@font-face{font-family:'coconlight';src:url("fonts/Cocon-Light.eot");src:url("fonts/Cocon-Light.woff2") format("woff2"),url("fonts/Cocon-Light.woff") format("woff"),url("fonts/Cocon-Light.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'coconregular';src:url("fonts/CoconPro-Regular.eot");src:url("fonts/CoconPro-Regular.woff2") format("woff2"),url("fonts/CoconPro-Regular.woff") format("woff"),url("fonts/CoconPro-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'coconbold';src:url("fonts/Cocon-Bold_gdi.eot");src:url("fonts/Cocon-Bold_gdi.eot?#iefix") format("embedded-opentype"),url("fonts/Cocon-Bold_gdi.woff") format("woff"),url("fonts/Cocon-Bold_gdi.ttf") format("truetype"),url("fonts/Cocon-Bold_gdi.svg#Cocon-Bold") format("svg");font-weight:normal;font-style:normal}

/*h1, h2, h3, h4, h5, h6 {
    color: #d60570;
    font-family:coconregular, arial, sans-serif;
}*/
/* ***************** */

body {
    background-color: #FFF;
    color: #5e5e5e;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0;
    background-color: #f8f8f8;
    border-radius: 0;
    /*margin: 25px auto;*/
    /*max-width: 1200px;*/
    height: auto;
    /*background: url(img/car-insurance-background.jpg) center center repeat;*/
    background-size: 100%;
    background-position: 0px 0px;
}

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

.label-BrandALT{background-color:#e40571;font-size:16px;}

.panel-brandDetails > .panel-headingDetails {
     padding: 10px 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #0073ae;
}

.panel-brandDetails {
      border-color: #0057B8;
    border-radius: 0px;
}

.panel-whiteDetails > .panel-headingDetails {
   padding: 15px 15px 30px 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #fff;
    border-bottom: 3px solid #e40571;
    border-left: 0px;
}

.panel-whiteDetails {
     border-left-color: #ece9e9;
    border-right-color: #ece9e9;
}

.panel-bodyDetails {
     padding: 15px;
    background-color: #fff !important;
    border-top: 0 !important;
}

.panel-white > .panel-heading {
    padding: 10px 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dddddd;
}

.panel-white {
    border-color: #dddddd;
}

.btn-success {
    background-color: #0F8532 !important;
}

.BenefitsText {
    color: #6f6e6e; 
    margin-top:10px;
}

.ContainerQuoteL {
     margin-left:100px;
}

.LayaLogoMargin {
    margin-left:60px;
}

/*.DetailedBenefits {
    top:850px; 
    position:absolute;
     left:95px;
}*/

/*YourDetailsL*/

.Absolute-Center {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.setImageSize {
    overflow: hidden;
    width: 100%;
}



.round-button {
    width: 12%;
}

.txtbox {
    border-radius: 5px;
}

.round-button-circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #CEEBF4;
    border-radius: 50%;
    overflow: hidden;
}


.round-button-circleColour {
    background: #D90071;
}

.round-button-circle:hover {
    background: #D90071;
}

.round-button-pink {
    background: #D90071;
      width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.round-button a {
    width: 100%;
    padding-top: 15%;
    padding-bottom: 20%;
}



.pinkButton {
    background-color: #BE0063;
    color: white;
    font-weight: bold;
}

/*.popover-content {
            overflow-y: scroll;
            height: 230px;
        }*/

.popover {
    width: 370px;
    max-width: 400px;
    top: 300px !important;
    left: 440px !important;
}


/*.radio-container:hover {
    background-color: #f3f3f3;
}

input[type="radio"] + label {
    cursor: pointer;
    height: 35px;
    width: 80px;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    margin-left: 0;
    margin-right: 16px;
    border-color: #ddd;
    border: 1px solid #ccc;
    padding: 6px;
    padding-right: 6px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px;
}*/


ul.toggleSwitch {
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 0;
    transition: all 0.8s ease-out 0s;
    vertical-align: middle;
}

    ul.toggleSwitch li {
        float: left;
        position: relative;
    }

        ul.toggleSwitch li input[type="radio"] {
            bottom: 0;
            left: 0;
            opacity: 0.011;
            position: absolute;
            right: 0;
            top: 0;
        }

            ul.toggleSwitch li input[type="radio"] + label {
                -moz-user-select: none;
                background-image: none;
                cursor: pointer;
                display: block;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 0;
                padding: 6px 12px;
                vertical-align: middle;
                background-color: #fff;
                border: 1px solid #999;
                box-sizing: border-box;
                display: inline-block;
                height: 36px;
                position: relative;
                text-align: center;
                width: 100%;
                font-weight: bold;
            }

                ul.toggleSwitch li input[type="radio"] + label:hover {
                    color: black;
                    border-color: black;
                }

    ul.toggleSwitch.small li input[type="radio"] + label {
        font-size: 12px;
        line-height: 1.5;
        padding: 5px 10px;
    }

    ul.toggleSwitch.x-small li input[type="radio"] + label {
        font-size: 12px;
        line-height: 1.5;
        padding: 1px 5px;
    }

    ul.toggleSwitch li:first-child input[type="radio"] + label {
        border-radius: 0px 0 0 0px;
        width: 160px;
    }

    ul.toggleSwitch li:last-child input[type="radio"] + label {
        border-radius: 0 0px 0px 0;
        width: 160px;
    }

    ul.toggleSwitch li:first-child input[type="radio"]:checked + label {
        /*background-color: #5cb85c;*/
        background-color: #007F4E;
        border-color: #4cae4c;
        color: #fff;
        cursor: pointer;
        display: block;
        transition: all 0.8s ease-in-out 0s;
    }

    ul.toggleSwitch li:last-child input[type="radio"]:checked + label {
        background-color: #d9534f;
        border-color: #d43f3a;
        color: #fff;
        cursor: pointer;
        display: block;
        transition: all 0.8s ease-in-out 0s;
    }

    ul.toggleSwitch li:first-child input[type="radio"]:checked + label:hover {
        background-color: #449d44;
        border-color: #398439;
        color: #fff;
        opacity: 0.8;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }

    ul.toggleSwitch li:last-child input[type="radio"]:checked + label:hover {
        background-color: #c9302c;
        border-color: #0057b8;
        color: #fff;
        opacity: 0.8;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {

    ul.toggleSwitch {
        list-style: outside none none;
        margin: 0;
        overflow: auto;
        padding: 0;
        transition: all 0.8s ease-out 0s;
        vertical-align: middle;
    }

        ul.toggleSwitch li {
            float: left;
            position: relative;
        }

            ul.toggleSwitch li input[type="radio"] {
                bottom: 0;
                left: 0;
                opacity: 0.011;
                position: absolute;
                right: 0;
                top: 0;
            }

                ul.toggleSwitch li input[type="radio"] + label {
                    -moz-user-select: none;
                    background-image: none;
                    cursor: pointer;
                    display: block;
                    font-size: 12px;
                    margin-bottom: 0;
                    padding: 6px 12px;
                    vertical-align: middle;
                    background-color: #fff;
                    border: 1px solid #999;
                    box-sizing: border-box;
                    display: inline-block;
                    height: 36px;
                    position: relative;
                    text-align: center;
                    width: 100%;
                    font-weight: bold;
                }

                    ul.toggleSwitch li input[type="radio"] + label:hover {
                        color: black;
                        border-color: black;
                    }

        ul.toggleSwitch.small li input[type="radio"] + label {
            font-size: 12px;
            line-height: 1.5;
            padding: 5px 10px;
        }

        ul.toggleSwitch.x-small li input[type="radio"] + label {
            font-size: 12px;
            line-height: 1.5;
            padding: 1px 5px;
        }

        ul.toggleSwitch li:first-child input[type="radio"] + label {
            border-radius: 0px 0 0 0px;
            width: 90px;
        }

        ul.toggleSwitch li:last-child input[type="radio"] + label {
            border-radius: 0 0px 0px 0;
            width: 90px;
        }

        ul.toggleSwitch li:first-child input[type="radio"]:checked + label {
            background-color: #5cb85c;
            border-color: #4cae4c;
            color: #fff;
            cursor: pointer;
            display: block;
            transition: all 0.8s ease-out 0s;
        }

        ul.toggleSwitch li:last-child input[type="radio"]:checked + label {
            background-color: #d9534f;
            border-color: #d43f3a;
            color: #fff;
            cursor: pointer;
            display: block;
            transition: all 0.8s ease-out 0s;
        }

        ul.toggleSwitch li:first-child input[type="radio"]:checked + label:hover {
            background-color: #449d44;
            border-color: #398439;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
            transition: all 0.2s ease-in 0s;
        }

        ul.toggleSwitch li:last-child input[type="radio"]:checked + label:hover {
            background-color: #c9302c;
            border-color: #0057b8;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
            transition: all 0.2s ease-in 0s;
        }

    .proposalYYSelect {
        margin-top: 10px;
    }

        .proposalYYSelect:after {
            margin-top: 10px;
        }
}

.cta-btn:hover {
    background-color: #991636;
    background: -webkit-gradient(linear, left top, left bottom, from(#991636), to(#D60570));
    background: -webkit-linear-gradient(#991636, #D60570);
    background: -o-linear-gradient(#991636, #D60570);
    background: linear-gradient(#991636, #D60570);
    color: #fff;
}

.cta-btn {
    display: block;
    margin: 5px auto;
    min-width: 150px;
    min-height: 35px;
    background-color: #D60570;
    background: -webkit-gradient(linear, left top, left bottom, from(#D60570), to(#991636));
    background: -webkit-linear-gradient(#D60570, #991636);
    background: -o-linear-gradient(#D60570, #991636);
    background: linear-gradient(#D60570, #991636);
    -webkit-box-shadow: inset 0 1px 0 0 #D60570;
    box-shadow: inset 0 1px 0 0 #D60570;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    text-transform: none;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.cta-btns {
    display: block;
    margin: 5px auto;
    /*min-width: 150px;
    min-height: 35px;*/
    background-color: #D60570;
    background: -webkit-gradient(linear, left top, left bottom, from(#D60570), to(#991636));
    background: -webkit-linear-gradient(#D60570, #991636);
    background: -o-linear-gradient(#D60570, #991636);
    background: linear-gradient(#D60570, #991636);
    -webkit-box-shadow: inset 0 1px 0 0 #D60570;
    box-shadow: inset 0 1px 0 0 #D60570;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    text-transform: none;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

input {
    font-size: 26px;
}

#wrapper {
    font-size: 26px;
    background: #fff;
    display: inline-block;
    border: 1px solid #000;
}

#day, #month, #year {
    width: 50px;
    border: 0;
    text-align: center;
    outline: 0;
}

#year {
    width: 100px;
}

.form-control-datepicker {
    display: block;
    width: 100%;
    /*height: 55px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 5px;
    -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;
    background: #fff url("../img/datepickerplaceholder.png") no-repeat right;
}

.testing {
    color: #1E446C;
    background-color: #ffffff;
    border-color: #bfbfbf;
}

.getBlue {
    color: #00b6f0;
}

.YourDetailsLText {
    font-size: 14px;
    text-align: center;
    color: #1E446C;
}

/*YourDetailsL*/



















/*QuoteL*/




.SetButtonMargin {
    margin-left: 10px;
}

.ButtonsWidth {
    width: 18%;
}

.LoadingDiv {
    border: 15px solid #666666;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    margin-left: 19%;
    /*width: 16%;*/
    width:20%;
    top: 40%;
    background-color: #ffffff;
    display: none;
}

.LoadingDivPayment {
    border: 15px solid #666666;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    margin-left: 19%;
    /*width: 16%;*/
    width:20%;
    top: 40%;
    background-color: #ffffff;
    display: none;
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

.bounceColor1 {
    background-color: #f2f2f2;
}

.bounceColor2 {
    background-color: #737373;
}

.bounceColor3 {
    background-color: #333333;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.cta-btn:hover {
    background-color: #991636;
    background: -webkit-gradient(linear, left top, left bottom, from(#991636), to(#D60570));
    background: -webkit-linear-gradient(#991636, #D60570);
    background: -o-linear-gradient(#991636, #D60570);
    background: linear-gradient(#991636, #D60570);
    color: #fff;
}

.cta-btn {
    margin: 5px auto;
    /*min-width: 150px;
            min-height: 35px;*/
    background-color: #D60570;
    background: -webkit-gradient(linear, left top, left bottom, from(#D60570), to(#991636));
    background: -webkit-linear-gradient(#D60570, #991636);
    background: -o-linear-gradient(#D60570, #991636);
    background: linear-gradient(#D60570, #991636);
    -webkit-box-shadow: inset 0 1px 0 0 #D60570;
    box-shadow: inset 0 1px 0 0 #D60570;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    text-transform: none;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.setWidth {
    /*width: 70%;*/
    /*width: 730px;*/
}

.panel-multi {
    border-color: #ffffff;
    width: 50%;

}

.addMargin {
    margin-left: 200px;
}


.panel-multi1 {
    border-color: #ffffff;
    width: 188%;
}

.panel-single1 {
    border-color: #ffffff;
    width: 200%;
}


    .panel-single1 > .panel-heading {
        color: #ffffff;
        text-align: center;
        background-color: #49C1EC;
    }

        .panel-single1 > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ffffff;
        }

        .panel-single1 > .panel-heading > .dropdown .caret {
            border-color: #c09853 transparent;
        }

    .panel-single1 > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ffffff;
    }

.panel-single {
    border-color: #ffffff;
    width: 50%;
}

    .panel-single > .panel-heading {
        color: #ffffff;
        text-align: center;
        background-color: #0C5373;
    }

        .panel-single > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ffffff;
        }

        .panel-single > .panel-heading > .dropdown .caret {
            border-color: #c09853 transparent;
        }

    .panel-single > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ffffff;
    }


.panel-singlebody {
    background-color: #4B7A95; 
    color: #ffffff;
    height: 300px;
}

.panel-whitesinglebody {
    background-color: #ffffff;
    color: gray;
}


ul {
    list-style: none;
}


    ul.bene li:before {
        content: '\2713';
        color: #BE0063;
        font-weight: bold;
        font-size: 22px;
    }

.excessBorder {
    border: 1px dotted #c5c5c5;
    background-color: #efedee;
    width: 40px;
}

.coverBorder {
    border: 1px dotted #c5c5c5;
}

.tableCover {
    text-align: center;
    height: 14px;
    font-size: 12px;
    /*padding: 4px;*/

}



.tableExcess {
    text-align: center;
    height: 1px;
    font-size: 12px;
    width: 10px;
}


.panel-multi1 > .panel-heading {
    color: #ffffff;
    text-align: center;
    background-color: #20385E;
}

    .panel-multi1 > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #ffffff;
    }

    .panel-multi1 > .panel-heading > .dropdown .caret {
        border-color: #c09853 transparent;
    }

.panel-multi1 > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ffffff;
}

.panel-multi > .panel-heading {
    color: #ffffff;
    text-align: center;
    background-color: #20385E;
}

    .panel-multi > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #ffffff;
    }

    .panel-multi > .panel-heading > .dropdown .caret {
        border-color: #c09853 transparent;
    }

.panel-multi > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ffffff;
}


.panel-multibody {
    background-color: #117DAC;
    color: #ffffff;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel-yourQuoteBody {
    background-color: #efedee;
    /*height: 140px;*/
    width: 192px;
}


.panel-yourQuoteBodyPayment {
    background-color: #efedee;
    /*height: 240px;*/
    width: 180px;
}



.panel-travelDetailsBody {
    padding-left: 20px;
    /*height: 100px;*/
}


.panel-WhyChooseBody {
    padding-left: 20px;
    /*height: 230px;*/
}


.optional-extra-item {
      padding-bottom: 2px;  
    padding: 10px;
    /*height: 32px;*/
    /*padding-top: 1em;*/
 
}

li {
    background-repeat: no-repeat;
}

    li[data-type="sidebarTick"] {
        padding: 0.15em 0 0.5em 0;
  
        list-style-image: url("../img/sidebar-tick.png");
    }



.panel-groups .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
  width: fit-content;
}


.panel-groups .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dddddd;
}

.panel-groups .panel-footer {
    border-top: 0;
}


.circleNav {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #005c97;
}


.circleNavPink {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #e40571;
}


.circleNavGray {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #6f6e6e;
}

.titleBlue {
    color: #005c97;
}

.titlePink {
    color: #e40571;
    font-size: 16px;
}

.hoverGray:hover {
    background-color: #efedee;
}

.hoverGray:focus {
    background-color: #efedee;
}

.call-now-title {
    font-size: 16px;
    color: #005c97;
}

.call-now-subtitle {
    font-size: 12px;
}

.call-now {
    text-align: right;
    width: 120px;
}



@media (max-width: 48em) {
    .call-now-subtitle {
        display: none;
    }

    .HideLoCall {
        display: none;

    }

    /*.BluePhone {
       position:
    }*/

        .HideLoCall {
        display: none;
    }
    .telephone-number {
        display: none;
    }

    ul.purchase-steps-nav li {
        padding: 30px 0 10px;
        position: relative;
        z-index: 1;
        width: 25%;
    }

        ul.purchase-steps-nav li a {
            text-align: center;
            font-size: 12px !important;
            white-space: normal;
            word-spacing: 9999999px;
            padding: 10px 0;
        }

            ul.purchase-steps-nav li a span {
                display: block;
                font-size: 16px;
                margin: auto;
                margin-bottom: 10px;
                padding: 10px 0 0 3px;
            }
}

.call-now-title:before {
    color: #e40571;
}

.call-now .telephone-number {
    font-weight: bold;
    color: #005c97;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.icon-phone:before {
    content: '\e803';
}

.content-container {
    width: 100%;
    max-width: 991px;
    margin: auto;
}



.purchase-steps-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

ul.purchase-steps-nav li {
    list-style: none;
    width: 25%;
}

    /*@media (max-width: 48em) {
    ul.purchase-steps-nav li {
        padding: 30px 0 10px;
        position: relative;
        z-index: 1;
        width: 25%;
    }
}*/

    ul.purchase-steps-nav li a {
        display: block;
        padding: 10px;
        color: #6f6e6e;
        font-family: Arial;
    }

        ul.purchase-steps-nav li a span {
            display: inline-block;
            background-color: #6f6e6e;
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            padding: 10px 0 0 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-right: 10px;
        }

        /*@media (max-width: 48em) {
    ul.purchase-steps-nav li a {
        text-align: center;
        font-size: 12px !important;
        white-space: normal;
        word-spacing: 9999999px;
        padding: 10px 0;
    }

        ul.purchase-steps-nav li a span {
            display: block;
            font-size: 16px;
            margin: auto;
            margin-bottom: 10px;
            padding: 10px 0 0 3px;
        }
}*/

        ul.purchase-steps-nav li a:hover {
            text-decoration: none;
        }

    ul.purchase-steps-nav li.-active a {
        color: #e40571;
    }

        ul.purchase-steps-nav li.-active a span {
            background-color: #e40571;
        }

    ul.purchase-steps-nav li.-complete a {
        color: #005c97;
    }

        ul.purchase-steps-nav li.-complete a span {
            background-color: #005c97;
        }


.cookie {
    background: #1a3760;
    width: 100%;
    padding: 10px 0 13px 0;
    font-size: 13px;
    color: #f3f6f8;
}

a:hover, a.-hover {
    color: #067ca2;
    text-decoration: underline;
}

.cookie div {
    position: relative;
    margin: auto;
    width: 85%;
    max-width: 940px;
    padding: 0 50px 0 15px;
}

a {
    -webkit-transition: color, 0.15s, ease-out;
    -o-transition: color, 0.15s, ease-out;
    transition: color, 0.15s, ease-out;
    color: #007EA8;
    text-decoration: underline;
}

.cookie-close:hover {
    background: #00679a;
    cursor: pointer;
     color: #FFFFFF;
}

.cookie-close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 4px 8px;
    border-radius: 4px;
    background: #e40571;
    font-weight: bold;
    color: #FFFFFF;
}

 .footer-container {
    background: -webkit-gradient(linear, right top, left top, from(#00679b), to(#1a3760));
    background: -webkit-linear-gradient(right, #00679b, #1a3760);
    background: -o-linear-gradient(right, #00679b, #1a3760);
    background: linear-gradient(to left, #00679b, #1a3760);
}

 body .footer-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 11px;
    background: url("../img/footer-top-repeat.png") repeat-x top left;
}

.full-width-container {
    width: 100%;
}

.color-white {
    color: #fff;
}



@media all and (min-width: 1200px) {
    .sideYourQuote2 {
        position: absolute;
    }
}

.accordionBorder {
    width: 645px;
    border-bottom: 1.6px dotted #e40571;
    /*width: 55%;*/
}

.TableTitles {
        width: 241px;
    /*width: 202px;*/
}



.CoverExcessFontStyle {
    height: 1px;
    font-size: 12px;
    text-align: center;
}

.TextAlignLeft {
    text-align: left;
    margin-left: 10px;
}



/*@media all and (max-width: 900px) {

    .buyUpgradeButtonMobile {
        border-color: #ffffff;
        width: 45%;
    }
}*/

.PanelLeft {
    width: 95%; 
    padding-left: 60px;
}

.PanelDeclarations {
   padding-left: 50px; 
   padding-right: 40px;

}

@media all and (max-width: 600px) {
    
.PanelLeft {
    width: 90%; 
      padding-left: 0px;
}



.PanelDeclarations {
   padding-left: 0px; 
   padding-right: 0px;

}

     .footer-container {
    background: -webkit-gradient(linear, right top, left top, from(#404040), to(#404040));
    background: -webkit-linear-gradient(right, #404040, #404040);
    background: -o-linear-gradient(right, #404040, #404040);
    background: linear-gradient(to left, #404040, #404040);

}

    .panel-multiMobile1 {
        border-color: #ffffff;
        width: 100%;
    }

    .AutoMargin {
        margin-left: 0px;
    }

    .panel-singleMobile1 {
        border-color: #ffffff;
        width: 100%;
    }
}

.MarginUpgrageBuyBtn {
    margin-left: 242px;
}

.buyUpgradeButton {
    border-color: #ffffff;
    /*width: 10%;*/
    /*width: 22%;*/
        width: 25%;
    margin-left: 5px;
}

.buyUpgradeButton1 {
    border-color: #ffffff;
    width: 43%;
    margin-left: 5px;
}

.StartAgainBtn {
    /*padding-top: 20em;*/
    margin-left: 26%;
}

.QuoteLheading {
    color: #005c97;
    font-size: 18px;
}

.WhyChooseUs {
    width: 160px;
}

.BenefitW {
    width: 50%;
    text-align: center;
    color: #6f6e6e;
}

.BenefitTbletHide {
    display: none;
}

.QuoteLBtnss {
  /*width: 70%;*/
  width: 10vw;
}

.DropDownTextWhy {
    color: black; 
    padding-left: 20px; 
    font-size: 13px;
}

.DropDownText {
    color: black; 
    padding-left: 8px; 
    font-size: 12px;
}

.panel-travelDetailsBody2 {
    padding-left: 20px;
    /*height: 440px;*/
    width: 170px;
}

.SetDatepickerWidth {
    width: 240px;
}

@media all and (max-width: 1200px) {
   
.ContainerQuoteL {
     margin-left:80px;
}



}

@media all and (max-width: 1000px) {



        .centerImg {
    margin: auto;
    display: block;
}

        .centerTable {
             margin: 0 auto;
        }

    .panel-travelDetailsBody23 {
    padding-left: 20px;
       width: 100%;

}


    .CenterBulletPointList {
    list-style-position: inside; 
}


    .DropDownTextMobile {
        text-align: center;
        font-size: 16px;
          padding-right: 20px; 
         
    }

    .panel-multi1 {
        border-color: #ffffff;
        width: 100%;
    }

    .panel-single1 {
        border-color: #ffffff;
        width: 100%;
    }

    .BenefitTblet {
        display: none;
    }


    .BenefitTbletShow {
        display: initial;
    }


    /*.StartAgainTablet {
        padding-top: 1em;
        margin-left: 30%;
    }*/


    .MobileHeadings {
        background: #efedee;
        padding: 8px 0 8px 5%;
        font-size: 18px;
        line-height: 22px;
        color: #005c97;
    }

    .hideTitle {
        display: none;
    }

    .WhyChooseUsMobile {
        width: 100%;
    }

    .OptionalExtrasMobile {
        padding-top: initial;
    }

    .ContainerQuoteL {
     margin-left:0px;
}

    .LayaLogoMargin {
    margin-left:0px;
}

    .MarginUpgrageBuyBtnMobile {
        margin-left: 10px;
    }

    .buyUpgradeButtonMobile {
        border-color: #ffffff;
        width: 48%;
        /*width: 45%;*/
    }

    .buyUpgradeButtonMobile1 {
        border-color: #ffffff;
        width: 95%;
    }

    .accordionBorder {
        width: 100%;
    }

    #flex {
        display: flex;
        flex-direction: column;
    }

        #flex > #a {
            order: 2;
        }

        #flex > #b {
            order: 1;
        }


        #flex > #accordion {
            order: 3;
        }

        #flex > #c {
            order: 4;
        }
}


.CEtableWidth {
    width: 18.2%;
}


.CEtableTest {
      width: 202px;
    
}


.CEtableWidth2 {
    /*width: 220px;*/
      /*width: 204px;*/
      
}



.QuoteButton {
    width: 20%;
}


.SingleArticleGolf {
    display: none;
}


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


.RealexClass {
    width: 158%;
}


.getZindex {
    z-index: 200;
    position: absolute;
}


.RealexYourQuote {
    margin-left: 600px;
    float: left;
}

.TextBoxRound {
    border-radius: 6px;
}

.YourDetailsPanel {
    color: white; 
    border-radius: 4px; 
    z-index: 5;
     border-radius: 10px;
      background: #fff; 
      padding: 15px 20px 30px;
      /*width: 60%;*/
          width: 50%;
}

.YourDetailsLPeopleGreyBox {
    background-color: #EFEDEE;
     border-radius: 25px;
     width: 46%;
}

@media all and (max-width: 800px) {
        .SetDatepickerWidth {
        width:100px;
    }


    .RealexYourQuoteMobile {
        margin-right: 600px;
        margin-left: 0px;
        float: left;
        width: 90%;
    }
}

.hidePN2 {
    display: none;
}

@media all and (max-width: 1200px) {
       .YourDetailsPanel {
    color: white; 
    border-radius: 4px; 
    z-index: 5;
     border-radius: 10px;
      background: #fff; 
      padding: 15px 20px 30px;
          width: 60%;
}

       



}
@media all and (max-width: 1400px) {
       .YourDetailsPanel {
    color: white; 
    border-radius: 4px; 
    z-index: 5;
     border-radius: 10px;
      background: #fff; 
      padding: 15px 20px 30px;
          width: 60%;
}
}

@media all and (max-width: 1600px) {
       .YourDetailsPanel {
    color: white; 
    border-radius: 4px; 
    z-index: 5;
     border-radius: 10px;
      background: #fff; 
      padding: 15px 20px 30px;
          width: 60%;
}
}





@media all and (max-width: 1000px) {


    .RealexClassMobile {
        width: 100%;
    }

    .hidePN {
        display: none;
    }

    .hidePN2 {
        display: block;
    }
}

@media all and (max-width: 1000px) {
    
/*.DetailedBenefits {
    left:0px;
    width:100%;
}*/
    .panel-yourQuoteBodyMobile {
        background-color: #efedee;
        /*height: 140px;*/
        width: 100%;
    }

    .AlignCompletionText {
        text-align: center;

    }
}

.CompletionImageMargin {
    margin-left: 40%;
}

  .JustifyTextTablet {
      width: 62%;
      text-align: justify;
    }

  .RegularTextTablet {
      width: 62%;
      text-align: left;
    }


@media all and (max-width: 1200px) {
        .JustifyTextTablet {
      width: 70%;
      text-align: justify;
    }

    .RegularTextTablet {
        width: 70%;
        text-align: left;
    }
         .StartAgainTablet {
        padding-top: 1em;
        margin-left: 30%;
    }

}

@media all and (max-width: 1000px) {
        .JustifyTextTablet {
      width: 100%;
      text-align: justify;
    }

    .RegularTextTablet {
        width: 100%;
        text-align: left;
    }

                 .StartAgainTablet {
        padding-top: 1em;
        margin-left: 45%;
    }

}

@media all and (max-width: 380px) {
                 .StartAgainTablet {
        padding-top: 1em;
        margin-left: 30%;
    }

}

@media all and (max-width: 900px) {
    /*.panel-yourQuoteBodyMobile {
        background-color: #efedee;
        height: 140px;
        width: 100%;
    }*/

    .CompletionImageMarginTablet {
        margin-left: 45%;
    }



    .panel-yourQuoteBodyMobilePayment {
        background-color: #efedee;
        height: 240px;
        width: 100%;
    }


    .SingleArticleGolfMobile {
        display: block;
    }


    .hideSingleArticleLimits {
        display: none;
    }
}

@media all and (max-width: 1199px) {
    .sideYourQuote {
        position: static;
    }
}

.LayaHealthcareFoot {
    float: right;
}

.FooterQuoteL {
    font-size: 12px;
}

.PaymentMargin {
    margin-left: 200px;
}

@media all and (max-width: 1000px) {
    .PaymentMarginMobile {
        margin-left: auto;
    }
}

@media all and (max-width: 550px) {

    .CompletionImageMarginTablet {
        margin-left: 30%;
    }


    .LayaHealthcareFootMobile {
        float: initial;
    }

    .JustifyMobile {
        text-align: center;
        font-size: 14px;
        padding-left: 3em;
        padding-right: 3em;
        padding-top: 2em;
        padding-bottom: 2em;
    }



    .SetButtonMargins {
        margin-left: 0px;
    }


    .CEtableWidthMobile {
        width: auto;
    }

    .QuoteButtonMobile {
        width: 10%;
    }

    .ButtonsWidthMobile {
        width: 40%;
    }


    .tableCoverMobileBusiness {
        font-size: 10px;
    }


    .TableTitlesMobileBusiness {
        width: 75px;
    }

    .TableTitlesMobile {
        width: 60px;
    }

    .TableTitlesOther {
        width: 50px;
    }

    .TableTitlesFinancial {
        width: 40px;
    }


    .tableCoverMobileBusiness {
        font-size: 10px;
    }


    .tableCoverMobile {
        font-size: 8.5px;
    }

    .CoverExcessFontStyleMobile {
        font-size: 8.5px;
    }

    /*.excessBorderMobile {
    border: 1px dotted #c5c5c5;
    background-color: #efedee;
    width: 10px;
}*/

    .TableBenefitWidthMobile {
        width: 90px;
    }
}

.TableBenefitWidth {
    width: 225px;
}

.TableBenefitWidthAnnual {
    width: 384px;
}

.TableBenefitWidthBusiness {
    width: 405px;
      /*width: 384px;*/
    /*width: 198px;*/
    /*width: 395px;*/
}

.TableBenefitBorder {
    border: 1px solid white;
}

.AccordionDropDown {
    color: black;
    display: block;
}

.AccordionHeading {
    color: #005c97;
    font-weight: bold;
    font-size: 14px;
    width: 150px;
}


.ButtonStyle {
    float: left;
    border-color: #c5c5c5;
    width: 18%;
}


/*QuoteL*/



/*CompletionL*/

ul.a {
    list-style-type: circle;
    color: black;
}

.CompletionContacts {
    margin: auto;
    width: 30%;
    padding: 10px;
}

/*CompletionL*/


/*PaymentL*/



@media all and (max-width: 550px) {
    .getZindexMobile {
        width: auto;
    }
}


.divBox {
    padding: 20px 6% !important;
    border: 1px solid #E2E2E2;
    margin-top: 0;
    border-radius:5px;
}

em.requiredem {
    margin-left: 3px;
    color: #e40571;
}


.panel-yourQuoteBodyPayment {
    background-color: #efedee;
    /*height: 240px;*/
    width: 180px;
}





/*PaymentL*/

/*ProposalFormL*/
input.largerCheckbox {
    width: 18px;
    height: 18px;

}

.SideBarProposal {
    width: 180px;
}

.SideBarWidth {
    width: 150px;
}

.SideBarProposal {
     width:180px;
}

.QuoteLHeadingFont {
    font-size: 22px;
}

@media all and (max-width: 700px) {

    .QuoteLHeadingFontTablet {
        font-size: 16px;
    }

    .hideBorder {
        border: none;
    }

    .QuoteLBtnssTablet {
        width: auto;
    }
}

@media all and (max-width: 1200px) {
    .panel-yourQuoteBodyPaymentMobile {
        width: 100%;
    }

    .SideBar {
        width: 100%;
    }

    .SideBarWidthMobile {
        width: auto;
    }
    .SideBarProposalMobile {
        width: auto;
    }
}

/*ProposalFormL*/




/* Buttons

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


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;
    }

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

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

    a.button-md:after {
        font-family: FontAwesome;
        content: "\f101";
        position: absolute;
        right: 10px;
        top: -5px;
        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;
}



.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;
    }
}

.panel-brand > .panel-heading {
  padding: 10px 15px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #0057b8;
}

.panel-brand {
  border-color: #0057B8;
  border-radius: 0px;
}

.panel-brandLight > .panel-heading {
  padding: 10px 15px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #00A4E4;
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 240px;
  display: none;
  z-index: 1000;
}


.panel-brandLight {
  border-color: #00A4E4;
  border-radius: 0px;
}

.panel-brandAlt > .panel-heading {
  padding: 10px 15px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #e60572;
}

.panel-brandAlt {
  border-color: #e60572;
  border-radius: 0px;
}


.panel-white > .panel-heading {
  padding: 10px 15px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #dddddd;
}

.panel-white {
  border-color: #dddddd;
}

.panel-body {
  padding: 15px;
  background-color: #fff !important;
  border-top: 0 !important;
}

@media (min-width: 1000px) {
  #LayaAnnualQuoteText {
    color: #ffffff;
    max-width: 200px;
    text-align: center;
    font-size:10px;
    padding:0px 5px;
  }
}

#LayaAnnualQuoteText {
  color: #ffffff;
  text-align: center;
  font-size: 10px;
  padding: 0px 5px;
}

.panel-multi-AnnualHeight {
    background-color: #7BA3BE;
    color: #ffffff;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ManualDetails {
  display: flex;
  flex-direction: column;
}

.PrivateMedicalInput {
  width:62%;
}

@media (max-width: 990px) {
  .PrivateMedicalInput {
    width: 100%;
  }
}

.OptionExtrasSingle {
    padding-top: 375px;
    padding-bottom: 100px;
}

.OptionExtrasAnnual {
    padding-top: 287px;
    padding-bottom: 100px;
}