@import 'https://www.flo.com/wp-content/themes/flo/css/components/_feature-segment.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_product-feature.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_two-col-content.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_testimonials.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_target-faq.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_cta-panel.css';


.products .top-container { padding: 40px 0 0;}
.products .top-container .top-connector { margin-bottom: 0; }
.products .intro-inner .mr-reset { padding: 63px 100px 200px; }
.products .seg-content h4 { color:#297D9E; } 
.products .seg-content p { color:#353535; }
.products .pf-left img { max-width: 513px; }
.products .non-circled .btm-connector { width: calc(50% - 28px); }


.products .comparison .introduction { padding-top: 72px; padding-bottom: 28px; }
.products .flo-charge-inner { padding: 0 38px; width: 100%; text-align: center; overflow:hidden; }
.products .flo-charge-item { width:650px; text-align: center; padding: 0 48px 40px; float:left; }
.products .single-product .flo-charge-item{float: none; margin: 0 auto;}
.products .single-product .row-header .compare-title { text-align: center; }
.products .single-product .main-head.compare-title { font-size: 16px;}
.products .flo-charge-item .h1 { padding:0 0 24px; }
.products .flo-charge-item p { font-size:20px; line-height: 28px; padding: 0 0 36px;}
.products .flo-charge-details { padding: 38px 0 0; }
.products .flo-line-seperator { flex:auto;  }
.products .flo-charge-item .btn-link > * { margin:0 8px; }

.products .comparison .slick-arrow { width:48px; height:48px; }
.products .comparison .slick-arrow:after { font-size:22px; }

.products .compare-list { margin:0 0 20px; }
.products .compare-row { font-family: 'Lexend';}
.products .compare-row.row-header {font-size: 14px; line-height:20px; color: #353535; font-weight: 700; }
.products .compare-row.row-body {  align-items: center; font-size:16px; line-height: 20px; color: #153A44; font-weight: 700; }
.products .compare-row.row-body:nth-of-type(odd) { background: rgba(99, 181, 216, 0.1); }
.products .compare-row div { flex-direction: column; gap:15px; flex:1; text-align: center;  padding:14px; }
.compare-charge-item > img{max-height: 264px; margin: 0 auto; object-fit: contain; overflow: hidden;}
.products .compare-row div.compare-title:first-child{text-align: left;}
.products .compare-row .row-icon { font-size:24px; }
.products .compare-row .row-icon.col-left{display: none;}
.products .compare-row div .h3{color: #0061A0;}

.products .compare-row .row-icon span.feature-text{font-size: 16px;}
.products .compare-row .row-icon .fa-check { color: #62A370; }
.products .compare-row .row-icon .fa-xmark { color: #646464; opacity: 0.25; }

.products .prod-options { padding: 0 0 48px; }
.products .prod-options .introduction { padding-top:60px; padding-bottom: 174px; }
.prod-options .prod-item-list { padding:0 84px 50px; }
.prod-options .prod-item-wrap { border-radius:8px; border:2px solid #63B5D8; height:128px; padding:0 24px; background:#fff; margin: -64px 0 0; }
.prod-options .prod-item { width:33.33%; float:left; padding:0 40px; background:#fff;position:relative; margin: -74px 0 0; }
.prod-options .prod-item-img { max-width:100%; margin: 0 0 20px; }
.prod-options .tail-end { position:absolute; position: absolute; bottom: -25px; left: -9px; }

.products .of-panel { margin: 0 0 46px; }
.products .of-panel .plug-icon { position: relative; top: auto; left: -8px; padding: 48px 0 0; }
.products .of-panel .feature-segment { background:#fff; }
.products .of-panel .seg-intro { padding-top:7px; border-color:#63B5D8; }
.products .of-panel .seg-intro p { color: #353535; }
.products .of-panel .seg-four-col { border-color:#63B5D8; float:left; }
.products .of-panel .seg-inner .circled-icon { border-color:#63B5D8;  background:#fff; }
.products .of-panel .seg-inner .circled-inner { background: rgba(99, 181, 216, 0.2); }
.products .of-panel .tail-end { width: 16px;  left: -7px; position: relative; }
.products .of-panel .tail-end.seg-right{left: auto; right: -35px;}

.products .prod-spec .prod-spec-inner { padding:80px 0 74px; }
.products .prod-spec .prod-spec-left { max-width:600px; width:100%; }
.products .spec-img img { max-width:100%; padding: 0 0 38px; }
.products .prod-spec .prod-spec-right { flex:1; padding:0 0 0 80px; }
.products .prod-spec .prod-spec-right > div.h1 { padding: 0 0 16px; }
.products .prod-spec .prod-spec-right > p { font-size:18px; color:#000000; }
.products .prod-spec .spec-details {  width:235px; }
.products .prod-spec .spec-details > div { padding:0 0 3px; }
.products .prod-spec .spec-details > div span:nth-child(2) { width:41px; text-align: left; }
.products .prod-spec .prod-spec-right .toggle-container { padding: 24px 0 0; }
.products .prod-spec .spec-size { padding:10px 0 0; }
.products .prod-spec .spec-size span { color:#63B5D8; padding:0 6px; }

.products .prod-manual { padding:80px 0; }
.products .pm-inner .pm-col.first { max-width:320px; width:100%; padding:0 64px 0 0; border-right:2px solid #63B5D8;}
.products .pm-inner .pm-col.first .h1 { margin: 0 0 16px; }
.products .pm-inner .pm-col.first p { font-size:18px; line-height: 26px; padding: 0 0 26px; }
.products .download-item .download-doc {  margin: 0 0 3px; }
.products .pm-inner .download-item p { font-size:14px; }

.products .feature-slider-wrap .fs-bg { background: rgba(99, 181, 216, 0.1); }
.products .cta-panel { padding-bottom: 80px; }
.products .feature-segment.key-features { display: inline-block; }
.products .key-features .seg-content h4{ color:#fff;}
.products .key-features .seg-content p { color:#fff; }
.key-features .link a{color: #fff;}
.key-features .link a span.link-arrow{background-image: url('https://www.flo.com/wp-content/themes/flo/images/link-arrow-white.svg');}
.key-features .link a:hover{opacity: 0.75;}

/*-- media css starts here --*/
@media only screen and (min-width: 751px) {
    .products > div.non-circled { float:left; }
    .products .two-col-container{float: left;}
    .products .non-circled .seg-four-col.first { border-color: #63B5D8; border-bottom:none; }
    .products .non-circled .first .seg-inner { padding-bottom: 56px; position:relative; }
    .products .non-circled .first .seg-inner:after {content: ""; z-index: -1;  border-radius: 0 32px 32px 0;  border-right: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8;  position: absolute;  right: -2px;  top: -2px;  width: 100px; border-top: 2px solid #63B5D8; bottom:0; }
    .products .non-circled .seg-four-col .col { width:33.33%; max-width: inherit; flex: 1; padding-bottom: 0; }
    .products .key-features .seg-intro { padding-right: 212px; }
}
@media only screen and (min-width: 1024px){
    .pm-inner .pm-col.flex-1{gap: 64px; justify-content: flex-start; flex-wrap: wrap; padding-left: 64px;}
    .pm-inner .pm-col .download-item{width: calc(33.333% - 43px);}
    .download-btn-wrapper .btn-link{margin-right: 18px;}
    .download-btn-wrapper .btn-link:last-child{margin-right: 0}

    .products .single-product .main-head.compare-title{padding-left: 0; padding-right: 0;}
    .products .single-product .compare-title { text-align: right; padding-right:30px; }
    .products .single-product .row-icon{ text-align: left; padding-left: 30px;}
    .products .non-circled.intro_right_no_col .btm-connector{width: calc(100% - 28px); margin-bottom: 0; padding-bottom: 0;}
    .products .non-circled.intro_right_no_col .btm-connector  .tail-end{display: none;}
}
@media only screen and (max-width: 1282px) and (min-width: 1024px){
    .pm-inner .pm-col.flex-1{gap: 44px; padding-left: 44px;}
    .pm-inner .pm-col .download-item{width: calc(50% - 22px);}
    .compare-charge-item > img{max-height: 145px; margin: 0 auto;}
    .products .compare-row div.compare-charge-item{padding: 0;}
    .products .compare-row div.compare-charge-item div{padding: 10px 0;}
    .products .compare-row div .h3{font-size: 20px;}
    .products .compare-row > div{min-width: 182px;}
}
@media only screen and (max-width:1282px) {
    .products .prod-spec .prod-spec-left { max-width: 46vw; }
    .products .pm-inner .pm-col.first { max-width: 300px; padding:0 44px 0 0; }
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .pm-inner .pm-col.flex-1{gap: 44px; padding-top: 44px; flex-wrap: wrap;}
    .pm-inner .pm-col .download-item{width: calc(50% - 22px);}
    .download-btn-wrapper{display: block;}
    .download-btn-wrapper .btn-link{margin-bottom: 18px;}
    .products .prod-spec .prod-spec-inner {padding: 80px 0 56px; }

    .products .non-circled.intro_right_no_col .btm-connector{width: calc(100% - 28px); margin-bottom: -6px; padding-bottom: 0; margin-left: 0;}
    .products .non-circled.intro_right_no_col .btm-left-curve { border-radius: 32px 0 0 0; border-left: 2px solid #63B5D8; border-right: none; }
    .products .non-circled.intro_right_no_col .btm-connector  .tail-end{display: none;}
    .products .two-col-container.inq_straight_line .two-col-content:not(.reverse) .tc-left.tc-half{padding-left: 40px; padding-right: 20px;}
    .products .two-col-container.inq_straight_line .two-col-content:not(.reverse) .tc-right.tc-half{padding-right: 40px; padding-left: 20px;}

    .compare-charge-item > img{max-height: 145px; margin: 0 auto;}
    .products .compare-row div.compare-charge-item{padding: 0;}
    .products .compare-row div.compare-charge-item div{padding: 10px 0;}
    .products .compare-row div .h3{font-size: 18px;}
    .products .compare-row > div{min-width: 182px;}
}
@media only screen and (max-width: 1023px) {
    .products .intro-inner .mr-reset {  padding-left:50px; padding-right:50px; }
    .products .non-circled .first .seg-inner:after { top:0; }
    .products .comparison .slick-list { overflow:hidden; }
    .products .prod-spec .prod-spec-right { padding:0 0 0 50px; }
    .products .prod-spec .prod-spec-left { max-width:40vw; }

    .products .pm-inner { flex-direction: column; }
    .products .pm-inner .pm-col.first {  max-width: 100%;  padding: 0 0 40px; border:none; border-bottom:2px solid #63B5D8; text-align: center; }
    .products .download-item .download-doc { margin-left:-16px; }

    .prod-options .prod-item { padding: 0 15px; }
    .prod-options .prod-item h2 { font-size:32px; line-height: 40px; word-wrap: break-word; }
    .products .segments .seg-four-col .col, .products .segments .seg-four-col .col:after {border-color:#63B5D8; }
}
@media only screen and (max-width: 990px) {
    .products .pf-left { border-bottom-color: #297D9E; }
    .products .pf-left img { max-width:100%; }
}
@media only screen and (max-width: 950px) {
    .products .prod-options .introduction { padding-bottom: 200px; }
    .products .prod-options .right-btm-curve {border:none; }
    .products .prod-options .right-btm-curve:after { display:none; }
    .prod-options .prod-item-list { padding: 0 28px 0; margin:0 0 -6px; }
    .prod-options .prod-item-wrap { margin:0; border:none; padding:0; }

    .prod-options .prod-item { margin:0 0 252px; width:100%; position:relative; border-bottom:2px solid #63B5D8;  border-top:2px solid #63B5D8; padding:0 75px 44px; } 
    .prod-options .prod-item:last-child { margin:0; }

    .prod-options .prod-item:after { content:""; position:absolute; right:-28px;  border:2px solid #63B5D8; border-left:none; border-radius:0 32px 32px 0; top:-2px; bottom:-2px; width:62px;  }
    .prod-options .prod-item:before { content:""; position:absolute; top:-252px; border-radius:32px 0 0 32px; border:2px solid #63B5D8; border-right:none; height:252px; left:-28px; width:62px; margin:-4px 0 0; }
    .prod-options .prod-item:first-child { border-top:none; }
    .prod-options .prod-item:first-child:before { display:none; }
    .prod-options .prod-item-img {  max-width: 420px;  margin: -195px auto 20px; }
}
@media only screen and (max-width:860px) {
    .products .flo-charge-item .h1 { font-size:32px; line-height: 40px; }
    .products .flo-charge-item p { font-size:18px; line-height: 26px; }
    .products .flo-charge-inner { padding: 0; }
    .products .flo-charge-item { width:50%; padding: 0 20px 40px; }
}
@media only screen and (max-width: 767px) {
    .products .top-container { padding: 18px 0 0; }
    .products .top-container .top-connector { height: 26px; width: 16px; min-height: inherit; margin: 0; }
    .products .top-container .top-connector:before, 
    .products .top-container .intro-inner:before { display: none; }
    .products .top-container .top-connector .plug-icon { position: absolute; right: auto; top:0; left: -8px;  }
    .products .top-container .intro-inner {  border-radius: 0 0 0 32px; }
    .products .intro-inner .mr-reset { padding: 30px 20px 198px; }
    .products .non-circled .seg-four-col { float: left; }
    .products .non-circled .seg-four-col .col { border-bottom:2px solid #63B5D8; padding: 0 15px 162px; }
    .products .non-circled .first .seg-inner { padding: 0 28px;  }

    .products .non-circled .seg-four-col .col:nth-child(odd):after {border-radius: 0 32px 32px 0; content: ""; position: absolute; border: 2px solid #63B5D8; border-left: none; top: 0; bottom:-2px; right: -28px; width: 60px; }
     .products .non-circled .seg-four-col .col:nth-child(even):before {border-radius: 32px 0 0 32px; content: ""; position: absolute; border: 2px solid #63B5D8; border-right: none; top: 0; bottom:-2px; left: -28px; width: 60px;  }

    .products .non-circled .seg-four-col .col:last-child { border:none; padding-bottom:66px; }
    .products .non-circled .btm-connector { margin-top:0; margin-left: 28px; float: left;}
    .products .non-circled .btm-left-curve {
        border-radius: 0 32px 0 0;
        border-right: 2px solid #63B5D8;
        border-left: none;
    }
    .products .non-circled .btm-connector .tail-end {
        right: -7px;
        left: auto;
    }

    .products .prod-spec .prod-spec-inner { flex-direction: column; align-items: center; padding: 38px 0 24px; }
    .products .prod-spec .prod-spec-left { max-width:400px; padding: 0 0 30px; }
    .products .prod-spec .prod-spec-right { padding:0; }
    .products .spec-img img { padding: 0 0 52px; }

    .products .prod-manual { padding: 50px 0 0; }
    .products .pm-inner .pm-col.first { max-width:100%; text-align: center;  }
    .products .pm-inner .pm-col.first .h1 { font-size:32px; line-height: 40px; }
    .products .download-item .download-doc { margin-left: 0; }
    .products .download-item .download-doc img { margin:0 auto; }
    .products .comparison .introduction { padding-left:0; padding-right:0; }
    .pm-inner .pm-col.flex-1{display: block; padding-top: 40px;}
    .pm-inner .pm-col .download-item{margin-bottom: 39px}

    .download-btn-wrapper{display: block;}
    .download-btn-wrapper .btn-link{margin-bottom: 18px;}
    .products .comparison .slick-arrow{top: 345px;}
    .product-feature .pf-right{padding-bottom: 0;}
    .products .flo-charge-item .h1 {font-size: 24px; line-height: 28px; } 
    .products .non-circled.intro_right_no_col .btm-connector{width: calc(100% - 28px); margin-bottom: -6px; padding-bottom: 0; margin-left: 0;}
    .products .non-circled.intro_right_no_col .btm-left-curve { border-radius: 32px 0 0 0; border-left: 2px solid #63B5D8; border-right: none; }
    .products .non-circled.intro_right_no_col .btm-connector  .tail-end{display: none;}



    body.page-template-three-products-comparison .products .non-circled .btm-connector{float: right;}
    body.page-template-three-products-comparison .products .non-circled .btm-left-curve{border-radius: 32px 0 0 0; border-right: none; border-left: 2px solid #63B5D8;}
    body.page-template-three-products-comparison .products .non-circled .btm-connector .tail-end{left: -7px; right: auto;}
    .products .compare-row{flex-wrap: wrap;}
    .products .compare-row.row-body div.compare-title:first-child{flex: 0 0 100%; padding-bottom: 0; text-align: center;}
    .compare-title.t-empty{display: none;}
    
    .products .compare-row.row-header div.compare-title:first-child{padding-bottom: 24px;}
    .products .compare-row.compare-list-top {padding-bottom: 0;}
    .products .compare-row.compare-list-top .row-icon{width: 33.33333333%; padding: 0;}
    .products .compare-row.compare-list-top div{padding: 8px 2px;}
    .products .compare-row.compare-list-top .btn{font-size: 14px; line-height:18px}
    .products .compare-row.compare-list-top div .h3{font-size: 13px;}
    .compare-charge-item > img{max-height: 110px; margin: 0 auto;}
    .t-div-empty{display: none;}


    body.page-template-three-products-comparison .products .comparison .introduction{padding-bottom: 0;}
}
@media only screen and (max-width:680px) {
    .prod-options .prod-item { padding: 0 0 44px; }
}
@media only screen and (max-width:510px) { 
    .prod-options .prod-item { margin:0 0 49.4vw; }
    .prod-options .prod-item-img { margin-top:-35vw; }
    .prod-options .prod-item:before { top:-49.4vw; height: 49.4vw; }
}
@media only screen and (max-width:480px) {
    .products .flo-charge-item {padding:0 10px 40px; }
    .products .single-product .flo-charge-item{width: 70%;}
    .products .compare-row .row-icon { flex: 33.33333333%; }
    .products .prod-spec { margin:0; }
    .products .single-product .compare-title{text-align: left;}
    .products .single-product .compare-title:first-child{ flex: 100%; text-align: center;}
 }
@media only screen and (max-width:420px) {
    .products .pm-inner .pm-col.first { text-align: left; }
    .products .download-item .download-doc { margin-left:-16px; }
    .products .download-item .download-doc img { margin:0; }
}
@media only screen and (max-width:375px) { 
    .products .prod-options .introduction { padding-bottom: 142px; }
}
@media only screen and (max-width: 374px) { 
    .compare-charge-item > img{max-height: 80px;}
    .products .compare-row.compare-list-top div .h3{font-size: 11px;}
    .products .compare-row.compare-list-top .btn{font-size: 13px; padding: 9px 10px 11px;}
}