body {font-size:0.98em; background:#f5f5f5 url(../images/2000-canary-wharf-alamy-cy69an.jpg) !important; background-size:cover !important; background-attachment:fixed !important; background-repeat:no-repeat;  -webkit-backface-visibility:visible;
backface-visibility:visible; overflow:hidden;}
html, nav, h1, h2, h3, h4 {font-family: 'Oxygen', sans-serif;


 font-weight:400;}
label, input, textarea, select  {font-family: 'Oxygen', sans-serif;


 font-weight:200;}
p {margin:0; padding:15px 10px; font-size:1em; font-family: 'Oxygen', sans-serif;

}

.row {padding:0 10px;}
.row-fill {background:#e5e5e5;}
.col { margin: 7px 0; line-height: 1.7em;}
.row h1, .row h2, .row h3, .row h4{padding-left:10px; color:black;}
body#tinymce {
  background:none;
  height:auto;
  font-size:1em;
}
img {max-width:100% !important; height:auto !important;}

/* PACE */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:9999;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index:9999;
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
  background: #ffa500;
  pointer-events: none;
}  

/* header */
.app-steps {opacity:0; position:fixed; width:70%; top:27px; height:30px; right:50%; margin-right:-35%;  color:#6b6b6b; padding:8px 0 5px 0; font-family: 'Oxygen', sans-serif;
 font-weight:bold;  font-size:0.75em; z-index:9999;}
.app-steps ul li {display:inline-block; width: 8.2%; margin-left:4%; margin-right:4%; text-align:center;}
.app-steps li { position:relative;}

/* hide */
.showme, .holder {overflow:hidden; opacity:0;}

/* LOADING */
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(239,58,67, 0.2);
  border-right: 1.1em solid rgba(239,58,67, 0.2);
  border-bottom: 1.1em solid rgba(239,58,67, 0.2);
  border-left: 1.1em solid #ffa500;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.showme, .holder {overflow:hidden; opacity:0;}

/* MAIN BODY */

.main-cont {background:rgba(255,255,255,0.9); min-height:100vh; border-radius:10px; -moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
margin-top:30px;
margin-bottom:50px;
padding-bottom:50px !important;
}

.step-header {background:#ffa500; padding:10px 30px !important; color:white !important; font-family: 'Oxygen', sans-serif;
 font-size:1.8em; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-box-shadow: 0 0 1px #ffa500;
-webkit-box-shadow: 0 0 1px #ffa500;
box-shadow: 0 0 1px #ffa500;
margin-bottom:30px;}


.main-cont p {padding:10px 30px;}

.step-text {color:#6b6b6b; font-size: 0.85em; line-height:1.4em;}
.step-guide {font-family: 'Oxygen', sans-serif;
 font-weight:bold; color:#ffa500 !important; }

/* FORM */

.form {color:black;}

.nextq {
	position: relative;
	background: #ffa500;
	width:120px;
	height:50px;
	float:right;
	right:25%;
	margin-right:-56px;
	margin-top:45px;
	color:white; line-height:50px; padding-left:20px; font-size:15px; text-decoration:none;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	font-family: 'Oxygen', sans-serif;

}
.nextq p {	text-align:center; margin-left:-20px; padding:0;}

.nextq:after{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-left:-1px;
}
.nextq:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ffa500;
	border-width: 25px;
	margin-top: -25px;
}
.nextq:hover {background:#7DDefb; cursor:pointer; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
/* ...and now for the proper property */
transition:all 0.3s ease-in-out;
}
.nextq:hover:after {border-left-color:#7DDefb; cursor:pointer; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
/* ...and now for the proper property */
transition:all 0.3s ease-in-out;
}

.prevq {
	position: relative;
	background: #ffa500;
	width:120px;
	height:50px;
	float:left;
	left:25%;
	margin-left:-60px;
	margin-top:45px;
	color:white; line-height:50px; padding-left:20px; font-size:15px; text-decoration:none;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	font-family: 'Oxygen', sans-serif;

}
.prevq p {	text-align:center; margin-left:-20px; padding:0;}

.prevq:before{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-right:-1px;
}
.prevq:before {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #ffa500;
	border-width: 25px;
	margin-top: -25px;
}
.prevq:hover {background:#7DDefb; cursor:pointer; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
/* ...and now for the proper property */
transition:all 0.3s ease-in-out;
}
.prevq:hover:before {border-right-color:#7DDefb; cursor:pointer; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
/* ...and now for the proper property */
transition:all 0.3s ease-in-out;
}

/* address lookup */
.bsdropdown {
  position: relative;
  z-index:999;

}

.bsdropdown ul {
  position: absolute;
  margin-top: -10px;
  margin-left:20px;
  max-width:90%;
  border: 1px solid #ccc;
  border-radius: 3px;
  left: 0px;
  list-style: none;
  padding: 4px 0px;
  display: none;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0,0,0,.175);
  height:200px;
overflow:scroll;
overflow-x:hidden;
}


.bsdropdown ul li {
  display: block;
  padding: 0px 20px;
  white-space: nowrap;
  min-width: 100px;
}

.bsdropdown ul li:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}

.bsdropdown ul li a {
  text-decoration: none;
  display: block;
  color: black
}

.bsdropdown .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  font-size: 1px;
  padding: 0;
}

.ac-result {margin-top:-20px;}
.ac-result p, .prev-add p {margin-bottom:-20px; padding:10px 30px;}

.manual-address {margin-top:-25px; font-size:0.85em; margin-right:10px; text-decoration:underline; text-align:right; cursor:pointer;}


/**** RESPOND ****/
@media (max-width: 1179px)  {
	/* show only current appstep */
	.app-steps {right:50px !important; margin-right:0 !important;}
	/* .app-steps li:not(:first-of-type) {display:none;}	 */

}
/* XX/XL GRID */
@media (max-width: 1119px)  {
}
/* LG GRID */
@media (max-width: 1019px)  {

	.app-steps li {display:none; visibility:hidden;}
	.app-steps ul li {width:100%; text-align:right;}

}
/* MD GRID */
@media (max-width: 759px)  {
	/* show only first combo */
	.combogrp label:not(:first-of-type) {display:none;}
	.combogrp label:first-of-type {width:calc(100% - 109px) !important;}	
	.ninodatefield input {width:2.5em !important;}
}
/* SM GRID */
@media (max-width: 639px)  {
	/* label.show {	position:relative !important;  top: -10px;  opacity: 1;} */
	label {font-size:0.8em;}
	.tellyfixinput {width:80% !important; margin-left:25% !important;}
	.tellyfix label {margin-left:40% !important;}
}
/* XS GRID */
@media (max-width: 479px)  {

}

/* IPAD LANDSCAPE */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .app-steps ul li {width:13%; text-align:right;} }

/*  1024 x 768 */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	
	.app-steps { margin-right:3% !important;}
	.app-steps ul li {display:inline-block; width: 11.2%; margin-left:1.5%; margin-right:1.5%; text-align:center;}

}