/* Default */

body{
    font-family:'Open Sans', sans-serif, Tahoma;
    font-size:15px;
    line-height:23px;
    color:#444;
    text-shadow:-1px -1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(255,255,255,0.1) !important;
    overflow-x:hidden !important;
}

/*******************************************************************
 *                           Test Mode                             *
 ******************************************************************/
body.testmode {
    background:transparent url('../media/templateImages/testmode.png') 0 0;
}
div.testmode{
    position:absolute;
    top:10px;
    left:50px;
    font-weight:900;
    font-size:12px;
    line-height: 13px;
    color:rgba(255,0,0,1);
}
/*******************************************************************/

body.opacity{
    opacity:0.8;
}

/*******************************************************************
 *                            Preview                              *
 ******************************************************************/
div.preview{
    position:absolute;
    top:10px;
    left:10px;
    font-weight:900;
    font-size:12px;
    color:rgba(0,150,0,0.5);
}
/*******************************************************************/

a{
    color:#f15a25;
}

.clear {
    clear:both;
    font-size:0;
    line-height:0;
    overflow:hidden;
    height:0;
    width:0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Open Sans', sans-serif, Tahoma;
}

h1{
    font-weight:bold;
    color:#f15a25;
    font-size:2em;
    border-bottom:1px dashed #ccc;
    padding-bottom:8px;
}
h2{
    font-size:1.5em;
    color:#2980b9;
    margin-top:32px;
}
h3{
    font-size:1.3em;
}

pre, xmp, plaintext, listing {
    display:block;
    font-family:monospace;
    white-space:pre;
    margin:1em 0;
}

span.meta, span.templates {
    display:none;
}

/*** Proper clearfix solution instead of dummy 'div clear classes' ***/
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */

/*******************************************************************
 *                  Special web fonts replacement
 ******************************************************************/
h1.jah-font,
h2.jah-font,
h3.jah-font,
h4.jah-font {
    font-family:'Just Another Hand', cursive;
}

.products-services-info h2 {
    font-family:'Just Another Hand', cursive;
    font-size:3.8em;
}

.nowrap,
.telephone {
    white-space:nowrap;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/*******************************************************************
 *                  Code block textarea styles
 ******************************************************************/
.codeblock textarea {
    width:100%;
    min-height:180px;
    padding:12px 20px 0 20px;
    margin:0 0 20px 0;
    background:#222222;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    font-family:sans-serif;
    font-size:12px;
    color:#f2f2f2;
}
.codeblock textarea::-webkit-input-placeholder  {
    color:#a1b2c3; text-shadow:0 -1px 0 #38506b;
}
.codeblock textarea:-moz-placeholder {
    color:#a1b2c3; text-shadow:0 -1px 0 #38506b;
}
.codeblock textarea:focus {
    background:#728eaa;
    background:-moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

/*******************************************************************
 *                  Other page generic styles
 ******************************************************************/
.col-stand-out {
    padding-top:20px;
    padding-bottom:20px;
    background-color:#f2f2f2;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.col-stand-out .chart_div {
    text-align:center;
    border:1px solid #ccc;
    background-color:#fff;
    overflow:hidden;
    padding:15px 0;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.col-stand-out .chart_div div[dir=ltr] {
    margin:0 auto;
}

.text-shadow{
    text-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
}

.floatRight {
    float:right;
}
.floatLeft {
    float:left;
}

.center{
    display:block;
    margin:0 auto;
}

.tile{
    margin-top:10px;
    margin-bottom:10px;
}

.fullWidth{
    width:100%;
}

.round-box{
    border:1px solid #ccc; /* stroke */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px; /* border radius */
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box; /* prevents bg color from leaking outside the border */
    padding:15px;
}

.bg-yellow-box {
    border:1px solid #D6C400;
    background-color:#FFFBE2;
    margin:0 0 25px;
}
.bg-yellow-box span {
    margin:5px 0;
    color:#0272BE;
}
.centered {
    text-align:center;
}
.text-right {
    text-align:right;
}
.bold{
    font-weight:bold !important;
}

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

img {
    vertical-align:inherit !important;
}

span.Required{
    color:rgb(255,0,0);
}


/* Custom modal size */
@media (min-width:768px) {
    div.modal-dialog.w400{
        width:400px !important;
    }
}
@media (min-width:768px) {
    div.modal-dialog.w670{
        width:670px !important;
    }
}
/* Custom modal size */
@media (min-width:768px) {
    div.modal-dialog.w700{
        width:700px !important;
    }
}
/* Custom modal size */
@media (min-width:768px) {
    div.modal-dialog.w800{
        width:800px !important;
    }
    div.modal-dialog.w725{
        width:725px !important;
    }
}
/* Custom modal size */
@media (min-width:768px) {
    div.modal-dialog.w875{
        width:875px !important;
    }
}
/* Custom modal size */
div.modal-dialog.w1180{
    width:100% !important;
}
@media (min-width:992px) {
    div.modal-dialog.w1180{
        width:970px;
    }
}
@media (min-width:1180px) {
    div.modal-dialog.w1180{
        width:1180px !important;
    }
}
/* Custom modal size */
@media (min-width:860px) {
    div.modal-dialog.w860{
        width:860px !important;
    }
}
div.modal-dialog.w866{
    padding:0 !important;
}
/* Custom modal size */
@media (min-width:866px) {
    div.modal-dialog.w866{
        width:866px !important;
        padding:30px!important;
    }
}
@media (max-width:866px){
    div.modal-dialog.w866 .modal-content .modal-body{
        padding-top:0;
    }
}
.modal-dialog{
    padding:30px !important;
}

@media (max-width:767px){
    div.modal-dialog.smFull{
        padding:0 !important;
        width:100% !important;
    }
}

/* Pull classes per size */
@media (max-width:9999px) {
    .text-xs-left {
        text-align:left;
    }
    .text-xs-right {
        text-align:right;
    }
}
@media (min-width:768px) {
    .text-sm-left {
        text-align:left;
    }
    .text-sm-right {
        text-align:right;
    }
}
@media (min-width:992px) {
    .text-md-left {
        text-align:left;
    }
    .text-md-right {
        text-align:right;
    }
}
@media (min-width:1200px) {
    .text-lg-left {
        text-align:left;
    }
    .text-lg-right {
        text-align:right;
    }
}

/**
 * Button styles
 */
.button {
    display:inline-block;
    height:36px;
    line-height:36px;
    padding-right:36px;
    padding-left:45px;
    position:relative;
    color:rgb(255,255,255);
    text-decoration:none;
    letter-spacing:1px;
    margin-bottom:15px;
    text-shadow:0 1px 0 rgba(0,0,0,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);

    border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -moz-border-radius:5px;
}
.button:hover{
    text-decoration:none;
    color:#eeeaee;
}
.button span {
    min-width:24px;
    position:absolute;
    left:10px;
    width:auto;
    text-decoration:none;

    -moz-box-shadow:1px 0 1px -1px rgba(0,0,0,0.2);
    -webkit-box-shadow:1px 0 1px -1px rgba(0,0,0,0.2);
    box-shadow:1px 0 1px -1px rgba(0,0,0,0.2);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33000000,Positive=true);
}
.button.twitter {
    background:#4eb9e3;
}
.button.facebook {
    background:#3b5998;
}
.button.google-plus{
    background:#db4a39;
}
.button.linkedin {
    background:#0e76a8;
}
.button.envelope {
    background:#009345;
}
.button.text {
    background:#662e93;
}
.button.print {
    background:#0077d4;
    border-color:#0077d4;
    background:-moz-linear-gradient(top,  #038fd5 13%, #0367d5 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(13%,#038fd5), color-stop(99%,#0367d5)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #038fd5 13%,#0367d5 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #038fd5 13%,#0367d5 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #038fd5 13%,#0367d5 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #038fd5 13%,#0367d5 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#038fd5', endColorstr='#0367d5',GradientType=0 ); /* IE6-9 */
}
button.close{
    font-size:33px;
}

/**
 * Modal styles
 */
.modal-dialog .modal-content{
    border:2px solid #dd5709;
    padding:0 0;
    border-radius:12px;
    overflow:hidden;
}
.modal-dialog.green-background .modal-content{
    background-color:#549810;
}
.modal-dialog.green-background button.close,
.modal-dialog.blue-modal-gradient button.close{
    position:absolute;
    border:2px solid #dd5709;
    color:#dd5709;
    top:51px;
    right:20px;
    background:#fefefe;
    background:rgba(240,240,240,.9);
    opacity:1;
    border-radius:26px;
    cursor:pointer;
    padding:0;
    height:25px;
    width:25px;
    font-size:19px;
    z-index:999;
}
.blue-modal-gradient .modal-content {
    background:#0270bf; /* Old browsers */
    background:-moz-linear-gradient(top,  #0270bf 0%, #0270bf 45%, #0270bf 45%, #0067a1 46%, #0067a1 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0270bf), color-stop(45%,#0270bf), color-stop(45%,#0270bf), color-stop(46%,#0067a1), color-stop(100%,#0067a1)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #0270bf 0%,#0270bf 45%,#0270bf 45%,#0067a1 46%,#0067a1 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #0270bf 0%,#0270bf 45%,#0270bf 45%,#0067a1 46%,#0067a1 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #0270bf 0%,#0270bf 45%,#0270bf 45%,#0067a1 46%,#0067a1 100%); /* IE10+ */
    background:linear-gradient(to bottom,  #0270bf 0%,#0270bf 45%,#0270bf 45%,#0067a1 46%,#0067a1 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0270bf', endColorstr='#0067a1',GradientType=0 ); /* IE6-9 */
    padding:30px !important;
}
.blue-modal-gradient .modal-content p {
    color:#fff;
    font-size:1.5em;
    line-height:1.5em;
    padding-bottom:10px;
    margin-top:-20px;
}
.modal-dialog.center .modal-content{
    text-align:center;
}
.modal-dialog p.modal-title{
    font-weight:bold;
    color:#f15a25;
    font-size:2em;
}
.modal-footer2{
    padding:0 20px 20px;
    text-align:right;
}
.modal-header {
    border-bottom:none;
}
.modal-header2{
    min-height:16.428571429px;
    padding:5px 10px 10px;
}

@media (min-width:866px) {
    .modal-footer2{
        padding:19px 20px 20px;
        margin-top:15px;
        text-align:right;
        border-top:1px solid #e5e5e5;
    }
    .modal-header2 {
        min-height:16.428571429px;
        padding:15px;
        border-bottom:1px solid #e5e5e5;
    }
}

/* Warning modals */
.modal.warning .modal-dialog .modal-content{
    border:10px solid #fff;
    padding:0 0;
    border-radius:0;
    background: #f2f2f2;
}

.modal.warning .modal-dialog .modal-content .modal-header{
    background: #d62229;
    padding: 30px;
}

.modal.warning .modal-dialog .modal-content .modal-header p.modal-title{
    color: #fff;
    font-size: 1.6em;
    text-align: center;
}

.modal.warning .modal-dialog .modal-content .modal-header button.close{
    color: #fff;
    border:none;
    background:none;
    font-size:2em;
    opacity: 1;
    margin-top: -20px;
    margin-right: -17px;
}

.modal.warning .modal-dialog .modal-content .modal-footer {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}



/* Red Diesel modal */

#confirmGasOil .modal-body img.icon {
    float: left;
    margin: 0 20px 40px 0;
}

#confirmGasOil .modal-body h2 {
    margin: 0 0 5px 0;
    color: #f05a28;
}

@media (max-width:767px){

    #confirmGasOil .modal-body img.icon {
        display: block;
        float: none;
        margin: 0 0 20px 0;
    }

    .modal.warning .modal-dialog .modal-content .modal-header p.modal-title{
        font-size: 1.4em;
    }

    #confirmGasOil .modal-body h2 {
        font-size: 1.2em;
    }

    #confirmGasOil .modal-body p {
        font-size: 0.8em;
    }

    #confirmGasOil a.btn,
    #confirmGasOil button.btn {
        font-size: 0.7em;
    }

}




/* Buttons */
.btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:bold;
    line-height:1.428571429;
    text-align:center;
    text-shadow:-0px -1px 1px rgba(255,255,255,.2),0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.7);
    text-transform:uppercase;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid transparent;
    border-radius:4px;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    behavior:url(../plugins/PIEcss3/PIE.htc);
}
.btn:focus {
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
.btn:hover,
.btn:focus {
    color:#333333;
    text-decoration:none;
}
.btn:active,
.btn.active {
    outline:0;
    background-image:none;
    -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-default {
    color:#333333;
    background-color:#fff;
    border-color:#ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color:#333333;
    background-color:#ebebeb;
    border-color:#adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image:none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color:#fff;
    border-color:#ccc;
}
.btn-primary {
    color:#fff;
    border-color:#357ebd;
    background:#13a0cc; /* Old browsers */
    background:-moz-linear-gradient(top,  #13a0cc 13%, #0c5eb2 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(13%,#13a0cc), color-stop(99%,#0c5eb2)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #13a0cc 13%,#0c5eb2 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #13a0cc 13%,#0c5eb2 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #13a0cc 13%,#0c5eb2 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #13a0cc 13%,#0c5eb2 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a0cc', endColorstr='#0c5eb2',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset -1px -1px 1px #555555;
    -webkit-box-shadow:inset -1px -1px 1px #555555;
    box-shadow:inset -1px -1px 1px #555555;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
    color:#fff;
    border-color:#285e8e;
    background:#13a0cc; /* Old browsers */
    background:-moz-linear-gradient(top,  #1e77c6 13%, #1e77c6 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(13%,#1e77c6), color-stop(99%,#1e77c6)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #1e77c6 13%,#1e77c6 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #1e77c6 13%,#1e77c6 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #1e77c6 13%,#1e77c6 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #1e77c6 13%,#1e77c6 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e77c6', endColorstr='#1e77c6',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset 1px 1px 1px #555555;
    -webkit-box-shadow:inset 1px 1px 1px #555555;
    box-shadow:inset 1px 1px 1px #555555;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image:none;
    background:#13a0cc;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color:#428bca;
    border-color:#357ebd;
}
.btn-warning {
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color:#fff;
    background-color:#ed9c28;
    border-color:#d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image:none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color:#f0ad4e;
    border-color:#eea236;
}
.btn-flat-blue,
.btn-flat-green,
.btn-flat-orange,
.btn-group>.btn-flat-blue,
.btn-group>.btn-flat-green,
.btn-group>btn-flat-orange
{
    color:#ccc;
    border-color:#ccc;
    border-radius:4px !important;
    border-top-left-radius:4px !important;
    border-top-right-radius:4px !important;
    border-bottom-left-radius:4px !important;
    border-bottom-right-radius:4px !important;
    text-transform:capitalize;
}
.btn-flat-blue:hover,
.btn-flat-blue.active {
    border-color:#0272BE;
    background-color:#DEF2F1;
    color:#0272BE;
}
.btn-flat-green:hover,
.btn-flat-green.active {
    border-color:#1E6500;
    background-color:#DBFF9F;
    color:#1E6500;
}
.btn-flat-orange.active {
    border-color: #f05a28 ;
    background-color: #f05a28 ;
    color: #FFF;
}
.btn-flat-orange:hover{
    border-color: #f05a28 ;
    background-color: #f7941d ;
    color: #FFF;
}
.btn-danger {
    color:#fff;
    border-color:#d43f3a;
    background:#c8302d; /* Old browsers */
    background:-moz-linear-gradient(top,  #c8302d 14%, #911416 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(14%,#c8302d), color-stop(99%,#911416)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #c8302d 14%,#911416 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #c8302d 14%,#911416 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #c8302d 14%,#911416 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #c8302d 14%,#911416 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8302d', endColorstr='#911416',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset -1px -1px 1px #444444;
    -webkit-box-shadow:inset -1px -1px 1px #444444;
    box-shadow:inset -1px -1px 1px #444444;

}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color:#fff;
    border-color:#ac2925;
    background:#c8302d; /* Old browsers */
    background:-moz-linear-gradient(top,  #b32524 14%, #b32524 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(14%,#b32524), color-stop(99%,#b32524)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #b32524 14%,#b32524 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #b32524 14%,#b32524 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #b32524 14%,#b32524 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #b32524 14%,#b32524 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32524', endColorstr='#b32524',GradientType=0 ); /* IE6-9 */
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:inset 1px 1px 1px #444444;
    -webkit-box-shadow:inset 1px 1px 1px #444444;
    box-shadow:inset 1px 1px 1px #444444;

}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image:none; background-color:#c8302d;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color:#d9534f;
    border-color:#d43f3a;
}
.btn-success {
    color:#fff;
    border-color:#39b54a;
    background:#8bd800; /* Old browsers */
    background:-moz-linear-gradient(top,  #8bd800 5%, #309b00 98%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#8bd800), color-stop(98%,#309b00)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #8bd800 5%,#309b00 98%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #8bd800 5%,#309b00 98%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #8bd800 5%,#309b00 98%); /* IE10+ */
    background:linear-gradient(to bottom,  #8bd800 5%,#309b00 98%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd800', endColorstr='#309b00',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset -1px -1px 1px #777777;
    -webkit-box-shadow:inset -1px -1px 1px #777777;
    box-shadow:inset -1px -1px 1px #777777;

}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
    color:#fff;
    border-color:#428e10;
    background:#54b51c; /* Old browsers */
    background:-moz-linear-gradient(top,  #54b51c 5%, #54b51c 98%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#54b51c), color-stop(98%,#54b51c)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* IE10+ */
    background:linear-gradient(to bottom,  #54b51c 5%,#54b51c 98%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b51c', endColorstr='#54b51c',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset 1px 1px 1px #888888;
    -webkit-box-shadow:inset 1px 1px 1px #888888;
    box-shadow:inset 1px 1px 1px #888888;
}


.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image:none;
    background:#8bd800;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color:#5cb85c;
    border-color:#4cae4c;
}
.btn-info {
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color:#fff;
    background-color:#39b3d7;
    border-color:#269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image:none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color:#5bc0de;
    border-color:#46b8da;
}
.btn-xlarge {
    color:#fff;
    display:inline-block;
    border-color:#D0D0D0;
    background:#999999;
    -moz-box-shadow:inset -1px -1px 2px #999999;
    -webkit-box-shadow:inset -1px -1px 2px #999999;
    box-shadow:inset -1px -1px 2px #999999;
    border-radius:8px !important;
    border-top-left-radius:8px !important;
    border-top-right-radius:8px !important;
    border-bottom-left-radius:8px !important;
    border-bottom-right-radius:8px !important;
    border-width:0;
    text-transform:capitalize;
    padding:0 25px;
    font-size:28px;
    line-height:2.0em;
    font-weight:normal;
    width:auto;
    height:auto;
}
.btn-xlarge:hover,
.btn-xlarge:focus,
.btn-xlarge:active,
.btn-xlarge.active,
.open .dropdown-toggle.btn-xlarge {
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
    color:#fff;
    border-color:#D0D0D0;
    background:#999999;
    -moz-box-shadow:inset 1px 1px 1px #999999;
    -webkit-box-shadow:inset 1px 1px 1px #999999;
    box-shadow:inset 1px 1px 1px #999999;
}
.btn-xlarge:hover,
.btn-xlarge:focus,
.btn-xlarge:active,
.btn-xlarge.active,
.open .dropdown-toggle.btn-xlarge {
    color:#fff;
    background:#D0D0D0;
}
.btn-xlarge:active,
.btn-xlarge.active,
.open .dropdown-toggle.btn-xlarge {
    background-image:none;
}
a.btn-xlarge{
    line-height:1.9em;
    text-decoration:none;
}
.btn-xlarge.btn-green{
    text-transform:uppercase;
    color:#fff;
    border:2px solid #377e08;
    font-weight:bold;
}
@media (min-width:320px) {
    .btn-xlarge {
        font-size:25px;
        line-height:1.8em;
    }
}
@media (min-width:768px) {
    .btn-xlarge {
        font-size:32px;
        line-height:1.8em;
    }
}
@media (min-width:992px) {
    .btn-xlarge {
        font-size:29px;
    }
}
@media (min-width:1200px) {
    .btn-xlarge.btn-green{
        font-size:32px;
    }
}

.btn-orange {
    font-weight:600;
    text-transform:none;
    background:#f15a25;
    color:#fff!important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    background:#FA8A11;
}
.btn-grass{
    background:#6A9709;
}
.btn-grass:hover,
.btn-grass:focus,
.btn-grass:active,
.btn-grass.active,
.open .dropdown-toggle.btn-grass {
    background:#7AA709;
}

/*** Button gold used in order process ***/
.btn-glow-gold{
    box-shadow:0 0 20px 0 #d9e021;
    margin:30px 0 0;
}
.btn-glow-green-gold{
    box-shadow:0 0 20px 0 #a99400;
    margin:30px 0 0;
}
.btn-gold {
    color:#703324;
    background:#ffde00; /* Old browsers */
    background:-moz-linear-gradient(top,  #ffde00 0%, #ffde00 17%, #ffde00 40%, #ffde00 40%, #ff9600 84%, #ff9600 84%, #ff9600 98%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde00), color-stop(17%,#ffde00), color-stop(40%,#ffde00), color-stop(40%,#ffde00), color-stop(84%,#ff9600), color-stop(84%,#ff9600), color-stop(98%,#ff9600)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #ffde00 0%,#ffde00 17%,#ffde00 40%,#ffde00 40%,#ff9600 84%,#ff9600 84%,#ff9600 98%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #ffde00 0%,#ffde00 17%,#ffde00 40%,#ffde00 40%,#ff9600 84%,#ff9600 84%,#ff9600 98%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #ffde00 0%,#ffde00 17%,#ffde00 40%,#ffde00 40%,#ff9600 84%,#ff9600 84%,#ff9600 98%); /* IE10+ */
    background:linear-gradient(to bottom,  #ffde00 0%,#ffde00 17%,#ffde00 40%,#ffde00 40%,#ff9600 84%,#ff9600 84%,#ff9600 98%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ff9600',GradientType=0 ); /* IE6-9 */
    border-color:#FF6D00;
    text-shadow:-1px -1px 0 rgba(137,150,150,0.47), /* top-left */
    1px 1px 0 rgba(250,250,250,0.77); /* bottom-right */
    padding:9px 18px 9px 18px;
}
.btn.btn-gold {
    font-size:24px;
}
.btn.btn-gold.btn-md{
    font-size:18px;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
    color:#134684;
    text-shadow:1px 1px 0 rgba(137, 150, 150, 0.37), -0px -1px 0 rgba(250, 250, 250, 0.67);
    background:#FF9600;
    border-color:#FF6D00;
}
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
    background-image:none;
}
.btn-gold.disabled,
.btn-gold[disabled],
fieldset[disabled] .btn-gold,
.btn-gold.disabled:hover,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold:hover,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled:active,
.btn-gold[disabled]:active,
fieldset[disabled] .btn-gold:active,
.btn-gold.disabled.active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold.active {
    background-color:#FF9600;
    border-color:#FF6D00;
}
.btn-gold .badge {
    color:#FF9600;
    background-color:#753800;
}


.btn-link {
    color:#428bca;
    font-weight:normal;
    cursor:pointer;
    border-radius:0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color:transparent;
}
.btn-link:hover,
.btn-link:focus {
    color:#2a6496;
    text-decoration:underline;
    background-color:transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color:#999999;
    text-decoration:none;
}
.btn-lg {
    font-weight:800;
    padding:10px 26px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px;
}

.btn-sm,
.btn-xs {
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px;
}
.btn-xs {
    padding:1px 5px;
}
.btn-block {
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0;
}
.btn-block + .btn-block {
    margin-top:5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width:100%;
}

/*  New Btn   */

.btn2 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: -0px -1px 1px rgba(255,255,255,.2),0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.7);
    text-transform: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    behavior: url(../plugins/PIEcss3/PIE.htc);
    position:relative;
}
.gold-btn,
.gold-btn:visited,
.gold-btn:active,
.gold-btn:focus {
    color: #703324;
    background: #ff9600;
    background: -moz-linear-gradient(top,#ffde00 0,#ffde00 40%,#ff9600 84%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffde00),color-stop(40%,#ffde00),color-stop(84%,#ff9600));
    background: -webkit-linear-gradient(top,#ffde00 0,#ffde00 40%,#ff9600 84%);
    background: -o-linear-gradient(top,#ffde00 0,#ffde00 40%,#ff9600 84%);
    background: -ms-linear-gradient(top,#ffde00 0,#ffde00 40%,#ff9600 84%);
    background: linear-gradient(to bottom,#ffde00 0,#ffde00 40%,#ff9600 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde00', endColorstr='#ff9600', GradientType=0);
    border-color: #FF6D00;
    text-shadow: -1px -1px 0 rgba(137,150,150,.47),1px 1px 0 rgba(250,250,250,.77);
    box-shadow: none;
    -webkit-transition: all 100ms linear ;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    top:0px;

}
.gold-btn:hover {
    color: #703324;
    background: #ffde00;
    background: -moz-linear-gradient(top,#ffde00 0,#ffde00 50%,#ff9600 96%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffde00),color-stop(50%,#ffde00),color-stop(96%,#ffde00));
    background: -webkit-linear-gradient(top,#ffde00 0,#ffde00 50%,#ff9600 96%);
    background: -o-linear-gradient(top,#ffde00 0,#ffde00 50%,#ff9600 96%);
    background: -ms-linear-gradient(top,#ffde00 0,#ffde00 50%,#ff9600 96%);
    background: linear-gradient(to bottom,#ffde00 0,#ffde00 50%,#ff9600 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde00', endColorstr='#ff9600', GradientType=0);
    box-shadow: 3px 3px 0px #ccc;
    top:-2px;
    text-decoration: none;
}
.gold-btn.twoline span {
    color:#42210b;
}
.blue-btn,
.blue-btn:visited,
.blue-btn:active,
.blue-btn:focus {
    color: #ffffff;
    background: #2d6899;
    background: -moz-linear-gradient(top,#3479b2 0,#3479b2 40%,#2d6899 84%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3479b2),color-stop(40%,#3479b2),color-stop(84%,#2d6899));
    background: -webkit-linear-gradient(top,#3479b2 0,#3479b2 40%,#2d6899 84%);
    background: -o-linear-gradient(top,#3479b2 0,#3479b2 40%,#2d6899 84%);
    background: -ms-linear-gradient(top,#3479b2 0,#3479b2 40%,#2d6899 84%);
    background: linear-gradient(to bottom,#3479b2 0,#3479b2 40%,#2d6899 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3479b2', endColorstr='#2d6899', GradientType=0);
    border-color: #093D64;
    text-shadow: -2px -2px 0 rgba(45,104,153,.47),1px 1px 0 rgba(0,0,0,.77);
    box-shadow: none;
    -webkit-transition: all 100ms linear ;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    top:0px;
}
.blue-btn:hover {
    color:#fff;
    background: #3479b2;
    background: -moz-linear-gradient(top,#3479b2 0,#3479b2 50%,#2d6899 96%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3479b2),color-stop(50%,#3479b2),color-stop(96%,#2d6899));
    background: -webkit-linear-gradient(top,#3479b2 0,#3479b2 50%,#2d6899 96%);
    background: -o-linear-gradient(top,#3479b2 0,#3479b2 50%,#2d6899 96%);
    background: -ms-linear-gradient(top,#3479b2 0,#3479b2 50%,#2d6899 96%);
    background: linear-gradient(to bottom,#3479b2 0,#3479b2 50%,#2d6899 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3479b2', endColorstr='#2d6899', GradientType=0);
    box-shadow: 3px 3px 0px #BEBEBE;
    top:-2px;
}
.blue-btn.twoline span {
    color:#fff;
}
.lrg-btn {
    font-size:24px;
    padding: 6px 16px;
}
.lrg-btn.twoline span,
.lrg-btn.twoline:visited span,
.lrg-btn.twoline:active span,
.lrg-btn.twoline:focus span {
    font-family: Montserrat,sans-serif;
    font-size:16px;
    display:block;
    width:100%;
    text-transform:none;
    font-weight:normal;
}
.regular-btn {
    font-size:18px;
    padding: 5px 15px;
}
.regular-btn.twoline span,
.regular-btn.twoline:visited span,
.regular-btn.twoline:active span,
.regular-btn.twoline:focus span {
    font-family: Montserrat,sans-serif;
    font-size:12px;
    display:block;
    width:100%;
    text-transform:none;
    font-weight:normal;
}
.sm-btn {
    font-size:11px;
    padding: 5px 10px;
}
.sm-btn.twoline span,
.sm-btn.twoline:visited span,
.sm-btn.twoline:active span,
.sm-btn.twoline:focus span {
    font-family: Montserrat,sans-serif;
    font-size:10px;
    display:block;
    width:100%;
    text-transform:none;
    font-weight:normal;
}
.secdry-txt-cta,
.secdry-txt-cta span {
    color: #666666;
    border-bottom:dotted 1px #919191;
    padding-bottom:1px;
    font-weight:bold;
}
.secdry-txt-cta span {
    font-weight: normal;
}
.secdry-txt-cta:hover,
.secdry-txt-cta:hover span,
.secdry-txt-cta:active,
.secdry-txt-cta:active span,
.secdry-txt-cta:focus,
.secdry-txt-cta:focus span {
    border-bottom:solid 1px #666666;
    text-decoration: none;
    color: #444444;
}
.secdry-txt-cta.sm {
    font-size:12px;
}
.secdry-txt-cta.regular {
    font-size:15px;
}
.secdry-txt-cta.lrg {
    font-size:18px;
}


/* Bootstrap Modal */

.modal-dialog h4{
    font-weight:bold;
    color:#f15a25;
    font-size:2em;
}

.top-buffer,
.top-buffer-20 {
    margin-top:20px;
}

.bottom-buffer,
.bottom-buffer-20 {
    margin-bottom:20px;
}

.top-pad-20 {
    padding-top:20px;
}

.bottom-pad-20 {
    padding-bottom:20px;
}

.left-pad-10 {
    padding-left:10px;
}

.left-pad-20 {
    padding-left:20px;
}

.left-pad-30 {
    padding-left:30px;
}

.right-pad-10 {
    padding-right:10px;
}

.right-pad-20 {
    padding-right:20px;
}

.right-pad-30 {
    padding-right:30px;
}

.top-buffer-60 {
    margin-top:60px;
}

.no-border {
    border:none;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* Form control */
.form-control{
    box-shadow:none!important;
}
.has-error .form-control{
    background-color:#FFE2E6;
}

/* Error/Info/Success messages V1 */

.row.message-alerts{
    margin-top:10px;
}

/*Error*/
.alertV1 {
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:13px;
}
.alertV1.alert-danger{
    color:#fff;
    background-color:#f23029;
    border-color:#f54f49;
}
.alertV1 > ul{
    list-style-type:none;
    padding:0;
    margin:0;
}
.alertV1 > ul > li{
    margin-bottom:0;
    background:url('../media/templateImages/Warning-white.png') no-repeat left top;
    padding-left:40px;
    padding-top:4px;
    min-height:32px;
}
.arrow-down{
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    margin:0 auto;
    position:relative;
    top:-22px;
}
.arrow-down.red {
    border-top:15px solid #f23029;
}

/*Hide live chat until page is wide enough so it doesn't cover over anything important*/
#phpliveChat{
    display: none;
}
@media (min-width:1295px) {
    #phpliveChat {
        display: inline-block;
    }
}


/* Header Top */

#header{
    /*  min-height:131px;*/
    margin-top:20px;
}
@media (min-width:992px) {
    #header{
        min-height:118px;
        margin-top:20px;
    }
    #header .header-links a.hidden-xs{
        display:inline!important;
    }
}
@media (min-width:1200px) {
    #header{
        min-height:131px;
        margin-top:20px;
    }
}
#header .lozenge {
    color:#fff;
    background-color:#f15a25;
    border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;
    margin-right:0 !important;
    padding:6px 15px !important;
}
#header .bottom .lozenge {
    background-color:#fff;
    color:#f15a25;
}
#header .header-links p {
    font-family:Montserrat, sans-serif;
    font-size:20px;
    padding:0 0 10px 0;
    line-height:29px;
    margin:0 0;
}
#header .header-links .bottom p {
    line-height:26px;
    padding:14px 0 0;
}
#header .header-featured .express-deliveries p,
#header .header-featured .monthly-payment-plan p,
#header .header-featured .best-price-guarantee p{
    padding-left:45px;
    background-image:url('../media/templateImages/header-icons.png');
    background-position:100px 0;
    background-repeat:no-repeat;
    height:34px;
}
#header .header-featured .express-deliveries p{
    padding-left:60px;
    background-position:0 0;
}
#header .header-featured .monthly-payment-plan p{
    background-position:0 -34px;
}
#header .header-featured .best-price-guarantee p{
    background-position:0 -70px;
}
#header .header-featured p {
    padding:0;
    font-size:12px;
    color:#666666;
}
#header .header-featured img {
    position:relative;
    padding:0 15px 0 0;
    top:7px;
}
#header .header-featured span {
    position:relative;
    padding:0 0;
    top:4px;
    font-weight:bold;
    font-size:15px;
    white-space:nowrap;
}
@media (max-width:992px) {
    #header .header-links .hidden-xs{
        display:none!important;
    }
}
@media (min-width:360px) {
    #header .header-featured span{
        font-size:14px;
    }
}
@media (min-width:768px) {
    #header .header-links .bottom p {
        line-height:26px;
        padding:0 0 12px 0;
    }
    #header .header-featured .col-sm-4 {
        padding-right:0 !important;
        padding-left:0 !important;
    }
    #header .header-featured .col-sm-4:first-child {
        padding-left:15px !important;
    }
    #header .container{
        text-align:left;
    }
    #header .header-featured span{
        font-size:15px;
    }
}
@media (min-width:992px) {
    #header .header-featured .col-sm-4 {
        padding-right:15px !important;
    }
}
@media (min-width:1200px) {
    #header .header-links .bottom p {
        line-height:29px;
        padding:14px 0 0;
    }
    #header .header-featured .col-sm-4 {
        padding-right:0 !important;
    }
}
#header .logo .svgImg img{
    margin:5px 0 10px 0;
    width:96%;
    margin:0 auto;
    display:block;
    margin-bottom:10px;
    max-width:293px;
}

@media (min-width:768px) {
    #header .logo .svgImg img{
        float:left;
        width:100%;
        margin-bottom:20px;
    }
}

@media (min-width:992px) {
    #header .logo .svgImg img{
        float:left;
        width:293px;
    }
}
@media (min-width:1200px) {
    #header .logo .svgImg img{
        float:left;
        width:100%;
    }
}
#header a.logo img.boilerjuiceLogo{
    display:inline-block;
    margin-bottom:0;
    max-width:374px;
    width:100%;
}
@media (min-width:768px) {
    #header a.logo img.boilerjuiceLogo{
        display:inline-block;
        margin-bottom:10px;
        max-width:374px;
        width:initial;
    }
}
@media (min-width:992px) {
    #header a.logo img.boilerjuiceLogo{
        display:inline-block;
        margin-bottom:10px;
        max-width:308px;
    }
}
@media (min-width:1200px) {
    #header a.logo img.boilerjuiceLogo{
        display:inline-block;
        margin-bottom:20px;
        max-width:374px;
    }
}
#header a.logo .svgImg img.boilerjuiceLogo{
    width:100%;
}
@media (max-width:768px) {
    #header a.logo .svgImg img.boilerjuiceLogo{
        margin-top:3px;
        margin-bottom:8px;
    }
}


#header .logo .svgImgNoShow img{
    width:100%;
    margin-bottom:10px;
}
@media (min-width:768px) {
    #header .logo .svgImgNoShow img{
        width:100%;
        margin-bottom:20px;
    }
}
.header-banner{
    float:left;
    margin-left:68px;
    margin-top:0;
    position:inherit;
}
#header .banner.banner-1,
#minheader .banner.banner-1{
    font-weight:700;
    font-size:1.2em;
}
@media (min-width:1200px) {
    #header .banner.banner-1,
    #minheader .banner.banner-1{
        margin-right:40px;
        margin-top:7px;
    }
}
#header .banner.banner-1 p,
#minheader .banner.banner-1 p{
    margin-bottom:0;
    text-align:center;
    margin-top:0;
}
@media (min-width:768px) {
    #header .banner.banner-1 p,
    #minheader .banner.banner-1 p{
        color:#000;
        font-size:1.4em;
        text-align:center;
        font-weight:700;
    }
}
@media (min-width:992px) {
    #header .banner.banner-1 p,
    #minheader .banner.banner-1 p{
        color:#000;
        font-size:1em;
        text-align:center;
        font-weight:700;
    }
}
@media (min-width:1200px) {
    #header .banner.banner-1 p,
    #minheader .banner.banner-1 p{
        color:#000;
        font-size:1.1em;
        text-align:center;
        font-weight:bold;
    }
}
#header .banner.banner-1 p span,
#minheader .banner.banner-1 p span{
    text-align:center;
    color:#000000;
    font-size:1.3em;
    line-height:26px;
    display:block;
}
@media (min-width:360px) {
    #header .banner.banner-1 p span,
    #minheader .banner.banner-1 p span{
        display:inline-block;
        text-align:center;
        font-size:1.3em;
        line-height:26px;
    }
}
@media (min-width:768px) {
    #header .banner.banner-1 p span,
    #minheader .banner.banner-1 p span{
        display:block;
        text-align:center;
        font-size:1.3em;
        margin-top:3px;
    }
}
#header .banner.banner-1 p span a {
    text-align:center;
    font-size:1em;
    line-height:26px;
    display:block;
}
@media (min-width:360px) {
    #header .banner.banner-1 p span a {
        display:inline-block;
        text-align:center;
        font-size:1em;
        line-height:26px;
    }
}
@media (min-width:768px) {
    #header .banner.banner-1 p span a {
        display:block;
        text-align:center;
        font-size:1em;
        margin-top:3px;
    }
}

#minheader .banner.banner-1 p,
#minheader .banner.banner-1 p span{
    margin-top:0;
    line-height:1.2;
}
@media (min-width:768px) {
    #minheader .banner.banner-1 p{
        font-size:1.4em;
    }
}
@media (min-width:992px) {
    #minheader .banner.banner-1 p{
        font-size:0.9em;
    }
    #minheader .banner.banner-1 p span{
        font-size:1.2em;
    }
}
@media (min-width:1200px) {
    #minheader .banner.banner-1 p{
        font-size:1.1em;
    }
}

#header .banner.banner-2,
#minheader .banner.banner-2 {
    float:right;
}
#header .banner.banner-2 p,
#minheader .banner.banner-2 p{
    font-weight:700;
    font-family:Montserrat, sans-serif;
    margin-bottom:0;
    margin-top:0;
    font-size:25px;
}
#header .banner.banner-2 p span,
#minheader .banner.banner-2 p span{
    color:#f15a24;
    line-height:26px;
    display:block;
    margin-top:0;
    line-height:1.2;
}
@media (min-width:360px) {
    #header .banner.banner-2 p span,
    #minheader .banner.banner-2 p span{
        display:inline-block;
        color:#f15a24;
        line-height:26px;
        font-size:30px;
    }
}
@media (min-width:768px) {
    #header .banner.banner-2 p,
    #minheader .banner.banner-2 p{
        color:#000;
        font-size:37px;
        margin-top:9px;
        font-weight:700;
    }
    #header .banner.banner-2 p span,
    #minheader .banner.banner-2 p span{
        display:block;
        color:#f15a24;
        font-size:37px;
    }
}
@media (min-width:992px) {
    #minheader .banner.banner-2 {
        float:right;
    }
    #header .banner.banner-2 {
        float:none;
    }
    #header .banner.banner-2 p,
    #minheader .banner.banner-2 p{
        color:#000;
        font-size:37px;
        margin-top:3px;
        font-weight:700;
    }
}
@media (min-width:1200px) {
    #header .banner.banner-2 p,
    #minheader .banner.banner-2 p {
        color:#000;
        font-size:38px;
        margin-top:0;
        font-weight:bold;
        font-weight:700;
        font-family:Montserrat, sans-serif;
    }
}


/********************************************************************************************************
 * Search header styles begin
 ********************************************************************************************************/
#header .gsc-control-searchbox-only {
    border:1px solid #999;
    -moz-border-radius:5px; -webkit-border-radius:5px;
}
#header .gsc-search-box {
    margin-bottom:0 !important;
}
#header .gsc-search-box table,
#header .gsc-search-box table td {
    border:none !important;
    border-spacing:0 !important;
}
#header .navbar .navbar-form{
    padding:0 30px 0 0;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:inherit !important;
    width:50%;
}
@media (min-width:375px) {
    #header .navbar .navbar-form {
        width:230px;
    }
}
@media (min-width:768px) {
    #header .navbar .navbar-form {
        width:260px;
    }
}
@media (min-width:992px) {
    #header .navbar .navbar-form{
        width:165px;
        padding:0 0;
    }
    #header .navbar .container {
        padding-left:0 !important;
    }
}
@media (min-width:1200px) {
    #header .navbar .navbar-form{
        width:260px;
    }
}
.gsc-input-box {
    border:1px solid #999;
}
.gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    height:auto !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color:#f15a25 !important;
}
.gsst_a {
    padding-top:7px !important;
}
#header input.gsc-input, #header .gsc-input-box, #header .gsc-input-box-hover, #header .gsc-input-box-focus {
    border:none!important;
}
#header .gsib_a {
    padding:0 8px !important;
}
#header .gsc-search-button {
    border:1px #f15a25 !important;
    border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;
    border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px;
    background-color:#f15a25;
}
#header input.gsc-search-button {
    margin:4px 0 0 !important;
}
#header .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right:4px !important;
}
#header .gsc-input {
    height:28px !important;
    border:none !important;
}
#header .gsc-input>input, #header .gsc-input-box-focus{
    box-shadow:none !important;
    webkit-box-shadow:none !important;
    moz-box-shadow:none !important;
}
#header input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-position:50% 50%;
    background-repeat:no-repeat;
    filter:none;
}
#header .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding:6px 12px !important;
}
.reset-box-sizing,
.reset-box-sizing * {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

/*AM22 - To make google search box appear correct - START*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
    box-sizing:content-box;
    line-height:normal;
}
/*AM22 - To make google search box appear correct - END*/
/*AM22 - To make google search results tabs appear correct - START*/
.gsc-tabsArea *, .gsc-tabsArea:before, .gsc-tabsArea:after {
    -webkit-box-sizing:content-box !important;
    -moz-box-sizing:content-box !important;
    box-sizing:content-box !important;
}
.gsc-tabsArea div{
    /*By default, Google custom search CSS sets it as AUTO, which shows scroll bars*/
    overflow:visible;
}
.gsc-control-cse {
    padding:0!important;
}
.gsc-selected-option-container {
    min-width:80px !important;
}
.gsc-above-wrapper-area div, .gsc-results .gsc-result div {
    padding-left:0!important;
}
.gsc-results .gsc-cursor {
    text-align:center !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding:3px 5px;
    margin:0 5px 0 0;
    background-color:#e1f3ff !important;
    color:#f15a25 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    background-color:#f15a25 !important;
    color:#fff !important;
}
@media (min-width:768px) {
    .gsc-results .gsc-cursor-box .gsc-cursor-page {
        padding:6px 10px;
    }
}


/*AM22 - To make google search results tabs appear correct - END*/
.nowrap {
    white-space:nowrap;
}
/********************************************************************************************************
 * Search header styles end
 ********************************************************************************************************/

#header .header-links .top{
    margin-top:8px;
}

#header .header-links .top, #header .header-links .bottom{
    text-align:center;
}

#header .header-links p a{
    border-left:1px solid #999;
    border-left:none;
    font-size:15px;
    margin-left:40px;
}
#header .header-links p a.first{
    border-left:none;
}
#header .header-links .bottom a.first.logout{
    float:right;
}
#header .phone p, #header .phone2 p {
    margin-left:2px;
    font-size:1em;
    font-weight:bold;
}
#header .phone2 p {
    font-size:1.05em;
    margin-bottom:0;
}

#header .phone span, #header .phone span a {
    color:#0070bc;
    font-weight:bold;
}
#header .phone2 span, #header .phone2 span a {
    color:#f15a25;
    font-weight:bold;
}
@media (min-width:992px) {
    #header .trustpilot{
        margin-top:8px;
    }
}
@media (min-width:1200px) {
    #header .header-links p a {
        font-size:16px;
    }
    #header .trustpilot{
        margin-top:0;
    }
}
#header .trustpilot p{
    font-size:0.7em;
    text-align:center;
    color:#0f7c62;
    font-weight:bold;
}
@media (min-width:1200px) {
    #header .trustpilot p{
        font-size:0.9em;
        text-align:center;
        color:#0F7C62;
        font-weight:bold;
        position:relative;
        width:320px;
        left:-27px;
    }
}

#header .trustpilot img{
    width:100%;
}
@media (min-width:1200px) {
    .col-xs-12.col-sm-12.col-md-2.col-md-pull-3{
        position:relative;
        left:-360px;
        top:-10px;
    }
}
@media (min-width:1200px) {
    .col-md-3.col-md-push-2.hidden-xs.hidden-sm .trustpilot{
        position:relative;
        left:-60px;
        top:15px;
    }
}



.minHeader{
    margin-top:30px;
    min-height:70px;
}
#minheader .header-verisign{
    float:left;
}
#minheader img.logo{
    float:left;
}
#minheader img.secure-logos{
    float:right;
}

#minheader a.logo img.boilerjuiceLogo{
    display:inline-block;
    margin-bottom:0;
    max-width:374px;
    width:100%;
}
@media (min-width:768px) {
    #minheader a.logo img.boilerjuiceLogo{
        display:inline-block;
        margin-bottom:20px;
        width:initial;
    }
}
@media (min-width:992px) {
    #minheader a.logo img.boilerjuiceLogo{
        display:inline-block;
        margin-bottom:0;
        width:100%;
    }
}
@media (min-width:1200px) {
    #minheader a.logo img.boilerjuiceLogo{
        display:inline-block;
        width:100%;
    }
}
@media (min-width:768px) {
    #minheader a.logo img.boilerjuiceLogo{
        width:374px !important;
    }
}
@media (min-width:992px) {
    #minheader a.logo img.boilerjuiceLogo{
        width:100% !important;
    }
}

/* min header 2 */
.minHeader .minheader2 a.logo img.boilerjuiceLogo {
    max-width:302px;
    margin-top:10px;
    width:100%;
    margin:0 auto;
    display:block;
}
.minHeader .minheader2 .banner.banner-1 p span {
    display:block;
    text-align:center;
    color:#0070bc;
    margin-top:19px;
    font-size:2.2em;
    font-weight:700;
}
.loginPage2 .round-box-login{
    margin:20px 0;
    border:2px solid #E6E6E6;
    border-radius:8px;
    padding:20px 0 40px 20px;
    width:100%;
    background-color:#f7f7f7;
    background-image:-ms-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-moz-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-o-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f0f0f0));
    background-image:-webkit-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:linear-gradient(to bottom, #ffffff 0, #f0f0f0 100%);
}
.loginPage2 .round-box-login.has-error{
    margin-top:0;
}
.loginPage2 .round-box-login p.title {
    color:#f15a25;
    font-size:1.5em;
    font-weight:700;
    margin:5px 0 20px 5px;
}
.loginPage2 .round-box-login .username{
    padding-top:7px;
}
.loginPage2 .round-box-login .password {
    margin-top:20px;
}
.loginPage2 .round-box-login label.form-label{
    padding-left:5px;
    font-size:1.2em;
    float:left;
    width:100%
}
.loginPage2 .round-box-login input.form-field{
    margin-left:5px;
    height:35px;
    border:1px solid #ededed;
    border-radius:6px;
    -moz-border-radius:6px;
    width:80%;
    padding:0 0 3px 13px;
    font-size:1.2em;
    color:#999;
    font-weight:700;
    max-width:352px;
    outline-width:0;
    float:left;
}
.loginPage2 .round-box-login input.form-field.has-error{
    border:2px solid #f4463e;
}
.loginPage2 .round-box-login .message-container{
    float:left;
    margin-left:9px;
    margin-top:2px;
}
.loginPage2 .round-box-login .message-container .has-error{
    background:url('../media/templateImages/Warning-red.png') no-repeat left top;
    margin-bottom:0;
    padding-left:40px;
    padding-top:4px;
    height:32px;
}
.loginPage2 .round-box-login .submit{
    margin-left:5px;
    margin-top:25px;
}
.loginPage2 .round-box-login .submit .btn-container {
    width:140px;
    float:left;
    margin:0 17px 0 0;
}
.loginPage2 .round-box-login .submit p.links {
    float:left;
    margin-top:16px;
    margin-left:0;
    font-size:1em;
}
.loginPage2 .round-box-login .submit p.links a {
    color:#777;
}
.loginPage2 .logos{
    margin:0 auto;
    margin-top:44px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
    margin-bottom:30px;
    max-width:575px;
}


.loginPage2 .round-box-login .container .alert.alert-danger.loginAttemptLimit {
    margin: 16px 20px 0 0;
}

.loginPage2 .round-box-login .captchaContainer {
    width: 100%;
    margin: 0 auto;
}
.loginPage2 .round-box-login .captchaContainer .capCont {
    width: 100%;
}
.loginPage2 .round-box-login .captchaContainer .capCont .g-recaptcha {
    margin: 0 auto;
    width: 234.08px;
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.loginPage2 .round-box-login .captchaContainer .captchaSubmit {
    margin: 0 auto 0 auto !important;
    width: 100%;
    max-width: 304px;;
    display: block;
    float: none;
}

.loginPage2 .round-box-login.captchaLoginBox {
    padding-left: 0;
}

.loginPage2 .round-box-login .captchaContainer .capCont p {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 2px;
}
.loginPage2 .round-box-login .captchaContainer .capCont .captchaLink {
    color: #F15A25;
    border-bottom: 1px dashed #F15A25;
    margin: 0 !important;
    float: none;
    display: inline;
}
.loginPage2 .round-box-login .captchaContainer .capCont .captchaLink:hover {
     text-decoration: none;
     border-bottom-color: #444444;
     color: #444444;
 }
.loginPage2 .round-box-login.captchaLoginBox.has-error .alert-danger.captchaAlert {
    font-size: 0.8em;
}

@media (min-width: 375px) {
    .loginPage2 .round-box-login .captchaContainer .capCont .g-recaptcha {
        width: 304px;
        transform: scale(1);
        -webkit-transform: scale(1);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .loginPage2 .round-box-login.captchaLoginBox.has-error .alert-danger.captchaAlert {
        font-size: 1em;
    }
}

#footer2 p.copyright{
    font-size:0.8em;
    line-height:19px;
}
@media (min-width:610px) {
    .loginPage2 .round-box-login label.form-label{
        width:120px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
        margin:0 17px 0 125px;
    }
}
@media (min-width:768px) {
    .row.loginPage2 .alertV1.alert-danger{
        max-width:575px;
    }
    .row.loginPage2 .arrow-down{
        margin-right:300px;
    }
    .loginPage2 .round-box-login {
        max-width:575px;
    }
    .loginPage2 .round-box-login p.title {
        color:#f15a25;
        font-size:2em;
        font-weight:700;
        margin:10px 0 30px 22px;
    }
    .loginPage2 .round-box-login .username{
        padding-top:7px;
    }
    .loginPage2 .round-box-login .password {
        margin-top:14px;
    }
    .loginPage2 .round-box-login label.form-label{
        padding-left:24px;
        font-size:1.2em;
        width:140px;
        float:left;
    }
    .loginPage2 .round-box-login input.form-field{
        margin-left:9px;
        height:35px;
        border:1px solid #ededed;
        border-radius:6px;
        -moz-border-radius:6px;
        width:352px;
        padding:0 0 3px 13px;
        font-size:1.2em;
        color:#999999;
        font-weight:bold;
        float:left;
    }
    .loginPage2 .round-box-login .submit{
        margin-left:154px;
        margin-top:26px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
        margin:0;
    }
    .loginPage2 .round-box-login .submit p.links {
        float:left;
        margin-top:16px;
        margin-left:17px;
        font-size:1.1em;
    }
    .loginPage2 .round-box-login .submit p.links a {
        color:#777;
    }
    .loginPage2 .logos{
        margin-top:64px;
        border-top:2px solid #e6e6e6;
        border-bottom:2px solid #e6e6e6;
        margin-bottom:30px;
        max-width:575px;
        margin-left:0;
        margin-right:0;
    }
    #footer2 p.copyright{
        font-size:0.8em;
        line-height:19px;
    }
}

@media (min-width:992px) {
    .row.loginPage2 .arrow-down{
        margin-right:320px;
    }
    .minHeader .minheader2 a.logo img.boilerjuiceLogo {
        max-width:302px;
        margin-top:10px;
        width:100%;
        display:inline-block;
    }
    .minHeader .minheader2 .banner.banner-1 p span{
        display:block;
        text-align:left;
        color:#0070bc;
        margin-top:34px;
        font-size:2.2em;
        font-weight:bold;
    }
    .loginPage2 .round-box-login{
        margin:41px 0;
    }
    .loginPage2 .round-box-login p.title {
        margin:26px;
    }
    .loginPage2 .round-box-login .username{
        padding-top:7px;
    }
    .loginPage2 .round-box-login .password {
        margin-top:14px;
    }
    .loginPage2 .round-box-login label.form-label{
        padding-left:24px;
        font-size:1.2em;
        width:140px;
        float:left;
        margin-top:6px;
    }
    .loginPage2 .round-box-login input.form-field{
        margin-left:9px;
        height:35px;
        border:1px solid #ededed;
        border-radius:6px;
        -moz-border-radius:6px;
        width:352px;
        padding:0 0 3px 13px;
        font-size:1.2em;
        color:#999999;
        font-weight:bold;
        float:left;
    }
    .loginPage2 .round-box-login .submit{
        margin-left:154px;
        margin-top:26px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
    }
    .loginPage2 .round-box-login .submit p.links {
        float:left;
        margin-top:16px;
        margin-left:17px;
        font-size:1.1em;
    }
    .loginPage2 .round-box-login .submit p.links a {
        color:#777;
    }
    .loginPage2 .logos{
        margin-top:64px;
        border-top:2px solid #e6e6e6;
        border-bottom:2px solid #e6e6e6;
        margin-bottom:30px;
        max-width:575px;
    }
    #footer2 p.copyright{
        font-size:0.8em;
        line-height:19px;
    }
}
@media (min-width:1200px) {
    .minHeader .minheader2 .banner.banner-1 p {
        position:relative;
        left:-42px;
    }
    .row.loginPage2 .arrow-down{
        margin-right:350px;
    }
}


/* Login A/B test*/

.loginPage2 .round-box.login {
    margin:20px 0;
    border:2px solid #E6E6E6;
    border-radius:11px;
    padding:5px 5px 20px 5px;
    width:100%;
    background-color:#f7f7f7;
    background-image:-ms-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-moz-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-o-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f0f0f0));
    background-image:-webkit-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:linear-gradient(to bottom, #ffffff 0, #f0f0f0 100%);
}
.loginPage2 .round-box.login.has-error{
    margin:0 0 20px 0;
}
.loginPage2 .round-box.login h1 {
    border:none;
}
.loginPage2 .round-box.login .username{
    margin-top:25px;
}
.loginPage2 .round-box.login .password{
    margin-top:15px;
}
.loginPage2 .round-box.login .form-label{
    color:#666;
    font-size:1.2em;
    margin-top:3px;
    display:block;
}
.loginPage2 .round-box.login .form-field {
    height:35px;
    border:1px solid #ededed;
    border-radius:6px;
    -moz-border-radius:6px;
    padding:3px 0 3px 13px;
    font-size:1.2em;
    color:#999;
    font-weight:700;
    outline-width:0;
    margin-left:15px;
}
.loginPage2 .round-box.login .form-field.has-error{
    border:2px solid #f4463e;
}
.loginPage2 .round-box.login .message-container{
    margin-top:2px;
}
.loginPage2 .round-box.login .message-container .has-error{
    background:url('../media/templateImages/Warning-red.png') no-repeat left top;
    margin-bottom:0;
    padding-left:40px;
    padding-top:4px;
    height:32px;
}
.loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
    padding-left:0;
}
.loginPage2 .round-box.login .submit{
    margin-top:20px;
}
.loginPage2 .round-box.login .submit .col-lg-offset-2.col-lg-8{
    padding-left:5px;
}
.loginPage2 .round-box.login .submit p.link{
    display:inline-block;
    margin-left:25px;
    color:#666;
    margin-top:15px;
    font-size:1em;
}
.loginPage2 .round-box.login .submit p.link a{
    color:#666666;
}
.loginPage2 .round-box.login .new{
    border-top:1px solid #E6E6E6;
    margin-top:32px;
}
.loginPage2 .round-box.login .new h2{
    color:#333333;
    font-weight:bold;
    font-size:2em;
    margin:18px 0 0 0;
}
.loginPage2 .round-box.login .new ul{
    list-style:none;
    margin-top:22px;
    margin-left:0;
    padding-left:0;
}
.loginPage2 .round-box.login .new ul li {
    margin-bottom:3px;
    background:url('../media/templateImages/red-tick.png') no-repeat left top;
    padding-left:39px;
    padding-top:2px;
    min-height:32px;
    font-size:1.2em;
    font-weight:bold;
}
.loginPage2 .round-box.login .new a.btn{
    margin:0 auto;
    display:block;
    margin-top:20px;
}
.loginPage2 .security{
    margin-top:100px;
}
.loginPage2 .security p{
    font-size:1.3em;
    color:#939393;
    font-weight:600;
    margin-bottom:22px;
}
.loginPage2 .security img{
    margin-bottom:40px;
    width:100%;
}
@media (min-width:768px) {
    .loginPage2 .round-box.login {
        padding:20px 0 40px 38px;
    }
    .loginPage2 .round-box.login .form-label{
        float:left;
    }
    .loginPage2 .round-box.login .password{
        margin-top:11px;
    }
    .loginPage2 .round-box.login .form-field {
        margin-left:27px;
        max-width:346px;
        float:left;
    }
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:20px;
    }
    .loginPage2 .round-box.login .submit p.link{
        font-size:1.1em;
    }
    .loginPage2 .round-box.login .new h2{
        margin:18px 0 0 0;
    }
    .loginPage2 .round-box.login .new ul{
        margin-top:32px;
        margin-left:0;
    }
    .loginPage2 .round-box.login .new a.btn{
        margin:27px 0 0 0;
        width:220px;
    }
    .loginPage2 .security img{
        width:100%;
        max-width:571px;
        margin:0 auto;
        margin-bottom:40px;
    }
}
@media (min-width:992px) {
    .loginPage2 .round-box.login .submit input.btn{
        margin-left:21px;
    }
    .loginPage2 .round-box.login .new{
        border-top:0;
        margin-top:0;
        border-left:1px solid #E6E6E6;
        margin-left:12px;
    }
    .loginPage2 .round-box.login .new h2{
        margin:18px 0 0 56px;
    }
    .loginPage2 .round-box.login .new a.btn{
        margin:27px 0 0 54px;
    }
    .loginPage2 .round-box.login .new ul{
        margin-top:32px;
        margin-left:56px;
    }
    .loginPage2 .round-box.login .form-field {
        margin-left:0;
        max-width:346px;
        float:left;
    }
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:15px;
    }
    .loginPage2 .security img{
        max-width:inherit;
    }
}
@media (min-width:1200px) {
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:25px;
    }
}

/* min header 2 */
.minHeader .minheader2 a.logo img.boilerjuiceLogo {
    max-width:302px;
    margin-top:10px;
    width:100%;
    margin:0 auto;
    display:block;
}
.minHeader .minheader2 .banner.banner-1 p span {
    display:block;
    text-align:center;
    color:#0070bc;
    margin-top:19px;
    font-size:2.2em;
    font-weight:700;
}
.loginPage2 .round-box-login{
    margin:20px 0;
    border:2px solid #E6E6E6;
    border-radius:8px;
    padding:20px 0 40px 20px;
    width:100%;
    background-color:#f7f7f7;
    background-image:-ms-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-moz-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-o-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f0f0f0));
    background-image:-webkit-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:linear-gradient(to bottom, #ffffff 0, #f0f0f0 100%);
}
.loginPage2 .round-box-login.has-error{
    margin-top:0;
}
.loginPage2 .round-box-login p.title {
    color:#f15a25;
    font-size:1.5em;
    font-weight:700;
    margin:5px 0 20px 5px;
}
.loginPage2 .round-box-login .username{
    padding-top:7px;
}
.loginPage2 .round-box-login .password {
    margin-top:20px;
}
.loginPage2 .round-box-login label.form-label{
    padding-left:5px;
    font-size:1.2em;
    float:left;
    width:100%
}
.loginPage2 .round-box-login input.form-field{
    margin-left:5px;
    height:35px;
    border:1px solid #ededed;
    border-radius:6px;
    -moz-border-radius:6px;
    width:80%;
    padding:0 0 3px 13px;
    font-size:1.2em;
    color:#999;
    font-weight:700;
    max-width:352px;
    outline-width:0;
    float:left;
}
.loginPage2 .round-box-login input.form-field.has-error{
    border:2px solid #f4463e;
}
.loginPage2 .round-box-login .message-container{
    float:left;
    margin-left:9px;
    margin-top:2px;
}
.loginPage2 .round-box-login .message-container .has-error{
    background:url('../media/templateImages/Warning-red.png') no-repeat left top;
    margin-bottom:0;
    padding-left:40px;
    padding-top:4px;
    height:32px;
}
.loginPage2 .round-box-login .submit{
    margin-left:5px;
    margin-top:25px;
}
.loginPage2 .round-box-login .submit .btn-container {
    width:140px;
    float:left;
    margin:0 17px 0 0;
}
.loginPage2 .round-box-login .submit p.links {
    float:left;
    margin-top:16px;
    margin-left:0;
    font-size:1em;
}
.loginPage2 .round-box-login .submit p.links a {
    color:#777;
}
.loginPage2 .logos{
    margin:0 auto;
    margin-top:44px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
    margin-bottom:30px;
    max-width:575px;
    padding: 10px 0;
}
.loginPage2 .logos .logoContainer {
    margin: 0 auto;
    width: 290px;
}
.loginPage2 .logos img{
    width: auto;
    height: 35px;
    margin-right: 5px;
}

#footer2 p.copyright{
    font-size:0.8em;
    line-height:19px;
}
@media (min-width:610px) {
    .loginPage2 .round-box-login label.form-label{
        width:120px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
        margin:0 17px 0 125px;
    }
    .loginPage2 .logos .logoContainer {
        width: 400px;
    }
    .loginPage2 .logos img{
        height: 50px;
    }
}


@media (min-width:768px) {
    .row.loginPage2 .alertV1.alert-danger{
        max-width:575px;
    }
    .row.loginPage2 .arrow-down{
        margin-right:300px;
    }
    .loginPage2 .round-box-login {
        max-width:575px;
    }
    .loginPage2 .round-box-login p.title {
        color:#f15a25;
        font-size:2em;
        font-weight:700;
        margin:10px 0 30px 22px;
    }
    .loginPage2 .round-box-login .username{
        padding-top:7px;
    }
    .loginPage2 .round-box-login .password {
        margin-top:14px;
    }
    .loginPage2 .round-box-login label.form-label{
        padding-left:24px;
        font-size:1.2em;
        width:140px;
        float:left;
    }
    .loginPage2 .round-box-login input.form-field{
        margin-left:9px;
        height:35px;
        border:1px solid #ededed;
        border-radius:6px;
        -moz-border-radius:6px;
        width:352px;
        padding:0 0 3px 13px;
        font-size:1.2em;
        color:#999999;
        font-weight:bold;
        float:left;
    }
    .loginPage2 .round-box-login .submit{
        margin-left:154px;
        margin-top:26px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
        margin:0;
    }
    .loginPage2 .round-box-login .submit p.links {
        float:left;
        margin-top:16px;
        margin-left:17px;
        font-size:1.1em;
    }
    .loginPage2 .round-box-login .submit p.links a {
        color:#777;
    }
    .loginPage2 .logos{
        margin-top:64px;
        border-top:2px solid #e6e6e6;
        border-bottom:2px solid #e6e6e6;
        margin-bottom:30px;
        max-width:575px;
        margin-left:0;
        margin-right:0;
    }
    #footer2 p.copyright{
        font-size:0.8em;
        line-height:19px;
    }
}
/* END Login A/B test*/

@media (min-width:992px) {
    .row.loginPage2 .arrow-down{
        margin-right:320px;
    }
    .minHeader .minheader2 a.logo img.boilerjuiceLogo {
        max-width:302px;
        margin-top:10px;
        width:100%;
        display:inline-block;
    }
    .minHeader .minheader2 .banner.banner-1 p span{
        display:block;
        text-align:left;
        color:#0070bc;
        margin-top:34px;
        font-size:2.2em;
        font-weight:bold;
    }
    .loginPage2 .round-box-login{
        margin:41px 0;
    }
    .loginPage2 .round-box-login p.title {
        margin:26px;
    }
    .loginPage2 .round-box-login .username{
        padding-top:7px;
    }
    .loginPage2 .round-box-login .password {
        margin-top:14px;
    }
    .loginPage2 .round-box-login label.form-label{
        padding-left:24px;
        font-size:1.2em;
        width:140px;
        float:left;
        margin-top:6px;
    }
    .loginPage2 .round-box-login input.form-field{
        margin-left:9px;
        height:35px;
        border:1px solid #ededed;
        border-radius:6px;
        -moz-border-radius:6px;
        width:352px;
        padding:0 0 3px 13px;
        font-size:1.2em;
        color:#999999;
        font-weight:bold;
        float:left;
    }
    .loginPage2 .round-box-login .submit{
        margin-left:154px;
        margin-top:26px;
    }
    .loginPage2 .round-box-login .submit .btn-container {
        width:140px;
        float:left;
    }
    .loginPage2 .round-box-login .submit p.links {
        float:left;
        margin-top:16px;
        margin-left:17px;
        font-size:1.1em;
    }
    .loginPage2 .round-box-login .submit p.links a {
        color:#777;
    }
    .loginPage2 .logos{
        margin-top:64px;
        border-top:2px solid #e6e6e6;
        border-bottom:2px solid #e6e6e6;
        margin-bottom:30px;
        max-width:575px;
    }
    #footer2 p.copyright{
        font-size:0.8em;
        line-height:19px;
    }
}

@media (min-width:1200px) {
    .minHeader .minheader2 .banner.banner-1 p {
        position:relative;
        left:-42px;
    }
    .row.loginPage2 .arrow-down{
        margin-right:350px;
    }
}


/* Login A/B test*/

.loginPage2 .round-box.login {
    margin:20px 0;
    border:2px solid #E6E6E6;
    border-radius:11px;
    padding:5px 5px 20px 5px;
    width:100%;
    background-color:#f7f7f7;
    background-image:-ms-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-moz-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-o-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f0f0f0));
    background-image:-webkit-linear-gradient(top, #ffffff 0, #f0f0f0 100%);
    background-image:linear-gradient(to bottom, #ffffff 0, #f0f0f0 100%);
}
.loginPage2 .round-box.login.has-error{
    margin:0 0 20px 0;
}
.loginPage2 .round-box.login h1 {
    border:none;
}
.loginPage2 .round-box.login .username{
    margin-top:25px;
}
.loginPage2 .round-box.login .password{
    margin-top:15px;
}
.loginPage2 .round-box.login .form-label{
    color:#666;
    font-size:1.2em;
    margin-top:3px;
    display:block;
}
.loginPage2 .round-box.login .form-field {
    height:35px;
    border:1px solid #ededed;
    border-radius:6px;
    -moz-border-radius:6px;
    padding:3px 0 3px 13px;
    font-size:1.2em;
    color:#999;
    font-weight:700;
    outline-width:0;
    margin-left:15px;
}
.loginPage2 .round-box.login .form-field.has-error{
    border:2px solid #f4463e;
}
.loginPage2 .round-box.login .message-container{
    margin-top:2px;
}
.loginPage2 .round-box.login .message-container .has-error{
    background:url('../media/templateImages/Warning-red.png') no-repeat left top;
    margin-bottom:0;
    padding-left:40px;
    padding-top:4px;
    height:32px;
}
.loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
    padding-left:0;
}
.loginPage2 .round-box.login .submit{
    margin-top:20px;
}
.loginPage2 .round-box.login .submit .col-lg-offset-2.col-lg-8{
    padding-left:5px;
}
.loginPage2 .round-box.login .submit p.link{
    display:inline-block;
    margin-left:25px;
    color:#666;
    margin-top:15px;
    font-size:1em;
}
.loginPage2 .round-box.login .submit p.link a{
    color:#666666;
}
.loginPage2 .round-box.login .new{
    border-top:1px solid #E6E6E6;
    margin-top:32px;
}
.loginPage2 .round-box.login .new h2{
    color:#333333;
    font-weight:bold;
    font-size:2em;
    margin:18px 0 0 0;
}
.loginPage2 .round-box.login .new ul{
    list-style:none;
    margin-top:22px;
    margin-left:0;
    padding-left:0;
}
.loginPage2 .round-box.login .new ul li {
    margin-bottom:3px;
    background:url('../media/templateImages/red-tick.png') no-repeat left top;
    padding-left:39px;
    padding-top:2px;
    min-height:32px;
    font-size:1.2em;
    font-weight:bold;
}
.loginPage2 .round-box.login .new a.btn{
    margin:0 auto;
    display:block;
    margin-top:20px;
}
.loginPage2 .security{
    margin-top:100px;
}
.loginPage2 .security p{
    font-size:1.3em;
    color:#939393;
    font-weight:600;
    margin-bottom:22px;
}
.loginPage2 .security img{
    margin-bottom:40px;
    width:100%;
}
@media (min-width:768px) {
    .loginPage2 .round-box.login {
        padding:20px 0 40px 38px;
    }
    .loginPage2 .round-box.login .form-label{
        float:left;
    }
    .loginPage2 .round-box.login .password{
        margin-top:11px;
    }
    .loginPage2 .round-box.login .form-field {
        margin-left:27px;
        max-width:346px;
        float:left;
    }
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:20px;
    }
    .loginPage2 .round-box.login .submit p.link{
        font-size:1.1em;
    }
    .loginPage2 .round-box.login .new h2{
        margin:18px 0 0 0;
    }
    .loginPage2 .round-box.login .new ul{
        margin-top:32px;
        margin-left:0;
    }
    .loginPage2 .round-box.login .new a.btn{
        margin:27px 0 0 0;
        width:220px;
    }
    .loginPage2 .security img{
        width:100%;
        max-width:571px;
        margin:0 auto;
        margin-bottom:40px;
    }
}
@media (min-width:992px) {
    .loginPage2 .round-box.login .submit input.btn{
        margin-left:21px;
    }
    .loginPage2 .round-box.login .new{
        border-top:0;
        margin-top:0;
        border-left:1px solid #E6E6E6;
        margin-left:12px;
    }
    .loginPage2 .round-box.login .new h2{
        margin:18px 0 0 56px;
    }
    .loginPage2 .round-box.login .new a.btn{
        margin:27px 0 0 54px;
    }
    .loginPage2 .round-box.login .new ul{
        margin-top:32px;
        margin-left:56px;
    }
    .loginPage2 .round-box.login .form-field {
        margin-left:0;
        max-width:346px;
        float:left;
    }
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:15px;
    }
    .loginPage2 .security img{
        max-width:inherit;
    }
}
@media (min-width:1200px) {
    .loginPage2 .round-box.login .submit .col-sm-offset-2.col-sm-10{
        padding-left:25px;
    }
}
/* END Login A/B test*/





/* Header menu */

.mainnavcontainer{
    min-height:54px;
}
@media (min-width:768px) {
    .mainnavcontainer{
        min-height:54px;
    }
}
@media (min-width:992px) {
    .mainnavcontainer{
        min-height:50px;
    }
}
@media (min-width:1200px) {
    .mainnavcontainer{
        min-height:50px;
        margin-top:0;
    }
}
button.navbar-toggle{
    width:100%;
}

.navbar-inverse {
    background-color:#333;
}
.navbar-inverse .navbar-toggle{
    border:none;
}
.dropdown-menu{
    text-align:left;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand{
    color:#fff;
    padding:0 4px;
    font-weight:bold;
}

.nav.navbar-nav li a:hover{
    background-color:#080808;
}


@media (min-width:768px) {
    #header .navbar.navbar-inverse .nav-collapse-small {
        display:none !important;
    }
}

#header .navbar.navbar-inverse .navbar-nav{
    font-size:15px;
}

@media (min-width:768px) {
    #header .navbar.navbar-inverse .navbar-nav{
        font-size:10px;
    }
    .nav>li>a{
        padding:10px 7px;
    }
}

@media (min-width:940px) {
    #header .navbar.navbar-inverse .navbar-nav{
        font-size:11px;
    }
    .nav>li>a {
        padding:10px 6px;
    }
}

@media (min-width:992px) {
    #header .navbar.navbar-inverse .navbar-nav{
        font-size:13px;
    }
    .nav>li>a {
        padding:10px 12px;
    }
}

@media (min-width:1200px) {
    #header .navbar.navbar-inverse .navbar-nav{
        font-size:16px;
    }
}

.navbar-collapse {
    max-height:5000px;
}

@media (min-width:992px) {
    .navbar-collapse {
        padding:0 10px;
    }
}

#header .navbar.navbar-inverse .nav.navbar-nav.navbar-right{
}
#header .navbar.navbar-inverse .nav.navbar-nav.navbar-right li.blue{
    background-color:#5a91cb;
}
#header .navbar.navbar-inverse .nav.navbar-nav.navbar-right li.blue a:hover{
    background-color:#fa8f1b !important;
}
#header .navbar.navbar-inverse .nav.navbar-nav.navbar-right li a.blue.myaccount{
    color:#fff;
}

#header .navbar{
    margin-bottom:0;
    border-radius:0;
}















/*Main Nav */

.navbar{
    border:none;
}

@media (min-width:1200px) {
    .navbar.navbar-inverse.top{
        position:fixed;
        top:0;
        width:100%;
    }
}

.navbar-nav a.selected{
    color:#817F7F;
}

.navbar-nav .dropdown-menu a.selected{
    background-color:#080808;
    color:#fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color:#333333;
}
.navbar-nav>li>a{
    line-height:20px;
}
.dropdown-menu>li>a{
    padding:8px 20px !important;
}
.navbar-inverse .navbar-nav>li>a{
    color:#FFF;
    font-size:15px;
    line-height:16px;
}
.nav>li>a {
    font-family:Montserrat, sans-serif;
    text-shadow:none;
}
@media (min-width:768px) {
    .navbar-inverse .navbar-nav>li>a{
        line-height:26px;
    }
    .nav>li>a{
        padding:6px 15px;
    }
    #header .navbar.navbar-inverse .navbar-nav{
        font-size:11px;
    }
}
@media (min-width:992px) {
    .navbar-nav>li{
        border-right:1px solid #505050;
    }
    .navbar-nav>li:last-child{
        border-right:none;
    }
    .nav>li>a{
        padding:9px 9px;
    }
    .navbar-inverse .navbar-nav>li>a{
        line-height:38px;
    }
}
@media (min-width:1200px) {
    .navbar-inverse .navbar-nav>li>a{
        font-size:17px;
        line-height:38px;
    }
    .nav>li>a{
        padding:10px 10px;
    }
}
.menu-toggle {
    float:left !important;
}
.input-group-addon {
    padding:0 0 ;
    background:#fff !important;
    border-color:#fff;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.input-group-addon button {
    background:transparent url('/media/templateImages/search-icon.png') 0 0;
    padding:0 0 ;
    border:none;
    height:32px;
    width:32px;
    margin:0 9px 0 0;
}
.input-group .form-control{
    position:relative !important;
    z-index:2 !important;
    float:left !important;
    width:100% !important;
    margin-bottom:0 !important;
    border-color:#fff;
    border-right:0;
    border-top-left-radius:20px!important;
    border-bottom-left-radius:20px!important;
    height:40px;
}


.alternative_style .braintree-banner-container{
    padding: 20px 0;
}












/* Quote Form */

.featured.freequote-panel,
.featured.freequote-panel.noemail {
     padding:13px;
     border:2px solid transparent;
     background-color:#ff381e;
     background-image: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgb(255, 56, 30), rgb(241, 90, 37) 112%);
     border-radius:5px;
 }


@media (max-width: 992px) {

    .featured.freequote-panel,
    .featured.freequote-panel.noemail {
        margin-bottom:20px;
        padding-top: 3px;
    }
}

@media (min-width:940px) {
  .featured.freequote-panel,
  .featured.freequote-panel.noemail {
    margin-top:0;
    padding-top: 5px;
  }
}

@media (min-width:1200px) {
  .featured.freequote-panel,
  .featured.freequote-panel.noemail{
  }
}



.featured.freequote-panel svg.freeQuoteImg{
    height:60px;
}
@media (min-width:992px) {
    .featured.freequote-panel svg.freeQuoteImg{
        height:60px;
    }
}
.featured.freequote-panel .title .svgImg img{
    margin:1px 7px 4px;
    width:100%;
    padding: 12px 12px 0 0;


}
.featured.freequote-panel .form-item {
    min-height:52px;
    background:#f7821e;
    border-radius:3px;
    -moz-border-radius:3px;
    margin:0 0 5px;
    color:#fff;
}

.featured.freequote-panel .form-item .errorIcon,
.featured.freequote-panel .form-item .tickIcon{
    position: absolute;
    right: 24px;
    top: 10px;
}

@media (min-width:992px) {
    .index.content .featured.freequote-panel .form-item {
        min-height: 52px;
        background:#f7821e;
        border-radius:5px;
        -moz-border-radius:3px;
        margin:0 0 5px;
    }
}



.featured.freequote-panel .form-item label#oilTypeId,
.featured.freequote-panel .form-item label#tankerType{
    line-height:14px;
    float: left;
}
@media (min-width:768px) {
    .featured.freequote-panel .form-item label#oilTypeId,
    .featured.freequote-panel .form-item label#tankerType{
        line-height:17px;
        margin-top:10px;
    }
}

.featured.freequote-panel .form-item label#tankerType{
    font-size: 0.77em;
}
@media (min-width:768px) {
    .featured.freequote-panel .form-item label#tankerType{
        font-size:18px;
    }
}
@media (min-width:992px) {
    .featured.freequote-panel .form-item label#tankerType{
        font-size: 0.77em;
    }
}
@media (min-width:1200px) {
    .featured.freequote-panel .form-item label#tankerType{
        font-size:16px;
    }
}

.featured.freequote-panel .form-item label {
    font-family:'Open Sans', sans-serif, Tahoma;
    margin:14px 0 0 10px;
    font-size:12px;
}
@media (min-width:768px) {
    .featured.freequote-panel .form-item label{
        font-size:18px;
    }
}
@media (min-width:992px) {
    .featured.freequote-panel .form-item label{
        font-size:12px;
    }
}
@media (min-width:1200px) {
    .featured.freequote-panel .form-item label{
        font-size:16px;
    }
}
.featured.freequote-panel .form-item label img{
    margin-top:6px;
}
.featured.freequote-panel .form-item .positioning {
    float:left;
    margin:11px 0 0 8px;
    width:192px;
}
.featured.freequote-panel .form-item input.input-text,
.featured.freequote-panel select {
    float:right;
    display:block;
    margin:7px 9px 0 0;
    border:1px solid #ccc;
    border-radius:6px;
    -moz-border-radius:6px;
    background:#fff;
    font-size:1em;
    width:100%;
    height:37px;
    padding-left:7px;
}
@media (min-width:728px) {
    .featured.freequote-panel .form-item input.input-text,
    .featured.freequote-panel select {
        font-size:1.3em;
    }
}
@media (min-width:940px) {
    .featured.freequote-panel .form-item input.input-text,
    .featured.freequote-panel select {
        font-size:1em;
    }
}
@media (min-width:1200px) {
    .featured.freequote-panel .form-item input.input-text,
    .featured.freequote-panel select {
        font-size:1em;
    }
}

.featured.freequote-panel select {
    padding:3px 2px;
}
.featured.freequote-panel input.btn.btn-success.btn.btn-success.btn-lg {
    float:right;
    text-transform:uppercase;
    width:100%;
    font-size:1.8em;
    padding:6px 0;
    margin-top:5px;
}
.featured.freequote-panel .privacy {
    /* padding:0 0 0 10px; */
    /* float:left; */
    margin:10px 0 0;
    /* right:-33px; */
    text-align:center;
    color:#fff;
}
.featured.freequote-panel .privacy a{
    color:#fff;
    text-decoration:none;
}
.featured.freequote-panel .privacy a:hover{
    text-decoration:underline;
}
.featured.steps2 img.man{
    position:absolute;
    top:331px;
    left:617px;
    display:none;
}
@media (min-width:992px) {
    .featured.steps2 img.man{
        display:inline;
        top:291px;
        left:517px;
        width:135px;
    }
}
@media (min-width:1200px) {
    .featured.steps2 img.man{
        top:331px;
        left:617px;
        width:172px;
    }
}
.privacy{
    font-size:12px;
    line-height:16px;
}
@media (min-width:992px) {
    .privacy{
        font-size:11px;
        line-height:16px;
    }
}
@media (min-width:1200px) {
    .privacy{
        font-size:12px;
        line-height:16px;
    }
}
.featured.steps2 img.quote{
    margin-top:30px;
}
@media (min-width:992px) {
    .featured.steps2 img.quote{
        margin-top:0;
    }
}

.featured.freequote-panel p.secure {
    width: 240px;
    text-align:center;
    color:#fff;
    font-size:12px;
    line-height:14px;
    background: url('/media/templateImages/lock-white-trans.png') no-repeat 0 0;
    padding: 2px 20px 0 20px;
    margin: 10px auto 0 auto;
}
@media (min-width:768px) {
    .featured.freequote-panel p.secure {
        width: 410px;
        text-align:left;
        margin: 10px auto 0 auto;
    }
}
@media (min-width:992px) {
    .featured.freequote-panel p.secure {
        width: auto;
        text-align:center;
        font-size:11px;
        line-height:14px;
        margin: 10px 20px 0 20px;
    }
}
@media (min-width:1200px) {
    .featured.freequote-panel p.secure {
        font-size:12px;
        line-height:14px;
    }
}











/* make quote form float */

@media (min-width:992px) {
    .featured.freequote-panel.float{
        position:fixed;
        top:40px;
    }
    .featured.freequote-panel.float.bottom{
        margin-top:2278px;
        position:relative !important;
        top:0 !important;
        left:0;
    }
    .quoteGetQuoteImg{
        display:none;
        position:fixed;
        top:514px;
    }
}

@media (min-width:1200px) {
    .featured.freequote-panel.float{
        position:fixed;
        top:80px !important;;
        width:360px !important;
    }
    .featured.freequote-panel.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:0 !important;
    }
    .alternative_style.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:7px !important;
    }
    .mbsQuote.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:8px !important;
    }
    .houseHoldBills.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:8px !important;
    }
    .quoteGetQuoteImg{
        position:fixed;
        top:568px;
    }

    .alternative_style.float{
        top: 636px!important;
        position:fixed;
    }
    body.loggedin .alternative_style.float {
        top: 586px!important;
    }
    .mbsQuote.float{
        top:805px !important;
        position:fixed;
    }
    .houseHoldBills.float{
        top:1005px !important;
        position:fixed;
    }
}

/*@media (-width:1200px) {
  .featured.freequote-panel.float{
    left:67.415%;
  }
} */

@media (min-width:992px) {
    .featured.freequote-panel.float{
        position:fixed;
        top:20px;
        width:293px;
    }
    .featured.freequote-panel.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:0 !important;
    }
    .alternative_style.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:0 !important;
    }
    .mbsQuote.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:0 !important;
    }
    .houseHoldBills.float.bottom{
        margin-top:650px;
        position:relative !important;
        top:0 !important;
    }
    .quoteGetQuoteImg{
        position:fixed;
        top:568px;
    }
    .alternative_style.float{
        top: 566px;
        position:fixed;
        margin-top: 20px!important;
    }
    body.loggedin .alternative_style.float {
        top: 516px;
    }
    .mbsQuote.float{
        top:725px;
        position:fixed;
    }
    .houseHoldBills.float{
        top:935px;
        position:fixed;
    }
}














/* Home Page */

/* Content */

.index.content{
    padding-top:20px;
    padding-bottom:0;
    background-color:#0d7712;
}

.homepageRating {
    max-width: 320px;
    width: 100%;
}

.index.content .tandclink{
    position: relative;
    top: -357px;
    right: -110px;
    width: 100px;
    margin: 0 auto;
    height: 15px;
    z-index: 10;
}
.index.content.extra.countdown .tandclink{
    top: -337px;
}

.index.content.may2016 .tandclink {
    display: none;
}

.index.content.may2016 {
    background: #9afcff url(../media/templateImages/04-M-Homepage-Win-500.png) no-repeat center -100px;
    height: 300px;
}
.index.content.countdown.may2016 {
    padding-top: 20px;
    height: 540px;
    background-position: center 80px;
}
.index.content.countdown.extra.may2016 {
    height: 540px;
    background-position: center 80px;
}
.index.content.countdown.may2016 .homepageRating {
    margin: 140px auto 20px;
}
.container.homePageTerms {
    display: none;
}
.container.homePageTerms p {
    font-size: 0.9em;
}
@media (min-width:390px){
    .index.content .tandclink {
        top: -313px;
    }
}
@media (min-width:430px) {
    .index.content.countdown .tandclink {
        top: -297px;
    }
    .index.content.extra.countdown .tandclink{
        top: -297px;
    }
}
@media (min-width:500px){
    .index.content .tandclink {
        top: -273px;
    }
    .index.content.countdown .tandclink {
        top: -265px;
    }
    .index.content.extra.countdown .tandclink{
        top: -265px;
    }
}
@media (min-width:555px){
    .index.content.countdown .tandclink {
        top: -249px;
    }
    .index.content.extra.countdown .tandclink{
        top: -249px;
    }
}
@media (min-width:768px){
    .index.content{
        padding-top:30px;
        padding-bottom:20px;
    }
    .index.content .tandclink {
        top: -248px;
        right: -300px;
    }
    .index.content.may2016 {
        background: #9afcff url(../media/templateImages/03-PT-Homepage-Win-500.png) no-repeat center -163px;
        height: 470px;
    }
    .index.content.countdown.may2016 {
        padding-top: 20px;
        height: 630px;
        background-position: center 0px;
    }
    .index.content.countdown.extra.may2016 {
        height: 630px;
        background-position: center 0px;
    }
    .index.content.countdown.may2016 .homepageRating {
        margin: 150px auto 0;
    }
}
@media (max-width: 992px) {
    .index.content .tandclink a {
        display: block;
        width: 80px;
        height: 100px;
    }
    .index.content .homePageTop .text .heading,
    .index.content .row .homePageTop .top p.extra.hidden-xs.hidden-sm {
        color: #663a1f!important;
        text-shadow: 1px 1px #fff;
        margin: 0 0 20px 0;
        line-height: 1.2em;
    }
    .index.content .homePageTop .testimonals .stars p {
        color: #663a1f!important;
        text-shadow: 1px 1px #fff;
    }

    .index.content .homePageTop .testimonals .stars p span{
        color: #663a1f!important;
        text-shadow: 1px 1px #fff;
    }
    .getQuoteBtn {
        margin: 0 0 20px 0;
    }
    .homepageRating {
        color: #7d7d7d;
        font-size: 1.2em;
        font-weight: bold;
        margin: 93px auto 0;
        max-width: 290px;
        text-align: center;
    }
    .homepageRating img {
        clear: both;
        display: block;
        margin: 0 auto 10px;
    }
    .homepageRating span {
        color: #005421;
    }
}
@media (max-width: 767px) {
    .homepageRating {
        margin: 93px auto 0;
    }
}
@media (min-width: 768px) {
    .homepageRating {
        margin: 140px auto 0;
    }
}
@media (min-width:992px) {
    .index.content{
        padding-top:30px;
        padding-bottom:0;
        background-color:#69b737;
    }

    .index.content .homePageTop .top p.extra{
        display:none!important;
    }
    .index.content .row .homePageTop .top p.extra.hidden-xs.hidden-sm {
        display:inline-block!important;
        padding-left:25px;
        padding-right:11px;
        color:#673511 !important;
    }
    .index.content.extra{
        padding-top:30px;
        padding-bottom: 0;
    }
    .index.content .homePageTop a.celebrationTerms{
        position:relative;
        top:389px;
        left:25px;
        color:#4e4e4e;
    }
    .index.content .homePageTop .top a.celebrationTerms{
        top:354px;
    }
    .index.content .homePageTop .top.extra a.celebrationTerms{
        top:334px;
    }
    .index.content .tandclink {
        position: relative;
        top: -20px;
        left: -377px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .index.content.extra .tandclink {
        position: relative;
        top: -21px;
        left: -377px;
        width: 90px;
        height: 15px;
        z-index: 10;
    }
    .index.content .tandclink a {
        display: block;
        width: 100px;
        height: 100px;
    }
    .index.content .row .homePageTop .top p.extra.hidden-xs.hidden-sm {
        color: #663a1f!important;
        text-shadow: 1px 1px #fff;
        margin: 0;
        font-size: 1.4em;
    }
    .index.content.countdown .tandclink{
        top: -19px;
    }
    .index.content.extra.countdown .tandclink{
        top: -20px;
    }
    .index.content.may2016 {
        background: #fff url(../media/templateImages/02-LT-Homepage-Win-500.jpg) no-repeat center -190px;
        padding-top: 30px;
        height: 635px;
    }
    .index.content.may2016.extra {
        height: 570px;
        background-position: center -250px!important;
    }
    .index.content.countdown.may2016 {
        padding-top: 30px;
        height: 670px;
        background-position: center -120px!important;
    }
    .index.content.extra.countdown.may2016{
        height: 700px;
    }
}

@media (min-width:1200px) {
    .featured.freequote-panel .form-item label {
        font-size:16px !important;
    }
    .index.content .row .homePageTop .top p.extra.hidden-xs.hidden-sm{
        color:#673511 !important;
        padding-left:127px;
        padding-right:42px;
        color: #663a1f!important;
        text-shadow: 1px 1px #fff;
        margin: 0
    }

    .index.content .tandclink {
        position: relative;
        top: -32px;
        left: -407px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .index.content.extra .tandclink{
        position: relative;
        top: 6px;
        left: -407px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .index.content .tandclink a {
        display: block;
        width: 100px;
        height: 100px;
    }
    .index.content {
        background-position: center bottom !important;
        background-color:#69b737;
        padding-bottom: 0px;
    }
    .index.content.countdown .tandclink{
        top: -31px;
    }
    .index.content.extra.countdown .tandclink{
        top: 10px;
    }
    .index.content.may2016 {
        background: #fff url(../media/templateImages/01-D-Homepage-Win-500.jpg) no-repeat center -190px;
        height: 630px;
    }
    .index.content.countdown.may2016 {
        height: 700px;
    }
    .index.content.extra.may2016.countdown{
        background-position: center -120px!important;
    }
}

.h1 h1 {
    font-weight:bold;
    color:#f15a25;
    font-size:0.6em;
    border:none;
    padding:0;
    text-align:center;
}
@media (min-width:992px) {
    .h1 h1 {
        font-size:1em;
        padding-top:20px;
    }
}
.index.content .homePageTop .top p.extra{
    margin-top:0;
    font-size:1.6em;
    line-height:30px;
    text-align:center;
    width:100%;
    padding-left:80px;
    padding-right:1px;
    color:#f15a24;
    font-family:'Montserrat', sans-serif;
    float:left;
}
.index.content .homePageTop .top.extra p.extra{
    font-size:1.6em;
    line-height:25px;
}
@media (min-width:1200px) {
    .index.content .homePageTop .top p.extra{
        margin-top:0;
        font-size:1.6em;
        line-height:35px;
        text-align:center;
        width:100%;
        padding-left:135px;
        padding-right:86px;
        color:#f15a24;
        font-family:'Montserrat', sans-serif;
        float:left;
    }
    .index.content .homePageTop .top.extra p.extra{
        font-size:1.6em;
        line-height:30px;
    }
}
@media (max-width:992px) {
  .flake{
    display:none;
  }
}
@media (min-width:992px) {
    .flake{
        display:inline-block;
    }
}

.index.content p.title{
    font-size:1.6em;
    color:#fff;
    border:none;
    -webkit-text-shadow:1px 1px 0 rgba(50, 50, 50, 0.4);
    -moz-text-shadow:1px 1px 0 rgba(50, 50, 50, 0.4);
    text-shadow:1px 1px 0 rgba(50, 50, 50, 0.4);
    font-family:'Open Sans', sans-serif, Tahoma;
    margin-top:0;
    text-align:center;
    font-weight:bold;
}
@media (max-width:768px) {
    .index.content p.title{
        margin-top:0;
    }
}
@media (min-width:768px) {
    .index.content h2{
        font-size:1.6em;
    }
}
.index.info .headings{
    padding:10px 0 10px 0;
    overflow-x:hidden !important;
}

.index.info a h2:hover{
    color:#fff;
    text-decoration:underline;
}
.index.info{
    /*overflow-x:hidden !important;*/
}
.midBottomBlock .secure-logos,
.index.info .secure-logos{
    background-image:-ms-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
    background-image:-moz-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
    background-image:-o-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E7E7E7));
    background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
    background-image:linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 100%);
    border-bottom:2px solid #ccc;
    padding:10px 0;
    margin-top:0;
}

.index.info .secure-logos .logoContainer {
    margin: 0 auto;
    display: block;
    width: 290px;
}

.index.info .secure-logos .logoContainer img {
    max-height: 22px;
    margin-right: 5px;
    width: auto;
}
@media (min-width:450px) {
    .index.info .secure-logos .logoContainer {
        width: 410px;
    }

    .index.info .secure-logos .logoContainer img {
        max-height: 33px;
    }
}


@media (min-width:768px) {
    .index.info .secure-logos .logoContainer {
        width: 660px;
    }

    .index.info .secure-logos .logoContainer img {
        max-height: 50px;
        margin-right: 20px;
    }
    .index.info .secure-logos .logoContainer img:nth-last-of-type(1) {
        margin-right: 0;
    }
}

@media (min-width:992px) {
    .index.info .secure-logos .logoContainer {
        width: 100%;
    }
    .index.info .secure-logos .logoContainer img {
        margin-right: 40px;
    }
}

@media (min-width:992px) {
    .midBottomBlock .secure-logos,
    .index.info .secure-logos{
        padding:15px 0;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos,
    .index.info .secure-logos{
        margin-top:0;
    }
}
@media (min-width:768px) {
    .midBottomBlock .secure-logos img,
    .index.info .secure-logos img,
    .orderTankeredoil.stage2.bottom .secure-logos img{
        float:left;
    }
}
.midBottomBlock .secure-logos img.stars,
.index.info .secure-logos img.stars,
.orderTankeredoil.stage2.bottom .secure-logos img.stars{
    margin-top:5px;
}
.midBottomBlock .secure-logos p,
.index.info .secure-logos p,
.orderTankeredoil.stage2.bottom .secure-logos p{
    font-size:1.0em;
    color:#4e4e4e;
    font-family:'Open Sans',sans-serif,Tahoma;
    font-weight:600;
    margin-top:10px;
    float:left;
    margin-left:0;
    text-align:left;
}
@media (min-width:992px) {
    .midBottomBlock .secure-logos p,
    .index.info .secure-logos p,
    .orderTankeredoil.stage2.bottom .secure-logos p{
        font-size:0.95em;
        color:#4e4e4e;
        font-family:'Open Sans',sans-serif,Tahoma;
        font-weight:600;
        margin-top:10px;
        float:left;
        margin-left:30px;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos p,
    .index.info .secure-logos p,
    .orderTankeredoil.stage2.bottom .secure-logos p{
        font-size:1.2em;
    }
}
.midBottomBlock .secure-logos p a,
.index.info .secure-logos p a,
.orderTankeredoil.stage2.bottom .secure-logos p a {
    color: #4e4e4e;
    font-weight: bold;
    text-decoration: none;
}
.midBottomBlock .secure-logos p span,
.index.info .secure-logos p span,
.orderTankeredoil.stage2.bottom .secure-logos p span{
    color:#f15a24;
    font-weight:bold;
}
.midBottomBlock .secure-logos img.norton,
.index.info .secure-logos img.norton,
.orderTankeredoil.stage2.bottom .secure-logos img.norton{
    width:100%;
    max-width:78px;
    display:block;
    margin:0 auto;
}
@media (min-width:768px) {
    .midBottomBlock .secure-logos img.norton,
    .index.info .secure-logos img.norton,
    .orderTankeredoil.stage2.bottom .secure-logos img.norton{
        margin-left:0;
        margin-top:10px;
        max-width:58px;
    }
}
@media (min-width:992px) {
    .midBottomBlock .secure-logos img.norton,
    .index.info .secure-logos img.norton,
    .orderTankeredoil.stage2.bottom .secure-logos img.norton{
        margin-left:20px;
        margin-top:0;
        max-width:78px;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos img.norton,
    .index.info .secure-logos img.norton,
    .orderTankeredoil.stage2.bottom .secure-logos img.norton{
        margin-left:58px;
        max-width:78px;
    }
}
.midBottomBlock .secure-logos img.mastercard,
.index.info .secure-logos img.mastercard,
.orderTankeredoil.stage2.bottom .secure-logos img.mastercard{
    width:100%;
    max-width:87px;
    display:block;
    margin:0 auto;
    margin-top:7px;
}
@media (min-width:768px) {
    .midBottomBlock .secure-logos img.mastercard,
    .index.info .secure-logos img.mastercard,
    .orderTankeredoil.stage2.bottom .secure-logos img.mastercard{
        margin-left:12px;
        margin-top:17px;
        max-width:65px;
    }
}
@media (min-width:992px) {
    .midBottomBlock .secure-logos img.mastercard,
    .index.info .secure-logos img.mastercard,
    .orderTankeredoil.stage2.bottom .secure-logos img.mastercard{
        margin-left:15px;
        margin-top:7px;
        max-width:87px;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos img.mastercard,
    .index.info .secure-logos img.mastercard,
    .orderTankeredoil.stage2.bottom .secure-logos img.mastercard{
        margin-left:40px;
        margin-top:7px;
        max-width:87px;
    }
}
.midBottomBlock .secure-logos img.visa,
.index.info .secure-logos img.visa,
.orderTankeredoil.stage2.bottom .secure-logos img.visa{
    width:100%;
    max-width:67px;
    display:block;
    margin:0 auto;
}
@media (min-width:768px) {
    .midBottomBlock .secure-logos img.visa,
    .index.info .secure-logos img.visa,
    .orderTankeredoil.stage2.bottom .secure-logos img.visa{
        margin-left:12px;
        margin-top:10px;
        max-width:52px;
    }
}
@media (min-width:992px) {
    .midBottomBlock .secure-logos img.visa,
    .index.info .secure-logos img.visa,
    .orderTankeredoil.stage2.bottom .secure-logos img.visa{
        margin-left:15px;
        margin-top:0;
        max-width:67px;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos img.visa,
    .index.info .secure-logos img.visa,
    .orderTankeredoil.stage2.bottom .secure-logos img.visa{
        margin-left:40px;
        margin-top:0;
        max-width:67px;
    }
}

.midBottomBlock .secure-logos img.paypal,
.index.info .secure-logos img.paypal,
.orderTankeredoil.stage2.bottom .secure-logos img.paypal{
    width:100%;
    max-width:100px;
    display:block;
    margin:0 auto;
    margin-top:8px;
}
@media (min-width:768px) {
    .midBottomBlock .secure-logos img.paypal,
    .index.info .secure-logos img.paypal,
    .orderTankeredoil.stage2.bottom .secure-logos img.paypal{
        margin-left:12px;
        margin-top:18px;
        max-width:70px;
    }
}
@media (min-width:992px) {
    .midBottomBlock .secure-logos img.paypal,
    .index.info .secure-logos img.paypal,
    .orderTankeredoil.stage2.bottom .secure-logos img.paypal{
        margin-left:15px;
        margin-top:8px;
        max-width:100px;
    }
}
@media (min-width:1200px) {
    .midBottomBlock .secure-logos img.paypal,
    .index.info .secure-logos img.paypal,
    .orderTankeredoil.stage2.bottom .secure-logos img.paypal{
        margin-left:40px;
        margin-top:8px;
        max-width:100px;
    }
}

.midBottomBlock .secure-logos .col-sm-3 img,
.index.info .secure-logos .col-sm-3 img,
.orderTankeredoil.stage2.bottom .secure-logos .col-sm-3 img{
    width:100%;
    margin-top:20px;
}
.midBottomBlock .secure-logos h1,
.index.info .secure-logos h1{
    font-size:1.2em;
    color:#F15A25;
    font-family:'Open Sans',sans-serif,Tahoma;
    font-weight:700;
    text-align:center;
    margin-top:10px;
    text-decoration:none;
    border-bottom:none;
}

.secure-logos p{
    font-size:1.2em;
    color:#f15a25;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    text-align:center;
    margin-top:0;
}
@media (min-width:992px) {
    .secure-logos p{
        margin-top:10px;
    }
}

.headings .tile h2{
    padding-bottom:7px;
    font-weight:bold;
    color:#DD5709;
    font-size:1.3em;
    margin:0 0 0 0;
    border-bottom-style:none;
    text-decoration:underline;
}
.headings a.link{
    color:#f15a25;
}

textarea {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

/* Video how boilerJuice works */
.videoandquote{
    background-image:url(../media/templateImages/bg-wide.jpg);
    /* background-repeat:repeat-x;*/
    background-size:100% 100%;
    padding-top:30px;
    padding-bottom:30px;
    overflow-x:hidden !important;
}
@media (min-width:1200px) {
    #BoilerJuiceVideo .modal-content{
        width:700px;
        margin-left:-100px;
    }
}

.index.info .testimonials{
    padding:20px 0 20px 0;
    overflow-x:hidden !important;
    border-bottom:none;
    border-top:none;
    background-color:#fff;
}
@media (min-width:768px) {
    .index.info .testimonials{
        padding-top:15px;
        padding-bottom:0;
    }
}
@media (min-width:992px) {
    .index.info .testimonials{
        padding-top:15px;
        padding-bottom:10px;
    }
}

.index.info .testimonials p.title{
    color:#f15a24;
    font-size:1.4em;
    font-weight:bold;
    text-align:center;
    margin-bottom:30px;
    margin-top:20px;
}
@media (min-width:992px) {
    .index.info .testimonials p.title{
        color:#f15a24;
        font-size:1.5em;
        font-weight:bold;
        text-align:center;
        margin-bottom:30px;
        margin-top:20px;
    }
}
@media (min-width:1200px) {
    .index.info .testimonials p.title{
        color:#f15a24;
        font-size:1.7em;
        font-weight:bold;
        text-align:center;
        margin-bottom:30px;
        margin-top:20px;
    }
}

.index.info .testimonials .carousel-inner a, .index.info .testimonials .stillCarousel a{
    text-decoration:none;
}
.index.info .testimonials .stillCarousel{
    display:none;
}
.index.info .testimonials .stillCarousel .item.active{
    display:none;
}
@media (min-width:992px) {
    .index.info .testimonials .stillCarousel .item.active{
        display:block;
    }
}
.index.info .testimonials .carousel-inner .testimonal, .index.info .testimonials .stillCarousel .testimonal{
    background-color:#cee9f4;
    border:5px solid #e2f2fa;
    padding:15px 10px 15px 10px;
    min-height:221px;
    max-height:221px;
}
@media (min-width:768px) {
    .index.info .testimonials .carousel-inner .testimonal p.title, .index.info .testimonials .stillCarousel .testimonal p.title{
        color:#0071bc;
        font-weight:bold;
        font-size:1em;
        text-align:left;
        margin-bottom:10px;
        margin-top:0;
    }
}
@media (min-width:992px) {
    .index.info .testimonials .carousel-inner .testimonal p.title, .index.info .testimonials .stillCarousel .testimonal p.title{
        color:#0071bc;
        font-weight:bold;
        font-size:1.2em;
        text-align:left;
        margin-bottom:10px;
        margin-top:0;
    }
}
.index.info .testimonials .carousel-inner .testimonal p.shotText, .index.info .testimonials .stillCarousel .testimonal p.shotText{
    color:#333333;
    min-height:116px;
}
.index.info .testimonials .carousel-inner .testimonal p.shotText.extra, .index.info .testimonials .stillCarousel .testimonal p.shotText.extra{
    min-height:90px;
}
@media (min-width:992px) {
    .index.info .testimonials .carousel-inner .testimonal p.shotText.extra, .index.info .testimonials .stillCarousel .testimonal p.shotText.extra{
        min-height:95px;
    }
}
@media (min-width:1200px) {
    .index.info .testimonials .carousel-inner .testimonal p.shotText.extra, .index.info .testimonials .stillCarousel .testimonal p.shotText.extra{
        min-height:90px;
    }
}
@media (min-width:992px) {
    .index.info .testimonials .carousel-inner .testimonal p.shotText.extra.extra2, .index.info .testimonials .stillCarousel .testimonal p.shotText.extra.extra2{
        min-height:72px;
    }
}
.index.info .featured{
    margin-top:30px;
    margin-bottom:30px;
    padding-left:15px;
    padding-right:0;
}
.index.info .featured p{
    float:left;
    color:#4e4e4e;
    font-weight:bold;
    font-size:1.1em;
    margin-left:0;
    margin-top:13px;
}
@media (min-width:992px) {
    .index.info .featured p{
        float:left;
        color:#4e4e4e;
        font-weight:bold;
        font-size:1.1em;
        margin-left:90px;
        margin-top:13px;
    }
}
@media (min-width:1200px) {
    .index.info .featured p{
        margin-left:110px;
    }
}
.index.info .featured img{
    float:left;
}
.index.info .featured img.telegraph{
    margin-left:21px;
    margin-top:12px;
    width:100px;
}
@media (min-width:992px) {
    .index.info .featured img.telegraph{
        margin-left:30px;
        margin-top:12px;
    }
}
@media (min-width:1200px) {
    .index.info .featured img.telegraph{
        width:127px;
    }
}
.index.info .featured img.mse{
    margin-left:21px;
    margin-top:12px;
    width:170px;
}
@media (min-width:992px) {
    .index.info .featured img.mse{
        margin-left:30px;
        margin-top:12px;
    }
}
@media (min-width:1200px) {
    .index.info .featured img.mse{
        margin-left:30px;
        margin-top:12px;
        width:201px;
    }
}
.index.info .featured img.which{
    margin-left:21px;
    margin-top:10px;
    width:80px;
}
@media (min-width:992px) {
    .index.info .featured img.which{
        margin-left:30px;
        margin-top:10px;
    }
}
@media (min-width:1200px) {
    .index.info .featured img.which{
        margin-left:30px;
        margin-top:10px;
        width:83px;
    }
}
.index.info .featured img.bbc{
    margin-left:21px;
    margin-top:12px;
    width:80px;
}
@media (min-width:992px) {
    .index.info .featured img.bbc{
        margin-left:30px;
        margin-top:12px;
    }
}
@media (min-width:1200px) {
    .index.info .featured img.bbc{
        margin-left:30px;
        margin-top:12px;
        width:95px;
    }
}
.index.info .featured img.netmums{
    margin-left:21px;
    width:80px;
    margin-top:8px;
}
@media (min-width:992px) {
    .index.info .featured img.netmums{
        margin-left:30px;
    }
}
@media (min-width:1200px) {
    .index.info .featured img.netmums{
        margin-left:30px;
        width:129px;
        margin-top:0;
    }
}
.index.info .whyUseBoilerJuice{
    background-color:#cbefff;
    padding:30px 15px 15px 15px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice{
        background-color:#cbefff;
        padding:10px 20px 30px 20px;
    }
}
.index.info .whyUseBoilerJuice .triangle-down {
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:17px solid #fff;
    position:relative;
    top:-10px;
    left:49%;
}
.index.info .whyUseBoilerJuice .col-container img{
    width:100%;
}
.index.info .whyUseBoilerJuice p.title{
    color:#f15a24;
    font-size:1.6em;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice p.title{
        text-align:left;
        font-size:2em;
        margin-top:20px;
    }
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice p.title{
        text-align:left;
        font-size:2em;
    }
}
.index.info .whyUseBoilerJuice p.info{
    color:#0071BC;
    font-weight:600;
    font-size:1em;
    text-align:center;
    margin-bottom:20px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice p.info{
        text-align:left;
        color:#0071BC;
        font-weight:600;
        font-size:1.1em;
        margin-bottom:10px;
    }
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice p.info{
        text-align:left;
        color:#0071BC;
        font-weight:600;
        font-size:1.2em;
    }
}
@media (min-width:1200px) {
    .index.info .whyUseBoilerJuice p.info{
        text-align:left;
        color:#0071BC;
        font-weight:600;
        font-size:1.2em;
        margin-bottom:15px;
    }
}
.index.info .whyUseBoilerJuice p.extra{
    color:#f15a24;
    font-weight:600;
    font-size:1em;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice p.extra{
        margin-bottom:25px;
    }
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice p.extra{
        font-size:1.1em;
    }
}
@media (min-width:1200px) {
    .index.info .whyUseBoilerJuice p.extra{
        color:#f15a24;
        font-weight:600;
        font-size:1.2em;
    }
}

.index.info .whyUseBoilerJuice .col-sm-4 .col-container{
    background-color:#fff;
    padding-bottom:10px;
    min-height:428px;
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container{
        background-color:#fff;
        padding-bottom:10px;
        min-height:512px;
    }
}
@media (min-width:1200px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container{
        background-color:#fff;
        padding-bottom:20px;
        min-height:514px;
    }
}
.index.info .whyUseBoilerJuice .col-sm-4 .col-container h2.title{
    color:#629106;
    text-align:center;
    font-size:1.1em;
    margin:5px;
    min-height:47px;
    font-weight:700;
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container h2.title{
        color:#629106;
        text-align:center;
        font-size:1.4em;
        margin:15px;
        line-height:25px;
        min-height:50px;
    }
}
@media (min-width:1200px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container h2.title{
        color:#629106;
        text-align:center;
        font-size:1.4em;
        margin:25px;
        line-height:25px;
        min-height:50px;
    }
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container h2.title.extra{
        margin-top:37px;
        min-height:37px;
    }
}
.index.info .whyUseBoilerJuice .col-sm-4 .col-container p.info{
    color:#333;
    font-weight:400;
    margin:5px;
    font-size:0.8em;
    text-align:center;
    min-height:164px;
}
@media (min-width:830px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container p.info{
        color:#333;
        font-weight:400;
        margin:5px;
        font-size:0.8em;
        text-align:center;
        min-height:164px;
    }
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container p.info{
        color:#333;
        font-weight:normal;
        margin:15px;
        font-size:1em;
        text-align:center;
        min-height:164px;
    }
}
@media (min-width:1200px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container p.info{
        color:#333;
        font-weight:normal;
        margin:15px;
        font-size:1em;
        text-align:center;
        min-height:134px;
    }
}
.index.info .whyUseBoilerJuice .col-sm-4 .col-container a.btn{
    display:block;
    margin:0 auto;
    width:180px;
    margin-bottom:20px;
    margin-top:10px;
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e9cd7),color-stop(99%,#005b97));
    background:-webkit-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-o-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-ms-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:linear-gradient(to bottom,#1e9cd7 13%,#005b97 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e9cd7', endColorstr='#005b97', GradientType=0);
    -moz-box-shadow:inset -1px -1px 1px #555555;
    -webkit-box-shadow:inset -1px -1px 1px #555555;
    box-shadow:inset -1px -1px 1px #555555;
    text-shadow:0 -1px #444444;
}
.index.info .whyUseBoilerJuice .col-sm-4 .col-container a.btn:hover{
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e77c6),color-stop(99%,#1e77c6));
    background:-webkit-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-o-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-ms-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:linear-gradient(to bottom,#1e77c6 13%,#1e77c6 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e77c6', endColorstr='#1e77c6', GradientType=0);
    -moz-box-shadow:inset 1px 1px 1px #555;
    -webkit-box-shadow:inset 1px 1px 1px #555;
    box-shadow:inset 1px 1px 1px #555;
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice .col-sm-4 .col-container a.btn{
        display:block;
        margin:0 auto;
        width:200px;
        margin-bottom:20px;
        margin-top:10px;
        color:#fff;
        border-color:#0d459e;
        background:#13a0cc;
        background:-moz-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e9cd7),color-stop(99%,#005b97));
        background:-webkit-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
        background:-o-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
        background:-ms-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
        background:linear-gradient(to bottom,#1e9cd7 13%,#005b97 99%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e9cd7', endColorstr='#005b97', GradientType=0);
        -moz-box-shadow:inset -1px -1px 1px #555555;
        -webkit-box-shadow:inset -1px -1px 1px #555555;
        box-shadow:inset -1px -1px 1px #555555;
        text-shadow:0 -1px #444444;
    }
}
.index.info .whyUseBoilerJuice .pricePromise p{
    font-size:1.1em;
    color:#0071BC;
    font-weight:700;
    text-align:center;
    margin-top:20px;
    margin-bottom:10px;
    line-height:25px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice .pricePromise p{
        font-size:1.2em;
        color:#0071BC;
        font-weight:bold;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px;
    }
}
@media (min-width:992px) {
    .index.info .whyUseBoilerJuice .pricePromise p{
        font-size:1.5em;
        color:#0071BC;
        font-weight:bold;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px;
    }
}
.index.info .whyUseBoilerJuice .pricePromise p span{
    color:#c6101e;
    font-size:1.2em;
    display:block;
    margin-top:20px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice .pricePromise p span{
        color:#c6101e;
        font-size:1.3em;
        display:inline-block;
    }
}
.index.info .whyUseBoilerJuice .box{
    background-color:#fff;
    border-radius:8px;
    padding:15px;
}
.index.info .whyUseBoilerJuice .box .info{
    min-height:40px;
}
.index.info .whyUseBoilerJuice .box .info img{
    float:left;
    padding-right:10px;
}
.index.info .whyUseBoilerJuice .box .info p{
    float:left;
    width:85%;
    color:#f15a24;
    font-weight:600;
    font-size:0.9em;
}
.index.info .whyUseBoilerJuice .btn-primary{
    width:240px;
    margin:0 auto;
    margin-top:20px;
    font-size:1.5em;
    padding:6px;
}
@media (min-width:768px) {
    .index.info .whyUseBoilerJuice .btn-primary{
        width:240px;
        margin:0 auto;
        margin-top:20px;
        font-size:1.1em;
        padding:6px;
    }
}
.index.info .testimonials .carousel-inner .testimonal p.name, .index.info .testimonials .stillCarousel .testimonal p.name{
    color:#f15a24;
    float:left;
    font-weight:bold;
    position:relative;
    bottom:-5px;
}
.index.info .testimonials .carousel-inner .testimonal img.stars, .index.info .testimonials .stillCarousel .testimonal img.stars{
    float:left;
    margin-top:6px;
    margin-left:20px;
    position:relative;
    bottom:-3px;
}
.index.info .testimonials .carousel-inner .testimonal img.quote, .index.info .testimonials .stillCarousel .testimonal img.quote{
    float:right;
    margin-top:-10px;
}
.index.info .personalQuote{
    background-color:#373344;
    padding:30px;
}
@media (min-width:768px) {
    .index.info .personalQuote{
        background-color:#373344;
        padding:10px 30px 30px 30px;
    }
}
.index.info .personalQuote .triangle-down{
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:17px solid #cbefff;
    position:relative;
    top:-11px;
    left:49%;
}
.index.info .personalQuote p{
    color:#fff;
    font-weight:bold;
    font-size:1.2em;
    float:left;
    margin-left:0;
    margin-bottom:0;
    margin-top:9px
}
@media (min-width:992px) {
    .index.info .personalQuote p{
        color:#fff;
        font-weight:bold;
        font-size:1.4em;
        float:left;
        margin-left:88px;
        margin-bottom:0;
        margin-top:8px;
    }
}
@media (min-width:1200px) {
    .index.info .personalQuote p{
        color:#fff;
        font-weight:bold;
        font-size:1.6em;
        float:left;
        margin-left:165px;
        margin-bottom:0;
        margin-top:8px;
    }
}
.index.info .personalQuote img{
    float:left;
    margin-left:20px;
    margin-top:10px;
}
.index.info .personalQuote a{
    float:left;
    margin-left:20px;
    font-size:1em;
    margin-top:4px;
    color:#fff;
    border-color:#3b7205;
    background:#8bd800;
    background:-moz-linear-gradient(top,#9acf21 5%,#6fa217 98%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#9acf21),color-stop(98%,#6fa217));
    background:-webkit-linear-gradient(top,#9acf21 5%,#6fa217 98%);
    background:-o-linear-gradient(top,#9acf21 5%,#6fa217 98%);
    background:-ms-linear-gradient(top,#9acf21 5%,#6fa217 98%);
    background:linear-gradient(to bottom,#9acf21 5%,#6fa217 98%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9acf21', endColorstr='#6fa217', GradientType=0);
    -moz-box-shadow:inset -1px -1px 1px #777777;
    -webkit-box-shadow:inset -1px -1px 1px #777777;
    box-shadow:inset -1px -1px 1px #777777;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}
.index.info .personalQuote a:hover{
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
    color:#fff;
    border-color:#3b7205;
    background:#54b51c;
    background:-moz-linear-gradient(top,#7BB516 5%,#7BB516 98%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#7BB516),color-stop(98%,#7BB516));
    background:-webkit-linear-gradient(top,#7BB516 5%,#7BB516 98%);
    background:-o-linear-gradient(top,#7BB516 5%,#7BB516 98%);
    background:-ms-linear-gradient(top,#7BB516 5%,#7BB516 98%);
    background:linear-gradient(to bottom,#7BB516 5%,#7BB516 98%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7BB516', endColorstr='#7BB516', GradientType=0);
    -moz-box-shadow:inset 1px 1px 1px #888888;
    -webkit-box-shadow:inset 1px 1px 1px #888888;
    box-shadow:inset 1px 1px 1px #888888;
}


.index.info .beautifulTank{
    margin-top:50px;
    min-height:270px;
}
@media (min-width:992px) {
    .index.info .beautifulTank{
        margin-top:50px;
        min-height:310px;
    }
}
@media (min-width:1200px) {
    .index.info .beautifulTank{
        margin-top:50px;
        min-height:390px;
    }
}
.index.info .beautifulTank .row{
    min-height:280px;
}
@media (min-width:992px) {
    .index.info .beautifulTank .row{
        min-height:310px;
    }
}
@media (min-width:1200px) {
    .index.info .beautifulTank .row{
        min-height:390px;
    }
}
@media (min-width:768px) {
    .index.info .beautifulTank .row {
        background-image:url(../media/templateImages/Home-Banner-720px-bg.png);
        margin-left:5px;
        margin-right:5px;
        background-repeat:no-repeat;
    }
}
@media (min-width:992px) {
    .index.info .beautifulTank .row {
        background-image:url(../media/templateImages/Home-Banner-940px-bg.png);
        margin-left:5px;
        margin-right:5px;
        background-repeat:no-repeat;
    }
}
@media (min-width:1200px) {
    .index.info .beautifulTank .row {
        background-image:url(../media/templateImages/Home-Banner-1140px-bg.png);
        margin-left:5px;
        margin-right:5px;
    }
}

.index.info .beautifulTank p{
    color:#fff;
    text-align:center;
    font-size:1.1em;
    line-height:26px;
    margin-top:10px;
}
@media (min-width:1200px) {
    .index.info .beautifulTank p {
        color:#fff;
        text-align:center;
        font-size:1.3em;
        line-height:30px;
        margin-top:30px;
    }
}
.index.info .beautifulTank p.title {
    margin-top:30px;
    font-weight:700;
    font-size:1.5em;
    line-height:27px;
}
@media (min-width:992px) {
    .index.info .beautifulTank p.title {
        margin-top:20px;
        font-weight:bold;
        font-size:2em;
        line-height:36px;
    }
}
@media (min-width:1200px) {
    .index.info .beautifulTank p.title {
        margin-top:40px;
        font-weight:bold;
        font-size:2.3em;
        line-height:36px;
    }
}
.index.info .beautifulTank p.title span{
    font-size:0.8em;
}
.index.info .beautifulTank p span.yellow{
    color:#fff820;
}
.index.info .beautifulTank p span.yellow.bold{
    font-weight:bold;
}
.index.info .beautifulTank .btn-container{
    margin-top:30px;
}
.index.info .beautifulTank .btn-container a.btn{
    width:149px;
    margin-left:9px;
    font-size:0.8em;
    padding:10px 5px;
}
@media (min-width:992px) {
    .index.info .beautifulTank .btn-container a.btn {
        width:196px;
        margin-left:15px;
        font-size:1em;
        padding:10px 10px;
    }
}
@media (min-width:1200px) {
    .index.info .beautifulTank .btn-container a.btn {
        width:220px;
        margin-left:35px;
        font-size:1.1em;
        padding:10px 15px;
    }
}
.index.info .beautifulTank .btn-container a.btn.facebook{
    background:#3b5998;
    color:#fff;
    border:#3b5998;
    -webkit-box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
    -moz-box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
    box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
}
.index.info .beautifulTank .btn-container a.btn.twitter{
    background:#4eb9e3;
    color:#fff;
    border:#4eb9e3;
    -webkit-box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
    -moz-box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
    box-shadow:1px 1px 6px 2px rgba(255,255,255,0.2);
}
@media (min-width:768px) {
    .index.info .otherServices{
        padding-bottom:40px;
        padding-top:20px;
    }
}
@media (min-width:1200px) {
    .index.info .otherServices{
        padding-bottom:50px;
        padding-top:40px;
    }
}
.index.info .otherServices .col-md-12 p.title{
    font-size:1.6em;
    font-weight:bold;
    margin:0;
    color:#fff;
    padding:20px 0;
    text-align:center;
}
@media (min-width:768px) {
    .index.info .otherServices .col-md-12 p.title{
        color:#f15a24;
        font-size:2em;
        text-align:left;
        margin-bottom:10px;
    }
}
.index.info .otherServices .triangle-right{
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-left:13px solid #f55929;
    border-bottom:8px solid transparent;
    position:absolute;
    top:24px;
    right:20px;
}
.index.info .otherServices .col-sm-4 p.title{
    color:#0071BC;
    font-weight:bold;
    font-size:1.2em;
}
@media (min-width:992px) {
    .index.info .otherServices .col-sm-4 p.title{
        color:#0071BC;
        font-weight:bold;
        font-size:1.5em;
    }
}
.index.info .otherServices .col-sm-4 p.info{
    margin-top:5px;
    font-size:0.9em;
    margin-bottom:15px;
}
@media (min-width:992px) {
    .index.info .otherServices .col-sm-4 p.info{
        font-weight:bold;
        font-size:1em;
    }
}
@media (min-width:1200px) {
    .index.info .otherServices .col-sm-4 p.info{
        font-weight:600;
        font-size:1.1em;
        margin-right:60px;
    }
}
.index.info .otherServices div.title{
    background-color:#013a55;
}
@media (min-width:768px) {
    .index.info .otherServices div.title{
        background-color:transparent;
        border:none;
    }
}
.index.info .otherServices .button{
    background-color:#015b8f;
    border-bottom:1px solid #013a55;
    margin-bottom:0;
    letter-spacing:0;
    padding-left:0;
    padding-right:0;
    line-height:23px;
    height:auto;
    display:block;
    border-radius:0;
}
@media (min-width:768px) {
    .index.info .otherServices .button {

    }
}
.index.info .otherServices .button.title p{
    padding:20px 0;
    text-align:center;
    font-size:1.6em;
}
@media (min-width:768px) {
    .index.info .otherServices .button.title p{
        padding:20px 0;
        text-align:left;
        font-size:1.8em;
    }
}
@media (min-width:992px) {
    .index.info .otherServices .button.title p{
        padding:20px 0;
        text-align:left;
        font-size:1.8em;
    }
}
@media (min-width:1200px) {
    .index.info .otherServices .button.title p{
        padding:20px 0;
        text-align:left;
        font-size:2em;
        margin-bottom:10px;
    }
}
.index.info .otherServices .button a{
    font-size:0.9em;
    text-align:center;
    text-decoration:none;
}
.index.info .otherServices .button a p{
    padding:10px 0;
}
.index.info .otherServices img{
    width:100%;
}
.index.info .otherServices .btn{
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e9cd7),color-stop(99%,#005b97));
    background:-webkit-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-o-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-ms-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:linear-gradient(to bottom,#1e9cd7 13%,#005b97 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e9cd7', endColorstr='#005b97', GradientType=0);
    -moz-box-shadow:inset -1px -1px 1px #555555;
    -webkit-box-shadow:inset -1px -1px 1px #555555;
    box-shadow:inset -1px -1px 1px #555555;
    text-shadow:0 -1px #444444;
}
.index.info .otherServices .btn:hover{
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e77c6),color-stop(99%,#1e77c6));
    background:-webkit-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-o-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-ms-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:linear-gradient(to bottom,#1e77c6 13%,#1e77c6 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e77c6', endColorstr='#1e77c6', GradientType=0);
    -moz-box-shadow:inset 1px 1px 1px #555555;
    -webkit-box-shadow:inset 1px 1px 1px #555555;
    box-shadow:inset 1px 1px 1px #555555;
}
@media (min-width:1200px) {
    .index.info .otherServices .btn{
        width:180px;
        font-size:1.1em;
    }
}
@media (min-width:992px) {
    .index.info .personalQuote a{
        font-size:1.3em;
        margin-top:0;
    }
}
@media (min-width:1200px) {
    .index.info .personalQuote a{
        font-size:1.3em;
        margin-top:0;
        padding:7px 15px;
    }
}
.index.info .viewPrice{
    background-color:#cbefff;
    padding-top:20px;
    padding-bottom:20px;
}

@media (min-width:768px) {
    .index.info .viewPrice{
        background-image:url(../media/templateImages/img_background_green.png);
        background-repeat:repeat-x;
        background-position:top center;
        padding-top:10px;
    }
}
@media (min-width:768px) {
    .index.info .viewPrice{
        padding-bottom:0;
    }
}
.index.info .viewPrice .triangle-down{
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:17px solid #fff;
    position:relative;
    top:-10px;
    left:49%;
}
.index.info .viewPrice p.title{
    color:#003b54;
    text-align:center;
    font-weight:700;
    font-size:1.6em;
    line-height:30px;
    margin-bottom:20px;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
}
@media (min-width:768px) {
    .index.info .viewPrice p.title{
        color:#fcee21;
        text-align:center;
        font-weight:700;
        font-size:1.8em;
        line-height:30px;
        margin-bottom:0;
        margin-top:20px;
    }
}
@media (min-width:992px) {
    .index.info .viewPrice p.title{
        color:#fcee21;
        text-align:center;
        font-weight:700;
        font-size:1.8em;
        line-height:30px;
        margin-bottom:10px;
        margin-top:20px;
    }
}
@media (min-width:1200px) {
    .index.info .viewPrice p.title{
        color:#fcee21;
        text-align:center;
        font-weight:700;
        font-size:2em;
        line-height:30px;
        margin-bottom:10px;
        margin-top:20px;
        text-shadow:1px 2px #4F4F4F;
    }
}
.index.info .viewPrice p{
    color:#015b8c;
    text-align:center;
    font-size:1.4em;
    font-weight:700;
    margin-top:30px;
    line-height:30px;
    margin-left:20px;
    margin-right:20px;
}
.index.info .viewPrice p a{
    color: #fff;
    text-decoration: none;
}
@media (min-width:768px) {
    .index.info .viewPrice p{
        color:#fff;
        text-align:center;
        font-size:1.3em;
        font-weight:700;
        margin-top:10px;
        line-height:30px;
        margin-bottom:30px;
        margin-left:0;
        margin-right:0;
    }
}
@media (min-width:992px) {
    .index.info .viewPrice p{
        color:#fff;
        text-align:center;
        font-size:1.3em;
        font-weight:700;
        margin-top:10px;
        line-height:30px;
        margin-bottom:30px;
    }
    .index.info .viewPrice p.info{
        margin-left:110px;
        margin-right:110px;
    }
}
@media (min-width:1200px) {
    .index.info .viewPrice p.info{
        margin-left:220px;
        margin-right:220px;
        text-shadow:1px 2px #4F4F4F;
    }
}
.index.info .viewPrice p span, .index.info .viewPrice p span a{
    color:#f15a24;
    font-size:1.2em;
}
@media (min-width:768px) {
    .index.info .viewPrice p span, .index.info .viewPrice p span a{
        color:#fcee21;
        font-size:1.2em;
    }
}
.index.info .viewPrice img{
    margin:0 auto;
    display:block;
    margin-bottom:30px;
}
.index.info .viewPrice .btn{
    font-size:1.4em;
    padding:10px;
    margin:0 auto;
    display:block;
    width:240px;
}
.index.info .viewPrice .ratedBackground{
    background-color:#68C441;
    opacity:0.2;
    min-height:50px;
}
.index.info .viewPrice .rated{
    position:relative;
    top:-42px;
}
.index.info .viewPrice .rated img{
    display:inline-block;
    float:left;
    width:137px;
    margin-top:5px;
    margin-left:12px;
}
.index.info .viewPrice .rated p{
    float:left;
    font-size:1.1em;
    margin-top:0;
    margin-left:20px;
    font-weight:600;
}
@media (min-width:1200px) {
    .index.info .viewPrice .rated p{
        margin-bottom:10px;
    }
}
.index.info .viewPrice .rated p span.extra{
    font-size:0.9em;
    margin-left:10px;
}
.index.info .viewPrice .rated .ratedContainer{
    margin:0 auto;
    display:block;
    width:768px;
}
.index.info .footerLinks, .footer.footerLinks{
    background-color:#373344;
    border:0;
    padding-top:25px;
    padding-bottom:15px;
}
@media (min-width:768px) {
    .index.info .footerLinks{
        background-color:#f2f2f2;
        border:0;
        padding-top:25px;
        padding-bottom:15px;
        border-top:2px solid #e6e6e6;
    }
}
@media (min-width:992px) {
    .index.info .footerLinks{
        background-color:#f2f2f2;
        border:0;
        padding-top:55px;
        padding-bottom:55px;
        border-top:2px solid #e6e6e6;
    }
}
.index.info .footerLinks .linkContainer a, .footer.footerLinks .linkContainer a {
    color:#fff;
    text-align:center;
    font-size:1.1em;
}
.index.info .boilerJuice, .footer.boilerJuice{
    margin:20px;
}
.index.info .boilerJuice img, .footer.boilerJuice img{
    width:100%;
    max-width:374px;
    margin:0 auto;
    display:block;
}
.index.info .boilerJuice img, .footer.boilerJuice .svgImg img{
    margin-bottom:5px;
}
.index.info .boilerJuice p, .footer.boilerJuice p{
    font-size:1em;
    font-weight:700;
    text-align:center;
}
.index.info .boilerJuice p span, .index.info .boilerJuice p span a, .footer.boilerJuice p span, .footer.boilerJuice p span a{
    color:#0070bc;
    font-weight:700;
}
.testimonials{
    padding:20px 0 20px 0;
    background:#F6F6F6;
    border-top-style:solid;
    border-top-color:#E6E6E6;
    border-bottom-style:solid;
    border-bottom-color:#E6E6E6;
    padding-top:9px;
    padding-bottom:12px;
    overflow-x:hidden !important;
}
@media (min-width:768px) {
    .testimonials{
        padding-top:30px;
        padding-bottom:50px;
    }
}

.testimonalsContainer .testimonal{
    background-color:#caf0f4;
    padding:15px 15px 15px 15px;
    margin-top:10px;
}
@media (min-width:1200px) {
    .testimonalsContainer .testimonal{
        margin-top:0;
    }
}
.testimonalsContainer .testimonal h2{
    font-size:1.2em;
    color:#f15a25;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    text-align:left;
    margin-top:0;
}

.testimonials .testimonalsText > div{
    font-size:1.3em;
    color:#f15a25;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    margin-top:10px;
    text-align:center;
    margin-bottom:10px;
}
@media (min-width:768px) {
    .testimonials .testimonalsText > div{
        font-size:1.3em;
        color:#f15a25;
        font-family:'Open Sans', sans-serif, Tahoma;
        font-weight:700;
        margin-top:17px;
        text-align:left;
        margin-bottom:0;
    }
}
@media (min-width:992px) {
    .testimonials .testimonalsText > div{
        font-size:1.3em;
        color:#f15a25;
        font-family:'Open Sans', sans-serif, Tahoma;
        font-weight:700;
        margin-top:6px;
    }
}
@media (min-width:1200px) {
    .testimonials .testimonalsText > div{
        font-size:1.3em;
        color:#f15a25;
        font-family:'Open Sans', sans-serif, Tahoma;
        font-weight:700;
        margin-top:20px;
        margin-bottom:50px;
    }
}


.testimonalsText .rating p{
    float:none;
    text-align:center;
}
@media (min-width:1200px) {
    .testimonalsText .rating p{
        float:left;
    }
}
.testimonalsText .rating div{
    float:none!important;
    text-align:center;
    padding-bottom:10px;
}
@media (min-width:1200px) {
    .testimonalsText .rating div{
        float:left!important;;
        text-align:center;
    }
}
.testimonials .stars{
    margin-bottom:12px;
}
@media (min-width:768px) {
    .testimonials .stars{
        margin-bottom:0;
        float:right;
    }
}
.index.info .testimonal p{
}
.index.info .testimonal p.name{
    color:#1e84c2;
    font-weight:bold;
}
.index.info .testimonials img.stars2{
    width:190px;
    margin-top:23px;
    margin-bottom:23px;
    width:100%;
}
@media (min-width:768px) {
    .index.info .testimonials img.stars2{
        width:190px;
        margin-top:13px;
        margin-bottom:13px;
        width:100%;
    }
}
@media (min-width:992px) {
    .index.info .testimonials img.stars2{
        margin-top:16px;
    }
}
@media (min-width:1200px) {
    .index.info .testimonials img.stars2{
        margin-top:13px;
    }
}
@media (min-width:992px) {
    .index.info img.stars2{
        margin-top:35px;
        margin-top:35px;
    }
}
@media (min-width:1200px) {
    .index.info img.stars2{
        float:right;
        margin-bottom:25px;
        margin-top:0;
        width:100%;
    }
}
.index.info .col-md-3{
    text-align:center;
}

/* fix carousel under quote form */
.sidebarCarousel.hidden-sm {
    max-width: 360px;
    margin: 0 auto;
}
@media (min-width:992px) {
    .sidebarCarousel.hidden-sm {
        max-width: 293px;
    }
}
@media (min-width:1200px) {
    .sidebarCarousel.hidden-sm {
        max-width: 360px;
    }
}
.sidebarCarousel img {
    max-width: 100%;
}
@media (min-width:992px) {
    .sidebarCarousel .slick-slider img {
        max-width: 293px;
    }
}
@media (min-width:1200px) {
    .sidebarCarousel .slick-slider img {
        max-width: 350px;
    }
}
.reviewItem, .reviewItem-tablet {
    position: relative;
}
.reviewItem .reviewText {
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 45px;
    width: 186px;
    z-index: 200;
}
@media (min-width:992px) {
    .reviewItem .reviewText {
        font-size: 1em;
    }
}
@media (min-width:1200px) {
    .reviewItem .reviewText {
        font-size: 1.2em;
    }
}
.reviewItem .reviewImg, .reviewItem-tablet .reviewImg {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

.reviewItem-tablet .reviewText {
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
    left: 47px;
    position: absolute;
    top: 40px;
    width: 400px;
    z-index: 200;
}

@media (min-width:1200px) {
    .index.info .testimonials .outercarousel{
        padding-left:0!important;
        padding-right:0!important;
    }

    .sidebarCarousel img {
        max-width: 100%!important;
    }
}
.index.lazy, .index.visible-xs.lazy, .index.visible-md.lazy, .index.visible-lg.lazy, .index.visible-sm.lazy{
    display:inline-block;
}
.sidebarCarousel {
    clear: both;
}
.floatingQuoteFormRightCol .bottom {
    margin-top: 0;
}
.testimonials .carousel-inner{
    position:relative;
    overflow:hidden;
    margin-left:0;
    margin-right:0;
    width:inherit;
    height:220px;
}
.testimonials .carousel-inner .active.left{
    left:50%;
}
.testimonials .carousel-inner .next{
    left:50%;
}
@media (min-width:992px) {
    .carousel-inner .active.left{
        left:-33.33333333%;
    }
    .carousel-inner .next{
        left:33.33333333%;
    }
}
.carousel-controls.left, .carousel-controls.right{
    background-image:none;
    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);
    opacity:.5;
    filter:alpha(opacity=50);
}
.carousel-controls.left{
    top:90px;
    left:-53px;
    opacity:1;
}
@media (min-width:992px) {
    .carousel-controls.left{
        top:90px;
        left:-77px;
        opacity:1;
    }
}
@media (min-width:1200px) {
    .carousel-controls.left{
        top:90px;
        left:-90px;
        opacity:1;
    }
}
@media (min-width:1300px) {
    .carousel-controls.left{
        top:90px;
        left:-100px;
        opacity:1;
    }
}
.carousel-controls.right{
    top:90px;
    right:-53px;
    opacity:1;
    left:auto;
}
@media (min-width:992px) {
    .carousel-controls.right{
        top:90px;
        right:-77px;
        opacity:1;
    }
}
@media (min-width:1200px) {
    .carousel-controls.right{
        top:90px;
        right:-90px;
        opacity:1;
    }
}
@media (min-width:1300px) {
    .carousel-controls.right{
        top:90px;
        right:-100px;
        opacity:1;
    }
}




.testimonalsContainer h2{
    color:#f15a25;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    font-size:1.4em;
    text-align:center;
    margin-top:0;
    margin-bottom:20px;
}
@media (min-width:940px) {
    .testimonalsContainer h2{
        margin-top:27px;
        text-align:left;
    }
}
.getQuote{
    background-color:#333333;
    padding:20px 0 12px 0;
}
@media (min-width:1200px) {
    .getQuote{
        padding:20px 0 20px 0;
    }
}

.getQuote img.man{
    position:absolute;
    padding-right:30px;
    top:-62px;
    display:none;
}
@media (min-width:992px) {
    .getQuote img.man{
        display:inline;
        left:-208px;
    }
}
@media (min-width:1200px) {
    .getQuote img.man{
        display:inline;
        left:0;
    }
}
.getQuote a.btn{
    margin-left:0;
    text-transform:uppercase;
    padding:10px 10px;
    font-size:18px;
    margin-right:30px;
    width:100%;
    margin-bottom:5px;
}
@media (min-width:728px) {
    .getQuote a.btn{
        padding:15px 15px;
        font-size:29px;
        width:40%;
        display:block;
        margin:0 auto;
    }
}
@media (min-width:992px) {
    .getQuote a.btn{
        padding:10px 0;
        font-size:18px;
        width:100%;
        margin-top:13px;
    }
}
@media (min-width:1200px) {
    .getQuote a.btn{
        margin-left:260px;
        padding:10px 0;
        font-size:18px;
        width:inherit;
        margin-top:13px;
    }
}
.getQuote p.title{
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    color:#fff;
    display:block;
    text-align:center;
    margin-top:12px;
    font-size:1.5em;
}

@media (min-width:992px) {
    .getQuote p.title{
        text-align:left;
    }
}
.getQuote p.italic{
    color:#fff;
    display:block;
    font-style:italic;
    font-size:14px;
    text-align:center;
}
@media (min-width:992px) {
    .getQuote p.italic{
        text-align:left;
    }
}
@media (min-width:1200px) {
    .getQuote img.quote{
        padding-left:241px;
        font-size:16px;
    }
}

.oilChart{
    background-color:#d25400;
    border-top:6px solid #c6421B;
    padding-top:12px;
    padding-bottom:22px;
    overflow-x:hidden !important;
}
@media (min-width:992px) {
    .oilChart{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .oilChart{
        padding-top:110px;
        padding-bottom:110px;
    }
}

.oilChart img.laptop{
    margin-top:8px;
    width:100%;
}
@media (min-width:768px) {
    .oilChart img.laptop{
        width:100%;
        display:block;
        margin:0 auto;
        margin-top:40px;
    }
}
@media (min-width:992px) {
    .oilChart img.laptop{
        width:100%;
        display:block;
        margin:0 auto;
        margin-top:0;
    }
}
.oilChart h2{
    border:none;
    color:#fff;
    margin-top:0;
    font-family:'Open Sans', sans-serif, Tahoma;
    margin-top:30px;
    font-weight:700;
    font-size:22px;
}
@media (min-width:768px) {
    .oilChart h2{
        font-size:28px;
    }
}
@media (min-width:940px) {
    .oilChart h2{
        margin-top:0;
    }
}

.oilChart p{
    color:#fff;
}
@media (min-width:992px) {
    .oilChart p.last{
        margin-bottom:30px;
    }
}

.oilChart img.charts{
    padding-top:20px;
}

.oilChart a.btn{
    text-transform:uppercase;
    width:60%;
    display:block;
    margin:0 auto;
    margin-top:20px;
}
@media (min-width:992px) {
    .oilChart a.btn{
        text-transform:uppercase;
        margin-top:20px;
        display:inline;
        float:left;
        width:40%;
    }
}
@media (min-width:1200px) {
    .oilChart a.btn{
        width:30%;
    }
}

.boilerService{
    background-color:#cbf1f4;
    border-top:6px solid #85cbcd;
    padding-top:22px;
    padding-bottom:22px;
    overflow-x:hidden !important;
}
@media (min-width:992px) {
    .boilerService{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .boilerService{
        padding-top:110px;
        padding-bottom:110px;
    }
}

.boilerService p.title{
    color:#f15a25;
    border:none;
    margin-bottom:5px;
    padding-bottom:0;
    margin-top:0;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    font-size:22px;
}
@media (min-width:768px) {
    .boilerService p.title{
        font-size:30px;
    }
}
.boilerService p.italic{
    font-style:italic;
}

.boilerService img.stars{
    margin-top:10px;
    margin-bottom:10px;
}

.boilerService p.bold{
    font-weight:bold;
}

.boilerService img.quote{
    margin-top:15px;
    margin-bottom:15px;
}
@media (min-width:1200px) {
    .boilerService img.quote{
        margin-bottom:15px;
    }
}
.boilerService a.btn{
    text-transform:uppercase;
    margin-top:10px;
}
.additives{
    background-color:#4cba7b;
    border-top:6px solid #2d8f56;
    padding-top:12px;
    padding-bottom:22px;
}
@media (min-width:992px) {
    .additives{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .additives{
        padding-top:110px;
        padding-bottom:110px;
    }
}
.additives p.title{
    color:#fff;
    border:none;
    margin-top:30px;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    font-size:22px;
    margin-bottom:15px;
}
@media (min-width:768px) {
    .additives p.title{
        font-size:30px;
    }
}
@media (min-width:992px) {
    .additives p.title{
        margin-top:10px;
    }
}

.additives p span{
    color:#0071bc;
}

.additives img.quote{
    padding-top:15px;
    width:100%;
}
@media (min-width:768px) {
    .additives img.quote{
        width:60%;
        display:block;
        margin:0 auto;
    }
}
@media (min-width:1200px) {
    .additives img.quote{
        width:100%;
        display:block;
        margin:0 auto;
    }
}
.additives a.btn{
    text-transform:uppercase;
    margin-top:10px;
}

.paymentPlan{
    background-color:#f15a25;
    border-top:6px solid #c7441a;
    padding-top:12px;
    padding-bottom:22px;
    color:#fff;
}
@media (min-width:992px) {
    .paymentPlan{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .paymentPlan{
        padding-top:110px;
        padding-bottom:110px;
    }
}


.paymentPlan p.title{
    color:#fff;
    border:none;
    padding-bottom:0;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    margin-top:30px;
    margin-bottom:10px;
    font-size:22px;
}
@media (min-width:768px) {
    .paymentPlan p.title{
        font-size:30px;
    }
}
@media (min-width:992px) {
    .paymentPlan p.title{
        margin-top:0;
    }
}
@media (min-width:1200px) {
    .paymentPlan{
        margin-top:0;
    }
}

.paymentPlan img.piggy{
    width:60%;
    display:block;
    margin:0 auto;
}
@media (min-width:768px) {
    .paymentPlan img.piggy{
        width:100%;
        display:block;
        margin:0 auto;
        margin-top:44px;
    }
}
@media (min-width:992px) {
    .paymentPlan img.piggy{
        margin-top:0;
    }
}
.paymentPlan ul{
    list-style-type:disc;
    list-style-image:none;
}

.paymentPlan ul li{
    line-height:25px;
    font-style:italic;
    font-size:14px;
}


.paymentPlan img.learnmore{
    padding-top:20px;
}

.paymentPlan a.btn{
    text-transform:uppercase;
    margin-top:10px;
}

.benefits{
    background-image:url(../media/templateImages/bg-wide.jpg);
    background-repeat:repeat-x;
    background-size:1004px 100%;
    border-top:6px solid #c7441a;
    padding-top:12px;
    padding-bottom:22px;
    background-position:top left;
}
@media (min-width:768px) {
    .benefits{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .benefits{
        padding-top:110px;
        padding-bottom:110px;
    }
}

.benefitsContainer{
    background-color:#fff;
    padding:25px 25px 25px 25px;
}

.benefitsContainer p.title{
    color:#DE5A0E;
    margin-bottom:15px;
    margin-top:0;
    font-size:20px;
    font-weight:700;
}
@media (min-width:768px) {
    .benefitsContainer p.title{
        font-size:30px;
    }
}
.benefitsContainer .info-text-left img{
    float:left;
    padding-left:20px;
    padding-right:10px;
    padding-top:2px;
}

.benefitsContainer .info-text-left h3{
    color:#DE5A0E;
    font-weight:bold;
    font-size:0.9em;
    display:block;
    text-shadow:none;
}
.benefitsContainer .info-text-left p.title{
    color:#DE5A0E;
    font-weight:bold;
    font-size:0.9em;
    display:block;
    padding-bottom:0;
}
@media (min-width:768px) {
    .benefitsContainer .info-text-left h3{
        color:#DE5A0E;
        font-weight:bold;
        font-size:1.1em;
        display:block;
    }
    .benefitsContainer .info-text-left p.title{
        color:#DE5A0E;
        font-weight:bold;
        font-size:1.1em;
        display:block;
        padding-bottom:0;
        margin-top:10px;
    }
}
@media (min-width:1200px) {
    .benefitsContainer .info-text-left p.title{
        padding-left:0;
    }
}

.benefitsContainer .info-text-left p{
    font-size:1em;
    padding-left:46px;
    display:block;
    padding-bottom:20px;
}

.howBoilerjuiceWorks{
    background-color:#f15a25;
    border-top:6px solid #c7441a;
    padding-top:12px;
    padding-bottom:22px;
}
@media (min-width:992px) {
    .howBoilerjuiceWorks{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (min-width:1200px) {
    .howBoilerjuiceWorks{
        padding-top:110px;
        padding-bottom:110px;
    }
}

.howBoilerjuiceWorks p.title{
    color:#fff;
    border:none;
    margin-top:0;
    font-family:'Open Sans', sans-serif, Tahoma;
    font-weight:700;
    margin-bottom:20px;
    font-size:22px;
}
@media (min-width:768px) {
    .howBoilerjuiceWorks p.title{
        font-size:30px;
    }
}
@media (min-width:992px) {
    .howBoilerjuiceWorks p.title{
        font-size:26px;
    }
}
@media (min-width:1200px) {
    .howBoilerjuiceWorks{
        margin-bottom:0;
    }
}
.howBoilerjuiceWorks p,
.howBoilerjuiceWorks span{
    color:#fff;
}
.howBoilerjuiceWorks .col-md-8 p:first-child{
    margin-top:36px;
}
.howBoilerjuiceWorks a{
    color:#fff;
    text-decoration:underline;
}
.footerLinks{
    background-color:#4d4d4d;
    border-top:4px solid #333333;
    padding-top:50px;
    padding-bottom:50px;
}

.footerLinks .site-links-link .link{
    margin-bottom:0;
    text-align:left;
}
@media (min-width:992px) {
    .footerLinks .site-links-link .link{
        margin-bottom:5px;
        font-size:1.1em;
    }
}
.footerLinks .site-links-link a{
    color:#fff;
    padding:0 0 10px 0;
    font-size:14px;
}
@media (min-width:768px) {
    .footerLinks .site-links-link a{
        color:#444444;
        padding:0 0 10px 0;
        font-size:0.8em;
    }
    .footerLinks .site-links-link a.bold{
        font-size:0.9em;
    }
}
.footerLinks .site-links-link a:hover{
    text-decoration:underline;
}
@media (min-width:992px) {
    .footerLinks .site-links-link a.bold{
        font-size:1em;
    }
}
@media (min-width:1200px) {
    .footerLinks .site-links-link a{
        font-size:0.9em;
        font-weight:600;
    }
}
.footerLinks .site-links.supplier p{
    color:#f15a24;
    font-weight:bold;
    text-align:center;
    margin-top:5px;
    margin-bottom:0;
}
@media (min-width:992px) {
    .footerLinks .site-links.supplier p{
        margin-bottom:5px;
        font-size:1.1em;
    }
}
.footerLinks .site-links.supplier a{
    color:#444444;
    font-size:0.7em;
    text-align:center;
    display:block;
    line-height:14px;
    margin-bottom:5px;
    margin-top:7px;
}
@media (min-width:992px) {
    .footerLinks .site-links.supplier a{
        color:#444444;
        font-size:0.8em;
        text-align:center;
        display:block;
        line-height:14px;
        margin-bottom:5px;
        margin-top:7px;
    }
}
.footerLinks .site-links.supplier a.btn{
    color:#fff;
    display:block;
    margin:0 auto;
    width:100px;
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e9cd7),color-stop(99%,#005b97));
    background:-webkit-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-o-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:-ms-linear-gradient(top,#1e9cd7 13%,#005b97 99%);
    background:linear-gradient(to bottom,#1e9cd7 13%,#005b97 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e9cd7', endColorstr='#005b97', GradientType=0);
    -moz-box-shadow:inset -1px -1px 1px #555555;
    -webkit-box-shadow:inset -1px -1px 1px #555555;
    box-shadow:inset -1px -1px 1px #555555;
    text-shadow:0 -1px #444444;
}
.footerLinks .site-links.supplier a.btn:hover{
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
    color:#fff;
    border-color:#0d459e;
    background:#13a0cc;
    background:-moz-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(13%,#1e77c6),color-stop(99%,#1e77c6));
    background:-webkit-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-o-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:-ms-linear-gradient(top,#1e77c6 13%,#1e77c6 99%);
    background:linear-gradient(to bottom,#1e77c6 13%,#1e77c6 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e77c6', endColorstr='#1e77c6', GradientType=0);
    -moz-box-shadow:inset 1px 1px 1px #555555;
    -webkit-box-shadow:inset 1px 1px 1px #555555;
    box-shadow:inset 1px 1px 1px #555555;
}
@media (min-width:1200px) {
    .footerLinks .site-links.supplier a.btn{
        color:#fff;
        display:block;
        margin:0 auto;
        width:106px;
        font-size:1em;
        height:31px;
    }
}

.socialArea{
    border-top:2px solid #B2B2B2;
    padding-top:20px;
    padding-bottom:20px;
    height:260px;

    /* Experiment social fixed bottom */
    /*  position:fixed;
  bottom:0;
  left:0;
  background-color:#fff;
  width:100%;
  height:100px;
  z-index:100;
  padding-top:0;*/
}
@media (min-width:992px) {
    .socialArea{
        height:120px;

        /* Experiment social fixed bottom */
        /*height:50px;*/
    }
}

/* Experiment social fixed bottom */
/*div.socialmediaButtons{
  margin:0 !important;
}
#footer{
  padding-bottom:30px;
}
*/






/* Inner CMS pages */

.index.cms{
    margin-bottom:40px;
}

.index.cms-bottom .socialmediaButtons{
    margin-bottom:40px;
}
.index.cms-bottom .socialArea{
    border-top:none;
}

table.styled {
    margin:0 0 20px 0;
    border-collapse:separate;
    border-spacing:1px;
}
table.styled th {
    padding:5px 10px;
    background:#f90;
    color:#fff;
    font-weight:bold;
}
table.styled td {
    padding:5px 10px;
    color:#333;
    font-weight:normal;
}
table.styled tr {
    background:#eee;
}
table.styled tr.row1 {
    background:#eee;
}
table.styled tr.row2 {
    background:#f5f5f5;
}



.index.cms h1,
.buyingWeekend h1,
.supplierLogin h1{
    margin-top:0;
}
.index.cms .freequote-panel{
    margin-top:30px;
}

@media (min-width:992px) {
    .index.cms .freequote-panel{
        margin-top:0;
    }
}
.index.cms .tile img{
    width:100%;
}
.index.cms #groupSavingImg{
    display:none;
}
@media (min-width:768px) {
    .index.cms #groupSavingImg{
        display:block;
    }
}
.index.cms img#paymentPlanPiggy{
    display:none;
}
@media (min-width:992px) {
    .index.cms img#paymentPlanPiggy{
        display:inline;
    }
}
.sidebar-testimonials{
    display:block;
    margin:20px auto;
    width:100%;
}
.buyingWeekend{
    margin-bottom:30px;
}
.buyingWeekend .buying-weekend-steps .step{
    margin-bottom:20px;
}
.supplierLogin img#boilerjuiceman{
    display:none;
}
@media (min-width:992px) {
    .supplierLogin img#boilerjuiceman{
        display:inline;
    }
}

.contactUs{
    margin-bottom:30px;
}
.contactUs h1{
    margin-top:0;
}


/* Heating oil Price charts */

.heatingOilPrices{
    margin-bottom:30px;
}
.heatingOilPrices p{
    margin:5px 0 15px 0;
}
.heatingOilPrices p.subtitle {
    text-align:center;
    color:#0272be;
    font-size:1.0em;
}
.heatingOilPrices .img-responsive {
    float:none;
    margin-left:auto;
    margin-right:auto;
}
.heatingOilPrices .btn-flat-blue,
.heatingOilPrices .btn-flat-green,
.heatingOilPrices .btn-flat-orange,
.heatingOilPrices .btn-group>.btn-flat-blue,
.heatingOilPrices .btn-group>.btn-flat-green,
.heatingOilPrices .btn-group>.btn-flat-orange
{
    margin:0 5px 10px;
    text-shadow:none;
}
.heatingOilPrices .bg-yellow-box p {
    margin:0 0;
    font-size:16px;
    font-weight:600;
}
.heatingOilPrices .btn-group-vertical > .btn,
.heatingOilPrices .btn-group > .btn {
    float:none;
}
.heatingOilPrices h1,
.heatingOilPrices h2 {
    padding-bottom:7px;
    color:#DD5709;
    font-size:1.7em;
    font-weight:700;
    border-bottom:none;
}
.heatingOilPrices h4 {
    text-align:center;
    font-weight:700;
    color:#2980b9;
    margin-top:25px;
}

.heatingOilPrices .bottom-buffer {
    margin-bottom:5px;
}

.heatingOilPrices .google-visualization-tooltip > ul li.google-visualization-tooltip-item:first-child {
    margin:0 0 !important;
}
.heatingOilPrices .google-visualization-tooltip > ul li.google-visualization-tooltip-item {
    min-width:120px;
}
.heatingOilPrices .google-visualization-tooltip > ul li.google-visualization-tooltip-item:nth-child(n+3){
    display:none;
}

/* Heating oil Price charts Re-design*/
.heatingOilPrices.england p.subtitle,
.heatingOilPrices.UK p.subtitle{
    color: #444;
    text-align: left;
    font-weight: bold;
}
.heatingOilPrices.england .col-sm-5.dashed{
    border-style: dashed;
    border-radius: 7px;
    height: 166px;
    border-color: #f19040;
    padding: 16px 10px 10px 15px;
}
.heatingOilPrices.england .col-sm-5.dashed p{
    font-weight: bold;
    font-size: 1.2em;
}
.heatingOilPrices.england .col-sm-5.dashed p.price{
    color: #ff5b36;
    font-size: 2.7em;
}
.heatingOilPrices.england .container.price .col-sm-7 img{
    width: 100%;
    max-width: 399px;
    margin-top: 15px;
}
.heatingOilPrices.england .affectsPrice p.subTitle{
    font-weight: bold;
}
.heatingOilPrices.england .affectsPrice img{
    width: 100%;
    max-width: 666px;
}
.heatingOilPrices.england hr{
    border-top: dotted 2px;
    border-color: #d2d2c3;
    margin-top: 30px;
}
.heatingOilPrices.england h3.graph_title,
.heatingOilPrices.UK h3.graph_title{
    text-align: center;
    font-weight: 700;
    color: #2980b9;
    margin-top: 25px;
}
.heatingOilPrices.england .btn-group>.btn{
    float: left;
}
.heatingOilPrices.england .period table thead div{
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: left;
}
.heatingOilPrices.UK .period table thead div{
    text-align: center;
    margin-bottom: 10px;
}
.heatingOilPrices.england .calculate p.subTitle{
    font-weight:bold;
}
.heatingOilPrices.england .calculate img.hidden-xs.hidden-sm{
    margin-top: 45px;
    margin-left: 13px;
}
.heatingOilPrices.england .calculate img.hidden-md.hidden-lg{
    width: 100%;
    max-width: 725px;
}
.heatingOilPrices.england .starRating.round-box.drop-shadow.lifted.top-buffer{
    margin-top: 20px;
}
@media (min-width:768px) {
    .heatingOilPrices.england .col-sm-5.dashed{
        height: 206px;
    }
    .heatingOilPrices.england .col-sm-5.dashed p{
        font-size: 1.5em;
    }
    .heatingOilPrices.england .container.price .col-sm-7 img{
        position: relative;
        width: 100%;
        max-width: 399px;
        left: 14px;
    }
    .heatingOilPrices.england .affectsPrice img{
        margin-left: 39px;
    }
    .heatingOilPrices.england .calculate img.hidden-md.hidden-lg{
        margin-top: 45px;
    }
    .heatingOilPrices.england .starRating.round-box.drop-shadow.lifted.top-buffer{
        margin-top: 60px;
    }
}
@media (min-width:992px) {
    .heatingOilPrices.england .col-sm-5.dashed{
        height: 186px;
    }
    .heatingOilPrices.england .col-sm-5.dashed p{
        font-size: 1em;
        line-height: 20px;
    }
    .heatingOilPrices.england .col-sm-5.dashed p.price{
        font-size: 2em;
    }
    .heatingOilPrices.england .container.price .col-sm-7 img {
        margin-left: 30px;
        top: -13px;
        max-width: 446px;
        left: 0px;
    }
    .heatingOilPrices.england .affectsPrice img{
        margin-left: 0px;
        width: 100%;
        max-width: 666px;
    }
    .heatingOilPrices.england .calculate img.hidden-xs.hidden-sm{
        width: 100%;
        margin-top: 45px;
        margin-left: 0px;
        max-width: 724px;
    }
}
@media (min-width:1200px) {
    .heatingOilPrices.england .col-sm-5.dashed{
        height: 206px;
    }
    .heatingOilPrices.england .col-sm-5.dashed p{
        font-size: 1.3em;
        line-height: 23px;
    }
    .heatingOilPrices.england .col-sm-5.dashed p.price{
        font-size: 2.7em;
    }
    .heatingOilPrices.england .affectsPrice img{

    }
}



/*** BUTTONS EXTRA ***/
.btn-yellow {
    color:#703300;
    border:1px solid #FF6D00;
    background-color:#FF9600;
    border-color:#FF9600;
    background:#FF9600; /* Old browsers */
    background:-moz-linear-gradient(top,  #FFDE00 13%, #FF9600 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(13%,#FFDE00), color-stop(99%,#FF9600)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #FFDE00 13%,#FF9600 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #FFDE00 13%,#FF9600 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #FFDE00 13%,#FF9600 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #FFDE00 13%,#FF9600 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDE00', endColorstr='#FF9600',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset -1px -1px 1px #FF6D00;
    -webkit-box-shadow:inset -1px -1px 1px #FF6D00;
    box-shadow:inset -1px -1px 1px #FF6D00;
}
.btn-yellow:active,
.btn-yellow:hover,
.btn-yellow:focus,
.open .dropdown-toggle.btn-yellow {
    background-image:none;
    background:#FF9600;
    border:1px solid #FF6D00;
    -moz-box-shadow:inset 1px 1px 1px #FF6D00;
    -webkit-box-shadow:inset 1px 1px 1px #FF6D00;
    box-shadow:inset 1px 1px 1px #FF6D00;
}
.btn-green {
    color:#206600;
    border:1px solid #377E08;
    background-color:#75B22D;
    border-color:#75B22D;
    background:#75B22D; /* Old browsers */
    background:-moz-linear-gradient(top,  #A3D666 13%, #75B22D 99%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(13%,#A3D666), color-stop(99%,#75B22D)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #A3D666 13%,#75B22D 99%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #A3D666 13%,#75B22D 99%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #A3D666 13%,#75B22D 99%); /* IE10+ */
    background:linear-gradient(to bottom,  #A3D666 13%,#75B22D 99%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3D666', endColorstr='#75B22D',GradientType=0 ); /* IE6-9 */
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
    background:#54b51c; /* Old browsers */
    background:-moz-linear-gradient(top,  #54b51c 5%, #54b51c 98%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#54b51c), color-stop(98%,#54b51c)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #54b51c 5%,#54b51c 98%); /* IE10+ */
    background:linear-gradient(to bottom,  #54b51c 5%,#54b51c 98%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b51c', endColorstr='#54b51c',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow:inset 1px 1px 1px #888888;
    -webkit-box-shadow:inset 1px 1px 1px #888888;
    box-shadow:inset 1px 1px 1px #888888;
}



.heatingOilPrices .btn-success {
    padding:10px 20px;
    font-size:1.33em;
}
.drop-shadow-img {
    position:relative;
}
.drop-shadow-img:after {
    content:url('../media/templateImages/shadow-ipad-small2.png');
    position:absolute;
    border:none;
    bottom:-16px;
    left:0;
    text-align:center;
    width:100%;
}
@media (min-width:375px) {
    .drop-shadow-img:after {
        content:url('../media/templateImages/shadow-ipad-small2.png');
        bottom:-16px;
    }
}
@media (min-width:768px) {
    .drop-shadow-img:after {
        content:url('../media/templateImages/shadow-small.png');
        bottom:-20px;
    }
}
@media (min-width:992px) {
    .drop-shadow-img:after {
        content:url('../media/templateImages/shadow-ipad-small2.png');
        bottom:-16px;
    }
}
@media (min-width:1200px) {
    .drop-shadow-img:after {
        content:url('../media/templateImages/shadow-small.png');
        bottom:-21px;
    }
}
.drop-shadow {
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}
.lifted {
    position:relative;
    -moz-border-radius:4px;
    border-radius:4px;
}
.lifted .btn {
    width:100%;
}
.lifted:before,
.lifted:after {
    content:"";
    position:absolute;
    z-index:-2;
    width:50%;
    height:20%;
    bottom:15px;
    left:10px;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
.heatingOilPrices .starRating .rating_title{
    display:block;
    text-align:center;
    font-weight:700;
    color:#f15a25;
    font-size:1.5em;
    padding-top:10px;
    padding-bottom:5px;
}
.heatingOilPrices .starRating div{
    display:block;
    text-align:center;
    color:#f15a25;
}

.heatingOilPrices .starRating img.stars2{
    width:150px;
    padding-top:8px;
}

@media (max-width:320px) {
    .heatingOilPrices .btn-success {
        font-size:0.8em;
    }

    .heatingOilPrices .bottom-buffer {
        margin-bottom:20px;
    }

    .heatingOilPrices .bg-yellow-box p {
        font-size:12px;
    }

}

@media (min-width:320px) {
    .heatingOilPrices .btn-success {
        font-size:0.95em;
    }

    .heatingOilPrices .bottom-buffer {
        margin-bottom:25px;
    }

    .heatingOilPrices .bg-yellow-box p {
        font-size:14px;
    }

}

@media (min-width:414px) {
    .heatingOilPrices .btn-success {
        font-size:1.0em;
    }

    .heatingOilPrices .bottom-buffer {
        margin-bottom:25px;
    }

    .heatingOilPrices .bg-yellow-box p {
        font-size:14px;
    }

}

@media (min-width:768px) {
    .heatingOilPrices .starRating .rating_title{
        display:block;
        text-align:center;
        font-weight:700;
        color:#f15a25;
        /*font-size:4.5em;*/
        padding-top:50px;
        padding-bottom:45px;
    }

    .heatingOilPrices .starRating div{
        display:block;
        text-align:center;
        font-size:2.5em;
        color:#f15a25;
    }

    .heatingOilPrices .starRating img.stars2{
        width:340px;
        padding-top:28px;
        padding-bottom:30px;
    }

    .heatingOilPrices .btn-success {
        font-size:1.1em;
    }

    .heatingOilPrices .bottom-buffer {
        margin-bottom:20px;
    }

}

@media (min-width:992px) {
    .heatingOilPrices .starRating .rating_title{
        display:block;
        text-align:center;
        font-weight:700;
        color:#f15a25;
        font-size:1.7em;
        padding-top:10px;
        padding-bottom:5px;
    }

    .heatingOilPrices .starRating div{
        display:block;
        text-align:center;
        font-size:1em;
        color:#f15a25;
    }

    .heatingOilPrices .starRating img.stars2{
        width:150px;
        padding-top:8px;
        padding-bottom:5px;
    }

    .heatingOilPrices .btn-success {
        font-size:1.0em;
    }
}

@media (min-width:1200px) {
    .heatingOilPrices .btn-success {
        font-size:1.33em;
    }
}


/* Small Tankers  */
.tankerSmall{
    padding:20px;
    border:2px solid #f15A29;
    background-color:#daf3f7;
    border-radius:5px;
    margin-top:20px;
    background-position:bottom right;
}

.topPanel .tankerSmall.wheeler4,
.topPanel .tankerSmall.baby{
    margin-bottom: 20px;
}

.tankerSmall h2{
    margin-top:10px;
    margin-left:10px;
    color:#f15A29;
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:20px;
    text-shadow:none;
}
.tankerSmall ul{
    margin-left:0;
}
.tankerSmall li{
    color:#f15A29;
    font-size:1.2em;
    font-weight:bold;
    line-height:30px;
    list-style:none;
}
.tankerSmall p{
    color:#2373ba;
    font-size:1.1em;
    line-height:25px;
    margin-left:10px
}

@media (min-width:768px) {
    .tankerSmall{
        background-color:#eaf8f8;
        background-size:100%;
        height:470px;
        margin-top:20px;
        background-repeat:no-repeat;
    }
    .tankerSmall.baby{
        background-image:url('../media/templateImages/baby-tanker-quote-results2.png');
    }
    .tankerSmall.wheeler4{
        background-image:url('../media/templateImages/4-wheel-tanker-quote-results.png');
    }
    .tankerSmall h2{
        display:none;
    }
    .tankerSmall ul{
        margin-left:20px;
        margin-top:20px;
    }
    .tankerSmall p{
        display:none;
    }
}
@media (min-width:992px) {
    .tankerSmall{
        margin-top:0;
    }
}
@media (min-width:1200px) {
    .tankerSmall{
        height:489px;
    }
}








/* IE 7 or below popup */

#UpgradeBrowserPopup .box{
    background-color:#FFFDE8;
    border-radius:10px;
    float:left;
    padding:20px;
    border:1px solid #DDD8A0;
    min-height:270px;
    width:100%;
    margin-top:15px;
}
#UpgradeBrowserPopup .box .img,
#UpgradeBrowserPopup .box a{
    display:block;
    margin:0 auto;
    text-align:center;
}
#UpgradeBrowserPopup .box .btn{
    margin-top:10px;
}
#UpgradeBrowserPopup .box > p{
    color:#166b9b;
    font-size:16px;
    font-weight:bold;
    padding-bottom:5px;
}
#UpgradeBrowserPopup .box ul{
    list-style-image:url('../media/templateImages/bullet.png');
    color:#fa8a11;
    margin-top:15px;
    padding-left:20px;
}
#UpgradeBrowserPopup .box ul > li{
    color:#767676;
}
#UpgradeBrowserPopup .bottom-box{
    margin-top:15px;
}
#UpgradeBrowserPopup .bottom-box input,
#UpgradeBrowserPopup .bottom-box p{
    float:left;
    margin-top:0;
}

#UpgradeBrowserPopup .bottom-box p{
    margin-left:5px;
    line-height:10px;
}

/* quote form non image slogan */
#quoteForm .quoteSlogan p {
    color:#fff;
    font-size:26px;
    font-weight:700;
    line-height:30px;
    margin:0 0 10px;
    text-align:center;
}
#quoteForm .quoteSlogan p span {
    color:#fcee21;
}

/* SmallHolder Page Style */
.smallholderHeader .header a.logo .svgImg img.boilerjuiceLogo {
    width:auto;
}
.smallholderHeader .header p {
    margin:0 0;
}
.smallHolderHead p {
    font-size:20px;
}
.smallHolderHead p strong {
    color:#000;
}
.smallHolderHead p span {
    color:#4aa848;
}

.smallHolderPage {
    background-repeat:repeat-x;
}
.smallHolderPage h1 {
    color:#0172be;
    font-size:30px;
    font-weight:800;
    border:none;
    margin-bottom:10px;
    text-shadow:2px 2px 1px rgba(255,255,255,1.0), 2px 2px 2px rgba(255,255,255,1.0) !important;
}
.smallHolderPage p {
    font-size:18px;
    font-weight:600;
    margin:0 0 5px;
}
.smallHolderPageMiddle .trustpilot span{
    color:#fcee21;
}
.smallHolderPageMiddle .featured-list,
.smallHolderPage .featured-list {
    position:absolute;
    vertical-align:middle;
    height:33px;
    top:320px;
    color:#fcee21;
}
.smallHolderPageMiddle .featured-list p,
.smallHolderPage .featured-list p {
    color:#fcee21;
}
.smallHolderPageMiddle .featured-list img,
.smallHolderPage .featured-list img {
    padding:0 15px;
}
.smallHolderPageBottom .modal-header {
    border-bottom:none;
}
.smallHolderPageBottom .modal-title {
    color:#0172be;
}
.smallHolderPageBottom .modal-body .btn {
    font-size:18px;
}
.smallHolderPageBottom .modal-body p {
    font-size:18px;
}
.smallHolderPageBottom .modal-body p span {
    color:#fa8a11;
}
.smallHolderPageMiddle {
    background-color:#4aa848;
}
.smallHolderPageMiddle h1,
.smallHolderPageMiddle h2,
.smallHolderPageMiddle h3 {
    color:#fff;
    margin-top:10px;
}
.smallHolderPageMiddle p {
    color:#fff;
    font-size:18px;
}
.smallHolderPageBottom p.span,
.smallHolderPageBottom h2.span {
    color:#fcee21;
}
.smallHolderPageBottom h2 {
    font-size:2.0em;
    margin-bottom:30px;
}
.smallHolderPageBottom p span, {
    color:#fcee21;
}
.smallHolderPageBottom .content p span {
    color:#fa8a11;
}
.smallholder-entrance {
    background-color:#def0f4;
    border-top:1px dashed #B2B2B2;
    border-bottom:1px dashed #B2B2B2;
    text-align:center;
}
.smallholder-entrance p {
    font-weight:700;
}
.smallholder-entrance p span {
    color:#4aa848;
    font-weight:700;
}
.smallholder-entrance .btn.btn-gold {
    font-size:30px;
    padding:9px 58px;
}
.smallHolderPageBottom .content p {
    font-size:18px;
    line-height:1.6em;
    margin-top:10px;
}

/* Small holder page */
@media (max-width:375px){
    .smallholderHeader *{
        text-align:center;
    }
    .smallHolderPage{
        padding-top:0;
        padding-bottom:0;
        background-image:none;
        background-color:#fff;
    }
    .smallholderHeader p{
        margin:0 0;
    }
    .smallHolderPageMiddle .featured-list,
    .smallHolderPage .featured-list {
        position:relative;
        top:0;
        height:auto;
    }
    .smallHolderPageMiddle .featured-list img,
    .smallHolderPage .featured-list img {
        padding:0 10px;
    }
    .smallholder-entrance .btn.btn-gold {
        font-size:30px;
        padding:9px 30px;
    }
    .smallHolderPageBottom .btn-arrows {
        visibility:hidden;
    }
    .smallHolderPageBottom h2 {
        font-size:22px;
    }
    .quote-form-block{
        padding:20px 0;
        background-color:#69b737;
    }
}
@media (min-width:375px){
    .smallholderHeader *{
        text-align:center;
    }
    .smallHolderPage{
        padding-top:0;
        padding-bottom:0;
        background-image:none;
        background-color:#fff;
    }
    .smallHolderPageBottom h2 {
        font-size:22px;
    }
    .smallholder-entrance p {
        font-size:17px;
        margin:0 0 20px;
    }
    .smallHolderPageMiddle .featured-list,
    .smallHolderPage .featured-list {
        position:relative;
        top:0;
        height:auto;
    }
    .smallHolderPageMiddle .featured-list img,
    .smallHolderPage .featured-list img {
        padding:0 10px;
    }
    .smallholder-entrance .btn.btn-gold {
        font-size:30px;
        padding:9px 30px;
    }
    .quote-form-block{
        padding:20px 0;
        background-color:#69b737;
    }
}
@media (min-width:768px) {
    .smallHolderPage{
        margin-top:20px;
        padding-bottom:30px;
    }
    .smallHolderPage .errorMessage{
        margin-bottom :20px;
    }
    .smallHolderPage p{
        margin-top:21px;
        font-size:20px;
    }
    .smallHolderPage h1{
        font-size:40px;
        font-weight:800;
    }
    .smallholderHeader .text-left {
        text-align:center;
    }
    .quote-form-block{
        padding:0 0;
        background-color:unset;
    }
    .smallHolderPageMiddle p {
        font-size:17px;
    }
    .smallHolderPageMiddle .featured-list,
    .smallHolderPage .featured-list {
        position:relative;
        top:0;
        height:auto;
    }
    .smallHolderPageMiddle .featured-list img,
    .smallHolderPage .featured-list img {
        padding:0 15px;
    }
    .smallholder-entrance p {
        font-size:19px;
    }
    .smallholder-entrance .btn.btn-gold {
        font-size:30px;
        padding:9px 58px;
    }
    .smallHolderPageBottom .content p {
        font-size:24px;
        line-height:1.6em;
        margin-top:10px;
    }
    .smallHolderPage{
        background-image:url(../media/templateImages/smallholder/bg-header-mobile.png);
        background-position:center bottom !important;
    }
}
@media (min-width:992px) {
    .smallHolderPage{
        margin-top:0;
        padding-bottom:30px;
    }
    .smallholderHeader *{
        text-align:left;
    }
    .smallholderHeader .header a.logo .svgImg img.boilerjuiceLogo {
        width:100%;
    }
    .smallHolderHead p{
        font-size:19px;
    }
    .smallHolderPage p{
        margin-top:0;
    }
    .smallholder-entrance p {
        font-size:19px;
    }
    .smallHolderPageMiddle p {
        font-size:15px;
    }
    .smallHolderPageMiddle .featured-list,
    .smallHolderPage .featured-list {
        top:310px;
    }
    .smallHolderPageMiddle .featured-list>img,
    .smallHolderPage .featured-list>img {
        padding:0 0 0 10px;
    }
    .smallHolderPage{
        background-image:url(../media/templateImages/smallholder/bg-header-desktop.png);
        background-position:center bottom !important;
    }
    .smallHolderPageBottom h2 {
        font-size:27px;
    }
}
@media (min-width:1200px) {
    .smallholderHeader .header a.logo .svgImg img.boilerjuiceLogo {
        width:80%;
    }
    .smallHolderPage h1{
        font-size:42px;
    }
    .smallholder-entrance p {
        font-size:24px;
    }
    .smallHolderPageMiddle p {
        font-size:17px;
    }
    .smallHolderPageMiddle .featured-list,
    .smallHolderPage .featured-list {
        top:320px;
    }
    .smallHolderPageMiddle .featured-list>img,
    .smallHolderPage .featured-list>img {
        padding:0 15px;
    }
    .smallHolderPageBottom h2 {
        font-size:30px;
    }
    .smallHolderPage{
        background-image:url(../media/templateImages/smallholder/bg-header-desktop.png);
        background-position:center bottom !important;
    }
}


/* order tankered oil stage 1 */
.orderTankeredOilStage1{
    padding-top:30px;
    padding-bottom:30px;
    background-color:#154a72;
    overflow-x:hidden !important;
}
.orderTankeredOilStage1 p.tandclink a{
    display: block;
    width: 100px;
    height: 15px;
}
.container.orderOilTerms {
    display: none;
}

@media (min-width:992px) {
    .orderTankeredOilStage1{
        padding-top:30px;
        padding-bottom:30px;
        background-position:center bottom;
        background-color:#69b737;
    }
    .orderTankeredOilStage1.may2016 {
        background: #ffffff url(../media/templateImages/02-LT-Homepage-Win-500.jpg) no-repeat center -190px;
        overflow-x: visible !important;
        height: 630px;
    }
    .orderTankeredOilStage1.may2016.countdown{
        background-position: center -120px;
        height: 670px;
    }
    .orderTankeredOilStage1.may2016.extra.countdown{
        height: 670px;
    }
    .orderTankeredOilStage1.may2016.extra{
        height: 630px;
    }
    .orderTankeredOilStage1 .tandclink {
        position: relative;
        top: 447px;
        left: 43px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .orderTankeredOilStage1.extra p.tandclink{
        position: relative;
        top: 389px;
        left: 43px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .container.orderOilTerms p {
        font-size: 0.9em;
    }
}
@media (min-width:1200px) {
    .orderTankeredOilStage1{
        background-position:center bottom;
        background-color:#69b737;
        height: 600px;
    }
    .orderTankeredOilStage1 p.tandclink{
        position: relative;
        top: 409px;
        left: 113px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .orderTankeredOilStage1.extra p.tandclink{
        position: relative;
        top: 402px;
        left: 113px;
        width: 100px;
        height: 15px;
        z-index: 10;
    }
    .orderTankeredOilStage1.may2016 {
        background: #ffffff url(../media/templateImages/01-D-Homepage-Win-500.jpg) no-repeat center -190px;
        overflow-x: visible !important;
        height: 630px;
    }
    .orderTankeredOilStage1.may2016.extra {
        padding-top: 30px;
        padding-bottom: 0;
        height: 630px;
    }
    .orderTankeredOilStage1.may2016.countdown{
        height: 700px;
    }
    .orderTankeredOilStage1.may2016.extra.countdown{
        height: 700px;
    }
}

.orderTankeredOilStage1 p.title{
  font-size:1.6em;
  color:#fff;
  border:none;
  margin-top:0;
  text-align:center;
  font-weight:bold;
}
.orderTankeredOilStage1 h2{
    font-size:1.6em;
    color:#fff;
    border:none;
    margin-top:0;
    text-align:center;
    font-weight:bold;
}
@media (max-width:768px) {
    .orderTankeredOilStage1 p.title{
        margin-top:10px;
    }
}
.orderTankeredOilStage1 .top p.title{
    color:#ff0;
    border-bottom:0;
    float:left;
    text-align:center;
    font-family:Montserrat,sans-serif;
    line-height:35px;
    font-size:2em;
    font-weight:600;
    width:100%;
}
@media (max-width:375px) {
    .orderTankeredOilStage1 .top p.title{
        color:#ff0;
        border-bottom:0;
        float:left;
        text-align:center;
        font-family:'Bree Serif',serif;
        line-height:35px;
        font-size:2em;
        font-weight:600;
        width:100%;
    }
}
@media (min-width:992px){
    .orderTankeredOilStage1 .top p.title{
        color: #3C3C3C;
        font-weight: 600;
        margin: 96px 0 0 0;
        text-align: left;
        font-size: 1.6em;
        width: 570px;
        line-height: 35px;
    }
    .orderTankeredOilStage1.countdown .top p.title{
        margin: 93px 0 0 0;
    }
    .orderTankeredOilStage1 .top h2{
        color: #3C3C3C;
        font-weight:600;
        margin: 10px 0;
        text-align: left;
        font-size: 0.9em;
        width: 570px;
        line-height: 35px;
    }
}
@media (min-width:1200px){
    .orderTankeredOilStage1 .top p.title{
        margin: 85px 0 0 0;
        font-size: 2em;
        width: 720px;
    }
    .orderTankeredOilStage1.countdown .top p.title{
        margin: 87px 0 0 0;
    }
    .orderTankeredOilStage1 .top h2{
        margin: 10px 0;
        font-size: 1.1em;
        width: 690px;
        font-weight: 600;
    }
}

.errorMessage{
    background-color:#80CFE0;
}
@media (min-width:992px) {
    .errorMessage{
        background-color:#b5cac9;
    }
}
.errorMessage .alert-danger{
    margin-top:20px;
}


/* Quote Result page */

#quoteResultsPage{
    margin-top:0;
    margin-bottom:30px;
}
@media (min-width:992px) {
    #quoteResultsPage{
        margin-top:0;
        margin-bottom:30px;
    }
}
.splitA #quoteResultsPage{
    margin-top:0;
    margin-bottom:30px;
}
#showStandardTemp,
#showEconomy10Temp,
#showEconomy12Temp,
#showEconomy14Temp,
#showExpress5Temp,
#showExpress3Temp,
#showExpress2Temp,
#showEmergencyTemp{
    width:100%;
}
#showStandardTemp h3,
#showEconomy10Temp h3,
#showEconomy12Temp h3,
#showEconomy14Temp h3,
#showExpress5Temp h3,
#showExpress3Temp h3,
#showExpress2Temp h3,
#showEmergencyTemp h3{
    margin-top:5px;
}

#quoteResultsPage .quoteRowHeader{
    border-radius:5px;
    margin-bottom:10px;
    padding:10px;
    font-size:14px;
    font-weight:bold;
    background:#333;
    color:#fff;
    text-align:left;
}

#quoteResultsPage .unavailable {
    background:#eee;
    color:#999;
    border-bottom:1px solid white;
    padding:5px 10px;
}




#quoteResultsPage .groupSavings.groupometer.price{
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 0px;
    width: 100% !important;
    background-color: #2a5a30;
    padding: 10px!important;
}

.quoteResultPage #quoteResultsPage .groupSavings.groupometer.price {
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 20px;
}

@media (max-width:768px) {
    #quoteResultsPage .groupSavings.groupometer.price .prices{
        padding: 0px;
    }
    #quoteResultsPage .groupSavings.groupometer.price .prices .row {
        width: 100%;
        padding: 0px;
        max-width: 280px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .service h2 {
    color: #ffdb49;
    margin-bottom: 0px;
    margin-top: 10px;
}
#quoteResultsPage .groupSavings.groupometer.price .service p.date{
    color: #ffdb49;
    text-align: center;
    font-weight: bold;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .service p.date{
        text-align: left;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .service p.span{
    text-align: center;
    font-size: 0.9em;
    color: #fff;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 3px;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .service p.span {
        text-align: left;
        margin-bottom: 0px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .service a{
    color: #ffdb49;
    font-size: 0.6em;
}
#quoteResultsPage .groupSavings.groupometer.price .volume{
    padding-bottom: 0px;
}
#quoteResultsPage .groupSavings.groupometer.price .volume p{
    color: #ffdb49;
    font-weight: bold;
    line-height: 28px;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .volume p{
        line-height: 32px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .volume p{
        line-height: 28px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .volume p.title{
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 17px;
}
@media (min-width:768px) {
    #quoteResultsPage .groupSavings.groupometer.price .volume p.title{
        font-size: 1em;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .volume p.title{
        font-size: 0.9em;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .volume p.title{
        font-size: 1em;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .price{
    padding-bottom: 0px;
}
#quoteResultsPage .groupSavings.groupometer.price .price p{
    color: #ffdb49;
    font-weight: bold;
    line-height: 28px;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .price p{
        line-height: 32px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .price p{
        line-height: 28px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .price p.title{
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 17px;
}
@media (min-width:768px) {
    #quoteResultsPage .groupSavings.groupometer.price .price p.title{
        font-size: 1em;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .price p.title{
        font-size: 0.9em;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .price p.title{
        font-size: 1em;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .total{
    padding-bottom: 0px;
}
@media (max-width:768px) {
    #quoteResultsPage .groupSavings.groupometer.price .total{
        padding-left: 0px;
        padding-right: 0px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .total p{
    color: #ffdb49;
    font-weight: bold;
    line-height: 28px;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .total p{
        line-height: 32px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .total p{
        line-height: 28px;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .total p.title{
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 17px;
}
@media (min-width:768px) {
    #quoteResultsPage .groupSavings.groupometer.price .total p.title{
        font-size: 1em;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .total p.title{
        font-size: 0.9em;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .total p.title{
        font-size: 1em;
    }
}
#quoteResultsPage .groupSavings.groupometer.price .order{
    padding-top: 8px;
    padding-left: 7px;

}
#quoteResultsPage .groupSavings.groupometer.price .order a.btn{
    margin-top: 0px;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings.groupometer.price .order a.btn{
        margin-top: 33px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings.groupometer.price .order a.btn{
        margin-top: 29px;
    }
}
#quoteResultsPage .groupSavings.standard.groupometer.only{
    padding: 0px 0 20px 0!important;
    background-color: #3aa745 !important;
}
.quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer.only{
    padding: 0px;
    margin-bottom: 0px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#quoteResultsPage .groupSavings.standard.groupometer.only .groupometerLeft p.p1 {
    font-size: 1.3em;
    margin-bottom: 10px;
}
#quoteResultsPage .groupSavings {
    border-radius:5px;
    margin-bottom:10px;
    background:#8cc63f;
    color:#003f1f;
    border:1px solid #d9e021;
    padding:20px 20px 20px 20px;
}
#quoteResultsPage .groupSavings.only{
    border-radius:0px!important;
}
@media (min-width:992px) {
    #quoteResultsPage .groupSavings {
        padding:20px 20px 5px 20px;
    }
}
#quoteResultsPage .groupSavings h2 {
    color:#003f1f;
    font-size:23px;
    font-weight:bold;
    margin-top:0;
}
@media (min-width:1200px){
    #quoteResultsPage .groupSavings .title.NI h2{
        margin-top:11px;
    }
}

#quoteResultsPage .serviceB{
    border-bottom:2px solid #dae028;
}
@media (min-width:768px) {
    #quoteResultsPage .serviceB{
        border-bottom:none;
    }
}
#quoteResultsPage .serviceB .title{
    padding:0;
}
#quoteResultsPage .serviceB .info{
    padding:0;
}
#quoteResultsPage .groupSavings a.info{
    color:#fff;
    font-size:0.9em;
    padding-top:5px;
}
#quoteResultsPage .groupSavings .dateB {
    color:#333;
    padding:0;
    margin-top:15px;
}
@media (min-width:768px) {
    #quoteResultsPage .groupSavings .dateB{
        margin-top:0;
        padding:0 15px 0 0;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .groupSavings .dateB {
        font-size:1.1em;
    }
}
#quoteResultsPage .priceB,
#quoteResultsPage .vatB,
#quoteResultsPage .totalB,
#quoteResultsPage .orderB {
    font-size:1.4em;
    font-weight:bold;
    padding:0;
}
@media (min-width:992px) {
    #quoteResultsPage .priceB{
        font-size:1.3em;
        margin-left:68px;
        margin-right:26px;

    }
}

@media (max-width:768px){
    #quoteResultsPage .totalB.NI{
        width:114px;
    }
}
@media (min-width:992px){
    #quoteResultsPage .totalB.NI{
        font-size:1.5em;
        margin-left:27px;
    }
    #quoteResultsPage .totalB.NI p{
        font-size:1.2em;
    }
}

#quoteResultsPage .totalB.NI p sup{
    font-size:0.5em;
    top:-15px;
}

@media (min-width:1200px) {
    #quoteResultsPage .priceB{
        margin-top:2px;
        margin-left:7px;
        margin-right:16px;
    }
}
#quoteResultsPage .vatB,
#quoteResultsPage .totalB{
    line-height:23px;
    height:60px;
}
#quoteResultsPage .vatB p,
#quoteResultsPage .totalB p{
    margin-bottom:0;
}
@media (min-width:768px) {
    #quoteResultsPage .vatB p{
        padding-left:14px;
    }
    #quoteResultsPage .totalB p{
        padding-left:22px;
        font-size:0.9em;
    }
}
#quoteResultsPage .vatB p.title,
#quoteResultsPage .totalB p.title,
#quoteResultsPage .priceB p.title{
    font-weight:normal;
    color:#fff;
    font-size:0.6em;
}
#quoteResultsPage .priceB p.title{
    font-size:10px;
    margin-bottom:0;
}
@media (min-width:768px) {
    #quoteResultsPage .priceB p.title{
        font-size:13px;
    }
}
@media (min-width:768px) {
    #quoteResultsPage .vatB p.title,
    #quoteResultsPage .totalB p.title,
    #quoteResultsPage .priceB p.title{
        margin-top:2px;
    }
}
@media (min-width:768px) {
    #quoteResultsPage .totalB p{
        padding-left:0;
    }
}
@media (min-width:768px) {
    #quoteResultsPage .vatB p{
        padding-left:0;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .vatB{
        font-size:1.3em;
    }
}
#quoteResultsPage .totalB{
    font-size:1.6em;
}
@media (min-width:992px) {
    #quoteResultsPage .totalB{
        font-size:1.3em;
        margin-left:8px;
    }
}
#quoteResultsPage .orderB .btn{
    margin:0 auto;
}
@media (min-width:768px) {
    #quoteResultsPage .orderB .btn{
        margin-top:21px;
    }
}
#quoteResultsPage .orderB.NI .btn{
    margin-top:10px;
}
@media (min-width:992px) {
    #quoteResultsPage .orderB.NI .btn{
        margin-top:5px;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .orderB .btn{
        margin-top:3px;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .orderB{
        margin-left:15px;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .orderB.NI{
        margin-left:65px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .orderB.NI{
        margin-left:35px;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .vatB p,
    #quoteResultsPage .priceB p,
    #quoteResultsPage .totalB p{
        margin-top:10px;
    }
}


#quoteResultsPage .express{
    border-radius:5px;
    margin-bottom:10px;
    background:#daf3f7;
    border:1px solid #86d0ea;
    padding:20px 20px 20px 20px;
}
@media (min-width:992px) {
    #quoteResultsPage .express{
        padding:20px 20px 5px 20px;
    }
}
#quoteResultsPage .express .serviceB{
    border-bottom:2px solid #86d0ea;
}
@media (min-width:768px) {
    #quoteResultsPage .express .serviceB{
        border-bottom:none;
    }
}
@media (min-width:992px) {
    #quoteResultsPage .express .serviceB h2 span{
        font-size:0.8em;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .express .serviceB h2 span{
        font-size:1em;
    }
}
#quoteResultsPage .express h2{
    color:#0071bc;
    font-weight:bold;
    font-size:22px;
    margin-top:0;
}
@media (min-width:992px) {
    #quoteResultsPage .express h2{
        font-size:25px;
    }
}
@media (min-width:1200px) {
    #quoteResultsPage .express .title.NI h2{
        margin-top:11px;
    }
}
@media (min-width:1200px) {
    .splitA #quoteResultsPage .express .title.NI h2{
        margin-top:7px;
    }
}
@media (min-width:1200px) {
    .splitA #quoteResultsPage .express .title.NI.beforecutoff h2{
        margin-top:9px;
    }
}


#quoteResultsPage .express a.info{
    color:#fff;
    font-size:0.9em;
    padding-top:5px;
    color:#5a91c8;
}
@media (min-width:992px) {
    #quoteResultsPage .express a.info{
    }
}
#quoteResultsPage .express .dateB{
    padding:0;
    margin-top:15px;
}
@media (min-width:768px) {
    #quoteResultsPage .express .dateB{
        margin-top:0;
    }
}
@media (min-width:768px) {
    #quoteResultsPage .express .dateB{
        font-size:1.1em;
    }
}

#quoteResultsPage .express .priceB p,
#quoteResultsPage .express .vatB p,
#quoteResultsPage .express .totalB p{
    color:#0071bc;
}
@media (min-width:992px) {
    #quoteResultsPage .express .priceB p,
    #quoteResultsPage .express .vatB p,
    #quoteResultsPage .express .totalB p{
        color:#0071bc;
        margin-top:10px;
    }
}
#quoteResultsPage .express .vatB p.title,
#quoteResultsPage .express .totalB p.title,
#quoteResultsPage .express .priceB p.title,{
    color:#003f1f
}
#quoteResultsPage .express.emergency {
    background:#f4f2c6;
    border:1px solid #fbb038;
}
#quoteResultsPage .express.emergency h2{
    color:#c1272d;
    font-size:23px;
}
@media (min-width:1200px) {
    #quoteResultsPage .express.emergency .title.NI h2{
        margin-top:11px;
    }
}
#quoteResultsPage .express.emergency .serviceB{
    border-bottom:2px solid #fbb038;
}
@media (min-width:768px) {
    #quoteResultsPage .express.emergency .serviceB{
        border-bottom:none;
    }
}

#quoteResultsPage .express.emergency .priceB p,
#quoteResultsPage .express.emergency .vatB p,
#quoteResultsPage .express.emergency .totalB p{
    color:#444
}

#quoteResultsPage .express.emergency.unavailable,
#quoteResultsPage .express.unavailable{
    background:#eee;
    border:1px solid white;
}
#quoteResultsPage .express.emergency.unavailable h2,
#quoteResultsPage .express.unavailable h2{
    color:#999;
}
/*@media (min-width:1200px) {
  #quoteResultsPage .express.emergency.unavailable h2,
  #quoteResultsPage .express.unavailable h2{
    margin-top:12px;
    margin-bottom:25px;
  }
}*/

#quoteResultsPage .express.emergency.unavailable .serviceB{
    border-color:#999;
}

#quoteResultsPage .editquote{
    float:left;
}

#quoteResultsPage img.trustpilotandsecurity{
    width:100%;
    margin-top:35px;
}





/* Quote results - Group-o-meter version */

#quoteResultsPage .quoteRowHeader .service {
    padding-left:30px;
}

#quoteResultsPage .quoteRowHeader p {
    font-size:14px;
    margin:0;
    line-height:1.1;
}

#quoteResultsPage .nongroupometer.standardGroup {
    border-radius:5px;
    margin-bottom:10px;
    background:#8cc63f;
    color:#003f1f;
    border:1px solid #d9e021;
    padding:20px 20px 20px 20px;
}
@media (min-width:992px) {
    #quoteResultsPage .nongroupometer.standardGroup {
        padding:20px 20px 5px 20px;
    }
}
#quoteResultsPage .nongroupometer.standardGroup h2{
    color:#003F1F;
    font-weight:bold;
    font-size:22px;
    margin-top:0;
}
@media (min-width:992px) {
    #quoteResultsPage .nongroupometer.standardGroup h2{
        font-size:25px;
    }
}

#quoteResultsPage .nongroupometer.standardGroup .service p {
    font-size:14px;
}

#quoteResultsPage .nongroupometer.standardGroup .service p strong {
    font-size:15px;
    color:#003F1F;
}

#quoteResultsPage .nongroupometer.standardGroup .service p a.info{
    color:#fff;
    font-size:0.9em;
    padding-top:5px;
}

#quoteResultsPage .nongroupometer.standardGroup .volume p,
#quoteResultsPage .nongroupometer.standardGroup .price p,
#quoteResultsPage .nongroupometer.standardGroup .total p {
    color:#003F1F;
}






#quoteResultsPage .nongroupometer .service h2 {
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
}

#quoteResultsPage .nongroupometer .service strong {
    color:#f15a23;
}

#quoteResultsPage .nongroupometer .volume,
#quoteResultsPage .nongroupometer .price,
#quoteResultsPage .nongroupometer .total {
    padding-top:25px;
}
#quoteResultsPage .nongroupometer .order {
    padding-top:5px;
}

#quoteResultsPage .nongroupometer .volume p,
#quoteResultsPage .nongroupometer .price p,
#quoteResultsPage .nongroupometer .total p {
    margin:0;
    font-size:26px;
    font-weight:600;
    color:#1b76bd;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
}

#quoteResultsPage .nongroupometer .volume p.title,
#quoteResultsPage .nongroupometer .price p.title,
#quoteResultsPage .nongroupometer .total p.title {
    margin:0;
    font-size:16px;
    font-weight:normal;
    color:#000;
    display:none;
}

#quoteResultsPage .order a.button {
    display:block;
    width:194px;
    height:71px;
    background:url('../media/templateImages/groupometer/button-order-now.png') 0 0 no-repeat;
}

#quoteResultsPage .emergency .volume p,
#quoteResultsPage .emergency .price p,
#quoteResultsPage .emergency .total p {
    color:#000;
}

@media (min-width:992px) {

    #quoteResultsPage .prices { width:35%; }
    #quoteResultsPage .service { width:45%; }
    #quoteResultsPage .volume { width:25%; }
    #quoteResultsPage .price { width:35%; }
    #quoteResultsPage .total { width:40%; }
    #quoteResultsPage .order { width:20%; }

    #quoteResultsPage .quoteRowHeader .prices { width:55%; }
    #quoteResultsPage .quoteRowHeader .volume { width:15.5%; }
    #quoteResultsPage .quoteRowHeader .price { width:22%; }
    #quoteResultsPage .quoteRowHeader .total { width:62.5%; }

}

@media (max-width:1200px) {

    #quoteResultsPage .service h2 {
        margin-bottom:10px;
    }

    #quoteResultsPage .service p {
        font-size:14px;
    }

    #quoteResultsPage .volume p,
    #quoteResultsPage .price p,
    #quoteResultsPage .total p {
        font-size:23px;
        line-height:1.1;
    }

    #quoteResultsPage .quoteRowHeader p {
        font-size:12px;
    }

    #quoteResultsPage .nongroupometer .order {
        padding-top:10px;
    }

    #quoteResultsPage .order a.button {
        width:152px;
        height:56px;
        background-image:url('../media/templateImages/groupometer/small-button-order-now.png');
    }

}

@media (max-width:991px) {

    #quoteResultsPage .quoteRowHeader p {
        font-size:12px;
    }

    #quoteResultsPage .prices .row {
        width:350px;
        margin:0 auto;
    }

    #quoteResultsPage .prices { width:100%; }
    #quoteResultsPage .volume { width:24%; }
    #quoteResultsPage .price { width:35%; }
    #quoteResultsPage .total { width:41%; }
    #quoteResultsPage .order { width:100%; }

    #quoteResultsPage .order a {
        margin:20px auto 0 auto;
    }

    #quoteResultsPage h2,
    #quoteResultsPage p {
        text-align:center;
        margin-left:0;
    }

    #quoteResultsPage .service {
        padding-right:15px;
    }

    #quoteResultsPage .nongroupometer .volume p.title,
    #quoteResultsPage .nongroupometer .price p.title,
    #quoteResultsPage .nongroupometer .total p.title {
        display:block;
    }

}

@media (max-width:768px) {

    #quoteResultsPage .nongroupometer > .row > .container,
    #quoteResultsPage .nongroupometer .prices {
        padding:0;
    }

    #quoteResultsPage .nongroupometer .prices .row {
        width:280px;
    }

    #quoteResultsPage .nongroupometer .volume p,
    #quoteResultsPage .nongroupometer .price p,
    #quoteResultsPage .nongroupometer .total p {
        font-size:22px;
    }

    #quoteResultsPage .nongroupometer .volume p.title,
    #quoteResultsPage .nongroupometer .price p.title,
    #quoteResultsPage .nongroupometer .total p.title {
        font-size:13px;
    }

    #quoteResultsPage .prices { width:100%; }
    #quoteResultsPage .volume { width:20%; }
    #quoteResultsPage .price { width:39%; }
    #quoteResultsPage .total { width:41%; }
    #quoteResultsPage .order { width:100%; }

}





/* Quote results - Group-o-meter panel */

#quoteResultsPage .standard.groupometer {
    background:#68a500;
    border:1px solid #387f09;
    padding:40px 0 20px 0;
}

#quoteResultsPage .standard.groupometer h2 {
    color:#ff0;
    font-size:24px;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
    position:relative;
    margin:0 0 40px 20px;
}

#quoteResultsPage .standard.groupometer h2 span.arrow {
    position:absolute;
    right:-50px;
    top:20px;
    display:block;
    width:74px;
    height:17px;
    background:url('../media/templateImages/groupometer/arrow-right.png') 0 0 no-repeat;
}

#quoteResultsPage .standard.groupometer h2 span.extra{
    font-size:1.5em;
}

#quoteResultsPage .badge-large.groupometer h2 {
    color:#ff0;
    font-size:33px;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
    position:relative;
    margin:0 0 40px 20px;
}

#quoteResultsPage .standard.groupometer p {
    margin-left:20px;
    margin-bottom:30px;
    color:#fff;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
    font-size:18px;
    font-weight:600;
    line-height:1.6;
}

#quoteResultsPage .badge-large.groupometer p {
    margin-left:20px;
    margin-bottom:30px;
    color:#fff;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
    font-size:26px;
    font-weight:600;
    line-height:1.6;
}

#quoteResultsPage .standard.groupometer p.p2 strong {
    color:#ff0;
}

#quoteResultsPage .standard.groupometer p.p2 span {
    font-weight:normal;
    font-size:18px;
}

#quoteResultsPage .standard.groupometer p.p2bottom {
    display:none;
}

#quoteResultsPage .standard.groupometer p.tip {
    background:url('../media/templateImages/groupometer/badge-tip.png') 35px 15px no-repeat rgba(0, 0, 0, 0.1);
    margin:20px 20px 30px -15px;
    padding:15px 25px 15px 110px;
    font-weight:normal;
    font-size:16px;
}

#quoteResultsPage .badge-large.groupometer p.tip {
    background:none;
    color:#004d07;
    font-size:21px;
    font-weight:bold;
    padding:0 0;
    margin-left:20px;
    margin-bottom:30px;
    text-shadow:none;
}

#quoteResultsPage .standard.groupometer .groupometer {
    position:relative;
    height:364px;
    text-align:center;
    line-height:1.1;
}

#quoteResultsPage .standard.groupometer .groupometer.top {
    background:url('../media/templateImages/groupometer/group-oil-meter-top.png') 0 0 no-repeat;
}

#quoteResultsPage .standard.groupometer .groupometer.middle {
    background:url('../media/templateImages/groupometer/group-oil-meter-middle.png') 0 0 no-repeat;
}

#quoteResultsPage .standard.groupometer .groupometer.bottom {
    background:url('../media/templateImages/groupometer/group-oil-meter-bottom.png') 0 0 no-repeat;
}

#quoteResultsPage .standard.groupometer .groupometer strong {
    font-size:26px;
    font-weight:600;
    color:#375800;
}

#quoteResultsPage .standard.groupometer .groupometer em {
    color:#f15b26;
    font-style:normal;
}

#quoteResultsPage .standard.groupometer .groupometer .topLeft {
    position:absolute;
    left:3px;
    top:102px;
    width:140px;
    height:55px;
}

#quoteResultsPage .standard.groupometer .groupometer .topRight {
    position:absolute;
    left:253px;
    top:108px;
    width:90px;
    height:40px;
    text-align:right;
}

#quoteResultsPage .standard.groupometer .groupometer .topRightPpl {
    position:absolute;
    left:348px;
    top:116px;
    width:30px;
    height:40px;
    text-align:left;
}

#quoteResultsPage .standard.groupometer .groupometer.twobars .topLeft,
#quoteResultsPage .standard.groupometer .groupometer.twobars .topRight,
#quoteResultsPage .standard.groupometer .groupometer.twobars .topRightPpl {
    display:none;
}

#quoteResultsPage .standard.groupometer .groupometer .topRight strong,
#quoteResultsPage .standard.groupometer .groupometer .middleRight strong,
#quoteResultsPage .standard.groupometer .groupometer .bottomRight strong {
    font-size:32px;
}

#quoteResultsPage .standard.groupometer .groupometer .topRightPpl,
#quoteResultsPage .standard.groupometer .groupometer .middleRightPpl,
#quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl {
    font-size:11px;
}

#quoteResultsPage .standard.groupometer .groupometer .topRightPpl span,
#quoteResultsPage .standard.groupometer .groupometer .middleRightPpl span,
#quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl span {
    font-size:9px;
}

#quoteResultsPage .standard.groupometer .groupometer.top .topLeft,
#quoteResultsPage .standard.groupometer .groupometer.top .topLeft strong,
#quoteResultsPage .standard.groupometer .groupometer.middle .middleLeft,
#quoteResultsPage .standard.groupometer .groupometer.middle .middleLeft strong,
#quoteResultsPage .standard.groupometer .groupometer.bottom .bottomLeft,
#quoteResultsPage .standard.groupometer .groupometer.bottom .bottomLeft strong,
#quoteResultsPage .standard.groupometer .groupometer.top .topRight,
#quoteResultsPage .standard.groupometer .groupometer.top .topRight strong,
#quoteResultsPage .standard.groupometer .groupometer.middle .middleRight,
#quoteResultsPage .standard.groupometer .groupometer.middle .middleRight strong,
#quoteResultsPage .standard.groupometer .groupometer.bottom .bottomRight,
#quoteResultsPage .standard.groupometer .groupometer.bottom .bottomRight strong {
    color:#144683;
}

#quoteResultsPage .standard.groupometer .groupometer.middle .bottomRight strong {
    text-decoration:line-through;
}

#quoteResultsPage .standard.groupometer .groupometer span.arrowdown {
    position:absolute;
    right:100px;
    bottom:-55px;
    display:block;
    width:26px;
    height:69px;
    background:url('../media/templateImages/groupometer/arrow-down.png') 0 0 no-repeat;
}

#quoteResultsPage .standard.groupometer .row.priceData {
    padding:0 15px;
}

#quoteResultsPage .standard.groupometer .row.priceData > .container {
    background-color:#375800;
}

#quoteResultsPage .standard.groupometer .prices { width:34.5%; }
#quoteResultsPage .standard.groupometer .order { width:20.5%; }

#quoteResultsPage .standard.groupometer .service {
    position:relative;
    padding:20px 155px 20px 20px;
}

#quoteResultsPage .standard.groupometer .service h2 {
    margin:0;
    font-size:24px;
    line-height:1.1;
}

#quoteResultsPage .standard.groupometer .service p {
    line-height:1.1;
    font-size:18px;
    margin:0;
}

#quoteResultsPage .badge-large.groupometer .service h2 {
    margin:0;
    font-size:30px;
    line-height:1.4;
}

#quoteResultsPage .badge-large.groupometer .service p {
    line-height:1.4;
    font-size:19px;
    font-weight:400;
    margin:0;
}

#quoteResultsPage .standard.groupometer img.rosette {
    position:absolute;
    top:-20px;
    right:0;
}

#quoteResultsPage .standard.groupometer .volume,
#quoteResultsPage .standard.groupometer .price,
#quoteResultsPage .standard.groupometer .total,
#quoteResultsPage .standard.groupometer .order {
    padding-top:23px;
}

#quoteResultsPage .badge-large.groupometer .order {
    padding-top:0;
}

#quoteResultsPage .standard.groupometer .volume p,
#quoteResultsPage .standard.groupometer .price p,
#quoteResultsPage .standard.groupometer .total p {
    margin:0;
    font-size:26px;
    font-weight:600;
    color:#febd01;
    line-height:1.5;
}

#quoteResultsPage .standard.groupometer .volume p span,
#quoteResultsPage .standard.groupometer .price p span,
#quoteResultsPage .standard.groupometer .total p span {
    color:#ff0;
}

#quoteResultsPage .badge-large.groupometer .volume p,
#quoteResultsPage .badge-large.groupometer .price p,
#quoteResultsPage .badge-large.groupometer .total p {
    margin:0;
    font-size:29px;
    font-weight:700;
}

#quoteResultsPage .standard.groupometer .volume p.title,
#quoteResultsPage .standard.groupometer .price p.title,
#quoteResultsPage .standard.groupometer .total p.title {
    margin:0;
    font-size:16px;
    font-weight:normal;
    color:#fff;
}

#quoteResultsPage .standard.groupometer .btn-glow-green-gold{
    margin:5px 0 0;
}
#quoteResultsPage .badge-large.groupometer .btn-glow-green-gold{
    margin:30px 0 0;
}

#quoteResultsPage .standard.groupometer .order a.button {
    display:block;
    width:194px;
    height:71px;
    background:url('../media/templateImages/groupometer/button-order-now.png') 0 0 no-repeat;
}

#quoteResultsPage .badge-large.groupometer .order a.button {
    display:block;
    width:223px;
    height:122px;
    background:url('../media/templateImages/groupometer/btn-order-now.png') 0 0 no-repeat;
}

@media (min-width:1200px) {

    #quoteResultsPage .standard.groupometer .groupometerLeft {
        min-height:398px;
    }

}

@media (max-width:1200px) {

    #quoteResultsPage .badge-large.groupometer{
        padding:20px 0 20px;
    }

    #quoteResultsPage .standard.groupometer h2{
        font-size:20px;
        margin:0 0 30px 20px;
    }
    #quoteResultsPage .badge-large.groupometer h2{
        font-size:24px;
    }

    #quoteResultsPage .standard.groupometer h2 span.arrow{
        right:-60px;
        top:10px;
        width:60px;
        height:12px;
        background:url('../media/templateImages/groupometer/small-arrow-right.png') 0 0 no-repeat;
    }

    #quoteResultsPage .standard.groupometer p{
        font-size:16px;
        line-height:1.3;
    }
    #quoteResultsPage .badge-large.groupometer p{
        font-size:20px;
        line-height:1.6;
    }

    #quoteResultsPage .standard.groupometer p.tip{
        font-size:16px;
    }
    #quoteResultsPage .badge-large.groupometer p.tip{
        font-size:16px;
    }

    #quoteResultsPage .standard.groupometer .groupometer span.arrowdown{
        bottom:-37px;
        width:22px;
        height:56px;
        background:url('../media/templateImages/groupometer/small-arrow-down.png') 0 0 no-repeat;
    }

    #quoteResultsPage .standard.groupometer .service h2,
    #quoteResultsPage .badge-large.groupometer .service h2{
        font-size:20px;
        margin-bottom:10px;
    }

    #quoteResultsPage .standard.groupometer .service p,
    #quoteResultsPage .badge-large.groupometer .service p{
        font-size:14px;
    }

    #quoteResultsPage .standard.groupometer .volume p,
    #quoteResultsPage .standard.groupometer .price p,
    #quoteResultsPage .standard.groupometer .total p,
    #quoteResultsPage .badge-large.groupometer .volume p,
    #quoteResultsPage .badge-large.groupometer .price p,
    #quoteResultsPage .badge-large.groupometer .total p {
        font-size:23px;
        line-height:1.5;
    }

    #quoteResultsPage .standard.groupometer .volume p.title,
    #quoteResultsPage .standard.groupometer .price p.title,
    #quoteResultsPage .standard.groupometer .total p.title,
    #quoteResultsPage .badge-large.groupometer .volume p.title,
    #quoteResultsPage .badge-large.groupometer .price p.title,
    #quoteResultsPage .badge-large.groupometer .total p.title {
        font-size:14px;
    }

    #quoteResultsPage .standard.groupometer .order a.button {
        width:152px;
        height:56px;
        background-image:url('../media/templateImages/groupometer/small-button-order-now.png');
    }

    #quoteResultsPage .badge-large.groupometer .order a.button {
        width:175px;
        height:95px;
        margin-top:6px;
        background-image:url('../media/templateImages/groupometer/btn-order-now-small.png');
    }

    #quoteResultsPage .groupometer .order a.btn {
        font-size:1.2em;
        padding:8px 11px;
    }

}


#quoteResultsPage .standard.groupometer .groupometer.bottom.twobars {
    background-image:url('../media/templateImages/groupometer/260px-group-oil-meter-bottom-2.png');
}

#quoteResultsPage .standard.groupometer .groupometer.middle.twobars {
    background-image:url('../media/templateImages/groupometer/260px-group-oil-meter-top-2.png');
}

#quoteResultsPage .standard.groupometer .groupometer .middleLeft {
    position:absolute;
    left: 1px;
    top: 120px;
    width: 100px;
    height: 39px;
}
#quoteResultsPage .standard.groupometer .groupometer .bottomLeft {
    position:absolute;
    left:3px;
    top: 176px;
    width:100px;
    height:39px;
}

#quoteResultsPage .standard.groupometer .groupometer .middleRight {
    position:absolute;
    left: 160px;
    top: 127px;
    width: 67px;
    height: 26px;
}

#quoteResultsPage .standard.groupometer .groupometer .middleRightPpl {
    position:absolute;
    left: 230px;
    top: 129px;
    width: 30px;
    height: 30px;
}

#quoteResultsPage .standard.groupometer .groupometer .bottomRight {
    position:absolute;
    left: 161px;
    top: 179px;
    width: 67px;
    height: 26px;
}

#quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl {
    position:absolute;
    left: 231px;
    top: 182px;
    width:30px;
    height:30px;
}

@media (min-width:400px) {
    #quoteResultsPage .standard.groupometer .groupometer.bottom.twobars {
        background-image:url('../media/templateImages/groupometer/280px-group-oil-meter-bottom-2.png');
    }

    #quoteResultsPage .standard.groupometer .groupometer.middle.twobars {
        background-image: url('../media/templateImages/groupometer/280px-group-oil-meter-top-2.png');
    }

    #quoteResultsPage .standard.groupometer .groupometer .middleLeft {
        left:3px;
        top:130px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .bottomLeft {
        top:190px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .middleRight {
        left:178px;
        top:137px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .middleRightPpl {
        left:248px;
        top:138px;
    }

    #quoteResultsPage .standard.groupometer .groupometer .bottomRight {
        left:178px;
        top:196px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl {
        left:248px;
        top:197px;
    }
}

@media (min-width:992px) {
    #quoteResultsPage .standard.groupometer .groupometer.middle.twobars {
        background:url('../media/templateImages/groupometer/group-oil-meter-top-2.png') 0 0 no-repeat;  /* this SHOULD be the top version */
    }

    #quoteResultsPage .standard.groupometer .groupometer.bottom.twobars {
        background:url('../media/templateImages/groupometer/group-oil-meter-bottom-2.png') 0 0 no-repeat;
    }

    #quoteResultsPage .standard.groupometer .groupometer .middleLeft {
        left:3px;
        top:185px;
        width:140px;
        height:55px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .bottomLeft {
        left:3px;
        top:268px;
        width:140px;
        height:55px;
    }
    #quoteResultsPage .standard.groupometer .groupometer .middleRight {
        left:253px;
        top:190px;
        width:90px;
        height:40px;
        text-align:right;
    }
    #quoteResultsPage .standard.groupometer .groupometer .bottomRight {
        left:253px;
        top:272px;
        width:90px;
        height:40px;
        text-align:right;
    }
    #quoteResultsPage .standard.groupometer .groupometer .middleRightPpl {
        left:348px;
        top:198px;
        width:30px;
        height:40px;
        text-align:left;
    }
    #quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl {
        left:348px;
        top:280px;
        width:30px;
        height:40px;
        text-align:left;
    }

}



@media (max-width:991px) {

    #quoteResultsPage .badge-large.groupometer{
        padding:20px 0 20px;
    }

    #quoteResultsPage .standard.groupometer .groupometer span.arrowdown,
    #quoteResultsPage .standard.groupometer h2 span.arrow,
    #quoteResultsPage .standard.groupometer img.rosette {
        display:none;
    }

    #quoteResultsPage .standard.groupometer h2,
    #quoteResultsPage .standard.groupometer p {
        text-align:center;
        margin-left:0;
    }

    #quoteResultsPage .standard.groupometer p.p2 {
        display:none;
    }

    #quoteResultsPage .standard.groupometer p.p2bottom {
        display:block;
        font-size:16px;
        line-height:1.3;
        margin-left:10px;
        margin-right:10px;
    }

    #quoteResultsPage .standard.groupometer p.p2bottom strong {
        color:#ff0;
    }

    #quoteResultsPage .standard.groupometer p.p2bottom span {
        font-weight:normal;
        font-size:14px;
    }

    #quoteResultsPage .standard.groupometer p.tip,
    #quoteResultsPage .badge-large.groupometer p.tip {
        margin-bottom:0;
    }

    #quoteResultsPage .standard.groupometer .groupometerRight {
        padding:0;
    }

    #quoteResultsPage .standard.groupometer .groupometer {
        width:280px;
        height:261px;
        margin:0 auto 20px auto;
        font-size:12px;
    }

    #quoteResultsPage .standard.groupometer .groupometer.top {
        background-image:url('../media/templateImages/groupometer/280px-group-oil-meter-top.png');
    }

    #quoteResultsPage .standard.groupometer .groupometer.middle {
        background-image:url('../media/templateImages/groupometer/280px-group-oil-meter-middle.png');
    }

    #quoteResultsPage .standard.groupometer .groupometer strong {
        font-size:20px;
    }

    #quoteResultsPage .standard.groupometer .groupometer .topLeft {
        left:3px;
        top:70px;
        width:100px;
        height:39px;
    }

    #quoteResultsPage .standard.groupometer .groupometer .topRight {
        left:178px;
        top:78px;
        width:67px;
        height:26px;
    }


    #quoteResultsPage .standard.groupometer .groupometer .topRightPpl {
        left:248px;
        top:79px;
        width:30px;
        height:30px;
    }

    #quoteResultsPage .standard.groupometer .groupometer .topRight strong,
    #quoteResultsPage .standard.groupometer .groupometer .middleRight strong,
    #quoteResultsPage .standard.groupometer .groupometer .bottomRight strong {
        font-size:22px;
    }

    #quoteResultsPage .standard.groupometer .groupometer .topRightPpl,
    #quoteResultsPage .standard.groupometer .groupometer .middleRightPpl,
    #quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl {
        font-size:10px;
        line-height:1.0;
    }

    #quoteResultsPage .standard.groupometer .groupometer .topRightPpl span,
    #quoteResultsPage .standard.groupometer .groupometer .middleRightPpl span,
    #quoteResultsPage .standard.groupometer .groupometer .bottomRightPpl span {
        font-size:8px;
    }

    #quoteResultsPage .standard.groupometer .service {
        padding-right:20px;
    }

    #quoteResultsPage .standard.groupometer .service p {
    }

    #quoteResultsPage .standard.groupometer .prices .row {
        width:350px;
        margin:0 auto;
    }

    #quoteResultsPage .standard.groupometer .prices { width:100%; }
    #quoteResultsPage .standard.groupometer .volume { width:24%; }
    #quoteResultsPage .standard.groupometer .price { width:35%; }
    #quoteResultsPage .standard.groupometer .total { width:41%; }
    #quoteResultsPage .standard.groupometer .order { width:100%; }

    #quoteResultsPage .standard.groupometer .volume,
    #quoteResultsPage .standard.groupometer .price,
    #quoteResultsPage .standard.groupometer .total,
    #quoteResultsPage .standard.groupometer .order {
        padding-top:0;
    }

    #quoteResultsPage .standard.groupometer .order a {
        margin:20px auto;
    }

    #quoteResultsPage .badge-large.groupometer .order a.button {
        width:218px;
        height:57px;
        margin-top:25px;
        background-image:url('../media/templateImages/groupometer/btn-order-now-mobile.png');
    }

    #quoteResultsPage .groupometer .order a.btn {
        font-size:1.4em;
        padding:5px 40px;
    }

}

@media (max-width:768px) {

    #quoteResultsPage .standard.groupometer {
        padding:20px 0 20px 0;
    }

    #quoteResultsPage .badge-large.groupometer {
        padding:10px 0 20px 0;
    }

    #quoteResultsPage .standard.groupometer .priceData > .container,
    #quoteResultsPage .standard.groupometer .prices {
        padding:0;
    }

    #quoteResultsPage .standard.groupometer .prices .row {
        width:280px;
    }

    #quoteResultsPage .standard.groupometer .prices { width:100%; }
    #quoteResultsPage .standard.groupometer .volume { width:22%; }
    #quoteResultsPage .standard.groupometer .price { width:36%; }
    #quoteResultsPage .standard.groupometer .total { width:42%; }
    #quoteResultsPage .standard.groupometer .order { width:100%; }

    #quoteResultsPage .standard.groupometer .volume p,
    #quoteResultsPage .standard.groupometer .price p,
    #quoteResultsPage .standard.groupometer .total p {
        font-size:22px;
    }

    #quoteResultsPage .standard.groupometer .volume p.title,
    #quoteResultsPage .standard.groupometer .price p.title,
    #quoteResultsPage .standard.groupometer .total p.title {
        font-size:13px;
    }

    #quoteResultsPage .badge-large.groupometer p.tip, #quoteResultsPage .standard.groupometer p.tip{
        font-size:12px;
    }

}

/*----------------Quote result -----------------*/
.quoteResultPage #quoteResultsPage .tryStandard{
    background-color:#004c00;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:20px 20px 5px;
    margin-top:36px;
}
.quoteResultPage #quoteResultsPage .tryStandard .message{
    float:left;
    width:100%;
    text-align:left;
}
.quoteResultPage #quoteResultsPage .tryStandard .message p{
    font-size:1.2em;
    font-weight:700;
    color:#fbef21;
    padding-left:4px;
}
.quoteResultPage #quoteResultsPage .tryStandard .message p span{
    color:#fff;
}
.quoteResultPage #quoteResultsPage .tryEconomy{
    background-color:#005b8e;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:20px 20px 5px;
    margin-top:36px;
}
.quoteResultPage #quoteResultsPage .tryEconomy .message{
    float:left;
    width:100%;
    text-align:left;
}
.quoteResultPage #quoteResultsPage .tryEconomy .message p{
    font-size:1.6em;
    font-weight:700;
    color:#fbef21;
    padding-left:4px;
}
.quoteResultPage #quoteResultsPage .tryExpress{
    background-color:#c02d21;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:20px 20px 5px 20px;
    margin:5px 0;
}
.quoteResultPage #quoteResultsPage .tryExpress .leftArrow{
    float:left;
    margin-top:9px;
}
.quoteResultPage #quoteResultsPage .tryExpress .message{
    float:left;
    width:100%;
    text-align:center;
}
.quoteResultPage #quoteResultsPage .tryExpress .message p{
    font-size:1.2em;
    font-weight:bold;
    color:#fbef21;
}
.quoteResultPage #quoteResultsPage .tryExpress .message p span{
    color:#fff;
}
.quoteResultPage #quoteResultsPage .tryExpress .rightArrow{
    float:right;
    margin-top:9px;
}
.quoteResultPage #quoteResultsPage #showStandard .quoteRowHeader{
    margin-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.quoteResultPage #quoteResultsPage #showStandard .standardGroup,
.quoteResultPage #quoteResultsPage #showStandard .express.standard
{
    background-color:#cce2b3;
    border:1px solid #c7dcaf;
    padding-bottom:10px;
    border-top-right-radius:0;
    border-top-left-radius:0;
}
.quoteResultPage #quoteResultsPage #showStandardTemp .groupSavings{
    background-color:#cce2b3;
    border:1px solid #c7dcaf;
}
.quoteResultPage #quoteResultsPage #showStandardTemp .groupSavings h3{
    text-align:center;
}
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .service p{
    color:#333;
    font-size:.8em;
    font-weight:700;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .service p.date,
.quoteResultPage #quoteResultsPage #showStandard .express.standard .service p.date
{
    font-size:1.8em;
    word-spacing:2px;
    color:#004c00;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .service a.info{
    text-align:center;
    display:block;
    color:#f15a24;
    font-weight:700;
    font-size:.8em;
}
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .volume,
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .price,
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .total{
    padding-top:24px;
}
.quoteResultPage #quoteResultsPage #showStandard .standardGroup .order{
    padding-top:13px;
}
.quoteResultPage #quoteResultsPage #showExpress5 .express{
    background-color:#fffde6;
    border:1px solid #e0dec5;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showExpress5Temp .express{
    background-color:#fffde6;
    border:1px solid #e0dec5;
}
.quoteResultPage #quoteResultsPage #showExpress5Temp .express h3{
    color:#333333;
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showExpress5 .express .volume p,
.quoteResultPage #quoteResultsPage #showExpress5 .express .price p,
.quoteResultPage #quoteResultsPage #showExpress5 .express .total p{
    color:#333333;
}

.quoteResultPage #quoteResultsPage #showExpress3 .express{
    background-color:#fff4bd;
    border:1px solid #e0dcc0;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showExpress3Temp .express{
    background-color:#fff4bd;
    border:1px solid #e0dcc0;
}
.quoteResultPage #quoteResultsPage #showExpress3Temp .express h3{
    color:#333333;
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showExpress3 .express .volume p,
.quoteResultPage #quoteResultsPage #showExpress3 .express .price p,
.quoteResultPage #quoteResultsPage #showExpress3 .express .total p{
    color:#333333;
}
.quoteResultPage #quoteResultsPage #showExpress2 .express{
    background-color:#ffe98d;
    border:1px solid #ebd888;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showExpress2Temp .express{
    background-color:#ffe98d;
    border:1px solid #ebd888;
}
.quoteResultPage #quoteResultsPage #showExpress2Temp .express h3{
    color:#333333;
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage .express .service p{
    color:#333333;
    font-size:1em;
    font-weight:700;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage .express .service p.date{
    font-size:2em;
    word-spacing:2px;
    color:#0071bc;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage .express .service a.info{
    text-align:center;
    display:block;
    color:#f15a24;
    font-weight:bold;
    font-size:0.8em;
}
.quoteResultPage #quoteResultsPage .express .volume p,
.quoteResultPage #quoteResultsPage .express .price p,
.quoteResultPage #quoteResultsPage .express .total p{
    color:#333333;
}
.quoteResultPage #quoteResultsPage .express .order{
    padding-top:13px;
}
.quoteResultPage #quoteResultsPage #showEmergency .express{
    background-color:#F9DB5E;
    /*background-color:#aa0000;*/
    border:1px solid #ebd888;
    /*border:1px solid #d47f7f;*/
    padding-bottom:10px;
}

.quoteResultPage #quoteResultsPage #showEmergencyTemp .express{
    background-color:#F9DB5E;
    /*background-color:#aa0000;*/
    border:1px solid #ebd888;
    /*border:1px solid #d47f7f;*/
}
.quoteResultPage #quoteResultsPage #showEmergencyTemp .express h3{
    /*color:#fff;*/
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable,
.quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable,
.quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable,
.quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable
{
    background:#eee;
    border:1px solid #fff;
    padding-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable .serviceB,
.quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable .serviceB,
.quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable .serviceB,
.quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable .serviceB
{
    border:none;
}
.quoteResultPage #quoteResultsPage #showEmergency .express .service p{
    /*color:#fff;*/
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:7px;
}
.quoteResultPage #quoteResultsPage #showEmergency .express .service p.date{
    font-size:2em;
    word-spacing:2px;
    /*color:#fcee21;*/
    margin-bottom:2px;
}
.quoteResultPage #quoteResultsPage #showEmergency .express .service a.info{
    /*color:#fff;*/
    font-weight:bold;
    font-size:0.8em;
}
.quoteResultPage #quoteResultsPage #showEmergency .express .volume p,
.quoteResultPage #quoteResultsPage #showEmergency .express .price p,
.quoteResultPage #quoteResultsPage #showEmergency .express .total p{
    /*color:#fff;*/
}
.quoteResultPage #quoteResultsPage #showEconomy14 .express.economy{
    background-color:#9fdaff;
    border:1px solid #74aee2;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showEconomy14Temp .express{
    background-color:#9fdaff;
    border:1px solid #74aee2;
}
.quoteResultPage #quoteResultsPage #showEconomy14Temp .express h3{
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showEconomy12 .express.economy{
    background-color:#cce9ff;
    border:1px solid #b6c5d3;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showEconomy12Temp .express{
    background-color:#cce9ff;
    border:1px solid #b6c5d3;
}
.quoteResultPage #quoteResultsPage #showEconomy12Temp .express h3{
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showEconomy10 .express.economy{
    background-color:#e9f5ff;
    border:1px solid #c4d1de;
    padding-bottom:13px;
    margin-bottom:11px;
}
.quoteResultPage #quoteResultsPage #showEconomy10Temp .express{
    background-color:#e9f5ff;
    border:1px solid #c4d1de;
}
.quoteResultPage #quoteResultsPage #showEconomy10Temp .express h3{
    text-align:center;
    margin-bottom:15px;
}
.quoteResultPage #quoteResultsPage #showEconomy14 .express.economy .service p{
    color:#333;
    font-size:.8em;
    font-weight:700;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage #showEconomy14 .express.economy .service p.date{
    font-size:1.8em;
    word-spacing:2px;
    color:#004c00;
    margin-bottom:0;
}
.quoteResultPage #quoteResultsPage #showEconomy10 .express.economy,
.quoteResultPage #quoteResultsPage #showEconomy12 .express.economy,
.quoteResultPage #quoteResultsPage #showEconomy14 .express.economy{
    border-top-right-radius:0;
    border-top-left-radius:0;
}
.orderTankeredoil.stage2.bottom a.btn.btn-danger.btn-lg.floatLeft{
    margin-bottom: 30px;
}
.quoteResultPage .topPanel{
    margin-bottom: 30px;
}

@media (min-width:768px) {
    .quoteResultPage #quoteResultsPage .tryExpress .message{
        width:620px;
    }
    .quoteResultPage #quoteResultsPage .tryExpress .message p,
    .quoteResultPage #quoteResultsPage .tryStandard .message p,
    .quoteResultPage #quoteResultsPage .tryEconomy .message p{
        font-size:1.5em;
    }
}
@media (min-width:992px) {
    .quoteResultPage #quoteResultsPage .express .service{
        padding-top:1px;
        padding-left:24px;
        padding-right:0;
    }
    .quoteResultPage #quoteResultsPage .express .service a.info{
        text-align:left;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .service p {
        font-size:1em;
    }
    .quoteResultPage #quoteResultsPage .express .order{
        padding-top:18px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .order{
        padding-top:32px;
    }
    .quoteResultPage #quoteResultsPage .tryExpress .message{
        width:510px;
    }
    .quoteResultPage #quoteResultsPage .tryExpress .message p{
        font-size:1.2em;
    }
    .quoteResultPage #quoteResultsPage .express .service p.date{
        font-size:1.6em;
    }
    .quoteResultPage #quoteResultsPage .express .volume,
    .quoteResultPage #quoteResultsPage .express .price,
    .quoteResultPage #quoteResultsPage .express .total{
        padding-top:24px;
        padding-bottom:24px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .volume,
    .quoteResultPage #quoteResultsPage #showEmergency .express .price,
    .quoteResultPage #quoteResultsPage #showEmergency .express .total{
        padding-top:40px;
        padding-bottom:40px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .service{
        padding-top:11px;
        padding-left:28px;
        padding-right:0;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .service p{
        font-size: .75em;
        text-align: left;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .service p.date,
    .quoteResultPage #quoteResultsPage #showStandard .express.standard .service p.date{
        font-size:1.6em;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .service a.info{
        text-align:left;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .volume,
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .price,
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .total{
        padding-top:24px;
        padding-bottom:24px;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .service{
        padding-top:1px;
        padding-left:24px;
        padding-right:0;
    }
    .quoteResultPage #quoteResultsPage .tryStandard .message p,
    .quoteResultPage #quoteResultsPage .tryEconomy .message p{
        font-size:1.2em;
    }
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup,
    .quoteResultPage #quoteResultsPage #showStandard .express.standard,
    .quoteResultPage #quoteResultsPage #showEconomy10 .express.economy,
    .quoteResultPage #quoteResultsPage #showEconomy12 .express.economy,
    .quoteResultPage #quoteResultsPage #showEconomy14 .express.economy{
        border-top-right-radius:5px;
        border-top-left-radius:5px;
    }
    .quoteResultPage #quoteResultsPage .tryExpress{
        margin-bottom:0;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable .serviceB,
    .quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable .serviceB,
    .quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable .serviceB,
    .quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable .serviceB
    {
        padding-left:24px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable,
    .quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable,
    .quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable,
    .quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable
    {
        background:#eee;
        border:1px solid #fff;
        padding-bottom:0;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable .serviceB h2{
        font-size:1.4em;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline,
    .quoteResultPage .reasonsToOrder.row .expressDeadline{
        height:140px;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .countdowncontainer,
    .quoteResultPage .reasonsToOrder.row .expressDeadline .countdowncontainer{
        padding-left:90px!important;
        width:270px;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.counter div.value{
        font-size:1.8em;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.counter div.value{
        width:38px;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.labels div.sep,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.labels div.sep,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.labels div.sep,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.labels div.sep{
        width:7px;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .col-xs-12.col-sm-12.col-md-8.col-lg-9,
    .quoteResultPage .reasonsToOrder.row .expressDeadline .col-xs-12.col-sm-12.col-md-8.col-lg-9{
        top:60px;
        left:24px;
        width:290px;
    }
    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .message,
    .quoteResultPage .reasonsToOrder.row .expressDeadline .message{
        line-height:21px;
        width:100%;
    }
    .quoteResultPage #quoteResultsPage #showEconomy14 .express.economy .service{
        padding-top:1px;
        padding-left:24px;
        padding-right:0;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline{
        height:150px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown {
        width:270px;
        padding-left:60px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .message{
        padding-top:70px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown .labels div{
        width:53px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown {
        width:240px;
        line-height:18px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .col-xs-12.col-sm-12.col-md-8.col-lg-9{
        width:100%;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .message{
        padding-left:20px;
        padding-top:60px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown .labels div {
        width:43px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .service p.date{
        font-size:1.6em;
    }
}
@media (min-width:1200px) {
    .quoteResultPage #quoteResultsPage #showStandard .standardGroup .service p{
        font-size: .8em;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .service p {
        font-size:1.3em;
    }

    .quoteResultPage #quoteResultsPage .express .order {
        padding-top:13px;
    }

    .quoteResultPage #quoteResultsPage #showEmergency .express .order {
        padding-top:26px;
    }

    .quoteResultPage #quoteResultsPage .tryExpress .message {
        width:650px;
    }

    .quoteResultPage #quoteResultsPage .tryExpress .message p {
        font-size:1.6em;
    }

    .quoteResultPage #quoteResultsPage .express .service p.date {
        font-size:1.8em;
    }

    .quoteResultPage #quoteResultsPage .express .volume,
    .quoteResultPage #quoteResultsPage .express .price,
    .quoteResultPage #quoteResultsPage .express .total {
        padding-top:25px;
        padding-bottom:25px;
    }

    .quoteResultPage #quoteResultsPage .tryStandard .message p,
    .quoteResultPage #quoteResultsPage .tryEconomy .message p {
        font-size:1.6em;
    }

    .quoteResultPage #quoteResultsPage #showEmergency .express.emergency.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress5 .express.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress3 .express.unavailable .serviceB h2,
    .quoteResultPage #quoteResultsPage #showExpress2 .express.unavailable .serviceB h2 {
        font-size:1.6em;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline {
        height:150px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .countdowncontainer {
        padding-left:90px !important;
        width:310px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.counter div.value {
        font-size:2.6em;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.counter div.value,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.counter div.value {
        width:60px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.labels,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.labels {
        top:-4px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.labels div,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.labels div {
        font-size:.8em;
        width:60px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom div.expressDeadline div.countdown div.labels div.sep,
    .quoteResultPage .orderTankeredoil.stage2.bottom div.bwDeadline div.countdown div.labels div.sep,
    .quoteResultPage .reasonsToOrder.row div.expressDeadline div.countdown div.labels div.sep,
    .quoteResultPage .reasonsToOrder.row div.bwDeadline div.countdown div.labels div.sep {
        width:10px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .col-xs-12.col-sm-12.col-md-8.col-lg-9,
    .quoteResultPage .reasonsToOrder.row .expressDeadline .col-xs-12.col-sm-12.col-md-8.col-lg-9 {
        top:80px;
        left:24px;
        width:350px;
    }

    .quoteResultPage .orderTankeredoil.stage2.bottom .expressDeadline .message,
    .quoteResultPage .reasonsToOrder.row .bwDeadline .message,
    .quoteResultPage .reasonsToOrder.row .expressDeadline .message {
        line-height:21px;
        width:100%;
    }

    .quoteResultPage .reasonsToOrder.row .expressDeadline .countdown,
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown {
        width:240px;
        line-height:18px;
    }

    .quoteResultPage .reasonsToOrder.row .expressDeadline .countdown .labels div{
        width:59px;
    }

    .quoteResultPage .reasonsToOrder.row .bwDeadline{
        height:150px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown {
        width:270px;
        padding-left:60px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .message{
        padding-top:79px;
        line-height:24px;
    }
    .quoteResultPage .reasonsToOrder.row .bwDeadline .countdown .labels div{
        width:53px;
    }
    .quoteResultPage #quoteResultsPage #showEmergency .express .service p.date{
        font-size:1.8em;
    }
}
/*-----------------------------------------------------------*/


/* ---- New Quote results reason to buy ----*/

.reasonsToOrder2 .whiteSpace{
    margin: 15px;
}

/* talk to experts & five reasons to use Bj */
.reasonsToOrder2 .talkToOurExperts{
    margin-top: 20px;
    margin-bottom: 20px;
}
.reasonsToOrder2 .talkToOurExperts .top,
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top,
.reasonsToOrder2 #editMyQuote .top{
    background-color: #F05A28;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
}
.reasonsToOrder2 .talkToOurExperts .top img,
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top img{
    float: left;
}
.reasonsToOrder2 .talkToOurExperts .top p.title,
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top p.title,
.reasonsToOrder2 #editMyQuote .top p.title{
    float: left;
    width: 166px;
    margin: 16px 0 0 10px;
    font-size: 1.3em;
    font-weight: 700;
    font-family: Montserrat,sans-serif;
}
.reasonsToOrder2 #editMyQuote .top p.title{
    margin: 5px 0 5px 10px;
}
.reasonsToOrder2 .talkToOurExperts .info,
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info,
.reasonsToOrder2 #editMyQuote .quote{
    background-color: #fff;
    color: #444;
    padding: 10px;
    border: 1px solid #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.reasonsToOrder2 .talkToOurExperts .info p{
    margin: 0px;
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
    font-family: Montserrat,sans-serif;
}
.reasonsToOrder2 .talkToOurExperts .info p span{
    color: #0073b5;
}

.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info{
    padding: 10px 0px 10px 10px;
}
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason{
    margin: 0 0 10px 0;
}
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason img{
    float: left;
}
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p{
    float: left;
    width: 205px;
    line-height: 20px;
    padding: 0 0 0 5px;
    width: 70%;
}
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p.title{
    font-weight: bold;
    color: #000000;
    margin: 0px;
    width: 70%;
}
.reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info p.valid{
    margin-top: 15px;
    font-size: 0.8em;
    padding: 0px 5px 0px 0px;
    line-height: 18px;
}
.reasonsToOrder2 #satisfactionGuarantee .top{
    background-image: none;
    background-color: #F05A28;
    background: #F05A28;
}
.reasonsToOrder2 #satisfactionGuarantee .top p{
    font-size: 1.3em;
    width: 190px;
    font-family: 'Montserrat', sans-serif;
}
.reasonsToOrder2 #satisfactionGuarantee .text p.title{
    font-size: 1em;
    font-weight: normal;
}
.reasonsToOrder2 #satisfactionGuarantee .text .extra {
    display: none;
    margin-top: 10px;
}
.reasonsToOrder2 #satisfactionGuarantee .text .more,
.reasonsToOrder2 #satisfactionGuarantee .text .less{
    display: block;
    text-align: left;
    font-size: 1em;
    color: #F05A28;
    cursor: pointer;
    padding-top: 5px;
    height: 24px;
    font-weight: bold;
}
.reasonsToOrder2 #satisfactionGuarantee .text .more .arrow{
    background-image:url('../media/templateImages/down-arrow.png');
    position: relative;
    width: 18px;
    height: 13px;
    top: -20px;
    left: 208px;
}
.reasonsToOrder2 #satisfactionGuarantee .text .more:hover,
.reasonsToOrder2 #satisfactionGuarantee .text .less:hover{
    text-decoration: none;
    font-weight: bold;
    padding-top: 6px;
}
.reasonsToOrder2 #satisfactionGuarantee .text .more:hover .arrow {
    background-image:url('../media/templateImages/arrow-dwn-orange.png');
    position: relative;
    width: 18px;
    height: 13px;
    top: -19px;
    left: 208px;
}
.reasonsToOrder2 #satisfactionGuarantee .text .less {
    display: none;
}
.reasonsToOrder2 #satisfactionGuarantee .text .less .arrow {
    background-image: url('../media/templateImages/arrow-up-grey.png');
    width: 18px;
    height: 13px;
    position: relative;
    top: -19px;
    left: 75px;
}
.reasonsToOrder2 #satisfactionGuarantee .text .less:hover .arrow {
    background-image: url('../media/templateImages/arrow-up-orange.png');
    width: 18px;
    height: 13px;
    position: relative;
    top: -19px;
    left: 75px;
}
.reasonsToOrder2 #satisfactionGuarantee .text p.title {
    font-size: 1em;
    margin-bottom: 0;
}
.reasonsToOrder2 #satisfactionGuarantee .text {
    background-color: #fff;
    color: #444;
    padding: 15px;
    border: 1px solid #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.reasonsToOrder2 #satisfactionGuarantee .text p{
    line-height: 21px;
}
.reasonsToOrder2 #editMyQuote .quote .extra{
    display: none;
}
.reasonsToOrder2 #editMyQuote .quote .form-group,
.reasonsToOrder2 #editMyQuote .quote .form-group .form-control {
    color: #000000;
}
.reasonsToOrder2 #editMyQuote .quote .form-group.oilType .col-xs-8,
.reasonsToOrder2 #editMyQuote .quote .form-group.usage .col-xs-8,
.reasonsToOrder2 #editMyQuote .quote .form-group.tankerType .col-xs-8{
    margin-bottom: -17px;
}
.reasonsToOrder2 #editMyQuote .quote .form-group.oilType a,
.reasonsToOrder2 #editMyQuote .quote .form-group.usage a,
.reasonsToOrder2 #editMyQuote .quote .form-group.tankerType a{
    top: -26px;
    position: relative;
    height: 0px;
    left: -12%;
}
.reasonsToOrder2 #editMyQuote .quote .bottom{
    margin: 20px -15px 0 -15px;
}
.reasonsToOrder2 #editMyQuote .quote .bottom a{
    text-decoration: none;
    border-bottom: 1px dotted #f15a25;
    float: left;
    font-size: 0.7em;
    cursor: pointer;
}
.reasonsToOrder2 #editMyQuote .quote .bottom a:hover{
    border-bottom: 1px solid #f15a25;
    color: #f15a25;
}
.reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha{
    float: right;
    width: 126px;
    height: 30px;
    background-color: #2d6899 !important;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    min-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.loading{
    background-color: #2d6899 !important;
    background-image: url('../media/templateImages/bluespinnerSmall.gif') !important;
}

.reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.disabled[disabled]{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    background-color: #B4B4B4 !important;
    border-color: #969696 !important;
    background: linear-gradient(to bottom,#cfcfcf 5%,#969696 98%) !important;
    text-shadow: none;
}
.reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.disabled[disabled]:hover{
    top:0px;
}

@media (min-width:350px) {
    .reasonsToOrder2 #editMyQuote .quote .bottom a {
        font-size: 0.8em;
    }
}
@media (min-width:400px) {
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p {
        width: 80%;
    }
    .reasonsToOrder2 #satisfactionGuarantee .top p,
    .reasonsToOrder2 .talkToOurExperts .top p.title,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top p.title{
        font-size: 1.6em;
        width: 290px;
    }
    .reasonsToOrder2 #editMyQuote .quote .form-group.oilType a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.usage a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.tankerType a{
        left: -8%;
    }
}
@media (min-width:600px) {
    .reasonsToOrder2 #editMyQuote .quote .form-group.oilType a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.usage a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.tankerType a{
        left: -6%;
    }
}
@media (min-width:768px) {
    .reasonsToOrder2 .talkToOurExperts .top p.title,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top p.title{
        width: 496px;
        margin: 28px 36px 0;
        font-size: 1.6em;
        font-weight: 700;
    }
    .reasonsToOrder2 .talkToOurExperts .info,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info{
        padding: 20px;
    }
    .reasonsToOrder2 .talkToOurExperts .info p{
        font-size: 1.5em;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason{
        margin: 0 0 20px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p{
        width: 600px;
        margin: 3px 0px 0px 7px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p.title{
        width: 600px;
        margin: 6px 0px 0px 6px;
        font-size: 1.13em;
    }
    .reasonsToOrder2 #satisfactionGuarantee .top p{
        padding: 23px 0px 0px 36px;
        line-height: 26px;
        width: 370px;
    }
    .reasonsToOrder2 #editMyQuote .quote .form-horizontal .control-label{
        text-align: left;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha{
        float: left;
        width: 202px;
        height: 40px;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.loading{
        background: #2d6899 url(/media/templateImages/bluespinner.gif) center center no-repeat;
        min-height: 40px;
    }
}
@media (min-width:992px) {
    .reasonsToOrder2 .whiteSpace{
        margin: 27px;
    }
    .reasonsToOrder2 .talkToOurExperts .top p.title,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top p.title{
        width: 173px;
        margin: 16px 0px 0 14px;
        font-size: 1.35em;
        line-height: 25px;
    }
    .reasonsToOrder2 .talkToOurExperts .info,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info{
        padding: 14px;
    }
    .reasonsToOrder2 .talkToOurExperts .info p{
        font-size: 1.3em;
        width: 267px;
        margin: 8px 10px 10px 7px;
        line-height: 26px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason{
        margin: 0 0 20px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason img{
        width: 30px;
        padding: 0px 0px 20px 0px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p{
        font-size: 1em;
        margin: 3px 0 0 10px;
        line-height: 21px;
        width: 210px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p.title{
        margin: 2px 0px 0px 10px;
        font-size: 1.1em;
        width: 210px;
    }
    .reasonsToOrder2 #satisfactionGuarantee .top p{
        width: 190px;
        font-size: 1.4em;
        padding: 22px 0px 0px 0px;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom a{
        font-size: 0.7em;
    }
    .reasonsToOrder2 #editMyQuote .quote .form-group.oilType a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.usage a,
    .reasonsToOrder2 #editMyQuote .quote .form-group.tankerType a{
        left: -12%;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha{
        width: 100%;
        height: 30px;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.loading{
        background: #2d6899 url(/media/templateImages/bluespinnerSmall.gif) center center no-repeat;
        min-height: 30px;
    }
}
@media (min-width:1200px) {
    .reasonsToOrder2 .whiteSpace{
        margin: 20px;
    }
    .reasonsToOrder2 .talkToOurExperts .top p.title,
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .top p.title{
        width: 220px;
        margin: 13px 10px 0 21px;
        font-size: 1.5em;
        line-height: 27px;
    }
    .reasonsToOrder2 .talkToOurExperts .info p{
        font-size: 1.4em;
        width: 318px;
        margin: 10px 10px 10px 3px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info{
        padding: 14px 5px 14px 14px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p{
        margin: 3px 0px 0px 9px;
        font-size: 1em;
        width: 260px;
        line-height: 21px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason p.title{
        margin: 15px 0px 0px 9px;
        font-size: 1.1em;
        width: 260px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info .reason img{
        width: 59px;
        margin: 6px 0px 0px 4px;
    }
    .reasonsToOrder2 .fiveReasonsToUseBoilerjuice .info p.valid{
        margin-top: 34px;
    }
    .reasonsToOrder2 #satisfactionGuarantee .top p {
        font-size: 1.5em;
        width: 230px;
    }
    .reasonsToOrder2 #editMyQuote .quote .form-horizontal .control-label{
        font-size: 0.9em;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom a{
        font-size: 0.9em;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha{
        float: left;
        height: 40px;
    }
    .reasonsToOrder2 #editMyQuote .quote .bottom input#showCaptcha.loading{
        background: #2d6899 url(/media/templateImages/bluespinner.gif) center center no-repeat;
        min-height: 40px;
    }
}


/*------------------------------------------*/






/* Cart Summary */

.cart-summary{
    border:12px solid #F68318;
    margin-bottom:20px;
    border-radius:12px;
    background-color:#F3F3F3;
    padding:15px 15px 15px 15px;
}
.cart-summary h2{
    margin-top:0;
    border-bottom:1px dashed #ccc;
}
.cart-summary .shopProduct, .cart-summary .total, .cart-summary .oil{
    background-color:white;
    border:solid 1px;
    border-radius:5px;
    border-color:#F68318;
    padding:10px 10px 10px 10px;
    margin:5px 5px 15px 5px;
}
.cart-summary .login{
    background-color:white;
    border:solid 1px;
    border-radius:5px;
    border-color:#F68318;
    padding:20px;
    margin:5px 5px 15px 5px;
}
.cart-summary .login p {
    color:#ff5b36;
    font-size:1.5em;
    font-weight:bold;
    line-height:28px;
}
.cart-summary .shopProduct img#shopItemMainImg{
    display:block;
    margin:0 auto;
}
@media (min-width:768px) {
    .cart-summary .shopProduct img#shopItemMainImg{
        display:inline;
    }
}
.cart-summary .shopProduct input.minus, .cart-summary .shopProduct input.plus{
    text-decoration:none;
    font-size:1.4em;
    color:black;
    border:none;
    background-color:transparent;
    cursor:pointer;
}
.cart-summary .shopProduct p{
    font-weight:bold;
}
.cart-summary .total .amount{
    color:#F68318;
    font-weight:bold;
}
@media (min-width:768px) {
    .cart-summary .total .amount{
        color:#F68318;
        font-weight:bold;
        text-align:right;
    }
}
@media (min-width:992px) {
    .cart-summary .total .amount{
        color:#F68318;
        font-weight:bold;
        text-align:left;
    }
}
@media (min-width:1200px) {
    .cart-summary .total .amount{
        color:#F68318;
        font-weight:bold;
        text-align:right;
    }
}
.cart-summary .total p.amounttotal{
    font-size:1.4em;
    font-weight:bold;
    color: #444444;
    float: left;
    margin: 10px 0 0 9px;
}
.cart-summary .total p.amounttotal span.small{
    font-size:0.6em;
}
.cart-summary a.btn.btn-success{
    margin-left:5px;
}




/* Shop */

.shop{
    margin-bottom:30px;
}
.shop h2{
    margin-top:10px;
}
.shop h3{
    margin-top:0;
}
.shop .store-item.category{
    background-color:#f2f2f2;
    border-radius:8px;
    margin-bottom:20px;
    padding:10px;
    min-height: 250px;
}
.shop .store-item.category img.category-thumb{
    width: 100%;
    max-width: 206px;
}
.shop .sub-panel.store-item{
    margin-top:0;
    margin-bottom:15px;
    color:#000;
}
.shop .sub-panel.store-item .singleItem{
    padding:10px;
}
.shop .sub-panel.store-item .singleItem > .container{
    border:1px solid #ccc;
    padding:10px;
    border-radius:8px;
    width:95%;
}
.shop .sub-panel.store-item .singleItem h3 > a{
    font-weight:bold;
    color:#f15a25;
    font-size:1em;
}
.shop .sub-panel.store-item .singleItem a img{
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    height: auto;
    max-width: 300px;
}

.shop .sub-panel.store-item .singleItem div.price{
    font-weight:bold;
    color:#f15a25;
    font-size: 2em;
    margin: 13px 0 0 5px;
}
@media (min-width: 992px) {
    .shop .sub-panel.store-item .singleItem div.price {
        margin: 0px;
        font-size: 1.3em;
        width: 100%;
    }
}
.shop .sub-panel.store-item .singleItem div.info {
    width: 140px;
}
.shop .sub-panel.store-item .singleItem div.info span.vat{
    float: left;
    width: 100%;
    line-height: 9px;
    margin: 12px 0 0 10px;
    color: #f15a25;
    font-size: .8em;
}
@media (min-width: 992px) {
    .shop .sub-panel.store-item .singleItem div.info span.vat {
        margin: 0;
    }
}
.shop .sub-panel.store-item .singleItem div.info span.delivery{
    font-size: .8em;
    color:#2980b9;
    margin-left: 10px;
}
@media (min-width: 992px) {
    .shop .sub-panel.store-item .singleItem div.info span.delivery{
        margin: 0;
    }
}

.shop .sub-panel.store-item .col-xs-0.col-md-4 img.product-thumb{
    display:none;
    border:1px solid #ccc;
}
@media (min-width: 992px) {
    .shop .sub-panel.store-item a img.product-full {
        display: none;
    }
    .shop .sub-panel.store-item .col-xs-0.col-md-4 img.product-thumb{
        display:inline;
    }
}


.shop.item h1{
    margin-top:0;
}
.shop.item img#shopItemMainImg{
    margin:0 auto;
    display:block;
    border:1px solid #ccc;
    width: 100%;
    height: auto;
    max-width: 300px;
}
.shop.item #price{
    color:#f90;
    font-weight:bold;
    font-size:14px;
    line-height:120%;
    margin-top:0;
    margin-bottom:1em;
}
.shop.item .price{
    font-weight:bold;
    color:#f15a25;
    font-size:2em;
    margin-top:12px;
}
.shop.item .info span.vat{
    float:left;
    width:100%;
    line-height:9px;
    margin-top:12px;
    margin-left:10px;
    color:#f15a25;
    font-size:0.8em;
}
.shop.item .info.floatLeft{
    width: 160px;
}
.shop.item .info span.del{
    color:#2980b9;
    font-size:0.8em;
    margin-left:10px;
}
.shop.item h3{
    font-weight:bold;
}
.shop.item #discountRulesWrapper{
    margin-bottom:20px;
    margin-top:20px;
}
.shop.item #discountRulesWrapper table{
    border-collapse:separate;
    border-spacing:1px;
}
.shop.item #discountRulesWrapper table th, #discountRulesWrapper table td{
    padding:3px 5px;
    text-align:left;
    white-space:nowrap;
}
.shop.item #discountRulesWrapper th{
    background:#dc5508;
    color:white;
}
.shop.item #discountRulesWrapper table tr.row1{
    background:#f1f1f1;
}
.shop.item #discountRulesWrapper table tr.row2 {
    background:#e7e7e7;
}
.shop.item #productOptionsTbl {
    border-collapse:collapse;
    margin-bottom:25px;
}
.shop.item .addToBasket{
    margin-bottom:20px;
}
@media (min-width:768px) {
    .shop.item .addToBasket{
        margin-bottom:20px;
    }
}
.shop.item .addToBasket input.form-control{
    width:46px;
    float:left;
    margin-right:10px;
}






/* LOGIN PAGE */

div.loginPage{
    padding-bottom:50px;
}
div.loginPage .login {
    margin:20px 0 0;
    background-color:#dd5709; /* layer fill content */
    -moz-box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    -webkit-box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    -webkit-box-shadow:0 8px 6px -6px #999;
    -moz-box-shadow:0 8px 6px -6px #999;
    box-shadow:0 8px 6px -6px #999;
}
div.login h2 {
    border:none;
    margin:0 0 20px;
    padding:0;
    font-size:1.8em;
    color:#3c3c3c;
}
div.login h2 span{
    color:#fff;
}
div.login label{
    color:#fff;
    font-size:1.1em;
}
div.loginPage .has-error label{
    color:rgb(255, 5, 0);
}

div.login .links,
div.login .links a{
    color:#fff;
    float:none;
    white-space:nowrap;
}

div.loginPage .new {
    margin:20px 0 0;
    padding-bottom:48px;
    background-color:#f8f8f8; /* layer fill content */
    -moz-box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    -webkit-box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    box-shadow:0 1px 2px rgba(203,200,194,.25), inset 0 0 1px rgba(255,255,255,.65); /* drop shadow and inner shadow */
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQzOSAyNTMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDM5IiBoZWlnaHQ9IjI1MyIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
    background-image:-moz-linear-gradient(bottom, #f3f3f3 0%, #ffffff 100%); /* gradient overlay */
    background-image:-o-linear-gradient(bottom, #f3f3f3 0%, #ffffff 100%); /* gradient overlay */
    background-image:-webkit-linear-gradient(bottom, #f3f3f3 0%, #ffffff 100%); /* gradient overlay */
    background-image:linear-gradient(bottom, #f3f3f3 0%, #ffffff 100%); /* gradient overlay */
    -webkit-box-shadow:0 8px 6px -6px #999999;
    -moz-box-shadow:0 8px 6px -6px #999999;
    box-shadow:0 8px 6px -6px #999999;
}
@media (min-width:992px) {
    div.loginPage .new{
        min-height:334px;
    }
}
@media (min-width:1200px) {
    div.loginPage .new{
        min-height:270px;
    }
}
div.loginPage .new h2{
    border:none;
    margin:0 0 20px;
    padding:0;
    font-size:1.8em;
}
div.loginPage .new img{
    float:right;
    padding-right:10px;
}
div.loginPage p.blurb {
    clear:both;
    margin:0 0 50px 0;
    font-size:1em;
    color:#4b4b4b;
}
div.loginPage h3 {
    margin:0;
    color:#939393;
}
.loginPage .content-bottom{
    margin-top:30px;
}
.round-box.new a.btn{
    margin-top:19px;
}
.loginPage .round-box.new img#worker{
    display:none;
}
@media (min-width:992px) {
    .loginPage .round-box.new img#worker{
        display:inline;
    }
}
.loginHelp {
    margin-bottom:40px;
}

/* Payment Iframe Page */
iframe.paymentIframe {
    width:100%;
    height:470px;
}

@media (max-width:499px) {
    iframe.paymentIframe {
        height:560px;
    }

}

@media (max-width:320px) {
    h1.payment {
        font-size:28px;
    }
}


/*.security-container {
  padding-right:0;
  padding-left:4px;
}*/

.trustpilotrating {
    /*background-image:url(../media/templateImages/trustPilot-banner.png);*/
    background:#5aa23e; /* Old browsers */
    background:-moz-linear-gradient(top,  #5aa23e 5%, #01710b 98%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#5aa23e), color-stop(98%,#01710b)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #5aa23e 5%,#01710b 98%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #5aa23e 0%,#02710b 90%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #5aa23e 5%,#01710b 98%); /* IE10+ */
    background:linear-gradient(to bottom,  #56a13c 5%,#01710b 98%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa23e', endColorstr='#01710b',GradientType=0 ); /* IE6-9 */
    border-radius:6px;
    padding:20px 20px 10px 20px;
    margin-top:20px;
    text-align:center;
    margin-right:-15px;
    margin-left:-15px;
}

.trustpilotrating .excellent {
    color:#fff;
    text-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    font-weight:600;
    font-size:15px;
    line-height:22px;
}

.trustpilotrating .stars {
    background:url('../media/templateImages/trust-stars.png') no-repeat 0 0;
    width:169px;
    height:28px;
    text-align:center;
    margin:20px auto 10px auto;
}

.trustpilotrating .tp_reviews {
    color:#ffff00;
    text-align:center;
    text-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    font-size:16px;
    line-height:26px;
}

.trustpilotrating .happy {
    color:#fff;
    text-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    font-size:14px;
    text-transform:uppercase;
    line-height:22px;
    margin:8px auto 4px auto;
}

.trustpilotrating .hl {
    color:#ffff00;
    text-transform:uppercase;
}


.havingTrouble {
    margin-top:20px;
    margin-bottom:20px;
    border:1px #ff9122 solid;
    border-radius:6px;
    padding:20px;
    /*width:331px;*/
    margin-right:-15px;
    margin-left:-15px;
}

.havingTrouble .h1 {
    color:#ec611c;
    font-weight:900;
    text-align:center;
    font-size:21px;
    line-height:30px;
    margin-top:8px;
}

.havingTrouble .h2 {
    color:#636365;
    font-weight:600;
    text-align:center;
    font-size:17px;
    line-height:24px;
    margin-top:8px;
}

.havingTrouble .tel {
    color:#0072b9;
    font-weight:900;
    text-align:center;
    font-size:32px;
    line-height:36px;
    margin-top:8px;
    margin-bottom:8px;
}

@media (min-width:992px) AND (max-width:1199px) {
    .havingTrouble .h1 {
        font-size:16px;
        line-height:24px;
        margin-top:0;
    }

    .havingTrouble .h2 {
        font-size:14px;
        line-height:20px;
        margin-top:8px;
    }

    .havingTrouble .tel {
        font-size:26px;
        line-height:36px;
        margin-bottom:4px;
    }
}

@media (min-width:768px) AND (max-width:991px) {
    .trustpilotrating {
        margin-right:-5px;
    }
    .havingTrouble {
        margin-left:-5px;
        margin-bottom:20px;
        padding:12px;
    }
    .havingTrouble .h1 {
        font-size:20px;
        line-height:24px;
        margin-top:0;
    }

    .havingTrouble .h2 {
        font-size:18px;
        line-height:20px;
        margin-top:8px;
    }

    .havingTrouble .tel {
        font-size:28px;
        line-height:36px;
        margin-bottom:4px;
    }
}

@media (max-width:767px) {
    .trustpilotrating,
    .havingTrouble {
        margin-right:0;
        margin-left:0;
    }
}

.paymentType {
    border:1px #ff9122 solid;
    border-radius:6px;
    background-color:#feffeb;
    padding:10px 20px;
}
.makePayment {
    margin-top:20px;
}

@media (max-width:767px) {
    .paymentType {
        margin-right:0;
        margin-left:0;
    }
    .makePayment {
        margin-top:15px;
    }
}

.paymentType .cost {
    color:#fbfa00;
    font-weight:900;
    font-size:34px;
    text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3);
    position:absolute;
    top:53px;
}

.paymentType .creditCard .surcharge,
.paymentType .amexCard .surcharge {
    color:#fff;
    font-weight:600;
    font-size:14px;
    line-height:17px;
    text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3);
    margin-left:8px;
    position:absolute;
    top:48px;
    left:163px;
}

.paymentType .debitCard,
.paymentType .creditCard,
.paymentType .amexCard {
    margin:10px 0 ;
}

.paymentType .debitCard {
    background:url('../media/templateImages/debitCard.png') no-repeat;
    /*width:261px;*/
    height:153px;
}

.paymentType .creditCard {
    background:url('../media/templateImages/creditCard.png') no-repeat;
    /*width:261px;*/
    height:153px;
}

.paymentType .amexCard {
    background:url('../media/templateImages/amexCard.png') no-repeat;
    /*width:261px;*/
    height:153px;
}

.paymentType .note {
    color:#004a77;
    font-weight:700;
    font-size:16px;
    line-height:26px;
    vertical-align:middle;
    margin-top:10px;
}

.paymentType .note .hl {
    color:#ba2123;
    text-transform:uppercase;
}

.paymentType .greyscale {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:gray; /* IE6-9 */
    -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    box-shadow:inset 0 0 0 1000px rgba(255,255,255,.3);
}

.paymentType .mobileCards {
    padding-left:5px;
    padding-right:5px;
}

/* payment 3d security */
@media (max-width:767px) {
    .payment #iframe-holder {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
}
.payment #iframe-holder .iframe {
    width: 100%;
}


/* footer */

#footer{
    margin-top:0;
    background-color:#fff;
    margin-bottom:30px;
    padding-top:12px;
    border-top:2px solid #B2B2B2;
}
@media (min-width:768px) {
    #footer{
        padding-top:42px;
    }
}
#footer img.logo {
    margin:0;
    display:block;
}
#footer .footer-imgandlinks{
}
#footer .footer-links {
    float:left;
    margin:11px 0 0 0;
    font-size:0.9em;
}
#footer .footer-links ul{
    list-style-type:none;
    list-style-image:none;
}
#footer .footer-links ul.top{
    padding:0;
    margin:11px 0 0 0;
}
#footer li{
    float:left;
    margin:0 5px 0 0;
    padding:0 5px 0 0;
    border-right:1px solid #3d3d3d;
    line-height:15px;
    font-size:0.9em;
}
#footer li.last{
    border:none;
}
#footer .footer-links ul li a{
    color:#333333;
    font-weight:bold;
}
#footer .footer-links ul li a:hover{
    color:#333333;
}
#footer .bottom{
    padding:0;
    float:left;
    margin:0 0 5px 0;
    line-height:20px;
}
#minFooter .orangeBorder{
    background-color:#ff5a01;
    height:5px;
}
#minFooter img.logo{
    margin-top:20px;
}
#footer p.copyright,
#minFooter p.copyright{
    text-align:left;
    color:#333333;
    line-height:20px;
    font-weight:bold;
    font-size:0.7em;
    margin-top:30px;
}
@media (min-width:992px) {
    #footer p.copyright,
    #minFooter p.copyright{
        text-align:right;
        margin-top:0;
    }
}
#footer img.address{
    width:100%;
    max-width:320px;
    margin:0 auto;
    margin-top:10px;
}
@media (min-width:992px) {
    #footer img.address{
        max-width:440px;
        margin:20px 0 0 0;
        height:77px;
    }
}
@media (min-width:1200px) {
    #footer img.address{
        max-width:570px;
        margin:10px 0 0 0;
        height:100px;
    }
}
#footer .footer-imgandlinks p.contact{
    font-weight:700;
}
#footer .footer-imgandlinks p.contact span, #footer .footer-imgandlinks p.contact span a{
    color:#0070bc;
}
#footer .phoneNumber p{
    color:#000;
    font-size:1.4em;
    text-align:left;
    margin-top:9px;
    font-weight:700;
    margin-bottom:20px;
}
#footer .phoneNumber p span{
    display:block;
    text-align:left;
    color:#0070bc;
    font-size:1.3em;
    margin-top:3px;
}
#footer .phoneNumber p span a{
    display:block;
    text-align:left;
    color:#0070bc;
    font-size:1.3em;
    margin-top:3px;
}

#footer .footer-imgandlinks img.boilerjuiceLogo{
    width:257px;
    margin-left:-3px;
}

/* ORIGINAL CENTRE ALIGNED
#footer p.secure {
  color: #5E5E5E;
	font-size:12px;
	line-height:14px;
	background: url('/media/templateImages/lock-icon.png') no-repeat 0 0;
	padding: 2px 0 0 20px;
	margin: 0 0 30px 0;
}
@media (min-width:768px) {
  #footer p.secure {
		width: 410px;
		padding: 2px 20px 0 20px;
		margin: 0 auto 30px auto;
  }
}
*/










/* breadcrumb */

.breadcrumb{
    margin-top:10px;
}
.breadcrumb li{
    font-size:12px;
}
@media (min-width:768px) {
    .breadcrumb li{
        font-size:15px;
    }
}
















/* Social media buttons on CMS pages */

div.socialmediaButtons{
    width:100%;
    height:260px;
    margin:15px 0 10px 0;
}
@media (min-width:992px) {
    div.socialmediaButtons{
        height:70px;
    }
}
@media (min-width:1200px) {
    div.socialmediaButtons{
        height:28px;
    }
}

div.socialmediaButtons .google{
    float:right;
    padding-left:0;
    width:60px !important;
}

div.socialmediaButtons .facebook{
    padding-top:7px;
}
@media (min-width:768px) {
    div.socialmediaButtons .facebook{
        float:right;
        padding-left:12px;
        padding-top:12px;
    }
}
@media (min-width:992px) {
    div.socialmediaButtons .facebook{
        margin-top:33px;
    }
}
@media (min-width:1200px) {
    div.socialmediaButtons .facebook{
        margin-top:0;
        padding-top:7px;
    }
}
div.socialmediaButtons .twitter{
    float:right;
    padding-left:12px;
    width:78px !important;
}


div.socialmediaButtonsVid{
    width:100%;
    height:28px;
    padding-top:2px;
}

div.socialmediaButtonsVid .google{
    float:right;
    padding-left:2px;
}

div.socialmediaButtonsVid .facebook{
    float:right;
    padding-left:2px;
    /*width:80px;*/
}

div.socialmediaButtonsVid .twitter{
    float:right;
    padding-left:2px;
}

.socialmediaButtons .googleBadge{
    margin-top:10px;
}
@media (min-width:768px) {
    .socialmediaButtons .googleBadge{
        margin-top:0;
    }
}
@media (min-width:992px) {
    .socialmediaButtons .googleBadge{
        margin-top:26px;
        float:right;
        margin-left:10px;
    }
}
@media (min-width:1200px) {
    .socialmediaButtons .googleBadge{
        margin-top:1px;
        margin-left:10px;
    }
}
.socialmediaButtons .twitterFollow{
    margin-top:10px;
}
@media (min-width:768px) {
    .socialmediaButtons .twitterFollow{
        margin-top:6px;
        margin-right:10px;
    }
}
@media (min-width:992px) {
    .socialmediaButtons .twitterFollow{
        float:right;
        margin-top:26px;
        margin-right:20px;
    }
}
@media (min-width:1200px) {
    .socialmediaButtons .twitterFollow{
        margin-right:15px;
        margin-left:15px;
        padding-top:0;
        margin-top:0;
        margin-bottom:30px;
    }
}
.socialmediaButtons .facebookJoin{
    margin-top:10px;
}
@media (min-width:992px) {
    .socialmediaButtons .facebookJoin{
        float:right;
        margin:26px 20px 0 0;
    }
}
@media (min-width:1200px) {
    .socialmediaButtons .facebookJoin{
        margin:0 10px 0 0;
    }
}

@media (min-width:768px) {
    .socialmediaButtons .wrap{
        height:39px;
    }
}
@media (min-width:992px) {
    .socialmediaButtons .wrap{
        height:0;
    }
}


/* Sub panel */

.sub-panel{
    border-radius:5px;
    padding:10px 10px 10px 10px;
    margin-bottom:15px;
    color:#fff;
}
.sub-panel.orange{
    background-color:#EC6F13;
    background-image:-ms-linear-gradient(bottom right, #EC6F13 0%, #FA8F1B 100%);
    background-image:-moz-linear-gradient(bottom right, #EC6F13 0%, #FA8F1B 100%);
    background-image:-o-linear-gradient(bottom right, #EC6F13 0%, #FA8F1B 100%);
    background-image:-webkit-gradient(linear, right bottom, left top, color-stop(0, #EC6F13), color-stop(1, #FA8F1B));
    background-image:-webkit-linear-gradient(bottom right, #EC6F13 0%, #FA8F1B 100%);
    background-image:linear-gradient(to top left, #EC6F13 0%, #FA8F1B 100%);
}
.sub-panel.blue{
    background-color:#4378B6;
    background-image:-ms-linear-gradient(bottom right, #4378B6 0%, #5A91CB 100%);
    background-image:-moz-linear-gradient(bottom right, #4378B6 0%, #5A91CB 100%);
    background-image:-o-linear-gradient(bottom right, #4378B6 0%, #5A91CB 100%);
    background-image:-webkit-gradient(linear, right bottom, left top, color-stop(0, #4378B6), color-stop(1, #5A91CB));
    background-image:-webkit-linear-gradient(bottom right, #4378B6 0%, #5A91CB 100%);
    background-image:linear-gradient(to top left, #4378B6 0%, #5A91CB 100%);
}
.sub-panel h3{
    margin-top:0;
}

.sub-panel.orange.next-buying-weekend p:first-child{
    color:#3c3c3c;
    font:1.3em/1.3em Trebuchet MS, Arial, Sans-serif;
}
.sub-panel.orange.next-buying-weekend p:nth-child(2){
    color:#FFF;
    font:bold 1.4em/1.8em Trebuchet MS, Arial, Sans-serif;
    line-height:25px;
}
.sub-panel.orange p span.number a{
    color:#fff !important;
}
.sub-panel.grey{
    background-color:#f6f6f6;
}
.sub-panel.grey h3 {
    color:#000;
}
.sub-panel.grey.news li{
    color:#000;
}



/* News page */
.news{
    margin-bottom:30px;
}
.news h1{
    margin-top:0;
}
.news ul{
    list-style-image:url('../media/templateImages/bullet-arrow.gif');
}
.news #newsMainImg{
    float:left;
    border:1px solid #ccc;
    padding:3px;
    margin:0 15px 15px 0;
}





/* My ACCOUNT */
/* Sub Nav Menu */

.bs-sidebar.affix {
    position:static;
}
.bs-sidenav {
    margin-top:0;
    margin-bottom:30px;
    /*  padding-top:10px;
  padding-bottom:10px;*/
    text-shadow:0 1px 0 #fff;
    background-color:#f7f5fa;
    border-radius:5px;
    border:1px solid #ccc;
}
@media (min-width:992px) {
    .bs-sidenav {
        margin-top:30px;
    }
}

.bs-sidebar .rewards-submenu{
    padding: 0px;
}
.bs-sidebar .rewards-submenu > li{
    list-style: none;
    border-top: 1px solid #ccc;
}
.bs-sidebar .rewards-submenu > li > a {
    display: block;
    color: #716b7a;
    padding: 5px 20px 5px 50px;
}
.bs-sidebar .rewards-submenu > li > a > i {
    margin: 5px 10px 0px 0px;
}
.bs-sidebar .rewards-submenu > li > a > p {
    margin: 5px 0px;
}
.bs-sidebar .rewards-submenu > li > a.active,
.bs-sidebar .rewards-submenu > li > a:hover {
    background-color: #e5e3e980;
    text-decoration: none;
}

.bs-sidebar .nav > li{
    border-bottom:1px solid #ccc;
}

.bs-sidebar .nav > li:last-child{
    border-bottom:none;
}

.bs-sidebar .nav > li > a {
    display:block;
    color:#716b7a;
    padding:5px 20px;
}
.bs-sidebar .nav > li > a.active,
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
    text-decoration:none;
    background-color:#e5e3e9;
    border-right:1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
    font-weight:bold;
    color:#563d7c;
    background-color:transparent;
    border-right:1px solid #563d7c;
}
.bs-sidebar .nav > li > a > i{
    margin-top:5px;
}
.bs-sidebar .nav > li > a > p{
    margin:5px 0;
}
.bs-sidebar .nav .nav {
    display:none;
    margin-bottom:8px;
}
.bs-sidebar .nav .nav > li > a {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:30px;
    font-size:90%;
}
@media screen and (min-width:992px) {
    .bs-header h1,
    .bs-header p {
        margin-right:380px;
    }
    .carbonad {
        position:absolute;
        top:20px;
        right:0;
        padding:15px !important;
        width:330px !important;
        min-height:132px;
    }
    .bs-sidebar .nav > .active > ul {
        display:block;
    }
    .bs-sidebar.affix,
    .bs-sidebar.affix-bottom {
        width:213px;
    }
    .bs-sidebar.affix {
        top:30px;
    }
    .bs-sidebar.affix.fixed{
        position:fixed;
        top:10px;
    }
    .bs-sidebar.affix-bottom {
        position:absolute;
    }
    .bs-sidebar.affix-bottom .bs-sidenav,
    .bs-sidebar.affix .bs-sidenav {
        margin-top:0;
        margin-bottom:0;
    }
}
@media screen and (min-width:1200px) {
    .bs-sidebar.affix-bottom,
    .bs-sidebar.affix {
        width:263px;
    }
    .bs-sidebar.affix.fixed{
        position:fixed;
        top:70px;
    }
}
.nav.bs-sidenav li a i.empty{
    width:20px;
    height:25px;
    float:left;
    margin-right: 10px;
}
.nav.bs-sidenav li a i.menu-image{
    width:20px;
    height:25px;
    float:left;
    background-repeat:no-repeat;
    background-image:url('../media/templateImages/menu-sprite3.png');
    margin-right:10px;
}
.nav.bs-sidenav li.current a .menu-image.home,
.nav.bs-sidenav li.current a .menu-image.referAFriendMenu{
    background-position:-20px 2px;
}
.nav.bs-sidenav li a .menu-image.home,
.nav.bs-sidenav li a .menu-image.referAFriendMenu{
    background-position:0 2px;
}
.nav.bs-sidenav li a.current .menu-image.home,
.nav.bs-sidenav li a.current .menu-image.referAFriendMenu{
        background-position:-20px 2px;
}
.nav.bs-sidenav li a:hover .menu-image.home,
.nav.bs-sidenav li a:hover .menu-image.referAFriendMenu{
        background-position:-20px 2px;
}
.nav.bs-sidenav li a .menu-image.orderHistory{
    background-position:0 -40px;
}
.nav.bs-sidenav li a.current .menu-image.orderHistory{
    background-position:-20px -40px;
}
.nav.bs-sidenav li a:hover .menu-image.orderHistory{
    background-position:-20px -40px;
}
.nav.bs-sidenav li a .menu-image.savingScheme{
    background-position:0 -80px;
}
.nav.bs-sidenav li a.current .menu-image.savingScheme{
    background-position:-20px -80px;
}
.nav.bs-sidenav li a:hover .menu-image.savingScheme{
    background-position:-20px -80px;
}
.nav.bs-sidenav li a .menu-image.tankAccount{
    background-position:0 -117px;
}
.nav.bs-sidenav li a.current .menu-image.tankAccount{
    background-position:-20px -117px;
}
.nav.bs-sidenav li a:hover .menu-image.tankAccount{
    background-position:-20px -117px;
}
.nav.bs-sidenav li a .menu-image.cardDetails{
    background-position:0 -154px;
}
.nav.bs-sidenav li a.current .menu-image.cardDetails{
    background-position:-20px -154px;
}
.nav.bs-sidenav li a:hover .menu-image.cardDetails{
    background-position:-20px -154px;
}
.nav.bs-sidenav li a .menu-image.rewards{
    background-position:0 -314px;
}
.nav.bs-sidenav li a.current .menu-image.rewards{
    background-position:-20px -314px;
}
.nav.bs-sidenav li a:hover .menu-image.rewards{
    background-position:-20px -314px;
}
.nav.bs-sidenav li a .menu-image.voucher{
    background-position:0 -314px;
}
.nav.bs-sidenav li a.current .menu-image.voucher{
    background-position:-20px -314px;
}
.nav.bs-sidenav li a:hover .menu-image.voucher{
    background-position:-20px -314px;
}
.nav.bs-sidenav li a .menu-image.communityPic{
    background-position:0 -199px;
}
.nav.bs-sidenav li a.current .menu-image.communityPic{
    background-position:-20px -199px;
}
.nav.bs-sidenav li a:hover .menu-image.communityPic{
    background-position:-20px -199px;
}
.nav.bs-sidenav li a .menu-image.oilAlerts{
    background-position:0 -238px;
}
.nav.bs-sidenav li a.current .menu-image.oilAlerts{
    background-position:-20px -238px;
}
.nav.bs-sidenav li a:hover .menu-image.oilAlerts{
    background-position:-20px -238px;
}
.nav.bs-sidenav li a .menu-image.settings{
    background-position:0 -277px;
}
.nav.bs-sidenav li a.current .menu-image.settings{
    background-position:-20px -277px;
}
.nav.bs-sidenav li a:hover .menu-image.settings{
    background-position:-20px -277px;
}

.nav.bs-sidenav li a .menu-image.myTank{
    background-position:0 -355px;
}
.nav.bs-sidenav li a.current .menu-image.myTank{
    background-position:-20px -355px;
}
.nav.bs-sidenav li a:hover .menu-image.myTank{
    background-position:-20px -355px;
}
.nav.bs-sidenav li a .menu-image.supplierExclusions{
    background-position:0 -394px;
}
.nav.bs-sidenav li a.current .menu-image.supplierExclusions{
    background-position:-20px -394px;
}
.nav.bs-sidenav li a:hover .menu-image.supplierExclusions{
    background-position:-20px -394px;
}
.nav.bs-sidenav li a .menu-image.contactPrefs{
    background-position:0 -434px;
}
.nav.bs-sidenav li a.current .menu-image.contactPrefs{
    background-position:-20px -434px;
}
.nav.bs-sidenav li a:hover .menu-image.contactPrefs{
    background-position:-20px -434px;
}

.nav.bs-sidenav div.triangle{
    width:0;
    height:0;
    border-style:solid;
    border-width:6.5px 0 6.5px 9px;
    border-color:transparent transparent transparent #5e6d81;
}

.myAccount{
    margin-bottom:30px;
    min-height:460px;   /* this is required to prevent jerky issues with the subnav - content height must be larger than the menu */
}
.myAccount h2{
    margin-top:0;
    font-size:2em;
}
.myAccount h2 span {
    color:#59595B;
    font-weight:normal;
    font-size:0.8em;
}
.myAccount h3{
    color:#f15a25;
    font-size:1.4em;
    margin-bottom:10px;
}


.Responsive-Table .box{
    padding:0 !important;
    padding-left:15px !important;
    padding-right:15px !important;
    margin-bottom:15px;
    border:none !important;
    margin-top:0 !important;
}

.Responsive-Table .spaced{
    padding-left:0 !important;
    padding-right:0 !important;
}

.Responsive-Table .green {
    color:#009345 !important;
}
.Responsive-Table .red {
    color:#E00 !important;
}
.Responsive-Table .blue {
    color:#355192 !important;
}

.Responsive-Table .box .box-container{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    margin-bottom:15px;
}
.Responsive-Table .box .box-container .col-sm-6{
    padding-left:0;
    padding-right:0;
}

.Responsive-Table .box p.heading{
    background:#2980b9;
    color:#fff;
    font-weight:bold;
    font-size:1.2em;
    padding:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    text-align:center;
    margin-top:0;
    margin-bottom:0;
}

.Responsive-Table .box p{
    padding-left:5px;
    padding-right:5px;
    margin-bottom:7px;
    margin-top:7px;
}

.Responsive-Table .spaced p.heading{
    background:#355192;
    margin-bottom:10px;
}
.Responsive-Table .box .col {
    clear:both;
    float:left;
    background:#f2f2f2;
}
.Responsive-Table .spaced .col {
    background:#f2f2f2;
    margin-bottom:10px;
}
.Responsive-Table .spaced .col:hover {
    background:#d9e5f5;
    cursor:pointer;
    transition:all 0.1s ease-in-out;
}

@media (max-width:320px) {
    .Responsive-Table .spaced p.heading{
        margin-bottom:7px;
    }
    .Responsive-Table .spaced .col {
        margin-bottom:0;
    }
}
@media (min-width:768px) {
    .Responsive-Table .box .col.overRide-White{
        background:#fff;
    }
    .Responsive-Table .box .col.overRide-Grey{
        background:#f2f2f2;
    }
    .Responsive-Table .box .col.height60{
        height:60px;
    }
    .Responsive-Table .box .col.height48{
        height:48px;
    }
    .Responsive-Table .box .col.overRide-Empty{
        height:37px;
        background:#f2f2f2;
    }
    .Responsive-Table .box .title p{
        text-align:left !important;
    }
}
@media (max-width:992px) {
    .Responsive-Table .spaced .col {
        margin-bottom:0;
    }
}

.Responsive-Table .box .col{
    display:block;
    width:100%;
}
.Responsive-Table .box .title{
    float:left;
    text-align:right;
    width:170px;
    font-size:1em !important;
}
.modal-dialog .Responsive-Table .box .data,
.modal-dialog .Responsive-Table .box .title{
    float:left;
    text-align:right;
    width:118px;
    font-size:1em !important;
}
.myAccount.oilTheft .Responsive-Table .box .title{
    width:60%;
}
.myAccount.communities .Responsive-Table .box .title,
.termsandconditions .Responsive-Table .box .title{
    width:100%;
}
.Responsive-Table .box .data p,
.Responsive-Table .box .title p{
    font-weight:bold;
    color:#444 !important;
    font-size:1em !important;
}
.Responsive-Table .box .title p{
    text-align:right;
}
.myAccount.communities .Responsive-Table .box .title p,
.termsandconditions .Responsive-Table .box .title p{
    text-align:left;
}
.Responsive-Table .box .data{
    float:left;
    width:58%;
}
@media (max-width:768px) {
    .Responsive-Table .box .title{
        width:42%;
    }
    .Responsive-Table .box .data{
        width:58%;
    }
}
.myAccount.oilTheft .Responsive-Table .box .data{
    width:40%;
}
.myAccount.communities .Responsive-Table .box .data,
.termsandconditions .Responsive-Table .box .data{
    width:100%;
}
.myAccount.communities .Responsive-Table .box .data form{
    margin-left:5px;
}


.myAccount.communities{
    margin-bottom:40px;
}
.myAccount.communities table.communities th:first-child{
    border-top-left-radius:5px;
}
.myAccount.communities table.communities th:last-child{
    border-top-right-radius:5px;
}

.myAccount.communities .Sumbox{
    background-color:#f06419;
    border-radius:5px;
    padding:10px 15px 10px 15px;
    color:white;
    margin-top:20px;
}
@media (min-width:992px) {
    .myAccount.communities .Sumbox{
        margin-top:0;
    }
}
.myAccount.communities .supportedCommunity .img-container{
    min-height:144px;
    margin-bottom:20px;
    background-repeat:no-repeat;
}
@media (min-width:768px) {
    .myAccount.communities .supportedCommunity .img-container{
        height:330px;
        width:659px;
    }
}
@media (min-width:992px) {
    .myAccount.communities .supportedCommunity .img-container{
        height:215px;
        width:434px;
    }
}
@media (min-width:1200px) {
    .myAccount.communities .supportedCommunity .img-container{
        height:267px;
        width:534px;
    }
}
.myAccount.communities .supportedCommunity .btn{
    margin:0 auto;
    display:block;
}
.myAccount.communities .supportedCommunity .btn-primary{
    margin-bottom:10px;
}
.myAccount.communities h2:first-child{
    margin-top:0;
}
.myAccount.communities .supportedCommunity p span{
    color:rgb(255,0,0);
}
.myAccount.communities .supportedCommunity .Sumbox > p{
    font-size:1.8em;
    font-weight:bold;
}
.myAccount.communities .supportedCommunity .Sumbox > p span{
    color:#fff;
    font-size:0.5em;
    font-weight:normal;
}
.myAccount.communities .registerNewCommunity{
    margin-bottom:40px;
}

.myAccount.newCommunity.stage2 h2{
    font-size:1.8em;
}
.myAccount.newCommunity h2{
    margin-top:0;
}
.myAccount.newCommunity .box{
    background-color:#F3F3F3;
    border:1px solid rgb(211, 211, 211);
    border-radius:5px;
    padding:0 10px 0 10px;
}
.myAccount.newCommunity .communityProgress .box{
    padding:0;
    margin-top:43px;
    border-radius:0;
}
@media (min-width:992px) {
    .myAccount.newCommunity .communityProgress .box{
        margin-top:76px;
    }
}
@media (min-width:1200px) {
    .myAccount.newCommunity .communityProgress .box{
        margin-top:43px;
    }
}
/* Community Step progress bar */

.myAccount.newCommunity .step{
    padding:5px 0 5px 0;
    background-image:-ms-linear-gradient(top, #FFFFFF 0%, #D4D4D4 100%);
    background-image:-moz-linear-gradient(top, #FFFFFF 0%, #D4D4D4 100%);
    background-image:-o-linear-gradient(top, #FFFFFF 0%, #D4D4D4 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D4D4D4));
    background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #D4D4D4 100%);
    background-image:linear-gradient(to bottom, #FFFFFF 0%, #D4D4D4 100%);
}
.myAccount.newCommunity .step .stepStatus{
    margin:8px;
    float:left;
}
.myAccount.newCommunity .step .stepStatus img{
    display:none;
}
.myAccount.newCommunity .step .stepStatus.completed img{
    display:inline;
}
.myAccount.newCommunity .step .stepStatus .innerCircle{
    border-radius:50%;
    width:15px;
    height:15px;
    background-color:rgb(201, 201, 201);
    float:left;
    margin:8px;
}
.myAccount.newCommunity .step .stepStatus.completed .innerCircle{
    border-radius:0%;
    margin:0;
    width:0;
    height:0;
}
.myAccount.newCommunity .step h2{
    color:#2b69ce;
    border-bottom:none;
    font-size:1.3em;
    margin-top:0;
    margin-bottom:0;
}
.myAccount.newCommunity .step h2 span{
    color:#767676;
    font-size:0.8em;
}
.myAccount.newCommunity img#people{
    display:none;
}
@media (min-width:768px) {
    .myAccount.newCommunity img#people{
        display:inline;
    }
}
.myAccount.queuedOrder .form-group p,
.myAccount.shopOrder .form-group p{
    margin-top:7px;
}
.myAccount.cancel h1,
.myAccount.shopOrder h1,
.myAccount.queuedOrder h1,
.myAccount.error h1,
.myAccount.referAFreind h1,
.myAccount.myOrder h2:first-child{
    margin-top:0;
}
.myAccount.referAFreind h1{
    margin-bottom:30px;
    text-transform:uppercase;
    border-color:#f15a25;
}
.myAccount.myOrder h2,
.myAccount.shopOrder h2,
.myAccount.queuedOrder h2,
.myAccount.cancel h2{
    margin-top:30px;
}
.myAccount.oilTheft form#frmSearch{
    min-height:50px;
}


/**
 * Modern spaced table style used in (referrals area)
 */
table.spaced {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 0 20px 0;
    width:100%;
}
table.spaced tr.row1,
table.spaced tr:nth-child(odd) {
    background:#e6e6e6;
}
table.spaced tr.row2,
table.spaced tr:nth-child(even) {
    background:#e6e6e6;
}
table.spaced tr:hover {
    background:#d9e5f5;
    cursor:pointer;
    transition:all 0.1s ease-in-out;
}
table.spaced th {
    background:#355192;
    color:white;
    text-align:center;
}
table.spaced th:first-child {
    border-radius:5px 0 0 0;
}
table.spaced th:last-child {
    border-radius:0 5px 0 0;
}
table.spaced th:only-child{
    border-radius:5px 5px 0 0;
}
table.spaced th,
table.spaced td {
    padding:8px 5px 8px 5px;
    font-weight:600;
    border-top:none !important;
    border-bottom:10px solid #fff;
}
table.spaced .green {
    color:#009345;
}
table.spaced .red {
    color:#E00;
}
table.spaced .blue {
    color:#355192;
}
table.spaced .inactive th,
table.spaced .inactive td {
    color:#909090;
}
table.spaced th.actions {
    text-align:center;
    border-top-right-radius:5px;
    border-right:none;
}
table.spaced td.actions {
    text-align:center;
    white-space:nowrap;
}
table.spaced img.tick{
    margin:0 auto;
    display:block;
}



/**
 * standard table for my account area
 */
table.orders {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 0 20px 0;
    width:100%;
    /*  font-size:10px;
  line-height:13px;*/
}
/*@media (min-width:768px) {
  table.orders {
    font-size:1em;
    line-height:1em;
  }
}*/

table.orders th {
    background:#2980b9;
    color:white;
    border-right:1px solid #ccc;
}
table.orders th, table.orders td {
    padding:8px 5px 8px 5px;
    text-align:left;
    border-top:none !important;
}
table.orders .align-right {
    text-align: right;
}
table.orders td {
    border:1px solid #ccc;
}
table.orders th.actions {
    text-align:center;
    border-top-right-radius:5px;
    border-right:none;
}
table.orders td.actions {
    text-align:center;
    white-space:nowrap;
}
table.orders tr.row1 {
    background:#f2f2f2;
}
table.orders tr.row2 {
    background:#fff;
}
table.orders img.tick{
    margin:0 auto;
    display:block;
}
table.orders .btn {
    font-size: 9px;
}
table.orders .popover-paragraph {
    white-space: nowrap;
}
table.orders .btn.btn-primary br{
    display: block;
}
table.orders .popover-paragraph a.popover-trigger, table.orders a.popover-trigger:active, table.orders a.popover-trigger:hover, table.orders a.popover-trigger:link, table.orders a.popover-trigger:visited {
    display: inline-block;
    cursor: pointer;
    margin: 2px 0 0 1px;
    padding: 1px 7px;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #FFFFFF;
    height: 22px;
    width: 22px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    font-style: normal
}
table.orders .popover-paragraph a.popover-trigger, table.orders a.popover-trigger:link, table.orders a.popover-trigger:visited {
    background-color: #0070BC;
    border-color: #0070BC
}

table.orders .popover-paragraph a.popover-trigger:active, table.orders a.popover-trigger:hover {
    background-color: #F15A25 !important;
    border-color: #F15A25 !important;
}

table.orders .popover-paragraph h3.popover-title {
    font-size: 14px;
    color: #444;
    margin-bottom: 0;
}
@media (min-width:375px) {
    table.orders .btn {
        font-size: 14px;
    }
    table.orders .btn.btn-primary br{
        display: none;
    }
}
table.orders.balances {
    width: 100%;
    margin-bottom: 0;
}
.order-options .option {
    background:#f15a24;
    padding:5px 5px 5px 5px;
    width:100%;
    color:#fff;
    border-radius:5px;
    margin-bottom:5px;
}
.order-options .option p{
    padding-top:5px;
    margin-bottom:5px;
}

/* standard box for my account area */
.myAccount .pBox{
    border:1px solid #ccc;
    border-radius:8px;
    padding:10px 10px 10px 10px;
    margin-bottom:20px;
}

.myAccount .pBox img#piggy{
    margin-top:15px;
    display:none;
}
@media (min-width:728px) {
    .myAccount .pBox img#piggy{
        display:inline;
    }
}
.myAccount .card-info{
    background-color:#E1F0D9;
    border-radius:8px;
    padding:10px 5px 10px 5px;
    margin-bottom:20px;
}

.myAccount .card-info.saving{
    border:2px solid #8ec63F;
}

@media (min-width:728px) {
    .myAccount.PaymentPlan.stage1 .card-info p{
        margin-top:7px;
    }
}


.myAccount table.communities{
    border-collapse:separate;
    border-spacing:0;
    margin:0 0 20px 0;
    width:100%;
}
.myAccount table.communities th{
    background:#2980b9;
    color:white;
}
.myAccount table.communities th:first-child{
    width:180px;
}
.myAccount table.communities tr.row1{
    background:#f2f2f2;
}
.myAccount table.communities td{
    padding:20px 15px;
    border-bottom:2px solid #dc5508;
}
.myAccount form#frmSearch{
    margin-bottom:5px;
}

.myAccount h3:nth-of-type(2){
    margin-top:40px;
}

.myAccount.settings .form-group:last-child{
    margin-top:20px;
}
.myAccount.settings h2:first-child{
    margin-top:0;
}
.myAccount.settings h2{
    margin-top:30px;
}
.myAccount.registerCard table.orders .btn-primary{
    margin-bottom:10px;
    float:left;
}
@media (min-width:992px) {
    .myAccount.registerCard table.orders .btn-primary{
        margin-bottom:10px;
    }
}
@media (min-width:1200px) {
    .myAccount.registerCard table.orders .btn-primary{
        float:left;
    }
}
.myAccount.registerCard table.orders .btn-danger{
    margin-bottom:10px;
    float:right;
}
@media (min-width:992px) {
    .myAccount.registerCard table.orders .btn-danger{
        margin-bottom:0;
    }
}




/* Shopping cart Summary */

#cartSummary {
    /*  border-radius:12px;
  background-color:#F68318;*/
    padding:10px 10px 10px 10px;
    /*  margin-bottom:10px;
  margin-left:15px;
  margin-right:15px;*/
}
@media (min-width:992px) {
    #cartSummary {
        border-radius:20px;
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        background-color:#F68318;
        padding-left:0;
        margin-left:0;
        margin-right:0;
    }
}

#cartSummary .cart-summary{
    padding-bottom:10px;
    padding-top:1px;
    border-radius:6px;
    padding-left:5px;
    padding-right:15px;
    border:none;
    margin-bottom:0;
}
@media (min-width:992px) {
    #cartSummary .cart-summary{
        background-color:#F3F3F3;
        padding:20px;
    }
}


#cartSummary .cart-summary .cart-details p{
    margin-bottom:0;
}
#cartSummary .cart-summary .total{
    padding-top:20px;
}
.delivery #cartSummary .cart-summary .total{
    padding-top:10px;
}
#cartSummary .cart-summary .total h3{
    margin-top:0 !important;
}
#cartSummary .cart-summary .total p.amounttotal{
    font-weight:bold;
    font-size:1.2em
}
#cartSummary .cart-summary .total p.amounttotal span.small{
    font-weight:normal;
    font-size:0.9em;
}
@media (min-width:1200px) {
    #cartSummary .cart-summary .total p.amounttotal span.small{
        font-weight:normal;
        font-size:0.9em;
        float:left;
    }
}
#cartSummary img.security-logos{
    display:none;
}
@media (min-width:992px) {
    #cartSummary img.security-logos{
        display:inline;
    }
}
.delivery #cartSummary.long{
    padding-left:10px;
    margin-left:-10px;
    border-bottom-left-radius:20px;
}

.payment .cartSummary p{
    color:#F68318;
}

.payment .cartSummary p.bold{
    color:#000;
    font-weight:bold;
    font-size:1.3em;
}
.payment .cartSummary p.surcharge{
    color:#000;
}

.cart-summary .cart-details p.price{
    font-weight:normal;
    color:#444;
    font-size:1em;
    margin-top:0;
}

/* Shop order process confirm page */

.confirm .shop-qty input.minus, .confirm .shop-qty input.plus{
    text-decoration:none;
    font-size:1.4em;
    color:black;
    border:none;
    background-color:transparent;
    cursor:pointer;
}


.confirm .shop-qty .adjustcart .minus{
    float: left;
    width: 19px;
    padding: 0;
}

.confirm .shop-qty .adjustcart .qty{
    float: left;
}

.confirm .shop-qty .adjustcart .add{
    float: left;
    width: 19px;
    padding: 0;
}

.confirm .shop-qty .adjustcart input.plus {
    padding: 0;
    width: 19px;
}
@media (min-width:768px) {
    .confirm .shop-qty .adjustcart {
        padding-left: 41px;
    }
}




/* Order Process */

/* Progress Indicator */

#progressIndicator{
    margin-top:10px;
    margin-bottom:10px;
}

#progressIndicator p,
#progressIndicator p.disabled{
    background-image:-ms-linear-gradient(right, #FE7701 0%, #FF5001 100%);
    background-image:-moz-linear-gradient(right, #FE7701 0%, #FF5001 100%);
    background-image:-o-linear-gradient(right, #FE7701 0%, #FF5001 100%);
    background-image:-webkit-gradient(linear, right top, left top, color-stop(0, #FE7701), color-stop(1, #FF5001));
    background-image:-webkit-linear-gradient(right, #FE7701 0%, #FF5001 100%);
    background-image:linear-gradient(to left, #FE7701 0%, #FF5001 100%);
    background-color:#FE7701;
    padding:5px 5px 5px 5px;
}
#progressIndicator p.disabled{
    display:none;
}
@media (min-width:992px) {
    #progressIndicator p{
        display:inline-block;
        width:200px;
        margin-right:20px;
    }
    #progressIndicator p.disabled{
        display:inline-block;
        width:200px;
        background-color:#F2F2F2;
        background-image:none;
    }
    #progressIndicator p.disabled a{
        color:#000;
    }
}
#progressIndicator a{
    color:#fff;
    font-size:1.4em;
}




/* oil order process Shop popup */

#ShopItems .modal-dialog p.modal-title{
    font-size:1.8em;
}

div#ShopItems .box{
    width:100%;
    border:1px solid #F68318;
    border-radius:10px;
    background-image:-ms-linear-gradient(top, #FFFFFF 0%, #F0EDEE 100%);
    background-image:-moz-linear-gradient(top, #FFFFFF 0%, #F0EDEE 100%);
    background-image:-o-linear-gradient(top, #FFFFFF 0%, #F0EDEE 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F0EDEE));
    background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #F0EDEE 100%);
    background-image:linear-gradient(to bottom, #FFFFFF 0%, #F0EDEE 100%);
    padding:10px 10px 10px 10px;
    margin-bottom:20px;
}
@media (min-width:992px) {
    div#ShopItems .box{
        margin-bottom:0;
    }
}

div#ShopItems .box h3{
    color:#F68318;
    font-size:1.4em;
    float:left;
    width:100%;
    text-align:center;
    margin-bottom:0;
}
div#ShopItems .box h3 span{
    color:#3c3c3c;
    font-weight:normal;
}
div#ShopItems .box p{
    color:#000;
    text-align:center;
    padding-bottom:5px;
    width:100%;
}
div#ShopItems .box table{
    color:black;
    text-align:center;
    margin:0 auto;
}
div#ShopItems .box .btn{
    margin:0 auto;
    display:block;
}
.delivery{
    margin-bottom:30px;
}
.delivery .details-box{
}
@media (min-width:992px) {
    .delivery .details-box{
        border-radius:12px;
        background-color:#F68318;
        margin-left:0;
        margin-right:0;
        padding:10px;
    }
}
.delivery .details-box form{
    background-color:white;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:0;
}
@media (min-width:992px) {
    .delivery .details-box form{
        background-color:white;
        border-radius:6px;
        padding:20px;
        margin-right:1px;
        padding-bottom:20px;
    }
}
.delivery h1{
    color:#F68318;
    margin-top:25px;
    margin-bottom:20px;
}
.delivery h1:first-child{
    margin-top:5px;
}
.delivery input#billingaddresscheck{
    margin-top:10px;
    margin-right:10px;
}
@media (min-width:768px) {
    .delivery .labelRequired{
        text-align:left;
    }
}
@media (min-width:992px) {
    .delivery .labelRequired{
        text-align:right;
    }
}

#diffrentAddress{
    margin-top:30px;
    margin-bottom:30px;
}
.confirm{
    margin-bottom:30px;
}
.confirm h3{
    margin-bottom:10px !important;
}
.confirm h3.qty{
    margin-bottom:16px !important;
}
@media (min-width:768px) {
    .confirm h3.qty{
        margin-left:44px;
    }
}
@media (min-width:992px) {
    .confirm h3.qty{
        margin-left:34px;
    }
}
.confirm .logoContainer img{
    display:none;
}
@media (min-width:768px) {
    .confirm .logoContainer img{
        display:inline-block;
        width: auto;
        height: 50px;
        margin-right: 5px;
    }
}
@media (min-width:992px) {
    .confirm .logoContainer img{
        height: 33px;
    }
}
@media (min-width:1200px) {
    .confirm .logoContainer img{
        height: 42px;
    }
}







@media (min-width:992px) {
    .confirmTable{
        border:solid 12px #F68318;
        border-radius:20px;
        padding:20px 15px 15px;
        background-color:#f3f3f3;
        padding-bottom:20px;
    }
}
.confirmTable h1{
    color:#fa8a11;
    margin-top:10px;
    margin-bottom:15px;
}
.confirmTable .box{
    border:solid 1px #CFCFCF;
    border-radius:6px;
    padding:5px 0;
    background-color:#fff;
    margin:15px 1px 0 1px;
}
@media (min-width:992px){
    .confirmTable .box{
        border:solid 1px #CFCFCF;
        border-radius:6px;
        padding:20px 0 15px 0;
        background-color:#fff;
        /*margin:10px 2px 15px 2px;*/
    }
}
.confirmTable .box.oil img{
    float:left;
    margin-left:10px;
}
.confirmTable .box.oil .text{
    float:left;
    margin:0;
}
@media (min-width:992px){
    .confirmTable .box.oil .text{
        float:left;
        margin:0 0 0 10px;
        max-width:310px;
    }
}
.confirmTable .box.oil .text h2{
    margin:0 0 5px 0;
    color:#f15a25;
    font-weight:bold;
}
.confirmTable .box.oil .text p{
    margin:0 0 0 0;
    line-height:24px;
}
.confirmTable .box.oil .text p.bold a{
    color:#5597cb;
    font-size:0.8em;
}
.confirmTable .box.oil .text p:last-child a{
    margin-top:5px;
    font-weight:700;
    font-size:0.7em;
    padding:2px 15px;
}

.confirmTable .box.oil .oilDetails{

}
.confirmTable .box.oil .oilDetails .column{
    float:left;
    /*width:100px;*/
    margin-top:10px;
}
@media (min-width:992px){
    .confirmTable .box.oil .oilDetails .column{
        float:right;
        width:100px;
        margin-top:0;
    }
}
.confirmTable .box.oil .oilDetails .column p:nth-child(1){
    font-weight:bold;
    font-size:1.2em;
    color:#0070bc;
    margin:0;
    padding:0;
    text-align:left;
}
.confirmTable .box.oil .oilDetails .column p:nth-child(2){
    font-size:0.7em;
    color:#8c8c8c;
    text-align:left;
    padding:0;
    margin:0;
}
.confirmTable .box.oil .oilDetails .column p:nth-child(3){
    font-size:14px;
    text-align:left;
    font-weight:bold;
    margin-top:10px;
}
@media (min-width:768px){
    .confirmTable .box.oil .oilDetails .column p:nth-child(3){
        font-size:1em;
    }
}

.confirmTable .box.oil .oilDetails.discount .column p:nth-child(3){
    color:#999999;
    text-decoration:line-through;
}

.confirmTable .box.oil .oilVoucherApplied{
    border-top:1px solid #ccc;
    padding-top:10px;
}
.confirmTable .box.oil .oilVoucherApplied p{
    float:left;
    font-weight:bold;
    font-size:1em;
}
.confirmTable .box.oil .oilVoucherApplied p:first-child{
    color:#016fba;
    font-weight:bold;
    width:100%;
    text-align:left;
    font-size:1.0em;
    margin-left:50px;
}
@media (min-width:992px){
    .confirmTable .box.oil .oilVoucherApplied p:first-child{
        color:#016fba;
        font-weight:bold;
        width:184px;
        text-align:center;
        font-size:1.0em;
        margin-left:0;
    }
}
@media (min-width:1200px){
    .confirmTable .box.oil .oilVoucherApplied p:first-child{
        color:#016fba;
        font-weight:bold;
        width:300px;
        text-align:center;
        font-size:1.0em;
        margin-left:0;
    }
}
.confirmTable .box.oil .oilVoucherApplied p:nth-child(2){
    width:100px;
    float:left;
}
.confirmTable .box.oil .oilVoucherApplied p:nth-child(3){
    width:100px;
    float:left;
}

.confirmTable .box.voucherAdded{
    background-color:#d9edf8;
    border:1px solid #2aabe2;
    padding:15px;

}
@media (min-width:992px){
    .confirmTable .box.voucherAdded{
        background-color:#d9edf8;
        border:1px solid #2aabe2;
        padding:15px;
    }
}
.confirmTable .box.voucherAdded p{
    font-weight:bold;
    color:#0071BD;
    font-size:1.4em;
    float:left;
    padding:0;
    margin:0;
    vertical-align:middle;
}
.confirmTable .box.voucherAdded p span{
    font-weight:normal;
    font-size:0.8em;
    display:block;
}
@media (min-width:992px){
    .confirmTable .box.voucherAdded p span{
        font-weight:normal;
        font-size:0.8em;
        margin-left:20px;
        display:inline;
    }
}

.confirmTable .box.voucherAdded a{
    float:left;
    color:#c3262D;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size:0.8em;
    width:100%;
}
@media (min-width:992px){
    .confirmTable .box.voucherAdded a{
        float:right;
        color:#c3262D;
        text-decoration:none;
        text-transform:uppercase;
        font-weight:bold;
        font-size:0.8em;
        width:50px;
    }
}
.confirmTable .box .voucher{
    padding:0 5px;
}
@media (min-width:992px){
    .confirmTable .box .voucher{
        padding:0 15px;
    }
}
.confirmTable .box .voucher form{
    float:left;
}

.confirmTable .box.voucher{
    padding:15px;
}
@media (min-width:992px){
    .confirmTable .box.voucher{
        padding:0;
    }
}
.confirmTable .box.addVoucher{
    padding:15px;
}
.confirmTable .box.addVoucher.hiddenVoucher{
    display: none;
}
@media (min-width:992px){
    .confirmTable .box.addVoucher{
        padding:20px 0 15px;
    }
}
.confirmTable .box .voucher label.code{
    color:#0071BD;
    font-weight:700;
    font-size:1.4em;
    vertical-align:middle;
    margin-bottom:3px;
}
.confirmTable .box .voucher input#voucherCode.code{
    width:120px;
    border-radius:5px;
    margin-left:15px;
    margin-right:5px;
    padding-left:5px;
    height:34px;
}
.confirmTable .box.addVoucher p{
    width:100%;
    float:left;
    margin-top:5px;
}
@media (min-width:992px){
    .confirmTable .box.addVoucher p{
        width:460px;
        float:left;
        margin-top:5px;
        margin-left:20px;
    }
}
@media (min-width:1200px){
    .confirmTable .box.addVoucher p{
        width:560px;
        float:left;
        margin-top:5px;
        margin-left:20px;
    }
}
.confirmTable .box .vouchercard p{
    float:left;
    margin-left:0;
    margin-top:4px;
}
@media (min-width:992px){
    .confirmTable .box .vouchercard p{
        float:left;
        margin-left:0;
        margin-top:4px;
    }
}
@media (min-width:1200px){
    .confirmTable .box .vouchercard p{
        float:left;
        margin-left:20px;
        margin-top:4px;
    }
}
.confirmTable .box.del h2{
    margin:0 0 20px 0;
    padding:0;
    color:#f15a25;
    font-weight:bold;
    font-size:1.3em;
}
.confirmTable .box.del p{
    margin:0;
    padding:0;
}
.confirmTable .box.del p.title{
    font-weight:bold;
}
.confirmTable .box.del p.title.delNote{
    margin-top:20px;
}
.confirmTable .box.del p.delNotes{
    word-wrap:break-word;
    margin-top:20px;
}

.confirmTable .row .card a{
    text-decoration:none !important;
}
.confirmTable .box.card{
    padding:20px 20px 0 20px;
    margin-bottom:0;
    text-decoration:none;
}
@media (min-width:992px){
    .confirmTable .box.card{
        padding:20px 20px 0 20px;
        margin-bottom:0;
        text-decoration:none;
        min-height:212px;
    }
}
@media (min-width:992px){
    .confirmTable .box.card.voucher{
        min-height:312px;
    }
}
@media (min-width:1200px){
    .confirmTable .box.card.voucher{
        min-height:252px;
    }
}
.confirmTable .box.card p:first-child{
    font-weight:bold;
    font-size:1.2em;
    color:#0071BD;
    margin-bottom:12px;
}
.confirmTable .box.card p.title{
    color:#f05922;
    font-size:1.1em;
}
.confirmTable .box.card p.amount{
    color:#000;
    font-size:1.6em;
}
.confirmTable .box.card p.amount span{
    font-size:0.5em;
    color:#f05922;
}
.confirmTable .box.card .surcharge p{
    color:#000;
    line-height:20px;
}
.confirmTable .row .card img{
    display:none;
}
@media (min-width:992px){
    .confirmTable .row .card img{
        display:inline-block;
        position:absolute;
        margin-left:0;
        width:280px;
    }
}
@media (min-width:1200px){
    .confirmTable .row .card img{
        position:absolute;
        margin-left:0;
        width:95%;
    }
}
.confirmTable #checkbox.TandC{
    margin-bottom:10px;
    padding:10px 5px 10px 5px;
}
.confirmTable #checkbox.TandC.Error{
    background-color:#f2dedf;
    border:1px solid #dfa6ad;
    border-radius:10px;
}
.confirmTable #checkbox.TandC #left{
    float:left;
    display:none;
}
@media (min-width:992px){
    .confirmTable #checkbox.TandC #left{
        float:left;
        margin-left:238px;
        display:none;
    }
}
.confirmTable #checkbox.TandC.Error #left{
    display:inline-block !important;
}
.confirmTable #checkbox.TandC #left img{
    float:right;
    margin-left:10px;
    display:none;
}
@media (min-width:992px){
    .confirmTable #checkbox.TandC #left img{
        display:inline-block;
        padding-top:4px;
    }
}
.confirmTable #checkbox.TandC #left p{
    float:right;
    color:#c3282e;
    padding:0;
    margin:0;
    padding-top:2px;
}
.confirmTable #checkbox.TandC #right{
    float:left;
}
@media (min-width:992px){
    .confirmTable #checkbox.TandC #right{
        float:right;
    }
}
.confirmTable #checkbox.TandC #right p{
    float:right;
    margin-left:5px;
    padding:2px 0 0 0;
    margin:0 0 0 10px;
    vertical-align:middle;
}
.confirmTable #checkbox.TandC #right input{
    float:right;
    width:20px;
    height:20px;
}

.confirmTable .box.shop .img{
    width:107px;
    float:left;
}
.confirmTable .box.shop h2{
    margin:0 0 5px;
    color:#f15a25;
    font-weight:700;
}
.confirmTable .box.shop .shopDetails .column{
    float:left;
    /*width:100px;*/
    margin-top:10px;
}
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column{
        float:right;
        /* width:100px; */
        margin-top:0;
    }
}
/*.confirmTable .box.shop .shopDetails .column:nth-child(1){
   width:110px;
}*/
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column:nth-child(1){
        width:140px;
    }
}
/*.confirmTable .box.shop .shopDetails .column:nth-child(2){
   width:106px;
}*/
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column:nth-child(2){
        width:159px;
    }
}
/*.confirmTable .box.shop .shopDetails .column:nth-child(3){
   width:120px;
}*/
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column:nth-child(3){
        width:163px;
    }
}
.confirmTable .box.shop .shopDetails .column p:nth-child(1){
    font-weight:700;
    font-size:1.2em;
    color:#0070bc;
    margin:0 0 10px 0;
    padding:0;
    text-align:left;
}
.confirmTable .box.shop .shopDetails .column p.qty{
    margin-left:26px
}
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column p.qty{
        margin-left:0;
        margin-right:37px;
    }
}
.confirmTable .box.shop .shopDetails .column p:nth-child(2){
    font-weight:bold;
}
.confirmTable .box.shop .shopDetails.discount .column p:nth-child(2){
    text-decoration:line-through;
    color:#999999;
}
.confirmTable .box.shop .shopDetails .column p:nth-child(2) span{
    font-weight:normal;
    color:#999999;
    font-size:0.8em;
}
.confirmTable .box.shop .shopDetails .column:nth-child(3) p{
    text-align:center;
}
.confirmTable .box.shop .shopDetails .column .adjustcart .minus{
    text-decoration:none;
    font-size:1.4em;
    color:black;
    border:none;
    background-color:transparent;
    cursor:pointer;
    float:left;
    width:37px;
}
@media (min-width:992px){
    .confirmTable .box.shop .shopDetails .column .adjustcart .minus{
        text-decoration:none;
        font-size:1.4em;
        color:black;
        border:none;
        background-color:transparent;
        cursor:pointer;
        float:left;
        margin-left:0;

    }
}
.confirmTable .box.shop .shopDetails .column .adjustcart .input{
    float:left;
}
.confirmTable .box.shop .shopDetails .column .adjustcart .input input {
    width:45px;
    text-align:center;
    margin-left:4px;
    margin-right:4px;
}

.confirmTable .box.shop .shopDetails .column .adjustcart .plus{
    text-decoration:none;
    font-size:1.4em;
    color:black;
    border:none;
    background-color:transparent;
    cursor:pointer;
    float:left;
    width:37px;
    margin-left:0;
    margin-right:0;

}
@media (max-width:767px){
    .confirmTable .box.shop .shopDetails .column .adjustcart .input input{
        width:30px;
    }
    .confirmTable .box.shop .shopDetails .column .adjustcart .minus,
    .confirmTable .box.shop .shopDetails .column .adjustcart .plus{
        font-size:1em;
        margin-left:0;
        width:20px;
        font-weight:700;
    }
}

@media (max-width:400px){
    .confirmTable .box.shop .shopDetails .column p.qty {
        margin-bottom:32px;
    }
    .confirmTable .box.shop .shopDetails .column .adjustcart .input input {
        width:25px;
    }
}











.confirmTable .box.shop .shopVoucherApplied{
    border-top:1px solid #ccc;
    padding-top:10px;
    margin-top:5px;
}
.confirmTable .box.shop .shopVoucherApplied p{
    float:left;
    font-weight:bold;
    font-size:1em;
}
.confirmTable .box.shop .shopVoucherApplied p:first-child{
    color:#016fba;
    font-weight:700;
    font-size:1em;
    margin-right:30px;
}
@media (min-width:992px){
    .confirmTable .box.shop .shopVoucherApplied p:first-child{
        color:#016fba;
        font-weight:700;
        font-size:1em;
        margin-left:223px;
        margin-right:39px;
    }
}
.confirmTable .box.shop .shopVoucherApplied p span{
    color:#999999;
    font-size:0.8em;
}
.confirmTable .box.tankAccount{
    background-color:#d9edf8;
    border:1px solid #2aabe2;
    padding:15px;
}
.confirmTable .box.tankAccount p{
    font-weight:700;
    color:#0071BD;
    font-size:1.4em;
    float:left;
    padding:0;
    margin:4px 0 5px 0;
}
@media (min-width:992px){
    .confirmTable .box.tankAccount p{
        font-weight:700;
        color:#0071BD;
        font-size:1.4em;
        float:left;
        padding:0;
        margin:3px 0 0 0;
    }
}
.confirmTable .box.tankAccount.use{
    background-color:#e0f0d6;
    border:1px solid #9ecb6c;
    padding:15px;

}
@media (min-width:992px){
    .confirmTable .box.tankAccount.use{
        background-color:#e0f0d6;
        border:1px solid #9ecb6c;
        padding:15px;
    }
}
.confirmTable .box.tankAccount.use p{
    color:#3b7342;
    margin-bottom:10px;
}
@media (min-width:992px){
    .confirmTable .box.tankAccount.use p{
        color:#3b7342;
        margin-bottom:0;
        padding:0;
    }
}
@media (min-width:992px){
    .confirmTable .box.tankAccount form{
        float:left;
        margin-left:10px;
    }
}
.confirmTable .box.tankAccount input.btn{
    display:block;
    width:100%;
}

.box.mobileSurcharge,
.payment .details-box .box.mobileSurcharge{
    border:1px solid #cfcfcf;
}
@media (min-width:992px){
    .box.mobileSurcharge{
        display:none;
    }
}

.box.mobileSurcharge .highlight,
.mobileCards .highlight{
    font-weight:700;
}

.box.mobileSurcharge .amount,
.mobileCards .amount{
    font-weight:700;
    color:#f15a25;
}

.box.mobileSurcharge .surcharge,
.mobileCards .surcharge{
    font-weight:700;
    color:#0070bc;

}

@media (max-width:767px) {
    .confirmTable .box.del h2.MT20 {
        margin-top:10px;
    }
}

















@media (min-width:992px) {
    .ConfirmTable{
        border:solid 12px #F68318;
        border-radius:20px;
        padding:20px 15px 15px;
        background-color:#f3f3f3;
        padding-bottom:20px;
    }
}
.ConfirmTable h1{
    color:#fa8a11;
    margin-top:10px;
    margin-bottom:15px;
}
.ConfirmTable .box{
    border:solid 1px #CFCFCF;
    border-radius:10px;
    padding:10px 0;
    background-color:#fff;
    margin-bottom:15px;
    margin-left:2px;
    margin-right:2px;
}
@media (min-width:992px) {
    .ConfirmTable .box .shop-qty .adjustcart .minus{
        padding: 0 2px 0 0;
    }
}

.ConfirmTable h2 span{
    color:#3c3c3c;
    font-size:0.8em;
}
.ConfirmTable h2{
    color:#F68318;
    margin-top:0;
    font-weight:bold;
}
.ConfirmTable h3{
    color:#2980b9;
    margin-bottom:0;
    font-weight:bold;
}
@media (min-width:992px) {
    .ConfirmTable .col-xs-12.col-md-9 h2 {
        margin-top: 40px;
    }
}

@media (min-width:992px) {
    .ConfirmTable .box .shop-qty .adjustcart .minus{
        padding:0
    }
}

.ConfirmTable .box .voucher{
    margin-bottom:20px;
    margin-top:20px;
}
.ConfirmTable .box .btn.btn-success, .ConfirmTable .box .btn.btn-danger{
    display:block;
    margin:0 auto;
}
@media (min-width:992px) {
    .ConfirmTable .box .btn.btn-success, .ConfirmTable .box .btn.btn-danger{
        display:inline;
        margin:0;
    }
}
@media (min-width:992px) {
    .ConfirmTable .box span#confirmdelete .btn.btn-success, .ConfirmTable .box span#confirmdelete .btn.btn-danger{
        width:105px;
        float:left;
        margin-bottom:10px;
    }
}

.ConfirmTable .box .summary{
    margin-top:20px;
}

.ConfirmTable .box .small-box{
    border:1px solid #F68318;
    border-radius:10px;
    margin-bottom:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}
.ConfirmTable .box .inner-small-box{
    border:1px solid #F68318;
    border-radius:10px;
    padding:10px 15px 10px 15px;
    margin-bottom:10px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    background-color:#f4f4f4;
}
@media (min-width:992px) {
    .ConfirmTable .box .inner-small-box{
        min-height:185px;
    }
}
.ConfirmTable .box .inner-small-box p{
    color:#F68318;
}
.ConfirmTable .box .inner-small-box .large{
    margin-bottom:0;
    font-size:1.6em;
    color:#000;
}
.ConfirmTable .box .inner-small-box .large span{
    color:#F68318;
    font-size:0.8em;
}
.ConfirmTable .box .inner-small-box .surcharge p{
    color:#000;
    line-height:16px;
}
.ConfirmTable .box .inner-small-box h3{
    margin-top:0;
}
.ConfirmTable .box a{
    text-decoration:none !important;
}
.ConfirmTable .box .small-box:nth-of-type(2){
    margin-top:20px;
}
.ConfirmTable .box .small-box p.title{
    color:#F68318;
    font-weight:bold;
    text-align:right;
}
.ConfirmTable .box.tandc{
    font-size:1.1em;
    color:rgb(255, 0, 12);
    font-weight:bold;
    line-height:1.4em;
    padding:10px 10px 5px 10px;
    margin-bottom:0;
    text-align:center;
}
.ConfirmTable .column p.small-text{
    font-size:0.8em;
}

.ConfirmTable .checkbox.TandC input#TandC.Error{
    width:1.2em;
    height:1.2em;
    margin-top:3px;
}

.ConfirmTable .checkbox.TandC.Error{
    color:rgb(255, 0, 12);
    font-weight:bold;

}
.ConfirmTable .checkbox.TandC.Error label{
    margin-top:5px;
}

.ConfirmTable .checkbox.TandC.Error p{
    float:left;
}

@media (min-width:992px) {
    .ConfirmTable .checkbox.TandC{
        margin-top:26px;
    }
    .ConfirmTable .checkbox.TandC label{
        float:right;
    }
}
span#confirmdelete a.removebtn {
    margin-right:10px;
}


.payment{
    margin-bottom:30px;
}
.payment h1{
    margin-top:0;
}
.payment .details-box .box{
    border:none;
}
.payment .details-box .box a.payment-more-info {
    color: #444444;
    position: relative;
    bottom: -15px;
}
.payment .details-box .box a.payment-more-info:hover {
    color: #666666;
}
@media (min-width:992px) {
    .payment .details-box{
        border-radius:12px;
        background-color:#F68318;
        margin-left:0;
        margin-right:0;
        padding:10px;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
}
.payment .details-box .box{
    background-color:white;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:0;
}
@media (min-width:992px) {
    .payment .details-box .box{
        background-color:white;
        border-radius:6px;
        padding:20px;
        margin-right:1px;
        padding-bottom:20px;
        margin-bottom:5px;
    }
}
.payment .details-box .title p.title{
    color:#f15a25;
    font-weight:bold;
    font-size:1.2em;
}
.payment .box{
    border:solid 1px #F68318;
    border-radius:10px;
    padding:10px 10px 10px 10px;
    background-color:#fff;
    margin-bottom:15px;
    margin-left:2px;
    margin-right:2px;
}
@media (min-width:992px) {
    .payment .cartSummary{
        border-radius:20px;
        border-top-left-radius:0;
        border-bottom-left-radius:20px;
        background-color:#F68318;
        padding-left:10px;
        margin-left:-10px;
        margin-right:0;
        padding-top:10px;
        padding-bottom:10px;
    }
    .payment .cartSummary .cartSummaryContainer{
        background-color:#fff;
        padding:15px;
        border-radius:12px;
    }

    .payment .cartSummary .cartSummaryContainer .logos {
        margin-bottom: 15px;
    }
    .payment .cartSummary .cartSummaryContainer .logos img {
        height: 27px;
    }
    .payment .cartSummary .cartSummaryContainer .logos img:nth-of-type(2) {
        margin-left: 10px;
    }
    .payment .cartSummary .cartSummaryContainer .logos.bottom {
        margin: 0 auto;
        text-align: center;
    }
    .payment .cartSummary .cartSummaryContainer .box .col-md-7 p span {
        font-size: 15px;
    }
}

@media (min-width:1200px) {
    .payment .cartSummary .cartSummaryContainer .logos img {
        height: 34px;
    }
    .payment .cartSummary .cartSummaryContainer .logos img:nth-of-type(2) {
        margin-left: 15px;
    }
}

@media (min-width:992px) {
    .payment .cartSummary .cartSummary-Container{
        border-radius:12px;
        background-color:#f3f3f3;
        padding-top:5px;
        padding-bottom:10px;
    }
    .payment .cartSummary .cartSummary-Container .box{
        margin-left:15px;
        margin-right:15px;
        margin-top:15px;
    }
}

.payment .cartSummary .cartSummary-Container .box p.title{
    color:#F68318;
    font-weight:bold;
    font-size:1.0em;
    text-align:left;
}
@media (min-width:992px) {
    .payment .cartSummary .cartSummary-Container .box p.title{
        color:#F68318;
        font-weight:bold;
        font-size:1.0em;
        text-align:right;
    }
}

.payment .cartSummary .cartSummary-Container .box p.bold{
    color:#000;
    font-weight:bold;
    font-size:1.2em;
}

.payment .cartSummary .cartSummary-Container .box p.bold span{
    color:#F68318;
    font-size:0.7em;
}

.payment h2{
    color: #444444;
    margin-top: 16px;
    margin-bottom: 20px;
}

.payment h4 {
    color: #444444;
    font-size: 18px;
    margin-top: 0;
}
.payment title{
    border-bottom:2px solid #ccc;
    margin-left:5px;
    margin-right:5px;
}
.payment .cardinfo{
    background-color:#E1F0D9;
    border:solid 1px #E1F0D9;
    border-radius:10px;
    margin: 10px 1px;
    padding:5px 5px;
}
@media (min-width:768px) {
    .payment .cardinfo{
        padding:15px 5px 15px 5px;
    }
}
@media (min-width:992px) {
    .payment .cardinfo{
        margin-left:0;
        margin-right:0;
    }
}
.payment .cardinfo p{
    margin-bottom:0;
    color:#444444;
}
@media (min-width:768px) {
    .payment .cardinfo p{
        float:left;
        margin-right:15px;
    }
}
@media (min-width:992px) {
    .payment .cardinfo p{
        margin-top:0;
    }
}
.payment .cardinfo img.card{
    margin-top:14px;
}
@media (min-width:768px) {
    .payment .cardinfo img.card{
        margin-top:0;
    }
}

.payment .newCardPaymentSection h4 {
    margin-bottom: 0;
}
.payment .newCardPayment{
    border:1px solid #f5f5f5;
    border-radius:10px;
    margin-top:0;
    margin-left:1px;
    margin-right:1px;
    padding:5px 5px 5px 5px;
}
@media (min-width:768px) {
    .payment .newCardPayment{
        padding:15px 5px 15px 5px;
    }
}
@media (min-width:1200px) {
    .payment .newCardPayment{
        margin-left:0;
        margin-right:0;
    }
}

.payment .newCardPayment p{
    color:#444444;
}

.payment .newCardPayment .img {
    max-width: 120px;
    padding: 0 0 0 5px;
}
@media (min-width:992px) {
    .payment .newCardPayment .img {
        max-width: inherit;
        padding: 0 15px 0 15px;
    }
}

#orderComplete{
    margin-bottom:30px;
}

#orderComplete .border{
    border:4px solid #f15a25;
    border-radius:8px;
    padding:20px;
    margin-top:40px;
}
@media (max-width:768px) {
    #orderComplete .border{
        border:none;
        border-radius:8px;
        padding:5px;
    }
}

#orderComplete .box{
    border-radius:5px;
    padding:10px;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
}
#orderComplete .box.summary{
    border:1px solid #F68318;
    margin-bottom:20px;
}
@media (min-width:992px) {
    #orderComplete .box.summary.address {
        min-height: 224px;
    }
}
#orderComplete h2{
    margin-top:10px;
    margin-bottom:10px;
}
#orderComplete h3{
    color:#F15929;
    margin-top:10px;
    font-size:1.2em;
}

#orderComplete .box.summary .summaryCOntainer{
    max-width:255px;
}
@media (min-width:992px) {
    #orderComplete .box.summary .summaryCOntainer{
        max-width:none;
    }
}
#orderComplete .box.summary .heatingOil p.title{
    color:#F15929;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .heatingOil p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}
#orderComplete .box.summary .shopTotal p.title{
    color:#2980b9;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .shopTotal p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}
#orderComplete .box.summary .subTotal p.title{
    color:#000;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .subTotal p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}
#orderComplete .box.summary .voucherDiscount p.title{
    color:#2980b9;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .voucherDiscount p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}
#orderComplete .box.summary .tankUsed p.title{
    color:#F15929;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .tankUsed p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}
#orderComplete .box.summary .surcharge p.title{
    color:#000;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
}
#orderComplete .box.summary .surcharge p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
}

#orderComplete .box.summary .small-box{
    border:1px solid #F68318;
    border-radius:5px;
    padding:10px;
    margin-top:15px;
    margin-left:5px;
    margin-right:5px;
    background-color:#e2e2e2;
}

#orderComplete .box.summary .totalPaid p.title{
    color:#F15929;
    margin-top:10px;
    font-size:1.2em;
    text-align:right;
    font-weight:bold;
}
#orderComplete .box.summary .totalPaid p.price{
    margin-top:10px;
    text-align:left;
    font-size:1.2em;
    font-weight:bold;
}
#orderComplete .box.summary .totalPaid p.price span{
    color:#F15929;
    font-size:0.8em;
}

#orderComplete .inner-box{
    margin-top:20px;
}
#orderComplete .inner-box h3{
    float:left;
}
#orderComplete .inner-box a{
    margin-left:10px;
    margin-top:7px;
}

#orderComplete .box.paymentPlan a{
    margin-bottom:20px;
}
#orderComplete .box.PaymentPlanDisabled a{
    margin-bottom:20px;
}


/* Order Completed PP enabled */
#orderComplete .box.ppEnabled hr.dashed,#orderComplete .box.paymentPlanwithIncentive hr.dashed,#orderComplete .box.paymentPlanwithoutIncentive hr.dashed{
    border:0;
    border-bottom:1px dashed #ccc;
    background:#f0f0f0;
}
#orderComplete .box.ppEnabled h2{
    font-weight:700;
    color:#f15a25;
    font-size:1.8em;
    margin-top:0;
    margin-bottom:20px;
}
#orderComplete .box.ppEnabled h3{
    color:#2980b9;
    font-weight:600;
    text-align:center;
    font-size:1.8em;
    margin-bottom:30px;
    margin-top:20px;
}
#orderComplete .box.ppEnabled p{
    color:#2980b9;
    font-size:1.1em;
    line-height:25px;
}
#orderComplete .box.ppEnabled .details p:nth-child(2) span{
    color:#38ab34;
    font-weight:bold;
}
#orderComplete .box.ppEnabled .details p:nth-child(4){
    margin-bottom:30px;
}
#orderComplete .box.ppEnabled .details p:nth-child(3) span,#orderComplete .box.ppEnabled .details p:nth-child(4) span {
    font-weight:bold;
}
#orderComplete .box.ppEnabled .details p:nth-child(5){
    font-weight:bold;
}
#orderComplete .box.ppEnabled .details p:nth-child(5) span,#orderComplete .box.paymentPlanwithIncentive p:nth-child(2) span {
    color:#f15a25;
    font-weight:600;
}
#orderComplete .box.paymentPlanwithIncentive p:nth-child(2) span.disabled{
    color:#BE1623;
}
#orderComplete .box.ppEnabled img.piggy{
    margin-top:0;
    height:220px;
    margin-bottom:10px;
    float:right;
}
#orderComplete .box.ppEnabled .ppBenefits img.bulletpoint,#orderComplete .box.ppEnabled .ppBenefits img.bulletpoints{
    float:left;
    padding:2px 15px 0 0;
}
#orderComplete .box.ppEnabled .ppBenefits img.bulletpoints{
    padding:2px 15px 15px 0;
}
@media (min-width:1200px) {
    #orderComplete .box.ppEnabled .ppBenefits .bulletpointContainer{
        margin-left:28px;
    }
}
#orderComplete .box.ppEnabled .ppBenefits .bulletpointContainer p{
    color:#5e5e5e;
    font-weight:600;
    padding-left:27px;
}
#orderComplete .box.ppEnabled .ppBenefits .bulletpointContainer p span{
    font-size:0.9em;
    color:#5d5d5d;
    font-weight:normal;
}
/* Order completed paymentPlanwithIncentive */
#orderComplete .box.paymentPlanwithIncentive,#orderComplete .box.paymentPlanwithoutIncentive{
    border:none;
    border-radius:0;
    padding:0;
}
@media (min-width:768px) {
    #orderComplete .box.paymentPlanwithIncentive,#orderComplete .box.paymentPlanwithoutIncentive{
        border:10px solid #f9f6cd;
        border-radius:8px;
        padding:30px;
        margin-bottom:10px;
    }
}
#orderComplete .box.paymentPlanwithIncentive p:nth-child(1),#orderComplete .box.paymentPlanwithoutIncentive p:nth-child(1){
    text-align:center;
    color:#FF7302;
    font-size:1.8em;
    font-weight:600;
    margin-bottom:25px;
}
#orderComplete .box.paymentPlanwithIncentive p:nth-child(2), #orderComplete .box.paymentPlanwithIncentive p:nth-child(3),#orderComplete .box.paymentPlanwithoutIncentive p:nth-child(2), #orderComplete .box.paymentPlanwithoutIncentive p:nth-child(3){
    text-align:center;
    color:#2780BA;
    font-size:1.2em;
    font-weight:600;
}
#orderComplete .box.paymentPlanwithIncentive img.voucher{
    margin:0 auto;
    display:block;
    width:454px;
    margin-top:30px;
}
@media (max-width:768px) {
    #orderComplete .box.paymentPlanwithIncentive img.voucher{
        width:100%;
        margin-top:0;
    }
}
#orderComplete .box.paymentPlanwithIncentive h3,#orderComplete .box.paymentPlanwithoutIncentive h3{
    color:#2980b9;
    font-weight:600;
    font-size:1.8em;
    text-align:center;
    margin-bottom:30px;
}
#orderComplete .box.paymentPlanwithIncentive .ppBenefits p, #orderComplete .box.paymentPlanwithoutIncentive .ppBenefits p{
    color:#5e5e5e;
    text-align:left;
    font-size:1.1em;
    padding-left:27px;
}
#orderComplete .box.paymentPlanwithIncentive .ppBenefits p span, #orderComplete .box.paymentPlanwithoutIncentive .ppBenefits p span{
    font-size:0.9em;
    color:#5d5d5d !important;
    font-weight:normal;
}
#orderComplete .box.paymentPlanwithIncentive .ppBenefits img.bulletpoint, #orderComplete .box.paymentPlanwithoutIncentive .ppBenefits img.bulletpoint{
    float:left;
    padding:2px 15px 20px 0;
}
#orderComplete .box.paymentPlanwithIncentive .ppBenefits img.bulletpoints, #orderComplete .box.paymentPlanwithoutIncentive .ppBenefits img.bulletpoints{
    float:left;
    padding:2px 15px 30px 0;
}

/* Order completed paymentPlanwithoutIncentive & paymentPlanwithIncentive */

#orderComplete .box.paymentPlanwithoutIncentive p:nth-child(2) span{
    color:#c01621;
}
#orderComplete .box.paymentPlanwithoutIncentive .arrow, #orderComplete .box.paymentPlanwithIncentive .arrow{
    display:none;
}
@media (min-width:768px) {
    #orderComplete .box.paymentPlanwithoutIncentive .arrow:nth-child(1), #orderComplete .box.paymentPlanwithIncentive .arrow:nth-child(1){
        margin-left:20%;
        margin-top:15px;
        vertical-align:top !important;
    }
}
@media (min-width:992px) {
    #orderComplete .box.paymentPlanwithoutIncentive .arrow:nth-child(1), #orderComplete .box.paymentPlanwithIncentive .arrow:nth-child(1){
        margin-left:28%;
        margin-top:15px;
    }
}
@media (min-width:1200px) {
    #orderComplete .box.paymentPlanwithoutIncentive .arrow:nth-child(1), #orderComplete .box.paymentPlanwithIncentive .arrow:nth-child(1){
        margin-left:30%;
        margin-top:22px;
    }
}
@media (max-width:768px) {
    #orderComplete .box.paymentPlanwithoutIncentive .btn, #orderComplete .box.paymentPlanwithIncentive .btn{
        margin:0 auto;
        display:block;
    }
}
#orderComplete .box.paymentPlanwithoutIncentive .btn{
    vertical-align:top;
    margin-top:15px;
    margin-left:2px;
    margin-right:2px;
}

#orderComplete .box.paymentPlanwithIncentive .reactivateBtn{
    display:inline-block;
}
#orderComplete .box.paymentPlanwithIncentive .btn{
    vertical-align:top;
    margin-top:15px;
    margin-left:2px;
    margin-right:2px;
}
@media (min-width:768px) {
    #orderComplete .box.paymentPlanwithIncentive .btn{
        width:190px;
    }
}
@media (min-width:1200px) {
    #orderComplete .box.paymentPlanwithIncentive .btn.reactivate, #orderComplete .box.paymentPlanwithIncentive .btn{
        width:260px;
        font-size:25px;
    }
}
@media (min-width:768px) {
    #orderComplete .box.paymentPlanwithoutIncentive .arrow, #orderComplete .box.paymentPlanwithIncentive .arrow{
        display:inline-block;
        vertical-align:top !important;
        margin-top:15px;
    }
}
@media (min-width:992px) {
    #orderComplete .box.paymentPlanwithoutIncentive .arrow, #orderComplete .box.paymentPlanwithIncentive .arrow{
        margin-top:15px;
    }
}
@media (min-width:1200px) {
    #orderComplete .box.paymentPlanwithIncentive .arrow:nth-child(3){
        margin-top:20px;
    }
}
#orderComplete .box.paymentPlanwithoutIncentive p.small, #orderComplete .box.paymentPlanwithIncentive p.small{
    text-align:center;
    font-size:0.8em;
    color:#999999;
    margin-top:5px;
    font-weight:normal;
}
@media (min-width:1200px){
    #orderComplete .box.paymentPlanwithIncentive .ppBenefits .bulletpointContainer{
        margin-left:10px;
    }
}


#orderComplete .box.tankAccountBalance{
    padding-top:0;
}
#orderComplete .box.tankAccountBalance p{
    color:#2980b9;
    font-size:1.6em;
    margin-left:10px;
    margin-top:10px;
}
#orderComplete .box.tankAccountBalance p span{
    color:#F15929;
    font-weight:600;
}
#orderComplete .box.tankAccountBalance hr.dashed{
    border:0;
    border-bottom:1px dashed #ccc;
    background:#f0f0f0;
    margin-bottom:0;
}
#orderComplete .box.storeToken h2{
    float:left;
    margin-right:20px;
}
#orderComplete .box.storeToken hr.dashed{
    border:0;
    border-bottom:1px dashed #ccc;
    background:#f0f0f0;
    margin-bottom:0;
    padding-bottom:0;
}
#orderComplete .box.storeToken .btn{
    font-size:0.9em;
    vertical-align:bottom;
    margin-top:7px;
}


/* Order Completed boilerService modal */

.boilerServiceModal{
    padding:20px 0;
    margin:20px 0;
    border-top:1px solid #b8d6f8;
    border-bottom:1px solid #b8d6f8;
}

.boilerServiceModal h2 span {
    color:#fa8a11;
}
.boilerServiceModal .quote{
    margin-top:20px;
}
.boilerServiceModal .quote .leftBox{
    float:left;
    padding:10px;
    min-height:140px;
    border:8px solid #edffd5;
    border-radius:16px;
}
.boilerServiceModal .quote .leftBox .supplier{
    float:left;
    width:188px;
    margin:0 30px 0 0;
}
@media (min-width:996px) {
    .boilerServiceModal .quote .leftBox .supplier{
        width:210px;
    }
}

.boilerServiceModal .quote .leftBox .supplier p strong{
    color:#3572b3;
    font-size:1.2em;
    font-weight:bold;
}
.boilerServiceModal .quote .leftBox .price{
    float:left;
    width:100px;
    margin:0;
}
.boilerServiceModal .quote .leftBox .price p{
    font-size:2.0em;
}
.boilerServiceModal .actionBox{
    padding-left:0;
    padding-right:0;
}
.boilerServiceModal .action{
    float:left;
    padding:10px 10px 5px 10px;
    width:90%;
    max-width:283px;
    border-radius:8px;
}
.boilerServiceModal .action.book{
    background-color:#edffd5;
    margin:10px 10px 5px 0;
}
.boilerServiceModal .action.book p{
    color:#629707;
    line-height:1.1;
    font-size:0.8em;
    float:left;
    margin-left:5px;
    margin-top:4px;
    min-width:120px;
}
.boilerServiceModal .action.info{
    background-color:#d7ffff;
    margin:5px 10px 10px 0;
}
.boilerServiceModal .action.info p{
    color:#4999d8;
    line-height:1.1;
    font-size:0.8em;
    float:left;
    margin-left:5px;
    margin-top:4px;
    min-width:120px;
}
#orderCompleteModalMbs p.poweredBy{
    float:right;
    width:250px;
    text-align:right;
}
@media (max-width:767px) {
    .boilerServiceModal .action{
        float:left;
    }
    .boilerServiceModal .action.book{
        margin:5px 0 10px 10px;
    }
    .boilerServiceModal .action.info{
        margin:5px 10px 10px 10px;
    }
}
@media (min-width:612px) AND (max-width:767px) {
    .boilerServiceModal .action.book{
        margin:5px 0 5px 10px;
    }
    .boilerServiceModal .action.info{
        margin:5px 10px 10px 10px;
    }
}
@media (max-width:611px) {
    .boilerServiceModal .action.info{

    }
}





/*bottoms buttons */

.buttons-bottom{
    margin-top:30px;
}

.buttons-bottom input.btn{
    display:block;
    margin:0 auto;
    width:100%;
    margin-top:25px;
}
@media (min-width:992px) {
    .buttons-bottom input.btn{
        margin-top:15px;
    }
}
.buttons-bottom .successbtn{
    float:none;
}
@media (min-width:992px) {
    .buttons-bottom .successbtn{
        float:right;
    }
}

.buttons-bottom .checkbox{
    float:right;
}












/* communities */
.communities{
    margin-bottom:30px;
}
.communities .top{
    background-image:url('../media/templateImages/communities_main_banner.jpg');
    min-height:247px;
    background-repeat:no-repeat;
    background-color:#D8FCFC;
    border-radius:5px;
}
.communities .top .box{
    background-color:#f06419;
    border-radius:5px;
    padding:10px 15px 10px 15px;
    color:white;
    margin-top:20px;
    margin-bottom:10px;
}
.communities .top .box p{
    text-align:center;
    font-size:1.2em;
    margin-bottom:20px;
}
.communities .top .box p:nth-child(2){
    font-weight:bold;
    font-size:1.6em;
}
.communities .top .btns a.btn{
    margin:0 auto;
    display:block;
    margin-bottom:10px;
}
.communities h2{
    margin-top:10px;
    font-weight:bold;
    color:#f15a25;
    font-size:2em;
    border-bottom:1px dashed #ccc;
    padding-bottom:8px;
}
.communities .box h2{
    margin-top:0;
    font-weight:normal;
    color:#2980b9;
    font-size:1.5em;
    border-bottom:none;
    padding-bottom:0;
}
.communities .box{
    margin-top:30px;
    border:1px solid #F15929;
    border-radius:5px;
    padding:20px 20px 20px 20px;
}
.communities .box h2:nth-child(2){
    margin-top:40px;
}
.communities .community{
    margin-top:20px;
    margin-bottom:20px;
}
.communities .community div >p:first-child{
    font-size:1.2em;
    font-weight:bold;
}
.communities img#communities{
    display:none;
}
@media (min-width:768px) {
    .communities img#communities{
        display:inline;
    }
}
















/* MBS Boiler Servicing - stage 1 */
@media (min-width:768px) {
    .boilerServicing.stage1 .poweredBy {
        float:right;
    }
}

.boilerServicing.stage1 .introBackground{
}
@media (min-width:992px) {
    .boilerServicing.stage1 .introBackground{
        background:url('../media/templateImages/MBS-BJ-intro-screen.svg') no-repeat;
        margin-left:0;
        margin-right:0;
        margin-bottom:20px;
        padding:10px 0;
        background-size:100%;
        height:400px;
    }
}

.boilerServicing.stage1 .quotePanel {
    padding:30px;
    margin-bottom:30px;
    border-radius:10px;
    background:#fe6300;
    background:-moz-linear-gradient(top, #ff9900, #fd2a00);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#fd2a00));
    background:-webkit-linear-gradient(top, #ff9900 0%, #fd2a00 100%);
    background:-o-linear-gradient(top, #ff9900 0%, #fd2a00 100%);
    background:-ms-linear-gradient(top, #ff9900 0%, #fd2a00 100%);
    background:linear-gradient(to bottom, #ff9900 0%, #fd2a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#fd2a00', GradientType=0 );
}

.boilerServicing.stage1 .quotePanel p.title {
    color:#fff;
    font-size:30px;
    font-weight:bold;
    text-shadow:0 1px 1px #333;
    border:none;
    margin:0 0 15px 0;
    padding:0;
    line-height:1.1;
}

.boilerServicing.stage1 .quotePanel label {
    color:#fff;
    text-align:left;
}

.boilerServicing.stage1 .quotePanel a { color:#fff; }

.boilerServicing.stage1 .quotePanel .privacy {
    padding-top:30px;
}

.boilerServicing.stage1 .quotePanel .submit {
    text-align:right;
}




.boilerServicing.stage1 .intro {
    padding:30px;
}
@media (min-width:992px) {
    .boilerServicing.stage1 .intro {
        padding:10px;
    }
}
@media (min-width:1200px) {
    .boilerServicing.stage1 .intro {
        padding:30px;
    }
}
.boilerServicing.stage1 .intro h2 {
    font-size:2em;
    color:#f60;
    margin-top:0;
}

.boilerServicing.stage1 .intro p {
}




.boilerServicing.stage1 .box {
    padding:30px;
    min-height:378px;
    margin-bottom:30px;
    border:1px solid #ccc;
    border-radius:10px;
    background:#eee;
    background:-moz-linear-gradient(top, #ffffff, #dddddd);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background:-webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:-o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:-ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
}

.boilerServicing.stage1 .box p.title{
    font-size:1.3em;
}

.boilerServicing.stage1 .box h3 {
    margin-top:0;
}




/* MBS Boiler Servicing - Popup */


body.popup h1
,body.popup h2
,body.popup h3
,body.popup h4
,body.popup h5 {
    margin:30px 0 10px 0;
}

body.popup li {
    margin-bottom:15px;
}

body.popup h1 {
    border-bottom:4px solid #e4e4e4;
    color:#3c3c3c;
    font:22px Trebuchet MS, Arial, Sans-serif;
    padding:0 0 5px 0;
}

body.popup h2 {
    font-size:20px;
    border-bottom:none;
    padding:0;
}

body.popup h3 {
    color:#3c3c3c;
    font:17px Trebuchet MS, Arial, Sans-serif;
}

body.popup h4, body.popup h5 {
    color:#fa8a11;
    font:18px Trebuchet MS, Arial, Sans-serif;
}


body.popup.supplier .poweredBy {
    float:right;
    width:300px;
    text-align:right;
}

body.popup.supplier .poweredBy p {
}

body.popup.supplier .poweredBy img {
    vertical-align:middle;
}

body.popup.supplier h1 {
    clear:both;
    border-bottom:none;
}


body.popup.supplier #suppliersContentWrapper {
    border:25px solid #ebebeb;
    padding:0;
    background:#ebebeb;
}


body.popup.supplier ul.tabs {
    clear:both;
    list-style-type:none;
    list-style-image:none;
    border-bottom:1px solid #ccc;
    padding:0;
    margin:0;
    height:40px;
}

body.popup.supplier ul.tabs li {
    float:left;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-radius:4px 4px 0 0;
    margin:0 15px 0 0;
}

body.popup.supplier ul.tabs li a {
    display:block;
    line-height:40px;
    height:40px;
    padding:0 20px;
    margin:0;
    background:#999;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    border-radius:3px 3px 0 0;
}

body.popup.supplier ul.tabs li a:hover {
    background:#fff;
    color:#f60;
}

body.popup.supplier ul.tabs li a.current {
    background:#fff;
    color:#f60;
}

body.popup.supplier #tabContent {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#fff;
    padding:20px;
    min-height:200px;
}

body.popup.supplier #reviews p.avg {
    float:left;
    width:220px;
    text-align:center;
    font-size:1.2em;
    line-height:1.4;
    margin:0 20px 40px 0;
}

body.popup.supplier #reviews p.avg strong {
    font-size:2em;
    font-weight:bold;
    color:#f60;
}

body.popup.supplier #reviews .ratingWrapper {
    float:left;
    width:190px;
    margin:0 0 15px 0;
}

body.popup.supplier #reviews .ratingWrapper p {
    font-size:1.2em;
    line-height:1.4;
    margin:0 0 5px 0;
}

body.popup.supplier #reviews .reviewWrapper {
    clear:both;
    margin:30px 0 0 0;
    padding:30px 0 0 0;
    border-top:1px dashed #ccc;
}

body.popup.supplier #reviews .reviewWrapper .stars {
    float:right;
    width:110px;
    height:16px;
    margin:0 0 30px 40px;
}

body.popup.supplier #reviews .reviewWrapper .stars img {
    margin:0 0 0 2px;
    padding:0;
}

body.popup.supplier #reviews .reviewWrapper h3 {
    color:#f60;
    font-weight:normal;
    margin:0 0 0.5em 0;
}

body.popup.supplier #reviews .reviewWrapper p.date {
    margin:0 0 1em 0;
    font-weight:bold;
}

body.popup.supplier #reviews .reviewWrapper p {
    margin:0;
}



body.popup.supplier #pricing h3 {
    color:#f60;
    font-weight:bold;
    margin:0 0 1em 0;
    padding:0 0 1em 0;
    border-bottom:1px solid #ccc;
}

body.popup.supplier #pricing .quoteRow {
    margin:0 0 1em 0;
    padding:0 0 1em 0;
    border-bottom:1px solid #ccc;
}

body.popup.supplier #pricing .quoteRow p.time {
    float:left;
    width:200px;
    color:#f60;
    font-size:1.2em;
    margin:0;
}

body.popup.supplier #pricing .quoteRow p.time span {
    color:#333;
    font-size:1.0em;
}

body.popup.supplier #pricing .quoteRow p.price {
    float:left;
    width:300px;
    color:#666;
    font-size:1.8em;
    font-weight:bold;
    text-align:right;
    margin:0 20px 0 0;
    padding:0;
}

body.popup.supplier #pricing .quoteRow p.price span {
    color:#666;
    font-size:0.4em;
    font-weight:normal;
    line-height:1.1;
}

/* Generic bullet lists */
ul.green-plus-list,
ul.green-tick-list {
    list-style:none;
    padding-left:0;
}
ul.green-plus-list li,
ul.green-tick-list li {
    background-position:0 0;
    background-repeat:no-repeat;
    padding:1px 0 4px 40px;
    margin-bottom:20px;
}
ul.green-plus-list li {
    background-image:url('../media/templateImages/icon-plus-bullet.png');
}
ul.green-tick-list li {
    background-image:url('../media/templateImages/bullet_tick_green_small.png');
}

/* MBS Boiler Servicing - stage 2 */

#serviceQuoteResults h1 {
    position:relative;
    border:1px solid #c1c1c1;
    border-radius:10px;
    padding:10px 17px;
    margin:0 0 20px 0;
    background:#eee;
    background:-moz-linear-gradient(top, #ffffff, #dddddd);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background:-webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:-o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:-ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background:linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
    font-size:2em;
}

#serviceQuoteResults h1 span {
    color:#000;
    font-size:0.6em;
}

#serviceQuoteResults h1 img {
    position:absolute;
    right:2px;
    bottom:3px;
}

#serviceQuoteResults div.box {
    margin:0 0 5px 0;
    border-radius:10px;
    border:1px solid #c1c1c1;
}

#serviceQuoteResults div.box h2 {
    padding:10px 17px;
    margin:0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom:1px solid #c1c1c1;
    background:#dd5709;
    background-clip:padding-box; /* prevents bg color from leaking outside the border */
    -webkit-background-clip:padding-box;
    color:#fff;
    text-shadow:0 1px 1px #000;
    font-size:1.1em;
}

#serviceQuoteResults div.box div.content {
    padding:17px;
}

#serviceQuoteResults div.box div.content input[type="radio"] {
    display:block;
    width:15px;
    height:15px;
    padding:0;
    float:left;
    clear:left;
    margin:0 5px 0 0;
}

#serviceQuoteResults div.box div.content input[type="radio"] + label {
    display:block;
    float:left;
    width:164px;
    font-weight:bold;
    margin:0 0 12px 0;
    line-height:1.1;
}

#serviceQuoteResults div.box div.content input[type="radio"] + label:hover {
    cursor:pointer;
}

#serviceQuoteResults div.box div.content input[type="radio"] + label span {
    font-weight:normal;
}

#serviceQuoteResults div.box div.content input[type="radio"][disabled="disabled"] + label {
    color:#ddd;
}

#serviceQuoteResults div.box div.content input[type="radio"][disabled="disabled"] + label:hover {
    cursor:default;
}

#serviceQuoteResults .quoteLeftSidebar{
    margin-bottom:20px;
}




#serviceQuoteResults div.serviceQuoteWrapper h2 {
    padding:10px 17px;
    margin:0;
    border:1px solid #c1c1c1;
    border-radius:10px;
    background:#dd5709;
    color:#fff;
    text-shadow:0 1px 1px #000;
    font-size:1.5em;
}

#serviceQuoteResults div.serviceQuoteWrapper h2 span {
    color:#000;
    text-shadow:none;
    font-size:0.6em;
}

#serviceQuoteResults div.serviceQuoteWrapper h2 span a {
    color:#000;
    text-decoration:none;
}

#serviceQuoteResults div.serviceQuoteWrapper h2 span a:hover {
    color:#000;
    text-decoration:underline;
}
@media (min-width:768px) {
    #serviceQuoteResults div.company {
        float:left;
        width:160px;
        margin:0 20px 0 0;
    }
}
@media (min-width:768px) {
    #serviceQuoteResults div.profile {
        float:left;
        width:300px;
        margin:0 20px 0 0;
    }
}
@media (min-width:1200px) {
    #serviceQuoteResults div.profile {
        float:left;
        width:450px;
        margin:0 20px 0 0;
    }
}
@media (min-width:768px) {
    #serviceQuoteResults div.price {
        float:left;
        width:120px;
        margin:0;
        text-align:center;
    }
}

#serviceQuoteResults div.quoteRowHeader {
    border-bottom:1px solid #c1c1c1;
    padding:10px 18px;
    margin:0;
    font-weight:bold;
}

.quoteRowHeader .vatRate{
    padding-left:10px !important;
    padding-right:0 !important;
}

.quoteRowHeader .ppl p{
    text-align:right;
}

#serviceQuoteResults div.quoteRow {
    border-bottom:1px solid #c1c1c1;
    padding:18px;
    margin:0;
    font-weight:normal;
}

#serviceQuoteResults div.quoteRow div.company h3 {
    color:#666;
    margin:0 0 0.5em 0;
    font-size:1.5em;
    line-height:1.1;
}

#serviceQuoteResults div.quoteRow div.company p {
    color:#666;
    margin:0 0 1.5em 0;
    font-size:0.9em;
}

#serviceQuoteResults div.quoteRow div.company div.rating img { margin:0 3px 3px 0; }

#serviceQuoteResults div.quoteRow div.company div.rating p {
    color:#195a9b;
    margin:0;
    font-size:0.9em;
}
@media (min-width:768px) {
    #serviceQuoteResults div.quoteRow div.company div.rating p {
        text-align:center;
    }
}

#serviceQuoteResults div.quoteRow div.profile p { margin:0; }

#serviceQuoteResults div.quoteRow div.price p {
    margin:0 0 0.6em 0;
    color:#666;
    font-size:2em;
    font-weight:bold;
}
@media (min-width:768px) {
    #serviceQuoteResults div.quoteRow div.price p {
        text-align:center;
    }
}
#serviceQuoteResults div.quoteRow div.price p span {
    color:#666;
    font-size:0.4em;
    font-weight:normal;
    line-height:1.1;
}

#serviceQuoteResults div.quoteFooter {
    clear:both;
    padding:18px;
    margin:0;
}




/* MBS Boiler Servicing - stage 2a Login */
.boilerServicing.stage2a{
    margin-bottom:30px;
}
.boilerServicing.stage2a #customerLoginBox{
    border-radius:12px;
    margin:0 30px 0 0;
    background:#225c95;
    background:-moz-linear-gradient(-100deg, #add86d, #5fa418);
    background:-webkit-gradient(linear, right top, left bottom, color-stop(0%,#add86d), color-stop(100%,#5fa418));
    background:-webkit-linear-gradient(-100deg, #add86d 0%, #5fa418 100%);
    background:-o-linear-gradient(-100deg, #add86d 0%, #5fa418 100%);
    background:-ms-linear-gradient(-100deg, #add86d 0%, #5fa418 100%);
    background:linear-gradient(-100deg, #add86d 0%, #5fa418 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#add86d', endColorstr='#5fa418', GradientType=1 );
    padding:30px;
}

.boilerServicing.stage2a #customerLoginBox h1{
    margin-top:0;
    color:#fff;
    text-shadow:0 1px 1px #000;
    border-bottom:none;
}
.boilerServicing.stage2a #customerLoginBox img{
    position:absolute;
    left:405px;
    top:30px;
}
.boilerServicing.stage2a #customerLoginBox > p{
    margin-bottom:30px;
}
.boilerServicing.stage2a #customerLoginBox p,
.boilerServicing.stage2a #customerLoginBox label{
    color:#fff;
}

.boilerServicing.stage2a #customerLoginBox h2{
    border-right:1px solid #fff;
    padding:0 20px 0 0;
    margin:0 20px 0 0;
    color:#fff;
    font-size:1.8em;
    text-shadow:0 1px 1px #000;
    line-height:1.1;
    border-bottom:none;
}
.boilerServicing.stage2a #customerLoginBox ul{
    list-style-type:none;
    list-style-image:none;
    padding:0;
    margin:16px 0 0 0;
}

.boilerServicing.stage2a #customerLoginBox li{
    list-style-type:none;
    list-style-image:none;
}
.boilerServicing.stage2a #customerLoginBox a{
    color:#fff;
    text-decoration:none;
}

.boilerServicing.stage2a #continueBooking{
    padding:0 30px 30px 0;
}
.boilerServicing.stage2a #continueBooking h2{
    margin-top:0;
}




/* MBS Boiler Servicing - stage 3 Make a booking */

.boilerServicing.stage3{
    margin-bottom:30px;
}
.boilerServicing.stage3 .boxFull{
    clear:both;
    padding:30px;
    background:#ededed;
    border-radius:5px;
}





/* MBS Boiler Servicing - supplier details modal */
#supplierDetailsModalContentWrapper .nav-tabs{
    border-bottom:none;
}
@media (min-width:768px) {
    #supplierDetailsModalContentWrapper .nav-tabs{
        border-bottom:1px solid #ddd;
    }
}
#supplierDetailsModalContentWrapper .nav-tabs>li{
    float:none;
    margin-bottom:5px;
}
@media (min-width:768px) {
    #supplierDetailsModalContentWrapper .nav-tabs>li{
        float:left;
        margin-bottom:0;
        margin-right:10px;
    }
}
#supplierDetailsModalContentWrapper .nav-tabs>li.active>a,
#supplierDetailsModalContentWrapper .nav-tabs>li.active>a:hover,
#supplierDetailsModalContentWrapper .nav-tabs>li.active>a:focus{
    border-bottom:1px solid #ddd;
    background-color:#fff;
    color:#f60;
}
@media (min-width:768px) {
    #supplierDetailsModalContentWrapper .nav-tabs>li.active>a,
    #supplierDetailsModalContentWrapper .nav-tabs>li.active>a:hover,
    #supplierDetailsModalContentWrapper .nav-tabs>li.active>a:focus{
        border-bottom-color:transparent;
    }
}
#supplierDetailsModalContentWrapper .nav-tabs>li>a{
    background-color:#999;
    color:#000;
}
#supplierDetailsModalContentWrapper .nav-tabs>li>a:hover{
    background-color:#fff;
    color:#000;
}
#supplierDetailsModalContentWrapper h1 {
    clear:both;
    border-bottom:none;
    margin-top:0;
}

#supplierDetailsModalContentWrapper ul.nav-tabs li a {
    outline:none;
}

#supplierDetailsModalContentWrapper .tab-content {
    padding-top:30px;
}

#supplierDetailsModalContentWrapper #reviews p.avg {
    float:left;
    width:110px;
    text-align:center;
    margin:0 30px 10px 0;
    padding:20px;
    background:#f0f0f0;
    border-radius:10px;
    line-height:1.2;
}

#supplierDetailsModalContentWrapper #reviews p.avg strong {
    line-height:1.5;
    font-size:2em;
    font-weight:bold;
    color:#f60;
}

#supplierDetailsModalContentWrapper #reviews .ratingWrapper {
    float:left;
    width:190px;
    margin:0 0 15px 0;
}

#supplierDetailsModalContentWrapper #reviews .ratingWrapper p {
    line-height:1.4;
    margin:0 0 5px 0;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper {
    clear:both;
    margin:30px 0 0 0;
    padding:30px 0 0 0;
    border-top:1px dashed #ccc;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper .stars {
    float:right;
    width:110px;
    height:16px;
    margin:0 0 30px 40px;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper .stars img {
    margin:0 0 0 2px;
    padding:0;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper h3 {
    font-size:18px;
    color:#f60;
    font-weight:normal;
    margin:0 0 0.5em 0;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper p.date {
    margin:0 0 1em 0;
    font-weight:bold;
}

#supplierDetailsModalContentWrapper #reviews .reviewWrapper p {
    margin:0;
}



#supplierDetailsModalContentWrapper #pricing h3 {
    color:#f60;
    font-size:18px;
    margin:0 0 1em 0;
    padding:0 0 1em 0;
    border-bottom:1px solid #ccc;
}

#supplierDetailsModalContentWrapper #pricing .quoteRow {
    margin:0 0 1em 0;
    padding:0 0 1em 0;
    border-bottom:1px solid #ccc;
}

#supplierDetailsModalContentWrapper #pricing .quoteRow p.time {
    float:left;
    width:210px;
    color:#f60;
    margin:0;
}

#supplierDetailsModalContentWrapper #pricing .quoteRow p.time span {
    color:#333;
    font-size:1.0em;
}

#supplierDetailsModalContentWrapper #pricing .quoteRow p.price {
    float:left;
    width:100%;
    color:#666;
    font-size:1.8em;
    font-weight:bold;
    text-align:left;
    margin:10px 30px 10px 0;
    padding:0;
}
@media (min-width:768px) {
    #supplierDetailsModalContentWrapper #pricing .quoteRow p.price {
        float:left;
        width:120px;
        color:#666;
        font-size:1.8em;
        font-weight:bold;
        text-align:right;
        margin:0 30px 0 0;
        padding:0;
    }
}

#supplierDetailsModalContentWrapper #pricing .quoteRow p.price span {
    color:#666;
    font-size:0.4em;
    font-weight:normal;
    line-height:1.1;
}

#supplierDetailsModalContentWrapper #pricing .quoteRow a.btn {
    float:left;
}









/* faq page */
.faqs h2, .faqs h1{
    margin-top:0;
}




/* Terms and Conditions */

div.tandc-tabs{
    float:left;}

div.tandc-tabs .tabContainer{
    margin:10px 0;
    width:240px;
    padding-top:20px;
    padding-bottom:20px;
    position:fixed;}

div.tandc-tabs .tabContainer .digiTabs{
    list-style:none;
    display:block;
    margin:0;}

div.tandc-tabs .tabContainer .digiTabs .selected{
    background-color:#F76C1E;
    color:#fff;
    border-left:none;
    border-right:none;
    border-top:1px solid #FD850B;}

div.tandc-tabs .tabContainer .digiTabs .selected h2{
    margin:0;
    font-size:1em;
    color:#fff;
    border:none;
}

div.tandc-tabs .tabContainer .digiTabs h2{
    margin:0;
    color:inherit;
    font-size:1em;
    padding-top:3px;
    border:none;
    padding-left:5px;
}

div.tandc-tabs .tabContainer .digiTabs li{
    float:left;
    color:#333333;
    background-color:#EEE;
    padding:5px!important;
    cursor:pointer;
    font-weight:bold;
    width:230px;
    height:31px;
    text-align:left;
    border-left:none;
    border-right:none;
    border-top:1px solid #FD850B;}

div.tandc-tabs .tabContainer .digiTabs li:hover{
    background-color:#F76C1E;
    color:#fff;
}

div.tandc-tabs .tabContainer .digiTabs li#tab7{
    border-bottom:1px solid #FD850B;
}


div.tandc-tabsContent{
    margin-top:6px;
    margin-bottom:30px;
}

a.anchorTag{
    position:relative;
    display:block;
    visibility:hidden;
    top:-60px;
}

.termsandconditions .nav.bs-sidenav a{
    cursor:pointer;
    padding-left: 15px;
    padding-right: 15px;
}
.termsandconditions .nav.bs-sidenav a.subitem {
    padding-left: 25px;
}
.termsandconditions h1{
    margin-top:0;
}






/* quote Widgets Page */

.quoteWidgets{
    margin-bottom:30px;
}
.quoteWidgets .btn p {
    margin-bottom:0;
}
.quoteWidgets textarea#textid1_text,
.quoteWidgets textarea#textid2_text,
.quoteWidgets textarea#textid3_text,
.quoteWidgets textarea#textid4_text{
    border-radius:5px;
    border-color:#f15a24;
    background:#fcfaf2;
}


.verifyEmail{
    margin-bottom:20px;
}
.verifyEmail h1{
    margin-top:0;
}

.unsubscribe{
    margin-bottom:20px;
}
.unsubscribe h1{
    margin-top:0;
}

.register{
    margin-bottom:20px;
}
.register h1{
    margin-top:0;
}

.quoteFeedback,
.quoteFeedback2,
.quoteFeedback3{
    margin-bottom:20px;
}
.quoteFeedback h1,
.quoteFeedback2 h1,
.quoteFeedback3 h1{
    margin-top:0;
}

.quoteFeedback3 .box{
    border:15px solid #DEF2FB;
    -moz-border-radius:8px;
    border-radius:8px;
    padding:20px 20px 20px 20px;
}

.quoteFeedback3 .voucher-image-banner{
    display:none;
}
@media (min-width:992px) {
    .quoteFeedback3 .voucher-image-banner{
        display:inline;
    }
}

.register .box{
    border-radius:20px;
    border:solid 8px #F68318;
    padding:20px
}
.register h2:first-child{
    margin-top:0;
}
.register h2{
    font-size:25px;
    font-weight:bold;
    margin-bottom:15px;
}
.register .editFormPreferences{
    margin-bottom:20px;
}
.editFormPreferences label.normal{
    font-weight: normal;
}

.orderTankeredoil.stage1{
    margin-top: 0px;
    margin-bottom:20px;
}
.orderTankeredoil.stage1 .secure-logos{
    margin-top:20px;
    margin-bottom:20px;
}
.orderTankeredoil.stage1 h1{
    margin-top:0;
    font-size:1.8em;
}
.orderTankeredoil.stage1 img.testimonal{
    display:block;
    width:100%;
    margin-bottom:10px;
}
.orderTankeredoil.stage1 p span{
    color:#f15a24;
}

.orderTankeredoil.stage1 .fiveReasonsToOrder{
    background-color: #3c3c3c;
    margin: 0px 0px 40px 0px;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder p.title{
    margin: 23px 0px 16px 0px;
    color: #ffffff;
    font-weight: bold;
    font-size: 2em;
    line-height: 40px;
    text-align: center;
    text-shadow: 2px 2px #373737;
    font-family:Montserrat,sans-serif;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer{
    margin: 0 auto;
    display: block;
    width: 300px;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason{
    margin: 0px 0px 23px 0px;
    padding: 0px;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason img{
    float: left;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason p{
    float: left;
    width: 170px;
    color: #ffffff;
    margin: 5px 0px 0px 15px;
    font-size: 0.9em;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .arrow img{
    margin: 0 auto;
    display: block;
    position: relative;
    top: 13px;
    z-index: 10;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .terms{
    margin-top: 20px;
}
.orderTankeredoil.stage1 .fiveReasonsToOrder .terms p{
    color: #ffffff;
    font-size: 0.7em;
    line-height: 15px;
}
@media (min-width:400px) {
    .orderTankeredoil.stage1 .fiveReasonsToOrder p.title {
        font-size: 2.5em;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer{
        width: 350px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason p{
        width: 220px;
    }
}
@media (min-width:768px) {
    .orderTankeredoil.stage1 .fiveReasonsToOrder{
        padding-bottom: 0px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer{
        width: 100%;
    }
    .col-sm-6.hidden-xs.hidden-md.hidden-lg{
        padding: 0px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder p.title{
        text-align: left;
        width: 250px;
        line-height: 46px;
        margin: 24px 0px 0px 0px;
        font-size: 2.4em;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason{
        margin: 0 0 5px;
        min-height: 174px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason img{
        margin: 29px 0 0 27px;
        width: 129px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason.left img{
        margin: 27px 0px 0px 0px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason p{
        width: 170px;
        margin: 36px 0px 0px 16px;
        font-size: 1em;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .arrow img{
        top: 13px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .terms p{
        line-height: 10px;
    }
}
@media (min-width:992px) {
    .orderTankeredoil.stage1 .fiveReasonsToOrder .col-xs-12{
        padding: 0px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder p.title{
        width: 100%;
        text-align: center;
        margin: 34px 0px 0px 0px;
        font-size: 2.6em;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason{
        width: 188px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason img,
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason.left img{
        margin: 27px 0 0;
        width: 177px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason p{
        margin: 10px 0 0;
        width: 177px;
        font-size: 1em;
        line-height: 21px;
    }
}
@media (min-width:1200px) {
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason{
        width: 228px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason img,
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason.left img{
        margin: 18px 0 0;
        width: 215px;
    }
    .orderTankeredoil.stage1 .fiveReasonsToOrder .reasonContainer .reason p{
        width: 215px;
    }
}

/* Social Share - Refer a friend */

@media (min-width:768px) {
    div#referafriend div.bgimg {
        background:transparent url('../media/templateImages/referAFriendBanner.png') 0 0 no-repeat;
        width:100%;
        height:352px;
        position:relative;
        margin:20px 0;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }
}
@media (min-width:992px) {
    div#referafriend div.bgimg {
        background:transparent url('../media/templateImages/referAFriendBanner.png') 0 0 no-repeat;
        height:352px;
        position:relative;
        margin:20px 0;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }
}
@media (min-width:1200px) {
    div#referafriend div.bgimg {
        background:transparent url('../media/templateImages/referAFriendBanner.png') 0 0 no-repeat;
        height:352px;
        position:relative;
        margin:20px 0;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }
}
div#referafriend div.title {
    color:#f15b28;
    font-size:1.8em;
    font-weight:900;
}
@media (min-width:992px) {
    div#referafriend div.title{
        font-size:1.6em;
    }
}
@media (min-width:1200px) {
    div#referafriend div.title{
        font-size:1.8em;
    }
}
div#referafriend div.speech{
    display:none;
}
@media (min-width:768px) {
    div#referafriend div.speech{
        position:absolute;
        left:10px;
        top:63px;
        color:#568dc5;
        font-size:1.3em;
        font-weight:900;
        font-style:italic;
        display:inline;
    }
}
@media (min-width:992px) {
    div#referafriend div.speech{
        position:absolute;
        left:9px;
        top:63px;
        color:#568dc5;
        font-size:1.3em;
        font-weight:900;
        font-style:italic;
        display:inline;
    }
}

div#referafriend div.panel {
    width:100%;
}
div#referafriend div.bullettxt{
    float:left;
    font-weight:900;
    font-size:1.0em;
    margin-left:10px;
    width:80%;
}

@media (min-width:768px) {
    div#referafriend div.panel {
        position:absolute;
        padding:10px;
        left:311px;
        top:15px;
        width:384px;
        height:275px;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }

    div#referafriend div.bullettxt{
        float:left;
        width:300px;
        font-weight:900;
        font-size:0.8em;
        margin-left:10px;
    }
}

@media (min-width:992px) {
    div#referafriend div.panel {
        position:absolute;
        padding:10px;
        left:305px;
        top:15px;
        width:380px;
        height:272px;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }

    div#referafriend div.bullettxt{
        float:left;
        width:300px;
        font-weight:900;
        font-size:0.8em;
        margin-left:10px;
    }
}

@media (min-width:1200px) {
    div#referafriend div.panel {
        position:absolute;
        padding:20px;
        left:330px;
        top:20px;
        width:484px;
        height:300px;
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
    }

    div#referafriend div.bullettxt{
        float:left;
        width:400px;
        font-weight:900;
        font-size:1.0em;
        margin-left:10px;
    }
}


.myAccount.referAFreind .speech.bubble{
    position:relative;
    width:280px;
    height:40px;
    padding:8px;
    background:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.myAccount.referAFreind .speech.bubble:after{
    content:'';
    position:absolute;
    border-style:solid;
    border-width:15px 15px 0;
    border-color:#fff transparent;
    display:block;
    width:0;
    z-index:1;
    bottom:-15px;
    left:110px;
}



div#referafriend .dashed-thick {
    border:3px dashed #aaa;
    padding:0;
    margin:20px 0;
    text-align:center;
}
div#referafriend .dashed-thick p {
    font-weight:700;
    margin:15px 0 0;
}
div#referafriend .dashed-thick p.large {
    color:#2980b9;
    font-weight:700;
    font-size:2.5em;
    line-height:1.5em;
    margin:0 0 10px;
}
div#referafriend .button {
    width:100%;
    text-transform:uppercase;
    margin-bottom:10px;
    padding-right:10px;
}
div#referafriend .button p {
    font-size:1.0em;
    line-height:2.4em;
    margin:0 0;
    font-weight:600;
    text-decoration:none;
    color:#fff;
}
div#referafriend div.row {clear:both;}
div#referafriend div.bullet {float:left;text-align:center;color:#fff;background-color:#f15b28;font-size:1.6em;font-weight:800;line-height:26px;height:26px;width:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;}
div#referafriend div.banner{
    margin:15px 0
}
div#referafriend div.bullettxt span{color:#3e75b5;}
div#referafriend div.title span{color:#568dc5;}
div#referafriend div.hr{border-bottom:#e4e4e4 2px dashed;margin:20px 0;}
div#referafriend div.subtitle{
    color:#f15b28;
    margin:30px 0 15px 0;
    border-bottom:1px solid #ccc;
    line-height:1.5em;
    font-size:1.5em;
    font-weight:900;
}
div#referafriend .coltitle{
    color:#2980b9;
    margin:30px 0 15px 0;
    border-bottom:1px solid #ccc;
    line-height:1.5em;
    font-size:1.5em;
    font-weight:900;
}
div#referafriend p.highlight{color:#568dc5;font-size:1.1em;font-weight:900;}
div#referafriend p.terms{font-weight:900;margin-top:30px;font-size:0.8em;}
div#referafriend p.terms + p {font-size:0.8em;}
div#referafriend div.left-block{width:310px;float:left;}
div#referafriend div.right-block{width:310px;float:left;margin-left:20px;}
div#referafriend div.share{float:left;margin-right:10px;}

@media (max-width:1200px) {
    div#referafriend .button {
        width:100%;
    }
}
@media (max-width:991px) {
    div#referafriend .button {
        width:55%; /*51px for 4 cols*/
    }
}
@media (max-width:768px) {
    div#referafriend .button {
        width:70%;
    }
    div#referafriend div.share{min-height:30px;}
}


div#referafriend div.stats{margin-top:30px;}
div#referafriend p.email{margin-top:5px;}
div.socialmediaButtons div.msg{margin-right:10px;font-weight:900;color:#666;line-height:28px;font-size:1.1em;padding-top:7px;}
div.socialmediaButtons div.share{float:left;margin-right:10px;padding-top:7px;}
div#referafriendemail p.note{font-size:0.8em;color:#666;float:right;margin:0 20px 0 0;padding:0;}
div#referafriendemail h2{margin-right:20px;}
div#referafriendemail p.note{font-size:0.8em;color:#666;float:right;margin:0 20px 0 0;padding:0;}
div#referafriendemail h2{margin-right:20px;}
div#referafriendfacebook h2{margin-right:20px;}
div#referafriendfacebook .profilepic{float:left;width:50px;margin-right:20px;}
div#referafriendfacebook .rhs{float:left;width:500px;}
div#referafriendfacebook .fbprev{border:1px dashed #ccc;padding:8px;width:446px;margin-top:8px;}
div#referafriendfacebook .fbpic{float:left;}
div#referafriendfacebook .fbtxt{float:left;width:265px;margin:10px;color:#898f9c;font-size:12px;font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;}
div#referafriendfacebook .fbtxt div{font-weight:900;color:#3b5998;margin-bottom:0;}
div#referafriendfacebook textarea#msg{width:450px;height:50px;}
div#referafriendfacebook input.share{float:right;margin-right:55px;}

#referafriendemail .modal-dialog h2{
    margin-top:0;
    margin-bottom:20px;
}
#referafriendemail .modal-dialog .form-group{
    margin-left:0;
    margin-right:0;
}
div#referafriend p{
    font-size:1.1em;
}
div#referafriend p span {
    color:#2980b9;
}
div#referafriend #steps p{
    font-weight:600;
}
div#referafriend #steps p span {
    color:#f15b28;

}
div#referafriend div.banner{
    position:relative;
    left:0;
    top:0;
    /*  margin:15px 0;*/
    border:1px solid #fff;
}
div#referafriend div.btn-arrows {
    margin-top:-15px !important;
}

@media (min-width:992px) {
    div#referafriend div.bannerTop{
        background:transparent url("/media/templateImages/grey-radial-top.svg") 0 0 no-repeat;
        background-size:100%;
    }
}
div#referafriend div.bannerTop img{
    display:none;
}
@media (min-width:992px) {
    div#referafriend div.bannerTop img{
        width:100%;
        display:inline;
    }
    div#referafriend div.bannerTop p.bubble{
        position:relative;
        width:570px;
        height:86px;
        padding:5px;
        background:#fff;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        border:#F05A27 solid 2px;
        margin-top:27px;
    }
    div#referafriend div.bannerTop p.bubble:after{
        content:'';
        position:absolute;
        border-style:solid;
        border-width:12px 30px 12px 0;
        border-color:transparent #fff;
        display:block;
        width:0;
        z-index:1;
        left:-30px;
        top:40px;
    }
    div#referafriend div.bannerTop p.bubble:before {
        content:'';
        position:absolute;
        border-style:solid;
        border-width:13px 31px 13px 0;
        border-color:transparent #F05A27;
        display:block;
        width:0;
        z-index:0;
        left:-33px;
        top:39px;
    }
    div#referafriend div.bannerTop div.link{
        top:58px;
    }
}
div#referafriend div.bannerTop div.link{
    font-size:1.3em;
    font-weight:900;
    line-height:24px;
    position:relative;
}
div#referafriend div.bannerTop div.link .refer{
    float:right;
    margin-top:12px;
}
div#referafriend div.bannerTop div.link .helptxt{
    float:left;
}
@media (min-width:768px) {
    div#referafriend div.bannerTop div.link .helptxt{
        margin-top:10px;
    }
}
@media (min-width:992px) {
    div#referafriend div.bannerTop div.link .helptxt{
        margin-left:20px;
        margin-top:5px;
    }
}
@media (min-width:1200px) {
    div#referafriend div.bannerTop div.link .helptxt{
        margin-top:20px;
    }
}
div#referafriend div.banner h3{
    text-transform:uppercase;
    color:#f15b28;
    font-weight:900;
    font-size:1.7em;
}
div#referafriend div.banner .circle-text {
    width:45px;
    margin:0 20px 13px 0;
    float:left;
}
div#referafriend div.banner .circle-text:after {
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-bottom:100%;
    background:#597ac7;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    box-shadow:3px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:3px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:3px 2px rgba(0,0,0,0.2);
    -o-box-shadow:3px 2px rgba(0,0,0,0.2);
}
div#referafriend p.section-title {
    font-family:'Just Another Hand', cursive;
    font-size:3.2em;
    font-weight:normal;
    line-height:1.0em;
    margin:0 0 10px;
    color:#2980b9;
}
div#referafriend #steps p{
    font-weight:600;
}
div#referafriend div.banner .circle-text.lighter:after {
    background:#5cbcee;
}
div#referafriend div.banner .circle-text div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:0.9em;
    margin-top:-0.5em;
    text-align:center;
    color:#fff;
    font-size:2.0em;
    font-weight:bold;
    text-shadow:2px 2px #4b5f9c;
}
div#referafriend div.banner .circle-text.lighter div {
    text-shadow:2px 2px #4c95c2;
}
div#referafriend div.shareAndEarn div.lgtxt{
    font-size:1.8em;
    font-weight:900;
    color:#0171bd;
    text-shadow:3px 3px #e5e6e8;
    line-height:45px;
    vertical-align:middle;
}
div#referafriend div.shareAndEarn div.getstarted{
    float:left;
}
@media (min-width:992px) {
    div#referafriend div.shareAndEarn div.getstarted{
        margin:0 20px 0 40px;
    }
}

div#referafriend div.shareAndEarn div.getstarted .btn{
    text-transform:uppercase;
}
div#referafriend div.shareAndEarn div.getstarted .share{
    margin-top:10px;
}
div#referafriend div.shareAndEarn div.helptxt{
    color:#f15b28;
    font-style:italic;
    font-size:1.4em;
    float:left;
    height:45px;
    line-height:45px;
    vertical-align:middle;
}
div#referafriend div.terms{
    margin:30px 0 10px 0;
    color:#f15b28;
    font-size:1.2em;
    font-weight:900;
}





.communityProfile{
    margin-bottom:30px;
}
.communityProfile img.community{
    width:100%;
}
.communityProfile .box{
    background-color:#5A91c7;
    color:white;
    padding:15px;
}
.communityProfile .box .inner-box{
    background-color:#F06419;
    color:white;
    padding:10px;
    border-radius:5px;
}
.communityProfile .box .btn{
    width:100%;
    margin:10px 0 0 0;
}
.communityProfile .box .inner-box p{
    font-size:2.2em;
    margin-bottom:15px;
}
.communityProfile .box .inner-box p span{
    font-size:0.5em;
}


.communityProfile .community-tab .tabContainer .digiTabs{
    list-style:none;
    padding-left:0;
    margin-top:20px;
}
.communityProfile .community-tab .tabContainer .digiTabs .selected{
    background-color:#F76C1E;
    color:#fff;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    border-top:1px solid #e1e1e1;
}
.communityProfile .community-tab .tabContainer .digiTabs li{
    background-color:#FFF;
    padding:5px!important;
    cursor:pointer;
    font-weight:bold;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    border-top:1px solid #e1e1e1;
}
.communityProfile .community-tab .tabContainer .digiTabs .selected h3{
    margin:13px 0 10px 0;
    font-size:1.4em;
    color:#fff;
}
.communityProfile .community-tab .tabContainer .digiTabs h3{
    margin:13px 0 10px 0;
    color:#767676;
    font-size:1.4em;
}


@media (min-width:992px) {
    .communityProfile .community-tab{
        margin-top:40px;
    }

    .communityProfile .community-tab .tabContainer .digiTabs{
        list-style:none;
        display:block;
        overflow:hidden;
        margin:0;
        padding:0;
        position:relative;
        top:1px;
        height:63px;
        border-bottom:2px solid #F76C1E;
    }
    .communityProfile .community-tab .tabContainer .digiTabs #tab1{
        margin-left:25px;
        margin-right:25px;
    }
    .communityProfile .community-tab .tabContainer .digiTabs li#tab2{
        margin-right:25px;
    }
    .communityProfile .community-tab .tabContainer .digiTabs .selected{
        background-color:#F76C1E;
        color:#fff;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
        border-top:1px solid #e1e1e1;
    }

    .communityProfile .community-tab .tabContainer .digiTabs li{
        float:left;
        background-color:#FFF;
        padding:5px!important;
        cursor:pointer;
        font-weight:bold;
        width:240px;
        height:62px;
        text-align:center;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
        border-top:1px solid #e1e1e1;
    }
}

.communityProfile .community-tab .tabContainer .digiTabs .selected h3{
    margin:13px 0 10px 0;
    font-size:1.4em;
    color:#fff;
}
.communityProfile .community-tab .tabContainer .digiTabs h3{
    margin:13px 0 10px 0;
    color:#767676;
    font-size:1.4em;
}

.communityProfile .community-tab #tabContent .information-container{
    padding:20px 20px 20px 0;
}


.communityProfile .community-tab .resource-container{
    margin-top:20px;
}
.communityProfile .community-tab .resource-container img{
    display:block;
    margin:0 auto;
    width:100%;
}
.communityProfile .community-tab .resource-container h2{
    margin-top:0;
}
.communityProfile .community-tab .resource-container .banners{
    float:left;
    width:100%;
}
.communityProfile .community-tab .resource-container .banners.bottom{
    margin-top:20px;
}
.communityProfile .community-tab .resource-container .banners >p{
    margin-bottom:20px;
}
.communityProfile .community-tab .resource-container .banners img{
    float:left;
}

.communityProfile .community-tab .resource-container .banners .banner textarea{
    height:140px;
    margin-bottom:5px;
    background-color:#e1e1e1;
    border-radius:5px;
    font-size:0.7em;
    width:100%;
    margin-top:33px;
}

.communityProfile .community-tab .resource-container .banners .banner textarea:focus{
    border-color:rgba(82, 168, 236, 0.8) !IMPORTANT;
    outline:0;
    outline:thin dotted 9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.communityProfile .community-tab .resource-container .banners .borderRight{
    border-right:1px solid #E1E1E1;
    padding-bottom:28px !important;
}

.communityProfile .community-tab .resource-container .banners .borderBottom{
    border-bottom:1px solid #E1E1E1;
    padding-bottom:32px;
}



.referAFreind{
    margin-bottom:30px;
}


/* Feedback page */

.feedback{
    margin-bottom:30px;
}
.feedback h1{
    margin-top:0;
}
.feedback .resultsNav .nav{
    height:30px;
    line-height:30px;
    /* IE10 Consumer Preview */
    background-image:-ms-linear-gradient(top, #FFFFFF 0%, #E4E3E3 100%);
    /* Mozilla Firefox */
    background-image:-moz-linear-gradient(top, #FFFFFF 0%, #E4E3E3 100%);
    /* Opera */
    background-image:-o-linear-gradient(top, #FFFFFF 0%, #E4E3E3 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E3E3));
    /* Webkit (Chrome 11+) */
    background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #E4E3E3 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image:linear-gradient(to bottom, #FFFFFF 0%, #E4E3E3 100%);
    text-align:center;
}

.feedback .trustPilotReview{
    margin:20px 0;
    padding:0 0 10px 0;
    background-color:#e1f3ff;
    border-radius:5px;
    padding:25px;
    padding-top:30px;
    box-shadow:0 3px 2px #ccc;
}
.feedback .trustPilotReview p.title{
    font-size:1.3em;
    color:#F15A27;
    margin:0 0 10px 0;
    border:none;
    padding:0;
    font-weight:bold;
    width:100%;
    font-style:italic;
}
@media (min-width:768px){
    .feedback .trustPilotReview p.title{
        font-size:1.3em;
        color:#F15A27;
        margin:0 0 10px 0;
        border:none;
        padding:0;
        font-weight:bold;
        width:80%;
    }
}
.feedback .trustPilotReview .stars{
    float:right;
    text-align:right;
    margin-top:3px;
}
.feedback .trustPilotReview .stars.right{
    float:left !important;
    margin:10px 0 10px 0;
}
.feedback .trustPilotReview .stars div{
    float:right;
    background:url('../media/templateImages/reviews-star.png') no-repeat 0 0;
    width:23px;
    height:19px;
}

.feedback .trustPilotReview .content{
    margin-bottom:20px;
    line-height:25px;
    margin-top:5px;
}
.feedback .trustPilotReview .divgrow-showmore{
    color:#2385c5;
    font-weight:bold;
    font-size:1.1em;
    float:left;
    width:100%;
}
.feedback .trustPilotReview .auth{
    float:left;
    color:#2385c5;
    font-weight:bold;
    line-height:9px;
    width:100%;
    margin-top:5px;
}

.boiler.pagination {
    margin:40px 0;
}
.boiler.pagination ul{
    padding-left:0;
    display:inline-block;
    *display:inline;
    margin-bottom:0;
    margin-left:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    *zoom:1;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);
    box-shadow:0 1px 2px rgba(0,0,0,0.05);
}


.boiler.pagination li {
    display:inline;
    float:left;
    margin:0;
    margin-right:7px;
}
.boiler.pagination span{
    margin-right:7px;
}

.boiler.pagination a,
.boiler.pagination span {
    float:left;
    background:#f07927 !important;
    background-image:-webkit-linear-gradient(top, #f07927, #f05a28);
    background-image:-moz-linear-gradient(top, #f07927, #f05a28);
    background-image:-ms-linear-gradient(top, #f07927, #f05a28);
    background-image:-o-linear-gradient(top, #f07927, #f05a28);
    background-image:linear-gradient(to bottom, #f07927, #f05a28);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-family:Arial;
    color:#fff;
    font-size:0.9em;
    padding:3px 9px 3px 9px;
    text-decoration:none;
    font-weight:bold;
}

.boiler.pagination a:hover,
.boiler.pagination .active a,
.boiler.pagination .active span {
    background:#f05a28;
    background-image:-webkit-linear-gradient(top, #f05a28, #f07927);
    background-image:-moz-linear-gradient(top, #f05a28, #f07927);
    background-image:-ms-linear-gradient(top, #f05a28, #f07927);
    background-image:-o-linear-gradient(top, #f05a28, #f07927);
    background-image:linear-gradient(to bottom, #f05a28, #f07927);
    text-decoration:none;
}

.boiler.pagination .active a,
.boiler.pagination .active span {
    color:#fff;
    cursor:default;
    background:#4c7ebb !important;
}

.boiler.pagination .disabled span,.pagination .disabled a,.boiler.pagination
.disabled a:hover {
    color:#444;
    cursor:default;
    background-color:transparent;
}

/*.boiler.pagination li:first-child a,
.pagination li:first-child span {
  border-left-width:1px;
  -webkit-border-radius:3px 0 0 3px;
  -moz-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
}*/

.boiler.pagination li:last-child a,
.boiler.pagination li:last-child span {
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.trustPilotReviews li{
    list-style:none;
}
.trustPilotReview .hiderating {
    display:none;
}

.trustPilotReviews .reviewGetQuote{
    background-color:#fff;
    margin:30px 0 10px 0;
}
@media (min-width:992px) {
    .trustPilotReviews .reviewGetQuote{
        height:50px;
    }
}
.trustPilotReviews .reviewGetQuote p{
    color:#305891;
    font-size:1.6em;
    font-weight:bold;
    margin-left:0;
    margin-top:10px;
    vertical-align:middle;
    text-align:center;
    line-height:27px;
}
@media (min-width:992px){
    .trustPilotReviews .reviewGetQuote p{
        text-align:left;
        margin-left:0;
        float:left;
        font-size:1.4em;
    }
}
@media (min-width:1200px){
    .trustPilotReviews .reviewGetQuote p{
        margin-left:50px;
    }
}
.trustPilotReviews .reviewGetQuote img{
    vertical-align:middle!important;
    padding-left:15px;
    padding-right:10px;
    margin-top:14px;
}
.trustPilotReviews .reviewGetQuote div{
    float:left;
}
.trustPilotReviews .reviewGetQuote a{
    display:block;
    margin:0 auto;
    margin-top:10px;
}
@media (min-width:992px) {
    .trustPilotReviews .reviewGetQuote a{
        margin:0;
        display:inline-block;
        margin-left:20px;
    }
}
@media (min-width:1200px) {
    .trustPilotReviews .reviewGetQuote a{
        margin-left:10px;
    }
}

/***** Deadline count down *****/

div.dlWrapper{
    position:relative;
    margin:0 0 10px 0;
    top:12px;
}
@media (min-width:768px) {
    div.dlWrapper{
        position:relative;
        margin:0 0 10px 0;
        top:27px;
    }
}
div.dlWrapper-extra{
    position:relative;
    margin:0 0 20px 0;
    top:20px;
}
div.bwDeadline {
    padding:5px 10px;
    position:relative;
    top:0;
    width:100%;
    margin:5px 0 0;
    border:none;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    display:none;
    font-size:16px;
    font-family:"Trebuchet MS", Arial, Sans-serif !important;
}
div.bwDeadline {
    background-color:#ff4e00;
}
div.bwDeadline div#bwclock_id {
}
div.bwDeadline div.countdown {

}
div.bwDeadline div.message {
    float:left;
    color:#fff;
    font-size:0.8em;
    font-weight:900;
    line-height:16px;
    vertical-align:middle;
    text-shadow:1px 1px rgba(0,0,0,0.2);
}
@media (max-width:767px) {
    .bwDeadline {
        min-height: 138px;
    }
}
@media (min-width:768px) {
    div.bwDeadline {
        position:relative;
        width:100%;
        padding:15px 10px 10px 10px;
        margin:5px 0 5px 0;
        border:none;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        display:none;
        font-size:16px;

        font-family:"Trebuchet MS", Arial, Sans-serif !important;
        text-shadow:2px 2px rgba(0,0,0,0.2);
    }
    div.bwDeadline div#bwclock_id {
        position:absolute;
        top:-15px;
        left:20px;
        float:left;
    }
    div.bwDeadline div.message {
        float:left;
        color:#fff;
        font-size:1.1em;
        font-weight:900;
        line-height:24px;
        vertical-align:middle;
        text-shadow:2px 2px rgba(0,0,0,0.2);
        __white-space:nowrap;
    }
    div.bwDeadline div.countdown div.counter div.value {
        width:40px;
        text-align:center;
        text-shadow:2px 2px rgba(0,0,0,0.2);
        margin-top:4px !important;
    }
    div.bwDeadline div.countdown div.counter div.sep {
        width:10px;
        text-align:center;
        margin-top:3px !important;
    }
    .countdowncontainer{
        padding-left:0 !important;
    }
}
@media (min-width:992px) {
    div.bwDeadline {
        position:relative;
        width:100%;
        height:60px;
        padding:0;
        margin:5px 0 5px 0;
        border:none;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        display:none;
        font-size:16px;
        font-family:"Trebuchet MS", Arial, Sans-serif !important;
    }
    div.bwDeadline div.message {
        line-height:24px;
        margin-top:18px;
        font-size:1.0em;
    }
    div.bwDeadline div.countdown {
        position:absolute;
        float:left;
        height:60px;
        line-height:12px;
    }
    .countdowncontainer{
        padding-left:30px !important;
    }
}
@media (min-width:1200px) {
    div.bwDeadline div.message {
        line-height:60px;
        margin-top:0;
    }
    div.bwDeadline div.message {
        font-size:1.1em;
    }
}

div.bwDeadline div.message span.dlnote{
    position:relative;
    font-size:0.7em;
    font-weight:300;
}

div.bwDeadline div.countdown div.counter div.value,
div.bwDeadline div.countdown div.counter div.sep {
    color:#fff;
    font-size:1.6em;
    font-weight:900;
    line-height:45px;
    vertical-align:middle;
    float:left;
}
div.bwDeadline div.countdown div.counter div.value {
    width:40px;
    text-align:center;
    text-shadow:2px 2px rgba(0,0,0,0.2);
    margin-top:18px;
}

div.bwDeadline div.countdown div.counter #bwhr {
    width:45px;
}

div.bwDeadline div.countdown div.counter div.sep {
    width:10px;
    text-align:center;
    margin-top:18px;
}
div.bwDeadline div.countdown div.labels {
    position:relative;
    top:-10px;
}
div.bwDeadline div.countdown div.labels div {
    position:relative;
    color:#fff;
    font-size:0.7em;
    font-weight:300;
    float:left;
    width:40px;
    text-align:center;
    vertical-align:top;
}
div.bwDeadline div.countdown div.labels div {
    width:42px;
}
div.bwDeadline div.countdown div.labels div#bwhr {
    width:50px;
}
div.bwDeadline div.countdown div.labels div.sep {
    position:relative;
    float:left;
    width:10px;
    height:20px;
}

.bwDeadline .message a{
    color:#fff;
}

div.bwDeadline.new{
    margin-top: 20px;
}
div.bwDeadline.new div#bwclock_id{
    left: 0px;
}
div.bwDeadline.new div.message{
    line-height: 22px;
    margin-top: 9px;
}
@media (min-width:992px) {
    div.bwDeadline.new .col-xs-8.col-sm-3.col-md-4.col-lg-3.countdowncontainer {
        padding-left: 40px !important;
    }
}


/***** VoucherOffer *****/

div.voWrapper{
    position:relative;
    margin:0 0 10px 0;
    top:12px;
}
@media (min-width:768px) {
    div.voWrapper{
        position:relative;
        margin:0 0 10px 0;
        top:25px;
    }
}
div.voucherOffer {
    padding:5px 10px;
    position:relative;
    top:0;
    width:100%;
    margin:5px 0 5px 0;
    border:none;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    /* display:none; */
    font-size:16px;
    font-family:"Trebuchet MS", Arial, Sans-serif !important;
}
div.voucherOffer {
    background-color:#a00;
}
div.voucherOffer div.message {
    float:left;
    color:#fff;
    font-size:1.8em;
    font-weight:300;
    line-height:1.4em;
    vertical-align:middle;
    margin-left:20px;
    text-shadow:1px 1px rgba(0,0,0,0.2);
}
div.voucherOffer div.message span.hl {
    font-size:1.2em;
    font-weight:900;
}
div.voucherOffer div.terms {
    color:#fff;
    font-size:0.8em;
    font-weight:300;
    text-align:right;
    margin-right:10px;
}
div.voucherOffer div.terms a {
    text-decoration:none;
}
@media (min-width:768px) {
    div.voucherOffer {
        position:relative;
        top:-15px;
        width:100%;
        padding:15px 10px 10px 10px;
        margin:5px 0 5px 0;
        border:none;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        /*display:none;*/
        font-size:16px;

        font-family:"Trebuchet MS", Arial, Sans-serif !important;
        text-shadow:2px 2px rgba(0,0,0,0.2);
    }
    div.voucherOffer div.message {
        float:left;
        color:#fff;
        font-size:1.2em;
        font-weight:300;
        line-height:1.6em;
        vertical-align:middle;
        text-shadow:2px 2px rgba(0,0,0,0.2);
        __white-space:nowrap;
    }
    div.voucherOffer div.message span.hl {
        font-size:1.6em;
        font-weight:900;
    }
}
@media (min-width:992px) {
    div.voucherOffer {
        position:relative;
        top:-15px;
        width:100%;
        height:60px;
        padding:0;
        margin:5px 0 5px 0;
        border:none;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        /*display:none;*/
        font-size:16px;
        font-family:"Trebuchet MS", Arial, Sans-serif !important;
    }
    div.voucherOffer div.message {
        line-height:24px;
        margin-top:6px;
    }
    div.voucherOffer div.message span.hl {
        font-size:1.4em;
        font-weight:900;
    }
}
@media (min-width:1200px) {
    div.voucherOffer div.message {
        line-height:60px;
        margin-top:0;
    }
}
.voucherOffer .terms a{
    color:#fff;
}

/** Lazy Loading **/
.lazy,
.visible-xs.lazy,
.visible-md.lazy,
.visible-lg.lazy,
.visible-sm.lazy  {
    display:none;
}


/* Verify your email popup on quote page*/

#verifyemail #verifymyModal p.heading{
    padding:10px 35px 20px 35px;
    font-size:1.6em;
    color:#f15a25;
    font-family:'Open Sans',sans-serif,Tahoma;
    font-weight:600;
    text-align:center;
    margin-top:0;
    line-height:40px;
}

#verifyemail #verifymyModal p{
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding:20px 35px 0 35px;
    line-height:32px;
    margin-bottom:0;
}
#verifyemail #verifymyModal .imgContainer{
    margin:0 20px 0 20px;
}

#verifyemail #verifymyModal img.email{
    width:100%;
    max-width:308px;
    margin:0 auto;
    display:block;
}

#verifyemail #verifymyModal p:nth-child(3){
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding:20px 35px 5px 35px;
    line-height:32px;
}

#verifyemail #verifymyModal p:nth-child(4){
    color:#f15a25;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding-bottom:5px;
}

#verifyemail #verifymyModal p#text{
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding-bottom:5px;
}

#verifyemail #verifymyModal p#text2{
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding-bottom:5px;
}

#verifyemail #verifymyModal p#email{
    color:#f15a25;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    line-height:32px;
    padding:5px 35px 5px 35px;
    word-break:break-all;
}

#verifyemail #verifymyModal p.grey{
    color:#808080;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding-left:35px;
    padding-right:35px;
    line-height:32px;
    padding-top:10px;
}
#verifyemail #verifymyModal img.dotted{
    width:90%;
    margin-left:15px;
}
@media (min-width:768px) {
    #verifyemail #verifymyModal img.dotted{
        display:block;
        padding-top:20px;
        padding-bottom:20px;
        margin:0 30px;
    }
}
#verifyemail #verifymyModal .action p.resend{
    text-align:center;
    font-size:1.3em;
    color:#808080;
    padding-top:6px;
}

@media (min-width:992px) {
    #verifyemail #verifymyModal .action p.resend{
        padding-left:80px;
        padding-right:20px;
        font-size:1.3em;
        color:#808080;
        float:left;
        padding-top:6px;
    }
}

#verifyemail #verifymyModal .action p.resent{
    display:block;
    text-align:center;
    padding-right:10px;
    font-size:1.4em;
    color:#808080;
    font-weight:600;
}

@media (max-width:992px) {
    #verifyemail #verifymyModal .action a{
        margin:0 auto;
        display:block;
    }
}
#verifyemail #verifymyModal .action a{
    margin-top:5px;
}
.verifyEmail p{
    font-size:1em;
}
.verifyEmail p:nth-child(1){
    color:#f15a25;
    border:0;
    padding-top:5px;
    padding-bottom:0;
    margin-top:0;
    font-family:'Open Sans',sans-serif,Tahoma;
    font-weight:700;
    font-size:2em;
    line-height:40px;
}
.verifyEmail p:nth-child(2){
    margin-bottom:30px;
    color:#4b4b4b;
}
.verifyEmail p:nth-child(3){
    font-weight:bold;
    margin-bottom:30px;
}
.verifyEmail p a{
    color:#0071bc;
}
.verifyEmail p:nth-child(4){
    margin-bottom:30px;
}
@media (max-width:992px) {
    .verifyEmail img{
        display:none;
    }
}
@media (min-width:992px) {
    .verifyEmail img{
        display:inline-block;
    }
}


#verifyemail #verifymyModal #countdown{
    text-align:center;
}
@media (min-width:992px) {
    #verifyemail #verifymyModal #countdown{
        text-align:initial;
        padding-top:4px;
    }
}
#verifyemail #verifymyModal .btn.btn-success.disabled.grey{
    background:#8E8F8E !important;
    border-color:#696969 !important;
}

#verifyemail #verifymyModal #verifycountdownContainer .verifycountdown{
    background:#cbe2f2;
    border-radius:8px;
    padding:10px;
    border:1px solid #8cc4e5;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
}
@media (min-width:768px){
    #verifyemail #verifymyModal #verifycountdownContainer .verifycountdown{
        margin-left:140px;
        margin-right:140px;
    }
}
@media (min-width:992px){
    #verifyemail #verifymyModal #verifycountdownContainer .verifycountdown{
        margin-left:140px;
        margin-right:140px;
    }
}
#verifyemail #verifymyModal #verifycountdownContainer .verifycountdown #countdown span.number:nth-child(1){
    padding:0 5px 0 25px;
}
#verifyemail #verifymyModal #verifycountdownContainer .verifycountdown #countdown span.number{
    color:#f15a25;
    font-weight:bold;
    font-size:1.5em;
    padding:0 5px 0 20px;
}
#verifyemail #verifymyModal #verifycountdownContainer .verifycountdown #countdown span.text{
    color:#2980b9;
    font-weight:bold;
    font-size:1.1em;
}
#verifyemail #verifymyModal #verifycountdownContainer p{
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.2em;
    padding:20px 20px 0 20px;
}
@media (min-width:992px) {
    #verifyemail #verifymyModal #verifycountdownContainer p{
        margin-left:110px;
        margin-right:110px
    }
}

#verifyemail #verifymyModal #counterresend p:nth-child(2){
    color:#2980b9;
    text-align:center;
    font-weight:600;
    font-size:1.4em;
    padding:10px 35px 0 35px;
}

#verifyemail #verifymyModal #counterresend p:nth-child(3){
    color:#808080;
    text-align:center;
    font-weight:600;
    font-size:1em;
    padding:10px 35px 5px 35px;
}

#verifyemail #verifymyModal p.gray{
    color:#808080;
    text-align:center;
    font-weight:600;
    font-size:1em;
    padding:15px 35px;
    line-height:25px;
}

#verifyemail #verifymyModal #counterresend a.btn{
    margin:0 auto;
    display:block;
    margin-top:15px;
    margin-bottom:15px;
    max-width:150px;
}

#verifyemail #verifymyModal p.linkback{
    color:#4d4d4d;
    font-size:0.9em;
    padding-top:0;
    font-weight:normal;
}
#verifyemail #verifymyModal p.linkback a{
    color:#3a910f;
    text-decoration:underline;
}
#verifyemail #verifymyModal .linkverfication{
    font-size:1.2em;
    padding-top:0;
    font-weight:normal;
}
#verifyemail #verifymyModal .linkverfication a{
    color:#2980b9;
    padding-top:0;
    text-decoration:none;
    font-weight:600;
}
#verifyemail #verifymyModal a.privacy{
    float:right;
    color:#808080;
    font-size:13px;
    margin-right:20px;
    top:-19px;
    position:relative;
}
@media (max-width:992px) {
    #verifyemail #verifymyModal a.privacy{
        top:0;
    }
}
@media (max-width:992px) {
    #verifyemail #verifymyModal .bypassemailverfication p{
        padding:10px 10px 15px 10px !important;
        line-height:25px;
    }
}
#verifyemail #verifymyModal .bypassemailverfication p{
    color:#f15a25;
    padding:0 20px 20px 20px;
}

#verifyemail #verifymyModal .bypassemailverfication .box{
    border-radius:8px;
    border:1px solid #85d1e8;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
}

#verifyemail #verifymyModal .bypassemailverfication .box p{
    margin-top:15px;
}

#verifyemail #verifymyModal .bypassemailverfication .box.full{
    background-color:#DAf3F7;
}

@media (max-width:768px) {
    #verifyemail #verifymyModal .bypassemailverfication .box.full p{
        text-align:left;
        font-size:1em;
        line-height:20px;
        width:100%;
        float:left;
        padding-right:0;
    }
    #verifyemail #verifymyModal .bypassemailverfication .box p{
        text-align:left;
        font-size:1em;
        line-height:20px;
        width:65%;
        float:left;
        padding-right:0;
    }
    #verifyemail #verifymyModal .bypassemailverfication .box img{
        margin-top:25px;
        margin-bottom:20px;
    }
}

#verifyemail #verifymyModal .bypassemailverfication .box.full img{
    vertical-align:bottom !important;
    margin-top:10px;
    margin-left:20px;
}

#verifyemail #verifymyModal .bypassemailverfication .box.full p:nth-child(1){
    text-align:left;
    color:#2980b9;
    padding-bottom:5px !important;
    padding-top:20px;
    width:100%;
    margin-top:0;
    font-weight:normal !important;
}
#verifyemail #verifymyModal .bypassemailverfication .box.full p:nth-child(2){
    text-align:left;
    color:#2980b9;
    font-weight:bold;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
}

@media (max-width:992px) {
    #verifyemail #verifymyModal .bypassemailverfication .box .left{
        width:100% !important;
    }
}

#verifyemail #verifymyModal .bypassemailverfication .box .left{
    width:75%;
    float:left;
}

@media (max-width:992px) {
    #verifyemail #verifymyModal .bypassemailverfication .box .right{
        display:none;
    }
}

#verifyemail #verifymyModal .bypassemailverfication .box .right{
    float:left;
}

#verifyemail #verifymyModal .bypassemailverfication input#verficationBtn{
    margin:0 auto;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

/*** captcha modal popup specific styles  ***/

#captchaModal {
    position:absolute;
}
#captchaModal .modal-dialog.full .modal-body{
    padding:20px 0!important;
}
body.modal-absolute {
    position:relative !important;
    overflow:auto !important;
    margin-right:0 !important;
}

/*** previous reCaptcha styling ***/

#recaptcha_widget{
    width:100%;
}
#recaptcha_widget #recaptcha_image{
    border:1px solid #ccc;
    height:61px !important;
}

#recaptcha_response_field{
    margin-top:15px;
}

@media (max-width:768px) {
    #recaptcha_widget #recaptcha_image{
        width:96%!important;
        margin:0 auto;
        height:91px !important;
    }
    #recaptcha_widget #recaptcha_image img{
        width:100% !important;
    }
    #recaptcha_response_field{
        width:96%!important;
        margin:0 auto;
        display:block;
        margin-top:10px;
        border-radius:4px;
    }
    #recaptcha_widget .actions{
        display:none;
    }
}

.recaptchatable a, .recaptchatable a:hover{
    cursor:pointer;
    outline:none;
    border:0!important;
    padding:0!important;
    text-decoration:none;
    color:blue;
    background:none!important;
    font-weight:normal;
}

#recaptcha_widget input#btn{
    display:none;
}

@media (min-width:768px) {
    #verifyemail #verifymyModal .actionsMobile{
        display:none;
    }
    img#recaptcha_logo_top{
        display:none;
    }
    #recaptcha_widget #recaptcha_image{
        float:left;
        margin-left:45px;
        margin-right:20px;
        width:304px !important;
    }
    #recaptcha_widget .actions{
        float:left;
    }
    #recaptcha_widget .actions .btns{
        float:left;
    }
    #recaptcha_widget .actions img#recaptcha_logo{
        margin-left:30px;
        margin-top:7px;
    }
    #recaptcha_widget .verficationtextbox{
        float:left;
        width:100%;
        margin-left:45px;
    }
    #recaptcha_widget .verficationtextbox input{
        width:304px;
        margin-bottom:20px;
        border-radius:4px;
        float:left;
    }
    #recaptcha_widget input#btn{
        display:inline-block;
        float:left;
        margin-left:255px;
        margin-bottom:15px;
    }
    #recaptcha_widget .verficationtextbox p.smalltext{
        display:none;
    }
}
#captcha_element div {
    margin:0 auto;
}

#verifyemail #verifymyModal .actionsMobile a{
    text-decoration:none;
    float:left;
}

#verifyemail #verifymyModal .actionsMobile a img.reload,
#verifyemail #verifymyModal .actionsMobile a img.help,
#verifyemail #verifymyModal .actionsMobile input{
    margin-left:5px;
    margin-top:15px;
    margin-bottom:10px;
}

#verifyemail #verifymyModal .actionsMobile input{
    width:150px;
}

#recaptcha_widget .verficationtextbox p.smalltext{
    float:left;
    display:inline-block;
    font-size:0.6em !important;
    line-height:12px !important;
    color:#BFBFBF !important;
    margin:0 !important;
    padding:0 !important;
    margin-left:78px !important;
    margin-top:16px !important;
    text-align:left !important;
}

#recaptcha_widget p.recaptcha_only_if_audio{
    text-align:left !important;
    color:#444 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:1em !important;
}


/* Quote abandonment incentive popup */
#quoteAbandonmentModal .modal-content{
    background:-webkit-linear-gradient(#ffffff, #e3e8d2); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#ffffff, #e3e8d2); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#ffffff, #e3e8d2); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#ffffff, #e3e8d2); /* Standard syntax */
}
#quoteAbandonmentPopup p.title{
    color:#0070BD;
    font-weight:600;
    margin:0 10px 0 10px;
    font-size:1.2em;
    text-align:center;
    line-height:20px;
}
@media (min-width:992px) {
    #quoteAbandonmentPopup p.title{
        color:#0070BD;
        font-weight:600;
        margin:0 60px 0 60px;
        font-size:1.6em;
        text-align:center;
        line-height:32px;
    }
}
#quoteAbandonmentPopup p.title span{
    color:#65B21A;
}
#quoteAbandonmentPopup p.clock{
    color:#4394c9;
    font-size:1.1em;
    text-align:center;
    margin-top:20px;
    margin-bottom:5px;
}

#quoteAbandonmentPopup #time{
    background-color:#e3e8d2;
    border:2px solid #49890e;
    margin:0 5px 0 5px;
    border-radius:8px;
    height:59px;
}
#quoteAbandonmentPopup #time p#hour{
    float:left;
    margin:15px 0 0 10px;
}
#quoteAbandonmentPopup #time p#hour span.number{
    color:#f05a23;
    font-size:1.2em;
    font-weight:bold;
}
#quoteAbandonmentPopup #time p#hour span{
    color:#0071BD;
    font-weight:normal;
    font-size:1em;
}
#quoteAbandonmentPopup #time p#minute{
    margin:15px 0 0 15px;
    font-weight:bold;
    float:left;
}
#quoteAbandonmentPopup #time p#minute span.number{
    color:#f05a23;
    font-size:1.2em;
    font-weight:bold;
}
#quoteAbandonmentPopup #time p#minute span{
    color:#0071BD;
    font-weight:normal;
    font-size:1em;
}

#quoteAbandonmentPopup #time p#second{
    margin:15px 0 0 15px;
    font-weight:bold;
    float:left;
}
#quoteAbandonmentPopup #time p#second span.number{
    color:#f05a23;
    font-size:1.2em;
    font-weight:bold;
}
#quoteAbandonmentPopup #time p#second span{
    color:#0071BD;
    font-weight:normal;
    font-size:1em;
}
@media (min-width:992px) {
    #quoteAbandonmentPopup img.clock{
        position:absolute;
        left:36px;
        top:150px;
    }

    #quoteAbandonmentPopup #time{
        background-color:#e3e8d2;
        border:2px solid #49890e;
        margin:0 67px 0 67px;
        border-radius:8px;
        height:59px;
    }
    #quoteAbandonmentPopup #time p#hour{
        float:left;
        margin:15px 0 0 78px;
    }
    #quoteAbandonmentPopup #time p#hour span.number{
        color:#f05a23;
        font-size:2em;
        font-weight:bold;
    }
    #quoteAbandonmentPopup #time p#hour span{
        color:#0071BD;
        font-weight:normal;
        font-size:1.2em;
    }
    #quoteAbandonmentPopup #time p#minute{
        margin:15px 0 0 20px;
        font-weight:bold;
        float:left;
    }
    #quoteAbandonmentPopup #time p#minute span.number{
        color:#f05a23;
        font-size:2em;
        font-weight:bold;
    }
    #quoteAbandonmentPopup #time p#minute span{
        color:#0071BD;
        font-weight:normal;
        font-size:1.2em;
    }
    #quoteAbandonmentPopup #time p#second{
        margin:15px 0 0 20px;
        font-weight:bold;
        float:left;
    }
    #quoteAbandonmentPopup #time p#second span.number{
        color:#f05a23;
        font-size:2em;
        font-weight:bold;
    }
    #quoteAbandonmentPopup #time p#second span{
        color:#0071BD;
        font-weight:normal;
        font-size:1.2em;
    }
}


#quoteAbandonmentPopup .btns{
    margin:10px 5px 0 5px;
}

#quoteAbandonmentPopup .btns img.yes{
    float:left;
    width:47%;
}

#quoteAbandonmentPopup .btns input.no{
    float:right;
    width:47%;
}

@media (min-width:992px) {
    #quoteAbandonmentPopup .btns{
        margin:30px 67px 0 67px;
    }

    #quoteAbandonmentPopup .btns img.yes{
        float:left;
    }

    #quoteAbandonmentPopup .btns input.no{
        float:right;
    }
}

#quoteAbandonmentPopup a.tandc{
    text-align:center;
    color:#808080;
    font-size:1em;
    padding-top:5px;
    display:block;
}

#quoteAbandonmentPopup div#second{
    padding-bottom:30px;
}
#quoteAbandonmentPopup #second p.title{
    margin:10px 5px 10px 5px;
}
#quoteAbandonmentPopup #second p:nth-child(2){
    color:#f05b23;
    text-align:center;
    font-size:1.3em;
    margin:5px 10px 10px 10px;
    font-weight:600;
    line-height:30px;
}
#quoteAbandonmentPopup #second input.btn{
    margin:0 auto;
    display:block;
}

@media (min-width:992px) {
    #quoteAbandonmentPopup #second{
        padding-bottom:30px;
    }
    #quoteAbandonmentPopup #second p.title{
        margin:20px 50px 20px 50px;
    }
    #quoteAbandonmentPopup #second p:nth-child(2){
        color:#f05b23;
        text-align:center;
        font-size:1.3em;
        margin:0 100px 30px 100px;
        font-weight:600;
        line-height:30px;
    }
    #quoteAbandonmentPopup #second input#img{
        margin:0 auto;
        display:block;
        border:none;
        text-decoration:none;
    }
    #quoteAbandonmentPopup #second input#img:focus{
        outline:none;
    }
}


/* BoilerService widget on INFO blog */


#boilerservicequoteWidget{
    padding:20px;
    margin-bottom:30px;
    border-radius:10px;
    background:#fe6300;
    background:-moz-linear-gradient(top,#f90,#fd2a00);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f90),color-stop(100%,#fd2a00));
    background:-webkit-linear-gradient(top,#f90 0,#fd2a00 100%);
    background:-o-linear-gradient(top,#f90 0,#fd2a00 100%);
    background:-ms-linear-gradient(top,#f90 0,#fd2a00 100%);
    background:linear-gradient(to bottom,#f90 0,#fd2a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#fd2a00', GradientType=0);
}

#boilerservicequoteWidget .title h1{
    color:#fff;
    font-size:30px;
    font-weight:700;
    text-shadow:0 1px 1px #333;
    border:0;
    margin:0 0 15px;
    padding:0;
    line-height:1.1;
}

#boilerservicequoteWidget .title p{
    font:1em Helvetica, Arial, sans-serif;
    color:#fff;
    padding:0;
    margin:0 0 15px 0 !important;
    line-height:20px;
}

#boilerservicequoteWidget form .bookingType, #boilerservicequoteWidget form .boilerType, #boilerservicequoteWidget form .postcode, #boilerservicequoteWidget form .email{
    height:50px;
}

#boilerservicequoteWidget form .email{
    height:60px;
}

#boilerservicequoteWidget form label{
    color:#fff;
    width:120px;
}
#boilerservicequoteWidget form a.privacy{
    width:188px;
    color:#fff;
    display:inline-block;
}

#boilerservicequoteWidget form input.btn{
    float:right;
}
@media (max-width:992px) {
    #boilerservicequoteWidget form input.btn{
        width:100%;
    }
}

#domesticAndCommericalPopup .box form{
    text-align:center;
}
#domesticAndCommericalPopup .box form input:focus{
    outline:none;
}
#domesticAndCommericalPopup .box form input.domestic{
    width:100%;
    max-width:362px;
}
#domesticAndCommericalPopup .box form input.commercial{
    width:100%;
    max-width:362px;
}
@media (min-width:992px) {
    #domesticAndCommericalPopup .box{
        float:left;
    }
    #domesticAndCommericalPopup .box:nth-child(1){
        margin-right:20px;
    }
    #domesticAndCommericalPopup .box form{
        text-align:left;
    }
}


/* Where did you hear about us popup */

#howDidYouHearPopup {
    text-align:center;
}

#howDidYouHearPopup h2 {
    margin-top:0;
}

#howDidYouHearPopup .section {
    margin-bottom:20px;
    border-bottom:1px dashed #ccc;
}

#howDidYouHearPopup .sectionInner {
    width:100%;
    margin:0 auto;
}
@media (min-width:768px) {
    #howDidYouHearPopup .sectionInner {
        width:570px;
        margin:0 auto;
    }
}

#howDidYouHearPopup .sectionInner.form {
    margin-bottom:20px;
}

#howDidYouHearPopup .section .item {
    float:left;
    width:140px;
    padding:10px;
    min-height:140px;
}

#howDidYouHearPopup .section .item.dim {
    opacity:0.25;
    filter:Alpha(opacity=25);
}

#howDidYouHearPopup .section .item p {
    color:#fa8a11;
    line-height:1.1;
}

#howDidYouHearPopup .section .item a {
    color:#fa8a11;
}

#howDidYouHearPopup .section .item a:hover,
#howDidYouHearPopup .section .item a:focus {
    color:#fa8a11;
    text-decoration:underline;
}

#howDidYouHearPopup select {
    width:250px;
    display:inline;
}

#howDidYouHearPopup input[type="text"].form-control {
    width:300px;
    display:inline;
}


/* Secondary menu on main nav */
@media (max-width:992px) {
    .nav.navbar-nav a#dropdownMenu.dropdown-toggle.selected{
        color:#f9971c;
    }
    .navbar-nav li.open .dropdown-menu{
        display:none;
    }
    .navbar-nav li.full .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        padding-top:0;
        background-color:transparent;
        border:0;
        box-shadow:none;
        display:block!important;
    }
    .navbar-nav li.full .dropdown-menu li,
    .navbar-nav li .dropdown-menu li{
        background-color:#333;
        border-bottom:1px solid #4d4d4d;
    }
    .navbar-nav li.full .dropdown-menu li a,
    .navbar-nav li .dropdown-menu li a{
        color:#fff !important;
        padding:8px 36px !important;
        font-size:16px;
        line-height:20px;
        font-weight:600;
    }
    .navbar-nav li.full .dropdown-menu li a:hover,
    .navbar-nav li .dropdown-menu li a:hover{
        background-color:#444;
    }
}
.nav.navbar-nav a#dropdownMenu.dropdown-toggle b.caret{
    border-top-color:#999;
    border-bottom-color:#999;
}



#modal300to399 .modal-header,
#modal400to499 .modal-header{
    border-bottom:none;
    padding:0;
}
#modal300to399 .modal-body .title,
#modal400to499 .modal-body .title{
    color:#ff5601;
    font-size:2em;
    font-weight:bold;
    text-align:center;
}
#modal300to399 .modal-body .text,
#modal400to499 .modal-body .text{
    font-weight:bold;
    text-align:center;
    padding:10px 50px;
    font-size:1.4em;
    line-height:30px;
}
#modal300to399 .modal-body img,
#modal400to499 .modal-body img{
    margin:0 auto;
    display:block;
    margin-top:20px;
}

#modal300to399 .modal-header button,
#modal400to499 .modal-header button{
    height:35px;
    width:35px;
    -moz-border-radius:10px;
    border-radius:35px;
    position:absolute;
    right:-13px;
    top:-10px;
    font-size:31px;
    color:#ff5601;
    border:2px solid #ff5601;
    opacity:1;
    background-color:#fff;
}


.NiBanner p.title{
    position:absolute;
    top:10px;
    left:25px;
    color:#fff;
    font-size:1em;
    font-weight:600;
    line-height:19px;
    text-shadow:2px 2px #004a7a;
}
.NiBanner p.title span{
    color:#ffff00
}
.NiBanner p.trustpilot{
    position:absolute;
    top:73%;
    left:25px;
    color:#fff;
    font-size:0.8em;
    font-weight:700;
    line-height:18px;
    text-shadow:2px 2px #075e0c;
}
.NiBanner p.trustpilot span{
    color:#ffff00;
    text-transform:uppercase;
}
.NiBanner p.supplier{
    position:absolute;
    top:90%;
    left:25px;
    color:#fff;
    text-shadow:1px 1px #004a7a;
    font-size:0.6em;
    font-weight:bold;
}
.NiBanner p.supplier span{
    color:#ffff00;
}
.NiBanner img.stars{
    position:absolute;
    top:80%;
    left:148px;
    width:97px;
}
@media (min-width:420px){
    .NiBanner p.title{
        position:absolute;
        top:10px;
        left:25px;
        color:#fff;
        font-size:1.2em;
        font-weight:600;
        line-height:24px;
        text-shadow:2px 2px #004a7a;
    }
    .NiBanner p.title span{
        color:#ffff00
    }
    .NiBanner p.trustpilot{
        position:absolute;
        top:73%;
        left:25px;
        color:#fff;
        font-size:0.9em;
        font-weight:700;
        line-height:22px;
        text-shadow:2px 2px #075e0c;
    }
    .NiBanner p.trustpilot span{
        color:#ffff00;
        text-transform:uppercase;
    }
    .NiBanner p.supplier{
        position:absolute;
        top:90%;
        left:25px;
        color:#fff;
        text-shadow:1px 1px #004a7a;
        font-size:0.8em;
        font-weight:bold;
    }
    .NiBanner p.supplier span{
        color:#ffff00;
    }
    .NiBanner img.stars{
        position:absolute;
        top:79%;
        left:165px;
        width:97px;
    }
}
@media (min-width:495px){
    .NiBanner p.title{
        position:absolute;
        top:10px;
        left:0;
        color:#fff;
        font-size:1.2em;
        font-weight:600;
        line-height:22px;
        text-shadow:2px 2px #004a7a;
        text-align:center;
        width:100%;
    }
    .NiBanner p.trustpilot{
        position:absolute;
        top:72%;
        color:#fff;
        font-size:1em;
        font-weight:700;
        line-height:21px;
        text-shadow:2px 2px #075e0c;
        left:0;
        width:100%;
        text-align:center;
    }
    .NiBanner img.stars{
        position:absolute;
        top:82%;
        left:41%;
        width:110px;
    }
    .NiBanner p.supplier{
        position:absolute;
        left:0;
        color:#fff;
        text-shadow:1px 1px #004a7a;
        font-size:0.9em;
        text-align:center;
        width:100%;
        font-weight:bold;
    }
}

@media (min-width:768px){
    .NiBanner p.title{
        position:absolute;
        top:16px;
        left:25px;
        color:#fff;
        font-size:1.4em;
        font-weight:600;
        line-height:30px;
        text-shadow:2px 2px #004a7a;
        text-align:left;
    }
    .NiBanner p.title span{
        color:#ffff00
    }
    .NiBanner p.trustpilot{
        position:absolute;
        top:126px;
        left:25px;
        color:#fff;
        font-size:1em;
        font-weight:700;
        line-height:21px;
        text-shadow:2px 2px #075e0c;
        text-align:left;
    }
    .NiBanner p.trustpilot span{
        color:#ffff00;
        text-transform:uppercase;
    }
    .NiBanner p.supplier{
        position:absolute;
        top:181px;
        left:25px;
        color:#fff;
        text-shadow:1px 1px #004a7a;
        font-size:0.9em;
        text-align:left;
        font-weight:bold;
        font-size:0.8em;
    }
    .NiBanner p.supplier span{
        color:#ffff00;
    }
    .NiBanner img.stars{
        position:absolute;
        top:149px;
        left:177px;
        width:110px;
    }
}


@media (min-width:992px){
    .NiBanner p.title{
        position:absolute;
        top:24px;
        left:40px;
        color:#fff;
        font-size:1.8em;
        font-weight:600;
        line-height:35px;
        text-shadow:2px 2px #004a7a;
    }
    .NiBanner p.title span{
        color:#ffff00
    }
    .NiBanner p.trustpilot{
        position:absolute;
        top:165px;
        left:40px;
        color:#fff;
        font-size:1.2em;
        font-weight:700;
        line-height:27px;
        text-shadow:2px 2px #075e0c;
    }
    .NiBanner p.trustpilot span{
        color:#ffff00;
        text-transform:uppercase;
    }
    .NiBanner p.supplier{
        position:absolute;
        top:241px;
        left:40px;
        color:#fff;
        text-shadow:1px 1px #004a7a;
        font-size:1em;
        font-weight:bold;
    }
    .NiBanner p.supplier span{
        color:#ffff00;
    }
    .NiBanner img.stars{
        position:absolute;
        top:195px;
        left:223px;
        width:137px;
    }
}


@media (min-width:1200px){
    .NiBanner p.title{
        position:absolute;
        top:40px;
        left:40px;
        color:#fff;
        font-size:2.1em;
        font-weight:600;
        line-height:40px;
        text-shadow:2px 2px #004a7a;
    }
    .NiBanner p.title span{
        color:#ffff00
    }
    .NiBanner p.trustpilot{
        position:absolute;
        top:200px;
        left:40px;
        color:#fff;
        font-size:1.4em;
        font-weight:bold;
        line-height:35px;
        text-shadow:2px 2px #075e0c;
    }
    .NiBanner p.trustpilot span{
        color:#ffff00;
        text-transform:uppercase;
    }
    .NiBanner p.supplier{
        position:absolute;
        top:294px;
        left:40px;
        color:#fff;
        text-shadow:1px 1px #004a7a;
        font-weight:bold;
    }
    .NiBanner p.supplier span{
        color:#ffff00;
    }
    .NiBanner img.stars{
        position:absolute;
        top:239px;
        left:250px;
        width:169px;
    }
}
/* boiler service pages */
/* stage 1 */
.boilerServicing.stage1{
    background-color:#52a1d9;
}
.boilerServicing.top{
    background-image:url('../media/templateImages/bg-blue.png');
    /*background-repeat:no-repeat;*/
    min-height:560px;
}
@media (min-width:992px){
    .boilerServicing.top{
        max-height:530px;
        min-height:530px;
        height:530px;
    }
}
.boilerServicing.top .boilerServiceBanner h1{
    text-align:center;
    margin:30px 0 0 0;
    color:#fff;
    font-weight:600;
    font-size:1.8em;
    border:0;
    line-height:35px;
}
@media (min-width:768px){
    .boilerServicing.top .boilerServiceBanner h1{
        margin:44px 35px 0;
    }
}
.boilerServicing.top .boilerServiceBanner img.map{
    width:100%;
}
@media (min-width:1200px){
    .boilerServicing.top .boilerServiceBanner img.map{
        width:754px;
    }
}
.boilerServicing.top .boilerServiceBanner img.powerby{
    display:none;
}
@media (min-width:768px){
    .boilerServicing.top .boilerServiceBanner img.powerby{
        display:inline-block;
        position:absolute;
        top:390px;
        left:539px;
    }
}
@media (min-width:992px){
    .boilerServicing.top .boilerServiceBanner img.powerby{
        top:400px;
        left:449px;
    }
}
@media (min-width:1200px){
    .boilerServicing.top .boilerServiceBanner img.powerby{
        top:450px;
        left:609px;
    }
}


.mbsQuotePanel {
    padding:20px;
    margin-bottom:30px;
    margin-top:30px;
    border-radius:10px;
    border:2px solid #f60;
    background:#ff862d;
    background:-moz-linear-gradient(-45deg,#ff862d 0,#ff4e00 100%);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#ff862d),color-stop(100%,#ff4e00));
    background:-webkit-linear-gradient(-45deg,#ff862d 0,#ff4e00 100%);
    background:-o-linear-gradient(-45deg,#ff862d 0,#ff4e00 100%);
    background:-ms-linear-gradient(-45deg,#ff862d 0,#ff4e00 100%);
    background:linear-gradient(135deg,#ff862d 0,#ff4e00 100%);
}
.mbsQuotePanel p.title{
    color:#fff;
    font-size:30px;
    font-weight:bold;
    text-shadow:0 1px 1px #333;
    border:none;
    margin:0 0 15px 0;
    padding:0;
    line-height:1.1;
    text-align:center;
}
.mbsQuotePanel label{
    color:#fff;
    text-align:left;
    font-size:1.1em;
    margin-bottom:0;
}
.mbsQuotePanel a {
    color:#fff;
}
.mbsQuotePanel .submit input.btn{
    margin:0 auto;
    display:block;
    width:100%;
    font-size:1.8em;
}
.mbsQuotePanel .form-group.bottom{
    margin-bottom:5px!important;
}
.mbsQuotePanel .form-group a#privacy{
    float:right;
    font-size:0.9em;
}
.mbsQuotePanel .form-control{
    height:48px;
    border-radius:6px;
    border:2px solid #ccc;
    font-weight:600;
    font-size:17px;
}
.boilerServicing.bottom .info{
    background-color:#1c5998;
    padding:5px 0;
    margin-right:0;
    margin-left:0;
}
@media (min-width:992px){
    .boilerServicing.bottom .info{
        background-color:#1c5998;
        padding:5px 0 5px 0;
        height:46px;
    }
}
.boilerServicing.bottom .info p{
    color:#fff;
    font-size:1.2em;
    margin-top:7px;
    font-weight:bold;
    float:left;
}
.boilerServicing.bottom .info p.title{
    width:100%;
}
@media (min-width:992px){
    .boilerServicing.bottom .info p.title{
        min-width:460px;
        max-width:464px;
    }
}
.boilerServicing.bottom .info .wrapper{
    float:left;
}
.boilerServicing.bottom .info .wrapper img{
    float:left;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
}
@media (min-width:1200px){
    .boilerServicing.bottom .info .wrapper img{
        float:left;
        margin-top:10px;
        margin-left:20px;
        margin-right:10px;
    }
}
.boilerServicing.bottom .whyUseBoilerJuice{
    margin-top:40px;
    margin-right:0;
    margin-left:0;
}
.boilerServicing.bottom .whyUseBoilerJuice p:nth-child(1){
    color:#f15a25;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:10px;
}
.boilerServicing.bottom .whyUseBoilerJuice p:nth-child(2){
    font-size:1em;
    color:#494949;
    line-height:30px;
    font-weight:600;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyUseBoilerJuice p:nth-child(2){
        font-size:1.2em;
    }
}
.boilerServicing.bottom .whyUseBoilerJuice .bulletPoint{
    margin-bottom:5px;
}
.boilerServicing.bottom .whyUseBoilerJuice .bulletPoint img{
    float:left;
    padding-top:10px;
    padding-right:10px;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyUseBoilerJuice .bulletPoint img{
        float:left;
        padding-top:7px;
        padding-right:20px;
    }
}
.boilerServicing.bottom .whyUseBoilerJuice .bulletPoint p{
    float:left;
    width:80%;
    font-weight:normal;
    font-size:1em;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:630px;
    }
}
@media (min-width:992px){
    .boilerServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:380px;
        font-weight:600;
        font-size:1.1em;
    }
}
@media (min-width:1200px){
    .boilerServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:470px;
        font-weight:600;
        font-size:1.1em;
    }
}
.boilerServicing.bottom .hr{
    margin-right:0;
    margin-left:0;
}
.boilerServicing.bottom .hr hr{
    border-top:2px dashed #ccc;
    color:#fff;
    background-color:#fff;
    height:1px;
    width:100%;
    margin:20px 0 20px 0;
}
@media (min-width:768px){
    .boilerServicing.bottom .hr hr{
        margin:30px 0 30px 0;
    }
}
@media (min-width:992px){
    .boilerServicing.bottom .hr hr{
        margin:40px 0 40px 0;
    }
}
.boilerServicing.bottom .howToBook{
    margin-right:0;
    margin-left:0;
}
.boilerServicing.bottom .howToBook h2{
    color:#f15a25;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:15px;
}
@media (min-width:768px){
    .boilerServicing.bottom .howToBook h2{
        margin-top:32px;
    }
}
@media (min-width:992px){
    .boilerServicing.bottom .howToBook h2{
        margin-top:0;
    }
}
@media (min-width:1200px){
    .boilerServicing.bottom .howToBook h2{
        margin-top:22px;
    }
}
.boilerServicing.bottom .howToBook p:nth-child(2){
    color:#0076b7;
    font-size:1.6em;
    font-weight:bold;
    font-style:italic;
    margin-bottom:20px;
}
@media (min-width:992px){
    .boilerServicing.bottom .howToBook p:nth-child(2){
        margin-bottom:40px;
    }
}
.boilerServicing.bottom .howToBook p:nth-child(3){
    font-size:1.2em;
    font-weight:600;
    line-height:30px;
    margin-top:0;
}
@media (min-width:768px){
    .boilerServicing.bottom .howToBook p:nth-child(3){
        font-size:1.3em;
    }
}
@media (min-width:992px){
    .boilerServicing.bottom .howToBook p:nth-child(3){
        margin-top:30px;
    }
}
.boilerServicing.bottom .howToBook img{
    margin-bottom:45px;
    width:100%;
}
.boilerServicing.bottom .boilerRepair{
    margin-right:0;
    margin-left:0;
}
.boilerServicing.bottom .boilerRepair .box{
    background-color:#1c5998;
    padding:10px;
}
@media (min-width:768px){
    .boilerServicing.bottom .boilerRepair .box{
        background-color:#1c5998;
        padding:25px 15px 25px 15px;
    }
}
.boilerServicing.bottom .boilerRepair .box h2{
    font-size:1.8em;
    font-weight:bold;
    color:#fff;
    margin-top:0;
    margin-bottom:15px;
}
.boilerServicing.bottom .boilerRepair .box .col-md-7 p:nth-child(2){
    font-size:1.2em;
    color:#fff;
    margin-right:10px;
    line-height:25px;
}
.boilerServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(1){
    font-size:1.6em;
    color:#fff;
    margin-top:15px;
    font-weight:600;
}
.boilerServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(2){
    font-size:2em;
    color:#fff;
    font-weight:600;
    margin-top:15px;
}
@media (min-width:768px){
    .boilerServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(2){
        font-size:2.4em;
        color:#fff;
        font-weight:600;
        margin-top:15px;
    }
}
.boilerServicing.bottom .boilerRepair .box .col-md-5 p a{
    color:#fff;
    font-size:1em;
    font-weight:600;
    margin-top:15px;
}
@media (min-width:768px){
    .boilerServicing.bottom .boilerRepair .box .col-md-5 p a{
        color:#fff;
        font-size:1em;
        font-weight:600;
        margin-top:15px;
    }
}
.boilerServicing.bottom .whyToBook{
    margin-top:30px;
    margin-bottom:40px;
    margin-right:0;
    margin-left:0;
}
.boilerServicing.bottom .whyToBook h3{
    color:#f15a25;
    font-size:1.7em;
    font-weight:bold;
    margin-bottom:10px;
}
.boilerServicing.bottom .whyToBook p{
    font-weight:bold;
    font-size:1em;
    line-height:25px;
    margin-bottom:30px;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyToBook p{
        font-size:1.2em;
        line-height:30px;
    }
}
.boilerServicing.bottom .whyToBook .bulletPoint{
    margin-bottom:5px;
}
.boilerServicing.bottom .whyToBook .bulletPoint img{
    float:left;
    padding-top:7px;
    padding-right:10px;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyToBook .bulletPoint img{
        float:left;
        padding-top:10px;
        padding-right:20px;
    }
}
.boilerServicing.bottom .whyToBook .bulletPoint p{
    float:left;
    width:80%;
    font-weight:400;
    margin-bottom:10px;
    font-size:1em;
}
@media (min-width:768px){
    .boilerServicing.bottom .whyToBook .bulletPoint p{
        width:630px;
    }
}
@media (min-width:992px){
    .boilerServicing.bottom .whyToBook .bulletPoint p{
        width:380px;
        font-size:1.2em;
    }
}
@media (min-width:1200px){
    .boilerServicing.bottom .whyToBook .bulletPoint p{
        width:500px;
        font-size:1.1em;
        font-weight:600;
    }
}

/* stage 2 */
.boilerServicing .boilerServiceBreadcrumb{
    margin-left:0;
    margin-right:0;
}
@media (min-width:1200px){
    .boilerServicing .boilerServiceBreadcrumb{
        margin-left:-15px;
        margin-right:-15px;
    }
}
.boilerServicing .boilerServiceBreadcrumb .container{
    padding-right:0;
    padding-left:0;
}
@media (min-width:992px){
    .boilerServicing .boilerServiceBreadcrumb .container{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing .bookingTabs{
    margin-top:20px;
    margin-bottom:20px;
}
.boilerServicing .bookingTabs .col-md-3{
    padding:0;
}
@media (min-width:992px){
    .boilerServicing .bookingTabs .col-md-3{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing .bookingTabs .tab{
    color:#fff;
    background-color:#0381a9;
    padding:10px;
}
.boilerServicing .bookingTabs .tab.disabled{
    background-color:#cde6ee;
    color:#0381a9;
}
.boilerServicing .bookingTabs .tab img{
    float:left;
}
.boilerServicing .bookingTabs .tab p{
    float:left;
    margin-left:10px;
    font-size:1em;
    font-weight:bold;
    margin-bottom:0;
}
@media (min-width:992px){
    .boilerServicing .bookingTabs .tab p{
        font-size:0.8em;
    }
}
@media (min-width:1200px){
    .boilerServicing .bookingTabs .tab p{
        font-size:1em;
    }
}
.boilerServicing .quoteHeader{
    background-color:#cde6ed;
    padding:10px 0 0 0;
    margin-right:0;
    margin-left:0;
}
@media (min-width:768px){
    .boilerServicing .quoteHeader{
        margin-right:0;
        margin-left:0;
    }
}
@media (min-width:992px){
    .boilerServicing .quoteHeader{
        padding:20px 0 20px 0;
    }
}
.boilerServicing .quoteHeader .container .col-md-12{
    padding-right:0;
    padding-left:0;
}
.boilerServicing .quoteHeader img.arrowLeft{
    display:none;
}
@media (min-width:992px){
    .boilerServicing .quoteHeader img.arrowLeft{
        display:block;
        position:absolute;
        top:92px;
        left:-35px;
    }
}
.boilerServicing .quoteHeader img.arrowRight{
    display:none;
}
@media (min-width:992px){
    .boilerServicing .quoteHeader img.arrowRight{
        display:block;
        position:absolute;
        top:89px;
        right:-35px;
    }
}
.boilerServicing .quoteHeader img.van{
    display:none;
}
@media (min-width:992px){
    .boilerServicing .quoteHeader img.van{
        display:block;
        position:absolute;
        right:20px;
        top:5px;
    }
}
.boilerServicing .quoteHeader p{
    color:#0381a9;
    font-weight:bold;
    font-size:1.8em;
    line-height:30px;
}
.boilerServicing .quoteHeader .quoteHeaderOptions select.form-control{
    margin-top:5px;
    border-radius:7px;
    padding:3px 6px;
    height:31px;
}
.boilerServicing .quoteHeader .quoteHeaderOptions ul{
    padding:0 0 20px 0;
    margin:0;
    height:75px;
    position:relative;
}
.boilerServicing .quoteHeader .quoteHeaderOptions ul li{
    float:left;
    width:290px;
    list-style:none;
    margin:0 25px 0 0;
    color:#0281a1;
    font-size:17px;
    padding-top:10px;
}
@media (min-width:768px){
    .boilerServicing .quoteHeader .quoteHeaderOptions ul li{
        width:220px;
    }
}
@media (min-width:992px){
    .boilerServicing .quoteHeader .quoteHeaderOptions ul li{
        width:240px;
    }
}
@media (min-width:1200px){
    .boilerServicing .quoteHeader .quoteHeaderOptions ul li{
        width:300px;
    }
}
.boilerServicing .quoteHeader .quoteHeaderOptions ul li.quoteTime{
    width:290px;
}
.boilerServicing .quoteHeader .quoteHeaderOptions ul li.quoteAmend{
    margin:5px 0 0 0;
    font-size:0.9em;
    font-weight:bold;
}
@media (min-width:768px){
    .boilerServicing .quoteHeader .quoteHeaderOptions ul li.quoteAmend{
        width:110px;
        margin:32px 0 0 -9px;
        font-size:0.9em;
        font-weight:bold;
    }
}
@media (min-width:992px){
    .boilerServicing .quoteHeader .quoteHeaderOptions ul li.quoteAmend{
        width:110px;
        margin:34px 0 0 -9px;
        font-size:0.9em;
        font-weight:bold;
    }
}
.boilerServicing .quoteHeader .quoteHeaderOptions ul li.quoteAmend a{
    color:#f94e06;
}
.boilerServicing .serviceQuoteResults{
    display:none;

}
@media (min-width:992px){
    .boilerServicing .serviceQuoteResults{
        display:block;
        background-color:#0381a9;
        color:#fff;
        padding:5px 0;
        margin-right:0;
        margin-left:0;
    }
}
.boilerServicing .serviceQuoteResults p{
    float:left;
    font-weight:bold;
    margin-bottom:0;
}
.boilerServicing .serviceQuoteResults p.profile{
    margin-left:111px;
}
@media (min-width:1200px){
    .boilerServicing .serviceQuoteResults p.profile{
        margin-left:160px;
    }
}
.boilerServicing .serviceQuoteResults p.rating{
    margin-left:351px;
}
@media (min-width:1200px){
    .boilerServicing .serviceQuoteResults p.rating{
        margin-left:452px;
    }
}
.boilerServicing .serviceQuoteResults p.price{
    margin-left:110px;
}
@media (min-width:1200px){
    .boilerServicing .serviceQuoteResults p.price{
        margin-left:144px;
    }
}
.boilerServicing .pageBgContainerQuote{
    background-color:#cde6ed;
    margin-right:0;
    margin-left:0;
}
@media (min-width:768px){
    .boilerServicing .pageBgContainerQuote{
        background-color:#cde6ed;
    }
}
.boilerServicing .pageBgContainerQuote .container{
    padding-right:0;
    padding-left:0;
}
@media (min-width:768px){
    .boilerServicing .pageBgContainerQuote .container{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow{
    border:1px solid #87ae21;
    margin:20px 5px 0 5px;
    padding:20px 0;
    border-radius:8px;
    background-color:#fff;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow{
        border:1px solid #87ae21;
        margin:20px 0 0 0;
        padding:20px 10px 20px 10px;
        border-radius:8px;
        background-color:#fff;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow{
        border:1px solid #87ae21;
        margin:20px 0 0 0;
        padding:20px 0;
        border-radius:8px;
        background-color:#fff;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteCompany p{
    color:#1e5b94;
    font-size:1.6em;
    line-height:25px;
    font-weight:bold;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteCompany p{
        color:#1e5b94;
        font-size:2em;
        line-height:35px;
        font-weight:bold;
        margin-bottom:0;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteCompany p{
        color:#1e5b94;
        font-size:1.4em;
        line-height:25px;
        margin-bottom:10px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p{
    font-size:1.1em;
    line-height:25px;
    padding-bottom:10px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p{
        font-size:1.2em;
        line-height:27px;
        padding-bottom:10px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p{
        font-size:1em;
        line-height:22px;
        padding-bottom:0;
    }
}
@media (min-width:1200px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p{
        font-size:1.1em;
        line-height:24px;
        padding-bottom:0;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile a img{
    margin-right:5px;
    margin-bottom:1px;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile a{
    float:left;
    color:#1e5b94;
    text-decoration:none;
    font-size:1em;
    margin-top:8px;
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile a{
        float:left;
        color:#fff;
        text-decoration:none;
        font-size:1em;
        margin-top:8px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p.logo{
    float:left;
    margin-left:30px;
    margin-bottom:0;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteProfile p.logo{
        float:left;
        margin-left:30px;
        padding-bottom:0;
        margin-bottom:0;
    }
}

.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating{
    margin-top:10px;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating.empty{
    margin-top:0;
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating{
        margin-top:0;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box{
    border:none;
    width:67px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:5px;
    float:left;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box{
        border:none;
        width:80px;
        margin-bottom:10px;
        padding-top:10px;
        padding-bottom:5px;
        float:left;
        margin-top:20px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box{
        border:1px solid #87ae21;
        width:100px;
        margin:0 auto;
        display:block;
        margin-bottom:10px;
        padding-top:10px;
        padding-bottom:8px;
        float:none;
        margin-top:15px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a{
    text-decoration:none;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p{
    font-weight:400;
    color:#1e5b94;
    text-align:center;
    margin-bottom:0;
    line-height:20px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p{
        font-weight:400;
        color:#1e5b94;
        text-align:center;
        margin-bottom:0;
        line-height:19px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p{
        font-weight:400;
        color:#1e5b94;
        text-align:center;
        margin-bottom:0;
        line-height:17px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p span{
    font-weight:bold;
    font-size:1.8em;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p span{
        font-weight:700;
        font-size:2.4em;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .box a p span{
        font-weight:bold;
        font-size:1.8em;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating.empty .stars{
    margin:0;
    margin-top:5px;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .stars{
    float:left;
    margin:12px 0 5px 39px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .stars{
        float:left;
        margin:6px 0 5px 30px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating .stars{
        margin:0 auto;
        display:block;
        width:95px;
        float:none;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating p.based{
    font-size:1em;
    position:absolute;
    top:33px;
    left:120px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating p.based{
        font-size:1em;
        position:absolute;
        top:55px;
        left:125px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating p.based{
        font-size:.8em;
        text-align:center;
        top:103px;
        left:0;
        width:155px;
    }
}
@media (min-width:1200px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating p.based{
        font-size:.8em;
        text-align:center;
        top:105px;
        left:0;
        width:188px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating a img{
    margin-right:5px;
    width:20px;
    height:20px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating a img{
        margin-right:5px;
        width:25px;
        height:25px;
        margin-top:20px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quoteRating a img{
        margin-right:5px;
        width:15px;
        height:15px;
        margin-top:0;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quoteRating a img:last-child{
    margin-right:0;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quotePrice{
    margin-top:25px;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quotePrice.callout{
    margin-top:15px;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quotePrice p{
    font-size:2.4em;
    font-weight:bold;
    color:#0d54a2;
    margin-top:5px;
    text-align:left;
    float:left;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quotePrice p{
        font-size:2.4em;
        font-weight:700;
        color:#0d54a2;
        margin-top:5px;
        text-align:left;
        float:left;
        margin-bottom:20px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quotePrice p{
        font-size:2em;
        font-weight:bold;
        color:#0d54a2;
        margin-top:0;
        text-align:center;
        float:none;
        margin-bottom:10px;
    }
}
.boilerServicing #serviceQuoteResults div.quoteRow .quotePrice p.callout{
    font-size:0.8em;
    font-weight:700;
    color:#0d54a2;
    line-height:16px;
    margin-top:5px;
    width:100%;
}
.boilerServicing #serviceQuoteResults div.quoteRow .quotePrice a{
    width:100px;
    font-size:16px;
    padding:5px 12px;
    margin:0 auto;
    float:left;
    margin-left:20px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quotePrice a{
        width:110px;
        font-size:19px;
        padding:5px 12px;
        margin:0 auto;
        float:left;
        margin-left:20px;
    }
}
@media (min-width:992px){
    .boilerServicing #serviceQuoteResults div.quoteRow .quotePrice a{
        margin-left:0;
        width:100px;
        font-size:16px;
        padding:5px 12px;
        margin:0 auto;
        display:block;
        float:none;
    }
}
.boilerServicing #serviceQuoteResults hr{
    border-top:2px dashed #949494;
    margin:10px 15px 20px 15px;
}
@media (min-width:768px){
    .boilerServicing #serviceQuoteResults hr{
        border-top:2px dashed #949494;
        margin:20px 15px 30px 15px;
    }
}
.boilerServicing .quoteResultFooter{
    border:1px solid #87ae21;
    margin:30px 5px 30px 5px;
    padding:20px;
    border-radius:8px;
    background-color:#fff;
}
@media (min-width:768px){
    .boilerServicing .quoteResultFooter{
        border:1px solid #87ae21;
        margin:30px 0 30px 0;
        padding:20px;
        border-radius:8px;
        background-color:#fff;
    }
}
.boilerServicing .quoteResultFooter p.title{
    font-size:1.6em;
    text-align:center;
    line-height:30px;
    color:#0d54a2;
    font-weight:bold;
    margin-bottom:5px;
}
.boilerServicing .quoteResultFooter p.title span{
    color:#f94900;
    white-space:nowrap;
}
.boilerServicing .quoteResultFooter p.title span a{
    color:#f94900;
    white-space:nowrap;
}
.boilerServicing .quoteResultFooter p.amend{
    text-align:center;
    color:#c92c3f;
    margin-top:20px;
}
.boilerServicing .quoteResultFooter a.btn{
    display:block;
    width:140px;
    margin:0 auto;
}

/* Stage 3 */

.boilerServicing.stage3 .bookingConfirmblueBox,
.boilerServicing.stage3a .bookingConfirmblueBox{
    background-color:#005b94;
    margin-left:-10px;
    margin-right:-10px;
    border-radius:7px;
    padding:10px 10px 10px 10px;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingConfirmblueBox,
    .boilerServicing.stage3a .bookingConfirmblueBox{
        margin-right:-15px;
        margin-left:-15px;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingConfirmblueBox,
    .boilerServicing.stage3a .bookingConfirmblueBox{
        background-color:#005b94;
        margin-left:15px;
        margin-right:15px;
        border-radius:7px;
        padding:20px 20px 20px 30px;
    }
}
.boilerServicing.stage3 .bookingConfirmblueBox p,
.boilerServicing.stage3a .bookingConfirmblueBox p{
    color:#fff;
}
.boilerServicing.stage3 .bookingConfirmblueBox p:first-child,
.boilerServicing.stage3a .bookingConfirmblueBox p:first-child{
    font-weight:bold;
    font-size:2em;
    margin-top:20px;
    line-height:38px;
    margin-bottom:0;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingConfirmblueBox p:first-child,
    .boilerServicing.stage3a .bookingConfirmblueBox p:first-child{
        line-height:23px;
        margin-bottom:10px;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingConfirmblueBox p:first-child,
    .boilerServicing.stage3a .bookingConfirmblueBox p:first-child{
        font-weight:bold;
        font-size:2.4em;
        margin-top:20px;
    }
}
.boilerServicing.stage3 .bookingConfirmblueBox hr,
.boilerServicing.stage3a .bookingConfirmblueBox hr{
    margin:20px 0;
    max-width:480px;
    text-align:left;
}
.boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(3),
.boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(4),
.boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(5),
.boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(3),
.boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(4),
.boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(5){
    font-size:1.2em;
    font-weight:600;
    line-height:20px;
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(4),
    .boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(5),
    .boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(3),
    .boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(4),
    .boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(5){
        font-size:1.2em;
        font-weight:600;
        line-height:20px;
    }
    .boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(3),
    .boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(3){
        font-size:1.6em;
        line-height:20px;
        margin-bottom:15px;
    }
}
.boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(6),
.boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(6){
    font-size:1.6em;
    font-weight:600;
    margin-top:20px;
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingConfirmblueBox p:nth-child(6),
    .boilerServicing.stage3a .bookingConfirmblueBox p:nth-child(6){
        font-size:1.6em;
        font-weight:600;
        margin-top:30px;
    }
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5,
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5{
    background-color:#fff;
    border-radius:7px;
    margin-right:0;
    padding:20px 50px 20px 50px;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p,
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p{
    text-align:center;
    font-size:1.2em;
    line-height:14px;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(1),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(1){
    margin-top:0;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(1),
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(2),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(1),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(2){
    color:#c1262c;
    font-weight:600;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(2),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(2){
    margin-bottom:20px;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 a.btn,
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 a.btn{
    margin:0 auto;
    display:block;
    width:140px;
    text-align:center;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(4),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(4){
    margin-top:20px;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(4),
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(5),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(4),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(5){
    color:#005b94;
    font-weight:600;
    line-height:24px;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(5),
.boilerServicing.stage3a .bookingConfirmblueBox .col-md-5 p:nth-child(5){
    font-size:2em;
    font-weight:bold;
    margin-bottom:0;
}
.boilerServicing.stage3 .bookingConfirmblueBox .col-md-5 p:nth-child(5) a{
    color:#005b94;
    white-space:nowrap;
}
.boilerServicing.stage3 .bookingForm,
.boilerServicing.stage3a .bookingForm{
    margin-left:0;
    margin-right:0;
    margin-top:30px;
}
.boilerServicing.stage3 .bookingForm .container,
.boilerServicing.stage3a .bookingForm .container{
    padding-right:0;
    padding-left:0;
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingForm .container,
    .boilerServicing.stage3a .bookingForm .container{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing.stage3 .bookingForm .col-md-12,
.boilerServicing.stage3a .bookingForm .col-md-12{
    padding-right:5px;
    padding-left:5px;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingForm .col-md-12,
    .boilerServicing.stage3a .bookingForm .col-md-12{
        padding-right:0;
        padding-left:0;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage3 .bookingForm .col-md-12,
    .boilerServicing.stage3a .bookingForm .col-md-12{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull,
.boilerServicing.stage3a .bookingForm .boxFull{
    background-color:#fff;
    border:none;
    padding:0;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingForm .boxFull,
    .boilerServicing.stage3a .bookingForm .boxFull{
        background-color:#fff;
        border:1px solid #a2c066;
        padding:30px;
        border-radius:7px;
        margin-bottom:30px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull p.title,
.boilerServicing.stage3a .bookingForm .boxFull p.title{
    color:#005b94;
    font-size:1.6em;
    font-weight:bold;
}
.boilerServicing.stage3 .bookingForm .boxFull p.secondTitle,
.boilerServicing.stage3a .bookingForm .boxFull p.secondTitle{
    color:#82ab33;
    font-size:1.6em;
    margin-bottom:25px;
    font-weight:bold;
}
.boilerServicing.stage3 .bookingForm .boxFull p.thirdTitle {
    color:#82ab33;
    font-size:1.2em;
    margin-bottom:25px;
    font-weight:bold;
}
.boilerServicing.stage3 .bookingForm .boxFull input#email.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#email.form-control{
    width:100%;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingForm .boxFull input#email.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#email.form-control{
        width:300px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull select#title.form-control{
    width:100px;
}
.boilerServicing.stage3a .bookingForm .boxFull select#title.form-control{
    width:130px;
}
.form-group.horizontal{
    width:100%;
    float:left;
}
@media (min-width:768px){
    .form-group.horizontal{
        width:200px;
        float:left;
        margin-right:20px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull input#address.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#address2.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#address3.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#city.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#state.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#phone.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#mobile.form-control,
.boilerServicing.stage3 .bookingForm .boxFull textarea#customerNotes.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#newLoginUsername.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#newPassword.form-control,
.boilerServicing.stage3 .bookingForm .boxFull input#newRepeatPassword.form-control,
.boilerServicing.stage3 .bookingForm .boxFull select#billingAddressId.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#address.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#address2.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#address3.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#city.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#state.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#phone.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#mobile.form-control,
.boilerServicing.stage3a .bookingForm .boxFull textarea#customerNotes.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#newLoginUsername.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#newPassword.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#newRepeatPassword.form-control{
    width:100%;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingForm .boxFull input#address.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#address2.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#address3.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#city.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#state.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#phone.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#mobile.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull textarea#customerNotes.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#newLoginUsername.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#newPassword.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull input#newRepeatPassword.form-control,
    .boilerServicing.stage3 .bookingForm .boxFull select#billingAddressId.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#address.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#address2.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#address3.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#city.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#state.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#phone.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#mobile.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull textarea#customerNotes.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#newLoginUsername.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#newPassword.form-control,
    .boilerServicing.stage3a .bookingForm .boxFull input#newRepeatPassword.form-control{
        width:420px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull input#postcode.form-control,
.boilerServicing.stage3a .bookingForm .boxFull input#postcode.form-control{
    width:110px;
    float:left;
}
.boilerServicing.stage3 .bookingForm .boxFull p.confirm,
.boilerServicing.stage3a .bookingForm .boxFull p.confirm{
    color:#005b94;
    font-size:1.2em;
    font-weight:700;
    width:100%;
    margin-top:30px;
    margin-bottom:20px;
}
@media (min-width:768px){
    .boilerServicing.stage3 .bookingForm .boxFull p.confirm,
    .boilerServicing.stage3a .bookingForm .boxFull p.confirm{
        color:#005b94;
        font-size:1.2em;
        font-weight:700;
        width:450px;
        margin-top:30px;
        margin-bottom:20px;
    }
}
.boilerServicing.stage3 .bookingForm .boxFull .checkbox,
.boilerServicing.stage3a .bookingForm .boxFull .checkbox{
    margin-bottom:20px;
}
.boilerServicing.stage3 .bookingForm .boxFull .checkbox.has-error,
.boilerServicing.stage3a .bookingForm .boxFull .checkbox.has-error{
    color:red;
    font-size:1.2em;
}
.boilerServicing.stage3 .bookingForm .boxFull .checkbox.has-error input,
.boilerServicing.stage3a .bookingForm .boxFull .checkbox.has-error input{
    height:15px;
    width:15px;
}
.boilerServicing.stage3 .bookingForm .boxFull .checkbox a,
.boilerServicing.stage3a .bookingForm .boxFull .checkbox a{
    color:#005b94;
}
.boilerServicing.stage3 .back,
.boilerServicing.stage3a .back{
    background-color:#005b94;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:5px;
    margin-right:5px;
    border-radius:7px;
    padding:15px 30px 10px 30px;
}
@media (min-width:768px){
    .boilerServicing.stage3 .back,
    .boilerServicing.stage3 .back{
        width:750px;
        margin:0 auto;
        margin-top:30px;
    }
}
.boilerServicing.stage3 .back p,
.boilerServicing.stage3a .back p{
    color:#fff;
    text-align:center;
    font-size:1.2em;
}
.boilerServicing.stage3 .back a.btn,
.boilerServicing.stage3a .back a.btn{
    margin:0 auto;
    display:block;
    width:130px;
    margin-bottom:10px;
}
.boilerServicing.stage3 .back p.number,
.boilerServicing.stage3a .back p.number,
.boilerServicing.stage3 .back p.number a,
.boilerServicing.stage3a .back p.number a{
    color:#fff;
    font-size:1.4em;
}

.boilerServicing.stage3a #showDiv #display_results{
    display:block;
    height: initial;
    font-family:Arial, Helvetica, sans-serif;
    margin-top: 10px;
    width:100%;
    max-width:640px;
}
.boilerServicing.stage3a #showDiv #display_results button{
    font-size:14px;
    border:solid 0 #444;
    width:100%;
    padding:5px;
    margin-bottom:5px;
    text-align:left;
    background-color:#ddd;
}
.boilerServicing.stage3a #showDiv #display_results button:hover{
    background-color:#444;
    color:#fff;
}
.boilerServicing.stage3a .form-group.address{
    margin-top:15px;
}
.boilerServicing.stage3a .bookingForm .boxFull p.preferences{
    color:#82ab33;
    font-size:1.6em;
    margin-bottom:15px;
    font-weight:700;
    margin-top:30px;
}
.boilerServicing.stage3 .form-group label.full,
.boilerServicing.stage3a .form-group label.full{
    width:100%;
}

/* stage 5 */
.boilerServicing.stage5 .container{
    padding-right:0;
    padding-left:0;
}
.boilerServicing.stage5 .container .row.content{
    margin-right:0;
    margin-left:0;
}
.boilerServicing.stage5 .box{
    border:none;
    padding:20px 0;
    border-radius:7px;
    margin-bottom:30px;
    margin-left:5px;
    margin-right:5px;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box{
        border:1px solid #a2c066;
        padding:30px;
        border-radius:7px;
        margin-bottom:30px;
        margin-left:15px;
        margin-right:15px;
    }
}
.boilerServicing.stage5 .box p:nth-child(1){
    font-size:1.6em;
    color:#005b94;
    font-weight:600;
    line-height:30px
}
@media (min-width:768px){
    .boilerServicing.stage5 .box p:nth-child(1){
        font-size:1.6em;
        color:#005b94;
        font-weight:600;
        line-height:23px;
    }
}
.boilerServicing.stage5 .box p:nth-child(2){
    font-size:1.6em;
    color:#82ab33;
    line-height:30px;
    font-weight:600;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box p:nth-child(2){
        font-size:1.6em;
        color:#82ab33;
        line-height:40px;
        font-weight:600;
    }
}
.boilerServicing.stage5 .box p:nth-child(3){
    font-size:1.2em;
    color:#005b94;
    margin-top:20px;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box p:nth-child(3){
        font-size:1.2em;
        color:#005b94;
        margin-top:10px;
    }
}
.boilerServicing.stage5 .box p:nth-child(3) span{
    font-weight:bold;
}
.boilerServicing.stage5 .bookingConfirmblueBox{
    background-color:#005b94;
    border-radius:10px;
    padding:10px 10px 10px 10px;
    margin-top:15px;
    margin-left:0;
    margin-right:0;
}
@media (min-width:768px){
    .boilerServicing.stage5 .bookingConfirmblueBox{
        background-color:#005b94;
        border-radius:10px;
        padding:10px 10px 10px 15px;
        margin-top:25px;
    }
}
.boilerServicing.stage5 .box .bookingConfirmblueBox p{
    color:#fff;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-7 p.bsTypeName{
    margin-bottom:15px;
    margin-top:15px;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-7 p.bsTypeName{
        margin-bottom:25px;
        margin-top:15px;
    }
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-7 p.bsSName{
    font-size:1.2em;
    font-weight:normal;
    line-height:15px;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-7 p.bsPrice{
    font-size:1.4em;
    margin-top:15px;
    font-weight:600;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-7 p.bsPrice{
        font-size:1.4em;
        margin-top:40px;
        font-weight:600;
    }
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-5{
    background-color:#fff;
    border-radius:7px;
    padding:20px;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-5 p:nth-child(1){
    color:#c1262c;
    font-size:1.2em;
    font-weight:600;
    text-align:center;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-5 p:nth-child(2){
    color:#005b94;
    font-size:1em;
    font-weight:600;
    line-height:22px;
    text-align:center;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-5 p:nth-child(3){
    color:#005b94;
    font-weight:700;
    font-size:1.5em;
    margin-top:15px;
    margin-bottom:5px;
    text-align:center;
}
.boilerServicing.stage5 .box .bookingConfirmblueBox .col-md-5 p:nth-child(3) a{
    color:#005b94;
    text-align:center;
}
.boilerServicing.stage5 .box .contactContainer{
    margin-top:30px;
}
.boilerServicing.stage5 .box .contactContainer .box{
    background-color:#e4eff5;
    border-radius:7px;
    border:none;
    margin-left:0;
    margin-right:0;
    padding:20px 5px 20px 5px;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .contactContainer .box{
        background-color:#e4eff5;
        border-radius:7px;
        border:none;
        margin-left:0;
        margin-right:0;
        padding:30px 20px 10px 20px;
    }
}
.boilerServicing.stage5 .box .contactContainer .box .top{
    margin-bottom:10px;
}
.boilerServicing.stage5 .box .contactContainer .box .top .col-md-6:first-child p:nth-child(1){
    color:#333;
    font-weight:bold;
    font-size:1.2em;
}
.boilerServicing.stage5 .box .contactContainer .box p.label{
    color:#005b94;
    font-size:1.1em;
    width:100%;
    text-align:left;
    font-weight:bold;
    padding-left:0;
    line-height:30px;
}
.boilerServicing.stage5 .box .contactContainer .box p.content{
    color:#333333;
    font-weight:600;
    font-size:1em;
    width:100%;
    line-height:23px;
    margin-top:0;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .contactContainer .box p.content{
        color:#333333;
        font-weight:600;
        font-size:1em;
        width:400px;
        line-height:23px;
    }
}
.boilerServicing.stage5 .box .contactContainer .box p.content a{
    color:#333333;
}
.boilerServicing.stage5 .box p.note{
    color:#005b94;
    font-size:1.4em;
    font-weight:600;
    margin-bottom:30px;
}
.boilerServicing.stage5 .box .whatHappensNext{
    margin-top:30px;
}
.boilerServicing.stage5 .box .whatHappensNext p{
    color:#72a30c;
    font-weight:600;
    margin-bottom:30px;
}
.boilerServicing.stage5 .box .whatHappensNext .bulletPoint img{
    float:left;
    padding:12px 15px 10px 0;
}
.boilerServicing.stage5 .box .whatHappensNext .bulletPoint p{
    color:#005b94;
    font-size:1.2em;
    width:88%;
    line-height:28px;
    float:left;
    margin-bottom:20px;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .whatHappensNext .bulletPoint p{
        color:#005b94;
        font-size:1.2em;
        width:620px;
        line-height:28px;
        float:left;
        margin-bottom:20px;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage5 .box .whatHappensNext .bulletPoint:nth-child(3) p{
        width:740px;
    }
}
.boilerServicing.stage5 .box .whatHappensNext p:nth-child(4){
    color:#005b94;
    font-size:1.2em;
    margin-top:10px;
    margin-bottom:15px;
}
.boilerServicing.stage5 .box .whatHappensNext p:nth-child(5){
    color:#005b94;
    font-weight:600;
    font-size:1.6em;
    margin-bottom:0;
}
.boilerServicing.stage5 .box .whatHappensNext p:nth-child(5) a{
    color:#005b94;
}
@media (min-width:768px){
    .boilerServicing.stage5 .box .whatHappensNext p:nth-child(5){
        color:#005b94;
        font-weight:600;
        font-size:1.6em;
        margin-bottom:30px;
    }
}
/* BS engineer profile page */
.boilerServicing.stage2b{
    margin-top:20px;
}
@media (min-width:768px){
    .boilerServicing.stage2b{
        margin-top:40px;
    }
}
.boilerServicing.stage2b .container{
    padding-right:0;
    padding-left:0;
}
@media (min-width:768px){
    .boilerServicing.stage2b .container{
        padding-right:15px;
        padding-left:15px;
    }
}
.boilerServicing.stage2b .col-md-8 > p:nth-child(1){
    font-size:2em;
    color:#F15A25;
    font-weight:bold;
    margin-bottom:5px;
    line-height:35px;
}
.boilerServicing.stage2b .col-md-8 > p:nth-child(2){
    font-size:1.1em;
    margin-bottom:15px;
    font-weight:600;
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs{
    list-style:none;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0;
    position:relative;
    top:1px;
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li{
    float:left;
    background-color:#FFF;
    padding:13px 20px!important;
    cursor:pointer;
    font-weight:700;
    width:240px;
    height:50px;
    text-align:center;
    border:none;
    margin:0;
    font-size:1.3em;
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li#tab1{
    background-color:#1c5998;
    color:#fff;
    width:130px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer .digiTabs li#tab1{
        background-color:#1c5998;
        color:#fff;
        width:150px;
    }
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li#tab2{
    background-color:#0381a9;
    color:#fff;
    width:160px;
    border-left:2px solid #5498Bd;
    border-bottom:2px solid #5498Bd;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer .digiTabs li#tab2{
        background-color:#0381a9;
        color:#fff;
        width:160px;
        border-left:2px solid #5498Bd;
        border-bottom:2px solid #5498Bd;
    }
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li#tab2.selected{
    border:none;
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li img{
    float:left;
}
.boilerServicing.stage2b .tabs .tabContainer .digiTabs li p{
    margin:0 0 0 10px;
    padding:0;
    float:left;
    font-size:0.8em;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer .digiTabs li p{
        margin:0 0 0 10px;
        padding:0;
        float:left;
        font-size:1em;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent{
    background-color:#1c5998;
    color:#fff;
    padding:20px;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent.second{
    background-color:#0381a9;
    color:#fff;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent>p{
    font-size:1.2em;
    font-weight:600;
    margin-bottom:15px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent>p{
        font-size:1.4em;
        font-weight:600;
        margin-bottom:15px;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow{
    background-color:#fff;
    padding:17px 15px 17px 17px;
    margin:10px 0;
    color:#000;
    border-radius:5px;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p{
    margin:0;
    color:#026ac1;
    font-weight:bold;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p{
        float:left;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(1){
    font-size:1.4em;
    margin-top:8px;
    width:100%;
    text-align:center;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(1){
        font-size:1.2em;
        width:178px;
        margin-top:8px;
        text-align:left;
    }
}
@media (min-width:992px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(1){
        font-size:1.2em;
        width:158px;
        margin-top:8px;
        text-align:left;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(1){
        font-size:1.2em;
        width:190px;
        margin-top:8px;
        text-align:left;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(2){
    font-size:1.2em;
    text-align:center;
    line-height:1em;
    font-weight:400;
    width:100%;
    margin-top:9px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(2){
        font-size:1.2em;
        text-align:left;
        line-height:1em;
        font-weight:400;
        width:210px;
        margin-top:9px;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(3){
    font-size:1.2em;
    line-height:1em;
    font-weight:400;
    text-align:center !important;
    width:130px;
    margin-top:0;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(4){
    font-size:1.7em;
    color:#18569f;
    text-align:center;
    width:100%;
    margin:10px 0;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow p:nth-child(4){
        font-size:1.7em;
        color:#18569f;
        margin-right:10px;
        margin-top:8px;
        text-align:right;
        width:110px;
        margin-bottom:0;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow a{
    width:125px;
    font-size:1.1em;
    display:block;
    margin:0 auto;
}
@media (min-width:768px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow a{
        width:95px;
        font-size:1.1em;
        float:right;
    }
}
@media (min-width:1200px){
    .boilerServicing.stage2b .tabs .tabContainer #tabContent .quoteRow a{
        width:125px;
        font-size:1.1em;
        float:right;
    }
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox{
    background-color:#fff;
    color:#666;
    margin-bottom:20px;
    padding:15px;
    border-radius:5px;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox .stars{
    float:right;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox > p{
    font-size:1.2em;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox > p:nth-child(2){
    color:#0071b6;
    font-weight:bold;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox .posted p.published{
    float:right;
    margin-bottom:0;
    color:#0071b6;
    font-weight:bold;
}
.boilerServicing.stage2b .tabs .tabContainer #tabContent .reviewBox .posted p.name{
    float:left;
    margin-bottom:0;
    color:#0071b6;
    font-weight:bold;
}
.boilerServicing.stage2b{
    margin-bottom:30px;
}
.boilerServicing.stage2b .nav > a{
    float:left;
    margin-top:9px;
    font-size:1.1em;
    color:#666;
    text-decoration:none;
    margin-left:8px;
    font-weight:600;
}
.boilerServicing.stage2b .nav > img{
    float:left;
    margin-top:15px;
}
.boilerServicing.stage2b .nav .box{
    float:right;
    background-color:#cee7ee;
    padding:10px;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    width:229px;
    margin-right:30px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .nav .box{
        width:239px;
    }
}
@media (min-width:992px){
    .boilerServicing.stage2b .nav .box{
        width:229px;
    }
}
.boilerServicing.stage2b .nav .box > img{
    float:left;
    margin-top:2px;
}
.boilerServicing.stage2b .nav .box > a{
    float:left;
    margin-top:0;
    margin-left:10px;
    color:#185a97;
    font-size:1.1em;
    margin-bottom:0;
    text-decoration:none;
    line-height:18px;
    font-weight:600;
}
.boilerServicing.stage2b .book{
    margin-top:35px;
}
.boilerServicing.stage2b .book>p{
    font-size:1.4em;
    color:#185898;
    text-align:center;
    font-weight:bold;
    line-height:25px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .book>p{
        line-height:18px;
    }
}
.boilerServicing.stage2b .book>p span{
    color:#68a61f;
}
.boilerServicing.stage2b .book>p span a{
    color:#68a61f;
}
.boilerServicing.stage2b .remember{
    display:block;
    background-color:#62a5da;
    padding:10px 15px;
    margin-top:10px;
    margin-bottom:40px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .remember{
        margin-top:20px;
    }
}
.boilerServicing.stage2b .remember p{
    margin:0;
    padding:0;
    color:#fff;
    font-size:1.1em;
    text-align:center;
    font-weight:bold;
}
.boilerServicing.stage2b .profile{
    margin-bottom:30px;
}
.boilerServicing.stage2b .profile>p:first-child{
    font-size:1.4em;
    color:#0570b8;
    font-weight:600;
    margin-bottom:20px;
}
.boilerServicing.stage2b .profile>p:nth-child(2){
    font-weight:normal;
    line-height:22px;
}
@media (min-width:768px){
    .boilerServicing.stage2b .profile>p:nth-child(2){
        font-weight:normal;
        line-height:25px;
    }
}
.boilerServicing.stage2b .qualifications{
    margin-top:30px;
    margin-bottom:30px;
}
@media (min-width:992px){
    .boilerServicing.stage2b .qualifications{
        margin-top:30px;
        margin-bottom:0;
    }
}
.boilerServicing.stage2b .qualifications>p{
    font-size:1.4em;
    color:#0570b8;
    font-weight:600;
    margin-bottom:20px;
}
.boilerServicing.stage2b .engineerRating{
}
.boilerServicing.stage2b .engineerRating>p{
    display:block;
    background-color:#69a61b;
    color:#fff;
    padding:10px 10px 10px 20px;
    font-size:1.4em;
    font-weight:bold;
    margin:0;
}
.boilerServicing.stage2b .engineerRating .box{
    background-color:#e6efd4;
    padding:20px;
}
.boilerServicing.stage2b .engineerRating .box > p{
    margin:0;
    color:#1c5992;
    font-weight:600;
    font-size:1.1em;
    margin-top:15px;
    margin-bottom:2px;
}
.boilerServicing.stage2b .engineerRating .box > p.based{
    font-size:1em;
    margin-top:5px;
    margin-bottom:15px;
}
.boilerServicing.stage2b .engineerRating .box p:first-child{
    margin-top:0;
}
.boilerServicing.stage2b .engineerRating .meter{
    height:27px;
    position:relative;
    background:#fff;
    border-radius:0;
    padding:0;
    border-radius:3px;
}
.boilerServicing.stage2b .engineerRating .meter > span{
    display:block;
    height:100%;
    background-color:#64a6d8;
    position:relative;
    overflow:hidden;
    border-radius:3px;
}
.boilerServicing.stage2b .engineerRating .meter p{
    position:absolute;
    top:3px;
    left:5px;
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
}
.boilerServicing.stage2b .engineerRating .box p.score{
    font-size:1.4em;
    color:#1c5998;
    margin-top:10px;
    line-height:28px;
    margin-bottom:0;
}
.boilerServicing.stage2b .map{
    margin-top:20px;
    border:1px solid #6aa71c;
}
.boilerServicing.stage2b .reviews p{
    font-size:1.5em;
    color:#0570b8;
    font-weight:600;
    margin-top:40px;
    margin-bottom:0;
}
.boilerServicing.stage2b .reviews .reviewWrapper p{
    margin-top:5px;
    color:#444;
    font-weight:400;
    font-size:1em;
    line-height:20px;
}
.boilerServicing.stage2b .reviews .reviewWrapper p.title{
    color:#0570b8;
    font-weight:700;
    font-size:1.1em;
    margin-bottom:5px;
    margin-top:13px;
}
.boilerServicing.stage2b .reviews .reviewWrapper p.name{
    color:#066fc0;
    font-size:0.8em;
}
.boilerServicing.stage2b .dottedLine{
    width:100%;
    margin:10px 0;
    background-image:url('../media/templateImages/line-small.png');
    height:5px;
    background-repeat:repeat-x;
}
.boilerServicing.stage2b .pagination{
    margin-top:0;
    margin-bottom:0;
    width:100%;
}
.boilerServicing.stage2b .pagination .paginationContainer{
    display:table;
    margin:0 auto;
}
@media (max-width:768px){
    .boilerServicing.stage2b .pagination li.last a, .boilerServicing.stage2b .pagination span.last{
        width:74px;
        text-align:center;
    }
}
.boilerServicing.stage2b .pagination>li>a, .boilerServicing.stage2b .pagination>li>span{
    border:1px solid #0381a9;
}
.boilerServicing.stage2b .pagination a, .boilerServicing.stage2b .pagination span{
    padding:6px 12px;
    height:35px;
}
.boilerServicing.stage2b .pagination .active a, .boilerServicing.stage2b .pagination .active span{
    background:#1c5998 !important;
}
.boilerServicing.stage2b .pagination li.last, .boilerServicing.stage2b .pagination span.last{
    margin-right:0;
}

/* Aga service landing page */
.agaServicing.stage1{
    background:#60ad23;
}
.agaServicing.top{
    background:#60ad23;
}
@media (min-width:992px){
    .agaServicing.top{
        background-image:url('../media/templateImages/aga-bg-green.png');
        max-height:530px;
        min-height:530px;
        height:530px;
    }
}
.agaServicing.top .boilerServiceBanner h1{
    text-align:center;
    margin:30px 0 20px 0;
    color:#fff;
    font-weight:600;
    font-size:1.8em;
    border:0;
    line-height:35px;
}
@media (min-width:768px){
    .agaServicing.top .boilerServiceBanner h1{
        margin:44px 35px 0;
    }
}
.agaServicing.top .boilerServiceBanner img.map{
    display:none;
}
@media (min-width:768px){
    .agaServicing.top .boilerServiceBanner img.map{
        display:inline-block;
        width:100%;
    }
}
@media (min-width:1200px){
    .agaServicing.top .boilerServiceBanner img.map{
        width:754px;
    }
}
.agaServicing.top .boilerServiceBanner img.powerby{
    display:none;
}
@media (min-width:768px){
    .agaServicing.top .boilerServiceBanner img.powerby{
        display:inline-block;
        position:absolute;
        top:390px;
        left:539px;
    }
}
@media (min-width:992px){
    .agaServicing.top .boilerServiceBanner img.powerby{
        top:400px;
        left:449px;
    }
}
@media (min-width:1200px){
    .agaServicing.top .boilerServiceBanner img.powerby{
        top:450px;
        left:609px;
    }
}
.agaServicing.bottom .info{
    background-color:#1c5998;
    padding:5px 0;
    margin-right:0;
    margin-left:0;
}
@media (min-width:992px){
    .agaServicing.bottom .info{
        background-color:#1c5998;
        padding:5px 0;
        height:46px;
    }
}
.agaServicing.bottom .info p{
    color:#fff;
    font-size:1.2em;
    margin-top:7px;
    font-weight:bold;
    float:left;
}
.agaServicing.bottom .info p.title{
    width:100%;
}
@media (min-width:992px){
    .agaServicing.bottom .info p.title{
        min-width:460px;
        max-width:464px;
    }
}
.agaServicing.bottom .info .wrapper{
    float:left;
}
.agaServicing.bottom .info .wrapper img{
    float:left;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
}
@media (min-width:1200px){
    .agaServicing.bottom .info .wrapper img{
        float:left;
        margin-top:10px;
        margin-left:20px;
        margin-right:10px;
    }
}
.agaServicing.bottom .whyUseBoilerJuice{
    margin-top:40px;
    margin-right:0;
    margin-left:0;
}
.agaServicing.bottom .whyUseBoilerJuice p:nth-child(1){
    color:#f15a25;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:10px;
}
.agaServicing.bottom .whyUseBoilerJuice p:nth-child(2){
    font-size:1em;
    color:#494949;
    line-height:30px;
    font-weight:600;
}
@media (min-width:768px){
    .agaServicing.bottom .whyUseBoilerJuice p:nth-child(2){
        font-size:1.2em;
    }
}
.agaServicing.bottom .whyUseBoilerJuice .bulletPoint{
    margin-bottom:5px;
}
.agaServicing.bottom .whyUseBoilerJuice .bulletPoint img{
    float:left;
    padding-top:10px;
    padding-right:10px;
}
@media (min-width:768px){
    .agaServicing.bottom .whyUseBoilerJuice .bulletPoint img{
        float:left;
        padding-top:7px;
        padding-right:20px;
    }
}
.agaServicing.bottom .whyUseBoilerJuice .bulletPoint p{
    float:left;
    width:80%;
    font-weight:normal;
    font-size:1em;
}
@media (min-width:768px){
    .agaServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:630px;
    }
}
@media (min-width:992px){
    .agaServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:380px;
        font-weight:600;
        font-size:1.1em;
    }
}
@media (min-width:1200px){
    .agaServicing.bottom .whyUseBoilerJuice .bulletPoint p{
        width:470px;
        font-weight:600;
        font-size:1.1em;
    }
}
.agaServicing.bottom .howToBook{
    margin-right:0;
    margin-left:0;
}
.agaServicing.bottom .howToBook h2{
    color:#f15a25;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:15px;
}
@media (min-width:768px){
    .agaServicing.bottom .howToBook h2{
        margin-top:32px;
    }
}
@media (min-width:992px){
    .agaServicing.bottom .howToBook h2{
        margin-top:0;
    }
}
@media (min-width:1200px){
    .agaServicing.bottom .howToBook h2{
        margin-top:22px;
    }
}
.agaServicing.bottom .howToBook p:nth-child(2){
    color:#0076b7;
    font-size:1.6em;
    font-weight:bold;
    font-style:italic;
    margin-bottom:20px;
}
@media (min-width:992px){
    .agaServicing.bottom .howToBook p:nth-child(2){
        margin-bottom:40px;
    }
}
.agaServicing.bottom .howToBook p:nth-child(3){
    font-size:1.2em;
    font-weight:600;
    line-height:30px;
    margin-top:0;
}
@media (min-width:768px){
    .agaServicing.bottom .howToBook p:nth-child(3){
        font-size:1.3em;
    }
}
@media (min-width:992px){
    .agaServicing.bottom .howToBook p:nth-child(3){
        margin-top:30px;
    }
}
.agaServicing.bottom .howToBook img{
    margin-bottom:45px;
    width:100%;
}
.agaServicing.bottom .boilerRepair{
    margin-right:0;
    margin-left:0;
}
.agaServicing.bottom .boilerRepair .box{
    background-color:#1c5998;
    padding:10px;
}
@media (min-width:768px){
    .agaServicing.bottom .boilerRepair .box{
        background-color:#1c5998;
        padding:25px 15px 25px 15px;
    }
}
.agaServicing.bottom .boilerRepair .box h2{
    font-size:1.8em;
    font-weight:bold;
    color:#fff;
    margin-top:0;
    margin-bottom:15px;
}
.agaServicing.bottom .boilerRepair .box .col-md-7 p:nth-child(2){
    font-size:1.2em;
    color:#fff;
    margin-right:10px;
    line-height:25px;
}
.agaServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(1){
    font-size:1.6em;
    color:#fff;
    margin-top:15px;
    font-weight:600;
}
.agaServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(2){
    font-size:2em;
    color:#fff;
    font-weight:600;
    margin-top:15px;
}
@media (min-width:768px){
    .agaServicing.bottom .boilerRepair .box .col-md-5 p:nth-child(2){
        font-size:2.4em;
        color:#fff;
        font-weight:600;
        margin-top:15px;
    }
}
.agaServicing.bottom .boilerRepair .box .col-md-5 p a{
    color:#fff;
    font-size:1em;
    font-weight:600;
    margin-top:15px;
}
@media (min-width:768px){
    .agaServicing.bottom .boilerRepair .box .col-md-5 p a{
        color:#fff;
        font-size:1em;
        font-weight:600;
        margin-top:15px;
    }
}
.agaServicing.bottom .whyToBook{
    margin-top:30px;
    margin-bottom:40px;
    margin-right:0;
    margin-left:0;
}
.agaServicing.bottom .whyToBook h3{
    color:#f15a25;
    font-size:1.7em;
    font-weight:bold;
    margin-bottom:10px;
}
.agaServicing.bottom .whyToBook p{
    font-weight:bold;
    font-size:1em;
    line-height:25px;
    margin-bottom:30px;
}
@media (min-width:768px){
    .agaServicing.bottom .whyToBook p{
        font-size:1.2em;
        line-height:30px;
    }
}
.agaServicing.bottom .whyToBook .bulletPoint{
    margin-bottom:5px;
}
.agaServicing.bottom .whyToBook .bulletPoint img{
    float:left;
    padding-top:7px;
    padding-right:10px;
}
@media (min-width:768px){
    .agaServicing.bottom .whyToBook .bulletPoint img{
        float:left;
        padding-top:10px;
        padding-right:20px;
    }
}
.agaServicing.bottom .whyToBook .bulletPoint p{
    float:left;
    width:80%;
    font-weight:400;
    margin-bottom:10px;
    font-size:1em;
}
@media (min-width:768px){
    .agaServicing.bottom .whyToBook .bulletPoint p{
        width:630px;
    }
}
@media (min-width:992px){
    .agaServicing.bottom .whyToBook .bulletPoint p{
        width:380px;
        font-size:1.2em;
    }
}
@media (min-width:1200px){
    .agaServicing.bottom .whyToBook .bulletPoint p{
        width:500px;
        font-size:1.1em;
        font-weight:600;
    }
}
@media (min-width:1200px){
    .agaServicing.bottom .whyToBook .col-lg-7 .bulletPoint p{
        width:600px;
        font-size:1.1em;
        font-weight:600;
    }
}
@media (min-width:1200px){
    .agaServicing.bottom .whyToBook .col-lg-5 .bulletPoint p{
        width:300px;
        font-size:1.1em;
        font-weight:600;
    }
}
.agaServicing.top .mbsQuotePanel .submit input.btn {
    margin:0 auto;
    display:block;
    width:100%;
    font-size:1.8em;
}

/* ############## Order Confirmation - Spread the Word ############## */

div.spreadTheWord {
    color:#fff;
    border-color:#6ea700;
    background:#6ea700; /* Old browsers */

    border:1px solid #ccc; /* stroke */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px; /* border radius */
    padding:20px 20px 0 20px;
}

div.spreadTheWord .msgTxt {
    font-size:1.2em;
    font-weight:600;
    line-height:1.8em;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);
}

div.spreadTheWord .social {
    margin-top:20px;
}
/*
div.spreadTheWord .social .socialBtn {
  margin:8px 5px 8px 0;
}
*/
div.spreadTheWord .social .socialBtn img {
    margin:8px 5px 8px 0;
}

div.spreadTheWord .social .socialBtn img.last {
    margin-right:0;
}

@media (min-width:992px) and (max-width:1199px) {
    div.spreadTheWord .social .socialBtn img {
        margin-top:0;
    }
    div.spreadTheWord .social {
        margin-top:0;
    }
}

@media (max-width:991px) {
    div.spreadTheWord {
        text-align:center;
    }

}

@media (max-width:767px) {
    div.spreadTheWord .social .socialBtn img {
        margin:5px 5px 5px 0;
    }

}
@media (max-width:768px) {
    .tankerType img.stdTanker{
        width:100%;
        max-width:360px;
    }
    .tankerType img.fourWheelTanker{
        width:100%;
        max-width:330px;
    }
    .tankerType img.babyTanker{
        width:100%;
        max-width:261px;
    }
}

.tankerType img.stdTanker{
    margin:0 auto;
    display:block;
}
.tankerType img.fourWheelTanker{
    margin:0 auto;
    display:block;
}
.tankerType img.babyTanker{
    margin:0 auto;
    display:block;
}

.index.content .container h1{
    font-family: Montserrat,sans-serif;
    text-shadow: none;
    border-bottom: 0;
    font-size: 1.2em;
    text-align: center;
    font-weight: 400;
    color: #3C3C3C;
    width: 290px;
    margin: 0 auto;
    font-weight: 600;
    line-height: 1.4em;
}
.index.content.countdown .container h1{
    margin-top: 20px;
}
.index.content .container h2{
    font-family: Montserrat,sans-serif;
    text-shadow: none;
    border-bottom: 0;
    font-size: 1.2em;
    text-align: center;
    font-weight: 600;
    color: #3C3C3C;
    width: 290px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .index.content .container h1{
        font-size: 1.7em;
        width: 580px;
        font-weight: 600;
        line-height: 1.4em;
    }
    .index.content.countdown .container h1{
        margin-top: 23px;
    }
    .index.content .container h2{
        margin: 10px 0;
        font-size: 0.8em;
        width: 700px;
        font-weight: 600;
    }
}
@media (min-width:992px) {
    .index.content .container h1{
        margin: 96px 0 0 0;
        font-size: 1.7em;
        text-align: left;
        width: 700px;
        font-weight: 600;
        line-height: 1.5em;
    }
    .index.content.countdown .container h1{
        margin-top: 93px;
    }
    .index.content.may2016.extra .container h1{
        margin-top: 45px;
    }
    .index.content.may2016.countdown.extra .container h1{
        margin-top: 80px;
    }
    .index.content .container h2{
        margin: 0;
        font-size: 0.8em;
        width: 700px;
        font-weight: 600;
        text-align: left;
    }
}
@media (min-width:1200px) {
    .index.content .container h1{
        margin: 100px 0 0 0;
        font-size: 2.0em;
        width: 740px;
        font-weight: 600;
        line-height: 1.3em;
    }
    .index.content.countdown .container h1{
        margin-top: 87px;
    }
    .index.content.may2016.extra .container h1{
        margin-top: 70px !important;
    }
    .index.content .container h2{
        margin: 10px 0;
        font-size: 1.0em;
        width: 740px;
        font-weight: 600;
        text-align: left;
    }
}

.orderTankeredOilStage1 .homePageTop h1{
    color:#ff0;
    border-bottom:0;
    float:left;
    text-align:center;
    font-family:'Bree Serif',serif;
    line-height:35px;
    font-size:2em;
    font-weight:500;
    width:100%;
}
@media (min-width:768px) {
    .orderTankeredOilStage1 .homePageTop h1{
        line-height:50px;
    }
}
@media (min-width:992px) {
    .orderTankeredOilStage1 .homePageTop h1{
        width:480px;
        color:#0071bc;
        text-align:left;
        margin-top:0;
        line-height:43px;
        text-align:center;
        width:100%;
        text-shadow:1px 2px #bbcdd3;
        margin-bottom:15px;
        font-size:2.5em;
        padding-left:81px;
        padding-right:2px;
    }
    .orderTankeredOilStage1 .homePageTop .top.extra h1{
        margin-bottom:5px;
        font-size:2.3em;
        line-height:37px;
        padding-left:90px;
        padding-right:12px;
    }
    .orderTankeredOilStage1 .homePageTop p.extra{
        margin-top:0;
        font-size:1.4em;
        line-height:1.2;
        text-align:center;
        width:100%;
        font-family:Montserrat,sans-serif;
        float:left;
        display:inline-block!important;
        padding-left:25px;
        padding-right:11px;
        color:#fff;
    }
    .orderTankeredOilStage1 .homePageTop .top.extra p.extra{
        display:inline-block!important;
        padding-left:25px;
        padding-right:11px;
    }
}
@media (min-width:1200px) {
    .orderTankeredOilStage1.extra{
        padding-top: 50px;
        padding-bottom: 80px;
    }
  .orderTankeredOilStage1 .homePageTop h1{
    width:480px;
    color:#0071bc;
    text-align:center;
    width:100%;
    text-shadow:1px 2px #bbcdd3;
    margin-bottom:10px;
    padding-left:128px;
    padding-right:41px;
    line-height:46px;
    font-size:2.7em;
    font-weight:600;
    margin-top:10px;
  }
  .orderTankeredOilStage1 .homePageTop p.extra{
    margin-top:0;
    font-size:1.4em;
    line-height:1.2;
    text-align:center;
    width:100%;
    font-family:Montserrat,sans-serif;
    float:left;
		color: #fff;
		text-shadow: none;
    padding-left:98px;
    padding-right:31px;
  }
  .orderTankeredOilStage1 .homePageTop .top.extra h1{
    margin-bottom:10px;
    font-size:3em;
    padding-left:125px;
    padding-right:76px;
    line-height:42px;
  }
  .orderTankeredOilStage1 .homePageTop .top.extra p.extra{
    color:#fff!important;
    padding-left:127px;
    padding-right:42px;
  }
}

@media (min-width:992px){
    .index.content .homePageTop img.trustbadge,.orderTankeredOilStage1 .homePageTop img.trustbadge{
        margin-left:0;
        margin-top:0;
        position:absolute;
        left:380px;
        top:4px;
    }
}
@media (min-width:1200px){
    .index.content .homePageTop img.trustbadge,.orderTankeredOilStage1 .homePageTop img.trustbadge{
        margin-left:56px;
        margin-top:30px;
        position:absolute;
        left:450px;
        top:-16px;
    }
}
@media (min-width:992px){
    .index.content .homePageTop .top.extra img.trustbadge, .orderTankeredOilStage1 .homePageTop .top.extra img.trustbadge{
        margin-left:0;
        margin-top:0;
        position:absolute;
        left:380px;
        top:-4px;
    }
}
@media (min-width:1200px){
    .index.content .homePageTop .top.extra img.trustbadge, .orderTankeredOilStage1 .homePageTop .top.extra img.trustbadge{
        margin-left:56px;
        margin-top:30px;
        position:absolute;
        left:450px;
        top:-16px;
    }
}
.index.content .homePageTop img.getquote,.orderTankeredOilStage1 .homePageTop img.getquote{
    position:absolute;
    left:530px;
    top:30px;
}
@media (min-width:1200px){
    .index.content .homePageTop img.getquote,.orderTankeredOilStage1 .homePageTop img.getquote{
        position:absolute;
        left:660px;
        top:30px;
    }
}
.index.content .homePageTop .text,.orderTankeredOilStage1 .homePageTop .text{
    margin-top:0;
}
@media (min-width:992px) {
    .index.content .homePageTop .text, .orderTankeredOilStage1 .homePageTop .text{
        margin-top:65px;
    }
}
@media (min-width:1200px) {
    .index.content .homePageTop .text, .orderTankeredOilStage1 .homePageTop .text{
        margin-top:80px;
    }
}
@media (min-width:1200px) {
    .index.content .homePageTop .text.extra, .orderTankeredOilStage1 .homePageTop .text.extra{
        margin-top:55px!important;
    }
}
@media (min-width:992px) {
    .index.content .homePageTop .text.extra, .orderTankeredOilStage1 .homePageTop .text.extra{
        margin-top:45px;
    }
}

.orderTankeredOilStage1 .homePageTop .text .heading{
    color:#fff;
    font-weight:700;
    font-size:1.45em;
    margin-bottom:30px;
    text-align:center;
    line-height:30px;
}
.index.content .homePageTop .text .heading{
    color:#fff;
    font-weight:700;
    font-size:1.2em;
    margin-bottom:30px;
    text-align:center;
    line-height:30px;
}
@media (min-width:375px){
    .index.content .homePageTop .text .heading{
        color:#fff;
        font-weight:700;
        font-size:1.45em;
        margin-bottom:30px;
        text-align:center;
        line-height:30px;
    }
}



@media (min-width:992px){
    .index.content .homePageTop .text .heading, .orderTankeredOilStage1 .homePageTop .text .heading{
        color:#fefc00;
        font-weight:700;
        font-size:1.45em;
        margin-bottom:30px;
        text-align:left;
        line-height:30px;
        width:540px;
    }
}
@media (min-width:1200px){
    .index.content .homePageTop .text .heading, .orderTankeredOilStage1 .homePageTop .text .heading{
        width:650px;
    }
}

.index.content .homePageTop .text .getQuoteBtn img.getquoteBtn{
    width:100%;
    max-width:468px;
    display:block;
    margin:0 auto;
}
@media (min-width:768px){
    .index.content .homePageTop .text .getQuoteBtn img.getquoteBtn{
        margin-top:50px;
    }
}
.orderTankeredOilStage1 .homePageTop .text .getQuoteBtn img.getquoteBtn{
    display:none !important;
}
.index.content .homePageTop .text .info,.orderTankeredOilStage1 .homePageTop .text .info{
    margin-bottom:15px;
    margin-left:10px;
}
.index.content .homePageTop .text .info img,.orderTankeredOilStage1 .homePageTop .text .info img{
    float:left;
}
.index.content .homePageTop .text .info p,.orderTankeredOilStage1 .homePageTop .text .info p{
    float:left;
    color:#fff;
    margin-left:10px;
    font-size:1.2em;
    font-weight:600;
    text-shadow:1px 1px #123456;
}
.index.content .homePageTop .testimonals{
    margin-top:30px;
}
.index.content .homePageTop .testimonals .stars img{
    width:200px;
    margin:0 auto;
    display:block;
}
.index.content .homePageTop .testimonals .stars img, .orderTankeredOilStage1 .testimonals .stars img{
    width:200px;
    margin:0 auto;
    display:block;
}
.index.content .homePageTop .testimonals .stars p, .orderTankeredOilStage1 .testimonals .stars p{
    color:#fff;
    font-weight:600;
    font-size:1.4em;
    text-align:center;
    margin-left:30px;
    margin-right:30px;
    margin-top:15px;
    line-height:28px;
    margin-bottom:20px;
}
.index.content .homePageTop .testimonals .stars p a,
.orderTankeredOilStage1 .testimonals .stars p a {
    color: #fff;
    text-decoration: none;
}
.index.content .homePageTop .testimonals .stars p span, .orderTankeredOilStage1 .testimonals .stars p span{
    color:#ff0;
    font-weight:bold;
}
.complaints-procedure {
    margin-bottom:20px;
}
@media (max-width:767px) {
    .form-horizontal .col-sm-4 > .pull-right {
        float:none !important;
    }
}

.index.content .homePageTop .testimonals .stars p{
    color:#fff;
    font-weight:600;
    font-size:1.2em;
    text-align:center;
    margin-left:0;
    margin-right:0;
    margin-top:15px;
    line-height:22px;
    margin-bottom:20px;
}
@media (min-width:375px){
    .index.content .homePageTop .testimonals .stars p{
        color:#fff;
        font-weight:600;
        font-size:1.4em;
        text-align:center;
        margin-left:0;
        margin-right:0;
        margin-top:15px;
        line-height:28px;
        margin-bottom:20px;
    }
}
@media (min-width:768px){
    .index.content .homePageTop .testimonals .stars p{
        color:#fff;
        font-weight:600;
        font-size:1.4em;
        text-align:center;
        margin-left:30px;
        margin-right:30px;
        margin-top:15px;
        line-height:28px;
        margin-bottom:20px;
    }
}
.index.content .homePageTop .testimonals .stars p span{
    color:#ff0;
    font-weight:bold;
}

/*****************************************************************************************
| Blue zebra bullet point list
*****************************************************************************************/
.products-services-info p {
    color:#222222;
    font-size:16px;
    line-height:1.7em;
}
@media (max-width:360px) {
    .products-services-info h1 {
        font-size:1.5em;
    }
    .products-services-info h2 {
        font-size:2.5em;
    }
    .products-services-info h3 {
        font-size:20px;
    }
}
@media (max-width:768px) {
    .products-services-info .left-pad-10 {
        padding-left:0;
    }
    .products-services-info .left-pad-30 {
        padding-left:0;
    }
    .products-services-info .right-pad-30 {
        padding-right:0;
    }
}
.products-services-info .viewPrice{
    padding-top:20px;
    padding-bottom:20px;
}
.products-services-info h2 span {
    color:#b6000d;
}
.products-services-info .viewPrice p{
    color:#666;
    text-align:center;
    font-size:1.4em;
    font-weight:700;
    line-height:30px;
    margin-top:30px;
    margin-left:20px;
    margin-right:20px;
}
.products-services-info .viewPrice p.title{
    color:#2980b9;
    text-align:center;
    font-weight:700;
    font-size:1.9em;
    line-height:30px;
    margin-bottom:20px;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
}
.products-services-info .viewPrice p span,
.products-services-info .viewPrice p span a {
    color:#f15a24;
    font-size:1.2em;
}
.products-services-info .viewPrice img{
    margin:0 auto;
    margin:10px 0 20px;
}
.products-services-info .viewPrice .btn{
    font-size:1.4em;
    padding:10px;
    margin:0 auto;
    display:block;
}
.products-services-info .viewPrice .ratedBackground{
    background-color:#68C441;
    opacity:0.2;
    min-height:50px;
}
.products-services-info .viewPrice .rated{
    position:relative;
    top:-42px;
}
.products-services-info .viewPrice .rated img{
    display:inline-block;
    float:left;
    width:137px;
    margin-top:5px;
    margin-left:12px;
}
.products-services-info .viewPrice .rated p{
    float:left;
    font-size:1.1em;
    margin-top:0;
    margin-left:20px;
    font-weight:600;
}
.products-services-info .viewPrice .rated p span.extra {
    font-size:0.9em;
    margin-left:10px;
}
.products-services-info .viewPrice .rated .ratedContainer{
    margin:0 auto;
    display:block;
    width:768px;
}

@media (max-width:360px){
    .products-services-info .viewPrice .btn{
        font-size:1.0em;
    }
    .products-services-info .viewPrice{
        padding-bottom:0;
    }
    .products-services-info .viewPrice p.info{
        font-size:1.1em;
        margin-top:10px;
    }
    .products-services-info .viewPrice p.title{
        font-size:1.4em;
        margin:0 10px;
    }
    .products-services-info .viewPrice .text-left img {
        margin-left:-22px;
    }
}
@media (min-width:360px){
    .products-services-info .viewPrice .btn{
        font-size:1.2em;
    }
    .products-services-info .viewPrice{
        padding-bottom:0;
    }
    .products-services-info .viewPrice p.info{
        font-size:1.1em;
        margin-top:10px;
    }
    .products-services-info .viewPrice p.title{
        font-size:1.4em;
        margin:0 10px;
    }
}
@media (min-width:768px) {
    .products-services-info .viewPrice{
        padding-bottom:0;
    }
    .products-services-info .viewPrice .btn{
        font-size:1.4em;
    }
    .products-services-info .viewPrice p.info{
        font-size:1.2em;
        margin-bottom:25px;
    }
    .products-services-info .viewPrice p.title{
        color:#2980b9;
        text-align:center;
        font-size:1.6em;
        line-height:30px;
        margin-bottom:0;
        margin-top:20px;
    }
    .products-services-info .viewPrice p span, .products-services-info .viewPrice p span a{
        font-size:1.2em;
    }
}
@media (min-width:992px) {
    .products-services-info .viewPrice p.info{
        font-size:1.25em;
        margin-left:60px;
        margin-right:60px;
    }
    .products-services-info .viewPrice p.title{
        color:#2980b9;
        text-align:center;
        font-size:1.9em;
        line-height:30px;
        margin-bottom:10px;
        margin-top:20px;
    }
}
@media (min-width:1200px) {
    .products-services-info .viewPrice .btn{
        font-size:1.5em;
    }
    .products-services-info .viewPrice p.title{
        color:#2980b9;
        text-align:center;
        line-height:30px;
        margin-bottom:10px;
        margin-top:20px;
    }
    .products-services-info .viewPrice .rated p{
        margin-bottom:10px;
    }
}
/* BLUE ZEBRA BOX */
.blue-zebra,
.teal-zebra {
    background-color:#2a80b9;
    padding:10px 0 20px;
}
.teal-zebra {
    background-color:#3dac99;
}
.blue-zebra:after {
    position:absolute;
    z-index:100;
    content:'';
    left:calc(50% - 10px);
    border-style:solid;
    border-width:15px 15px 0 15px;
    border-color:#2a80b9 transparent transparent transparent;
    margin-top:20px;
}
.blue-zebra h2 {
    margin:10px 30px;
    text-shadow:2px 2px 1px #1c5998;
}
.teal-zebra h2 {
    margin:10px 30px;
}
.blue-zebra p,
.teal-zebra p {
    color:#fff;
    font-size:17px;
    line-height:1.6em;
    text-shadow:none;
}
.blue-zebra .row {
    color:#fff;
    border-top:1px dashed #ccc;
    margin:0 20px;
    padding:15px 0;
    background-color:#45aad6;
}
.blue-zebra .row:nth-child(even){
    background-color:#3293c8;
}
.blue-zebra div.row:last-child {
    border-bottom:1px dashed #ccc;
}
.teal-zebra .row {
    color:#fff;
    margin:0 20px;
    padding:15px 0;
    background-color:#55b8a6;
}
.teal-zebra .row:nth-child(even){
    background-color:#3dac99;
}
.blue-zebra .row p,
.teal-zebra .row p {
    font-weight:600;
    font-size:19px;
    line-height:1.6em;
    text-shadow:1px 1px 1px #1c5998;
}
.teal-zebra .row p {
    text-shadow:1px 1px 1px #308774;
}
/* RED BOX */
.red-box {
    background-color:#b6000d;
}
.red-box h3 {
    color:#fdee21;
    font-size:28px;
    font-weight:700;
}
.red-box p {
    color:#fff;
    font-size:20px;
    font-weight:700;
}
.red-box p.span {
    color:#fdee21;
}

/* BLUE BOX */
.blue-box {
    background-color:#002d40;
    padding:10px 0 20px;
}
.blue-box .row {
    margin:0 20px;
}
.blue-box h2 {
    color:#fdee21;
}
.blue-box p {
    color:#fff;
    line-height:1.75em;
    font-weight:normal;
}
.blue-box p.span {
    color:#fdee21;
}

/* FACEBOOK BLUE BOX */
.fb-blue-box {
    background-color:#355192;
    padding:10px 10px;
    margin-bottom:20px;
}
.fb-blue-box .row {
    margin:0 10px;
}
.fb-blue-box h2 {
    color:#fdee21;
}
.fb-blue-box p {
    color:#fff;
}
.fb-blue-box p span {
    color:#fdee21;
}
div#referafriend .fb-blue-box p {
    font-size:1.4em;
    margin:10px 0;
    font-weight:600;
    line-height:1.5em;
}
div#referafriend .fb-blue-box p span {
    color:#fdee21;
}

.round-corner {
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/* GREEN BOX */
.green-box {
    background-color:#78ac01;
}
.green-box:before {
    position:absolute;
    z-index:100;
    content:'';
    left:calc(50% - 10px);
    border-style:solid;
    border-width:15px 15px 0 15px;
    border-color:#fff transparent transparent transparent;
}
.green-box.gradient {
    padding:10px 0 20px;
    background:-webkit-linear-gradient(left, #81b000 , #6ba400); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(right, #81b000, #6ba400); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(right, #81b000, #6ba400); /* For Firefox 3.6 to 15 */
    background:linear-gradient(to right, #81b000 , #6ba400); /* Standard syntax */
}
.green-box.gradient:before {
    background:none;
}
.green-box.gradient .row {
    margin:0 20px;
    padding:15px 0;
    border-bottom:1px dotted #fff;
}
.green-box.gradient .row:last-child {
    border-bottom:none;
}
.green-box a,
.green-box a:hover,
.green-box a:visited {
    color:#fdee21;
}
.green-box p {
    color:#000;
}
.blue-zebra .green-box {
    margin:0 5px;
}
.blue-zebra .green-box:before {
    display:none;
}
.blue-zebra .green-box p {
    color:#fff;
    text-shadow:none;
    margin:15px 10px 0;
    padding:15px;
}
.green-box .dark-bg p {
    color:#fff;
}
.green-box h2 {
    font-size:3.9em;
    text-shadow:2px 2px 1px #4B6F07;
    color:#fdee21;
    padding-top:30px;
}
.green-box h2 span {
    color:#fff;
}
.green-box h3,
.green-box h4 {
    font-size:30px;
    color:#fff;
    font-weight:700;
}
.green-box h3 span,
.green-box h4 span {
    color:#fdee21;
}
.green-box .dark-bg {
    background-color:#4B6F07;
    padding:15px 20px 20px;
}
.green-box .dark-bg p {
    color:#fff;
    text-shadow:1px 1px 1px #4B6F07;
}
.green-box .dark-bg h3,
.green-box .dark-bg h4,
.green-box .dark-bg span {
    color:#fdee21;
    font-size:20px;
    text-shadow:2px 2px 1px #4B6F07;
}

/* Green gradient box */
.green-gradient-box {
    background-color:#6ba400;
}
.green-gradient-box {
    padding:10px 0 20px;
    background:-webkit-linear-gradient(left, #81b000 , #6ba400); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(right, #81b000, #6ba400); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(right, #81b000, #6ba400); /* For Firefox 3.6 to 15 */
    background:linear-gradient(to right, #81b000 , #6ba400); /* Standard syntax */
}
.green-gradient-box:before {
    background:none;
}
.green-gradient-box .row {
    margin:0 20px;
    padding:15px 0;
    border-bottom:1px dashed #fff;
}
.green-gradient-box .row:last-child {
    border-bottom:none;
}
.green-gradient-box p {
    color:#000;
}
.green-gradient-box h2 {
    font-size:3.9em;
    text-shadow:2px 2px 1px #4B6F07;
    color:#fdee21;
    padding-top:30px;
}
.green-gradient-box h2 span {
    color:#fff;
}
.green-gradient-box h3,
.green-gradient-box h4 {
    font-size:28px;
    color:#fff;
    font-weight:700;
}
.green-gradient-box h3 span,
.green-gradient-box h4 span {
    color:#fdee21;
}

/* LIGHT BLUE BOX */
.light-blue-box {
    background-color:#e1f3ff;
    background:#e1f3ff url('../media/templateImages/productServices/blue-bg.png') 0 100% repeat-x;
}
.light-blue-box .row {
    margin:0 20px 0 0;
}
.light-blue-box h2 {
    color:#fdee21;
}
.light-blue-box p {
    color:#fff;
    line-height:1.75em;
    font-weight:normal;
    padding:10px 10px;
}
.light-blue-box p.span {
    color:#fdee21;
}
.light-blue-box .green-box:before {
    border:none;
}
.light-blue-box .green-box {
    border-color:#78ac01;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin:30px 0 0;
}

/* SOME UNIVERSAL STYLES */
.dashed-line {
    height:1px;
    background-color:#005c8f;
    background-image:repeating-linear-gradient(45deg, transparent, transparent 7px, rgba(255,255,255,1) 7px, rgba(255,255,255,1) 20px);
    background-size:20px;
    margin:20px 0 40px;
}
.dotted-line {
    height:2px;
    background-color:#5898b3;
    background-image:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,1) 1px,rgba(255,255,255,1) 8px);
    background-size:8px;
    margin:15px 0 20px;
}
.price-promise {
    color:#fff;
    background-color:#005c8f;
    border-radius:10px;
    padding:10px 10px 10px 90px;
    margin:50px 0 15px 40px;
}
.price-promise p {
    color:#fff;
    font-size:19px;
    font-weight:700;
    margin:10px 0;
}
.price-promise p.title {
    position:absolute;
    left:0;
    top:50%;
    color:#fff;
    font-weight:bold;
    font-size:26px;
    line-height:0.6em;
    text-transform:uppercase;
    text-align:center;
    background:#d22213;
    margin-top:-2.25em;
    padding-top:38px;
    height:4.5em;
    width:4.5em;
    border:.3em solid #fff;
    -moz-border-radius:2em;
    -webkit-border-radius:2em;
    border-radius:2.25em;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
.price-promise .title span {
    font-size:16px;
}
.vcenter {
    display:inline-block;
    vertical-align:middle;
    float:none;
    display:table;
    height:100%;
}
.vcenter [class*="col-"] {
    float:none;
    display:table-cell;
    vertical-align:middle;
}
.vcenter [class*="align-top"] {
    float:none;
    display:table-cell;
    vertical-align:top;
}
.vcenter p {
    margin:0 0;
    vertical-align:middle;
}

@media (max-width:360px) {
    .price-promise {
        padding:5px 10px 5px 72px;
        margin:0 0 0 40px;
    }
    .price-promise p {
        font-size:15px;
        margin:0 0;
    }
    .products-services-info .viewPrice {
        padding-top:0;
    }
    .blue-zebra p,
    .teal-zebra p {
        font-size:16px;
    }
    .blue-zebra .row p,
    .teal-zebra .row p {
        font-size:16px;
    }
    .red-box p {
        font-size:15px;
    }
    .red-box h3 {
        font-size:20px;
    }
    .blue-box h3,
    .light-blue-box h3,
    .blue-zebra h3,
    .teal-zebra h3,
    .green-box h3,
    .green-gradient-box h3 {
        font-size:22px;
    }
}
@media (min-width:360px) {
    .price-promise {
        padding:10px 10px 10px 80px;
        margin:0 0 0 40px;
    }
    .price-promise p {
        font-size:16px;
        margin:0 0;
    }
    .products-services-info .viewPrice {
        padding-top:0;
    }
    .red-box p {
        color:#fff;
        font-size:18px;
    }
}
@media (min-width:376px) {
    .price-promise {
        padding:10px 10px 10px 80px;
        margin:0 0 0 40px;
    }
    .price-promise p {
        font-size:16px;
        margin:10px 0;
    }
    .light-blue-box {
        margin-bottom:20px;
    }
    .light-blue-box .green-box {
        margin:20px 0 20px 20px;
    }
}
@media (min-width:768px) {
    .price-promise p {
        font-size:18px;
    }
    .red-box p {
        color:#fff;
        font-size:20px;
    }
    .light-blue-box .green-box {
        margin:20px 0 20px 0;
    }
}

/* PPC Heating oil page */
.pccHeatingoil .header{
    margin-top:20px;
    margin-bottom:10px;
}
@media (min-width:768px){
    .pccHeatingoil .header{
        margin-top:20px;
        margin-bottom:20px;
    }
}
.pccHeatingoil .header a.logo img.boilerjuiceLogo{
    margin:0 auto;
    display:block;
    width:100%;
    max-width:280px;
    margin-top:10px;
}
@media (min-width:768px){
    .pccHeatingoil .header a.logo img.boilerjuiceLogo{
        width:100%;
        max-width:280px;
        float:left;
        margin-top:0;
    }
}

/*.pccHeatingoil .header .number .banner.banner-1{*/
/*display:none;*/
/*}*/
@media (min-width:768px){
    .pccHeatingoil .header .number .banner.banner-1{
        /*display:inline-block;*/
        float:right;
    }
}
/*@media (min-width:768px){*/
.pccHeatingoil .header .number p.ppc{
    display:none;
}
/*}*/

.pccHeatingoil .header .number p{
    color:#354553;
    font-size:1em;
    text-align:center;
    margin-top:10px;
    font-weight:bold;
}
@media (min-width:768px){
    .pccHeatingoil .header .number p{
        color:#354553;
        font-size:1.3em;
        float:right;
        margin-top:10px;
        font-weight:bold;
    }
}
@media (min-width:992px){
    .pccHeatingoil .header .number p{
        color:#354553;
        font-size:1.5em;
        float:right;
        margin-top:10px;
        font-weight:bold;
    }
}
@media (min-width:1200px){
    .pccHeatingoil .header .number p{
        font-size:1.8em;
    }
}
.pccHeatingoil .header .number p span, .pccHeatingoil .header .number p span a{
    color:#0072b6;
}
.pccHeatingOilContent{
    background-color:#71b844;
}
.pccHeatingOilContent #stage1{
    background-image:url('../media/templateImages/bg-sky.png');
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1{
        background-image:url('../media/templateImages/bg-sky.png');
        height:254px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1{
        background-image:url('../media/templateImages/bg-sky.png');
        height:274px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1{
        background-image:url('../media/templateImages/bg-sky.png');
        height:444px;
    }
}
@media (min-width:992px) {
    .pccHeatingOilContent #stage1 .container.top{
        height:180px;
    }
}
@media (min-width:1200px) {
    .pccHeatingOilContent #stage1 .container.top{
        height:290px;
    }
}
/*stage 1 */
.pccHeatingOilContent #stage1 .ppcStage1 .content{
    position:relative;
    height:170px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content{
        position:relative;
        height:173px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content{
        position:relative;
        height:175px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content{
        position:relative;
        height:290px;
    }
}
.pccHeatingOilContent #stage1 .ppcStage1 .content img.manAndTanker{
    margin:0 auto;
    display:block;
    width:100%;
    max-width:265px;
}
.pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan{
    height:0;
}
.pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan img{
    position:relative;
    top:110px;
    left:20px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan img.hidden-lg{
        display:inline-block!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan img{
        position:relative;
        top:120px;
        left:130px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan img{
        position:relative;
        top:160px;
        left:10px;
    }
    .pccHeatingOilContent #stage1 .ppcStage1 .content .boilerjuiceMan img.hidden-lg{
        display:none!important;
    }
}
.pccHeatingOilContent #stage1 .ppcStage1 .content .tanker{
    height:0;
}
.pccHeatingOilContent #stage1 .ppcStage1 .content .tanker img{
    position:relative;
    left:570px;
    top:-100px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .tanker img.hidden-lg{
        display:inline-block!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .tanker img{
        position:relative;
        left:660px;
        top:-100px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content .tanker img{
        position:relative;
        left:860px;
        top:-170px;
    }
    .pccHeatingOilContent #stage1 .ppcStage1 .content .tanker img.hidden-lg{
        display:none!important;
    }
}
.pccHeatingOilContent #stage1 .ppcStage1 .content p.title{
    color:#0074b6;
    font-size:1.4em;
    font-weight:700;
    line-height:25px;
    text-align:center;
    margin:20px;
    position:initial;
    text-shadow:none;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p.title{
        color:#0074b6;
        font-size:1.8em;
        font-weight:bold;
        line-height:40px;
        text-align:center;
        margin:20px 20px 40px 20px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p.title{
        color:#0074b6;
        font-size:1.8em;
        font-weight:bold;
        line-height:40px;
        text-align:center;
        margin:30px 140px 40px 140px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p.title{
        color:#0074b6;
        font-size:1.8em;
        font-weight:bold;
        line-height:40px;
        text-align:center;
        margin:90px 220px 30px 220px;
    }
}
.pccHeatingOilContent #stage1 .ppcStage1 .content .btnContainer{
    text-align:center;
    margin-top:20px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content a img{
        margin-left:190px;
        margin-right:190px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content a img{
        margin-left:300px;
        margin-right:40px;
        float:left;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content a img{
        margin-left:260px;
        margin-right:260px;
    }
}
.pccHeatingOilContent #stage1 .ppcStage1 .content p.title span{
    color:#ff5b34;
}
.pccHeatingOilContent #stage1 .ppcStage1 .content p{
    color:#fff;
    text-align:center;
    font-weight:600;
    position:relative;
    top:-10px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p{
        color:#fff;
        text-align:center;
        font-weight:600;
        position:relative;
        top:-10px;
        left:-18px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p{
        color:#fff;
        text-align:center;
        font-weight:600;
        position:relative;
        top:0;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage1 .ppcStage1 .content p{
        color:#fff;
        text-align:center;
        font-weight:600;
        position:relative;
        top:0;
        font-size:1.3em;
        top:6px;
        text-shadow:1px 2px #4b913e;
    }
}
.pccHeatingOilContent #stage1 .hills{
    background-image:url('../media/templateImages/bg-hills.png');
    height:42px;
}


/* stage 1 ppc2 */
.pccHeatingOilContent #stage1.ppc2 .container.top{
    height:180px;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content{
    height:200px;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p{
    color:#0074b6;
    font-size:1.3em;
    font-weight:700;
    line-height:28px;
    text-align:center;
    margin-top:20px;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p span{
    color:#ff5b34;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane{
    height:0;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane img{
    position:relative;
    top:-275px;
    float:right;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard{
    height:0;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard img{
    margin:0 auto;
    display:block;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent{
    margin:0 auto;
    display:block;
    width:100%;
    max-width:300px;
}
.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.text{
    color:#603813;
    font-weight:700;
    font-size:0.8em;
    text-align:center;
    margin-top:10px;
    margin-left:25px;
    margin-right:25px;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent a.start img{
    cursor:pointer;
    display:block;
    margin:0 auto;
    margin-top:14px;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.time{
    color:#603813;
    font-weight:normal;
    font-size:0.9em;
    text-align:center;
    margin-top:7px;
    margin-bottom:0;
}

.pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.TandC{
    color:#603813;
    font-weight:400;
    font-size:.8em;
    text-align:right;
    margin-top:0;
    margin-right:14px;
    position:relative;
    top:1px;
}

.pccHeatingOilContent #stage1.ppc2 .grass {
    height:186px;
}

@media (min-width:768px){

    .pccHeatingOilContent #stage1.ppc2{
        height:314px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content {
        position:relative;
        height:175px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p{
        color:#0074b6;
        font-size:2em;
        font-weight:700;
        line-height:38px;
        text-align:center;
        margin-top:20px;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p span{
        color:#ff5b34;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard img{
        position:relative;
        top:5px;
        left:50px;
        z-index:11;
        margin:0;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent{
        position:relative;
        width:621px;
        left:70px;
        top:20px;
        z-index:12;
        max-width:610px;
        margin:0;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.text{
        position:relative;
        color:#603813;
        font-weight:bold;
        font-size:1em;
        text-align:center;
        margin-top:5px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent a.start img{
        cursor:pointer;
        display:block;
        margin:0 auto;
        margin-top:20px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.time{
        color:#603813;
        font-weight:normal;
        font-size:0.9em;
        text-align:center;
        margin-top:7px;
        margin-bottom:0;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.TandC{
        color:#603813;
        font-weight:400;
        font-size:.8em;
        text-align:right;
        margin-top:0;
        margin-right:5px;
        position:relative;
        top:-13px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker img{
        position:absolute;
        top:155px;
        left:637px;
        z-index:10;
    }

    .pccHeatingOilContent #stage1.ppc2 .grass{
        height:116px;
    }

}

@media (min-width:992px){

    .pccHeatingOilContent #stage1.ppc2{
        height:434px;
    }

    .pccHeatingOilContent #stage1.ppc2 .container.top{
        height:270px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content {
        position:relative;
        height:485px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane img{
        position:absolute;
        top:-15px;
        left:-110px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p{
        color:#0074b6;
        font-size:2em;
        font-weight:700;
        line-height:38px;
        text-align:center;
        margin-top:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p.title{
        color:#ff5b34;
        margin-bottom:0;
        margin-top:30px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard img{
        position:relative;
        top:15px;
        left:175px;
        z-index:11;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent{
        position:relative;
        width:610px;
        left:185px;
        top:30px;
        z-index:12;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.text{
        color:#603813;
        font-weight:bold;
        font-size:1em;
        text-align:center;
        margin-top:10px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent a.start img{
        cursor:pointer;
        display:block;
        margin:0 auto;
        margin-top:20px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.time{
        color:#603813;
        font-weight:normal;
        font-size:0.9em;
        text-align:center;
        margin-top:7px;
        margin-bottom:0;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.TandC{
        color:#603813;
        font-weight:400;
        font-size:.8em;
        text-align:right;
        margin-top:0;
        margin-right:5px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker img{
        position:absolute;
        top:195px;
        left:777px;
        z-index:10;
    }

    .pccHeatingOilContent #stage1.ppc2 .grass{
        height:216px;
    }
}

@media (min-width:1200px){

    .pccHeatingOilContent #stage1.ppc2{
        height:434px;
    }

    .pccHeatingOilContent #stage1 .ppcStage1 .content {
        position:relative;
        height:175px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .boilerjuicePlane img{
        position:absolute;
        top:-15px;
        left:-20px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p{
        color:#0074b6;
        font-size:2em;
        font-weight:700;
        line-height:38px;
        text-align:center;
        margin-top:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .top p.title{
        color:#ff5b34;
        margin-bottom:0;
        margin-top:30px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboard img{
        position:relative;
        top:15px;
        left:272px;
        z-index:11;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent{
        position:relative;
        width:610px;
        left:281px;
        top:30px;
        z-index:12;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.text{
        color:#603813;
        font-weight:bold;
        font-size:1em;
        text-align:center;
        margin-top:10px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent a.start img{
        cursor:pointer;
        display:block;
        margin:0 auto;
        margin-top:20px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.time{
        color:#603813;
        font-weight:normal;
        font-size:0.9em;
        text-align:center;
        margin-top:7px;
        margin-bottom:0;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .billboardContent p.TandC{
        color:#603813;
        font-weight:400;
        font-size:.8em;
        text-align:right;
        margin-top:0;
        margin-right:5px;
    }

    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker{
        height:0;
    }
    .pccHeatingOilContent #stage1 .ppc2Stage1 .content .tanker img{
        position:absolute;
        top:185px;
        left:877px;
        z-index:10;
    }

    .pccHeatingOilContent #stage1.ppc2 .grass{
        height:177px;
    }
}








/*stage 2 */

.pccHeatingOilContent #stage2{
    background-color:#1e262e;
}
.pccHeatingOilContent #stage2 .ppcStage2 p.step{
    color:#ff903a;
    text-align:center;
    margin-top:10px;
    font-size:1.2em;
    font-weight:600;
    margin-bottom:0;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .ppcStage2 p.step{
        font-size:1.5em;
        margin-top:20px;
        margin-bottom:5px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 p.step{
        font-size:1.8em;
        margin-top:40px;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 p.title{
    color:#fff;
    text-align:center;
    font-weight:600;
    font-size:1.1em;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .ppcStage2 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.7em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0 20px 0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0 43px 0;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer{
    width:100%;
    border-radius:9px;
    border:1px solid #fff;
    padding:16px 10px 0;
    max-width:290px;
    text-align:center;
    display:block;
    margin:0 auto;
    margin-bottom:30px;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer{
        max-width:300px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:390px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:350px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
        float:right;
        margin-right:20px;
    }
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer.go{
        float:left;
        margin-left:20px;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer:hover{
    border:1px solid #ed8a3c;
    background-color:#151e27;
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p.title{
    color:#84c253;
    text-shadow:1px 2px #1d2229;
    font-weight:bold;
    font-size:1.5em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p.title{
        color:#84c253;
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:1.5em;
        min-height:23px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p.title{
        color:#84c253;
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:2em;
        min-height:23px;
        margin-bottom:15px;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer.go p.title{
    color:#ffbf3f;
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p{
    color:#fff;
    text-align:center;
    text-shadow:1px 2px #1d2229;
    font-size:1.2em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        min-height:110px;
        font-size:1.1em;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:110px;
        font-size:1.2em;
        line-height:26px;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer .btnContainer{
    text-align:center;
}
.pccHeatingOilContent #stage2 .ppcStage2 .boxContainer .btnContainer a{
    width:210px;
    margin-bottom:15px;
    padding:0;
    font-size:1.4em;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .boxContainer .btnContainer a{
        width:270px;
        margin-bottom:15px;
        padding:5px;
        font-size:1.5em;
    }
}
.pccHeatingOilContent #stage2 .ppcStage2 .boilerjuiceMan{
    height:0;
    position:relative;
    left:-40px;
    top:110px;
}
.pccHeatingOilContent #stage2 .ppcStage2 .or{
    position:relative;
    height:0;
    top:-235px;
}
.pccHeatingOilContent #stage2 .ppcStage2 .or p{
    color:#fff;
    font-weight:bold;
    text-shadow:1px 2px #1d2229;
    font-size:1.2em;
    text-align:center;
    height:0;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .ppcStage2 .or{
        position:relative;
        height:0;
        top:-160px;
    }
    .pccHeatingOilContent #stage2 .ppcStage2 .or p{
        color:#fff;
        font-weight:bold;
        text-shadow:1px 2px #1d2229;
        font-size:1.6em;
        text-align:center;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .ppcStage2 .or{
        position:relative;
        height:0;
        top:-180px;
    }
    .pccHeatingOilContent #stage2 .ppcStage2 .or p{
        color:#fff;
        font-weight:bold;
        text-shadow:1px 2px #1d2229;
        font-size:2em;
        text-align:center;
    }
}
.pccHeatingOilContent #stage2 .grass{
    background-color:#69b737;
    height:0;
}
.pccHeatingOilContent #stage2 .grass{
    background-color:#69b737;
    height:0;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage2 .grass{
        background-color:#69b737;
        height:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage2 .grass{
        background-color:#69b737;
        height:40px;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage2 .hills{
        background-image:url('../media/templateImages/bg-hills.png');
        height:42px;
    }
}


/* stage 3 */

.pccHeatingOilContent #stage3{
    background-color:#1e262e;
}
.pccHeatingOilContent #stage3 .ppcStage3 p.step{
    color:#ff903a;
    text-align:center;
    margin-top:15px;
    font-size:1.2em;
    font-weight:600;
    margin-bottom:0;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 p.step{
        font-size:1.5em;
        margin-top:10px;
        margin-bottom:5px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 p.step{
        font-size:1.8em;
        margin-top:40px;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 p.title{
    color:#fff;
    text-align:center;
    font-weight:600;
    font-size:1.1em;
    text-shadow:1px 2px #1d2229;
    margin-bottom:15px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.5em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0 20px 0;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 p.title2{
    color:#ffeb50;
    text-shadow:1px 2px #1d2229;
    font-weight:bold;
    font-size:1.5em;
    text-align:center;
    margin-bottom:20px;
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage3 .ppcStage3 p.title2{
        font-size:1.8em;
        margin-bottom:20px;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer{
    width:100%;
    border-radius:9px;
    border:1px solid #fff;
    padding:16px 10px 0;
    max-width:290px;
    text-align:center;
    display:block;
    margin:0 auto;
    margin-bottom:30px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer{
        padding:10px 10px 0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:390px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:350px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
        float:right;
        margin-right:20px;
    }
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer.go{
        float:left;
        margin-left:20px;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer:hover{
    border:1px solid #ed8a3c;
    background-color:#151e27;
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p.title{
    color:#84c253;
    text-shadow:1px 2px #1d2229;
    font-weight:bold;
    font-size:1.5em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p.title{
        color:#84c253;
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:1.5em;
        min-height:23px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p.title{
        color:#84c253;
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:2em;
        min-height:23px;
        margin-bottom:15px;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer.go p.title{
    color:#ffbf3f;
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p{
    color:#fff;
    text-align:center;
    text-shadow:1px 2px #1d2229;
    font-size:1.2em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:60px;
        font-size:1.1em;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:80px;
        font-size:1.3em;
        line-height:26px;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer .btnContainer{
    text-align:center;
}
.pccHeatingOilContent #stage3 .ppcStage3 .boxContainer .btnContainer a{
    width:210px;
    margin-bottom:15px;
    padding:0;
    font-size:1.4em;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 .boxContainer .btnContainer a{
        width:270px;
        margin-bottom:15px;
        padding:5px;
        font-size:1.5em;
    }
}
.pccHeatingOilContent #stage3 .ppcStage3 .boilerjuiceMan{
    height:0;
    position:relative;
    left:-40px;
    top:90px;
}
.pccHeatingOilContent #stage3 .ppcStage3 .or{
    position:relative;
    height:0;
    top:-217px;
}
.pccHeatingOilContent #stage3 .ppcStage3 .or p{
    color:#fff;
    font-weight:bold;
    text-shadow:1px 2px #1d2229;
    font-size:1.2em;
    text-align:center;
    height:0;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .ppcStage3 .or{
        position:relative;
        height:0;
        top:-140px;
    }
    .pccHeatingOilContent #stage3 .ppcStage3 .or p{
        color:#fff;
        font-weight:bold;
        text-shadow:1px 2px #1d2229;
        font-size:1.6em;
        text-align:center;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .ppcStage3 .or{
        position:relative;
        height:0;
        top:-160px;
    }
    .pccHeatingOilContent #stage3 .ppcStage3 .or p{
        color:#fff;
        font-weight:bold;
        text-shadow:1px 2px #1d2229;
        font-size:2em;
        text-align:center;
    }
}
.pccHeatingOilContent #stage3 .grass{
    background-color:#69b737;
    height:0;
}
.pccHeatingOilContent #stage3 .grass{
    background-color:#69b737;
    height:0;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage3 .grass{
        background-color:#69b737;
        height:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage3 .grass{
        background-color:#69b737;
        height:40px;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage3 .hills{
        background-image:url('../media/templateImages/bg-hills.png');
        height:42px;
        margin-top:10px;
    }
}

/*stage 4 */

.pccHeatingOilContent #stage4{
    background-color:#1e262e;
}
.pccHeatingOilContent #stage4 .ppcStage4 p.step{
    color:#ff903a;
    text-align:center;
    margin-top:10px;
    font-size:1.2em;
    font-weight:600;
    margin-bottom:0;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 p.step{
        font-size:1.5em;
        margin-top:10px;
        margin-bottom:5px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 p.step{
        font-size:1.8em;
        margin-top:40px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 p.title{
    color:#fff;
    text-align:center;
    font-weight:600;
    font-size:1.1em;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.5em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 0 20px 0;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 p.title2{
    color:#ffeb50;
    text-shadow:1px 2px #1d2229;
    font-weight:bold;
    font-size:1.5em;
    text-align:center;
    margin-bottom:30px;
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 p.title2{
        font-size:1.8em;
        margin-bottom:20px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer{
    width:100%;
    border-radius:9px;
    border:1px solid #fff;
    padding:10px 10px 0;
    max-width:310px;
    text-align:center;
    display:block;
    margin:0 auto;
    margin-bottom:30px;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:390px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer{
        width:100%;
        border-radius:9px;
        border:1px solid #fff;
        padding:10px 10px 0;
        max-width:390px;
        text-align:center;
        display:block;
        margin:0 auto;
        margin-bottom:30px;
        float:right;
        margin-right:20px;
    }
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer.go{
        float:left;
        margin-left:20px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer:hover{
    border:1px solid #ed8a3c;
    background-color:#151e27;
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left{
    float:left;
    width:160px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left{
        float:left;
        width:100%;
        min-height:79px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left{
        float:left;
        width:100%;
        min-height:94px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img{
    /*width:100%;*/
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img{
        width:initial;
        margin:0 auto;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.standard{
    margin-left:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.standard{
        margin-left:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.standard{
        margin:0 auto;
        margin-top:8px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.fourWheel{
    margin-left:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.fourWheel{
        margin-left:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.fourWheel{
        margin:0 auto;
        margin-top:11px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.baby{
    margin-left:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.baby{
        margin-top:19px;
        margin-left:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left img.baby{
        margin:0 auto;
        margin-top:31px;
    }
}

.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .left a.btn-gold{
    width:150px;
    margin-left:10px;
    padding:0;
    margin-bottom:10px;
    margin-top:5px;
    font-size:1.2em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer a.btn-gold{
        float:left;
        width:100%;
        margin-bottom:15px;
        padding:0;
        font-size:1.2em;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer a.btn-gold{
        font-size:1.5em;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer a.btn-gold{
        width:225px;
        margin-left:50px;
        margin-right:50px;
    }
}

.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .right{
    float:left;
    width:108px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .right{
        float:left;
        width:100%;
        min-height:173px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .right{
        float:left;
        width:100%;
        min-height:163px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .right{
        float:left;
        width:100%;
        min-height:153px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p.title{
    color:#ffea50;
    text-shadow:1px 2px #1d2229;
    font-weight:700;
    font-size:1.1em;
    margin-bottom:5px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p.title{
        font-size:1.2em;
        min-height:23px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p.title{
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:1.5em;
        min-height:23px;
        margin-bottom:15px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p.title{
        text-shadow:1px 2px #1d2229;
        font-weight:bold;
        font-size:1.5em;
        min-height:20px;
        margin-bottom:15px;
        margin-top:20px;
    }
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer.go p.title{
    color:#ffbf3f;
}
.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p{
    color:#fff;
    text-align:center;
    text-shadow:1px 2px #1d2229;
    line-height:20px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:60px;
        font-size:0.9em;
        line-height:17px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:80px;
        font-size:1em;
        line-height:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #1d2229;
        font-weight:600;
        min-height:80px;
        font-size:1em;
        line-height:20px;
        margin-left:15px;
        margin-right:15px;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer a img{
        width:100%;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .ppcStage4 .boxContainer a img{
        width:initial;
        margin:0 auto;
    }
}

.pccHeatingOilContent #stage4 .ppcStage4 .boxContainer .btnContainer{
    text-align:center;
}
.pccHeatingOilContent #stage4 .ppcStage4 .boilerjuiceMan{
    height:0;
    position:relative;
    left:-80px;
    top:90px;
}
.pccHeatingOilContent #stage4 .ppcStage4 .help p{
    color:#fff;
    text-align:center;
    font-size:1.1em;
    line-height:30px;
    margin-bottom:20px;
}
.pccHeatingOilContent #stage4 .ppcStage4 .help p.title{
    color:#f3dd4c;
    font-size:1.4em;
    margin-bottom:0;
}
.pccHeatingOilContent #stage4 .ppcStage4 .help p span{
    font-weight:bold;
    font-size:1.2em;
}

.pccHeatingOilContent #stage4 .grass{
    background-color:#69b737;
    height:0;
}
.pccHeatingOilContent #stage4 .grass{
    background-color:#69b737;
    height:0;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage4 .grass{
        background-color:#69b737;
        height:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage4 .grass{
        background-color:#69b737;
        height:40px;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage4 .hills{
        background-image:url('../media/templateImages/bg-hills.png');
        height:42px;
    }
}

/*stage 5*/
.pccHeatingOilContent #stage5{
    background-color:#1e262e;
}
.pccHeatingOilContent #stage5 .ppcStage5 p.step{
    color:#ff903a;
    text-align:center;
    margin-top:10px;
    font-size:1.2em;
    font-weight:600;
    margin-bottom:0;
    text-shadow:1px 2px #1d2229;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .ppcStage5 p.step{
        font-size:1.5em;
        margin-top:10px;
        margin-bottom:5px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage5 .ppcStage5 p.step{
        font-size:1.8em;
        margin-top:40px;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 p.title{
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
    text-shadow:1px 2px #1d2229;
    margin:10px 10px 0 10px;
    line-height:25px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .ppcStage5 p.title{
        color:#fff;
        text-align:center;
        font-weight:bold;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 140px 10px 140px;
        line-height:35px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage5 .ppcStage5 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 260px 20px 240px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage5 .ppcStage5 p.title{
        color:#fff;
        text-align:center;
        font-weight:600;
        font-size:1.8em;
        text-shadow:1px 2px #1d2229;
        margin:10px 360px 20px 360px;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form{
    margin:0 auto;
    max-width:320px;
    margin-top:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form{
        margin:10px 180px 0 180px;
        max-width:390px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form{
        width:378px;
        margin:0 auto;
        margin-top:10px;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form p{
    color:#fff;
    margin-bottom:2px;
    font-weight:600;
    font-size:0.9em;
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form p{
        font-size:1.1em;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form p span{
    color:#9c9e9f;
    font-weight:normal;
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form p span{
        color:#9c9e9f;
        font-size:0.8em;
        font-weight:normal;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form.email p{
    float:left;
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form.email a{
    float:right;
    font-size:0.8em;
    color:#ff7a2c;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form.email a{
        float:right;
        font-size:1em;
        color:#fff;
    }
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form input.input{
    display:block;
    margin:0 9px 0 0;
    border:1px solid #ccc;
    border-radius:6px;
    -moz-border-radius:6px;
    background:#fff;
    font-size:1em;
    width:100%;
    height:37px;
    padding-left:7px;
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form .btnContainer img{
    width:100%;
    max-width:290px;
    margin:0 auto;
    margin-top:20px;
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .form .btnContainer input.submit{
    width:100%;
    margin:0 auto;
    display:block;
    max-width:338px;
    margin-top:20px;
    margin-bottom:25px;
    outline:none;
    font-size:1.2em;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form .btnContainer input.submit{
        font-size:1.5em;
        max-width:358px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .form .btnContainer input.submit{
        font-size:1.5em;
        max-width:358px;
    }
}



.pccHeatingOilContent #stage5 .ppcStage5 .content .boilerjuiceMan{
    height:0;
}
.pccHeatingOilContent #stage5 .ppcStage5 .content .boilerjuiceMan img{
    position:relative;
    top:-140px;
    left:-50px;
}
@media (min-width:992px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .boilerjuiceMan img{
        position:relative;
        top:-140px;
        left:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent #stage5 .ppcStage5 .content .boilerjuiceMan img{
        position:relative;
        top:-140px;
        left:110px;
    }
}
.pccHeatingOilContent #stage5 .grass{
    background-color:#69b737;
    height:0;
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .grass{
        background-color:#69b737;
        height:70px;
    }
}
@media (min-width:768px){
    .pccHeatingOilContent #stage5 .hills{
        background-image:url('../media/templateImages/bg-hills.png');
        height:42px;
    }
}


.pccHeatingOilContent .grass{
    background-color:#69b737;
    height:136px;
}
@media (min-width:768px){
    .pccHeatingOilContent .grass{
        background-color:#69b737;
        height:86px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .grass{
        background-color:#69b737;
        height:106px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .grass{
        background-color:#69b737;
        height:156px;
    }
}


.pccHeatingOilContent .rated{
    background-color:#69b737;
    padding:20px 10px 20px 10px;
}
@media (min-width:768px){
    .pccHeatingOilContent .rated{
        background-image:url('../media/templateImages/bg-trustpilot-green.png');
        padding:10px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .rated{
        background-image:url('../media/templateImages/bg-trustpilot-green.png');
        padding:20px;
    }
}
.pccHeatingOilContent .rated .starContainer{
    text-align:center;
}
.pccHeatingOilContent .rated .starContainer img{
    width:100%;
    max-width:207px;
}
@media (min-width:768px){
    .pccHeatingOilContent .rated img{
        float:left;
        margin-left:40px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .rated img{
        float:left;
        margin-left:150px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .rated img{
        float:left;
        margin-left:130px;
    }
}
.pccHeatingOilContent .rated p{
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:1.2em;
    line-height:25px;
    text-shadow:1px 2px #4a903D;
    position:relative;
}
.pccHeatingOilContent .rated p span{
    color:#fff54c;
}
.pccHeatingOilContent .rated p span.extra{
    font-size:0.9em;
    font-weight:600;
}
@media (min-width:768px){
    .pccHeatingOilContent .rated p{
        text-align:center;
        color:#fff;
        font-weight:700;
        text-shadow:1px 2px #4a903D;
        float:left;
        width:570px;
        font-size:1em;
        line-height:15px;
        margin-bottom:0;
    }
    .pccHeatingOilContent .rated p span{
        color:#fff54c;
    }
    .pccHeatingOilContent .rated p span.extra{
        font-size:0.8em;
        margin-left:25px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .rated p{
        float:left;
        color:#fff;
        font-weight:bold;
        font-size:1em;
        margin-left:10px;
        margin-bottom:0;
        line-height:16px;
    }
    .pccHeatingOilContent .rated p span{
        color:#fff54c;
    }
    .pccHeatingOilContent .rated p span.extra{
        font-size:0.8em;
        margin-left:20px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .rated p{
        float:left;
        color:#fff;
        font-weight:700;
        font-size:20px;
        margin-left:0;
        margin-bottom:0;
        width:740px;
        line-height:27px;
    }
    .pccHeatingOilContent .rated p span{
        color:#fff54c;
    }
    .pccHeatingOilContent .rated p span.extra{
        font-size:0.8em;
        margin-left:20px;
    }
}
.pccHeatingOilContent .featuredOn{
    background-image:url('../media/templateImages/bg-trustpilot-green.png');
    padding:3px;
}
.pccHeatingOilContent .featuredOn p{
    color:#fff;
    font-weight:bold;
    text-shadow:1px 2px #297934;
    text-align:center;
    margin:0;
}
.pccHeatingOilContent .featured{
    margin-bottom:30px;
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured{
        margin-bottom:60px;
    }
}
.pccHeatingOilContent .featured .featuredContainer{
    margin-top:20px;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer{
        margin:0 auto;
        display:block;
        width:630px;
        padding-top:20px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer{
        margin:0 auto;
        display:block;
        width:630px;
        padding-top:30px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer{
        margin:0 auto;
        display:block;
        width:1010px;
        padding-top:10px;
    }
}
.pccHeatingOilContent .featured .featuredContainer img.telegraph{
    display:block;
    margin:0 auto;
    margin-bottom:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer img.telegraph{
        display:inline-block;
        vertical-align:bottom!important;
        padding-top:10px;
        margin:0 20px 0 80px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer img.telegraph{
        display:inline-block;
        vertical-align:bottom!important;
        padding-top:10px;
        margin:0 20px 0 80px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer img.telegraph{
        margin-right:30px;
        margin-bottom:4px;
    }
}
.pccHeatingOilContent .featured .featuredContainer img.mse{
    display:block;
    margin:0 auto;
    margin-bottom:12px;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer img.mse{
        display:inline-block;
        margin:0 20px 6px 0;
        vertical-align:bottom!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer img.mse{
        display:inline-block;
        margin:0 20px 6px 0;
        vertical-align:bottom!important;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer img.mse{
        margin-right:30px;
        margin-bottom:0;
    }
}
.pccHeatingOilContent .featured .featuredContainer img.which{
    display:block;
    margin:0 auto;
    margin-bottom:15px;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer img.which{
        display:inline-block;
        margin:0;
        vertical-align:bottom !important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer img.which{
        display:inline-block;
        margin:0;
        vertical-align:bottom !important;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer img.which{
        margin-right:30px;
        margin-bottom:4px;
    }
}
.pccHeatingOilContent .featured .featuredContainer img.bbc{
    display:block;
    margin:0 auto;
    margin-bottom:15px;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer img.bbc{
        display:inline-block;
        margin:0 30px 0 180px;
        vertical-align:bottom!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer img.bbc{
        display:inline-block;
        margin:0 30px 0 180px;
        vertical-align:bottom!important;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer img.bbc{
        display:inline-block;
        margin:0 30px 3px 0;
        vertical-align:bottom!important;
    }
}
.pccHeatingOilContent .featured .featuredContainer img.netmums{
    display:block;
    margin:0 auto;
}
@media (min-width:768px){
    .pccHeatingOilContent .featured .featuredContainer img.netmums{
        display:inline-block;
        margin:10px 0 0 0;
        vertical-align:bottom!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .featured .featuredContainer img.netmums{
        display:inline-block;
        margin:10px 0 0 0;
        vertical-align:bottom!important;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .featured .featuredContainer img.netmums{
        margin-top:10px;
    }
}
.pccHeatingOilContent .facts.container.second{
    margin-bottom:30px;
}
@media (min-width:992px){
    .pccHeatingOilContent .facts.container.second{
        margin-bottom:0;
    }
}
.pccHeatingOilContent .facts .title p{
    text-align:center;
    color:#ffeb50;
    font-weight:bold;
    font-size:1.5em;
    text-shadow:1px 2px #4b8f3d;
    line-height:25px;
    margin-bottom:0;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .title p{
        text-align:center;
        color:#fff;
        font-weight:bold;
        font-size:1.7em;
        text-shadow:1px 2px #4b8f3d;
        margin-bottom:10px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts .title p{
        text-align:center;
        color:#fff;
        font-weight:bold;
        font-size:2em;
        text-shadow:1px 2px #4b8f3d;
        margin-top: 20px;
    }
}

.pccHeatingOilContent .facts .factContainer{
    background-color:#fff;
    border-radius:9px;
    padding:15px;
    margin-top:20px;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .factContainer{
        background-color:#fff;
        border-radius:9px;
        padding:10px;
        margin-top:20px;
        height:160px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts .factContainer{
        background-color:#fff;
        border-radius:9px;
        padding:20px;
        margin-top:20px;
        height:175px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .facts .factContainer{
        background-color:#fff;
        border-radius:9px;
        padding:20px;
        margin-top:20px;
        height:165px;
    }
}
.pccHeatingOilContent .facts .factContainer .tick{
    float:left;
    width:53px;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .factContainer .tick{
        float:left;
        width:59px;
    }
}
.pccHeatingOilContent .facts .factContainer .tick img{
    width:100%;
}
.pccHeatingOilContent .facts .factContainer .fact{
    float:left;
    width:72%;
    margin-left:10px;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .factContainer .fact{
        float:left;
        width:100%;
        margin-left:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts .factContainer .fact{
        float:left;
        width:100%;
        margin-left:0;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .facts .factContainer .fact{
        float:left;
        width:235px;
        margin-left:20px;
    }
}
.pccHeatingOilContent .facts .factContainer .fact p{
    font-size:1em;
    color:#6a6a6a;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .factContainer .fact p{
        font-size:1em;
        color:#6a6a6a;
        text-align:center;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts .factContainer .fact p{
        font-size:1.2em;
        color:#6a6a6a;
        text-align:center;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .facts .factContainer .fact p{
        font-size:1.2em;
        color:#6a6a6a;
        text-align:left;
    }
}
.pccHeatingOilContent .facts .factContainer .fact p.title{
    color:#0073b5;
    font-weight:700;
    font-size:1.1em;
    line-height:25px;
    margin-bottom:0;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts .factContainer .fact p.title{
        color:#0073b5;
        font-weight:700;
        font-size:1.1em;
        line-height:20px;
        height:38px;
        margin-bottom:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts .factContainer .fact p.title{
        color:#0073b5;
        font-weight:700;
        font-size:1.4em;
        line-height:25px;
        text-align:center;
        min-height:50px;
        margin-bottom:0;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .facts .factContainer .fact p.title{
        color:#0073b5;
        font-weight:700;
        font-size:1.4em;
        line-height:25px;
        text-align:left;
        min-height:0;
        margin-bottom:0;
        height:28px;
    }
    .pccHeatingOilContent .facts .factContainer .fact p.title.extra{
        height:51px;
    }
}
.pccHeatingOilContent .facts img.shadow{
    vertical-align:top!important;
    margin-left:35px;
}
@media (min-width:768px){
    .pccHeatingOilContent .facts img.shadow{
        vertical-align:top!important;
        margin-left:0;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .facts img.shadow{
        vertical-align:top!important;
        margin-left:35px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .facts img.shadow{
        vertical-align:top!important;
        margin-left:10px;
    }
}

.pccHeatingOilContent .pricePromise{
    background-color:#ff7b2c;
    padding:20px;
}
@media (min-width:992px){
    .pccHeatingOilContent .pricePromise{
        background-color:#ff7b2c;
        padding:20px;
        margin-top:30px;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .pricePromise{
        background-color:#ff7b2c;
        padding:20px;
    }
}
.pccHeatingOilContent .pricePromise p{
    margin:0;
    color:#fff;
    text-align:center;
    font-size:1.2em;
    text-shadow:1px 2px #c45d21;
    font-weight:600;
    line-height:25px;
}
@media (min-width:768px){
    .pccHeatingOilContent .pricePromise p{
        margin:0;
        color:#fff;
        text-align:center;
        font-size:1.2em;
        text-shadow:1px 2px #c45d21;
        font-weight:600;
        line-height:30px;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .pricePromise p{
        margin:0;
        color:#fff;
        text-align:center;
        font-size:1.5em;
        text-shadow:1px 2px #c45d21;
        font-weight:600;
    }
}
.pccHeatingOilContent .pricePromise p span{
    color:#fffc4e;
    font-weight:bold;
    font-size:1.2em;
}
@media (min-width:768px){
    .pccHeatingOilContent .pricePromise p span{
        color:#fffc4e;
        font-weight:bold;
        font-size:1.2em;
    }
}
.pccHeatingOilContent .support{
    background-color:#364454;
}
.pccHeatingOilContent .support p{
    color:#fff;
    text-align:center;
    margin-top:10px;
    font-size:1.2em;
    line-height:29px;
    margin-bottom:30px;
}
.pccHeatingOilContent .support p span{
    font-weight:bold;
    font-size:1.1em;
}
.pccHeatingOilContent .support p a{
    color:#fff;
}
.pccHeatingOilContent .support p.title{
    color:#ffea50;
    font-weight:700;
    font-size:1.6em;
    margin-bottom:0;
    margin-top:30px;
    line-height:30px;
}
@media (min-width:768px){
    .pccHeatingOilContent .support p{
        color:#fff;
        text-align:center;
        margin-top:10px;
        font-size:1.5em;
        line-height:35px;
        margin-bottom:30px;
    }
    .pccHeatingOilContent .support p.title{
        color:#ffea50;
        font-weight:bold;
        font-size:2em;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .support p{
        color:#fff;
        text-align:center;
        margin-top:20px;
        font-size:1.5em;
        line-height:35px;
        margin-bottom:30px;
    }
    .pccHeatingOilContent .support p.title{
        color:#ffea50;
        font-weight:bold;
        font-size:2em;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .support p{
        color:#fff;
        text-align:center;
        margin-top:20px;
        font-size:1.5em;
        line-height:35px;
        margin-bottom:30px;
    }
    .pccHeatingOilContent .support p.title{
        color:#ffea50;
        font-weight:bold;
        font-size:2em;
        margin-top:80px;
    }
}
.pccHeatingOilContent .support .btnContainer{
    margin:0;
}
@media (min-width:1200px){
    .pccHeatingOilContent .support .btnContainer{
        margin:0 360px;
    }
}
.pccHeatingOilContent .support .btnContainer img{
    margin:0 auto;
}
.pccHeatingOilContent .support .manContainer{
    height:0;
}
.pccHeatingOilContent .support img.man{
    position:relative;
    left:920px;
    top:-170px;
}
@media (min-width:768px){
    .pccHeatingOilContent .support img.man{
        position:relative;
        left:600px;
        top:-110px;
    }
    .pccHeatingOilContent .support img.man.hidden-md.hidden-lg{
        display:inline-block!important;
    }
}
@media (min-width:992px){
    .pccHeatingOilContent .support img.man{
        position:relative;
        left:715px;
        top:-150px;
    }
    .pccHeatingOilContent .support img.man.hidden-md.hidden-lg{
        display:none!important;
    }
    .pccHeatingOilContent .support img.man.hidden-sm{
        display:inline-block!important;
    }
}
@media (min-width:1200px){
    .pccHeatingOilContent .support img.man{
        position:relative;
        left:880px;
        top:-160px;
    }
}
.pccHeatingOilContent .support .hills{
    background-image:url('../media/templateImages/bg-hills.png');
    height:42px;
}
.pccHeatingOilContent .support .grass{
    background-color:#69b737;
    height:10px;
}
@media (min-width:992px){
    .pccHeatingOilContent .support .grass{
        background-color:#69b737;
        height:40px;
    }
}

.pccHeatingOilContent #stage5 .ppcStage5 .content .form input.input.error{
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    color:#FF0000;
}


#footer.ppcheatingoil{
    border-top:none;
    padding-top:0;
}
@media (min-width:768px){
    #footer.ppcheatingoil{
        padding-top:40px;
    }
}
.footer.boilerJuice.ppcheatingoil{
    margin:20px 20px 0 20px;
}
.footer.boilerJuice.ppcheatingoil p{
    margin-top:10px;
}
.footer.boilerJuice.ppcheatingoil p.normal{
    display:none;
}
@media (min-width:768px){
    #footer.ppcheatingoil p.contact.normal{
        display:inline-block;
    }
    #footer.ppcheatingoil p.contact.ppc{
        display:none;
    }
    #footer.ppcheatingoil .footer-links{
        display:none;
    }
}
.pccHeatingOilContent .btn-gold{
    color:#7c3b15;
    text-shadow:1px 2px #ffd489;
}
/* PPC May Madness */
@media (max-width:992px){
    .ppcMayMadness{
        margin-top:85px;
    }
}
@media (min-width:992px){
    .ppcMayMadness{
        background-image:url('../media/templateImages/May-Madness-Home-Page-Desktop-Small.png');
        background-position:center bottom !important;
        padding:30px 0;
    }
    .ppcMayMadness.extra{
        padding:50px 0!important;
    }
}
@media (min-width:1200px){
    .ppcMayMadness{
        background-image:url('../media/templateImages/May-Madness-Home-Page-Desktop.png');
        background-position:center bottom !important;
        padding:30px 0;
    }
    .ppcMayMadness.extra{
        padding:50px 0!important;
    }
}
.ppcMayMadness .errorMessage, .ppcMayMadnessTop .errorMessage{
    background-color:transparent!important;
}
@media (max-width:992px){
    .ppcMayMadness .col-md-8.top-block{
        background-color:#167cc1;
    }
    .ppcMayMadness .col-md-4.quote-block{
        background-color:#56ac52;
        padding-top:20px;
        padding-bottom:20px;
    }
    .ppcMayMadness .mayMadnessTop div.img{
        height:50px;
    }
    .ppcMayMadness .mayMadnessTop div.img img{
        margin:0 auto;
        display:block;
        position:relative;
        top:-92px;
    }
    .ppcMayMadness .mayMadnessTop p{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #00699c;
        font-weight:600;
    }
    .ppcMayMadness .mayMadnessTop p.tandc{
        color:#fff;
        text-align:center;
        text-shadow:1px 2px #00699c;
        font-weight:300;
        font-size:0.8em;
    }
}
.ppcMayMadnessMiddle.trustpilot{
    background-color:#4aa848;
}
@media (max-width:992px){
    .ppcMayMadnessMiddle.trustpilot{
        max-width:750px;
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto;
    }
}
.ppcMayMadnessMiddle.trustpilot .trustpilot a img{
    width:100%;
    max-width:383px;
}
.ppcMayMadnessMiddle .trustpilot span{
    color:#fcee21;
}
.ppcMayMadnessMiddle .featured-list{
    position:absolute;
    vertical-align:middle;
    height:33px;
    top:320px;
    color:#fcee21;
}
.ppcMayMadnessMiddle .featured-list p{
    color:#fcee21;
}
.ppcMayMadnessMiddle .featured-list img{
    padding:0 15px;
}

.ppcMayMadnessMiddle h1,
.ppcMayMadnessMiddle h2,
.ppcMayMadnessMiddle h3 {
    color:#fff;
    margin-top:10px;
    font-weight:600;
}
.ppcMayMadnessMiddle p {
    color:#fff;
    font-size:18px;
}
@media (max-width:375px){
    .ppcMayMadnessMiddle .featured-list{
        position:relative;
        top:0;
        height:auto;
    }
    .ppcMayMadnessMiddle .featured-list img{
        padding:0 10px;
    }
}

@media (min-width:375px){
    .ppcMayMadnessMiddle .featured-list{
        position:relative;
        top:0;
        height:auto;
    }
    .ppcMayMadnessMiddle .featured-list img{
        padding:0 10px;
    }
}

@media (min-width:992px) {
    .ppcMayMadnessMiddle p {
        font-size:15px;
    }
    .ppcMayMadnessMiddle .featured-list{
        top:310px;
    }
    .ppcMayMadnessMiddle .featured-list>img{
        padding:0 0 0 10px;
    }
}
@media (min-width:1200px) {
    .ppcMayMadnessMiddle p {
        font-size:17px;
    }
    .ppcMayMadnessMiddle .featured-list{
        top:320px;
    }
    .ppcMayMadnessMiddle .featured-list>img{
        padding:0 15px;
    }
}
.ppcMayMadnessMiddle.history{
    margin:30px 0;
}
.ppcMayMadnessMiddle.history p{
    text-align:center;
    color:#4d4d4d;
    font-weight:600;
    line-height:30px;
}
@media (min-width:768px) {
    .ppcMayMadnessMiddle.history p{
        padding:10px 30px 10px 30px;
        line-height:30px;
    }
}
@media (min-width:992px) {
    .ppcMayMadnessMiddle.history p{
        padding:10px 120px 10px 120px;
        line-height:30px;
        font-size:1.2em;
    }
}
@media (min-width:1200px) {
    .ppcMayMadnessMiddle.history p{
        padding:10px 220px 10px 220px;
    }
}
.ppcMayMadnessMiddle.history p.title{
    color:#0074b5;
    font-size:1.6em;
    padding:10px 0 0 0;
}
.ppcMayMadnessMiddle.history p.subTitle{
    color:#f15a24;
}
@media (max-width:768px) {
    .ppcMayMadnessMiddle.history p.subTitle{
        padding-bottom:10px;
    }
}
.ppcMayMadnessMiddle.history a img{
    margin:0 auto;
    margin-top:50px;
}
.ppcMayMadnessMiddle.terms .container{
    border-top:1px dashed #B2B2B2;
    text-align:center;
}
.ppcMayMadnessMiddle.terms .col-md-12{
    padding:35px;
}
.ppcMayMadnessMiddle.terms a{
    color:#f15a24!important;
}
/* Email May Madness popup */
#mayMadnessEmailverfiedPopup p{
    font-weight:bold;
    color:#363636;
    text-align:center;
    font-size:1.2em;
}
#mayMadnessEmailverfiedPopup p.title{
    color:#8f2871;
    font-size:2em;
    font-weight:bold;
    text-align:center;
    line-height:35px;
    margin:0 40px 25px 40px;
}
#mayMadnessEmailverfiedPopup a img{
    margin:0 auto;
    display:block;
    margin-top:20px;
    width:100%;
    max-width:423px;
}
#mayMadnessEmailverfiedPopup #time{
    margin:15px 0;
}
#mayMadnessEmailverfiedPopup #time p{
    font-size:1.6em;
}
#mayMadnessEmailverfiedPopup #time p#day span.number,
#mayMadnessEmailverfiedPopup #time p#hour span.number,
#mayMadnessEmailverfiedPopup #time p#minute span.number{
    color:#ff5a33;
}
#mayMadnessEmailverfiedPopup #time p#day span.text,
#mayMadnessEmailverfiedPopup #time p#hour span.text,
#mayMadnessEmailverfiedPopup #time p#minute span.text{
    color:#0073b7;
}

@media (min-width:768px) {
    #mayMadnessEmailverfiedPopup #time p{
        float:left;
    }
    #mayMadnessEmailverfiedPopup #time p#day{
        margin-left:100px;
        margin-right:5px;
    }
    #mayMadnessEmailverfiedPopup #time p#hour{
        margin-left:5px;
        margin-right:5px;
    }
    #mayMadnessEmailverfiedPopup #time p#minute{
        margin-left:5px;
        margin-right:0;
    }
}

@media (max-width:767px) {
    .form-horizontal .col-sm-4 > .pull-right {
        float:none !important;
    }
}

.modal-header.gradient{
    /*  background:linear-gradient(0deg,#dd5709 ,#dd5709 43%,#dd5709 63%,#FF9600);
*/
    background:linear-gradient(0deg,#FF9600, #dd5709 43%,#dd5709 63%,#dd5709);
    padding-bottom:10px;
}
.modal-body.nogap{
    padding-top:0;
    margin-top:0;
}
.modal-header.gradient p,
.modal-header.gradient h1,
.modal-header.gradient h2,
.modal-header.gradient h3,
.modal-header.gradient h4 {
    color:#fff;
    border-bottom:none;
}
.chevron {
    position:relative;
    text-align:center;
    color:#fff;
    padding:12px;
    margin-bottom:0;
    height:31px;
    width:100%;
    margin-top:-10px;
    background:#fff;
    overflow:hidden;
}
.chevron:before {
    content:'';
    position:absolute;
    color:#fff;
    top:-16px;
    left:0;
    height:100%;
    width:51%;
    background:linear-gradient(-6.0deg, #dd5709 ,#FF9600 43%, #dd5709 63%, #FF9600);
    -webkit-transform:skew(0deg, 6deg);
    -moz-transform:skew(0deg, 6deg);
    -ms-transform:skew(0deg, 6deg);
    -o-transform:skew(0deg, 6deg);
    transform:skew(0deg, 6deg);
    border-bottom:1px solid #FF9600;
}
.chevron:after {
    content:'';
    position:absolute;
    top:-16px;
    right:0;
    height:100%;
    width:50%;
    background:linear-gradient(6.0deg, #dd5709 ,#FF9600 43%, #dd5709 63%, #FF9600);
    -webkit-transform:skew(0deg, -6deg);
    -moz-transform:skew(0deg, -6deg);
    -ms-transform:skew(0deg, -6deg);
    -o-transform:skew(0deg, -6deg);
    transform:skew(0deg, -6deg);
    border-bottom:1px solid #FF9600;
}

/*---------------------------------------*/
/* Ordertankered Oil stage 2  SPLIT B */


.quoteResultPage img.trustpilotandsecurity{
    width:100%;
    margin-top:35px;
}

/* Quote results */
.quoteResultPage #quoteResultsPage .order a.btn.btn-gold{
    display:block;
    width:215px;
}
@media (min-width:992px){
    .quoteResultPage #quoteResultsPage .order a.btn.btn-gold{
        display:block;
        width:131px;
    }
}
@media (min-width:1200px){
    .quoteResultPage #quoteResultsPage .order a.btn.btn-gold{
        display:block;
        width:169px;
    }
}

@media (min-width:992px){
    .quoteResultPage #quoteResultsPage .quoteRowHeader{
        padding:10px 0;
        margin-top:10px;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .service{
        width:33.33333333333333%;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .volume{
        width:8.333333333333332%;
        padding:0;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .volume p{
        font-size:12px;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .price{
        width:16.666666666666664%;
        padding:0;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .price p{
        font-size:12px;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .total{
        width:16.666666666666664%;
        padding:0;
    }
    .quoteResultPage #quoteResultsPage .quoteRowHeader .total p{
        font-size:12px;
    }
    .quoteResultPage #quoteResultsPage .express{
        padding:10px 10px 0;
    }
    .quoteResultPage #quoteResultsPage .service{
        width:33.33333333333333%;
    }
    .quoteResultPage #quoteResultsPage .service h2{
        font-size:1.2em;
        margin-bottom:7px;
    }
    /*  .quoteResultPage #quoteResultsPage .service p.aftercutoff{
    font-size:14px;
  }*/
    .quoteResultPage #quoteResultsPage .service p{
        font-size:12px;
    }
    .quoteResultPage #quoteResultsPage .volume{
        width:8.333333333333332%;
        padding:40px 0;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup.express .volume{
        padding-top:30px;
        padding-bottom:30px;
    }
    .quoteResultPage #quoteResultsPage .volume p{
        font-size:22px;
        text-align:center;
    }
    /*  .quoteResultPage #quoteResultsPage .afterCutoff .volume{
    padding-top:30px;
    padding-bottom:30px;
  }*/
    .quoteResultPage #quoteResultsPage .price{
        width:16.666666666666664%;
        padding:40px 0;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup.express .price{
        padding-top:30px;
        padding-bottom:30px;
    }
    .quoteResultPage #quoteResultsPage .price p{
        font-size:22px;
        text-align:center;
    }
    /*  .quoteResultPage #quoteResultsPage .afterCutoff .price{
    padding-top:30px;
    padding-bottom:30px;
  }*/
    .quoteResultPage #quoteResultsPage .total{
        width:16.666666666666664%;
        padding:40px 0;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup.express .total{
        padding-top:30px;
        padding-bottom:30px;
    }
    .quoteResultPage #quoteResultsPage .total p{
        font-size:22px;
        text-align:center;
    }
    /*  .quoteResultPage #quoteResultsPage .afterCutoff .total{
    padding-top:30px;
    padding-bottom:30px;
  }*/
    .quoteResultPage #quoteResultsPage .order{
        width:25%;
        padding-left:0;
        padding-right:0;
        padding-top:32px;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup.express .order{
        padding-top:22px;
    }
    /*  .quoteResultPage #quoteResultsPage .afterCutoff .order{
    padding-top:22px;
  }*/
    .quoteResultPage #quoteResultsPage .order a.btn.btn-gold{
        font-size:15px;
        margin-left:5px;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup{
        padding:10px 10px 5px;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.express.economy .service h2{
        font-size:1.1em;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup .service p strong{
        font-size:12px;
    }

    /* Group Oil Meter */

    .quoteResultPage #quoteResultsPage .standard.groupometer{
        padding:20px 0 20px;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer h2{
        margin:0 0 20px 20px;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer p{
        margin-bottom:0;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer p.p2.extra{
        margin-bottom:20px;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer .priceData .service p{
        line-height:1.2em;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer p.tip{
        margin:20px -15px 30px -15px;
        background:url('../media/templateImages/groupometer/badge-tip.png') 35px 6px no-repeat rgba(0,0,0,.1);
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer .groupometer.middle{
        width:393px;
        margin:0 auto 20px;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer .groupometer.bottom{
        width:393px;
        margin:0 auto 10px;
    }
    .quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer .service{
        padding:10px 0;
    }
    .quoteResultPage #quoteResultsPage .standard.groupometer .service h2{
        margin:0 0 5px 0;
    }
    .quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer .volume{
        padding-top:10px;
        padding-bottom:10px;
    }
    .quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer .price{
        padding-top:10px;
        padding-bottom:10px;
    }
    .quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer .total{
        padding-top:10px;
        padding-bottom:10px;
    }
    .quoteResultPage #quoteResultsPage .groupSavings.standard.groupometer .order{
        padding-top:10px;
        padding-left:10px;
    }
    .quoteResultPage #quoteResultsPage .groupometer .order a.btn{
        padding:9px 18px;
    }

}
@media (min-width:1200px){
    .quoteResultPage #quoteResultsPage .standard.groupometer p.tip{
        background:url('../media/templateImages/groupometer/badge-tip.png') 35px 12px no-repeat rgba(0,0,0,.1);
    }
    .quoteResultPage #quoteResultsPage .order{
        padding-top:26px;
    }
    .quoteResultPage #quoteResultsPage .order a.btn.btn-gold{
        font-size:21px;
        margin-left:0;
    }
    .quoteResultPage #quoteResultsPage .service h2{
        font-size:1.4em;
    }
    .quoteResultPage #quoteResultsPage .service p.aftercutoff{
        font-size:12px;
    }
    /*  .quoteResultPage #quoteResultsPage .afterCutoff .order{
    padding-top:15px;
  }*/
    .quoteResultPage #quoteResultsPage .nongroupometer.standardGroup.express .order{
        padding-top:16px;
    }
    .quoteResultPage #quoteResultsPage .nongroupometer.express.economy .service h2{
        font-size:1.4em;
    }
}
/*---------------------------------------*/

@media screen and (min-width:768px) {
    #default-modal .modal-dialog {
        width:662px;
    }
    #default-modal .modal-dialog .button.close {
        color:#fff;
    }
    #default-modal .modal-dialog .modal-body {
        padding:0 55px 20px;
    }
    #default-modal .modal-dialog .modal-body p {
        line-height:30px;
    }
}

/*---------boilerjuice team-----------*/

.boilerjuiceTeam h1{
    border-bottom:solid 2px #ddd;
    margin-top:0;
    font-size:1.8em;
    line-height:35px;
    margin-bottom:30px;
    padding-bottom:15px;
}
.boilerjuiceTeam p.subheading{
    color:#0070bc;
    font-weight:bold;
    font-size:1.4em;
    line-height:28px;
}
.boilerjuiceTeam p.heading{
    font-family:'Just Another Hand',cursive;
    font-size:3.8em;
    line-height:65px;
    margin-bottom:20px;
    margin-top:40px;
}
.boilerjuiceTeam p.heading.orange{
    color:#f15a25;
}
.boilerjuiceTeam p.heading.blue{
    color:#0070bc;
    margin-bottom:10px;
}
.boilerjuiceTeam p.text{
    margin:20px 0;
    font-size:1.2em;
    line-height:26px;
}
.boilerjuiceTeam .team{
    margin-bottom:30px;
}
.boilerjuiceTeam .team .photo p.name{
    text-align:center;
    color:#f15a25;
    font-weight:bold;
    font-size:1.6em;
    margin-bottom:0;
}
@media (min-width:992px) {
    .boilerjuiceTeam .team .photo p.name {
        margin-bottom:5px;
    }
}
.boilerjuiceTeam .team .photo p.title{
    text-align:center;
    font-size:1.1em;
    margin-bottom:30px;
}
@media (min-width:768px) {
    .boilerjuiceTeam .team .photo p.title {
        font-size:1.2em;
    }
}
@media (min-width:1200px) {
    .boilerjuiceTeam .team .photo p.title {
        font-size:1em;
    }
}
.boilerjuiceTeam .team .photo img {
    width:100%;
    margin:0 auto;
    max-width:300px;
    display:block;
}
.boilerjuiceTeam .success p.text{
    margin-top:0;
    margin-bottom:50px;
}
.boilerjuiceTeam .aim{
    margin-bottom:10px;
}
.boilerjuiceTeam .aim p, .boilerjuiceTeam .aim img{
    float:left;
}
.boilerjuiceTeam .aim p{
    margin-left:10px;
    width:87%;
    font-size:1.2em;
    margin-top:3px;
}
.boilerjuiceTeam .help{
    margin-top:70px;
    margin-bottom:60px;
}
.boilerjuiceTeam .help p{
    text-align:center;
    font-size:1.2em;
}
.boilerjuiceTeam .help p.title{
    color:#0070bc;
    font-size:1.8em;
    font-weight:bold;
}
.boilerjuiceTeam .help p.number{
    font-weight:bold;
}
.boilerjuiceTeam .help p.number span{
    color:#f15a25;
}
.boilerjuiceTeam .bottom{
    margin-bottom:40px;
}
.boilerjuiceTeam .bottom p{
    font-weight:700;
    color:#f15a25;
    text-align:center;
    font-size:1.5em;
    margin-bottom:15px;
}
@media (max-width:767px) {
    .boilerjuiceTeam .bottom .btn {
        width:100%;
    }
    .boilerjuiceTeam .bottom .btn a{
        width:210px;
        float:initial;
    }
}
.boilerjuiceTeam .bottom .btn{
    float:left;
}
.boilerjuiceTeam .bottom .btn a {
    width:220px;
}
@media (min-width:768px) {
    .boilerjuiceTeam .bottom .arrow{
        width:230px;
        float:left;
        margin-top:17px;
    }
}
@media (min-width:992px) {
    .boilerjuiceTeam .bottom .arrow{
        width:180px;
        float:left;
        margin-top:17px;
    }
}
@media (min-width:1200px) {
    .boilerjuiceTeam .bottom .arrow {
        width:250px;
        float:left;
        margin-top:17px;
    }
}
.boilerjuiceTeam .bottom .arrow.left img {
    float:right;
}
.boilerjuiceTeam .customer.service .top p.title{
    color:#388e07;
    font-weight:600;
    font-size:1.4em;
    line-height:26px;
    margin-bottom:20px;
}
.boilerjuiceTeam .customer.service .top img{
    position:relative;
    top:-129px;
    left:172px;
}
.boilerjuiceTeam .customer.service .top p.date{
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:0;
}
.boilerjuiceTeam .customer.service .top .imgcontainer{
    height:20px;
}
.boilerjuiceTeam .customer.service .top p.time {
    color:#f15a25;
    font-weight:bold;
    font-size:1.1em;
}
.boilerjuiceTeam .customer.service .reviews p.title{
    color:#f15a25;
    font-weight:bold;
    font-size:1.2em;
    margin-top:30px;
}
.boilerjuiceTeam .customer.service .reviews .review{
    padding:15px 10px;
    margin-bottom:20px;
}
.boilerjuiceTeam .customer.service .reviews .review.one{
    background-color:#e9f9f9;
}
.boilerjuiceTeam .customer.service .reviews .review.two{
    background-color:#cbf1f4;
}
.boilerjuiceTeam .customer.service .reviews .review p.title{
    margin-top:0;
    font-size:1.1em;
}
.boilerjuiceTeam .customer.service .reviews .review p.text{
    margin:5px 0;
    font-size:1em;
    line-height:22px;
}
.boilerjuiceTeam .customer.service .reviews .review p.name{
    color:#0070bc;
    font-style:italic;
    font-weight:bold;
    margin-bottom:0;
}
.boilerjuiceTeam .customer.service .trustpilotrating{
    margin:0 0 30px 0;
}

/*---------Exit modal------*/
@media (max-width:992px) {
    #exit-modal .modal-header h4 {
        font-size:1.6em !important;
        width:90% !important;
        margin-top:0 !important;
        margin-left:10px !important;
    }
    #exit-modal .modal-body p{
        font-size:1.6em !important;
        line-height:30px !important;
        margin-top:10px !important;
    }
    #exit-modal .modal-body p.locked, #exit-modal .modal-body p.noLock{
        font-size:1.1em !important;
    }
    #exit-modal .modal-body.bottom img.arrow{
        display:none;
    }
    #exit-modal .modal-body.bottom a{
        margin:0 auto;
        display:block;
        width:100%;
    }
    #exit-modal .modal-body.bottom a img{
        margin:0 auto !important;
        display:block !important;
        margin-top:15px !important;
        margin-bottom:15px !important;
        width:100%;
        max-width:423px;
    }
}
@media (min-width:1200px) {
    #exit-modal .modal-body p.locked{
        width:700px;
    }
}

/*-------------------------*/
/*-----------Satisfaction Guarantee panel-------------*/
#cartSummary #satisfactionGuarantee .top p{
    font-size:1.1em;
    float:left;
    width:158px;
    padding-left:5px;
    line-height:22px;
    padding-top:27px;
}
@media (min-width:1200px) {
    #cartSummary #satisfactionGuarantee .top p{
        font-size:1.5em;
        float:left;
        width:225px;
        padding-left:10px;
        line-height:30px;
        padding-top:20px;
    }
}
#cartSummary #satisfactionGuarantee .text p.title{
    font-size:1.1em;
}
#satisfactionGuarantee{
    margin-bottom:20px;
}
#satisfactionGuarantee .top{
    background-color:#FF3C2C;
    background-image:-ms-linear-gradient(top,#FF3C2C 0,#B22A1F 100%);
    background-image:-moz-linear-gradient(top,#FF3C2C 0,#B22A1F 100%);
    background-image:-o-linear-gradient(top,#FF3C2C 0,#B22A1F 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FF3C2C),color-stop(1,#B22A1F));
    background-image:-webkit-linear-gradient(top,#FF3C2C 0,#B22A1F 100%);
    background-image:linear-gradient(to bottom,#FF3C2C 0,#B22A1F 100%);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color:#fff;
    font-weight:bold;
}
#satisfactionGuarantee.orange .top{
    background: #F05A28 !important;
}
#satisfactionGuarantee .top img{
    float:left;
    padding:10px;
}
#satisfactionGuarantee .top p {
    font-size:1.3em;
    float:left;
    width:190px;
    padding-left:10px;
    line-height:30px;
    padding-top:20px;
}
@media (min-width:768px) {
    #satisfactionGuarantee .top p {
        font-size:2em;
        float:left;
        padding-left:10px;
        line-height:20px;
        padding-top:39px;
        width:490px;
    }
}
@media (min-width:992px) {
    #satisfactionGuarantee .top p {
        font-size:1.3em;
        float:left;
        width:190px;
        padding-left:10px;
        line-height:30px;
        padding-top:20px;
    }
}
@media (min-width:1200px) {
    #satisfactionGuarantee .top p {
        font-size:1.8em;
        float:left;
        width:260px;
        padding-left:10px;
        line-height:30px;
        padding-top:20px;
    }
}
#satisfactionGuarantee .text{
    background-color:#fff;
    color:#444444;
    padding:15px;
    border:1px solid #cecece;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#satisfactionGuarantee .text p.title{
    font-size:1.2em;
}
#satisfactionGuarantee .text .more {
  display:none;
}
/*------------------------*/

/*-----Shop Additive control popup---------*/

#ShopItems.control .modal-content{
    border:none;
    border-radius:0;
    padding:10px;
}
#ShopItems.control .modal-content .modal-header{
    background-color:#38a955;
    color:#fff;
}
#ShopItems.control .modal-content .modal-header p.modal-title{
    color:#fff;
    text-align:center;
    font-size:2em;
    padding:14px 20px 0 20px;
}
#ShopItems.control .modal-content .modal-header p.modal-title span{
    color:#f8eb21;
}
#ShopItems.control .modal-content .modal-body{
    padding:0;
}
#ShopItems.control .modal-content .modal-header a img{
    float:right;
    width:17px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left{
    background-color:#f6e4d6;
    padding:0;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right{
    background-color:#dceaf2;
    padding:0;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left .additiveBenefits{
    background-color:#ff7010;
    padding:20px 20px 20px 10px;
    height:175px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right .additiveBenefits{
    background-color:#137cc0;
    padding:20px 20px 20px 10px;
    height:175px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left p.name{
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    color:#fd6a05;
    padding-top:30px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left p.name span{
    color:#093967;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left p.name span.litres{
    color:#5d5e5e;
    font-size:0.6em;
    font-weight:bold;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right p.name{
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    color:#0271bb;
    padding-top:30px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right p.name span{
    color:#083766;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right p.name span.litres{
    color:#5d5e5e;
    font-size:0.6em;
    font-weight:bold;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left p.description{
    text-align:center;
    color:#fd6a05;
    font-weight:bold;
    font-size:2em;
}
#ShopItems.control .modal-content .modal-body .col-md-6.right p.description{
    text-align:center;
    color:#004c8f;
    font-weight:bold;
    font-size:1.6em;
}
#ShopItems.control .modal-content .modal-body .col-md-6 p.description2{
    text-align:center;
    color:#5d5e5e;
}
#ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list{
    width:300px;
    margin:0 auto;
}
#ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list ul{
    list-style:none;
    padding-left:10px;
}
#ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list ul li{
    background-image:url('../media/templateImages/Tick-orange-desktop.png');
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:5px;
    height:35px;
    color:#fff;
    font-weight:bold;
    font-size:1em;
    margin-bottom:10px;
}
#ShopItems.control .modal-content .modal-body .col-md-6.left .additiveBenefits .list ul li{
    background-image:url('../media/templateImages/Tick-orange-desktop.png');
}
#ShopItems.control .modal-content .modal-body .col-md-6.right .additiveBenefits .list ul li{
    background-image:url('../media/templateImages/Tick-blue-desktop.png');
}
#ShopItems.control .modal-content .modal-body .col-md-6 input.submit-btn{
    margin:0 auto;
    display:block;
    margin-top:30px;
    width:100%;
    max-width:329px;
}
#ShopItems.control .modal-content .modal-body .col-md-6 p.price {
    text-align:center;
    font-size:1.2em;
    margin-top:5px;
    margin-bottom:0;
    padding-bottom:20px;
}
@media (min-width:390px) {
    #ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list{
        width:340px;
    }
}
@media (min-width:768px) {
    #ShopItems.control .modal-content .modal-header p.modal-title{
        font-size:2.7em;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6.right p.description{
        font-size:2em;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6.left .additiveBenefits .list{
        width:420px;
        margin:0 auto;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list{
        width:580px;
        margin:0 auto;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list ul li{
        padding-left:50px;
        padding-top:5px;
        height:35px;
        color:#fff;
        font-size:1.3em;
        margin-bottom:10px;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list ul{
        padding-left:40px;
    }
}
@media (min-width:992px) {
    #ShopItems.control .modal-content .modal-body .col-md-6 p.price {
        text-align:center;
        font-size:1.2em;
        margin-top:5px;
        margin-bottom:20px;
    }
    #ShopItems.control .modal-content .modal-body .col-md-6 .additiveBenefits .list{
        width:100% !important;
        margin:0 auto;
    }
}
/*---------------------------------------------*/

/*-----Shop Additive alternative popup---------*/

#ShopItems.alternative .modal-content{
    border:none;
    border-radius:0;
    padding:10px;
}
#ShopItems.alternative .modal-content .modal-header{
    background-color:#38a955;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #00A340 0%, #007738 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #00A340 0%, #007738 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #00A340 0%, #007738 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00A340), color-stop(100, #007738));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #00A340 0%, #007738 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #00A340 0%, #007738 100%);
    color:#ffffff;
    padding: 10px 15px 5px;
}
#ShopItems.alternative .modal-content .modal-header .modal-title {
    color: #ffdb45;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
}
#ShopItems.alternative .modal-content .modal-body{
    padding: 20px 0;
}
#ShopItems.alternative .modal-content .modal-body .factsContainer .factsRow .img{
    float: left;
    width: 20%;
    max-width: 40px;
    margin-left: 20px;
}
#ShopItems.alternative .modal-content .modal-body .factsContainer .factsRow .text{
    float: left;
    width: 80%;
}
#ShopItems.alternative .modal-content .modal-body .factsContainer .factsRow p{
    float: left;
    font-weight: bold;
}
#ShopItems.alternative .modal-content .modal-body .factsContainer .extra p{
    text-align: center;
    font-weight: bold;
}
#ShopItems.alternative .modal-content .modal-body .additives{
    background-color: #ffffff;
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive{
    float: left;
    width: 50%;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31{
    background: url('../media/templateImages/boilermax-img-sml.png') no-repeat;
    margin: 0 auto;
    max-width: 145px;
    height: 106px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33{
    background: url('../media/templateImages/cookermax-img-sml.png') no-repeat;
    margin: 0 auto;
    max-width: 145px;
    height: 106px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive p{
    float: left;
    position: relative;
    top: 77px;
    color: #ffdb45;
    font-weight: 700;
    font-size: 1.1em;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive p.vat{
    float: left;
    position: relative;
    top: 80px;
    font-size: .6em;
    color: #ffdb45;
    width: 20px;
    line-height: 10px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33 p{
    left: 60px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33 p.vat{
    left: 66px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31 p{
    left: 11px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31 p.vat{
    left: 16px;
}
#ShopItems.alternative .modal-content .modal-body .additives .additive a.btn2{
    max-width: 120px;
    margin: 0 auto;
    margin-top: 5px;
}
#ShopItems.alternative .modal-content .modal-body p.dismiss{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    color: #a1a1a1;
    font-weight: bold;
    line-height: 18px;
    font-size: 0.8em;
}
#ShopItems.alternative .modal-content .modal-body p.dismiss a{
    color:#747474;
    text-decoration: underline;
    font-size: 1em;
}
@media (min-width:768px) {
    #ShopItems.alternative .modal-content .modal-header .modal-title{
        font-size: 2.2em;
    }
    #ShopItems.alternative .modal-content .modal-header .modal-subTitle{
        text-align: center;
        font-size: 1.3em;
        font-weight: bold;
    }
    #ShopItems.alternative .modal-content .modal-body .factsContainer{
        margin-left: 65px;
    }
    #ShopItems.alternative .modal-content .modal-body .factsContainer.july16{
        margin-left: 125px;
    }
    #ShopItems.alternative .modal-content .modal-body .factsContainer .factsRow p{
        font-size: 1.2em;
    }
    #ShopItems.alternative .modal-content .modal-body .factsContainer .extra p{
        font-size: 1.2em;
        margin-left: -125px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31{
        background: url('../media/templateImages/boilermax-img-lrg.png') no-repeat;
        max-width: 258px;
        height: 174px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33{
        background: url('../media/templateImages/cookermax-img-lrg.png') no-repeat;
        max-width: 258px;
        height: 174px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive p{
        top: 136px;
        font-size: 1.9em;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive p.vat{
        top: 135px;
        font-size: .7em;
        width: 22px;
        line-height: 13px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33 p{
        left: 120px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-33 p.vat{
        left: 126px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31 p{
        left: 11px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive .price-additive-31 p.vat{
        left: 16px;
    }
    #ShopItems.alternative .modal-content .modal-body .additives .additive a.btn2 {
        max-width: 190px;
        margin-top: 10px;
    }
    #ShopItems.alternative .modal-content .modal-body p.dismiss{
        margin-top: 30px;
        margin-left: 30px;
        font-size: 1em;
    }
}
/*---------------------------------------------*/

/*----------------Quote result footer-------------------*/

.orderTankeredoil.stage2.bottom .secure-logos{
    margin-top:70px;
    margin-bottom:40px;
}

.orderTankeredoil.stage2.bottom .secure-logos .col-md-12.hidden-xs.hidden-sm{
    padding-left:0;
    padding-right:0;
}
.orderTankeredoil.stage2.bottom .secure-logos .row.hidden-xs.hidden-md.hidden-lg .col-sm-5{
    padding:0;
}

/*----------------------------------------------*/


/*----------------Register Page--------------------*/

.register #register h1{
    background-color:#ff5b36;
    color:#fff;
    border:0;
    padding:15px;
    margin:0;
}
.register #register .box{
    background-color:#f3f3f3;
    border-top:none;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
    border-radius:0;
    padding:15px;
}
.register #register .box .inner-box{
    background-color:#fff;
    border:1px solid #d2d2d2;
    padding:20px 15px 20px 0;
}
.register #register h2{
    color:#fb5d36;
    font-size:1.6em;
    margin-left:15px;
}
.register #register form#registerForm select#whereDidYouHearAboutUs {
    font-size: 0.64em;
}
.register #register form#registerForm input#repeatpassword {
    font-size: 0.8em;
}
.register #register form#registerForm input#phone {
    font-size: 0.7em;
}
.register #register form#registerForm label#email-error a {
    text-decoration: underline;
}
@media (min-width:375px) {
    .register #register form#registerForm select#whereDidYouHearAboutUs,
    .register #register form#registerForm input#phone {
        font-size: 0.8em;
    }
}
@media (min-width:768px) {
    .register #register .box .inner-box{
        padding:30px 25px 25px 30px;
    }
    .register #register h2{
        margin-left:0;
    }
    form#registerForm fieldset .form-input .formInput .error+label+.status,
    form#registerForm fieldset .form-input .formInput .success+.status,
    form#registerForm fieldset .form-input .formInput .success+label+.status{
        left:585px;
    }
    form#registerForm fieldset .form-input .formInput .error + label.error {
        width:570px;
    }
    .register #register form#registerForm select#whereDidYouHearAboutUs,
    .register #register form#registerForm input#repeatpassword,
    .register #register form#registerForm input#phone {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    /*New password field*/
    .register #register .box form#registerForm .form-input:nth-child(5) .col-md-2.formLabel{
        padding-left:0;
    }
    .register #register .box form#registerForm .form-input:nth-child(5) .col-md-2.formLabel{
        padding-left: 10px;
    }
    /*Where did you hear about us?*/
    .register #register .box form#registerForm .form-input .whereDid {
        padding-left:0;
    }
    .register #register .box form#registerForm .form-input .whereDid .formLabel{
        padding-left:0;
    }
    .register #register .box .inner-box{
        padding:30px 25px 25px 30px;
    }
    form#registerForm fieldset .form-input .formInput .error+label.error{
        width:400px;
        text-align:right;
    }
    form#registerForm fieldset .form-input .formInput .error+label+.status,
    form#registerForm fieldset .form-input .formInput .success+.status,
    form#registerForm fieldset .form-input .formInput .success+label+.status{
        left:415px;
    }
}
@media (min-width:1200px) {
    .register #register .box .inner-box{
        padding:30px 25px 25px 60px;
    }
    .register #register form#registerForm select#title.title{
        width:190px;
    }
    .register #register form#registerForm input#telephone,
    .register #register form#registerForm input#mobile,
    .register #register form#registerForm select#whereDidYouHearAboutUs {
        width:257px;
    }
    .register #register form#registerForm select#title.title+label {
        margin-left:290px;
    }
    .register #register form#registerForm input#mobile.error+label{
        margin-left:280px;
    }
    .register #register form#registerForm input#mobile.success+label+.status{
        left:435px;
    }
    form#registerForm fieldset .form-input .formInput .error+label.error{
        width:330px;
        margin-left:60px;
        text-align:left;
    }
    form#registerForm fieldset .form-input .formInput .error+label#whereDidYouHearAboutUs-error{
        margin-left: 223px;
    }
    form#registerForm fieldset .form-input .formInput .error+label+.status,
    form#registerForm fieldset .form-input .formInput .success+.status,
    form#registerForm fieldset .form-input .formInput .success+label+.status{
        left:435px;
    }
    /*How did you hear about us */
    .register #register .box form#registerForm .form-input .whereDid{
        padding-left: 15px;
    }
}

/*-------------------------------------------------*/

/*--------JqueryValidation Form fields------------*/
form fieldset .form-input{
    margin:10px 0 15px 0;
}
form fieldset .form-input .formLabel label{
    text-align:left;
    display:block;
}
form fieldset .form-input .formInput input,
form fieldset .form-input .formInput select,
form fieldset .form-input .formInput textarea {
    float:left;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.428571429;
    color:#555;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width:90%;
}
form fieldset .form-input .formInput textarea{
    height:auto;
}
form fieldset .form-input .formInput input.formError,
form fieldset .form-input .formInput select.formError,
form fieldset .form-input .formInput textarea.formError{
    border:2px solid #ce5359;
}
form fieldset .form-input .formInput input.formError:focus,
form fieldset .form-input .formInput select.formError:focus,
form fieldset .form-input .formInput textarea.formError:focus{
    outline:none;
}
form fieldset .form-input .formInput .status{
    float:left;
}
form fieldset .form-input .formInput .error+label.error{
    margin:5px 0 0 0;
    padding:0;
    font-size:0.8em;
    color:#ff4335;
    text-align:right;
    width:90%;
}
form fieldset .form-input .formInput .error+label+.status {
    width:35px;
    background-image:url('../media/templateImages/Warning-red.png');
    background-repeat:no-repeat;
    height:30px;
    margin-left:15px;
    margin-top:2px;
    position:absolute;
    left:83%;
    top:0;
}
form fieldset .form-input .formInput .success+.status,
form fieldset .form-input .formInput .success+label+.status{
    width:35px;
    background-image:url('../media/templateImages/bullet_tick.png') !important;
    background-repeat:no-repeat;
    height:30px;
    margin-left:15px;
    margin-top:2px;
    position:absolute;
    left:83%;
    top:0;
}
form fieldset .form-input .formInput input[readonly]{
    background-color:#eee;
}
@media (min-width:400px) {
    form fieldset .form-input .formInput .formError+label.formError+.status,
    form fieldset .form-input .formInput .success+label.valid+.status {
        width:45px;
        left:86%;
    }
    form fieldset .form-input .formInput .error+label+.status {
        left:86%;
    }
    form fieldset .form-input .formInput .success+.status,
    form fieldset .form-input .formInput .success+label+.status{
        left:86%;
    }
}
@media (min-width:500px) {
    form fieldset .form-input .formInput .formError+label.formError+.status,
    form fieldset .form-input .formInput .success+label.valid+.status {
        left:90%;
    }
}
@media (min-width:500px) {
    form fieldset .form-input .formInput .error+label+.status {
        left:90%;
    }
}
@media (min-width:768px) {
    form fieldset .form-input .formInput input,
    form fieldset .form-input .formInput select,
    form fieldset .form-input .formInput textarea {
        width:570px;
    }
    form fieldset .form-input .formInput .formError+label.formError{
        text-align:right;
        width:100%;
        padding-right:30px;
        margin-top:0;
    }
    form fieldset .form-input .formInput .formError+label.formError+.status,
    form fieldset .form-input .formInput .success+label.valid+.status {
        left:578px;
    }
}
@media (min-width:992px) {
    form fieldset .form-input .formLabel label {
        text-align:right;
    }
    form fieldset .form-input .formInput input,
    form fieldset .form-input .formInput select,
    form fieldset .form-input .formInput textarea {
        width:400px;
    }
    form fieldset .form-input .formInput .formError+label.formError{
        width:210px;
        padding-right:0;
        text-align:left;
        margin-top:5px;
    }
    form fieldset .form-input .formInput .formError+label.formError+.status,
    form fieldset .form-input .formInput .success+label.valid+.status {
        position:relative;
        left:0;
    }
}
@media (min-width:1200px) {
    form fieldset .form-input .formInput input,
    form fieldset .form-input .formInput select,
    form fieldset .form-input .formInput textarea {
        width:420px;
    }
    form fieldset .form-input .formInput .formError+label.formError{
        width:320px;
    }
}
/*------------------------------------------------*/


/*----------Order process Delivery----------------*/

.delivery form#deliveryForm input#number{
    width:250px;
}
.delivery form#deliveryForm input#notifyBeforeDelivery{
    width:16px;
    margin:4px 10px 0 0;
    height:16px;
}
.delivery form#deliveryForm label.notifyBeforeDelivery{
    font-weight:normal;
}

@media (min-width:500px) {
    form#deliveryForm fieldset .form-input .formInput .error+label+.status,
    form#deliveryForm fieldset .form-input .formInput .success+.status,
    form#deliveryForm fieldset .form-input .formInput .success+label+.status{
        left:86%;
    }
}
@media (min-width:580px) {
    form#deliveryForm fieldset .form-input .formInput .error + label + .status,
    form#deliveryForm fieldset .form-input .formInput .success + .status,
    form#deliveryForm fieldset .form-input .formInput .success + label + .status {
        left:88%;
    }
}
@media (min-width:768px) {
    form#deliveryForm fieldset .form-input .formInput .error + label.error {
        width:570px;
    }
    form#deliveryForm fieldset .form-input .formInput .error+label+.status,
    form#deliveryForm fieldset .form-input .formInput .success+.status,
    form#deliveryForm fieldset .form-input .formInput .success+label+.status{
        left:82%;
    }
}
@media (min-width:992px) {
    form#deliveryForm fieldset .form-input .formInput input,
    form#deliveryForm fieldset .form-input .formInput select,
    form#deliveryForm fieldset .form-input .formInput textarea{
        width:380px;
    }
    form#deliveryForm fieldset .form-input .formInput .error+label+.status,
    form#deliveryForm fieldset .form-input .formInput .success+.status,
    form#deliveryForm fieldset .form-input .formInput .success+label+.status{
        margin-left:45px;
        left:370px;
    }
    form#deliveryForm fieldset .form-input .formInput .error+label.error{
        width:380px;
    }
}
@media (min-width:1200px) {
    form#deliveryForm fieldset .form-input .formInput input,
    form#deliveryForm fieldset .form-input .formInput select,
    form#deliveryForm fieldset .form-input .formInput textarea{
        width:420px;
    }
    form#deliveryForm fieldset .form-input .formInput .error+label+.status,
    form#deliveryForm fieldset .form-input .formInput .success+.status,
    form#deliveryForm fieldset .form-input .formInput .success+label+.status{
        left:400px;
    }
    form#deliveryForm fieldset .form-input .formInput .error+label.error{
        width:420px;
    }
}
/*------------------------------------------------*/

.emailDidYouMean {
    text-decoration: underline;
    cursor: pointer;
}
.emailError label {
    word-wrap: break-word
;
}

.confirmGasOil {
    z-index: 2000!important;
}



.emailValidationModal .title {

    background-color: #ff3c2c;
    background-image: linear-gradient(to bottom, #ff3c2c 0px, #b22a1f 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: 30px 40px;
    text-align: center;
    border-radius: 0 0 0 0;
    font-size: 1.9em;
}
.emailValidationModal .content {
    background: #F2F2F2;
    min-height: 200px;
    padding: 0 0 20px 0;
}
.emailValidationModal p {
    color: #4D4D4D;
    font-size: 1.4em;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
}
.emailValidationModal form {
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
    display: block;
}
.emailValidationModal form input {
    border: medium none;
    border-radius: 5px;
    clear: both;
    display: block;
    font-size: 1em;
    line-height: 35px;
    margin: 0 auto 30px;
    padding: 2px 8px;
    width: 90%;
    max-width: 350px;
}
.emailValidationModal form #keepEmail {
    background: none;
    clear: left !important;
    float: left;
    max-width: 130px;
    width: auto;
    line-height: 28px !important;
    font-size: 0.9em !important;
}
.emailValidationModal form #changeEmail {
    background: #3479b2;
    clear: right !important;
    color: #fff;
    float: right;
    font-size: 0.9em !important;
    font-weight: bold;
    line-height: 28px !important;
    max-height: 38px;
    max-width: 200px;
    text-transform: uppercase;
}
.emailValidationModal form .error {
    color: #ED2A32;
    border: 1px solid #ED2A32;
    margin: 0 auto 5px;
}
#ajaxCheck p {
    font-size: 1em;
    color: #ED2A32;
    padding: 10px 20px;
    text-align: left;
}
#ajaxCheck p span {
    color: #fff;
    background: #ED2A32;
    border-radius: 50%;
    padding: 0 7px;
    font-size: 0.8em;
    margin: 0 10px 0 0;
}
.emailValidationBD {
    opacity: 0.5;
}

.emailValidationModal .modal-dialog .modal-content {
    border-radius: 0!important;
    border: 0!important;
}
.emailValidationModal .modal-header {
    padding-bottom: 0;
}

.emailValidationModal .modal-body {
    padding: 0 15px 15px;
}

.emailValidationModal p.secure {
    clear: both;
    color: #5E5E5E;
    width: 210px;
    text-align:center;
    font-size:12px;
    line-height:14px;
    background: url('/media/templateImages/lock-icon.png') no-repeat 0 0;
    padding: 2px 20px 0 20px;
    margin: 30px auto 0 auto;
}
@media (min-width:768px) {
    .emailValidationModal p.secure {
        width: 410px;
        text-align:left;
    }
}

@media (max-width: 768px) {
    .emailValidationModal .title {
        font-size: 1.2em;
        padding: 20px 50px;
    }
    .emailValidationModal form {
        text-align: center;
        max-width: 95%;
        margin: 0 auto;
        display: inline;
    }
    .emailValidationModal p {
        font-size: 1em;
        padding: 15px 10px;
    }
    .emailValidationModal form #changeEmail {
        max-width: 140px;
        margin: 0 15px 0 0;
    }

}

@media (max-width: 350px) {

    .emailValidationModal form #keepEmail, .emailValidationModal form #changeEmail {
        float: none!important;
        margin: 0 auto!important;
        clear: both!important;
        max-width: 200px!important;
    }

}

.index.content{
    background-image: -ms-linear-gradient(top, #5FBDB9 0%, #a7d2c2 100%);
    background-image: -moz-linear-gradient(top, #5FBDB9 0%, #a7d2c2 100%);
    background-image: -o-linear-gradient(top, #5FBDB9 0%, #a7d2c2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5FBDB9), color-stop(100, #a7d2c2));
    background-image: -webkit-linear-gradient(top, #5FBDB9 0%, #a7d2c2 100%);
    background-image: linear-gradient(to bottom, #5FBDB9 0%, #a7d2c2 100%);
}
.index.content .slideContainer{
    background-image: -ms-linear-gradient(top, #E4F3F2 0%, #ecf6f3 100%);
    background-image: -moz-linear-gradient(top, #E4F3F2 0%, #ecf6f3 100%);
    background-image: -o-linear-gradient(top, #E4F3F2 0%, #ecf6f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4F3F2), color-stop(100, #ecf6f3));
    background-image: -webkit-linear-gradient(top, #E4F3F2 0%, #ecf6f3 100%);
    background-image: linear-gradient(to bottom, #E4F3F2 0%, #ecf6f3 100%);
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
}
.index.content .slideContainer .slider .review {
    /*height: 270px;*/
    text-decoration: none;
    outline: none;
}
.index.content .slideContainer .slider .review p.title {
    color: #1f1f1f;
    text-align: left;
    line-height: 30px;
}
.index.content .slideContainer .slider .review p.author {
    margin-top: 11px;
    font-style: italic;
}
.index.content .slideContainer .slider .review .allReviews a.reviews{
    float: right;
    color: #989898;
    font-weight: bold;
    font-size: 1.2em;
}
.index.content .slideContainer .slider .review a.more{
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    outline: none;
    cursor: pointer;
}
.index.content .slideContainer .slider .bestPrice {
    text-decoration: none;
    outline: none;
}
.index.content .slideContainer .slider .bestPrice .left{
    width: 53%;
    float: left;
}
.index.content .slideContainer .slider .bestPrice .right{
    width: 47%;
    float: left;
}
.index.content .slideContainer .slider .bestPrice p.title{
    float: left;
    color: #1f1f1f;
    text-align: left;
    line-height: 30px;
    width: 100%;
    font-size: 1.5em;
}
.index.content .slideContainer .slider .bestPrice img{
    float: left;
    width: 100%;
    max-width: 146px;
}
.index.content .slideContainer .slider .bestPrice a.more{
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    outline: none;
    cursor: pointer;
}
.index.content .slideContainer .slider .qualityService {
    text-decoration: none;
    outline: none;
}
.index.content .slideContainer .slider .qualityService .left{
    width: 53%;
    float: left;
}
.index.content .slideContainer .slider .qualityService .right{
    width: 47%;
    float: left;
}
.index.content .slideContainer .slider .qualityService p.title{
    float: left;
    color: #1f1f1f;
    text-align: left;
    line-height: 30px;
    width: 100%;
    font-size: 1.5em;
}
.index.content .slideContainer .slider .qualityService p span{
    font-weight: bold;
}
.index.content .slideContainer .slider .qualityService img{
    float: left;
    width: 100%;
    max-width: 146px;
}
.index.content .slideContainer .slider .qualityService a.more{
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    outline: none;
    cursor: pointer;
}
.index.info .secure-logos{
    background-color: #ffffff!important;
    background-image: none;
    border-bottom: 0;
    margin-bottom: 10px;
}
.index.info .secure-logos p {
    margin-left: 0;
    font-size: 1.1em;
    color: #1f1f1f;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
@media (min-width: 992px) {
    .index.info .secure-logos .container .row {
        max-width: 920px;
        margin: 0 auto;
    }
    .index.info .secure-logos p {
        margin-top: 17px;
    }
}
@media (min-width: 1200px) {

    .index.info .secure-logos .container .row {
        max-width: 1200px;
    }

    .index.info .secure-logos .col-md-2{
        padding-left: 0;
    }

    .index.info .secure-logos p {
        margin-left: 0;
        font-size: 1.2em;
        text-align: left;
    }
}

.orange-tooltip + .tooltip {
    top: 10px !important;
    left: 150px !important;
    float: right!important;
}
.orange-tooltip + .tooltip > .tooltip-inner {
    background-color: #ff5b36;
    font-size: 1.1em;
    text-align: left;
    padding: 5px;
    font-weight: 600;
    width: 150px;
}
.orange-tooltip + .tooltip > .tooltip-arrow {
    border-left-color: #ff5b36;
    top: 100%;
    right: 70%;
    margin-top: -7px;
    border-width: 7px 0 14px 17px;
    margin-left: 20px;
}

@media (min-width: 768px) {
    .orange-tooltip + .tooltip {
        top: 10px !important;
        left: 120px !important;
    }
}
@media (min-width: 992px) {
    .orange-tooltip + .tooltip {
        left: 180px !important;
        top: 20px!important;
    }
    .orange-tooltip + .tooltip > .tooltip-inner {
        font-size: 1.2em!important;
        width: 170px!important;
    }
}
@media (min-width: 1200px) {
    .orange-tooltip + .tooltip {
        left: 220px !important;
        top: 20px!important;
    }
    .orange-tooltip + .tooltip > .tooltip-inner {
        font-size: 1.4em!important;
        width: 200px!important;
        padding: 10px;
    }
}



.index.info .featured{
    padding: 0;
}
.index.info .featured p{
    text-align: center;
    float: none;
}
@media (min-width: 768px) {
    .index.info .featured p {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .index.info .featured p{
        float: left;
    }
}
.index.info .featured img{
    width: 100%;
    max-width: 294px;
    margin: 0 auto;
    display: block;
    float: none;
}
@media (min-width: 768px) {
    .index.info .featured img {
        max-width: 597px;
    }
}
@media (min-width: 922px) {
    .index.info .featured img {
        max-width: 753px;
    }
}
@media (min-width: 1200px) {
    .index.info .featured img {
        float: left;
        margin-left: 60px;
    }
}
.index.info .chooseBoilerjuice{
    background-color: #f7f7f7;
    background: -webkit-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: -o-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: -moz-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    padding-bottom: 30px;
}
.index.info .chooseBoilerjuice.white {
    background-color: #ffffff!important;
    background: none!important;
}
.index.info .chooseBoilerjuice h2.title {
    font-size: 1.8em;
    text-align: center;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    line-height: 30px;
    color: #444444;
}

.index.info .chooseBoilerjuice .reason {
    background-color: #ffffff;
    padding-top: 20px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    border: 1px solid #ececec;
}
@media (min-width: 992px) {
    .index.info .chooseBoilerjuice .reason {
        background-color: #ffffff;
        padding-top: 20px;
        width: 33.33333333333333%;
        margin: 0 auto;
        padding-bottom: 20px;
        border: 1px solid #ececec;
        max-width: 300px;
        margin-right: 30px;
        margin-top: 20px;
    }
}
.index.info .chooseBoilerjuice .reason.groupsavings,
.index.info .chooseBoilerjuice .reason.expressDeliveries{
    margin-top: 20px;
}

@media (min-width: 992px) {
    .index.info .chooseBoilerjuice .reason.expressDeliveries{
        margin-right: 0;
    }
}

.index.info .chooseBoilerjuice .reason a{
    text-decoration: none;
}
.index.info .chooseBoilerjuice .reason img {
    margin: 0 auto;
    display: block;
}
.index.info .chooseBoilerjuice .reason h3.title {
    font-size: 1.8em;
    text-align: center;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    line-height: 30px;
    color: #444444;
}
.index.info .chooseBoilerjuice .reason p {
    color: #1f1f1f;
    text-decoration: none;
    font-size: 1.1em;
}
.index.info .chooseBoilerjuice .reason h3.title:hover {
    color: #f05a28;
}
.index.info .chooseBoilerjuice .reason.expressDeliveries p.title:hover {
    color: #1f1f1f;
}
.index.info .video p {
    background-color: #f7bd81;
    margin-bottom: 0;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: #15120e;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 35px;
}
.index.info .video p span {
    color: #ef5b23;
    text-shadow: 0 1px #ffffff;
}

@media (min-width: 1200px) {
    .index.info .video {
        margin-bottom: 30px;
    }

    .index.info .video p {
        color: #15120e;
        font-weight: bold;
        font-size: 1.3em;
        text-align: center;
        position: absolute;
        width: 100%;
    }

    .index.info .video p span {
        color: #ee5822;
        text-shadow: 0 -1px 0 #ffffff;
    }
}


.index.info .serviceAndSupport{
    background-color: #f7f7f7;
    background: -webkit-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: -o-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: -moz-linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    background: linear-gradient(#f0f0f0, #fefefe, #f0f0f0);
    padding-bottom: 30px;
}
.index.info .serviceAndSupport p.title{
    font-size: 1.8em;
    text-align: center;
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .index.info .serviceAndSupport p.title {
        line-height: 34px;
        text-align: left;
        font-size: 2.2em;
    }
}
@media (min-width: 992px) {
    .index.info .serviceAndSupport p.title {
        line-height: 34px;
        text-align: left;
        font-size: 2.2em;
        text-align: center;
    }
}

.index.info .serviceAndSupport p.title span{
    color: #f05a28;
}
.index.info .serviceAndSupport img.tenBadge{
    display: inline-block!important;
    background-color: none;
}
@media (min-width: 992px) {
    .index.info .serviceAndSupport img.tenBadge{
        display: none!important;
    }
}
@media (max-width: 768px) {
    .index.info .serviceAndSupport img.lisa.hidden-md.hidden-lg {
        display: inline-block !important;
    }
}
.index.info .serviceAndSupport .box{
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #fafafa;
    box-shadow: 5px 5px 5px #dcdcdc;
    margin-top: 10px;
}

.index.info .serviceAndSupport .box p{
    font-size: 1.4em;
    color: #8a8a8a;
    font-family: 'Montserrat', sans-serif;
    line-height: 30px;
    margin-bottom: 10px;
}
.index.info .serviceAndSupport .box p.head{
    color: #a9a9a9;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .box p.head {
        text-align: right;
    }
}

.index.info .serviceAndSupport .box p.head span{
    font-weight: bold;
    color: #000;
}
.index.info .serviceAndSupport .box a{
    text-decoration: none;
}
.index.info .serviceAndSupport .box a img{
    position: relative;
    left: 420px;
    top: -30px;
    float: left;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .box a img{
        left: 10px;
        top: 34px;
    }
}

.index.info .serviceAndSupport .box a p{
    text-align: center;
    color: #f05a28;
    text-decoration: none;
    font-weight: bold;
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .box a p {
        float: left;
    }
}

@media (min-width: 768px) {
    .index.info .serviceAndSupport .box .left {
        float: left;
        width: 500px;
    }
    .index.info .serviceAndSupport .box .right {
        float: right;
    }
}
@media (min-width: 1200px) {
    .index.info .serviceAndSupport .box .left{
        width: 580px;
    }
}


.index.info .serviceAndSupport .contact .box{
    margin-top: 30px;
    padding: 20px 0 0 0;
}
.index.info .serviceAndSupport .contact .box p.tel{
    text-align: center;
    color: #f05a28;
    font-size: 2.4em;
    font-weight: bold;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .contact .box p.tel{
        font-size: 2.7em;
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .index.info .serviceAndSupport .contact .box p.tel{
        font-size: 2.3em;
    }
}
@media (min-width: 1200px) {
    .index.info .serviceAndSupport .contact .box p.tel{
        font-size: 3em;
    }
}

.index.info .serviceAndSupport .contact .box p.open {
    color: #363636;
    text-align: center;
    font-size: 2em;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .contact .box p.open {
        font-size: 3em;
    }
}
@media (min-width: 992px) {
    .index.info .serviceAndSupport .contact .box p.open {
        font-size: 2.5em;
    }
}
@media (min-width: 1200px) {
    .index.info .serviceAndSupport .contact .box p.open {
        font-size: 3em;
    }
}

.index.info .serviceAndSupport .contact .box p.openTimes {
    color: #363636;
    text-align: center;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .index.info .serviceAndSupport .contact .box p.openTimes {
        float: left;
        margin-right: -5px;
        font-size: 1em;
        margin-top: 10px;
        margin-left: 20px;
    }
}

@media (min-width: 992px) {
    .index.info .serviceAndSupport .contact .box p.openTimes {
        margin-top: 0;
    }
}
.index.info .serviceAndSupport .contact .box a p{
    font-family: 'Montserrat', sans-serif;
}
@media (min-width: 768px) {
    .index.info .serviceAndSupport .contact .box a p {
        float: left;
        margin-top: 10px;
        margin-left: 50px;
        font-size: 1.2em;
    }
    .index.info .serviceAndSupport .contact .box a img{
        left: 10px;
        top: 14px;
    }
}
@media (min-width: 992px) {
    .index.info .serviceAndSupport .contact .box{
        padding-bottom: 0;
    }
    .index.info .serviceAndSupport .contact .box a p{
        margin-left: 20px;
        font-size: 1em;
        margin-top: 0;
    }
}
.index.info .serviceAndSupport .contact .box p.openTimes span {
    font-weight: bold;
}
#footer{
    border-top: 0;
    padding-bottom: 90px;
}


@media (min-width: 768px) {
    .index.info .secure-logos p {
        font-size: 1em;
        float: left;
        text-align: left;
    }
    .index.info .chooseBoilerjuice .reason{
        width: 32.33%;
        margin-right: 10px;
    }
    .index.info .chooseBoilerjuice .reason.payments{
        margin-top: 20px;
    }
    .index.info .chooseBoilerjuice .reason.expressDeliveries{
        margin-right: 0;
    }
    .index.info .chooseBoilerjuice .reason h3.title{
        font-size: 1.5em;
    }
    .index.content .slideContainer:before {
        width: 0;
        height: 0;
        border-top: 159px solid transparent;
        border-left: 54px solid #e7f4f2;
        border-bottom: 144px solid transparent;
        content: "";
        left: 720px;
        position: absolute;
        top: -1px;
    }
    .index.content .slideContainer .menu {
        border-bottom: 1px solid #ebebea;
        margin-left: 20px;
        padding-bottom: 15px;
        margin-top: 10px;
    }
    .index.content .slideContainer .menu a {
        color: #b2b2b2;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
        cursor: pointer;
    }
    .index.content .slideContainer .menu a:hover {
        color: #1f1f1f;
    }
    .index.content .slideContainer .menu a.price {
        margin-left: 21px;
    }
    .index.content .slideContainer .menu a.service {
        margin-left: 23px;
    }
    .index.content .slideContainer .menu a.slick-active {
        color: #1f1f1f;
    }
    .index.content .slideContainer .slider .qualityService .left{
        width: 65%;
        float: left;
    }
    .index.content .slideContainer .slider .qualityService .right{
        width: 35%;
        float: left;
    }
    .index.content .slideContainer .slider .qualityService img{
        margin-left: 40px;
        margin-top: 20px;
    }
    .index.content .slideContainer .slider .qualityService p.title{
        line-height: 35px;
        font-size: 2em;
        margin-left: 20px;
        margin-top: 20px;
    }
    .index.content .slideContainer .slider .qualityService p{
        float: left;
        margin-left: 20px;
    }
    .index.content .slideContainer .slider .bestPrice p.title{
        margin-left: 20px;
        margin-top: 20px;
        line-height: 35px;
        font-size: 2em;
    }
    .index.content .slideContainer .slider .bestPrice p{
        float: left;
        margin-left: 20px;
    }
    .index.content .slideContainer .slider .bestPrice .left{
        width: 65%;
        float: left;
    }
    .index.content .slideContainer .slider .bestPrice .right{
        width: 35%;
        float: left;
    }
    .index.content .slideContainer .slider .bestPrice img{
        margin-left: 40px;
        margin-top: 20px;
    }
    .index.content .slideContainer .slider .review p.title{
        margin-left: 20px;
        margin-top: 20px;
        line-height: 35px;
        font-size: 2em;
        width: 100%;
    }
    .index.content .slideContainer .slider .review p{
        float: left;
        margin-left: 20px;
    }
    .index.content .slideContainer .slider .review img{
        margin-left: 20px;
        margin-bottom: 10px;
    }
    #footer{
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .index.content .slideContainer {
        background: #ffffff;
        width: 95%;
    }
    .index.content .slideContainer:before {
        width: 0;
        height: 0;
        border-top: 210px solid transparent;
        border-left: 38px solid #ffffff;
        border-bottom: 178px solid transparent;
        content: "";
        left: 585px;
        position: absolute;
        top: -1px;
    }
    .index.content .slideContainer .slider .review img {
        margin-top: 20px;
    }
    .index.content .slideContainer .slider .review p.title {
        margin-left: 20px;
        margin-top: 20px;
        line-height: 35px;
        font-size: 1.6em;
        width: 100%;
    }
    .index.content .slideContainer .slider .review .allReviews a.reviews {
        margin-right: 20px;
        margin-top: 11px;
        height: 21px;
    }
    .index.content .slideContainer .slider .review img.arrow{
        position: relative;
        top: -38px;
        left: 133px;
    }
    .index.content .slideContainer p.quote {
        color: #f05a28;
        margin-top: 35px;
        margin-left: 20px;
        font-size: 1.4em;
        font-weight: bold;
    }
    .index.info .secure-logos p{
        font-size: 0.9em;
    }
    .index.info .secure-logos{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .index.info .chooseBoilerjuice .reason{
        width: 33.33%;
        margin-right: 35px;
    }
    .index.info .chooseBoilerjuice .reason h3.title{
        font-size: 1.2em;
    }
    .index.info .chooseBoilerjuice h2.title{
        margin-top: 50px;
        font-size: 2.5em;
    }
    .index.info .chooseBoilerjuice{
        padding-bottom: 50px;
        padding-top: 40px;
    }
    #footer{
        padding-bottom: 50px;
    }
}

@media (min-width: 1200px) {
    .index.content .slideContainer {
        background: #ffffff;
        display: inline-block;
        height: 434px;
        position: relative;
        width: 705px;
        margin-top: 20px;
        padding: 20px;
    }
    .index.content .slideContainer:before {
        width: 0;
        height: 0;
        border-top: 214px solid transparent;
        border-left: 60px solid #ffffff;
        border-bottom: 218px solid transparent;
        content: "";
        left: 705px;
        position: absolute;
        top: -1px;
    }
    .index.content .slideContainer .menu {
        border-bottom: 1px solid #ebebea;
        margin-left: 20px;
        padding-bottom: 15px;
        margin-top: 10px;
    }
    .index.content .slideContainer .menu a {
        color: #b2b2b2;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
    }
    .index.content .slideContainer .menu a:hover {
        color: #1f1f1f;
    }
    .index.content .slideContainer .menu a.price {
        margin-left: 21px;
    }
    .index.content .slideContainer .menu a.service {
        margin-left: 23px;
    }
    .index.content .slideContainer .menu a.slick-active {
        color: #1f1f1f;
    }
    .index.content .slideContainer .slider .bestPrice {
        height: 270px;
        text-decoration: none;
        outline: none;
    }
    .index.content .slideContainer .slider .bestPrice p {
        float: left;
        margin-left: 23px;
        margin-top: 7px;
        width: 420px;
        font-size: 1.1em;
    }
    .index.content .slideContainer .slider .bestPrice p.title {
        color: #1f1f1f;
        text-align: left;
        display: block;
        width: 420px;
        float: left;
        font-size: 2.5em;
        line-height: 40px;
        margin-left: 22px;
        margin-top: 40px;
    }
    .index.content .slideContainer .slider .bestPrice img {
        position: relative;
        top: 37px;
        display: initial;
    }
    .index.content .slideContainer .slider .qualityService {
        height: 270px;
        text-decoration: none;
        outline: none;
    }
    .index.content .slideContainer .slider .qualityService p {
        float: left;
        margin-left: 23px;
        margin-top: 7px;
        width: 420px;
        font-size: 1.1em;
    }
    .index.content .slideContainer .slider .qualityService p.title {
        color: #1f1f1f;
        text-align: left;
        display: block;
        width: 460px;
        float: left;
        font-size: 2.5em;
        line-height: 40px;
        margin-left: 22px;
        margin-top: 40px;
    }
    .index.content .slideContainer .slider .qualityService img {
        position: relative;
        top: 37px;
        display: initial;
    }
    .index.content .slideContainer .slider .review {
        height: 270px;
        text-decoration: none;
        outline: none;
    }
    .index.content .slideContainer .slider .review .stars {
        margin-top: 29px;
    }
    .index.content .slideContainer .slider .review p {
        float: left;
        margin-left: 23px;
        margin-top: 0;
        width: 96%;
        font-size: 1.2em;
        line-height: 25px;
    }
    .index.content .slideContainer .slider .review p.title {
        color: #1f1f1f;
        text-align: left;
        display: block;
        float: left;
        font-size: 2em;
        line-height: 30px;
        margin-left: 22px;
        margin-top: 21px;
        width: 100%;
    }
    .index.content .slideContainer .slider .review p.author {
        margin-top: 11px;
        font-style: italic;
        width: 50%;
    }
    .index.content .slideContainer .slider .review .allReviews {
        float: left;
        width: 288px;
    }
    .index.content .slideContainer .slider .review .allReviews img {
        display: inline-block;
    }
    .index.content .slideContainer .slider .review .allReviews a {
        float: right;
        margin-top: 14px;
        margin-right: 12px;
        font-size: 1.3em;
        font-weight: bold;
        color: #999999;
        text-decoration: none;
    }
    .index.content .slideContainer p.quote {
        color: #f05a28;
        margin-top: 35px;
        margin-left: 20px;
        font-size: 1.6em;
        font-weight: bold;
    }
    .index.info .secure-logos p {
        font-size: 1.2em;
    }
    .index.info .chooseBoilerjuice h2.title {
        font-size: 3.3em;
        margin-top: 10px;
        margin-bottom: 30px;
        line-height: 50px;
    }
    .index.info .chooseBoilerjuice .box {
        margin-top: 35px;
    }
    .index.info .chooseBoilerjuice .reason img {
        float: left;
    }
    .index.info .chooseBoilerjuice .reason p {
        float: left;
        font-size: 1.2em;
        width: 290px;
        line-height: 25px;
        margin-left: 2px;
        color: #1f1f1f;
    }
    .index.info .chooseBoilerjuice .reason h3.title {
        float: left;
        width: 160px;
        font-size: 1.8em;
        text-align: left;
        margin-top: 0;
        line-height: 39px;
        margin-left: 20px;
    }
    .index.info .chooseBoilerjuice .reason {
        max-width: 370px;
        width: 31.33%;
    }
    .index.info .chooseBoilerjuice{
        padding-bottom: 100px;
    }
    .index.info .featured{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .index.info .featured p{
        float: left;
        margin-left: 100px;
        font-size: 1.2em;
    }
    #footer{
        padding-bottom: 50px;
    }
    .index.info .secure-logos{
        padding-top: 35px;
        padding-bottom: 30px;
    }
}


/* Trust Pilot header Banner */

#header .trustPilotHeaderBanner {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #E7E7E7));
    background-image: -webkit-linear-gradient(top, #ffffff 0, #E7E7E7 100%);
    background-image: linear-gradient(to bottom, #ffffff 0, #E7E7E7 100%);
    padding: 8px 0;
    min-height: 58px;
}
#header .trustPilotHeaderBanner a {
    color:#444;
}
#header .trustPilotHeaderBanner a,
#header .trustPilotHeaderBanner span {
    position:relative;
    top:0;
    color: #444;
    font-weight:bold;
    font-size:13px;
    line-height:24px;
    text-decoration: none;
}
#header .trustPilotHeaderBanner a span.green {
    color: #03725a;
}
#header .trustPilotHeaderBanner img {
    position:relative;
    top:12px;
}
#header .trustPilotHeaderBanner .reviewSlider a{
    outline:none;
}
#header .trustPilotHeaderBanner .reviewSlider a img{
    display:inline !important;
}
#header .trustPilotHeaderBanner .reviewSlider .slide1,
#header .trustPilotHeaderBanner .reviewSlider .slide2,
#header .trustPilotHeaderBanner .reviewSlider .slide3{
    height:40px;
    outline:none;
}
#header .trustPilotHeaderBanner .reviewSlider .slide1 a img{
    width:100px!important;
    top:12px;
}
#header .trustPilotHeaderBanner .reviewSlider .slide1 span{
    top:9px;
}
#header .trustPilotHeaderBanner .reviewSlider .slide2 img,
#header .trustPilotHeaderBanner .reviewSlider .slide3 img{
    top:7px;
    display:inline !important;

}
@media (min-width:320px) {
    #header .trustPilotHeaderBanner .reviewSlider .slide1 a img{
        width:130px!important;
        top:10px;
    }
    #header .trustPilotHeaderBanner .reviewSlider .slide1 span{
        top:5px;
    }
}
@media (min-width:570px) {
    #header .trustPilotHeaderBanner .reviewSlider .slide1 a img{
        width:150px!important;
        top:10px;
    }
    #header .trustPilotHeaderBanner .reviewSlider .slide1 span{
        top:4px;
    }
}
@media (min-width:768px) {
    #header .trustPilotHeaderBanner .reviewSlider .slide1 span,
    #header .trustPilotHeaderBanner .reviewSlider .slide2 span,
    #header .trustPilotHeaderBanner .reviewSlider .slide3 span{
        font-size:18px;
    }
}
@media (min-width:992px) {
    #header .trustPilotHeaderBanner div {
        padding: 0 0;
    }
    #header .trustPilotHeaderBanner img{
        top:7px;
    }
    #header .trustPilotHeaderBanner a,
    #header .trustPilotHeaderBanner span {
        font-size:14px;
    }
}

@media (min-width:1200px) {
    #header .trustPilotHeaderBanner a,
    #header .trustPilotHeaderBanner span {
        line-height:36px;
        font-size:17px;
    }
    #header .trustPilotHeaderBanner a span {
        line-height: 36px;
    }
}
/* ##END## Trust Pilot header Banner */

/* New footer Feb 2016 */



#footer2016 a.logo {
    display: block;
    width: 260px;
    height: 52px;
    margin: 0 auto 5px auto;
    background: url('../media/templateImages/footer2016/logo.png') 0 0 no-repeat;
}

#footer2016 a.logo.suppliers {
    background: url('../media/templateImages/footer2016/boilerjuice-logo-2022-partner-of-choice-dk-bg.svg') 0 0 no-repeat;
    height: 54px;
}

#footer2016 p.phone {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}

#footer2016 .links.hidden-lg .wrapper {
    border-bottom: 1px solid #666;
}

#footer2016 .links.hidden-lg h4 {
    margin: 0;
    text-shadow: none;
}

#footer2016 .links.hidden-lg h4 a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: url('../media/templateImages/footer2016/minus-button.png') right center no-repeat;
    line-height: 45px;
    height: 65px;
    padding: 10px 0;
    outline: none;
}

#footer2016 .links.hidden-lg h4 a.collapsed {
    background: url('../media/templateImages/footer2016/plus-button.png') right center no-repeat;
}

#footer2016 .links.hidden-lg ul {
    list-style-type: none;
    margin: 0 0 10px 30px;
    padding: 0;
}

#footer2016 .links ul li,
#footer2016 .links ul li a {
    text-shadow: none;
}

#footer2016 .links.hidden-lg ul li a {
    color: #fff;
    text-decoration: none;
}

#footer2016 .links.hidden-lg ul li a:hover {
    color: #f90;
}

#footer2016 .container .row:last-of-type{
    padding-top: 0px;
}
#footer2016 .container .row:nth-last-of-type(2){
    padding-bottom: 0px;
}
#footer2016 .container .row:last-of-type p,
#footer2016 .container .row:nth-last-of-type(2) p {
    color: #757575;
    text-shadow: none;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
}

#footer2016 .container .row p.company a,
#footer2016 .container .row p.terms a {
    color: rgb(117, 117, 117);
    border-bottom: 1px dotted rgb(117, 117, 117);
    text-decoration: none;
}
#footer2016 .container .row p.company a:hover{
    border-bottom: 1px solid rgb(117, 117, 117);
}

#footer2016 #cookieBar {
    background: #232222;
}

#footer2016 #cookieBar .row {
    border: none;
    padding: 20px 0;
}

#footer2016 #cookieBar p {
    color: #fff;
    text-align: center;
}

#footer2016 #cookieBar a {
    color: #fff;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
}

#footer2016 #cookieBar a:hover {
    border-bottom: 1px solid #fff;
}

#footer2016 #cookieBar p.close-it {
    margin: 0;
    line-height: 20px;
}

#footer2016 .container .row:last-of-type .NortonSecurity{
    text-align: center;
}

#footer2016 .container .row:last-of-type .NortonSecurity table{
    margin: 0px auto;
}

@media (min-width:768px) {


    #footer2016 .row.logo {
        padding-bottom: 0;
    }

    #footer2016 a.logo {
        margin: 0;
    }

    #footer2016 p.phone {
        text-align: right;
        line-height: 52px;
        margin: 0;
        font-size: 1.1em;
    }

    #footer2016 .links.hidden-xs .row {
        margin: 0;
    }

    #footer2016 .links.hidden-xs h4 {
        color: #fff;
        text-shadow: none;
        font-weight:bold;
        font-size: 1em;
    }

    #footer2016 .links.hidden-xs ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #footer2016 .links.hidden-xs ul li {
        line-height: 1.2;
        margin-bottom: 8px;
    }

    #footer2016 .links.hidden-xs ul a {
        color: #fff;
        text-decoration: none;
    }

    #footer2016 .links.hidden-xs ul a:hover {
        color: #f90;
    }

    #footer2016 .container > .row:nth-last-of-type(2) {
        border-top: 1px solid #666;
        margin: 0;
    }

    #footer2016 .container > .row:last-of-type > div {
        padding: 0;
    }

    #footer2016 #cookieBar p {
        text-align: left;
        margin: 0;
        line-height: 20px;
        float: left;
    }

    #footer2016 #cookieBar p.close-it {
        text-align: left;
        margin: 0 0 0 15px;
    }

    #footer2016 #cookieBar p.close-it a.glyphicon {
        position: inherit;
    }

    #footer2016 .container .row:last-of-type{
        padding: 0 15px 35px 15px;
    }

    #footer2016 .container .row:last-of-type p,
    #footer2016 .container .row:nth-last-of-type(2) p{
        font-size: 0.9em;
        text-align: left;
    }

    #footer2016 .container > .row:nth-last-of-type(2) .col-xs-12{
        padding: 0px;
    }

    #footer2016 .container .row:last-of-type .NortonSecurity{
        text-align: right;
    }
    #footer2016 .container .row:last-of-type .NortonSecurity table{
        float: right;
    }

}



@media (min-width:992px) {

    #footer2016 a.logo {
        margin-top: 21px;
        margin-bottom: 10px;
    }

    #footer2016 a.logo.suppliers {
        margin-top: 12px;
    }

    #footer2016 p.phone {
        text-align: left;
        line-height: 1.1;
        font-size: 1.08em;
    }

    #footer2016 .links.hidden-xs h4 {
        font-size: 15px;
    }

    #footer2016 p.reviews{
        font-weight: normal;
    }

    #footer2016 p.reviews strong{
        color: inherit;
    }

    #footer2016 p.follow{
        padding-left: 180px;
    }

    #footer2016 .container .links .row:last-of-type{
        padding: 0;
    }

    #footer2016 .row:first-of-type > .col-sm-4 + .col-sm-4 + .col-sm-3{
        width: 125px;
    }

    #footer2016 .container .row:last-of-type p{
        line-height: 1.4em;
    }

    #footer2016 .container .row:last-of-type p,
    #footer2016 .container .row:nth-last-of-type(2) p{
        font-size: 0.922em;
    }

    #footer2016 .container .row:last-of-type{
        padding: 0 15px;
        margin-bottom: 27px;
    }

    #footer2016 #cookieBar .row{
        margin-bottom: 0px;
    }

    #footer2016 .container > .row:nth-of-type(3){
        padding-bottom: 0px;
    }

}



@media (min-width:1200px) {

    #footer2016 .container .row p.copyright {
        text-align: right;
    }

    #footer2016 .container .row p.company {
        text-align: left;
    }

    #footer2016 p.follow {
        padding-left: 260px;
    }

    #footer2016 a.logo{
        margin-top: 14px;
    }

    #footer2016 .container > .row:nth-of-type(3){
        padding-top: 10px;
        padding-bottom: 11px;
    }

    #footer2016 .links.hidden-xs ul li{
        line-height: 14px;
    }

    #footer2016 .container .links .row:last-of-type{
        padding:0;
    }

    #footer2016 .row:first-of-type > .col-sm-4:nth-of-type(2){
        margin-right: 11px;
    }

    #footer2016 .row:first-of-type > .col-sm-4 + .col-sm-4 + .col-sm-3{
        width: 155px;
    }

    #footer2016 .container .row:last-of-type{
        padding: 0 15px;
    }
    #footer2016 > .container{
        padding-bottom: 0px;
    }
    #footer2016 .container .row:last-of-type p{
        line-height: 1.4em;
    }

    #footer2016 .container .row:last-of-type .NortonSecurity{
        float: right;
        position: relative;
        top: -20px;
    }
}




/* New minFooter Feb 2016 */
#footer2016.minFooter .container .row p strong{
    color: #ff0;
    font-weight: bold;
}
#footer2016.minFooter .container > .row:first-of-type {
    padding-bottom: 0;
    padding-bottom: 20px;
}
#footer2016.minFooter .container > .row:first-of-type p{
    font-size: 15px;
    margin-top: 6px;
    line-height: 1.5em;
    color: #FFFFFF;
}
#footer2016.minFooter .container > .row:first-of-type p.reviews{
    font-weight: normal;
}
#footer2016.minFooter .container > .row:first-of-type p.reviews span.stars{
    margin-bottom: 5px;
    margin-top: 5px;
}
#footer2016.minFooter .container > .row:first-of-type .col-md-5 p.secure{
    margin: 19px 40px 0px;
    line-height: 20px;
}
#footer2016.minFooter .container > .row:first-of-type .col-md-5 p.secure br{
    display: none;
}
#footer2016.minFooter .container > .row .col-md-5 .NortonSecurity img{
    margin: 10px auto 0px;
    display: block;
}
#footer2016.minFooter .container > .row:last-of-type {
    border-top: 1px solid #666;
    padding-top: 22px;
}
#footer2016.minFooter .container > .row:last-of-type .logo {
    display: block;
    width: 260px;
    height: 52px;
    margin: 0 auto 5px auto;
    background: url('../media/templateImages/footer2016/logo.png') 0 0 no-repeat;
}
#footer2016.minFooter .container > .row:last-of-type p.phone {
    font-size: 17px;
    font-weight: 700;
    margin-top: 10px;
    color: #FFFFFF;
}
#footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p{
    color: #999999;
}
#footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:first-of-type{
    margin-top: 33px;
    font-size: 14px;
}
#footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:nth-of-type(2){
    font-size: 14px;
    margin: 0px 10px 40px;
}
@media (min-width:768px) {

    #footer2016.minFooter .container > .row:first-of-type p.reviews{
        text-align: center;
        margin-top: 0px;
    }

    #footer2016.minFooter .container>.row:first-of-type p.reviews span.stars {
        margin: 5px auto;
    }

    #footer2016.minFooter .container > .row:first-of-type .col-md-5:nth-of-type(2) > p.nortonA{
        float: left;
        margin-left: 110px;
        margin-right: 10px;
    }

    #footer2016.minFooter .container > .row:first-of-type .col-md-5:nth-of-type(2) > p.nortonB{
        text-align: center;
    }

    #footer2016.minFooter .container > .row:first-of-type .col-md-5:nth-of-type(2) .NortonSecurity{
        float: left;
    }

    #footer2016.minFooter .container .row:last-of-type{
        padding: 25px 0 0;
        margin: 0px;
    }

    #footer2016.minFooter .container .row:last-of-type .logo{
        margin: 0;
    }

    #footer2016.minFooter .container .row:last-of-type p{
        text-align: right;
    }

    #footer2016.minFooter .container .row:last-of-type p.phone{
        text-align: left;
        font-size: 16px;
    }

    #footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:first-of-type{
        margin-top: 2px;
    }
    #footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:nth-of-type(2){
        margin: 0 0 40px 33px;
        font-size: 13.8px;
    }
}
@media (min-width:992px) {
    #footer2016.minFooter .container .row:last-of-type{
        padding: 20px 0 0;
    }
    #footer2016.minFooter .container > .row:first-of-type p.reviews{
        text-align: left;
        font-size: 14px;
    }

    #footer2016.minFooter .container>.row:first-of-type p.reviews span.stars {
        margin-right: 0;
        margin-left: 0;
    }

    #footer2016.minFooter .container .row:first-of-type .col-md-5 p.secure{
        text-align: right;
        width: 215px;
        font-size: 13.8px;
        float: left;
    }
    #footer2016.minFooter .container .row:first-of-type .col-md-5 p.secure.nortonA {
        margin: 0 0 0 88px;
    }
    #footer2016.minFooter .container .row:first-of-type .col-md-5 p.secure.nortonB {
        margin: 18px 0 0 172px;
    }

    #footer2016.minFooter .container > .row:first-of-type .col-md-5 p.secure br{
        display: inline-block;
    }
    #footer2016.minFooter .container .row:first-of-type .col-md-5 .NortonSecurity img{
        float: left;
        position: relative;
        top: -5px;
        left: 15px;
    }
    #footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:nth-of-type(2){
        margin: 0 0px 40px 16px;
        font-size: 13.8px;
    }
}
@media (min-width:1200px) {

    #footer2016.minFooter .container .row:first-of-type .col-md-5 p.secure.nortonA{
        margin-left: 160px;
    }
    #footer2016.minFooter .container .row:first-of-type .col-md-5 p.secure.nortonB{
        margin-left: 252px;
        margin-top: 24px;
    }
    #footer2016.minFooter .container .row:last-of-type .col-sm-6:last-of-type p{
        text-align: right;
    }
    #footer2016.minFooter .container .row:last-of-type .col-sm-6:nth-of-type(2) p:nth-of-type(2){
        margin: 0 0 60px 16px;
    }

}



/* Get A Quote banner on home page - redesigned Feb 2016 */

.index.info .getAQuote {
    background: #be2916; /* Old browsers */
    background: -moz-linear-gradient(#cd2d18, #af2614); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#cd2d18), color-stop(#af2614)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#cd2d18, #af2614); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#cd2d18, #af2614); /* Opera 11.10+ */
    background: -ms-linear-gradient(#cd2d18, #af2614); /* IE10+ */
    background: linear-gradient(#cd2d18, #af2614); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd2d18', endColorstr='#af2614', GradientType=0); /* IE6-9 */
    padding: 15px;
    text-align: center;
}
.index.info .getAQuote.float{
    height: 114px;
    position: fixed;
    bottom: 0%;
    width: 100%;
    opacity: 100;
    z-index: 100;
}

.index.info .getAQuote p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: none;
}

.index.info .getAQuote a {
    width: 261px;
    height: 51px;
    display: block;
    background: url('../media/templateImages/footer2016/get-my-quote-mobile.png') 0 0 no-repeat;
    margin: 0 auto;
    text-indent: -9999px;
}

@media (min-width:768px) {

    .index.info .getAQuote.float{
        height: 88px;
    }

    .index.info .getAQuote p {
        display: inline-block;
        font-size: 17px;
        line-height: 51px;
        margin: 0;
    }

    .index.info .getAQuote a.hidden-lg {
        display: inline-block !important;
    }

    .index.info .getAQuote a {
        margin-left: 10px;
        vertical-align: middle;
    }

}

@media (min-width:992px) {

    .index.info .getAQuote p {
        font-size: 20px;
        line-height: 58px;
    }

    .index.info .getAQuote a {
        width: 290px;
        height: 58px;
        background: url('../media/templateImages/footer2016/get-my-quote.png') 0 0 no-repeat;
    }

    .index.info .getAQuote a.hidden-lg {
        display: none !important;
    }

    .index.info .getAQuote a.hidden-sm {
        display: inline-block !important;
    }

}

/* Prevent home page Get Quote banner from concealing the bottom of the footer */

div.index.content ~ #footer2016 {
    margin-bottom: 114px;
}
@media (min-width:768px) {
    div.index.content ~ #footer2016 {
        margin-bottom: 88px;
    }
}
@media (min-width:1290px) {
    div.index.content ~ #footer2016 {
        margin-bottom: 65px;
    }
}

/*-- set min height for variable height quote form on homepage ----*/
@media (min-width: 992px) {
  #home .container.middlebit {
    min-height: 510px;
  }
}

@media (min-width: 1200px) {
  #home .container.middlebit {
    min-height: 560px;
  }
}


/* Modal - come in from left */

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: relative;
    margin: auto;
    width: 640px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 276px;
}
@media (min-width: 768px) {
    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 463px;
    }
}

.modal.left.fade .modal-dialog{
    left: -60%;
    -webkit-transition: opacity 0.2s linear, left 0.8s linear;
    -moz-transition: opacity 0.2s linear, left 0.8s linear;
    -o-transition: opacity 0.2s linear, left 0.8s linear;
    transition: opacity 0.2s linear, left 0.8s linear;
}
#discountOfferModal.modal.left.fade{
    -webkit-transition: opacity 0.8s linear, left 0.8s linear;
    -moz-transition: opacity 0.8s linear, left 0.8s linear;
    -o-transition: opacity 0.8s linear, left 0.8s linear;
    transition: opacity 0.8s linear, left 0.8s linear;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}
#discountOfferModal .modal-dialog{
    width: 325px;
}
#discountOfferModal.bonanza .modal-dialog{
    width: 305px;
    padding: 5px !important;
}
@media (min-width: 768px) {
    #discountOfferModal .modal-dialog {
        width: 596px;
    }
    #discountOfferModal.bonanza .modal-dialog{
        width: 505px;
    }
}
@media (min-width: 992px) {
    #discountOfferModal.bonanza .modal-dialog{
        width: 735px;
    }
}
#discountOfferModal .modal-dialog .modal-content {
    border: none;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
}
#discountOfferModal.bonanza .modal-dialog .modal-content{
    height: 286px;
}
@media (min-width: 768px) {
    #discountOfferModal.bonanza .modal-dialog .modal-content{
        height: 536px;
    }
}
#discountOfferModal .modal-dialog .modal-content a.close{
    width: 40px;
    height: 40px;
    position: relative;
    right: 0;
    top: 39px;
}
#discountOfferModal.bonanza .modal-dialog .modal-content a.close{
    right: 2px;
    top: 15px;
}
@media (min-width: 768px) {
    #discountOfferModal .modal-dialog .modal-content a.close{
        width: 44px;
        right: 0px;
        top: 36px;
    }
    #discountOfferModal.bonanza .modal-dialog .modal-content a.close{
        width: 40px;
        right: 13px;
        top: 30px;
    }
}
@media (min-width: 992px) {
    #discountOfferModal.bonanza .modal-dialog .modal-content a.close{
        width: 38px;
        right: 10px;
        top: 30px;
    }
}
#discountOfferModal .modal-dialog .modal-content .modal-body{
    padding: 0px;
}
#discountOfferModal.fadding{
    display: block!important;
}

/*
Show or hide the Norton Secure Payments content. .nortonA is with it showing, .nortonB is with it hidden
*/
.nortonA {
    display: block;
}
.nortonB {
    display: none;
}