/*defaults*/

/* these font families are loaded via the /_assets/fonts folder
font-family: 'azo_sansbold', sans-serif;  - HEADINGS
font-family: 'azo_sansregular', sans-serif; - BODY/NAV/ETC

If you update the fonts be sure to do a search and replace in this css file as well.
*/
@import url('../fonts/fonts.css');
*{margin:0 auto;outline:none;list-style:none;}
body,p{font-family: 'azo_sansregular';color:#7e7673;font-size:15px;line-height:21.03px;}
h1,h2,h3,h4,h5,h6,.system-message h1,.system-error-message h1,strong,b{color:#6e6460;margin-bottom:1.25rem;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}

p.lead{font-size:17.94px;color:#4e4c4c;line-height:28.03px; font-family: 'azo_sanslight';margin-bottom:20px;}
.system-message h1,.system-error-message h1{font-size:36px;}
h1, h2, h3, h4, h5, h6{line-height:normal;}
h1{font-size:47.21px;font-family: 'azo_sansblack';}
h2{font-size:32px;font-family: 'azo_sansblack';}
h3{font-size:27px;font-family: 'azo_sansbold';margin-bottom: 16px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:15.96px;font-family: 'azo_sanslight';}
figure{margin:0 auto;}
a,a:visited,.breadcrumbs a{color:#01c8e6;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#6e6460;}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#080808;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
a img:hover{opacity:1;}
input[type="submit"] {font-family: 'azo_sansregular';background:#01c8e6;color:#fff;border-radius:0px;margin-bottom:20px;padding:10px 20px;border:0px;line-height:20px;}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
font-size: 13.72px;font-family: 'azo_sansregular';color: #8b8b8b;border: 1px solid #dfdfdf;box-shadow: none;border-radius: 0px;background-color: #fff;padding: 8px 12px;line-height: 22px;height: 40px;}
textarea{height:115px}

.display-block{display:block;}
.display-in-block{display:inline-block;}

.row {max-width: 1174px;}
.row-margin-10{margin-left:-10px;margin-right:-10px;}
.row-margin-10 .columns{padding:0 10px;}
.row-margin-6{margin-left:-6px;margin-right:-6px;}
.row-margin-6 .columns{padding:0 6px;}
.margin-t30{margin-top:30px;}
.margin-b30{margin-bottom:30px;}

a#catshopbuy {font-family:azo_sansbold, sans-serif;font-weight:500;letter-spacing:2px;background:#01c8e6;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {background:#276D5F;color:#fff;transition-duration:.5s;}

a#catshopclear {font-family:azo_sansbold, sans-serif;font-weight:500;letter-spacing:2px;background:#b5b5b5;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;}
a#catshopclear:hover {background:#646464;color:#fff;transition-duration:.5s;}

.opt-discount input[type="submit"] { margin-top: 10px; }

.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}
label{font-size:13.72px;font-family: 'azo_sansregular';}
textarea{border-radius:3px;padding:10px 13px;3e3939}
ul li{font-size:14px;margin-bottom:0;list-style:none;}

.service-list h6 a:hover, ul.blog_tag li a:hover, .contentinfo p a:hover{color:#01c8e6;}

/*buttons*/
.button {font-size:20px;background-color: #01c8e6;color: #fff;font-family: 'azo_sansbold';line-height:22px;padding:10px 20px; }
.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family:azo_sansbold, sans-serif;font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#777777;color:#fefefe;}
.button.hollow {  border: 1px solid #6bb6c2; color: #6bb6c2;}

.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {background:#01899d;color:#fff;transition-duration:.5s;}
.button:visited{color:#fff;}
a.button-border {font-size: 20px;color: #fff;font-family: 'azo_sansbold';border: 3px solid #fff;padding: 5px 24px;line-height: 27px;display: inline-block;}
a.button-border:hover{background:#fff;color:#464747;}
.button.large {font-size: 24.65px;padding: 13px 30px;line-height: 27px;}

/*header*/

.top-bar,.top-bar ul,.top-bar.expanded .title-area{background-color:#3b3b3b;}
.utility-nav{background:url(/_assets/css/images/ultility-nav.png);margin:0;padding:5px 0 0;}
.utility-nav ul,.utility-nav ul li{list-style:none outside none;margin:0;padding:0;}
.utility-nav li{float:left;}
.utility-nav li span{margin-right:5px;color:#1abc9c;}
.utility-nav li a{font-size:12px;font-weight:400;color:#fff;position:relative;font-family: 'azo_sansregular'; top:-2px;padding:5px;}
.utility-nav li:hover{background:#1abc9c;}
.utility-nav li:hover > a,.utility-nav li:hover > a span{color:#fff;}
aside .is-drilldown li.selected{background:#ECECEC;}
aside li.selected > a.selected { color: #080808; }
aside li.is-selected > a{color:#080808;}
.top-bar .menu a{color:#fff;font-family: 'azo_sansregular'; font-weight: 600;    text-transform: uppercase;}
.top-bar .menu a:hover{color:#5A5A5A;}

.top-bar .menu .selected>a { background: #565656; }
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{border-color:transparent #fff transparent transparent;}
.is-accordion-submenu-parent>a:after { border-color: #01c8e6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #01c8e6; }
.js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #01c8e6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

.show-for-small-only .is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.show-for-small-only .js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.top-bar-left .show-for-small-only a { color: #fff; }

/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999999; overflow: hidden; }
#status { width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../img/logo@2x.png); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999;}

button.menu-icon{background:none;}
.shopping-cart{color:#FFFFFF;font-size:13px;font-family:azo_sansbold, sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
a.cartSummaryLink{color:#1abc9c;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}

/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#43ac6a;color:#fff;border-color:#3a945b;}
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}

/*slider*/
.slick-slider{overflow:hidden;margin:0;}
.slick-slide img{width:auto;}
.slide-description{position:absolute;width:100%;margin-top:330px;z-index:1;}
.slick-dots{bottom:0;}
.slick-dots li button:before{color:#98918d;opacity:1;font-size:13px;}
.slick-dots li.slick-active button:before{color:#1abc9c;}
.hero-slider .slick-dots{bottom:145px;z-index:1;text-align:left;margin:0 0 0 25%;}
.hero-slider .slick-dots li button:before{content:none;}
.hero-slider .slick-dots li{width:auto;margin:0 5px 0 0;}
.hero-slider .slick-dots li button{width:50px;height:5px;border-radius:0;background:#fff;padding:0;}
.hero-slider .slick-dots li.slick-active button{background:none repeat scroll 0 0 #52cab3;height:15px;top:-10px;}
.slide-description span{color:#18987f;font-size:46px;float:left;margin:0 15px 30px 0;}
.slide-description h1{color:#fff;font-weight:100;}
.slide-description h2{color:#fff;font-weight:100;}
.slide-description-contents {background: rgba(0, 0, 0, 0.35); color:#fff; border-radius: 3px; padding: 20px;}
.slide-description h1.brown,.slide-description h2.brown{color:#6e6460;}
.slide-description h1{font-size:100px;line-height:134px;margin-bottom:30px;}
.slide-description h2{font-family:azo_sansbold, sans-serif;float:left;font-size:18px;text-align:left;text-transform:uppercase;}
.slide-description h2 em{font-style:normal;text-transform:none;white-space:nowrap;} 

.home-slider { position: relative;}
i.fa.prev-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;left:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.next-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;right:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.prev-btn:hover,i.fa.next-btn:hover{opacity:1;}

/*section main*/
section.main{padding:20px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}

/*events section*/
section.events{background:url(images/events-bg.jpg) repeat-x top;padding:50px 0;}
.event-item{background:rgba(255,255,255,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-top:5px solid #01c8e6;margin-bottom:30px;padding:20px 30px;}
.event-date{background:#01c8e6;width:75px;height:75px;border-radius:90em;font-size:24px;text-align:center;color:#fff;font-family:azo_sansbold, sans-serif;text-transform:uppercase;padding-top:14px;margin:0 auto 20px;}
.event-date span{display:block;line-height:1.2;}
.event-date span.month{font-size:16px;}
.event-item h3{text-align:center;font-weight:100;}
.event-item-detail{background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:30px;padding-bottom:30px;}
.event-item-detail h3{margin-bottom:5px;}
.event-details{line-height:18px;color:#99918e;font-size:13px;font-family:azo_sansbold, sans-serif;margin-bottom:10px;}
.dash{width:30px;height:1px;background:#6bb6c2;margin:20px auto;}
.event-item p{font-size:13px;}
.event-item-detail .button{float:right;}

/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:azo_sansbold, sans-serif;margin-bottom:10px;}

/*faq*/
.faq-question a{color:#17aac0;font-family:azo_sansbold, sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:30px;background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:50px;padding-bottom:20px;}
.faq-details a{font-family:azo_sansbold, serif;font-size:14px;text-transform:none;font-weight:normal;color:#17aac0;}
.faq-icon{background:none repeat scroll 0 0 #01c8e6;border-radius:90em;color:#fff;display:block;float:left;font-family:azo_sansbold, sans-serif;font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#17aac0;}

.accordion-title { padding: 1.25rem 1rem; line-height: 1;  font-size: 1.5rem; color: #01c8e6; }

/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}

/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }

/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family:azo_sansbold, sans-serif;margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(/_assets/img/dashed-bg.jpg) repeat-x top;margin:30px 0;}

/*section map*/
section.map, section.map .flex-video, section.map .flex-video iframe { height: 350px; overflow: hidden;}

/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}

/*misc*/

.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #1abc9c;}

.pagination-content{width:100%;float:left;text-align:center;}
.pagination{width:100%; float:left;}
.pagination li {border:2px solid #3f3f3f;width:auto;height:35px; text-align:center;display:inline-block; margin:0 5px;}
.pagination li a {font-size:16px; color: #3f3f3f;padding: 3px 10px;font-family: 'azo_sansregular';}
.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem;}
.pagination .current {font-size:16px;color: #fff;font-family: 'azo_sansregular';background: #01c8e6;border-color:#01c8e6; }

.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }

/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
    .top-bar-section ul{margin-top:48px;}
   
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 5px; padding: 5px; }
    .slide-description h1{font-size:20px;line-height:20px;margin-bottom: 0px; }
    .slide-description h2{display:none;}
    .slide-description span { display:none; }
    i.fa.prev-btn,i.fa.next-btn { opacity:0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .community-search-wrap{background:none;padding:20px 0 60px;}
    .search-ellipse{border-radius:0;display:block;float:none;width:100%;background:none;box-shadow:none;height:auto;text-align:left;padding:0;}
    .search-ellipse h2{text-align:left;}
    .search-ellipse h2,.search-ellipse h6{color:#6e6460;display:inline;margin:auto;}
    section.main{padding:20px 0;}
    .social-icons{float:none;}
    .row.page-headline h1{font-size:1.75rem;margin-top:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:30px;line-height:30px;margin-bottom: 15px; }
    .slide-description h2{font-size:12px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
    .row.page-headline h1{margin-top:20px;}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .top-bar .name{margin-top:-5px;max-width:126px;}
    .top-bar-section ul li > a{font-size:13px;}
    .side-search h2{font-size:38px;}
    .side-search h6{font-size:9px;}
    .search-filters a{margin-left:10px;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 10px; padding: 10px; }
    .slide-description h1{font-size:30px;line-height:30px; margin-bottom: 15px; }
    .slide-description h2{font-size:12px;line-height:13px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:30px; font-size: 2rem;}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .top-bar .name{margin-top:-18px;max-width:199px;}
    .top-bar-section ul li > a{font-size:14px;}
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:70px;line-height:70px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
	.row.page-headline h1{margin-top:70px; font-size: 2.5rem;}
}

@media only screen and (min-width: 1400px) {
    .slide-description{margin-top:50px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:130px;}
}


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}

@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }
.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Slick Slider Dots */
.slick-slider { margin-bottom: 0px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { display:none; position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

/* ResponsiveGallery Slider */

.responsiveGallery-container {width: 100%;position: relative;height:350px;}
.responsiveGallery-btn {position: absolute;top: 50%;z-index: 3;display: block;width: 38px;height: 38px;}
.responsiveGallery-btn_prev, .responsiveGallery-btn_next {background: url(../img/slider-arrow.png);width: 20px;height: 57px;margin-top:-27px;}
.responsiveGallery-btn_prev {left: -5px;background-position: -3px 0px;}
.responsiveGallery-btn_next {right: -18px;background-position: 23px 0px;}
.responsiveGallery-wrapper {position: relative;width: 100%;margin: 0 auto;padding-top: 26%;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
transform-style: preserve-3d;-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
.responsiveGallery-item {position: absolute;left: 0;top: 0;z-index: 0;background: transparent;display: block;width: 33.33%;opacity: 0;visibility: hidden;}
@media (max-width:1000px) {
	.responsiveGallery-item {width: 33.33%;}
	.responsiveGallery-wrapper {padding-top: 25%;}
}
@media (max-width:560px) {
	.responsiveGallery-wrapper {width: 80%;padding-top: 35%;}
	.responsiveGallery-item {width: 100%;}
}
ul.list-style{margin:0 0 1rem 1rem;}
ul.list-style li { line-height: 25px;position: relative; padding-left: 18px;}
ul.list-style li:before { content: '';width: 5px; height: 5px; border-radius: 50%; background: #5e5e5e;  display: inline-block; position: absolute;left: 4px;top: 9px;}

.responsivGallery-link {display: block;width: 100%;box-shadow: 0 0 20px rgba(0,0,0,.3);}
.responsivGallery-pic {width: 100%;height: auto;opacity:1;}
.responsiveGallery-item .active {opacity: 1;}
.w-responsivGallery-info {width: 80%;margin: 0 auto;padding-top: 5%;text-align: center;color: #fff;}
.responsivGallery-name {font-size: 1.25em;}
.responsivGallery-position {padding-top: 4%;font-size: .875em;line-height: 1.3;}

/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/

.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#e1e1e1;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#01c8e6;color:#FFF;}
/*END KITCHEN SINK DOCS*/

.intro-overlay, .vertical_center{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.home-caption, .choose-detail, .award-caption, .tb-vertical{position: absolute;top: 50%;left:0px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

header{width:100%;float:left;padding:18px 10px;position:fixed;z-index:99;top:0px;}
.nav-icon {width:49px;height:46px;float:left;position:relative;padding:10px 5px;cursor: pointer;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;z-index: 2100;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}
.nav-icon span {width: 39px;height: 2px;display: block;position: absolute;background: #fff;opacity: 1;left: 15px;transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;left:0px;right:0px;margin:0 auto;}
.nav-icon span:nth-child(1) {top: 10px;}
.nav-icon span:nth-child(2) {top: 18px;}
.nav-icon span:nth-child(3) {top: 26px;}
.nav-icon span:nth-child(4) {top: 34px;}
.is-off-canvas-open .nav-icon span:nth-child(1) {transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.is-off-canvas-open .nav-icon span:nth-child(2), .is-off-canvas-open .nav-icon span:nth-child(4) {top: 16px;width: 0;left: 50%;}
.is-off-canvas-open .nav-icon span:nth-child(3) {transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.is-off-canvas-open .nav-icon span:nth-child(1), .is-off-canvas-open .nav-icon span:nth-child(3) {top:22px}
.logo{width:auto;float:left;margin-left:26px;}
ul.utility_menu{width:auto;float:right;margin:0px;}
ul.utility_menu li{float:left;position:relative;}
ul.utility_menu li a{font-size:20px;color:#fff; line-height:43px;padding:0 4px;font-family: 'azo_sansregular';}
ul.utility_menu li:before{content:'/';font-size:20px;color:#fff;display:inline-block;position:relative;margin: 0 8px;}
ul.utility_menu li.search-icon{width:45px;height:43px;float:right; background:rgba(176,167,163,0.35);padding:5px;text-align:center;margin-left:17px;padding:0px;}
ul.utility_menu li.search-icon a{font-size:17px;color:#fff !important;display:inline-block;line-height:40px;}
ul.utility_menu li:first-child:before, ul.utility_menu li.cart-icon:before,ul.utility_menu li.search-icon:before{display:none;}
ul.utility_menu li.cart-icon a {font-size: 16px;line-height: 31px;color: #fff !important;background: #01c8e6;height: 43px;display: inline-block;padding: 7px 24px;font-weight: 500;margin-left:10px;}
ul.utility_menu li.cart-icon a em {font-size: 22px;color: #fff;vertical-align: -2px;margin-right: 11px;}

.home-page ul.utility_menu li a, .home-page ul.utility_menu li:before{color:#2a2a2a;}
.home-page .scroll_active ul.utility_menu li a,.home-page .scroll_active ul.utility_menu li:before{color:#fff;}
.home-page ul.utility_menu li a:hover, ul.utility_menu li a:hover{color: #01c8e6;}
.search-box{ width: 100%;max-width:800px; top: 345px !important; padding: 50px 30px 50px; height:auto;min-height:inherit;}
.reveal-overlay{ background-color: rgba(0, 0, 0, 0.6); padding:0 15px;}
.search-box input[type="text"]{ width: 80%; float: left; margin: 0; }
.search-box input[type="submit"]{ width: 20%; float: left; margin-bottom:0px}

.home-slider .desktop-img{display:block;}
.home-slider .ipad-img{display:none;}

.navbar {width:100%;z-index: 10001;-webkit-transition: all 0.25s;transition: all 0.25s;float:left;}
.navbar.scroll_active{background:rgba(70,71,71,0.8);}
.navbar-header{width:100%;float:left;}
.navbar > .container, .navbar > .container-fluid {z-index: 10001;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {height: 60px;line-height: 60px;margin-left: 0px;font-weight: 400;padding: 0;font-size: 1.5em;}
.navbar > .container .navbar-expand-toggle, .navbar > .container-fluid .navbar-expand-toggle {background-color: transparent;border: 0px;float: left;-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;transition: all 0.25s linear;opacity: 0.75;}
.navbar > .container .navbar-expand-toggle .icon, .navbar > .container-fluid .navbar-expand-toggle .icon {font-size: 1.4em;}
.visible-xs {display: none!important;}
.app-container {min-height: 100%;position: relative;overflow: hidden;padding-bottom:0px;}
.app-container .content-container {width:100%;float:left;background:#2e363f; margin-right: 0;margin-left: 0;}
.app-container .content-container .side-menu {overflow-y: auto;z-index: 100000;position: fixed;width: 250px;height: 100%;-webkit-transition: all 0.25s;transition: all 0.25s;left:-250px}
.app-container .content-container .side-menu .navbar-header {width: 100%;border-bottom: 0px solid #e7e7e7;}
.app-container .content-container .side-menu .navbar-header .navbar-brand {display:inline-block;line-height: 60px;height:76px;padding: 0;width: 100%;overflow: hidden;font-family: 'Roboto Condensed', sans-serif;}
.app-container .content-container .side-menu .navbar-header .navbar-brand .icon {width: 60px;text-align: center;display: inline-block;}

.navbar-brand .title img{max-width:185px;}
.app-container .content-container .side-menu .navbar {border: none;padding-left: 0px;position:relative;padding-bottom:100px;min-height:100%;}

.app-container .content-container .side-menu:hover .navbar-header .navbar-brand .title {display: inline-block;}
.app-container .content-container .side-body.padding-top {padding-top: 0px;}
.app-container.expanded .content-container .navbar-top {-webkit-transform: translateX(250px);transform: translateX(250px);}
.app-container.expanded .content-container .side-menu {width: 250px;background:#2e363f;left:0px;}
.app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title {width:100%;text-align:center; display: inline-block;padding: 8px 5px;}

.app-container.expanded .content-container .side-menu .navbar-nav li a .title {display: inline-block;}
.app-container.expanded .content-container .side-menu .navbar-nav li .panel-collapse.in {display: block;}
.app-container.expanded .content-container .side-menu .navbar-nav li.dropdown > a:after {font-family: FontAwesome;content: "\f107";position: absolute;right: 1em;}
.app-container .side-body {margin-left: 0px;margin-right: 0px;-webkit-transition: all 0.25s;transition: all 0.25s;}
.app-container.expanded .side-body {-webkit-transform: translateX(250px);transform: translateX(250px);}

.side-menu-container{position:relative;width:100%;float:left;height:100%;}
.off-canvas-wrapper-inner{display:inline-block;}

@media (min-width:1025px){
	.sidebar-inverse::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
	.sidebar-inverse::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
	.sidebar-inverse::-webkit-scrollbar-thumb{background-color: #000000;}
}

/* =====//   Sidebar Nav   \\===== */

.off-canvas.position-left{height:100%;}
.off-canvas {background: #1b1e24;z-index: 9;}
.sidebar{width:100%;float:left;}
.sidebar > ul.dropdown{border-bottom:1px solid #37414b;border-top:1px solid #1f262d;}
.sidebar ul.dropdown {width:100%;float:left;}
.sidebar ul.dropdown li{width:100%;float:left;border-top: 1px solid #37414b;border-bottom: 1px solid #1f262d;}
.sidebar ul.dropdown li a {font-size: 14px;color: #fff;font-family: 'azo_sanslight';text-transform: capitalize;padding: 10px 15px;display: block;line-height: 20px;}
.sidebar ul.dropdown li ul{width:100%;float:left;margin:0px;padding:6px 0px;background:#1e242b;}
.sidebar ul.dropdown li ul li{border-width:0px;}
.sidebar ul.dropdown li ul li a{font-size:13px;padding:6px 15px 6px 25px}
.sidebar ul.dropdown li ul li ul li a{padding:6px 15px 6px 30px}
.is-accordion-submenu-parent>a:after{border-color:rgb(1, 200, 230) transparent transparent;}

.sidebar .is-accordion-submenu-parent>a:after{border-color:rgb(255, 255, 255) transparent transparent;}
.sidebar ul.menu li:hover > a,.sidebar ul.menu li.selected > a {-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
.sidebar ul.menu li:hover > a{color: #fff;background: #151515;padding-right: 15px;}
.sidebar ul.menu li.selected > a {color: #fff;background: #01c8e6;padding-right: 15px;}
.sidebar-footer {width: 100%;float: left;padding: 25px 16px 25px 16px;position:absolute;bottom:0px;}
ul.social { width: 100%;float: left;text-align: center;margin:0px;}
ul.social li {display: inline-block;padding: 0 6px;}
ul.social li a {font-size: 28px;color: #fff;-webkit-font-smoothing: antialiased;}

.intro-slider{width:100%;float:left;position:relative;margin-top:0px}
.home-slider{width:100%;float:left;margin:0px;padding:0px;}
.intro-overlay{width:100%;padding-top:41px;}
.site-intro {width: 416px;height: 416px;border-radius: 50%;background: #464747;border: 15px solid rgba(255,255,255,0.44);display: inline-block;position: relative; margin: 0 auto;display: block;}
.home-caption {width:100%;float:left; padding: 35px 15px;text-align:center;}
.home-caption h1 {font-size: 39px;color: #fff;font-family: 'azo_sanslight';font-weight: normal;margin-bottom: 6px;line-height: 34px;}
.home-caption h1 span{color:#01c8e6;display:inline-block;font-family: 'azo_sansblack';}
.home-caption p{font-size:14px;color:#fff;font-family: 'azo_sanslight';margin-bottom:2px;}
.home-caption h2 {font-size: 32px;color: #fff;font-family: 'azo_sansblack';font-weight: normal;margin-bottom: 22px;line-height: 37px;text-transform:uppercase;}
.home-caption .button{width:153px;margin-bottom:0px;}

.featured-services{width:100%;float:left;padding:140px 0 21px 0;;background:url(../img/feature-bg.jpg) no-repeat top center;text-align:center;}
.featured-services p{color:#fff;}

.hb-title{font-family: 'azo_sanslight';text-transform:uppercase;color:#fff;line-height:37.44px;}
.hb-title span{font-family: 'azo_sansblack';}
.lightblue-text{color:#01c8e6;}
.white-text{color:#fff;}
.lightgrey-text{color:#4e4c4c;}
h1.hb-title{font-size:52px;margin-bottom:20px;}
h2.hb-title{font-size:41px;margin-bottom:20px;}
h3.hb-title{font-size:36px;margin-bottom:20px;}
h4.hb-title{font-size:28px;margin-bottom:12px;}
h4.hb-title span{font-size:35.5px;}
.service-view{width:100%;float:left;padding:14px 0 42px 0 ;}
.service-view ul{width:100%;float:left;margin:0px}
.service-view ul li{width:20%;float:left;padding:0 10px;text-align:center;margin-bottom:30px;}

.hexagon-box{width:80px;height:92px;display:inline-block; background:url(../img/Hexagon-bg.png) no-repeat top left;position:relative;cursor:pointer;overflow:hidden;margin-bottom:6px;}
.hexagon-box img{z-index:9;}
/*.service-view ul li:hover .hexagon-box{background-position:bottom left;}*/
.hexagon-box:after{content:'';width:80px;height:92px;background:url(../img/Hexagon-bg1.png) no-repeat top left;transition: all 0.5s ease;position:absolute;top:100%;left:0px;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.hexagon-box:hover:after{top:0px;}
.service-list h6{color:#fff;margin-bottom:12px;}
.service-list h6 a{color:#fff;}

.projects-gallery{width:100%;float:left;overflow:hidden;padding:18px 20px 0 10px;}

.black-wrapper{width:100%;float:left;background:#0d0c0c;text-align:center;padding:36px 0;}
.black-wrapper p {font-size: 16px;color: #fff;font-family: 'azo_sanslight';line-height: 23px;max-width: 820px;display: inline-block;}

.home-testimonial{width:100%;float:left;background:url(../img/testimonial-bg.jpg) no-repeat bottom center;padding:29px 0 8px 0;position:relative;overflow:hidden;}
.home-testimonial:after{content:'';width:100%;float:left;height:100%;background:rgba(0,107,120,0.91);position:absolute;top:0px;left:0px;}

.testi_block{width:100%;float:left;position:relative;z-index:1;border-right:1px solid #e6e7e9;}
.testi_block figure{width:auto;float:left;border-radius:50%;}
.testi_block figure img{width:auto;display:block;border-radius:50%;}

.testi_block h3{color:#fff;text-transform:uppercase;margin-bottom:0px;}
.testi_name{width:auto;float:left;padding:24px 0 0 20px;}
.testi_block span{font-size:22px;color:#fff;font-family: 'azo_sansitalic';display:block;}
.testi_desc{width:100%;float:left;position:relative;z-index:1;padding-top: 6px;}
blockquote{border:0px;padding:27px 0 0 15px;position:relative;}
blockquote:before{content:url(../img/icons/blockquote-icon.png);position:absolute;top:0px;left:0px;}
blockquote, blockquote p{font-size: 16px;color: #fff;font-family: 'azo_sanslight';line-height: 23px;}

.white-wrapper{width:100%;float:left;background:#fff;text-align:center;padding:82px 0;}

.service-tabs{width:100%;float:left;}

ul.service_list{width:100%;float:left;margin:0px;border:0px;}
ul.service_list li.tabs-title{width:33.33333%;padding:0 15px;margin-bottom:30px;}
ul.service_list li.tabs-title a{padding:0px;font-size:0px;line-height:0px;display:inline-block;background:none;	border:none;float:left}

.service_list figure{width:100%;float:left;position:relative;}
.service_list figure figcaption{width:100%; position:absolute;bottom:0px;left:0px;padding-right:21px;text-align:left;}
.service_list figure h6 {font-size: 14px;color: #fff;line-height: 41px;padding: 0 12px;margin-bottom: 0px;position: relative;font-family: 'azo_sansbold';background: #01c8e6;display: inline-block;width: 170px;max-width: 100%;}
.service_list figure h6:after {content: '';width: 20px;height: 41px;border-bottom: 41px solid #01c8e6;border-right: 20px solid transparent;position: absolute;right: -20px;top: 0px;}
ul.service_list li:nth-child(n+4){margin-bottom:0px;}
.service-content {width: 100%;float: left;background: #01c8e6;padding:60px 0px 39px 0px;}

.service-content .tabs-content {background: none;border: 0px;text-align: left;max-width: 420px;float: right;}
.service-content h2, .service-content span{font-family: 'azo_sanslight';color:#fff;margin-bottom:0px;line-height:50px;text-transform:uppercase;}

.service-content span{font-size:53px; font-family: 'azo_sansblack';display:block;margin-bottom:18px;}
.service-content p{font-size:17.94px;color:#fff;line-height:28.03px; font-family: 'azo_sanslight';margin-bottom:22px;}

.choose-wrapper{width:100%;float:left;background:url(../img/choose-bg.jpg) no-repeat center;overflow:hidden;}
.choose-layer{width: 42.5%;float:right;min-height:640px;background:rgba(17, 17, 17, 0.84);position:relative}
.choose-layer:after {content: '';border-bottom: 640px solid rgba(17, 17, 17, 0.84);border-left: 240px solid transparent;position: absolute;left: -240px;top: 0px;}
.choose-layer:before, .choose-line {background: #01c8e6;position: absolute;z-index: 1;left: -121px;float: left;
-webkit-transform: rotate(20.5deg)-ms-transform: rotate(20.5deg);-moz-transform: rotate(20.5deg);-o-transform: rotate(20.5deg);transform: rotate(20.5deg);}

.choose-layer:before {content: '';height: 686px;width: 4px;top: -23px;}
.choose-line{height: 414px;width: 6px;top: 97px;}

.ellipse-circle{width:142px;height:142px;float:left;border-radius: 50%;border: 15px solid rgba(255,255,255,0.45);position:absolute;top:50%;left:-190px;z-index:11;
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.ellipse-circle figure{width: 100%;height: 100%;position: relative;display: inline-block;border-radius: 50%;background-color: #01c8e6;}
.ellipse-circle figure img{width:50px;}

ul.liststyle-plus{width: auto;float: left;margin: 0px;padding-left: 40px;}
ul.liststyle-plus li{font-size:17.94px;line-height:22px;padding:10px 0 10px 20px; color:#fff;font-family: 'azo_sanslight';position:relative}
ul.liststyle-plus li:before {content: '+';font-size: 18px;color: #01c8e6;font-family: 'azo_sansbold';line-height: 10px; position: absolute;top: 50%;left: 0px;margin-top: -5px;}

.choose-detail{width:100%;float:left;max-width:515px;padding:20px 15px;}
.choose-detail h1{font-size:39px;color:#fff;font-family: 'azo_sanslight';text-transform:uppercase;line-height:51px;}
.choose-detail h1 span{font-size:49px;color:#01c8e6;font-family: 'azo_sansblack';display:block;}
.choose-detail p.lead{color:#fff;}

.gallery_album{width:100%;float:left;max-height:947px;overflow:hidden;position:relative;}
.album-for{width:100%;float:left;}

.success-caption{width:100%;float:left;position:absolute;height:100%;top:0px;left:0px;text-align:center;}
.projects-title{width:100%;display:inline-block;max-width:794px;background:rgba(17,17,17,0.92);padding:28px 15px 0 15px;position:relative;margin-bottom:100px;}
.projects-title .hb-title span{font-size:35px;display:block;margin-top:3px;}
.projects-title p{font-size:15px;margin-bottom:0px;color:#fff;}

.projects-title:after{content:'';width: 100%;height: 90px;border-left: 397px solid transparent;border-right: 397px solid transparent;border-top: 90px solid rgba(17,17,17,0.92);position:absolute;bottom:-90px;left:0px;}

.projects-award{width: 416px;height: 416px;border-radius: 50%;border:15px solid rgba(255,255,255,0.44);display: inline-block;position: relative; margin: 0 auto;display: block;}
.award-intro{width:100%;float:left;height:100%;position:relative;background: #01c8e6;border-radius: 50%;}
.award-caption {width:100%;float:left; padding: 35px 15px;text-align:center;}
.award-caption h3 {font-size: 28.26px;color: #fff;font-family: 'azo_sanslight';font-weight: normal;margin-bottom: 2px;line-height: 30px;text-transform:uppercase;}
.award-caption h4 {font-size: 24.5px;color: #fff;font-family: 'azo_sansblack';font-weight: normal;margin-bottom: 22px;line-height: 37px;text-transform:uppercase;}
.award-caption figure{width:100%;float:left;margin-top:16px;}

.album-nav{width:100%;float:none;display:inline-block;max-width:840px;margin-top:40px;}
.album-nav li{padding:0 13px;cursor:pointer;}
.album-nav li figure{width:100%;float:left;border:5px solid rgba(255,255,255,0.44);}
.album-nav li.slick-current figure{border-color:#01c8e6;}

.ourclient-section {width: 100%;float: left;background: #fff;padding:22px 0px;position: relative;text-align: center;}
.client-logo-slider{width:100%;float:left;}

.ourclient-content{width:100%;display:inline-block;max-width:840px;margin:0 auto;padding:15px 0;}
.client-logo {width: 100%;float: left;cursor:pointer;}
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray;-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-transition: all .6s ease;-webkit-backface-visibility: hidden; }
.client-logo:hover img.grayscale {filter: none;-webkit-filter: grayscale(0%);-0-filter: grayscale(0%);}
.ourclient-section:after{content:'';width: 560px;height: 90px;border-left: 280px solid transparent;border-right: 280px solid transparent;border-top: 64px solid #fff;position:absolute;bottom:-90px;left:0px;right:0px;margin:0 auto;}

.signup-section{width:100%;float:left;background:url(../img/signup-bg.jpg) no-repeat top center;padding-top:223px;text-align:center;}
.signup-rectangle{width:100%;display:inline-block;max-width:794px;background:#454444;padding:0px 15px 28px 15px;position:relative;}
.signup-rectangle:after{content:'';width: 100%;height: 90px;border-left: 397px solid transparent;border-right: 397px solid transparent;border-bottom:90px solid #454444;position:absolute;top:-90px;left:0px;}
.signup-emailicon {position: absolute;width: auto;left: 0px;right: 0px;margin: 0 auto;top: -142px;z-index: 22;}

.signup-rectangle h5 {font-size: 19px;color: #fff;text-transform: uppercase;margin-top: -12px;font-family: 'azo_sanslight';z-index: 2;position: relative;}
.signup-rectangle h5 span{font-size:24.5px;color:#01c8e6;font-family: 'azo_sansblack';display:block;}
.signup-rectangle .button {font-size: 24.65px;text-transform: uppercase;margin: 0px;padding: 12px 25px;line-height: 26px;}

footer{width:100%;float:left;}
.footer-info{width:100%;float:left;background:#242424;text-align:center;padding:41px 0 32px 0 ;}

.footer-logo{width:auto;display:inline-block;}
.footer-info h2{font-size:30.43px;color:#01c8e6;margin:9px 0 11px 0;}
.footer-info h2 a{color:#01c8e6;}
.footer-info h2 a:hover{color:#fff;}
.footer-info .button{font-size:16.28px;text-transform:uppercase;padding:6px 14px;margin-bottom:0px;}

.copyright{width:100%;float:left;padding:24px 0 16px 0;background:#3b3b3b;}
.copyright p{width:auto;float:left;margin-right:10px;font-size:19px;color:#fff;margin-bottom:0px;font-family: 'azo_sanslight';line-height:34px;}
ul.footer-social{width:auto;float:right;margin:0px;}
ul.footer-social li{display:inline-block;line-height:14px;margin:0 20px;}
ul.footer-social li a{font-size:32px;color:#818181;line-height:14px;display:inline-block;}
ul.footer-social li a:hover{color:#01c8e6;}

/* =====//   INNER PAGE   \\===== */

.banner{width:100%;float:left;background:#000;max-height:380px;overflow:hidden;margin-top:0px;position:relative;}
.banner img{width:100%;display:inline-block;opacity:0.59;}

.banner-caption {width: 460px; height: auto;border-radius:230px 230px 0 0;border: 15px solid rgba(255,255,255,0.44);position: absolute;margin: 0 auto;display: block;bottom:-15px;left: 0px;right: 0px;}
.banner-block{width:100%;float:left;height:100%;position:relative;background: #01c8e6;border-radius: 230px 230px 0 0;text-align:center;padding:82px 40px 40px 40px;}
.banner-title{color: #fff;font-family: 'azo_sanslight';font-weight: normal;line-height: 42px;}
.banner-title span{font-family: 'azo_sansblack';font-weight: normal;display:block;margin-top:15px;}
h1.banner-title{font-size:44px;margin-bottom:0px;}

.inner_container{width:100%;float:left;background:#fff;padding:50px 0;}

/* =====//   Design Process   \\===== */


.design_process{width:100%;float:left;padding:43px 0 0 0;background:#fff; position:relative;}
.design_process > .row{max-width:875px;}
.design_process .hb-title {text-align:center;}
.design_process .hb-title span{font-size:35px;display:block;}
.design_process p.lead{font-size:15px;text-align:center;display:block;margin:0 auto;max-width:750px;line-height:21.03px;}

ul.web-content {width: 100%;float: left;list-style: none;margin: 0px;position: relative;padding-top: 136px;margin:32px 0;}
ul.web-content:before {content: '';width: 12px;height: 136px;display: inline-block;background: url(../img/icons/vector-bullet-icon.png) top left repeat-y;position: absolute;left: 50%;top: 0px;margin-left: -6px;}
ul.web-content:after {content: '';width: 42px;height: 40px;display: inline-block;background: url(../img/arrow-bottom.png) top left no-repeat;position: absolute;left: 50%;bottom: -24px;margin-left: -21px;}
ul.web-content li{width:100%;float:left}
.web_list{width: 100%;float: left;position: relative;padding:20px 0 66px 0;}
.web_list:after {content: '';width: 12px;height: 100%;position: absolute;background: rgba(229,224,222,1);top: 0px;left: 50%;margin-left: -6px;}
ul.web-content li:first-child .web_list:after{border-radius:10px 10px 0px 0px;}

.web_icon{width: 50%;float:left;padding-right:64px;position:relative;text-align:right}
.web_desc{width: 50%;float:right;padding-left:64px;}
.web_icon:after {content: '';width: 36px;height: 36px;border: 5px solid #fff;background: #bebbba;display: inline-block;border-radius: 50%;position: absolute;top:36px; right: -18px;z-index: 1;}
.web_icon figure {width: 108px;height: 108px;display: inline-block;border-radius: 50%;background: #fff;border: 12px solid #01c8e6;position: relative;padding: 8px;}
.web_icon figure img{width: auto;display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;}

.web_desc h2{font-size:36.41px;color:#101010;line-height:36px;margin:3px 0 12px 0px;font-family: 'azo_sansblack';}
.web_desc h2 span{color:#01c8e6;margin-right:6px;}
.web_desc p{line-height:17px;color:rgba(91,91,91,0.64);font-size:12px;}

ul.web-content li:nth-child(even) .web_icon{float:right;padding-right:0px;padding-left:64px;text-align:left;}
ul.web-content li:nth-child(even) .web_desc{float:left;padding-left:0px;padding-right:64px;}
ul.web-content li:nth-child(even) .web_icon:after {left: -18px;}

ul.web-content li .web_list:hover .web_icon figure{background:#01c8e6;border-color:#d9d9d9;}
ul.web-content li .web_list:hover .web_icon:after{background:#01c8e6;}

.webvector-layer{width:100%;float:left;text-align:center;overflow:hidden;margin-top:57px;	}
.webvector-layer img{width:auto;max-width:100%;}


.builder_content{width:100%;float:left;background:url(../img/builder-bg.jpg) no-repeat center;overflow:hidden;}
.bd-con-layer{width: 42.5%;float:right;min-height:640px;background:rgba(1,200,230,0.90);position:relative}
.bd-con-layer:after {content: '';border-bottom: 640px solid rgba(1,200,230,0.90);border-left: 240px solid transparent;position: absolute;left: -240px;top: 0px;}
.bd-con-layer:before, .bd-line {position: absolute;z-index: 1;left: -121px;float: left;
-webkit-transform: rotate(20.5deg)-ms-transform: rotate(20.5deg);-moz-transform: rotate(20.5deg);-o-transform: rotate(20.5deg);transform: rotate(20.5deg);}

.bd-con-layer:before {content: '';height: 686px;width: 4px;top: -23px;background:#05333a;}
.bd-line{height: 414px;width: 6px;top: 97px;background: #07879a;}


.bd-con-detail{width:100%;float:left;max-width:515px;padding:20px 15px;}
.bd-con-detail h1{font-size:39px;color:#fff;font-family: 'azo_sanslight';text-transform:uppercase;line-height:51px;}
.bd-con-detail h1 span{font-size:49px;color:#fff;font-family: 'azo_sansblack';display:block;}
.bd-con-detail p{font-size:15px;line-height:21.95px; color:rgba(255, 255, 255, 0.64);}

.ourteam-section{width:100%;float:left;padding:40px 0 42px 0;background:#fff;}
.team-content{width:100%;float:left;background:#01c8e6;padding:36px 15px 23px 28px;}
.team-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 27px 0;margin-bottom:2px;}
.team-title  h2 {font-size: 34.92px;color: #fff;line-height: 31.52px;margin:0px; font-family: 'azo_sanslight';}
.team-title  h2 span{font-size: 21.94px;line-height: 25.84px;color:#fff;display:block; font-family: 'azo_sansbold';}
.team-desc{width:100%;float:left;position:relative;padding-bottom:25px;}
.team-desc:after {content: '';width: 92px;height: 4px;background: #fff;float: left;position: absolute;bottom:5px;left: 0px;}
.team-content p{color:#fff;line-height:20.01px;}
ul.team-socialicon{width:100%;float:left;margin:0px;padding:14px 0 18px 0;}
ul.team-socialicon li{display:block;padding:4px 0;}
ul.team-socialicon li a{font-size:12px;color:rgba(2555, 255, 255,0.75);line-height:18px; font-family: 'azo_sansregular';display:inline-block;}
ul.team-socialicon li a:hover{color:#fff;}
ul.team-socialicon li a em{width:20px;text-align:center;font-size:18px;margin-right:10px;line-height:18px;vertical-align:-2px;color:#fff;}
.team-view{width:100%;float:left;}
.team_list{width:100%;float:left;margin-bottom:26px;}
.team_list figure{width:100%;float:left;position:relative;}
.team_list figure img{width:100%;max-width:100%}
.team_list figcaption{width:100%;float:left;position:absolute;bottom:0px;left:0px;}
.team_list figure h6{width:100%; font-size:14px;color:#fff; margin:0px;padding:10px 16px;line-height:21px;background:rgba(1,200,230,0.81);position:absolute;bottom:0px;left:0px;font-family: 'azo_sansblack';}
.team_list figure h6 a{color:#1f1d1d;}
.team-content .tabs-content{background:transparent;border:0px;}
.team-content .tabs-panel{padding:0px;}
ul.team_list{margin:0 auto;border:0px;}
ul.team_list li.tabs-title{width:33.33333%;float:left;padding:0 15px;margin-bottom:28px;}
ul.team_list li.tabs-title a {  padding: 0px;  display: block; background: transparent;border: none;}
ul.team_list li:nth-child(n+4){margin-bottom:0px;}

/* =====//   Pricing Table 	 \\===== */

.price-wrapper {width: 100%;float: left;background: #fff;position: relative;}
.price-content {background: url(../img/signup-bg.jpg) no-repeat top center;height: 385px;width: 100%;position: absolute;top: 0px;float: left;}

.price-table {width: 100%;float: left;padding: 44px 0;position: relative;z-index: 2;}
.pricing-grids{width:100%;float:left;padding-right:30px;}
.pricing-header, .pricing-title{background:#bebcbc;}
.pricing-header{width:100%;float:left;padding:5px;text-align: center;}
.pricing-header h4, .pricing-title h4{font-family: 'azo_sansbold';margin:0px;line-height:30px;color:#fff;}
.pricing-header h4 a{color:#fff;}
.pricing-value {width: 100%;float: left;font-size: 30px;color: #484747;font-family: 'azo_sansbold'; padding: 8px 10px;line-height: 48px;background: #eaeaea;text-align: center;}

.pricing-title{width:100%;float:left;height:150px;padding:43px 30px 20px 30px;position:relative;}
.pricing-title h4{text-transform: uppercase;line-height:20px;margin-bottom:2px;}
.pricing-title span{font-size:18px;color:#fff;line-height:19px; font-family: 'azo_sansbold';display:block;}
.pricing-title:after{content:'';display:inline-block;position:absolute;top:0px;right:-26px;
border-top: 75px solid transparent;border-left: 26px solid #bebcbc;border-bottom: 75px solid transparent;}

.pricing-body{width: 100%;float: left;padding: 21px 32px;background: #eaeaea;}
.pricing-body h5{font-size:17px;color:#3f3f3f;line-height:21px; font-family: 'azo_sansregular';margin-bottom:12px;}

ul.pricing-features{width: 100%;float: left;margin:0px;}
ul.pricing-features li {display:block;padding:10px 12px;font-size: 12px;line-height:20.35px;color:#3f3f3f;text-overflow: ellipsis;position:relative;}
ul.pricing-features li strong{font-family: 'azo_sansbold';color:#3f3f3f;margin:0px;}
ul.pricing-features li em {font-size: 33px;color: #3f3f3f;position: absolute;left: -16px;font-family: 'azo_sansblack';font-style: normal;top: 10px;line-height: 33px;}

.second-plan .pricing-header, .second-plan .pricing-title{background:#e37600;}
.second-plan .pricing-title:after{border-left-color:#e37600}
.second-plan .pricing-value, .second-plan ul.pricing-features li em{color:#e37600;} 

.third-plan .pricing-header, .third-plan .pricing-title{background:#01c8e6;}
.third-plan .pricing-title:after{border-left-color:#01c8e6;}
.third-plan .pricing-value, .third-plan ul.pricing-features li em{color:#01c8e6;} 


/* =====//		Testimonial		 \\===== */

.testimonial-body{width: 100%;float: right;max-width: 450px;padding:30px 32px 0 0;}
.testimonial-body h3{font-size:26px;color:rgba(19,19,19,0.64);line-height:33.67px;margin-bottom:22px;}
.testimonial-body p{font-size:20px;color:rgba(19,19,19,0.64);font-family: 'azo_sansregular';line-height:29.95px;}
.testimonial-slider .slick-dots {position: absolute;bottom: 0px;width: auto;margin: 0;left:30px;}
.testimonial-slider .slick-dots li button {background: #01c8e6;height: 15px;width: 15px;padding: 5px;border-radius: 50%;border: 2px solid #01c8e6;}
.testimonial-slider .slick-dots li.slick-active button{background:#fff;}

.testimonial-view{width:100%;float:left;background:#f0f0f0;padding:46px 0;border-width:1px 0 1px 0;border-style:solid;border-color:#e1e1e1;}
.testimonial-list{width:100%;float:left;margin-bottom:30px;}
.testimonial-list figure{width:100%;float:left;padding-left:18px;position:relative;}
.testimonial-list figure img{width:100%;border:1px solid #cccccc;}
.testimonial-list figure h5{font-size:18px;color:#fff;font-family: 'azo_sansbold';position:absolute;left:0px;bottom:0px;margin:0px;background:#01c8e6;padding:11px 25px;}

.testimonial-desc{width:100%;float:left;position:relative;padding:38px 0px 0 38px}
.testimonial-desc:before{content:'“'; display: inline-block;font-size: 58px;color: rgba(29,29,29,0.64);font-family: 'azo_sansregular';position:absolute;top:32px;left:0px;
-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg);}

.testimonial-desc p{font-size:17px;color:rgba(29,29,29,0.64);line-height:29.95px;font-family: 'azo_sansregular';margin-bottom:14px;}
.testimonial-desc span{font-size:18px;color:rgba(29,29,29,0.64);font-family: 'azo_sansregular';display:block;}

/* =====//		Project Planning Process		 \\===== */

.process_wrapper{width:100%;float:left;padding-top:69px;background:#fff;}
.process_wrapper .hb-title span{display:block;font-size:35px;}
.process_wrapper p.lead{display:block;font-size:15px;line-height:21px; font-family: 'azo_sanslight';max-width:765px;text-align:center ;margin:0 auto;}

.process_control{width:100%;float:left;}
.process_control h2{font-size:42px;color:#101010;}
ul.process-view{width:100%;float:left;margin:0px;padding:60px 0 0px 0;}
ul.process-view li{width:auto;display:block;margin:0px;position:relative;}
ul.process-view li figure{position:absolute;height:100%}
ul.process-view li .border-line{border-style:solid;border-color:#a09f9f;}
ul.process-view li h5{font-size:22px;color:#101010;margin-bottom:6px;font-family: 'azo_sansbold';}
ul.process-view li p{font-size:13px;color:rgba(91,91,91,0.64);line-height:19.01px;margin-bottom:0px;font-family: 'azo_sansregular';}
.process-one{width:60%;float:left;position:relative;padding:65px 0 0 123px;}
.process-one figure{top:0px;left:0px;}
.process-one p{max-width:355px;}
.start-border, .finish-border{width:82px;height:82px;border-width:2px;border-style:solid; position:absolute;left:-17px;top:-17px;border-radius:50%;}
.start-border{border-color:#01adc7;}
.finish-border{border-color: #a09f9f;}
.pro_line{width:100%;float:left;position:relative;}
.ellipse_shape {width: 60px;height: 60px;border: 6px solid #a09f9f;background: #fff;border-radius: 50%;position: absolute;z-index: 2;}
.ellipse_shape span{width: 30px;height: 30px;background: #ccc;border-radius: 50%;position:absolute;top:9px;left:9px;}
.ellipse_shape:after {content: '';width: 6px;height: 74px;position: absolute;left: 21px;background: #a09f9f;bottom: 53px;}
.ellipse_shape:before {content: '';width: 20px;height: 20px;position: absolute;left: 14px;background: #ccc;top: -98px;border-radius: 50%;}

.process-one .ellipse_shape {bottom: -77px; left: 20px;border-color:#01adc7;}
.process-one .ellipse_shape span, .process-one .ellipse_shape:before,
.process-two .ellipse_shape span, .process-two .ellipse_shape:before{background:#8ce6f4;}
.process-one:after {content: '';width: 100%;height: 10px;position: absolute;bottom: -54px;left: 46px;background: #01c8e6;z-index: 1;}
.process-one .ellipse_shape:after ,.process-two .ellipse_shape:after {background:#01c8e6}

.process-two{width:40%;float:left;position:relative;padding:65px 0 0 115px;}
.process-two figure{top:0px;left:0px;}
.process-two p{max-width:275px;}
.process-two .ellipse_shape {bottom: -57px;left: 0px;border-color:#01c8e6;}

.process-three {width: 50%;float: left;position: absolute;padding: 65px 60px 12px 0px;left: -50px;bottom: 33px;max-width: 315px;}
.process-three figure{top:0px;right:0px;}
.process-three .ellipse_shape {bottom: -57px;right: -2px;}

.process-four,.process-five{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.process-four {width: 50%;float: left;padding: 0px 0px 0px 85px;right: 25px;max-width: 500px; ;z-index:1;}
.process-four figure{top:0px;left:0px;}
.process-four p{max-width:250px;}
.process-four .ellipse_shape {top: 50%;right: -49px;margin-top: -30px;}
.process-four .ellipse_shape:after {width: 74px;height: 6px;left: inherit;right: 54px;top: 50%;margin-top: -3px;}
.process-four .ellipse_shape:before {left: -99px;top: 14px;}

.process-five {width: 50%;float: left;padding: 0px 0px 0px 35px;left:0px;max-width: 310px; z-index:1;}
.process-five figure{top:0px;left:0px;}
.process-five .ellipse_shape {top: 50%;left: -177px;margin-top: -30px;}
.process-five .ellipse_shape:after {width: 74px;height: 6px;left: 54px;top: 50%;margin-top: -3px;}
.process-five .ellipse_shape:before {top: 50%;left: 127px;margin-top: -10px;}

ul.process-view li.first_line .border-line{padding:0px;border-width:0px;min-height:210px;}
ul.process-view li.second_line{padding:0px 150px 0 150px;}
ul.process-view li.second_line .border-line{border-width:10px 0px 10px 0;min-height:335px;margin-top:-10px;}
ul.process-view li.third_line{padding:0 0 0 150px;top: -10px;}
ul.process-view li.third_line .border-line{padding:50px 0;border-width:0;min-height:265px;;position:relative;}
ul.process-view li.first_line:after {content: '';width: 125px;height: 10px;background: #a09f9f;position: absolute;left: 35px;bottom: 0px;}
ul.process-view li.second_line:after {content: '';position: absolute;top:0px;right:0px;width: 170px;height: 100%;border: 10px solid #a09f9f;border-left: 0px;border-radius: 0px 160px 160px 0px;}
ul.process-view li.third_line:after {content: '';position: absolute;top: 0px;left: 0px;width: 170px;height: 50%;border: 10px solid #a09f9f;border-right: 0px;border-radius: 160px 0px 0px 0px;border-bottom: 0px;}

.planning-build{width:100%;float:left;background:url(../img/planning-bg.jpg) no-repeat top center;position:relative;overflow:hidden;}
.planning-layer {width: 42.5%;float: left;min-height: 485px;background:rgba(55,55,55,0.92);position: relative;}
.planning-layer:after {content: '';border-top: 485px solid rgba(55, 55, 55, 0.92);border-right: 149px solid transparent;position: absolute;right: -149px;top: 0px;}
.planning-layer:before, .planning-line {background: #01c8e6;position: absolute;z-index: 1;right: -82px;float: left;-webkit-transform: rotate(17deg);-ms-transform: rotate(17deg);-moz-transform: rotate(17deg);-o-transform: rotate(17deg);
transform: rotate(17deg);}
.planning-layer:before {content: '';height: 509px;width: 8px;top: -12px;}
.planning-line { height: 215px;width: 16px;top: 138px;right: -105px;}
.planning-detail {width: 100%;float: right;max-width: 552px;padding: 20px 15px;left:inherit;right:0px;}
.planning-detail h2{font-size:33.32px;color:#fff;font-family: 'azo_sanslight';text-transform:uppercase;line-height:44px;}
.planning-detail h2 span{font-size:41.87px;color:#01c8e6;font-family: 'azo_sansblack';display:block;}
.planning-detail p{color:#fff;font-size:15px;font-family: 'azo_sanslight';line-height:21.03px;}

.start-plannnig{width:100%;float:left;background:#e6e6e6;position:relative;}
.bg-sph{width:100%;display:block;max-width:100%;position:absolute;top:0px;left:0px;opacity:0.24;}

.start-plan-content{width:100%;display:block;text-align:center;margin:0 auto;max-width:604px;position:relative;z-index:2;padding-top:46px;}
.start-plan-content h2{font-size:33.32px;color:#282828;font-family: 'azo_sanslight';text-transform:uppercase;line-height:44px;margin-bottom:16px;}
.start-plan-content h2 span{font-size:41.87px;color:#01c8e6;font-family: 'azo_sansblack';display:block;}
.start-plan-content p{font-size:15px;color:#242424;line-height:21.03px;margin-bottom:22px;}
.start-plan-content .button{margin-bottom:30px;}

/* =====//		Request for Consultation		 \\===== */

.consultation-form{width:100%;float:left;text-align:center;}
.consultation-form p{color:#4d4b4b;margin:0 auto;display:block;max-width:850px;text-align:center;}
.form_box {width: 100%;display:inline-block;background: #f5f5f5;border: 1px solid #ccc;padding: 28px 36px;max-width: 940px;margin: 0 auto;margin-top: 52px;}
.form_box form{width: 100%;display: block;text-align:left;}
.form_box h6{font-size:17px;color:#01c8e6;font-family: 'azo_sansblack';margin-bottom:17px;}
.form_box form .text_field{width:100%;float:left;font-size:15px;color:#4d4b4b;font-family: 'azo_sanslight'; margin-bottom:18px;border:1px solid #ccc;height:46px;padding:10px 22px;}
.form_box form .select_field {width: 100%;float: left;font-size: 15px;color: #4d4b4b;font-family: 'azo_sanslight';margin-bottom: 18px;border: 1px solid #ccc;height: 46px;padding: 0px 0px 0px 22px;background-image: url(../img/select_arrow.png);background-position: right top;background-size: 46px;}
.form_box form textarea.text_field{height: 165px;}
.form_box form input[type="submit"] {font-size: 27.44px;font-family: 'azo_sansbold';padding: 18px 20px;line-height: 23px;width: 242px;}

/* =====//		Who We Work With		 \\===== */

.company-work{width:100%;float:left;padding:69px 0;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #fcfcfc 20%, #fafafa 20%, #fafafa 27%, #f8f8f8 28%, #f8f8f8 33%, #f6f6f6 33%, #f6f6f6 39%, #f4f4f4 39%, #f4f4f4 45%, #f2f2f2 45%, #f2f2f2 52%, #f0f0f0 52%, #ececec 69%, #eaeaea 70%, #e4e4e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#fcfcfc 20%,#fafafa 20%,#fafafa 27%,#f8f8f8 28%,#f8f8f8 33%,#f6f6f6 33%,#f6f6f6 39%,#f4f4f4 39%,#f4f4f4 45%,#f2f2f2 45%,#f2f2f2 52%,#f0f0f0 52%,#ececec 69%,#eaeaea 70%,#e4e4e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#fcfcfc 20%,#fafafa 20%,#fafafa 27%,#f8f8f8 28%,#f8f8f8 33%,#f6f6f6 33%,#f6f6f6 39%,#f4f4f4 39%,#f4f4f4 45%,#f2f2f2 45%,#f2f2f2 52%,#f0f0f0 52%,#ececec 69%,#eaeaea 70%,#e4e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}

.company-work h2.hb-title{text-transform:inherit;text-align:center;font-family: 'azo_sansregular';margin-bottom:15px;}
.company-work p{font-size:19px;color:#7d7c7c;line-height:31.05px;text-align:center;font-family: 'azo_sansregular';margin:0 auto;display:block;width:100%;max-width:975px;margin-bottom:14px;}
.companies-logo{width:100%;float:left;}
.companies-logo ul{width:100%;float:left;padding:20px 0;margin:0px;}
.companies-logo ul li{width:20%;float:left;padding:15px;text-align:center;}

.vprojects-list{width:100%;float:left;}
.vprojects-list figure{width:100%;float:left;padding:4px 2px 0px 2px;margin:0px;}
.vprojects-list figure img{width:auto;max-width:100%;display:block;}
.vprojects-list .pull-left:nth-child(-n+2) figure{padding-top:0px;}
.vprojects-list .pull-left:nth-child(2n+1) figure{padding-left:0px;}
.vprojects-list .pull-left:nth-child(2n+2) figure{padding-right:0px;}

.company-projects > .pull-left{position:relative;}
.company-projects{background: #fff; width: 100%; float: left;}

.vprojects-detail {width: 100%;float: right;max-width: 620px;left: inherit;right: 50px;padding: 25px 15px;}
.vprojects-logo{width:100%;float:left;margin-bottom:60px;}
.vprojects-detail p{font-size:19px;line-height:31.3px;color:#7d7c7c;}
.vprojects-slid{width:100%;float:left;min-height:350px;}
.slick-slide .vprojects-slid img{display:inline-block;}

/* =====//		Blog		 \\===== */

.content-area {width: 100%;float: left;}
.content_title{width:100%;float:left;border-bottom:2px solid #01c8e6;}
.content_title h2{font-size:31.34px;color:#575555;font-family: 'azo_sansregular';letter-spacing:0px;}
.content_title h2 span{color:#01c8e6;font-family: 'azo_sansbold';}

.blog_view {width: 100%;float: left;padding: 35px 0px 0px 0px;}
.blog-list {width: 100%;float: left;margin-bottom: 50px;border-bottom:2px solid #d5d5d5;padding-bottom:45px;}
.blog-list figure{width:100%;float:left;position:relative;overflow:hidden;border-radius:4px;}
.blog-list figure figcaption{width:100%;float:left;background:rgba(0, 0, 0, 0.79); position:absolute;bottom:0px;left:0px;padding:13px 35px;border-radius: 0px 0px 4px 4px;}
.blog-list h2{color:#fff; font-family: 'azo_sansregular';margin-bottom:0px;}
.blog-list h2 a{color:#fff;}
.blog-list h2 span{color:#fff;font-family: 'azo_sansbold';}

ul.blog_tag{width:100%;float:left;margin:8px 0px 4px 0px;}
ul.blog_tag li{display:inline-block;margin:0px;font-size:12.14px;color:#fff;font-family: 'azo_sansbold';line-height:15px;margin-right:24px;}
ul.blog_tag li em {font-size: 18px;color: #fff;margin-right: 8px;display: inline-block;vertical-align: -1px;}
ul.blog_tag li a{color:#fff;}
ul.blog_tag li span{position:relative;display:inline-block;color:#fff;}
ul.blog_tag li span:before {content: ',';margin:0 4px;}
ul.blog_tag li span:nth-child(2):before{display:none;}

.blog-list figure img{width:100%;}
.comment-post form input[type="submit"]{margin-top:20px;}

.blog-desc{width:100%;float:left;padding:25px 5px 0 5px;}
.blog-list p{font-size:14.17px;color:#363636;line-height:21.25px;font-family: 'azo_sansregular';}
.blog-list a.button{font-size:14.45px;line-height:25px;margin:18px 0 0 0;border-radius:4px;padding:7px 35px 7px 40px;}
.blog-list a.button img {display: inline-block;vertical-align: -2px;width: auto;margin-left: 12px;}

.side_panel{width:100%;float:right;max-width:320px;}
.sidepanel-box{width:100%;float:left;margin-bottom:30px;}
.sidepanel-box h5{font-size:20.73px;font-family: 'azo_sansregular';color:#fff;margin:0px;background:#01c8e6;padding:14px 15px;text-align:center;line-height:25px;}

.sidepanel-box #searchForm{padding-top: 10px;}



.sidebar_menu{width:100%;float:left;}
.sidebar_menu ul {width: 100%;float: left;margin: 0px;padding:10px 0;}
.sidebar_menu ul li {width: 100%;float: left;border-bottom:1px solid #e5e5e5;position: relative;padding: 5px 12px 5px 30px;}
.sidebar_menu ul li a {font-size: 17.43px;color: #626263;line-height: 19.63px;font-family: 'azo_sansregular';padding: 5px 0;display: block;text-align:justify;}
.sidebar_menu ul li:after {font-family: 'FontAwesome';content: "\f105";position: absolute;top: 11px;left: 12px;font-size: 18px;line-height: 20px;}
.sidebar_menu ul li:hover a{color:#019ab1;}
.sidebar_menu.faq_nav li{border:none;}
.sidebar_menu.faq_nav li a{font-family: 'azo_sansmedium';color:#01c8e6;}
.sidebar_menu.faq_nav li:hover a{color: #626263;}

.faq_nav{border-bottom:2px solid #e5e5e5;}

.newsletter-form{width:100%;float:left;border:1px solid #e5e5e5;border-top:0px;padding:17px 16px;text-align:center;}
.newsletter-form p{font-size:12px;color:#363636;line-height:17px;margin-bottom:22px;text-align:left}
.newsletter-form input[type=text]{border-radius:4px;margin-bottom:20px;}
.newsletter-form .button{font-size:20.1px;font-family: 'azo_sansmedium';border-radius:4px;padding:8px 20px;margin:8px 0 10px 0}

.comment-post{width:100%;float:left;}
.comment-post h3, .comment_listview h3{font-family: 'azo_sansregular';color:#3e3939;}
.comment-post label{margin-bottom:6px;}
.comment-post input[type=text]{margin-bottom:20px;}
.comment-post textarea{height:145px;margin-bottom:30px;}
.comment_listview {width: 100%;float: left;margin-bottom: 50px;border-bottom: 2px solid #d5d5d5;}
.comment_listview ul {width: 100%;height: auto;float: left;padding-bottom: 25px;margin:0px;}
.comment_listview ul li {width: 100%;height: auto;float: left;margin-bottom: 25px;}
.comment-item {width: 100%;height: auto;float: left;}
.comment-image {width: 75px;height: 75px;float: left;}
.comment-image figure {padding: 0px;width: auto;display: inline-block;}
.comment-image figure img {width: 100%;display: inline-block;}
.comment_listview .comment-list {width: auto;height: auto;padding: 0 0 0 90px;border:none;background:none;margin:0px;float: none;}
.comment-content{width:100%;float:left;border-left:2px solid #666;padding-left:15px;}
.comment_listview .comment-title{width:100%;float:left;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:6px 0 4px 0;margin:0 0 12px 0;}
.comment_listview .comment-title li{width:auto;float:left;padding:0px !important;margin:0px; margin-right:15px;font-size:14px;line-height:22px; color:#3e3939;font-family: 'azo_sansregular';}
.comment-title li em{margin-right:8px;color:#2e3234;vertical-align:0px;}
.comment-content p {font-size: 14px;margin-top: 8px;margin-bottom: 10px;line-height: 21.03px;}
.comment-post,.comment-post form{width: 100%;float: left;}
.comment-post .item {width: 100%;float: left;padding: 0px !important;margin-bottom: 18px;}
.comment-post .item input[type="text"] {margin-bottom: 0px;max-width: 375px;}
.comment-post .item textarea{min-height:125px}

/* =====//		Contact Us		 \\===== */

.contact-map{width:100%;height:340px;margin:0 auto;background:#01c8e6;}
#googleMap{height:100%;width:100%;float:left;}
.contact-form-content{width:100%;float:left;padding:65px 0;}
.contact-form-content h3{font-family:'azo_sansregular';font-size:41.72px;text-transform:capitalize;color:#464646;}
.contact-form-content h3 span{color:#01c8e6;display:inline-block;font-family: 'azo_sansbold';}
.contact-form-content label{text-transform:	capitalize;}
.contact-form-content .button {font-family: 'azo_sansbold';padding: 13px 20px;font-size: 22.08px;width: 180px;line-height: 25px;margin-bottom:0px;margin-top: 15px;}
.contact-form-content form{width:100%;float:left;max-width:450px;}
.get-in-touch .heading{background:#2b2a2a; text-align:center; padding:35px 0; margin:0;color:#fff;}
.get-in-touch-content{background:#444; padding:28px 30px 60px;}
.get-in-touch-content p{color:#fff;font-size:17px;margin-bottom:33px;}
.get-in-touch-content ul li{display:inline-block; float:left;}
.contentinfo h6{font-size:20px;color:#fff;font-family:'azo_sansregular';margin-bottom:10px;}
.contentinfo h6 img{margin-right:4px;vertical-align:-5px;}
.contentinfo p, .contentinfo p a{font-size:14px;font-family: 'azo_sanslight';color:#fff;margin-bottom:16px;}
.contentinfo p.address{max-width:150px;}
.contentinfo p.lead, .contentinfo p.lead a{font-size:17px;}
.contentinfo .columns{margin-bottom:17px;}

/* =====//		Gallery		 \\===== */

.gallery-wrapper {width: 100%;float: left;max-height: 947px;overflow: hidden;position: relative;}
.gallery-for {width: 100%;float: left;}
.gallery-for li img.blur-img {filter:blur(10px) brightness(0.85);-webkit-filter:blur(10px) brightness(0.85);-moz-filter:blur(10px) brightness(0.85);-o-filter:blur(10px) brightness(0.85);-ms-filter:blur(10px) brightness(0.85);}

.gallery-thumbnail{width:100%;float:left;position:absolute;z-index:999;bottom:2px;left:0px;}
.gallery-row{margin-left:-8px;margin-right:-8px;}
.gallery-nav{width:100%;float:left;margin-top:0px;}
.gallery-nav li{padding:0 8px;cursor:pointer;}
.gallery-nav li figure {width: 100%;float: left;border: 5px solid rgba(255,255,255,0.44);max-height: 135px;overflow: hidden;}
.gallery-nav li.slick-current figure{border-color:#01c8e6;}
.gallery-caption{width:100%;float:left;position:absolute;top:0px;left:0px;text-align:center;}
.gallery-title.projects-title  p {margin-bottom: 18px;}
.gallery-title.projects-title p.hideshow { text-align: center; position: absolute; bottom: -65px; z-index: 1; left: 42%; }

.gallery-title.projects-title p.hideshow a, .gallery-title.projects-title p.hideshow a:visited{ color: #01c8e6; }
.gallery-title.projects-title p.hideshow a:hover{ color: #fff; }

.projects-title:after {content: '';width: 100%;height: 90px;border-left: 397px solid transparent;border-right: 397px solid transparent;border-top: 90px solid rgba(17,17,17,0.92);position: absolute;bottom: -90px;left: 0px;}
.gallery-content{width: 100%;float: left;position: absolute;top: 326px;}
.gallery-content .tabs-content{border:0px;width:100%;display:block;max-width:900px;margin:0 auto;position:relative;}
.gallery-content .tab-content {padding:0px;display:block;position:absolute;top:35px;left:0px;}

.gallery-box{max-width:515px;}
.gallery-after, .gallery-before{width:100%;float:left;margin:0 10px;position:relative;}
.gallery-after{background:#1a1a1a;}
.gallery-before{background:#1a1a1a;}
.gallery-after img{opacity:0.4;}
.gallery-before img{opacity:0.4;}
.tab-content.active .gallery-after img,.tab-content.active .gallery-before img  { opacity: 1; }

.gtab-title {width: auto;float: left;position: absolute;top: 32px;z-index: 1;left: -10px;}
.gtab-title h3 {width: 180px;text-align: right;font-size: 26px;color: #fff;font-family: 'azo_sansblack';line-height: 30px;background: #01c8e6;position: relative;padding: 12px 20px;margin-bottom: 0px;}
.gtab-title h3:after {content: '';width: 20px;height: 41px;border-bottom: 54px solid #01c8e6;border-right: 20px solid transparent;position: absolute;right: -20px;top: 0px;}
.gallery-content .tab-content.active{z-index:2;top:0px;left:inherit;right:0px}
.gallery-content .tab-content.active .gallery-box{max-width:625px;}

.gallery_tabs{text-align:center;width:auto;display:inline-block;margin:0px;}
.gallery_tabs li{width:170px;margin:0 6px;float:left;cursor:pointer;}
.gallery_tabs li{font-size: 15px;font-family: 'azo_sansmedium';padding: 12px 20px;line-height: 22px;background: #01c8e6;color: #fff;border: 1px solid #01c8e6;}
.gallery_tabs li.active{border-color:#fff;background:#201e1c;}

.gallery-wrapper .desktop-img{display:block;}
.gallery-wrapper .ipad-img{display:none;}

/* =====//		tabs		 \\===== */
.tabs{background:none;border:none;}
.tabs li.tabs-title{}
.tabs li.tabs-title a {font-size: 15px;font-family: 'azo_sansmedium';padding: 12px 20px;line-height: 22px;background: #01c8e6; color: #fff;border:1px solid #01c8e6;}
.tabs li.tabs-title.is-active a{border-color:#fff;background:#201e1c;}


.faq-question{width: 100%;float: left;}

/* ================================= 
=====//		Media Qurey		 \\=====
==================================*/
@media (max-width:1280px){
.award-caption h3{font-size:20px;line-height: 22px;}
.award-caption h4{font-size:18px;margin-bottom:0px;line-height: 22px;}	
.projects-award{width:300px;height:300px;}
.award-caption figure img{width:35px;}
.album-nav{max-width: 520px;margin-top:20px;}
.vprojects-logo{margin-bottom:26px;}
.gallery-content .tabs-content{max-width:785px;}
.gallery-box {max-width: 400px;}
.gallery-content .tab-content.active .gallery-box{max-width: 500px;}
.projects-title .hb-title span{display:inline-block;font-size:28px;margin:0px;}

}
@media (max-width:1199px){
    .site-intro{width:360px;height:360px;}
    .home-caption h1,h1.banner-title{font-size:35px;line-height:40px;}
    .home-caption h2{font-size:24px;line-height:28px;margin-bottom:14px;}
    .service_list figure h6{font-size:13px;}
    .banner-title span{margin-top:0px;}
    .banner-block{padding:52px 45px 40px 45px;}
    .banner-caption{width:360px;}
    .process_control{padding:0 35px;}
    .process-three{left:0px;}
    .start-plan-content img{max-width:350px;}
    .vprojects-slid{min-height:inherit;padding-bottom: 20px;}
    .vprojects-detail{right:0px;}
    .vprojects-detail p{font-size:16px;line-height:23px;}
    .blog-list figure figcaption{padding:13px 20px;}
    .projects-title:after{border-top-width:45px;}
    .gallery-content{top:235px;}
    .gallery-title.projects-title p.hideshow { bottom: -50px; left: 42%; }
}
@media (max-width:1024px){
.featured-services{padding-top:55px;}
.white-wrapper{padding:55px 0;}
h1.hb-title{font-size:42px;}
h2.hb-title{font-size:36px;margin-bottom:20px;}
h3.hb-title{font-size:32px;margin-bottom:20px;}
.service-tabs, .team-view{padding-top:30px;}
.service-content .tabs-content{max-width:100%;}
.choose-detail h1,.start-plan-content h2, .bd-con-detail h1{font-size:28px;line-height:30px;}
.choose-detail h1 span,.start-plan-content h2 span, .bd-con-detail h1 span{font-size:36px;line-height:38px;}
.choose-layer{min-height:515px;}
.choose-line {height: 415px;top: 50px;left: -104px;}
.pricing-grids{margin-bottom:20px;}
.testimonial-body h3{font-size:20px;line-height:24px;}
.companies-logo ul li{width:25%;}
.gallery-content .tabs-content{max-width:725px;}
.gallery-box {max-width: 350px;}
.gallery-content .tab-content.active .gallery-box{max-width: 450px;}

}
@media (max-width:991px){
.responsiveGallery-container {height: inherit;padding-bottom: 38px;}
.testi_block h3, .blog-list h2{font-size:24px;}
.testi_block span{font-size:18px;}
.projects-title{max-width:738px;padding-top:15px;margin-bottom: 60px;}
.projects-title:after {height:45px; border-top-width:45px;border-right-width:369px;border-left-width:369px;position: absolute;bottom: -45px;left: 0px;}
.projects-title h4.hb-title,  .start-plan-content h2{font-size:20px;line-height:22px;}
.projects-title .hb-title span,  .start-plan-content h2 span{font-size:28px;}
.ourclient-section{padding:5px 0;}
.signup-rectangle{max-width: 738px;}
.signup-rectangle:after {height: 55px;border-right-width:369px;border-left-width:369px;border-bottom-width:55px;top: -55px;}
.signup-emailicon{top:-92px;}
.signup-emailicon img{max-width:75px;}
ul.footer-social li{margin:0 8px;}
ul.footer-social li a{font-size:20px;line-height:34px;}
.copyright{padding:16px 0}
.copyright p{font-size:16px;}
.banner{max-height:280px;}
ul.process-view {max-width: 700px;float: none;display: block;margin: 0 auto;}
.process-four .ellipse_shape:after {right: 48px;width: 40px;}
.process-four .ellipse_shape:before{left:-59px;}
.process-two{padding-left:60px;}
ul.process-view li.first_line .border-line{min-height:229px;}
.process-four{padding:0px 40px 0px 80px;}
.process-three{max-width:285px;padding:55px 60px 12px 0px;}
.planning-detail h2{font-size:28px;line-height:30px;}
.planning-detail h2 span{font-size:34px;}
ul.blog_tag li{margin-right:16px;}
.gallery-wrapper .desktop-img{display:none;}
.gallery-wrapper .ipad-img{display:block;}

}
@media (max-width:867px){
.home-slider .desktop-img{display:none;}
.home-slider .ipad-img{display:block;}
.testi_block{text-align:center;}
.testi_block figure{float:none;display:inline-block;}
.testi_name{width:100%;}
.projects-award {width: 235px;height: 235px;border-width: 10px;}
.planning-layer{width:50%;}
.bd-con-layer{min-height:520px;}
.bd-line {height: 320px;top: 90px;left: -100px;}
.get-in-touch-content{padding:28px 16px;}
.sidebar_menu ul li a{font-size:14px;}

}
@media (max-width:767px){
header{padding:15px 5px;}
.site-intro {width: 310px;height: 310px;border-width: 10px;}
.home-caption h1, h1.banner-title{font-size:26px;line-height:30px;}
.home-caption h2{font-size:16px;line-height:21px;}
.nav-icon{width:34px;}
.nav-icon span{width:100%}
ul.utility_menu li a{font-size:14px;font-family: 'azo_sansmedium';}
ul.utility_menu li:before{font-size:12px;margin:0 2px;}
.logo{margin-left:18px;}
.choose-layer{width:340px;}
.projects-title{max-width:610px;}
.projects-title:after {height:45px; border-top-width:45px;border-right-width:305px;border-left-width:305px;}
.projects-award {width: 300px;height: 145px;border-width: 10px;border-radius: 43px;}
.award-intro{border-radius:33px;}
.projects-title p{font-size:12px;line-height:14px;}
h1.hb-title{font-size:36px;}
h2.hb-title{font-size:28px;margin-bottom:20px;}
h3.hb-title{font-size:24px;margin-bottom:20px;}
.white-wrapper {padding: 35px 0 15px 0;}
.signup-rectangle{max-width: 610px;padding-bottom:15px;}
.signup-rectangle:after {border-right-width:305px;border-left-width:305px}
.signup-rectangle h5{font-size:16px;line-height:21px;margin-bottom:12px;}
.signup-rectangle h5 span{font-size:18px;}
.signup-rectangle .button, .start-plan-content .button{font-size:16px;padding:6px 20px}
.process_control{padding:0px;}
ul.process-view, ul.process-view li, ul.process-view li.first_line .border-line{width:100%;float:left;max-width:100%;}
.process_wrapper{padding-left:15px;padding-right:15px;}
ul.process-view li{border-left:6px solid #a09f9f; padding-left:85px !important;padding-right:0px !important; }
ul.process-view li.second_line:after, ul.process-view li.third_line:after, ul.process-view li.first_line:after{display:none;}
ul.process-view li.third_line .border-line, ul.process-view li.second_line .border-line{border-width:0px;}
.pro_line:before{display:none;}
.process-one, .process_wrapper, .process-two, .process-three, .process-four, .process-five{padding-top:0px;padding-bottom:30px;}
.process-one, .process-two, .process-three, .process-four, .process-five{width:100%;}
.process-one p, ul.process-view li p{max-width:100%;}
.ellipse_shape, .process-one .ellipse_shape, .process-two .ellipse_shape, .process-four .ellipse_shape, .process-five .ellipse_shape{width: 40px;height: 40px;border-width: 4px;left: -108px;bottom: 0px ;top: 9px;right:inherit;margin-top:0px;}
.start-border, .finish-border{width:60px;height:60px;left:-14px;top:-14px;}
.ellipse_shape span{width:16px;height:16px;left:8px;top:8px;}
.ellipse_shape:after,.process-four .ellipse_shape:after, .process-five .ellipse_shape:after{width: 35px;height: 4px;bottom: 14px;left: 35px;top:initial;margin:0px;}
.ellipse_shape:before ,.process-four .ellipse_shape:before, .process-four .ellipse_shape:before,.process-five .ellipse_shape:before{width: 16px;height: 16px;left: 70px;top: 8px;margin:0px;}
.process-three,.process-four, .process-five,.process-one,.process-two{padding-left:85px;}
.process-three, .process-four, .process-five{position:relative;max-width:100%;padding-right:0px;left:0px;top:0px;bottom:0px;webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.process-three figure{top: 0px;left: 0px;right:inherit;}
ul.process-view li.second_line{width:100%;float:left;}
ul.process-view li.first_line .border-line, ul.process-view li.second_line .border-line, ul.process-view li.third_line .border-line{min-height:inherit}
.process-five figure img{max-width:60px;}
.process-one figure img{max-width:75px;}
.process-seven{padding:0px 0 0 85px;;}
ul.process-view li.first_line .process-one:after {width: 6px;height: 100%;left: -91px;top: 9px;}
ul.process-view{padding-bottom:0px;}
ul.process-view li.third_line .border-line{padding:0px;}
.planning-detail h2{text-transform:capitalize;}
ul.web-content:before, .web_list:after, .web_icon:after, ul.web-content:after{display:none;}
.web_icon{margin-bottom:26px;}
.web_list{padding:10px 0;}
.web_icon, .web_desc{width:100%;padding:0 20px;text-align:center;}
ul.web-content li:nth-child(even) .web_icon, ul.web-content li:nth-child(even) .web_desc{padding:0 20px;text-align:center;}
ul.web-content{padding-top:0px;}
.webvector-layer{margin-top:15px;}	
.webvector-layer img {max-width: 385px;}
.bd-con-layer{width:60%;}
.companies-logo ul li{width:33.33333%;}
.contact-form-content > .row .small-12.columns, .inner_container .left_panel, .inner_container .right_panel{width:100%;}
.right_panel .side_panel{float:none;margin:0 auto;margin-top:20px;}
.blog-list{padding-bottom:25px;margin-bottom:25px;}
.blog-list a.button{margin-top:0px;}
.gtab-title h3 {width: 135px;font-size: 18px;line-height: 24px;padding: 8px 20px;}
.gtab-title h3:after{border-bottom-width:40px;height:40px;}
.gallery-content .tabs-content {max-width:610px;}
.gallery-box{max-width:300px;}
.gallery-content .tab-content.active .gallery-box {max-width: 400px;}
.logo img {max-width: 215px;}

}
@media (max-width:639px){
header {background: #464747;}	
.intro-slider,.banner{margin-top: 0px;}
.intro-overlay{padding-top:0px;}
ul.utility_menu li a, ul.utility_menu li:before, .home-page ul.utility_menu li a, .home-page ul.utility_menu li:before{color:#fff;}
.logo{padding-top:6px}
.logo img{max-width:175px;}
.sidebar ul.dropdown li a{padding:6px 14px;}
.sidebar-footer{padding:24px 20px;}
ul.utility_menu li.cart-icon a{font-size:16px;padding:7px 15px;}
.service-view ul li.medium-4{width:33.33333%;}
.service-view ul li.medium-6,ul.service_list li.tabs-title{width:50%;}
ul.service_list li:nth-child(4n){margin-bottom:30px;}
.service-content{padding:24px 0 16px 0;}
.service-content h2{font-size:24px;line-height:28px}
.service-content span{font-size:30px;line-height:36px;}
.projects-title{max-width:540px;margin-bottom: 50px;}
.projects-title:after {height:35px; border-top-width:35px;border-right-width:270px;border-left-width:270px;position: absolute;bottom: -35px;left: 0px;}
.projects-title .hb-title span{font-size:20px;display:inline-block;}
ul.service_list li.tabs-title, ul.team_list li.tabs-title{padding:0 10px;margin-bottom:20px;}
.testi_block{border:none;}
.signup-rectangle{max-width: 540px;}
.signup-rectangle:after {border-right-width:270px;border-left-width:270px}
.ourclient-section:after { width: 540px;height: 55px;border-left-width:270px;border-right-width:270px;border-top-width:55px; bottom: -55px;margin: 0 auto;}
.signup-section{padding-top:170px;}
.planning-layer {width: 300px;}
.testimonial-body {padding: 30px 20px 15px 0;max-width:100%;}
.testimonial-desc:before{top:25px;}
.testimonial-list figure{padding-left:0px;}
.team-content{padding:10px 10px 10px 20px;}
.vprojects-detail{position:static;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.gallery-content .tabs-content {max-width:490px;}
.gallery-box{max-width:200px;}
.gallery-content .tab-content.active .gallery-box {max-width: 300px;}
.app-container .content-container .side-body.padding-top{padding-top:76px;}
    .gallery-title.projects-title p.hideshow { bottom: -40px; left: 40%; }

}
@media (max-width:567px){
ul.utility_menu li.search-icon{margin-left:10px;}
ul.utility_menu li.cart-icon a{font-size:0px;}
ul.utility_menu li.cart-icon a em{margin:0px;line-height:30px;}
.home-caption .button {font-size: 16px;width: auto;padding: 6px 15px;}
.site-intro{width:275px;height:275px;}
.home-caption h2, .service-list h6{font-size:14px;}
.choose-wrapper, .builder_content{padding-top:125px;}
.choose-layer, .bd-con-layer{width:100%;}
.choose-layer:before, .choose-line, .bd-con-layer:before,.bd-line {left: 0px;right:0px;margin:0 auto; -webkit-transform: rotate(0deg)-ms-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.choose-layer:before,.bd-con-layer:before{width:80%;height:6px;top:-6px;}
.choose-line, .bd-line{width:50%;height:8px;top:-12px;}
.ellipse-circle{left:50%;top:-7px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
ul.liststyle-plus{padding-left:0px;}
ul.liststyle-plus li{padding:5px 0 5px 20px}
.choose-detail h1 {font-size: 22px;line-height: 24px;}
.choose-detail h1 span {font-size: 28px;line-height: 30px;}
.projects-title,  .signup-rectangle{max-width:460px;}
.projects-title:after,.signup-rectangle:after {border-right-width:230px;border-left-width:230px;}
.album-nav {max-width: 350px;}
.gallery_album ul.album-for li img{width:100%;max-width:inherit;height:340px;}
.copyright p{width:100%;text-align:center;font-size:14px;margin-bottom:8px;line-height:19px;}
ul.footer-social{width:100%;text-align:center;}
.ourclient-section:after { width: 460px;border-left-width:230px;border-right-width:230px;}
.form_box form input[type="submit"]{font-size:16px;padding:10px 15px}
.companies-logo ul li{width:50%;}
.contact-map{height:230px;}
.get-in-touch .heading, .contact-form-content h3{font-size:28px;padding:16px 0;margin-bottom:0px}
.contact-form-content, .inner_container{padding:35px 0;}
.blog-list figure{max-height:inherit;}
.blog-list figure figcaption{position:static;}
.blog-list h2{font-size:20px;line-height:24px;}
.gallery-content .tabs-content {max-width:370px;}
.gallery-box{max-width:150px;}
.gallery-content .tab-content.active .gallery-box {max-width: 250px;}
.gallery-content{top:210px;}

h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:23px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:15px;}

.gtab-title h3{width:auto; font-size:14px;padding:4px 12px;line-height:21px;font-family: 'azo_sansregular';}
.gtab-title h3:after {border-bottom-width: 29px;height: 29px;}
}
@media (max-width:479px){
header{text-align:center;padding: 10px 0px;}
.logo{margin:0px;float:none;display:inline-block}
ul.utility_menu li.cart-icon{float:right;}
ul.utility_menu li a{line-height:35px;}
ul.utility_menu{width:100%;padding-top:15px;}
.home-slider .ipad-img {max-width: inherit;width:100%; height: 315px;}
ul.utility_menu li.search-icon{width:35px;height:35px;}
ul.utility_menu li.cart-icon a{width:35px;height:35px;padding:7px 5px;text-align:center;}
ul.utility_menu li.cart-icon a em{font-size:17px;line-height:15px;}
ul.utility_menu li.search-icon a{line-height:35px;}
.search-box {top: 225px !important;}
.search-box input[type="submit"]{width:25%;padding:10px 5px;}
.search-box input[type="text"]{width:75%;}
.service-view{padding:15px 0;}
.service-view ul li.medium-4,.service-view ul li.medium-6,ul.team_list li.tabs-title{width:50%;}
.service-view ul li{margin-bottom:20px;}
.service-view ul li:nth-child(5n+5){width:100%;}
.projects-title h4.hb-title,.projects-title h4.hb-title span, .contentinfo h6{font-size:18px;}
.projects-title{max-width:300px;padding:12px 8px 0 8px;}
.projects-title:after,.signup-rectangle:after {border-right-width:150px;border-left-width:150px;}
.service_list figure h6{font-size:12px;line-height:32px;}
.service_list figure h6:after{height:32px;border-bottom-width:32px;}
.signup-rectangle{max-width:300px;}
.ourclient-section:after { width: 300px;border-left-width:150px;border-right-width:150px;}
.banner-caption{width:300px;height:auto;border-width:10px;}
.team-title{padding:20px 0 10px 0;}
.form_box{padding:28px 28px;}
.form_box h6{font-size:14px;margin-bottom:8px;}
.form_box h6.margin-t30{margin-top:12px;}
.form_box form .text_field{height:36px;line-height:20px;padding:8px 12px;margin-bottom:12px;}
.form_box form .select_field{height:36px;background-size:36px;margin-bottom:12px;}
.form_box form textarea.text_field{height:105px;}
.gallery_tabs li{width:130px; padding: 6px 15px;}
.gallery-content {top: 185px;}
.app-container .content-container .side-body.padding-top{padding-top:116px;}
    .gallery-title.projects-title p.hideshow { bottom: -40px; left: 35%; }
}
@media (max-width:413px){
.gallery-title.projects-title  p{display:none;}
.gallery-content .tabs-content {max-width:340px;}
.gallery-box{max-width:150px;}
.gallery-content .tab-content.active .gallery-box {max-width: 250px;}
.gallery-content{top:135px;}
}

@media (max-width:374px){
.service_list figure h6{font-size:11px; padding:0 0 0 10px}
.form_box{padding:22px 18px;}
.contentinfo .small-6.column{width:100%;text-align:center;}
.contentinfo p.address{margin:0 auto;margin-bottom:20px;}
.gtab-title h3{font-size:10px;}
.gallery-content .tab-content{top:12px;}
.gallery-content .tabs-content {max-width:300px;}
.gallery-box{max-width:175px;}
.gallery-content .tab-content.active .gallery-box {max-width: 200px;}

}