/************************************************
Theme Name: ARIZONA - CREATIVE MULTIPURPOSE TEMPLATE
Author: Akronyms
Author URI: http://www.akronyms.net
Version: 1.2
************************************************ */

/* --------------------------------------------------
  Table of Contents
-----------------------------------------------------
:: GENERAL
:: TYPOGRAPHY
:: PRELOADER
::
:: -------------------
:: HOMEPAGE
:: -------------------
:: -- HEADER
:: -- HERO IMAGE
:: -- ABOUT US
:: -- CALL TO ACTION
:: -- SPLIT SECTION
:: -- SERVICE
:: -- COUNTER SECTION
:: -- WORKS
:: -- CLIENT SECTION
:: -- BLOG SECTION
:: -- CONTACT US SECTION
:: -- FOOTER
::
:: -----------------------------
:: ABOUT US Page
:: -----------------------------
:: -- PAGE TITLE
:: -- ABOUT US TEXT
:: -- Counter
:: -- SERVICES & TESTIMONIAL
:: -- CLIENT CAROUSAL
::
:: -----------------------------
:: BLOG MASONRY
:: -----------------------------
:: -- BLOG MASONRY Section
::
:: -------------------
:: PORTFOLIO MASONRY Page
:: --------------------
:: -- PORTFOLIO MASONRY page settings
::
:: -------------------
:: PORTFOLIO SINGLE Page
::--------------------
:: -- PORTFOLIO DETAILS TOP
:: -- PORTFOLIO DETAILS BOTTOM
::
:: -------------------
:: BLOG SINGLE (FULL WIDTH)
::--------------------
:: -- POST TITLE
:: -- POST DETAILS
:: -- POST IMAGE
:: -- POST TEXT
:: -- POST IMAGE SINGLE
:: -- POST IMAGE META
:: -- POST AUTHOR
:: -- POST COMMENT
:: -- POST COMMENT FORM
::
:: -------------------
:: CONTACT US
:: --------------------
*/


/********************************************************
*                                                       *
*                       General                         *
*                                                       *
*********************************************************/
/*
BODY
*/
body{
    position: relative;
}

img{
  max-width: 100%;
}

/******************************
            BORDERS
******************************/
.az-mainborder-top,
.az-mainborder-bottom{
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    position: fixed;
    z-index: 10000;
}

.az-mainborder-top{
    top: 0
}

.az-mainborder-bottom{
    bottom: 0;
}


.az-mainborder-left,
.az-mainborder-right{
    width: 60px;
    height: 100%;
    background-color: #ffffff;
    position: fixed;
    z-index: 10000;
}

.az-mainborder-left{
    left: 0;
}

.az-mainborder-right{
    right: 0;
}

/********************************************\
        MAIN PAGE CONTENTS (OFFSETS)
\********************************************/
.az-main-page-contents{
    padding: 60px;
}


/******************************
            OVERLAY
******************************/
.az-dark-color-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(34,37,53,0.75);
}

.az-light-color-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.75);
}

.az-gradient-color-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left,  rgba(0,102,179,0.8) 0%, rgba(34,37,53,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,179,0.8)), color-stop(100%,rgba(34,37,53,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0066b3', endColorstr='#cc222535',GradientType=1 ); /* IE6-9 */
}


/********************************************\
                AZ PARALLAX
\********************************************/
.az-parallax{
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}

/********************************************\
                    SECTIONS
\********************************************/
.az-section{
    padding: 100px 0;
}

.az-sectionpb50{
    padding:100px 0 50px 0;
}

/********************************************\
                SECTION HEADINGS
\********************************************/
.az-section-headers{
    text-align: center;
    margin-bottom: 80px;
}

.az-section-headers h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    color: #1b1b1b;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
}

.az-section-headers h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

/********************************************\
                    ROW
\********************************************/
.az-row{
    overflow: hidden;
    display: block;
}


/********************************************\
                BUTTONS
\********************************************/
.az-btn {
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 15px 30px 15px 38px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.az-btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.az-btn:focus{
    color: inherit;
}

.az-btn-outline {
    overflow: hidden;
    border: 1px solid #000;
    color: #1b1b1b;
}

.az-btn-outline:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.az-btn-outline:hover,
.az-btn-outline:active {
    color: #ffffff;
    border: 1px solid transparent;
}

.az-btn-outline:hover:after,
.az-btn-outline:active:after {
    width: 100%;
}

/* SOLID BTN */
.az-btn-solid{
    color: #ffffff;
    background: #1b1b1b;
	margin-top:-2px;
	border-top: 3px solid #1b1b1b;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.az-btn-solid:hover{
   background: #ffffff;
   color: #1b1b1b;
}


/*
LIGHT BTN
*/
.az-btn-outline.az-light-btn{
    border: 1px solid #ffffff;
    color: #ffffff;
}

.az-btn-outline.az-light-btn:after {
    background: #ffffff;
}

.az-btn-outline.az-light-btn:hover,
.az-btn-outline.az-light-btn:active{
    color: #1b1b1b;
    border: 1px solid transparent;
}

/********************************************\
                ICON WITH TEXT
\********************************************/
.az-icontext-style-2{
    overflow: hidden;
    text-align: center;
}

.az-icontext-style-1{
    overflow: hidden;
    text-align: left;
}

/*
ICON STYLE 1
*/
.az-icontext-style-1 .az-icontext-icon-wrapper{
    display: block;
    margin-bottom: 30px;
}

.az-icontext-style-1 .az-icontext-icon-wrapper i{
    font-size: 44px;
    color: #a3a3a3;
    line-height: 1;
    font-size: 48px;
    color: #dcdcdc;
    line-height: 1;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-icontext-style-1:hover  .az-icontext-icon-wrapper i{
    color: #1b1b1b;
}


/*
TITLE
*/
.az-icontext-style-1 .az-icontext-text{
    overflow: hidden;
}

.az-icontext-style-1 .az-icontext-text a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-icontext-style-1 .az-icontext-text a h3{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1b1b1b;
    margin-top: 0;
    margin-bottom: 15px;
}

.az-icontext-style-1 .az-icontext-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    margin-bottom: 0;
}


/*
ICON STYLE 2
*/
.az-icontext-style-2 .az-icontext-icon-wrapper{
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.az-icontext-style-2 .az-icontext-icon-wrapper i{
    font-size: 48px;
    color: #dcdcdc;
    line-height: 1;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-icontext-style-2:hover  .az-icontext-icon-wrapper i{
    color: #000;
}

/*
TITLE
*/
.az-icontext-style-2 .az-icontext-text{
    overflow: hidden;
}

.az-icontext-style-2 .az-icontext-text a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-icontext-style-2 .az-icontext-text a h3{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1b1b1b;
    margin-top: 0;
    margin-bottom: 15px;
}

.az-icontext-style-2 .az-icontext-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    margin-bottom: 0;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/********************************************************
*                                                       *
*                       Typography                      *
*                                                       *
*********************************************************/
textarea:focus,
input:focus{
  outline: none;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

a,p,li,input,textarea, span, div{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #7d7d7d;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

a{
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

a:hover,
a:focus,
a:active{
    outline: 0;
    text-decoration: none;
    border: 0;
}

ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

input:focus,
textarea:focus{
    outline: 0;
}

.az-dropcap{
    font-weight: 700;
    font-size: 36px;
    color: #1b1b1b;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 48px;
    height: 48px;
    float: left;
    margin: 0 15px 0 0;
}

span.az-color-bold-text{
    font-weight: 700;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */


/********************************************************
*                                                       *
*                       PRELOADER                       *
*                                                       *
*********************************************************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.loaded #loader-wrapper{
}

#loader {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 2000;
    -webkit-transition: all 1s;
       -moz-transition: all 1s;
        -ms-transition: all 1s;
         -o-transition: all 1s;
            transition: all 1s;
}

#loader span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
    text-align: center;
    letter-spacing: 8px;
    padding-left: 8px;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateY(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(100%);  /* IE 9 */
            transform: translateY(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper {
    visibility: hidden;
}

.loaded #loader-wrapper {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.3s 1s ease-out;
            transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


.no-js #loader-wrapper {
    display: none;
}



.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 1000000;
  position: fixed;
  margin: auto;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 200px;
  background: #393939;

  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #fff;
}

.pace.pace-inactive {
  display: none;
}

.loaded .pace{
    display: none !important;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
                # MAIN CSS START FORM HERE #
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/********************************************************
*                                                       *
*                       HOMEPAGE                        *
*                                                       *
*********************************************************/
/****************************\
            HEADER
\****************************/
header.az-fixed-header{
    width: calc(100% - 120px);
    position: fixed;
    top: 0;
    z-index: 10000;
}


/*
MAIN MENU
*/
header.az-fixed-header .az-main-menu{
    margin-bottom: 0;
    background-color: transparent;
    border: 0 none;
    width: 100%;
    padding: 10px 0;
    position: relative;
    z-index: 99;
    text-align: center;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
        -ms-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}


header.az-fixed-header .az-main-menu .navbar-header{}

header.az-fixed-header .az-main-menu .navbar-header .navbar-brand{
    height: 40px;
    padding: 0;
}

header.az-fixed-header .az-main-menu .navbar-nav{
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    padding-right: 45px;
    margin-right: -15px;
}

header.az-fixed-header .az-main-menu .navbar-nav > li{
    padding: 10px 15px;
}

header.az-fixed-header .az-main-menu .navbar-nav li:last-child{
    padding-right: 0;
}

header.az-fixed-header .az-main-menu .navbar-nav li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #bdbdbd;
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

header.az-fixed-header .az-main-menu .navbar-nav li a:hover,
header.az-fixed-header .az-main-menu .navbar-nav li.active a{
    background-color: transparent;
    color: #000;
}

header.az-fixed-header .az-main-menu .navbar-nav li a:focus{
    background-color: transparent;
}

/*****************
DROPDOWN MENU
*****************/
header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu{
    float:left;
    list-style:none;
    margin:0;
    padding:20px 0;
    position:absolute;
    left:-20px;
    top: 250%;
    background: rgba(255,255,255,0.9);
    min-width: 100px;
    opacity:0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    visibility:hidden; /* Avoids being selected even if the opacity is set to 0 */
    z-index: 1000;
    /*border: 1px solid #1b1b1b;*/
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
            box-shadow: 0px 3px 6px rgba(0,0,0,0.15);

        /* CSS3 Multiple Transitions */

    -moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear, top 0.25s 0.1s ease-out;
    -webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, top 0.25s 0.1s ease-out;
    -o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, top 0.25s 0.1s ease-out;
    transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, top 0.25s 0.1s ease-out;
}

header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li {
    display: block;
    clear:both;
    margin-top: 0px;
    text-align: left;
    position: relative;
}

header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 7.5px 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    clear: both;
    color: #1b1b1b;
    font-weight: 600;
}

header.az-fixed-header .az-main-menu .navbar-nav li:hover ul.sub-menu {
    opacity:1;
    visibility:visible;
    top: calc(100% + 10px);
}

header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li a:hover{
    color: #50c1e9;
}

/* SUB-MENU SUB STYLE */
header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu,
header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li ul.sub-menu {
    float:left;
    list-style:none;
    margin:0;
    padding:20px 0;
    position:absolute;
    left: calc(100% + 20px);
    top: -20px;
    background: rgba(255,255,255,0.9);
    min-width: 100px;
    opacity:0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    visibility:hidden;
    z-index: 1000;
    -moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear, left 0.4s 0.1s ease-out;
    -webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, left 0.4s 0.1s ease-out;
    -o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, left 0.4s 0.1s ease-out;
    transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear, left 0.4s 0.1s ease-out;
}

header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li{
    display: block;
    clear:both;
    margin:0;
    padding: 0 20px;
    opacity:1;
}

header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li:hover ul.sub-menu,
header.az-fixed-header .az-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu {
    opacity:1;
    left:100%;
    visibility:visible;
}

/***********
SIDE MENU
***********/

.az-side-menu-opener{
    position: absolute;
    top: 20px;
    right: 0;
	cursor: pointer;
}

.az-side-menu-opener:hover{
    position: absolute;
    top: 20px;
    right: 0;
}

.az-side-menu-button {
	color:#bdbdbd;
	font-weight:600;
	cursor: pointer;
	-webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-side-menu-button i {
	font-size:14px;
}

.az-side-menu-button:hover {
	color:#000;
}

/* Close Button */
.az-side-menu-close-button {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 80px;
    right: 85px;
    border: none;
    outline: 0;
    z-index: 1001;
    background: transparent;
    color: transparent;
    cursor: pointer;
}

.az-side-menu-close-button::before,
.az-side-menu-close-button::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ffffff;
}

.az-side-menu-close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.az-side-menu-close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Menu */
.az-side-menu-wrap {
    background-color: #000;
    overflow: hidden;
    position: fixed;
    right: 0;
    z-index: 1001;
    width: 460px;
    height: 100%;
    font-size: 14px;
    -webkit-transform: translate3d(100%,0,0);
       -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
         -o-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .4s;
       -moz-transition:    -moz-transform .4s;
        -ms-transition:     -ms-transform .4s;
         -o-transition:      -o-transform .4s;
            transition:         transform .4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}

/*
OVERLAY
 */
.az-side-menu-overlay {
    position: fixed;
    top: 0;
    left: 60px;
    right: 60px;
    z-index: 10;
    width: calc(100% - 120px);
    height: 100%;
    background-color: rgba(34,37,53,0.6);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
       -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
         -o-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform 0s .4s, opacity 0.4s;
       -moz-transition:    -moz-transform 0s .4s, opacity 0.4s;
        -ms-transition:     -ms-transform 0s .4s, opacity 0.4s;
         -o-transition:      -o-transform 0s .4s, opacity 0.4s;
            transition:         transform 0s .4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


/* Shown menu */
.az-show-menu .az-side-menu-wrap {
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
         -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .8s;
       -moz-transition:    -moz-transform .8s;
        -ms-transition:     -ms-transform .8s;
         -o-transition:      -o-transform .8s;
            transition:         transform .8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}

.az-show-menu .az-side-menu-overlay {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
       -moz-transition: opacity 0.8s;
        -ms-transition: opacity 0.8s;
         -o-transition: opacity 0.8s;
            transition: opacity 0.8s;
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
         -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


/*
SIDE MENU ITEMS
*/
.az-side-menu {
    background-color: transparent;
    width: 100%;
    height: calc(100% - 120px);
    padding: 100px 115px 70px 60px;
    position: relative;
    z-index: 1;
    top: 60px;
    overflow-y: auto;
}

.az-side-menu-widget-wrap {
    width: 100%;
}

/*
LOGO
 */
.az-side-menu-widget-wrap .az-side-menu-logo-wrap{
    height: auto;
    max-height: 60px;
    position: absolute;
    top: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    left: 50%;
    -webkit-transform: translateX(-75%);
       -moz-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
         -o-transform: translateX(-75%);
            transform: translateX(-75%);
}

.az-side-menu-widget-wrap .az-side-menu-logo-wrap img{
    max-height: 100%;
}

/*
MENU
 */
.az-side-menu-widget-wrap .az-side-menu-menu-wrap{
    margin-top: 30px;
    padding-bottom: 20px;
    height: auto;
    position: relative;
    -webkit-transform: translate3d(0,100%,0);
       -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
         -o-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform 0s .4s;
       -moz-transition:    -moz-transform 0s .4s;
        -ms-transition:     -ms-transform 0s .4s;
         -o-transition:      -o-transform 0s .4s;
            transition:         transform 0s .4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul{}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul li{
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translate3d(0,500px,0);
       -moz-transform: translate3d(0,500px,0);
        -ms-transform: translate3d(0,500px,0);
         -o-transform: translate3d(0,500px,0);
            transform: translate3d(0,500px,0);
    -webkit-transition: -webkit-transform 0s .4s;
       -moz-transition:    -moz-transform 0s .4s;
        -ms-transition:     -ms-transform 0s .4s;
         -o-transition:      -o-transform 0s .4s;
            transition:         transform 0s .4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul li:nth-child(n+1){
    -webkit-transform: translate3d(0,1000px,0);
       -moz-transform: translate3d(0,1000px,0);
        -ms-transform: translate3d(0,1000px,0);
         -o-transform: translate3d(0,1000px,0);
            transform: translate3d(0,1000px,0);
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li:nth-child(n+2){
    -webkit-transform: translate3d(0,1500px,0);
       -moz-transform: translate3d(0,1500px,0);
        -ms-transform: translate3d(0,1500px,0);
         -o-transform: translate3d(0,1500px,0);
            transform: translate3d(0,1500px,0);
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li:nth-child(n+3){
    -webkit-transform: translate3d(0,2000px,0);
       -moz-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
         -o-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
}


.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li:nth-child(n+4){
    -webkit-transform: translate3d(0,2500px,0);
       -moz-transform: translate3d(0,2500px,0);
        -ms-transform: translate3d(0,2500px,0);
         -o-transform: translate3d(0,2500px,0);
            transform: translate3d(0,2500px,0);
}


.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li:nth-child(n+5){
    -webkit-transform: translate3d(0,3000px,0);
       -moz-transform: translate3d(0,3000px,0);
        -ms-transform: translate3d(0,3000px,0);
         -o-transform: translate3d(0,3000px,0);
            transform: translate3d(0,3000px,0);
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li:nth-child(n+6){
    -webkit-transform: translate3d(0,3500px,0);
       -moz-transform: translate3d(0,3500px,0);
        -ms-transform: translate3d(0,3500px,0);
         -o-transform: translate3d(0,3500px,0);
            transform: translate3d(0,3500px,0);
}


.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul li:last-child{
    margin-bottom: 0;
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: color .35s;
       -moz-transition: color .35s;
        -ms-transition: color .35s;
         -o-transition: color .35s;
            transition: color .35s;
}

.az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul li a:hover{
    color: #0089d0;
}

/* FEATURED GALLERY */
.az-side-menu-gallery-widget{
    overflow: hidden;
    margin-top: 50px;
}

.az-side-menu-gallery-widget h3{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.az-side-menu-gallery-widget .az-feaured-gallery-img{
    width: calc(100% * 1/3);
    height: 70px;
    float: left;
    padding-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


.az-side-menu-gallery-widget .az-feaured-gallery-img img{
    width: 100%;
    height: 100%;
}

/*
SOCIAL ICON
*/
.az-side-menu-widget-wrap .az-side-menu-social-icon{
    text-align: center;
    margin-top: 50px;
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul li{
    float: left;
    margin-right: 20px;
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul li:last-child{
    margin-right: 0;
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul li a{
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul li a i{
    font-size: 16px;
    color: #7d7d7d;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-side-menu-widget-wrap .az-side-menu-social-icon ul li a:hover i{
    color: #ffffff;
}

/* SHOW MENU */
.az-show-menu .az-side-menu-widget-wrap .az-side-menu-menu-wrap,
.az-show-menu .az-side-menu-widget-wrap .az-side-menu-menu-wrap .az-side-menu-menu-widget ul > li{
    -webkit-transition: -webkit-transform .8s;
       -moz-transition:    -moz-transform .8s;
        -ms-transition:     -ms-transform .8s;
         -o-transition:      -o-transform .8s;
            transition:         transform .8s;
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
         -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


/****************************\
            HERO IMAGE
\****************************/
.az-hero-image{}

.az-hero-image .az-main-slides h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 12px;
    margin: 0;
}

.az-hero-image .az-main-slides p{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.az-hero-slider a{
    position: relative;
}


/****************************\
            ABOUT US
\****************************/
.az-about-section{
    overflow: hidden;
}

.az-about-section .az-about-contents{
    overflow: hidden;
}

/*
TEXT
*/
.az-about-section .az-about-contents .az-about-text{
    margin-bottom: 80px;
    overflow: hidden;
}

.az-about-section .az-about-contents .az-about-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #7d7d7d;
    margin: 0;
    padding: 0 15%;
}


/*
TEAM
*/
.az-team-wrapper{}

.az-team-wrapper .az-team-member{}

.az-team-wrapper .az-team-member .az-team-img-wrapper{
    width: 100%;
    height: 280px;
    display: block;
    overflow: hidden;
    position: relative;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social-wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    opacity: 0;
    visibility: hidden;

    display: table;
    text-align: center;

    background: -moz-linear-gradient(left,  rgba(0,102,179,0.8) 0%, rgba(34,37,53,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,179,0.8)), color-stop(100%,rgba(34,37,53,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,102,179,0.8) 0%,rgba(34,37,53,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0066b3', endColorstr='#cc222535',GradientType=1 ); /* IE6-9 */
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social{
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    text-align: center;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin: 0 0 0px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social ul{
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: right;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social ul li{
    float: left;
    margin-right: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100px);
       -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
         -o-transform: translateY(-100px);
            transform: translateY(-100px);
    -webkit-transition: all 0ms cubic-bezier(.175,.885,.525,1.2);;
       -moz-transition: all 0ms cubic-bezier(.175,.885,.525,1.2);;
        -ms-transition: all 0ms cubic-bezier(.175,.885,.525,1.2);;
         -o-transition: all 0ms cubic-bezier(.175,.885,.525,1.2);;
            transition: all 0ms cubic-bezier(.175,.885,.525,1.2);;
}


.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social ul li a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social ul li a i{
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper .az-team-member-name-social ul li a:hover i{
    color: #50c1e9;
}

.az-team-wrapper .az-team-member .az-team-member-details{
    padding: 30px 20px 0;
    overflow: hidden;
}

.az-team-wrapper .az-team-member .az-team-member-details h3{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1d1d1d;
    margin-top: 0;
    margin-bottom: 20px;
}

.az-team-wrapper .az-team-member .az-team-member-details p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
}


/*
HOVER EFFECT
*/
.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social-wrap{
    opacity: 1;
    visibility: visible;
}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social h3{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social ul li{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social ul li:nth-last-child(n+1){
    -webkit-transition-duration: 400ms;
       -moz-transition-duration: 400ms;
         -o-transition-duration: 400ms;
            transition-duration: 400ms;
    -webkit-transition-delay: 60ms;
       -moz-transition-delay: 60ms;
         -o-transition-delay: 60ms;
            transition-delay: 60ms;

}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social ul li:nth-last-child(n+2){
    -webkit-transition-duration: 550ms;
       -moz-transition-duration: 550ms;
         -o-transition-duration: 550ms;
            transition-duration: 550ms;
    -webkit-transition-delay: 120ms;
       -moz-transition-delay: 120ms;
         -o-transition-delay: 120ms;
            transition-delay: 120ms;

}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social ul li:nth-last-child(n+3){
    -webkit-transition-duration: 700ms;
       -moz-transition-duration: 700ms;
         -o-transition-duration: 700ms;
            transition-duration: 700ms;
    -webkit-transition-delay: 180ms;
       -moz-transition-delay: 180ms;
         -o-transition-delay: 180ms;
            transition-delay: 180ms;

}

.az-team-wrapper .az-team-member .az-team-img-wrapper:hover .az-team-member-name-social ul li:nth-last-child(n+4){
    -webkit-transition-duration: 850ms;
       -moz-transition-duration: 850ms;
         -o-transition-duration: 850ms;
            transition-duration: 850ms;
    -webkit-transition-delay: 240ms;
       -moz-transition-delay: 240ms;
         -o-transition-delay: 240ms;
            transition-delay: 240ms;

}



/****************************\
        CALL TO ACTION
\****************************/
.az-cta-wrapper{
    position: relative;
    overflow: hidden;
    background: url(../images/image-normal.jpg) no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}

.az-cta-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.9);
}

/*
CTA TEXT
*/

.az-cta-wrapper .az-cta{
    text-align: center;
    position: relative;
    z-index: 1;
}

.az-cta-wrapper .az-cta h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 8px;
}


/****************************\
        SPLIT SECTION
\****************************/
.az-split-section-wrapper{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
}

/*
IMAGE
*/
.az-split-section-wrapper .az-custom-image-wrapper{
    position: relative;
    width: 50%;
    height: 400px;
    display: block;
    float: left;
    overflow: hidden;
}

.az-split-section-wrapper .az-custom-image-wrapper .az-gradient-color-overlay{
    z-index: 1;
}


.az-split-section-wrapper .az-custom-image-wrapper img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.az-split-section-wrapper .az-custom-image-wrapper #player{
    width: 100%;
    height: 100%;
}

/*
TEXT
*/
.az-split-section-wrapper .az-custom-section-text-wrapper{
    position: relative;
    width: 50%;
    height: 400px;
    display: table;
    float: left;
    overflow: hidden;
    padding: 30px 60px;
}

.az-split-section-wrapper .az-custom-section-text{
    display: table-cell;
    vertical-align: middle;
}

.az-split-section-wrapper .az-custom-section-text-wrapper h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
}

.az-split-section-wrapper .az-custom-section-text-wrapper p{
    line-height: 22px;
    margin: 0;
    text-align: justify;
}


/****************************\
        SERVICE
\****************************/
.az-service-section-wrapper{
    overflow: hidden;
}

.az-service-section-wrapper .az-service-row{
    margin-bottom: 50px;
    overflow: hidden;
}

.az-service-section-wrapper .az-service-row:last-child{
    margin-bottom: 0;
}


/****************************\
        COUNTER SECTION
\****************************/
.az-counter-section-wrapper{
    position: relative;
    overflow: hidden;
    background: url(../images/image-normal.jpg) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}

.az-counter-section-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.85);
}

.az-counter-section-wrapper .az-counter-wrapper{}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items{
    text-align: center;
}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items h3{
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    color: #ffffff;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
}

.az-counter-section-wrapper .az-counter-wrapper .az-counter-items span{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}


/****************************\
            WORKS
\****************************/
.az-works-section-wrapper,
.az-works{
    overflow: hidden;
}

/*
FILTER BUTTON
*/
.az-filter-link-wrapper{
    overflow: hidden;
    margin-bottom: 50px;
    display: block;
}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper .az-portfolio-filter-btn-group{}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper .az-portfolio-filter-btn-group a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #a3a3a3;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-right: 30px;
    padding-left: 20px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper .az-portfolio-filter-btn-group a:before{
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    background: url(../images/controls/filter-btn.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper .az-portfolio-filter-btn-group a.selected{
    color: #1b1b1b;
}

.az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper .az-portfolio-filter-btn-group a.selected:before{
    background: url(../images/controls/filter-btn-hover.png) no-repeat;
}

/*
PORTFOLIO PAGE LINK
*/
.az-filter-link-wrapper a.az-portfolio-page-link{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a3a3a3;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
    padding-right: 30px;
    float: right;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-filter-link-wrapper a.az-portfolio-page-link:after{
    content: '\e684';
    font-family: 'Pe-icon-7-stroke';
    font-size: 22px;
    color: #a3a3a3;
    line-height: 14px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-filter-link-wrapper a.az-portfolio-page-link:hover{
    color: #222533;
}

.az-filter-link-wrapper a.az-portfolio-page-link:hover:after{
    color: #222533
}



/* WORK ITEMS */
.az-work-item{
    width: calc(100% / 3);
    height: 280px;
    overflow: hidden;
}

.az-work-item2{
    /* width: calc(100% / 3);
    height: 280px; */
    overflow: hidden;
}

.az-work-one-px .az-work-item, .az-work-one-px .az-work-item2{
    padding-left: 0.5px;
    padding-right: 0.5px;
    margin-bottom: 1px;
}

.az-work-item-4col{
    width: calc(100% / 4);
}

.az-work-item-6col{
    width: calc(100% / 6);
}

.az-height-dbl{
    height: 560px;
}

.az-work-one-px .az-height-dbl{
    height: 561px;
}

.az-width-dbl{
    width: calc(100% / 3 * 4);
}

.az-width-dbl-4col{
    width: calc(100% / 2);
}

.az-width-dbl-6col{
    width: calc(100% / 3);
}

.az-work-item img, .az-work-item2 img{
    width: 100%;
    min-height: 100%;
}

.az-work-item-15pxgutter{
    margin: 0 7.5px 15px;
}

/*
Portfolio Details
*/
.az-work-item-inner-wrap{
    position: relative;
    height: 100%;
    overflow: hidden;
}

.az-work-item-hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    background-color: rgba(0,0,0,0.7);
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}


.az-work-item-hover a.az-lightbox{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(34,37,53,0.5);
}

.az-work-item-hover h3{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    width: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 2;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.az-work-item-hover h3 a,
.az-work-item-hover a.az-work-category{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

.az-work-item-hover a.az-work-category{
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 8px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 2;
}

/*
HOVER
*/
.az-work-item:hover .az-work-item-hover, .az-work-item2:hover .az-work-item-hover {
    opacity: 1;
    visibility: visible;
}


/****************************\
        CLIENT SECTION
\****************************/
.az-homepage-one .az-client-section-wrapper{
    padding-bottom: 100px;
    overflow: hidden;
}

.az-homepage-one .az-client-section-wrapper .az-clients-logo-wrapper{
    width: 70%;
    margin: 0 15%;
}

.az-homepage-one .az-client-section-wrapper .az-row{
    display: block;
    overflow: visible;
}

.az-client-section-wrapper .az-row .az-clients-logo{
    position: relative;
    float: left;
    width: calc(100% / 3);
    overflow: hidden;
    text-align: center;
    padding: 30px 60px;
    height: 113px;
    margin-right: -1px;
    margin-bottom: -1px;
}

.az-client-section-wrapper .az-row .az-clients-logo:before{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.az-client-section-wrapper .az-row .az-clients-logo:after{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

.az-client-section-wrapper .az-row .az-clients-logo .az-clients-logo-inner:before{
   content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
}

.az-client-section-wrapper .az-row .az-clients-logo .az-clients-logo-inner:after{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/controls/client-bg-wrap.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.az-client-section-wrapper .az-row .az-clients-logo

.az-client-section-wrapper .az-row .az-clients-logo{}

/****************************\
      TESTIMONIAL SECTION
\****************************/
.az-testimonial-section-wrapper{
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
    background: url(../images/image-normal.jpg) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
        background-size: cover;
}

.az-testimonial-section-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.85)
}

.az-testimonial-carousal{
    overflow: hidden;
}

.az-testimonial-carousal .az-testimonial-slides{
    text-align: center;
    padding: 0 100px;
}

.az-testimonial-carousal .az-testimonial-slides p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    margin: 0 0 30px;
    display: block;
    overflow: hidden;
}

.az-testimonial-carousal .az-testimonial-slides span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    padding: 0 20px 0 28px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.az-testimonial-carousal .az-testimonial-slides span:before,
.az-testimonial-carousal .az-testimonial-slides span:after{
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    top: 7px;
    display: block;
    background-color: #ffffff;
}

.az-testimonial-carousal .az-testimonial-slides span:before{
    left: 0;
}

.az-testimonial-carousal .az-testimonial-slides span:after{
    right: 0;
}

/*
OWL PAGINATION
 */
.owl-carousel .owl-dots{
    text-align: center;
    margin-top: 10px;
}

.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

.owl-carousel .owl-dots .owl-dot:last-child{
    margin-right: 0;
}

.owl-carousel .owl-dots .owl-dot span{
    width: 6px;
    height: 6px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(34,37,53,1);
    box-sizing: content-box;
}

.owl-carousel .owl-dots .owl-dot.active span{
    background-color: transparent;
    border: 1px solid #ffffff;
}


/*
DARK CAROUSAL
 */
.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides p{
    color: #7d7d7d;
}

.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span{
    color: #1b1b1b;
}

.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span:before,
.az-testimonial-carousal.az-dark-carousal .az-testimonial-slides span:after{
    background-color: #000;
}

.owl-carousel.az-dark-carousal .owl-dots .owl-dot span{
    background-color: #000;
    border: 1px solid rgba(255,255,255,1);
}

.owl-carousel.az-dark-carousal .owl-dots .owl-dot.active span{
    background-color: transparent;
    border: 1px solid #000;
}


/****************************\
        BLOG SECTION
\****************************/
.az-blog-section-wrapper{
    overflow: hidden;
}


/*
BLOG POST
*/
.az-blog-section-wrapper .az-blog-wrapper{
    overflow: hidden;
}

.az-with-sidebar{
    width: 70%;
    padding-right: 0px;
    float: left;
}

/* 3 Column */
.az-blog-wrapper.az-3col-post .az-blog-post{
    width: calc(100% / 3);
    padding: 0 20px;
    float: left;
    overflow: hidden;
}

/* 4 Column */
.az-blog-wrapper.az-4col-post .az-blog-post{
    width: calc(100% / 4);
    padding: 0 20px;
    float: left;
    overflow: hidden;
}

/* 5 Column */
.az-blog-wrapper.az-5col-post .az-blog-post{
    width: calc(100% / 5);
    padding: 0 20px;
    float: left;
    overflow: hidden;
}


/*
POST IMAGE
*/
.az-blog-wrapper .az-blog-post .az-blog-img-wrapper{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
    background-color: #fcfcfc;
}

/*
POST TITLES
*/
.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper{
    overflow: hidden;
    margin-bottom: 30px;
}

.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper span.az-post-date{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 4px;
}

.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper h3.az-post-title,
.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper h3.az-post-title a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 15px;
}

.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper p.az-post-meta,
.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper p.az-post-meta a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 0;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-blog-wrapper .az-blog-post .az-blog-post-title-wrapper p.az-post-meta a:hover{
    color: #a3a3a3
}
/*
POST EXCERPT
*/
.az-blog-wrapper .az-blog-post .az-blog-post-excerpt{
    overflow: hidden;
}

.az-blog-wrapper .az-blog-post .az-blog-post-excerpt p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    margin: 0 0 30px;
}

.az-blog-wrapper .az-blog-post .az-blog-post-excerpt a.az-read-more{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 5px;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-blog-wrapper .az-blog-post .az-blog-post-excerpt a.az-read-more:hover{
    color: #a3a3a3;
}

/*
QUOTE POST
*/
.az-blog-wrapper .az-blog-post.az-quote-post,
.az-blog-wrapper .az-blog-post.az-link-post{
    text-align: center;
}

.az-blog-wrapper .az-blog-post.az-quote-post span.az-post-date,
.az-blog-wrapper .az-blog-post.az-link-post span.az-post-date{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 4px;
}

.az-blog-wrapper .az-blog-post.az-quote-post .az-quote-post-title-wrapper,
.az-blog-wrapper .az-blog-post.az-link-post .az-quote-post-title-wrapper{
    background-color: #fafafa;
    border: 1px solid #eeeeee;
    padding: 30px 20px;
    position: relative;
    margin: 15px 0;
}

.az-blog-wrapper .az-blog-post.az-quote-post .az-quote-post-title-wrapper:after{
    content: '\f10e';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 1;
    color: #dcdcdc;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.az-blog-wrapper .az-blog-post.az-link-post .az-quote-post-title-wrapper:after{
    content: '\f0c1';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 1;
    color: #dcdcdc;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.az-blog-wrapper .az-blog-post.az-quote-post .az-quote-post-title-wrapper h3.az-post-title,
.az-blog-wrapper .az-blog-post.az-link-post .az-quote-post-title-wrapper h3.az-post-title,
.az-blog-wrapper .az-blog-post.az-quote-post .az-quote-post-title-wrapper h3.az-post-title a,
.az-blog-wrapper .az-blog-post.az-link-post .az-quote-post-title-wrapper h3.az-post-title a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin: 0;
}

.az-blog-wrapper .az-blog-post.az-quote-post p.az-post-meta,
.az-blog-wrapper .az-blog-post.az-link-post p.az-post-meta,
.az-blog-wrapper .az-blog-post.az-quote-post p.az-post-meta a,
.az-blog-wrapper .az-blog-post.az-link-post p.az-post-meta a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 0;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-blog-wrapper .az-blog-post.az-quote-post p.az-post-meta a:hover,
.az-blog-wrapper .az-blog-post.az-link-post p.az-post-meta a:hover{
    color: #a3a3a3
}



/****************************\
      CONTACT US SECTION
\****************************/
.az-contact-us-section-wrapper{
    background-color: #fcfcfc;
    overflow: hidden;
}


.az-contact-us-section-wrapper .az-contact-details{}

.az-contact-form-wrapper{
    overflow: hidden;
}

.az-contact-form-wrapper p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    margin: 0 0 40px;
}

.az-contact-form-wrapper p span.az-color-bold-text{
    font-weight: 700;
}

/*
CONTACT FORM
*/
.az-contact-form-wrapper form{
    overflow: hidden;
}

.az-contact-form-wrapper form .az-input-wrapper{
    width: calc(100% * 1/3 - 30px);
    float: left;
    padding-top: 6px;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
}

.az-contact-form-wrapper form .az-input-wrapper label{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #1b1b1b;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 0 4px 0 10px;
    background-color: #fcfcfc;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.az-contact-form-wrapper form .az-input-wrapper input{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    padding: 15px;
    width: 100%;
    height: 45px;
    background-color: transparent;
    border: 1px solid #1b1b1b;
}

.az-contact-form-wrapper form .az-textarea-wrapper{
    padding-top: 6px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    float: none;
    clear: left;
}

.az-contact-form-wrapper form .az-textarea-wrapper label{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #1b1b1b;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 0 4px 0 10px;
    background-color: #fcfcfc;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.az-contact-form-wrapper form textarea{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    padding: 15px;
    width: calc(100% - 30px);
    background-color: transparent;
    /*border: 1px solid #1b1b1b;*/
}

.az-contact-form-wrapper form .az-submit-field{}

.az-contact-form-wrapper form input[type='submit'], .bestellformular input[type="submit"] {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #1b1b1b;
    border: 1px solid #1b1b1b;
    background: none;
    cursor: pointer;
    padding: 15px 30px 15px 38px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 700;
    outline: none;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.az-contact-form-wrapper form input[type='submit']:hover, .bestellformular input[type="submit"]:hover {
   background: #000;
   color: #ffffff;
   border: 1px solid transparent;
}

.az-contact-form-wrapper .contact-result .error,
.az-contact-form-wrapper .contact-result .success{
    margin-bottom: 20px;
    overflow: hidden;
    margin-right: 30px;
    padding: 10px 30px 10px 50px;
    background-color: #1b1b1b;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.az-contact-form-wrapper .contact-result .error:before {
    content: "\e05c";
    font-family: 'et-line';
    color: #ffffff;
    position: absolute;
    font-size: 16px;
    top: 7px;
    left: 20px;
}

.az-contact-form-wrapper .contact-result .success:before {
    content: "\e05b";
    font-family: 'et-line';
    color: #ffffff;
    position: absolute;
    font-size: 16px;
    top: 7px;
    left: 20px;
}


/*
CONTACT ADDRESS
*/
.az-contact-address-wrapper{
    overflow: hidden;
    padding-left: 45px;
}


.az-contact-address-wrapper .az-contact-address{
    overflow: hidden;
    margin-bottom: 50px;
}

.az-contact-address-wrapper .az-contact-address:last-child{
    margin-bottom: 0
}

.az-contact-address-wrapper .az-contact-address h4{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1b1b1b;
    margin-top: 0;
    margin-bottom: 30px;
}

.az-contact-address-wrapper .az-contact-address ul{}

.az-contact-address-wrapper .az-contact-address ul li{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}

.az-contact-address-wrapper .az-contact-address ul li:last-child{
    margin-bottom: 0;
}

.az-contact-address-wrapper .az-contact-address ul li i{
    font-size: 20px;
    color: #7d7d7d;
    position: absolute;
    top: -1px;
    left: 0;
}


/****************************\
            FOOTER
\****************************/
footer.az-footer{
    overflow: hidden;
    padding: 100px 40px;
    background-color: #000;
}

/*
FOOTER WIDGET
*/
footer.az-footer .az-footer-widget{
    width: 25%;
    float: left;
    overflow: hidden;
    padding: 0 20px;
}

/*
WIDGET TITLE
*/
footer.az-footer .az-footer-widget h3.az-footer-widget-header{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-top: 50px;
    margin-bottom: 40px;
    display: block;
}

/*
ABOUT US WIDGET
*/
footer.az-footer .az-footer-widget .az-footer-about-us{
    overflow: hidden;
}

footer.az-footer .az-footer-widget p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #8a8a8a;
    margin-bottom: 17px;
}

footer.az-footer .az-footer-widget .az-footer-about-us ul{}

footer.az-footer .az-footer-widget .az-footer-about-us ul li{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #8a8a8a;
    font-weight: 400;
    padding-left: 25px;
    position: relative;
}

footer.az-footer i {
	font-size: 12px;
}

footer.az-footer .az-footer-widget .az-footer-about-us ul li:last-child{
    margin-bottom: 0;
}

footer.az-footer .az-footer-widget .az-footer-about-us ul li i{
    font-size: 16px;
    color: #8a8a8a;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center;
}

/*
RECENT POST WIDGET
*/
footer.az-footer .az-footer-widget .az-footer-recent-post-widget{}

footer.az-footer .az-footer-widget .az-footer-recent-post-widget ul{}

footer.az-footer .az-footer-widget .az-footer-recent-post-widget ul li{
    margin-bottom: 15px;
    line-height: 1;
}

footer.az-footer .az-footer-widget .az-footer-recent-post-widget ul li:last-child{
    margin-bottom: 0;
}

footer.az-footer .az-footer-widget .az-footer-recent-post-widget ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #8a8a8a;
    text-transform: uppercase;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

footer.az-footer .az-footer-widget .az-footer-recent-post-widget ul li a:hover{
    color: #ffffff;
}


/*
CATEGORY WIDGET
*/
footer.az-footer .az-footer-widget .az-category-widget ul li{
    margin-bottom: 15px;
    line-height: 1;
}

footer.az-footer .az-footer-widget .az-category-widget ul li:last-child{
    margin-bottom: 0;
}

footer.az-footer .az-footer-widget .az-category-widget ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #8a8a8a;
    text-transform: uppercase;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

footer.az-footer .az-footer-widget .az-category-widget ul li a:hover{
    color: #ffffff;
}


/*
FLICKR PHOTO WIDGET
*/
footer.az-footer .az-footer-widget #flickr-gallery{
    overflow: hidden;
}

footer.az-footer .az-footer-widget #flickr-gallery li{
    width: calc(100% * 1/3 - 10px);
    height: auto;
    margin-bottom: 5px;
    float: left;
    list-style: none;
}

footer.az-footer .az-footer-widget #flickr-gallery li:nth-child(even){
    margin-left: 5px;
    margin-right: 5px;
}

footer.az-footer .az-footer-widget #flickr-gallery li:nth-child(4),
footer.az-footer .az-footer-widget #flickr-gallery li:nth-child(7),
footer.az-footer .az-footer-widget #flickr-gallery li:nth-child(10){
    margin-left: 0px;
}

footer.az-footer .az-footer-widget #flickr-gallery li img{
    width: 100%;
}


/*****************************************\
        FIXED FOOTER (SOCIAL ICONS)
\*****************************************/
.az-fixed-social-icon{
    position: fixed;
    bottom: 100px;
    left: 22px;
    z-index: 10001;
}

.az-fixed-social-icon ul{}

.az-fixed-social-icon ul li{
    margin-bottom: 15px
}

.az-fixed-social-icon ul li:last-child{
    margin-bottom: 0;
}

.az-fixed-social-icon ul li a{
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-fixed-social-icon ul li a i{
    color: #a3a3a3;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-fixed-social-icon ul li a:hover i{
    color: #000
}


/*****************************************\
        FIXED FOOTER (COPYRIGHT)
\*****************************************/
.az-copyright-text{
    width: 100%;
    padding: 0 60px;
    position: fixed;
    bottom: 20px;
    z-index: 10001;
}

.az-copyright-text p{
    font-size: 13px;
    color: #a3a3a3;
    text-align: center;
    margin-bottom: 0;
}

.az-copyright-text p a{
    font-weight: 700;
    color: #1b1b1b;
}


/*****************************************\
        FIXED FOOTER (GO TOP BTN)
\*****************************************/
#scrollUp{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1;
    bottom: 170px;
    right: 10px;
    text-align: center;
    display: block !important;
}

#scrollUp i{
    font-size: 28px;
    display: block;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/********************************************************
*                                                       *
*                       ABOUT US                        *
*                                                       *
*********************************************************/
/*****************************************\
                PAGE TITLE
\*****************************************/
.az-page-title-section{
    padding: 100px 0;
    overflow: hidden;
    background-color: #f5f5f5;
    text-align: center;
    position: relative;
}

.az-page-title-section h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 8px;
    /*margin-top: 0;*/
    /*margin-bottom: 15px;*/
	background-color:rgba(0, 0, 0, 0.8);
	display:inline-block; 
	padding:20px 20px 10px 30px; 
	margin-bottom:0px;
}

.az-page-title-section .zeilenumbruch {
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: 1;padding:20px 20px 10px 30px; 
	margin-bottom:0px;
}

.az-page-title-section h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
	line-height:1.6em;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-top: 0;
	background-color:rgba(0, 0, 0, 0.8);
	display:inline-block;
	padding:20px 20px 20px 25px;
}

/*
BREADCUMB
*/
.az-breadcumb{
    position: absolute;
    bottom: 20px;
    right: 20px;
	background-color:rgba(0, 0, 0, 0.8);
	color:#fff; 
	padding:10px 20px;
}

.az-breadcumb{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-breadcumb a,
.az-breadcumb span{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 2px;
    font-weight: 400;
    line-height: 1;
    position: relative;
}

.az-breadcumb span:before{
    content: ' /';
    margin-left: 2px;
    margin-right: 5px;
}

.az-breadcumb a:hover{
    color: #7d7d7d
}


/*****************************************\
                ABOUT US TEXT
\*****************************************/
.az-aboutus-details-section{
    overflow: hidden;
}

.az-aboutus-details-section .az-aboutus-contents{}

.az-aboutus-details-section .az-aboutus-contents .az-aboutus-text{}

.az-aboutus-details-section .az-aboutus-contents .az-aboutus-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
}

/*
SKILL BAR
 */
.az-skillbar{
    overflow: hidden;
    margin-bottom: 20px;
}

.az-skillbar:last-child{
    margin-bottom: 0;
}

.az-skillbar p,
.az-skillbar p span{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.az-skillbar p span{
    float: right;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.az-skillbar p:last-child{
    margin-bottom: 0;
}

.az-skillbar-bar-wrapper{
    position:relative;
    display:block;
    width:100%;
    background:#eeeeee;
    height:3px;
    -webkit-transition:0.4s linear;
       -moz-transition:0.4s linear;
        -ms-transition:0.4s linear;
         -o-transition:0.4s linear;
            transition:0.4s linear;
    -webkit-transition-property:width, background-color;
       -moz-transition-property:width, background-color;
        -ms-transition-property:width, background-color;
         -o-transition-property:width, background-color;
            transition-property:width, background-color;
}

.az-skillbar-bar{
    height:3px;
    width:0px;
    background-color:#000;
}

/*
TEAM
 */
.az-aboutus-details-section .az-aboutus-contents .az-team-wrapper{
    margin-top: 80px;
}


/*****************************************\
                COUNTER
\*****************************************/
.az-aboutus-page .az-counter-section-wrapper{
    background-image: url(../images/image1.jpg);
}

.az-aboutus-page .az-counter-section-wrapper .az-dark-color-overlay{
    background-color: rgba(34,37,53,0.7);
}

/*****************************************\
            SERVICES & TESTIMONIAL
\*****************************************/
.az-aboutus-page .az-testimonial-carousal{
    padding-top: 150px;
}

/*****************************************\
            CLIENT CAROUSAL
\*****************************************/
.az-aboutus-page .az-client-carousal-section{
    padding: 120px 0;
    background-image: url(../images/image-normal.jpg);
}

.az-clients-carousal {
    padding: 0 200px;
}

.az-clients-carousal .owl-item{
    text-align: center;
}

.az-clients-carousal .owl-item .az-clients-logo{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-clients-carousal .owl-item .az-clients-logo{
    max-width: 150px;
}

/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/********************************************************
*                                                       *
*                       BLOG MASONRY                    *
*                                                       *
*********************************************************/
.az-blog-masonry-section{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    overflow: hidden;
    display: block;
}

.az-blog-masonry-section .az-blog-post{
    margin-bottom: 50px;
}

/****************************\
      SIDEBAR
\****************************/
.az-sidebar-widget-wrapper{
    width: 30%;
    float: left;
    padding-left: 30px;
    padding-right: 2px;
    overflow: hidden;
}

.az-sidebar-widget{
    overflow: hidden;
    margin-bottom: 50px;
}

.az-sidebar-widget:last-child{
    margin-bottom: 0;
}

/*
WIDGET HEADER
*/
.az-widget-header{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

.az-widget-header:before{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}

.az-widget-header h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #1b1b1b;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 14px 10px 20px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    display: inline-block;
    z-index: 1;
    position: relative;
}


/*
SEARCH BAR WIDGET
*/
.az-sidebar-widget-wrapper .az-sidebar-search form{
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #dcdcdc;
}

.az-sidebar-widget-wrapper .az-sidebar-search form input[type='text']{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #bdbdbd;
    width: 80%;
    height: 40px;
    display: inline-block;
    padding: 0 15px;
    outline: 0;
    border: 0;
    background-color: transparent;
    float: left;
}

.az-sidebar-widget-wrapper .az-sidebar-search form input[type='submit']{
    width: 15%;
    float: right;
    height: 40px;
    display: inline-block;
    outline: 0;
    border: 0;
    background-color: transparent;
    background: url(../images/controls/search.png) no-repeat;
    background-position: 20px center;
}

/* Place Holder CSS */
::-webkit-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}
:-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}
::-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}


/*
CATEGORY WIDGET
*/
.az-sidebar-widget-wrapper .az-category-widget{}

.az-sidebar-widget-wrapper .az-category-widget ul{}

.az-sidebar-widget-wrapper .az-category-widget ul li{
    float: none;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

.az-sidebar-widget-wrapper .az-category-widget ul li:last-child{
    margin-bottom: 0;
}

.az-sidebar-widget-wrapper .az-category-widget ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #737373;
    font-weight: 400;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-sidebar-widget-wrapper .az-category-widget ul li a:hover{
    color: #00aeef;
}


/*
TAG WIDGET
*/
.az-sidebar-widget-wrapper .az-tag-widget{}

.az-sidebar-widget-wrapper .az-tag-widget ul{}

.az-sidebar-widget-wrapper .az-tag-widget ul li{
    float: left;
    overflow: hidden;
    margin: 0 2.5px 5px;
    display: block;
}

.az-sidebar-widget-wrapper .az-tag-widget ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #737373;
    font-weight: 400;
    line-height: 1;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-sidebar-widget-wrapper .az-tag-widget ul li a:hover{
    color: #ffffff;
    background-color: #000;
    border: 1px solid transparent;
}

/*
LATEST POST WIDGET
*/
.az-sidebar-widget-wrapper .az-latest-post-widget{}

.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item{
    margin-bottom: 20px;
    overflow: hidden;
}

.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item .az-post-img{
    width: 70px;
    height: 70px;
    margin-right: 20px;
    overflow: hidden;
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item .az-post-title-date{
    width: calc(100% - 90px);
    float: left;
    overflow: hidden;
}

.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item .az-post-title-date h3,
.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item .az-post-title-date h3 a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 6px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-sidebar-widget-wrapper .az-latest-post-widget .az-latest-post-item .az-post-title-date span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #9a9a9a;
    font-weight: 400;
    letter-spacing: 6px;
    display: block;
    margin-top: 7px;
}

/*
PHOTO GALLERY WIDGET
*/
.az-sidebar-widget-wrapper .az-photo-widget{}

.az-sidebar-widget-wrapper .az-photo-widget ul{}

.az-sidebar-widget-wrapper .az-photo-widget ul li{
    width: calc(100% / 3 - 5px);
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.az-sidebar-widget-wrapper .az-photo-widget ul li:nth-child(3n+3){
    margin-right: 0;
}

.az-sidebar-widget-wrapper .az-photo-widget ul li:nth-last-child(-n+3){
    margin-bottom: 0;
}


/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */




/********************************************************
*                                                       *
*                     PORTFOLIO MASONRY                 *
*                                                       *
*********************************************************/
.az-portfolio-masonry-section{}

.az-portfolio-masonry-section .az-filter-link-wrapper{
  overflow: hidden;
  margin-bottom: 50px;
  display: block;
  text-align: center;
}

.az-portfolio-masonry-section .az-filter-link-wrapper .az-portfolio-filter-btn-group-wrapper{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/********************************************************
*                                                       *
*                     PORTFOLIO SINGLE                  *
*                                                       *
*********************************************************/
.az-portfolio-single-section{
    padding-bottom: 100px;
}

.az-portfolio-single-section .az-portfolio-details{}

/**********************
PORTFOLIO DETAILS TOP
**********************/
.az-portfolio-single-section .az-portfolio-details .az-portfolio-details-top{
    overflow: hidden;
    margin-bottom: 80px;
}

.az-portfolio-single-section .az-portfolio-details .az-portfolio-details-top .az-portfolio-img-half{
    width: 50%;
    padding-right: 40px;
    overflow: hidden;
    float: left;
}

.az-portfolio-single-section .az-portfolio-details .az-portfolio-details-top .az-portfolio-details-text{
    width: 50%;
    padding-left: 0px;
    padding-right: 60px;
    overflow: hidden;
    float: left;
}

/* CLIENT NAME & DATE*/
.az-portfolio-single-section .az-portfolio-details .az-portfolio-details-top .az-portfolio-details-text .az-portfolio-date-client{
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 50px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-date-client span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #a3a3a3;
    margin: 0;
    line-height: 1;
    letter-spacing: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-date-client span.az-portfolio-date{
    float: left;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-date-client span.az-client-name{
    float: right;
}

/* TITLE */
.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-title-meta{
    overflow: hidden;
    margin-bottom: 40px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-title-meta h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1b1b1b;
    margin: 0 0 10px;
    letter-spacing: 8px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-title-meta a.az-portfolio-catagory{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #a3a3a3;
    margin: 0;
    letter-spacing: 6px;
}

/* TEXT & SHARE */
.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text{
    overflow: hidden;
    margin-bottom: 50px;
}


.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text p{
    margin-bottom: 0;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share{
    overflow: hidden;
    margin-top: 40px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    margin: 0;
    margin-right: 15px;
    letter-spacing: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share ul{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share ul li{
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 15px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share ul li a{
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share ul li a i{
    font-size: 15px;
    color: #a3a3a3;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-half-text .az-portfolio-share ul li a:hover i{
    color: #1b1b1b;
}


/* HALF IMAGES */
.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-sub-img{
    overflow: hidden;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-sub-img .az-sub-img{
    width: 50%;
    overflow: hidden;
    float: left;
    position: relative;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-sub-img .az-sub-img:nth-child(1){
    padding-right: 15px;
}

.az-portfolio-details-top .az-portfolio-details-text .az-portfolio-sub-img .az-sub-img:nth-child(2){
    padding-left: 15px;
}


/**********************
PORTFOLIO DETAILS BOTTOM
**********************/
.az-portfolio-details .az-portfolio-details-bottom{
    overflow: hidden;
}

/*
BOTTOM TEXT
 */
.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-top{
    overflow: hidden;
    padding: 0 100px;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-top .az-portfolio-text-half{
    width: 50%;
    float: left;
    overflow: hidden;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-top .az-portfolio-text-half:nth-child(1), .az-portfolio-text-half:nth-child(1){
    padding-left:0px;
	padding-right:40px;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-top .az-portfolio-text-half:nth-child(2), .az-portfolio-text-half:nth-child(2){
    padding-left:40px;
	padding-right:0px;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-top .az-portfolio-text-half h3, .inhalt h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    color: #1b1b1b;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 8px;
    margin-top: 70px;
    margin-bottom: 20px;
}

.inhalt h2:nth-child(1) {
	margin-top: 0;
}

/*
IMAGE MIDDLE
*/
.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-img-middle{
    width: auto;
    padding: 0 250px;
    overflow: hidden;
    margin: 80px 0;
}


/*
TEXT BOTTOM
*/
.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-bottom{
    text-align: center;
    overflow: hidden;
    padding: 0 100px;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-bottom h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    color: #1b1b1b;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    letter-spacing: 8px;
    margin-top: 0;
    margin-bottom: 20px;
}

.az-portfolio-details .az-portfolio-details-bottom .az-portfolio-text-bottom p{
    text-align: center;
    margin-bottom: 0;
}

/**********************
PORTFOLIO PROJECT NAV
**********************/
a.az-previous-project-nav,
a.az-next-project-nav{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #1b1b1b;
    letter-spacing: 6px;
    padding: 0 30px;
    position: fixed;
    z-index: 99999;
}

a.az-previous-project-nav:before,
a.az-next-project-nav:before,
a.az-previous-project-nav:after,
a.az-next-project-nav:after{
    content: '\e682';
    font-family: 'Pe-icon-7-stroke';
    font-size: 21px;
    color: #1b1b1b;
    line-height: 1;
    position: absolute;
}

a.az-previous-project-nav:before,
a.az-next-project-nav:before{
    left: 0;
}

a.az-previous-project-nav:after,
a.az-next-project-nav:after{
    right: 0;
}


a.az-previous-project-nav{
    left: -105px;
    top: 200px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

a.az-next-project-nav{
    right: -80px;
    top: 210px;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */



/********************************************************
*                                                       *
*             BLOG SINGLE (FULL WIDTH)                  *
*                                                       *
*********************************************************/
.az-blog-single-section{
    overflow: hidden;
}


.az-blog-single-section .az-blog-single-content{
    padding-left: 45px;
    padding-right: 45px;
    overflow: hidden;
}

/**********
POST TITLE
**********/
.az-blog-single-section .az-blog-page-title-meta{
    overflow: hidden;
    margin-bottom: 100px;
    text-align: center;
}

.az-blog-single-section .az-blog-page-title-meta h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #1b1b1b;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-top: 0;
    margin-bottom: 40px;
}

.az-blog-single-section .az-blog-page-title-meta span.az-post-date,
.az-blog-single-section .az-blog-page-title-meta p,
.az-blog-single-section .az-blog-page-title-meta p a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 1;
    margin-bottom: 0;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-blog-single-section .az-blog-page-title-meta span.az-post-date{
    margin-bottom: 15px;
    display: block;
}

.az-blog-single-section .az-blog-page-title-meta p a:hover{
    color: #a3a3a3
}

/**********
POST DETAILS
**********/
.az-blog-single-section .az-blog-single-details{}


/**********
POST IMAGE
**********/
.az-blog-single-section .az-blog-single-details .az-blog-page-feat-img{
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-feat-img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/**********
POST TEXT
**********/
.az-blog-single-section .az-blog-single-details .az-blog-page-details-text{
    overflow: hidden;
    margin-bottom: 40px;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    margin-bottom: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text p:last-child{
    margin-bottom: 0;
}

/**********
POST IMAGE SINGLE
**********/
.az-blog-single-section .az-blog-single-details .az-blog-page-details-text img.az-blog-page-smallimg{
    width: 270px;
    height: 220px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text img.az-blog-img-left{
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text img.az-blog-img-right{
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

/*
BLOCKQUOTE
*/
.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote{
    /* margin-top: 20px;
    margin-bottom: 50px; */
    position: relative;
    padding: 0 100px;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote:before,
.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote:after{
    font-family:'FontAwesome';
    font-size: 48px;
    line-height: 1;
    color: #eeeeee;
    position: absolute;
    top: 0;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote:before{
    content: '\f10d';
    left: 0;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote:after{
    content: '\f10e';
    right: 0;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #1b1b1b;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 15px;
    display: block;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote span{
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #a3a3a3;
    text-transform: uppercase;
    letter-spacing: 6px;
    display: block;
    position: relative;
}

.az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote span:before{
    content: '-';
}

/**********
POST IMAGE META
**********/
.az-blog-single-section .az-blog-single-details .az-blog-post-meta{
    padding-bottom: 70px;
    overflow: hidden;
}

/* SHARE BTN */
.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-share-btn{
    float: left;
    margin-right: 50px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-share-btn a{
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    color: #a3a3a3;
    font-weight: 400;
    letter-spacing: 0;
    padding: 10px 30px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-share-btn a.az-btn-outline i{
    color: #bdbdbd;
    padding-left: 10px;
    font-size: 11px;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-share-btn a.az-btn-outline:hover,
.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-share-btn a.az-btn-outline:hover i{
    color: #ffffff
}

/* POST TAGS */
.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
    margin-right: 50px;
    float: left;
    position: relative;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags:before{
    content: '\f02c';
    font-family:'FontAwesome';
    color: #bdbdbd;
    position: absolute;
    left: 0;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags a{
    position: relative;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags a:after{
    content: ',';
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags a:last-child:after{
    content: '';
}

.az-blog-single-section .az-blog-single-details .az-blog-post-meta .az-blog-post-tags a:hover{
    color: #1b1b1b;
}

/* COMMENT NUMBER */

.az-blog-single-section .az-blog-single-details .az-blog-post-meta span.az-blog-post-comment-num{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #a3a3a3;
    line-height: 40px;
    letter-spacing: 6px;
    float: right;
}


/**********
POST AUTHOR
**********/
.az-blog-single-section .az-blog-single-details .az-blog-post-author{
    padding: 50px 0;
    overflow: hidden;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-author img{
    width: 120px;
    margin-right: 50px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-author .az-about-author{
    width: 82%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
}

.az-blog-single-section .az-blog-single-details .az-blog-post-author .az-about-author h3,
.az-blog-single-section .az-blog-single-details .az-blog-post-author .az-about-author h3 a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #a3a3a3;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
}


/**********
POST COMMENT
**********/
.az-blog-comments-wrapper{
    padding: 80px 0;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}

h3.az-comment-wrapper-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #1b1b1b;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-top: 0;
    margin-bottom: 60px;
}

/* COMMENTS */
.az-comment{
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

.az-comment:last-child{
    margin-bottom: 0;
}

.az-comment a.az-comment-reply-btn{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #a3a3a3;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    right: 0;
}

.az-comment a.az-comment-reply-btn:hover{
    color: #1b1b1b;
}

.az-comment img{
    width: 80px;
    float: left;
    margin-right: 20px;
}

.az-comment .az-comment-text{
    width: 90%;
    float: left;
}

.az-comment .az-comment-text h3,
.az-comment .az-comment-text h3 a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #a3a3a3;
    margin-top: 0;
    margin-bottom: 0;
}

.az-comment .az-comment-text span.az-comment-date{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #a3a3a3;
    display: block;
    margin-bottom: 10px;
}

.az-comment .az-comment-text p{
    margin-bottom: 0;
}

/* COMMENTS REPLY */
.az-comment-reply{
    padding-left: 100px;
}

.az-comment-reply .az-comment-text{
    width: 85%;
}


/**********
POST COMMENT FORM
**********/
.az-blog-comments-form{
    padding-top: 80px;
}

.az-blog-comments-form form .az-input-wrapper label{
    color: #7d7d7d;
    background-color: #ffffff;
}

.az-blog-comments-form form .az-input-wrapper input{
    color: #7d7d7d;
    border: 1px solid #dcdcdc;
}

.az-blog-comments-form form .az-textarea-wrapper label{
    color: #7d7d7d;
    background-color: #ffffff;
}

.az-blog-comments-form form textarea{
    color: #7d7d7d;
    border: 1px solid #dcdcdc;
}

.az-blog-comments-form form input[type='submit']{
    color: #7d7d7d;
    border: 1px solid #dcdcdc;
}

.az-blog-comments-form form input[type='submit']:hover{
   background: #000;
   color: #ffffff;
   border: 1px solid transparent;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */


/********************************************************
*                                                       *
*                 BLOG SINGLE SIDEBAR                   *
*                                                       *
*********************************************************/
.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-single-details .az-blog-page-details-text .az-blockquote{
    padding: 0 80px;
}

.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-single-details .az-blog-page-feat-img{
    height: auto;
}

.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-single-details .az-blog-page-feat-img img{
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: auto;
}

.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-page-title-meta span.az-post-date,
.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-page-title-meta p,
.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-page-title-meta p a{
    font-size: 12px;
}

.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-page-title-meta{
    overflow: hidden;
    margin-bottom: 80px;
    text-align: center;
}

.az-blogsingle-sidebar-page .az-blog-single-section .az-blog-single-details .az-blog-post-author .az-about-author {
    width: 75%;
    display: inline-block;
    float: left;
}


.az-blogsingle-sidebar-page .az-comment .az-comment-text {
    width: 85%;
    float: left;
}

.az-blogsingle-sidebar-page .az-comment-reply .az-comment-text {
    width: 83%;
}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */


/********************************************************
*                                                       *
*                       CONTACT US                      *
*                                                       *
*********************************************************/
.az-google-map #az-map{
    width: 100%;
    height: 450px;
    overflow: hidden;
    background-color: #f9f9f9;
	margin-bottom:80px;
}

.az-contact-us-page .az-contact-address-div{
    overflow: hidden;
    margin-top: 80px;
}

.az-contact-us-page .az-contact-address-div .az-contact-subtext p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 400;
    text-align: center;
}

.az-contact-us-page .az-contact-address-div .az-contact-subtext p:last-child{
    margin-bottom: 0;
}

.az-contact-us-page .az-contact-address-div .az-contact-address{

}
/* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x *\
                            # END #
\* x * x * x * x * x * x * x * x * x * x * x * x * x * x * x */


#logo {opacity:0.5; transition: opacity .25s ease-in-out;}
#logo:hover {opacity:1.0;}

.pb0 {
	padding-bottom:0px;
}

.pb50 {
	padding-bottom:50px;
}

.mb25 {
	margin-bottom:25px;
}

.mb35 {
	margin-bottom:35px;
}

.mb50 {
	margin-bottom:50px;
}

.mb70 {
	margin-bottom:70px;
}

.mt0 {
	margin-top:0px;
}

.mt20 {
	margin-top:20px;
}

.mt50 {
	margin-top:50px;
}

.mt70 {
	margin-top:70px;
}

.mt80 {
	margin-top:80px;
}

.form-group {
	margin-bottom:7px;
	}
	
.input-group-addon i {
	width:12px;
	}

.smlh {
	color:#fff;
	margin-bottom:8px;
	font-size:16px;
	letter-spacing: 1px;
}	

.sml, .sml:active, .sml:focus, .sml:hover {
	border-radius:0px; 
	border:none; 
	padding:0px 12px; 
	height:30px;
}

.smlb {
	border:1px solid #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #fff;
    background: none;
    cursor: pointer;
    padding: 3px 15px 3px 15px;
	margin-bottom:35px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	z-index:0;
}

.smlb:last-child {
	margin-bottom:0px;
}

.smlb:hover {
	color: #000;
}

.smlb:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}

.smlb:hover:before{
	transform: scaleX(1);
}

.philosophie {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-philosophie.jpg);}
.responsive-webdesign {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-responsive-webdesign.jpg);}
.printdesign {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-printdesign.jpg);}
.suchmaschinenoptimierung {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-seo-sea-sem-suchmaschinenoptimierung.jpg);}
.social-media-marketing {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-social-media-marketing.jpg);}
.webhosting {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-webhosting.jpg);}
.mailhosting {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-mailhosting.jpg);}
.alte-domains {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-alte-toplevel-domains.jpg);}
.neue-domains {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-neue-toplevel-domains.jpg);}
.ecommerce {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-ecommerce.jpg);}
.kontakt {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-kontakt.jpg);}
.agb {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-agb.jpg);}
.widerrufsbelehrung {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-widerrufsbelehrung.jpg);}
.datenschutzerklaerung {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-datenschutz.jpg);}
.sitemap {background-image: url(../images/sevenartworks-com-agentur-fuer-digitale-kommunikation-webdesign-und-e-commerce-aus-ulm-header-sitemap.jpg);}

.ueberschrift {
	position:relative;
	z-index:10;
}

.ueberschrift-overlay {
	position:absolute;
	z-index:0;
}

.inhalt {
	padding:80px 0;
}

.inhalt .row {
	padding:0 100px;
}

.inhalt ol li {
	margin-bottom: 15px;
}

.inhalt ol li:last-child {
	margin-bottom: 0;
}

.inhalt ul {
	margin-top:15px;
	margin-bottom:15px;
	padding-left:40px;
}

.inhalt li {
	line-height:1.7em;
}

.inhalt ul li:before {
	font-family: 'FontAwesome';
	content: '\f14a';
	margin:0 5px 0 -15px;
}

.inhalt li a:hover {
	color:#000;
}


.aufzaehlung {
	padding-left:20px;
}

.aufzaehlung li {
	margin-bottom:15px;
}

.aufzaehlung li:last-child {
	margin-bottom:0px;
}

.check li:before {
	font-family: 'FontAwesome';
	content: '\f14a';
	margin:0 10px 0 -25px;
}

.warnung li:before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin:0 10px 0 -25px;
}

.bold {
	font-weight:bold;
}

.link a:hover {
	color:#999;
}

.btn-auf-weiss {
	border:1px solid #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #000;
    background: none;
    cursor: pointer;
    padding: 3px 15px 3px 15px;
	margin-top: 15px;
	margin-bottom:35px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	z-index:0;
}

.btn-auf-weiss:last-child {
	margin-bottom:0px;
}

.btn-auf-weiss:hover {
	border:1px solid #000;
	color: #fff;
}

.btn-auf-weiss:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}

.btn-auf-weiss:hover:before{
	transform: scaleX(1);
}


.abstand {
	margin-bottom: 20px;
}

.adresse-bild {
	position:relative;
	width:16px;
}

.adresse-text {
	margin-left:10px;
}

.adresse-text a:hover, .adresse-text a:active, .adresse-text a:visited:hover, .domains-im-footer a:hover, .domains-im-footer a:active, .domains-im-footer a:visited:hover{
	color:#fff;
}

.adresse-text a, .adresse-text a:visited, .domains-im-footer a, .domains-im-footer a:visited {
	color:#7d7d7d;
}

.az-clients-logo h2 {
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}

.leistungen li {
    font-family:'Roboto', sans-serif;
    font-size:12px;
    font-weight:700;
    color:#1b1b1b;
    text-transform:uppercase;
	border-bottom:3px solid #eee;
	margin-bottom:20px;
	padding-bottom:2px;
}

.leistungen li:last {
	margin-bottom:0px;
}

.leistungen li:hover {
	border-bottom:3px solid #000;
}

.hostingtabelle {
	margin-top:50px;
	margin-bottom:50px;
}

.mailhostingtabelle {
	margin-bottom:50px;
}

.rechts {
	text-align:right;
}

.bg_000000 th {
	background-color:#000;
}

.text_fff {
	color:#fff;
}

.td-tooltip {
	width:30px;
	text-align:right;
}

.bestellformular input[type="text"], .kontaktformular input[type="text"], .kontaktformular input[type="email"] {
	height:45px;
	box-shadow:none;
}

.bestellformular select {
	height:45px;
	box-shadow:none;
	width:100%;
	border: 1px solid #ccc;
	padding-left:10px;
	font-size: 14px;
}

.bestellformular input[type="checkbox"] {
	margin-right:5px;
}

.bestellformular .form-group {
	margin-bottom:25px;
}

.bestellformular .form-group.cb {
	margin-bottom:10px;
}

i[data-fv-icon-for="hostingpaket"] {margin-right:20px;}

.bestellformular .form-group:last-child {
	margin-bottom:0px;
}

.bestellformular .fw-normal {
	font-weight:normal;
}

.bestellformular a, .bestellformular a:active, .bestellformular a:visited {
	font-weight:bold;
	color:#7d7d7d;
}

.bestellformular a:hover {
	color:#000;
}

.kontaktformular .row {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

.kontaktformular .row  .col-md-4, .kontaktformular .row  .col-md-12 {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:15px;
}

.kontaktformular .form-control-feedback {
	margin-right:20px;
}

.kontaktformular #datenschutzgelesenwrapper .form-control-feedback {
	margin-right:0px;
}

.kontaktformular .fortext .form-control-feedback {
	right:0px;
}

.kontaktformular .row  .col-md-12 #az-textarea-message {
	width:100%;
}
.footer-linkliste li {
	margin-bottom: 10px;
    line-height: 1;
}

.footer-linkliste li:last-child {
	margin-bottom: 0;
}

.footer-linkliste li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #8a8a8a;
    text-transform: uppercase;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}

.footer-linkliste li a:hover {
    color: #ffffff;
}

.zentriert {
	text-align:center;
}

.ues-h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #1b1b1b;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 8px;
	text-transform: uppercase;
}

.close-animatedModal {
	display:table; 
	width:100%; 
	height:100%;
}

#serverantwort {
	display:none;
}

#serverantwort-content {
	display:table-cell; 
	vertical-align:middle; 
	text-align:center; 
	padding:0 20%;
}

#serverantwort-content h1 {
	color:#fff;
	font-weight:normal;

	letter-spacing: 5px;
	font-size: 5em;
	line-height:1.5em;
}