/* ----------------------------------------------------
	1. GENERAL
	2. HEADER
	3. SLIDER
	4. SECTION
	5. FOOTER
	6. PORTFOLIO
	7. BLOG
	8. SHOP
	9. BOOK NOW FORM
	10. MODULES
	11. COLORS
	12. RESPONSIVE
	13. OTHERS

------------------------------------------------------- */  

/* GENERAL */

	@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
	@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

	@font-face {
	  font-family: 'BebasNeue';
	  src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),  
	  		url('fonts/BebasNeue.otf')  format('opentype'),
		    url('fonts/BebasNeue.woff') format('woff'), 
		    url('fonts/BebasNeue.ttf')  format('truetype'), 
		    url('fonts/BebasNeue.svg#BebasNeue') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	body {
		background: #f7f8fa;
		color: #777777;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 0;
		font-weight: 300;
		padding:0;
		font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	h1,h2,h3,h4,h5,h6{ 
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		line-height: 1.2em;
		color:#242424;
	}

	#checkout fieldset legend {
		padding-left: 0 !important;
	}

	fieldset legend {
		padding-left: 16px !important;
	}
	h1{
		font-size: 44px; 
	}
	h2{
		font-size: 34px; 	
	}
	h3{
		font-size: 28px; 
	}
	h4{
		font-size: 22px; 		
	}
	h5{
		font-size: 18px; 		
	}
	h6{
		font-size: 14px;  	
	}
	a {
		color:#F3C61D;
	    -webkit-transition: all 300ms ease-out 0.2s;
	    -moz-transition: all 300ms ease-out 0.2s;
	    -o-transition: all 300ms ease-out 0.2s;
	    transition: all 300ms ease-out 0.2s;
	  text-decoration: none;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color:#fff !important;
		text-decoration:none !important; 
	}
	img.aligncenter{
		display:block;
		text-align:center;
		margin:0 auto 20px auto;
		padding:0px;
		border:0px;
		background:none;
	}
	img.alignleft{
		float:left;
		margin: 6px 20px 6px 0;
		display: inline;
		border:0px;
		background:none;
		padding:0;
		display:block;
	}
	img.alignright{
		padding:0;
		float:right;
		margin: 6px 0 6px 20px;
		border:0px;
		display:block;
		background:none;
	}
	.lead,
	blockquote {		 
		font-size:16px;
		line-height: 32px;
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-weight:normal;
		font-style:italic;	   
		position:relative;  
		width:auto;
	}
	blockquote small {
		display: block;
		margin-top: 20px;
	}
	pre {
		line-height:18px;
		margin-bottom:18px;
	}
	.btn,
	a {
		outline:0 !important;
		text-decoration: none !important;
	}
	ins {
		text-decoration:none;
	}
	sup {
		bottom: 1ex;
	}
	sub {
		top: .5ex;
	}
	p{
		padding:0 0 20px 0;
	}	
	.media-element {
		margin-bottom: 10px;
	}
    .float-none {float:none !important;display:block;margin:0 auto;}
	.check li:before {
		content: "\f105";
		font-family: "FontAwesome";
		font-size: 13px;
		left: 0;
		color:#F3C61D;
		padding-right:5px;
		position: relative;
		top: 0px;
	}
	.check2 li,
	.check li {
		list-style:none;
	}
	.check2 li {
		line-height: 1.9;
		margin-bottom: 0;
		font-size: 13px;
	}
	.check2 {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.check {
		margin-left:0; 
		padding-left:0
	}

	.quote-post {
	    background: #f7f8fa none repeat scroll 0 0;
	    padding: 20px;
	    position: relative;
	}
	.quote-post blockquote {
	    border-left: 0 none;
	}
	.quote-post::after {
		content: "\f10e";
	    display: block;
	    font-family: "FontAwesome";
	    font-size: 41px !important;
	    opacity: 0.1;
	    position: absolute;
	    right: 3%;
	    top: 15%;
	}

	.drop-caps p:first-child::first-letter {
	    color: #242424;
	    display: block;
	    float: left;
	    font-family: Georgia;
	    font-size: 75px;
	    line-height: 60px;
	    margin-right: 10px;
	    margin-top: 5px;
	    padding: 4px;
	}
	.drop-caps.full p:first-child::first-letter {
	    background: #242424 none repeat scroll 0 0 !important;
	    color: #fff;
	    margin-right: 10px;
	    padding: 7px;
	}
	
	/****   WhatsApp   ****/
.btn-whatsapp {
    display: block;
    width: 306px;
    height: 100px;
    position: fixed;
    right: 5vw;
    top: 20vh;
    line-height: 80px;
    text-align: center;
    z-index: 10000;
}
	

/* ----------------------------------------------------
	HEADER
------------------------------------------------------- */

	.social a {
		background: #000;
		color: #fff;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		display: inline-block;
	}

	.social a:hover {
		color:#ffffff !important;
	}

	.topbar {
		position: relative;
		padding:8px 0;
		display: block;
		font-size: 13px;
		background: #0c0c0c;
	}

	.topbar span {
		color:#fff;
		margin-right: 16px;
	}

	.topbar span i {
		margin-right: 5px;
	}

	.topbar p {
		padding:0;
	}

	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {
		position: static;
	}
	.yamm .container {
		position: relative;
	}
	.yamm .dropdown-menu {
		left: auto;
		margin-top: 20px;
	}
	.yamm .yamm-content {
		padding: 20px 30px;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu {
		left: 0;
		border:0;
		box-shadow: none;
		right: 0;
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 28px;
	}
	.header-section {
		padding:3em 0 ;
		display: block;
		z-index: 999;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		background-color: #0c0c0c;
		background-color: rgba(12, 12, 12, 0.6);
	}
	.header-section.relative {
		background-color: #0c0c0c;
		background-color: rgba(12, 12, 12, 1);
	}
	.dropdown-menu {
		border-radius: 0;
	    background: #fff;
	    border:1px solid #ebebeb;
	    box-shadow:none;
	    padding:0 !important;
	}
	.dropdown-menu li  {
		padding:8px 3px !important;
		border-bottom:1px solid #faefe0;
	}
	.dropdown-menu li:last-child {
		border-bottom: 0;
	}
	.dropdown-menu > li > a {
		font-size:13px;
		text-transform:none;
		color:#242424;
		letter-spacing: 0;
	}
	.yamm .dropdown-menu.menu-bg {
	    left: auto;
	    background: url(upload/menu_01.png) no-repeat right bottom #fff;
	}
	.white-bg{
	    right: auto;
	    background: url(images/white-bg.png) no-repeat left top #fff;
	}

	.white-bg-pricing {
	    left: auto;
	    background: url(upload/pricing.png) no-repeat right top #fff;
	}
	.btn-default,
	.btn-default:hover,
	.btn-default:focus,
	.custom-section .btn-default,
	.custom-section .btn-default:hover,
	.custom-section .btn-default:focus,
	.btn-slider:hover,
	.btn-slider:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background: none;
		background-color: transparent;
	}
	.navbar-brand {
		padding:0;
	}
	.navbar-nav {
		font-size: 14px;
		padding:0 0 0 10px;
	}
	.navbar-default {
		background-color: #fff;
		border:0;
		background: none;
		box-shadow: none;
	}
	.navbar-default{
		margin-bottom: 10px;
	}
	.yamm .label {
	    border-radius: 0.4px;
	    color: #fff;
	    display: inline;
	    font-size: 11px;
	    font-weight: 300;
	    text-transform: none;
	    line-height: 1;
	    padding: 0.1em 0.4em 0.2em;
	    text-align: center;
	    vertical-align: super;
	    margin-left: 3px;
	    white-space: nowrap;
	    font-family: arial;
	}
	.yamm-content li {
		border:0;
		font-size: 13px;
		padding:5px 10px 0 0 !important;
	}
	.yamm-content p,
	.navbar-default .navbar-nav > li > a {
	    color: #ffffff;
	    font-family: "Oswald",arial,serif;
	    font-weight: normal;
	    letter-spacing: 0;
	    text-transform: uppercase;
	    line-height: 140% !important;
	    position: relative;
	}
	.yamm-content p {
	    color: #242424;
	    padding-left: 0 !important;
	    font-size: 16px;
	    padding-bottom: 5px;
	    padding-top:10px;
	    font-weight: 400 !important;
	}
	.yamm-content li a {
		color:#242424;
	}
	.yamm-content li p.check {
		content: "" !important;
	}
	

/* ----------------------------------------------------
	SLIDER
------------------------------------------------------- */

	.boxedcontainer {	
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}
	.tp-banner-container{
		width:100%;
		z-index: 1;
		position:relative;
		padding:0;
	}
	.tp-banner{
		width:100%;
		position:relative;
	}
	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}
	.tp-bannertimer {
		display: none;
	}
	.slider_02,
	.tp-caption.slider_02 {
		position:absolute;
		color:#fff;
		font-size:16px;
		line-height:28px;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_01,
	.tp-caption.slider_01 {
		position:absolute;
		color:#fff;
		font-family: 'BebasNeue';
		font-size:46px;
		line-height:54px;
		text-transform: uppercase;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_03,
	.tp-caption.slider_03 {
		position:absolute;
		color:#fff;
		font-family: 'BebasNeue';
		font-size:116px;
		line-height:1.1;
		text-transform: uppercase;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_03 span {
		font-size: 16px;
		font-family: "Arial",arial,serif;
	}

	.rcw-form .btn-primary,
	.btn-primary,
	.btn-default,
	.custom-section .btn-default,
	.btn-slider {
	    padding: 10px 34px !important;
	    border-radius: 0;
		font-family: "Oswald",arial,serif;
	    text-decoration: none;
	    background-color: transparent;
	    text-transform: uppercase;
	    font-size: 14px !important;
		border: 1px solid #fff;
	    margin:0 5px;
	    font-weight: 400;
	}
	.btn-slider {
		border: 1px solid #fff !important;
	}
	.btn-default {
		border: 1px solid #242424;
	}
	.custom-section .btn-default {
		color:#ffffff !important;
	}
	.absolute-buttons {
		position: absolute;
		left: 0;
		right:0;
		margin:auto;
	}

/* ----------------------------------------------------
	SECTION STYLES
------------------------------------------------------- */
	
	.boxed {
	    background-attachment: fixed;
	    background-image: url(upload/parallax_01.jpg);
	    background-position: left top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.boxed #wrapper {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.boxed #wrapper .header-section {
		max-width: 1200px;
		margin: 0 auto;
		left:auto;
		right: auto;
	}
	@media (min-width: 768px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 750px;
	  }
	  .text-to-right h2, .text-to-right p, .text-to-right a {text-align:right !important;}
	}
	@media (min-width: 992px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 970px;
	  }
	}
	@media (min-width: 1200px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 1200px;
	  }
	}

	.page-title-section,
	.custom-section,
	.grey-section,
	.white-section {
		background-color: #ffffff;
		position: relative;
		display: block;
		padding:90px 0;
		width: 100%;
		z-index: 10;
	}
	.custom-parallax {
		background-color: #ffffff;
		display: table;
		padding:90px 0;
		width: 100%;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
	.grey-section {
		background-color: #f7f8fa;
	}
	.module-title h4 {
		font-size:28px;
		padding-bottom: 0;
		font-family: 'BebasNeue';
	}
	.module-title {
		margin-bottom: 30px;
		display: block;
		position: relative;
		border-bottom:2px solid #f7f8fa;
	}
	.module-separator {
	    background-color: #242424;
	    display: block;
	    height: 2px;
	    margin: 10px 0 -2px;
	    position: relative;
	    width: 40px;
	}
	.module img {
		width: 100%;
	}
	.text-center .module-separator {
	    margin: 10px auto -2px;
	}
	.fullscreen {
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: sub;
		z-index: 99;
		color: #fff;
	}
	#footerparallax {
		background-image: url(barberia-y-peluqueria/parallax_footer.jpg);
	}
	#contactoparallax {
		background-image: url(barberia-y-peluqueria/barberia-poniente-local.jpeg);
	}
	#agendarParallax {
		background-image:url(upload/parallax_02.jpg);
	}
	#acercadeParallax {
		background-image: url(barberia-y-peluqueria/parallax-acercaDe.jpg); background-repeat:no-repeat; background-position:center bottom; background-size: 100% auto;}
	.tipContainer{ padding:5% 0;}
	.tipContainer h2 {margin-top:50px;}
	#serviciosParallax {
		background-image: url(barberia-y-peluqueria/servicios-barberia-bg.jpg); background-repeat:no-repeat; background-position:left bottom; background-size:auto 100%;}
	
	.overlay{
		position: absolute;
		top: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 10;
		background-color: #0c0c0c;
		background-color: rgba(12, 12, 12, 0.6);
	}
	.relative {
		position: relative;
		z-index: 11;
	}
	.dark-hr:before,
	.dark-hr-2:before,
	.dark-hr-3:before,
	.white-hr:before {
		content: url(images/white-hr.png);
		margin-bottom: 10px;
		position: relative;
		display: block;
	}
	.dark-hr:before {
		content: url(images/dark-hr.png);
	}
	.dark-hr-2:before {
		content: url(images/dark-hr-2.png);
	}
	.dark-hr-3:before {
		content: url(images/dark-hr-3.png);
	}
	.bigger-title {
		position: relative;
		display: block;
		overflow: hidden;
		margin-bottom: 40px;
	}
	.bigger-title h4 {
		position:relative;
		color:#242424;
		font-family: 'BebasNeue';
		font-size:48px;
		text-transform: uppercase;
		padding:0 !important;
		margin:0px;
		letter-spacing: 1px;
		line-height: 1 !important;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.fullscreen .bigger-title h4 {
		color:#ffffff;
	}
	
	footer .fullscreen .bigger-title h4 {
		color:#e7be2c;
	}

/* ----------------------------------------------------
	FOOTER
------------------------------------------------------- */
	
	.copyright {
		font-family: "BebasNeue" !important;
		background-color: #fff;
		color:#242424;
		padding:30px 0;
	}
	.copyright p,
	.copyright a{font-size: 20px;
		text-transform:uppercase;
		padding:0;
		margin:0;
		color:#242424;
	}

/* ----------------------------------------------------
	PORTFOLIO
------------------------------------------------------- */

	.gallery-desc {
		padding:30px 0 10px;
	}

	.portfolio-filter {
		list-style: none;
		padding: 0;
		margin: 0 0 20px;
		text-align: left;
		cursor: default;
	}

	.text-center .portfolio-filter {
		margin: 0 auto 20px !important;
		text-align: center !important;
	}

	.portfolio-filter ul {
		padding-left: 0 !important;
	}

	.portfolio-filter ul li{
		display: inline-block;
		margin: 0 15px 0 0;
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #242424;
		letter-spacing: 0;
		font-size: 16px;
		line-height: 14px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight:400;
		cursor: pointer;
	}

	.portfolio-filter ul li a {
		color:#242424 ;
	}

	#fourcol .portfolio-item img {
		width: 100%;
	}

	.item-h2,
	.item-h1 {
		height: 100% !important;
		height: auto !important;
	}
	.isotope-item {
	  z-index: 2;
	}
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}
	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	          transition-property: height, width;
	}
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	          transition-property:         transform, opacity;
	}

	ul.portfolio {
	    list-style: none;
	}

	ul.portfolio li img {
	    display:block;
	    max-width:100%;
	    height:auto;
	}

/* ----------------------------------------------------
	BLOG
------------------------------------------------------- */

	.comment-list .media {
		margin-bottom: 30px;
	}
	.media.reply-comment {
		margin-left: 60px;
	}
	.comment-list span {
	    display: block;
	    font-size: 12px;
	    font-style: italic;
	    font-weight: 300;
	    margin-bottom: 8px;
	}
	.comment-list h3 {
		font-size: 21px;
		margin-bottom: 0;
		text-transform: uppercase;
		color:#242424 !important;
	}
	.comment-list img {
		width: 80px;
		margin-right: 20px;
	}

	.blog-desc {
		margin-top: 15px;
	}
	#sidebar .box {
		margin-bottom: 20px !important
	}
	#sidebar ul {
		padding-left: 0;
	}

	#sidebar .mini-gallery li {
		width: 33.333% !important;
	}

	.timeline {
	    list-style: none;
	    padding: 20px 0 20px;
	    position: relative;
	}
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #f7f8fa;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

	.timeline > li:before,
	.timeline > li:after {
		content: " ";
		display: table;
	}

	.timeline > li:after {
		clear: both;
	}

	.timeline > li:before,
	.timeline > li:after {
		content: " ";
		display: table;
	}

	.timeline > li:after {
		clear: both;
	}

	.timeline > li > .timeline-panel {
		width: 46%;
		float: left;
		padding: 20px;
		position: relative;
	}

	.timeline > li > .timeline-badge {
		color: #fff;
		width: 70px;
		height: 75px;
		padding:18px 0;
		line-height: 1;
		font-size: 1.4em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -36px;
		background-color: #242424;
		z-index: 100;
	}

	.timeline > li.timeline-inverted > .timeline-panel {
		float: right;
	}

	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}

	.timeline-panel p {
		padding-top: 10px;
	}
	.timeline-panel .module-title {
		margin-bottom: 5px;
	}

	@media (max-width: 767px) {
	    ul.timeline:before {
	        left: 40px;
	    }

	    ul.timeline > li > .timeline-panel {
	        width: calc(100% - 90px);
	        width: -moz-calc(100% - 90px);
	        width: -webkit-calc(100% - 90px);
	    }

	    ul.timeline > li > .timeline-badge {
	        left: 15px;
	        margin-left: 0;
	        top: 16px;
	    }

	    ul.timeline > li > .timeline-panel {
	        float: right;
	    }

		ul.timeline > li > .timeline-panel:before {
			border-left-width: 0;
			border-right-width: 15px;
			left: -15px;
			right: auto;
		}

		ul.timeline > li > .timeline-panel:after {
			border-left-width: 0;
			border-right-width: 14px;
			left: -14px;
			right: auto;
		}
	}


	.post-section .module {
		margin-bottom: 0;
	}
	.post-section .barberalt {
		margin: 0 auto !important;
		padding:45px;
		border-bottom:0 !important;
		box-shadow: none !important
	}
    section.post-section > .container-fluid > .row > .col-md-3 > .barberalt {padding:0 45px 45px !important;}
    section.post-section > .container-fluid > .row > .col-md-3 {height:auto !important;}
	.box {
		margin-bottom: 60px !important
	}

	.barberalt h2 {
		margin-bottom: 30px;
	}

	.page-title-section {
		border-bottom: 1px solid #f7f8fa;
		padding-bottom: 60px;
	}
	.page-title-section .lead {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	hr.customhr {
	    border-color: #242424;
	    border-width: 3px;
	    box-sizing: content-box;
	    height: 0;
	    margin-top: -10px;
	    width: 60px;
	}
	.page-title {
	    font-size: 5.875em;
	    padding-bottom: 0;
	    line-height: 1.6 !important;
	    font-family: "BebasNeue" !important;
	    margin: -0.2em 0 0;
	    text-align: center;
	}
	.page-title::after {
	    content: "";
	    display: block;
	    height: 2px;
	    margin: 30 auto 0;
	    width: 90px;
	}
	.page-mini-title {
	    font-size: 1.375em;
	    margin: -0.13em 0;
	    padding-bottom: 0;
	    text-align: center;
	    line-height: 1;
	    text-transform: capitalize;
	}

	.meta ul {
		margin-bottom: 3px
	}
	.meta li {
	    font-size: 13px;
	    font-style: italic;
	    margin-bottom: 0;
	    line-height: 1;
	    padding-bottom: 0 ;
	}

/* ----------------------------------------------------
	BOOK NOW
------------------------------------------------------- */

	.rcw-form .btn-primary .btn-icon-right {
		color:#ffffff !important;
		padding-left:0 !important;
	}

	.galnopad {
		padding-bottom:0 !important;
	}

	.nopadding {
		padding:0 !important;
	}

	.clients-section {
		padding:20px 0 !important;
	}
	.clients-section img {
		margin:auto;
		cursor: pointer;
		opacity: 0.7;
	}
	.clients-section img:hover {
		opacity: 1;
	}
	.fixed-top {
		position: static;
		margin-top:-87px !important;
		z-index: 11;
		display: block;
	}
	.form-main-heading {
	    color: #ffffff;
	    font-family: "BebasNeue" !important;
	    font-size: 24px !important;
	    margin-bottom: 0;
	    padding: 0 0 8px 40px !important;
	    line-height: 1.4 !important;
	}

	.bookform .radio-inline, 
	.bookform .checkbox-inline {
		padding-left: 0;
	}

	.rcw-form header {
		background-color: #0c0c0c !important;
		background-color: rgba(12, 12, 12, 0.6) !important;
		padding:30px 15px 15px;
		margin-bottom: 0;
	}
	.white-back .rcw-form header {
		margin-bottom: 10px;
	}
	.white-back .rcw-form legend {
		margin-top: 20px;
	}
	.white-back .rcw-form legend > span {
		color:#242424 !important;
	}
	.post-section .rcw-form header {
		background-color: #0c0c0c !important;
	}
	.rcw-form {
		background-color: transparent;
		background: none;
		font-size: 13px;
	}
	.rcw-form .white {
		background:#ffffff;
		border: 1px solid #f7f8fa;
	}

	.rcw-form .form-control {
	    background-color: #ffffff;
	    border-color: #e6e7e9;
	    color: #777777;
	    font-size: 13px;
	    box-shadow: none !important;
		font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	    border-radius: 0;
	}
	.rcw-form .form-control::-moz-placeholder {
	    color: #777777;
	}
	.rcw-form .form-control:-ms-input-placeholder {
		color: #777777;
	}
	.rcw-form .form-control::-webkit-input-placeholder {
		color: #777777;
	}

/* ----------------------------------------------------
	MODULES
------------------------------------------------------- */

	.pagination > li:last-child > a, .pagination > li:last-child > span,
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		border-radius: 0;
	}

	.pagination > li > a, 
	.pagination > li > span {
	    letter-spacing: 0;
	    padding: 10px 15px;
	    border-radius: 0;
	    text-decoration: none;
	    background-color: #ffffff !important;
	    text-transform: uppercase;
		border: 1px solid #fafafa ;
		margin:0 3px;
	    color: #242424 !important;
	    font-size: 14px;
	    font-weight: normal;
	}

	.time_circles {
	    height: 100%;
	    position: relative;
	    width: 100%;
	}
	.time_circles > div {
	    position: absolute;
	    text-align: center;
	}
	.time_circles > div > h4 {
	    margin:  0 0;
	    padding: 0;
	    font-weight: 300;
	    text-align: center;
	    text-transform: uppercase;
	}
	.time_circles > div > span {
	    color: #303030;
	    display: block;
	    font-size: 44px !important;
	    font-weight: bold;
	    margin-top: 0.4em;
	    text-align: center;
	    width: 100%;
	}

	.panel-title {
	    line-height: 16px;
	}
	.panel-heading {
	    border-radius: 0 !important;
	    padding: 14px 24px;
	}
	.panel-heading h3 {
		color:#fff !important;
		font-size:15px;
		font-weight: 400;
		padding:0;
		margin:0;
		text-transform: capitalize !important;
		display: inline-block;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body {
	    border-top: 0 none;
	}
	.panel p {
	    margin-bottom: 0;
	}
	.panel-heading i {
		font-size:14px;
		color:#ffffff;
		margin:6px;
	}
	.panel {
	    border-color:transparent;
	    border-radius: 0 !important;
	    box-shadow: none;
	    margin-top: 10px !important;
	}
	.accordion-toggle-2 .panel-body {
		background: #ffffff !important;
		border-left:1px solid #f7f8fa !important;
		border-right:1px solid #f7f8fa !important;
		border-bottom:1px solid #f7f8fa !important;
	}
	.accordion-toggle-2 .panel-heading {
		background: #ffffff !important;
		border:1px solid #f7f8fa !important;
	}
	.accordion-toggle-2 .panel-heading i,
	.accordion-toggle-2 .panel-heading h3 {
		color:#fff;
	}

	.tab-widget {
		margin-top: 10px;
	}

	.tab-widget p, .shop-tab p {
	    margin-bottom: 10px;
	}
	.tab-widget .tab-content, .shop-tab .tab-content {
	    border: 1px solid #ededed !important;
	    padding: 20px !important;
	}
	.tab-widget .nav-tabs > li > a, .shop-tab .nav-tabs > li > a {
	    -moz-border-bottom-colors: none !important;
	    -moz-border-left-colors: none !important;
	    -moz-border-right-colors: none !important;
	    -moz-border-top-colors: none !important;
	    background-color: #ffffff !important;
	    border-color: -moz-use-text-color -moz-use-text-color #ededed !important;
	    border-image: none !important;
	    border-radius: 0 !important;
	    border-style: none none solid !important;
	    border-width: 0 0 1px !important;
	    color: #242424;
	    padding: 10px 30px;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
	    color: #fff !important;
	}
	.tab-widget .nav-tabs, .shop-tab .nav-tabs {
	    border-bottom: 0 none !important;
	}

	#message {
		display: none; position:relative; text-align:left; padding:20px;
	}
	.gmap_canvas > iframe{
		overflow: hidden;
		z-index: 999; height:100%;
		max-height:100%;
		width:100%;
		display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-content:center;
        -ms-flex-line-pack:center;
            align-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
            flex-basis:100%;
	}
	.map img{
		max-width:inherit
	}
	.map{
		position:relative
	}

	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}

	.comment-form-wrap .form-control {
		margin-bottom: 20px;
	}

	.testimonial img {
	    margin-right: 20px;
	    margin-top:30px;
	    width: 60px !important;
	}
	.owl-desc {
	    display: table;
	    padding: 0;
	    position: relative;
	}
	.owl-desc h3 {
	    font-size: 16px;
	    font-weight: 500;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    padding-top: 5px;
	}
	.owl-desc small {
	    font-size: 12px;
	    text-transform: uppercase;
	}
	.owl-desc p {
	    margin-top: 5px;
	}
	.owl-desc i {
	    font-size: 34px;
	    position: absolute;
	    opacity: 0.1;
	    right: 30px;
	    top: 25px;
	    color:#242424;
	}

	.hairstyle h2 {
		margin-bottom: 0;
		padding-bottom: 10px;
		font-size: 32px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.info {
		margin-top: 20px;
		display: inline-table;
		position: relative;
	}
	.info img {
		width: 60px;
	}
	.static {
		position: relative;
		margin-top:30px;
		bottom:0;
		display: block;
		height: 100%;
	}
	.backtotop {
	    background-image: url(images/back.png);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    z-index: 500;
	    width: 40px;
	    height: 40px;
	    text-indent: -99999px;
	    position: fixed;
	    bottom: -100px;
	    right: 25px;
	    cursor: pointer;
	    -webkit-transition: all .7s ease-in-out;
	    -moz-transition: all .7s ease-in-out;
	    -o-transition: all .7s ease-in-out;
	    -ms-transition: all .7s ease-in-out;
	    transition: all .7s ease-in-out;
	    overflow: auto;
	}
	.module p {
		padding-bottom: 5px
	}
	.nopaddingobottom {
		display: block;
		position: relative;
	}
	.nopaddingobottom img {
	    position: absolute;
	    top: -250px;
	    width: 100%;
	    display: block;
	    left: 0;
	    z-index: 100;
	}
	.taglinemessage p {
		padding-bottom: 0;
	}
	.taglinemessage {
		position: relative;
	    color: #242424;
	    font-size: 14px;
	}
	.taglinemessage .btn {
	   margin-left: 0;
	   margin-top: 10px;
	}

	#comingsoon {
		background: #ffffff;
	}

	#comingsoon .white-section {
		padding: 300px 0 0;
		height: 100vh;
	}

	.comingsoon h1,
	.notfound h2,
	.taglinemessage h2 {
	    color: #242424;
	    font-size: 32px;
	    font-weight: 700;
	    padding-bottom: 0;
	    text-transform: uppercase;
	}

	.comingsoon h1 {
		margin-bottom: 30px;
	}

	.contact-details {
	    margin: 0 auto 10px;
	    padding: 5px 0;
	    width: 70%;
	}
	.notfound h1 {
		font-size: 90px;
		line-height: 1 !important;
		margin-bottom: 10px;
		padding-bottom: 0;
	}

	.contact-details h1,
	.contact-details h2 {
		color:#ffffff;
		padding-bottom: 0;
		line-height: 1.6 !important;
		font-size: 34px;
		font-family: 'BebasNeue';
	    margin-bottom: 0;
	}
	.contact-details h1 {
	    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	    color: #242424;
	    max-width: 500px;
	    font-size: 48px;
	    margin:10px auto;
	}
	.testi-item .lead {
		max-width: 850px;
		margin:10px auto 0;
	}
	.testi-item .lead:before {
		content: "\f10d";
		font-family: "FontAwesome";
		font-size: 24px;
		left: 0;
		color:#aaa;
		padding-right:20px;
		vertical-align: bottom;
		position: relative;
		top: 0px;
	}
	.testi-item .lead:after {
		content: "\f10e";
		font-family: "FontAwesome";
		font-size: 24px;
		vertical-align: bottom;
		left: 0;
		padding-left: 20px;
		color:#aaa;
		padding-right:5px;
		position: relative;
		top: 0px;
	}
	.testi-item img {
		width: 100px;
		margin-bottom: 10px;
	}
	.testi-item h4 {
		font-size: 24px;
		margin-bottom: 0;
		color:#fff;
		text-transform: uppercase;
	}
	.grey-back,
	.white-back {
		background-color: #ffffff;
		box-shadow: 0px 3px 0 #f0f1f3;
		padding:20px;
		position: relative;
		display: block;
	}
	.grey-back {
		background-color: #f7f8fa;
	}
	.working-box {
		padding:30px 0;
		box-shadow: 0px 3px 0 rgba(255, 255, 255, 0.5); 
	}
	.working-box h3 {
		padding-bottom: 0;
		color:#fff;
		text-transform: uppercase;
	}
	.working-box h4 {
		padding-bottom: 0;
		margin-bottom: 0;
  		font-size: 34px;
		color:#fff;
	}
	.availability h4 {
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.mini-gallery ul {
		padding:0;
		list-style: none;
	}
	.mini-gallery ul li img {
		width: 100% !important;
	}
	.mini-gallery ul li {
		z-index: 1;
		cursor: pointer;
		width: 25% !important;
		display: block;
		float:left;
		position: relative;
	}
	.hovercontent {
	  	bottom: 0;
	  	width: 100%;
	  	display: block;
		padding:0;
		opacity: 0;
		z-index: 1;
		top:0;
		margin:0;
		position:absolute;
		text-decoration: none;
		background-color: #0c0c0c;
		background-color: rgba(12, 12, 12, 0.8);
	}
	.portfolio-item .hoverbutton {  
		position: absolute;
		top:50%;
		margin:-20px auto;
	}
	.hovereffect:hover .hovercontent {
		opacity: 1;
		position: absolute;
		-webkit-transition:all 0.7s ease-in-out;
		-moz-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
		transition:all 0.7s ease-in-out;
	}
	.hovereffect img {
		width: 100%;
	}
	.divimage img{
		position: relative;
		margin-bottom: 15px;
	}
	.hovereffect {
		cursor: pointer;
		position: relative;
		display: block;
	}
	.hoverbutton i {
		background-color:#ffffff;
		width: 35px;
		font-size:12px;
		height: 35px;
		line-height: 35px;
		display: block;
		margin:auto;
	}
	.hoverbutton {
		visibility: hidden;
		margin: 0;
		opacity: 0;
		position: absolute;
		text-align: center;
		bottom: 50%;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
		transition: all 0.8s ease 0s;
		bottom:0;
		left:0;
		right: 0;
		top: auto;
		position: absolute;
		width: auto;
		text-align: center;
	}
	.hoverbutton.fixright i {
		display: inline-block;
	}
	.hoverbutton.fixright {
		bottom:10% !important;
	}
	.hoverbutton p a {
		color:#ffffff;
		text-transform: uppercase;
		margin-top:10px;
		display: block;
	}
	.hoverbutton.inlinebutton i {
		display: inline-block !important;
	}
	.hovercontent:hover .hoverbutton {
		opacity: 1;
		bottom: 37%;
		visibility: visible;
	}

	.skills {
	    display: block;
	    overflow:hidden;
	    margin-top: 30px !important;
	    position: relative;
	}
	.skills p i {
		font-size:14px;
		padding-right: 7px;
	}
	.skills p {
		margin-left: 3px;
		padding-bottom: 0;
		color:#242424;
	}
	.progress {
		height: 10px;
		margin-bottom: 25px;
		background-color: #f7f8fa;
		border-radius: 0;
		box-shadow:none;
	}

	.progress-bar {
	  float: left;
	  width: 0%;
	  height: 100%;
	  overflow:visible;
	  font-size: 12px;
	  line-height: 20px;
	  color: #ffffff;
	  text-align: center;
	  background-color: #eeeeee;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-transition: width 1.1s ease;
	  -o-transition: width 1.1s ease;
	  transition: width 1.1s ease;
	}
	.progress {
	  overflow:initial;
	  position: relative;
	}
	.progress .progress-bar {
	  position: absolute;
	  z-index:10;
	  line-height: 20px;
	}
	.progress .progressbar-back-text {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  font-size: 12px;
	  line-height: 20px;
	  text-align: center;
	}
	.progress .progressbar-front-text {
	  width: 100%;
	  font-size: 12px;
	  line-height: 20px;
	}
	.progress-bar span {
	  color: #fff !important;
	  display: block;
	  font-size: 11px;
	  line-height: 12px;
	  overflow: visible;
	  width:30px;
	  height:25px;
	  line-height:25px;
	  text-align:center;
	  position: absolute;
	  right: 0;
	  top: -34px;
	  z-index: 9999;
	}

	.progress-bar span, .progress-bar-striped {
	    background-color: #0b0b0b;
	}


/* ----------------------------------------------------
	FIRST COLOR SCHEME
------------------------------------------------------- */
	
	.ui-datepicker .ui-datepicker-prev:hover, 
	.ui-datepicker .ui-datepicker-next:hover,
	.ui-datepicker .ui-datepicker-prev, 
	.ui-datepicker .ui-datepicker-next,
	.ui-priority-primary.ui-state-default, .ui-widget-content .ui-priority-primary.ui-state-default, .ui-widget-header .ui-priority-primary.ui-state-default,
	.rcw-form .btn-primary,
	.backtotop,
	.btn-primary,
	.progress-bar span, 
	.progress-bar,
	.working-box {
		background-color: #F3C61D;
	}

	.rcw-form .btn-primary,
	.btn-primary {
		border-color: #F3C61D;
	}
	.ui-datepicker .ui-datepicker-header {
		background-color: #d6d6d6;
	}
	.working-box h3,
	.working-box h4 {
		text-shadow: 0px 2px 0 #2d2d2d;
	}
	.button-wrapper {
		margin-top: 40px;
	}
	.barberalt .button-wrapper {
		margin-top: 30px !important;
	}

/* ----------------------------------------------------
	SECOND COLOR SCHEME
------------------------------------------------------- */

	.working-box.closed  p,
	.working-box.closed h4 {
		text-shadow: 0px 2px 0 #fff !important;
	}
	::selection {
		background: #D6D6D6; /* Safari */
		color:#fff;
	}

	.rcw-form .btn-primary:hover,
	.rcw-form .btn-primary:focus,
	.btn-primary:hover,
	.btn-primary:focus,
	.hoverbutton a i,
	::-moz-selection {
		background: #D6D6D6; /* Firefox */ 
		color:#333;
	}

	.pagination > li > a:hover, 
	.pagination > li > span:hover,
	.form-control:focus,
	.ui-slider-handle.ui-state-default,
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-hightlight,
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	.ui-priority-primary.ui-state-hover, .ui-widget-content .ui-priority-primary.ui-state-hover, .ui-widget-header .ui-priority-primary.ui-state-hover, .ui-priority-primary.ui-state-focus, .ui-widget-content .ui-priority-primary.ui-state-focus, .ui-widget-header .ui-priority-primary.ui-state-focus,
	.rcw-form .checkbox input[type="checkbox"]:checked + label::before, .rcw-form .checkbox-inline input[type="checkbox"]:checked + label::before,
	.btn-primary:hover,	
	.btn-primary:focus {
	    border-color: #D6D6D6 !important;
	}

	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus,
	.panel-heading,
	.infobox .title a,
	.ui-slider-handle.ui-state-default,
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-hightlight,
	.ui-priority-primary.ui-state-hover, .ui-widget-content .ui-priority-primary.ui-state-hover, .ui-widget-header .ui-priority-primary.ui-state-hover, .ui-priority-primary.ui-state-focus, .ui-widget-content .ui-priority-primary.ui-state-focus, .ui-widget-header .ui-priority-primary.ui-state-focus,
	.working-box.closed,
	.yamm .label-warning{
	    background-color: #D6D6D6 !important;
	}

	a:hover,
	a:focus {
	    color: #F3C61D;
	}

	.rcw-form .checkbox input[type="checkbox"]:checked + label::before, .rcw-form .checkbox-inline input[type="checkbox"]:checked + label::before,
	.rcw-form a,
	.rcw-form span,
	.btn-slider,
	.btn-slider:hover,
	.btn-slider:focus,
	.yamm-content li a:hover,
	.yamm-content li a:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
	    color: #f3c61f !important;
	}
/* ----------------------------------------------------
	OTHERS
------------------------------------------------------- */

	#loader {
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background-color: #fff;
		position:fixed;
		display: table;
		width: 100%;
		top:0;
		height: 100%;
		min-height: 100%;
		z-index:9999;
	}
	.loader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 12;
		text-align:center;
	}
	.loader-top {
		margin-top:4%;
	}
	.loader-back-text {
		z-index:-1;
		color: #242424;
		font-family: 'BebasNeue';
		position: absolute;
		top:50%;
		margin-top:-25px;
		font-weight: bold;
		left:0;
		right: 0;
		font-size: 3.2em;
	}
	.loader-back {
		z-index:-1;
		color: #242424;
		font-family: Arial;
		position: absolute;
		top:45%;
		margin-top:-6px;
		font-weight: 300;
		left:0;
		right: 0;
		font-size: 1em;
	}
	.loader {
		width: auto !important;
	}
	.btn-sm, .btn-group-sm > .btn {
	    font-size: 10px !important;
	    line-height: 1.5;
	    padding: 5px 10px;
	}
	.btn-lg, .btn-group-lg > .btn {
	    font-size: 15px;
	    line-height: 1.33333;
	    padding: 15px 44px !important;
	}
	
	#list fieldset{
		margin:3% 0;
	}
	
	.serv-plan {
	background-color: rgba( 244, 245, 247, 0.9); box-shadow: 0 0 5px #d9dadc; margin-top:5%;
	}
	
	.serv-plan .serv-title {
	  margin: 0 0 20px 0; color:#fff;
	  background-color:#2c2c2c; padding: 5%; letter-spacing:0.05em;
	}
	
	.serv-plan .precio {
	border-radius: 120px;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	}
	
	.serv-plan .cant-container {
	padding: 35px 0 0;
	}
	
	.serv-plan .sign {
	left: -7px;font-size:30px;text-shadow:2px 0 #c6c6c6;
	line-height: 20px;
	position: relative;
	top: -12px; color: #f3c61f; 
	}
	
	.serv-plan .monto {
	font-size:60px; font-weight:bold;
	margin: 0 0 0 -10px;color:#f3c61f; text-shadow:2px 0 #c6c6c6;
	}
	
	.serv-plan .sesion { color:#888888;
	font-size: 20px;
	line-height: 14px;
	margin: -3px 0 0;
	}
	
	.serv-plan .desc-list {
	list-style: none outside none;
	margin: 20px 0 30px;
	padding: 0px;
	}
	
	.desc-list p { line-height:1em;
	}
	
	.desc-list span {
	line-height:1.25em; font-size:40px;
	}
	
	.desc-list li:last-child{
	line-height: 30px;border-bottom: none; padding-bottom:15px;
	}
	
	.empty-space{margin:0; padding:0; height:50px; }
	
	
/* ----------------------------------------------------
	RESPONSIVE
------------------------------------------------------- */

	@media (max-width: 980px) {
		.nopaddingobottom img {
			display: none !important
		}
		.module {
			margin-bottom: 60px;
		}
		#serviciosParallax {
		background-image: url(barberia-y-peluqueria/servicios-barberia-bg-2.jpg); background-position:top left;}

	}

	@media (max-width: 768px) {
		.yamm .dropdown-menu,
		.yamm .dropdown-menu.menu-bg  {
			background: #ffffff !important
		}

		.navbar-collapse {
			margin-top: 20px;
			box-shadow: none;
			border:0;
		}

		.topbar span,
		.topbar .pull-right,
		.topbar .pull-left {	
			float:none !important;
			text-align: center !important;
		}

		.fixed-top {
			margin-top: 20px !important;
		}
		.contact-details h1 {
			font-size: 32px;
		}

		.contact-details h2 {
			font-size: 18px;
			line-height: 1;
		}

		.header-section {
			position: relative;
			background-color: #242424;
		}

		.module,
		.widget {
			margin-bottom:30px;
		}
		
		#serviciosParallax {background-image: url(barberia-y-peluqueria/servicios-barberia-bg-3.jpg);background-position:top left; }
		.serv-plan .serv-title { font-size:20px;}
		.serv-plan .monto {font-size:40px;margin: 0;}	
		.serv-plan .precio {height: 60px;}
		.serv-plan .cant-container {padding: 10px 0 0;}
		.serv-plan .sign {top: -3px;left: -2px; }
		.gmap_canvas, .gmap_canvas > iframe {height:65vh !important;max-height:65vh !important; width: 100%}
		.post-section .barberalt {padding:45px 1em !important;}
	}
	
.gmap_canvas{height:100%;width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
            flex-basis:100%;
    -webkit-align-content:center;
        -ms-flex-line-pack:center;
            align-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;}
.mapouter{overflow:hidden;height:100%;}
.mapSuc{ height: auto; min-height: 30vh; width: 100%;}