﻿body {
    -webkit-text-size-adjust: none;
    font-family: 'Open Sans', sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.container {
	max-width: inherit !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Add some additional useful bootstrap like controls */
.padding-none{
    padding: 0 0 0 0;
}
.padding-sides-only{
    padding-top:0;
    padding-bottom:0;
}
.padding-sides-none {
    padding-left: 0;
    padding-right: 0;
}
.btn-text{
    cursor:pointer;
}
.container-stretch-header{
	padding-left:10%;
	padding-right:10%;
}
:target {
  display: block;
  position: relative;
  padding-top:120px;
  margin-bottom: -110px;
  top: -120px; 
}
.container-fluid.container-stretch.content {
    margin-top: 1em;
}

a.BL-Btn.blueButton {
    background: #0073ba;
}

/***** Beginning of actual styling *****//*-----------------------------------------------------------------*/
:root {
	--supported: true;
    --primary-color: #0073ba; /*#007cfa;*/
    --primary-light-color: #0073ba;/*#70c9ea;*/
    --main-color: #0073ba; /*#30c189;*/
    --action-color: #0073ba;
    --dark-action-color: #1f674b;
    --float-dark-color: #1b3b63;
    --float-light-color: lightsteelblue;
    --dark-color: #333333; /*#999999;*/
    --white-text-color: white;
    --light-text-color: white;
    --grey-text-color: gainsboro;
    --lg-text-color: #9A9D9D;
}
/***** bootstrap defaults restyle *****/
/*important color styles*/
.btn{
	margin-bottom:0.5rem;
}
.btn-default {
    border-color: #0073ba;
    background-color: #0073ba;
    color: white;
	border-radius: 50px !important; 
	padding: 1em 2em;
	font-size: 1.5rem;
}
    .btn-default:hover {
        border-color: 0;
        background-color: var(--float-dark-color);
        color: var(--white-text-color);
        box-shadow: 2px 2px 8px rgba(51,51,51,0.2);
    }
.navbar-default .navbar-nav li a{
	color: #fff;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
.navbar-default .navbar-nav li a:hover{
	color: #fff !important;
}
.navbar-default .navbar-nav li a {
	background: transparent !important;
}
.navbar-nav .btn {
	padding: 0 0.5em !important;
	margin: 1.2em 0.7em;
	font-size: 1.3em;
	border-radius: 0;
}

section.header-Scroll .navbar-text {
font-size: 1.5em;
margin: 1.5em 1em 1em 0;
}

section.header-Scroll .navbar-phone {
	text-align: center;
}

section.header-Scroll {
	overflow: hidden;
}

.navbar-text a {
	color: #fff;
}

/*Only other important color styles*/
#header .navbar-btn, #header .navbar-btn a {
	color:white;
	text-decoration: none !important;
}

#header .navbar-btn {
	margin: 1em 0 0 0;
	text-align: center;
}
#header a:hover {
	text-decoration: none !important;
}
#header .navbar {
	background-color: white;
	border-bottom: 4px solid #0068d2; 
}
/*overwrite the important color styles if supported*/
@supports(--supported: false){
.btn-default {
    border: 0;
    background-color: var(--action-color);
    color: var(--white-text-color);
}
    .btn-default:hover {
        background-color: var(--float-dark-color);
        color: var(--white-text-color);
		text-shadow:0;
    }
}

    /*****Desktop*****/

.mobile-only{display:none!important;}
/* Header */
#header .nav .dropdown-menu .multi-dropdown{
	width:50rem;
}
#header .nav .dropdown-menu .dropdown-menu-list{	
	list-style:none;
}
#header .nav .dropdown-menu .dropdown-menu-list li{	
	width:100%;
}
#header .nav .dropdown-menu .dropdown-menu-list .navbar-multi-item{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}

#header .nav .dropdown-menu .dropdown-menu-list a{
	color:#fff;/*Use bootstraps color*/
	display:block;
	text-decoration:none;
}
#header .nav .dropdown-menu .dropdown-menu-list a:hover {
	display:block;
	color: #fff;
}
#header .navbar {
    background-color:var(--main-color);/*#343434;*/
    margin: 0 0 0 -4px;
	border-radius:0;
    border-bottom: 4px solid var(--white-text-color);
}
#header .navbar-brand{
    margin-bottom:5rem;
}
/*#header .navbar-nav{
    margin-top:2rem;
}*/
#header .navbar-center{
	clear:both;
	text-align:left;
	/*background-color: #e0e0e4;*/
	float: right;
}
#header .navbar-center > li.navbar-text > a{
	font-size:1.7rem;
	font-weight:600 !important;
	text-transform:capitalize;
	color:#fff;
}
#header .navbar-btn, #header .navbar-btn a {
    background-color: var(--action-color);
    color: var(--white-text-color);
    font-weight:600;
	font-size:2rem;
    text-transform:uppercase;
}
#header .navbar-toggle {
	color:#000 !important;
}
#header .navbar-center .navbar-text{
	float:none!important;
	display:inline-block!important;
}

#header .navbar-phone { 
	margin-top: 1.3em;
	font-size:2rem;
	position:relative;
	float: right;
}

#header .navbar-phone:hover { 
	background: none;
}
/*#header .navbar-phone::before {
	content: "UK call centre available 7 days a week";
	font-size:1.5rem;
	position:absolute;
	top:0;
	left:3rem;
}
#header .navbar-phone strong.open-times::before{
	font-size:1.2rem;
	font-weight:400;
	content: "Opening hours";
	position:absolute;
	bottom: -1.5em;
	text-decoration:underline;
}
#header .navbar-phone .open-hours{
	background-color:var(--action-color);
	border:4px solid #fff;
	color: #fff;
	font-size:1.2rem;
	font-weight:600;
	position:absolute;
	top:8rem;
	z-index:2;
	right:-1.5rem;
	padding:1em 1em 2em 1em;
	white-space: pre-line;
	transition: 0.4s ease-out, opacity 0.35s ease-out;
	opacity:0;
	display:none;
}*/
.closures{
	display:none; /*Set Christmas closures*/
}
#header .navbar-phone .open-hours .closures{
	padding:0;
	line-height:1.3rem;
}
/*
#header .navbar-phone:hover .open-hours {
	opacity:1;
	display:block;
}
#header .navbar-phone .open-hours::before{
	content:' ';
	position:absolute;
	width:0;
	height:0;
	left:3rem;
	top:-2rem;
	border:1rem solid;
	border-color:transparent transparent #fff #fff);
}
#header .navbar-phone .open-hours::after{
	content:' ';
	position:absolute;
	width:0;
	height:0;
	left:3.4rem;
	top:-1rem;
	border: 1rem solid;
	border-color:transparent transparent var(--action-color) var(--action-color);
}*/

/* Footer */
#footer li {
	list-style-type:none;
}
.footer-nav ul {
	padding: 0 !important;
	margin: 0 !important;
}
#footer, #footer a {
    background-color: var(--dark-color);
    color: var(--lg-text-color);
}
    #footer a:hover {
        color: var(--white-text-color);
    }
#footer h4{
    padding-top:1rem;
    color:var(--white-text-color);
}
#footer .footerSection{
    padding:1.2em 0 2em 0;
}
    #footer .footerSection.legal {
		padding:0.7em 0;
		background-color: white;
        color: #595959;
		
    }

#footer .number i{
	margin-right:0.4rem;
}
#footer strong{
	color:var(--white-text-color);
	font-size:15px;
	font-weight:500;
}
/*#footer .logo-travel-aware{
	float:right;
	margin-right: 1rem;
}*/
#footer .logo-travel-aware-col{
	margin: 1rem -1rem;
	width:11rem;
}
#footer .logo-travel-aware img{
	height:10rem;
}
#footer .logo-atii{
	list-style:none;
}
#footer .logo-atii img{
	margin-left:-1rem;
}
#footer .logo-biba{
	list-style:none;
	opacity: 0.5;
	width: 16rem;
	margin:1rem 0 0 1rem;
}
/* Home page */
.cta-banner {
    padding: 0 0 4em 0;
	background-color: var(--primary-color);
    background: url(/content/images/mti-beach.jpg) 100% / cover;
	background-position: 0 80%;
}
.cta-text {
    text-transform: capitalize;
    text-align: center;
    padding: 60px 0;
}
    .cta-text h1 {
        color: var(--white-text-color);
        margin: 0;
        font-weight: 600;
        font-size: 4rem;
		text-shadow: 0 0 5px var(--float-dark-color);
		padding: 2em 0 0.5em 0;
    }
    .cta-text p {
        color: var(--white-text-color);
        font-weight: 400;
        font-size: 2rem;
        text-shadow: 0 0 5px var(--float-dark-color);
		padding:0 0 3em 0;
    }
.cta-text p.top {
	    color: var(--white-text-color);
        margin: 0;
        font-weight: 700;
        text-shadow: 0 0 5px var(--float-dark-color);
		padding:0 0 0.3em 0;
		font-size: 6.5rem !important;
}
.cta-text a{
    font-weight:600;
	padding:1em 1.5em;
	font-size:2.5rem;
	margin: 1.5em 0 0 0;
}

.cta-text .btn-default {
	color: var(--white-text-color);
    background-color: var(--main-color);
}
.cta-text .btn-default:hover {
	background-color: var(--white-text-color);
    color: var(--main-color);
}


.cta-trustpilot{
    padding-top:6em;
	margin: 0 auto;
	max-width:180px;
}
.cta-mascot{
    margin-top:4rem;
}
.cta-mascot img {
    width: 100%;
    font-size: 2.6rem;
    transform: matrix(0,-1,1,0,0,0);
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.main-text{
	margin-bottom:1rem;
}
.main-text h3 {
	margin: 0 0 1em 0;
}

.main-text>h3:nth-of-type(2){
    margin: 1em 0;
    }

.info-banner {
	background-color: #333333;
    color: white;
    margin:0 0 3rem 0;
    background-color: var(--dark-color);
    color: var(--white-text-color);
}
.info-text, .info-content {
    font-size: 3rem;
    padding-top: 4rem;
    text-align: right;
	line-height: 2em;
}
    .info-text h4 {
        text-align: left;
        font-size: 3rem;
		margin-top:2rem;
    }
.quote-text h2 {
    margin-top: 1.2em;
}
.quote-quick {
    padding: 0 0 1em 0;
    text-align:center;
}
    .quote-quick .btn-default {
		margin: 0 0.5em 0.5em 0.5em;
		font-weight: 600;
		font-size: 1.9rem;
    }

.toph2 {
	margin: 0 0 1em 0;
	text-align: center;
}

.partners {
    padding-bottom: 2em !important;
	padding-top: 0em !important;
    color: var(--text-color);
    text-align: center;
}
.partners h2{
    margin-top:4.5rem;
}
.partners img {
    background-color: var(--white-text-color);
    color: var(--main-color);
    padding:0.1em;
    max-height: 80px !important;
    margin: 0 auto;
}
.container.home-faq{
	margin-top:2rem;
	margin-bottom:4rem;
}
.home-faq .question-icon{
	margin-bottom:0.5rem;
}
.home-faq .question-title h4 {
    color: var(--main-color);
    font-weight: 600;
	font-size: 3rem;
	text-align:center;
	margin-bottom:2rem;
}
.home-faq .question-title .question {
    color: var(--main-color);
    font-size: 1.8rem;
	font-weight: 600;
	padding:1rem 2rem 1rem 3rem;
	/*border:2px var(--action-color) solid;*/
	border-top:none;
}
/*.home-faq  .question-title div#question1{
	border-top:2px var(--action-color) solid;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}*/
.home-faq .question-title .question p{
	margin:0;
}
.home-faq .question-title .question i{
	color: var(--action-color);
	margin-top:0.3rem;
}
/*.home-faq .question-title [id^=answer] {	
	border:2px var(--action-color) solid;
	border-top:none;
}*/
.home-faq .question-title [id^=answer] p{	
padding:2rem 3rem 1.5rem 3rem;
}
/*.home-faq  .question-title div#question3.collapsed, .home-faq .question-title div#answer3{	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.home-faq  .question-title div#question4{
	border:2px var(--action-color) solid;
	border-radius:3px;
	margin-top:1rem;
}*/
.home-faq  .question-title div#question4 a{
	color:var(--main-color);
}
.home {
	padding: 3em 0;
}
.lower {
	padding: 1em 0;
}
.products {
    background-color: var(--primary-color);
    margin-top:1rem;
}
    .products h4 {
        color: var(--white-text-color);
        font-size: 3rem;
        text-align: center;
		padding:1rem 0 1rem 0;
    }
.products-items .panel-heading {
    background-color: var(--primary-color);
    color: var(--white-text-color);
    font-size: 2rem;
    margin-bottom: 0;
    border-bottom-color: var(--primary-color)
}
.products-items .panel-default {
    color: var(--white-text-color);
    font-size: 2rem;
    margin: 0 0 3rem 0;
}
.products-items img {
    height: 22rem;
    width: 35rem;
    margin-left: auto;
    margin-right:auto;
}
.medical-list {
	padding-bottom:1em;
}

.medical-list h3 {
    margin-bottom: 1.2em;
}
.medical-list .medical-list-content div {
    padding: 1rem;
    min-height: 37rem;
    border: 1rem inset var(--action-color);
    border-left: 0;
    border-right: 0;
    margin-bottom:1rem;
}
.medical-list .medical-list-content a{
    text-decoration:none;
}
.medical-list .medical-list-content a:hover {
    color:var(--dark-action-color);    
}
.medical-list .medical-list-content strong{
    color:var(--action-color);
    font-weight:900;
}
.testimonials{
	margin:0;
	padding:1rem;
	background-color: var(--dark-color);
    color: var(--lg-text-color);
}
/* Other pages */
.addOnChoose .docDL {
	max-width: 100%;
}
.addOnChoose .docDL a{
	float:left;
	margin: 1em 2em 0 0;
}
.addOnChoose .docDL .fa-arrow-down {
	display:none;
}
.addOnChoose .DatePicker{
	height:39px;
}
.content-title {
    color: var(--main-color);
    margin-bottom: 2.5em;
    margin-left: -0.4em;
	line-height: 1.4em;
	margin-top: 0.5em;
}
.content-nav{
    margin:2rem 0 1rem 0;
}
.content-nav .btn{
    margin:2px;
}
.content h2{
	margin-top: 1.5rem;
	color: var(--primary-color);
	line-height: 1.5em;
}
.content h3{
	color: var(--primary-light-color);
}
.progress{
	height:auto;
}
.this-item{
	font-weight:600;
}
.nine img {
    margin-top: 2em;
}
.blogImgTop {
    height:7em;
}
.BlogpushUp {
	margin-top:-9rem;
	padding: 0.5rem;
	background-color:var(--white-text-color);
	width:96%;
}
.blogOverviewBody a {
    color: #333;
}
.blogsList {
    list-style-type: none;
    padding-left:0;
}
.blogsList li {
    padding-bottom: 2rem;
}
.blogsList img{
    width:100%;
}
.blogOverviewBody a {
    text-decoration: none;
}
    .blogOverviewBody a:hover {
        text-decoration: none;
        color: var(--dark-action-color);
    }
.blogOverviewBody h6 {
    font-size: 2rem;
    color: var(--action-color);
    font-weight: 600;
}
.blogOverviewBody .readMore {
    color: var(--action-color);
    font-weight: 600;
    text-transform: capitalize;
}
    .blogOverviewBody .readMore:hover {
        text-decoration:underline;
    }
    .blogDate {
    	font-weight:600;
    }
.button.btn.btn-default{
	margin-bottom:1rem;
}
.aplus-logo{
	margin-top:1rem;
	margin-left:3rem;
}
.additionalInfopages {
	margin-left: 1em;
}
.additionalInfopages ul:not(.medconlist) li{
	padding-bottom: 0.4rem;
}
.ehic {
    margin-left: -0.7em !important;
}
.background-img{
	background: none;
	height:5rem;
}
/*.background-img.annual-img{
	background: url(/content/images/annual-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: -9rem;
}
.background-img.wintersports-img{
	background: url(/content/images/wintersport-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: bottom;
}
.background-img.cruise-img{
	background: url(/content/images/cruise-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: center;
}
.background-img.golf-img{
	background: url(/content/images/golf-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: center;
}
.background-img.gadget-img{
	background: url(/content/images/gadgets-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: center;
}
.background-img.carhire-img{
	background: url(/content/images/carhire-img.jpg) no-repeat;
	background-size: cover;
	background-position-y: bottom;
}*/
.cms-content{
	background-color:white;
	margin-top:-6rem;
	margin-left: -2em;
}
.contactUsnewPart, .headINOA {
    margin-left: -2em;
    display:none;
}
.headGAQN {
	margin-left: 2em;
}
.cms-content img {
    margin: 1.5em 0 0.8em 0;
}
.TravelAware ul li{
	padding:0.3rem;
}
.TravelAware-image{
	list-style:none;
}
.anchor {
	display: block;
    position: relative;
	top: -15rem;
	visibility: hidden;
}
/****Stupid Middle Sizes Only****/ /*--------------------------------------------------------------------------------------------*/
@media(max-width:1262px) {
	#header .navbar-phone strong::after {
		opacity:0;	
		transform:translateX(-10%);
		padding:0 0 0.6rem 0;
	}
}
/****Tablet****/ /*--------------------------------------------------------------------------------------------*/
@media(max-width:1024px) {
	.partners img{
		margin-left:auto;
		margin-right:auto;
	}
	.info-banner img{
		height:10rem;
		margin-left:auto;
		margin-right:auto;
	}
	.medical-list .medical-list-content div {
		min-height:auto;
	}
	#header .navbar-center{
		padding-left:0;
		padding-right:0;
	}
	section.header .col-sm-8 {
    width: 80%;
}
/****Tablet Only****/ /*--------------------------------------------------------------------------------------------*/	
	@media(min-width:767px){		
		#header .navbar:not(.navbar-fixed-top) .navbar-phone, #header .navbar:not(.navbar-fixed-top) .navbar-btn, .navbar-text:first-child{
			display:none;
		}
		.navbar-nav .btn {
		padding: 0 0.5em !important;
		margin: 1.2em 0.7em;
		font-size: 1.3em;
		border-radius: 50px !important;
		}
		#header .navbar-brand{
			max-width:29rem;
		}
		#header .navbar-text{
			margin-left:0;
			margin-right:0;
		}
		#header .navbar-phone{
			font-size:3rem;
		}
		#header .navbar-phone:before{
			font-size:1.2rem;			
		}
		#header .navbar-phone strong:after{
			content:"Mon to Fri: 8:30am-6pm, \A Sat: 8:30am-4pm, \A Sun: 10am-3pm";
			width:52%;
			bottom:-3.2rem;
		}
		#header .navbar-btn a{
			font-size:2rem;
			padding:1rem;
		}
		.medical-list .medical-list-content div {
			min-height:45rem;
		}
	}
}
/****Mobile****/ /*--------------------------------------------------------------------------------------------*/
@media(max-width:767px) {
    .desktop-only{display:none!important;}
	.mobile-only{display:inherit!important;}
	/*header*/
	#header .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
		max-height:unset;
	}
	.cta-text h1 {
			font-size: 3.5rem !important;
		}
	.cta-text p {
		margin-top: 1em;
	}
	#header .nav .dropdown-menu .multi-dropdown{
		width:25rem;
	}
	#header .nav .dropdown-menu .dropdown-menu-list a{
		color:#fff;/*Use bootstraps color*/
		font-weight: 600;
	}	
	.navbar-multi-item.multi-title {
		text-decoration: underline;
	}
	.navbar-multi-item.multi-title li:hover {
		text-decoration: underline;
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu li:hover,  .navbar-nav .open .dropdown-menu a:hover{
    background: #0073ba;
		color: #fff;
	}
	#header .navbar-nav{
		margin:1rem 0 0;
	}	
	#header .navbar-brand{
		max-width:76%;
	}
	#header .navbar-header {
	padding-bottom:0.5rem;
	}
	#header .navbar-phone{
		font-size:3rem;
		text-align: center;
		float: none;
		margin: 0 0 1em 0;
	}
	#header .navbar-phone::before{
		font-size:1.2rem;
	}
	#header .navbar-phone strong::after {
		opacity:0;	
		transform:translateX(-10%);
		padding:0 0 0.6rem 0;
	}
	.aplus-logo{
		margin-top:0.5rem;
		max-width:5rem;
	}
	#footer ul{
		list-style:none;
	}
	#footer .logo-travel-aware img{
		margin-left:3rem;
	}
	/*home page*/
	.quote-quick .btn{
		width:11rem;
		margin-top:2px;
	}
	.cta-mascot img{
		margin-top:-10rem;
		margin-bottom:6rem;
	}
	.quote-quick .btn-default {
		padding-left: 0.2em;
		padding-right: 0.2em;
		width: 100%;
		max-width: 100%;
		margin: 0.5em 0;
	}
	.main-text h3 {
		margin: 1em 0;
		text-align: center;
	}
	.quote-text h2, .medical-list h3, .medical-content h3 {
		text-align: center;
	}
	.main-content {
		padding: 0 2%;
	}
	.info-text, .info-content {
		text-align: center;
	}
	.trustpilot-widget iframe {
		height: 300px!important;
	}
	.info-content {
		font-size:2rem;
	}
	.info-text h4{
		font-size:2rem;
		text-align:center;
	}
	/*other pages*/
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.blogImgTop {
		height: 1rem;
	} 
	.BlogpushUp {
		margin-top: 1rem;
		width: 100%;
	}
}

/* dank seo styling */

.foot-quoteimage .foot-quote{
	position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.125);
    padding: 8px 16px;
}
.foot-image {
	margin: 15px auto 30px;
	max-height:250px;
}
.side-image img {
	height: 800px;
	margin-bottom:3rem;
	max-width: 90%;
	margin: 0 auto;
}
.foot-quoteimage {	
	position: relative;
	height:11rem;	
	background-color: #fff;
	margin:1em 0 3em 0;
}

a.btn.btn-default.foot-quote {
    padding: 1em 1.5em;
}

.side-menu a {
	text-decoration: underline;
	font-size:12px;
}
.side-menu h3{
	color: var(--main-color);
	margin-top:3rem;
	font-size:18px;
}
.additionalInfopages b{
	color:#4f9ef8;
	text-decoration:underline;
	font-weight:400;
}
