html, body {
	    font-family: Poppins, Poppins, Roboto, Calibri, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";	
}

.container {
	
	max-width:1250px;
}

#step1 .questionBox .coverInfo {
	width:100%;	
    min-height: 35px;
	margin-bottom:40px;
}

#step1 .questionBox .coverChoice {
	width:100%;	
}

footer {
	background: rgb(81, 81, 81);
	text-align:center;
	font-size:12px;
	color:rgb(239, 239, 239);
}

footer a {
	color:rgb(239, 239, 239);
}


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

#resultstabprime tr {
    border: 0.1rem solid var(--second);
    box-shadow: 0 0.125rem 2.5rem 0 rgb(0 0 0 / 0.15);
}

#resultstabprime td.policy-premium {background:var(--third);color:#fff;}

.phone {padding-top:30px; display:inline-block; font-weight:700;font-size:2.2rem;text-align:right;float:right;width:100%;padding-right:5px;}
.opening {display:inline-block; font-size:1.2rem;font-weight:600;color:rgb(130, 130, 130);text-align:right;float:right;padding-right:5px;}

.header {
    background: url(https://s3-eu-west-1.amazonaws.com/jtc-prod/images/b2c/jtc_hero.jpg) center top / cover no-repeat;
	min-height:400px;
}


.quoteWrapper {margin-top:-200px; padding:10px 50px 0px 50px;border-radius:10px}


.checkbox label[for="de_4"] span, .checkbox label[for="de_2"] span {
	font-size:12px;
	display:contents;
}





@media screen and (max-width: 550px) {
 .phone { padding-top:0px; text-align:left; float:left; padding-left:15px; width:90%;} 
 .opening {display:none;}
 .quoteWrapper {margin-top:-260px; padding:10px 30px;}
 
.checkbox label[for="de_4"] span, .checkbox label[for="de_2"] span {
	font-size:12px;
	display:contents;
} 
}

@media screen and (min-width: 1200px) {
	.checkbox, #btnStartDateOverride, #btnReturnDateOverride, .datetoCheckbox  {max-width:32%;}
	
	header .row {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

header .three.columns {
    position: absolute;
    right: 0;
    text-align: right;
}

header .logo {
    text-align: center;
}
#divEndDate {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}

#divEndDate .datetoCheckbox {
    width: calc(32%);
    margin: 0;
    float: none;
}

}



@media (max-width: 768px) {
    #divEndDate .datetoCheckbox {
        width: 100%;
    }
}


.benefitUnderwriter {display:none!important;}
.benefitData {width:100%;}
.benefitData table tr {border:none!important; box-shadow:none!important;}
#modeResult {background:#333;}
.filterOpt fieldset label, .optionLabel {color:#fff!important;}
#obfiltersbutton {background: var(--third);}
#obfiltersbutton:hover {background: var(--first)!important;}

#divCountries .checkbox label:before { filter:unset;  }

.travtype_7 {display:none;}