@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}

@media screen and (min-width:1280px) and (max-width:1366px) {
.row1,.row-foot{max-width: 1175px;}

/* menu */
.hdr-mid{column-gap: 20px;}
.head-main{column-gap: 20px;}
.megamenu-sec ul{column-gap: 20px;}
.hdr-rht{column-gap: 20px;}
.hdr-btn ul li a{font-size: 14px;line-height: 16px;padding: 8px 20px;}

}

@media (max-width: 900px) {
.bonos-grid {grid-template-columns:1fr;}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row,.row1,.row-head,.row-foot{ width:100%; padding:0px 15px;max-width: 100%; }

/* menu */
.hdr-mid{column-gap: 10px;}
.head-main{column-gap: 15px;}
.megamenu-sec ul{column-gap: 14px;}
.hdr-rht{column-gap: 10px;}
.hdr-btn ul{column-gap: 5px;}
.hdr-btn ul li a{font-size: 12px;line-height: 15px;padding: 7px 15px;} 
.megamenu-sec ul li a{font-size: 14px;}
.lang {width: 40px;}
.nice-select{font-size: 14px;}
.hdr-lft img{width: 100px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li a.mnu-title{font-size: 18px;line-height: 26px;padding-bottom: 5px;} 
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt h3{font-size: 36px;line-height: 40px;}
.megamenu-sec ul li.has-mega-menu ul.submenu{right: 55px;}
/* footer */
footer{padding: 70px 0 50px;}
.foot-logo img{width: 110px;}
.foot-menu ul{column-gap: 20px;}
.foot-btn ul li a{font-size: 14px;padding: 10px 20px;}

.inner-banner .ban-cnt h1 { font-size: 52px; line-height: 72px;}
.inner-banner .ban-cnt { padding-bottom: 60px;}
.sec-title {margin-bottom: 40px;}
.company-situation { padding: 60px 0; }
.pricing-grid {gap: 15px;}
.plan-body {padding: 25px 15px;}
.plan-card { min-height: 400px; border-radius: 15px;}
.plan-body h3 { font-size: 22px; line-height: 38px;}
.plan-body p {font-size: 18px; line-height: 26px;}
.plan-body h4 { font-size: 18px; line-height: 26px;}
.plan-body ul.plan-features li { font-size: 18px; line-height: 26px; background-position: 0px 2px;}
.plan-footer button { padding: 18px 20px; font-size: 20px;}
.contact-plan { padding-top: 40px; }
.contact-plan p { font-size: 20px;}
.benefits-sec-bg { padding: 50px 30px; border-radius: 40px;}
.kaudatu-benefits { padding-bottom: 80px;}
.compare-table { width: 1280px;}
.compare-table thead th:first-child { font-size: 28px; line-height: 38px;}
.benefits-main p { font-size: 16px;}
.plan-header h3 { font-size: 28px; line-height: 36px;}
.plans-compare-container { padding-bottom: 80px; }
.complement-plan-sec { padding: 0;}
.bono-card {padding: 20px 20px 20px;}
.pill {font-size: 16px; padding: 12px 14px;}
.bonos-section h2 { font-size: 20px; line-height: 28px;}
.bono-heading { font-size: 26px; line-height: 36px;}
ul.bono-list li { font-size: 20px;}
.bono-price { font-size: 20px;}
p.bono-note { font-size: 20px;}
.bono-text { font-size: 20px;}
.cta-ban { padding-bottom: 100px;}
.cta-lft h2 { font-size: 42px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row,.row1,.row-foot{ width:100%; padding:0px 15px;max-width: 100%; }

/* menu */
.m-menu { display: block;}
.megamenu-sec,.hdr-btn,.top-header{display: none;}
.head-main{justify-content: unset;column-gap: 20px;padding: 18px 0;} 
.hdr-lft{flex: 1 1 auto;}
.hdr-mid{max-height: 38px;}
.hdr-rht{column-gap: 30px;}
.hdr-btn.mob{display: flex;}
header{border-bottom:none; height: 90px;}
/* footer */
.foot-top{flex-wrap: wrap;row-gap: 20px;padding-bottom: 40px;}  
footer{padding: 60px 0 40px;} 
.foot-logo{flex: 0 1 100%;text-align: center;} 
.foot-menu{flex:0 1 100%;}
.foot-menu ul{column-gap: 20px;justify-content: center;} 
.foot-btn ul li a{font-size: 14px;padding: 10px 20px;}
.foot-btn{flex:0 1 100%;}
.foot-btn ul{justify-content: center;}
.foot-bottom{padding-top: 30px;}

/* faq */
.inner-banner .bredcrem{padding: 15px 0 35px;}
.inner-banner .ban-cnt p{font-size: 18px;line-height: 26px;}
.inner-banner .ban-cnt h1 { font-size: 42px; line-height: 52px;}
.inner-banner .ban-cnt { padding-bottom: 50px;}

.company-situation { padding: 50px 0; }
.sec-title { margin-bottom: 50px; }
.sec-title p { font-size: 20px; line-height: 28px;}
.pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plan-card { min-height: 400px;}
.plan-body h3 { font-size: 28px; line-height: 38px;}
.plan-body p {font-size: 18px; line-height: 26px;}
.plan-body h4 { font-size: 18px; line-height: 26px;}
.plan-body ul.plan-features li { font-size: 18px; line-height: 26px; background-position: 0px 2px;}
.plan-footer button { padding: 25px 20px;}
.contact-plan { padding-top: 40px; }
.benefits-sec-bg { padding: 40px 30px; border-radius: 30px;}
.benefits-list ul li { flex: 0 1 47.5%;}
.benefits-sec-bg h2 {font-size: 28px; line-height: 38px; padding-bottom: 30px;}
.kaudatu-benefits { padding-bottom: 50px; }
.compare-table { width: 1200px;}
.plans-compare-container { padding-bottom: 50px; }
.complement-plan-sec { padding: 0px; }
.bonos-section h2 { font-size: 20px; line-height: 28px;}
.bono-heading { font-size: 26px; line-height: 36px;}
ul.bono-list li { font-size: 20px;}
.bono-price { font-size: 20px;}
p.bono-note { font-size: 20px;}
.bono-text { font-size: 20px;}
.faq-sec { padding: 0 0 50px;}
.cta-ban { padding-bottom: 90px;}
.cta-main{padding: 60px 40px;}
.cta-lft {flex: 0 1 41%;}
.cta-rht {flex: 0 1 49%;}
.cta-lft h2 { font-size: 42px; line-height: 48px; padding-bottom: 30px;}

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row,.row1,.row-foot { width:100%; padding:0px 15px;max-width: 100%; }

/* menu */
.m-menu { display: block;}
.megamenu-sec,.hdr-btn,.top-header{display: none;}
.head-main{justify-content: unset;column-gap: 10px;padding: 18px 0;} 
.hdr-lft{flex: 1 1 auto;}
.hdr-mid{max-height: 38px;}
.hdr-rht{column-gap: 10px;}
.hdr-btn.mob{display: flex;}
header{border-bottom:none; height: 80px;}
/* footer */
.foot-top{flex-wrap: wrap;padding: 0 0px 35px;}     
footer{padding: 30px 15px 35px;}  
.foot-logo{flex: 0 1 100%;text-align: center;} 
.foot-menu{flex:0 1 100%;order: 3;} 
.foot-menu ul{column-gap: 4%; text-align: center; row-gap: 20px;margin: 0 auto;float: none;}   
.foot-menu ul li{flex: 0 1 48%;}
.foot-btn{flex:0 1 100%;order: 2;}
.foot-btn ul{justify-content: center;padding: 35px 0;} 
.foot-bottom{flex-wrap: wrap;row-gap: 30px;padding: 35px 0px 0;} 
.foot-legal{order:1;flex: 0 1 100%;}
.foot-copy{order:2;flex: 0 1 100%;text-align: center;}
.foot-legal ul{justify-content: center;column-gap: 11px;}
.foot-bottom a{font-size: 14px;line-height:17px;}
.foot-btn ul li a { font-size: 14px; height: 35px;}

.inner-banner .bredcrem{padding: 8px 0 35px;}
.inner-banner .bredcrem ul {flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;margin-left: -15px;margin-right: -15px;padding: 0 15px;width: calc(100% + 30px);}
.inner-banner .ban-cnt h1 { font-size: 42px; line-height: 52px; margin-bottom: 15px;}
.inner-banner .ban-cnt p { font-size: 18px; line-height: 26px;}
.inner-banner .ban-cnt { padding-bottom: 40px;}

.sec-title { padding: 0; margin-bottom: 30px;}
.sec-title h2 {font-size: 28px; line-height: 38px; padding-bottom: 15px;}
.sec-title p { font-size: 20px; line-height: 28px;}
.complement-plan-sec .sec-title p { text-align: center;}

.pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.company-situation { padding: 40px 0;}
.contact-plan { padding-top: 30px;}
.contact-plan p { font-size: 20px; line-height: 28px;}
.plan-body h3 {font-size: 24px; line-height: 38px; }
.plan-body p { font-size: 18px; line-height: 26px;}
.plan-body h4 { font-size: 18px; line-height: 24px;}
.plan-body { padding: 25px 20px; }
.plan-body ul.plan-features li { font-size: 18px; line-height: 24px; background-position: 0px 0px;}
.plan-card {min-height: 400px;}
.plan-footer button { font-size: 18px; line-height: 24px; padding: 20px 10px;}

.kaudatu-benefits { padding-bottom: 40px; }
.benefits-sec-bg { padding: 35px 30px; border-radius: 30px;}
.benefits-sec-bg h2 { font-size: 28px; line-height: 38px; padding-bottom: 30px;}
.benefits-list ul li { flex: 0 1 47.5%;}
.benefits-main p { font-size: 16px; line-height: 22px;}
.benefits-main h3 { font-size: 20px; line-height: 26px;}

.plans-compare-container { padding-bottom: 40px; }
.compare-table { width: 1000px;}
.compare-table { font-size: 16px; }
.compare-table tr td .td-box { padding: 15px 0;}
.compare-table .th-box { padding: 20px 15px; border-radius: 20px 20px 0 0;}
.plan-header h3 { font-size: 28px; line-height: 32px;}
.plan-header h4 { font-size: 18px; line-height: 24px;}
.compare-table thead th:first-child { font-size: 26px; line-height: 32px;}

.cta-ban { padding-bottom: 140px;}
.cta-main { padding: 35px 30px; row-gap: 45px;}
.cta-lft{flex: 0 1 100%;} 
.cta-rht{flex: 0 1 100%;} 
.cta-lft h2{font-size: 32px; line-height: 42px;padding-bottom: 20px;} 
.cta-rht img{min-height: unset;}

.faq-sec { padding: 0 0 40px; }
.accord-title h4 { font-size: 18px; line-height: 26px;}
.accord-content p { font-size: 16px; line-height: 26px;}
.accord-content { padding: 20px 25px 15px; }
.faq-sec h2 { font-size: 30px; line-height: 38px; margin-bottom: 20px;}
.complement-plan { padding-bottom: 40px; }
.complement-plan-sec { padding: 0;}
.bonos-section h2 { font-size: 20px; line-height: 28px;}
.bono-card { border-radius: 15px; padding: 20px 15px 20px;}
ul.bono-list li { font-size: 18px; line-height: 26px;}
.bono-price { font-size: 18px; line-height: 26px;}
p.bono-note { font-size: 18px; margin-top: 10px;}
.bono-heading { font-size: 24px; line-height: 32px; padding-bottom: 10px;}
.pill { width: 100%; font-size: 18px; line-height: 26px;}
.bono-pills { background: none; row-gap: 10px; width: 100%;}
.bono-text { font-size: 18px; line-height: 26px;}

}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.pricing-grid { grid-template-columns: repeat(1, minmax(0, 1fr));}
.plan-card { min-height: inherit;}
.plan-header h3 { font-size: 22px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.benefits-main .benefits-icon { min-height: inherit;}
.benefits-list ul li { flex: 0 1 100%;}
.benefits-sec-bg h2 { font-size: 24px; line-height: 34px; padding-bottom: 20px; }
.sec-title p { font-size: 18px; line-height: 26px; }

}

@media screen and (max-width:359px) {

   .hdr-lft img { width: 90px;} 
}