@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap');
/* GENERAL =============================== */
html, body	{width:100%; height:100%;}
body		{font-family: 'Raleway', sans-serif; font-size:16px; line-height:20px; background:#F2E6CF; color:#663300; -webkit-font-smoothing:antialiased!important;}
/* LINKS */
a					{color:#CC9933; font-weight:700;}
a, a > *			{outline:none; cursor:pointer; text-decoration:none;}
a:focus, a:hover	{color:#DDAA44; outline:none; text-decoration:none;}
/* TRANSITIONS */
.navbar a, .form-control, a, .btn	{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
/* RESET BOX SHADOW */
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar .dropdown-menu {box-shadow: none;}
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6	{margin:0 0 15px; color:#663300;}
h1		{font-size:24px; letter-spacing:1px;}	
.fa-ul .fa		{color:#CC9933; font-size:20px; margin-top:-2px}
hr		{height:2px; color:#663300; background:#663300; border:none;}
.HL		{color:#663300; font-weight:700}
/* BUTTONS */
.btn		 {background:#663300; color:#F2E6CF; border:none; font-weight:700;}
.btn:hover	 {background:#CC9933; color:#663300;}
.btn:focus, button:focus {outline:none!important;}
/* LISTS */
ul				{margin:0; padding:0; list-style:none;}
li, .fa-ul li	{margin-bottom:15px;}
/* TITLE */
.title		{position:relative; margin:0 0 50px; padding:0}
.title:after{bottom:-20px;  content: ""; height:20px; left:0; position:absolute; width:100%; background:#AB9B8E none repeat scroll 0 0!important;}
/* MARGIN - PADDING -ROUND */
.no-padding {padding:0!important;}
.mr-10		{margin-right:10px}
.mr-30		{margin-right:30px}
.rad		{border-radius:6px!important; -moz-border-radius:6px!important; -webkit-border-radius:6px!important;}

/* VERTICAL MIDDLE ALIGN */
.vertical-middle	{position:absolute; width:100%; top:50%; left:0; -webkit-transform:translate(0%, -50%); -ms-transform:translate(0%, -50%); transform:translate(0%, -50%); padding:0 15px;}

/* NAVIGATION =============================== */
#logo		{margin:0; padding:10px; background:#; width:100%; height:auto:}
#logo img	{height:100px!important; width:auto;}
.navbar	{border:0; margin:0; border-radius:0!important; z-index:100; background: url("../img/bg.jpg"); -webkit-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.5);}
#navbar .nav > li > a	{background:transparent; padding:0px 20px; color:#663300; font-size:15px; text-transform:uppercase}
#navbar .nav > li > a:hover, .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {background:transparent; color:#F2E6CF!important;}


/* MAIN SLIDE */
#main-slide				{width:100%; height:auto; position:relative; overflow:hidden; margin:0; padding:0;}
#main-slide .item img		{width:100%; position:relative; background-size:contain; background-position:center center!important;}
#main-slide .carousel-inner .item:after	{background:rgba(0, 0, 0, 0.0) none repeat scroll 0 0;  bottom:0;  content: "";  left:0;  position:absolute;  right:0;  top:0;}
#main-slide .carousel-control.left, #main-slide .carousel-control.right	{opacity:1; filter:alpha(opacity=100); background:#663300!important; text-shadow:none;}
#main-slide .carousel-control.left span	{padding:15px;}
#main-slide .carousel-control.right span	{padding:15px;}
#main-slide .carousel-control			{top:40%; width:50px; height:50px;}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right	{position:absolute; z-index:5;  display:inline-block;}
#main-slide .carousel-control .fa-angle-left		{left:0;}
#main-slide .carousel-control .fa-angle-right	{right:0;}
#main-slide .carousel-control i					{background:#663300; color:#CC9933; line-height:36px; font-size:32px;  padding:15px 20px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
#main-slide .carousel-control i:hover				{background:#AB9B8E; color:#fff; }
#shadow	img		{width:100%; height:auto; padding:0; margin: 0; border:none!important; border-radius:0}

/* TOP IMAGE ============================================= */
.top		{height:200px!important; overflow:hidden; }
#top-serv	{background-image:url(../img/slider/serv.jpg); background-position: center center; background-size:cover; }
#top-map	{background-image:url(../img/slider/map.jpg); background-position: center center; background-size:cover; }
#top-contact{background-image:url(../img/slider/contacto.jpg); background-position: center center; background-size:cover; }


/* PAGES CONTENT ================================================================================================================== */
.page	{padding:40px 0; font-weight:400}

/* HOME =============================== */
.sect-L			{padding: 40px 20px; height:100%; text-align: justify; background:#FFF}
#home .sect-R	{width:100%; min-height:260px; height:100%; background: url("../img/home.jpg") no-repeat center center / cover;}

/* Row with equal height columns */
 @media only screen and (min-width : 768px) {
	.row-eq-height {display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}


/* SERVICIOS =============================== */
#serv .sect-R	{width:100%; min-height:260px; height:100%; background: url("../img/servicios.jpg") no-repeat center center / cover;}

/* GALLERY =============================== */
.thumbnails			{float:left; height:auto; margin:0; width:25%; overflow:hidden; padding:0.5px;}
.thumbnails a		{display:inline-block;  float:left;  height:100%;  line-height:0;  text-decoration:none;  width:100%;  position:relative;}
.thumbnails a img		{display:block; position:relative; width:inherit; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.thumbnails span.thumb-overlay			{background:transparent none repeat scroll 0 0; color:#fff; display:block; height:100%; position:absolute; text-align:center; top:0;
										-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; width:100%;}
.thumbnails span.thumb-overlay .fa		{color:transparent; height:30px; left:50%; line-height:30px; margin-left:-15px; margin-top:-15px; position:absolute; top:60%; width:30px; font-size:28px;
										-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.thumbnails:hover span.thumb-overlay		{background-color:#CC9933; opacity:0.8; filter:alpha(opacity=80);}
.thumbnails:hover span.thumb-overlay .fa	{color:#fff; top:50%;}
/* Simple LightBox Arrow */
button.sl-prev .fa, button.sl-next .fa		{font-size:35px !important; font-weight:700; color:#CC9933!important;}
.sl-wrapper .sl-close	{color:#CC9933; background:#663300; padding:10px;}		

/* CONTACTO =============================== */
#cont .sect-R	{padding: 40px 20px; height:100%; text-align: justify; background:#AB9B8E;}
label				{font-size:16px!important; margin:0; font-weight:400; color:#FFF;}

/* FOOTER =============================== */
.footer		{height:auto; background:#AB9B8E; color:#663300; padding:60px 0; line-height:30px; background: url("../img/bg.jpg"); text-align:center; font-weight:700;}
.footer a	{color:#663300;}
.footer a:hover	{color:#F2E6CF;}
.footer .fa	{color:#663300;}
.footer .fa-inverse	{color:#CC9933;}
.whatsapp-icon img	{width:26px; height:26px; margin:0 3px 0 10px}

.footer ul	{list-style-type:none!important; margin:0; padding:0;}
.footer ul li	{display:inline!important; margin:0; padding:0;}
.footer hr	{height:1px; color:#663300; background:#663300; width:50%; }


/* SCROLL TO TOP =============================== */
.scroll-up		{position:fixed; display:none; z-index:200;	bottom:40px; right:10px;}
.scroll-up a .fa	{color:#663300!important;}
.scroll-up a .fa-inverse	{color:#CC9933!important;}
.scroll-up a:hover .fa-inverse	{color:#FFF!important;}


/* RESPONSIVE =============================== */
@media only screen and (min-width:768px) and (max-width:992px) {
	#logo		{padding-top:20px;}
	#logo img	{height:75px!important; width:auto;}	
}

@media only screen and (min-width:768px) {
	#whatsapp img {position:fixed; z-index:100; top:5px; right:5px}
	.nav	{margin-top:70px} 
	.navbar .nav li  {border-left:2px solid #DDAA44;}
	.navbar .nav li:first-child {border-left:none!important;}
}

@media only screen and (max-width:767px) {
	#whatsapp img 	{position:fixed; z-index:100; bottom:5px!important; left:5px!important; width:40px; height:40px}
	#logo img	{height:60px!important; width:auto;}
	.navbar-nav	{border-top:4px solid #663300; border-bottom:4px solid #663300; margin-top:0; margin-bottom:0;}
	.nav li		{margin:0!important; padding:15px 0 15px 10px!important; border-bottom:1px dotted #663300;}
	.navbar .navbar-toggle	{margin-top:30px;}	
	.navbar .navbar-toggle .icon-bar	{background: #fff;}
	.carousel-control	{display:none}
	.sl-wrapper .sl-navigation button {background:transparent!important;}
}

@media only screen and (max-width: 500px) {

}