html {
    font-size: 62.5%
}

body {
    line-height: 1.5;
    font-size: 16px;
    min-height: 80rem;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.container {
    max-width: 960px;
    margin: 0 auto
}

@media (min-width:400px) {
    .container {
        width: 85%;
        padding: 0
    }
}

@media (min-width:550px) {
    .container {
        width: 80%
    }

    .column, .columns {
        margin-left: 4%
    }

        .column:first-child, .columns:first-child {
            margin-left: 0
        }

    .one.column, .one.columns {
        width: 4.66666666667%
    }

    .two.columns {
        width: 13.3333333333%
    }

    .three.columns {
        width: 22%
    }

    .four.columns {
        width: 30.6666666667%
    }

    .five.columns {
        width: 39.3333333333%
    }

    .six.columns {
        width: 48%
    }

    .seven.columns {
        width: 56.6666666667%
    }

    .eight.columns {
        width: 65.3333333333%
    }

    .nine.columns {
        width: 74%
    }

    .ten.columns {
        width: 82.6666666667%
    }

    .eleven.columns {
        width: 91.3333333333%
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0
    }

    .one-third.column {
        width: 30.6666666667%
    }

    .two-thirds.column {
        width: 65.3333333333%
    }

    .one-half.column {
        width: 48%
    }

    .offset-by-one.column, .offset-by-one.columns {
        margin-left: 8.66666666667%
    }

    .offset-by-two.column, .offset-by-two.columns {
        margin-left: 17.3333333333%
    }

    .offset-by-three.column, .offset-by-three.columns {
        margin-left: 26%
    }

    .offset-by-four.column, .offset-by-four.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-five.column, .offset-by-five.columns {
        margin-left: 43.3333333333%
    }

    .offset-by-six.column, .offset-by-six.columns {
        margin-left: 52%
    }

    .offset-by-seven.column, .offset-by-seven.columns {
        margin-left: 60.6666666667%
    }

    .offset-by-eight.column, .offset-by-eight.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-nine.column, .offset-by-nine.columns {
        margin-left: 78%
    }

    .offset-by-ten.column, .offset-by-ten.columns {
        margin-left: 86.6666666667%
    }

    .offset-by-eleven.column, .offset-by-eleven.columns {
        margin-left: 95.3333333333%
    }

    .offset-by-one-third.column, .offset-by-one-third.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-one-half.column, .offset-by-one-half.columns {
        margin-left: 52%
    }
}

#EndDateOverride, #StartDateOverride {
    color: #666;
    font-weight: 700
}

.hasDatepicker, .hide-label {
    font-size: 0 !important
}

.hasDatepicker {
    font-family: inherit !important
}

.datepicker-active {
    font-size: 1.15rem !important;
}

.datetoCheckbox:hover label {
    background-color: unset
}

#policySummary img.policyLogo {
    width: 100%
}

label.info, p.info {
    position: relative;
    padding-right: 15px !important
}

    label.info small, p.info small {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translate(0, -50%);
        float: none;
        vertical-align: middle
    }

.hiddenList p {
    text-align: left !important;
    margin: .5em 0 0 0 !important;
    padding: 0 !important
}

p.included-list__description {
    margin: 0 0 1em 0 !important;
    padding-bottom: 1em !important
}

.hiddenList li {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    color: #000 !important
}

    .hiddenList li:after {
        content: ', ';
        padding-right: .3em
    }

.hiddenList {
    top: 50%
}

.policy-summary {
    border: 1px solid #000;
    text-align: center;
    padding-bottom: 1.5rem
}

.policy-summary-brand {
    padding: 2.5rem;
    font-weight: 700
}

.policy-summary-details p {
    margin-bottom: 0
}

.policy-summary-details-section {
    margin-bottom: .5rem
}

    .policy-summary-details-section p {
        padding: .5rem;
        background-color: #f0f0f0;
        margin-bottom: .5rem !important
    }

.addOnChoose p > strong {
    font-size: 16px
}

.policy-summary-details-section .sumTravs {
    min-height: unset;
    display: table
}

.policy-summary-details-section li {
    margin-bottom: 0
}

.policy-summary-details-section .policy-summary-price {
    font-size: 2rem;
    background: 0 0;
    font-weight: 700
}

.included-list__description, .included-list__wording {
    margin-top: 0
}

.addingCondition ol li {
    margin-bottom: 1rem
}

.checkbox input[id=de_4] + label:after, .checkbox input[id=tt_2] + label:after, .checkbox input[id=tt_7] + label:after {
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    position: absolute;
    padding-left: 10rem;
    font-size: 1.25rem
}

input[type='checkbox'], input[type='radio'] {
    width: 20px;
    height: 20px;
}

.brandimg {
    height: 200px
}

.brandimg-background-image {
    height: 100%;
    width: 100%
}

.close {
    text-shadow: none
}

#btnReturnDateOverride label:before, #btnStartDateOverride label:before, .checkbox label:before, .datetoCheckbox label:before {
    background-image: url(/content/images/step1sprite.png);
    background-repeat: no-repeat
}

.checkbox label[for=tt_1]:before {
    background-position: 0 -50px
}

.checkbox label[for=op_4]:before {
    background-position: 0 -200px
}

.checkbox label[for=op_7]:before {
    background-position: 0 -500px
}

.checkbox label[for=tt_2]:before, .checkbox label[for=tt_4]:before {
    background-position: 0 -650px
}

#btnReturnDateOverride label:before, #btnStartDateOverride label:before, #divExpireDates .datetoCheckbox label:before, #divStartDates .checkbox label:before {
    background-position: 0 -800px
}

.checkbox label[for=de_1]:before, .checkbox label[for=de_6]:before {
    background-position: 0 -950px
}

/*.checkbox label[for=ct_82]:before {
    background-position: 0 -1100px
}*/

.checkbox label[for=op_2]:before {
    background-position: 0 -1250px
}

.checkbox label[for=tt_5]:before, .checkbox label[for=tt_6]:before {
    background-position: 0 -1400px
}

/*.checkbox label[for=ct_20]:before, */ .checkbox label[for=de_5]:before {
    background-position: 0 -1700px
}

.checkbox label[id=btnCountriesMore]:before {
    background-position: 0 -1850px
}

.checkbox label[for=op_1]:before {
    background-position: 0 -2000px
}

.checkbox label[for=op_5]:before {
    background-position: 0 -2300px
}

/*.checkbox label[for=ct_215]:before {
    background-position: 0 -2450px
}

.checkbox label[for=ct_116]:before {
    background-position: 0 -3603px
}

.checkbox label[for=ct_234]:before {
    background-position: 0 -3845px
}

.checkbox label[for=ct_184]:before {
    background-position: 0 -3733px
}*/

.checkbox label[for=op_3]:before {
    background-position: 0 -2600px
}

/*.checkbox label[for=ct_241]:before, .checkbox label[for=de_3]:before {
    background-position: 0 -2750px
}
*/
.checkbox label[for=de_3]:before {
    background-position: 0 -2750px
}


/*.checkbox label[for=ct_242]:before {
    background-position: 0 -2900px
}*/

.checkbox label[for=de_2]:before {
    background-position: 0 -3050px
}

.checkbox label[for=de_4]:before {
    background-position: 0 -3200px
}

.checkbox label[for=tt_7]:before {
    background-position: 0 -3350px
}

.checkbox label[for=st_1]:before {
    background-position: 0 -2150px
}

.checkbox label[for=st_2]:before {
    background-position: 0 -1550px
}

.checkbox label[for=st_6]:before {
    background-position: 0 -350px
}

label.info small {
    font: normal normal normal 1.5rem/1.75rem FontAwesome
}

.BL-Btn {
    font: 700 2rem 'Open Sans', Arial, Helvetica, sans-serif
}

#EndDateOverride, #StartDateOverride, #policyDetails .three.columns p span, #selectedCountries button, .answerMedical, .field-validation-error, .medNo, .medYes, .nH-H3, .nH-Sub, .quoteNav li > p, .quoteWrapper .nH-Sub, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .validation-summary-errors, label, legend {
    font-weight: 700
}

#additionalFeatures, #modeResult {
    display: block
}

#additionalFeatures {
    padding-top: 0;
    margin: 0
}

#modeResult h2 {
    margin-bottom: 0;
    font-size: 1.8rem
}

#additionalFeatures h2 {
    display: none !important
}

#additionalFeatures div, #modeResult .filterOpt div {
    margin: 1rem 1.5rem 0 0
}

#modeResult .filterOpt fieldset label {
    margin-bottom: .5rem
}

.filterOpt div {
    max-width: 18%
}

button.additionalFeaturesBTN {
    display: none !important
}

#divPromocode {
    width: 80%
}

#modeResult h2 {
    display: inline-block
}

#additionalFeatures fieldset p label, #modeResult .filterOpt fieldset div select {
    font-size: 1.3rem
}

.resultList #modeResult .filterOpt fieldset label {
    font-size: 1.3rem
}

#modeResult {
    padding: 1% 2%
}

#additionalFeatures .option_3, #additionalFeatures .option_4, #additionalFeatures .option_7 {
    display: none !important
}

button#amt-single {
    font-size: 1.1rem;
    float: none;
    margin-left: 1.5em;
    padding: .4em .8em;
    margin-bottom: .7em
}

@media only screen and (max-width:840px) {
    #modeResult .filterOpt fieldset div, .filterOpt div {
        max-width: 47% !important
    }

    #additionalFeatures div {
        max-width: 28% !important
    }

    #additionalFeatures p {
        max-width: 100%
    }

    #modeResult .filterOpt fieldset div {
        width: 100%
    }
}

@media (max-width:568px) {
    #additionalFeatures div, #modeResult .filterOpt fieldset div, .filterOpt div {
        width: 45% !important
    }

    #modeResult h2 {
        margin-bottom: 1.2em
    }

    .travScreenList li:not(first-child) {
        padding: 0 !important;
    }

    ol.travScreenList.twelve.columns {
        line-height: 2.5em;
    }
}

input#obfiltersbutton {
    margin-top: -2.4em;
    margin-right: 1.6em;
    padding: .4em 1.2em
}

@media only screen and (max-width:668px) {
    #modeResult #obfiltersbutton {
        margin-right: 2.2em
    }
}

#additionalFeatures p label, #primetopInfo span span.helpTxt, .chooseCountry .nH-H2, .nH-H1, .nH-H2, .quoteWrapper .nH-H1, .quoteWrapper .nH-H2, .resultList #modeResult .filterOpt fieldset label, .resultsList .nH-H1, .showList, .showMoreFeat {
    font-weight: 400
}

.fa-spinner {
    font-size: 10rem !important
}

.selPolDet i, label.info small {
    font-size: 3rem
}

.hiddenList small i {
    font-size: 2.5rem
}

.selPolDet i.spdP2, .tooltip .close i {
    font-size: 2rem
}

#listOfTravsMain .BL-Btn, #policyDetails .three.columns p span, .addressli .BL-Btn, .amtRow span, .docDL, .singleRow span {
    font-size: 1.5rem
}

#EndDateOverride, #StartDateOverride, #btnReturnDateOverride label, #btnStartDateOverride label, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #policyDetails .three.columns ol li, #policyDetailsX li, #primetopInfo span .helpBtnSmall, #selectedCountries button, #topInfo span .helpBtnSmall, .answerMedical, .checkbox label, .confirm-travellers-details strong + ul > li, .confirm-uk-resident strong + ul > li, .datetoCheckbox label, .helpBtn, .helpBtnSmall, .medNo, .medYes, .newInfo, .tooltip .close, .tooltip li, .ui-datepicker {
    font-size: 1.35rem
}

.individualCountry, .quoteNav li > p {
    font-size: 1rem
}

.checkbox input[id=de_4] + label, .checkbox input[id=tt_2] + label, .checkbox input[id=tt_7] + label {
    font-size: 0
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: unset
}

.addCondition ol li p:first-letter, .quoteNav li > p {
    text-transform: uppercase
}

#additionalFeatures p input, #btnReturnDateOverride, #btnStartDateOverride, #contactDetails ol.pcLL, #selectedCountries button, #topInfo span, .addCondition ol li, .container, .dateto, .datetoCheckbox, .eight.columns.med ul li, .four .features li, .hiddenList.activities ul p, .individualCountry, .medSlider, .questionBox .checkbox, .quoteNav, .quoteNav li, .quoteNav li span:first-of-type, .tooltip, .twelve.columns .two.columns img, .ui-datepicker-inline, .ui-menu .ui-menu-item, ol.travScreenList li {
    position: relative
}

    #btnReturnDateOverride label, #btnStartDateOverride label, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #selectedCountries button:after, #selectedCountries button:before, #topInfo span span.helpTxt, .answerMedical, .checkbox input[id=dt_4] + label:after, .checkbox input[type=checkbox], .checkbox input[type=radio], .currentActive > span + span, .datetoCheckbox label, .features li .helpBtn, .hiddenList, .individualCountry input, .individualCountry label, .medNo, .medSelect, .medSlider input[type=radio], .medYes, .pastActive > span + span, .quoteNav small, .quoteNav > div, .tooltip .close {
        position: absolute
    }

        .hiddenList p, .ui-datepicker-header a.ui-datepicker-next .ui-icon, .ui-datepicker-header a.ui-datepicker-prev .ui-icon {
            position: unset
        }

        #additionalFeatures div, #additionalFeatures p, #btnReturnDateOverride label:before, #btnStartDateOverride label:before, #docPolicyWording, #med ol li, #modeResult .filterOpt fieldset div, #modeResult .filterOpt fieldset label, #policyDetailsX, #policyDetailsX li, .DeclaredConditions ol, .MedConditionsTravs ol, .addOnChoose input, .addingCondition ol li, .checkbox label:before, .column, .columns, .datetoCheckbox, .datetoCheckbox label:before, .docDL, .filterOpt div, .firstname, .hiddenList p, .individualCountry, .lastname, .questionBox, .questionBox .checkbox, .u-pull-left, ol.sumTravs li.sumTN, ol.sumTravs li.sumTN + li.sumDOB {
            float: left
        }
		
            #contactDetails .blueButton, #med .blueButton, #finishAllScreening, #obfiltersbutton, #policyDocuments #policySummary, .BL-FltR, .addCondition ol li p + button, .addOnChoose + div > .blueButton, .blueButton[value=Continue], .finishAllScreening.blueButton, .hiddenList small, .paymentBTN.blueButton, .policySummaryR #policySummary, .u-pull-right, ol.sumTravs li.sumTN {
                float: right
            }

            #additionalFeatures p label, .chooseCountry[class^=nH-] {
                float: none
            }

            #additionalFeatures p label, #btnCountriesAll, #btnHideCountries, #txtCountryName, .ui-datepicker {
                width: auto
            }

    .quoteNav small {
        width: calc(100% + 15rem)
    }

    #primetopInfo span span.helpTxt, #topInfo span span.helpTxt {
        width: calc(100% + 10rem)
    }

.resultList #additionalFeatures p {
    width: calc(100% - 1rem)
}

.field-validation-error, .validation-summary-errors {
    width: calc(100% - 2rem)
}

.quoteNav > div {
    width: calc(100% - 35.5%)
}

#EndDateOverride, #StartDateOverride, #additionalFeatures div, #additionalFeatures p, #btnReturnDateOverride label, #btnStartDateOverride label, #contactDetails ol.pcLL, #creditCard, #divAllCountries div[data-toggle=buttons], #med .twelve, #modeResult .filterOpt fieldset div, #payChoice p, #payPal, #policyDetails .three.columns ol li strong, #policyDetailsX, #policyDetailsX li strong, #policySummary .Premium strong, #selectedCountries button:hover:after, #topInfo span span.helpTxt strong, .BL-FullWidth, .DeclaredConditions ol, .addOnChoose li .inner, .addingCondition ol li, .answerMedical, .checkbox label, .column, .columns, .container, .currentActive + div:before, .dateto, .datetoCheckbox label, .filterOpt div, .filterOpt select, .hiddenList p, .individualCountry label, .medSelect:before, .pastActive + div:before, .policySummaryR#policyDetails .three.columns ol li strong, .questionBox, .questionBox p, .quoteNav, .resultList, .resultList p, .ui-datepicker td a, .ui-datepicker td span, ol.sumTravs, ol.sumTravs li, ol.sumTravs li.sumDOB {
    width: 100%
}

#modeResult {
    width: 96%;
    overflow: auto;
    padding: 2%
}

#primetopInfo span span.helpTxt, .hiddenList {
    width: 90%
}

#policyDetails .policyLogo, .shownList {
    width: 85%
}

.currentActive + li + div:before {
    width: 67%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%
}

ol.sumTravs li.sumTN, ol.sumTravs li.sumTN + li.sumDOB {
    width: 50%
}

.firstname, .lastname {
    width: 48%
}

ol.sumTravs li.sumTN {
    width: 40%
}

.currentActive + li + li + div:before {
    width: 33%
}

#policyDetailsX.annual li {
    width: 20%
}

#policyDetailsX li {
    width: 16.66%
}

.individualCountry {
    width: 11.5rem
}

#btnReturnDateOverride label:before, #btnStartDateOverride label:before, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, .checkbox label:before, .datetoCheckbox label:before {
    width: 10rem
}

.medSelect {
    width: 5rem
}

.medNo, .medYes {
    width: 4.5rem
}

.ui-datepicker td {
    width: 3.5rem
}

#selectedCountries button:after, #selectedCountries button:before, .currentActive > span + span, .docDL span, .individualCountry span, label.info small {
    width: 3rem
}

.pastActive > span + span {
    width: 2.25rem
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, #primetopInfo span .helpBtnSmall, #topInfo span .helpBtnSmall, .addedConditions li a, .confirm-uk-resident input, .helpBtn, .helpBtnSmall, .newInfo, .tooltip .close, .ui-datepicker-header a.ui-datepicker-next, .ui-datepicker-header a.ui-datepicker-next .ui-icon, .ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-prev .ui-icon {
    width: 2rem
}

    #ContactDetails_Marketing:before, #RequiresPostage:before, #additionalFeatures p input:before, .confirm-uk-resident input:before {
        width: 1.75rem
    }

.quoteNav li span:first-of-type {
    width: 1rem
}

.checkbox input[type=checkbox], .checkbox input[type=radio], .individualCountry input, .medSlider input[type=radio] {
    width: .1rem
}

.quoteNav > div:before {
    width: 0
}

.u-max-full-width {
    max-width: 100%
}

#additionalFeatures div, .filterOpt div {
    max-width: 18%
}

.docDL {
    max-width: 15rem
}

#obfilters1 #policyDetails #policySummary img.policyLogo {
    max-width: 10rem;
    max-height: 100%
}

.individualCountry label {
    height: calc(100% - 5rem)
}

#policyDetailsX, #policyDetailsX li, #policySummary img.policyLogo, #primetopInfo span span.helpTxt, #topInfo span span.helpTxt, .brandimg img.policyLogo, .hiddenList {
    height: auto
}

#EndDateOverride, #StartDateOverride, #btnReturnDateOverride label, #btnStartDateOverride label, #selectedCountries button:after, #selectedCountries button:before, .checkbox label, .dateto, .datetoCheckbox label, .medSelect:before {
    height: 100%
}

#btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .individualCountry, .questionBox .checkbox {
    height: 6rem
}

    #btnReturnDateOverride label:before, #btnStartDateOverride label:before, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, .checkbox label:before, .datetoCheckbox label:before, .medSelect {
        height: 5rem
    }

.medNo, .medSlider, .medYes {
    height: 4.5rem
}

#btnCountriesAll, #btnHideCountries, .conditionInput, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    height: 4rem
}


.currentActive > span + span, .docDL span, .individualCountry span, .ui-datepicker td a, .ui-datepicker td span, label.info small {
    height: 3rem
}

.helpAct, .pastActive > span + span {
    height: 2.25rem
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, #primetopInfo span .helpBtnSmall, #topInfo span .helpBtnSmall, .addedConditions li a, .confirm-uk-resident input, .helpBtn, .helpBtnSmall, .newInfo, .tooltip .close, .ui-datepicker-header a.ui-datepicker-next, .ui-datepicker-header a.ui-datepicker-next .ui-icon, .ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-prev .ui-icon {
    height: 2rem
}

    #ContactDetails_Marketing:before, #RequiresPostage:before, #additionalFeatures p input:before, .confirm-uk-resident input:before {
        height: 1.75rem
    }

.quoteNav li span:first-of-type {
    height: 1rem
}

.quoteNav > div, .quoteNav > div:before {
    height: .35rem
}

.checkbox input[type=checkbox], .checkbox input[type=radio], .individualCountry input, .medSlider input[type=radio] {
    height: .1rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.addCondition ol li, ol.travScreenList li {
    height: unset
}

#primetopInfo span span.helpTxt {
    min-height: 8rem
}

#contactDetails ol .addressli {
    min-height: 5rem
}

ol.sumTravs {
    min-height: 3rem
}

#btnReturnDateOverride label, #btnStartDateOverride label, .checkbox label, .datetoCheckbox label {
    line-height: 6rem
}

#divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, .answerMedical {
    line-height: 5rem
}

.medNo, .medYes {
    line-height: 4.5rem
}

#additionalFeatures p, #btnCountriesAll, #btnHideCountries, .filterOpt select, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    line-height: 4rem
}

#policyDetails .three.columns ol li, .docDL span, .ui-datepicker td a, .ui-datepicker td span, label.info small {
    line-height: 3rem
}

#primetopInfo span .helpBtnSmall, #topInfo span .helpBtnSmall, .addedConditions li a, .helpBtn, .helpBtnSmall, .newInfo, .tooltip .close {
    line-height: 2rem
}

.amtRow .BL-Btn, .errorPage .BL-Btn, .finishAllScreening.BL-Btn, .rescreen.BL-Btn, .resultList .greyButton, .singleRow .BL-Btn, .startScreening.BL-Btn {
    line-height: 1
}

#med p, .addCondition ol li, .checkbox input[id=de_4] + label, ol.travScreenList li {
    line-height: unset
}

#payChoice p {
    padding: 10%
}

.hiddenList {
    padding: 5rem
}

.container, .tooltip {
    padding: 2rem
}

.quoteNav small, label.info, p.info {
    padding: 1.5rem
}

#primetopInfo span span.helpTxt, #topInfo span span.helpTxt, .MedConditionsTravs .stopContinue, .addOnChoose li .inner > div, .eight.columns.med ul.condition, .eight.columns.med ul.conditionResults, .field-validation-error, .individualCountry, .ui-datepicker, .ui-datepicker .ui-datepicker-header, .validation-summary-errors {
    padding: 1rem
}

.addedConditions li p {
    padding: .5rem
}

.ui-datepicker td {
    padding: .25rem
}

    #additionalFeatures p label, .addOnChoose li .inner, .checkbox input[type=checkbox], .checkbox input[type=radio], .confirm-travellers-details strong + ul > li, .confirm-uk-resident strong + ul > li, .individualCountry input, .medSlider input[type=radio], .ui-datepicker td a, .ui-datepicker td span, fieldset {
        padding: 0
    }

#contactDetails ol.pcLL, #creditCard, #med .twelve, #payPal, #selectedConts, .questionBox, .quoteNav {
    padding: 2rem 0
}

#btnCountriesAll, #btnHideCountries, .ui-datepicker .ui-datepicker-title select, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: 0 1rem
}

.individualCountry label {
    padding-top: 5rem
}

.policy-select #progress, .policy-view #progress {
    padding-top: 3rem
}

.selPolDet i {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

#policyDocuments #policySummary, #selectedCountries button {
    padding-top: 1rem
}

.countries-search p {
    display: block;
    clear: both;
    padding-top: 15px;
    padding-bottom: 3px;
}

.indCountry {
    cursor: pointer;
    display: block;
    padding-top: 4px;
}

    .indCountry span {
        background: url(/content/images/flags.png) no-repeat;
        display: block;
        width: 32px;
        height: 25px;
        float: left;
        margin-right: 5px;
        margin-top: -4px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
    font-size: 30px;
    margin-top: -11px;
    padding-bottom: -20px;
    padding-top: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: left;
    padding-right: 25px;
    width: fit-content;
}

.activities-box .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-top: 5px;
}

.activities-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding-top: 0px;
    margin-top: -13px;
}

.select2-search__field {
    padding-left: 5px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0px !important;
    padding-left: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    min-width: 100%;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        display: block;
        padding-right: 25px;
        height: 31px;
        margin-top: 15px;
    }

.select2-selection__choice {
    width: 100%;
}



#divCountries .checkbox label:before {
    background: url(/content/images/flags.png) no-repeat;
    width: 32px;
    height: 29px;
    transform: scale(1.4);
    margin-left: 25px;
    margin-top: 12px;
    filter: grayscale(100%);
    margin-right: 35px;
}

.BL-Btn {
    padding: .5em 1em
}

#policyDetailsX li strong {
    padding-top: .5rem;
}

#contactDetails ol ul.ul-content li, #divSchemeType, #listOfTravsMain, #listOfTravsMain ul li, #paymentDetails .questionBox:first-of-type, #policyDocuments .questionBox, #primetopInfo .one.column, #primetopInfo .two.columns, .filterOpt div label, .policy-select .resultList, .policy-view .resultList, .step2Filters.questionBox, ol.travScreenList li.dtTitle {
    padding-top: 0;
}

.daterangepicker, .daterangepicker.single, .shownList {
    padding-bottom: 3.5rem;
}

.addCondition ol li, ol.travScreenList li {
    min-height: unset;
}

#med label.info, label#mtop, p.queAns label.info, label.info {
    padding-left: 4.5em;
}

#resultstab tr .resultstabinner tr {
    border: none !important;
    box-shadow: none !important;
}

.resultcolwidth {
    width: 105px;
    padding-top: 35px;
}

#resultstab, #resultstabprime {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2em
}

    #resultstabprime td {
        background: #343434;
        color: #fff
    }

tr.resultstabhead {
    box-shadow: 0 0 0 0 #fff !important;
    padding: .5em 0
}

#resultstab td, #resultstab th, #resultstabprime td, #resultstabprime th {
    max-width: 200px !important;
    text-align: center;
    min-width: 115px;
}

#resultstab tr {
    border: .1rem solid var(--second);
    box-shadow: 0 .125rem 2.5rem 0 rgba(0, 0, 0, .15)
}

#resultstab td img, #resultstabprime td img {
    max-width: 150px;
    max-height: 80px;
    padding: 1em 1em
}

td.policy-premium {
    background-color: #ccc;
    font-size: 3rem;
    font-weight: 600;
    padding: 1em 0 0 0
}

span.helpBtnSmall:empty {
    background: #fff !important
}

td.policy-premium a {
    padding: 1em 1.8em;
    background-color: #fff;
    color: #000;
    display: inline-block;
    font-size: 1.3rem;
    margin: 1em 0 0 0;
    text-transform: uppercase
}

    td.policy-premium a:hover {
        background-color: #000;
        color: #fff;
        text-decoration: none
    }

#resultstabprime td.policy-premium {
    background-color: #00b6f0
}

    #resultstabprime td.policy-premium a {
        background-color: #343434;
        color: #fff
    }

        #resultstabprime td.policy-premium a:hover {
            color: #343434;
            background-color: #fff
        }

#resultstab .helpBtnSmall, #resultstabprime .helpBtnSmall {
    display: block;
    color: #000;
    margin: 0 auto
}

#resultstab span.helpTxt, #resultstabprime span.helpTxt {
    z-index: 3;
    left: 25%;
    margin-top: 1.5%;
    padding: 1em;
    background: #ccc;
    padding: 2rem;
    width: 55%;
    position: absolute;
    text-align: left
}

p.itembrand {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem
}

@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
    #resultstab table, #resultstab td, #resultstab th, #resultstab tr, #resultstabprime table, #resultstabprime td, #resultstabprime th, #resultstabprime tr {
        display: block
    }

    .mobileOnly {
        display: block !important;
    }

    .resultstabinner tbody {
        width: 100%;
        display: block;
    }

    .resultcolwidth {
        width: 100% !important;
        padding: 1em 0em !important;
    }

    #resultstab tr, #resultstabprime tr {
        border: 1px solid #ccc
    }

    #resultstab td, #resultstabprime td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 1em;
        font-weight: 600;
        font-size: 1.5rem
    }

    #resultstabprime td {
        border-bottom: 1px solid #39393a
    }

    tr.resultstabhead {
        display: none !important
    }

    #resultstab td, #resultstab th, #resultstabprime td, #resultstabprime th {
        max-width: 100% !important
    }

    td.policy-premium {
        padding: 0;
        font-size: 3rem !important
    }

    #resultstab tr, #resultstabprime tr {
        margin-bottom: 2em
    }
}

.singleT {
    padding-bottom: 12px;
    margin-bottom: 3px;
    cursor: pointer;
}

.brandcell {
    vertical-align: middle;
}

#comparepoliciesmob {
    display: none;
}

#comparepolicies {
    padding: 0;
    border-spacing: 10px 10px;
}

.compare-row:nth-child(odd), .helpAMT:nth-child(odd) {
    background-color: #efefef;
}

.compare-benefits {
    text-align: center;
    padding: 0.5em 0.5em;
}

tr.compare-row td:first-child, .annualli:first-child, .activitesli:first-child, .countriesli:first-child, .wordingli:first-child {
    padding-left: 1em;
}

#comparepolicies .upgradeAmt {
    cursor: pointer;
}

#choosepolicy {
    padding: 50px 0;
    border-spacing: 10px 10px;
    font-size: .9em
}

    #choosepolicy a, #comparepolicies a {
        color: #fff;
        text-decoration: underline
    }

        #choosepolicy a:hover, #comparepolicies a:hover {
            text-decoration: none
        }

#comparepolicies .compare-benefits a {
    color: #000;
}

#choosepolicy tr .pol {
    background: #343434;
    color: #fff;
    text-align: center;
    padding: 10px
}

    #choosepolicy tr .pol.top {
        font-size: 1.2em;
        padding: 20px 20px 30px 20px
    }

#choosepolicy tr:nth-child(even) .pol {
    background: #454545
}

#choosepolicy tr:last-child .pol {
    background: #fff
}

#choosepolicy tr .pol.top strong {
    display: block
}

#choosepolicy td, #comparepolicies td {
    width: 20%
}

#choosepolicy .BL-Btn, #comparepolicies .BL-Btn {
    padding: .4em .8em !important;
    font-size: 17px
}

#choosepolicy a.BL-Btn, #comparepolicies a.BL-Btn {
    text-decoration: none !important
}

#choosepolicy p.price, #comparepolicies p.price {
    font-weight: 700;
    font-size: 1.4em
}

#choosepolicy .helpBtn, #comparepolicies .helpBtn {
    color: #2da5da !important;
    font-weight: 700;
    font-size: 0.8em !important;
    background: transparent !important
}

#choosepolicy p.helpTxt, #comparepolicies p.helpTxt {
    max-width: 100%;
}

#choosepolicy img, #comparepolicies img {
    max-width: 100%
}

#choosepolicy td.lbl {
    word-break: break-word;
    padding-left: 0.5em;
}

@media only screen and (max-width:952px) {
    #choosepolicy .BL-Btn {
        padding: .4em .8em !important;
        font-size: 14px
    }

    #choosepolicy tr .pol.top {
        font-size: 1.2em;
        padding: 20px 10px 30px 10px
    }


    .MedConditionsTravs .travScreenList li.twelve.columns {
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }

    .travScreenList .five.columns {
        width: 50%;
    }

    .travScreenList .two.columns {
        width: 20%;
    }

        .travScreenList .two.columns:nth-child(2) {
            width: 30%;
        }

    .MedConditionsTravs .travScreenList li.twelve.columns:not(:nth-child(1)) {
        margin-bottom: 1em;
    }

    #selectedCountries button, .findConditionForm span {
        padding-bottom: 1rem
    }


    .findCondition {display:none!important;}
}

.findConditionForm {
    display:block;
    height:70px;
}


#policyDetailsX li strong {
    padding-bottom: .5rem
}

#ContactPhoneNumberBox, #contactDetails ol ul.ul-content li, #divDOB, #listOfTravsMain .questionBox.twelve, #obfilters1 #policyDetails #policySummary .policyLogo, #policyDetails #policySummary .policyLogo, #userEmailCF > .questionBox, .travellerNumber.questionBox, [class^=nH-].questionBox, [data-toggle=buttons].questionBox {
    padding-bottom: 0
}

.eight.columns.med ul.condition li {
    padding-left: 40%
}

#EndDateOverride, #StartDateOverride {
    padding-left: 10rem
}

#selectedCountries button {
    padding-left: 4rem
}

.confirm-uk-resident ul, .tooltip ul {
    padding-left: 3rem
}

.confirm-travellers-details strong + ul {
    padding-left: 1.5rem
}

#additionalFeatures p, .filterOpt select {
    padding-left: 1rem
}

.selPolDet > strong {
    padding-left: .5rem
}

#policyDetailsX li strong, .eight.columns.med ul.condition li.noselect, .resultList, ol, ul {
    padding-left: 0
}

.tooltip .nH-Sub {
    padding-right: 2rem
}

#selectedCountries button {
    padding-right: 1.5rem
}

.selPolDet > strong {
    padding-right: .5rem
}

#policyDetailsX li strong {
    padding-right: 0
}

#additionalFeatures fieldset, #btnReturnDateOverride label, #btnStartDateOverride label, #listOfTravsMain ul, .MedConditionsTravs .columns, .checkbox input[type=checkbox], .checkbox input[type=radio], .confirm-travellers-details strong + ul, .confirm-uk-resident strong + ul, .dateto, .errorPage .BL-Btn, .filterOpt fieldset, .hiddenList ul, .individualCountry input, .medSlider input[type=radio], .resultList .greyButton, .ui-datepicker-header a.ui-datepicker-next .ui-icon, .ui-datepicker-header a.ui-datepicker-prev .ui-icon, .ui-menu .ui-menu-item, body, ol.sumTravs {
    margin: 0
}

#obfilters1 #policyDetails #policySummary img.policyLogo, #policyDetails .policyLogo, #policySummary img, .individualCountry span, .quoteNav li span:first-of-type {
    margin: auto
}

.shownList {
    margin: 0;
}


#divDOB .twelve, #paymentDetails .info, #primetopInfo, .addOnChoose li:first-child, .container.content, .hiddenList p, .paymentBTN.BL-Btn, .quoteNav li p {
    margin-top: 2rem
}

#btnReturnDateOverride, #btnStartDateOverride, #listOfTravsMain .twelve:first-of-type, #selectedCountries[style=""], .addressli .twelve, .confirm-uk-resident span + strong, .datetoCheckbox, .field-validation-error, .medSlider, .questionBox .checkbox, .questionBox input, .questionBox select, .tooltip, .tooltip ul, .validation-summary-errors, ol.travScreenList li + li {
    margin-top: 1.5rem
}

.amtRow .BL-Btn, .singleRow .BL-Btn {
    margin-top: 1.25rem
}

#divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #primetopInfo span span.helpTxt, #selectedCountries button, .DeclaredConditions hr, .DeclaredConditions ol, .addedConditions li a, .docDL p, .eight.columns.med h3, .eight.columns.med p, .eight.columns.med ul, .questionBox b + span, .questionBox p.coverInfo + p, .questionBox p.nH-Sub + p {
    margin-top: 1rem
}

#ContactDetails_Marketing, #btnReturnDateOverride label:before, #btnStartDateOverride label:before, .addressli .adrsTitle, .checkbox label:before, .datetoCheckbox label:before, .features li .helpBtn + .helpTxt, .hiddenList small i {
    margin-top: .5rem
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, #btnCountriesAll, #btnHideCountries, #divDOB .twelve:nth-of-type(1), #listOfTravsMain .BL-Btn, #listOfTravsMain input, #listOfTravsMain select, #med .medSlider, #med .validation-summary-errors, .DeclaredConditions ol, .addCondition ol li p + button, .addOnChoose #includedBenefits li:first-child, .addOnChoose + div > .blueButton, .addressli .BL-Btn, .addressli input, .conditionInput, .confirm-uk-resident input, .container, .editAfter .BL-Btn, .questionBox .hasDatepicker, .startScreening.BL-Btn, .step2Filters .BL-Btn, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin-top: 0
}

#med .medSlider, .container, .container.content, .medSlider {
        margin-left: auto
    }

#med .medSlider {
    margin-top: 2em;
}

.conditionInput {
    width:100%;
}

#btnCountriesAll, #btnHideCountries, #primetopInfo span:nth-child(2):not(.helpTxt), .eight.columns.med, .eight.columns.med h3, .eight.columns.med p, .eight.columns.med ul, .eight.columns.med ul li small, .resultList .nH-H1 {
    margin-left: 1rem
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, #btnReturnDateOverride label:before, #btnStartDateOverride label:before, #policyDetails #submit, #policyDetails #submit_additionalCovers, #selectedCountries button, #topInfo .two + .two span.helpTxt, .BL-Btn, .BL-RemoveML, .DeclaredConditions hr, .DeclaredConditions ol, .checkbox label:before, .columns#contactDetails, .confirm-uk-resident input, .datetoCheckbox label:before, .datetoCheckbox:nth-of-type(1), .datetoCheckbox:nth-of-type(4), .field-validation-error, .questionBox .checkbox:nth-of-type(1), .questionBox .checkbox:nth-of-type(4), .quoteNav li, .tooltip ul, .validation-summary-errors, p {
    margin-left: 0
}

.docDL span {
    margin-left: -2rem
}

#topInfo span span.helpTxt {
    margin-left: -5.5rem
}

.container, .container.content, .medSlider {
    margin-right: auto
}

.quoteNav li {
    margin-right: 12.5%
}

.docDL {
    margin-right: 2rem
}

#divDOB .two.columns, #listOfTravsMain .firstname, #listOfTravsMain .two.columns, #selectedCountries button, .conditionInput, .step2Filters .amt.BL-Btn, label.info small {
    margin-right: 1.5rem
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, .confirm-travellers-details strong > input, .confirm-uk-resident input, .confirm-uk-resident strong > input, .individualCountry, .questionBox strong, .ui-datepicker select.ui-datepicker-month {
    margin-right: 1rem
}

#modeResult input[type=checkbox] {
    margin-right: .5rem
}

#btnCountriesAll, #btnHideCountries, #btnReturnDateOverride, #btnReturnDateOverride label:before, #btnStartDateOverride, #btnStartDateOverride label:before, .BL-Btn, .DeclaredConditions hr, .DeclaredConditions ol, .checkbox label:before, .datetoCheckbox, .datetoCheckbox label:before, .field-validation-error, .lastname, .questionBox .checkbox, .quoteNav li:last-of-type, .tooltip ul, .validation-summary-errors {
    margin-right: 0
}

.container.content {
    margin-bottom: 5rem
}

#policyDetails #submit, #policyDetails #submit_additionalCovers, .medSlider {
    margin-bottom: 3rem
}

#modeResult, #policyDocuments #policySummary, .DeclaredConditions ol, .addOnChoose, .addOnChoose li .inner, .docDL, .eight.columns.med, .policy-view ol#policyDetailsX, .policyDocDL, .resultList .nH-H1, blockquote, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, label.info, ol, p, p.info, pre, select, table, textarea, ul {
    margin-bottom: 2rem
}

.addingCondition label, .policy-select #progress, .policy-view #progress, .tooltip ul {
    margin-bottom: 1.5rem
}

#additionalFeatures > fieldset > div > p, #modeResult .nH-Sub, #policyDetails #policySummary .policyLogo, #policyDetails .three.columns p, #policyDetailsX li strong, #selectedCountries p, .DeclaredConditions hr, .DeclaredConditions ol, .addOnChoose .nH-H2, .confirm-travellers-details strong, .confirm-travellers-details strong + ul > li, .confirm-uk-resident span + strong, .confirm-uk-resident strong + ul > li, .confirm-uk-resident strong:nth-child(1), .eight.columns.med ul.condition li.noselect, .individualCountry, .questionBox .tooltip p, li {
    margin-bottom: 1rem
}

#btnReturnDateOverride label:before, #btnStartDateOverride label:before, .checkbox label:before, .datetoCheckbox label:before, .field-validation-error, .validation-summary-errors {
    margin-bottom: .5rem
}

    #ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, #btnCountriesAll, #btnHideCountries, #med .twelve, #med p, #modeResult p, #obfilters1 #policyDetails #policySummary .policyLogo, #payChoice p, #paymentDetails .form-container .info, #paymentDetails .form-container .six + .six, #policyDetails #policySummary .policyLogo, #policyDetails .three.columns ol li, #policyDetails .validation-summary-errors li:last-of-type, #policyDetails .validation-summary-errors ul, #selectedConts, #selectedConts .title, #selectedCountries p, #subForm p, .BL-Btn, .addedConditions li, .addedConditions li p, .addingCondition li, .addingCondition ol, .checkbox label, .conditionInput, .confirm-uk-resident input, .container, .datetoCheckbox label, .features, .includedBenefits li:last-child, .individualCountry label, .pamentMethod li, .questionBox, .questionBox input, .questionBox p, .questionBox select, .quoteNav, .quoteNav li, .quoteNav li p, .step2Filters, .tooltip li, .ui-datepicker table, .validation-summary-errors ul, .validation-summary-errors ul li, [class^=nH-].questionBox {
        margin-bottom: 0
    }

        #additionalFeatures div, #btnCountriesAll, #btnHideCountries, #btnReturnDateOverride, #btnStartDateOverride, #primetopInfo span .helpBtnSmall, #topInfo span .helpBtnSmall, #txtCountryName, .BL-InlBl, .MedConditionsTravs .stopContinue, .addCondition ol li p, .addCondition ol li p + button, .addedConditions li a, .amtRow .BL-Btn, .datetoCheckbox, .docDL, .docDL span, .errorPage .BL-Btn, .field-validation-error, .filterOpt div, .finishAllScreening.BL-Btn, .helpBtn, .helpBtnSmall, .individualCountry, .newInfo, .quoteNav li, .rescreen.BL-Btn, .resultList .greyButton, .selPolDet i, .singleRow .BL-Btn, .startScreening.BL-Btn, .tooltip .close, .validation-summary-errors, input[type=checkbox], input[type=radio], ol.sumTravs li.sumTN, ol.sumTravs li.sumTN + li.sumDOB {
            display: inline-block
        }


.conditionSelector1 li {
    padding: 1.6em 1em 1em 1em;
    border: 0;
}

    .conditionSelector1 li:nth-child(odd) {
        background: #fff;
    }

    .conditionSelector1 li:nth-child(even) {
        background: #eee;
    }

.addCondition ol li, ol.travScreenList li {
    border-bottom: 0;
}


.removeCondition {
    margin-left:10px;
    margin-top:14px;
}

.finishAllScreening.BL-Btn.greyButton, a#finishAllScreening, input.findCondition.BL-Btn.blueButton, .editAfter button.BL-Btn.blueButton, button.addAnotherCon.BL-Btn.blueButton, button.finishUserScreening.BL-Btn.blueButton, button.save.BL-Btn.blueButton.hiddenItem, button.cancel.BL-Btn.greyButton {
    font-size: 1.2em;
}

.travScreenList li:not(first-child) {
    padding: 1em;
}


.priceButton .BL-Btn {
    display: block;
    width: 100% !important;
    height: 35px !important;
    line-height: 35px !important;
    border: none !important;
    margin-top: -8px !important;
    padding: 0;
    border-radius: 0
}

#ContactDetails_Marketing:before, #RequiresPostage:before, #additionalFeatures .nH-Sub, #additionalFeatures p input:before, #additionalFeatures p label, #additionalFeatures.show, #medHolder p:last-of-type > b, #modeResult .filterOpt fieldset div, #modeResult .filterOpt fieldset label, #modeResult .nH-Sub, #modeResult p small, #modeResult p.more.forceShow, #modeResult select.show, #modeResult.show, #obfiltersbutton.button.show, #policyDetails .policyLogo, #policyDetails .three.columns ol li strong, #policyDetails .three.columns p span, #policyDetailsX, #policyDetailsX li, #policyDetailsX li strong, #policySummary img, #topInfo span span.helpTxt strong, .DeclaredConditions ol, .addOnChoose li .inner, .addingCondition ol li, .addingCondition ol li.answered .answer, .addressli .adrsTitle, .answerMedical, .confirm-uk-resident input:before, .confirm-uk-resident strong, .destinationContainer.checkbox.active, .destinationContainer.checkbox.active.dn, .eight.columns.med, .eight.columns.med h3, .eight.columns.med p, .eight.columns.med ul, .features, .features li small, .findConditionForm span, .individualCountry span, .medSelect:before, .questionBox.traveller#mainTraveller, .quoteNav li span:first-of-type, .quoteNav > div:before, .resultList .nH-H1, .selPolDet > strong, .show, .showBenefit, .shownList, .tooltip p strong, label, legend, ol.sumTravs li.sumDOB {
    display: block
}

.container:after, .row:after, .u-cf {
    display: table
}

#howmanyppl, #mobileProgress, #modeResult .filterOpt fieldset input[type=checkbox], #modeResult p.more, #primetopInfo span span.helpTxt, #selectedSountryList, #topInfo span span.helpTxt, #touchNav, .addingCondition ol li .answer, .addingCondition ol li.answered .two.columns, .button.pcLR.hidden, .helpBtnSmall, .helpTxt, .hidden, .hiddenItem, .hiddenList, .hide, .ieEight, .mobileOnly, .policyDetails.features li span.helpBtn, .policyDetails.features li span.helpBtnSmall, .policyDetails.features li span.mobileOnly, .questionBox.traveller, .tooltip {
    display: none
}

.features li, .questionBox p {
    font-size: 1.25rem
}

#additionalFeatures .nH-Sub, #btnCountriesAll, #btnHideCountries, #divAdditional input[type=checkbox]:checked + input + label, #divExpireDates input[type=checkbox]:checked + input + label, #divStartDates .checkbox input[type=checkbox]:checked + input + label, #insQuote #returnDate .coverChoice .checkbox.active em, #modeResult, #modeResult .nH-Sub, #policyDetails .three.columns ol li strong, #policyDetailsX li strong, #primetopInfo span .helpBtnSmall, #returnDate .coverChoice .checkbox:hover em, #selectedCountries button:hover, #selectedPolicy .selPolDet i.spdP1, #selectedPolicy li, #selectedPolicy li a, #selectedPolicy p, #selectedPolicy strong, #topInfo span .helpBtnSmall, .AMTpolus .selPolDet i.spdP1, .BL-Btn, .addOnChoose li .selected p, .addOnChoose li .selected p span, .addOnChoose li .selected p strong, .addedConditions li a, .answerMedical, .checkbox input[type=checkbox]:checked + label, .checkbox input[type=radio]:checked + label, .checkbox label:hover, .creditCard:hover, .datetoCheckbox:hover label, .docDL span i, .extraOptionChoice .selected .showList:hover, .field-validation-error, .helpBtn, .helpBtnSmall, .newInfo, .off.active.end-date.in-range.available, .off.active.start-date.available, .payPal:hover, .resultList form h2, .selected .moreDetails a, .tooltip .close, .tooltip .nH-Sub, .tooltip p, .tooltip ul, .ui-menu .ui-state-active, .ui-menu .ui-state-focus, .ui-state-default.ui-state-active, .ui-state-default:hover, .validation-summary-errors, a.BL-Btn {
    color: #fff
}

#selectedPolicy .selPolDet i.spdP2, .AMTpolus .selPolDet i.spdP2, .confirm-travellers-details strong + ul > li > span, .confirm-uk-resident strong + ul > li > span {
    color: var(--second)
}

#additionalFeatures p, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #modeResult .filterOpt fieldset div input, #modeResult .filterOpt fieldset div select, #selectedCountries button, .checkbox label, .datetoCheckbox label, .medNo, .medYes, .selPolDet i.spdP2 {
    color: #666
}

#additionalFeatures fieldset p label, #payChoice p, .chooseCountry[class^=nH-], .hiddenList, .hiddenList small i, .quoteNav li > p, .quoteWrapper[class^=nH-], .spdP1, .ui-datepicker .ui-datepicker-title select, [class^=nH-], body, label.info, p.info {
    color: #333
}

label.date-label:hover {
    color: #fff
}

#EndDateOverride, #StartDateOverride, #selectedCountries button, .checkbox label, .datetoCheckbox, .medSlider, .questionBox .checkbox, .quoteNav li span:first-of-type, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header, .ui-widget-header .ui-state-default {
    background-color: var(--second)
}

.addedConditions li a, .greyButton {
    background-color: #444
}

    .greyButton:hover {
        background-color: #1a1a1a
    }

#policyDetailsX, .quoteNav > div {
    background-color: #f2f2f2
}

label.info, p.info {
    background-color: #fffdd7
}

#selectedCountries button:after, .field-validation-error, .validation-summary-errors {
    background-color: #ce4e4e
}

.tooltip {
    background-color: #666
}

.ui-datepicker-header a.ui-datepicker-prev .ui-icon {
    background: url(images/left.png) center/2rem no-repeat
}

.ui-datepicker-header a.ui-datepicker-next .ui-icon {
    background: url(images/right.png) center/2rem no-repeat
}

.individualCountry .moreCountriesShow:checked + span {
    background: url(/content/images/checked.svg) 50%/3rem no-repeat
}

.medSelect:before {
    background: url(/content/images/menu.svg) center/3.5rem no-repeat
}

#selectedCountries button:before {
    background: url(/content/images/x.svg) center/1.25rem no-repeat #ce4e4e
}

.individualCountry span {
    background: url(/content/images/flags.png) no-repeat
}

.addedConditions li a, .currentActive > span + span, .pastActive > span + span, .quoteNav li span:first-of-type, label.info small {
    border-radius: 50%
}

.column, .columns, .container, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    box-sizing: border-box
}

.eight.columns.med ul li, .quoteNav li, li {
    list-style: none
}

.confirm-uk-resident li, .tooltip li {
    list-style: disc
}

#btnCountriesAll, #btnHideCountries, #btnReturnDateOverride label, #btnStartDateOverride label, #primetopInfo span .helpBtnSmall, #selectedCountries button, #topInfo span .helpBtnSmall, .BL-Btn, .answerMedical, .checkbox label, .dateto, .helpBtn, .helpBtnSmall, .hiddenList small, .individualCountry label, .medNo, .medSelect, .medYes, .newInfo, .showList, .showMoreFeat, .tooltip .close, .ui-menu .ui-menu-item {
    cursor: pointer
}

#modeResult p small, .container:after, .row:after, .u-cf, label.info, p.info {
    clear: both
}

#EndDateOverride, #StartDateOverride, #additionalFeatures p, #policyDetails .nine .three, #selectedCountries button, .BL-Btn, .addedConditions li, .checkbox input[type=checkbox], .checkbox input[type=radio], .confirm-travellers-details strong + ul > li, .confirm-uk-resident strong + ul > li, .filterOpt select, .individualCountry input, .medSlider input[type=radio], .questionBox .checkbox, .ui-datepicker, .ui-datepicker .ui-datepicker-title select, .ui-datepicker-header a.ui-datepicker-next, .ui-datepicker-header a.ui-datepicker-prev, .ui-menu .ui-menu-item, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header, .ui-widget-header .ui-state-default, fieldset {
    border: none
}

a.two.columns {
    position: relative
}

.newPartquote {
    padding-top: 1em;
    background: 0 0 !important;
    position: absolute
}

    .newPartquote p {
        margin: 0 0 1em 1.5em;
        font-size: 1.1rem
    }

a.blueButton.priceButton > strong > span {
    display: block;
    width: 100% !important;
    height: 20px !important;
    line-height: 18px !important
}

.quoteNav small {
    border-top: .25rem solid var(--second)
}

#contactDetails ol ul.ul-content li, .addedConditions {
    border-bottom: none
}

.eight.columns.med {
    border-left: .1rem solid var(--second)
}

.individualCountry {
    border: .15rem solid var(--second)
}

#payChoice p, #policyDetails .three.columns#policySummary2, #policyDocuments #policySummary, #primetopInfo span span.helpTxt, #selectedConts li:not(.title), #topInfo span span.helpTxt, .eight.columns.med ul.condition, .eight.columns.med ul.conditionResults, .hiddenList, .resultList #primetopInfo span span.helpTxt, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: .1rem solid var(--second)
}

#policyDocuments #policySummary, #selectedCountries button, #selectedCountries button:after, #selectedCountries button:before, .medSelect, .medSlider, .ui-datepicker, .ui-datepicker .ui-datepicker-header, label.info, p.info {
    border-radius: .5rem
}

    #ContactDetails_Marketing:before, #RequiresPostage:before, #additionalFeatures p, #additionalFeatures p input:before, #btnCountriesAll, #btnHideCountries, #btnReturnDateOverride, #btnStartDateOverride, #modeResult, #payChoice p, #policyDetails .three.columns, #primetopInfo span .helpBtnSmall, #primetopInfo span span.helpTxt, #selectedConts li:not(.title), #topInfo span .helpBtnSmall, #topInfo span span.helpTxt, .BL-Btn, .checkbox label, .confirm-uk-resident input:before, .datetoCheckbox, .field-validation-error, .filterOpt select, .helpBtn, .helpBtnSmall, .individualCountry, .newInfo, .questionBox .checkbox, .quoteNav small, .tooltip .close, .ui-datepicker .ui-datepicker-title select, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .validation-summary-errors, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
        border-radius: .25rem
    }

        #ContactDetails_Marketing:before, #RequiresPostage:before, #additionalFeatures p input:before, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #payChoice p, #policyDetails .three.columns ol li, #policyDetails .three.columns p, #policyDetailsX li, #policyDetailsX li strong, #policySummary .Premium strong, #primetopInfo span .helpBtnSmall, #topInfo span .helpBtnSmall, .addedConditions li a, .answerMedical, .confirm-uk-resident input:before, .docDL, .docDL span, .helpBtn, .helpBtnSmall, .hiddenList p, .individualCountry label, .medNo, .medYes, .newInfo, .quoteNav, .tooltip .close, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, label.info small {
            text-align: center
        }

.findConditionForm {
    margin-bottom: 5rem;
}


input.findCondition.BL-Btn.blueButton {
    float: left;
}

.addedConditions li a, .editAfter a, .showList:hover, .showMoreFeat:hover, a.BL-Btn, a.BL-Btn:hover, a:hover {
    text-decoration: none
}

.showList, .showMoreFeat {
    font-style: normal;
    text-decoration: underline;
    margin-left: 12px;
}

#additionalFeatures p, #contactDetails ol.pcLL, #primetopInfo span span.helpTxt, #topInfo span span.helpTxt, .container.content, .eight.columns.med ul.condition, .eight.columns.med ul.conditionResults, .hiddenList, .quoteNav li.currentActive span:first-of-type, .quoteNav li.pastActive span:first-of-type, .quoteNav small, .ui-datepicker {
    background: #fff
}

#topInfo span span.helpTxt, .quoteNav small {
    top: 100%
}

.quoteNav > div {
    top: 2.35rem
}


.ui-datepicker-next, 
.ui-datepicker-prev
 {
    top: 1.35rem!important;
}

.tooltip .close {
    top: 2rem;
    right: 2rem
}

.checkbox input[id=de_4] + label:after {
    top: 1rem
}

#additionalFeatures p input {
    top: .25rem
}

#btnReturnDateOverride label, #btnStartDateOverride label, #selectedCountries button:after, #selectedCountries button:before, .answerMedical, .currentActive > span + span, .datetoCheckbox label, .individualCountry label, .medNo, .medYes, .pastActive > span + span {
    top: 0
}

.medSelect {
    top: -.25rem
}

.dateto {
    top: -1.5rem
}

#primetopInfo span span.helpTxt {
    top: -8rem
}

.ui-datepicker .ui-datepicker-next {
    right: 1rem
}

.features li .helpBtn {
    right: 0
}

#primetopInfo span:nth-child(2) .helpTxt, #topInfo span:nth-child(2) .helpTxt, .currentActive > span + span, .pastActive > span + span {
    left: 50%
}

.quoteNav > div {
    left: 17.5%
}

.medNo {
    left: 9.5rem
}

.medOption[value=False] + .medSlider .medSelect, .medOption[value=false] + .medSlider .medSelect {
    left: 9rem
}

.medSelect {
    left: 4.5rem
}

.ui-datepicker .ui-datepicker-prev {
    left: 1rem
}

#btnReturnDateOverride label, #btnStartDateOverride label, #divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after, #primetopInfo span span.helpTxt, #selectedCountries button:after, #selectedCountries button:before, #topInfo span span.helpTxt, .answerMedical, .datetoCheckbox label, .individualCountry label, .medOption[value=True] + .medSlider .medSelect, .medOption[value=true] + .medSlider .medSelect, .medYes {
    left: 0
}

.medOption[value=False] + .medSlider .medSelect .answerMedical:before, .medOption[value=false] + .medSlider .medSelect .answerMedical:before {
    content: "No"
}

.medOption[value=True] + .medSlider .medSelect .answerMedical:before, .medOption[value=true] + .medSlider .medSelect .answerMedical:before {
    content: "Yes"
}

.checkbox input[id=de_4] + label:after {
    content: "Worldwide Exc USA/Canada/Caribbean/Mexico";
}

.checkbox input[id=tt_2] + label:after {
    content: "Couple Or Family"
}

.checkbox input[id=tt_7] + label:after {
    content: "Young Person Travelling Alone"
}

label.info small:before {
    content: "\f06a"
}

#divExpireDates .checkbox input[type=checkbox] + input + label:after, #divStartDates .checkbox input[type=checkbox] + input + label:after {
    content: attr(data-attribute-day)
}

#btnReturnDateOverride label:before, #btnStartDateOverride label:before, #selectedCountries button:after, #selectedCountries button:before, .checkbox label:before, .container:after, .datetoCheckbox label:before, .medSelect:before, .quoteNav > div:before, .row:after, .u-cf {
    content: ""
}

.medOption[value=False] + .medSlider .medSelect:before, .medOption[value=True] + .medSlider .medSelect:before, .medOption[value=false] + .medSlider .medSelect:before, .medOption[value=true] + .medSlider .medSelect:before {
    content: none
}

.hiddenList, .ui-datepicker, .ui-datepicker-inline {
    z-index: 3
}

.quoteNav li span:first-of-type, .quoteNav li.currentActive span:first-of-type, .quoteNav li.pastActive span:first-of-type, .quoteNav small {
    z-index: 2
}

#contactDetails ol.pcLL, #selectedCountries button:before, .currentActive > span + span, .dateto, .medSelect, .pastActive > span + span {
    z-index: 1
}

#selectedCountries button, .quoteNav > div {
    z-index: 0
}

    #selectedCountries button:after {
        z-index: -1
    }

.quoteNav li:hover > small {
    opacity: 1;
    visibility: visible;
    transform: translateY(15%)
}

.dateto, .quoteNav small {
    opacity: 0
}

.quoteNav small {
    left: -100%;
    visibility: hidden;
    box-shadow: 0 1rem 1rem 0 rgba(36, 50, 56, .15)
}

.ui-datepicker {
    box-shadow: 0 .1rem .8rem .1rem rgba(0, 0, 0, .15)
}

.quoteNav li.currentActive span:first-of-type, .quoteNav li.pastActive span:first-of-type {
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .15)
}

#primetopInfo span span.helpTxt, #topInfo span span.helpTxt {
    box-shadow: 0 .5rem .25rem 0 rgba(0, 0, 0, .15)
}

#primetopInfo span:nth-child(2) .helpTxt, #topInfo span:nth-child(2) .helpTxt {
    transform: translateX(-35%)
}

.medSelect:before {
    transform: rotate(90deg)
}

.pastActive > span + span {
    transform: translateX(-50%) translateY(-30%)
}

.currentActive > span + span {
    transform: translateX(-50%) translateY(-35%)
}

#ContactDetails_Marketing, #RequiresPostage, #additionalFeatures p input, .confirm-uk-resident input, .docDL span {
    vertical-align: sub
}

#divAllCountries div[data-toggle=buttons] {
    max-height: 56.5rem;
    overflow-y: scroll
}

#btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
    width: calc(31% + .5rem);
    margin-left: 0;
    margin-right: 1.5rem
}

.hiddenList {
    width: 100%;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.PostNo, .PostYes {
    padding: 20px;
    letter-spacing: .1px
}

.PostNo {
    background-color: #e8ffe5;
    color: #333;
    letter-spacing: .1px
}

.postselected {
    background: #e8ffe5;
    color: #333;
    letter-spacing: .1px
}

.notselected {
    background: #fff;
    color: #333;
    letter-spacing: .1px
}

.coronovirus-main {
    display: none;
}

.coronovirus-row p {
    display: table-row;
    padding: 10px;
}

@media only screen and (max-width:800px) {
    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        width: calc(50% - 1rem)
    }
}

@media only screen and (max-width:899px) and (min-width:768px) {
    ol.paymentType li {
        width: 40%
    }

        ol.paymentType li.payPal {
            float: right
        }

    #selectedPolicy img, .two img {
        display: none
    }
}

@media (min-width:768px) and (max-width:800px) {
    .addingCondition input[type=radio] {
        display: block;
        width: 2rem;
        height: 2rem;
        margin-right: 1rem;
        margin-top: .5rem;
        float: left;
        clear: left
    }

    .addingCondition p span {
        display: block;
        float: left;
        line-height: 3rem
    }
}

@media(max-width:812px) {
    .quoteNav small, .quoteNav > div {
        display: none
    }

    .quoteNav li {
        margin: 0 5% 0 0
    }
}

@media(max-width:768px) {
    #obfilters {
        display: none
    }


    #modeResult {
        background-color: transparent !important;
    }

    #comparepolicies {
        display: none;
    }

    #comparepoliciesmob {
        width: 100%;
        display: table;
        border: 2px solid #efefef;
        border-spacing: 0;
        font-size: 1.1em;
    }

        #comparepoliciesmob a:hover {
            text-decoration: none !important;
        }

    .st-mob, .amt-mob {
        color: #fff;
        text-align: center;
        padding-bottom: 1.5em;
        margin-top: 10px;
    }

        .st-mob p.price {
            font-size: 3rem;
        }

        .amt-mob.productType {
            margin-top: 1em;
        }

    .show-mob {
        padding: 0.7em 0.7em 0.7em 1em;
    }

    #comparepoliciesmob .BL-Btn.blueButton {
        font-size: 1em;
        background: #fff;
        color: #2da5da;
    }

    #comparepoliciesmob th {
        width: 100%;
    }

    .mobileOnly {
        display: inline-block
    }

    #policyDetails #policySummary ol li.Premium strong {
        text-align: center
    }

    .resultList .six.columns.BL-FltR {
        width: 100% !important
    }

    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        width: calc(50% - 1.5rem)
    }

    #divAllCountries div[data-toggle=buttons] {
        max-height: 18rem
    }

    .individualCountry {
        width: 15% !important;
    }

    .amtRow .BL-Btn, .singleRow .BL-Btn {
        margin-left: 3rem
    }

    #policyDetailsX li strong {
        font-size: 1rem
    }

    .secondBuyBTN {
        display: none
    }

    .extraFeat {
        display: none
    }

    input#obfiltersbutton {
        margin-top: 0 !important;
        float: left
    }

    .three.columns.policy-summary {
        width: 100%;
        margin-left: 0;
        margin-top: 2.5rem
    }

    #additionalFeatures p:last-of-type, .filterOpt .AMT.Duration, .filterOpt .Excess {
        margin-top: 2rem
    }

    .filterOpt div {
        max-width: 24%
    }

    .includedBenefits li small {
        border: none
    }

    .upgradeAmt > small:nth-of-type(1) {
        width: 100%;
        display: block;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .includedBenefits li.EmergencyHelpline small {
        border: .1rem solid var(--second)
    }

    .addOnChoose li .inner {
        background-color: unset;
        border: none;
        padding: 0
    }

    .featuresHeight {
        height: auto
    }

    #policyDetails #policySummary, .nine.columns.addOnChoose {
        width: 100%;
        margin: 0
    }

    .includedBenefits li small.gdgPrice {
        right: .25rem;
        top: 0;
        margin-right: -.5rem
    }

    .extraOptionChoice li {
        border: none;
        padding: 0;
        width: 100%
    }

        .extraOptionChoice li .inner {
            border: .1rem solid var(--second);
            padding: 1rem;
            width: 97%
        }

    #modeResult .filterOpt fieldset div {
        width: 33%
    }

    #additionalFeatures fieldset p {
        width: 29.5%
    }

    #policyDetails #policySummary ol li:not(.Premium) strong {
        background-color: #f2f2f2;
        font-weight: 700;
        color: #333
    }

    #policyDetails #policySummary ol li strong {
        width: 51%;
        float: left;
        margin-left: 0
    }

    #policyDetails #policySummary ol li {
        position: relative;
        margin-bottom: 0;
        font-size: 1.25rem;
        height: auto;
        display: block
    }

        #policyDetails #policySummary ol li.Premium, #policyDetails #policySummary ol li.Premium strong {
            line-height: 4rem;
            padding-top: 0;
            height: 4rem;
            margin-bottom: 0;
            font-weight: 700
        }

    #obfiltersbutton.button, .additionalFeaturesBTN.button {
        display: inline-block;
        min-width: max-content;
        float: unset;
        margin: 0
    }

    .policy-summary img.policyLogo {
        width: 50%
    }

    #obfiltersbutton.button.show {
        display: inline-block
    }

    .policyDetails.features li span.helpBtn, .policyDetails.features li span.helpBtnSmall, .policyDetails.features li span.mobileOnly {
        display: inline-block
    }

    .nine.columns#contactDetails {
        width: 100%;
        margin-left: 0
    }

    #policyDetails #policySummary ol li.tick, #policyDetails #policySummary ol.sumTravs:last-child {
        width: 20%;
        display: table-cell
    }

    #policySummary img {
        margin: auto;
        display: block
    }

    .policyDetails.features li {
        width: 75%;
        margin: 0 auto 1rem;
        font-size: 1.5rem
    }

        .policyDetails.features li span.helpBtn {
            position: relative;
            margin-left: 1rem
        }

    .coronovirus-row {
        display: none;
    }

    .coronovirus-main {
        display: block;
    }
}

.medicalsplit .save {
    margin-left: 5px;
}


.cancel2 {margin-top:25px;}

@media only screen and (max-width:668px) {

    .datetoCheckbox:nth-of-type(4), .questionBox .checkbox:nth-of-type(4) {
        margin-left: 0
    }

    #modeResult form, .button.pcLR.hidden, .features, .secondBuyBTN {
        display: none
    }

        #modeResult.expand form, .features li.mobileOnly, .policyDetails.features {
            display: block
        }

            .policyDetails.features li span.helpBtn, .policyDetails.features li span.helpBtnSmall {
                display: inline
            }

    .conditionSelector1 li p {
        margin-bottom: 1.5rem
    }

    .conditionSelector1 li .button.pcList {
        position: relative;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        top: inherit;
        left: inherit;
        display: block
    }

    .findConditionForm .cancel2.button, .findConditionForm .findCondition {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: inherit
    }

    #modeResult form fieldset div, #modeResult form fieldset p {
        position: relative;
        margin-left: 2%;
        margin-right: 1%
    }

        #modeResult form fieldset div select {
            position: absolute;
            top: 0;
            right: 0
        }

    #policyDetails #policySummary {
        position: relative
    }

        #policyDetails #policySummary .policyLogo {
            width: 90%;
            min-height: 0;
            max-height: 12rem;
            padding: 1rem;
            margin: 0
        }

        #policyDetails #policySummary p {
            width: 100%;
            margin: 1rem 0
        }

        #policyDetails #policySummary ol li {
            position: relative;
            margin-bottom: 0;
            font-size: 1.25rem;
            display: block
        }

            #policyDetails #policySummary ol li strong {
                width: 40%;
                float: left;
                margin-left: 0
            }

            #policyDetails #policySummary ol li:not(.Premium) strong {
                background-color: #f2f2f2;
                font-weight: 700;
                color: #333
            }

            #policyDetails #policySummary ol li.Premium, #policyDetails #policySummary ol li.Premium strong {
                line-height: 4rem;
                padding: 0;
                height: 4rem;
                margin-bottom: 2rem
            }

                #policyDetails #policySummary ol li.Premium strong {
                    text-align: right
                }

            #policyDetails #policySummary ol li.tick, #policyDetails #policySummary ol.sumTravs:last-child {
                width: 40%;
                display: table-cell
            }

    .chooseCountry {
        top: 0;
        height: 70%;
        padding-bottom: 3rem
    }

    #selectedConts.inChooseCountry {
        bottom: -3%;
        height: 30%;
        overflow: scroll
    }

    .chooseCountry h3 {
        padding-top: 5rem;
        font-size: 2rem
    }

    #countyList {
        width: 100%;
        margin-left: 0;
        max-height: 50%
    }

        #countyList li {
            width: 47%;
            font-size: 1.25rem
        }

            #countyList li span, #countyList li.selected span {
                width: 2rem;
                height: 2rem;
                background-size: 2rem
            }

    .addOnChoose li:first-child {
        margin-top: .5rem
    }

    .priceButton .BL-Btn {
        margin: 0 !important
    }

    .addOnChoose .moreDetails {
        padding: 0 0 2rem;
        width: 84%
    }

    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        width: 100%
    }

    .priceButton {
        position: absolute;
        top: 14.25rem;
        width: 65%;
        background: 0 0 !important;
        text-decoration: none !important
    }

        .priceButton .BL-Btn {
            padding: 1rem 1.5rem !important;
            height: unset !important;
            font: 700 2rem 'Open Sans', Arial, Helvetica, sans-serif !important;
            width: unset !important;
            display: inline-block !important;
            border-radius: 0 !important;
            top: 6rem !important;
            left: 0;
            transform: translate(0, 0) !important
        }

    .amtRow .BL-Btn, .singleRow .BL-Btn {
        position: absolute;
        top: 50%;
        right: 0
    }

    .nine.columns.addOnChoose, .three.columns#policySummary {
        width: 100%;
        margin: 1.5rem 0 0
    }

    .addOnChoose li .inner, .includedBenefits li small.gdgPrice {
        border-color: var(--second)
    }

    #policyDetails #policySummary ol li {
        height: auto
    }

    #policyDetails .three.columns p span, .policyDetails.features li span.helpBtn {
        display: none
    }

    .nine.columns#paymentDetails {
        width: 100%
    }

    .addOnChoose li p strong {
        padding-right: unset;
        width: max-content;
        width: -moz-max-content
    }

    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        margin-left: 0
    }
}

@media(max-width:568px) {
    .questionBox .checkbox {
        width: 100%
    }

    .addAnotherCon {
        float: right;
    }


    ol.paymentType li {
        width: 92%
    }

    .addOnChoose li .inner {
        padding-bottom: 6%
    }

    #policyDetailsX, .quoteNav {
        display: none
    }

    .filterOpt div {
        max-width: 48%;
        margin-top: 2rem
    }

    #additionalFeatures fieldset, .filterOpt {
        margin-top: -2rem
    }

    .additionalFeaturesBTN.button.close, div.additionalFeaturesBTN.button {
        float: unset;
        margin-left: 0;
        margin-top: 1rem;
        height: 3rem
    }

    .addCondition ol li p {
        width: 100%;
        max-width: 70%;
        line-height: 2;
        vertical-align: middle;
    }

    .footer {
        text-align: center
    }

        .footer .three {
            margin-bottom: 2rem
        }


    .medicalsplit .BL-Btn {
        margin-top: 5px;
    }

    .medicalsplit .save {
        margin-left: 0px !important;
    }




}


@media only screen and (max-width:480px) {
    .selPolDet {
        background-image: none
    }

    #policyDetailsX {
        display: none
    }

    .card .front .lower {
        width: 90%;
        left: 5%
    }

    .header .four:nth-of-type(2) a {
        font-size: 1rem
    }

    .six.columns.BL-FltR .BL-Btn {
        display: block;
        margin: 10px 0;
        width: 250px
    }
}

@media only screen and (max-width:769px) and (min-width:41.5rem) {
    .amt.button {
        margin-right: 0;
        margin-top: 1.5rem
    }

    #policyDocuments .container.addOnChoose {
        margin-top: 3rem
    }
}

@media only screen and (max-width:414px) {
    .priceButton, .priceButton .BL-Btn {
        position: unset !important;
        width: 100% !important
    }

        .priceButton .BL-Btn {
            padding: 1rem 0 !important
        }

    #policyDocuments .container.addOnChoose {
        margin-top: 3rem
    }

    #locationHolder .chooseCountry .close {
        position: relative;
        top: -4rem;
        left: 3rem
    }

    #LeaderHolder.GC .miniQuote, #obfilters1 #policyDetails #policySummary .policyLogo, .card-wrapper, .dn, .four.columns .brandimg, .four.columns .point, .four.columns .upgradePointer, .resultList input#obfiltersbutton.button {
        display: none
    }

    .AMTpolus .price small, .chooseCountry .close, .singleT .price small {
        margin-left: 0
    }

    .chooseCountry h3 {
        padding-top: 10rem
    }

    #countyList li {
        font-size: 1.5rem
    }

    #countyList {
        max-height: 40%;
        min-height: 40%
    }

    .countryContainer.checkbox.active {
        display: block
    }

    .MedConditionsTravs .dtTitle {
        width: 50%;
        display: inline-block;
        padding-bottom: .5rem;
        margin-bottom: 5rem
    }

        .MedConditionsTravs .dtTitle h4 {
            text-align: right;
            padding-right: 1rem;
            line-height: 3rem;
            margin-bottom: 0
        }

    .MedConditionsTravs .travScreenList li.twelve.columns {
        width: 100%;
        padding-bottom: .5rem;
        margin-bottom: 5rem
    }

    .travScreenList .five.columns {
        width: 50%;
    }

    .travScreenList .two.columns {
        width: 20%;
    }

        .travScreenList .two.columns:nth-child(2) {
            width: 30%;
        }

    .MedConditionsTravs .travScreenList li.twelve.columns:not(:nth-child(1)) {
        margin-bottom: 5em;
    }

    .MedConditionsTravs .travScreenList li.twelve.columns span.three.columns {
        position: absolute;
        bottom: -3rem;
        left: -100%;
        width: 200%;
        top: 3em;
    }

    .findConditionForm {
        clear: both;
        border-radius: 0;
        border: 0;
        position: relative;
        padding-bottom: 4.5rem;
        margin-bottom: 0
    }

        .findConditionForm span {
            text-align: left;
            padding-left: .5rem
        }

    .conditionInput, .questionBox .checkbox {
        width: 100%
    }

    .findConditionForm input.findCondition {
        width: auto;
        right: 1rem;
        bottom: -.5rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    input.findCondition.BL-Btn.blueButton {
        margin-top: 1em;
    }

    #policyDetails #policySummary ol li.Premium, #policyDetails #policySummary ol li.Premium strong, .addingCondition.DeclaredConditions ol, .chooseCountry, .conditionSelector1 {
        margin-bottom: 0
    }

        .conditionSelector1 p {
            line-height: 2rem
        }

    .addCondition ol.conditionSelector1 li {
        margin-top: 1.2rem
    }

    .addingCondition.DeclaredConditions ol li {
        float: none;
        clear: both
    }

    .editAfter {
        width: 10rem
    }

    .addingCondition ol li hr {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    #obfilters1 #policyDetails #policySummary p {
        width: 100%;
        clear: both;
        display: block;
        padding-bottom: 1rem;
        position: relative
    }

    #obfilters1 #policyDetails #policySummary ol:not(.sumTravs) {
        clear: both
    }

    .button.addon#submit, .button.addon#submit_additionalCovers {
        margin-right: 0
    }

    .AMTpolus small, .singleT small {
        margin-left: 40%
    }

    .one.column.greyTicked {
        padding-top: 0;
        padding-bottom: 0
    }

    .addOnChoose li p {
        width: 70%
    }


}

@media only screen and (max-width:375px) {
    #locationHolder .chooseCountry .close {
        left: 1rem
    }

    .chooseCountry {
        padding-bottom: 2rem
    }
}

@media (max-width:991px) {
    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        width: calc(50% - 1.5rem)
    }
}

@media (max-width:800px) {
    #btnReturnDateOverride, #btnStartDateOverride, .datetoCheckbox, .questionBox .checkbox {
        width: 90%
    }
}

@media only screen and (max-width:838px) {
    input#obfiltersbutton {
        margin-top: 1em !important;
        float: left
    }
}

#step1 .BL-Btn {
    margin-top: 0
}

.addOnChoose {
    margin-left: 0
}

    .addOnChoose .addOnPB {
        margin-bottom: 2rem
    }

    .addOnChoose .addOnInfo .inner, .gadget-box {
        background-color: var(--second);
        border-radius: 2.5px;
        padding: 20px;
        position: relative
    }

        .addOnChoose .addOnInfo .inner p {
            margin-bottom: 6px
        }

        .addOnChoose .addOnInfo .inner span, .gadget-box .gdgPrice {
            padding: 15px 12px;
            line-height: 0.9;
            border-radius: 2.5px;
            background-color: var(--first);
            font-weight: 700;
            color: #fff;
            font-size: 15px;
            display: table;
            margin-left: auto;
            margin-right: auto;
            min-width: 85%;
            min-height: 17px;
            text-align: center;
        }

.gadget-box {
    margin-top: 30px
}

    .gadget-box .gdgPrice {
        background: var(--first) !important;
        color: #fff;
        cursor: pointer;
    }

        .gadget-box .gdgPrice:hover {
            background: var(--third) !important;
        }


    .gadget-box p {
        font-size: 14px
    }

    .gadget-box strong {
        color: #12375d;
        display: block;
        font-size: 14px !important;
        margin-top: 10px;
        margin-bottom: 2px;
    }

.addOnInfo strong {
    color: #12375d;
    display: block;
    font-size: 17px !important;
    margin-bottom: 16px
}

.gadget-box .seeHide:hover {
    cursor: pointer;
    background-color: #034c96
}

.gadget-box .moreDetails, .gadget__details-list li:first-child {
    margin-top: 8px
}

.gadget__details-list ul {
    margin-bottom: 8px;
    padding-left: 12px
}

.gadgetalert {
    margin-top: 30px
}

.gadget-box .seeHide {
    margin-top: 16px;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    border-radius: 2.5px;
    display: inline-block;
    background-color: #0068d2
}

.likeCheckBox {
    width: 25px;
    height: 25px;
    border: solid 2px #000;
    margin: 5px 20px;
    cursor: pointer;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    font-size: 0;
    color: #000;
    display: block
}

.selected .likeCheckBox {
    font-size: 16px
}

.confirm-uk-resident strong label {
    cursor: pointer !important;
    display: inline-block;
    user-select: none
}

p.included-list__description {
    margin-bottom: 1.5em !important
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    transition: opacity .5s;
    visibility: visible;
    opacity: 1
}

    .overlay:target {
        visibility: hidden;
        opacity: 0;
        display: none
    }

.notice {
    position: relative;
    margin: 20% auto;
    padding: 20px;
    background: #fff;
    border-radius: 0;
    width: 50%;
    z-index: 999;
    transition: all 2s ease-in-out
}

    .notice .close {
        position: absolute;
        top: 0;
        right: 10px;
        transition: all .2s;
        font-size: 30px;
        font-weight: 700;
        text-decoration: none;
        color: #333
    }

        .notice .close:hover {
            color: orange
        }

    .notice .content {
        max-height: 30%;
        overflow: auto;
        padding-right: 15px;
        max-width: 100%;
        min-width: 50%
    }

.medSlider {
    width: 14rem;
}

/* Activites Box Steo 1 */
.sports-and-activities {
    display: none;
}

.option_activities label:before {
    background-position: 0 -350px;
}


.excessCheckBox {
    zoom: 1.5;
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
}



a:focus {
    border: solid 2px black !important;
}

strong:focus {
    border: solid 2px black !important;
}

/*input:focus {
    border: solid 2px black !important;
}*/

.editMode:focus, .moveNext:focus {
    border: solid 2px black !important;
}

.conditionSelector1 { clear: both; }

.conditionSelector1 li:hover {
    background: #dcdcdc;
}

.conditionSelector1 .blueButton:focus {
    border: solid 2px black !important;
}


.option_15 {
    display: none !important;
}

.covid-highlight {
    background: #0073ba;
    color: white;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

    .covid-highlight p {
        margin-bottom: 0px !important;
    }

    .covid-highlight a {
        color: white;
    }

.coronovirus-main, .coronovirus-main2, .coronovirus-row {
    background: #0073ba;
    color: white;
    padding: 15px 15px 1px 15px;
}

.upgradeAmt {
    vertical-align: top;
}

    .upgradeAmt a {
        display: inline-block;
    }

.selPolDet {
    padding-bottom: 4px;
}

@media only screen and (min-width:838px) {
    .header-padding {
        height: 90px;
    }
}

.Benefit_42 {
    display: none !important;
}

.Benefit_46 {
    display: none !important;
}

.Benefit_125 {
    display: none !important;
}

#choosepolicy > tbody > tr:nth-child(2) {
    display: none !important;
}

.divNonResident {
    margin-top: 20px;
}

    .divNonResident p {
        font-weight: 500;
    }


#allLetters {
    display: block;
    margin: 25px 0
}

    #allLetters a {
        margin-bottom: 10px;
        padding: 4px;
        background: #ef8a21;
        color: #fff;
        text-align: center;
        width: 26px;
        display: inline-block;
        text-decoration: none
    }

        #allLetters a:nth-child(odd) {
            background: #22b5e9
        }

        #allLetters a:hover {
            background: #404040
        }

#countryList div {
    margin-bottom: 10px;
    display: block;
    clear: both;
    height: auto;
    float: left;
    width: 100%;
    padding-bottom: 10px
}

    #countryList div:nth-child(odd) {
        background: #f3f6f8
    }

    #countryList div span {
        width: 96%;
        padding: 2%;
        display: block;
        clear: both;
        text-align: left;
        padding-bottom: 5px;
        margin-bottom: 0;
        font-weight: 700
    }

#countryList ul {
    width: 100%;
    display: block;
    height: auto;
    float: left;
    display: block
}

    #countryList ul li {
        width: 205px;
        padding-left: 20px;
        display: block;
        float: left;
        text-align: left;
        margin-bottom: 5px
    }

        #countryList ul li a {
            color: #404040;
            font-size: 1.3rem
        }

#apgadget .header {
    padding-bottom: 0px;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 10px 0px 10px 0px;
    max-height: 50px;
}

#apgadget .gadget-box .gdgPrice > {
    background: red;
}

#apgadget .gadget-cover-titles {
    margin-top: 210px;
}

    #apgadget .gadget-cover-titles p, #apgadget .gadget-box p {
        min-height: 50px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

#apgadget .gadget-box strong {
    display: none;
}

@media only screen and (max-width:838px) {
    #apgadget .gadget-cover-titles {
        display: none;
    }

    #apgadget .gadget-box p {
        min-height: auto;
    }

    #apgadget .gadget-box strong {
        display: block;
    }
}


/* Site Specific area */
#EndDateOverride.datepicker-active, #StartDateOverride.datepicker-active, #btnCountriesAll, #btnHideCountries, #divAdditional input[type=checkbox]:checked + input + label, #divExpireDates input[type=checkbox]:checked + input + label, #divStartDates .checkbox input[type=checkbox]:checked + input + label, .blueButton, .checkbox input[type=checkbox]:checked + label, .checkbox input[type=radio]:checked + label, .creditCard:active, .currentActive > span + span, .docDL:hover span, .medSelect, .pastActive > span + span, .payPal:active, .quoteNav > div:before {
    background: var(--first);
    color: #fff
}

.individualCountry:hover, .quoteNav small {
    border-color: var(--first)
}

#btnCountriesAll:hover, #btnHideCountries:hover, .blueButton:hover, .medSelect:hover {
    background: var(--third) !important;
    color: #fff !important
}

#btnReturnDateOverride:hover input, #btnStartDateOverride:hover input,  #policyDetailsX li strong, #primetopInfo span #topInfo span .helpBtnSmall, .checkbox label:hover, .creditCard:active, .creditCard:hover, .dateto:hover + * + label, .docDL span, .newInfo, .payPal:active, .payPal:hover, .ui-state-default:hover {
    background: var(--third) !important;
    color: #fff
}

#additionalfeatures, #modeResult, .helpBtn, .helpBtnSmall {
    color: #fff !important;
    background: var(--third);
}

    #modeResult h2 {
        color: #fff;
    }

.policy-summary-details-section {
    text-align: center
}

    .policy-summary-details-section > p {
        background-color: var(--first);
        color: #fff
    }

.policy-summary-price {
    background-color: unset !important;
    color: var(--first) !important;
    font-size: 4rem !important;
    font-weight: 800;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

 #primetopInfo span .helpBtnSmall:hover, #topInfo span .helpBtnSmall:hover, .helpBtn:hover, .helpBtnSmall:hover, .newInfo:hover {
    background: var(--third)
}

.questionBox {
    margin-bottom: 30px
}

.priceButton > strong > span {
    display: block;
    width: 100% !important;
    line-height: 1rem !important;
    font-size: 105% !important;
    text-align: center !important;
    margin-top: -4px !important;
    padding-top: 14px !important;
    background: var(--first);
    max-height: 24px !important
}

    .priceButton > strong > span:hover {
        background: var(--third);
        margin-left: -1px
    }

.BL-FltR {
    float: right;
    width: 100%
}

#amt-single, .additionalFeaturesBTN {
    float: right;
    margin-left: 3px;
    margin-right: 0;
    width: 49%
}

#policySummary2 {
    border: none !important
}

#policyDetailsX li strong {
    background: var(--first) !important
}

.AMTpolus {
    background: var(--first)
}

.blueButton {
    width: unset !important
}

#selectedPolicy .blueButton, .AMTpolus .blueButton {
    -webkit-box-shadow: inset 0 0 0 3px #fded17;
    -moz-box-shadow: inset 0 0 0 3px #fded17;
    box-shadow: inset 0 0 0 3px #fded17
}

#resultstab tr, p.itembrand {
    text-align: center !important
}

td.policy-premium {
    background-color: var(--first);
    color: #000
}

    td.policy-premium a {
        background: #fff;
        color: #000;
        text-decoration: none
    }

        td.policy-premium a:hover {
            background: #000;
            color: #fff
        }

#choosepolicy td {
    border: 0
}

#choosepolicy tr .pol {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 10px
}

#choosepolicy tr:nth-child(even) .pol {
    background: #f2f2f2
}

#choosepolicy a {
    color: #000;
    text-decoration: underline
}

    #choosepolicy a.BL-Btn {
        text-decoration: none !important;
        color: #fff
    }


.addOnChoose .addOnInfo .inner span {
    min-width: 150px;
    position: absolute;
    top: -7px;
    right: -7px;
}


.IncludedActivities {
    margin-bottom: 15px;
}

.verisk-title {
        margin-left: 0px;
    }

    .verisk-panel-title {
        margin-left: 60px;
        font-size: 1.2em;
    }

    .selectedConditionItem {
        padding-top: 5px;
    }

    .close {
        font-size: 44px !important;
        text-align: right !important;
    }
	
	.mainContent {
		display:block;
		width:100%;
	}


    /* The Modal (background) */
	.medical-modal {
		display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 10; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: hidden; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
    }
	
	.medical-model-top {
		font-size:1.2em;
		padding:10px;
		font-family: "Roboto",sans-serif !important;
        max-width: 1140px;
		margin-left:auto;
		margin-right:auto;
	}

    /* Modal Content/Box */
    .medical-modal-inner {
        background-color: #fefefe;
        margin: 4% auto; /* 15% from the top and centered */
        padding: 0px 20px 20px 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
		overflow-y:scroll;
		height:85%;
    }
	
	.verisk-container { width:95%;}

        .medical-modal-inner h2 {
            letter-spacing: unset;
        }

        .medical-modal-inner form {
            margin-bottom: unset;
        }

    /* The Close Button */
    .close {
		margin-right:4px;
		margin-top:-10px;
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

    #BlackBoxContainer,
    .verisk-declaration-screen-subtitle,
    .verisk-search-results-item-title,
    .verisk-btn,
    #BlackBoxContainer input {
        font-size: 1.00em;
    }


    .ReactModalPortal {
        z-index: 50;
        position: absolute;
    }
	
	.widget-form {width:95%; padding:10px; }

	#BlackBoxContainer .verisk-buttonText { font-size:1.1em;}
	#BlackBoxContainer button { font-size: 1.1em!important;}
	#BlackBoxContainer .verisk-conditionHeader {font-size:1.2em;}
	#BlackBoxContainer .verisk-continue {font-size:1.1em;}
	#BlackBoxContainer .verisk-form-group p {font-size:1.0em;}
	#BlackBoxContainer .verisk-container {margin-left:0px!important;}
	#BlackBoxContainer .verisk-declaration-screen-subtitle {font-size:1.0em;}
	#BlackBoxContainer .verisk-answer-button {font-size:1.0em; padding: 15px!important;}
	#BlackBoxContainer .verisk-answer {font-size:1.0em;}
	#verisk-modal-title {font-size:0.7em;}
	.verisk-modal-description {font-size:0.5em;}
	.modal-content .verisk-btn-primary {font-size: 0.5em;}
	.model-content .verisk-modal-description {font-size:0.7em;}
	.model-content .modal-title	{font-size:1.3em;}
	.model-content .verisk-btn-primary {font-size:1.1em;}
	#BlackBoxContainer .verisk-checkbox-text {font-size:1.5em; padding-left:15px; padding-right:15px; min-width:200px; max-width:250px;}
	#BlackBoxContainer .alert-sm { font-size: 0.9em;}
	#BlackBoxContainer .verisk-bmi-title {font-size:0.9em; margin-left:5px;}
	#BlackBoxContainer .verisk-bmi-text {margin-left:5px;}
	.medical-modal-inner { padding:10px 0px!important; }	
	#BlackBoxContainer .verisk-search-results-title { padding-top:10px; padding-bottom:5px; }
	#BlackBoxContainer .verisk-panel-title {margin-left:60px; font-size:unset;}
	#BlackBoxContainer .verisk-page { padding-left:0px; padding-right:0px; }
	#BlackBoxContainer .horizontal-answers { justify-content:left; align-items:left;}
	#BlackBoxContainer .verisk-searchBox {background:none!important;}
	#BlackBoxContainer .declarationList { margin-top:20px; }
	#BlackBoxContainer .declarationList.verisk-background {background-color:white!important;}
	#BlackBoxContainer .selectedConditionList.verisk-background {background-color:white!important;}
	#BlackBoxContainer .searchResultList .verisk-background {background-color:white!important;}
	#BlackBoxContainer .verisk-btn-primary {background-color: var(--first); color:#fff;}
	#BlackBoxContainer .verisk-btn-primary:hover {background-color: #fff; color:var(--first);}
	#BlackBoxContainer .verisk-btn-secondary {background-color: white;}
	#BlackBoxContainer .verisk-btn-secondary:hover {background-color: var(--first); color:#fff;}
	#BlackBoxContainer .verisk-light { color: #65696b!important; }
	#BlackBoxContainer .verisk-light:hover { color: var(--first)!important; }
	#BlackBoxContainer .verisk-highlight { color: var(--first); }
	#BlackBoxContainer .verisk-search-results-item-title {padding-top:20px!important;}
	#BlackBoxContainer .questionItem {width:100%;}
	#BlackBoxContainer .horizontal-answers { width:98%;}
	#BlackBoxContainer .questionList {width:98%;}
	#BlackBoxContainer .invisible {margin-left:auto; margin-right:auto;}
	.verisk-right-float.verisk-pl-5 { width: 100%!important; }
	.verisk-container { max-width: 1073px;}
	

@media only screen and (max-width: 800px) {
	#BlackBoxContainer .verisk-panel-title {margin-left:10px; }
	.medical-modal-inner { width:95%; margin-left:auto!important; margin-right:auto!important; }
	#BlackBoxContainer row {margin-left:0px!important; margin-right:0px!important;}
	#BlackBoxContainer .verisk-form-group p { width:98%!important;}
    .medical-modal-inner { height:95px!important;}
    .conditionInput {max-width:95%;}
}

.confirm-uk-resident ol { padding-left:25px; }

@media only screen and (min-width: 768px)
{
		.questionBox .coverInfo { width: 47%; float:left; }
		.questionBox .coverChoice, #divCountries [data-toggle="buttons"] { width: 49%; float:right; margin-top:-30px;}
		.questionBox .coverChoice .checkbox, #btnStartDateOverride, .datetoCheckbox, #btnReturnDateOverride, #divCountries .checkbox { width: 100%; }
		.tooltip {width:95%; }
}


#TravellerConfirm, #contactDetails input[type=checkbox] {
    background: #fff;
    border: 2px solid #222;
    outline: 2px solid #222;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}


select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLDAgMTEsMCA1LjUsNiIgZmlsbD0iIzA4YjA0YiIgLz48L3N2Zz4=);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-right: 30px;
}


#TrackingCode, select, textarea {
    -webkit-appearance: none;
    appearance: none;
    color: #000 !important;
    height: auto;
    padding: 10px 20px;
	font-size:16px;
}

#TrackingCode, select, textarea, span.select2-container--default span.select2-selection--multiple {
    background-color: #fff !important;
    border: 2px solid #222;
    border-radius: 5px !important;
    width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default {padding: 0px;
    text-align: center;}
#ui-datepicker-div {font-size:15px;}

#btnStartDateOverride > label, #btnReturnDateOverride > label {color: #666;}


#contactDetails input[type=email], #contactDetails input[type=number], #contactDetails input[type=tel], #contactDetails input[type=text] {
    background-color: #fff !important;
    border: 2px solid #222;
    border-radius: 5px !important;
    width: 100%;
    font-size: 18px;
}

#contactDetails input[type=email], #contactDetails input[type=number], #contactDetails input[type=tel], #contactDetails input[type=text]{
    -webkit-appearance: none;
    appearance: none;
    color: #000 !important;
    height: auto;
    padding: 10px 20px;
}

#contactDetails > p > b {
    display: block;
    margin-bottom: 4rem;
    padding-left: 4rem;
    position: relative;
}
#contactDetails > p > b > input[type="checkbox"] {
    left: 0;
    position: absolute;
    top: 4px;
}

#ContactDetails_TelephoneNumber, #ContactDetails_EmailAddress {max-width:500px;}

@media only screen and (max-width: 991.5px) 
{
    #policyDetails input[type=email], #policyDetails input[type=number], #policyDetails input[type=tel], #policyDetails input[type=text], #policyDetails select, #policyDetails textarea
 {
        margin: 1rem 0 2rem 0;
    }
}
	
	
.marketing-permissions .three { margin-bottom:10px; }
.button10mobile {width:100%!important;}

.editAnswer {
    float: right;
    font-size: 1.3rem;
}