/* RESET
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
html, button, input, select, textarea {color: #777;}
body {font-size: 16px;line-height: 150%;color: #777; font-weight: 300;max-width: 100%; overflow-x: hidden;font-family: 'Montserrat', sans-serif;}
::-moz-selection, ::selection {background: #EA4235;text-shadow: none; color: #fff; }
::-webkit-input-placeholder {color: #777; opacity: 1 !important; font-size: 16px; line-height: 38px}
:-moz-placeholder {color: #777; font-size: 16px; line-height: 38px}
::-moz-placeholder {color: #777; font-size: 16px; line-height: 38px}
:-ms-input-placeholder {color: #777;font-size: 16px; line-height: 38px}
input[placeholder], [placeholder], *[placeholder] {color: #777;font-size: 16px; line-height: 38px}

hr { display: block; height: 0px; border: 0; border-top: 1px solid #bfbfbf; margin: 2rem 0; padding: 0; border-bottom: 1px solid #000;}

fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
	.chromeframe { margin: 0.2em 0; color: #525252; padding: 0.2em 0; }
*:hover, *:hover > a, img,.navbar,.navbar-header,.navbar-brand,.navbar-brand img,.navbar li a{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: top center !important; }
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: center center; }
.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.cover img, .img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }
.full-width { width: 100%; height: auto; padding: 50px 0; overflow: hidden; /*min-height: 100vh*/}
	.full-width.nopadding {padding: 0 0; }
	.full-width.nopaddingbottom{padding-bottom:0px; }
	.content{padding-top: 30px; padding-bottom: 30px }
.rounded {-webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; }
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.roundless,.btn-square,.form-control{ -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
.line {width: 100%; height: 1px; background: transparent; border-bottom: 1px solid #868686; margin: 30px 0; display: block; }
.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/* Colores */
.c-white{ color:#fff;}
.c-bg-white{ background-color:#fff;}
.c-blue{ color:#1E2A48;}
.c-bg-blue{ background-color:#1E2A48;color: #fff;}
.c-black{ color:#333;}
.c-bg-black{background-color: #292929;color: #fff;}
.c-bg-transparent{ background-color: rgba(0,0,0,0) }


/* Botones */
.btn{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; border: none;}
	.btn-default{ background-color:#9EA615; color: #fff;}
		.btn-default:hover, .btn-default:focus, .btn-default.is-checked {background-color:#262626; color: #fff;}
	.sociales li{display: inline-block;}

/* NAVBAR */
.navbar{ padding: 0; display: block;}
	.navbar-header{text-align: center;}
		.navbar-brand{ padding: 10px 10px 10px 10px; margin: 0; margin-right: 0;}
			.navbar-brand img{}
	.navbar-nav li{position: relative;}
		.navbar-nav li a{ line-height: 85px; font-size: 14px; text-transform: uppercase; text-align: center; padding: 0 15px; color: #fff; display: inline-block;}
			.navbar-nav li:hover a,
			.navbar-nav li a:hover,
			.navbar-nav li a.active{color: #E5322D}

	.navbar.scrolled{ background-color: #1E2A48;}
		.navbar.scrolled .navbar-nav li a{ line-height: 50px;}
			
.navbar-toggler:not(:disabled):not(.disabled) {cursor: pointer; border: none; color: #fff; padding: 10px; font-size: 14px; line-height: 28px; outline-color: rgba(0,0,0,0)}
	.navbar-toggler:hover{ color:#E5322D}
/*.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
	.custom-toggler:hover .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(159,166,21,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
	.navbar .navlogo{ display: none }*/
	
/* Secciones */
/*.full-width .flex{ min-height: 100vh;}*/
.full-width .flex{}
	#top .flex{ min-height: 100vh;}
.full-width h2{ font-size: 28px; font-weight: 700;}
.full-width .subtitulo{ font-size: 17px; font-weight: 300; position: relative; padding-bottom: 50px;}
	.full-width .subtitulo::after{ position: absolute; bottom: 15px; left: 50%; 
	 width: 40px; border-bottom: 2px solid #444; margin-left: -20px; content: ""; }
.full-width article{ font-size: 17px; font-style: italic }
/* AFTERS */
#top::after,
#servicios::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(0,0,0,0.6); content: "";}
	#top .container,#servicios .container{ position: relative; z-index: 2; }

/* Elementos */
#top{ background-image: url(../images/home_bg2.jpg); position: relative;}
	#top h1{ font-size: 28px }
	#top p{ font-size: 18px; font-weight: 300;}
		#top .home-content img{max-width: 465px; margin: 15px auto 25px;}

#servicios{ background-image: url(../images/servicios_bg.jpg); position: relative;}
	.box{position: relative;padding: 0 0 0 75px; color: #fff; display: block; cursor: pointer;}
		.box-icon {display: block;position: absolute;width: 56px;height: 56px;top: 0;left: 0;}
		.box h3{ font-weight: 700; line-height: 56px; color: #fff;}	
		.box p{ font-size: 10px; font-weight: 700; text-transform: uppercase; margin-bottom: 0}

	.box ul{ list-style: none; padding: 0; margin-bottom: 5px}
		.box ul li{ display: list-item; list-style: disc; list-style-position: inside; line-height: 14px; font-weight: 300; font-size: 12px;font-weight: 300;}
	#clientes a{ color: #999; font-size: 13px; line-height: 120%; display: block; clear: both;}
		#clientes a:hover{ color: #E5322D;}

#contacto{font-size: 14px; padding: 3rem  0}
	#contacto a,#contacto p{ color: #fff; font-size: 12px; font-weight: 300; display: block; clear: both; margin-bottom: 0}
		#contacto h5{ font-size: 14px; font-weight: 700; }
		#contacto li{list-style-image: url(../images/link-dark.png); line-height: 20px; padding-bottom: 5px; list-style-position: inside;}
			#contacto li a{ text-transform: uppercase; display: inline-block;}
.pwd{ font-size: 9px; line-height: 50px; position: relative; overflow: hidden; max-height: 50px}		
.scrollToTop{ position: fixed; bottom: 20px; right: 20px; background-color: rgba(255,255,255,0.5); color: #666; opacity: 0.5; font-size: 32px; display: inline-block; width: 54px; height: 54px; line-height: 48px; text-align: center;}
	.scrollToTop:hover{background-color: #E5322D; color: #fff; opacity: 0.9;}

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
	.swiper-slide {background-size: cover;background-position: center;}
	.gallery-top {height: 80vh;width: 100%;}
	.gallery-thumbs {height: 15vh;box-sizing: border-box;padding: 10px 0;}
		.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
			.gallery-thumbs .swiper-slide-active {opacity: 1;}
			.gallery-thumbs .swiper-slide:not(.swiper-slide-active){-webkit-filter: grayscale(100%);filter: grayscale(100%);}