@charset "utf-8";

/* CSS Document */

body { padding:0px; margin:0px;  font-size:16px; color:#303030; line-height:20px; font-family: 'WorkSans-Regular'; overflow-x: hidden;    -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #303030; text-decoration: none;transition: all 0.5s ease;  }
r { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#303030;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a{ color: #303030; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1170px; margin:auto; padding:0px;}
.row2{ width:1032px; margin:auto; padding:0px;}


/* header css */
.header-top {float: left;width: 100%;}
.head-main {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 24px 0 18px;position: relative;}   
.head-main li {flex: 0 1 20%;}
.head-main li.head-cnt {flex: 0 1 60%;}
.head-main li.header-select{display: flex;justify-content: flex-end;}
.logo img{float:left;width: 120px;}
.head-cnt p{letter-spacing: -0.33px;color: #292929;font-size: 20px;line-height: 27px;font-family: 'WorkSans-SemiBold';text-align: center;} 

.hdr-bottom {float: left;width: 100%;position: relative;z-index: 999;background: #007DC3;padding: 0px 0;} 
.hdr-bottom ul {float: left;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;column-gap: 140px;padding: 12px 0;}  
.hdr-bottom ul li{flex: 0 1 auto;}
.hdr-bottom ul li a{font-size: 18px;line-height: 24px;letter-spacing: -0.3px;color: #FFFFFF;transition: all 0.3s ease;opacity: 0.8;}
.hdr-bottom ul li a.active{font-family: 'WorkSans-Bold';text-decoration: underline;opacity: 1;} 
.hdr-bottom ul li a:hover{opacity:1;}

/* mobile menu css */ 
.mobile-menu{position:fixed;top: 65px;width:100%;z-index: 99999;background: #017dc3;height: calc(100vh - 65px);overflow:auto;padding:0px 0px 20px;opacity: 0;visibility: hidden;transition: all 0.4s ease;} 
.mobile-menu .mob-main { float:left; width:100%;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .slide-menu {top: 65px;height: calc(100vh - 65px);}
.mobile-menu .mob-main nav.slide-menu ul {padding: 0;}
.mobile-menu .mob-main nav.slide-menu ul li {float: left;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);}

.m-menu {position: relative;display:none;width: 25px;height: 22px;margin: 0px 0 0 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;float: right;}
.m-menu a { display: block;} 
.m-menu span {display: block;position: absolute;height: 2px;width: 100%;background: #6f6f6f;border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 7px; width: 70%; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 4px;background: #017dc5;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 14px;left: 4px;background: #017dc5;}
.over{overflow-y: hidden;}

/* footer css */
footer{float: left;width: 100%;background: #017dc3;padding: 32px 0 37px;}
.foot-top{float: left;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);}
.footop-main {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-bottom: 24px;}
.foot-logo{flex: 0 1 120px;}
.foot-logo img{float: left;width: 100%;}
.foot-cnt{flex: 0 1 auto;}
.foot-cnt p{letter-spacing: -0.27px;color: #FFFFFF;font-size: 16px;line-height: 20px;text-align: right;}
.footbtm-main {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top: 23px;}
.copy-rights {flex: 0 1 auto;}
.copy-rights p{letter-spacing: 0px;color: #fff;font-size: 13px;line-height: 21px;} 
.foot-lnks{flex: 0 1 auto;}
.foot-lnks ul{display: flex;align-items: center;column-gap: 17px;justify-content: flex-end;}
.foot-lnks ul li{flex: 0 1 auto;position: relative;}
.foot-lnks ul li:after{position: absolute;content: "";width:3px;height: 3px;border-radius: 100%; background: #fff;top: 50%;transform: translateY(-50%);right:-9px;}
.foot-lnks ul li:last-child::after{display: none;}
.foot-lnks ul li a{letter-spacing: 0.54px;font-size:13px;line-height:21px;color:#fff;}
.foot-lnks ul li a:hover{opacity: 0.7;}

/*************************************************Home*************************************************/
.home-banner {float: left;width: 100%;position: relative;}
.home-banner img {float: left;width: 100%;min-height: 305px;object-fit: cover;}
.homeban-cnt {position: absolute;top: 50%;transform: translateY(-50%);}
.homeban-cnt h1 {letter-spacing: -1px;color: #292929;font-size: 60px;line-height: 60px;font-family: 'WorkSans-Medium';}
.homeban-cnt h1 span {display: block;width: 100%;font-family: 'WorkSans-Bold';font-style: italic;}

.home-title {float: left;width: 100%;padding: 70px 0 80px;}
.home-head {margin: 0 auto;max-width: 810px;width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;}
.home-head h2 {letter-spacing: -0.67px;color: #292929;font-size: 40px;line-height: 45px;font-family: 'WorkSans-SemiBold';margin-bottom: 24px;}
.home-head p {letter-spacing: -0.3px;color: #292929;font-size: 18px;line-height: 25px;} 
.home-head a {display: inline-flex;background: #017dc3;color: #fff;padding: 0px 50px 0 20px;font-size: 18px;line-height: 18px;height: 55px;align-items: center;justify-content: center;position: relative;border: 1px solid #017dc3;margin-top: 35px;}
.home-head a:after{position: absolute;content: ""; top: 53%;right: 15px;background: url(../images/arrow-boto.svg)no-repeat center center;width: 25px;height: 11px;background-size: cover;transform: translateY(-47%);transition: all 0.3s ease;}
.home-head a:hover{background: #fff;color:#017dc3;}
.home-head a:hover:after{filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1254%) hue-rotate(177deg) brightness(95%) contrast(99%);}

.faq-ban {float: left;width: 100%;position: relative;}
.faq-ban img {float: left;width: 100%;object-fit: cover;} 
.fban-cnt {position: absolute;top: 50%;transform: translateY(-50%);float: left;width: 100%;max-width: 325px;}
.fban-cnt h2 {letter-spacing: -0.67px;color: #fff;font-size: 40px;line-height: 45px;font-family: 'WorkSans-SemiBold';margin-bottom: 24px;}
.fban-cnt p {letter-spacing: -0.3px;color: #fff;font-size: 18px;line-height: 25px;margin-bottom: 25px;} 
.fban-cnt a {display: inline-flex;background: transparent;color: #fff;padding: 0px 50px 0 20px;font-size: 18px;line-height: 18px;height: 55px;align-items: center;justify-content: center;position: relative;border: 1px solid #fff;}
.fban-cnt a:after{position: absolute;content: ""; top: 53%;right: 15px;background: url(../images/arrow-boto.svg)no-repeat center center;width: 25px;height: 11px;background-size: cover;transform: translateY(-47%);transition: all 0.3s ease;}
.fban-cnt a:hover{background: #fff;color:#017dc3;}
.fban-cnt a:hover:after{filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1254%) hue-rotate(177deg) brightness(95%) contrast(99%);}

.prestacions{float: left;width: 100%;padding: 85px 0 145px;}
.prestacions h2 {letter-spacing: -0.67px;color: #292929;font-size: 40px;line-height: 45px;font-family: 'WorkSans-SemiBold';margin-bottom: 15px;text-align:center;}
.prestacions p {letter-spacing: -0.3px;color: #292929;font-size: 18px;line-height: 25px;text-align:center;} 
.presta-list {float: left;width: 100%;margin-top: 63px;display: flex;flex-wrap: wrap;column-gap: 2%;} 
.presta-list ul {float: left;width: 100%;display: flex;flex-wrap: wrap;align-items: center;row-gap: 20px;flex: 0 1 32%;}
.presta-list ul li {flex: 0 1 100%;font-size: 18px;letter-spacing: -0.3px;color: #292929;line-height: 25px;padding-left: 32px;position: relative;}
.presta-list ul li:before{position: absolute;top:0px;left: 0;width: 25px;height: 25px;content: "";background: url(../images/ico-checkbox.svg)no-repeat center center;}
 
.visual-div{margin-top: 40px;width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;display: none;}
.loading_img{width: 100%;margin-bottom: 15px; display: flex;align-items: center;justify-content: center;} 
.loading_img img{width: 50px;}
#loadmore {display: inline-flex;align-items: center;justify-content: center;height: 45px;cursor: pointer;background: none;border: 2px solid #017dc3;color: #fff;font-size: 14px;line-height: 14px;padding: 0 40px;border-radius: 0;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing: -0.23px;background: #017dc3;font-family: 'WorkSans-Regular';}
#loadmore:hover{background: transparent;color: #017dc3;}  

.mob-view{display: none;}

/*************************************************Simulator Steps*************************************************/
.inner-banner{float: left;width: 100%;background: #B7B8B824;}
.inner-banner.wh-bg{background: #fff;}
.bredcrum {float: left;width: 100%;padding: 18px 0;} 
.bredcrum ul {display: flex;align-items: center;column-gap: 20px;}
.bredcrum ul li {letter-spacing: -0.2px;font-size: 12px;line-height: 16px;color: #00000054;position: relative;}
.bredcrum ul li:after{position: absolute;content: "/";width: 0;height: 16px;right:-8px;top:0;color: #00000054;font-size: 12px;} 
.bredcrum ul li:last-child:after{display: none;}
.bredcrum ul li a {color: #000;}
.bredcrum ul li a:hover{color: #017dc3;}
.inner-cnt {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 25px 0 55px;}
.inner-cnt h1 {letter-spacing: -0.83px;color: #292929;font-size: 50px;line-height: 55px;font-family: 'WorkSans-SemiBold';}
.inner-cnt a {display: inline-flex;background: #017dc3;color: #fff;padding: 0px 80px 0 40px;font-size: 18px;line-height: 18px;height: 60px;align-items: center;justify-content: center;position: relative;border: 1px solid #017dc3;}
.inner-cnt a:after{position: absolute;content: ""; top: 53%;right: 25px;background: url(../images/arrow-boto.svg)no-repeat center center;width: 28px;height: 15px;background-size: cover;transform: translateY(-47%);transition: all 0.3s ease;}
.inner-cnt a:hover{background: transparent;color:#017dc3;} 
.inner-cnt a:hover:after{filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1254%) hue-rotate(177deg) brightness(95%) contrast(99%);}

.step-list {float: left;width: 100%;}
.step-list ul {display: flex;flex-wrap: wrap;align-items: center;column-gap: 3.15%;justify-content: center;width: 100%;margin: 0 auto;}
.step-list ul li {flex: 0 1 17.4%;position: relative;}
.step-list ul li:after{position:absolute;content: ""; width: 100%;height: 3px;left: 90px;top:35%;transform: translateY(-65%);background: url(../images/arrow-simulador.svg) center center;z-index: -1;}
.step-list ul li:last-child:after{display: none;}
.step-main {float: left;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;z-index: 9;}
.step-img {float: left;width: 90px;margin-bottom: 15px;border-radius: 100%;position: relative;border: 1px solid #bdbdbd;} 
.step-img img{float: left;width: 100%;}
.step-img::before{position: absolute;width: 100%;height: 100%;left:0;top:0;content: "";background: rgba(255,255,255,0.4);}
.step-list ul li.active .step-img:before{display: none;}
.step-main h3 {width: 100%;float: left;text-align: center;letter-spacing: -0.33px;color: #292929;font-size: 20px;line-height: 27px;font-family: 'WorkSans-Medium';opacity: 0.4;}
.step-list ul li.active .step-main h3 {font-family: 'WorkSans-Bold';color: #017dc3;opacity: 1;}
.step-list ul li.active .step-img{box-shadow: 7px 5px 10px 0px rgba(0, 123, 255, 0.3);border: 1px solid #007dc3;} 

.personal-info {float: left;width: 100%;padding: 50px 0 135px;}  
.perinfo-main {float: left;width: 100%;background: #f8f8f8;padding: 40px 70px 35px;}
.person-det {float: left;width: 100%;display: flex;flex-wrap: wrap;align-items: center;column-gap: 30px;margin-bottom: 30px;}
.perdet-lft {flex: 0 1 100px;} 
.perdet-lft img {float: left;width: 100%;}
.perdet-rht {flex: 0 1 calc(100% - 130px);}
.perdet-rht span {letter-spacing: -0.3px;color: #007DC3;font-size: 18px;line-height: 27px;font-family: 'WorkSans-Medium';}
.perdet-rht h3 {letter-spacing: -0.5px;color: #383838;font-size: 30px;line-height: 38px;font-family: 'WorkSans-Bold';}

.person-form {float: left;width: 100%;}
.person-form .form-box .chk-box{float: left; width: 100%;margin-bottom: 40px;}
.person-form .form-box .chk-box:last-child{margin: 0;}
.person-form .form-box .chk-box h4 {letter-spacing: -0.33px;color: #292929;font-size: 20px;line-height: 30px;font-family: 'WorkSans-Semibold';margin-bottom: 15px;}
.person-form .form-box .checkbox {float: left; width: 100%; margin-bottom: 5px;} 
.person-form .form-box .checkbox:last-child{margin: 0;}
.person-form .form-box .checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.person-form .form-box .checkbox label {  cursor: pointer; font-size: 18px; padding-left: 35px;  position: relative; width: auto; line-height:26px; margin-bottom:0px; text-align:left;letter-spacing: -0.3px;color: #292929;} 
.person-form .form-box .checkbox label::before { content: ""; height: 12px; left: 0px; position: absolute;  top: 5px; transition: all 0.3s ease-in-out 0s; width: 12px; z-index: 9;border:1px solid #b2b2b2; border-radius: 100%;background: #fff;}
.person-form .form-box .checkbox input:checked + label::before { background: #007dc3; border-color: #007dc3;}
.person-form .form-box .frm-input {float: left;width: 100%;margin-top: 10px;}
.person-form .form-box .frm-input input[type="text"]{height:40px;width: 100%;border: 0.5px solid #979797;max-width: 220px;padding: 10px;font-family: 'WorkSans-Regular';font-size: 14px;line-height: 18px;}  

.navigation {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top:50px;}
.navigation a {display: inline-flex;background: #017dc3;color: #fff;padding: 0px 70px 0 35px;font-size: 18px;line-height: 18px;height: 55px;align-items: center;justify-content: center;position: relative;border: 1px solid #017dc3;}
.navigation a:after{position: absolute;content: ""; top: 50%;right: 15px;background: url(../images/arrow-boto.svg)no-repeat center center;width: 25px;height: 11px;background-size: cover;transform: translateY(-50%);transition: all 0.3s ease;}
.navigation a:hover{background: #fff;color:#017dc3;}
.navigation a:hover:after{filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1254%) hue-rotate(177deg) brightness(95%) contrast(99%);}
.navi-lft a{padding: 0px 35px 0 70px;}
.navi-lft a:after{left:20px;right: auto;background: url(../images/arrow-boto-lft.svg)no-repeat center center;}
.nopage a{background: #B9B9B9;border-color:#B9B9B9;}
.nopage a:hover{opacity: 0.5;background: #B9B9B9;border-color:#B9B9B9;color:#fff}
.nopage a:hover:after{filter:none;}

/*************************************************Simulator Final*************************************************/
.simulator-final {float: left;width: 100%;padding: 80px 0 110px;}
.final-head {max-width: 665px;}

.final-faq {float: left;width: 100%;padding-top: 50px;}
.final-faq.smk_accordion .accordion_in:last-child{margin: 0;}
.final-faq.smk_accordion .accordion_in .acc_head {padding: 30px 45px 30px 40px;font-size: 25px;line-height: 30px;font-family: 'WorkSans-Semibold';letter-spacing: -0.67px;}  
.final-faq.smk_accordion .accordion_in.acc_active > .acc_head{padding: 30px 45px 20px 40px;font-size: 25px;line-height: 30px;color: #007DC3;font-family: 'WorkSans-Semibold';letter-spacing: -0.67px;}
.final-faq.smk_accordion .accordion_in .acc_content{padding: 0 80px 30px 40px;letter-spacing: -0.3px;color: #292929;font-size: 18px;line-height: 25px;} 
.final-faq.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand{top: 55%;transform: translateY(-45%);}   

.down-links {float: left;width: 100%;align-items: center;justify-content: center;display: flex;flex-wrap: wrap;margin-top: 60px;}
.down-links p {width: 100%;text-align: center;font-size: 18px;line-height: 27px;color: #292929;letter-spacing: -0.3px;margin-bottom: 25px;}
.down-links ul {display: flex;align-items: center;column-gap: 50px;} 
.down-links ul li {flex: 0 1 auto;} 
.download {display: inline-flex;background: transparent;color: #017dc3;padding: 0 40px;font-size: 16px;line-height: 16px;height: 55px;align-items: center;justify-content: center;position: relative;border: 1px solid #017dc3;letter-spacing: -0.27px;text-decoration: underline;column-gap: 15px;}
.download:hover{background: #017dc3;color:#fff;}
.download:hover img{filter: brightness(0) invert(1);}
.share {display: inline-flex;background: #017dc3;color: #fff;padding: 0px 32px;font-size: 16px;line-height: 16px;height: 55px;align-items: center;justify-content: center;position: relative;border: 1px solid #017dc3;letter-spacing: -0.27px;column-gap: 10px;}
.share:hover{background: #fff;color:#017dc3;}
.share:hover img{filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1254%) hue-rotate(177deg) brightness(95%) contrast(99%);}


/*************************************************Simulator Main*************************************************/
.com-funcio {float: left;width: 100%;padding: 70px 0 170px;}
.com-funcio .home-head{text-align: left;max-width: 760px;float: left;justify-content:flex-start;} 
.com-funcio .home-head h2{margin-bottom: 20px;}
.com-funcio .home-head p{line-height: 27px;}

.com-list {float: left;width: 100%;padding-top: 155px;} 
.com-list ul {float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;}
.com-list ul li {flex: 0 1 32%;border: 1px solid #BDBDBD;padding: 0 65px 40px 25px;}
.com-img{float: left;width: 100%;margin-top: -65px;margin-bottom: 10px;}
.com-img img{width: auto;}
.com-cnt {float: left;width: 100%;}
.com-cnt h3 {letter-spacing: -0.42px;color: #292929;font-size: 25px;line-height: 30px;font-family: 'WorkSans-Semibold';margin-bottom: 5px;} 
.com-cnt p {letter-spacing: -0.3px;color: #292929;font-size: 18px;line-height: 27px;}

/*************************************************Simulator FAQS*************************************************/
.simulator-faq {float: left;width: 100%;padding: 80px 0 150px;}
.simu-faq-list {float: left;width: 100%;padding-bottom: 95px;}
.simu-faq-list:last-child {padding-bottom: 0;} 
.simu-faq-list h2 {float: left;width: 100%;letter-spacing: -0.67px;color: #007DC3;font-size: 40px;line-height: 45px;font-family: 'WorkSans-SemiBold';padding-bottom: 45px; border-bottom: 1px solid #bdbdbd;}
.simu-faq-list.smk_accordion .accordion_in{border: none; border-bottom:1px solid #bdbdbd ;margin-bottom: 0;}  
.simu-faq-list.smk_accordion .accordion_in .acc_head {padding: 25px 280px 25px 0px;font-size: 25px;line-height: 30px;color: #292929;font-family: 'WorkSans-Medium';letter-spacing: -0.67px;}
.simu-faq-list.smk_accordion .accordion_in.acc_active > .acc_head{padding: 25px 280px 20px 0px;font-size: 25px;line-height: 30px;color: #292929;font-family: 'WorkSans-Semibold';letter-spacing: -0.67px;}
.simu-faq-list.smk_accordion .accordion_in .acc_content{padding: 0 160px 35px 0;letter-spacing: -0.3px;color: #292929;font-size: 18px;line-height: 25px;font-family: 'WorkSans-Regular';}
.simu-faq-list.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand{top:52.5%;transform: translateY(-47.5%);}   
.simu-faq-list.smk_accordion .accordion_in .acc_content p {margin-bottom: 10px;line-height: 27px;} 
.simu-faq-list.smk_accordion .accordion_in .acc_content p:last-child {margin-bottom: 0;}
.simu-faq-list.smk_accordion .accordion_in .acc_head .acc_icon_expand {right: 20px;}