/***** 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:#61ad03;

	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 1.5s;

    -moz-animation: navMotion 1.5s;

    -o-animation: navMotion 1.5s;

    animation: navMotion 1.5s;

}



.effect_nav ul.navigation > li:nth-child(2){

    -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(3){

    -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(4){

    -webkit-animation: navMotion 2.1s;

    -moz-animation: navMotion 2.1s;

    -o-animation: navMotion 2.1s;

    animation: navMotion 2.1s;

}



.effect_nav ul.navigation > li:nth-child(5){

    -webkit-animation: navMotion 2.3s;

    -moz-animation: navMotion 2.3s;

    -o-animation: navMotion 2.3s;

    animation: navMotion 2.3s;

}



.effect_nav ul.navigation > li:nth-child(6){

    -webkit-animation: navMotion 2.5s;

    -moz-animation: navMotion 2.5s;

    -o-animation: navMotion 2.5s;

    animation: navMotion 2.5s;

}



.effect_nav ul.navigation > li:nth-child(7){

    -webkit-animation: navMotion 2.7s;

    -moz-animation: navMotion 2.7s;

    -o-animation: navMotion 2.7s;

    animation: navMotion 2.7s;

}

.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: 25px 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:18px;

	padding: 15px 15px;

}

.navigation li:first-child{margin-left:0;}

.navigation li:hover,

.navigation li a.active {

	cursor:pointer;

	color: #61ad03;

}

.navigation li:hover a,

.navigation li a.active {

	color: #61ad03;

}

#menu-icon {	

	color: #fff;

    margin-right: 10px;

    font-size: 17px;

    display: none;

}

#menu-icon i {

	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: 15%;

}

.sub-sub-link i {

	font-size: 7px;

    background: #61ad03;

    margin-right: 7px;

    color: #61ad03;

}

.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: #61ad03;

}

.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: 86px;

	color:#fff;

	font-weight: 400;

}

h4 {

	margin:0;
	   
    text-align:center;

	padding:13px 0 20px 0;

	text-transform:uppercase;

	font-family: 'Josefin Slab', sans-serif;

	font-weight:400;

	font-size:34px;

	font-style:normal;

	color:#000;

}



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-comname {

	position: absolute;

    z-index: 9999;

    font-size: 130px;

    top: 18%;

    left: 15%;

	margin-bottom: 30px;

    font-family: 'Cookie', Helvetica, sans-serif;

	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);

	font-weight:400;

	line-height: 0.5;

	text-align: left;

	animation-duration: 4s;

	animation-delay: 2s;

}

.slider-txt {

	position: absolute;

    z-index: 9999;

    font-size: 80px;

    top: 28%;

    left: 15%;

    font-family: 'Cookie', Helvetica, sans-serif;

	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);

	font-weight:400;

	line-height: 1.1;

	margin-top: 15px;

	text-align: left;

	animation-duration: 4s;

	animation-delay: 2s;

}

#slide1 .slider-txt-info {

	margin: 0;

    font-size: 16px;

    font-weight: 600;

    position: absolute;

    z-index: 9999;

    top: 38%;

    left: 15%;

    font-style: italic;

    letter-spacing: 1px;

	line-height: 1.8;

    padding-left: 10px;

	animation-duration: 3s;

	animation-delay: 1s;

}

#slide1 .slider-txt-info:nth-child(1) {

	top: 40%;

}

#slide1 .slider-txt-info:nth-child(2) {

	top: 60%;

}

#slide1 .slider-txt-info:nth-child(3) {

	top: 48%;

}

#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:80px;

	padding-bottom:50px;

}



#section2 .ab_title {

    background-color: #93bc04;

    padding: 30px 0 30px 0;

    margin-bottom: 30px;

}

#section2 h4{

     text-align: center;

    padding: 25px 10px;

    color: #444;

    font-family: 'Open sans',sans-serif;

    font-weight: 600;

    font-size: 18px;

     }

.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/parallax3.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 h4.txt-discount {

	margin-top: 20px;

	font-weight: 300;

	font-size: 40px;

	font-family: Open sans;

    color: #333;

    font-style: italic;

}

#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 {

	background: #cacac8;

    padding: 50px 0;

	-webkit-transition: -webkit-transform 0.5s linear 0s, opacity 0.5s linear 0s;

    transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;

}



/*______________________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/slider/parallax1.png);

	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;

}

#parallax1 h3 {

	vertical-align:middle;

	margin-top: 0;

}

#parallax1 .effect_3 {

	padding: 150px 0;

	background: rgba(0,0,0,0.2);

}

#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,0,0,0.3);

	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: #cacac8;

    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 #cacac8;

    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: 50px;

    position: absolute;

    border-right: 26px solid #cacac8;

    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:50px;

	padding-bottom:50px;

}

.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{

	background:#352f2e;

	padding:90px 0;

	border-top: 5px solid rgba(255, 255, 255, 0.1);

	border-bottom: 5px solid rgba(255, 255, 255, 0.1);

}

#section3 .line-h{

	border-bottom: 1px solid rgba(255,255,255,0.1);

	width: 100%;

	padding: 0;

	margin-bottom: 40px;

}

#section3 .title h1 {

	color:#ccc;

	border-bottom: 1px solid rgba(0,0,0,0.2);

	margin-bottom: 0;

}

#section3 .title h1:after {

	border-top: 0px solid #444444;

}

.title h1 { 

    text-transform: uppercase;

    color: #232323;

    padding-left: 15px;

    margin-bottom: 40px;

    margin-top: 0px;

}

.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 #61ad03;

}

.service-title:after {

    display: block;

    margin-right: auto;

    margin-left: auto;

    content: " ";

    display: block;

    width: 30px;

    margin-top: 5px;

    height: 0;

    border-top: 1px solid #61ad03;

}

#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;

}



/* ____________________________________ Section 5 Gallery ____________________________________ */



.infotop {

    visibility: hidden;

}

.visible {

    visibility: visible;

}

#section5{

	background:#352f2e;

	padding:90px 0;

	border-top: 5px solid rgba(255, 255, 255, 0.1);

	border-bottom: 5px solid rgba(255, 255, 255, 0.1);

}

#section5 .line-h{

	border-bottom: 1px solid rgba(255,255,255,0.1);

	width: 100%;

	padding: 0;

	margin-bottom: 40px;

}

#section5 .title h1 {

	color:#ccc;

	border-bottom: 1px solid rgba(0,0,0,0.2);

	margin-bottom: 0;

}

#section5 .title h1:after {

	border-top: 0px solid #444444;

}

.title h1 { 

    text-transform: uppercase;

    color: #232323;

    padding-left: 15px;

    margin-bottom: 40px;

    margin-top: 0px;

}

.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 #61ad03;

}

#section5 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;

}

#section5 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: block;

  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 {

	margin:5px 0 0px;

	padding:10px 0;

	text-transform:uppercase;

	font-family: 'Open sans', sans-serif;

	font-weight:300;

	font-size:18px;

	line-height:26px;

	color:#fff;

	background: #352f2e;

	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;

}

.team_block p {

	margin:0 0px 40px 0px;

	padding:15px;

	text-transform:none;

	border-top:0px dotted #ccc;

	color:#ccc;

	background: #352f2e;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

}

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 {

	color:#ccc;

	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 ______________ */

#fields {

	margin-left:15;

}



.contact_form_Add {

	border-right:2px solid #ddd;

	color:#3f3938;

	display: block;

	height: 310px;

}

.contact_form_Add h4 {

	font-family: 'Open sans',sans-serif;

	color: #444;

	font-size: 30px;

	letter-spacing: 2px;

	font-weight: 600;

	padding: 15px 0px 0px 5px;

	margin-top: 35px;

}

.contact_form_Add ul {

	font-family: 'Open sans',sans-serif;

	color: #444;

	font-size: 15px;

	font-weight: 600;

	padding: 10px 10px;

	margin-top: 5px;

	list-style: none;

	line-height: 1.5;

}

.contact_form_Add ul li {

	margin-top: 5px;

}

.contact_form_Add li i {

	color: #3f3938;

	margin-right: 5px;

	padding: 7px 8px;

}



.contact_form input[type="text"],

.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;

	letter-spacing: 2px;

	line-height:18px;

	border:1px solid #ddd;

	color:#3f3938;

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

	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;

	letter-spacing: 2px;

	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:#61ad03;

}



#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 {

	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 {

	font-size: 16px;

	padding: 10px 9px 10px 10px;

}

ul.foot_block_intouch .touch_adress i {

	padding: 10px 13px 10px 12px;

}

ul.foot_block_intouch .touch_phone i {

	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:#93bc04;text-decoration:none;}











/* ___________ //CONTACT_DETAILS ____________ */

#map_block {

	margin:0;

}





/* ____________________________________ FOOTER ____________________________________ */



#footer {

	background:#232323;

	padding:100px 0;

	margin-top: 0px;

}



.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;

}

.footer-logo p {

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.8;

	color: #b6aca7;

	float: left;

}

.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;

}

.footer-box .last-prod li{

	display: inline-block;

	padding: 0;

	margin-bottom: 15px;

}

.footer-box p {

	color: #fff;

	margin: 5px 0 15px 0;

}

.location li i {

	background: #3f3938;

	color: #b6aca7;

	margin-right: 5px;

	padding: 7px 8px;

}

.location li i span {

	font-size: 14px;

	background: #3f3938;

	color: #b6aca7;

	margin-right: 10px;

	padding: 7px 8px;

}

.location li i.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;

	letter-spacing: 1px;

	font-weight: 400;

	color: #ff9999;

}

#footerCopy {

	background:#1e1e1e;

	padding:27px 0 18px 0;

	margin-top: 0px;

}

#footerCopy.footer-details {

	margin-top:0;

}

.copyright {

	float:left;

	text-transform:uppercase;

	font-family: sans-serif;

	font-weight:400;

	color:#979797;

}

.copyright a {

	color:#ff9999;

}

.copyright a:hover {text-decoration:none;color:#fff;

}



.copyright-section {

    border-top: 1px solid #363636;

    font-size: 12px;

    padding: 20px 0;

    background: #1d1d1d;

    color: #7f7f7f;

}

/*** 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:60px;

	padding-bottom:50px;

}

#about .desc-prod {

	font-weight:400;

	text-align: left;

}



#about .stars {

	margin-right: 10px;

}

#about .txt-desc-prod {

	margin-top: 15px;

	font-size: 14px;

	line-height: 2;

	font-weight:400;

	text-align: justify;

	text-justify: inter-word;

}

.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-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-testimonials{

	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{

	background-image:url(http://placehold.it/1920x1080);

	background-repeat:no-repeat !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;

}

#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: #61ad03;

}

.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:#61ad03;

	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:#61ad03;

	cursor: pointer;

	border:1px solid #61ad03;

}



/* ___________________________________ 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 {

	word-spacing: -0.15em;

	font-weight: 300;

	font-family: 'Josefin Slab', sans-serif;

	font-size: 26px;

	color: #fff;

}



.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, #22682a 0%, #9b4a1b 40%, #3a342a 100%);

	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 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 {

	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 {

	-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: #61ad03 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: #61ad03 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%;

}



.page-title {

    position: relative;

    padding: 30px 0px 20px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    color: #ffffff;

	margin: 70px 0px 20px 0px;

}

.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}

.page-title .page-name {

    position: relative;

    margin-bottom: 10px;

}

.page-title .page-name h1 {

    position: relative;

    font-size: 32px;

    text-transform: uppercase;

    display: inline-block;

    padding: 16px 50px;

    color: #ffffff;

    overflow: hidden;

}



.page-title .page-name h1 span {

    position: relative;

    z-index: 2;

}

.page-title .page-name h1:before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    background: rgba(0,0,0,0.75);

    z-index: 0;

    transform: skewX(-40deg);

    -webkit-transform: skewX(-40deg);

    -ms-transform: skewX(-40deg);

    -o-transform: skewX(-40deg);

    -moz-transform: skewX(-40deg);

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

}

.service-title{

	margin:0px 0 20px 0;

	text-align:center;

	font-family: 'Josefin Slab', sans-serif;

	font-size: 40px;

	line-height: 70px;

	color:#fff;

	font-weight: 400;

}





section {

    padding-top: 100px;

    padding-bottom: 100px;

}

.col-2 {

    width: 50%;

    padding: 0 15px;

    float: left;

    min-height: 1px;

    position: relative;

}

ul.circle li {

    position: relative;

	list-style-type: none;

	text-align: left;

	color: #181818;

	padding: 8px 5px 5px 30px;

	font:italic 16px georgia;

	margin: 12px 0px 18px 0px;

	letter-spacing: 0.3;

}

ul.circle li:before {

    content: "";

    display: block;

    position: absolute;

    width: 5px;

    height: 5px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #181818;

	top: 15px;

    left: 15px;

}

.content_text {

    padding: 0 30px;

}



/* Testimonials */

.testimonials blockquote {

    background: #cccccc none repeat scroll 0 0;

    border: medium none;

    color: #666;

    display: block;

    font-size: 14px;

    line-height: 20px;

    padding: 15px;

    position: relative;

}

.testimonials blockquote::before {

    width: 0; 

    height: 0;

	right: 0;

	bottom: 0;

	content: " "; 

	display: block; 

	position: absolute;

    border-bottom: 20px solid #fff;    

	border-right: 0 solid transparent;

	border-left: 15px solid transparent;

	border-left-style: inset; /*FF fixes*/

	border-bottom-style: inset; /*FF fixes*/

}

.testimonials blockquote::after {

    width: 0;

    height: 0;

    right: 0;

    bottom: 0;

    content: " ";

    display: block;

    position: absolute;

    border-style: solid;

    border-width: 20px 20px 0 0;

    border-color: #e63f0c transparent transparent transparent;

}

.testimonials .carousel-info img {

    border: 1px solid #f5f5f5;

    border-radius: 150px !important;

    height: 75px;

    padding: 3px;

    width: 75px;

}

.testimonials .carousel-info {

    overflow: hidden;

}

.testimonials .carousel-info img {

    margin-right: 15px;

}

.testimonials .carousel-info span {

    display: block;

}

.testimonials span.testimonials-name {

    color: #e6400c;

    font-size: 16px;

    font-weight: 300;

    margin: 15px 0 7px;

}

.testimonials span.testimonials-post {

    color: #656565;

    font-size: 12px;

}

.white-popup-block {

    background: #f7f7f7;

    padding: 20px 30px;

    text-align: left;

    max-width: 450px;

    margin: 25px auto;

    position: relative;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

.top-panel_phone{

	-webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    white-space: nowrap;

    padding: 2px 5px 0 0;

    color: #ff9999;

    font-family: 'Josefin Slab', sans-serif;

    font-weight: 600;

    font-size: 15px;

	line-height: 24px;

	margin-top: 23px;

	display:inline;

	float: left;

}

#testimonials .title h1 {

    color: #ccc;

    margin-bottom: 0;

}
#myModal .close {
    padding: 5px;
    cursor: pointer;
    background: #fcf8e3;
    border: 5px;
    -webkit-appearance: none;
}