@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root{
    --color-primary: #1061a8;
    --color-secondary: #06457c;
    --color-hover: #06457c;
    --color-gray: #999;
    --color-light-gray: #eee;
}

/*HEADER*/
header{ background: white;}
header .logo{ max-width: 210px; height:80px; margin-bottom: 10px;}
header .navbar{ background: white; max-width: 1320px; margin:0 auto; }
header .navbar .navbar-collapse ul{ width: 100%; justify-content:end }
header .top-right{ position:absolute; top:10px; right:15px;}
header .navbar .nav-link.active{ color:black; font-family: 'Open Sans', sans-serif; font-weight: 700; }
header a:hover{ color:#ddd; }
header .social-link{ color:#444; margin-left: 10px; }
header .social-link:hover{ color:black; }
header button.btn-mobile {color:#fff; background:transparent; padding:6px 10px; margin-top:8px; margin-bottom:8px; border-radius: 0; outline:none !important; border:none !important; box-shadow:none !important; }
header button.btn-mobile i {padding:0; margin:0; font-size:21px; }
header .btn-mobile .icon-bar {background-color: black; transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6); }
header .btn-mobile .icon-bar { display: block; height: 3px; width: 22px; margin: 4px 0; }
header .btn-mobile.open .icon-bar:nth-child(1){ transform:rotate(45deg) translateY(5px) translateX(5px)}
header .btn-mobile.open .icon-bar:nth-child(2){ transform:rotate(-45deg); }
header .btn-mobile.open .icon-bar:nth-child(3){ transform:rotate(45deg) translateY(-7px) translateX(-7px); opacity:0}
header .dropdown:hover .dropdown-menu{ display: block; }
header .dropdown-menu{ margin-top: 0; }
@media (max-width:768px){
    header .navbar .navbar-collapse ul li{ text-align:right; }
    header .social-link{ font-size:20px; margin-left: 20px; margin-top: 10px; display:inline-block; }
    header .navbar .navbar-brand{ margin-right: 0; }
    header .navbar > .container{ justify-content: center; }
}
@media (min-width:768px){
    header .dropdown:hover .dropdown-menu{ display: block; }
}
/*END HEADER*/


/*END HEADER*/
*{line-height: 136%; } 
html{ width:100%;  }
body{background: #fff; overflow-x:hidden;  }
p{ font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 140%; max-height: 999999px;}
li{ font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 140%; max-height: 999999px;}
.general{height: auto; margin: 0 auto; }
#menu{ margin: 0 auto; height: 113px; overflow: visible; position: relative; }
.seccion { height:auto; background:#fff; }
.seccion .text_descripciones{font-size: 12px; color:#7b7070; }
.seccion .text-center{ text-align: center !important }
.seccion .text-left{ text-align: left !important }
.seccion .h100{ height: 100%;}
.seccion .big{ font-size:18px; }
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.table-middle tr, table.table-middle td{ vertical-align: middle !important; }
@media screen and (min-width: 992px){
    .seccion .row-table{ display: table; }
    .seccion .row-table .col{ display: table-cell; float:none; vertical-align: middle; text-align: center;  }
}
@media screen and (max-width: 992px){
    .no-pad-xs{ padding-left: 0; padding-right: 0; overflow: hidden; }
}

.swal2-html-container{ height:auto; max-height: calc( 100vh - 150px); overflow: auto; }
.swal2-popup #swal2-content{ overflow: hidden;}
.swal2-html-container li,.swal2-html-container p{ font-size:17px; }
.swal2-popup.large{ width: 800px; }
.swal2-popup.legal #swal2-content{ text-align: left;}
.swal2-styled.swal2-confirm{ background-color:var(--color-primary) !important; outline:none !important; border:none !important; box-shadow:none !important }

.LSSI{height: auto; display: none; overflow: hidden; background: rgba(0,0,0,0.6); padding: 0 0 12px; position: fixed; bottom: 0; z-index:10; }
.LSSI .centered{min-height: 40px; margin: 0 auto; padding: 10px 0; width:auto; max-width: 1100px; }
.LSSI p{color:#fff; font-size:16px; margin: 10px; position: relative; font-family: 'Open Sans',sans-serif; font-weight:500; sans-serif; } 
.LSSI a{color:#fff; text-decoration: underline; cursor:pointer; }
.LSSI .text-link{color:#fff; text-decoration: underline; cursor:pointer; }
.LSSI .btn{background: var(--color-primary); cursor: pointer; margin: 0 5px 5px 5px; padding: 5px 15px; text-align: center; width: auto; position: relative; border-radius: 5px; text-decoration: none; }
.LSSI .btn span{color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-weight:500; font-size: 14px; }
	

.easing{transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.easingMedium{transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995); transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995); }
.easingMediumFast{transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995); transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995); }
.easingFast{transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); }

img.responsive{ width:100%; height:auto; }
img.max-responsive{ max-width:100%; height:auto; }
img.max-responsive-centered{ max-width:100%; height:auto; margin:0 auto; display: block; }

.mt0{ margin-top: 0px !important; } .mt-10{ margin-top: -10px !important; } .mt-20{ margin-top: -20px !important; } .mt10{ margin-top: 10px !important; } .mt20{ margin-top: 20px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !important; } .mt50{ margin-top: 50px !important; } .mt100{ margin-top: 100px !important; } .mb0{ margin-bottom: 0 !important; } .mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb20{ margin-bottom: 20px !important; } .mb30{ margin-bottom: 30px !important; } .mb40{ margin-bottom: 40px !important; } .mb50{ margin-bottom: 50px !important; } .ml10{ margin-left: 10px !important; } .ml20{ margin-left: 20px !important; } .ml30{ margin-left: 30px !important; } .mr10{ margin-right: 10px !important;} .mr15{ margin-right: 15px !important;} .mr20{ margin-right: 20px !important;} .mr30{ margin-right: 30px !important;} .pt0{ padding-top: 0 !important;} .pt10{ padding-top: 10px !important;} .pt20{ padding-top: 20px !important;} .pt30{ padding-top: 30px !important;} .pt40{ padding-top: 40px !important;} .pt50{ padding-top: 50px !important;} .pb0{ padding-bottom: 0 !important;} .pb10{ padding-bottom: 10px !important;} .pb20{ padding-bottom: 20px !important;} .pb30{ padding-bottom: 30px !important;} .pb40{ padding-bottom: 40px !important;} .pb50{ padding-bottom: 50px !important;}
.pl20{ padding-left: 20px !important;} .pl40{ padding-left: 40px !important;} .pr20{ padding-right: 20px !important;} .pr40{ padding-right: 40px !important;}
.delay01{ animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } .delay02{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .delay03{ animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .delay04{ animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .delay05{ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .delay06{ animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .delay07{ animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } .delay08{ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .delay09{ animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } .delay10{ animation-delay: 1s; -webkit-animation-delay: 1s; } .delay11{ animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } .delay12{ animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .delay13{ animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } .delay14{ animation-delay: 1.4s; -webkit-animation-delay: 1.4s; } .delay15{ animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .delay16{ animation-delay: 1.6s; -webkit-animation-delay: 1.5s; } .delay17{ animation-delay: 1.7s; -webkit-animation-delay: 1.5s; } .delay18{ animation-delay: 1.8s; -webkit-animation-delay: 1.5s; } .delay19{ animation-delay: 1.9s; -webkit-animation-delay: 1.5s; } .delay2{ animation-delay: 2s; -webkit-animation-delay: 2s; } .delay21{ animation-delay: 2.1s; -webkit-animation-delay: 2s; } .delay22{ animation-delay: 2.2s; -webkit-animation-delay: 2s; } .delay23{ animation-delay: 2.3s; -webkit-animation-delay: 2s; } .delay24{ animation-delay: 2.4s; -webkit-animation-delay: 2s; } .delay25{ animation-delay: 2.5s; -webkit-animation-delay: 2.5s; } .delay3{ animation-delay: 3s; -webkit-animation-delay: 3s; } .delay4{ animation-delay: 4s; -webkit-animation-delay: 4s; } .delay5{ animation-delay: 5s; -webkit-animation-delay: 5s; } .delay6{ animation-delay: 6s; -webkit-animation-delay: 6s; }
.text-clamp2{ -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.text-clamp3{ -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
ul{ padding-left: 0; list-style: outside none; }
.badge-success{ background: #00A93E; white-space: normal; }
.badge-info{ background: #57b0c9; white-space: normal; }
.badge-danger{ background: #D03A3A; white-space: normal; }
.badge-orange{ background: #E7C03A; white-space: normal; }
.badge-purple{ background: #B25EFD; white-space: normal; }
.badge-blue {color: white; background:#4A7AF5 ; }
.badge-light{ background: #FFFFFF; white-space: normal; color:#5E5E5E; border:1px solid rgba(0,0,0,0.1); }

.manage-admin-content.cke_editable{ outline: 1px dashed white; box-shadow: 0 0 1px #000; }
.manage-admin-content.cke_focus{ outline: 2px solid white; box-shadow: 0 0 3px #000; }

.btn{ border-radius: 0; border:none; white-space: normal; padding:5px 20px; letter-spacing: 2px;}
.btn-primary{ background-color: var(--color-primary); font-family: 'Open Sans',sans-serif; font-weight:500; font-size: 16px; color: white; }
.btn-primary:hover{ background-color: var(--color-primary); }
.btn-primary.btn-lg{ padding:5px 25px; font-size: 26px;  }
.btn-block{ width: 100%;}
.contentSection a.btn{ color:#fff; font-size: 18px; }
.btn-center{ display: table; margin:0 auto; }
.seccion .btn-primary.transparent {margin: 28px 8px 0 0; padding: 6px 75px 6px 63px; border: solid 2px black; background-color: transparent; font-family: 'Open Sans',sans-serif; font-weight:500; font-size: 26px; color: #000; }

.contentSection h3{ font-weight: bold; }
.seccion{ font-family: 'Open Sans',sans-serif; font-weight:500; }
.seccion .slide-big{ position: relative; width: 100%; overflow: hidden;} 
.seccion .relative { position: relative; }
.seccion .absolute { position: absolute; }
.seccion .slide-big p.text-slide {position: absolute; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 50px; line-height: 42px; transform: translate(-50%); left: 50%; top: 50%; text-shadow:0 0 5px rgba(0,0,0,0.8) }
.seccion .slide-big img{ min-height:50vh; object-fit: cover; }
.seccion .text-white {color: white;}
.seccion .title{font-size: 40px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center;}
.seccion .subtitle {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 30px; }
.seccion .subtitle2 {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; }
.seccion .subtitle3 {font-size: 18px; }
.seccion .text-xl {font-size: 30px; font-family: 'Open Sans',sans-serif; font-weight:500; }
.seccion .text-lg {font-size: 25px; font-family: 'Open Sans',sans-serif; font-weight:500; }
.seccion .text-md {font-size: 18px; font-family: 'Open Sans',sans-serif; font-weight:500; }
.seccion .text {font-size: 18px; font-family: 'Open Sans',sans-serif; font-weight:500; }
.seccion .separator {height: 4px; width: 100%;background-color: var(--color-primary);}
.seccion .separator-small {width: 267px; height: 4px; margin: 30px auto; background-color: var(--color-primary); }
.seccion .checkbox label {font-size: 15px; font-family: 'Open Sans',sans-serif; font-weight:500;margin: 0 auto 10px auto; padding-left: 5px; display:block;}
.seccion .google-maps {margin-top: 20px; }
.seccion #map {width: 100%; height: auto; }
.seccion .checkbox {position: relative; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: relative; float:left; width: 30px; height: 20px; margin-top: 0; }
.seccion .background-gray{background: rgb(233 233 233 / 90%); ; padding: 50px 0 20px 0;;}
.seccion ul.list.checked {padding-left: 15px; } 
.seccion ul.list li {font-size: 20px; font-family: 'Open Sans',sans-serif; font-weight:500; line-height: 32px; }
.seccion ul.list.checked li::before {content: "\f00c"; font-family: 'FontAwesome'; color: var(--color-primary); margin-right: 10px; margin-left: -30px; }
.seccion textarea{ resize:none; }
.seccion .w800{ max-width: 800px; display:table; margin:0 auto; }
.seccion .w1000{ max-width: 1000px; display:table; margin:0 auto; }
.row-parallax {position: relative; padding: 15px 15px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} 
.row-parallax:before {content: ""; position: absolute; z-index: 1; top: 0; width: 100%; height: 58px; }
.parallax  {transform: translateY(-57.9271px) translateX(-50%); }
.row-parallax .container{ position:relative; z-index: 1;}
.row-parallax img.parallax {position: absolute; left: 50%; top: -20%; bottom: 20px; height: 150%; min-width:100%; z-index: 0; filter: brightness(0.5); }
.visible-sm{ display:none !important;} .visible-xs{ display:none !important;}
@media (max-width:992px){
    .hidden-sm{ display:none !important}
    .visible-sm{ display:block !important}
    .hidden-sm{ display:none}
}
@media (max-width:768px){
    .hidden-xs{ display:none}
    .hidden-xs{ display:none !important}
    .visible-xs{ display:block !important}
}

.swiper-pagination-bullets .swiper-pagination-bullet-active-main{ background:white; }

.seccion ul.special-links li{ font-size:16px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-bottom: 10px; }
.seccion ul.special-links li a{ text-decoration: none; color:#00133A;}
.seccion ul.special-links li a:hover{ text-decoration: underline;}

.seccion .img-cover{ width: 100%; height:100%; object-fit: cover;}
@media (max-width:992px){
    .seccion .img-cover{ width: 100%; height:auto; object-fit: unset;}
}

.box-white-ul {background: white; padding: 30px 15px; box-shadow: 0 3px 50px 0 rgb(0 0 0 / 16%); }
.box-white-ul ul.list {padding-left: 25px; margin-top: 30px; }
i.fa { font-size: 20px;}

@media screen and (max-width: 992px){
	.seccion .slide-big p.text-slide {font-size: 35px; }
	.seccion h1{font-size: 50px;}
}

/*MODAL center in middle*/
.modal {text-align: center; padding: 0!important; }
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }

.row-white{ padding:40px 15px; }

/*HOME*/
.seccion-home .slider-blue{ background: var(--color-primary); }
.seccion-home .slider-blue .row > div .text-col{ padding: 120px 80px; color:white; }
.seccion-home .slider-blue .row > div .text-col h1{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:40px; max-width:460px; margin-bottom: 20px; }
.seccion-home .slider-blue .row > div img{ width: 100%; height: 100%; object-fit: cover; }
.seccion-home .wrap-questions{ display: block; min-height: 520px;}
.seccion-home .question-single{ background: white; margin: 60px auto; max-width: 800px; display: none; }
.seccion-home .question-single[data-id="1"]{ display: block; }
.seccion-home .question-single .answers{ margin-top: 40px; }
.seccion-home .question-single .answers .answer-option{ display: block; margin-bottom: 20px; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.seccion-home .question-single .answers .answer-option .segment10{ width: 10%; margin:0; padding:5px 2px; }
.seccion-home .question-single .answers .answer-option .segment10 .dash{ display: inline-block; width: 100%; height: 6px; background: var(--color-light-gray); }
.seccion-home .question-single .answers .answer-option .segment10.active .dash{ background: var(--color-gray); }
.seccion-home .question-single .answers .answer-option .segment10.selected .dash{ background: var(--color-primary); }
.seccion-home .question-single .answers .answer-option .legend10Segments{ display:flex; justify-content: space-between; font-size:14px; font-weight: 700; color:var(--color-gray);  }
.seccion-home .question-single .btn-next{ padding:8px 20px; font-weight: 700; }
.seccion-home .question-single .answer-option label{ user-select: none; cursor: pointer;}
.seccion-home .question-single .answer-option label img{ margin-right: 10px; width: 35px;}
.seccion-home .question-single .answer-option label input[type=radio]{ display: none; }
.seccion-home .question-single .optionsFree{ margin-top: 20px; }
.seccion-home .question-single .segment10{ display: inline-block; margin-right: 10px; }
.seccion-home .last-question{ height: auto; padding-bottom: 60px; }
.seccion-home .last-question .col-text{ position:relative; z-index: 1;}
.seccion-home .last-question .price-pic{ height: calc(100% + 30px); width: calc(100% + 200px); object-fit: contain; object-position: bottom right; margin-left:-200px; position:relative; z-index: 0; }
.seccion-home .pagination-bullets{ display: flex; justify-content: center; margin:40px 0 40px 0; }
.seccion-home .pagination-bullets a{ cursor:pointer; background: white; border:1px solid var(--color-gray); border-radius: 50%; width: 15px; height: 15px; margin: 0 5px; }
.seccion-home .pagination-bullets a.active{ background:var(--color-gray); }
.seccion-home .checks{ margin-top: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.seccion-home .checks label{ font-family: 'Open Sans', sans-serif; font-weight: 300; }
@media screen and (max-width: 1400px){
    .seccion-home .slider-blue .row > div .text-col h1{ font-size:40px }
    .seccion-home .slider-blue .row > div .text-col p{ font-size:30px }
}
@media screen and (max-width: 992px){
    .seccion-home .wrap-questions{ display: block; min-height: 600px;}
    .seccion-home .slider-blue .row > div .text-col{ padding:40px;}
    .seccion-home .slider-blue .row > div .text-col h1{ font-size:30px }
    .seccion-home .slider-blue .row > div .text-col p{ font-size:20px }
    .seccion-home .last-question .price-pic{ height: 100%; width: 100%; object-fit: contain; object-position: bottom right; margin-left:0px; position:relative; z-index: 0; }
}

/*END HOME*/


/*footer*/
#pie{position: relative; height:auto; padding: 15px; color:white; background: var(--color-primary); text-align: center; }
#pie h4,#pie h3,#pie h5{ font-family:'Open Sans', sans-serif;  font-weight: 700;}
#pie .logo{ width: 100%; max-width: 90px; }
#pie ul.text-white li a{ color:white; font-family:'Open Sans',sans-serif; font-weight:500; font-size:15px; }
#pie ul.text-white li{ float:left; width: 50%; max-width: 300px; margin-bottom:12px }
#pie .copyright {background-color: #252525; padding: 20px 0; }
#pie span.glyphicon{ color:#000; }
#pie a{ color:white; }
#pie a+a{ margin-left: 10px; }
#pie a:hover{ color:#008cd0; }
#pie a.link{ color:#000; }
#pie .btn{font-size: 16px; }

.container-pils{ padding: 5px 25px; border-bottom: 1px solid #F5F5F5;  }
.container-pils .nav-pills{ border-radius: 0; }
.container-pils .nav-pills > li.active > a{ background-color: #008cd0; }
.container-pils .nav-pills > li a{ border-radius: 0; }