.mobile {display:none;}

.headerbar{background-color: #fff; border: 0; padding:0 0 18px 0;}
.navbar-brand{padding:0;}
.jumbotron{padding: 30px;margin-bottom: 30px;color: inherit;background-image: url('../img/CheaperBannerHGV.jpg');height:246px;background-size: 100%;background-repeat: no-repeat; background-color: transparent;}
.center{margin:0 auto; text-align: center}
.left{float:left;}
.right{float:right;}
.arrows{}
.marg-bottom {margin-bottom:35px;}
body{background-image: url('../img/bg.png');}
img.logo {max-width:100%;}
.navbar-nav>li>a{padding-bottom:3px;}
.navbar-nav>li>a:hover{border-bottom: #19c8ff 5px solid}
.neg-margin{margin-top: -255px}
.terms{background-color: #5F5F68; margin-bottom: 0; color:#fff; font-family: 'open sans';font-weight: 100;font-size:10px;}
.terms p {line-height: 14px;}
.terms a {font-weight: bold;}
.tcs{color:#19c8ff;}
h3{background-color: #5F5F68; border:0; text-shadow:#5F5F68 0px 0px 0px; padding-top: 7px; font-family: 'open sans'; border-radius: 0; line-height:42px;}
 
p.header-number {color:#19c8ff; font-family: Quicksand; font-size:14px; font-weight:normal; margin:14px 0 0 0; text-align:right;}
p.header-number span {font-size:28px; font-weight:bold; line-height:28px;}
p.header-number a {color:#19c8ff;}
p.header-number a:hover {color:#0065eb;}

.tag1{color:#fff; font-size:28px; font-family: 'Quicksand'; font-weight: 600;}
h1{color:#19c8ff; font-size: 40px; font-weight: 700; font-family: Quicksand; margin-top:0;}
.content{color:#fff; font-family: 'Quicksand'; margin-top: 21px; line-height: 21px; font-size: 16px}
.content a{color:#fff;}
.content a:hover{color:#40EE8C;}
a{text-decoration: none !important}
.quote{font-family: 'open sans'; background-color: #EA7B31; padding: 0% 5% 0% 5%; color:#fff; font-size: 20px}
.btn-success{background-color: #EA7B31; border-color: #EA7B31}
.btn-success:hover{background-color: #5f5f68; border-color: #EA7B31 ;}
.btn{border-radius:0; font-family: 'open sans'; font-size: 20px; margin-top:21px; margin-bottom: 35px;}
.usp{color: #fff; font-family: 'Quicksand'; font-size: 16px; list-style-position:inside;}
.tag2{font-family: 'Quicksand'; color:#fff; font-weight: 600; font-size:22px;}
h2{font-family: 'open sans'; color: #19c8ff; font-weight: bold; font-family: Quicksand; font-size:22px; margin-bottom: 21px}
h2 a {color: #ffffff;}
h2 a:hover {color: #ee8337;}
.termscont td {padding:5px; color: #5f5f68;}
.termscont {color: #ffffff; font-family: Quicksand;}
.termscont h3 {color: #252531; font-family: Quicksand; font-size: 28px;}
.termscont h4 {color: #5f5f68;}
.termscont h5 {color: #5f5f68;}

.gdpr h1 {margin-top:25px;}
.gdpr h2 {font-size: 22px; color: #ffffff;}


.usp{list-style: none;padding:0;margin:0;}
ul.usp li:before {content: "\002022"; color: #19c8ff; padding-right: 10px; font-size: 17px}
.footer{background-color: #3b3b45; height:100%;}
.minitext{color:#fff; font-size:11px; margin-top: 20px; margin-bottom: 20px; text-align: center; font-family: Quicksand;}
.minitext a {color: #19c8ff;}
.minitext a:hover {color: #0065eb;}
.fca{float:right; margin-top:25px;margin-bottom: 20px;} 
.navbar-toggle{padding: 10px 20px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #fff; border-color: #fff}

.termscont {background:#fff; font-size: 13px;}
.termscont h3 {background:none; color:#5F5F68; text-align:left;}
.termscont p, .termscont ul li, .termscont ol li {color:#5F5F68; list-style-position:inside; font-size:13px;}
.termscont td {padding:5px; font-size:13px;}
.termscont h4 {font-size: 22px;}
.termscont h5 {font-size: 18px;}
.gpdrfootertxt {font-size: 10px; text-align: center;}
.gdprfootertxt a {color: #19c8ff;}
.gdprfootertxt a:hover {color: #19c8ff;}

.form-header {background:#5F5F68; text-align:center; padding:14px;}
.form-header p {color:#ffffff; font-size: 28px; line-height:15px; margin-top: 5px; margin-bottom: 20px; font-family: Quicksand; font-weight: 600;}
p.terms {background-color: #5F5F68; margin-bottom: 0; color: #fff; padding-bottom: 0px; font-weight: 100; font-size: 10px; font-family:'Open Sans';}
p.terms a {color:#19c8ff;}
.form-content {background:#fff; padding:14px 28px;}
.left-field {margin-right:4%;}
.quarterwidth {width:33%; float:left;}
.threequarterwidth {width:63%; float:left;}
label {font-size: 14px; color: #898989; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
input { border: 1px solid #999999; background:#f5f5f5; display: block; margin-bottom: 7px; padding: 3px 0 3px 5px; width: 100%;}
    	
select {border: 1px solid #999999; border-radius: 0!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/formarrow.jpg); background-repeat: no-repeat; background-position: right 7px center; display: block; background-color: #f5f5f5; margin-bottom: 7px; padding: 0px 5px 0px 5px; width: 100%; height: 28px;}

.checkboxes {clear:both;background:#fff; margin-bottom:13px;border:1px solid #999999;border-radius:3px;padding:7px 10px;color:#333333;}
.checkboxes label {color:#333333;}
.checkboxes input {display:inline;width:auto;margin:0 5px 7px 0px;}
.nomarg {margin:0 !important;}
.checkboxes span {margin-right:15px;font-size:75%;}
.checkwid {width:33%;float:left;}
#last {width:100%;}

.submit4 {background:#EA7B31; border:none; color:#fff; text-transform: uppercase; padding:7px; font-size:21px; margin-top:14px;}
.submit4:hover {background:#5F5F68;}

#day {width: 25%; float: left; }

#month {width: 25%; float: left; margin-left: 2%; }

#year {width: 46%; float: left; margin-left: 2%; }

.data8error { color: #ff0000; margin-top:-20px; display: block; }

#content { display: none; }

#formResponse { display: none; }

.breakdown p {font-size: 35px; font-weight:bold; line-height: 49px; margin-top:28px; margin-bottom: 0; font-family:helvetica, arial; color: #fff; text-align:center;}
.button-container {width:60%; margin:0 auto 28px auto; padding:14px; padding-top:7px;}
.yesbutton {background:#00C761; border-radius:5px; border-bottom:4px solid #007A39; width:49%; padding:7px; float:left; margin-right:1%; text-align:center; color:#fff;}
.nobutton {background:#d64848; border-radius:5px; border-bottom:4px solid #A11919; width:49%; padding:7px; float:left; margin-left:1%; text-align:center; color:#fff;}
.yesbutton:hover {background:#007A39;}

.nobutton:hover {background:#A11919;}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(60,186,112,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #FFFFB4;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #00f29e;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #00de8a;
    color: #ffffff;
}


/* #Media Queries ================================================== */
	
	@media only screen and (min-width:1586px) and (max-width:2000px){
		
	}

	@media only screen and (min-width:1234px) and (max-width:1585px){
		
	}

	@media only screen and (min-width:992px) and (max-width:1233px){
		
	}

	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.neg-margin{margin-top: 0px}
		.jumbotron{height:147px;}
		h1{text-align: center; margin-bottom: 28px}
		.content{text-align: center}
		.quote{margin:0 auto;}
		.usp{margin-bottom: 28px}
		h2{text-align: center}
		.li{text-align: center}
	}
	
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.neg-margin{margin-top: 0px}
		.jumbotron{height:114px;}
		h1{text-align: center;margin-bottom: 28px}
		.content{text-align: center}
		.usp{margin-bottom: 28px; text-align: center}
		h2{text-align: center}
		.li{text-align: center}
		.navbar-brand {height: auto; float:none;}
		img.logo {margin:0 auto; display:block;}
		p.header-number {text-align: center;}
		.mobile {display:block;}
		.desktop {display:none;}
	}
	
	
	@media only screen and (max-width: 479px) {
		.neg-margin{margin-top: 0px}
		.jumbotron{height:60px;}
		h1{text-align: center;margin-bottom: 28px}
		.content{text-align: center}
		.usp{margin-bottom: 28px; text-align: center}
		h2{text-align: center}
		.li{text-align: center}
		.navbar-brand {height: auto; float:none;}
		img.logo {margin:0 auto; display:block;}
		p.header-number {text-align: center;}
		.mobile {display:block;}
		.desktop {display:none;}
	}