@charset "utf-8";
/* CSS Document */
/*Home Energy*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poppins:200,300,400,500,600,700,800,900&display=swap');
@import 'font-awesome.min.css';
@import 'animate.css';
@import 'bootstrap.min.css';



/* --------------------------
:: 1.0 Base CSS Start
-------------------------- */
*{margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;background-color:#eaecf8}
h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;font-weight: 800;color:#232882;line-height:1.2}
.holder{position:fixed;left:0;top:0;overflow:hidden;bottom:0;right:0;width:100%;z-index:99999;height:100%;background:rgba(0,0,0,0.2)}
.preloader{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);animation:rotatePreloader 2s infinite ease-in}
@keyframes rotatePreloader {
    0%{transform:translateX(-50%) translateY(-50%) rotateZ(0deg)}
    100%{transform:translateX(-50%) translateY(-50%) rotateZ(-360deg)}
}
.preloader div{position:absolute;width:100%;height:100%;opacity:0}
.preloader div:before{content:"";position:absolute;left:50%;top:0;width:10%;height:10%;background:#3f66db;transform:translateX(-50%);border-radius:50%}
.preloader div:nth-child(1){transform:rotateZ(0deg);animation:rotateCircle1 2s infinite linear;z-index:9}
@keyframes rotateCircle1 {
    0%{opacity:0;opacity:1;transform:rotateZ(36deg)}
    7%{transform:rotateZ(0deg)}
    57%{transform:rotateZ(0deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(2){transform:rotateZ(36deg);animation:rotateCircle2 2s infinite linear;z-index:8}
@keyframes rotateCircle2 {
    5%{opacity:0}
    5.0001%{opacity:1;transform:rotateZ(0deg)}
    12%{transform:rotateZ(-36deg)}
    62%{transform:rotateZ(-36deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(3){transform:rotateZ(72deg);animation:rotateCircle3 2s infinite linear;z-index:7}
@keyframes rotateCircle3 {
    10%{opacity:0}
    10.0002%{opacity:1;transform:rotateZ(-36deg)}
    17%{transform:rotateZ(-72deg)}
    67%{transform:rotateZ(-72deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(4){transform:rotateZ(108deg);animation:rotateCircle4 2s infinite linear;z-index:6}
@keyframes rotateCircle4 {
    15%{opacity:0}
    15.0003%{opacity:1;transform:rotateZ(-72deg)}
    22%{transform:rotateZ(-108deg)}
    72%{transform:rotateZ(-108deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(5){transform:rotateZ(144deg);animation:rotateCircle5 2s infinite linear;z-index:5}
@keyframes rotateCircle5 {
    20%{opacity:0}
    20.0004%{opacity:1;transform:rotateZ(-108deg)}
    27%{transform:rotateZ(-144deg)}
    77%{transform:rotateZ(-144deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(6){transform:rotateZ(180deg);animation:rotateCircle6 2s infinite linear;z-index:4}
@keyframes rotateCircle6 {
    25%{opacity:0}
    25.0005%{opacity:1;transform:rotateZ(-144deg)}
    32%{transform:rotateZ(-180deg)}
    82%{transform:rotateZ(-180deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(7){transform:rotateZ(216deg);animation:rotateCircle7 2s infinite linear;z-index:3}
@keyframes rotateCircle7 {
    30%{opacity:0}
    30.0006%{opacity:1;transform:rotateZ(-180deg)}
    37%{transform:rotateZ(-216deg)}
    87%{transform:rotateZ(-216deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(8){transform:rotateZ(252deg);animation:rotateCircle8 2s infinite linear;z-index:2}
@keyframes rotateCircle8 {
    35%{opacity:0}
    35.0007%{opacity:1;transform:rotateZ(-216deg)}
    42%{transform:rotateZ(-252deg)}
    92%{transform:rotateZ(-252deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(9){transform:rotateZ(288deg);animation:rotateCircle9 2s infinite linear;z-index:1}
@keyframes rotateCircle9 {
    40%{opacity:0}
    40.0008%{opacity:1;transform:rotateZ(-252deg)}
    47%{transform:rotateZ(-288deg)}
    97%{transform:rotateZ(-288deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
.preloader div:nth-child(10){transform:rotateZ(324deg);animation:rotateCircle10 2s infinite linear;z-index:0}
@keyframes rotateCircle10 {
    45%{opacity:0}
    45.0009%{opacity:1;transform:rotateZ(-288deg)}
    52%{transform:rotateZ(-324deg)}
    102%{transform:rotateZ(-324deg)}
    100%{transform:rotateZ(-324deg);opacity:1}
}
button:focus{outline:0;box-shadow:0 0 0}
textarea:focus,input:focus,input[type]:focus,select:focus{outline:0 none;border:2px solid #232882!important;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow:0 0 0 0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
label.error{font-size:14px;font-weight:600;color:#fb2e2e;margin-top:5px;display:block;width:100%}
.select-dropdown{height:60px;padding:0 15px;border-radius:0;border:0;font-size:16px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/icons/br_down.png) #fff no-repeat calc(100% - 15px);width:100%;border:2px solid transparent}
.select-multi{order-radius:5px;border:0;font-size:16px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;idth:100%;border:2px solid transparent}
.select-multi option{margin-left:2px;margin-top:2px;border-radius:3px;font-weight:600;padding:5px 15px}
.form-control{height:60px;font-size:16px;font-weight:700;vertical-align:top;border:0;display:inline-block;padding:5px 10px;border-radius:0;color:#000;width:100%;border:2px solid transparent}
.ng-invalid.ng-touched{border:2px solid #ec1616!important;box-shadow:0 0 0!important;outline:0!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:2px solid transparent;-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px #fff inset;transition:5000s ease-in-out 0;background-color:#fff}
.usage-yes input:-webkit-autofill,.usage-yes1 input:-webkit-autofill,.usage-yes input:-webkit-autofill:hover,.usage-yes1 input:-webkit-autofill:hover,.usage-yes input:-webkit-autofill:focus,.usage-yes1 input:-webkit-autofill:focus,.usage-yes input:-webkit-autofill,.usage-yes1 textarea:-webkit-autofill,.usage-yes input:-webkit-autofill:hover,.usage-yes1 textarea:-webkit-autofill:hover,.usage-yes input:-webkit-autofill:focus,.usage-yes1 textarea:-webkit-autofill:focus,.usage-yes input:-webkit-autofill,.usage-yes1 select:-webkit-autofill,.usage-yes input:-webkit-autofill:hover,.usage-yes1 select:-webkit-autofill:hover,.usage-yes input:-webkit-autofill:focus,.usage-yes1 select:-webkit-autofill:focus{border:2px solid transparent;-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px #eaecf8 inset;transition:background-color 5000s ease-in-out 0}
.checkbox{display:block;position:relative}
.checkbox label{padding:18px 30px;width:100%;display:block;text-align:left;color:#3c454c;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden}
.checkbox label:after{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in}
.checkbox input:checked~label{color:#fff}
.checkbox input:checked~label:after{background:#1fea67;border-color:#1fea67;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:2px 3px}
.checkbox input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;visibility:hidden}
.radiobox{display:block;position:relative}
.radiobox label{padding:18px 30px;width:100%;display:block;text-align:left;color:#3c454c;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden}
.radiobox label:after{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in;border-radius:100%}
.radiobox input:checked~label{color:#fff}
.radiobox input:checked~label:after{background:#1fea67;border-color:#1fea67;background-image:url(../img/icons/radia-selected-dotted.svg);background-repeat:no-repeat;background-position:7px 7px}
.radiobox input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;visibility:hidden}
.checkbox-grp{background-color:#fff;display:block;margin:10px 0;position:relative}
.checkbox-grp label{padding:18px 30px;width:100%;display:block;text-align:left;color:#3c454c;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden}
.checkbox-grp label:before{width:10px;height:10px;border-radius:50%;content:"";background-color:#3f66db;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale3d(1,1,1);transform:translate(-50%,-50%) scale3d(1,1,1);transition:all 300ms cubic-bezier(0.4,0,0.2,1);opacity:0;z-index:-1}
.checkbox-grp label:after{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in}
.checkbox-grp input:checked~label{color:#fff}
.checkbox-grp input:checked~label:before{-webkit-transform:translate(-50%,-50%) scale3d(56,56,1);transform:translate(-50%,-50%) scale3d(56,56,1);opacity:1}
.checkbox-grp input:checked~label:after{background-color:#54e0c7;border-color:#54e0c7}
.checkbox-grp input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;visibility:hidden}
.radio-grp{background-color:#fff;display:block;margin:10px 0;position:relative;border-radius:0}
.radio-grp label{padding:18px 30px 18px 60px;margin-bottom:0;width:100%;display:block;text-align:left;color:#000;font-size:16px;font-weight:700;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden;border-radius:0}
.radio-grp label:before{width:10px;height:10px;border-radius:50%;content:"";background-color:#3f66db;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale3d(1,1,1);transform:translate(-50%,-50%) scale3d(1,1,1);transition:all 300ms cubic-bezier(0.4,0,0.2,1);opacity:0;z-index:-1}
.radio-grp input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;visibility:hidden}
.radio-grp label{padding:18px 20px;text-align:center;border-width:2px;border-style:solid;border-color:#Fff;overflow:visible}
.radio-grp input:checked~label{color:#3f66db;border-color:#3f66db}
.radio-grp label:after{width:22px;height:22px;content:"";border-radius:50%;z-index:2;position:absolute;right:-10px;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.radio-grp input:checked~label:after{transition:all .2s ease-in-out;background-color:#fff;border:2px solid #3f66db;font:normal normal normal 14px/1 FontAwesome;color:#3f66db;line-height:18px;content:"\f00c";text-align:center}
.text-blue{color:#232882;}
.white-bg{background:#fff}
.blue-bg{background:#3f66db}
.d-blue-bg{background:#142751}
.grey-bg{background:#f5f9fc}
.btn{box-sizing:border-box;border-radius:0;min-width:200px;padding-left:20px;padding-right:20px;height:60px;display:inline-block;line-height:50px;font-weight:700;font-size:20px;text-align:center;border:0;color:#000;transition:.6s;cursor:pointer}
.btn:hover{color:#000}
.btn-green{background:#1fea67;color:#000}
.btn-border-g{background:#fff;border:2px solid #1fea67;line-height:55px;padding:0}
.btn-border-g:hover{background:#1fea67;color:#000;border:2px solid #1fea67}
.btn-border-b{background:#fff;border:2px solid #3f66db;line-height:55px;padding:0}
.btn-border-b:hover{background:#3f66db;color:#fff;border:2px solid #3f66db}
.btn-border{background:#fff;border:2px solid #3f66db}
.btn-border:hover{background:#3f66db;color:#fff;border:2px solid #3f66db}
.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 3px #000 inset}
.section-title{text-align:center;width:100%;margin-bottom:50px}
.section-title h2{margin-top:0;color:#232882;font-size:30px;margin-bottom:10px}
.section-title span{font-size:18px;font-weight:600}
.section_padding_100{padding-top:100px;padding-bottom:100px}
.section_padding_100_50{padding-top:100px;padding-bottom:50px}
.section_padding_100_70{padding-top:100px;padding-bottom:70px}
.section_padding_50{padding-top:50px;padding-bottom:50px}
.section_padding_50_20{padding-top:50px;padding-bottom:20px}
.section_padding_150{padding-top:150px;padding-bottom:150px}
.section_padding_200{padding-top:200px;padding-bottom:200px}
.section_padding_0_100{padding-top:0;padding-bottom:100px}
.section_padding_70{padding-top:70px;padding-bottom:70px}
.section_padding_30{padding-top:30px;padding-bottom:30px}
.section_padding_0_50{padding-top:0;padding-bottom:50px}
img{max-width:100%;max-height:100%}
.mt-15{margin-top:15px!important}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-100{margin-top:100px}
.mt-150{margin-top:150px}
.mr-15{margin-right:15px}
.mr-30{margin-right:30px}
.mr-50{margin-right:50px}
.mr-100{margin-right:100px}
.mb-15{margin-bottom:15px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.mb-100{margin-bottom:100px}
.ml-15{margin-left:15px}
.ml-30{margin-left:30px}
.ml-50{margin-left:50px}
.ml-100{margin-left:100px}
ul,ol{margin:0;padding:0}
#scrollUp{bottom:0;font-size:30px;font-weight:700;right:30px;width:50px;background-color:#1fea67;color:#232882;text-align:center;height:50px;display:none;line-height:50px}
a,a:hover,a:focus,a:active{text-decoration:none;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
li{list-style:none}
p{color:#000;font-size:16px;font-weight:600;margin-top:0}
.heading-text > p{font-size:16px}
.section-heading > h2{font-weight:600;font-size:48px;margin:0}
.section-heading{margin-bottom:60px}
.line-shape-white,.line-shape{width:80px;height:2px;background-color:#fed303;margin-top:15px}
.line-shape{margin-left:calc(50% - 40px)}
.table{display:table;height:100%;left:0;position:relative;top:0;width:100%;z-index:2}
.table-cell{display:table-cell;vertical-align:middle}
#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}
.colorlib-load{-webkit-animation:2000ms linear 0 normal none infinite running colorlib-load;animation:2000ms linear 0 normal none infinite running colorlib-load;background:transparent none repeat scroll 0 0;border-color:#142751 #142751 #1fea67;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9}
@-webkit-keyframes colorlib-load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes colorlib-load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* --------------------------
:: Box Shadow
-------------------------- */
.box-white-shadow {box-shadow: 9.642px 11.491px 0px 0px rgba(188, 203, 231, 0.56);background: #fff; border-radius: 20px;}
.box-grey-shadow {box-shadow: 9.642px 11.491px 0px 0px rgba(188, 203, 231, 0.56);background: #f5f9fc; border-radius: 20px;}
/* --------------------------
:: 1.0 Header Area CSS
-------------------------- */
.box-white-shadow{box-shadow:9.642px 11.491px 0 0 rgba(188,203,231,0.56);background:#fff;border-radius:20px}
.box-grey-shadow{box-shadow:9.642px 11.491px 0 0 rgba(188,203,231,0.56);background:#f5f9fc;border-radius:20px}
.header_content{position:fixed;top:0;width:100%;background:#eaecf8}
.space-header{height:67px}
.header_area{left:0;position:relative;width:100%;z-index:99;top:0}
.navbar-brand{height:auto;font-weight:700;color:#fff;margin:0;line-height:1}
.topmenu{position:inherit}
.menu_area .navbar-brand:hover,.menu_area .navbar-brand:focus{color:#fff}
.menu_area{z-index:2}
.menu_area .navbar-nav{float:right;width:100%;text-align:right;display:inline-block}
.navbar-collapse{text-align:right;width:100%}
.menu_area .navbar-nav>li{display:inline-block;float:none;position:inherit}
.menu_area .navbar{margin-bottom:0;border:0;background:none;position:inherit;padding:0}
.menu_area #nav .nav-link{color:#142751;display:inline-flex;font-size:16px;font-weight:600;border-radius:30px;padding:15px 35px;position:relative}
.menu_area #nav .nav-item:hover,.menu_area #nav li.active{background:#fff;color:#3f66db}
.menu_area .navbar-nav>li .submenu ul li.active{background:none!important;color:inherit!important}
.menu_area #nav .nav-item:hover a.nav-link,.menu_area #nav li.active .nav-link,.menu_area #nav .nav-item.active span.drp_arrow{color:#3f66db}
.menu_area #nav .nav-item span.drp_arrow{display:none}
.menu_area #nav .nav-link:after{content:"\f107";font-family:'FontAwesome';font-size:18px;font-weight:700;right:15px;position:absolute}
.header_area.sticky .menu_area #nav .nav-item span.drp_arrow{right:5px}
.menu_area #nav .nav-item:hover span.drp_arrow,.menu_area #nav .nav-item:hover .nav-link:after{color:#3f66db;transform:rotate(180deg);transition:all .4s ease}
.menu_area #nav .nav-link.nonehover:after{display:none}
.menu_area #nav .nav-item span.drp_arrow i.fa.fa-angle-down{font-weight:700}
.submenu{position:absolute;left:0;right:0;min-width:520px;padding:20px;background:#fff;box-shadow:0 20px 20px rgba(0,0,0,0.1);visibility:hidden;display:none;-webkit-transition:200ms ease;-moz-transition:200ms ease;-o-transition:200ms ease;transition:200ms ease}
.submenu.singlerow{min-width:230px}
.header_area.sticky .submenu{margin-top:0;border-top:1px solid #EAECF8}
.menu_area .navbar-nav>li .submenu ul li{text-align:left;padding:5px 0}
.menu_area .navbar-nav>li .submenu ul li a{color:#142751;font-weight:600;font-size:14px}
.menu_area .navbar-nav>li .submenu ul li a:hover{color:#3f66db}
.menu_area .navbar-nav>li .submenu ul li.title-menu{color:#232882;font-weight:700;font-size:18px}
.mega-menu-icons{border-radius:10px;box-shadow:0 0 15px 0 rgba(191,211,226,0.56);background:#fff;padding:20px;text-align:center}
.mega-menu-icons span{display:block;margin:15px 0;font-weight:600;font-size:18px;color:#000}
.mega-menu-icons h3{font-size:18px;margin-top:0}
.mega-menu-icons h3 a{color:#232882}
@media (min-width: 991px) {
.menu_area .navbar-nav>li:hover .submenu{visibility:visible;display:block}
}
.sing-up-button{text-align:right}
.sing-up-button>a{color:#3c00e2;font-weight:500;display:inline-block;border:2px solid #3c00e2;height:50px;min-width:178px;line-height:46px;text-align:center;border-radius:5px}
.sing-up-button>a:hover{background:#3c00e2;color:#fff;border-color:transparent;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.number{display:inline-block;text-align:center;color:#fff}
.number a.rulertel{font-size:32px;color:#142751;margin-top:-5px;display:inline-block;font-weight:700}
.number .strap{color:#142751;font-size:16px}
.mobile-view{display:none}
.desktop-view{display:block}
.navbar-brand{display:flex;align-items:center}
.header_area.sticky{background-color:#fff;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.1);height:70px;position:fixed;top:0;padding:0;z-index:4}
.header_area.sticky .navbar-brand{height:50px}
.header_area.sticky .menu_area #nav .nav-link{padding:23px 35px}
.header_area.sticky .menu_area .navbar-nav{margin-top:0}
.header_area.sticky .sing-up-button>a{color:#000}
.header_area.sticky .navbar{padding:0}
.header_area.sticky .number{margin-top:5px}
.header_area.sticky.steps-header{position:initial}
.header_area.steps-header .navbar-brand{height:100%}
.header_area.steps-header .navbar-brand img{height:50px}


ul.ul-arrow-right li{display:flex;font-size:16px;font-weight:600;margin:15px 0;position:relative;padding-left:40px}
ul.ul-arrow-right li:before{content:"";position:absolute;left:0;top:0;background:url(../img/icons/list-green-arrow.png) no-repeat;width:30px;height:30px;background-size:25px}


.reviewbar-section{padding:10px 0}
.reviewbar-col{display:inline-block;vertical-align:middle;margin-right:20px}
.reviewbar-col strong{display:inline-block;font-size:30px;vertical-align:middle;line-height:25px;font-weight:900;margin-right:10px}
.reviewbar-col.trustpilot-logo strong{color:#00b67a}
.reviewbar-col.reviewuk-logo strong{color:#43d061}
.reviewbar-col img{display:inline-block;height:25px;vertical-align:top}
.reviewbar-col img.trustpilot-logo,.reviewbar-col img.review-logo{margin-left:5px}
.total-review-text span{display:inline-block;font-size:20px;vertical-align:top;line-height:25px;font-weight:800}



.header-banner{background:#3f66db;position:relative;display:block;text-align:left;padding:15px 0}
.wrapper-flex{box-sizing:border-box;margin:0 auto}
.header-banner-content{hedisplay:flex;justify-content:space-between}
.header-banner-text-content{display:flex;flex-direction:column;justify-content:center;width:100%}
.header-banner-title{font-size:24px;margin-bottom:0;color:#fff;line-height:30px}
.header-banner-subtitle{font-size:14px;line-height:1.43;margin-bottom:0}
.header-banner-subtitle a{color:#000;text-decoration:underline}
.tarrif_name{color:#fff;margin-bottom:5px}
.header-banner-right{display:flex}
.header-banner-option{display:flex;background:#fff;border-radius:3px;flex-direction:column;justify-content:center;width:100%;padding:10px}
.header-banner-right h3{margin-bottom:3px;margin-top:0;font-size:18px}
.header-banner-right p{font-size:14px;margin-bottom:3px}
.header-banner-right p i{color:#232882;margin-top:3px;padding:0 0 0 3px;margin-right:8px;text-align:center;font-size:15px}
.header-banner .reviewsuk{border-radius:3px;padding:0;height:auto;width:100%}
.header-banner .review-percentage strong{font-size:35px;line-height:35px}
.header-banner .review-percentage span{font-size:15px}
.header-banner .review-percentage{margin-bottom:0;margin-top:5px}
.header-banner .review-star-icon{margin-bottom:0}
.header-banner .review-star-icon img{width:110px}
.header-banner .reviews-logo img{width:150px}

.header-switched-box{margin-bottom:20px}
.header-switched-box h2{color:#fff;text-align:center;font-size:20px;margin-bottom:20px}
.header-switched-box .switched-box{background:#fff;text-align:center;min-height:152px;padding:20px;vertical-align:middle;border-radius:10px}
.header-switched-box .switched-box p{display:block;font-size:15px;margin-bottom:0;margin-top:0}
.header-switched-box .suppliers-logo img{width:150px;margin-bottom:10px}
.header-switched-box .saving-price p span{display:block}
.header-switched-box .saving-price p span.thank-you-summary-savings-amount{font-size:40px;font-weight:700;color:#232882}
.header-switched-box .summary-reference{padding-top:50px}
.header-switched-box .summary-reference span{display:block;font-size:25px;color:#232882;font-weight:700}
.energy-thank-you .fpc-results-item .row-col .col-info{width:20%;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;align-items:center}
.energy-thank-you .fpc-results-item .row-col provider-col.col-info{width:20%}
.energy-thank-you .fpc-results-item .row-col boardband-col.col-info{width:20%}
.energy-thank-you .fpc-results-item .row-col tv-col.col-info{width:15%}
.energy-thank-you .fpc-results-item .row-col deal-cost.col-info{width:20%}
.energy-thank-you .fpc-results-item .row-col deal-link.col-info{width:25%}
.energy-thank-you .fpc-results-item-logo{text-align:center}
.energy-thank-you .results-logo img{max-width:150px;height:auto;margin:0 auto 15px;display:block}
.energy-thank-you .offerlogo img{width:70px}
.energy-thank-you .results-tariff-tariff{font-size:16px;font-weight:600;margin-top:15px;text-align:center;width:100%}
.energy-thank-you .fpc-results-item-col{width:100%;padding:20px;text-align:center;align-content:center}
.energy-thank-you .results-price-price{font-size:20px;line-height:30px;display:block}
.energy-thank-you .results-price-text{font-size:16px;font-weight:600;line-height:35px;display:block}
.energy-thank-you .results-price-symbol{font-size:24px;font-weight:700}
.energy-thank-you .results-price-symbol .tblprice{margin:0}
.energy-thank-you .results-price-symbol .tblprice li{font-size:14px;margin:5px 0}
.energy-thank-you .results-price-symbol .tblprice li label{color:#000;font-weight:600}
.energy-thank-you .results-price-symbol .tblprice li span{font-weight:700;display:inline-block;margin-left:10px}
.energy-thank-you .results-price-symbol a.link{font-size:14px;font-weight:600}
.energy-thank-you .fpc-results-item-action a.phone-link{font-size:16px;font-weight:600;color:#000;margin-top:15px;display:block}
.energy-thank-you .fpc-results-item-action .btn.btn-switch{border:0;line-height:45px;height:60px;font-size:22px;width:200px;margin:0 auto}
.energy-thank-you .fpc-results-item-option .results-option-container a{font-size:14px;font-weight:600}
.energy-thank-you .fpc-results-item-option .box-cell-list li{text-align:center;font-size:16px;padding:12px 0;margin-left:0;font-weight:600;border-bottom:0}
.energy-thank-you .fpc-results-item-option .box-cell-list li.fixed-for-txt{font-size:16px;font-weight:700}
.energy-thank-you .fpc-results-item-option .box-cell-list li:last-child{border-bottom:0}
.energy-thank-you .offer-row{width:100%;padding:10px;border-top:2px solid #eaecf8}
.energy-thank-you .offer-text{display:inline-block}
.energy-thank-you .offer-text strong{background:#3f66db;padding:5px 10px;border-radius:3px;color:#fff;min-width:175px;display:inline-block;text-align:center;margin-right:10px}
.energy-thank-you .offer-text span{font-size:16px;font-weight:600;color:#232882}
.energy-thank-you ul.deal-services{display:inline-block;float:right}
.energy-thank-you ul.deal-services li{display:inline-block;vertical-align:top;margin:0 3px;border-radius:20px;border:2px solid #333;width:30px;height:30px;line-height:30px;text-align:center}

.product-box1 {
    box-shadow: 0 0 15px 0 rgb(191 211 226 / 56%);
    text-align: center;
    margin-bottom: 27px;
    background: #fff;
}
.product-box1 .img {
    position: relative;
}
.product-box1 .img>a {
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-box1 .price {
    background-color: rgba(0, 0, 0, 0.46);
    border-radius: 0;
    color: #3f66db;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 10px;
    width: 100%;
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    left: 0;
}
.product-box1 .price span {
    width: 100%;
    color: #fff;
}
.product-box1 .info {
    padding: 20px 0 0;
	text-align: center;
}
.product-box1 .info .hd {
    color: inherit;
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
}
.review-box-ty{display:inline-block;width:100%;text-align:center}
.review-box-ty h2{display:inline-block;color:#000}
.review-box-ty img{max-width:140px;margin-left:20px;vertical-align:text-bottom}


h3.title-bg{margin-bottom:30px}
h3.title-bg i{margin-right:15px}

.footer .toplink{margin:0 0 30px;text-align:center}
.footer .toplink ul li{display:inline-block}
.footer .toplink ul li a{color:#fff;font-size:13px}
.footer .toplink ul li::after{content:"|";margin:0 10px;color:#fff}
.footer .toplink ul li:last-child::after{content:""}
.footer-link-title{font-size:20px;text-align:center;margin-top:20px;margin-bottom:20px;color:#fff}
.footer-link h3{color:#fff;font-size:16px}
.footer-link h3 a{color:#fff}
.footer-link ul li a{color:#fff;font-size:12px}
.footer-link ul li{margin-bottom:5px}
.footer-link ul li a:hover{color:#1fea67}
.us-footer-title{font-size:inherit;text-align:center;margin-top:40px;margin-bottom:0}
.us-footer-title span.text{font-size:20px;position:relative;color:#fff;display:inline-block}
.footer .safe-logos{margin:0 0 50px;text-align:center}
.safehand{margin-top:20px}
.footer .safehand .logo-content a{color:#fff;opacity:1;padding:0 15px;vertical-align:top;display:inline-block}
.footer .safehand .logo-content img{height:52px;width:auto}
.footer-text p{color:#fff;font-size:14px}
.disclaimer-text p{line-height:18px}
.footer-social ul li{margin:0 5px;display:inline-block}
.footer-social{margin-bottom:30px;text-align:center}
.footer-social ul li a{width:40px;height:40px;display:inline-block;line-height:36px;font-size:18px;color:#fff;border:2px solid #fff}
.footer-social ul li a:hover{background:#1fea67;color:#0c1c40;border:2px solid #1fea67}