/*
COLOURS

Black
HEX #0d191f
RGB 13 25 31

Light Black
HEX #353535
RGB 53 53 53

Dark Grey
HEX #848b90
RGB 132 139 144

Grey
HEX #afafaf
RGB 175 175 175

Light Grey
HEX #f3f3f3
RGB 243 243 243

Pinky Red
HEX #e45360
RGB 228 83 96

Blue
HEX #5899cc
RGB 88 153 204

Yellow
HEX #ffdf5a
RGB 255 223 90

Cyan
HEX #6fdec3
RGB 111 222 195

Dark Pinky Red
HEX #743330

Dark Blue
HEX #0e5575
RGB 14 85 117

Dark Yellow
HEX #ac8826
RGB 172 136 38

Dark Cyan
HEX #168e6e
RGB 22 142 110
*/

/* Normal settings */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
	box-sizing: border-box; 
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
}
body { 
	font-family: 'Montserrat', sans-serif;
	padding: 0px;
	margin: 0px;
	color: #0d191f;
	background-color:#f3f3f3; 
}
div { overflow: hidden; }
span { display: inline-block; outline: 0; }
a { display: inline-block; outline: 0; }
a:link {color:inherit;text-decoration:none;}    
a:visited {color:inherit;text-decoration:none;} 
a:active {color:inherit;text-decoration:none;font-weight:bold;} 
a:hover {color:inherit;text-decoration:none;font-weight:bold;} 
h1 {font-size: 200%;}
h2 {font-size: 170%;}
h3 {font-size: 130%;}
h4 {font-size: 130%; font-weight: normal;}
h5 {font-size: 100%; }
h1, h2, h3, h4 { text-transform: uppercase; }
hr { border: none; width:80%; height:0.4vw; border-radius:0.2vw; background-color:#353535; margin:0.5vw auto; }
label, input { display:block; }    
fieldset { padding:0; border:0; margin: 1vh 0;}
table { padding:0; margin: 0; border-collapse: collapse; border-spacing: 0px; }
tbody { padding:0; margin: 0; }
tr { padding:0; margin: 0; }
td { padding:0; margin: 0; }
label, input, textarea, button { font-family: 'Montserrat', sans-serif; font-size:100%; }
button { cursor: pointer; }
input[type=checkbox] { display: inline-block; }
/* placeholder colour */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;
}
/* Classes */
.hidden {
	display: none;
}
.centre {
	display: block;
	margin: 0 auto;
}
.frame {
	width: 100%;
	overflow: auto;
}
.container {
	width: 100%;
}
.panel {
	width: 100%;
	position: relative;
	text-align: center;
	padding: 5vw 0;
	font-size: 90%;
}
.panel .paragraph {
	padding: 1vw;
}
.sub-panel {
	width: 33.33%;
	padding: 2vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
	float: left;
}
.button {
	color: #fff;
	background-color: #5899cc;
	padding: 1vw 2vw;
	font-size: inherit;
	border-radius:2vw; 
	text-transform: uppercase;	
}
.button:focus {
	font-weight: bold;
}
.time-button {
	font-size: inherit;
	padding:1vw; 
	color:#0d191f; 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
	border-radius:0.5vw;	
	margin: 1vw;
	position: relative;
	cursor: default;
}
.time-button-hour {
	cursor: pointer;
}
.time-button-minute {
	cursor: pointer;
}
.time-button-select-time {
	padding-right: 0.3em; 
	color:#0d191f; 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
	border-radius:0.5vw;	
	position: absolute;
	left:-0.2vw;
	top:3em;
	z-index:100;
	cursor: default;
}
.time-button-select-time-container {
	padding: 0 1em; 
	max-height: 19em;
	overflow-y: scroll;
}
.time-select-cell {
	cursor: pointer;
}
.date-button {
	font-size: inherit;
	padding:1vw; 
	color:#0d191f; 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
	border-radius:0.5vw;	
	margin: 1vw;
	position: relative;
}
.date-button-value {
	margin: 0 1vw;
}
.date-button-calendar {
	padding:1em; 
	color:#0d191f; 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
	border-radius:0.5vw;	
	position: absolute;
	left:-0.1em;
	top:3em;
	z-index:100;
	cursor: default;
	width: 16.5em;
}
.date-button-calendar-month, .date-button-calendar-year {
	font-weight: bold;
	font-size: 110%;
	padding: 0.3em 0;
}
.date-button-calendar-previous-month {
	cursor: pointer;
	position: absolute;
	left: 1em;
}
.date-button-calendar-next-month {
	cursor: pointer;
	position: absolute;
	right: 1em;
}
.calendar-days-of-week {
	border-bottom: 0.2vw solid #5899cc;
}
.calendar-days {
	margin-top: 1em;
	color: #de1d10;
}
.calendar-cell {
	width: 2em;
	height: 2em;
	line-height: 1.8em;
}
.calendar-cell-day-select {
	cursor: pointer;
}
.calendar-cell-day-select:hover {
	font-weight:bolder;
}
.calendar-cell-today {
	border: 0.2em solid #de1d10;
	border-radius: 1em;	
}
.calendar-cell-past-date {
	color: #cccccc;
}
.popup-message {
	max-width: 30vw;
	color: #0d191f;
	background-color: #fff;
	padding: 2vw;
	text-align: center;
}
.popup-message button {
	margin-top: 2vw;
}
.popup-form {
	width: 60vw;
	color: #0d191f;
	background-color: #fff;
	padding: 2vw;
	text-align: center;
}
.popup-form-close {
	width: 2vw;
	height: 2vw;
	position: absolute;
	top: 1vw;
	right: 1vw;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/close.png");
}
.popup-form input {
	margin-top: 2vw;
	width: 100%;
	padding:1vw; 
	color:#0d191f; 
	background-color:#afafaf; 
	border: 0.2vw solid #afafaf;
	border-radius:0.5vw;	
}
.popup-form textarea {
	margin-top: 2vw;
	width: 100%;
	height: 16vw;
	padding:1vw; 
	color:#0d191f; 
	background-color:#afafaf; 
	border: 0.2vw solid #afafaf;
	border-radius:0.5vw;	
}
.popup-form input:focus { 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
}
.popup-form input[type=checkbox] {
	margin-top: 0;
	width: 1em;
	background-color: #fff;
}
.popup-form button {
	margin-top: 3vw;
	width: 100%;
}
.popup-form .error {
	color: #e45360;
	margin-top: 2vw;
}
.password-view {
	cursor: pointer;
	position: relative;
	top: -2.6em;
	right: 0.75em;
	float: right;
	padding: 0.5em;
	margin-bottom: -2.2em;
	display: block;
	color: #fff;
	font-size: 80%;
	text-shadow: 0 0 0.1em #6a7483, 0 0 0.2em #232c3b, 0 0 0.3em #232c3b, 0 0 0.4em #232c3b, 0 0 0.5em #232c3b;
}
.popup-logo {
	width: 10vw;
	height: 5vw;
	margin: 1vw auto;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/logo.png");
}
.old-popup-wait {
	width: 3vw;
	height: 3vw;
	margin: 1vw auto;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/ajax-loader.gif");
}
.popup-wait {
	padding: 1vw;
}
.popup-menu {
	width: 30vw;
	height: 100%;
	right: 0;
	color: #fff;
	background-color: #0d191f;
	opacity: 0.9;
}
.popup-menu-close {
	width: 2vw;
	height: 2vw;
	position: absolute;
	top: 1vw;
	right: 1vw;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/close_white.png");
}
.popup-menu-container {
	width: 30vw;
	padding: 4vw 2vw;
}
.popup-menu-item {
	text-transform: uppercase;
	margin-bottom: 2vw;
}
.short-hr {
	width:20%; 
	height:0.5vw; 
	border-radius:0.25vw; 
	margin:1vw auto; 
}
.white-colour {
	color:#fff; 
}
.cyan_colour {
	color:#6fdec3; 
}
.yellow_colour {
	color: #ffdf5a;
}
.blue_colour {
	color:#5899cc; 
}
.cyan-background {
	background-color:#6fdec3; 
}
.yellow-background {
	background-color: #ffdf5a;
}
.blue-background {
	background-color:#5899cc; 
}
.dark-cyan-colour {
	color:#168e6e; 
}
.dark-yellow-colour {
	color:#ac8826; 
}
.dark-blue-colour, a.dark-blue-colour:link {
	color:#0e5575; 
}
.dark-cyan-background {
	background-color:#168e6e; 
}
.dark-yellow-background {
	background-color:#ac8826; 
}
.dark-blue-background {
	background-color:#0e5575; 
}
.dark-red-background {
	background-color:#743330; 
}
.separator {
	width: 15vw;
    height: 1vw;
	margin: 1vw auto;
	background-repeat: no-repeat;
	background-size: contain;
}
.separator-dots-arrow-red {
    background-image: url("../images/arrow_down_dots.png");
}
.separator-dots-arrow-white {
    background-image: url("../images/arrow_down_dots_white.png");
}
.separator-dots-arrow-black {
    background-image: url("../images/arrow_down_dots_black.png");
}
.hourglass-icon {
    width: 2vw;
    height: 4vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/timer.png");
	background-position: center; 
}
.car-icon {
    width: 6vw;
    height: 4vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/car.png");
	background-position: center; 
}
.link-icon {
    width: 6vw;
    height: 4vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/link.png");
	background-position: center; 
}
.location-icon {
    width: 4vw;
    height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/location.png");
}
.phone-icon {
    width: 3vw;
    height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/phone.png");
	background-position: center; 
}
.plane-icon {
    width: 6vw;
    height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/plane.png");
	background-position: center; 
}
.key-icon {
    width: 6vw;
    height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/key.png");
	background-position: center; 
}
.handle-icon {
    width: 6vw;
    height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/handle.png");
	background-position: center; 
}
.small-date-icon {
    width: 1em;
    height: 1em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/date.png");
	background-position: center; 
	vertical-align: middle;
}
.small-time-icon {
    width: 1em;
    height: 1em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/clock.png");
	background-position: center; 
	vertical-align: middle;
}
.small-arrow-down-icon {
    width: 1em;
    height: 1em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_down.png");
	background-position: center; 
	vertical-align: middle;
}
.small-red-arrow-left-icon {
    width: 3em;
    height: 2em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_left_red.png");
	background-position: center; 
	vertical-align: middle;
}
.small-red-arrow-right-icon {
    width: 3em;
    height: 2em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_right_red.png");
	background-position: center; 
	vertical-align: middle;
}
.small-grey-arrow-left-icon {
    width: 3em;
    height: 2em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_left_grey.png");
	background-position: center; 
	vertical-align: middle;
}
.small-grey-arrow-right-icon {
    width: 3em;
    height: 2em;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_right_grey.png");
	background-position: center; 
	vertical-align: middle;
}
.bullet-point {
    width: 1vw;
    height: 1vw;
	margin-right: 1vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/arrow_right_white.png");
}
.email-entry {
	color: #fff;
	background-color: transparent;
	border: 0.2vw solid #ff6c3a;
	border-top-left-radius:2vw; 
	border-bottom-left-radius:2vw; 
	border-top-right-radius:0; 
	border-bottom-right-radius:0; 
	padding: 1vw;
	margin: 4vw 0;
	display: inline-block;
	width: 30vw;
	font-weight: bold;
}
.email-entry-button {
	color: #fff;
	background-color: #ff6c3a;
	border: 0.2vw solid #ff6c3a;
	border-top-right-radius:2vw; 
	border-bottom-right-radius:2vw; 
	padding: 1vw;
	margin: 4vw 0;
	display: inline-block;
	width: 16vw;
	font-weight: bold;
	text-transform: uppercase;
}
.headline-panel-logo {
	position: absolute;
	top: 1vw;
	left: 1vw;
	width: 10vw;
	height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/logo_white.png");
}
.headline-panel-menu {
	position: absolute;
	top: 1vw;
	right: 1vw;
	font-size:125%;
	cursor: pointer;
}
.headline-panel-home {
	position: fixed;
	top: 1vw;
	left: 50%;
	margin-left: -1em;
	font-size:125%;
	cursor: pointer;
	text-shadow: 0 0 0.1em #6a7483, 0 0 0.2em #232c3b, 0 0 0.3em #232c3b, 0 0 0.4em #232c3b, 0 0 0.5em #232c3b;
	padding: 0.5em;
	z-index: 100;
}
.headline-footer {
	position: absolute;
	bottom: 1vw;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.headline-email-entry {
	color: #fff;
	border-color: #ffdf5a;
}
.headline-email-entry-button {
	color: #ac8826;
	background-color: #ffdf5a;
	border-color: #ffdf5a;
}
.landing-headline-container {
	background-image: url("../images/blue_image.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.landing-headline-panel {
	color: #fff;
	text-align: center;
	padding: 10vw 1vw;
}
.service-info-panel {
	text-align: center;
	padding: 5vw 0;
}
.service-info-sub-panel h5 {
	margin-top: 1vw;
}
.how-it-works-container {
	background-image: url("../images/red_image_1.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.how-it-works-panel {
	color: #fff;
	text-align: center;
	padding: 5vw 1vw 4vw 1vw;
}
.how-it-works-panel h5 {
	margin: 2vw 0;
}
.how-it-works-steps-panel {
	text-align: center;
	padding: 2vw 1vw;
	font-size: 90%;
}
.how-it-works-step-image {
    width: 20vw;
    height: 15vw;
	background-repeat: no-repeat;
	background-size: contain;
}
.how-it-works-step-1-image {
    background-image: url("../images/step1.png");
}
.how-it-works-step-2-image {
    background-image: url("../images/step2.png");
}
.how-it-works-step-3-image {
    background-image: url("../images/step3.png");
}
.price-container {
	color: #fff;
	background-color: #353535;
}
.who-were-for-business-image {
    width: 20vw;
    height: 10vw;
	background-repeat: no-repeat;
	background-size: cover;
}
.who-were-for-business-1-image {
    background-image: url("../images/small_company.jpg");
}
.who-were-for-business-2-image {
    background-image: url("../images/public.jpg");
}
.who-were-for-business-3-image {
    background-image: url("../images/private.jpg");
}
.get-started-container {
	background-image: url("../images/red_image_2.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.get-started-email-entry {
	color: #fff;
	border-color: #fff;
}
.get-started-email-entry-button {
	color: #e45360;
	background-color: #fff;
	border-color: #fff;
}
.contact-us-panel .sub-panel {
	min-height: 15em;
}
.footer-container {
	color: #afafaf;
	background-color: #353535;
}
.footer-panel-logo {
	width: 20vw;
	height: 12vw;
	margin: 2vw auto;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url("../images/logo_white.png");
}
.terms-headline-container {
	background-image: url("../images/red_image_2.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.terms-headline-panel {
	text-align: center;
	padding: 5vw 1vw;
}
.terms-container {
}
.terms-panel .paragraph {
	text-align: justify;
}
.privacy-container {
	background-color: #ffdf5a;
}
.privacy-panel .paragraph {
	text-align: justify;
}
.account-headline-container {
	background-image: url("../images/red_image_1.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.account-headline-panel {
	text-align: center;
	padding: 5vw 1vw;
}
.arrange-call-panel {
	text-align: center;
	padding: 5vw 0 1vw 0;
}
.arrange-call-form-container {
	background-color:#ffdf5a; 
	overflow: visible;
}
.arrange-call-form-panel {
	text-align: center;
	padding: 3vw 0;
	overflow: visible;
}
.arrange-call-form-sub-panel {
	width: 50%;
	margin: 0 auto;
}
.arrange-call-button {
	display: block;
	margin: 2vw auto;
	overflow: visible;
}
.arrange-call-prompts {
	width: 100%;
	overflow: visible;
}
.arrange-call-day-prompt {
	float: left;
}
.arrange-call-time-prompt {
	float: right;
}
.arrange-call-buttons {
	width: 100%;
	overflow: visible;
	clear: both;
}
.arrange-call-date {
	margin-left: 0;
	float: left;
}
.arrange-call-time {
	margin-right: 0;
	float: right;
}
.arrange-call-attendee-panel {
	clear: both;
}
.arrange-call-attendees {
	width: 100%;
	height: 20em;
	padding:1vw; 
	color:#0d191f; 
	background-color:#f3f3f3; 
	border: 0.2vw solid #5899cc;
	border-radius:0.5vw;	
	margin: 1vw auto;
	display: block;
}
.conference-info-panel {
	text-align: center;
	padding: 5vw 0;
}
.conference-info-sub-panel h5 {
	margin-top: 1vw;
}
.recordings-panel {
	text-align: center;
	padding: 0 0 2vw 0;
}
.recordings-details-container {
	background-color:#e45360; 
	overflow: visible;
}
.recordings-details-panel {
	text-align: center;
	padding: 5vw 0;
	overflow: visible;
}
.call-stats-header-item {
	width: 24%;
	font-weight: bold;
}
.call-stats-item {
	width: 24%;
	color: #fff;
}
.call-stats-item .fa {
	color: #5899cc;
	font-size: 150%;
}
.call-stats-item .fa-download {
	cursor: pointer;
}
.call-stats-item .fa-download:hover {
	font-weight:bold;
}

/* small landscape settings */
@media only screen and (orientation: landscape) and (max-width: 1024px) {
	body { 
		font-size: 2vw;
	}
}
/* wide landscape settings */
@media only screen and (orientation: landscape) and (min-width: 1025px) {
	body { 
		font-size: 20px;
	}
	.panel {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.panel .paragraph {
		padding: 0;
	}
	.popup-form {
		width: 50vw;
	}
}
/* portrait settings */
@media only screen and (orientation: portrait) {
	body { 
		font-size: 2vw;
	}
}
/* mobile settings */
	body { 
	}