/*======================== ESENCIAL ========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;background: transparent;}
a ,a:hover, a:active, a:focus ,object, embed {outline: 0;text-decoration: none;}
svg:not(:root) {overflow: hidden;}
button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;max-width: 100%;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;-webkit-font-smoothing: antialiased;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {outline: none;}
body {font-family: 'Roboto', sans-serif;font-weight: normal;font-size: 16px;word-spacing: normal;height: 100%;min-height: 100%;color: #fff;margin: 0;background:#000;text-align:center;}
section{overflow:hidden;background:#000c;padding: 2%;margin-bottom:2%;-webkit-box-shadow: 0px -8px 45px -1px rgba(0,0,0,0.55);-moz-box-shadow: 0px -8px 45px -1px rgba(0,0,0,0.55);box-shadow: 0px -8px 45px -1px rgba(0, 0, 0, 0.55);}
a img {border: 0}
a {color: #fff;text-decoration: none;}
a:active, a:focus, a:hover {outline: 0;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover {text-decoration: none;}
a[href^=tel] {color: inherit; text-decoration: none;}
img {border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;max-width: 100%;}
form {margin: 0;}
button, input, textarea, select {border-radius: 5px;font-size: 14px;margin: 5px;max-width: 100%;vertical-align: baseline;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
button, input {line-height: normal;}
button, input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
textarea {overflow: auto;vertical-align: top;}
.clearfix {clear: both;float: none;*zoom: 1;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix:before,.clearfix:after,.row:before,.row:after {content: '';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.row {position: relative;width:100%;max-width:970px;margin: 0 auto;text-align: center;}

/*======================== TIPOGRAFÍA ========================*/
h1, h2, h3, h4 {color: #fff;font-weight: 500;line-height: normal;margin: 0 0 10px;position:relative;text-transform: uppercase;}
h1{font-size: 2.5rem;}
h2{font-size: 2rem;}
h3{font-size: 1.5rem;}
h4{font-size: 1rem;}
b, strong {font-weight: 700;}
hr{border: 0;width: 70%;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(75, 75, 75, 0.83), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(75, 75, 75, 0.83), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(75, 75, 75, 0.83), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(75, 75, 75, 0.83), rgba(0,0,0,0));margin: 22px auto;}
small{font-size:8pt;display:block}

/* ======= ESTRUCTURA WEBSITE ========= */
body{background:#0b0b0b;}
#wrapper{width:90%;margin:0 auto 2% auto}
#content-mid{width: 100%;margin: 0 auto;padding:0 1%}
#content-footer{width: 90%;margin: 0 auto;padding:0 1%}
.background-mobile{display:none}
.background-desktop{background:url('/images/bg_desktop.jpg') no-repeat;background-size:cover;width:100%;height:100%;display:block;z-index:-2;position:fixed}
.cover_makecolor{background: url('/images/cover_makecolor.png') no-repeat;background-size: cover;width: 50%;height: 100%;position: relative;z-index: 99;}
.logo_slider{display:none}
.box_content{background: #000c;padding: 2% 3%;}
.box_content p{text-align:justify}

/*-- BGS SECCIONES --*/
.box_page_header_bg.quienes-somos{background:url('/images/bg_nuestraempresa.jpg') no-repeat center;background-size:cover;height:253px}
.box_page_header_bg.contacto{background:url('/images/bg_contacto.jpg') no-repeat center;background-size:cover;height:253px}

.content_referidos, .img_referidos{display:inline-block;vertical-align:middle}
.content_referidos{width:60%}
.img_referidos{width:35%}
.referidos_personajes{margin:1%;width:50%;max-width:336px}

/*-- HEADER MENU --*/
.info_top_bar {position:absolute;height: 40px;padding: 10px;right: 5%;}
p.info_top{color: #fff;font-size: 12px;text-align: right;}
.topbar{width: 100%;display:flex;text-align: left;margin-bottom:2%}
.topbar .logo{float:left;width:17%;max-width:250px;padding:2%;background: #000c}
.topbar .logo img{margin: 15px 0}
.box_menu{width:83%;position:relative}
#header{display:block;width:100%;height:40px}
#menu{width:100%;list-style: none;padding: 10px;position: absolute;bottom: 15%;right: 0;font-size: 15px;background: #000c;text-align:right;border-bottom: 3px solid #4a4a4a;}
#menu li{display:inline-block;padding:0 10px}
#menu li a{color:#fff}
#menu li a:hover{color:#ccc}
.left_line{border-left:1px solid #bdbdbd}
/* .menu-fijo{position: fixed;top: 0;width: 100%;z-index:99} */

/*-- OTROS --*/
#bar{display:block;width:100%;height:40px;background:#181818}
.content{position: relative;width: 55%;right: -45%;}
.content_contacto{position: relative;}
span.ico_title {background-color: #000;display: block;width: 70px;height: 70px;border-radius: 50%;margin: 2% auto;color: #fff;}
span.ico_title i{padding: 9px 6px;}

/*-- COL QUIENES SOMOS --*/
div .qs-hvm-col3{width:33%;display:inline-block;vertical-align:top;overflow:hidden;background:#000c;padding: 2%;margin-bottom:2%;-webkit-box-shadow: 0px -8px 45px -1px rgba(0,0,0,0.55);-moz-box-shadow: 0px -8px 45px -1px rgba(0,0,0,0.55);box-shadow: 0px -8px 45px -1px rgba(0, 0, 0, 0.55);font-size: 12px;}

/*-- CONTACTO --*/
#cotizar{padding:0;}
#map{width:100%;height:320px}
.box-contacto{margin:1% 0}
form.contacto, .info-contacto{width: 80%;margin:20px auto;}
.columna-2{display: inline-block;width: 49%;vertical-align: top;}
.columna-2:first-child {margin-right: 1%;}
input{width: 100%;border: 1px solid #121212;line-height: 30px;padding: 5px 5px;background: #151515;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;height: 45px;color: #eee;}
textarea{width: 100%;border: 1px solid #121212;line-height: 30px;padding: 5px 5px;background: #151515;height: 210px;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #eee;}
input:focus,textarea:focus{border: 1px solid #eee;}
form.contacto .ultimo{margin-bottom: 0;position: relative}
.boton_form{width: auto;border: 2px solid #151515;line-height: 30px;padding: 5px 35px;border-radius: 5px;text-transform: uppercase;background: #181818;font-weight: bold;margin: 0.5rem;color: #fff;cursor: pointer;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;margin-bottom: 0;}
.boton_form:hover{color:#191919;background:#fff}
.boton_form:hover:after,.boton_form:active:after {height:100%;}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{display: none;opacity:0}
.ajaxgif{margin:1% 0 0 0}
.msg_newsletter, .msg_contacto{color: white;font-weight: bold;line-height: 30px;text-transform: uppercase;width:208px;padding: 5px 20px;margin:0.5rem auto 0 auto;border-radius: 5px;}
.msg_ok{background: #589D05;}
.msg_error{background: #CF2726;}

/*-- FOOTER --*/
#footer{position:relative;width: 100%;height: 45px;padding: 12px 0 0 0;color: #fff;margin: 0 auto;background: #000000e6;}
#footer_home{position:absolute;bottom:0;width: 100%;height: 45px;padding: 12px 0 0 0;color: #fff;margin: 0 auto;background: #000000e6;}
.firma{text-align:left;margin:0 auto;font-size:10px;padding:0 10px;float:left}
.MakeColor{float: right;position: relative;top: -5px;right: 10px;width:20%;max-width:90px}

/*======================= SECCIONES CON ANIMACIONES =========================*/
.hidden{opacity:0}
.textillate_index{top: 50%;position: absolute;margin: 0 auto;text-align: center;width: 90%;}
.tlt_index_1, .tlt_index_2, .tlt_index_3{color: #fff;text-align: right;width: 33%;float: right;}
.tlt_index_1{font-size:25px}
.tlt_index_2{font-size:33px}
.tlt_index_3{font-size:25px}
.tlt, .tlt2, .tlt3{color:#fff}