﻿
/***** CONTENTS ******/

/* 
1) General 
2) Navigation 
3) General Slides
4) Slide 1
5) Slide 2
   5a) section_parallax1
6) Slide 3
   6a) slide3aparallax
7) Slide 4
   7a) slide4aparallax
8) Slide 5
   8a) slide5aparallax
9) Slide 6 (Contact)
   9a) Contact Form
   9b) Contact Details
   9c) Footer

*/
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

/* Global */

body {
	font-family: 'Open sans',sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height:20px;
	color: #232323;
	background-color:#fff;
	overflow-x:hidden;
}

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 100000000;
    height: auto;
    overflow:hidden;
 }


#status  {
     width: 300px; height: 250px;
     position: absolute;
     left: 50%;
     top: 45%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
     
 }
img {
	max-width: 100%;
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color:#fff;
}
a:visited {
	color: #fff;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

/*
==============================================
   Preload
==============================================
*/


#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;	
	-ms-transform: rotate(45deg); 
   	-webkit-transform: rotate(45deg);
    transform: rotate(45deg); 

}
.object{
	width: 20px;
	height: 20px;
	background-color:#009ba8;
	position: absolute;
	left: 65px;
	top: 65px;
	}
.object:nth-child(2n+0) {
	margin-right: 0px;

}


#object_one {
	-webkit-animation: object_one 2s infinite;
	animation: object_one 2s infinite;
	-webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s; 
	}
#object_two {
	-webkit-animation: object_two 2s infinite;
	animation: object_two 2s infinite;
	-webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s; 
	}
#object_three {
	-webkit-animation: object_three 2s infinite;
	animation: object_three 2s infinite;
	-webkit-animation-delay: 0.4s; 
    animation-delay: 0.4s; 
	}
#object_four {
	-webkit-animation: object_four 2s infinite;
	animation: object_four 2s infinite;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#object_five {
	-webkit-animation: object_five 2s infinite;
	animation: object_five 2s infinite;
	-webkit-animation-delay: 0.6s; 
    animation-delay: 0.6s; 
}
#object_six {
	-webkit-animation: object_six 2s infinite;
	animation: object_six 2s infinite;
	-webkit-animation-delay: 0.7s; 
    animation-delay: 0.7s; 
}
#object_seven {
	-webkit-animation: object_seven 2s infinite;
	animation: object_seven 2s infinite;
	-webkit-animation-delay: 0.8s; 
    animation-delay: 0.8s; 
}
#object_eight {
	-webkit-animation: object_eight 2s infinite;
	animation: object_eight 2s infinite;
	 -webkit-animation-delay: 0.9s; 
    animation-delay: 0.9s; 
}

#object_big{
	
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50px;
	top: 50px;
	-webkit-animation: object_big 2s infinite;
	animation: object_big 2s infinite;
		 -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}	

@-webkit-keyframes object_big {
 50% { -webkit-transform: scale(0.5); }

}

@keyframes object_big {
 50% { 
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  } 

}

@-webkit-keyframes object_one {
 50% { -webkit-transform: translate(-65px,-65px)  ; }

}

@keyframes object_one {
 50% { 
    transform: translate(-65px,-65px) ;
    -webkit-transform: translate(-65px,-65px) ;
  } 

}

@-webkit-keyframes object_two {
  50% { -webkit-transform: translate(0,-65px) ; }
}

@keyframes object_two {
 50% { 
    transform: translate(0,-65px) ; 
    -webkit-transform: translate(0,-65px) ; 
  } 

}

@-webkit-keyframes object_three {
 50% { -webkit-transform: translate(65px,-65px) ; }
}

@keyframes object_three {
 50% { 
    transform: translate(65px,-65px) ;
    -webkit-transform: translate(65px,-65px) ;
  } 
}

@-webkit-keyframes object_four {
  
  50% { -webkit-transform: translate(65px,0) ; }

}

@keyframes object_four {
  50% { 
    transform: translate(65px,0) ;
    -webkit-transform: translate(65px,0) ;
  } 

}

@-webkit-keyframes object_five {
  
  50% { -webkit-transform: translate(65px,65px) ; }

}

@keyframes object_five {
  50% { 
    transform: translate(65px,65px) ;
    -webkit-transform: translate(65px,65px) ;
  } 

}

@-webkit-keyframes object_six {
  
  50% { -webkit-transform: translate(0,65px) ; }

}

@keyframes object_six {
  50% { 
    transform:  translate(0,65px) ;
    -webkit-transform:  translate(0,65px) ;
  } 

}

@-webkit-keyframes object_seven {
  
  50% { -webkit-transform: translate(-65px,65px) ; }

}

@keyframes object_seven {
  50% { 
    transform: translate(-65px,65px) ;
    -webkit-transform: translate(-65px,65px) ;
  } 

}

@-webkit-keyframes object_eight {
  
  50% { -webkit-transform: translate(-65px,0) ; }

}

@keyframes object_eight {
  50% { 
    transform: translate(-65px,0) ;
    -webkit-transform: translate(-65px,0) ;
  } 

}


/*
==============================================
   navMotion
==============================================
*/

@-webkit-keyframes navMotion {
  0% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}

@-moz-keyframes navMotion {
  0% {
   opacity: 0;
   -moz-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -moz-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -moz-transform: translateY(0);
  }
}

@-o-keyframes navMotion {
  0% {
   opacity: 0;
   -o-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -o-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -o-transform: translateY(0);
  }
}

@keyframes navMotion {
  0% {
   opacity: 0;
   transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}

/* Navigation */

.effect_nav ul.navigation > li:nth-child(1){
    -webkit-animation: navMotion 0.5s;
    -moz-animation: navMotion 0.5s;
    -o-animation: navMotion 0.5s;
    animation: navMotion 0.5s;
}

.effect_nav ul.navigation > li:nth-child(2){
    -webkit-animation: navMotion 0.7s;
    -moz-animation: navMotion 0.7s;
    -o-animation: navMotion 0.7s;
    animation: navMotion 0.7s;
}

.effect_nav ul.navigation > li:nth-child(3){
    -webkit-animation: navMotion 0.9s;
    -moz-animation: navMotion 0.9s;
    -o-animation: navMotion 0.9s;
    animation: navMotion 0.9s;
}

.effect_nav ul.navigation > li:nth-child(4){
    -webkit-animation: navMotion 1.1s;
    -moz-animation: navMotion 1.1s;
    -o-animation: navMotion 1.1s;
    animation: navMotion 1.1s;
}

.effect_nav ul.navigation > li:nth-child(5){
    -webkit-animation: navMotion 1.3s;
    -moz-animation: navMotion 1.3s;
    -o-animation: navMotion 1.3s;
    animation: navMotion 1.3s;
}

.effect_nav ul.navigation > li:nth-child(6){
    -webkit-animation: navMotion 1.5s;
    -moz-animation: navMotion 1.5s;
    -o-animation: navMotion 1.5s;
    animation: navMotion 1.5s;
}

.effect_nav ul.navigation > li:nth-child(7){
    -webkit-animation: navMotion 1.7s;
    -moz-animation: navMotion 1.7s;
    -o-animation: navMotion 1.7s;
    animation: navMotion 1.7s;
}

.effect_nav ul.navigation > li:nth-child(8){
    -webkit-animation: navMotion 1.9s;
    -moz-animation: navMotion 1.9s;
    -o-animation: navMotion 1.9s;
    animation: navMotion 1.9s;
}

.effect_nav ul.navigation > li:nth-child(9){
    -webkit-animation: navMotion 2.1s;
    -moz-animation: navMotion 2.1s;
    -o-animation: navMotion 2.1s;
    animation: navMotion 2.1s;
}
.menu {
	position:fixed;
	top:0px;
	width:100%;
	height:70px;
	background-color:#fff;
	z-index:9999;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: -2px;
}

#logo {
	margin-bottom:0;
	margin-left:-5px;
}
#logo img {
	border: 0px;
}
#nav {text-align: right;}

.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
a.cart-link i{
	color: #ddd;
	background: #352f2e;
	padding: 7px;
	margin-top: 20px;
}

.cart-prod {
    z-index: 99999;
    float: right;
    margin-top: 0px;
    margin-right: 25%;
    transition: all 2s linear;
    display: block;
}
.content-cart-prod img {
	float: left;
}
.content-cart-prod p.prod-title {
	margin-top: 25px;
	margin-bottom: 5px;
	margin-right: 20px;
    font-weight: 400;
}
.content-cart-prod p.cart-prod-price {
	margin-right: 20px;
    font-weight: 400;
}
.content-cart-prod .cart-tot-price {
	font-weight: 600;
	margin-right: 20px;
}
.btn-cart {
	padding: 10px 19px 8px;
	width: 100%;
	float: left;
    background: #3f3938;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-top: 2px;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn-cart:hover {
    background: #352f2e;
}
.cart-prod.hiddenbox {
	display:none;
}
.cart-prod .sec-prod {
    position: absolute;
    z-index: 99999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    padding: 10px;
    background: #fff;
    width: 15%;
    border-top: 3px solid #352f2e;
}
.content-cart-prod {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f7f7f7;
    font-size: 13px;
    padding: 15px 10px;
}

.content-cart-prod i.fa-times {
    float: right;
    margin-top: 5px;
}
ul.navigation {
	margin:0px 0 0 0;
	padding:0;
	float: left;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0px;
}
.navigation li{
	float: left;
	text-align:left;
	margin-left:0px;
	text-transform:none;
	background:none;
	padding: 18px 0px;
	-webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}
.navigation li a{
	color:#282828;
	font-family: 'Josefin Slab', sans-serif;
	font-weight:600;
	font-size:17px;
	padding: 15px 15px;
}

@media (max-width: 1250px) {
	.navigation li a
	{
		padding: 15px 8px;
	}
	.menuiniciono
	{
		display:none !important;
	}
}
.navigation li:first-child{margin-left:0;}
.navigation li:hover,
.navigation li a.active {
	cursor:pointer;
	color: #009ba8;
}
.navigation li:hover a,
.navigation li a.active {
	color: #009ba8;
}
#menu-icon {	
	color: #fff;
    margin-right: 10px;
    font-size: 17px;
    display: none;

}
#menu-icon i,#menu-icon em {
	padding: 8px 9px;
    background: #333;
    border-radius: 100%;
}
.overflow_hidden {overflow-x:hidden;}

.navigation ul.sub-sub-link {
	display: none;
    list-style-type: none;
    background: #fff;
    padding: 5px;
    margin-top: 30px;
    position: absolute;
    border: 1px solid #eee;
    width: 370px;
}
.sub-sub-link i,.sub-sub-link em {
	font-size: 7px;
    background: #009ba8;
    margin-right: 7px;
    color: #009ba8;
    vertical-align:middle;
}
.navigation ul.sub-sub-link li{
	float: left;
	padding: 2px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	width: 100%;
}
.navigation ul.sub-sub-link li:last-child{
	border-bottom: 0px solid #f0f0f0;
}
.navigation ul.sub-sub-link li a {
	width: 100%;
	padding: 3px 0 3px 5px;
	line-height: 2em;
	float: left;
	color:#282828;
}
.navigation ul.sub-sub-link li a:hover {
	background: #eee;
	color: #009ba8;
}
.navigation ul.sub-sub-link.sub-active {
	display: block;
}
/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0;
	overflow:hidden;
}
.slide-company{
	background-attachment: fixed;
	width:100%;
	height:auto;
	padding:0;
	overflow:hidden;
}
h1 {
	margin:0;
	text-align:center;
	font-family: 'Josefin Slab', sans-serif;
	font-size: 28px;
	line-height: 56px;
	color:#A6A6A6;
	font-weight: 400;

}
h1 img {
	float: right;
	margin-top: -8px;
}
h2 {
	margin:0;
	padding:0;
	text-transform:none;
	text-align:center;
	font-family:Arial;
	font-size: 14px;	
	line-height: 20px;
	color:#3e3e3e;
	font-weight: 400;
}
h3 {
	margin:0;
	text-align:center;
	font-family: 'Josefin Slab', sans-serif;
	font-size: 52px;
	line-height: 58px;
	color:#fff;
	font-weight: 400;
}
h4,.h4 {
	margin:0;
	padding:13px 0 20px 0;
	text-transform:uppercase;
	font-family: 'Josefin Slab', sans-serif;
	font-weight:400;
	font-size:34px;
	font-style:normal;
	
	color:#fff;
}

img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	z-index:999 !important;
}
.bold {
    font-weight: bold;
}

/* ____________________________________ Slider ____________________________________ */ 


.container_slider {
	width: 100%;
	position: relative;
	margin-top: -3px;
}

.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}


/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}



.effects {
	position:relative;
}
.effects_1 {
	background:url(../images/effect_1.png) no-repeat left top;
	position:absolute;
	top:-180px;
	bottom:0;
	right:-482px;
	width:474px;
	height:800px;
	z-index:99;
}

.padding_slide1 {padding:74px 0 0 0;}

#slide1{	
	width:100%;
	height:auto;
	text-align:left;
}
.filtr_bg {
	margin-bottom:102px;
}
#slide1 h1 {
	position:relative;
	z-index:101;
	margin:0;
	background:none;
	padding:0 0 37px 0;
	text-transform:uppercase;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size: 102px;
	line-height: 86px;
	color:#fff;
	font-weight: 800;
}
#slide1 p {
	/*color: #333;
    font-family: 'Josefin Slab',sans-serif;
    line-height: 29px;
    margin: 0;
    padding: 0 0 28px;
    position: relative;
    text-transform: none;
    z-index: 101;
    
    font-weight: 600;
    text-align: left;*/
}
.slider-txt {
	position: absolute;
    z-index: 9999;
    font-size: 58px;
    top: 20%;
    left: 25%;
    font-family: 'Josefin Slab', sans-serif;
	font-weight:400;
	line-height: 58px;
    text-align: left;
        background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    padding: 20px;
}
#slide1 .slider-txt-info {
	margin: 0;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    z-index: 9999;
    top: 30%;
    left: 25%;
    font-style: italic;
    letter-spacing: 1px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}
#slide1 .slider-txt-info:nth-child(1) {
	top: 30%;
}
#slide1 .slider-txt-info:nth-child(2) {
	top: 48%;
}
#slide1 .slider-txt-info:nth-child(3) {
	top: 46%;
}
#slide1 .slide-prod {
	font-size: 22px;
	float: left;
	padding: 0 0 10px;
	line-height: 20px;
	padding: 8px;
    margin: 20px 13px 0 0;
    position: relative;
    z-index: 100;
    color: #fff;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 5px rgba(0,0,0,0.5);*/
    
}
#slide1 .slide-prod p.slid-txt-prod {
	padding: 0;
	margin: 8px 0 0 0;
    width: 240px;
}
#slide1 .content-prod-slide img{
	float: left;
}
#slide1  .content-prod-slide {
	max-width: 813px;
	width: 100%;
    margin: 20px auto;
    text-align: center;
}
#slide1 a.button {
    position:relative;
	z-index:101;
	background-image: url(../images/arrow_down.png);
    display: block;
    height: 51px;
	margin:0 auto -20px auto;
    width: 152px;
}
a.button:hover {cursor:pointer;text-decoration:none;
}


/* ____________________________________ Section 2 ____________________________________ */ 

/*** Promotion Circle ***/
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 260px;
	height: 260px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	background: #f9f9f9 url(../images/bg.jpg);
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	background: #352f2e;
	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 { 
	background-image: url(../images/icon2.jpg);
}

.ch-img-2 { 
	background-image: url(../images/icon1.jpg);
}

.ch-img-3 { 
	background-image: url(../images/icon3.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 15px;
	padding: 40px 0 10px 0;
	height: 80px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.ch-info p {
	color: #fff;
	padding: 10px 5px 0;
	font-style: italic;
	margin: 10px 30px;
	font-size: 13px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 300px;
	height: 300px;
	display: inline-block;
	margin: 20px;
}

/*** End Promotion Circle ***/

#section2{
	background:#fff;
	padding-top:90px;
	padding-bottom:90px;
}

#section2 .ab_title {
    background-color: #93bc04;
    padding: 30px 0 30px 0;
    margin-bottom: 40px;
}
#section2 h4,#section2 h3{
     text-align: center;
    padding: 25px 10px;
    color: #444;
    font-family: 'Open sans',sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-top:0px !important;
     }

#section2 h3 a
{
	color: #444;
	line-height:18px !important;
}

#section2 h3 a:hover
{
	color:#009ba8;
}
.content-container-white {
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.09);
}
.m-bot-20 {
    margin-bottom: 20px !important;
}
.m-bot-15 {
    margin-bottom: 15px !important;
}
.m-bot-35 {
    margin-bottom: 35px !important;
}

.ca-img{background-image:url(../images/img1.jpg);}
.ca-img1{background-image:url(../images/img1a.jpg);}
.ca-img2{background-image:url(../images/img1b.jpg);}
.ca-img3{background-image:url(../images/img1c.jpg);}
.ca-icon 
{
    
    text-align: center;
    -webkit-transition:all 300ms linear 0s;
      -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
           transition: all 300ms linear 0s;
    height: 200px;
}
.ca-main {
    color: #535961;
    font-family: 'Oswald',Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 14px;
    margin-top: 18px;
    text-align: center;
    
    -webkit-transition:all 300ms linear 0s;
      -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
           transition: all 300ms linear 0s;
    
}
.parallax-overlay {
    background-image: url("../images/overlay-pattern-clear.png");
    background-repeat: repeat;
    height: 100%;
    left: 0;
    margin: 0 auto;
    top: 0;
    width: 100%;
    z-index: 0;    
}
.ca-sub {
    color: #7E8082;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    -webkit-transition:all 200ms linear 0s;
      -moz-transition: all 200ms linear 0s;
        -o-transition: all 200ms linear 0s;
           transition: all 200ms linear 0s;
}
.ca-menu:hover .ca-icon {
    background-color: #535961;
}
.ca-menu:hover .ca-icon img 
{
   -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
    -webkit-transition:all 200ms linear 0s;
      -moz-transition: all 200ms linear 0s;
        -o-transition: all 200ms linear 0s;
           transition: all 200ms linear 0s;
}
.ca-menu:hover .ca-main {
    animation: 500ms ease 0s normal none 1 smallToBig;-webkit-animation:500ms ease 0s normal none 1 smallToBig;-ms-animation:500ms ease 0s normal none 1 smallToBig;
}
.ca-menu:hover .ca-sub {
    animation: 500ms ease 0s normal none 1 moveFromBottom;-webkit-animation:500ms ease 0s normal none 1 moveFromBottom;-ms-animation:500ms ease 0s normal none 1 moveFromBottom;
}
.ca-menu:hover .ca-sub{ -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; -ms-animation:moveFromBottom 500ms ease}
.ca-icon img {
    height: 70px;
    padding: 30px;
    margin-top:30px;

    -webkit-transition:all 300ms linear 0s;
      -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
           transition: all 300ms linear 0s;
    width: 95px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #C8C8C8;
    border-radius: 2px;
    
}


@-webkit-keyframes smallToBig{ from{ -webkit-transform:scale(0.1)} to{ -webkit-transform:scale(1)}}
@-moz-keyframes smallToBig{ from{ -moz-transform:scale(0.1)} to{ -moz-transform:scale(1)}}
@-ms-keyframes smallToBig{ from{ -ms-transform:scale(0.1)} to{ -ms-transform:scale(1)}}
@-webkit-keyframes moveFromBottom{ from{ -webkit-transform:translateY(50%);opacity:0} to{ -webkit-transform:translateY(0%);opacity:1}}
@-moz-keyframes moveFromBottom{ from{ -moz-transform:translateY(50%);opacity:0} to{ -moz-transform:translateY(0%);opacity:1}}
@-ms-keyframes moveFromBottom{ from{ -ms-transform:translateY(50%);opacity:0} to{ -ms-transform:translateY(0%);opacity:1}}

.container .column, .container .columns {
    display: inline;
    float: left;
    
}

/* ____________________________________ Section 2 index-2____________________________________ */

.index-2 .ch-info .ch-info-back {
	background: rgba(0,0,0,0.4);
}
.index-2 .ch-info > div, .index-2 .ch-info-wrap, .index-2 .ch-info, .index-2 .ch-item {
	border-radius:0;
}
.index-2 .ch-info-wrap {
	background-image: none;
	background-color: transparent;
}

/*______________________parallax________________________________*/

#parallax{
	background-image:url(../images/parallax.jpg);
	background-repeat:no-repeat !important;
	background-position:bottom  left;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:auto;
	text-align:center;
}

#section2 h3 {
	vertical-align:middle;
	margin-top: 10%;
}
#section2 .content-soap {
	margin-top: 30px;
}
#parallax .effect_3 {
    padding: 0;
}
#section2 .offer-soap {
	margin-right: 0px;
	border: 1px solid rgba(255, 255, 255, 0.8);
}
#section2 .offer-soap p {
	text-align: center;
	font-weight: 400;
	line-height: 24px;
}
#section2 .offer-soap:last-child {
	margin-right: 0px;
}
#section2 .offer-soap img {
	width: 100%;
}
#parallax .txt-discount {
	margin-top: 20px;
	font-weight: 400;
	font-size: 20px;
	font-family: Open sans;
    color: #333;
    font-style: italic;
    background:#fff;
    border-radius:4px;
    padding:10px 15px;
    display:inline-block;
}

#parallax .txt-discount:hover
{
	color:#fff;
	background:#352f2e;
}
#section2 a.btn{
	padding: 10px 19px 8px;
	background:#3f3938;
	color: #fff;
	border-radius: 0px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
#section2 a.btn:hover {
	background:#352f2e;
}

.double-box {
    padding: 50px 0;
}

/*______________________parallax index-2________________________________*/

.para-index-2#parallax{
	background-image:url(../images/parallax2.jpg);
}
.para-index-2#parallax .offer-soap {
	background: rgba(255,255,255,0.8);
}
.para-index-2#parallax .offer-soap h4 {
	color: #333;
}
/*______________________parallax1________________________________*/

#parallax1{
	background-image:url(../images/cta.jpg);
	background-repeat:no-repeat !important;
	background-position:top center !important;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:auto;
	text-align:center;
}
#parallax1 h3 {
	vertical-align:middle;
	margin-top: 0;
}
#parallax1 .effect_3 {
	padding: 150px 0;
	background: rgba(0,153,168,0.4);
}
#parallax1 h3 span {
	color: #333;
}
.slide_descr{height:450px;margin: 0 auto;}

.slide_descr2{height:100px;margin: 10% auto;}

.container2 {
    margin: auto;
    max-width: 100%;
    width: 100%;
    position:absolute;
    text-align:center;
	
}
canvas{z-index:0;margin:0; padding:0;}
.effect_3 {
	/*background-image: url("../images/overlay-pattern.png");*/
	background: rgba(0,193,222,0.5);
	height: 100%;
    background-repeat: repeat;
	z-index:1;
	padding: 100px 0;
}
.padding_slide3 {padding:88px 0 75px;
}

.parallax-icon {
	float:left;
	margin-top:50px;
	
}
.parallax-icon i{
	padding:35px;
	border-radius:100%;
	backgroung:#fff;
	color:#333;
	border:1px dotted #333;
	font-size: 38px;
}
.parallax-icon img{
	border-radius:100%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.6);
}

/*______________________parallax1 - yoga________________________________*/

.yoga-desc{
	background-color: #eee;
    padding: 70px 50px;
    font-weight: 400;
    line-height: 26px;
}
.yoga-desc::before {
    content: " ";
    left: 100%;
    right: -25px;
    top: 60px;
    position: absolute;
    border-left: 25px solid #eee;
    border-right: 0;
    z-index: 999;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.yoga-desc.title h1 {
	padding-left: 0;
	
}
.signature {
	margin-top: 30px;
	float: right;
	margin-right: 20px;
}
.yoga-desc.y-yog2::before {
    content: " ";
    width: 0;
    height: 0;
    left: -25px;
    z-index: 999;
    top: 60px;
    position: absolute;
    border-right: 26px solid #eee;
    border-left: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

/* ____________________________________ Company Effect Text____________________________________ */ 

#section2 .serv_content h4 {
    color: #3E3E3E;
    float: left;
    font-family: 'Raleway',sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 24px;
    padding-left: 0;
    padding-top: 35px;
    -moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
#section2 .serv_content:hover h4 {
	color:#93bc04;
}

#section2 .serv_block {height: 100%;}

#section2 .serv_content{
    
    transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;   
	
	height:100%;  
	top: 0;
    left: 0;
    padding:10px 10px 30px 10px;	
    }
.txt-about, .txt-mission, .txt-customer, .txt-corporate 
{
    transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;   
	-moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position:absolute;
}    
#section2 .current 
{
    transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;   
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position:relative;
}


#section2 .serv_content h4.h-corporate{
    color: #3E3E3E;
    float: left;
    font-family: 'Raleway',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0;
    transition: all 0.8s ease 0s;
    }
 #section2 h4.h-corporate:hover{
    color: #3E3E3E;
    } 
    
#section2 .serv_content .sub-corp-txt
{
    margin-bottom:10px;
}


/* ___________________________________ //Services ___________________________________ */

#services {
	background:#fff;
	padding-top:90px;
	padding-bottom:90px;
}
.content-massage .typography ul li{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 0;
	padding: 8px 0;
	font-size: 13px;
}
.content-massage .typography ul li i{
	color: #ccc;
	font-size: 16px;
	margin-right: 10px;
}
.try-tabs > ul > li .typography p.price-massage{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open sans', sans-serif;
    background: #352f2e;
    position: absolute;
    margin-top: -70px;
    padding: 15px 10px;
    text-transform: uppercase;
}
/* ___________________________________ //Pricing ___________________________________ */

#pricing{
	background:#352f2e;
	padding-top:90px;
	padding-bottom:90px;
	border-top: 5px solid rgba(255, 255, 255, 0.1);
	border-bottom: 5px solid rgba(255, 255, 255, 0.1);
}
#pricing .line-h{
	border-bottom: 1px solid rgba(255,255,255,0.1);
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
}
#pricing .title h1 {
	color:#ccc;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 0;
}
#pricing .title h1:after {
	border-top: 0px solid #444444;
}
#pricing {
	
}
.price-desc {
	text-align: center;
}
.price-desc img{
	margin-top: 25px;
}
.price-desc h4 {
	margin:5px 0 0px;
	padding:13px 10px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:26px;
	color:#fff;
	background: #484241;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.price-desc p {
	margin:0;
	padding:15px;
	color:#ccc;
	background: #352f2e;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.price-desc p.price-tot {
	font-size:34px;
	font-weight:300;
	font-family: 'Josefin Slab', sans-serif;
	background: #3f3938;
}
.price-desc p.price-tot span {
	font-size:13px;
	margin-left: 5px;
}
.contact_btn.price-plan {
	background: #352f2e;
}
/* ____________________________________ Section 3 ____________________________________ */

/*.infotop {
    visibility: hidden;
}*/
.visible {
    visibility: visible;
}
#section3{
	padding:90px 0;
}
#section3 .line-h{
	border-bottom: 1px solid rgba(255,255,255,0.1);
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
}

.galeria
{
	background: #352f2e;
}

.galeria .h1,.galeria .h1:after
{
	color:#fff !important;
}

.galeria .h1:after
{
	border-color:#fff !important;
}

.title h1,.title .h1 { 
    text-transform: uppercase;
    color: #232323;
    padding-left: 15px;
    margin-bottom: 40px;
    margin-top: 0px;
    text-align: center;
    font-family: 'Josefin Slab', sans-serif;
    font-size: 28px;
    line-height: 46px;
    font-weight: 400;
}
.title h1:after,.title .h1:after {
    display: block;
    margin-right: auto;
    margin-left: auto;
    content: " ";
    display: block;
    width: 30px;
    margin-top: 5px;
    height: 0;
    border-top: 1px solid #444444;
}
#section3 a.btn,#detailsprod a.btn{
	padding: 10px 19px 8px;
	background:#3f3938;
	color: #fff;
	border-radius: 0px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-top: 5px;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}
#section3 a.btn:hover,#detailsprod a.btn:hover {
	background:#352f2e;
	position: relative;
}
/* ============================================================
  GALLERY EFFECT  - ICON BORDER ANIMATE
============================================================ */
.effects {
	-webkit-transition: opacity 0.2s;
    -mozkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.effects .img-items {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.effects .img-items img {
  display: block;
  max-width: 100%;
  height: auto;
}
.team_block .overlay p {
	margin: 0 0px 10px 0px;
    padding: 5px;
    background-color: transparent;
    color: #232323;
    border: 0px;
    font-weight: 600;
    text-transform: uppercase;
}
.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(255,255,255,0.6);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.expand {
  display: flex;
  align-items: center;
    justify-content: center;
  position: absolute;
  z-index: 100;
  border: solid 1px #fff;
  text-align: center;
  color: #232323;
  line-height: 20px;
  font-weight: 300;
  font-size: 13px;
  padding: 10px;
}
.expand p:first-child {
	margin-top: 10px;
}
.effects .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  margin:30px;
}
.effects .overlay .expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.effects .img-items:hover .overlay {
  opacity: 1;
}
.effects .img-items:hover .overlay .expand {
  width: 90%;
    height: 83%;
}

/* ________________ team_block _________________ */
.team_block {
	position:relative;
	text-align:center;
}
.team_block img {
	/*border: 13px solid rgba(255,255,255,0.3);*/
	width: 100%;
}

.img-items {
	position:relative;
}
.img-items:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.5;
    border:10px solid rgba(255,255,255,0.5);
}
.team_bg {
	position:absolute;
	left:0;
	top:0;
	z-index:200;
}

.team_block h4,.team_block h3 {
	margin:5px 0 0px;
	padding:10px 0;
	text-transform:uppercase;
	font-family: 'Open sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:26px;
	color:#fff;
	background: #352f2e;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.team_block p {
	margin:0 0px 40px 0px;
	padding:15px;
	text-transform:none;
	border-top:0px dotted #fff;
	color:#fff;
	background: #352f2e;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-weight:400;
}
ul.team_soc {
	margin:10px 0 12px 0;
	padding:0;
}
.team_soc li {display:inline-block;}
.team_soc li a {
	display:inline-block;
	margin:0 3px;
	width:28px;
	height:28px;
}

a.soc1, a.soc2, a.soc3, a.soc4 {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.team_block:hover h4,.team_block:hover h3 {
	color:#fff;
	transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
}


/* ____________________________________ Contact ____________________________________ */

#contact {
    background: #fff;
    padding-top: 90px;
    padding-bottom: 60px;
}

/***GOOGLE MAPS****/

#map_container {
	width: 100%;
	margin-top:0px;	
	position: relative;
}
#map_canvas {
    height: 400px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1;
}

#map_canvas img { 
    max-width: none !important; 
    height: auto !important; 
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.section-map {
	position: relative;
}
.mm-open, .mm-close {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	position: absolute;
	font-size: 14px;
	font-family: 'Open sans',sans-serif;
	top: 47%;
    left: 49%;
    color: #333;
    font-weight: 400;
    cursor: pointer;
}
.mm-close {
    display: none;
    top: 0%;
}
.cover-map {
	background: rgba(255,255,255,0.4);
	height: 100%;
	width: 100%;
    position: absolute;	
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.cover-map i {
	font-size: 50px;
}
.cover-map img {
	moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   -webkit-transition: -moz-transform .5s ease-out; 
   -moz-transition: -webkit-transform .5s ease-out; 
   -o-transition: -o-transform .5s ease-out; 
    transition: transform .5s ease-out;
}
.content-map{
	margin: 70px auto 0 auto;
	text-align: center;
}
.cover-map.map-active img{
	moz-transform: scale(0);
   -webkit-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
}
.cover-map.map-active {
    height: 50px;
    background: rgba(255,255,255,0.4);
}

/* ______________ CONTACT_FORM ______________ */

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="number"],
.contact_form textarea {
	width:100%;
	margin:0 0 21px 0;
	padding:11px 10px 9px 19px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:20px;
	border:1px solid #fff;
	color:#3f3938;
	background: rgba(63,57,56,0.1);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	display: block;
}
.contact_form input[type="text"]:first-child {margin-left:0 !important;}
.contact_form textarea {
	resize: none;
	margin-left:0;
	height: auto;
    min-height: 130px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.contact_btn {
	position:relative;
	display: inline-block;
	border:none;
	text-transform:uppercase;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin:0 14px 14px 0;
	padding:10px 19px 8px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	text-align: center;
	vertical-align: middle;
	background:#3f3938;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.contact_btn:hover,
.send_btn:hover {
	background:#352f2e;
}

#ajax-contact-form .success{display:none;}
#ajax-contact-form .error{display:none;}
/* _____________ //CONTACT_FORM _____________ */

/* ____________ CONTACT_DETAILS _____________ */
.contact_det_block {margin-top:-5px;
}
p.success, p.error{
    display:none;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    }
ul.foot_block_intouch {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.foot_block_intouch i,ul.foot_block_intouch em {
	color:#ccc;
	font-size: 18px;
	background: #3f3938;
	padding: 10px;
	margin:0 10px 0 0;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
ul.foot_block_intouch .touch_mail i,ul.foot_block_intouch .touch_mail em {
	font-size: 16px;
	padding: 10px 9px 10px 10px;
}
ul.foot_block_intouch .touch_adress i,ul.foot_block_intouch .touch_adress em {
	padding: 10px 13px 10px 12px;
}
ul.foot_block_intouch .touch_phone i,ul.foot_block_intouch .touch_phone em {
	padding: 10px 11px 10px 10px;
}
.foot_block_intouch li {
    background:#352f2e;
    margin-top: 3px;
    }
.foot_block_intouch li p, .foot_block_intouch a {
	color:#fff;
	line-height:21px;
	font-size:14px;
	padding:0 0 0 0px;
	margin:0;
}
.foot_block_intouch li a:hover {color:#fff;text-decoration:none;}





/* ___________ //CONTACT_DETAILS ____________ */
#map_block {
	margin:0;
}


/* ____________________________________ FOOTER ____________________________________ */

#footer {
	background:#232323;
	padding:60px 0;
	margin-top: 0px;
	padding-bottom:40px;
}

.clients-count p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 5px 0;
	text-transform: uppercase;
	text-align: right;
}
.clients-count p span {
	margin-right: 25px;
}
.clients-count i {
	font-size: 16px;
	margin-right: 5px;
}
.footer-logo {
	padding-left: 0px;
	margin-bottom: 30px;
}
.clients-count {
	padding-right: 0px;
	margin-bottom: 30px;
}

.footer-box {
	padding-left: 0;
}
.footer-box ul{
	padding-left: 0;
}
.footer-box ul li{
	color: #fff;
	list-style-type: none;
	padding: 6px 0;
	display: inline-block;
    margin: 0px 10px;
}
.footer-box .last-prod li{
	display: inline-block;
	padding: 0;
	margin-bottom: 15px;
}
.location li i,.location li em {
	font-size: 14px;
	background: #3f3938;
	color: #b6aca7;
	margin-right: 5px;
	padding: 7px 8px;
}
.location li i.fa-map-marker,.location li em.fa-map-marker {
	padding: 7px 11px;
}
.location li i.fa-phone {
	padding: 7px 10px 7px 9px;
}
.footer-box .last-prod li img{
	width: 63px;
    padding: 0 7px 0 0;
}
/*tags*/
.footer-box ul.tags li{
    display: inline-block;
    padding: 4px 7px;
    border: 1px solid #786a65;
    margin-bottom: 10px;
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer-box ul.tags li:hover{
    background: #5e4f4a;
    cursor: pointer;
}
.footer-box h4 {
	font-size: 18px;
	margin-top: 20px;
}
#footerCopy {
	background:#1e1e1e;
	padding:27px 0 18px 0;
	margin-top: 0px;
}
#footerCopy.footer-details {
	margin-top:0;
}
.copyright {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#fff;
}
.copyright a {
	color:#fff;
}
.copyright a:hover {text-decoration:none;color:#fff;
}

/*** BUTTON TOTOP *****/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    z-index: 9999;
    background: url("../images/ui.totop.png") no-repeat left top;
}
#toTopHover {
    background: url("../images/ui.totop.png") no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */


/* ___________________________________ PAGE ABOUT ___________________________________ */

#about {
	background:#fff;
	padding-top:90px;
	padding-bottom:90px;
}
#about .desc-prod {
	font-weight:400;
	text-align: left;
}

#about .stars {
	margin-right: 10px;
}
#about .txt-desc-prod {
	margin-top: 20px;
}
.about-experts {
    margin-top: 90px;
    margin-bottom: 90px;
}

.about-experts .expert-content{
    border: 1px solid #eee;
    padding: 20px 20px;
    background: url(../images/wave.png) repeat;
    margin-right: 10px;
    width: 24%;
    transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.about-experts .expert-content:hover {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow:0 1px 3px rgba(0,0,0,0.6);
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.about-img-office {
	padding-left: 0;
}
.about-experts .expert-content i{
	font-size: 14px;
	color: #fff;
	background: #5da505;
	padding: 10px;
	margin: 20px 8px 5px 0;
	border-radius: 100%;
}
.about-experts .expert-content i:hover {
	cursor: pointer;
	background: #69b907;
}
.about-experts .expert-content i:last-child {
	margin: 20px 0px 5px 0;
}
.about-experts .expert-content i.fa-facebook {
	padding: 10px 14px;
}
.desc-exp {
	margin-top: 10px;
	font-weight: 400;
}
#parallax-about{
	background-image:url(../images/parallax.jpg);
	background-repeat:no-repeat !important;
	background-position:0 0 !important;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:auto;
	text-align:center;
}
.f-mention-item {
	font-weight: 600;
}

#parallax-about .number-circle {
	background: rgba(255,255,255,0.4);
	border-radius:100%; 
	margin-right: 60px;
	width: 20%;
	padding: 55px 30px;
	border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 5px rgba(255, 255, 255,0.4);
}
#parallax-about .number-circle:last-child {
	margin-right: 0px;
}
.counter {
    font-size: 56px;
    color: #111;
    display: inline-block;
    font-family: 'Josefin Slab', sans-serif;
    font-weight: 300;
    text-align: center;
    }

/* ___________________________________ PAGE DETAILS ___________________________________ */

#sectiondetails{
	width:100%;
	height:180px;
	text-align:center;
	background:#1eb8d8;
}
#detailsprod {
	background:#fff;
	padding-top:90px;
	padding-bottom:90px;
}
#detailsprod .desc-prod {
	font-weight:400;
}
.det-price {
	float: right;
}
#detailsprod .stars {
	margin-right: 10px;
}
#detailsprod .txt-desc-prod {
	margin-top: 20px;
}
.bxslider p {
	color:#ddd;
	padding: 10px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #454141;
}
.comments {
	margin-top: 90px;
	margin-bottom: 90px;
}

.second-comment {
	margin-top: 30px;
}
/*user*/
.b-remaining {
    overflow: hidden;
}
.b-mention-item__user {
    float: left;
    width: 110px;
    text-align: center;
}
.b-mention-short-item__user_img, .b-mention-item__user_img {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    padding: 2px;
}
.f-mention-item__user_info {
	text-align: center;
	font-size: 13px;
}
.f-mention-item__user_name.f-primary-b {
	color: #5da505;
	font-weight: 600;
	text-transform: uppercase;
}
.f-mention-item__user_position {
	font-weight: 400;
}
.b-mention-short-item__user_img img, .b-mention-item__user_img img {
    border-radius: 50%;
}
.b-mention-item__user_img {
    display: inline-block;
    margin-bottom: 5px;
}
.b-mention-item__user_img img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    width: 87px;
}
.b-mention-short-item__comment, .b-mention-item__comment {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 10px 18px 8px;
    position: relative;
}
.b-mention-item__comment {
    margin-left: 28px;
}
.b-mention-item__comment:before {
    content: '';
    border-width: 11px;
    border-style: solid;
    border-color: transparent #e3e3e3 transparent transparent;
    position: absolute;
    left: -23px;
    top: 25px;
}
.f-mention-item__comment_text {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}
.b-mention-item__comment:after {
    content: '';
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -20px;
    top: 26px;
}
.f-mention-item__comment_text a {
    color: #5da505;
}





.bx-wrapper .bx-viewport {
	z-index: 999;
}
.bx-wrapper .bx-controls-direction .bx-prev i,.bx-wrapper .bx-controls-direction .bx-next i {
	border: 0px solid rgba(220,220,220,0.6);
	color:#fff;
}
.bx-wrapper .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls-direction .bx-next {
    opacity: 0;
    display: block;
    position: absolute;
    padding: 0;
    border: 0px solid rgba(220,220,220,0.6);
    border-radius: 0px;
    top: 30%;
    margin-top: -35px;
    width: 105px;
    height: 105px;
    line-height: 105px;
    font-size: 16px;
    text-align: center;
    color: #111;
    z-index: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bx-wrapper .bx-prev{
	left: 40px;
}
.bx-wrapper {
	padding: 0 30px 30px 30px;
}
.bx-wrapper .bx-next{
	right: 40px;
}
.bx-prev:before,
.bx-next:before{
    content: "";
    display: block;
    width: 66%;
    height: 66%;
    position: absolute;
    top: 17px;
    left: 0;
    
    background: #454141;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bx-next:before{
    left: auto;
    right: 0;
}
.bx-prev .fa,
.bx-next .fa{
    position: relative;
}
.bx-prev:hover,
.bx-next:hover{	
	-webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
	 -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.bx-wrapper .bx-controls-direction i {
	margin-top: -12px;
}
.bx-prev:hover:before,
.bx-next:hover:before{
    opacity: 0.87;
}
.bx-prev:active:before,
.bx-next:active:before{	
	opacity: 0.6;
}
#section3:hover .bx-prev{
	opacity: 1;
	left: 0px;
}
#section3:hover .bx-next{
	opacity: 1;
	right: 0px;
}
#section3:hover .bx-next i{
	opacity: 1;
	right: 0px;
}
.bx-wrapper .bx-controls-direction i:hover {
	color: #fff;
	background-color: transparent;
	border:0px solid rgba(220,220,220,0.6);
}



/* ___________________________________ PAGE DETAILS 2___________________________________ */

#sectiondetails2{
	background-image:url(../images/1.jpg);
	background-repeat:repeat-x !important;
	background-size: 100% 100% !important;
	background-position:0 0 !important;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:300px;
	text-align:center;
}
#sectiondetails2 img{
	margin-top: 100px;
}
.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
    width:110px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}

/* ___________________________________ PAGE SHOPPING CART___________________________________ */

#shoppingCart{
	background-image:url(../images/wave.png);
	background-repeat:repeat !important;
	background-attachment: fixed;    
	width:100%;
	height:300px;
	text-align:center;
}
#shoppingCart img{
	margin-top: 100px;
}
#cartprod .shopping-prod table{
	width: 100%;
    border-collapse: collapse;
}
#cartprod .shopping-prod table tbody p{
	float: left;
    margin-top: 10px;
}
#cartprod {
    background: #fff;
    padding-top: 90px;
    padding-bottom: 90px;
}
.shopping-prod th {
    border: 1px solid #dfdfdf;
    background: #fafafa;
    padding: 1em;
    color: #515151;
    font-size: 16px;
}
.shopping-prod td {
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 1em;
    vertical-align: middle;
    color: #2d8226;
    font-size: 16px;
}

a.c-primary {
    color: #666666;
}
.b-href-with-img img {
    float: left;
    margin-right: 1em;
}
.b-product-cart span {
    display: block;
    line-height: 20px;
}
.f-title-small {
    font-size: 1.07692em;
}
.f-title-smallest {
    font-size: 0.92308em;
}
.form-control-secondary {
    font-size: 0.92308em;
    line-height: 1.2;
    height: 30px;
    padding: 5px 9px;
    color: #666666;
    background-color: #f8f8f8;
    border-color: #dedede;
    border-radius: 2px;
}
.input-number-box {
    position: relative;
}
.input-number {
    padding-right: 25px;
}
.input-number-more {
    top: 4px;
    border-color: transparent transparent #989898 transparent;
}
.input-number-more, .input-number-less {
    position: absolute;
    right: 8px;
    border-width: 5px;
    border-style: solid;
    cursor: pointer;
}
.input-number-less {
    bottom: 4px;
    border-color: #989898 transparent transparent transparent;
}
.input-number-less:hover {
    border-color: #2d8226 transparent transparent transparent;
}
.input-number-more:hover {
    border-color:  transparent transparent #2d8226 transparent;
}
.b-product-cart .b-align-middle {
    vertical-align: middle;
}
.b-align-middle {
    text-align: center;
}
.f-center {
    text-align: center;
}
.btn-close-o {
  font-size: 0.84615em;
  line-height: 1;
  padding: 2px;
  background-color: #fff;
  color: #111;
  text-align: center;
  display: inline-block; 
}
.btn-close-o:hover {
    background-color: #fff;
    color: #2d8226; 
}
.btn-close-o i {
	color: #111;
	font-size: 18px;
}
.btn-close-o i:hover {
	color: #2d8226;
}
.btn-close-o i:before {
    width: 11px;
    display: block; 
}

.b-product-cart-small__content {
    padding: 1em;
}
.b-product-cart-small {
    border: 1px solid #dedede;
}
.tot-cart {
	padding-right: 0;
}
.b-product-cart-small__header {
    padding: 0.9em 0.9em 0.7em;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 -1px 1px #e8e8e8 inset;
    background: #fafafa;
}
.b-product-cart-small__content {
    padding: 1em;
}
.f-primary-b {
    font-weight: 700;
}
.f-uppercase {
    text-transform: uppercase;
    color: #3f3938;
}
.b-form-row-big {
    margin-bottom: 17px;
}
.b-form-select select {
    width: 100%;
}
.b-form-select span.ui-selectmenu-button {
    font-size: 0.92308em;
    line-height: 1.83333;
    outline: 0 none;
    border: 1px solid #dddddd;
    border-radius: 2px;
    color: #666666;
    width: 100% !important;
    display: block;
    overflow: hidden;
}
.content-calculate {
	margin-top: 40px;
}
.calculate-cart {
	padding-left: 0;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	font-weight: 400;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item:hover {
    background-color: #c3c4c5;
    color: #fff;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0.7em 2.1em 0.7em 1em;
}
.b-form-select span.ui-icon {
    right: 9px;
    margin-top: -2px;
    position: absolute;
    border-style: solid;
    border-width: 6px;
    border-color: #666666 transparent transparent transparent;
}
.b-select-secondary .ui-selectmenu-text {
    background-color: #f8f8f8;
    color: #333333;
}

.ui-selectmenu-menu .ui-menu {
    border: 1px solid #dddddd;
    border-top: 0;
    background-color: #f3f3f3;
    padding-bottom: 0;
    margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
    padding: 7px 1em 7px .8em;
    border-top: 1px solid #dddddd;
    color: #666666;
    font-weight: 400;
}

.b-product-cart-small__content_row-half {
    float: left;
    width: 50%;
}
.b-product-cart-small__content_row-half:last-child {
    padding-left: 0.7em;
}
.content-calculate a.btn{
    padding: 10px 19px 8px;
    background: #3f3938;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-top: 5px;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.content-calculate a.btn:hover {
background: #352f2e;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: auto;
}

.b-product-cart-small__content_info_title {
    float: left;
    line-height: 16px;
}
.c-senary {
    color: #515151;
}
.b-product-cart-small__content_info_row {
    border-bottom: 1px solid #dedede;
    padding: 8px 0 5px;
    overflow: hidden;
    font-weight: 400;
}
.b-product-cart-small__content_info_value {
    float: right;
}
.c-default {
    color: #6b6f2a;
    font-size: 16px;
}
.content-calculate a.checkout-btn {
	margin-top:20px;
}

/* ___________________________________ PAGE RESERVATION ___________________________________ */

#reservation {
    background: #fff;
    padding-top: 90px;
    padding-bottom: 90px;
}
.reserv-title {
	font-weight: 600;
    text-transform: uppercase;
    margin-left: 2px;
}
#datepicker {
	padding: 0.5em 2.1em 0.5em 1em;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.ui-datepicker {
	background: #352f2e;
}
.ui-datepicker th {
	color: #8d817b;
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight,.ui-datepicker .ui-widget-header .ui-state-highlight {
	border: 1px solid #8d817b;
	background: #484040;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
	border: 1px solid #352f2e;   
}
.ui-datepicker td span, .ui-datepicker td a:hover {
	border: 1px solid #8d817b;   
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-datepicker .ui-icon {
    width: 16px;
    height: 16px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 600;
	color: #fff;
}

.personal-info {
	margin-top: 80px;
}
#reservation-form {
	padding: 0 15px;
}

/* ___________________________________ PAGE BLOG ___________________________________ */

#sectionblog{
	background-image:url(../images/blog/topbanner.jpg);
	background-repeat:no-repeat !important;
	background-position:right center;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:300px;
}
#about .t-blog .desc-prod {
	font-weight:400;
	text-align: center;
}
#sectionblog {
	text-align: left;	
}
#sectionblog img{
	margin-top: 120px;
}
#sectionblog .content-top-txt {
	padding-left: 0;
}
.title.t-blog h1 {
	padding-left: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.blog-img {
    padding-left: 0;
    overflow: hidden;
    position: relative;
    display:block;
}
.t-blog .bx-wrapper .bx-controls-direction .bx-prev,.t-blog .bx-wrapper .bx-controls-direction .bx-next {
	top: 45%;
	
}
.t-blog .bx-prev:before,.t-blog .bx-next:before {
	background: #009ba8;
}
.blog-img img{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
}
/*.blog-img img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}*/

/*Slide bxSlider Single Images*/

.blog-box-af {
	margin-top: 70px;
}
.t-blog .bx-wrapper {
	padding: 0;
}
.t-blog .bx-wrapper .bx-prev {
    left: -90px;
}
.t-blog .bx-wrapper .bx-next {
    right: -90px;
}
.t-blog .blog-img:hover .bx-prev{
	opacity: 1;
	left: -34px;
	z-index: 9999;
}
.t-blog .blog-img:hover .bx-next{
	opacity: 1;
	right: -34px;
	z-index: 9999;
}
.t-blog .blog-img:hover .bx-next i{
	opacity: 1;
	right: 0px;
}
.t-blog .bx-wrapper .bx-controls-direction i {
    top: 35%;
    left: 30%;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	cursor: pointer;
	
}
.t-blog .bx-wrapper .bx-controls-direction i:hover {
    color: #fff;
	background-color: transparent;
	border:0px solid rgba(220,220,220,0.6);
}
.t-blog .bx-has-controls-direction {
	margin-top: 0;
}
.desc-video {
	margin-bottom: 90px;
}
.js-video iframe {
    vertical-align: top;
    width: 100%;
    height: 550px;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
}

/* ___________________________________ PAGE BLOG RIGHT COLUMN___________________________________ */

#sectionblog_right{
	background-image:url(../images/blog/topbanner_right.jpg);
	background-repeat:no-repeat !important;
	background-position: bottom center;
	background-attachment: fixed;    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:300px;
}

h2.t-title-office {
    font-family: 'Josefin Slab', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    text-align: left;
}
.widget_search {
    position: relative;
    padding-bottom: 2px;
}
.sidepanel {
    margin-bottom: 30px;
}
.widget_search input[type="text"] {

    display: block;
    width: 100%;
    background: #fff;
    text-shadow: none;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 300;
    padding: 6px 15px 7px 15px;
    border: 1px #bfbfbf solid;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    margin: 0px 0 20px 0;
    -webkit-appearance: none !important;
    outline: none;
}

.widget_search input[type="submit"] {
    cursor: pointer;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 17px !important;
    width: 17px !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 17px !important;
    text-decoration: none;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 9px;
    right: 13px;
    z-index: 10;
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -83px 0;
}
.category {
    list-style-type: none;
    padding: 0;
    margin-bottom: 50px;
}
.right-column li {
	font-weight: 400;
}
.category li i {
	margin-right:10px;
	margin-bottom: 10px;
}
.category li:hover {
	color:#009ba8;
	cursor: pointer;
}
.post-lateral {
    list-style-type: none;
    padding: 0;
    margin-bottom: 60px;
}
.post-lateral li{
    margin-bottom: 20px;
}
.post-lateral li img{
    margin-right: 10px;
    float: left;
    width: 20%;
}
.post-data {
	font-size: 11px;
	color:#888888;
}

.tags {
    list-style-type: none;
    padding: 0;
    
}
.tags li {
	padding:5px 15px;
	display: inline-block;
	border-radius:30px;
	border:1px solid #c3c3c3;
	margin-bottom: 10px;
	margin-right: 3px;
}
.tags li:hover {
	color:#009ba8;
	cursor: pointer;
	border:1px solid #009ba8;
}

/* ___________________________________ PAGE BLOG RIGHT COLUMN SINGLE___________________________________ */

.desc-single-bl {
	margin-bottom: 60px;
}
.leave-single {
	margin-top: 60px;
	margin-bottom: 90px;
}

/* ___________________________________ GALLERY___________________________________ */
#sectiongallery{
	background-image:url(../images/brickwall.png);
	background-repeat:repeat !important;
	background-position:0 0 !important;
	background-attachment: fixed;    
	width:100%;
	height:300px;
	text-align:center;
}
#sectiongallery img{
	margin-top: 100px;
}

#gallery {
	padding-top: 90px;
	padding-bottom: 90px;
}

.gallery-img {
	padding-bottom: 30px;
}

.grid-gallery {
	position: relative;
	margin: 0 auto;
	padding: 0 0 0;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid-gallery figure {
	position: relative;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid-gallery figure img {
	position: relative;
	display: block;
	/*min-height: 100%;
	max-width: 100%;*/
	opacity: 0.8;
}

.grid-gallery figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-gallery figure figcaption::before,
.grid-gallery figure figcaption::after {
	pointer-events: none;
}

.grid-gallery figure figcaption,
.grid-gallery figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid-gallery figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-gallery figure h2,.grid-gallery figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-family: 'Josefin Slab', sans-serif;
	font-size: 26px;
	color: #fff;
	padding: 0;
    text-transform: none;
    text-align: center;
    line-height: 20px;
}

.grid-gallery figure h2 span {
	font-weight: 800;
}

.grid-gallery figure h2,
.grid-gallery figure p {
	margin: 0;
}

.grid-gallery figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #009ba8 0%, #2a7de1 40%, #1eb8d8 100%);
	background: linear-gradient(45deg, #009ba8 0%,#2a7de1 40%,#1eb8d8 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
    overflow: auto;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2,figure.effect-oscar h3 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2,figure.effect-oscar:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}
/* ___________________________________ PAGE PRODUCT LIST ___________________________________ */


.clear{clear: both;}
.grid, .list{
	border-radius: 3px;
	width: 15px; 
	height:15px; 
	margin-left: 10px; 
	float: left; 
	cursor:  pointer; 
	padding: 5px; 
}

.grid{background: url(../images/product/grid.png) 50% no-repeat;}
.grid:hover{background: #7eb800 url(../images/product/gridw.png) 50% no-repeat;}
.grid-active{ background: #039fd3 url(../images/product/gridw.png) 50% no-repeat; }

.list{background:  url(../images/product/list.png) 50% no-repeat;}
.list:hover{background: #7eb800 url(../images/product/listw.png) 50% no-repeat;}
.list-active{background: #039fd3 url(../images/product/listw.png) 50% no-repeat;}

.content-list-product {
	padding: 90px 0;
}
.content-list-product h1 i{
	float: right;
    margin-right: 15px;
	font-size: 20px;
    margin-top: 25px;
}
.content-list-product h1 #grid{
	 margin-top: 27px;
}
.content-list-product h1 i:hover {
	cursor: pointer;
}
/* Grid Style */
.prod-box{
	padding: 10px;
	background-color: #fff;
	margin: 10px;
    float: left;
    width: 23%;
}

.prod-box img:first-child, .prod-box-list img:first-child{
	float: left;
}
.prod-box a{
	text-decoration: none;
	width:80%;
	float: left;
	margin: 5px 0;
	color:#333;
	font-family: 'Open sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	text-align: left;
	letter-spacing: 0.08em;
}
.prod-box p{ display: none;}

.prod-box .old{
	margin-right: 20px;
	color: #be0000 !important;
	text-decoration: line-through;
}
.prod-box .price{
	width: 60px;
	display: inline; 
	float: left;
	font: italic 13px georgia;
	color: #181818;
}
.prod-box .price-cnt {
	float: left;
}
.prod-box .buy-ico{
	border-radius: 20px;
	width: 35px; 
	height: 35px;
	float: right;
	margin: 5px;
	cursor: pointer;
	background: #009ba8 url(../images/product/bag-ico.png) 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box .buy-ico:hover{
	background-color: #7eb800;
}

/* List View Style */
.prod-box-list{
	width: 100%;
	margin: 15px 0;
	padding: 10px;
	background-color: #fff;
	float: left;
}
.prod-box-list img {
	width: 25%;
}
.prod-box-list h3 a{
	text-decoration: none;
	width:320px;
	float: left;
	padding:0;
	margin: 0 10px;
	color:#3c2e25;
	font: italic normal 22px georgia;
}
.prod-box-list p{
	color: #636363;
	width:60%;
	float: left;
	margin: 20px 10px 10px 10px;
	font:  13px  Open sans;
	line-height: 20px;
}
.prod-box-list .list-title {
	color:#333;
    font-weight: 400;
    margin-left: 10px;
    font-size: 16px;
    
}
.prod-box-list .buy-ico{
	border-radius: 5px;
	width: 85px; 
	height: 30px;
	color: #fff;
	padding: 5px 5px 5px 30px;
	font:italic 12px georgia;
	float: right;
	margin: 0 5px;
	cursor: pointer;

	background: #009ba8 url(../images/product/bag-ico.png) 5% 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box-list .buy-ico:before{content: "More Details";	line-height: 22px;  }
.prod-box-list .buy-ico:hover{	background-color: #7eb800;}

.prod-box-list .old{	
		color: #be0000 !important; 
	float: right;	
	font-style: 18px;
	text-decoration: line-through;
}
.prod-box-list .price{
	margin-right: 10px;
	display: block; 
	font: italic 20px georgia;
	color: #181818;
	margin:7px;
}
.prod-box-list .price-cnt{ width: 95px; height: auto; float: right; text-align: right;}


/* Css Shadow Effect for the prod-box and prod-box-list div */
 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}

/* ___________________________________ PAGE PRODUCT LIST 3 COLUMN___________________________________ */

.content-list-product-3 {
	padding: 90px 0;
}
.content-list-product-3 h1 i{
	float: right;
    margin-right: 15px;
	font-size: 20px;
    margin-top: 25px;
}
.content-list-product-3 h1 #grid{
	 margin-top: 27px;
}
.content-list-product-3 h1 i:hover {
	cursor: pointer;
}
.content-list-product-3 .prod-box {
	width: 31.6%;
}


/********************/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.copyright-txt a 
{
    color:#fff;
}

body 
{
    overflow-x:hidden;
}

.logoeu
{
  margin-right:20px;
}

input[type=checkbox]
{
  width:auto !important;
  width:13px !important;
  vertical-align:middle !important;
  margin:0px !important;
  text-align:right !important;
  display:inline-block !important;
}

.ajax-loader {    width: 79px;  margin-top: -10px;  margin-left: -16px;display:none;}
.ajax-result {margin:0px 0px 20px 0px }
.ajax-result .success, .ajax-result .error{clear:both; padding: 10px;border: 1px solid green;font-size: 14px;background: #a9e4a9;color:#000;text-align:center;  display:none; }
.ajax-result .error{background: #f98e8e;}
.ajax-result-phone {margin-top:10px;}
.ajax-result-phone .success, .ajax-result-phone .error{clear:both; padding: 10px;border: 1px solid green;font-size: 14px;background: #a9e4a9;color:#000;text-align:center; display:none; }
.ajax-result-phone .error{background: #f98e8e;}

.labelcheck
{
  width:calc(100% - 23px);
  vertical-align:middle;
  margin:0px;
  display:inline-block !important;
      font-size: 13px;
    line-height: 14px;
    font-weight:400 !important;
}

.labelcheck a 
{
  text-decoration:underline;
  color: #232323;
}

.contienecheckbox
{
  text-align:left;
  margin-bottom:30px;
}


.logoskit img
{
  display:inline-block;
  vertical-align:middle;
}



.legales
{
    font-size:16px;
    line-height:26px;
}

.legales h3,.legales h4
{
  margin:15px 0px;
  color: #232323;
  text-align:left;
  font-size: 30px !important;
  line-height: 35px;

}

.legales a 
{
  text-decoration:underline;
  color: #232323;
}

.legales ul 
{
  padding-left:40px;
}

.legales ul li 
{
    display: list-item;
    list-style: disc;
}

.legales ul li 
{
  margin:10px 0px;
}

.legales h3
{
  font-size:20pt !important;
}

.legales h5
{
  text-decoration:underline;

}

.legales h4 
{
  margin:15px 0px;
}

.wrapper,.container,.wrapper2
{
    max-width:1500px !important;
    width:100% !important;
}

.auto-container
{
  max-width:1500px;
}

#logo 
{
	padding-top: 10px;
    position: absolute;
    top: 0px;
    left: 20px;
}

.mb-50
{
	margin-bottom:50px;
}

.mb-30
{
	margin-bottom:30px !important;
}

.imgyoga
{
	border-radius:100%;
	width:530px;
	max-width:100%;
	box-shadow: 21px 21px 0px 0px rgba(0,153,168,1);
-webkit-box-shadow: 21px 21px 0px 0px rgba(0,153,168,1);
-moz-box-shadow: 21px 21px 0px 0px rgba(0,153,168,1);
}

.columnayoga
{
	padding:40px;
}

.columnayoga2
{
	text-align:right;
}

.logosmarcas
{
	text-align:center;
}

.logosmarcas img 
{
	display:inline-block;
	vertical-align:middle;
	margin:20px;
}

.botoncta
{
	font-size: 20px;
	background:#273480;
	margin-top:15px;
	border:0px !important;
}

@media only screen and (max-width: 500px) 
{
	.botoncta
	{
		font-size:15px;
	}
}

#sectiondetails .container 
{
	display:flex;
	align-items:end;
	justify-content: end;
    height: 100%;
    padding-bottom: 12px;
}

.contenedormenu
{
	position: relative !important;
    overflow: visible !important;
}


/********************************************************************************************************************************
**************************************************  ACCESSIBILITY PARAMETERS **************************************************** 
*********************************************************************************************************************************/


p, li, span, a, div { line-height: 2 !important;  letter-spacing: 0.12em !important;  word-spacing: 0.16em !important;}



.logoskit
{
  margin-top:15px;
}





/********************************************************************************************************************************
****************************************************** FOCUS PARAMETERS ********************************************************* 
*********************************************************************************************************************************/

input:focus, textarea:focus, textarea:focus {outline: 2px solid black !important;}
a:focus-visible, *:focus-visible, a:focus-visible img, a:focus-visible h2, a:focus-visible h3{ outline: 4px dashed darkorange !important;}
a.AccessibilityLinkFirstLevelWithMenu + .AccessibilityDropDownMenu[aria-expanded="true"] { display: block !important; visibility: visible !important; opacity: 1 !important; }