/* CSS Document */


html, body {}
body { font-family: "Quicksand", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px; color: #3f3d3d;   }

a {
	-webkit-transition: all 0.3s ease-in 0s
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;		
	}
a:hover {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;		
	}


.wrapper { position: relative; }		
		
/*-------------HEADER--------------*/	
	 .wrapper.head-fix { position: fixed; background: #fff; height: 50px; width: 100%; z-index: 999999 }	
		.wrapper.head-fix #logo { margin: 12px 0px; }
		
		.wrapper.head-fix .wrap-navigation { text-align: right; }	
			.wrapper.head-fix .wrap-navigation { text-align: right; }	
			
				.wrapper.head-fix .wrap-navigation .nav-cont { display: inline-block; overflow: hidden; width: 44px; 
				    -webkit-transition: all 0.3s ease-in 0s
					-moz-transition: all 0.3s ease-in 0s;
					-ms-transition: all 0.3s ease-in 0s;
					-o-transition: all 0.3s ease-in 0s;
					transition: all 0.3s ease-in 0s;
					}
				.wrapper.head-fix .wrap-navigation .nav-cont.active { width: 420px;
				-webkit-transition: all 0.3s ease-out 0s;
				-moz-transition: all 0.3s ease-out 0s;
				-ms-transition: all 0.3s ease-out 0s;
				-o-transition: all 0.3s ease-out 0s;
				transition: all 0.3s ease-out 0s;	
					 }
					.wrapper.head-fix .wrap-navigation .nav-cont .wrap-nav { min-width: 420px; }
				.wrapper.head-fix .wrap-navigation .nav-cont  ul.navbar-nav { float: none; display: inline-block; margin: 12px 20px; }
				
				.wrapper.head-fix .wrap-navigation .nav-cont a#open-nav {  display: inline-table; height: 25px; width: 25px; background: url(../img/menu.png) no-repeat -29px 5px;
				margin: 0px 4px; position: relative; top: 8px;}
				.wrapper.head-fix .wrap-navigation .nav-cont a#open-nav.active { background-position: 0px 5px; }
			
			     .navbar-nav > li { float: none; display: inline-block; }
				 .navbar-nav .wrap-social { display: inline-block; height: 21px; position: relative; top: 7px;}
				 	.navbar-nav .wrap-social a.soc-head { display: inline-block; height: 21px; width: 21px; background-image:url(../img/soc-icons.png) ; margin: 0px 2px; }
					.navbar-nav .wrap-social a.soc-head.face { background-position: -1px -2px; }
					.navbar-nav .wrap-social a.soc-head.blog { background-position: -49px -2px; }
					.navbar-nav .wrap-social a.soc-head.inst { background-position: -25px -2px; }
					.navbar-nav .wrap-social a:hover.soc-head { background-image:url(../img/soc-icons-h.png);  }
				 .navbar-nav > li > a { text-transform: uppercase; padding: 1px 25px; font-size: 10px; letter-spacing: 4px; color: #000; }
				 .navbar-nav > li > a:hover { color: #b38237; background: none; }
				 
				 
				 
/*----------------HOME---------------------*/
    .wrapper.cont { padding: 50px 0px 0px 0px; }
	
	.slide-nav { position:relative;}
	.wrapper.home a.arrow-left,	.wrapper.home a.arrow-right { height: 50px; position: absolute; width: 40px; background: url(../img/arrows.png) no-repeat; display: block; margin-bottom: -50px; z-index: 999999;  }
	
	.wrapper.home a.arrow-left { left: 0px; background-position: 10px 0px;  }
	.wrapper.home a.arrow-right { right: 0px; background-position: -56px 0px;  }
		.wrapper.home a:hover.arrow-left { left: 0px; background-position: 0px 0px; opacity: 0.6;  }
		.wrapper.home a:hover.arrow-right { right: 0px; background-position: -46px 0px; opacity: 0.6;  }
		.swiper-home {
			width: 100%;
			color: #fff;
			text-align: center;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
			z-index: 1;
		}
		.swiper-wrapper {
			position: relative;
			width: 100%;
			-webkit-transition-property: -webkit-transform,left,top;
			-webkit-transition-duration: 0s;
			-webkit-transform: translate3d(0px,0,0);
			-webkit-transition-timing-function: ease;
			-moz-transition-property: -moz-transform,left,top;
			-moz-transition-duration: 0s;
			-moz-transform: translate3d(0px,0,0);
			-moz-transition-timing-function: ease;
			-o-transition-property: -o-transform,left,top;
			-o-transition-duration: 0s;
			-o-transform: translate3d(0px,0,0);
			-o-transition-timing-function: ease;
			-o-transform: translate(0px,0px);
			-ms-transition-property: -ms-transform,left,top;
			-ms-transition-duration: 0s;
			-ms-transform: translate3d(0px,0,0);
			-ms-transition-timing-function: ease;
			transition-property: transform,left,top;
			transition-duration: 0s;
			transform: translate3d(0px,0,0);
			transition-timing-function: ease;
		}
		.swiper-slide {
			float: left;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		
		
/*----------------------FOOTER-----------------------*/


.wrapper.foot {  background: #fff; margin: 40px 0px 5px 0px; width: 100%; z-index: 999999; height: 80px;  }	
	.wrapper.foot h2 { text-transform: uppercase; font-size: 10px; letter-spacing: 2px; line-height: 18px; margin-top: 0px; margin-bottom: 2px;   }	
	.wrapper.foot h2.dir { color: #b58337;  }	
	.wrapper.foot h2.cont { color: #000;  }	
	.wrapper.foot h2.cont a { color: #000;  }	

	.wrapper.foot .wrap-social { display: inline-block; height: 21px; position: relative; top: 4px;}
			.wrapper.foot .wrap-social a.soc-head { display: inline-block; height: 21px; width: 21px; background-image:url(../img/soc-icons-h.png) ; margin: 0px; }
			.wrapper.foot .wrap-social a.soc-head.face { background-position: -1px -2px; }
			.wrapper.foot .wrap-social a.soc-head.blog { background-position: -49px -2px; }
			.wrapper.foot .wrap-social a.soc-head.inst { background-position: -25px -2px; }
			.wrapper.foot .wrap-social a:hover.soc-head { background-image:url(../img/soc-icons.png);  }
			
	.news-cont h2.news-tit { float:left; color: #b58337; margin: 2px 8px 2px 0px; }		
	.news-cont input.news { border: 1px solid #d1d1d1; padding: 4px 12px; float: left; position: relative; top: -2px; }
	.news-cont input.submit { float: left; height: 28px; width: 28px; background: url(../img/send.png) no-repeat center; margin-left: 5px; border: none; cursor: pointer;  }
	.news-cont input:hover.submit { background: url(../img/send-h.png) no-repeat center; }
	
	.news-cont ::-webkit-input-placeholder {   color: #000; text-transform: uppercase; font-size:10px; }
	.news-cont :-moz-placeholder { /* Firefox 18- */  color: #000; text-transform: uppercase; font-size:10px; }
	.news-cont ::-moz-placeholder {  /* Firefox 19+ */  color: #000; text-transform: uppercase; font-size:10px; }
	.news-cont :-ms-input-placeholder { color: #000; text-transform: uppercase; font-size:10px; }
	
	
	
/*-----------------ABOUT---------------------*/


#about { text-align: center; background:url(../img/about-bak.jpg) center no-repeat; background-size: cover; }
	
	#about h1 { 
	     	text-transform: uppercase;
			font-size: 18px;
			letter-spacing: 9px;
			line-height: 32px;
			font-weight: 600;
			margin-bottom: 2px;
			color: #b38237;
			margin-top: 50px;	
	 }
		 #about h1 span { text-transform: none; letter-spacing: 0px; font-weight: 100; } 
		 #about h1 span span { letter-spacing: -3px; padding: 0px 10px;  } 

	#about h2 { text-transform: uppercase; font-size: 16px; letter-spacing: 8px; line-height: 20px; margin: 15px 0px; color: #000; }
	#about .line-vert { width: 1px; height: 30px; background: #000; display: block; margin: 2px auto; opacity: 0.6; }
	
	
	#about .list { width: 65%; display: block; margin: 30px auto 10px auto; padding: 12px 30px; border: 1px solid #b38237; text-align: left; }
	#about .list h2 { text-transform: uppercase; font-size: 13px; letter-spacing: 4px; line-height: 24px; margin: 0px; color: #000;}
	#about .list h2 span:first-child { padding: 0px 12px; }
	#about .list h2 span:last-child { float:right; }
	
	#about img { margin: 10px 0px 50px 0px; }
	
	
	
	
/*----------------CONTACT-----------------*/

#contact { position: relative; text-align:center; margin-bottom: 70px; }
	#contact .container { position:relative; }
	#contact .container .row.half { position: absolute; z-index: 99999; width: 50%; }

.bak-contact {
	background: rgba(0,0,0,0.8);
	height: 360px;
	position: absolute;
	width: 50%;
	z-index: 999;
}
	#contact img { margin: 40px 0px 5px 0px;  } 
	#contact .line-vert-b { width: 1px; height: 15px; background: #fff; display: block; margin: 10px auto; opacity: 0.6; }
	 #contact .contact-box { width: 90%; display: block; margin: 2px auto; padding: 12px 30px;  border: 1px solid #fff; }
	 #contact .contact-box.mail { width: 90%; display: block; margin: 2px auto; padding: 5px 10px 4px 10px;  border: 1px solid #fff; }
	 #contact .contact-box h2 { 
				text-transform: uppercase;
				font-size: 18px;
				letter-spacing: 8px;
				line-height: 24px;
				margin: 15px 0px 30px 0px;
				color: #b38237;
				font-weight: 500;
		}
	 #contact .contact-box h3 { 
	 			text-transform: uppercase;
				font-size: 11px;
				letter-spacing: 4px;
				line-height: 20px;
				margin: 15px 0px;
				color: #b38237;
	  }
	 #contact .contact-box h3 span { text-transform: none; font-size: 10px; letter-spacing: 0px; line-height: 14px; border-bottom: 1px solid  #b38237; padding: 2px 0px; margin: 0px 2px 2px 2px;  }
	 #contact .contact-box a { text-transform: uppercase; font-size: 11px; letter-spacing: 4px; line-height: 11px; color: #fff; }
	 
	 #contact a#open-form { 
	 			text-transform: uppercase;
				font-size: 17px;
				letter-spacing: 5px;
				line-height: 24px;
				margin: 15px 20% -4px 13%;
				color: #b38237;
				font-weight: 500;
				padding: 5px 28px 5px 0px;
				background: url(../img/opne-form.png) no-repeat right center;
				display: block;
	  }
	 #contact a:hover#open-form { opacity: 0.6; text-decoration: none; }
	   #contact span.leyend { 
				font-size: 10px;
				color: #fff;
				letter-spacing: 1px;
				line-height: 14px;
				margin: 5px 20% -4px 15%;
				text-align: left;
				display: block;
	  }
	  
	  #contact #wrap-form {
		  width: 0%;
		  background: rgba(62,62,62,1);
		  position: absolute;
		  z-index: 9999;
		  left: 50%;
		  overflow: hidden;
		            -webkit-transition: all 0.3s ease-in 0s
					-moz-transition: all 0.3s ease-in 0s;
					-ms-transition: all 0.3s ease-in 0s;
					-o-transition: all 0.3s ease-in 0s;
					transition: all 0.3s ease-in 0s;
	  }
	  
	  #contact #wrap-form.active {
		  width: 295px;
		          -webkit-transition: all 0.3s ease-out 0s
					-moz-transition: all 0.3s ease-out 0s;
					-ms-transition: all 0.3s ease-out 0s;
					-o-transition: all 0.3s ease-out 0s;
					transition: all 0.3s ease-out 0s;
	  }
	  
	  #contact #wrap-form .cont-form  {
		  width: 250px;
		  margin: 60px 20px 30px 20px;
	  }
	  
	  #contact #wrap-form .cont-form a.close  {
		   display: block;
			height: 20px;
			width: 20px;
			float: right;
			margin: 10px 0px 20px 84%;
			text-shadow: none;
			color: #fff;
			font-weight: 400;
			font-size: 16px;
	  }
	   #contact #wrap-form .cont-form a:hover.close  { color: #b38237;  }
	   #contact #wrap-form .cont-form .form { margin: 10px 0px 10px 0px; }
	    #contact #wrap-form .cont-form .form label { width: 100%; margin: 0px 0px 7px 2px; font-size: 10px; font-weight: 300; color: #fff; text-transform: uppercase; text-align: left; letter-spacing: 2px;  }
		 #contact #wrap-form .cont-form .form label span { display: none; }
	    #contact #wrap-form .cont-form .form input { width: 100%; border: 1px solid #2e2e2e; background: none; margin: 0px 0px 5px 0px; padding: 5px 10px; color: #b38237;  }
		#contact #wrap-form .cont-form .form textarea { width: 100%; height: 60px; border: 1px solid #2e2e2e; background: none; margin: 0px 0px 5px 0px; padding: 5px 10px; color: #b38237;  }
	  
	  #contact #wrap-form .cont-form .form input.btn-enviar { width: auto; border: none; text-align: left; color: #fff; text-transform: uppercase; float: left; padding: 1px; letter-spacing: 2px; cursor: pointer; }
	  #contact #wrap-form .cont-form .form input:hover.btn-enviar { color: #b38237; }
	  
	  

@media (min-width: 1200px) {		
		
}

@media (min-width: 992px) and (max-width: 1200px) {
	
	#about .list h2 span:first-child { padding: 0px 6px; }
	
	#contact, #contact .bak-contact, #contact #map, #contact #wrap-form { min-height: 510px !important;  }
		
}

@media (min-width: 768px) and (max-width: 991px) {
	.news-cont h2.news-tit { width: 100%; }
	#about h1 { margin-top: 30px; }
	#about .list { width: 75%; }
	#about .list h2 { letter-spacing: 3px; }
	#about .list h2 span:first-child { padding: 0px 0px;}
	
	#contact, #contact .bak-contact, #contact #map, #contact #wrap-form { min-height: 510px !important;  }
	
}

@media (min-width: 10px) and (max-width: 767px) {
	
	.wrapper.head-fix #logo { margin: 6px 0px;}
	
	.wrapper.head-fix { height: 72px; }
	.wrapper.cont { padding: 70px 0px 0px 0px; }
	
	.wrap-mobile-logo {margin: 10px 0px 20px 0px; text-align: center; }
	.wrapper.foot { text-align: center; }
	.news-cont h2.news-tit { width: 100%; }
	
	.news-cont input.news { display: inline-block; float: none; } 
	.news-cont input.submit { float: none; }
	.wrapper.foot h2 { margin-top: 10px; margin-bottom: 10px; }
	
	.wrapper.foot .wrap-social { margin-bottom: 20px; }
	
	#about .list { width: 75%; }
	#about .list h2 span:first-child { padding: 0px; }
	#about .list h2 { letter-spacing: 2px; font-size: 12px;  }
	
	#contact .container .row.half { width: 100%; }
	.bak-contact { width: 100%; }
	#contact #wrap-form .cont-form { width: 80%; margin: 60px 10% 30px 10%; }
	#contact #wrap-form { z-index: 9999999999; left: 0; }
	#contact #wrap-form.active { width: 100%; }
	
	
	.movile-menu { text-align: center; }
	.btn.dropdown-toggle {
		display: inline-table;
		height: 25px;
		width: 25px;
		background: url(../img/menu.png) no-repeat -29px 5px;
		margin: 0px 4px;
		position: relative;
		top: 8px;
		}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		width: 100%;
		text-align: center;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		list-style: none;
		background-color: rgba(255,255,255,0.8);
		background-clip: padding-box;
		border: none;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		color: #b58337;
		text-decoration: none;
		background: none;
		outline: 0;
	}
	.dropdown-menu .wrap-social { display: inline-block; margin: 10px; }
	.dropdown-menu .wrap-social a.soc-head {
		display: inline-block;
		height: 21px;
		width: 21px;
		background-image: url(../img/soc-icons.png);
		margin: 0px 2px;
		}
		
		.dropdown-menu .wrap-social a.soc-head.face { background-position: -1px -2px; }
		.dropdown-menu .wrap-social a.soc-head.blog { background-position: -49px -2px; }
		.dropdown-menu .wrap-social a.soc-head.inst { background-position: -25px -2px; }
		.dropdown-menu .wrap-social a:hover.soc-head { background-image:url(../img/soc-icons-h.png);  }
		
		
}