.navbar-brand>img{width: 70%;}
.navbar-brand{ font-size: 31px;margin-top: 18px; }
.navbar-default .navbar-collapse{margin-top: 18px;}
.tp-caption{text-align: center;}

.cutoffbgimg{background-size: cover!important;position: absolute;height: 400px;right: 0;background-repeat: no-repeat !important;top: 0;}
.cutoffcontent{padding: 0 40px;}
.afterbox-container {position: relative;}
#footer .menu li:before {content: '\f101';font-family: fontAwesome;margin-right: 5px;color: #FFEB3B;}
#footer .menu li{list-style: none;}
.footer-bottom{background:#353535;color: #fff;clear: both;}
.footer-bottom h4{font-size: 24px; border-bottom: 1px solid #ddd;padding: 10px 0;margin-bottom: 20px;color: #fff;}
.footer-bottom ul li{font-size: 18px;}
.footer-bottom li a{color: #fff;}
.owl-nav .fa{background: #ddd;padding: 16px;font-size: 16px;}
.owl-prev,.owl-next{margin-right: 10px; float: left;}

.afterthreebox .row{padding: 0;margin:0;}

header .device-container{margin-top: 230px !important;}
.device-container video{margin-bottom: 0;}
header video#front-poster {width: 100%;}
header .screen{border: 1px solid #fff; padding:20px;}
#retina-section{background: #ac3834;color: #fff}
.retina-container{display: flex;}
#retina-section .retina-leftimg{background-size: cover !important;height: auto;vertical-align: middle;background-position: center center !important;background-repeat: no-repeat !important;background-attachment: scroll !important;}
#retina-section h2{margin-bottom: 20px}
#retina-section .retina-rightcontent{padding:10%;}
li{font-size: 18px;}
section {padding: 50px 0;}
.btn-outline.btn-inverse {color: white;background-color: #ac3834;border-color: #ac3834;}
.btn-outline.btn-inverse:hover{background-color: transparent;border-color: #000;color: #000}
.purposeleft-content{float: right;text-align: left;}
.purposeleft-img{float: left;}
.clear{clear: both;}
#map-container{background: #f1f1f1;color: #fff}
.no-padding{padding: 0;}
.map-block{vertical-align: top;padding: 90px 50px 145px 50px;background-color: #ac3834;}
.email-block{vertical-align: top;padding: 90px 50px 90px 50px;background-color: #b14642;}
.phone-block{vertical-align: top;padding: 90px 50px 145px 50px;background-color: #b95451;}
.fix-icon {position: absolute;top: 30%; font-size: 30px;}
.white{color: #fff;font-size: 30px;}
.address-block a{color: #fff;}
.address-block{position: relative;}
.address-block h3 {margin-top: 0;padding-top: 0;margin-left: 50px;}
.address-block p {margin-left: 50px;}
.gray{color: #888; font-size: 30px;}
.white{color: #fff; font-size: 30px;}
.features-block{position: relative;border-left: 1px solid #ddd;}
.features-block .fix-icon{top:0;}
.features-block h3 {margin-top: 0;padding-top: 4px;margin-left: 50px;font-size: 18px;font-weight: 600;text-transform: uppercase;margin-bottom: 10px;}
.features-block p {margin-left: 50px;}
.header-content{height:auto !important;position: absolute !important;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center !important;width: 100%;}
header .header-content .header-content-inner{position: relative !important;}
#video_overlays {position: absolute;background-color: rgba(0, 0, 0, 0.46);z-index: 2;left: 0;right: 0;top: 0;bottom: 0;}
#video_box{position: relative;}
.header-content{z-index: 3;}
embed, iframe, object, video{margin-bottom: 0 !important;}
.parallax .image-section{display: table;width: 100%;background-attachment: fixed;background-color: #fff;background-position: 50% 0px;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: relative;}
.parallax .parallax-content{text-align: center;position: absolute;left: 0;right: 0;margin: 100px auto;max-width: 80%;padding: 50px;}
.hairservice-list table{padding: 20px;}
.hairservice-list h1{color: #fff;}
.hairservice-item ul li span.left{float: left;text-align: left;}
.hairservice-item ul li{list-style: none;display: inline-block;width: 100%;}
.hairservice-item ul li span.right{float: right;text-align: right;}
h3.hairservice-item-title{color: #fff;font-weight: bold;margin-bottom: 15px; }
.hairservice-item.col-md-4 {background: #ac3834;padding: 30px;min-height: 370px;box-shadow: 0 0px 20px rgba(0,0,0,0.19), 0 0px 6px rgba(0,0,0,0.23);color: #fff;}
.image-section:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(to bottom right,#002f4b,#dc4225);opacity: .6;}

/*overlayrow*/
.topbox-container{background: #fff;}
section.overlay-boxes{padding-bottom: 0;}
.overlay-boxes{display: table;table-layout: fixed;width: 100%;margin-top: -280px;z-index: 3;position: relative;}
.accent.fa{font-size: 40px;color: #ac3834;}
.topbox-container .topboxes{padding: 60px 30px;min-height: 300px;}
.middlebox{ position:relative;box-shadow: 0 0px 20px rgba(0,0,0,0.19), 0 0px 6px rgba(0,0,0,0.23);}
.leftbox,.rightbox{box-shadow: 0 0px 3px rgba(0,0,0,0.19), 0 0px 3px rgba(0,0,0,0.23);}
.middlebox:before, .middlebox:after{content:"";position:absolute;bottom:0;top:2px;left:15px;right:15px;z-index:-1;border-radius:100px/30px;-webkit-box-shadow:0 0 30px 2px #d1d1d1;-moz-box-shadow:0 0 30px 2px #d1d1d1;box-shadow: 0 0 30px 2px #d1d1d1;}
.col-md-12.topbox-container{padding-right: 0 !important;padding-left: 0 !important;display: flex;}
.topboxes h3 {font-weight: bold;font-size: 20px;padding: 10px 0;}
.topboxes p{margin-bottom: 30px;}
.rev_slider .slotholder:after {width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;pointer-events: none;/* black overlay with 50% transparency */background: rgba(0, 0, 0, 0.5);}
.rs-background-video-layer:before {display: block;position: absolute;top: 0;right: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);content: " ";z-index: 99999;}


/*innerpage*/
.innerpage-header {position: absolute;top: 50%;width: 100%;margin: 0 auto;text-align: center;z-index: 1;}
.page-header-title {color: #fff;font-size: 30px;text-transform: uppercase;}


/*device page*/
.features-decription{background:#eee;}
.features-container{display: flex;}
.features-decription-image {background-size: cover !important;height: auto;vertical-align: middle;background-position: center center !important;background-repeat: no-repeat !important;background-attachment: scroll !important;}
section.features-decription{padding: 0;}
.features-decription-text{padding: 80px;}
.service-section{padding: 0;}
.service-container{display: flex;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.service-block{position: relative;margin-bottom: 20px;min-height: 350px}
.service-block h3 {margin-top: 0;padding-top: 0;margin-bottom: 10px;font-size: 18px;font-weight: 600;text-transform: uppercase;}
.service-block p{margin-left: 0;}
.service-block .fix-icon{top:0;position: static;margin-bottom: 20px;}
.service-left{background: #f2f3f4;padding: 80px}
.service-decription {background: #222222;color: #fff;padding: 80px}
.service-content{padding: 100px 0}
.service-content h2,.purposeleft-content h2{margin-bottom: 20px;}
.service-section .row, #retina-section .row,.features-decription .row{margin: 0;}


/*gravity form*/
.gform_wrapper ul li.gfield{clear: none !important;}
.gfield_label{display: none !important;}
.gform_wrapper .large {padding: 15px !important;margin-bottom: 15px;font-size: 16px !important;}
.gbutton{margin: 0 15px;}
/*animation*/
.hiddenClass{visibility: hidden;}
.visibleClass{visibility: visible;}
/*callout*/
#callout{background: #353535;color: #fff;padding: 70px 0}
.callout-text a{color: #FFEB3B;}
.callout-text a:hover{text-decoration: none;}
.callout-text p{margin-bottom: 0;}
.callout-button a{text-align: right; float: right;}

.tp-caption h1{margin-bottom: 20px;}
.tp-caption p{margin-bottom: 30px;}

section.portfolio{padding-bottom:0; overflow: hidden;}
.col-md-3 .portfolio-item{padding: 5px;background-size: cover !important; background-repeat: no-repeat !important;background-position: center center!important; height: 400px;position: relative;overflow: hidden;}
.portfolio-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;text-align: center;background-color: rgba(0, 0, 0, .5);display: none;}
.portfolio .row{margin: 0;}
.portfolio .portfolio-container{cursor: pointer;}
.portfolio-overlay .fa{font-size: 18px;}
.portfolio-overlay a {position: absolute;top: 50%;left: 50%;background-color: #F5F5F5;width: 40px!important;height: 40px!important;margin: -28px 0 0 -44px;font-size: 18px;line-height: 40px;text-align: center;color: #444;border-radius: 50%;}
.portfolio-overlay a.right-icon {left: auto;right: 50%;margin-left: 0;margin-right: -44px;}
.portfolio-item:hover .portfolio-overlay {opacity: 1;}
.portfolio-desc {position: absolute;display: block!important;width: 100%;height: 78px;padding: 15px;top: auto;bottom: -79px;left: 0;background-color: #FFF;border-bottom: 1px solid #EEE;}
/*.portfolio-item:hover .portfolio-image img {-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}
.portfolio-image img {-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {display: block;width: 100%;height: auto;}
.portfolio-item .portfolio-image {position: relative;overflow: hidden;}*/
.portfolio .col-md-3{padding: 5px;}
.portfolio-desc {bottom: -78px;border-bottom: 0;-webkit-transition: bottom .2s ease-in-out;-o-transition: bottom .2s ease-in-out;transition: bottom .2s ease-in-out;z-index: 0;overflow:hidden;}
.portfolio-item:hover .portfolio-desc {bottom: 0!important;z-index: 3;}
.portfolio-desc h3 {margin: 0;padding: 0;font-size: 19px;font-weight: 600;}
.portfolio-desc h3 a{color: #000;text-decoration: none;}
.portfolio-desc h3 a:hover{color: #ac3834;}
.margin-bottom-30{margin-bottom: 30px;}
.error-404 header{background-color: transparent;background:transparent;}

/*service*/
.serviceImg{background-size: cover !important; background-repeat: no-repeat !important; height: 500px;position: relative;}
.service-boxes .row{margin: 0;}
section.paddingbottom-15{padding-bottom: 15px}
.service-boxes .col-md-3{padding-right: 0;}
.services-container > div:first-child {padding-left: 0;}
.services-container > div{cursor: pointer;}
.serviceImg:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.3);background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);}
.serviceImg h3{z-index: 1;color: #ffffff;font-size: 28px;}
.serviceImg:before {display: none;content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgb(172, 56, 52);background: -moz-linear-gradient(top, transparent 0%, rgb(172, 56, 52) 100%);background: -webkit-linear-gradient(top, transparent 0%, rgb(172, 56, 52) 100%);background: linear-gradient(to bottom, transparent 0%, rgb(172, 56, 52) 100%); -webkit-transition: 0.35s all ease;-o-transition: 0.35s all ease;transition: 0.35s all ease;z-index: 2;opacity: 0;}
.serviceImg figcaption {position: absolute;top: auto;bottom: 65px;left: 0;width: 100%;z-index: 10;padding: 30px 15px;background: transparent;-webkit-transform: translateY(50px);transform: translateY(50px);text-align: center;text-transform: none;vertical-align: middle;backface-visibility: hidden;-webkit-transition: 0.35s all ease;-o-transition: 0.35s all ease;transition: 0.35s all ease;will-change: transform;}
.serviceImg:hover:before {opacity: 1;display: block;}
.serviceImg:hover, .serviceImg:hover figcaption {opacity: 1;-webkit-transform: translateY(0) scale(1);transform: translateY(0) scale(1);display: block;}
section.multipurpose {padding-bottom: 0;display: table;width: 100%;}
section.multipurpose .col-md-6{display: table-cell;vertical-align: middle;float: none;}
.search-form label {display: inherit;}
.search-field{padding: 12px; font-size: 16px;}

.navbar-collapse p{color: #fff;}
li.address p {text-align: left;margin-right: -13px;font-size: 16px;}
li.phone p {text-align: right;}
li.phone strong {color: #ebe65d;font-size: 22px;}
.address-info{border-left: 1px solid #fff;padding-left: 23px;height: 50px;}
.affix .navbar-collapse p{color: #222222}
.affix .address-info{border-left: 1px solid #aaa;}
.affix li.phone strong{color: #ac3834;}
.wpcw-widget-contact .fa {color: #FFEB3B;padding-right: 15px;}
.wpcw-widget-contact ul li{padding: 5px 0 !important}

.wpcw-widget-social {margin-bottom: 0;}
.wpcw-widget-social li{text-align: center;}
.wpcw-widget-social li a {display: block;height: 50px;width: 50px;line-height: 50px;font-size: 20px;border-radius: 100%;color: white;}
.wpcw-widget-social li.social-twitter a {background-color: #1da1f2;}
.wpcw-widget-social li.social-twitter a:hover {background-color: #0d95e8;}
.wpcw-widget-social li.social-facebook-official a {background-color: #3b5998;}
.wpcw-widget-social li.social-facebook-official a:hover {background-color: #344e86;}
.wpcw-widget-social li.social-google-plus a {background-color: #dd4b39;}
.wpcw-widget-social li.social-google-plus a:hover {background-color: #d73925;}
.wpcw-widget-social ul.list-address.list-address .fa {color: #fff;padding-right: 0;font-size: 22px;}


/*portfolio singlepage*/
.blogbg{margin: 0 0 30px;background-size: cover !important; height: 400px; width: 100%; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.blog-date-and-formats {float: left;margin-right: 17px;width: 82px;text-align: center;}
.blog-post-content {margin-left: 0;font-size: 18px;}
.blog-post-content a{color: #ac3834;}
.blog-post-content a:hover{text-decoration: none;}
.blog-date-and-formats .blog-date-box {padding: 8px 0 5px;color: #fff;background-color: #ac3834;}
.blog-format-box{background-color: #eef0f2;margin-top: 3px;}
.blog-date-and-formats .blog-date {display: block;line-height: 29px;font-size: 29px;font-weight: 700;}
.blog-post-content h2{clear: none;font-size: 30px;}
.blogpost{margin-bottom: 40px;}
.blog-post-content p{font-size: 18px;}
.blog-meta-info{text-align: right;    border-bottom: 1px solid #e0dede;    padding-bottom: 25px;}
.blog-date-and-formats .blog-format-box i {display: block;line-height: 55px;font-size: 30px;color: #ac3834;}
.blogpost .overlay {display:none;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;}
.blogbg:hover .overlay {display: block;}

.blogbox .overlay {display:none;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;}
.blogicon-container:hover .overlay {display: block;z-index: 2;}
.blogbox h2{font-size: 28px;}

.blog-post-content a:hover{text-decoration: none; color: #999}
.widget input[type="search"].search-field{width: 315px !important; padding: 12px !important;}
.widget_search label{margin-bottom: 0 !important}
.search-submit:before{color: #fff; }
section.widget {padding:0;}
.widget{font-size: 16px !important}
#page .widget .widget-title {border-bottom: 4px solid #ac3834;padding-bottom: 20px;font-size: 24px;}
.widget{border-top:none !important;}
#page .widget ul li:before {content: '\f101';font-family: fontAwesome;margin-right: 5px;color: #ac3834;}
#page .widget ul.dpe-flexible-posts li:before{display: none;}
#page .widget ul.dpe-flexible-posts li {float: left;margin-bottom: 15px;margin-left: 15px;}
ul.dpe-flexible-posts a:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.30);}
ul.dpe-flexible-posts a:before {display: none;content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgb(172, 56, 52);background: -moz-linear-gradient(top, transparent 0%, rgb(172, 56, 52) 100%);background: -webkit-linear-gradient(top, transparent 0%, rgb(172, 56, 52) 100%);background: linear-gradient(to bottom, transparent 0%, rgb(172, 56, 52) 100%);-webkit-transition: 0.35s all ease;-o-transition: 0.35s all ease;transition: 0.35s all ease;z-index: 1;opacity: 0;}
ul.dpe-flexible-posts a:hover:before {opacity: 1;display: block;}
ul.dpe-flexible-posts .title {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;padding-top: 43%;z-index: 2;color: #fff;}
#page .widget ul li{position: relative; list-style: none;}
#page .widget ul li a{margin-left: 0;color: #ac3834;}
.tagcloud a:hover{text-decoration: none;}
.homeblogs,.singleblogs{float: left;width: 100%;}
.blogbox .blogicon-container {height: 350px;background-size: cover !important; background-position: center center !important;}
.blog-content a:hover,.blog-content a:focus {color:#222;text-decoration: none;}
.blogbox .blog-content{padding-left: 20px;}
.blog-content h2{border-bottom: 1px solid; margin-bottom: 40px;z-index: 1}
.homeblogs .owl-dots,.singleblogs .owl-dots{display: none;}
.postlinks {text-align: center;height: auto;width: 100%;padding: 23% 0;font-size: 50px;color: #fff;z-index: 2;}
.postlinks a:hover,.postlinks a:focus{color: #fff;}
.post-navigation,.post-navigation div + div{border: none;}
.nav-previous{float: left;}
.nav-next{float: right;}
.post-navigation a{color: #ac3834;}
.post-navigation .meta-nav{font-size: 16px;padding: 0 10px;color: #ac3834;line-height: 1.4;}
.nav-links a:hover,.nav-links a:focus{text-decoration: none;}
.nav-links a:hover .post-title,.nav-links a:focus .post-title{text-decoration: none;color: #777;}
.nav-previous .meta-nav{float: left;}
.nav-next .meta-nav{float: right;}
.widget ul{margin: 0;}
.post-navigation{border-top: 4px solid #ac3834 !important;border-bottom: 4px solid #ac3834 !important;}
.post-navigation .post-title{color: #ac3834 !important;}
.meta-nav .fa{font-size:20px !important; color: #ac3834 !important;}
.post-navigation div + div {border-top: 4px solid #ac3834 !important;}

.gallery-columns-4 .gallery-item { }


/* about page */
section.about-section{ padding: 0;position: relative;overflow: hidden;}
.about-container{ display: flex; }
.about-section .about-description{ padding: 50px!important; }
.about-section .about-image{background-size: cover !important;height: auto;vertical-align: middle;background-position: center center !important;background-repeat: no-repeat !important;background-attachment: scroll !important;}


/* 404 page */
.error-404 h1.error-404-text{ color:black;text-align: center;font-size: 50px;font-weight: 800; }

/*media*/
@media (max-width: 1199px) {
        .address-info{display: none;}
        .navbar-nav{float: right;}
        .service-block{min-height: auto}
}
@media screen and (max-width:1025px) and (min-width:769px){
    .parallax .parallax-content{max-width: 95%;}
}
@media (max-width: 991px) {
	.services-container > div:nth-child(3){padding-left: 0}
	.service-boxes .col-md-3{margin-bottom: 15px;}
}
@media (max-width: 990px) {
	section.afterthreebox{padding-bottom: 0;}
}
@media (max-width: 800px) {
	.about-section .about-image{ height:400px; }
	.about-section .about-container{ display: inherit; }
    .col-md-12.topbox-container, .service-container,.features-container,.retina-container{display: inherit}
    #retina-section .retina-leftimg, .features-decription-image{height: 400px;}
    .purposeleft-content{margin-bottom: 40px;}
    .overlay-boxes{margin-top: 0;}
    section.overlay-boxes {padding: 0;}

    .tp-loop-wrap{position: relative !important;}
    .tp-caption {white-space: normal !important;}
	.tp-caption h1 {font-size: 22px !important;line-height: 29px !important;}
	.tp-caption p {font-size: 16px !important;line-height: 1.5 !important;}
	.tp-caption a.btn.btn-outline {font-size: 12px !important;border: 1px solid #fff !important;margin-top: 30px !important;}
	.tp-caption a.btn.btn-outline:hover {border: 1px solid #ac3834 !important;}
	.tp-parallax-wrap{right: 0 !important; left: 0 !important}
	#retina-section .retina-leftimg{margin-bottom: 30px; width: 100%;}
    section.multipurpose .col-md-6{display: block;}
    .purposeleft-img{float: none;}
}
@media (max-width: 767px) {
	.navbar-default .navbar-collapse{margin-top: 20px;background: #fff;}
	.navbar-fixed-top .navbar-collapse {max-height: 390px;}
	.address-info{height: auto;}
	.navbar-brand{width: 70%;}
	.navbar-brand>img {width: 33%;}
	.navbar-default .navbar-toggle{margin-top: 20px;}
	.cutoffcontent{margin-bottom: 50px;}
	li.phone p {text-align: left;}
	.collapse.in li.phone p,.collapse.in li.address p {color: #222;}
	.cutoffbgimg {position: relative;width: 100%;background-size: contain !important;vertical-align: middle;background-position: center center !important;background-repeat: no-repeat !important;background-attachment: scroll !important;}
	.cutoffcontent{margin-bottom: 30px;}
    .navbar-nav{float: none;}
    li.address p{margin-right: 0;}
    .address-info{display: block;}
}
@media (max-width: 640px){
	.gallery-columns-4 .gallery-item {max-width: 33% !important;}
}
@media (max-width: 480px){
	.gallery-columns-4 .gallery-item {max-width: 50% !important;}
    .parallax .parallax-content{ max-width: 100%; }
    .hairservice-item.col-md-4{ padding: 20px;}
    .parallax .parallax-content{padding:35px;}
}
@media (max-width: 380px){
	.gallery-columns-4 .gallery-item {max-width: 100% !important;}
    .parallax .parallax-content{padding:25px;}
}