/* Headings */

.section-tout {
    padding: 2em 0 1em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: #f5f5f5;
}

.ellipsed {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}

.font-med {
    font-size: 11px;
}

div.show-grid [class*="col-sm-"] span.show-grid-block {
    display: block;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
}

.card {
    background-color: #fcfcfc;
    border: 2px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
    float: left;
    height: 50px;
    margin-right: 0;
    width: 75px;
}

    .card .bar {
        background-color: #999;
        height: 10px;
        margin-bottom: 3px;
        margin-top: 11px;
        width: 100%;
    }

    .card span {
        background-color: #06998c;
        color: #fff;
        float: right;
        font-size: 10px;
        height: 22px;
        margin-right: 2px;
        padding: 3px;
    }

div.show-grid [class*="col-md-"] span.show-grid-block1 {
    display: block;
    min-height: 40px;
    padding: 10px;
    text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .ExpiryMonthSpan {
        margin-top: 90px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 2400px) {
    .ExpiryMonthSpan {
        margin-top: 37px;
    }
}


/*.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index:2147483647 !important;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: bold;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    font-family: 'Open Sans', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.ui-state-hover, .ui-state-active, .ui-state-focus {
    color: #3a87ad;
    font-weight: bold;
    background-color: #d9edf7;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete > li.ui-state-focus, li.ui-state-active, li.ui-state-hover {
    color: #3a87ad;
    font-weight: bold;
    background-color: #d9edf7;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}*/

.tooltip-navy + .tooltip .tooltip-inner {
    color: #fff;
    background-color: #013362;
    border-color: #013362;
    background-image: -webkit-linear-gradient(top, #013362 0%, #013362 100%);
    background-image: linear-gradient(to bottom, #013362 0%, #013362 100%);
    background-repeat: repeat-x;
    border-color: #013362;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    z-index: 9999;
}

.tooltip-navy + .tooltip.top .tooltip-arrow,
.tooltip-navy + .tooltip.top-left .tooltip-arrow,
.tooltip-navy + .tooltip.top-right .tooltip-arrow {
    border-top-color: #013362;
}

.tooltip-navy + .tooltip.bottom .tooltip-arrow,
.tooltip-navy + .tooltip.bottom-left .tooltip-arrow,
.tooltip-navy + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #013362;
}

.tooltip-navy + .tooltip.right .tooltip-arrow {
    border-right-color: #013362;
}

.tooltip-navy + .tooltip.left .tooltip-arrow {
    border-left-color: #013362;
}

.panel-default2 > .panel-heading {
    background-color: transparent;
    border-color: #adadad;
    color: black;
    border-radius: 0px;
}

.panel-default2 {
    border-color: #adadad;
}

.panel-green > .panel-heading {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: white;
    border-radius: 0px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-primary > .panel-heading {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    border-radius: 0px;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-yellow > .panel-heading {
    background-color: #fa9f35;
    border-color: #fa9f06;
    color: white;
    border-radius: 0px;
}

.panel-yellow {
    border-color: #fa9f06;
}

.panel-red > .panel-heading {
    background-color: #d9534f;
    border-color: #d9534f;
    color: white;
    border-radius: 0px;
}

.panel-red {
    border-color: #d9534f;
}


/* COMMON PRICING STYLES */
.panel.price,
.panel.price > .panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .panel.price:hover {
        box-shadow: 0px 0px 30px rgba(0,0,0, .2);
    }

        .panel.price:hover > .panel-heading {
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }


    .panel.price > .panel-heading {
        box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
        text-shadow: 0px 3px 0px rgba(50,50,50, .6);
    }

.price .list-group-item {
    border-bottom: 1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border: 0px;
}

/* blue panel */


.price.panel-blue > .panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}


.price.panel-blue > .panel-body {
    color: #fff;
    background-color: #73A3D4;
}


    .price.panel-blue > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}



.huge {
    font-size: 26px;
}

.panel-footer {
    background-color: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all 0.5s ease 0s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
        color: white;
    }

.btn-circle {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0;
    text-align: center;
    width: 30px;
}

    .btn-circle.btn-lg {
        border-radius: 25px;
        font-size: 18px;
        height: 50px;
        line-height: 1.33;
        padding: 10px 16px;
        width: 50px;
    }

    .btn-circle.btn-xl {
        border-radius: 35px;
        font-size: 24px;
        height: 70px;
        line-height: 1.33;
        padding: 10px 16px;
        width: 70px;
    }

.h4-bg {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    width: auto;
    color: black;
}


h1 {
    font-size: 3.2em;
    line-height: 44px;
    color: #000;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0 0 30px 0;
}

h2 {
    font-size: 2.6em;
    color: #000;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 30px 0;
}

h3 {
    color: #000;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
}

h4 {
    color: black;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
}

h5 {
    color: black;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: normal; /*line-height: 27px;
	margin: 10px 0 20px 0;*/
}

h6 {
    color: #333;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 14px 0;
}

h2.head-line {
    line-height: 54px;
    margin-bottom: 15px;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0;
    text-align: center;
}

h1.big {
    font-size: 4.2em;
    line-height: 54px;
}

h1.short, h2.short {
    margin-bottom: 15px;
}

h3.short, h4.short, h5.short, h6.short {
    margin-bottom: 9px;
}

h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter {
    margin-bottom: 0;
}

h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall {
    margin-bottom: 33px;
}

h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller {
    margin-bottom: 44px;
}
/* Paragraphs */
p {
    color: #000;
    line-height: 24px;
    margin: 0 0 20px;
}

@font-face {
    font-family: Gidole;
    src: url('Gidole-Regular.woff2') format('woff2'), url('Gidole-Regular.woff') format('woff');
}

/* BOXYMO */
.quotebox7-para {
    padding: 20px;
}

.dash {
    position: relative;
    margin-bottom: 10px;
    padding-left: 66px;
    border-bottom: 1px dashed #dee1e2;
}

.sep {
    margin-top: 50px;
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #dddfe6;
    border-color: #dddddd;
}

h3.quote-ref {
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}


/* BOXYMO */

p.tall {
    margin-bottom: 20px;
}

p.featured {
    margin-bottom: 40px;
    /*font-size: 16px;*/
    font-weight: 200;
    line-height: 1.5;
    text-align: left;
    font-size: 1em;
}

p.policy-option-text {
    text-align: left;
    font-size: 11px;
}

#policy-option-row {
    margin-top: -20px;
}

#policy-option-row-voucher {
    margin-top: -30px;
}

.alternative-font-b-y {
    color: #fcb814;
    font-style: italic;
    font-weight: 600;
}

.alternative-font {
    color: #9a2549;
    font-style: italic;
    font-weight: 600;
}

.panel-title-boxymo {
    padding: 10px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.10);
}


/* Easy Insure Quote Page CSS */

.panel-navy > .panel-heading {
    background-color: #013362;
    border-color: #013362;
    color: #fff;
}

.panel-navy {
    border-color: #013362;
}

.panel-orange > .panel-heading {
    background-color: #FCA91B;
    border-color: #FCA91B;
    color: #fff;
}

.panel-orange {
    border-color: #FCA91B;
}

    .panel-orange > .panel-heading > a {
        color: #fff;
    }

.not-group {
    margin-bottom: 20px;
}

.panel-btn-group .panel {
    display: inline-block;
    vertical-align: top;
    height: 250px;
    text-align: center;
}

.validationError {
    color: #dd3232;
}

.btn-cover {
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.rowStyle {
    padding: 5px 0px;
}

.navy {
    background-color: #013362;
    border-color: #013362;
    color: #fff;
}

.text-navy {
    color: #013362;
}

.text-orange {
    color: #FCA91B;
}

/* Buttons

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

/*.btn-success {
    color: #fff;
    border-color: #4cae4c;
    font-weight: 700;
    border-radius: 0;
    box-shadow: 0 6px 0 -3px rgba(0,0,0,.2);
}*/

.btn {
    -moz-user-select: none;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
     font-family:"Poppins",sans-serif;
}

a.button-sm {
    padding: 7px 30px 7px 12px;
    display: inline-block;
    border-radius: 0;
    position: relative;
    text-align: left;
    min-width: 165px;
    box-shadow: 0 0 4px rgba(0,0,0,.40);
}

    a.button-sm:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: 2px;
        font-size: 1.4em;
    }

a.button-sm-blog {
    padding: 7px 30px 7px 12px;
    display: inline-block;
    border-radius: 0;
    position: relative;
    text-align: left;
    box-shadow: 0 0 4px rgba(0,0,0,.40);
}

    a.button-sm-blog:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 1.4em;
    }

a.button-md {
    padding: 10px 40px 10px 15px;
    font-size: 18px;
    display: inline-block;
    border-radius: 0;
    min-width: 225px;
    position: relative;
    text-align: left;
}

    a.button-md:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: 0px;
        font-size: 1.8em;
    }

/*a.button-lg {
    padding: 18px 42px 18px 18px;
    font-size: 24px;
    display: inline-block;
    border-radius: 5px;
    min-width: 225px;
    position: relative;
    text-align: left;
}*/

a.button-lg {
    padding: 18px 42px 18px 18px;
    font-size: 34px;
    display: inline-block;
    border-radius: 0;
    min-width: 225px;
    position: relative;
    text-align: left;
}

    /*a.button-lg:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: 14px;
        font-size: 1.8em;
    }*/

    a.button-lg:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: 18px;
        font-size: 1em;
    }

    a.button-sm a, a.button-md a, a.button-lg a,
    a.button-sm:active, a.button-md:active, a.button-lg:active,
    a.button-sm:focus, a.button-md:focus, a.button-lg:focus,
    a.button-sm:hover, a.button-md:hover, a.button-lg:hover {
        text-decoration: none !important;
    }

.td-none:hover {
    text-decoration: none;
    color: #000;
}

.white-tran {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: #00461f !important;
    transition: all 0.25s ease 0s;
}

    .white-tran:active, .white-tran:focus, .white-tran:hover {
        color: #00461f !important;
        text-decoration: none;
        background: #eee;
        transition: all 0.25s ease;
    }


a.button-lg:hover, a.button-md.white-tran:hover {
    padding-left: 25px;
}

a.button-sm:hover, a.button-sm.white-tran:hover {
    padding-left: 15px;
}

a.button-lg:hover, a.button-md.dark-green:hover {
    padding-left: 25px;
}

a.button-sm:hover, a.button-sm.dark-green:hover {
    padding-left: 15px;
}

.dark-green:active,
.dark-green:focus {
    color: #FFFFFF !important;
    text-decoration: none;
    background: #8EAE34;
    transition: all 0.25s ease;
}

.dark-green:hover {
    color: #FFFFFF !important;
    text-decoration: none;
    transition: all 0.25s ease;
}

/*.dark-green {
    background: #2E6747;
    color: #FFFFFF !important;
    transition: all 0.25s ease;
}*/

.dark-green {
    background: #007F4E;
    color: #FFFFFF !important;
    transition: all 0.25s ease;
}

    .dark-green:active,
    .dark-green:focus {
        background: #063F1F;
        color: #FFFFFF !important;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .dark-green:hover {
        background: #2E6747;
        color: #FFFFFF !important;
        text-decoration: none;
        transition: all 0.25s ease;
    }

.dark-gray {
    background: #777777;
    color: #FFFFFF !important;
    transition: all 0.25s ease;
}

    .dark-gray:active,
    .dark-gray:focus {
        background: #686767;
        color: #FFFFFF !important;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .dark-gray:hover {
        background: #909090;
        color: #FFFFFF !important;
        text-decoration: none;
        transition: all 0.25s ease;
    }

.light-gray {
    background: #A0A0A0;
    color: #FFFFFF !important;
}

    .light-gray:active,
    .light-gray:focus,
    .light-gray:hover {
        color: #FFFFFF !important;
        text-decoration: none;
    }

.white-tran {
    background: rgb(255, 255, 255);
    color: #00461F !important;
    transition: all 0.25s ease;
}

    .white-tran:active,
    .white-tran:focus,
    .white-tran:hover {
        color: #00461F !important;
        text-decoration: none;
    }




btn-check {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;
}

btn-check {
    position: relative;
    display: inline-block;
}

    btn-check input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.011;
    }

        btn-check input[type="checkbox"] + label {
            display: block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-color: #ccc;
        }

            btn-check input[type="checkbox"] + label:hover {
                color: #333;
                background-color: #e6e6e6;
                border-color: #adadad;
            }

    btn-check.small input[type="checkbox"] + label {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    btn-check input[type="checkbox"]:checked + label {
        display: block;
        cursor: pointer;
        background-color: #FCA91B;
        border-color: #FCA91B;
        color: #fff;
    }

    btn-check.vertical {
        display: block;
        margin-bottom: 5px;
    }

        btn-check.vertical input[type="checkbox"] + label {
            border-radius: 4px;
        }

@media only screen and (min-width: 500px) {

    btn-check input[type="checkbox"] + label {
        border-radius: 0px;
        margin-bottom: 0px;
    }

    btn-check input[type="checkbox"] + label {
        border-radius: 0px 0px 0px 0px;
    }

    btn-check {
        display: inline-block;
    }

    btn-list.vertical {
        display: block;
    }

    btn-check.vertical input[type="checkbox"] + label {
        border-radius: 4px;
    }
}

/*Easy Insure End*/



a {
    color: #e874ac; /*#d13f7c*/
}

    a:hover {
        /*color: #ec8ab9;
        color: black;
        font-weight: bold;*/
    }

    a:active {
        /*color: #e45e9f;*/
        color: black;
    }

html {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

#fl {
    float: left;
}

#fr {
    float: right;
}

.fr {
    float: right;
}

ul {
    list-style: none;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.blankSeparatorSmall {
    height: 20px;
    margin-bottom: 30px;
    display: block;
}

.blankSeparatorMed {
    height: 150px;
    margin-bottom: 30px;
    display: block;
}

.blankSeparatorTall {
    height: 250px;
    margin-bottom: 30px;
    display: block;
}
/* Show Grid */
div.show-grid [class*="col-md-"] span.show-grid-block {
    background-color: none;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    /*border: 1px solid #000;*/
    display: block;
}
/* Font Awesome */
div.fontawesome-icon-list [class*="col-md-"] {
    margin-bottom: 9px;
}

div.fontawesome-icon-list i {
    font-size: 1.3em;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
    text-align: center;
    position: relative;
    top: 2px;
}

body {
    color: #777;
    /*font-family: "Open Sans", Arial, sans-serif;*/
   /*font-family: 'Open Sans', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;*/
    font-family:"Poppins",sans-serif;
    font-size: 14px;
    line-height: 22px;
    background-color: #f8f8f8;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin: 0 auto;
    height: auto;
}

    body header {
        padding: 15px 0;
    }


.content-box {
    background-color: #ffffff;
    padding: 20px 20px 0px 20px !important;
    border: 1px solid #DDDDDD;
    padding-bottom: 40px !important;
}


/* Scroll to Top */
a.scroll-to-top {
    -moz-border-radius: 7px 7px 0 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-border-radius: 7px 7px 0 0;
    -webkit-transition: all 0.3s;
    background: #404040;
    border-radius: 7px 7px 0 0;
    bottom: 0px;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 13px 0 35px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    width: 49px;
    z-index: 1040;
}

    a.scroll-to-top:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    a.scroll-to-top.visible {
        filter: alpha(opacity=75);
        opacity: 0.75;
    }
/* Header Container */
header {
    clear: both;
    /*border-bottom: 1px solid #a6a5a5;*/
    /*border-bottom: 1px solid #cfcdcd;*/
    /*background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);*/
    min-height: 100px;
    padding: 8px 0;
}

    header > div.container {
        height: 100px;
        margin-bottom: -35px;
        position: relative;
        display: table;
        max-width: 1170px;
    }
    /* Logo */
    header h1.logo {
        margin: 0;
        padding: 5px 0;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.2s ease-in 0.2s;
        -o-transition: all 0.2s ease-in 0.2s;
        -webkit-transition: all 0.2s ease-in 0.2s;
        transition: all 0.2s ease-in 0.2s;
    }

        header h1.logo a {
            position: relative;
            z-index: 1;
        }

        header h1.logo img {
            position: relative;
            color: transparent;
        }

.btn-custom-darken.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-custom-darken {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #338846;
    background-image: -moz-linear-gradient(top, #39974e, #2b723b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#39974e), to(#2b723b));
    background-image: -webkit-linear-gradient(top, #39974e, #2b723b);
    background-image: -o-linear-gradient(top, #39974e, #2b723b);
    background-image: linear-gradient(to bottom, #39974e, #2b723b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff39974e', endColorstr='#ff2b723b', GradientType=0);
    border-color: #2b723b #2b723b #163a1e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2b723b;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-custom-darken:hover, .btn-custom-darken:focus, .btn-custom-darken:active, .btn-custom-darken.active, .btn-custom-darken.disabled, .btn-custom-darken[disabled] {
        color: #ffffff;
        background-color: #2b723b;
    }

    .btn-custom-darken:active, .btn-custom-darken.active {
        background-color: #1d4d28;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #333;
}
/*.btn-success {
    color: #fff;
    background-color: #007F4E !important;
    border-color: #4cae4c;
    font-weight: bold;
    border-radius: 0;
    box-shadow: 0 6px 0 -3px rgba(0,0,0,.2);
}


.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    font-weight: bold;
    border-radius: 0;
    box-shadow: 0 6px 0 -3px rgba(0,0,0,.2);
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    box-shadow: 0 6px 0 -3px rgba(0,0,0,.2);
}*/


/* Quote Pages*/
.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
    top: 30px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    /*z-order: 0;*/
}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

    .process-step p {
        margin-top: 10px;
    }

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.your-details-btn-group {
    margin-top: -20px;
    margin-bottom: 30px;
}

ul.quote-page-buttons {
}

.quote-page-buttons li {
    display: inline;
    float: left;
    padding: 5px;
}

ul.quote-steps {
    text-align: center;
    margin: 30px 0 30px 0;
}

.quote-steps li {
    display: inline;
    padding: 10px;
}

#quote-steps-1 {
    font-size: 20px;
    padding: 10px;
}

#quote-steps-2 {
    font-size: 20px;
    padding: 10px;
}

#quote-steps-3 {
    font-size: 20px;
    padding: 10px;
}

.pricing-table {
    margin: 25px 0 0 0;
    text-align: center;
    padding-right: 20px;
}

    .pricing-table ul {
        list-style: none;
        margin: 20px 0 0 0;
        padding: 0;
    }

    .pricing-table li {
        border-top: 1px solid #ddd;
        padding: 10px 0;
        text-align: left;
    }

    .pricing-table h3 {
        background-color: #A13A76;
        border-radius: 2px 2px 0 0;
        font-size: 20px;
        font-weight: normal;
        margin: -20px -20px 50px -20px;
        padding: 20px;
    }

        .pricing-table h3 span {
            background: #FFF;
            border: 5px solid #FFF;
            border-radius: 100px;
            box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
            color: #777777;
            display: block;
            font: bold 25px / 100px Georgia, Serif;
            height: 100px;
            margin: 20px auto -65px;
            width: 150px;
        }

    .pricing-table .most-popular {
        /*border: 3px solid #CCC;*/
        box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);
        padding: 30px 20px;
        top: -10px;
        z-index: 2;
    }

        .pricing-table .most-popular h3 {
            /*background-color: #666;*/
            color: #FFF;
            padding-top: 30px;
            text-shadow: 0 1px #555;
        }

    .pricing-table .plan {
        background: #f5f5f5;
        /*border: 1px solid #ddd;
        border-radius: 5px;*/
        color: #333;
        margin-bottom: 35px;
        margin-right: -31px;
        padding: 20px;
        position: relative;
        /*text-shadow: 0 1px rgba(255, 255, 255, 0.8);*/
    }

    .pricing-table .btn {
        margin-top: 5px;
    }

.well-offers {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well-offers blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

    .well-offers a {
        margin: -15px 0 0 0;
        float: right;
    }

h1.total {
    font-size: 3.2em;
    color: #222;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0 0 5px 0;
}

p.total {
    color: #000;
    line-height: 24px;
    margin: 20px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

p.offers {
    color: #222;
    line-height: 24px;
    margin: 0 0 20px;
    text-align: center;
}

/*.shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.30);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.30);
}*/

.shadow-portal {
    -webkit-box-shadow: 0px 1px 7px 2px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 0px 1px 7px 2px rgba(50, 50, 50, 0.30);
    box-shadow: 0px 1px 7px 2px rgba(50, 50, 50, 0.30);
}

.button-shadow {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);
}

.bg-shade-l {
    background-color: #fefcfc;
    padding: 20px;
    margin: -20px 0 -10px 0;
}

.bg-shade {
    background-color: #fefcfc;
    padding: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.bg-shd {
    background-color: #f5f5f5;
}

.bg-shade1 {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.bg-shd-p {
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}

.bg-shd1 {
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.bg-shd2 {
    background-color: #dddfe6;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.bg-shade-l-a {
    border-right: 1px solid #CCC;
}

.bg-shade-r {
    background-color: #fefcfc;
    padding: 20px;
    margin: -20px 0 -10px 0;
}

.chatonline {
    width: 129px;
    height: 37px;
    cursor: pointer;
    background-image: url(../img/its4womenieonline.png);
    border: none;
    float: right;
}

.signout-btn {
    width: 96px;
    height: 30px;
    cursor: pointer;
    background-image: url(../img/signout-btn.png);
    border: none;
    margin-bottom: 20px;
    margin-top: -20px;
}
/* Divider Line */
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background;
    -image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    margin: 22px 0 22px 0;
}

    hr.short {
        margin: 11px 0 20px 0;
    }

    hr.tall {
        margin: 44px 0 44px 0;
    }

    hr.taller {
        margin: 66px 0 66px 0;
    }
/* Page Top */
section.page-top {
    background-color: #9e3054;
    border-bottom: 5px solid #fff;
    border-top: 1px solid #fbf8f8;
    margin-bottom: 35px;
    min-height: 50px;
    padding: 0;
    padding: 20px 0;
    position: relative;
    text-align: left;
}

    section.page-top ul.breadcrumb {
        margin: -3px 0 0;
        padding: 5px;
    }

        section.page-top ul.breadcrumb > li {
            text-shadow: none;
            color: #fff;
        }

    section.page-top h2 {
        border-bottom: 5px solid #2b723b;
        color: #FFF;
        display: inline-block;
        font-weight: 200;
        margin: 0 0 -25px;
        min-height: 37px;
        line-height: 46px;
        padding: 0 0 17px;
        position: relative;
    }
/* Car Insurance */
section.page-top-car-insurance {
    background-color: #fefdfd;
    border-bottom: 3px solid #e874ac;
    border-top: 1px solid #fbf8f8;
    /*border-top: 3px solid #e874ac;*/
    margin-bottom: 35px;
    padding: 20px 0;
    position: relative;
}

    section.page-top-car-insurance div.row {
        position: relative;
    }

    section.page-top-car-insurance p.lead {
        color: #777;
    }

    section.page-top-car-insurance img {
        bottom: -10px;
        margin: 20px 85px 0 0;
        position: relative;
    }

    section.page-top-car-insurance h1 {
        color: #777;
        margin-bottom: 10px;
        margin-top: 30px;
    }

.media * {
    color: #eee;
}

.media img {
    padding: 3px;
    border: 2px solid #eee;
}

.media {
    color: #eee;
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
}

    .media h3 {
        font-size: 14px;
        line-height: normal;
        margin: 0;
        padding-top: 15px;
        font-style: italic;
        color: #777;
    }

.car-ins-testimonial {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    border-bottom: 3px solid #9e3054;
    padding: 12px;
    margin-bottom: 20px;
}

.help-center {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    border-bottom: 2px solid #ccc;
    padding: 12px;
    margin-bottom: 20px;
}

#panel-colour {
    /*background-color:#CCC;*/
    background-color: rgb(245, 245, 245);
}
/* Footer */
footer {
    margin-top: 0;
    position: relative;
    font-size: 0.9em;
}

    footer div.container div.row {
        margin-bottom: 25px;
    }

h5.short {
    margin-bottom: 9px;
}

p.short {
    margin-bottom: 0px;
}

footer ul.contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer a:hover {
    color: #CCC;
}

footer h4 {
    font-size: 1.8em;
    color: #121214;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}
/* Copyright */
div.footer-copyright {
    /*background-color: #333;*/
    background: #ffffff;
    /*border-top: 1px solid #cfcdcd;*/ /*border-top: 2px solid #e874ac;*/
}

    div.footer-copyright p {
        text-align: center;
        margin-top: 20px;
        margin-bottom: -10px;
    }

footer.short {
    padding-top: 50px;
}

footer ul.list.icons li {
    margin-bottom: 5px;
}

@media (max-width: 600px) {

    .bg-shade1 {
        font-size: 26px;
    }

    #pol-num {
        font-size: 16px;
    }
}