@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff');
  font-weight: normal;
  font-style: normal;
}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,details,footer,header,main,nav,section{display:block}canvas,progress{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,pre{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;max-width:100%;height:auto}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,.h6,h1,h2,h3,h4,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h6,h4,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h6 .small,.h6 small,h4 .small,h4 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.text-center{text-align:center}.text-muted{color:#777}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}ol,ul{margin-top:0;margin-bottom:10px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dd{margin-left:0}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,pre{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.radio input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel>.table{margin-bottom:0}.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.container:after,.container:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar:after,.navbar:before{display:table;content:" "}.container:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar:after{clear:both}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}@-ms-viewport{width:device-width}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
.errorMsg {
    color: #dd2127;
    font-size: 13px;
    font-weight: 500;
    float: right;
}
*:focus {
    box-shadow: none;
}
button:focus {
    outline: none !important;
}
::placeholder {
    color: #000;
    opacity: .3;
}
select:focus, input:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #2196f3;
    outline-width: 0 !important;
    font-weight: 400;
}
button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
    border: 0 !important;
}
*, ::after, ::before {
    a: hover;
    text-decoration: none;
}
.box {
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
}
.modal-backdrop {
    background-color: #64b5f6;
}
.line {
    background-color: #cfd8dc;
    height: 1px;
    width: 100%
}
.modal-content {
    border-radius: 15px;
}
.modal-content .download {
        display: flex;
        justify-content: space-between;
        padding: 50px 0;
    }
.modal-content .download a {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            text-decoration: none;
            color: #323234;
        }
.modal-content .download a img {
                display: inline-block;
            }
.modal-content .close {
        opacity: 1;
        display: flex;
        justify-content: flex-end;
        padding: 20px;
    }
.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}
.progressCont {
    display: flex;
    flex-direction: row;
    margin: 20px auto 0;
    width: 21%;
    align-items: baseline;
}
.progressCont .progressStep {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
.progressCont .progressStep .round {
            border-radius: 50%;
            width: 30px;
            height: 30px;
            background: #fff;
            border: 1px #d8dbda solid;
            color: #d8dbda;
            display: flex;
            font-family: 'Roboto Condensed';
            font-weight: 700;
            font-size: 12px;
            justify-content: center;
            align-items: center;
        }
.currentRound {
    background: #0074b6 !important;
    border: 1px #0074b6 solid !important;
    color: #fff !important;
}
.currentText {
    color: #0074b6 !important;
}
.progressCont .progressStep p {
    color: #d8dbda;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 10px;
    width: 50px;
    text-align: center;
}
.progressCont .spacer {
    width: 27px;
    height: 1px;
    background: #d8dbda;
    margin: 0 10px;
}
.actionarea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 85%;
    margin: 30px auto;
}
.align {
    align-items: baseline;
}
.actionarea .leftPanel {
    float: left;
    width: 52%
}
.actionarea .borderedBox {
    padding: 24px;
    background: #fff;
    border: 1px solid #e3e0d1;
    box-sizing: border-box;
    border-radius: 16px;
}
.leftPanel .topPart {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.actionarea .leftPanel h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #313a3f;
}
.actionarea .leftPanel h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #313a3f;
}
.actionarea .rightPanel {
    float: right;
    width: 39%;
    padding: 24px;
    background: #fff;
    border: 1px solid #e3e0d1;
    box-sizing: border-box;
    border-radius: 16px;
}
.actionarea .rightPanel h1 {
        font-weight: 700;
        font-family: 'Roboto Condensed';
        font-size: 24px;
        line-height: 32px;
        color: #313a3f;
        margin-bottom: 20px;
        text-align: left;
    }
.actionarea .rightPanel .productDetails {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e3e0d1;
        display: flex;
    }
.actionarea .rightPanel .productDetails .leftPart {
            width: 80%
        }
.actionarea .rightPanel .productDetails .leftPart ul li {
                padding-bottom: 10px;
            }
.actionarea .rightPanel .productDetails .rightPart {
            width: 20%
        }
.actionarea .rightPanel .productDetails .rightPart ul li {
                display: flex;
                justify-content: right;
                font-size: 20px;
                font-weight: bold;
                line-height: 22px;
                color: #0074b6;
                padding-bottom: 12px;
            }
.actionarea .rightPanel ul.include {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
.actionarea .rightPanel ul.include li {
            list-style: url(../images/yes.svg) outside;
            margin-left: 20px;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .2px;
            color: #2d3436;
            margin-bottom: 10px;
        }
.actionarea .rightPanel ul.not_include {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 30px;
    }
.actionarea .rightPanel ul.not_include li {
            list-style: url(../images/no.png) outside;
            width: 100%;
            font-size: 14px;
            padding-bottom: 10px;
            margin-left: 25px;
        }
.total_per-mo {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
    display: flex;
}
.total_per-mo .totalL {
        width: 50%;
        display: flex;
    }
.total_per-mo .totalL h2 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 18px;
            line-height: 24px;
            color: #313a3f;
        }
.total_per-mo .totalR {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
.total_per-mo .totalR .oldp {
            color: #767677;
            font-size: 12px;
            text-decoration: line-through;
        }
.total_per-mo .totalR .discount {
            color: #dd2127;
            font-size: 12px;
        }
.total_per-mo .totalR .saleP {
            color: #0074b6;
            font-size: 30px;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.total_per-mo .totalR .saleP small {
                color: #767677;
                font-size: 10px;
                display: block;
                text-align: right;
                margin-top: -7px;
            }
.startDate {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
    display: flex;
    justify-content: space-between;

}
.startDate .startL {
        width: 50%;
        display: flex;
    }
.startDate .startL h2 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 18px;
            line-height: 24px;
            color: #313a3f;
        }
.startDate .startR {
        font-size: 14px;
        color: #313a3f;
        text-align: right;
    }
.excessInner {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
    display: flex;
}
.excessInner .excessL {
        width: 50%;
        display: flex;
    }
.excessInner .excessR {
        width: 50%;
        text-align: right;
    }
.actionarea .rightPanel h3 {
    font-weight: 700;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    line-height: 20px;
    color: #313a3f;
}
.offer {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
}
.offer .offerhead {
        width: 100%;
        background: url('../images/offer247icon.png') no-repeat left top;
        padding-left: 25px;
    }
.offer .offerBody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
.offer .offerBody .offerRed {
            color: #767677;
            font-size: 14px;
            display: block;
            margin: 16px 0;
        }
.offer .offerBody .offerRed span {
                color: #dd2127;
                font-weight: 700;
                font-family: 'Roboto Condensed';
                font-size: 18px;
            }
.offer .offerBody .offerUpgrade {
            background: #d3f2fa;
            padding: 16px;
            border-radius: 8px;
            display: flex;
            color: #313a3f;
            font-size: 14px;
            justify-content: space-between;
            align-items: center;
        }
.offer .offerBody .offerUpgrade p {
                color: #313a3f;
                font-size: 14px;
                width: 80%
            }
.offer .offerBody .offerUpgrade p span {
                    font-weight: 700;
                }
.promo {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
}
.promo .promohead {
        width: 100%;
        background: url('../images/promo247icon.png') no-repeat left center;
        padding-left: 25px;
    }
.promo .promoBody {
        width: 100%;
        display: flex;
        border-radius: 16px;
        width: 100%;
        border: 1px #e3e0d1 solid;
        font-size: 14px;
        color: #767677;
        background: #fff;
        justify-content: space-between;
        padding: 2px;
    }
.promo .promoBody input[type=text] {
            color: #767677;
            background: #fff;
            border: 0;
            border-radius: 16px;
            padding: 10px 3%
        }
.promo .promoBody input[type=text]:focus {
                border: 0;
                outline: 0;
            }
.promo .promoBody .applyBtn {
            border-radius: 12px;
            color: #dd2127 !important;
            background-color: #ffd6d8;
            border: 1px #dd2127 solid;
            padding: 8px 16px;
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            cursor: pointer;
            text-align: center;
        }
.forme {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e0d1;
}
.forme .formehead {
        width: 100%;
        background: url('../images/checkmark247icon.png') no-repeat left top;
        padding-left: 25px;
    }
.forme .formeBody {
        width: 100%;
        display: flex;
        align-items: center;
    }
.forme .formeBody p {
            font-size: 12px;
            color: #767677;
            margin: 16px 0;
        }
.forme .formeBody .viewBtn {
            border-radius: 16px;
            color: #dd2127 !important;
            background-color: #ffd6d8;
            border: 1px #dd2127 solid;
            padding: 8px 16px;
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            cursor: pointer;
            text-align: center;
        }
.impDocu {
    margin-bottom: 10px;
}
.impDocu .impDocuhead {
        width: 100%;
        background: url('../images/document247icon.png') no-repeat left top;
        padding-left: 25px;
    }
.impDocu .impDocuBody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
.impDocu .impDocuBody p {
            font-size: 12px;
            color: #767677;
            margin: 16px 0;
        }
.impDocu .impDocuBody a {
            font-size: 13px;
            color: #0074b6;
            text-decoration: underline;
            margin-bottom: 5px;
            display: flex;
        }
.impDocu .impDocuBody a img {
                padding-left: 8px;
            }
.step1 {
    margin-top: 10px;
}
.step1 ul li {
        margin-bottom: 15px;
    }
.step1 ul li select {
            appearance: none;
            background: #fff url('../images/d-arrow.png') no-repeat 95% center !important;
        }
.step1 ul li.half {
            width: 49%;
            margin-right: 2%;
            display: inline-block;
            float: left;
        }
.step1 ul li.break {
            border-top: 1px #e3e0d1 solid;
            padding: 25px 0 0;
            margin: 10px 0 0;
            float: left;
            width: 100%
        }
.step1 ul li a {
            font-weight: 500;
            font-size: 12px;
            line-height: 24px;
            letter-spacing: .2px;
            color: #4b89e2;
            text-decoration: none;
        }
.step1 ul li p {
            color: #767677;
            font-size: 14px;
        }
.label {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #313a3f;
    padding: 0;
}
.datefield {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff url(../images/date.png) no-repeat 97%
}
.datefield:focus {
        border: 1px #4b89e2 solid;
    }
.datefield:visited {
        color: #323234;
    }
.textfield {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
.textfield:focus {
        border: 1px #4b89e2 solid;
    }
.textfield:visited {
        color: #323234;
    }
#opc_input {
    border-radius: 16px;
    border: 1px #e3e0d1 solid;
    background: #fff;
    width: 70%;
    padding: 15px 3%;
    font-size: 14px;
    color: #767677 !important;
    margin-right: 2%
}
#opc_input:focus {
        border: 1px #4b89e2 solid;
    }
#opc_input:visited {
        color: #767677;
    }
#opc_dropdown {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    margin-top: 25px;
}
#opc_dropdown:focus {
        border: 1px #4b89e2 solid;
    }
#opc_dropdown:visited {
        color: #767677;
    }
#addressLineOne {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
#postCode {
    border-radius: 16px;
    width: 100%;
    padding: 15px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
#addressLineOneLP {
    border-radius: 16px;
    width: 100%;
    padding: 10px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
#postCodeLP {
    border-radius: 16px;
    width: 100%;
    padding: 10px 3%;
    border: 1px #e3e0d1 solid;
    font-size: 14px;
    color: #767677;
    background: #fff;
}
.paymentBtn {
    background: #dd2127;
    border-radius: 16px;
    padding: 16px 24px;
    color: #fff !important;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    cursor: pointer;
    width: 190px;
    float: left;
}
.btnWidth {
    width: auto;
    float: right;
}
#opc_button {
    border-radius: 16px;
    color: #dd2127 !important;
    background-color: #ffd6d8;
    border: 1px #dd2127 solid;
    padding: 15px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    text-align: center;
    width: 28%
}
.check_container {
    display: flex;
    position: relative;
    padding: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    border-radius: 16px;
    width: 80px;
    margin-left: 8px;
    height: 40px;
    color: #767677;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
}
.devider {
    width: 100%;
    height: 1px;
    background: #e3e0d1;
}
.middle {
    width: 80%;
    margin: 0 auto;
}
.terms {
    font-weight: 400;
    font-size: 12px;
    color: #666;
    border-bottom: 0;
    padding-bottom: 10px;
    width: 100%
}
.terms a {
        font-weight: 400;
        font-size: 12px !important;
        color: #0074b6 !important;
    }
.marketting {
    background: #f5f8f5;
    border-radius: 16px;
    padding: 16px;
}
.marketting .markettinghead {
        width: 100%;
        background: url('../images/contact247icon.png') no-repeat left top;
        padding-left: 25px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e3e0d1;
    }
.marketting .markettinghead h3 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            line-height: 20px;
            color: #313a3f;
        }
.marketting .markettingBody {
        width: 100%;
        display: flex;
    }
.marketting .markettingBody p {
            font-size: 12px;
            color: #767677;
            margin: 5px 0 10px;
        }
.marketting a {
        font-size: 12px !important;
        line-height: 21px !important;
        color: #767677 !important;
        float: none !important;
        text-decoration: underline !important;
    }
.marketting .option {
        display: flex;
    }
.securityPay {
    display: block;
    color: #767677;
    font-size: 10px;
    background: url(../images/Lock.png) no-repeat left 4px;
    padding-left: 30px;
    line-height: 21px;
}
.RectangleDD {
    width: 100%
}
.accordionDD {
    padding: 15px 25px 15px 55px;
    background: url('../images/direct.png') no-repeat 15px 10px;
    background-color: #f5f8f5;
    border-radius: 16px;
    cursor: pointer;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
    margin-bottom: 15px;
    font-size: 16px;
    color: #313a3f;
    font-family: 'Roboto Condensed';
    font-weight: 700;
}
.accordionDD:after {
        content: url(../images/downArrow.png);
        font-size: 22px;
        float: right;
        margin-left: 5px;
    }
.activeDD:after {
    content: url(../images/upArrow.png);
}
.panelDD {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    color: #767677;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0);
    box-shadow: 0 1px 1px rgb(0 0 0 / 0);
}
.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 1px solid #e3e0d1;
    border-radius: 50%
}
.check_container:hover input ~ .checkmark {
    background-color: #fff;
}
.check_container input:checked ~ .checkmark {
    background-color: #dd2127;
    border: 1px solid #dd2127;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.check_container input:checked ~ .checkmark:after {
    display: block;
}
.check_container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#lblLandlordText {
    margin-top: 90px;
}
.tooltipIco {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}
.tooltipIco img {
        width: 12px;
        height: 12px;
    }
.tooltipIco .tooltiptext {
        display: none;
        width: 120px;
        height: auto;
        font-size: 11px;
        font-weight: 300;
        line-height: 140%;
        white-space: normal;
        text-transform: none;
        background-color: #323234;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
    }
.tooltipIco .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }
.tooltipIco:hover .tooltiptext {
        display: block;
    }
.address_accordion a {
    cursor: pointer;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
    margin-bottom: 15px;
    color: #0074b6 !important;
    font-size: 14px;
    float: left;
}
.address_accordion a:after {
        content: url(../images/open.png);
        font-size: 22px;
        float: left;
        margin-right: 10px;
    }
.address_active a:after {
    content: url(../images/close.png);
}
.address_Panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%
}
.errorMake {
    margin-bottom: 10px !important;
    height: 5px;
}
.confirmation {
    font-size: 36px;
    line-height: 140%;
    color: #313a3f;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    margin: 40px auto;
    display: flex;
    justify-content: center;
}
.rewards {
    background: #d3f2fa;
    width: 100%;
    padding: 100px 0;
    margin-bottom: 100px;
}
.rewards h1 {
        font-size: 36px;
        line-height: 140%;
        color: #313a3f;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        text-align: center;
    }
.rewards p {
        font-size: 16px;
        line-height: 140%;
        color: #767677;
        text-align: center;
    }
.rewardsSlider {
    display: flex;
    flex-direction: row;
    min-height: 400px;
    width: 76%;
    margin: auto;
}
.rewards small {
    text-align: center;
    font-size: 10px;
    color: #767677;
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirmMain {
    padding: 0 0 20px;
}
.confirmMain h1 {
        font-size: 36px;
        line-height: 140%;
        color: #313a3f;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        text-align: center;
    }
.whatNext {
    background: #f5f8f5;
    border-radius: 16px;
    padding: 16px;
}
.whatNext .whathead {
        width: 100%;
        background: url('../images/mail247icon.png') no-repeat left top;
        padding-left: 25px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e3e0d1;
    }
.whatNext .whathead h3 {
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            line-height: 20px;
            color: #313a3f;
        }
.whatNext .whatBody {
        width: 100%;
        display: flex;
    }
.whatNext .whatBody p {
            font-size: 12px;
            color: #767677;
            margin: 5px 0 10px;
        }
.whatNext a {
        font-size: 12px !important;
        line-height: 21px !important;
        color: #0074b6 !important;
        float: none !important;
        text-decoration: underline !important;
    }
.refer-a-friendCont {
    display: flex;
    background: #fbe4e5;
    border-radius: 16px;
    width: 100%;
    min-height: 400px;
    padding: 32px;
}
.refer-a-friendCont .referPic {
        width: 50%
    }
.refer-a-friendCont .referTextPanel {
        width: 43%;
        margin-left: 7%
    }
.refer-a-friendCont .referTextPanel h1 {
            font-size: 36px;
            line-height: 120%;
            color: #701b45;
            font-family: 'Roboto Condensed';
            font-weight: 700;
        }
.refer-a-friendCont .referTextPanel p {
            font-size: 18px;
            line-height: 140%;
            color: #701b45;
        }
.refer-a-friendCont .referTextPanel .shareIco h4 {
            font-size: 14px;
            line-height: 140%;
            color: #313a3f;
            font-family: 'Roboto Condensed';
            font-weight: 700;
            margin-top: 24px;
        }
.refer-a-friendCont .referTextPanel .shareIco ul li {
            display: inline-block;
            padding-left: 10px;
        }
.refer-a-friendCont .referTextPanel .shareIco .sharefield {
            width: 100%;
            display: flex;
            border-radius: 16px;
            width: 100%;
            border: 1px #e3e0d1 solid;
            font-size: 14px;
            color: #767677;
            background: #fff;
            justify-content: space-between;
            padding: 2px;
        }
.refer-a-friendCont .referTextPanel .shareIco .sharefield input[type=text] {
                color: #767677;
                background: #fff;
                border: 0;
                border-radius: 16px;
                padding: 12px 3%;
                width: 80%
            }
.refer-a-friendCont .referTextPanel .shareIco .sharefield input[type=text]:focus {
                    border: 0;
                    outline: 0;
                }
.refer-a-friendCont .referTextPanel .shareIco .sharefield .copyBtn {
                border-radius: 12px;
                color: #dd2127 !important;
                background-color: #ffd6d8;
                border: 1px #dd2127 solid;
                padding: 8px 16px;
                font-weight: 400;
                font-size: 12px;
                line-height: 18px;
                cursor: pointer;
                text-align: center;
            }
.modal-dialog {
    max-width: 700px !important;
    width: 700px !important;
}
.modal-header {
    justify-content: flex-start !important;
    padding: 25px !important;
    border-bottom: 0 !important;
}
#wbox {
    margin-left: -15px;
}
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(:checked) + label {
        position: relative;
        padding: 10px 12px 10px 38px;
        cursor: pointer;
        line-height: 16px;
        display: inline-block;
        background: #fff;
        border: 1px solid #d8dbda;
        border-radius: 16px;
        font-weight: 400;
        font-size: 12px;
        margin-right: 7px;
        letter-spacing: .012em;
        color: #d8dbda;
        width: 100px;
    }
[type="radio"]:checked + label {
        position: relative;
        padding: 10px 12px 10px 38px;
        cursor: pointer;
        line-height: 16px;
        display: inline-block;
        background: #fff;
        border: 1px solid #d8dbda;
        border-radius: 16px;
        font-weight: 400;
        font-size: 12px;
        margin-right: 7px;
        letter-spacing: .012em;
        color: #767677;
        width: 100px;
    }
[type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: -8px;
        top: -4px;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background: #fff;
        margin: 10px 0 0 15px;
        border: 1px solid #d8dbda;
    }
[type="radio"]:checked + label:before {
        content: "";
        position: absolute;
        left: -8px;
        top: -4px;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background: #dd2127;
        margin: 10px 0 0 15px;
    }
[type="radio"]:not(:checked) + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
[type="radio"]:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
[type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
@media only screen and (max-width:1024px) {
    .progressCont {
        width: 26%
    }

    .actionarea {
        width: 95%
    }

    .middle {
        width: 105%;
        margin: 0 auto;
    }

    .rewards {
        margin-bottom: 50px;
    }

    .terms {
        font-size: 12px;
    }
}
@media only screen and (max-width:912px) {
    .progressCont {
        width: 30%
    }

    .actionarea .leftPanel {
        width: 50%
    }

    .actionarea .rightPanel {
        width: 43%
    }

    .middle {
        width: 96%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:820px) {
    .progressCont {
        width: 34%
    }

    .excessInner .excessL {
        width: 40%
    }

    .excessInner .excessR {
        width: 60%
    }

    .middle {
        width: 106%;
        margin: 0 auto;
    }

    .impDocu .impDocuBody a {
        align-items: center;
        justify-content: space-between;
    }

    #opc_button {
        width: 34%
    }

    #opc_input {
        width: 64%
    }

    .refer-a-friendCont .referTextPanel {
        width: 47%;
        margin-left: 3%
    }

        .refer-a-friendCont .referTextPanel h1 {
            font-size: 30px;
            margin-bottom: 10px;
        }

        .refer-a-friendCont .referTextPanel p {
            font-size: 16px;
        }

        .refer-a-friendCont .referTextPanel .shareIco h4 {
            margin-top: 10px;
        }

    .refer-a-friendCont {
        min-height: 0;
    }

        .refer-a-friendCont .referPic img {
            object-fit: cover;
            width: 342px;
            height: 307px;
            border-radius: 8px;
        }

    .modal-dialog {
        width: auto !important;
    }

    .modal-content .download {
        flex-direction: column;
    }

        .modal-content .download a {
            padding: 10px 0;
        }
}
@media only screen and (max-width:768px) {
    .progressCont {
        width: 36%
    }

    .actionarea {
        display: flex;
        flex-direction: column;
        width: 65%
    }

        .actionarea .leftPanel {
            width: 100%
        }

        .actionarea .rightPanel {
            width: 100%;
            margin-bottom: 15px;
        }

    .excessInner .excessL {
        width: 50%
    }

    .excessInner .excessR {
        width: 50%
    }

    .impDocu .impDocuBody a {
        justify-content: flex-start;
    }

    .middle {
        width: 105%;
        margin: 0 auto;
    }

    .confirmation {
        font-size: 30px;
    }

    .rewards {
        padding: 45px 0;
    }

        .rewards h1 {
            font-size: 30px;
        }

    .confirmMain h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width:600px) {
    .progressCont {
        width: 47%
    }

    .middle {
        width: 106%;
        margin: 0 auto;
    }

    .refer-a-friendCont {
        flex-direction: column;
    }

        .refer-a-friendCont .referPic {
            width: 100%
        }

            .refer-a-friendCont .referPic img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                border-radius: 8px;
                margin-bottom: 40px;
            }

        .refer-a-friendCont .referTextPanel {
            width: 100%;
            margin-left: 0;
        }
}
@media only screen and (max-width:540px) {
    .actionarea {
        width: 80%
    }

    .progressCont {
        width: 54%;
        margin-top: 90px;
    }

    .middle {
        width: 101%;
        margin: 0 auto;
    }

    .modal-content .download {
        flex-direction: column;
    }

        .modal-content .download a {
            padding: 10px 0;
        }

    .modal-dialog {
        width: auto !important;
    }

    .btnWidth {
        width: 100%
    }
}
@media screen and (max-width:440px) {
    .progressCont {
        width: 65%
    }

    .actionarea {
        width: 95%
    }

    .middle {
        width: 104%;
        margin: 0 auto;
    }

    .check_container {
        display: block;
        padding: 8px 8px 8px 40px;
    }

    .terms {
        margin-bottom: 32px;
    }

    .confirmation {
        font-size: 24px;
        align-items: center;
    }

    .confirmMain h1 {
        font-size: 24px;
    }

    #wbox {
        margin-left: 0;
        margin-top: -25px;
    }
}
@media screen and (max-width:393px) {

    .progressCont {
        width: 72%
    }

    .check_container {
        display: block;
        padding: 11px 8px 8px 32px;
    }

    .checkmark {
        top: 11px;
        left: 8px;
        height: 18px;
        width: 18px;
    }

    .check_container .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 9px;
    }
}
@media screen and (max-width:377px) {
    .progressCont {
        width: 75%
    }
}
@media screen and (max-width:360px) {
    .progressCont {
        width: 80%
    }

    .marketting .option {
        display: flex;
        flex-wrap: wrap;
    }

    .impDocu .impDocuBody a {
        justify-content: space-between;
    }
}
@media screen and (max-width:340px) {
    .progressCont {
        width: 85%
    }

    .actionarea {
        width: 100%
    }

    .refer-a-friendCont {
        padding: 20px;
    }

    .accordionDD {
        font-size: 14px;
    }
}
@media screen and (max-width:320px) {
    .progressCont {
        width: 90%
    }

    .total_per-mo .totalL h2 {
        font-size: 16px;
    }

    .excessInner .excessR {
        width: 60%
    }

    .excessInner .excessL {
        width: 40%
    }

    #opc_input {
        width: 100%;
        margin-right: 0;
    }

    #opc_button {
        width: 100%;
        margin-top: 25px;
    }
}
@media screen and (max-width:280px) {
    .btnWidth {
        font-size: 13px;
    }

    .progressCont {
        width: 100%
    }
}
:root{--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
hr:not([size]){height:1px}
.h1,.h2,.h3,.h4,.h6,h1,h2,h3,h4,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sup{top:-.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,pre{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
iframe{border:0}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.col{flex:1 0 0%}
.table{--bs-table-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.dropdown{position:relative}
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-tabs{border-bottom:1px solid #dee2e6}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card>hr{margin-right:0;margin-left:0}
.card-text:last-child{margin-bottom:0}
.pagination{display:flex;padding-left:0;list-style:none}
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.badge:empty{display:none}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;flex:1 1 auto;padding:1rem}
.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}
@media (min-width:576px){.modal-dialog{max-width:600px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}
@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}
@media (min-width:1200px){.modal-xl{max-width:1140px}}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-body{overflow-y:auto}
.modal-fullscreen .modal-footer{border-radius:0}
@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}
@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}
@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}
@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}
@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption{color:#000}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}
@media (prefers-reduced-motion:reduce){.spinner-border{-webkit-animation-duration:1.5s;animation-duration:1.5s}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.d-none{display:none!important}
.border{border:1px solid #dee2e6!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mb-5{margin-bottom:3rem!important}
.pb-5{padding-bottom:3rem!important}
.text-center{text-align:center!important}
.text-danger{color:#dc3545!important}
.text-light{color:#f8f9fa!important}
.text-muted{color:#6c757d!important}
.visible{visibility:visible!important}
.fade.in {
    opacity: 1;
}
.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}
.close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.modal-open {
    overflow: hidden
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
    }
.modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 16px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
.modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
.modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }
.modal-header {
    padding: 25px;
    border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
        margin-top: -2px
    }
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 700;
}
.modal-body {
    position: relative;
    padding: 15px 25px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }
.modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }
.modal-footer .btn-block + .btn-block {
        margin-left: 0
    }
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm {
        width: 300px
    }
}
@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}
.fa,
.far {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-check:before{content:"\f00c"}
.fa-times:before{content:"\f00d"}
fieldset {
    display: none;
}
fieldset.show {
    display: block;
}
.tpReviews {
    margin: 10px 0 30px 0;
}
.tabs {
    margin: 2px 20px 0 5px !important;
    padding-bottom: 0 !important;
    cursor: pointer;
}
.tabs h6 {
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
    }
.tabs:hover, .tabs.active {
        border-bottom: 2px solid #dd2127 !important;
    }
.tabs.active:after {
            content: ''
        }
* {
    margin: 0;
    padding: 0;
}
*, *:after, *:before {
        box-sizing: border-box;
    }
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    background: #fdfffc;
    font-family: 'Nunito Sans';
    font-size: 16px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
}
a, a:hover, a:focus {
        text-decoration: none;
    }
img {
    display: block;
    max-width: 100%
}
.header {
    padding: 0;
    margin: 0 0 10px;
    height: 75px;
}
.header .headRow {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 20px;
    }
.header .logo {
        display: block;
        background: url(../images/logo.png) no-repeat;
        width: 108px;
        height: 35px;
    }
.ctaHolder {
    display: flex;
}
.call {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.header .call-mob {
    display: none;
}
.bluBtn {
    background: #dd2127;
    border-radius: 16px;
    padding: 12px 24px;
    margin-left: 5px;
    color: #fff !important;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    cursor: pointer;
    display:flex;
}
.bluBtn:hover {
        background: #dd2127;
        color: #fff;
    }
.pinkTopBox {
    display: flex;
    align-items: center;
    height: 60px;
    gap: 10px;
    opacity: 1;
    padding-top: 10px;
    padding-right: 19px;
    padding-bottom: 10px;
    padding-left: 19px;
    border-radius: 16px;
    background: #FBE4E5;
}
    .pinkTopBox .textLine {
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        color:#323234;
    }
        .pinkTopBox .textLine span {
            font-weight: 400;
            font-size: 16px;
        }
    .pinkTopBox .helplineBtn {
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;
        border-radius: 12px;
        border: 1px solid #DD2127;
        color: #DD2127;
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
    }
    .pinkTopBoxM{display:none;}
    .trustpilot a {
        font-size: 18px;
        color: #767677 !important;
        text-decoration: none;
    }
.trustpilot a img {
        display: inline-block;
    }
.trustpilotM {
    display: block;
    width: 100%
}

.tpmargin {
    margin: 75px 0 30px;
}

.trustpilotM a {
    font-size: 18px;
    color: #767677 !important;
    text-decoration: none;
}

    .trustpilotM a img {
        display: inline-block;
    }
.hero_section2 {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 32px 16px;
    text-align: center;
    border-radius: 16px
}
.hero_section2 h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        color: #323234;
        letter-spacing: -2px;
        text-align: center
    }
.hero_section2 p {
        font-family: 'Nunito Sans';
        font-size: 20px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -1px;
        text-align: center;
        color: #313a3f
    }
.comparison_area {
                padding: 25px 0 0;
                width: 100%
            }
.bfHead {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    margin: 0;
    padding: 0;
}
.bfHead .bfCol {
        width: 33.33%;
        display: flex;
        align-items: center;
    }
.bfHead h4 {
        font-family: 'Roboto Condensed';
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
        color: #323234;
        margin: 0 8px 0;
        padding: 0;
    }
.nav_excess {
    display: flex;
    width: 322px;
    position: relative;
    background: #fff;
    padding: 2px;
    border: 1px #e3e0d1 solid;
    border-radius: 16px;
    font-size: 16px;
    color: #767677;
}
.nav_excess a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        width: 80px;
        border-radius: 16px;
        font-size: 16px;
        font-weight: 400;
        z-index: 1;
        cursor: pointer;
    }
.nav_excess a:hover {
            color: #dd2127 !important;
        }
.nav_excess .animation {
        border-radius: 16px;
        color: #dd2127 !important;
        background-color: #ffd6d8;
        width: 80px;
        border: 1px #dd2127 solid;
    }
.custom-checkbox {
    width: 322px;
    height: 44px;
    font-family: 'Nunito Sans';
    font-size: 16px;
    font-weight: 400;
}
.custom-checkbox input#status {
        display: none;
    }
.custom-checkbox input#status + label {
            height: 100%;
            width: 100%
        }
.custom-checkbox input#status + label > .status-switch {
                cursor: pointer;
                width: 100%;
                height: 100%;
                position: relative;
                background-color: #fff;
                border: 1px #e3e0d1 solid;
                border-radius: 16px;
                color: #767677;
                transition: all .5s ease;
                padding: 0;
            }
.custom-checkbox input#status + label > .status-switch:before, .custom-checkbox input#status + label > .status-switch:after {
                    border-radius: 2px;
                    height: calc(100% - 1px);
                    width: calc(50% - 1px);
                    display: flex;
                    align-items: center;
                    position: absolute;
                    justify-content: center;
                    transition: all .3s ease;
                }
.custom-checkbox input#status + label > .status-switch:before {
                    background-color: #ffd6d8;
                    color: #dd2127;
                    border-radius: 16px;
                    border: 1px #dd2127 solid;
                    left: 0;
                    z-index: 10;
                    content: attr(data-unchecked);
                }
.custom-checkbox input#status + label > .status-switch:after {
                    right: 0;
                    content: attr(data-checked);
                }
.custom-checkbox input#status:checked + label > .status-switch {
            background-color: #fff;
        }
.custom-checkbox input#status:checked + label > .status-switch:after {
                left: 0;
                content: attr(data-unchecked);
            }
.custom-checkbox input#status:checked + label > .status-switch:before {
                color: #dd2127;
                left: 50%;
                content: attr(data-checked);
            }
.rowCover {
    display: flex;
    flex-direction: row;
    border-radius: 16px;
    align-items: flex-start;
    margin: 65px 0 35px;
    padding: 0 30px 40px;
    background: #fff;
    border: 1px #e3e0d1 solid;
}
.rowCover .colCover {
        width: 19%;
        margin: 0 5px 0;
        padding: 20px 1% 0;
        background: #fff;
        border-radius: 16px;
        position: relative;
    }
.rowCover .colCover .quoteContact {
            border-radius: 16px;
            background: #fbe4e5;
            padding: 24px;
            margin-top: 40px;
            text-align: center;
            margin-bottom: 40px;
        }
.rowCover .colCover .quoteContact h2 {
                color: #701b45;
                font-family: 'Roboto Condensed';
                font-weight: bold;
                font-size: 24px;
                text-align: left;
                margin-bottom: 20px;
            }
.rowCover .colCover .quoteContact .btnContact {
                color: #701b45;
                border: 1px #701b45 solid;
                border-radius: 16px;
                padding: 12px 16px;
                font-size: 16px;
                cursor: pointer;
                background: transparent;
            }
.rowCover .colCover .quoteContact small {
                font-size: 10px;
                position: relative;
                top: 10px;
            }
.rowCover_Mobile .quoteContact small {
    font-size: 10px;
    position: relative;
    top: 10px;
}
.rowCover .colCover ul.featureList {
    padding-top: 45px;
}
.rowCover .colCover ul.featureList li {
        margin-bottom: 28px;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #313a3f;
        letter-spacing: .2px;
    }
.rowCover .colCover.recommended {
    border: 2px #0074b6 solid;
    position: relative;
    top: -12px;
}
.rowCover .colCover .discount {
    width: 110px;
    background: #00b67a;
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 3px 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .012em;
}
.rowCover_Mobile .colCover .discount {
    width: 110px;
    background: #00b67a;
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 3px 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .012em;
}
.rowCover .colCover.recommended .discount {
    margin-top: 10px;
}
.rowCover .colCover.recommended .best {
    text-align: center;
    color: #d2f5ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 3px 0;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    background: #0074b6;
    border-bottom: 5px solid #dd2127;
    border-radius: 16px 16px 0 0;
}
.rowCover h4 {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #313a3f;
    text-align: center;
    margin: 15px auto 10px;
}
.rowCover .colCover.recommended h4 {
    margin: 15px auto 10px;
}
.rowCover h4 span {
    display: block;
}
.rowCover .recommended h4 {
    background-color: none;
}
.rowCover .coverFeatures {
    margin: 10px 0 20px;
}
.rowCover .coverFeatures ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #313a3f;
        letter-spacing: .2px;
        margin: 0;
        padding: 0;
    }
.rowCover .coverFeatures ul li + li {
            margin-top: 10px;
        }
.rowCover .coverFeatures ul li.Yes {
            color: #2d3436;
            position: relative;
            padding: 0 0 2px 0;
        }
.rowCover .coverFeatures ul li.Yes a {
                color: #0074b6;
                padding: 0 0 5px 0;
                text-decoration: underline;
                display: flex;
                justify-content: center;
            }
.rowCover .coverFeatures ul li.No {
            padding: 0 0 2px 0;
        }
.rowCover .coverFeatures ul li.Yes i {
            display: flex;
            justify-content: center;
            font-size: 25px;
            font-weight: bold;
            line-height: 40px;
            color: #0074b6;
        }
.rowCover .coverFeatures ul li.No i {
            display: flex;
            justify-content: center;
            font-size: 25px;
            font-weight: bold;
            line-height: 40px;
            color: #dd2127;
            height: 40px;
        }
.rowCover .viewPlan {
    background-color: #dd2127;
    border: 0;
    border-radius: 16px;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    padding: 5px 30px;
    cursor: pointer;
    width: 90%;
    text-align: center;
}
.rowCover .oldPrice {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-feature-settings: 'haln' on;
    color: #313a3f;
}
.rowCover .oldPrice span {
        text-decoration: line-through;
        text-decoration-color: #313a3f;
        text-decoration-style: solid;
    }
.rowCover .oldPrice span.permonth {
            font-weight: 700;
            font-size: 12px;
            line-height: 24px;
            text-decoration: line-through;
            text-decoration-color: #313a3f;
            text-decoration-style: solid;
        }
.rowCover .priceis {
    text-align: center;
    margin: 10px 0 10px;
    font-family: 'Roboto Condensed'
}
.rowCover .priceis .symbol {
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        color: #0074b6;
        margin: 0 2px 0 0;
        letter-spacing: -2px;
    }
.rowCover .priceis .mian-price {
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        color: #0074b6;
        letter-spacing: -2px;
    }
.rowCover .priceis .perbase {
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        color: #313a3f;
        display: block;
        text-align: center;
    }
.rowCover .coverFeatures p.Yes i {
    text-align: center;
}
.greenline {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #7e7e7e;
    margin: 10px 0;
    height: 40px;
}
.fbstext {
    color: #3898b0 !important;
    background: #f2f9fb;
    font-weight: 400 !important;
    padding: 4px 16px !important;
    border-radius: 8px;
    font-size: 14px !important;
    line-height: 105% !important;
    text-align: center;
}
.feature_accordion {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #313a3f;
    padding: 20px 0 0;
    cursor: pointer;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
    padding: 20px 0 0;
    margin: 0 0 20px;
}
.feature_accordion:after {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.feature_active:after {
    content: url(../images/upArrow.png);
}
.feature_panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .012em;
    color: #313a3f;
    width: 100%
}
.rowCover_Mobile {
    display: none;
}
.customerSection {
    margin: 70px 0;
    display: flex;
    flex-direction: column;
}
.customerSection .top {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }
.customerSection .top .pic {
            width: 600px;
            margin-right: 60px;
            display: inline-block;
        }
.customerSection .top .text {
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            color: #313a3f;
            display: inline-block;
            width: 560px;
        }
.tpRating {
    display: block;
}
.tpRating img {
        display: inline;
    }
.why247 {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 70px 0;
    margin: 20px 0;
}
.why247 h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313a3f;
    }
.partner h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313a3f;
    }
.why247 h4 {
        color: #767677;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }
.why247 .whiteBoxCont {
        display: flex;
        width: 88%;
        margin: 40px auto;
        flex-wrap: wrap;
    }
.why247 .whiteBoxCont .whiteBox {
            background: #fff;
            border-radius: 16px;
            width: 519px;
            height: 97px;
            margin: 0 8px 8px 0;
            padding: 16px;
            display: flex;
        }
.why247 .whiteBoxCont .whiteBox:nth-child(even) {
                margin-right: 0;
            }
.why247 .whiteBoxCont .whiteBox .icon {
                width: 65px;
                height: 65px;
            }
.why247 .whiteBoxCont .whiteBox .features {
                color: #767677;
                font-size: 14px;
                margin-left: 20px;
                width: 80%
            }
.why247 .whiteBoxCont .whiteBox .features h3 {
                    font-family: 'Roboto Condensed';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 16px;
                    color: #313a3f;
                }
.partner {
    width: 100%;
}
.carousel-control-next {
    right: -24px !important;
    justify-content: flex-end !important;
}
.carousel-control-prev {
    left: -24px !important;
    justify-content: flex-start !important;
}
.carousel-control-next-icon {
    background-image: url('../images/r-next.png');
}
.carousel-control-prev-icon {
    background-image: url('../images/r-prev.png');
}
.partner .partner_logo_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 20px;
}
.partner .partner_logo {
    display: inline-block;
    min-width: 120px;
}
.partner .partner_logo img {
        padding: 0 10%
    }
.partner .partner_logo_cont_Mobile {
    display: none;
}
.partner .partner_logo_cont_Tablet {
    display: none;
}
ul.security {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 12% 70px;
}
ul.security li {
        color: #767677;
        font-size: 9px;
        display: flex;
        align-items: center;
        width: 30%
    }
ul.security li .icon {
            margin-right: 15px;
            display: inline-block;
            width: 41px;
        }
ul.security li span {
            width: 75%
        }
.brand_personality_Mobile {
    display: none;
}
.brand_personality {
    margin: 100px 0;
}
.brand_personality .section {
        display: flex;
        margin-bottom: 56px;
        justify-content: space-between;
        align-items: center;
    }
.brand_personality .section:last-child {
            margin-bottom: 0;
        }
.brand_personality .section .image {
            width: 50%;
            display: flex;
            justify-content: center;
        }
.brand_personality .section .matter {
            width: 45%
        }
.brand_personality .section .matter h2 {
                color: #313a3f;
                font-family: 'Roboto Condensed';
                font-style: normal;
                font-weight: 700;
                font-size: 36px;
                margin-bottom: 20px;
            }
.brand_personality .section .matter p {
                font-size: 16px;
                color: #767677;
            }
.faq {
    width: 100%;
    height: auto;
    background: #d3f2fa;
    padding: 50px 0 50px;
}
.faq h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        color: #313a3f;
    }
.faq h4 {
        color: #767677;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }
.faqMobile {
    width: 100%;
    display: block;
}
.faq_accordion {
    background: #fff;
    border-radius: 16px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #313a3f;
    padding: 20px 30px;
    cursor: pointer;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
}
.faq_active, .faq_accordion:hover {
        background-color: #fff;
    }
.faq_accordion:before {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.faq_active:before {
    content: url(../images/upArrow.png);
}
.faq_holder {
    margin: 0 0 30px;
}
.faq_panel {
    padding: 0 30px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: .012em;
    color: #767677;
    width: 100%;
    margin-top: -15px;
    border-radius: 0 0 16px 16px;
}
.faq_panel p {
        padding: 10px 0 30px;
    }
.faq_panel a {
        font-weight: 600;
        color: #4b89e2;
    }
.faq_panel ul li {
        list-style-position: outside;
        list-style-type: disc;
        margin-left: 22px;
    }
.community_cont {
    margin: 70px 0;
}
.community_cont h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313a3f;
        margin-bottom: 40px;
    }
.community_cont .bg {
    background: #f7f8f7;
    z-index: -2;
}
.card-text_comm {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #767677;
    padding: 15px;
    justify-content: flex-start;
}
.card-text_comm h4 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #313a3f;
        margin: 10px 0;
    }
.card-text_comm p {
        font-size: 14px;
        color: #767677;
    }
.card-text_comm a {
        font-size: 14px;
        color: #0074b6 !important;
        text-decoration: underline;
        cursor: pointer !important;
    }
.faqBtnHolder {
    margin: 20px auto;
    width: 100%;
    text-align: center;
}
.whiteBtn_faq {
    padding: 10px 40px;
    color: #767677;
    background: transparent;
    border: 2px #767677 solid;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.compare {
    margin: 0 auto 32px;
    width: 75%
}
.compare h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313a3f;
    }
.compare .boxMobile {
        display: none;
    }
.compare .box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 16px;
        align-items: flex-start;
        margin: 24px auto;
        padding: 40px;
        background: #fff;
        border: 1px #e3e0d1 solid;
    }
.compare .box .colBox {
            width: 17%;
            margin: 0 5px 0;
            padding: 15px 1% 0;
            background: #fff;
            position: relative;
            text-align: center;
            border-right: 1px solid #e3e0d1;
        }
.compare .box .colBox .brandLogo {
            display: flex;
            justify-content: center;
        }
.compare .box .colBox:nth-child(1) {
            width: 23%;
            border: 0;
            text-align: left;
        }
.compare .box .colBox:nth-child(2) {
            border-radius: 16px;
            background: #d3f2fa;
            border: 0;
        }
.compare .box .colBox:last-child {
            border: 0;
        }
.compare .box .colBox h2 {
            color: #313a3f;
            font-family: 'Roboto Condensed';
            font-weight: bold;
            font-size: 28px;
            text-align: left;
            margin-bottom: 20px;
        }
.compare .box .colBox ul.comList li {
            margin-bottom: 28px;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: #313a3f;
            letter-spacing: .2px;
        }
.compare .box .colBox ul.comList li img {
                display: inline-block;
            }
.compare .box .colBox .comFeatures {
            margin-top: 20px;
        }
.compare .box .colBox .comFeatures ul li {
                font-weight: 400;
                font-family: 'Roboto Condensed';
                font-size: 18px;
                line-height: 150%;
                color: #313a3f;
                letter-spacing: .2px;
                margin: 0;
                padding: 0 0 5px 0;
                height: 41px;
            }
.compare .box .colBox .comFeatures ul li.bold {
                    font-weight: 700;
                }
.compare .box .colBox .comFeatures ul li.red {
                    color: #dd2127;
                    font-weight: 700;
                }
.compare .box .colBox .comFeatures ul li small {
                    font-size: 9px;
                    display: block;
                    line-height: 100%;
                    font-weight: 400;
                    color: #313a3f;
                }
.compare .box .colBox .comFeatures ul li + li {
                    margin-top: 10px;
                }
.compare .box .colBox .comFeatures ul li i {
                    display: flex;
                    justify-content: center;
                    font-size: 20px;
                    font-weight: bold;
                    line-height: 40px;
                    color: #0074b6;
                }
.switchTo {
    display: flex;
    margin: 35px 0;
    flex-direction: column;
    align-items: center;
}
.switchTo h2 {
        font-family: Roboto Condensed;
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        text-align: center;
        margin-bottom:20px;
    }
.blueBGsection {
    background: #D3F2FA;
    padding:70px 0;
}
.blueBGsection .bigBanner {
        background: url('../images/bigbanner.png');
        width: 100%;
        height: 503px;
        margin-bottom: 15px;
        border-radius: 16px;
        background-repeat:no-repeat;
        background-size:cover;
    }
.blueBGsection p {
        font-family: Nunito Sans;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        color: #767677;
    }
.blueBGsection .wBoxwrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 40px 0;
    }
.blueBGsection .wBoxwrap .wBox{
            background:#fff;
            padding:16px;
            border-radius:16px;
            width:250px;
            height:220px;
            margin-bottom:30px;
            display:flex;
            flex-direction:column;
        }
.blueBGsection .wBoxwrap .wBox .icoon{
                width:65px;
                height:65px;
                margin-bottom:20px;
            }
.blueBGsection .wBoxwrap .wBox h4 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 16px;
                line-height: 100%;
                color: #323234;
                margin-bottom: 10px;
            }
.blueBGsection .wBoxwrap .wBox p {
                font-family: Nunito Sans;
                font-weight: 400;
                color: #767677;
                font-size: 14px;
                line-height: 140%;
            }
.annualBoiler {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.annualBoiler .leftWing{
                    width:45%;
                    margin-right:30px;
                }
.annualBoiler .leftWing h2 {
                        font-family: Roboto Condensed;
                        font-weight: 700;
                        font-size: 36px;
                        line-height: 100%;
                        color:#323234;
                        margin-bottom:20px;
                    }
.annualBoiler .leftWing p {
                        font-family: Nunito Sans;
                        font-weight: 400;
                        font-size: 18px;
                        line-height: 140%;
                        color: #767677;
                    }
.annualBoiler .rightWing {
                            width: 50%;
                        }
.annualBoiler .rightWing .image {
                        background: url('../images/boilerinclude.png');
                        background-repeat:no-repeat;
                        width:100%;
                        background-size:cover;
                        height:407px;
                        border-radius:16px;
                    }
.ukmap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:60px 0;
}
.ukmap .leftWing {
        width: 50%;
    }
.ukmap .leftWing .image {
            background: url('../images/ukmap.png');
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
            height: 407px;
            border-radius: 16px;
        }
.ukmap .rightWing {
        width: 50%;
    }
.ukmap .rightWing h2 {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 36px;
            line-height: 100%;
            color: #323234;
            margin-bottom: 20px;
        }
.ukmap .rightWing p {
            font-family: Nunito Sans;
            font-weight: 400;
            font-size: 18px;
            line-height: 140%;
            color: #767677;
        }
.blueBGsection .switchTo h2 {
    font-size: 36px;
}
.compare p {
                        font-size: 12px;
                        color: #767677;
                    }
.grayBG {
    background: #F5F8F5;
    width:100%;
}
.wedo {
    margin: 70px auto 0;
    width: 75%
}
.wedo h1 {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        text-align: center;
        color: #313a3f;
    }
.wedo p {
        font-family: Nunito Sans;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        text-align: center;
        color: #767677;
    }
.wedo .boxWe {
            border-radius: 16px;
            margin: 24px auto;
            padding: 30px;
            background: #fff;
            border: 1px #e3e0d1 solid;
        }
.wedo .boxWe .pinkBox {
                width: 100%;
                height: 128px;
                border-radius: 16px;
                padding: 24px 48px;                ;
                margin-bottom: 24px;
                display: flex;
                background: #FFD6D8;
                justify-content: center;
                align-items: center;
            }
.wedo .boxWe .pinkBox h2 {
                    font-family: Roboto Condensed;
                    font-weight: 700;
                    font-size: 36px;
                    line-height: 100%;
                    text-align: center;
                    color: #701B45;
                }
.wedo .boxWe .coverTable{
                width:60%;
                margin:auto;
            }
.wedo .boxWe .coverTable .tableRow {
                    display: flex;
                    justify-content: space-between;
                    border-bottom: 1px #E3E0D1 solid;
                    height:46px;
                    margin-bottom:15px;
                }
.wedo .boxWe .coverTable .tableRow:nth-child(1){
                        border:0;
                    }
.wedo .boxWe .coverTable .tableRow .name {
                        font-size: 16px;
                        color: #323234;
                        width: 70%;
                    }
.wedo .boxWe .coverTable .tableRow .des {
                        width: 30%;
                        font-family: Roboto Condensed;
                        font-weight: 700;
                        font-size: 24px;
                        line-height: 100%;
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-evenly;
                    }
.wedo .boxWe .coverTable .tableRow .des .rateT {
                            width: 180px;
                            height: 23px;
                            border-radius: 8px;
                            padding: 8px 16px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: #6AD4F51A;
                            color: #3898B0;
                            font-size:14px;
                        }
.wedo .redBox {
        width: 100%;
        height: 102px;
        border-radius: 16px;
        background: #DD2127;
        display: flex;
        margin: 25px 0 80px;
        padding: 24px 48px;
        align-items: center;
        justify-content: space-evenly;
    }
.wedo .redBox .textHolder h3 {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 24px;
            line-height: 100%;
            text-align: center;
            color: #FDFFFC;
        }
.wedo .redBox .textHolder small {
            font-size: 14px;
            color: #FDFFFC;
        }
.wedo .redBox .textHolder small a{
            font-size: 14px;
            color: #FDFFFC;
            text-decoration:underline;
        }
.wedo .redBox .contactBtn {
            width: 127px;
            border-radius: 16px;
            background: #DD2127;
            border: 1px solid #FDFFFC;
            padding: 12px 20px;
            color: #FDFFFC;
            font-size: 16px;
        }
.appCont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 120px 0 60px;
}
.appCont .leftWing {
        width: 50%;
    }
.appCont .leftWing .image {
            background: url('../images/app.png');
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
            height: 407px;
            border-radius: 16px;
        }
.appCont .rightWing {
        width: 50%;
        margin-left:50px;
    }
.appCont .rightWing h2 {
            font-family: Roboto Condensed;
            font-weight: 700;
            font-size: 36px;
            line-height: 100%;
            color: #323234;
            margin-bottom: 20px;
        }
.appCont .rightWing .download{
            display:flex;
            margin-top:60px;
        }
.appCont .rightWing .download h3 {
                font-family: Roboto Condensed;
                font-weight: 700;
                font-size: 24px;
                line-height: 100%;
                color: #323234;
                margin-bottom: 20px;
            }
.appCont .rightWing .download a{
                margin-left:12px;
            }
.appCont .rightWing p {
                font-family: Nunito Sans;
                font-weight: 400;
                font-size: 18px;
                line-height: 140%;
                color: #767677;
            }
.whitestripCont {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 60px;
}
.whitestripCont .whiteStrip{
                    background:#fff;
                    width:32.3%;
                    height:97px;
                    border-radius:16px;
                    margin:0 12px 24px 0;
                    display:flex;
                    padding:16px;
                }
.whitestripCont .whiteStrip .icoon {
                        width: 65px;
                        height: 65px;
                        margin-bottom: 20px;
                    }
.whitestripCont .whiteStrip .description {
                        margin-left: 20px;
                        width: 80%;
                    }
.whitestripCont .whiteStrip .description h4 {
                            font-family: Roboto Condensed;
                            font-weight: 700;
                            font-size: 16px;
                            line-height: 100%;
                            color: #323234;
                            margin-bottom: 10px;
                        }
.whitestripCont .whiteStrip .description p {
                            font-family: Nunito Sans;
                            font-weight: 400;
                            color: #767677;
                            font-size: 14px;
                            line-height: 140%;
                        }
.com_holder {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    font-size: 12px;
    color: #767677;
    margin: auto;
    padding-bottom: 15px;
}
.footer {
    float: left;
    width: 100%;
    background: #f5f8f5;
    padding: 0;
}
.footer .wf-container-footer {
        padding: 50px 0 60px;
        display: flex;
        flex-direction: column;
        width: 100%
    }
.footer .wf-container-footer .logo {
            margin-bottom: 10px;
            width: 180px;
        }
.footer_accordion {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #313a3f;
    padding: 20px 0 0;
    cursor: pointer;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
    padding: 20px 0 0;
    margin: 0 0 20px;
}
.footer_accordion:after {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
    }
.footer_active:after {
    content: url(../images/upArrow.png);
}
.footer_holder {
    border-bottom: 1px solid #e0e0e0;
}
.footer_panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: .012em;
    color: #767677;
    width: 100%
}
.footer .wf-container-footer ul li {
    margin: 0 0 5px;
}
.footer .wf-container-footer ul li:last-child {
        border: 0;
    }
.footer .wf-container-footer ul li a {
        color: #878f9d;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
    }
.footer .wf-container-footer ul li a:hover {
            color: #7a818c;
        }
.footer .wf-container-footer .social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
}
.footer .wf-container-footer .social img {
        padding-right: 10px;
    }
.footer .footer-bottom {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    color: #767677;
}
.footerPanel {
    display: flex;
    justify-content: space-between;
}
#more {
    display: none;
}
.error_msg {
    display: block;
    font-size: 25px;
    color: #323234;
    font-weight: bold;
    padding: 25px 0 45px;
    text-align: center;
}
.tooltipF {
    position: relative;
    display: inline-block;
    top: 2px;
    left: 7px;
}
.tooltipF .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #fff;
        border: 1px solid #dd2127;
        color: #323234;
        line-height: 120%;
        font-size: 10px;
        text-align: left;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        top: 25px;
        left: 50%;
        margin-left: -100px;
    }
.tooltipF .tooltiptext h6 {
            font-size: 10px;
            font-weight: 700;
        }
.tooltipF .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #dd2127 transparent;
        }
.tooltipF:hover .tooltiptext {
        visibility: visible;
    }
.promo-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40%;
    width: 100%;
    padding: 16px 60px;
    background-color: #d81f26;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}
.promo-text {
    text-align: left;
    line-height: 1.25;
}
.promo-text h2 {
        margin: 0;
        font-size: 21px;
        font-weight: 800;
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }
.promo-text p {
        margin: 2px 0 0;
        font-size: 12px;
        font-weight: 500;
        opacity: 0.95;
        text-align: center;
    }
.promo-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
}
#promoCode {
    border: none;
    outline: none;
    background: #fff;
    color: #111;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: center;
    width: 90px;
    padding: 6px 8px;
    cursor: default;
    border-radius: 5px;
}
#copyBtn {
    border: none;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-radius: 5px;
}
#copyBtn:hover {
        background-color: #262626;
    }
#copyBtn.copied {
        background-color: #16a34a;
    }
.close-btn {
    position: absolute;
    top: 10px;
    right: 16px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}
.close-btn:hover {
        opacity: 1;
    }
.promo-banner.hidden {
    display: none;
}
@media only screen and (min-width:280px) {
                    .container {
        max-width: 96%
    }
}
@media only screen and (min-width:600px) {
    .container {
        max-width: 80%
    }
}
@media only screen and (min-width:1350px) {
    .container {
        max-width: 96%
    }
}
@media only screen and (min-width:1400px) {
    .container {
        max-width: 1240px;
    }
}
@media only screen and (max-width:1366px) {
    .blueBGsection .wBoxwrap .wBox {
        width: 260px;
    }
}
@media only screen and (max-width:1280px) {
    .why247 .whiteBoxCont .whiteBox {
        width: 517px;
    }
    .blueBGsection .wBoxwrap .wBox {
        width: 250px;
    }
}
@media only screen and (max-width:1024px) {

    .pinkTopBox{display:none}
    .pinkTopBoxM {
        display: flex;
        align-items: center;
        height: 60px;
        width: 100%;
        gap: 10px;
        opacity: 1;
        padding-top: 10px;
        padding-right: 19px;
        padding-bottom: 10px;
        padding-left: 19px;
        border-radius: 16px;
        background: #FBE4E5;
        margin-bottom: 12px;
        justify-content: center;
    }
    .pinkTopBoxM .textLine {
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        color: #323234;
    }

        .pinkTopBoxM .textLine span {
            font-weight: 400;
            font-size: 16px;
        }

    .pinkTopBoxM .helplineBtn {
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;
        border-radius: 12px;
        border: 1px solid #DD2127;
        color: #DD2127;
        font-family: Nunito Sans;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
    }
        .hero_section2 {
            height: auto;
        }

        .hero_section2 p {
            display: none;
            font-size: 18px;
        }

    .trustpilot {
        display: none;
    }

    /*.trustpilotM {
        display: block;
        width: 100%
    }

    .tpmargin {
        margin: 75px 0 30px;
    }

    .trustpilotM a {
        font-size: 18px;
        color: #767677 !important;
        text-decoration: none;
    }

        .trustpilotM a img {
            display: inline-block;
        }*/

    .rowCover {
        justify-content: space-between;
        padding: 0 10%
    }

    .partner .partner_logo img {
        width: 85%
    }

    .bfHead .bfCol {
        width: 50%
    }

    .rowCover_Mobile .leftArrow {
        background-image: url('../images/left arrow - on.png');
        width: 60px;
        height: 60px;
        position: absolute;
        left: 15%;
        margin-top: 170px;
        z-index: 1;
    }

    .rowCover_Mobile .rightArrow {
        background-image: url('../images/right arrow - on.png');
        width: 60px;
        height: 60px;
        position: absolute;
        right: 15%;
        margin-top: 170px;
        z-index: 1;
    }

    .rowCover_Mobile .leftArrowOff {
        background-image: url('../images/left arrow - off.png');
        width: 60px;
        height: 60px;
        position: absolute;
        left: 15%;
        margin-top: 170px;
        z-index: 1;
        pointer-events: none;
    }

    .rowCover_Mobile .rightArrowOff {
        background-image: url('../images/right arrow- off.png');
        width: 60px;
        height: 60px;
        position: absolute;
        right: 15%;
        margin-top: 170px;
        z-index: 1;
        pointer-events: none;
    }

    .why247 .whiteBoxCont {
        justify-content: center;
    }

    .partner .partner_logo {
        display: inline-block;
        min-width: 60px;
    }

    .why247 .whiteBoxCont .whiteBox {
        margin: 0 0 8px 0;
    }

    .rowCover {
        display: none;
    }

    .rowCover_Mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 16px;
        align-items: flex-start;
        margin: 45px auto 0;
        background: #fff;
        border: 1px #e3e0d1 solid;
        width: 85%;
        justify-content: center;
    }

        .rowCover_Mobile .quoteContact {
            border-radius: 16px;
            background: #fbe4e5;
            padding: 24px;
            text-align: center;
            width: 90%;
            margin: 20px auto;
        }

            .rowCover_Mobile .quoteContact h2 {
                color: #701b45;
                font-family: 'Roboto Condensed';
                font-weight: bold;
                font-size: 18px;
                text-align: center;
                margin-bottom: 20px;
            }

            .rowCover_Mobile .quoteContact .btnContact {
                color: #701b45;
                border: 1px #701b45 solid;
                border-radius: 16px;
                padding: 12px 24px;
                font-size: 16px;
                cursor: pointer;
                background: transparent;
            }

        .rowCover_Mobile .colCover {
            width: 100%;
            margin: 0;
            padding: 20px 0 0;
            background: #fff;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .rowCover_Mobile .colCover ul.featureList {
                display: inline-block;
                width: 75%
            }

                .rowCover_Mobile .colCover ul.featureList li {
                    margin-bottom: 20px;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 150%;
                    color: #313a3f;
                    letter-spacing: .2px;
                }

                    .rowCover_Mobile .colCover ul.featureList li.no {
                        opacity: .5;
                    }

            .rowCover_Mobile .colCover.recommended {
                border: 0;
                position: relative;
                top: 0;
            }

    .bestM {
        text-align: center;
        color: #d2f5ff;
        font-size: 12px;
        font-weight: 700;
        line-height: 150%;
        padding: 3px 0;
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        background: #0074b6;
        border-bottom: 5px solid #dd2127;
        border-radius: 16px 16px 0 0;
    }

    .rowCover_Mobile h4 {
        font-family: 'Roboto Condensed';
        font-weight: bold;
        font-size: 20px;
        line-height: 32px;
        color: #313a3f;
        text-align: center;
        margin: 15px auto 10px;
    }

    .rowCover_Mobile .colCover.recommended h4 {
        margin: 15px auto 10px;
    }

    .rowCover_Mobile .coverFeatures {
        margin: 10px 10% 20px;
        display: flex;
        align-items: baseline;
        width: 80%;
        justify-content: space-between;
    }

        .rowCover_Mobile .coverFeatures .scroller-container ul li {
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: #313a3f;
            letter-spacing: .2px;
            margin: 0;
            padding: 0;
        }

            .rowCover_Mobile .coverFeatures .scroller-container ul li + li {
                margin-top: 20px;
            }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes {
                color: #2d3436;
                position: relative;
                padding: 0;
            }

                .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes a {
                    color: #0074b6;
                    padding: 0 0 5px 0;
                    text-decoration: underline;
                    display: flex;
                    justify-content: center;
                }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.No {
                padding: 0;
            }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.Yes i {
                display: flex;
                justify-content: center;
                font-size: 22px;
                font-weight: bold;
                line-height: 100%;
                color: #0074b6;
            }

            .rowCover_Mobile .coverFeatures .scroller-container ul li.No i {
                display: flex;
                justify-content: center;
                font-size: 22px;
                font-weight: bold;
                line-height: 100%;
                color: #dd2127;
                height: 20px;
            }

    .rowCover_Mobile .viewPlan {
        background-color: #dd2127;
        border: 0;
        border-radius: 16px;
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        text-decoration: none;
        display: table;
        margin: 0 auto;
        padding: 5px 30px;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

    .rowCover_Mobile .oldPrice {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        font-feature-settings: 'haln' on;
        color: #313a3f;
    }

        .rowCover_Mobile .oldPrice span {
            text-decoration: line-through;
            text-decoration-color: #313a3f;
            text-decoration-style: solid;
        }

            .rowCover_Mobile .oldPrice span.permonth {
                font-weight: 700;
                font-size: 12px;
                line-height: 24px;
                text-decoration: line-through;
                text-decoration-color: #313a3f;
                text-decoration-style: solid;
            }

    .rowCover_Mobile .priceis {
        text-align: center;
        margin: 10px 0 10px;
        font-family: 'Roboto Condensed'
    }

        .rowCover_Mobile .priceis .symbol {
            font-weight: 700;
            font-size: 40px;
            line-height: 100%;
            color: #0074b6;
            margin: 0 2px 0 0;
            letter-spacing: -2px;
        }

        .rowCover_Mobile .priceis .mian-price {
            font-weight: 700;
            font-size: 40px;
            line-height: 100%;
            color: #0074b6;
            letter-spacing: -2px;
        }

        .rowCover_Mobile .priceis .perbase {
            font-weight: 700;
            font-size: 12px;
            line-height: 100%;
            color: #313a3f;
            display: block;
            text-align: center;
        }

    .rowCover_Mobile .coverFeatures p.Yes i {
        text-align: center;
    }

    .greenline {
        height: 10px;
    }

    .rowCover_Mobile a.docu {
        color: #0074b6;
        padding: 0 0 5px 0;
        font-size: 14px;
        text-decoration: underline;
        display: flex;
        justify-content: center;
    }

    .feature_holder {
        width: 70%
    }

    .nav {
        border-radius: 16px 16px 0 0;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        width: 100%;
        justify-content: space-between;
        height: 64px;
        align-items: center;
    }

    .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        background: #eee;
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #000;
            cursor: default;
            background-color: #fff;
            border: 0;
            border-bottom-color: transparent;
        }

        .nav-tabs > li > a {
            margin-right: 0;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 0 !important;
        }

            .nav-tabs > li > a:nth-child(1) {
                margin-right: 0;
                line-height: 1.42857143;
                border: 1px solid transparent;
                border-radius: 16px 0 0 0;
            }

            .nav-tabs > li > a:nth-child(4) {
                margin-right: 0;
                line-height: 1.42857143;
                border: 1px solid transparent;
                border-radius: 0 16px 0 0 !important;
            }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 21px 36px;
    }

    .tab-content {
        width: 90%
    }

    .compare {
        width: 100%;
        margin-top: 38px;
    }
    .partner {
        width: 100%;
        margin-top: 40px;
    }
    .blueBGsection .wBoxwrap .wBox {
        background: #fff;
        padding: 16px;
        border-radius: 16px;
        width: 100%;
        height: 100px;
        margin-bottom: 10px;
        display: flex;
        flex-direction:row;
    }
        .blueBGsection .wBoxwrap .wBox .icoon {
            width: 65px;
            height: 65px;
            margin-bottom: 0px;
        }
        .blueBGsection .wBoxwrap .wBox .description {
            margin-left: 20px;
            width:80%;
        }
    .annualBoiler {
        display: flex;
        flex-direction: column-reverse;
        align-items : flex-start;
    }
        .annualBoiler .leftWing {
            width: 100%;
            margin-right: 0;
            margin-top: 30px;
        }
        .annualBoiler .rightWing {
            width: 100%;
        }
            .annualBoiler .rightWing .image {
                background: url(../images/boilerinclude_tab.png);
                background-repeat: no-repeat;
                width: 100%;
                background-size: cover;
                height: 504px;
                border-radius: 16px;
            }
    .ukmap {
        display: flex;
        margin: 60px 0;
        flex-direction: column;
    }
        .ukmap .leftWing {
            width: 100%;
        }
            .ukmap .leftWing .image {
                background: url(../images/ukmap.png);
                background-repeat: no-repeat;
                width: 100%;
                background-size: contain;
                height: 400px;
                background-position: center;
            }
        .ukmap .rightWing {
            width: 100%;
            margin-top: 35px;
        }
    .wedo {
        width: 100%;
    }
    .appCont {
        flex-direction: column;
        align-items: flex-start;
    }
        .appCont .leftWing {
            width: 100%;
            margin-bottom:30px;
        }
            .appCont .leftWing .image {
                height: 507px;
            }
        .appCont .rightWing {
            width: 100%;
            margin-left: 0;
        }
    .whitestripCont .whiteStrip {
        width: 100%;
        margin: 0 0 12px 0;
    }
}
@media only screen and (max-width:912px) {
    .rowCover_Mobile {
        width: 90%
    }
}
@media only screen and (max-width:912px) {
    .custom-checkbox {
        width: 245px;
    }

    .nav > li > a {
        padding: 21px 31px;
    }

    .nav_excess {
        display: flex;
        width: 280px;
    }

        .nav_excess a {
            height: 38px;
            width: 70px;
        }

        .nav_excess .animation {
            width: 70px;
        }

    .customerSection .top .text {
        font-size: 32px;
    }

    .brand_personality .section .matter h2 {
        font-size: 30px;
    }

    .partner .partner_logo_cont {
        display: none;
    }

    .partner .partner_logo_cont_Tablet {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    .partner .partner_logo {
        display: inline-block;
        min-width: 150px;
    }

    .compare .box .colBox {
        width: 15%
    }

        .compare .box .colBox h2 {
            font-size: 20px;
        }

        .compare .box .colBox ul.comList li {
            font-size: 14px;
            line-height: 120%
        }

        .compare .box .colBox .comFeatures {
            margin-top: 3px;
        }

            .compare .box .colBox .comFeatures ul li {
                height: 33px;
                font-size: 16px;
            }
}
@media only screen and (max-width:820px) {
    .header .logo a {
        display: block;
        background-size: 90%
    }

    /*.call {
        width: 52%
    }*/

    .hero_section2 {
        padding: 16px 16px;
    }

        .hero_section2 h1 {
            font-size: 40px;
        }
    .trustpilotM a {
        font-size: 10px;
    }

        .trustpilotM a img {
            display: inline-block;
        }

    .nav > li > a {
        padding: 21px 23px;
    }

    .custom-checkbox {
        width: 240px;
    }

    .nav_excess {
        width: 260px;
    }

        .nav_excess a {
            height: 38px;
            width: 65px;
        }

        .nav_excess .animation {
            width: 65px;
        }

    .compare .box {
        padding: 25px;
    }

        .compare .box .colBox:nth-child(1) {
            width: 27%
        }
    .blueBGsection .bigBanner {
        background: url('../images/bigbanner_tab.png');
        width: 100%;
        height: 401px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .annualBoiler .rightWing .image {
        height: 403px;
    }
    .wedo .boxWe .pinkBox h2 {
        font-size: 28px;
    }
    .wedo .boxWe .coverTable {
        width: 90%;
        margin: auto;
    }
    .appCont .leftWing .image {
        height: 407px;
    }
}
@media only screen and (max-width:768px) {
    .custom-checkbox {
        width: 200px;
        font-size: 12px;
    }

    .nav_excess {
        display: flex;
        width: 220px;
    }

        .nav_excess a {
            height: 38px;
            width: 55px;
            font-size: 12px;
            font-weight: 700;
        }

        .nav_excess .animation {
            width: 55px;
        }

    .nav > li > a {
        padding: 21px 19px;
    }

    .customerSection .top .text {
        font-size: 24px;
        line-height: 120%;
        width: 50%
    }

    .partner .partner_logo {
        min-width: 140px;
    }

    .customerSection .top .pic {
        width: 50%;
        margin-right: 30px;
    }
    .blueBGsection .bigBanner {
        height: 381px;
    }
    .annualBoiler .rightWing .image {
        height: 380px;
    }

    .promo-banner {
        gap: 10%;
    }
}
@media only screen and (max-width:600px) {
    .pinkTopBoxM {        
        align-items: stretch;
    }
        .pinkTopBoxM .helplineBtn {
            width: 180px;
        }
    .rowCover_Mobile {
        width: 100%
    }
    .nav > li > a {
        padding: 21px 9px;
    }
        .rowCover_Mobile .rightArrowOff {
            right: 4%
        }

    .bfHead .bfCol {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .bfHead h4 {
        font-size: 18px;
        margin: 0 8px 10px;
    }

    .rowCover_Mobile .coverFeatures {
        justify-content: space-between;
    }

    .rowCover_Mobile .leftArrow {
        left: 3%
    }

    .rowCover_Mobile .rightArrow {
        right: 3%
    }

    .partner .partner_logo img {
        padding: 0;
    }

    .partner .partner_logo {
        min-width: 70px;
    }

    .Carousel .Card {
        width: 220px;
        height: auto !important;
    }

    .compare {
        width: 100%
    }

        .compare .box {
            padding: 10px;
        }

            .compare .box .colBox {
                width: 12%
            }

                .compare .box .colBox ul.comList li {
                    font-size: 13px;
                    line-height: 120%
                }
    .annualBoiler .rightWing .image {
        height: 290px;
    }
    .ukmap .leftWing .image {
        height: 315px;
    }
    .blueBGsection .switchTo h2 {
        font-size: 30px;
    }
    .wedo h1 {
        font-size: 30px;
    }
    .wedo p {
        font-size: 16px;
        line-height: 140%;
    }
    .wedo .boxWe .pinkBox h2 {
        font-size: 18px;
    }
    .wedo .boxWe .pinkBox {
        height: 90px;
        padding: 24px 35px;
    }
    .wedo .boxWe .pinkBox img{
        width:21%;
    }
    .wedo .redBox {
        height: auto;
        flex-direction: column;
    }
        .wedo .redBox .textHolder{
            margin-bottom:20px;
        }
    .appCont {
        margin: 60px 0;
    }
    .appCont .leftWing .image {
        height: 308px;
    }
    .appCont .rightWing h2 {
        font-size: 30px;
    }
    .appCont .rightWing p {
        font-size: 16px;
    }

    .promo-banner {
        flex-direction: column;
        gap: 12px;
        padding: 20px 24px 24px;
        text-align: center;
    }

    .promo-text {
        text-align: center;
    }
}
@media only screen and (max-width:540px) {
    .header {
        box-shadow: none;
        position: fixed;
        z-index: 1000;
        width: 100%;
        top: 0;
        background: #fff;
        height: 85px;
    }

        .header .headRow {
            flex-wrap: nowrap;
        }

    /*.call {
        display: none;
    }*/

    .header .call-mob {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

        .header .call-mob a {
            background: #dd2127;
            border-radius: 16px;
            overflow: hidden;
            padding: 12px 24px;
            color: #fff;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            margin-left: 5px;
        }

    .pinkTopBoxM {
    margin-top: 85px;
    }
    .rowCover_Mobile {
        width: 100%
    }

    .comparison_area {
        margin-top: 0px;
    }

    .customerSection {
        margin: 25px 0
    }

        .customerSection .top {
            flex-direction: column;
        }

            .customerSection .top .pic {
                width: 100%;
                margin-right: 0;
            }

            .customerSection .top .text {
                font-size: 24px;
                margin-top: 20px;
                line-height: 120%;
                width: 90%
            }

    .rowCover_Mobile .leftArrow {
        left: 0;
    }

    .rowCover_Mobile .rightArrowOff {
        right: 1%
    }

    .brand_personality {
        margin: 64px 0;
    }

    .partner {
        width: 100%;
        margin-top:40px;
    }

        .partner .partner_logo_cont {
            display: none;
        }

        .partner .partner_logo_cont_Tablet {
            display: none;
        }

        .partner .partner_logo_cont_Mobile {
            display: flex;
            justify-content: center;
        }

        .partner .partner_logo {
            text-align: center;
            min-width: 160px;
        }

            .partner .partner_logo img {
                width: 75%;
                padding: 20px 0;
            }

    ul.security {
        flex-direction: column;
    }

        ul.security li {
            width: 100%;
            margin-bottom: 20px;
        }

    .Carousel {
        height: 60vw !important;
    }

    .compare .box .colBox:nth-child(1) {
        width: 26%
    }
    .annualBoiler .rightWing .image {
        height: 318px;
    }
}
@media screen and (max-width:444px) {
    .pinkTopBoxM .helplineBtn {
        width: 220px;
    }
    .nav > li > a {
        padding: 21px 3px;
    }
    .compare .box {
        display: none;
    }

    .compare .boxMobile {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        border-radius: 16px;
        align-items: flex-start;
        margin: 24px auto;
        padding: 10px 10px 65px;
        background: #fff;
        border: 1px #e3e0d1 solid;
    }

    .colBoxM {
        width: 100%;
        margin: 0 5px 0;
        padding: 7px 1% 0;
        background: #fff;
        position: relative;
        text-align: center;
        border-right: 1px solid #e3e0d1;
    }

        .colBoxM .brandLogo {
            display: flex;
            justify-content: center;
        }

            .colBoxM .brandLogo img {
                object-fit: cover;
                height: 50px;
                width: 80%
            }

    .compare .boxMobile .colFeaturesM {
        width: 33%;
        border: 0;
        text-align: left;
    }

    .col247 {
        border-radius: 16px;
        background: #d3f2fa;
        border: 0;
    }

    .collast {
        border: 0;
    }

    .compare .boxMobile .colFeaturesM h2 {
        color: #313a3f;
        font-family: 'Roboto Condensed';
        font-weight: bold;
        font-size: 20px;
        text-align: left;
        margin-bottom: 20px;
    }

    .compare .boxMobile .colFeaturesM ul.comList li {
        margin-bottom: 28px;
        font-weight: 400;
        font-size: 13px;
        line-height: 120%;
        color: #313a3f;
        letter-spacing: .2px;
    }

        .compare .boxMobile .colFeaturesM ul.comList li img {
            display: inline-block;
        }

    .colBoxM .comFeatures {
        margin-top: 5px;
    }

        .colBoxM .comFeatures ul li {
            font-weight: 400;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            line-height: 150%;
            color: #313a3f;
            letter-spacing: .2px;
            margin: 0;
            padding: 0 0 5px 0;
            height: 33px;
        }

            .colBoxM .comFeatures ul li.bold {
                font-weight: 700;
            }

            .colBoxM .comFeatures ul li.red {
                color: #dd2127;
                font-weight: 700;
            }

            .colBoxM .comFeatures ul li small {
                font-size: 9px;
                display: block;
                line-height: 100%;
                font-weight: 400;
                color: #313a3f;
            }

            .colBoxM .comFeatures ul li + li {
                margin-top: 10px;
            }

            .colBoxM .comFeatures ul li i {
                display: flex;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                line-height: 40px;
                color: #0074b6;
            }
    .annualBoiler .rightWing .image {
        background: url(../images/boilerinclude_mob.png);
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        height: 314px;
        border-radius: 16px;
    }
    .annualBoiler .leftWing h2 {
        font-size: 30px;
    }.annualBoiler .leftWing p {
        font-size: 16px;
    }
    .ukmap .leftWing .image {
        height: 315px;
    }
    .ukmap .rightWing h2 {
        font-size: 30px;
    }

    .ukmap .rightWing p {
        font-size: 16px;
    }
}
@media screen and (max-width:440px) {
    .nav_excess {
        display: flex;
        width: 190px;
    }
}
@media screen and (max-width:430px) {
    .pinkTopBoxM .helplineBtn {
        width: 230px;
    }
    .nav > li > a {
        padding: 9px 11px;
        word-wrap: break-word;
        width: 96px;
        display: flex;
        text-align: center;
        align-items: center;
    }

    .custom-checkbox {
        width: 175px;
        font-size: 12px;
    }

    .nav_excess {
        display: flex;
        width: 180px;
    }

        .nav_excess a {
            height: 38px;
            width: 45px;
            font-size: 12px;
            font-weight: 700;
        }

        .nav_excess .animation {
            width: 45px;
        }

    .Carousel {
        height: 70vw !important;
    }

    .partner .partner_logo {
        text-align: center;
        min-width: 110px;
    }

    .why247 h1 {
        font-size: 30px;
    }
    .partner h1 {
        font-size: 30px;
    }

    .brand_personality {
        display: none;
    }

    .brand_personality_Mobile {
        margin: 40px 0;
        display: inline-block;
    }

        .brand_personality_Mobile .section {
            display: flex;
            margin-bottom: 64px;
            flex-direction: column;
            align-items: center;
        }

            .brand_personality_Mobile .section:last-child {
                margin-bottom: 0;
            }

            .brand_personality_Mobile .section .image {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-bottom: 25px;
            }

            .brand_personality_Mobile .section .matter {
                width: 100%
            }

            .brand_personality_Mobile .section h2 {
                color: #313a3f;
                font-family: 'Roboto Condensed';
                font-style: normal;
                font-weight: 700;
                font-size: 30px;
                margin-bottom: 20px;
            }

            .brand_personality_Mobile .section .matter p {
                font-size: 16px;
                color: #767677;
            }

    .faq h1 {
        font-size: 30px;
    }
    .faq_accordion:before {
        content: url(../images/downArrow.png);
        float: right;
        margin-left: 5px;
        line-height: 30px;
        position: absolute;
        right: 20px;
    }

    .faq_active:before {
        content: url(../images/upArrow.png);
    }
    .community_cont h1 {
        font-size: 30px;
    }

    .faq_accordion {
        font-size: 19px;
    }

    .why247 .whiteBoxCont .whiteBox {
        height: auto;
    }

    .rowCover_Mobile .leftArrowOff {
        left: 1%
    }

    .rowCover_Mobile .rightArrowOff {
        right: 1%
    }
    .blueBGsection .bigBanner {
        background: url('../images/bigbanner_mob.png');
        width: 100%;
        height: 296px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .blueBGsection p {
        font-size: 16px;
    }
    .annualBoiler .rightWing .image {
        height: 300px;
    }
    .ukmap .leftWing .image {
        height: 265px;
    }
    .wedo .redBox {
        padding: 24px 30px;
    }
    .wedo .boxWe .coverTable {
        width: 100%;
        margin: auto;
    }
        .wedo .boxWe .coverTable .tableRow .des {
            width: 45%;
        }
        .wedo .boxWe .coverTable .tableRow .name {
            width: 55%;
        }
    .wedo .boxWe .pinkBox h2 {
        font-size: 18px;
        text-align: left;
    }
    .appCont .leftWing .image {
        height: 260px;
    }
    .appCont .rightWing .download {
        flex-wrap: wrap;
        margin-top: 30px;
    }
        .appCont .rightWing .download a {
            margin-left: 0;
            margin-right: 12px;
        }
}
@media screen and (max-width:414px) {
    .pinkTopBoxM .textLine {
        font-size: 16px;
    }
        .pinkTopBoxM .textLine span {
            font-size: 14px;
        }
    .nav > li > a {
        width: 91px;
        font-size:14px;
    }
}
@media screen and (max-width:393px) {
    .pinkTopBoxM .helplineBtn {
        width: 100%;
    }
    .nav > li > a {
        width: 90px;
    }

    .bfHead {
        flex-direction: column-reverse;
    }

        .bfHead .bfCol {
            margin-bottom: 20px;
            width: 80%
        }
}
@media screen and (max-width:390px) {

    .nav > li > a {
        width: 83px
    }

    .hero_section2 h1 {
        font-size: 30px;
        letter-spacing: 0;
    }


    .hero_section2 p {
        display: none;
        font-size: 16px;
    }


    


.Carousel {
    height: 75vw !important;
}

.partner .partner_logo {
    text-align: center;
    min-width: 95px;
}

.faq_accordion {
    font-size: 17px;
}

.faq_panel {
    font-size: 16px;
}

.brand_personality_Mobile .section h2 {
    text-align: center;
}

.compare .boxMobile .colFeaturesM {
    width: 40%;
    border: 0;
    text-align: left;
}
    .blueBGsection .wBoxwrap .wBox{
        height:auto;
    }
    .annualBoiler .rightWing .image {
        height: 270px;
    }
    .ukmap .leftWing .image {
        height: 240px;
    }
}
@media screen and (max-width:380px) {
    .pinkTopBoxM {
        height: auto;
    }
        .pinkTopBoxM .helplineBtn {
            height: 40px;
        }
    .nav > li > a {
        width: 85px;
    }
    .rowCover_Mobile .colCover ul.featureList {
        display: inline-block;
        width: 82%;
    }
    .partner .partner_logo {
        text-align: center;
        min-width: 70px;
    }

        .partner .partner_logo img {
            width: 80%;
            padding: 20px 0;
        }

    .bx-wrapper .bx-prev {
        left: 0 !important;
    }

    .bx-wrapper .bx-next {
        left: 50px !important;
    }

    .bx-wrapper .bx-pager {
        padding-left: 0 !important;
    }
    .blueBGsection .bigBanner {
        height: 249px;
    }
    .annualBoiler .rightWing .image {
        height: 260px;
    }
    .ukmap .leftWing .image {
        height: 224px;
    }
    .appCont .leftWing .image {
        height: 228px;
    }
}
@media screen and (max-width:360px) {
    
    .nav > li > a {
        width: 80px;
    }
    .hero_section2 h1 {
        font-size: 21px;
    }
    

    .Carousel {
        height: 85vw !important;
    }
    .whitestripCont .whiteStrip {
        height:auto;
    }
}
@media screen and (max-width:354px) {
    .nav > li > a {
        width: 76px;
    }
}
@media screen and (max-width:340px) {
    .pinkTopBoxM {
        height: auto;
        flex-direction: column;
    }
    .bluBtn {
        padding: 12px 10px;
    }
    .faq_accordion {
        padding: 20px 10%;
        font-size: 16px;
    }

    .hero_section2 h1 {
        font-size: 20px;
    }

    .nav > li > a {
        width: 70px;
    }

    .compare .boxMobile .colFeaturesM {
        width: 42%;
        border: 0;
        text-align: left;
    }

    .bx-wrapper .bx-prev {
        left: -10px !important;
    }

    .bx-wrapper .bx-next {
        left: 40px !important;
    }

    .bx-wrapper .bx-pager {
        margin-left: -7% !important;
    }
    .annualBoiler .rightWing .image {
        height: 232px;
    }
}
@media screen and (max-width:320px) {
    .rowCover_Mobile .colCover ul.featureList li {
        font-size: 12px;
    }

    .hero_section2 h1 {
        font-size: 25px;
    }

    .compare .boxMobile .colFeaturesM {
        width: 47%;
        border: 0;
        text-align: left;
    }

    .bx-wrapper .bx-prev {
        left: -30px !important;
    }

    .bx-wrapper .bx-next {
        left: 20px !important;
    }

    .bx-wrapper .bx-pager {
        margin-left: -18% !important;
    }
    .blueBGsection .bigBanner {
        height: 214px;
    }
    .annualBoiler .rightWing .image {
        height: 215px;
    }
    .ukmap .leftWing .image {
        height: 192px;
    }
    .wedo .boxWe .pinkBox img {
        width: 30%;
    }
    .appCont .leftWing .image {
        height: 197px;
    }
}
@media screen and (min-width:441px) {
    .check_container.terms {
        display: block;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 8px 8px 8px 44px;
        background: transparent;
        border-radius: 0;
        line-height: 1.6;
    }
    #wbox {
        margin-left: 0;
    }
    .check_container.terms .checkmark {
        top: 8px;
        left: 8px;
    }
}
.impDocu .impDocuBody a img {
    flex-shrink: 0;
    align-self: center;
}
@media screen and (min-width:769px) {
    .actionarea .rightPanel {
        align-self: flex-start;
    }
}
@media only screen and (min-width:541px) and (max-width:912px) {
    .partner .partner_logo_cont_Tablet .item {
        font-size: 0;
        white-space: nowrap;
        text-align: center;
    }
    .partner .partner_logo_cont_Tablet .partner_logo {
        min-width: 0;
        width: 20%;
        vertical-align: middle;
    }
}
@media only screen and (min-width:541px) and (max-width:1024px) {
    .rowCover_Mobile .nav-tabs {
        flex-wrap: nowrap;
    }
    .rowCover_Mobile .nav-tabs > li {
        flex: 1 1 auto;
        min-width: 0;
        text-align: center;
    }
    .rowCover_Mobile .nav-tabs > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}
.wedo .redBox .contactBtn {
    width: auto;
    min-width: 127px;
    white-space: nowrap;
    text-align: center;
    flex-shrink: 0;
}
.errorMake {
    height: auto;
    min-height: 5px;
}
.errorMake #error_makeModel {
    display: block;
    line-height: 1.4;
}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default !important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-datepicker{padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;margin-left:178px;margin-top:2px;background:url(../images/prev-month.png) no-repeat;cursor:pointer}
.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;margin-left:-48px;margin-top:2px;background:url(../images/prev-month-copy.png) no-repeat;cursor:pointer}
.ui-datepicker .ui-datepicker-title{margin:0 1em;line-height:3.2em;text-align:left}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{border:0;background:0}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:10px;text-align:center;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5}
.ui-widget-content{border:1px solid #ddd;background:#fff;color:#b0b0b0}
.ui-widget-content a{color:#333}
.ui-widget-header{color:#323234;font-weight:400}
.ui-widget-header a{color:#323234}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #fff;font-weight:normal;color:#323234}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #4b89e2;background:#4b89e2;color:#fff}
.ui-state-checked{border:1px solid #dad55e;background:#fffa90}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
.ui-icon{width:30px;height:31px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}
.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}
.ui-widget-shadow{-webkit-box-shadow:0 0 5px #b0b0b0;box-shadow:0 0 5px #b0b0b0}
:root{--theme-red:350,63%,52%;--theme-pink:350,100%,69%;--theme-white:0,0,100%;--theme-dark:0,7%,29%;color:hsl(var(--theme-dark))}
*,*::after,*::before{box-sizing:border-box}
a{color:#767677;transition:color 150ms,text-decoration-color 150ms}
a:active,a:visited{color:hsl(var(--theme-red))}
a:hover{color:hsl(var(--theme-red))}
a:focus,a:hover{text-decoration-color:transparent}
a:focus,[tabindex="-1"]:focus{outline:hsl(var(--theme-red))}
a:focus:not(:focus-visible),[tabindex="-1"]:focus:not(:focus-visible){outline:0}
.Carousel{--carousel-gap:1rem;border-radius:1rem;display:flex;gap:var(--carousel-gap);overflow-y:hidden;overflow-x:auto;position:relative;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:50vw;outline:none !important;min-height:20rem;max-height:33rem}
.Carousel::-webkit-scrollbar{display:none}
.Carousel .Card{flex:1 0 auto;width:220px;height:323px;min-height:100%;scroll-snap-align:start;border:1px #e3e0d1 solid;border-radius:16px}
.Carousel .Card__media{aspect-ratio:auto}
.Carousel>div:empty{position:relative}
.Carousel>div:empty:first-child{inset-inline-start:10%;margin-inline-end:calc(-1 * var(--carousel-gap))}
.Carousel>div:empty:last-child{inset-inline-end:10%;margin-inline-start:calc(-1 * var(--carousel-gap))}
@media(prefers-reduced-motion:reduce){.Carousel{scroll-behavior:auto}}
@supports not(aspect-ratio:1/1){.Carousel .Card__media{padding-block-end:0 !important}}
.Dots{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}
.Dot{border-radius:100%;display:block;height:1.5rem;width:1.5rem;position:relative}
.Dot::after{background:currentColor;border-radius:100%;content:"";display:block;height:.375rem;width:.375rem;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}
.Dot--active{color:hsl(var(--theme-pink)) !important}
.Pagination{align-items:center;display:flex;justify-content:center;margin:1rem -0.5rem;width:8%;border:0}
.Pagination .Arrow{flex:0 0 auto}
.Pagination .Arrow:first-of-type{margin-inline-end:auto;order:-1}
.Pagination .Arrow:last-of-type{margin-inline-start:auto;order:1}
.Arrow{align-items:center;appearance:none;background:#0074b6;border:0;border-radius:50%;cursor:pointer;color:#fff;display:flex;height:4rem;justify-content:center;opacity:1;padding:0;transition:opacity 150ms,color 150ms;width:4rem}
.Arrow:hover{color:hsl(var(--theme-white));background:hsl(var(--theme-red))}
.Arrow:focus{color:hsl(var(--theme-red));outline:0}
.Arrow:focus svg{box-shadow:0 0 0 .125rem hsla(var(--theme-white),1),0 0 0 .25rem currentColor}
.Arrow:focus:not(:focus-visible){color:hsl(var(--theme-red))}
.Arrow:focus:not(:focus-visible) svg{box-shadow:none}
.Arrow[disabled]{color:hsl(var(--theme-dark));opacity:.2;background:#d8dbda;pointer-events:none}
.Arrow svg{border-radius:100%;fill:currentColor;height:100%;width:100%;transition:box-shadow 150ms}
.Hidden{border:0 !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}
.Card{--card-ratio:auto 1/1;display:grid;grid-template-columns:1fr;grid-template-rows:[media-start] auto [media-end main-start] auto [main-end];max-width:100%;position:relative}
.Card__media{aspect-ratio:var(--card-ratio);background:hsla(var(--card-background-color),0.5);border-radius:1rem;grid-column:1/-1;grid-row:media-start/media-end;max-width:100%;overflow:hidden;position:relative}
.Card__media>*{border-radius:inherit;height:100%;object-fit:cover;position:absolute;width:100%}
.card-text{display:flex;flex-direction:column;font-size:16px;color:#767677;padding:50px 15px 15px;justify-content:space-between}
.card-text a{background:#f7f8f7;border-radius:8px;text-align:center;color:#313a3f;font-size:14px;font-weight:700;padding:10px;cursor:pointer}
.card-text a.redB{background:#dd2127;color:#fff;font-weight:400}
.Card--overlay{--card-foreground-color:var(--theme-white);grid-template-rows:[media-start] 1fr [overlay-start] 1rem [main-start] auto [main-end overlay-end media-end]}
.Card--square{--card-ratio:auto 1/1}
.Card--photo{--card-ratio:auto 4/3}
.Card--portrait{--card-ratio:auto 3/4}
.Card--wide{--card-ratio:auto 16/9}
@supports not(aspect-ratio:1/1){.Card__media{height:100%;padding-block-end:calc(100% *(1 / 1))}.Card--square .Card__media{padding-block-end:calc(100% *(1 / 1))}.Card--photo .Card__media{padding-block-end:calc(100% *(3 / 4))}.Card--portrait .Card__media{padding-block-end:calc(100% *(4 / 3))}.Card--wide .Card__media{padding-block-end:calc(100% *(9 / 16))}}
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{height:100% !important}
.bx-viewport ul li{width:75px !important}
.bx-wrapper{width:65%}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:left;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:40px;padding-left:10%}
.bx-wrapper .bx-pager.bx-default-pager a{background:#eaedeb;text-indent:-9999px;display:block;width:35px;height:5px;margin:0 5px;outline:0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#767677;opacity:50%}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:25px;background:url('../images/arrow-left.png') no-repeat}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{left:70px;background:url('../images/arrow-right.png') no-repeat}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:109%;margin-top:0;outline:0;width:40px;height:40px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url('../images/controls.png') -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
@media screen and (max-width:362px){.bx-viewport{height:100% !important}.bx-viewport ul li{width:60px !important}}

.middle {
    position: relative;
}

#checkmarkCheck {
    opacity: 0 !important;
    pointer-events: none;
    position: absolute !important;
    left: 8px;
    top: 8px;
    width: 18px;
    height: 18px;
    margin: 0;
}