@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&display=swap');

/* Create By: Mery DurCam */
/* CSS Document */

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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

*{
margin: 0;
padding: 0;
}

html {
height:100%;
}

/* ------------------------------------------------------------
	 	Estilos Globales
------------------------------------------------------------ */


body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size:14px; 
	color:#6d6d6d;
	text-align:left;
	line-height:23px;
	letter-spacing: 0.02em;
}

a{text-decoration: none; color:#6c98e1}
a:hover {text-decoration:none}
a:focus {outline: none;}
.clear{clear:both;}


/* ------------------------------------------------------------
	    Estilos del Home
------------------------------------------------------------ */


#containerbody{width:100%; height:auto; margin:0 auto;}

.center{ margin:0 auto; width:1020px; text-align: center}
.seccion{margin:0 auto;width:100%; background:#fff; padding:70px 0;}

/*.seccion_max{padding:100px 0;}*/

.seccion_grey{ background:#fbfaf9 !important; border:1px solid #f3f3f3}
.seccion_dest{background: url("images/banner/banner1.jpg") no-repeat; background-size: cover; background-position: center center;}
.seccion_dest H1{ color:#fff; font-weight: 300; font-size: 32px;}

.no-padding{ padding:0px !important}
.no-margin{ margin:0px !important}

/* botones */
a.btn{ display:inline-block; background:#e89b24; font-size:16px; padding:15px 35px; color:#FFF; text-align:center; box-sizing:border-box; border-radius:4px; font-weight:600}
a.btn:hover{background:#c0801d;}

a.btn_blue{ background: #064677;}
a.btn_blue:hover{ background: #042f4f;}

a.btn_light{ font-weight:700; color: #000;letter-spacing: 0.05em;}
a.btn_light i{ color: #e89b24; margin-left: 5px;}
a.btn_light:hover{color: #e89b24;}

p{margin-bottom: 30px}

H1, H2, H3{ color:#000; letter-spacing:0.01em; font-weight: 600; line-height: normal;}

/* cabecera home */
#cabecera{width:100%; position:absolute; top: 0; height:auto; z-index: 1; background:#fff;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
}

#cabecera .menu_top{ padding:16px 0px}
#cabecera .menu{ background: #064677; padding:20px 0px}

#cabecera .cont_l{ width:auto; height:auto; float:left;}
#cabecera .cont_r{ width:auto; height:auto; float:right; text-align:right}

#cabecera img.logo_img{ margin-top: 6px;}

.banner{ margin-top: 160px;}
.banner .box_banner { color:#fff;margin-bottom:140px; text-align: left; }
.banner .box_banner .pre_title{ display: block; font-size:20px;  font-weight: 400; text-transform: uppercase; letter-spacing: 0.35em; margin-bottom: 20px;}

.banner .box_banner H1{ margin-bottom: 30px;}
.banner .box_banner H1, .banner .box_banner H1 span{ display: block; font-size:30px; font-weight: 600; line-height:35px; color:#fff}
.banner .box_banner .desc{display: block; margin-bottom: 35px; }
.banner .box_banner .desc p{ display: inline-block; padding-top: 10px; border-top: 2px solid #e89b24; font-size: 16px;}
.banner .box_banner .desc p i{  color:#e89b24; margin-left: 5px; }

.theme-default .nivoSlider{ background: url(images/banner/banner1.jpg); max-height: 600px; min-height: 250px; background-position: top !important;}

/*contenedores left, right y estilos add */
.box{display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}
.box-r img{ width: 100% }


/*calculadora*/
.box_cal{border:1px solid #e7e7e7}
.box-l_cal, .box-r_cal{ width: 50%; padding:38px; box-sizing: border-box;}
.box-l_cal{ width: 80%;}

.box_cal .box-l_cal {background:#fff; border-right:1px solid #e7e7e7}
.box_cal .box-r_cal {background:#fff;}

.box_cal .form-row{ margin-bottom: 25px;}

.box_cal .form-row #valorFactura, .box_cal .form-row #tpDias{ font-size: 24px;}
.box_cal .form-row #valorFactura{ padding-left: 65px;}
.box_cal .form-row #tpDias{ padding-right: 55px;}
.box_cal label{ display: block; margin-bottom:7px}
.box_cal span.copy{ position: absolute; padding: 16px 0 0 15px; box-sizing: border-box; color: #042f4f; color:#aeaeae; font-weight: 700; color: #e89b24;}
.box_cal .cop-day{ right: 0; right: 15px;}
.box_cal .input{ position: relative;}

.box_cal .line{ margin-bottom: 30px;}
.box_cal .num-range{ font-weight: 700; color: #e89b24; font-size: 24px;}
.box_cal .info{ font-size: 12px; font-style: italic; color:#929292; line-height: normal; background:#fef9f0; border:1px solid #f4e5ca; padding: 20px; box-sizing: border-box; border-radius: 5px;}

.box_cal .box-r_cal .title .pre_title {margin-bottom: 10px;}
.box_cal .box-r_cal .title{margin-bottom: 27px;}

.box_cal .item_1{ padding: 25px 0 !important;}
.box_cal .item_1:first-child{ padding-top: 0 !important;}
.box_cal .content_item_1 .item_1 H2{ margin-bottom: 0px;}
.content_item_1 .line{ margin-bottom: 0;}

.box_cal input[type="range"]{ background: #ffa400;}

/*contenido*/
.line{ width: 100%; height: 2px; background:#f0f0f0; display: block;}

/*title*/
.title{ margin-bottom: 35px }
.title .pre_title{ display: block; font-size: 20px; text-transform: uppercase; color:#e89b24; letter-spacing: 0.35em; margin-bottom:25px}
.title H1{ font-size: 37px;}
.title H2{ font-size: 24px;}
.title H2 i{ color:#e89b24; margin-right: 8px;}

/*estilos de titulos y textos*/
.box_text{ width:515px; }
.box_text_small{ width:420px; }
.box_text .line{ margin-bottom:30px}

.mt-35{ margin-top: 35px;}
.mt-50{ margin-top: 50px;}
.ta-r{ text-align: right;}


.parrafo_c_icono .img{ display: inline-block; vertical-align: top;}
.parrafo_c_icono span, .parrafo_c_icono .desc{display: inline-block; vertical-align: middle;}
.parrafo_c_icono .img{ margin-right: 18px}
.parrafo_c_icono .desc{ width: 425px;}
.parrafo_c_icono .desc p{ margin-bottom: 20px;}
.parrafo_c_icono span{ width: 340px;  font-weight: 700; color:#f0907b; letter-spacing:0.1em; text-transform: uppercase;}
.parrafo_c_icono i{color:#f0907b; margin-right:2px}
.parrafo_c_icono span.auto{ width: auto; vertical-align: text-top}

.box_text_small .parrafo_c_icono .desc{ width: 310px;}
.highlights p{ color: #e89b24; font-weight: 700;}

/*items*/

.content_item{ display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}
.content_item_between{ justify-content: space-between;}
.content_item_images{ display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; }


.content_item .item{ -webkit-transition: width 0.7s ease-out; transition: width 0.7s ease-out; }
.content_item ul{ margin-left: 20px; list-style:disc;}

/*items: 3 filas*/
.content_item .item_3{width:300px; padding-left:10%;}
.content_item .item_3:first-child{padding-left: 0px}
.content_item .item_3 img{ display: block; margin-bottom: 20px;}
.content_item .item_3 H2{ font-size:24px; margin-bottom:20px; min-height: 60px; }
.content_item .item_3 H2 span{ display: block; line-height: 30px; font-weight: 600;}
.content_item .item_3 p{ border-bottom: 2px solid #f0f0f0; padding-bottom: 35px; margin-bottom: 10px;  min-height: 65px; }


/*items: 3 filas - segundo estilo*/
.content_item .item_3_style2{width:250px; padding-left:10%;}
.content_item .item_3_style2 H2{min-height: auto; color:#064677 }
.content_item .item_3_style2 H2 i{color:#e89b24; margin-right: 5px;}
.content_item .item_3_style2 p{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;  min-height: auto; }

/*items: 3 filas - tercer estilo*/
.content_item .item_3_style2_2 {width:282px; padding-left:8%;}
.content_item .item_3_style2_2 H2{min-height: auto; color:#000 }


/* pie de página */

#footer{ margin:0 auto; width:100%; background:#031f35;  font-weight: 400; color:#fff; font-size: 15px}
#footer .center{ display: -webkit-flex; display: flex;  justify-content: space-between; padding: 70px 0 55px;}
#footer .cont_menu, #footer .info{ margin-top: 22px}

#footer .cont_logo .logo_img{ margin-bottom:5px; }
#footer .cont_logo .logo_back{ margin-top:25px;}
#footer .cont_logo .logo_back p{ margin-bottom: 10px;}
#footer .cont_logo .logo_back img{ display: inline-block; margin-right:8px;}

#footer ul li{margin-bottom: 10px}
#footer ul li span{display: block;}
#footer .title{ font-weight:700; text-transform: uppercase; color:#e89b24; display: block; margin-bottom: 12px }
#footer .info i{ color:#6c98e1; margin-right: 4px;}
#footer .info a{ color:#fff} 
#footer .info a:hover, #footer .info i.i-current{ color:#e89b24}
#footer .line{ background: #064677;}

#footer .copy{ display: block; background: #000; color:#fff; text-align: center; font-size: 14px; padding: 38px 0 30px}
#footer .copy span{font-weight: 600; color:#e89b24}
#footer .copy .box{ width: 100%;}


/* páginas internas */

/*banner*/
.banner_small{ height: 270px}
.banner_small .box_banner, .banner_medium .box_banner{ padding-top: 120px; margin-bottom: 0px}
.banner_small .box_banner .pre_title, .banner_medium .box_banner .pre_title{ color:#e89b24}

.banner_medium .box_banner .desc{ width: 515px;}

.banner_medium{height: 360px}

/*banner interna*/
.banner_interna{background: url("images/banner/banner1.jpg")}

.banner_medium, .banner_small{background-size: cover;}

/*icono y texto*/
.box_w-icon{ margin-bottom: 25px;}
.box_w-icon .box-l img{ margin-right: 30px; margin-top:-10px}
.box_w-icon .box-r p{ font-size: 15px;}

/*items 1 fila */
.content_item_1 .item_1{ display: -webkit-flex; display: flex; flex-direction: row;  padding: 50px 0;}
.content_item_1 .item_1 img{ margin-right: 30px;}
.content_item_1 .item_1 H2{ font-size: 24px; margin-bottom: 15px;}
.content_item_1 .item_1 H3{margin-bottom: 25px;}
.content_item_1 .item_1 p{margin-bottom:15px;}
.content_item_1 .item_1 p:last-child{margin-bottom:0px;}
.content_item_1 div:last-child{ padding-bottom:0px ;}

.content_item_1 i{ color:#e89b24}

/*divs adicionales*/

.box_info{ background: #f6f6f6; border: 1px solid #e7e7e7; padding: 55px 70px; box-sizing: border-box; margin-top:65px;}
.box_info H3{ margin-bottom: 30px;}
.box_info H3 span{ font-weight: 600; display: block;}
.box_info ul{ list-style: none;	padding: 0;}
.box_info ul li{padding-left:2.5em; margin-bottom: 20px;}
.box_info ul li::before{font-family:"Font Awesome 5 Free";content:"\f061"; display: inline-block; margin-left: -2.5em; width: 2.5em; color:#e89b24; font-weight: 900}

/* Hamburger */
/*nav:not(.mm-menu) {display: none;}*/
.mm-navbar a{text-align: center;}
a#mmenu_hamburger {display: none; box-sizing: border-box; width: 50px;height: 50px;position: fixed; top:20px;	right:25px;	z-index: 999;}
#mmenu i{ color:#e89b24; margin-right:5px}
.mm-menu a{ font-weight: 700;}

/* Hamburger span */
a#mmenu_hamburger span{background:#e89b24;display: block; width: 30px;height: 5px;position: absolute; right:5px;}
a#mmenu_hamburger span:first-child{top: 10px;}
a#mmenu_hamburger span{top: 20px; }
a#mmenu_hamburger span:last-child{top: 30px;}

/* Hamburger animation */
a#mmenu_hamburger span:first-child,
a#mmenu_hamburger span:last-child,
a#mmenu_hamburger span{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;	transition-property: transform, top, bottom, left, opacity;}

html.mm-wrapper_opening a#mmenu_hamburger span:first-child,
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{top: 20px;}

html.mm-wrapper_opening a#mmenu_hamburger span:nth-child(2){opacity: 0;}
html.mm-wrapper_opening a#mmenu_hamburger span:first-child{transform: rotate( 45deg );}
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{transform: rotate( -45deg );}

/*popup*/
.box-popup{ width:700px; background:#fff; padding:50px; box-sizing:border-box;  border-radius:10px; text-align:center}
.box-popup H1, .box-popup H3{text-align: center; }
.box-popup .box{ margin-top:50px;}
.box-popup .box p{ margin-bottom: 10px;}

.chkterminoscondiciones {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}