.page-title{width:100%; z-index:2; color:var(--default_color); background-color:var(--default_bg); text-align:center;}
.page-title .con{display:flex; flex-direction:row; flex-wrap:wrap;}
.page-title .wrap{flex:1; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 30px; width:100%;}
.page-title .bg-dual-tone{background:linear-gradient(-180deg, var(--default_bg) 50%, var(--color_white) 50%); color:var(--default_color);}

.page-title h1{width:100%; margin:auto 0 15px 0;}
.page-title h1:last-child{margin-bottom:0;}
.page-title .page-subtitle{flex:1 1 100%; margin:0 auto auto; z-index:1; font-size:24px; line-height:24px; font-weight:400;}

.page-title.bg-branded{background-color:var(--primary_bg); color:var(--color_over_primary_bg);}
.page-title.bg-branded .bg-dual-tone{background:linear-gradient(-180deg, var(--primary_bg) 50%, var(--color_white) 50%);}

.page-title.is-dual-tone .wrap{padding-bottom:0;}
.page-title.is-dual-tone .bg-dual-tone .wrap{padding:30px 0; align-items:normal; flex-wrap:nowrap;}


@media(max-width:1200px){
}

@media(max-width:1023px){
}
@media (max-width:767px){
.page-title h1{margin:0 auto 5px;}
.page-title .page-subtitle{font-size:20px; line-height:24px;}
.page-title .wrap{flex-wrap:wrap;}

.page-title.is-dual-tone .bg-dual-tone .wrap{flex-wrap:wrap;}
.page-title.is-dual-tone.no-bottom-widgets-on-mobile{padding-bottom:15px;}
.page-title.no-bottom-widgets-on-mobile .bg-dual-tone{display:none;}
}
@media (max-width:639px){
.page-title .page-subtitle{font-size:18px; line-height:20px;}
}
@media(max-width:479px){

}
@media(max-width:359px){

}



.breadcrumbs{padding:10px 0; width:100%; display:flex; align-items:center;}

.breadcrumbs .nav{line-height:12px; flex:1; text-align:left;}
.breadcrumbs ol{list-style:none; font-size:12px; line-height:12px; display:inline-block; vertical-align:top; margin:0;}
.breadcrumbs li{display:inline-block;}
.breadcrumbs li a{text-decoration:underline; color:var(--default_color);}
.breadcrumbs li a:hover{color:var(--highlight_color);}
.breadcrumbs li a:hover::before{border-color:var(--highlight_color);}
.breadcrumbs li a:hover::after{background-color:var(--highlight_color);}
.breadcrumbs .arr{margin:0 5px; display:inline-block; font-size:20px; width:12px; height:12px; line-height:8px; vertical-align:middle;}


.page-title.bg-branded .breadcrumbs li a{color:var(--color_over_primary_bg);}
.page-title.bg-branded .breadcrumbs li a:hover{color:var(--secondary_btn_bg_color);}
.page-title.bg-branded .breadcrumbs li a:hover::before{border-color:var(--secondary_btn_bg_color);}
.page-title.bg-branded .breadcrumbs li a:hover::after{background-color:var(--secondary_btn_bg_color);}

@media( max-width:767px ){
.breadcrumbs{padding:5px 0;}
.breadcrumbs li{display:none;}
.breadcrumbs li:nth-last-child(2){display:inline-block; padding-left:20px;}
.breadcrumbs li:nth-last-child(2) a::before{content:''; border:solid var(--default_color); border-width:0 0 2px 2px; transform:rotate(45deg) translateY(-50%); position:absolute; top:9px; left:-20px; width:6px; height:6px; transition:var(--default_transition);}
.breadcrumbs li:nth-last-child(2) a::after{content:''; width:12px; height:2px; position:absolute; top:9px; left:-17px; background-color:var(--default_color); transition:var(--default_transition);}

.breadcrumbs .arr{display:none;}

}
@media(max-width:359px){
.breadcrumbs{}
.breadcrumbs ol{display:block;}
}



.sticky-strip-placeholder{width:100%;}
.sticky-strip-placeholder.active{display:block;}
.sticky-strip{width:100%; z-index:0;}
.sticky-strip.sticky{position:fixed; top:40px; left:0; z-index:9; box-shadow:0 0 5px rgba(0,0,0,0.5);}



.cta-strip{display:flex; padding:10px 0; background-color:var(--color_black); color:var(--color_white); text-align:center; z-index:1; font-size:16px; line-height:16px; width:100%;}
.cta-strip.mb{margin-bottom:30px;}
.cta-strip.tel{font-size:16px; line-height:16px;}
.cta-strip .con{display:flex; text-align:center; justify-content:center;}
.cta-strip a{text-decoration:underline; color:var(--color_white); margin:auto 0;}
.cta-strip a:hover{color:var(--highlight_color);}
.cta-strip .btn{text-decoration:none; line-height:normal;}
.cta-strip .arr{fill:var(--color_over_secondary_bg); width:10px;}

.cta-strip.tel a{text-decoration:none; border:0; font-weight:700; color:var(--color_white);}

.cta-strip.lg-permalink a{font-weight:700; font-size:18px; line-height:18px;}

.cta-strip .title{flex:0; white-space:nowrap; margin:auto 0;}
.cta-strip .title.b::after{content:' '; white-space:pre; vertical-align:middle;}
.cta-strip .title.a::before{content:' '; white-space:pre; vertical-align:middle;}
.cta-strip .title img{vertical-align:middle; margin-right:15px; width:75px; height:50px;}

.cta-strip.primary-bg{background-color:var(--primary_bg); color:var(--color_over_primary_bg);}
.cta-strip.primary-bg a{color:var(--color_over_primary_bg);}

.cta-strip.strong{font-weight:700;}

.cta-strip.-article a{color:var(--color_white);}

.cta-strip.-sticky_footer{padding:0; background-color:transparent; color:var(--default_color);}
.cta-strip.-sticky_footer .title{display:flex; align-items:center; font-weight:400; flex:1;}
.cta-strip.-sticky_footer a{color:var(--primary_color); text-decoration:none;}
.cta-strip.-sticky_footer a:hover{text-decoration:underline;}
.cta-strip.-sticky_footer a.tel{font-weight:700;}

.cta-strip.sticky{position:fixed; top:40px; left:0; z-index:9; margin:0; box-shadow:0 0 5px rgba(0,0,0,0.5); transition:padding .4s ease-in-out;}

@media( max-width:1023px ){
.cta-strip{font-size:var(--default_font_size); line-height:var(--default_font_size);}
.cta-strip.lg-permalink a{font-size:var(--default_font_size); line-height:var(--default_font_size);}
}
@media(max-width:767px){
.cta-strip{font-size:14px; line-height:14px;}
.cta-strip.tel{font-size:14px; line-height:14px;}
.cta-strip.lg-permalink a{font-size:14px; line-height:14px;}

.cta-strip.desktop-only{display:none;}
.cta-strip.tel .title{white-space:nowrap;}
.cta-strip.title-desktop-only .title{display:none;}
.cta-strip .btn{padding:8px;}
.cta-strip .btn .txt{display:none;}
.cta-strip .btn .arr{position:relative; top:auto; right:auto; margin:0; width:12px; height:12px;}

.cta-strip.-sticky_footer{display:flex; margin-right:30px;}
.cta-strip.-sticky_footer .btn{margin:auto 0 auto auto; padding:5px;}
.cta-strip.-sticky_footer .title{flex:1; white-space:normal;}

}
@media(max-width:639px){
.cta-strip{font-size:12px;}
.cta-strip.tel{font-size:12px;}

.sticky-strip.sticky .cta-strip,
.cta-strip.sticky{padding:5px 0;}

}
@media( max-width:479px ){

}





.subnav{width:100%; margin:0 0 30px 0; background-color:var(--color_white); z-index:3;}
.subnav.sm{font-size:14px;}
.subnav.mb0{margin-bottom:0;}
.subnav.bb{border-bottom:3px solid var(--primary_color);}
.subnav .wrap{padding:5px 0; box-shadow:0 0 33px 0 rgba(137, 156, 197, 0.17); z-index:0;}
.subnav .wrap .con{display:flex; flex:1 1 100%; flex-wrap:nowrap; overflow-x:auto; justify-content:center; }
.subnav .img{display:flex; flex:0; margin-right:15px; font-size:12px;}
.subnav .img a{display:flex; align-items:flex-start;}
.subnav .img img{width:auto; height:40px;}
.subnav .items{display:flex; align-items:center; overflow-x:auto;}
.subnav .items::-webkit-scrollbar{display:none;}
.subnav .item{display:flex; margin:0 15px; padding-top:3px; border-bottom:3px solid #fff; color:var(--default_color); text-decoration:none; align-items:center; justify-content:center; flex:0 0 auto;}
.subnav .item:first-child{margin-left:0;}
.subnav .item:last-child{margin-right:0;}
.subnav .item:hover,
.subnav .item.active{border-bottom-color:var(--primary_color);}
.subnav .btn{margin:auto 0 auto auto; padding-right:25px;}
.subnav .btn .arr{width:12px;}

.subnav.sticky{position:fixed; top:40px; left:0; z-index:9; margin:0; box-shadow:0 0 5px rgba(0,0,0,0.5); transition:.2s top ease-in-out;}
.subnav.sticky .wrap{border-bottom:0; padding:5px 0;}
.subnav.sticky .cta-strip{padding:10px 0; font-size:16px; line-height:16px;}
.subnav-placeholder.active{margin-bottom:30px;}

.sticky-strip.sticky .subnav{margin:0;}
.sticky-strip.sticky .wrap{border-bottom:0; padding:5px 0;}
.sticky-strip.sticky .subnav .cta-strip{padding:10px 0; font-size:16px; line-height:16px;}

@media(max-width:1023px){
.subnav.sticky{top:55px;}
}
@media(max-width:767px){
.subnav{min-height:40px; margin-bottom:15px;}
.subnav .wrap{padding:10px 0;}
.subnav .img img{width:60px; height:40px;}
}
@media (max-width:639px){
.subnav .img{margin-right:10px;}
.subnav .item{margin:auto 10px; font-size:12px;}
}



.compare{margin:30px 0; z-index:2; display:flex; width:100%; flex-wrap:wrap;}
.compare .wrap{display:flex; flex-wrap:wrap; flex:0 0 100%; align-items:flex-start;}
.compare .response{z-index:1; display:flex; flex:1; align-items:flex-start; flex-wrap:wrap;}
.compare .results{display:none; font-size:0; font-size:16px; z-index:0; margin-bottom:30px; flex-wrap:wrap; flex:0 0 100%;}
.compare .results.active{display:flex;}
.compare .results .load-more{flex:0 0 100%;}
.compare .results-overview{flex:0 0 100%; margin-bottom:20px; display:none; display:flex; flex-wrap:wrap;}
.compare .results-overview .item{background-color:var(--default_bg); padding:8px 16px; font-size:14px; line-height:14px; margin:0 10px 10px 0;}
.compare .results-overview .item:last-child{margin-right:0;}
.compare .results-overview .btn-filter{background-color:var(--color_white); padding:8px; margin:0 10px 10px 0; font-size:14px; line-height:14px; box-shadow:0 0px 5px 0 rgba(142, 155, 183, 0.58); display:none;}
.compare .results-overview .btn-filter:last-child{margin-right:0;}
.compare .results-overview .btn-filter.active{display:inline-block;}
.compare .results-overview .btn-filter:hover{color:var(--primary_color);}
.compare .results-overview .btn-filter:hover .ico{fill:var(--primary_color);}
.compare .results-overview .btn-filter .ico{width:10px; height:10px; margin-left:5px; fill:var(--color_md_grey);}


.compare .noresults{display:none; padding:30px 0; z-index:0; flex:0 0 100%; flex-wrap:wrap; text-align:center; flex-direction:column;}
.compare .noresults.active{display:flex;}
.compare .noresults .ico{fill:var(--primary_color); width:96px; height:96px; margin:0 auto 15px;}
.compare .noresults .title{font-size:20px; line-height:24px; font-weight:700;}

.compare .loading{display:none; text-align:center; position:absolute; top:0; left:0; padding:50px 0; background:rgba(255,255,255,.9); width:100%; height:100%; text-align:center; z-index:1; flex:0 0 100%;}
.compare .loading.active{display:block;}
.compare .loading .title{font-size:24px; margin-bottom:30px; display:block;}


.compare .btn-more{font-size:18px; box-shadow:0 25px 64px 0 rgba(90, 106, 138, 0.31); margin:0 auto; display:block; padding:15px 30px;}

.compare .compare-disclaimer{font-size:12px; margin:15px auto 0; text-align:center; flex:0 0 100%;}

@media(max-width:767px){
.compare .btn-more{padding:10px 15px;}
}



.compare .filter{flex:0 0 220px; margin-right:30px;}

.compare .filter .filter-header{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid var(--color_ln_grey);}
.compare .filter .filter-header .row{display:flex;}
.compare .filter .filter-header .row .col{display:flex; flex:1;}
.compare .filter .filter-header .col.col-filter-btn{margin:auto auto auto 0; white-space:nowrap; text-align:left; display:none;}
.compare .filter .filter-header .col.col-recommended-btn{white-space:nowrap;}
.compare .filter .filter-header .col.col-recommended-btn .lbl{margin:auto auto auto 0; font-size:16px; font-weight:700;}
.compare .filter .filter-header .btn-toggle{border-radius:16px; width:44px; height:24px; background-color:var(--color_lt_grey); vertical-align:middle; margin:auto 0 auto auto; align-self:flex-end;}
.compare .filter .filter-header .btn-toggle .ball{transition:var(--default_transition); position:absolute; top:2px; left:2px; background-color:var(--color_white); display:block; width:20px; height:20px; border-radius:100%;}
.compare .filter .filter-header .btn-toggle.active{background-color:var(--primary_color);}
.compare .filter .filter-header .btn-toggle.active .ball{left:22px;}

.compare .filter .filter-header .btn-filter{border:2px solid var(--color_lt_grey); padding:5px 10px; background-color:var(--color_white); color:var(--default_color); font-weight:700;}
.compare .filter .filter-header .btn-filter:hover,
.compare .filter .filter-header .btn-filter.active{border-color:var(--primary_color); color:var(--primary_color);}
.compare .filter .filter-header .btn-filter.active .ico.filter-ico{display:none;}
.compare .filter .filter-header .btn-filter.active .ico.close-ico{display:inline-block;}
.compare .filter .filter-header .btn-filter .ico{display:none; fill:var(--primary_color); width:16px; height:16px; vertical-align:middle; margin-right:5px;}
.compare .filter .filter-header .btn-filter .ico.filter-ico{display:inline-block;}
.compare .filter .filter-header .btn-filter .ico.close-ico{display:none;}
.compare .filter .filter-header .btn-filter .txt{display:inline-block; font-size:var(--default_font_size); vertical-align:middle;}

.compare .filter .filter-menu{display:flex; flex-wrap:wrap;}
.compare .filter .filter-menu .row{margin-bottom:20px; border:1px solid var(--color_ln_grey); border-width:0 0 1px 0; flex:0 0 100%;}
.compare .filter .filter-menu .row::after{content:''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); width:100%; height:20px; position:absolute; bottom:0; left:0;}
.compare .filter .filter-menu .row:last-child{margin-bottom:0; padding-bottom:0; border-width:0;}
.compare .filter .filter-menu .row .col{flex:1; padding:0 15px;}
.compare .filter .filter-menu .row .col:first-child{padding-left:0;}
.compare .filter .filter-menu .row .col:last-child{padding-right:0;}
.compare .filter .filter-menu .lbl{display:block; margin-bottom:5px; font-weight:700; line-height:20px;}
.compare .filter .filter-menu .lbl .ico{width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;}

.compare .filter .filter-menu .set{display:flex; flex:0 0 100%; flex-wrap:wrap; max-height:250px; overflow-y:auto; padding-bottom:20px;}

.compare .filter .filter-menu .rad-block{display:flex; justify-content:center; flex:0 0 50%; border:1px solid var(--color_ln_grey); padding:8px; transition:var(--default_transition); cursor:pointer; font-size:14px; line-height:14px; align-items:center; text-align:center;}
.compare .filter .filter-menu .rad-block.w100{flex:0 0 100%;}
.compare .filter .filter-menu .rad-block.checked{border-color:var(--primary_color); color:var(--primary_color)}
.compare .filter .filter-menu .rad-block:hover{border-color:var(--primary_color); color:var(--primary_color);}
.compare .filter .filter-menu .rad-block input{display:none;}
.compare .filter .filter-menu .rad-block .txt{}

.compare .filter .filter-menu .chk-wrap{display:flex; width:100%; flex:0 0 100%; min-height:20px; align-items:center; margin-bottom:4px;}
.compare .filter .filter-menu .chk-wrap:last-child{margin-bottom:0;}
.compare .filter .filter-menu .chk-wrap.disabled{display:none;}
.compare .filter .filter-menu .chk-wrap .chk{display:block; width:20px; height:20px; background-color:var(--color_white); border:2px solid var(--color_ln_grey); cursor:pointer; border-radius:3px; transition:var(--default_transition);}
.compare .filter .filter-menu .chk-wrap .chk input{display:none;}
.compare .filter .filter-menu .chk-wrap .chk .ico{position:absolute; top:0; left:0; padding:2px; width:100%; height:100%; fill:var(--color_white); opacity:0; visibility:hidden; transition:var(--default_transition); background-color:var(--primary_color);}
.compare .filter .filter-menu .chk-wrap .chk.checked{border-color:var(--primary_color);}
.compare .filter .filter-menu .chk-wrap .chk.checked .ico{opacity:1; visibility:visible;}
.compare .filter .filter-menu .chk-wrap .chk.disabled{}
.compare .filter .filter-menu .chk-wrap .chk-lbl{cursor:pointer; flex:1; display:flex; transition:var(--default_transition); padding-left:8px; font-size:14px; line-height:14px;}
.compare .filter .filter-menu .chk-wrap .chk-lbl:hover{color:var(--primary_color);}
.compare .filter .filter-menu .chk-wrap .chk-lbl.disabled{text-decoration:line-through; opacity:.5; cursor:not-allowed; pointer-events: none;}
.compare .filter .filter-menu .chk-wrap .chk-lbl.disabled:hover{}
.compare .filter .filter-menu .chk-wrap .chk-lbl.disabled .cnt{opacity:0;}
.compare .filter .filter-menu .chk-wrap .chk-lbl.error{color:var(--color_red);}
.compare .filter .filter-menu .chk-wrap .cnt{color:var(--color_md_grey); font-size:12px; margin:auto 0 auto auto;}

.compare .filter .filter-menu .rad-wrap{display:flex; width:100%; flex:0 0 100%; min-height:20px; align-items:center; margin-bottom:4px;}
.compare .filter .filter-menu .rad-wrap:last-child{margin-bottom:0;}
.compare .filter .filter-menu .rad-wrap .rad{width:20px; height:20px; background-color:var(--color_white); border:2px solid var(--color_ln_grey); cursor:pointer; border-radius:3px; transition:var(--default_transition);}
.compare .filter .filter-menu .rad-wrap .rad input{display:none;}
.compare .filter .filter-menu .rad-wrap .rad .ico{position:absolute; top:0; left:0; padding:2px; width:100%; height:100%; fill:var(--color_white); opacity:0; visibility:hidden; transition:var(--default_transition); background-color:var(--primary_color);}
.compare .filter .filter-menu .rad-wrap .rad.checked{border-color:var(--primary_color);}
.compare .filter .filter-menu .rad-wrap .rad.checked .ico{opacity:1; visibility:visible;}
.compare .filter .filter-menu .rad-wrap .rad-lbl{cursor:pointer; flex:1; display:flex; transition:var(--default_transition); padding-left:8px; font-size:14px; line-height:14px;}
.compare .filter .filter-menu .chk-wrap .cnt{color:var(--color_md_grey); font-size:12px; margin:auto 0 auto auto; white-space:nowrap; padding-right:15px;}

.compare .filter .filter-menu .sel{cursor:pointer; display:block; background-color:var(--default_bg); overflow-x:hidden;}
.compare .filter .filter-menu .sel select{width:100%; height:50px; padding:0 30px 0 15px; background:none; -webkit-backface-visibility:hidden; font-size:18px; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; border:2px solid var(--default_bg); font-size:18px; cursor:pointer; z-index:1; transition:var(--default_transition); color:var(--color_md_grey); font-weight:700; font-family:inherit;}
.compare .filter .filter-menu .sel select::-ms-expand{display:none;}
.compare .filter .filter-menu .sel select:hover,
.compare .filter .filter-menu .sel select:focus{border-color:var(--primary_color);}
.compare .filter .filter-menu .sel .arr{width:18px; height:18px; position:absolute; top:50%; right:10px; transform:translateY(-50%); transition:var(--default_transition); fill:var(--primary_color);}
.compare .filter .filter-menu .sel:hover .arr,
.compare .filter .filter-menu .sel.focus .arr{fill:var(--primary_color);}

.compare .filter .filter-menu .price{margin-bottom:20px;}
.compare .filter .filter-menu .price .graphs{width:100%; height:100px; z-index:0;}
.compare .filter .filter-menu .price .graph{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.compare .filter .filter-menu .price .graph .chart{height:100%;}
.compare .filter .filter-menu .price .graph.f{z-index:1;}
.compare .filter .filter-menu .price .graph.f .chart{fill:var(--primary_color);}
.compare .filter .filter-menu .price .graph.b{z-index:0;}
.compare .filter .filter-menu .price .graph.b .chart{fill:var(--default_bg); z-index:0;}
.compare .filter .filter-menu .price .slider{width:100%; height:2px; margin-bottom:18px; z-index:1;}
.compare .filter .filter-menu .price .slider .bar{width:100%; height:100%; background-color:var(--default_bg);}
.compare .filter .filter-menu .price .slider .bar .fill{position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--color_black);}
.compare .filter .filter-menu .price .slider .btn-scrubber{width:10px; height:24px; position:absolute; top:50%; transform:translateX(-50%) translateY(-50%); background-color:var(--color_white); cursor:pointer; border:1px solid var(--color_black); transition:none;}
.compare .filter .filter-menu .price .slider .btn-scrubber::before{content:''; width:2px; height:12px; background-color:var(--color_pale_grey); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition:var(--default_transition); }
.compare .filter .filter-menu .price .slider .btn-scrubber:hover::before{background-color:var(--primary_color);}
.compare .filter .filter-menu .price .slider .btn-scrubber.min{left:0;}
.compare .filter .filter-menu .price .slider .btn-scrubber.max{left:100%;}
.compare .filter .filter-menu .price .inputs{display:flex; width:100%;}
.compare .filter .filter-menu .price .inputs .col{flex:0 0 50%;}
.compare .filter .filter-menu .price .inputs .col:first-child{padding-right:10px;}
.compare .filter .filter-menu .price .inputs .col:last-child{padding-left:10px;}
.compare .filter .filter-menu .price .inputs label{display:block; font-size:12px;}
.compare .filter .filter-menu .price .inputs .input{border:2px solid var(--default_bg); display:block; width:100%; padding:5px; transition:var(--default_transition);}
.compare .filter .filter-menu .price .inputs .input:focus{border-color:var(--primary_color);}

.compare .filter .filter-menu .related-posts{}
.compare .filter .filter-menu .related-posts .list{list-style:none; font-size:12px; line-height:12px;}
.compare .filter .filter-menu .related-posts .list li{margin-bottom:5px;}
.compare .filter .filter-menu .related-posts .list li:last-child{margin-bottom:0;}
.compare .filter .filter-menu .related-posts .list li.current{font-weight:700;}
.compare .filter .filter-menu .related-posts .list li.depth-1{margin-left:0;}
.compare .filter .filter-menu .related-posts .list li.depth-2{margin-left:10px;}
.compare .filter .filter-menu .related-posts .list li.depth-3{margin-left:20px;}
.compare .filter .filter-menu .related-posts .list li.depth-4{margin-left:30px;}


.compare.phones .filter .filter-header{display:none;}


@media( max-width:1440px ){

}
@media( max-width:1200px ){

}
@media( max-width:1023px ){
.compare .filter{flex:0 0 100%;}
.compare .filter.active .filter-menu{display:flex;}
.compare .filter .filter-header .col.col-filter-btn{display:flex;}
.compare .filter .filter-header .col.col-recommended-btn .lbl{margin:auto 10px auto auto;}
.compare .filter .filter-header .btn-toggle{margin:auto 0 auto 0;}

.compare .filter .filter-menu{display:none;}
.compare .filter .filter-menu .row{margin:0 10px 10px; flex:0 0 calc(33.33% - 13.33px);}
.compare .filter .filter-menu .row:nth-child(3n){margin-right:0;}
.compare .filter .filter-menu .row:nth-child(3n+1){margin-left:0;}


.compare.phones .filter .filter-header{display:flex;}

}
@media(max-width:767px){
.compare .filter .filter-header .col.col-recommended-btn .lbl{font-size:12px;}
.compare .filter .filter-header .btn-filter .ico{width:12px; height:12px;}
.compare .filter .filter-header .btn-filter .txt{font-size:12px;}
.compare .filter .filter-header .btn-toggle{height:22px;}
.compare .filter .filter-header .btn-toggle .ball{width:18px; height:18px;}

.compare .filter .filter-menu .row,
.compare .filter .filter-menu .row:first-child,
.compare .filter .filter-menu .row:last-child,
.compare .filter .filter-menu .row:nth-last-child(-n + 5){flex:0 0 100%; margin:0 0 10px 0;}
.compare .filter .filter-menu .row:last-child{margin-bottom:0;}

.compare .filter .filter-menu .lbl{font-size:12px;}
.compare .filter .filter-menu .lbl .ico{width:16px; height:16px;}
.compare .filter .filter-menu .rad-block{font-size:12px; line-height:12px; flex:0 0 100%;}
}
@media(max-width:639px){
.compare .filter-header .title{font-size:18px; line-height:18px;}
}
@media(max-width:359px){
.compare .filter .filter-menu .row{overflow-y:auto;}
.compare .filter .filter-menu .row .col{flex:0 0 100%; margin:0 0 15px;}
}



.compare .device{margin:0 15px 30px 15px; flex:0 0 calc(25% - 22.5px); box-shadow:0 0px 10px 0 rgba(142, 155, 183, 0.58); display:flex; color:var(--default_color); flex-wrap:wrap; flex-direction:column;}
.compare .device:nth-child(4n + 1){margin-left:0;}
.compare .device:nth-child(4n){margin-right:0;}
.compare .device .btn-compare-device{background-color:var(--default_bg); padding:5px 15px; align-self:flex-end; white-space:nowrap;}
.compare .device .btn-compare-device:hover .txt{color:var(--color_green);}
.compare .device .btn-compare-device:hover .chk{border-color:var(--color_green);}
.compare .device .btn-compare-device .chk{width:16px; height:16px; border:1px solid var(--color_ln_grey); display:inline-block; margin-right:5px; vertical-align:middle; background-color:var(--color_white); transition:var(--default_transition);}
.compare .device .btn-compare-device .chk .ico{width:14px; height:14px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition:var(--default_transition); visibility:hidden; opacity:0; fill:var(--color_green);}
.compare .device .btn-compare-device .ico.plus{fill:var(--default_color);}
.compare .device .btn-compare-device .ico.check{fill:var(--color_green);}
.compare .device .btn-compare-device .txt{font-size:12px; font-weight:700; vertical-align:middle; transition:var(--default_transition);}
.compare .device .btn-compare-device.active{background-color:var(--color_green);}
.compare .device .btn-compare-device.active:hover .chk{border-color:var(--color_ln_grey);}
.compare .device .btn-compare-device.active .chk .ico{visibility:visible; opacity:1;}
.compare .device .btn-compare-device.active .txt{color:var(--color_white);}
.compare .device .btn-compare-device.disabled{cursor:not-allowed;}
.compare .device .btn-compare-device.disabled:hover .txt{color:inherit;}
.compare .device .btn-compare-device.disabled:hover .chk{border-color:var(--color_ln_grey);}


.compare .device .device-images{width:100%; flex:0 0 140px; margin:15px 0;}
.compare .device .device-images .img{width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.compare .device .device-images .img.f{z-index:1; margin-left:15px;}
.compare .device .device-images .img.b{z-index:0; margin-left:-15px;}
.compare .device .device-images .img img{width:auto; height:100%;}
.compare .device .inner{padding:0 15px; width:100%; flex:1; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.compare .device .rname{display:block; font-size:12px; line-height:12px; color:var(--subtle_color); margin:0 0 3px;}
.compare .device .dname{display:block; font-size:18px; line-height:18px; flex:0 0 100%; margin:0 0 5px;}
.compare .device .storage{display:block; font-size:16px; line-height:16px; font-weight:700; margin:0 0 10px;}
.compare .device .dprice{width:100%; display:flex; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid var(--color_ln_grey);}
.compare .device .dprice .or{display:flex; align-self:center; font-size:12px; line-height:12px; height:100%; align-items:center;}
.compare .device .dprice .or::before{content:''; display:block; width:1px; height:100%; background-color:var(--color_ln_grey); position:absolute; top:0; left:50%; z-index:-2;}
.compare .device .dprice .or::after{content:''; display:block; background-color:var(--color_white); position:absolute; top:50%; left:0; margin-top:-8px; z-index:-1; width:100%; height:18px;}
.compare .device .dprice .col{flex:1; text-align:center;}
.compare .device .dprice .lbl{display:block; text-transform:uppercase; color:var(--subtle_color); font-size:12px; line-height:12px; font-weight:700; margin-bottom:3px;}
.compare .device .dprice .lbl:last-child{margin-bottom:0;}
.compare .device .dprice .price{display:block; font-size:20px; line-height:20px; font-weight:700; color:var(--primary_color);}
.compare .device .dprice .price .mo{font-size:12px; line-height:12px; vertical-align:baseline;}
.compare .device .starting{display:block; font-size:12px; line-height:12px; color:var(--subtle_color); margin-bottom:3px;}
.compare .device .sub{display:block; font-size:12px; line-height:12px; margin-top:3px; color:var(--color_md_grey);}
.compare .device .sub .s{text-decoration:line-through;}
.compare .device .term{display:block;  font-size:12px; line-height:12px; margin:5px 0 0;}
.compare .device .full-price{font-size:16px; line-height:16px; margin-top:5px; width:100%; display:block;}
.compare .device .full-price .s{text-decoration:line-through; color:var(--color_md_grey);}
.compare .device .cta{display:flex; text-align:center; margin:auto 0 0; width:100%; align-items:center; flex-wrap:wrap;}
.compare .device .cta .btn{display:block; font-size:14px; line-height:14px; margin:auto auto auto 0; width:100%; min-width:100px; max-width:130px; padding:8px;}
.compare .device .cta .btn .arr{width:9px;}
.compare .device .cta .rlogo{display:inline-block; height:45px; margin:auto 0 auto auto}
.compare .device .cta .rlogo img{width:auto; height:100%;}
.compare .device .callout{font-size:12px; line-height:12px; display:block; text-align:center; background-color:var(--default_bg); padding:5px 0; flex:0; width:100%; align-self:flex-end;}
.compare .device .callout::before{content:' ';}

@media( max-width:1200px ){
.compare .device,
.compare .device:nth-child(4n + 1),
.compare .device:nth-child(4n){flex:0 0 calc(33.33% - 13.33px); margin:0 10px 20px;}
.compare .device:nth-child(3n){margin-right:0;}
.compare .device:nth-child(3n + 1){margin-left:0;}
}
@media(max-width:1023px){

}
@media(max-width:767px){

}
@media(max-width:639px){
.compare .device,
.compare .device:nth-child(4n + 1),
.compare .device:nth-child(4n),
.compare .device:nth-child(3n),
.compare .device:nth-child(3n + 1){flex:0 0 calc(50% - 10px); margin:0 10px 20px;}
.compare .device:nth-child(2n){margin-right:0}
.compare .device:nth-child(2n + 1){margin-left:0}
}

@media(max-width:479px){
.compare .device .device-images{height:100px; flex:0 0 100px;}
.compare .device .dprice{flex-wrap:wrap; margin-bottom:10px; padding-bottom:10px;}
.compare .device .dprice .col{flex:0 0 100%; margin-bottom:5px;}
.compare .device .dprice .col:last-child{margin-bottom:0;}
.compare .device .dprice .or{width:100%; height:auto; justify-content:center; margin-bottom:5px;}
.compare .device .dprice .or::before{width:75%; height:1px; top:50%; left:50%; transform:translateX(-50%);}
.compare .device .dprice .or::after{width:18px; height:100%; top:0; left:50%; margin:0 0 0 -10px;}
.compare .device .cta .btn{margin:0 auto; max-width:none;}
.compare .device .cta .rlogo{margin:0 auto}
}



.device-comparison-picker{position:fixed; top:50px; left:0; width:100%; padding:10px 0; z-index:-1; background-color:var(--color_white); box-shadow:0 0 5px rgba(0,0,0,0.5); transition:opacity .4s ease-in-out; opacity:0; visibility:hidden;}
.device-comparison-picker.active{z-index:9; opacity:1; visibility:visible;}
.device-comparison-picker .wrap{display:flex; height:60px;}
.device-comparison-picker .devices{display:flex; flex:1;}
.device-comparison-picker .devices .device{flex:1; margin-right:15px; display:flex; align-items:center;}
.device-comparison-picker .devices .device:last-child{margin-right:0;}

.device-comparison-picker .devices .device .device-image{background:url(https://www.moneysavingpro.com/cache/img/device-outline_w250_h500.png) center top no-repeat; flex:0 0 30px; width:30px; height:60px; margin-right:5px; background-size:cover;}
.device-comparison-picker .devices .device .device-image img{display:block; height:100%; margin:0 auto;}
.device-comparison-picker .devices .device .device-name{font-size:var(--default_font_size); font-weight:700;}
.device-comparison-picker .devices .device.active .device-image{background:none;}
.device-comparison-picker .cta{display:flex; align-items:center; flex:0; margin:0 0 0 auto}
.device-comparison-picker .cta .btn{white-space:nowrap; padding-right:25px;}
.device-comparison-picker .cta .btn .txt{transition:var(--default_transition);}
.device-comparison-picker .cta .btn .arr{transition:var(--default_transition);}
.device-comparison-picker .cta .btn .spinner{position:absolute; width:18px; height:18px; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; opacity:0; visibility:hidden; transition:var(--default_transition); fill:var(--color_white); animation:rotate 2s linear infinite;}
.device-comparison-picker .cta .btn.working .txt{opacity:0; visibility:hidden;}
.device-comparison-picker .cta .btn.working .arr{opacity:0; visibility:hidden;}
.device-comparison-picker .cta .btn.working .spinner{opacity:1; visibility:visible;}
@media(max-width:767px){
.device-comparison-picker .devices{flex:0 0 calc(100% - 30px); overflow:hidden;}
.device-comparison-picker .devices .device{flex-wrap:wrap; margin-right:5px; justify-content:center; flex:0 0 33.33%; overflow:hidden;}
.device-comparison-picker .devices .device:last-child{margin-right:0;}
.device-comparison-picker .devices .device .device-image{width:15px; height:30px; flex:0 0 15px;}
.device-comparison-picker .devices .device .device-name{flex:0 0 100%; font-size:12px; line-height:12px; white-space:nowrap; text-overflow:ellipsis; text-align:center; overflow:hidden;}
.device-comparison-picker .cta .btn{width:30px; height:30px; padding:0;}
.device-comparison-picker .cta .btn .txt{display:none;}
.device-comparison-picker .cta .btn .arr{width:14px; height:14px; top:50%; right:50%; transform:translateX(50%) translateY(-50%); padding:0}
}

@media(max-width:479px){

}





.widget-wrapper{margin-bottom:60px; width:100%;}

@media(max-width:767px){
.widget-wrapper{margin-bottom:30px;}
}



.il-btns{text-align:center; justify-content:center; display:flex; width:100%; flex-wrap:wrap; margin-top:30px;}
.il-btns.m0{margin:0;}
.il-btns .btn{margin:0 10px; font-size:18px;}
.il-btns .btn.s{text-decoration:line-through!important;}
.il-btns .btn.w-arr{padding:5px 30px;}
@media(max-width:767px){
.il-btns .btn{font-size:16px;}
}



.d-vs-d{display:flex; justify-content:center; flex-wrap:wrap}
.d-vs-d .item{box-shadow:0 3px 10px 0 rgba(142, 155, 183, 0.58); display:flex; flex-wrap:wrap; flex:0 0 calc(33.33% - 20px); margin:0 15px 30px; padding:15px; text-align:center; justify-content:center; max-width:calc(33.33% - 20px); align-self:flex-start; color:var(--default_color);}
.d-vs-d .item:nth-child(3n + 1){margin-left:0;}
.d-vs-d .item:nth-child(3n){margin-right:0;}
.d-vs-d .item:nth-last-child(-n + 3){margin-bottom:0;}
.d-vs-d .item:hover .title{color:var(--highlight_color);}
.d-vs-d .item .title{font-size:20px; line-height:20px; text-decoration:underline; transition:var(--default_transition);}
.d-vs-d .item .device-images{height:200px; display:flex; flex:0 0 100%; justify-content:center; align-items:center; margin-top:15px;}
.d-vs-d .item .device-images .img{height:100%;}
.d-vs-d .item .device-images .img img{width:auto; height:100%;}
.d-vs-d .item .device-images .vs{font-size:20px; line-height:20px; margin:0 30px;}

@media( max-width:1200px ){
.d-vs-d .item .device-images{height:150px;}
.d-vs-d .item .device-images .vs{margin:0 15px;}
}
@media(max-width:1023px){
.d-vs-d .item .title{font-size:18px; line-height:18px;}
.d-vs-d .item .device-images{height:120px;}
.d-vs-d .item .device-images .vs{font-size:18px;}
}
@media(max-width:767px){
.d-vs-d .item,
.d-vs-d .item:nth-child(3n + 1),
.d-vs-d .item:nth-child(3n){margin:0 10px 20px; flex-basis:calc(50% - 20px); max-width:calc(50% - 20px);}
.d-vs-d .item:nth-child(odd){margin-left:0;}
.d-vs-d .item:nth-child(even){margin-right:0;}
}
@media(max-width:639px){
.d-vs-d .item .title{font-size:16px; line-height:16px;}
.d-vs-d .item .device-images{height:90px;}
.d-vs-d .item .device-images .vs{font-size:16px; margin:0 10px;}
}

@media(max-width:479px){

}



.posts-list{width:100%; display:flex;}
.posts-list .col{flex:1; margin:0 15px;}
.posts-list .col:first-child{margin-left:0;}
.posts-list .col:last-child{margin-right:0;}
.posts-list .post{box-shadow:0 0 33px 0 rgba(137, 156, 197, 0.17); padding:15px; display:flex; transition:var(--default_transition); color:var(--default_color); text-align:left; align-items:center; margin-bottom:30px}
.posts-list .post:last-child{margin-bottom:0;}


.posts-list .post .thumb{flex:0 0 200px; height:100px;}
.posts-list .post .thumb .img{display:block; width:100%; height:100%; object-fit:cover;}
.posts-list .post .info{flex:1; padding-left:15px;}
.posts-list .post .title{font-size:20px; line-height:20px; color:var(--default_color); text-decoration:underline; display:block; transition:var(--default_transition);}
.posts-list .post .title:hover{color:var(--highlight_color);}

.posts-list .post .excerpt{font-size:18px; line-height:18px; display:block; margin-top:10px;}
.posts-list .post .published{font-size:12px;}


.posts-list.cols-2 .post{padding:5px; margin-bottom:15px;}
.posts-list.cols-2 .post .thumb{flex:0 0 150px; height:75px;}
.posts-list.cols-2 .post .title{font-size:16px; line-height:16px;}
.posts-list.cols-2 .post .excerpt{font-size:14px; line-height:14px;}

.posts-list.cols-3{}
.posts-list.cols-3 .post{padding:5px; margin-bottom:15px;}
.posts-list.cols-3 .post .thumb{flex:0 0 80px; height:40px;}
.posts-list.cols-3 .post .title{font-size:14px; line-height:14px; font-weight:normal;}
.posts-list.cols-3 .post .excerpt{font-size:12px; line-height:12px;}

@media(max-width:1200px){
.posts-list .post .info{}
.posts-list .post .title{font-size:18px; line-height:22px;}
.posts-list .post .excerpt{font-size:16px; line-height:16px;}
}
@media(max-width:1023px){
.posts-list{flex-wrap:wrap;}
.posts-list .col{flex:0 0 100%; margin:0;}

.posts-list.cols-2 .post .thumb{flex:0 0 60px; height:30px}
.posts-list.cols-2 .post .title{font-size:12px; line-height:12px;}

.posts-list.cols-3 .post .thumb{flex:0 0 60px; height:30px}
.posts-list.cols-3 .post .title{font-size:12px; line-height:12px;}
}
@media(max-width:767px){
.posts-list .post .title{font-size:16px; line-height:20px;}
.posts-list .post .excerpt{font-size:14px; line-height:14px;}
}
@media(max-width:639px){
.posts-list .post{margin-bottom:15px;}
.posts-list .post .thumb{flex:0 0 150px; height:75px;}
.posts-list .post .excerpt{font-size:14px; line-height:14px; margin-bottom:0;}
.posts-list .post .published{display:none;}
}
@media(max-width:479px){
.posts-list .post{flex-wrap:wrap;}
.posts-list .post .info{padding-left:10px}
.posts-list .post .title{font-size:14px; line-height:18px;}
.posts-list .post .excerpt{font-size:12px; line-height:12px;}

.posts-list.cols-1 .post .thumb{flex:0 0 100%; margin-bottom:10px;}
.posts-list.cols-1 .post .info{padding:0;}
}



.footer{padding-bottom:75px;}
.sticky-footer{position:fixed; bottom:-70px; left:50%; background-color:var(--color_white); text-align:center; z-index:9; transition:var(--default_transition); transform:translateX(-50%); white-space:nowrap; padding:5px 30px;}
.sticky-footer .wrap{display:flex; justify-content:center; align-items:center; height:60px;}

.sticky-footer .btn-close{display:block; width:20px; height:20px; cursor:pointer; z-index:1; position:absolute; top:0; right:0; background-color:var(--default_bg);}
.sticky-footer .btn-close:hover .ico{fill:var(--highlight_color);}
.sticky-footer .btn-close .ico{fill:var(--default_color); width:14px; height:14px; transition:var(--default_transition); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.sticky-footer.on.active{bottom:0; box-shadow:0 3px 10px 0 rgba(142,155,183,0.58);}



@media(max-width:1240px){

}
@media(max-width:1023px){
.sticky-footer{padding-left:15px; }
}
@media(max-width:767px){
.sticky-footer{width:100%; height:auto;}
.sticky-footer .wrap{width:100%;}

}
@media(max-width:639px){
}
@media(max-width:479px){
.sticky-footer .wrap{height:auto;}
}



.sticky-footer .promo{display:flex; flex:0 0 100%; height:100%; color:var(--default_color);}
.sticky-footer .col{flex:0; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}

.sticky-footer .col.rlogo{flex:0 0 90px; height:60px; margin:auto 15px auto 0; }
.sticky-footer .col.rlogo .img{width:auto; height:100%; font-size:0;}
.sticky-footer .col.rlogo .img img{width:auto; height:100%;}

.sticky-footer .col.info{text-align:left; padding:0 30px; flex:1; margin:0; display:flex; align-items:center;}
.sticky-footer .col.info .title{font-size:18px; line-height:18px; margin-bottom:5px; white-space:normal; width:100%; font-weight:700;}
.sticky-footer .col.info .subtitle{font-size:12px; line-height:12px; width:100%;}



.sticky-footer .col.cta{flex:0 0 100px; margin:0 auto 0 0; display:flex; align-items:center;}
.sticky-footer .col.cta .btn{width:100%; font-size:14px; padding:5px 20px 5px 10px; white-space:nowrap;}
.sticky-footer .col.cta .btn .arr{width:10px;}

.sticky-footer.on.active .col.device .img{bottom:-5px;}


@media(max-width:1023px){
.sticky-footer .col.info{padding:0 15px;}
.sticky-footer .col.info .title{font-size:18px; line-height:18px;}

}
@media(max-width:767px){
.sticky-footer .col.rlogo{flex-basis:60px;}
.sticky-footer .col.rlogo{height:40px;}
.sticky-footer .col.info{padding:0 15px;}
.sticky-footer .col.info .title{font-size:16px; line-height:16px;}
.sticky-footer .col.info .title .price{display:inline;}



.sticky-footer .col.cta{flex:0 0 30px;}
.sticky-footer .col.cta .btn{width:30px; height:30px; padding:0;}
.sticky-footer .col.cta .btn .txt{display:none;}
.sticky-footer .col.cta .btn .arr{width:12px; right:50%; transform:translateX(50%);}

.sticky-footer .col.close{margin:0}
.sticky-footer .col.close .btn-close{position:absolute; top:0; right:-18px;}
}
@media(max-width:639px){

}
@media(max-width:479px){
.sticky-footer .col.info{padding:0 15px 0 0;}
.sticky-footer .col.info .title{font-size:14px; line-height:14px;}
.sticky-footer .col.info .subtitle{display:none;}
}