/*!
 * Generic Styles v1.0.0
 * Copyright 2019 Kerkyra Lines
 */

/* Colors 
	
	Dark blue   #002c73 
	blue        #213f99
	middle blue #006db1
	light blue  #00adef  
	red         #ff6961 
	green       #6dd9aa 
	gray        #a4adb8 
	yellow      #ffc000  
	orange      #F8A83E 
	
*/
/* font-family: 'Source Sans Pro', sans-serif; */

html {  }
body{
    font-family: 'Open Sans', sans-serif;
    color: #222222;
}
*{
	outline: none !important;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.pull-right{
	float: right;
}
.slick-dotted.slick-slider{
	margin: 0;
}
.no-spacer{
	padding: 0 !important;
	padding-bottom: 0 !important;
}
.spacer{
	padding-top: 50px;
	padding-bottom: 50px;
}
.spacer-bot{
	padding-bottom: 50px;
}
.spacer-top{
	padding-top: 50px;
}
.narrow-spacer{
	padding-top: 25px;
	padding-bottom: 25px;
}
.dark-blue{
	color: #002c73;
}
.blue{
	color: #213f99;
}
.light-blue{
	color: #00adef;
}
.red{
	color: #ff6961;
}
.green{
	color: #6dd9aa;
}
.gray{
	color: #a4adb8;
}
.yellow{
	color: #ffc000; 
}
.orange{
	color: #F8A83E;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
p{
	color: #222222;
	font-size: 14px;
	line-height: 26px;
    margin-bottom: 15px;
}
textarea,
input,
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
	box-shadow: none;
}
main{
	position: relative;
	padding-bottom: 60px;
	background-color: #f2f2f2;
}
main:before {
	content: '';
	position: absolute;
	height: 50%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
	background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../assets/svg-layer-2.svg);
    background-position: center center;
}
.col-icon {
    -ms-flex: 0 0 4%;
    flex: 0 0 4%;
    max-width: 4%;
}
pre{
	color: #000;
	background-color: #fff;
	text-align: left;
	font-size: 12px;
	padding: 10px 20px;
}
input {
	caret-color: #00adef;
	-moz-appearance: none;
	-webkit-appearance: none;
}
body.process-payment .payment-proccess::before {
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    z-index: 999;
}

/*------------------------
		Buttons
------------------------*/
.btn{
	display: inline-block;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
}
.btn:hover{
	outline: none;
	text-decoration: none;
}
.page-header .btn i{
	margin: 0 10px 0 0;
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.page-header .btn:hover i{
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
.btn-medium{
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	font-size: 14px;
	font-weight: 300;
}
.btn-large{
	height: 54px;
	line-height: 54px;
	padding: 0 40px;
	font-size: 16px;
	font-weight: 300;
}
.btn{
	display: inline-block;	
}
.btn.btn-yellow{
	color: #fff;
	background: #ffc000;
}
.btn.btn-yellow:hover{
	color: #fff;
	background: #00adef;
}
.btn.btn-white{
	color:  #2C5629;
	background: #fff;
}
.btn.btn-white:hover{
	color: #fff;
	background: #2C5629;
}
.btn.btn-light-blue{
	color: #fff;
	background: #00adef;
}
.btn.btn-light-blue:hover{
	color: #fff;
	background: #213f99;
}


/*------------------------
		Header
------------------------*/
header{
	position: relative;
	z-index: 100;
}
header .top-area{
	background: #00adef;
	background: -moz-linear-gradient(left,  #00adef 0%, #002c73 100%);
	background: -webkit-linear-gradient(left,  #00adef 0%,#002c73 100%);
	background: linear-gradient(to right,  #00adef 0%,#002c73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#002c73',GradientType=1 );
	color: #fff;
	padding: 8px 0;
	z-index: 2;
}
header .top-area:hover{
	z-index: 5;
}
header .top-area nav{
	position: relative;
}
header .top-area nav ul{
	display: block;
	padding: 0;
	margin: 0;
}
header .top-area .text-right nav ul{
	display: block;
	float: right;
	padding: 8px 0;
}
header .top-area nav ul li{
	display: block;
	float: left;
	position: relative;
}
header .top-area nav ul li.language-navigation span{
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 300;
	text-transform: uppercase;
}
header .top-area nav ul li a{
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 300;
}
header .top-area nav ul li a:hover{
	/* 	color: #002c73; */
}
header .top-area nav ul li a i{
	margin-right: 5px;
	font-size: 14px;
}
header .top-area nav ul li a img,
header .top-area nav ul li img{
	display: block;
	width: 20px;
	height: auto;
	float: left;
	margin: 2px 5px 2px 0;
}
header .top-area .text-right nav ul li{
	margin-left: 25px;
}
header .top-area .text-right nav ul li:before{
	display: block;
	position: absolute;
	left: -15px;
	top: 50%;
	content: '\f142';
	font-family: 'Font Awesome\ 5 Pro';
	color: #fff;
	font-weight: 100;
	font-size: 13px;
	opacity: 0.5;
	height: 20px;
	margin-top: -10px;
	line-height: 20px;
}
header .top-area .text-right nav ul li:first-child:before{
	display: none;
}
header .top-area .text-right nav ul li ul{
	display: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 8px);
	z-index: 200;
	background: #fff;
	border-radius: 3px;;
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	padding: 9px 0 11px 0;
	border-bottom: 3px solid #002c73;
	min-width: 70px;
}
header .top-area .text-right nav ul li.language-navigation ul{
	min-width: 120px;
}
header .top-area .text-right nav ul li:last-child ul{
	right: 0;
	left: auto;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
header .top-area .text-right nav ul li ul:before {
	content: '';
	display: block;
	height: 5px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: -7px;
	transition: all 0.15s ease-in-out;
	border: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	z-index: 1;
}
header .top-area .text-right nav ul li:last-child ul:before{
	right: 13px;
	left: auto;
}
header .top-area .text-right nav ul li ul li{
	display: block;
	float: none;
	clear: both;
	text-align: left;
	margin: 0;
}
header .top-area .text-right nav ul li ul li a{
	color: #222222;
	display: block;
	font-size: 15px;
	font-weight: 300;
	white-space: nowrap;
	padding: 2px 15px;
	overflow: hidden;
}
header .top-area .text-right nav ul li ul li a:hover{
	color: #002c73;
}
header .top-area .text-right nav ul li.notfs{
	position: relative;
}
header .top-area .text-right nav ul li.notfs a span{
	display: block;
	position: absolute;
	right: 0;
	top: -2px;
	width: 14px;
	height: 14px;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	border-radius: 100%;
	color: #fff;
	background: #F8A83E;
	
}
header .mid-area{
	position: relative;
	padding: 20px 0;
	background: #fff;
	z-index: 9999;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	z-index: 3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header .top-area .text-right nav ul li ul li ul{
	left: auto;
	right: calc(100% + 10px) !important;
	top: 0;
}
header .top-area .text-right nav ul li ul li ul:before{
	content: '';
	display: block;
	height: 5px;
	margin-top: 0;
	pointer-events: none;
	position: absolute;
	right: -12px !important;
	left: auto !important;
	margin-left: 0 !important;
	top: 10px;
	transition: all 0.15s ease-in-out;
	border: 6px solid transparent;
	border-left-color: transparent;
	border-left-style: solid;
	border-left-width: 6px;
	border-left: 6px solid #ffffff;
	z-index: 1;
}
header .top-area .text-right nav ul li ul li ul li a{
	font-size: 14px;
}
header .mid-area.show-upper-area{
	top: 37px !important;
}
header .logo{
	display: block;
	float: left;
	width: 300px;
	max-height: 92px;
}
header .logo img{
	display: block;
	width: 100%;
	height: auto;
}

.covid-btn{
	background: #eb001d;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	font-size: 15px;
	line-height: 35px;
	float: left;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.covid-btn:hover{
	text-decoration: none;
	color: #fff;
	background: #b50016;
}

.mmenu-trigger{
	color: #222222;
	float: right;
	display: none;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}
.mmenu-trigger:hover{
	color: #222;
	text-decoration: none;
}
header .mid-area .covid-btn{
	float: right;
	margin: 5px 5px 5px 0;
}
.vessel-checkin-trigger{
	color: #222222;
	float: right;
	font-size: 16px;
	padding: 14px 10px;
	text-decoration: none;
}
.vessel-checkin-trigger:hover{
	color: #222;
	text-decoration: none;
}

/*------------------------
	Main Navigation
------------------------*/
.main-navigation{
	display: block;
	float: right;
	padding-top: 7px;
}
.main-navigation ul{
	display: block;
	margin: 0;
}
.main-navigation ul li{
	display: block;
	float: left;
	margin: 0;
	position: relative;
}
.main-navigation ul li a{
	display: block;
	padding: 0 10px;
	font-size: 17px;
	font-weight: 300;
	color: #222222;
	position: relative;
	text-decoration: none;
}
.main-navigation ul li a.sf-with-ul{
	padding-right: 26px;
}
.main-navigation ul li a.sf-with-ul:after{
	display: block;
	content: '\f107';
	font-family: 'Font Awesome\ 5 Pro';
	color: #222;
	font-weight: 100;
	position: absolute;
	right: 10px;
	top: 0;
}
.main-navigation ul li:before{
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	content: '';
	left: 50%;
	bottom: -4px;
	background: #006db1;
	background: -moz-linear-gradient(left,  #006db1 0%, #00adef 99%);
	background: -webkit-linear-gradient(left,  #006db1 0%,#00adef 99%);
	background: linear-gradient(to right,  #006db1 0%,#00adef 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006db1', endColorstr='#00adef',GradientType=1 );
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.main-navigation ul li:after{
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	content: '';
	right: 50%;
	bottom: -4px;
	background: #002c73;
	background: -moz-linear-gradient(left,  #002c73 0%, #006db1 100%);
	background: -webkit-linear-gradient(left,  #002c73 0%,#006db1 100%);
	background: linear-gradient(to right,  #002c73 0%,#006db1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c73', endColorstr='#006db1',GradientType=1 );
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.main-navigation ul li:first-child:before,
.main-navigation ul li:first-child:after{
	display: none;
}
.main-navigation ul li.current-menu-item:first-child a{
	color: #213f99;
}
.main-navigation ul li:hover:before,
.main-navigation ul li:hover:after,
.main-navigation ul li.sfHover:before,
.main-navigation ul li.sfHover:after,
.main-navigation ul li.current-menu-item:before,
.main-navigation ul li.current-menu-item:after{
	width: calc(50% - 10px);
}
.main-navigation ul li ul{
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 15px);
	z-index: 200;
	background: #fff;
	border-radius: 3px;;
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	padding: 9px 0 11px 0;
	border-bottom: 3px solid #00adef;
}
.main-navigation ul li ul:before {
	content: '';
	display: block;
	height: 5px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	left: 23px;
	top: -7px;
	transition: all 0.15s ease-in-out;
	border: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	z-index: 1;
}

.main-navigation ul li ul:after {
	content: '';
	display: block;
	height: 5px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	left: 23px;
	top: -7px;
	z-index: 0;
	transition: all 0.15s ease-in-out;
	border: 6px solid transparent;
	border-bottom: 6px solid rgba(0, 0, 0, 0.2);
}
.main-navigation ul li ul li{
	display: block;
	float: none;
}
.main-navigation ul li ul li a{
	display: block;
	font-size: 14px;
	white-space: nowrap;
	padding: 5px 10px;
	font-weight: 400;
}
.main-navigation ul li ul li a:hover{
	color: #002c73;
}
.main-navigation ul li ul li:before,
.main-navigation ul li ul li:after{
	display: none;
}


/*------------------------
		Showcase
------------------------*/
.showcase{
	position: relative;
	overflow: hidden;
	height: calc(100vh - 129px);
	min-height: 650px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.showcase:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
/* 	background: rgba(0, 44, 115, 0.2); */
}
.ticket-searcher-wrapper{
	position: absolute;
	top: auto;
	top: 235px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
}
.ticket-searcher-wrapper .route-hidden-message{
	position: absolute;
	top: calc(100% - 20px);
	background: #ff6961;
	color: #fff;
	padding: 4px 20px;
	font-size: 14px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	visibility:hidden;
	z-index: -1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height: 30px;
	white-space: nowrap;
}
.ticket-searcher-wrapper .route-hidden-message:before{
	position: absolute;
	left: 100%;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: #ff6961 transparent transparent transparent;
}
.ticket-searcher-wrapper .route-hidden-message:after{
	position: absolute;
	right: 100%;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 30px  0;
	border-color: transparent #ff6961  transparent transparent;
}
.ticket-searcher-wrapper .only-passengers-trip .route-hidden-message{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.validation-errors .route-hidden-message{
	displa: none;
}
.online-ticket.only-passengers-trip .route-hidden-message,
.online-ticket.only-passengers-trip .error-message-wrapper{
	display: block !important;
}
.ticket-searcher{
	display: block;
	height: 110px;
	background: rgba(255,255,255,1);
}
.ticket-searcher:after{
	display: block;
	content: '';
	clear: both;
}
.ticket-searcher h2,
.ticket-searcher h1{
	position: absolute;
	font-family: 'Source Sans Pro', sans-serif;
	left: 0;
	top: -50px;
	color: #fff;
	opacity: 1;
	font-weight: 400;
	font-size: 30px;
	font-weight: 800;
	text-shadow: 1px 1px 1px #000;
}
.ticket-searcher{
	position: relative;
	display: block;
	box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
}
.ticket-searcher .label{
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: 110px;
	overflow: hidden;
}
.ticket-searcher .label:before{
	width: 200px;
	height: 200px;
	background: #00adef;
	content: '';
	position: absolute;
	left: -100px;
	top: -50%;
	border-radius: 100%;
	z-index: 0;
}
.ticket-searcher .label .complex-icon{
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	width: 100px;
	height: 110px;
}
.ticket-searcher .label .complex-icon i{
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 38px;
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 110px;
	display: block;
	text-align: center;
	line-height: 102px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.ticket-searcher .label .complex-icon i.fa-ship{
	opacity: 1;
	visibility: visible;
}
.ticket-searcher-wrapper:hover .ticket-searcher .label .complex-icon i.fa-ship{
	opacity: 0;
	visibility: hidden;
}
.ticket-searcher .label .complex-icon i.fa-search{
	opacity: 0;
	visibility: hidden;
}
.ticket-searcher-wrapper:hover .ticket-searcher .label .complex-icon i.fa-search{
	opacity: 1;
	visibility: visible;
}
.ticket-searcher-wrapper .ticket-searcher .label h3{
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 300;
	width: 160px;
	padding: 25px 15px;
	margin: 0;
	line-height: 21px;
}

.ticket-searcher-wrapper form{
	padding: 17px 20px;
	display: block;
	float: left;
	width: calc(100% - 100px);
}
.ticket-searcher-wrapper form .radio-group{
	display: block;
	margin-bottom: 5px;
	position: absolute;
	right: 0;
	top: -40px;
	background: #fff;
	height: 40px;
	line-height: 30px;
	padding: 5px 15px 5px 5px;
	border-radius: 0 0 0 0;
}
.ticket-searcher-wrapper form .radio-group:before{
	position: absolute;
	left: -40px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #ffffff transparent;
	content: '';
}
.ticket-searcher-wrapper form .radio-group label{
	font-size: 14px;
	line-height: 30px;
	margin-left: 15px;
	padding-left: 32px;
	font-weight: 300;
}
.ticket-searcher-wrapper form .radio-group label .checkmark{
	top: 3px;
}


.ticket-searcher-wrapper form .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ticket-searcher-wrapper form .nice-select:hover,
.ticket-searcher-wrapper form .nice-select:focus{
	border: 1px solid #213f99;	
}
.ticket-searcher-wrapper form .ui-spinner .ui-spinner-input{
	font-size: 16px;
	font-weight: 100;
	padding: 0;
}
.ticket-searcher-wrapper form .ui-spinner.ui-widget.ui-widget-content{
	margin: 0;
	height: 50px;
	line-height: 50px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
	border-radius: 0;
}
.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button,
.online-ticket-body .ui-spinner a.ui-spinner-button{
	top: 0;
	margin-top: 0;
	border-radius: 0;
	background: #CECECE;
}
.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button:hover,
.online-ticket-body .ui-spinner a.ui-spinner-button:hover{
	background: #00adef;
}
.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button,
.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button.ui-spinner-down:before,
.online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-down:before,
.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button.ui-spinner-up:before,
.online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-down:before{
	height: 50px;
	line-height: 50px;
}



/* Custom Radio Buttons */
.radio-container,
.checkbox-container{
	display: inline-block;
	position: relative;
	padding-left: 27px;
	cursor: pointer;
	
	user-select: none;
}
.radio-container input,
.checkbox-container input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background-color: #dfdfdf;
	border-radius: 50%;
}
.checkbox-container .checkmark{
	border-radius: 0;
	top: 5px;
}
.radio-container:hover input:not([disabled]):not(:checked) ~ .checkmark,
.checkbox-container:hover input:not([disabled]):not(:checked) ~ .checkmark {
	background-color: rgba(0, 173, 239, 0.5);
}
.radio-container input:checked ~ .checkmark,
.checkbox-container input:checked ~ .checkmark {
	background-color: #006db1;
}
.checkmark:after {
	content: '\f00c';
	font-family: 'Font Awesome\ 5 Pro';
	color: #fff;
	font-weight: 100;
	position: absolute;
	display: none;
}
.checkbox-container .checkmark:after{
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
}
.radio-container input:checked ~ .checkmark:after,
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}
.radio-container .checkmark:after,
.radio-container .checkmark:after {
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.ticket-searcher-wrapper form .form-main-body input,
.ticket-searcher-wrapper form .form-main-body select{
	display: none;
}
.ticket-searcher-wrapper form .form-main-body .ui-spinner input{
	display: block;
	text-align: center;
	width: calc(100% - 60px);
}
.ticket-searcher-wrapper form .form-main-body:after{
	display: block;
	content: '';
	position: relative;
}
.ticket-searcher-wrapper form .form-main-body label{
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	margin: 0 0 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 2px;
}
.ticket-searcher-wrapper form .form-main-body .from-wrapper{
	display: block;
	float: left;
	width: 140px;
	margin-right: 10px;
}
.ticket-searcher-wrapper form .form-main-body .to-wrapper{
	display: block;
	float: left;
	width: 140px;
	margin-right: 10px;
}
.ticket-searcher-wrapper form .form-main-body .selerator{
	display: block;
	width: 20px;
	float: left;
	margin-right: 10px;
	padding-top: 45px;
	text-align: center;
	position: relative;
}
.ticket-searcher-wrapper form .form-main-body .selerator i{
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ticket-searcher-wrapper form .form-main-body .selerator i.fa-long-arrow-right{
	display: none;
}
.ticket-searcher-wrapper form .form-main-body .selerator.single i.fa-long-arrow-right{
	display: block;
}
.ticket-searcher-wrapper form .form-main-body .selerator i.fa-exchange{
	display: block
}
.ticket-searcher-wrapper form .form-main-body .selerator.single i.fa-exchange{
	display: none;
}
.ticket-searcher-wrapper form .form-main-body .selerator button{
	position: absolute;
	left: -10px;
	bottom: -10px;
	width: calc(100% + 20px);
	height: 40px;
	cursor: pointer;
	border: none;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ticket-searcher-wrapper form .form-main-body .selerator button i{
	display: block;
}
.ticket-searcher-wrapper form .form-main-body .selerator:hover button{
	opacity: 1;
	visibility: visible;
}
.ticket-searcher-wrapper form .form-main-body .selerator:hover i{
	opacity: 0;
}
.ticket-searcher-wrapper form .form-main-body .selerator:hover button i{
	opacity: 1;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
	display: block;
	float: left;
	width: 260px;
	margin-right: 10px;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper input,
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	width: 100%;
	display: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	background: #fff;
	white-space: normal;
	line-height: 19px;
	min-width: auto;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton .ui-button-icon{
	display: none;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper input:hover,
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper input:focus,
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton:hover, 
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton:focus{
	border: 1px solid #213f99;	
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper input#date-round-trip{
	display: none !important;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper.single label span{
	display: none;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
	position: relative;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper input#date-one-way,
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.ticket-searcher-wrapper form .form-main-body .spinner-wrapper{
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}
.ticket-searcher-wrapper .form-main-body .nice-select{
	clear: none;
	width: 100%;
	float: left;
}
.ticket-searcher-wrapper .form-main-body button{
	display: block;
	width: 100px;
	float: left;
}
.ticket-searcher-wrapper .form-main-body .submit{
	display: block;
	float: right;
	background-color: #002c73;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 77px;
	line-height: auto;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	min-width: 150px;
	margin: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
	font-size: 18px;
}
.ticket-searcher-wrapper .form-main-body .submit:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.ticket-searcher-wrapper .form-main-body .submit i{
	display: block;
	margin-right: 0;
	vertical-align: middle;
	font-size: 25px;
	margin-bottom: 1px;
}
.ticket-searcher-wrapper .form-main-body .submit i.fa-spinner,
.ticket-searcher-wrapper .form-main-body .submit.loading i.fa-search{
	display: none;
}
.ticket-searcher-wrapper .form-main-body .submit.loading i.fa-spinner{
	display: block;
}



/* Custom Spinner */
.ui-spinner.ui-widget.ui-widget-content{
	position: relative;
	border: none;
	margin: 0;
	font-size: 14px;
	height: 42px;
	line-height: 36px;
}
.ui-spinner a.ui-spinner-button{
	position: absolute;
	top: 50%;
	margin-top: -14px;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	background: #00adef;
	box-shadow: none;
	border: none;
	text-indent: 0;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ui-spinner a.ui-spinner-button:hover{
	background: #213f99;	
}
.ui-spinner a.ui-spinner-button span{
	display: none;
}
.ui-spinner a.ui-spinner-button.ui-spinner-down{
	left: 0;
}
.ui-spinner a.ui-spinner-button.ui-spinner-down:before{
	content: '\f068';
	font-family: 'Font Awesome\ 5 Pro';
	color: #fff;
	font-weight: 100;
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 10px;
}
.ui-spinner a.ui-spinner-button.ui-spinner-up{
	right: 0;
}
.ui-spinner a.ui-spinner-button.ui-spinner-up:before{
	content: '\f067';
	font-family: 'Font Awesome\ 5 Pro';
	color: #fff;
	font-weight: 100;
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 10px;
}
.ui-spinner .ui-spinner-input{
	width: 30px;
	text-align: center;
	margin: 0 30px;
	border: none;
}

/*---------------------------------
		Page header
---------------------------------*/
.page-header{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.page-header:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 44, 115, 0.2);
}
.page-header h1{
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 36px;
	font-weight: 800;
	text-shadow: 1px 1px 1px #000;
	display: inline-block;
	margin: 0;
	max-width: calc(100% - 300px);
	line-height: 37px;
}
.page-header .btn{
	float: right;
}

/*---------------------------------
		Breadcrumbs
---------------------------------*/
.breadcrumbs{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.breadcrumbs a,
.breadcrumbs span{
	font-size: 13px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight: 100;
}
.breadcrumbs a{
	color: #002c73;
}
.breadcrumbs a:after{
	display: inline-block;
	content: '\f178';
	font-weight: 100;
	font-family: 'Font Awesome\ 5 Pro';
	margin: 0 5px 0 8px;
	color: #222222;
}
.breadcrumbs a:hover{
	color: #222222;
}


/*---------------------------------
		Content
---------------------------------*/
.content{
	position: relative;
}
.content .heading h2{
	font-size: 42px;
	font-weight: 300;
}
.content .heading p{
	font-size: 14px;
}
.content img{
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
}
.content h3{
	font-size: 36px;
	font-weight: 300;
}
.content hr{
	display: block;
	width: 100%; 
	margin: 20px 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 2px dashed rgb(0, 44, 115);
}
.content p{
	color: #000000;
	font-size: 16px;
	line-height: 26px;
    margin-bottom: 15px;
    font-weight: 300;
}
.content .styled-content p{
	font-size: 18px;
	line-height: 29px;
}
.content ul{
	padding: 0 0 0 24px;
}
.content .styled-content ul{
	padding: 0;
}
.content ul li{
	color: #000000;
	font-size: 16px;
	line-height: 26px;
    margin-bottom: 15px;
    font-weight: 300;
}
.content .styled-content ul li{
	font-size: 18px;
	line-height: 29px;
	display: block;
	position: relative;
	padding-left: 25px;
}
.content .styled-content ul li:before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '\f058';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
}
.content ol{
	padding: 0 0 0 24px;
}
.content ol li{
	color: #000000;
	font-size: 16px;
	line-height: 26px;
    margin-bottom: 15px;
    font-weight: 300;
}
.content a{
	color: #006db1;
	text-decoration: underline;
}
.content figure{
	display: block;
	margin-bottom: 15px;
	position: relative;
}
.content figure br{
	display: none;
}
.content figure img{
	display: block;
	width: 100%;
	height: auto;
}
.content figure figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 15px;
	background: rgba(0,44,115,0.8);
	color: #fff;
	font-size: 13px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-moz-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.content .destinations figure figcaption{
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	top: auto;
	bottom: 0;
	padding: 10px 20px;
}
.content .destinations figure img{
	max-height: 360px;
}
.content figure:hover figcaption,
.content .destinations figure figcaption{
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.multifigure{
	position: relative;
	margin: 0;
	display: block;
	width: 100%;
	padding-bottom: 80px;
}
.multifigure img{
	box-shadow: 0 0px 9px -2px rgba(0, 0, 0, 0.4);
}
.multifigure img:first-child{
	display: block;
	width: 80%;
	height: auto;
	position: relative;
	z-index: 1;
}
.multifigure img:last-child{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70%;
	height: auto;
	z-index: 2;
}
.infobox{
	position: relative;
}
.infobox blockquote,
.infobox .infobox-wrapper{
	display: block;
	padding: 20px 20px 20px 110px;
	border-left: 4px solid #213f99;
	border-right: 4px solid #213f99;
	position: relative;
}
.infobox.error .infobox-wrapper{
	border-left: 4px solid rgb(252, 213, 43);
	border-right: 4px solid rgb(252, 213, 43);
}
.infobox blockquote:before,
.infobox .infobox-wrapper:before{
	width: 20px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #213f99;
}
.infobox blockquote:after,
.infobox .infobox-wrapper:after{
	width: 20px;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #213f99;
}
.infobox.error blockquote:before,
.infobox.error .infobox-wrapper:before,
.infobox.error blockquote:after,
.infobox.error .infobox-wrapper:after,
.infobox.error blockquote p:after,
.infobox.error .infobox-wrapper p:after,
.infobox.error blockquote p:before,
.infobox.error .infobox-wrapper p:before{
	background: rgb(252, 213, 43);
}
.infobox blockquote i,
.infobox .infobox-wrapper i{
	display: block;
	float: left;
	width: 50px;
	font-size: 40px;
	text-align: center;
	position: absolute;
	margin-top: -25px;
	height: 50px;
	line-height: 50px;
	top: 50%;
	left: 40px;
}
.infobox blockquote p{
	font-size: 22px;
	line-height: 32px;
	font-weight: 100;
	margin: 0;
}
.infobox .infobox-wrapper h4{
	font-weight: 400;
	margin-bottom: 0;
}
.infobox .infobox-wrapper p{
	font-weight: 300;
}
.infobox blockquote p:before,
.infobox .infobox-wrapper p:before{
	width: 20px;
	height: 4px;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background: #213f99;
}
.infobox blockquote p:after,
.infobox .infobox-wrapper p:after{
	width: 20px;
	height: 4px;
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	background: #213f99;
}


/*---------------------------------
	Nice Info Box
---------------------------------*/
.nice-info-box-wrapper{
	display: block;
	margin: 40px 60px;
	position: relative;
	padding: 25px 20px 10px 40px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	margin-bottom: 0;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nice-info-box-wrapper i{
	position: absolute;
	left: 0;
	width: 85px;
	height: 40px;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	font-size: 40px;
	color: rgba(34,34,34,0.6);
}
.nice-info-box-wrapper .inner{
	padding-left: 45px;
}
.nice-info-box-wrapper .inner p{
	font-size: 18px;
	font-weight: 300;
}

/*---------------------------------
	External Link
---------------------------------*/
.external-link-blk{
	display: block;
	margin: 40px 20px;
	text-align: center;
}
.external-link-blk a{
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	margin-bottom: 0;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.external-link-blk a:hover{
	color: #fff;
	background: #00adef;
}
.external-link-blk a i{
	margin: 0 6px;
}

/*---------------------------------
	Steps of proccess
---------------------------------*/
.step-of-proc{
	margin-bottom: 20px;
	position: relative;
	font-weight: 300;
	font-size: 15px;
}
.step-of-proc .number{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	display: block;
	margin-bottom: 5px;
}
.step-of-proc img{
	display: block;
	width: 100%;
	height: auto;
}
.step-of-proc .next-step{
	padding-top: 20px;
	opacity: 0.5;
}
.page-of-contents .pof-section .step-of-proc:last-of-type .next-step, 
.hidden-terms .pof-section .step-of-proc:last-of-type .next-step{
	display: none;
}

/*---------------------------------
	Schedule Graphic
---------------------------------*/
.schedule-graphic{
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
}
.schedule-graphic i{
	opacity: 0.5;
	color: #00adef;
	font-size: 22px;
	-webkit-animation: blink 2s infinite;
	animation: blink 2s infinite;
}
.schedule-graphic figure{
	width:200px;
	height: 200px;
	margin: 0 20px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	box-shadow: 0 0px 9px -2px rgba(0, 0, 0, 0.4);
}
.schedule-graphic figure figcaption{
	position: absolute;
	left: 0;
	top: -40px;
	text-align: center;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 20px;
}

/*---------------------------------
			Sidebar
---------------------------------*/
aside{
	position: relative;
}
aside#sidebar{
	width: 0;
	max-width: 0;
	flex: 0;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	max-height: 0;
}
aside#sidebar.active{
	width: 100%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	opacity: 1;
	visibility: visible;
	padding-right: 15px;
	padding-left: 15px;
	max-height: inherit;
}
aside .widget{
	margin-bottom: 40px;
}
aside .widget.widget-menu{
	position: relative;
	padding-top: 90px;
}
aside .widget.widget-menu ul{
	display: block;
}
aside .widget.widget-menu ul li{
	display: block;
	margin-bottom: 6px;
}
aside .widget.widget-menu ul li a{
	display: block;
	background: #ffffff;
	color: #222222;
	border: none;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 400;
	position: relative;
	outline: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 52px;
	line-height: 52px;
	text-decoration: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
aside .widget.widget-menu ul li a:hover,
aside .widget.widget-menu ul li.current-menu-item a{
	background: #00adef;
	color: #fff;
}


aside .widget.widget_list{
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
}
aside .widget.widget_list .title{
	display: block;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
aside .widget.widget_list .title .icon{
	display: block;
	float: left;
	text-align: center;
	width: 82px;
	height: 75px;
	background-color: #213f99;
	margin: 0 17px 0 0;
	-webkit-border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	-moz-border-radius-bottomright: 35px;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	font-size: 40px;
	line-height: 1.9;
	color: #ffffff;
}
aside .widget.widget_list .title h3{
	font-weight: 300;
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
}
aside .widget.widget_list ul{
	display: block;
	padding: 10px 0;
}
aside .widget.widget_list ul li{
	display: block;
}
aside .widget.widget_list ul li a{
	display: block;
	color: #222;
	font-size: 16px;
	padding: 10px 30px;
	font-weight: 300;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
aside .widget.widget_list ul li a:hover{
	color: #fff;
	background: rgba(0, 173, 239, 0.7);
}
aside .widget.widget_list ul li.current-menu-item a{
	color: #fff;
	background: #00adef;
	background: -moz-linear-gradient(left,  #00adef 0%, #002c73 100%);
	background: -webkit-linear-gradient(left,  #00adef 0%,#002c73 100%);
	background: linear-gradient(to right,  #00adef 0%,#002c73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#002c73',GradientType=1 );
}

aside .widget.account-widget{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
}
aside .widget.account-widget ul{
	display: block;
	position: relative;
	padding: 20px 0;
	margin: 0;
}
aside .widget.account-widget ul li{
	display: block;
	padding: 0;
	margin: 0;
}
aside .widget.account-widget ul li a{
	display: block;
	padding: 5px 15px;
	margin: 0;
	text-decoration: none;
	border-left: 5px solid #fff;
	color: #222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
aside .widget.account-widget ul li.current-menu-item a{
	border-left: 5px solid #213f99;
	background: rgba(186, 217, 234, 0.2);
}
aside .widget.account-widget ul li ul li.current-menu-item a{
	border-left: 5px solid #00adef;
	background: rgba(186, 217, 234, 0.1);
}
aside .widget.account-widget ul li a:hover{
	border-left: 5px solid #00adef;
	background: rgba(186, 217, 234, 0.1);
}
aside .widget.account-widget ul li a i{
	display: inline-block;
	width: 20px;
	text-align: center;
	margin-right: 5px;
}
aside .widget.account-widget ul li ul{
	padding: 0;
}
aside .widget.account-widget ul li ul li{
	display: none;
}
aside .widget.account-widget ul li ul li.current-menu-item,
aside .widget.account-widget ul li.current-menu-ancestor ul li,
aside .widget.account-widget ul li.current-menu-item ul li{
	display: block;
}
aside .widget.account-widget ul li ul li a{
	padding: 5px 15px 5px 30px;
	font-size: 13px;
	font-weight: 300;
}

aside .widget.credits-widget{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
}
aside .widget.credits-widget .title{
	display: block;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
aside .widget.credits-widget .title .icon{
	display: block;
	float: left;
	text-align: center;
	width: 82px;
	height: 75px;
	background-color: #213f99;
	margin: 0 17px 0 0;
	-webkit-border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	-moz-border-radius-bottomright: 35px;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	font-size: 40px;
	line-height: 1.9;
	color: #ffffff;
}
aside .widget.credits-widget .title h3{
	font-weight: 300;
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
}
aside .widget.credits-widget .widget-body p{
	padding: 15px 20px 0;
	font-weight: 300;
	color: #808080;
	margin: 0;
}
aside .widget.credits-widget .widget-body p strong {
    font-weight: 600;
    font-size: 18px;
    color: #213f99;
}
aside .widget.credits-widget ul{
	display: block;
	position: relative;
	padding: 20px 0;
	margin: 0;
}
aside .widget.credits-widget ul li{
	display: block;
	padding: 0;
	margin: 0;
}
aside .widget.credits-widget ul li a{
	display: block;
	padding: 5px 15px;
	margin: 0;
	text-decoration: none;
	border-left: 5px solid #fff;
	color: #222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
aside .widget.credits-widget ul li.current-menu-item a{
	border-left: 5px solid #213f99;
	background: rgba(186, 217, 234, 0.2);
}
aside .widget.credits-widget ul li a:hover{
	border-left: 5px solid #00adef;
	background: rgba(186, 217, 234, 0.1);
}


/*-----------------------
	Account
------------------------*/
.account{
	position: relative;
}
.account .welcome{
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 40px;
	line-height: 24px;
	position: relative;
}
.account .welcome .col-12 {
    position: initial;
}
.account .welcome .wave{
	font-size: 20px;
	margin-right: 10px;
}
.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: inherit;
	transform-origin: 70% 70%;
	display: inline-block;
	opacity: 0; visibility: hidden;
	animation-delay: 1s;
}
@keyframes wave-animation {
	0% { transform: rotate(  0.0deg); opacity: 0; visibility: hidden; }
	10% { transform: rotate(-10.0deg); opacity: 1; visibility: visible; }
	20% { transform: rotate( 12.0deg); opacity: 1; visibility: visible; }
	30% { transform: rotate(-10.0deg); opacity: 1; visibility: visible; }
	40% { transform: rotate(  9.0deg); opacity: 1; visibility: visible; }
	50% { transform: rotate(  0.0deg); opacity: 1; visibility: visible; }
	90% { transform: rotate(  0.0deg); opacity: 0; visibility: hidden; }
	100% { opacity: 0; visibility: hidden; }
}
.account .welcome .sidebar-toggler,
.account .welcome .mob-sidebar-toggler{
	display: inline-block;
	color: #213f99;
	font-size: 24px;
	width: 24px;
	line-height: 24px;
	height: 24px;
	vertical-align: bottom;
}
.account .welcome .sidebar-toggler:hover,
.account .welcome .mob-sidebar-toggler:hover{
	color: #00adef;	
}
.account .welcome .current-datetime{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.account .welcome .current-datetime i{
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding: 4px;
	color: #213f99;
	opacity: 0.8;
}
.account .welcome .current-date{
	display: block;
	float: left;
	margin-right: 10px;
}
.account .welcome .current-hour{
	display: block;
	float: left;
	margin-left: 0px;
}
.account .welcome .seconds{
	display: block;
	float: left;
	-webkit-animation: blink 1s infinite;
	animation: blink 1s infinite;
	margin: 0 2px;
}
.account .welcome .current-minutes{
	display: block;
	float: left;
}
.account .welcome .notifications-icon-trigger{
	display: inline-block;
	color: #b2b2b2;
}
.account .welcome .notifications-icon-trigger a{
	color: #222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account .welcome .notifications-icon-trigger a:hover{
	color: #00adef;
}

/*---------------------------------
			Styled Form
---------------------------------*/
.styled_form_wrapper{
	margin: 0;
}
.styled_form_wrapper .styled_form{
	position: relative;
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield{
	margin: 10px 0 0 0;
	padding: 0 0 0 45px;
	position: relative;
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.register_email:before{
	position: absolute;
	left: 0;
	top: 25px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f1fa';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.register_password:before{
	position: absolute;
	left: 0;
	top: 35px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f30d';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.register_password:after{
	position: absolute;
	left: 0;
	top: 122px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f30d';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.change_password:before{
	position: absolute;
	left: 0;
	top: 35px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f13e';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.change_password:after{
	position: absolute;
	left: 0;
	top: 122px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f13e';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.register_name:before,
.styled_form_wrapper .styled_form ul.gform_fields li.gfield.register_lastname:before{
	position: absolute;
	left: 0;
	top: 28px;
	left: 0;
	width: 45px;
	height: 50px;
	line-height: 50px;
	content: '\f007';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	text-align: center;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form .top_label .gfield_label, 
.styled_form_wrapper .styled_form legend.gfield_label,
.styled_form_wrapper .styled_form .field_sublabel_above .ginput_complex.ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_above div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_above div[class*="gfield_time_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below .ginput_complex.ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below div[class*="gfield_time_"].ginput_container label{
	display: block;
	font-weight: 300;
	line-height: 25px;
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: 0;
}
.styled_form_wrapper .styled_form .field_sublabel_above .ginput_complex.ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_above div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_above div[class*="gfield_time_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below .ginput_complex.ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper .styled_form .field_sublabel_below div[class*="gfield_time_"].ginput_container label{
	margin-top: 10px;
	line-height: 25px;
}
.styled_form_wrapper .styled_form .gfield_required{
	display: none;
}
.styled_form_wrapper .styled_form input[type=text],
.styled_form_wrapper .styled_form input[type=email],
.styled_form_wrapper .styled_form input[type=password],
.styled_form_wrapper .styled_form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: none;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
	margin-top: 0;
}
.styled_form_wrapper .styled_form input[type=text]:disabled,
.styled_form_wrapper .styled_form input[type=email]:disabled,
.styled_form_wrapper .styled_form input[type=password]:disabled,
.styled_form_wrapper .styled_form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):disabled{
	cursor: not-allowed;
	background: rgba(164, 173, 184, 0.6);
	color: #fff;
	border: 1px solid rgba(164, 173, 184, 0.8) !important;
}
.styled_form_wrapper .styled_form input:hover,
.styled_form_wrapper .styled_form input:focus{
	border: 1px solid #213f99 !important;	
}
.styled_form_wrapper .styled_form li.field_sublabel_above .ginput_complex input[type="text"] {
    margin-bottom: 0 !important;
}
.styled_form_wrapper .styled_form .gfield_password_strength{
	border: none;
	font-size: 14px;
	font-weight: 300;
	padding: 5px;
}
.styled_form_wrapper .styled_form .ginput_complex .ginput_left, 
.styled_form_wrapper .styled_form .ginput_complex .ginput_right{
	width: 100%;
	padding: 0;
	position: relative;
}
.styled_form_wrapper .styled_form .gfield_password_strength.mismatch, 
.styled_form_wrapper .styled_form .gfield_password_strength.short{
	background: #ff6961;
	border: none;
	color: #fff;
}
.styled_form_wrapper .styled_form .gfield_password_strength.bad{
	background: #F8A83E;
	border: none;
	color: #fff;
}
.styled_form_wrapper .styled_form .gfield_password_strength.good{
	background: #00adef;
	border: none;
	color: #fff;
}
.styled_form_wrapper .styled_form .gfield_password_strength.strong{
	background: #6dd9aa;
	border: none;
	color: #fff;
}
.styled_form_wrapper .styled_form .submit,
.styled_form_wrapper .styled_form .gform_footer input.button, 
.styled_form_wrapper .styled_form .gform_footer input[type="submit"], 
.styled_form_wrapper .styled_form .gform_page_footer input.button, 
.styled_form_wrapper .styled_form .gform_page_footer input[type="submit"]{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-align: center;
	min-width: 300px;
}
.styled_form_wrapper .styled_form .submit:hover,
.styled_form_wrapper .styled_form .gform_footer input.button:hover, 
.styled_form_wrapper .styled_form .gform_footer input[type="submit"]:hover, 
.styled_form_wrapper .styled_form .gform_page_footer input.button:hover, 
.styled_form_wrapper .styled_form .gform_page_footer input[type="submit"]:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.styled_form_wrapper .styled_form .gform_footer{
	text-align: center;
	padding: 0;
}
.styled_form_wrapper .styled_form .show-password{
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
	background: transparent;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.styled_form_wrapper .styled_form .show-password i{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.styled_form_wrapper .styled_form .show-password:hover i{
	color: #213f99;
}
.styled_form_wrapper .styled_form .gdpr_checkbox .gfield_checkbox li label:after{
	background: #dfdfdf;
}
.styled_form_wrapper .styled_form .gdpr_checkbox .gfield_checkbox li label:hover:after {
    background: rgba(0, 173, 239, 0.5);
}
.styled_form_wrapper .styled_form .gdpr_checkbox input[type="checkbox"]:checked + label::after{
	background: #00adef;
}
.styled_form_wrapper .styled_form .gdpr_checkbox .gfield_checkbox label a{
	color: #00adef;
	text-decoration: none;
}
.styled_form_wrapper .styled_form .gdpr_checkbox .gfield_checkbox label a:hover{
	text-decoration: underline;
}
.styled_form_wrapper .styled_form div.validation_error{
	margin-bottom: 30px;
	background: #ff6961;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	max-width: 100%;
	padding: 16px 20px;
}
.styled_form_wrapper.gform_validation_error .styled_form .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
	max-width: 100% !important;
}
.styled_form_wrapper.gform_wrapper .styled_form li.gfield.gfield_error, 
.styled_form_wrapper.gform_wrapper .styled_form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background-color: rgba(255,223,224,0) !important;
    margin-bottom: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box;
}
.styled_form_wrapper.gform_wrapper .styled_form .field_description_below .gfield_description,
.styled_form_wrapper.gform_wrapper .styled_form .field_sublabel_above .description, 
.styled_form_wrapper.gform_wrapper .styled_form .field_sublabel_above .gfield_description, 
.styled_form_wrapper.gform_wrapper .styled_form .field_sublabel_above .gsection_description,
.styled_form_wrapper.gform_wrapper .styled_form .validation_message{
	padding-top: 5px;
	font-weight: 300;
	color: #ff6961;
}
.styled_form_wrapper.gform_wrapper .styled_form .gfield_error .ginput_complex .ginput_left, 
.styled_form_wrapper.gform_wrapper .styled_form .gfield_error .ginput_complex .ginput_right, 
.styled_form_wrapper.gform_wrapper .styled_form .ginput_complex .ginput_cardinfo_lef{
	width: 100%;
}
.styled_form_wrapper.gform_wrapper .styled_form li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.styled_form_wrapper.gform_wrapper .styled_form li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_above .ginput_complex.ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_above div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_above div[class*="gfield_time_"].ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_below .ginput_complex.ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_below div[class*="gfield_date_"].ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form .styled_form .field_sublabel_below div[class*="gfield_time_"].ginput_container label{
	margin-top: 0;
	color: #222;
}
.styled_form_wrapper.styled_form_wrapper .styled_form li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.styled_form_wrapper.styled_form_wrapper .styled_form li.gfield_error textarea{
	border: 1px solid #ff6961;
}
.styled_form_wrapper.styled_form_wrapper .styled_form li.gfield_error div.ginput_complex.ginput_container label, 
.styled_form_wrapper.styled_form_wrapper .styled_form li.gfield_error ul.gfield_checkbox, 
.styled_form_wrapper.styled_form_wrapper .styled_form li.gfield_error ul.gfield_radio{
	color: #222;
}
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=email], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=number], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=password], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=tel], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=text], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error input[type=url], 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error select, 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form .gfield_error textarea, 
.styled_form_wrapper.styled_form_wrapper.gf_browser_chrome .styled_form li.gfield_error.field_sublabel_above .ginput_complex input[type=text]{
	margin-bottom: 0;
}
.styled_form_wrapper.styled_form_wrapper .styled_form .gfield_password_strength,
.styled_form_wrapper.styled_form_wrapper .styled_form ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength{
	margin-bottom: 10px;
}
.gform_confirmation_wrapper.styled_form .gform_confirmation_message{
	margin-bottom: 30px;
	background: #6dd9aa;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	max-width: 100%;
	padding: 16px 20px;
}
.gform_ajax_spinner {
	margin-left: 0;				/* give it some space from the Submit button */
	border: 4px solid rgba(255, 255, 255, 0.3);	/* match with border-left */
	border-left: 4px solid gold;
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;					/* match with height for a circle */
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 8px;
}
@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*---------------------------------
		Dashboard
---------------------------------*/
.dashboard{
	position: relative;
}
.dashboard hr{
	border-top: 3px dotted rgba(34, 34, 34, 0.1);
	border-left: none;
	border-bottom: none;
	border-right: none;
	margin-bottom: 30px;
}
.dashboard .dashbox{
	display: block;
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 40px 80px 40px 40px;
	overflow: hidden;
	font-weight: 300;
	font-size: 16px;
	min-height: 100%;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.dashboard [class*=col]{
	margin-bottom: 30px;
}
.dashboard .dashbox:not(.static):hover{
	background: #00adef;
	color: #fff;
}
.dashboard .dashbox i{
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 55px;
    color: #bababa;
    opacity: 0.2;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.dashboard .dashbox:not(.static):hover i{
	color: #fff;
}
.dashboard .dashbox.static{
	padding: 15px 40px 26px 40px;
}
.dashboard .dashbox.static p{
	padding: 15px 20px 0;
	font-weight: 300;
	font-size: 16px;
	color: #808080;
	margin: 0;
}
.dashboard .dashbox.static p strong {
    font-weight: 600;
    font-size: 20px;
    color: #213f99;
}

/*---------------------------------
		Notifications
---------------------------------*/
.notifications{
	position: relative;
	margin-bottom: 30px;
}
.notifications.static{
	display: block !important;
}
.notifications.initial-hidden{
	display: none;
}
.notifications h2{
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 10px;
}
.notifications .deco-icon{
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 55px;
    color: #bababa;
    opacity: 0.05;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notifications ul{
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}
.notifications ul li{
	font-weight: 300;
	margin-bottom: 5px;	
	display: block;
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 10px 40px 10px 20px;
	overflow: hidden;
	font-weight: 300;
	font-size: 14px;
	min-height: 100%;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notifications ul li.attention{
	border-left: 5px solid #F8A83E;
}
.notifications ul li.error{
	border-left: 5px solid #ff6961;
}
.notifications ul li.success{
	border-left: 5px solid #6dd9aa;
}
.notifications ul li a{
	color: #00adef;
	text-decoration: none;
}
.notifications ul li i{
	position: relative;
	right: auto;
	top: auto;
	opacity: 1;
	font-size: inherit;
	min-width: 25px;
	text-align: center;;
}
.notifications ul li.attention i{
	color: #F8A83E;	
}
.notifications ul li.error i{
	color: #ff6961;
}
.notifications ul li.success i{
	color: #6dd9aa;
}
.notifications ul li .close-notification{
	display: block;
	float: right;
	position: absolute;
	right: 10px;
	top: 50%;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
}
.notifications ul li .close-notification i{
	color: #222;
}
.notifications .close-notifications{
	position: absolute;
	right: 20px;
	top: 10px;
	color: #222;
	font-size: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notifications .close-notifications:hover{
	color: #00adef;	
}

/*---------------------------------
			Orders
---------------------------------*/
.dash-box-wrapper{
	position: relative;
}
.dash-box-wrapper .dash-box{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 20px 20px 40px;
	margin-bottom: 30px;
}
.dash-box-wrapper .dash-box h2{
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.dash-box-wrapper .dash-box h2 i{
	color: #213f99;
	min-width: 45px;
	text-align: center;
}
.dash-box-wrapper .dash-box .account-details{
	position: relative;
}
.dash-box-wrapper .dash-box .account-details .entry{
	padding-bottom: 10px;
	padding-top: 10px;
}
.dash-box-wrapper .dash-box .account-details .entry strong{
	font-weight: 600;
}
.dash-box-wrapper .dash-box .account-details .entry span{
	font-weight: 300;
}

/*---------------------------------
		Update Profile
---------------------------------*/
.update-profile{
	position: relative;
}
.update-profile label{
	display: block;
	font-size: 17px;
	font-weight: 100;
	margin-top: 10px;
	text-transform: capitalize;
}
.update-profile .icon-col i{
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.update-profile input:not([type=checkbox]){
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 2;
}
.update-profile input:hover:not([type=checkbox]),
.update-profile input:focus:not([type=checkbox]){
	border: 1px solid #213f99;	
}
.update-profile .submit i.fa-spinner,
.update-profile .submit.loading i.fa-id-card{
	display: none;
}
.update-profile .submit.loading i.fa-spinner{
	display: inline-block;
}
.update-profile .submit,
.update-profile .button{
	display: inline-block;
	float: none;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 50px;
	padding-right: 50px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	margin: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.update-profile .submit{
	margin-top: 27px;
}
.update-profile .button.alt-button{
	background: #a4adb8;
}
.update-profile .submit:hover,
.update-profile .button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.update-profile .button.back{
	display: inline-block;
	width: auto;
}
.update-profile .button.orange{
	background: #F8A83E;
}
.update-profile .button.orange:not([disabled]):hover{
	background: #E68A10;
}
.update-profile .button.alt-button:hover{
	background: #00adef;
}
.update-profile .submit i,
.update-profile .button i{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	font-size: 20px;
	color:  #fff;
}
.update-profile .back{
	padding-left: 18px;
	padding-right: 30px;
}
.update-profile hr{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 2px;
	background: -moz-linear-gradient(left,  rgba(34,34,34,0) 0%, rgba(34,34,34,0.1) 20%, rgba(34,34,34,0.1) 50%, rgba(34,34,34,0.1) 80%, rgba(34,34,34,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
	background: linear-gradient(to right,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#00222222',GradientType=1 );
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.update-profile .email-preferences-form label{
	font-size: 19px;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 10px;
}
.update-profile .email-preferences-form .description{
	font-size: 12px;
	line-height: 23px;
	font-weight: 300;
}

/* True False Toggler */
.toggleTrueFalse {
	width: 120px;
	height: 36px;
	background: #fff;
	position: relative;
	border-radius: 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	margin: 20px auto 10px;
	left: 0;
	display: block;
}
.toggleTrueFalse:after {
	content: attr(data-label-off);
	color: #222222;
	position: absolute;
	right: 20px;
	z-index: 0;
	line-height: 36px;
}
.toggleTrueFalse:before {
	content: attr(data-label-on);
	color: #222222;
	position: absolute;
	left: 20px;
	z-index: 0;
	line-height: 36px;
}
.toggleTrueFalse label {
	display: block;
	height: 36px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #ff6961;
	border-radius: 0;
	margin: 0 !important;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.toggleTrueFalse label:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 36px;
	text-align: center;
	content: '\f58d';
	color: #fff;
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	font-size: 24px;
}
.toggleTrueFalse input[type=checkbox] {
	visibility: hidden;
}
.toggleTrueFalse input[type=checkbox]:checked + label {
	left: 50%;
	background: #6dd9aa;
}

/*---------------------------------
			Orders
---------------------------------*/
.orders{
	display: block;
	position: relative;
	width: 100%;
	font-weight: 300;
	font-size: 16px;
	min-height: 100%;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.orders h2{
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 20px;
}
.orders .accordion{
	display: none;
}
.orders .accordion.ui-accordion{
	display: block;
	margin-bottom: 0;
}
.orders .ui-accordion .ui-accordion-header{
	padding: 20px 45px 20px 20px;
	font-size: 16px;
}
.orders .ui-accordion .ui-accordion-header .order-status{
	font-size: 20px;
	min-width: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.orders .ui-accordion .ui-accordion-header .fa-exchange{
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;	
	opacity: 0.4;
}
.orders .ui-accordion .ui-accordion-header .order-title-inner{
	display: inline-block;
	font-size: 16px;
	opacity: 1;
	padding-left: 15px;
	width: calc(100% - 90px);
	vertical-align: middle;
}
.orders .ui-accordion .ui-accordion-header.future .order-status{
	color: #00adef;
}
.orders .ui-accordion .ui-accordion-header .fa-history{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.orders .ui-accordion .ui-accordion-header.past .order-status{
	color: #6dd9aa;
}
.orders .ui-accordion .ui-accordion-header:hover .order-status, 
.orders .ui-accordion .ui-accordion-header.ui-accordion-header-active .order-status{
	color: #fff;
}
.orders .ui-accordion .ui-accordion-header span{
	font-size: 13px;
	opacity: 0.6;
}
.orders .ui-accordion .ui-icon{
	top: 5px;
	width: 60px;
	height: 60px;
}
.orders .ui-accordion .ui-icon:before{
	width: 60px;
	height: 60px;
	line-height: 60px;
	content: '\f107';
	font-size: 26px;
}
.orders .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-icon::before {
    content: '\f106';
}
.orders .summary{
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}
.orders hr{
	border-top: 3px dotted rgba(34, 34, 34, 0.1);
	border-left: none;
	border-bottom: none;
	border-right: none;
	width: 100%;
	float: none;
	clear: both;
}
.orders .summary > div{
	margin-bottom: 5px;
}
.orders .summary strong{
	font-weight: 400;
}
.orders .actions a{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	outline: none;
	padding: 0 20px;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	margin: 0;
}
.orders .actions a i{
	margin-left: 10px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
.orders .actions a:hover{
	background: #213f99;	
}
.orders .memorandum{
	padding: 20px 0 0 0;
}
.orders .memorandum span{
	display: inline-block;
	margin-right: 20px;
}
.orders .memorandum span i{
	margin-right: 2px;
}

/*---------------------------------
	 Filtering
---------------------------------*/
.filters-wrapper{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	width: 100%;
	padding: 15px 20px 20px 20px;
	font-weight: 300;
	font-size: 16px;
	min-height: 100%;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
}
.filters-wrapper .row{
	margin-left: -5px;
	margin-right: -5px;
}
.filters-wrapper [class*=col]{
	padding-left: 5px;
	padding-right: 5px;
}
.filters-wrapper h3{
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 5px;
}
.filters-wrapper label{
	display: block;
	font-weight: 300;
	font-size: 16px;
	margin-top: 15px;
}
.filters-wrapper .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.filters-wrapper .nice-select:hover,
.filters-wrapper .nice-select:focus{
	border: 1px solid #213f99;	
}
.filters-wrapper input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.filters-wrapper .comiseo-daterangepicker-triggerbutton{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.filters-wrapper .comiseo-daterangepicker-triggerbutton{
	background: #fff;
	white-space: normal;
	line-height: 19px;
	min-width: auto;
}
.filters-wrapper .comiseo-daterangepicker-triggerbutton .ui-button-icon{
	display: none;
}
.filters-wrapper .comiseo-daterangepicker-triggerbutton:hover, 
.filters-wrapper .comiseo-daterangepicker-triggerbutton:focus{
	border: 1px solid #213f99;	
}
.filters-wrapper inputperiod{
	display: none !important;
}
.filters-wrapper .comiseo-daterangepicker-triggerbutton{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
}
.filters-wrapper #period-input{
	display: none;
}
.filters-wrapper select,
.filters-wrapper .nice-select,
.filters-wrapper #period-input,
.filters-wrapper .comiseo-daterangepicker-triggerbutton,
.filters-wrapper input{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.filters-wrapper.fadeIn .nice-select,
.filters-wrapper.fadeIn .comiseo-daterangepicker-triggerbutton,
.filters-wrapper.fadeIn input{
	opacity: 1;
	visibility: visible;
}

/*---------------------------------
		Paging
---------------------------------*/
.paging{
	position: relative;
	padding: 20px 0 0 0;
	text-align: center;
}
.paging span,
.paging a{
	font-weight: 100;
	display: inline-block;
	padding: 0 4px;
}
.paging a{
	text-decoration: none;
	color: #002c73;
}
.paging a:hover{
	color: #00adef;	
}
.paging .current{
	color: #222;
}

/*---------------------------------
	Single Order
---------------------------------*/
.order-wrapper{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 10px 40px;
}
.order-wrapper.canceled{
	border-left: 8px solid #ff6961;
}
.order-wrapper hr{
	border-top: 3px dotted rgba(34, 34, 34, 0.1);
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.order-wrapper h3 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}
.order-wrapper .reservation-table{
	padding: 0 30px;
}
.order-wrapper .actions button{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0;
	vertical-align: middle;
}
.order-wrapper .actions button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.order-wrapper .actions button .fa-spin,
.order-wrapper .actions .loading button .fa-paper-plane{
	display: none;
}
.order-wrapper .actions .email-send-respond{
	position: relative;
}
.order-wrapper .actions .email-send-respond i{
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
}
.order-wrapper .actions .loading button .fa-spin{
	display: inline-block;
}
.order-wrapper .actions input{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 15px !important;
	font-size: 15px !important;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: none;
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	vertical-align: middle;
}
.order-wrapper .actions input:focus,
.order-wrapper .actions input:hover{
	border: 1px solid #00adef;
}

.order-wrapper .order-payment-details{
	position: relative;
}
.order-wrapper .order-payment-details .label{
	display: block;
}
.order-wrapper .order-payment-details strong{
	display: block;
	margin-bottom: 10px;
}

.order-wrapper .toggle-cancel-order,
.order-wrapper .toggle-change-order{
	background: #a4adb8;
}
.order-wrapper .toggle-cancel-order.active,
.order-wrapper .toggle-cancel-order.active:hover{
	background: #ff6961;
}
.order-wrapper .toggle-change-order.active,
.order-wrapper .toggle-change-order.active:hover{
	background: #F8A83E;
}
.order-wrapper .cancel-order,
.order-wrapper .change-order{
	position: relative;
	display: none;
}
.order-wrapper .cancel-order .cancel-order-inner,
.order-wrapper .change-order .change-order-inner{
	padding-top: 40px;
	padding-bottom: 40px;
}
.order-wrapper .cancel-order h4,
.order-wrapper .change-order h4{
	display: block;
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 10px;
}
.order-wrapper .cancel-order p,
.order-wrapper .change-order p{
	color: #222222;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 15px;
}
.order-wrapper .cancel-order  .details ul,
.order-wrapper .change-order  .details ul{
	display: block;
	padding: 0;
	margin: 0 0 20px 0;
}
.order-wrapper .cancel-order  .details ul li,
.order-wrapper .change-order  .details ul li{
	display: block;
	margin: 5px 0;
	color: #222222;
	font-size: 14px;
	line-height: 26px;
}
.order-wrapper .cancel-order .details ul li:before,
.order-wrapper .change-order .details ul li:before{
	display: inline-block;
	content: '\f178';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	margin-right: 10px;
}
.order-wrapper .change-order .confirm-change .reSchedule-list{
	display: block;
	padding: 0;
	margin: 0;
}
.order-wrapper .change-order .confirm-change .reSchedule-list li{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.order-wrapper .change-order .confirm-change .reSchedule-list li .checkbox-container{
	padding-left: 40px;
}
.order-wrapper .cancel-order .confirm-cancelation,
.order-wrapper .change-order .confirm-change{
	position: relative;
	padding-top: 50px;
	color: #222222;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 15px;
}
.order-wrapper .cancel-order .confirm-cancelation strong,
.order-wrapper .change-order .confirm-change strong{
	font-weight: 500;
}
.order-wrapper .cancel-order .confirm-cancelation .super-strong,
.order-wrapper .change-order .confirm-change .super-strong{
	font-weight: 900;
}
.order-wrapper .cancel-order .confirm-cancelation button,
.order-wrapper .change-order .confirm-change button{
	display: inline-block;
	margin: 20px 0;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.order-wrapper .cancel-order .confirm-cancelation button.confirm,
.order-wrapper .change-order .confirm-change button.confirm{
	background-color: #00adef;
	color: #fff;
}
.order-wrapper .cancel-order .confirm-cancelation button.return,
.order-wrapper .change-order .confirm-change button.return{
	background-color: #F8A83E;
	color: #fff;
}
.order-wrapper .cancel-order .confirm-cancelation button.confirm:hover,
.order-wrapper .change-order .confirm-change button.confirm:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.order-wrapper .cancel-order .confirm-cancelation button.return:hover,
.order-wrapper .change-order .confirm-change button.return:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color: #fff;
	background: #e59b39;
}
.order-wrapper .cancel-order .confirm-cancelation .divide-buttons,
.order-wrapper .change-order .confirm-change .divide-buttons{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	margin: 0 15px;
	font-weight: 100;
	border-radius: 100%;
	-moz-border-radius: 100%;
	margin: 0 auto;
}
.order-wrapper .cancel-order .confirm-cancelation .refunds-list,
.order-wrapper .change-order .confirm-change .refunds-list{
	display: block;
	padding: 0;
}
.order-wrapper .cancel-order .confirm-cancelation .refunds-list li,
.order-wrapper .change-order .confirm-change .refunds-list li{
	display: block;
	margin: 10px 0;
}
.order-wrapper .cancel-order .confirm-cancelation .refunds-list li .radio-container, 
.order-wrapper .cancel-order .confirm-cancelation .refunds-list li .checkbox-container,
.order-wrapper .change-order .confirm-change .refunds-list li .radio-container, 
.order-wrapper .change-order .confirm-change .refunds-list li .checkbox-container{
	padding-left: 37px;
}

.orders .back{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	background: #F8A83E;
}
.orders .back:not([disabled]):hover{
	background: #E68A10;
}


/*------------------------
	Notification Center
------------------------*/
.notification-center .ui-tabs .ui-tabs-nav li{
	width: 50%;
}
.notification-center .ui-tabs .ui-tabs-nav li span{
	display: inline-block;
	margin-right: 5px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
.notification-center .ui-tabs .ui-tabs-panel{
	padding: 0;
}
.notification-center .accordion-tab-content,
.notification-center .messages{
	display: block;
	padding: 0;
}
.notification-center .accordion-tab-content h1{
	display: none;
}
.notification-center .messages{
	padding: 0;
	margin: 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: #fff;	
}
.notification-center .messages h1{
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 20px 30px 0;
}
.notification-center .accordion-tab-content ul,
.notification-center .messages ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0 10px;
}
.notification-center .accordion-tab-content ul li:not(.option),
.notification-center .messages ul li:not(.option){
	display: block;
	padding: 15px 30px 15px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 15px;
	font-weight: 300;
	overflow: hidden;
}
.notification-center .accordion-tab-content ul li.undread,
.notification-center .messages ul li.undread{
	font-weight: 600;
}
.notification-center .accordion-tab-content ul li:last-child,
.notification-center .messages ul li:last-child{
	border: none;
}
.notification-center .accordion-tab-content ul li a,
.notification-center .messages ul li a{
	display: block;
	color: #222222;
	text-decoration: none;
}
.notification-center .accordion-tab-content ul li:hover,
.notification-center .messages ul li:hover{
	background: rgba(0,0,0,0.04);
}
.notification-center .accordion-tab-content ul li a time,
.notification-center .messages ul li a time{
	display: block;
	float: left;
	padding: 0;
	width: 140px;
	text-align: center;
}
.notification-center .accordion-tab-content ul li a i,
.notification-center .messages ul li a i{
	display: block;
	float: left;
	width: 20px;
	text-align: center;
}
.notification-center .accordion-tab-content ul li a .fa-angle-right,
.notification-center .messages ul li a .fa-angle-right{
	display: block;
	float: right;
	font-size: 18px;
}

.notification-center .notifications-wrapper time,
.notification-center .messages time{
	display: block;
	float: left;
	padding: 0;
	width: 140px;
	text-align: center;
}
.notification-center .notifications-wrapper i,
.notification-center .messages i{
	display: block;
	float: left;
	width: 20px;
	text-align: center;
}
.notification-center .notifications-wrapper .notification-text,
.notification-center .messages .notification-text{
	display: block;
	float: left;
	width: calc(100% - 160px);
}

.notification-center .memorandum{
	padding: 20px 0 0 0;
}
.notification-center .memorandum span{
	display: inline-block;
	margin-right: 20px;
}
.notification-center .single-message h3{
	margin-bottom: 10px;
}
.notification-center .single-message a{
	margin-bottom: 10px;
	color: #213f99;
	text-decoration: none;
	display: block;
}
.notification-center .send-message{
	padding: 20px;
}
.notification-center .send-message h3{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
}
.notification-center .send-message label{
	display: block;
	font-size: 17px;
	font-weight: 100;
	margin-top: 15px;
}
.notification-center .send-message input[type=text]{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notification-center .send-message input[type=text]:hover, 
.notification-center .send-message input[type=text]:focus{
	border: 1px solid #213f99;	
}
.notification-center .send-message .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notification-center .send-message .nice-select:hover,
.notification-center .send-message .nice-select:focus{
	border: 1px solid #213f99;	
}
.notification-center .send-message .nice-select.has-multiple{
	position: relative;
}
.notification-center .send-message .nice-select.has-multiple .multiple-options{
	max-width: 280px;
	overflow: hidden;
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
	text-overflow: ellipsis;
}
.notification-center .send-message .nice-select.has-multiple span.current{
	border: none;
	background: none;
	padding: 0 2px;
	height: 50px;
	line-height: 50px;
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0;
	margin-right: 3px;
}
.notification-center .send-message .nice-select.has-multiple span.current:after{
	content: ',';
}
.notification-center .send-message .nice-select .option:hover, 
.notification-center .send-message .nice-select .option.focus, 
.notification-center .send-message .nice-select .option.selected.focus {
    background-color: #00adef;
    color: #fff;
}
.notification-center .send-message .nice-select .list:hover .option:not(:hover){
	color: #333;
}
.notification-center .send-message .nice-select .list:hover .option.focus{
	background-color: #00adef !important;
    color: #fff !important;
}
.notification-center .send-message textarea{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;
	outline: none;
	padding: 18px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 150px;
	line-height: 1.2;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notification-center .send-message textarea:hover,
.notification-center .send-message textarea:focus{
	border: 1px solid #213f99;	
}
.notification-center .send-message .submit,
.notification-center .send-message button{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	width: 100%;
}
.notification-center .send-message .submit:not([disabled]):hover,
.notification-center .send-message button:not([disabled]):hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.notification-center .send-message .submit i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	float: none;
}

/*------------------------
	Checkin Wrapper
------------------------*/
.checkin-wrapper{
	position: relative;
}
.checkin-wrapper .checkin-available{
	position: relative;
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 10px 20px;
	overflow: hidden;
	border-left: 4px solid #6dd9aa;
}
.checkin-wrapper .checkin-available.not-available{
	border-left: 4px solid #ff6961;
}
.checkin-wrapper .checkin-available p{
	margin: 0;
	font-size: 15px;
	font-weight: 300;
	float: left;
}
.checkin-wrapper .remaining-time{
	display: block;
	float: right;
	font-weight: 400;
	margin: 0;
	font-size: 15px;
}
.checkin-wrapper .checkbox-container {
    margin: 0;
    width: 20px;
    height: 27px;
	font-style: normal;
}
.checkin-wrapper .checked-in{
	text-decoration: line-through;
}
.checkin-wrapper h3{
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 300;
}
.checkin-wrapper .summary{
	background: rgba(186, 217, 234, 1);
}
.checkin-wrapper .summary input{
	display: inline-block;
	width: auto;
	position: relative;
	border: none;
	margin: 0;
	background: transparent;
	font-weight: 800;
	text-align: right;
}
.manual-checkin{
	position: relative;
}
.manual-checkin .label{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: 300;
}
.manual-checkin input[type=text]{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: calc(65% - 10px);
}
.manual-checkin input[type=text]:hover,
.manual-checkin input[type=text]:focus{
	border: 1px solid #213f99;	
}
.manual-checkin button{
	display: block;
	float: right;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: 35%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.manual-checkin button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.manual-checkin .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.manual-checkin .nice-select .option,
.manual-checkin .nice-select .current{
	text-transform: capitalize;
}
.manual-checkin .nice-select:hover,
.manual-checkin .nice-select:focus{
	border: 1px solid #213f99;	
}
.manual-checkin .mobile-selected-route-trigger{
	display: block;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	width: 100%;
	height: 50px;
	background: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.manual-checkin .mobile-selected-route-trigger.valid{
	background: #6dd9aa;
	color: #fff;
}
.manual-checkin .mobile-selected-route-trigger.valid.active{
	background: #fff;
	color: #6dd9aa;
}
.manual-checkin .mobile-selected-route-trigger.not-valid{
	color: #fff;
	background: #ff6961;
}
.manual-checkin .mobile-selected-route-trigger.not-valid.active{
	color: #ff6961;
	background: #fff;
}

/*------------------------
	Account Box
------------------------*/
.account-box{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 20px 20px 40px;
	margin-bottom: 40px;	
}
.account-box h2{
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 20px;
}
.account-box h3{
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 20px;
}
.account-box table{
	width: 100%;
}
.account-box table.helpdesk-table tbody tr{
	cursor: pointer;
}
.account-box table.helpdesk-table tbody tr:hover i.fa-arrow-right,
.account-box table.helpdesk-table tbody tr:hover td{
	color: #00adef;
}
.account-box table.helpdesk-table tbody tr.unread td{
	font-weight: 600;
}
.account-box thead tr th{
	font-size: 15px;
	font-weight: 300;
	padding: 8px 5px;
	background: #00adef;
	color: #fff;
	vertical-align: bottom;
	text-align: left;
}
.account-box tbody tr td{
	font-size: 15px;
	font-weight: 300;
	padding: 8px 5px;
	text-align: left;
}
.account-box tbody tr td a{
	color: #213f99;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.account-box tbody tr td a:hover{
	color: #00adef;
}
.account-box tbody tr td .btn{
	background: #00adef;
	color: #fff;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.account-box tbody tr{
	background: rgba(186, 217, 234, 0.2);
}
.account-box tbody tr:last-child{
	border: none;
}
.account-box tbody tr:nth-child(2n){
	background: rgba(186, 217, 234, 0.5);
}
.account-box tbody tr td:last-child{
	text-align: left;
}
.account-box tbody tr td .fa-hourglass-half{
	color: #F8A83E;
}
.account-box tbody tr td .fa-check-square{
	color: #6dd9aa;
}

.account-box .form-main-body{
	position: relative;
}
.account-box .form-main-body .radio-group{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.account-box .form-main-body .radio-group label{
	margin: 0 10px;
	font-weight: 300;
}
.account-box .form-main-body .form-row{
	padding-top: 20px;
	padding-bottom: 20px;
}


.account-box .radio-group .checkmark {
    top: -7px;
    height: 40px;
    width: 40px;
}
.account-box .radio-group .checkmark::after {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.account-box .radio-group label.radio-container{
    padding-left: 50px;
}
.account-box .radio-group .tech .checkmark::after{
	content: '\f7d9';
}
.account-box .radio-group .billing .checkmark::after{
	content: '\f555';
}
.account-box .radio-group .other .checkmark::after{
	content: '\f1cd';
}
.account-box .form-row input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account-box .form-row textarea{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;
	outline: none;
	padding: 18px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
	height: 150px;
	line-height: 1.2;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account-box .form-row input:hover,
.account-box .form-row input:focus,
.account-box .form-row textarea:hover,
.account-box .form-row textarea:focus{
	border: 1px solid #213f99;	
}
.account-box .form-row label{
	font-size: 15px;
	padding-top: 6px;
	margin: 0 0 10px 0;
}
.account-box .form-row label a{
	color: #213f99;
	text-decoration: none;
}
.account-box .form-row label i {
    display: inline-block;
    font-size: 18px;
}
.account-box .form-row  input[type=submit]{
	background: #00adef;
	color: #ffffff;
	border: none;
	font-size: 16px !important;
	font-weight: 300;
	position: relative;
	outline: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 46px;
	text-align: center !important;
    line-height: 46px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 0;
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.account-box .form-row  input[type=submit]:hover{
	background: #002c73;
}
.account-box .form-row .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 25px 0 15px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account-box .form-row .nice-select:hover,
.account-box .form-row .nice-select:focus{
	border: 1px solid #213f99;	
}


.checkin-search-results{
	position: relative;
	padding-bottom: 30px;
}
.checkin-search-results .result-route{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 10px 20px;
	overflow: hidden;
	border-left: 4px solid #F8A83E;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.checkin-search-results .result-route.boarded{
	border-left: 4px solid #6dd9aa;
}
.checkin-search-results .result-route.can-board{
	border-left: 4px solid #6dd9aa;
	background: #48C28E;
	color: #fff;
}
.checkin-search-results .result-route.can-not-board{
	border-left: 4px solid #ff6961;
	background: #ff6961;
	color: #fff;	
}
.checkin-search-results .result-route h3{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}
.checkin-search-results .result-route h3 time{
	font-size: 15px;
	font-weight: 300;
}
.checkin-search-results .result-route span{
	font-size: 15px;
	font-weight: 300;
}
.checkin-search-results .result-route .audio-play{
	position: absolute;
	right: 10px;
	top: 10px;
	background: none;
	border: none;
	color: #002c73;
}
#orders-table_wrapper th, #orders-table_wrapper td {
    white-space: nowrap;
}
#orders-table_wrapper tfoot th{
	padding: 0;
}
#orders-table_wrapper tfoot th input{
	border: none;
}
#orders-table_wrapper th input {
    font-size: 12px;
    padding: 0 10px;
}

/*------------------------
	Helpdesk Ticker
------------------------*/
.helpdesk-ticket #cd-timeline{
	margin: 0 0 60px 0;
	padding: 0;
}
.helpdesk-ticket .cd-timeline-content{
	width: 43%;
	border-radius: 0;
	padding: 10px 20px;
}
.helpdesk-ticket .cd-timeline-content .cd-date{
	left: 135%;
}
.helpdesk-ticket .cd-timeline-block.answer-helpdesk .cd-timeline-content .cd-date{
	right: 135%;
}
.helpdesk-ticket .cd-timeline-block.answer-helpdesk .cd-timeline-img{
	background: #ff6961;
}
.helpdesk-ticket-header .item{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
.helpdesk-ticket-header .item a{
	color: #213f99;
}

/*------------------------
	Credits History
------------------------*/
.credits-history{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 20px 20px 40px;	
}
.credits-history h2{
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 20px;
}
.credits-history table{
	width: 100%;
}
.credits-history thead tr th{
	font-size: 15px;
	font-weight: 300;
	padding: 8px 5px;
	background: #00adef;
	color: #fff;
	vertical-align: bottom;
	text-align: center;
}
.credits-history tbody tr td{
	font-size: 15px;
	font-weight: 300;
	padding: 8px 5px;
	text-align: center;
}
.credits-history thead tr th.text-left,
.credits-history tbody tr td.text-left{
	text-align: left;
}
.credits-history tbody tr td a{
	color: #213f99;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.credits-history tbody tr td a:hover{
	color: #00adef;
}
.credits-history tbody tr td .btn{
	background: #00adef;
	color: #fff;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.credits-history tbody tr td .button{
	background: #00adef;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
	margin: 0 6px;
}
.credits-history tbody tr td .button.green{
	background: #6dd9aa;
}
.credits-history tbody tr td .button.blue{
	background: #00adef;
}
.credits-history tbody tr td .button:hover{
	background: #213f99;
	color: #fff;
}
.credits-history tbody tr{
	background: rgba(186, 217, 234, 0.2);
}
.credits-history tbody tr:last-child{
	border: none;
}
.credits-history tbody tr:nth-child(2n){
	background: rgba(186, 217, 234, 0.5);
}
.credits-history tbody tr td:not(.actions):last-child{
	text-align: left;
}

/*---------------------------------
	Single Schedule Form
---------------------------------*/
.single-schedule-wrapper{
	position: relative;
	padding: 20px;
	z-index: 0;
	min-height: 460px;
}
.single-schedule-wrapper:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0,0,0,0.3);
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.single-schedule-wrapper.show-calendar:before{
	opacity: 1;
	visibility: visible;
}
.single-schedule-wrapper .schedule{
	position: relative;
}
.single-schedule-wrapper .schedule .compass{
	position: absolute;
	margin: 80px auto;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow: visible;
}
.single-schedule-wrapper .schedule.loading .compass{
	opacity: 1;
	visibility: visible;
}
.single-schedule-wrapper .schedule.loading table{
	opacity: 0;
	visibility: visible;
}
.single-schedule-form{
	text-align: center;
	margin-bottom: 20px;
}
.single-schedule-wrapper .no-itinerary-found{
	display: block;
	text-align: center;
	font-weight: 300;
}

.single-schedule-wrapper .calendar{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
	-ms-transform: translateY(-50%) translateX(-50%) scale(0.8);
	transform: translateY(-50%) translateX(-50%) scale(0.8);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.single-schedule-wrapper.show-calendar .calendar{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
}

.single-schedule-form label{
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
}
.single-schedule-form input{
	clear: none;
	cursor: pointer;
	display: inline-block;
	float: none;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: none;
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-left: 15px;
}
html[lang="it-IT"] .single-schedule-form input{
	text-transform: capitalize
}
.itinerary-table-button-wrapper{
	width: calc(100% - 30px);
}
.itinerary-table-button-wrapper.single{
	width: 100%;
}
.itinerary-table-button-wrapper .btn{
	display: block;
	width: 100%;
}
/*------------------------
	Hidden Terms Popup
------------------------*/
.hidden-terms-popup{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 100;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
}
.hidden-terms-popup.active{
	opacity: 1;
	visibility: visible;
}
.hidden-terms{
	position: fixed;
    top: 150px;
    left: 50px;
    background: #fff;
    padding: 20px 25px 20px;
    z-index: 999;
	height: calc(100vh - 100px);
	width: calc(100% - 100px);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.hidden-terms-popup.active .hidden-terms{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	top: 50px;
}
.hidden-terms .inner-bdy{
	overflow-y: auto;
	max-height: 75%;
}
.hidden-terms h2{
	color: #3C4652;
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 10px;
}
.hidden-terms p{
	color: #3C4652;
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 15px;
}
.hidden-terms .close-terms{
	position: absolute;
	right: -20px;
	top: -20px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #fff;
	color: #3C4652;
	font-size: 25px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.hidden-terms .close-terms:hover{
	font-size: 30px;
	background: #00adef;
	color: #fff;
}
.hidden-terms .btn{
	display: inline-block;
}

/*---------------------------------
	Reservation Explanation
---------------------------------*/
.reservation-steps-explanation h2{
	font-size: 30px;
	color: #222222;
	margin-bottom: 5px;
	font-weight: 300;
}
.reservation-steps-explanation h3{
	font-size: 14px;
	text-transform: uppercase;
	color: #00adef;
	font-weight: 300;
}
.reservation-explanation{
	position: relative;
	padding: 20px 0 0;
}
.reservation-explanation .step{
	display: block;
	float: left;
	width: calc(20% - 32px);
	text-align: center;
	vertical-align: top;
}
.reservation-explanation .step .circle{
	width: 150px;
	height: 150px;
	line-height: 155px;
	border: 8px solid rgba(156, 156, 156, 0.1);
	position: relative;
	margin: 0 auto;
	background: #fff;
	border-radius: 100%;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.reservation-explanation .step:hover .circle{
	border: 8px solid rgba(0, 173, 239, 0.1);
}
.reservation-explanation .step .circle:before{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #d3d3d3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.reservation-explanation .step:hover .circle:before{
	border: 1px solid #00adef;
}
.reservation-explanation .step .circle i{
	font-size: 40px;
	color: #00adef;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.reservation-explanation .step:hover .circle i{
	color: #222222;
}
.reservation-explanation .step h4{
	font-weight: 400;
}
.reservation-explanation .seperator{
	display: block;
	width: 40px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	float: left;
	height: 40px;
	margin: 55px 0;
	border: 5px solid rgba(156, 156, 156, 0.1);
	position: relative;
	background: #fff;
	border-radius: 100%;
	-webkit-animation: blink 2s infinite;
	animation: blink 2s infinite;
}
@-webkit-keyframes blink {
	0% {
    	color: #d3d3d3; }
	50% {
	    color: #213f99; }
	100% {
    	color: #d3d3d3; 
    }
}
@keyframes blink {
	0% {
		color: #d3d3d3; }
	50% {
		color: #213f99; }
	100% {
		color: #d3d3d3;
	}
}
.reservation-explanation .seperator:before{
	position: absolute;
	left: 100%;
	width: 100px;
	border-top: 2px dotted #d3d3d3;
	top: 50%;
	margin-top: -1px;
	content: '';
	z-index: -1;
}
.reservation-explanation .seperator:after{
	position: absolute;
	right: 100%;
	width: 100px;
	border-top: 2px dotted #d3d3d3;
	top: 50%;
	margin-top: -1px;
	content: '';
	z-index: -1;
}



/* Nice Select fixes */
.nice-select::after {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	height: 7px;
	width: 7px;
}
.nice-select .list{
	width: 100%;
}
.nice-select.open .list{
	border-radius: 0;
}
.nice-select .option{
	font-weight: 300;
}
.nice-select .option.selected{
	font-weight: 400;
}

.passenger-type-select-wrapper .nice-select .option,
.passenger-type-select-wrapper .nice-select .current{
	font-size: 12px;
}
.passenger-type-select-wrapper .nice-select .current {
    width: calc(100% - 30px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contact-dropdowns .nice-select .option,
.contact-dropdowns .nice-select .current{
	font-size: 14px;
}
.contact-dropdowns .nice-select .current {
    width: calc(100% - 20px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contact-account-box .row{
	margin-left: -2px;
	margin-right: -2px;
}
.contact-account-box [class*=col]{
	padding-left: 2px;
	padding-right: 2px;
}

/*------------------------
	Global Schedule
------------------------*/
.global-schedule{
	position: relative;
}
.global-schedule .heading h2{
	font-size: 38px;
	font-weight: 300;
}
.global-schedule .heading h3,
.global-schedule .heading h2{
	font-size: 36px;
	font-weight: 300;
	text-transform: capitalize;
}
.global-schedule .heading p{
	font-size: 14px;
}
.global-schedule .global-schedule-w{
	padding-top: 40px;
}
.global-schedule .global-schedule-w .schedule{
	position: relative;
	padding-top: 32px;
}
.global-schedule .global-schedule-w .schedule .compass{
	position: absolute;
	margin: 80px auto;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow: visible;
}
.global-schedule .global-schedule-w .schedule.loading .compass{
	opacity: 1;
	visibility: visible;
}
.global-schedule .global-schedule-w .schedule.loading table{
	opacity: 0;
	visibility: visible;
}
.global-schedule .global-schedule-w .global-schedule{
	display: block;
	clear: both;
	padding-top: 20px;
}
.global-schedule .global-schedule-w .global-schedule .ui-datepicker{
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	min-width: calc(100% - 20px);
}
.global-schedule  .calendar{
	box-shadow: none;
	outline: 2px solid #00adef !important;
}
.global-schedule .nice-select{
	clear: none;
	min-width: 100%;
	float: left;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.global-schedule .nice-select:hover,
.global-schedule .nice-select:focus{
	border: 1px solid #213f99;	
}
.global-schedule .from-wrapper, .global-schedule .to-wrapper{
	display: block;
	float: left;
	width: calc(50% - 30px);
	margin-right: 10px;
}
.global-schedule .selerator{
	display: block;
	width: 20px;
	float: left;
	margin-right: 10px;
	padding-top: 47px;
	text-align: center;
	position: relative;
}
.global-schedule .selerator button{
	position: absolute;
	left: -10px;
	bottom: -10px;
	width: calc(100% + 20px);
	height: 40px;
	cursor: pointer;
	border: none;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.global-schedule .selerator button i{
	display: block;
}
.global-schedule .selerator:hover button{
	opacity: 1;
	visibility: visible;
}
.global-schedule .selerator:hover i{
	opacity: 0;
}
.global-schedule .selerator:hover button i{
	opacity: 1;
}
.global-schedule #schedule{
	opacity: 0;
	visibility: hidden;
}

.global-schedule .table-wrapper table{
	width: 100%;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #fff;
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
}
.global-schedule .table-wrapper table thead th{
	background: #00adef;
	color: #fff;
	font-weight: 600;
	padding: 10px 20px;
	font-size: 16px;
	text-transform: uppercase;
}
.global-schedule .table-wrapper table tbody tr{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.global-schedule .table-wrapper table tbody td{
	padding: 5px 20px;
	color: #5d5d5e;
	font-size: 15px;
	font-weight: 300;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
}
.global-schedule .table-wrapper table tbody tr.status_0 td{
	cursor: not-allowed;
	opacity: 0.5;
}
.global-schedule .table-wrapper table tbody tr.status_0 td i{
	color: #DE376A;
}
.global-schedule .table-wrapper table tbody td i{
	margin-right: 5px;
	color: #00adef;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.global-schedule .table-wrapper table tbody tr:nth-child(2n){
	background: rgba(0, 173, 239, 0.09);
}
.global-schedule .table-wrapper table tbody tr:hover{
	background: rgba(0, 44, 115, 0.8);
}
.global-schedule .table-wrapper table tbody tr.status_0:hover{
	background: none;
}
.global-schedule .table-wrapper table tbody tr:hover td,
.global-schedule .table-wrapper table tbody tr:hover td i{
	color: #fff;
}
.global-schedule .table-wrapper table tbody tr.status_0:hover td{
	color: #5d5d5e;
}
.global-schedule .table-wrapper table tbody tr.status_0:hover td i{
	color: #DE376A;
}


.gray{
	background-image: url(../assets/gray-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*------------------------
	Floating Nav
------------------------*/
#floating-nav{
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#floating-nav.rollIn{
	opacity: 1;
	visibility: visible;
}
#floating-nav ul{
	display: block;
	padding: 0;
	margin: 0;
}
#floating-nav ul li{
	display: block;
	margin: 10px;
	position: relative;
}
#floating-nav ul li a{
	display: block;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	font-size: 18px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: relative;
	left: calc(100% + 20px);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#floating-nav.rollIn ul li a{
	left: 0;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
#floating-nav ul li:nth-child(1) a{
	background: #00adef;
	transition-delay: 0.3s;
}
#floating-nav ul li:nth-child(2) a{
	background: #213f99;
	transition-delay: 0.6s;
}
#floating-nav ul li:nth-child(3) a{
	background: #002c73;
	transition-delay: 0.9s;
}
#floating-nav ul li .label{
	position: absolute;
	right: calc(100% + 35px);
	top: 50%;
	height: 30px;
	margin-top: -15px;
	line-height: 30px;
	padding: 0 10px 0 15px;
	border-radius: 100px 0 0 100px;
	white-space: nowrap;
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#floating-nav.rollIn ul li:hover .label{
	right: calc(100% + 25px);
	opacity: 1;
	visibility: visible;
}
#floating-nav ul li .label:before{
	position: absolute;
	z-index: -1;
	right: -14px;
	top: 0;
	content: '';
	width: 30px;
	height: 30px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 75px;
	-webkit-border-bottom-right-radius: 75px;
	-webkit-border-bottom-left-radius: 75px;
	-webkit-transform:rotate(130deg);
}
#floating-nav ul li:nth-child(1) span,
#floating-nav ul li:nth-child(1) .label:before{
	background: #00adef;
}
#floating-nav ul li:nth-child(2) span,
#floating-nav ul li:nth-child(2) .label:before{
	background: #213f99;
}
#floating-nav ul li:nth-child(3) span,
#floating-nav ul li:nth-child(3) .label:before{
	background: #002c73;
}

/*------------------------
	Notification Center
------------------------*/
#notification-center{
	position: fixed;
	bottom: 10px;
	left: 0;
	z-index: 1000;
}
.close-trigger{
	position: absolute;
	bottom: 6px;
	left: 45px;
	margin: 0;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	border-radius: 100%;
	-moz-border-radius: 100%;
	color: #222;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
}
.close-trigger:hover{
	color: #fff;
	background: #222;
}
.expand-trigger{
	position: absolute;
	bottom: 46px;
	left: 45px;
	margin: 0;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	border-radius: 100%;
	-moz-border-radius: 100%;
	color: #222;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
}
.expand-trigger:hover{
	color: #fff;
	background: #222;
}
.notification-trigger{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 10px;
	display: block;
	width: 50px;
	height: 50px;
	background: #F8A83E;
	color: #fff;
	line-height: 50px;
	text-align: center;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	font-size: 18px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.notification-trigger:hover{
	color: #fff;
	background: #e59b39;
}
.notification-trigger i{
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}
@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}
@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
#notification-center ul{
	display: block;
	overflow: hidden;
	padding: 0px 0 45px 20px;
}
#notification-center ul li{
	display: block;
	float: left;
	clear: both;
	background: #fff;
	color: #222;
	font-weight: 300;
	max-width: 300px;
	margin-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	padding: 5px 15px 5px 35px;
	position: relative;
}
#notification-center ul li a{
	color: #213f99;
	font-weight: 500;
}
#notification-center ul li i{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}
#notification-center ul li.green{
	border-left: 5px solid #6dd9aa;
}
#notification-center ul li.red{
	border-left: 5px solid #ff6961;
}
#notification-center ul li.orange{
	border-left: 5px solid #F8A83E;
}

/*------------------------
	Cookies Notice
------------------------*/
.cookies-notice{
	position: fixed;
	bottom: -150px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	z-index: 1000;
	background: #f2f2f2;
	padding: 10px 10px 10px 40px;
	border-radius: 100px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	z-index: 1001;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.cookies-notice.visible{
	bottom: 20px;
}
.cookies-notice.semihide{
	bottom: -100px;
}
.cookies-notice p{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
.cookies-notice .cookies-actions{
	text-align: right;
}
.cookies-notice .cookies-actions a{
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	font-weight: 300;
	color: #222;
	margin-left: 10px;
	margin-right: 20px;
	font-size: 14px;
	text-decoration: none;
	padding: 0 20px 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-radius: 100px;
	-moz-border-radius: 100px;
}
.cookies-notice .cookies-actions a i{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.cookies-notice .cookies-actions a.accept:hover{
	color: #fff;
	background: #6dd9aa;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
}
.cookies-notice .cookies-actions a.accept i{
	color: #fff;
	background: #6dd9aa;
}
.cookies-notice .cookies-actions a.accept:hover i{
	color: #6dd9aa;
	background: #fff;
}
.cookies-notice .cookies-actions a.more:hover{
	color: #fff;
	background: #a4adb8;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
}
.cookies-notice .cookies-actions a.more:hover i{
	background: #fff;
	color: #a4adb8;
}
.cookies-notice .cookies-actions a.more i{
	background: #a4adb8;
	color: #fff;
}
.cookies-preferances-popup{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.cookies-preferances-popup.active{
	opacity: 1;
	visibility: visible;
}
.cookies-preferances-popup:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
}
.cookies-preferances-popup .popup-box{
	position: fixed;
	width: 800px;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-40%);
	-webkit-transform: translateX(-50%) translateY(-40%);
	-o-transform: translateX(-50%) translateY(-40%);
	-ms-transform: translateX(-50%) translateY(-40%);
	transform: translateX(-50%) translateY(-40%);
	background: #f2f2f2;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	z-index: 10002;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	transition-delay: 0.2s;
}
.cookies-preferances-popup.active .popup-box{
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.cookies-preferances-popup .cookies-preferances-heading{
	background: #213f99;
	color: #fff;
	padding: 20px;
	position: relative;
}
.cookies-preferances-popup .cookies-preferances-heading h2{
	font-size: 24px;
	font-weight: 300;
	margin: 0;
}
.cookies-preferances-popup .cookies-preferances-heading img{
	display: block;
	float: left;
	width: auto;
	height: 38px;
	margin-right: 30px;
}
.cookies-preferances-popup .cookies-preferances-heading a{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	right: 5px;
	top: 5px;
	color: #fff;
}
.cookies-tabs.ui-widget.ui-widget-content{
	padding: 0;
	margin: 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: #fff;
}
.cookies-tabs.ui-tabs .ui-tabs-nav{
	display: block;
	float: left;
	width: 30%;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: #fff;
	border: none;
}
.cookies-tabs.ui-tabs .ui-tabs-nav li{
	padding: 0;
	margin: 0 0 1px 0;
	width: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	width: 100%;
}
.cookies-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	display: block;
	padding: 14px;
	margin: 0;
	float: none;
	font-weight: 300;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	height: auto;
	white-space: normal;
}
.cookies-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.cookies-tabs.ui-tabs .ui-state-active, .ui-widget-content .ui-state-active, 
.cookies-tabs.ui-tabs .ui-widget-header .ui-state-active, 
.cookies-tabs.ui-tabs a.ui-button:active, 
.cookies-tabs.ui-tabs .ui-button:active, 
.cookies-tabs.ui-tabs .ui-button.ui-state-active:hover{
	background: #00adef;
}
.cookies-tabs .accordion-tab-content{
	padding: 5px 10px 10px;
	display: block;
	width: 70%;
	float: right;
}
.cookies-tabs .accordion-tab-content p{
	font-size: 14px;
	line-height: 1.4;
	font-weight: 300;
}
.cookies-tabs .accordion-tab-content h3{
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}
.cookies-tabs .accordion-tab-content h3 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	float: right;
	line-height: 30px;
}
.cookies-tabs .accordion-tab-content h3 i{
	color: #002c73;	
}
.cookies-preferances-popup .cookies-preferances-footer{
	display: block;
	clear: both;
	width: 100%;
	background: #00adef;
	background: -moz-linear-gradient(left,  #00adef 0%, #002c73 100%);
	background: -webkit-linear-gradient(left,  #00adef 0%,#002c73 100%);
	background: linear-gradient(to right,  #00adef 0%,#002c73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#002c73',GradientType=1 );
	padding: 15px 20px;
	color: #fff;
}
.cookies-preferances-popup .cookies-preferances-footer a{
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	display: inline-block;
}
.cookies-preferances-popup .cookies-preferances-footer a i{
	margin-right: 5px;
}
.cookies-preferances-popup .cookies-preferances-footer a:hover{
	color: rgba(255,255,255,0.8);
}
.cookies-preferances-popup .cookies-preferances-footer .save{
	float: right;
}

/*------------------------
	Toggle switcher
------------------------*/
.toggle-switcher {
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}
.toggle-switcher label{
	cursor: pointer;
}
.toggle-switcher input {
    display: none;
}
.toggle-switcher .checker {
    cursor: pointer;
    display: block;
    border: 1px solid #999;
    border-radius: 11px;
    background-color: #DDD;
    width: 40px;
    height: 20px;
    position: relative;
    transition: all 0.2s;
    float: left;
    margin-right: 10px;
}
.toggle-switcher .checker:after {
    content: '';
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s;
}
.toggle-switcher input:checked + .checker {
    background-color: #00adef;
    border-color: #00adef;
}
.toggle-switcher input:checked + .checker:after {
    left: 20px;
    border-color: #00adef;
}

/*------------------------
	Company Preview
------------------------*/
.company-preview{
	position: relative;
	padding-bottom: 50px;
}
.company-preview .heading h2{
	font-size: 36px;
	font-weight: 300;
}
.company-preview .heading p{
	font-size: 14px;
}
.company-preview .features{
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 40px;
}
.company-preview .features .row div .preview-box{
	padding: 40px 0;
	position: relative;
}
.company-preview .features .row div .preview-box:after{
	display: block;
	clear: both;
	content: '';
}
.company-preview .features .row div .preview-box .hyperlink{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.company-preview .features .row div .preview-box .circle{
	display: block;
	float: left;
	width: 80px;
	text-align: center;
	height: 80px;
	background: #00adef;
	border: 1px solid #00adef;
	color: #fff;
	line-height: 80px;
	border-radius: 100%;
	margin-right: 20px;
	font-size: 26px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.company-preview .features .row div .preview-box:hover .circle{
	background: #fff;
	color: #00adef;
	border: 1px solid #00adef;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
}
.company-preview .features .row div:first-child .preview-box{
	position: relative;
	text-align: right;
}
.company-preview .features .row div:first-child .preview-box .circle{
	float: right;
	margin-left: 20px;
	margin-right: 0;
}
.company-preview .features .row div .preview-box h3{
	display: block;
	width: calc(100% - 100px);
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	font-weight: 300;
}
.company-preview .features .row div .preview-box p{
	display: block;
	width: calc(100% - 100px);
	float: left;
	font-size: 13px;
	line-height: 19px;
}

/*------------------------
	General Schedule
------------------------*/
.general-schedule{
	position: relative;
}
.general-schedule .heading h2{
	font-size: 42px;
	font-weight: 300;
}
.general-schedule .links{
	position: relative;
	text-align: center;
}
/*
.general-schedule .routes-maps{
	margin-left: -30px;
	margin-right: -30px;
}
.general-schedule .routes-maps [class*=col]{
	padding-left: 30px;
	padding-right: 30px;
}
*/
.general-schedule .routes-maps .links{
	/*
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
	*/
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
	text-align: center;
	min-height: 112px;
}
.general-schedule .links a{
	display: inline-block;
	margin-top: 10px;
	background: #ffffff;
	color: #222222;
	border: none;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 400;
	padding: 0px 60px;
	position: relative;
	outline: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 52px;
	line-height: 52px;
	text-decoration: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.general-schedule .routes-maps .links a{
	/*
	width: calc(50% - 10px);
	padding: 0;
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	*/
	width: 100%;
	padding: 0;
	display: block;
	float: none;
	height: 36px;
	line-height: 36px;
}
/*
.general-schedule .routes-maps .links a:first-child{
	margin-right: 10px;
}
.general-schedule .routes-maps .links a:last-child{
	margin-left: 10px;
}
*/
.general-schedule .links a:hover{
	background: #00adef;
	color: #fff;
}
.general-schedule .gmap-schedule{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	width: 100%;
	height: 550px;
}

/*------------------------
		Ticket
------------------------*/
.ticket{
	background: #fff;
	border-top: 5px solid #002c73;
	border-bottom: 5px solid #00adef;
}


/*------------------------
	Online Ticket
------------------------*/
.online-ticket{
	position: relative;
	padding-bottom: 0;
	padding-top: 0;
}
.online-ticket .heading{
	padding-bottom: 30px;
}
.online-ticket .heading h2{
	font-weight: 300;
	font-size: 36px;
	margin-bottom: 0;
}
.online-ticket .heading p{
	font-weight: 300;
}

.online-ticket .ticket-steps{
	position: relative;
}
.online-ticket .ticket-steps .step{
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 60px;
	padding-top: 20px;
	position: relative;
}
.online-ticket .ticket-steps .step:after{
	position: absolute;
	bottom: 0;
	left: calc(50% + 12px);
	width: calc(100% - 24px);
	height: 4px;
	content: '';
	background: #a4adb8;
}
.online-ticket .ticket-steps .step:first-child:before,
.online-ticket .ticket-steps .step.current:first-child:before{
	position: absolute;
	bottom: 0;
	right: calc(50% + 12px);
	width: calc(50% - 12px);
	height: 4px;
	content: '';
	background: #a4adb8;
	background: -moz-linear-gradient(left,  rgba(114,200,250,0) 0%, rgba(114,200,250,1) 80%, rgba(114,200,250,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(114,200,250,0) 0%,rgba(114,200,250,1) 80%,rgba(114,200,250,1) 100%);
	background: linear-gradient(to right,  rgba(114,200,250,0) 0%,rgba(114,200,250,1) 80%,rgba(114,200,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072c8fa', endColorstr='#72c8fa',GradientType=1 );
}
.online-ticket .ticket-steps .step.completed:first-child:before{
	background: -moz-linear-gradient(left,  rgba(109,217,170,0) 0%, rgba(109,217,170,1) 80%, rgba(109,217,170,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(109,217,170,0) 0%,rgba(109,217,170,1) 80%,rgba(109,217,170,1) 100%);
	background: linear-gradient(to right,  rgba(109,217,170,0) 0%,rgba(109,217,170,1) 80%,rgba(109,217,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dd9aa', endColorstr='#6dd9aa',GradientType=1 );
}
.online-ticket .ticket-steps .step:last-child:after{
	display: none;
}
.online-ticket .ticket-steps .step:last-child:before{
	position: absolute;
	bottom: 0;
	left: calc(50% + 12px);
	width: calc(50% - 12px);
	height: 4px;
	content: '';
	background: -moz-linear-gradient(left,  rgba(164,173,184,1) 0%, rgba(164,173,184,1) 50%, rgba(164,173,184,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(164,173,184,1) 0%,rgba(164,173,184,1) 50%,rgba(164,173,184,0) 100%);
	background: linear-gradient(to right,  rgba(164,173,184,1) 0%,rgba(164,173,184,1) 50%,rgba(164,173,184,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4adb8', endColorstr='#00a4adb8',GradientType=1 );
}
.online-ticket .ticket-steps .step.completed:last-child:before{
	background: -moz-linear-gradient(left,  rgba(109,217,170,1) 0%, rgba(109,217,170,1) 20%, rgba(109,217,170,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(109,217,170,1) 0%,rgba(109,217,170,1) 20%,rgba(109,217,170,0) 100%);
	background: linear-gradient(to right,  rgba(109,217,170,1) 0%,rgba(109,217,170,1) 20%,rgba(109,217,170,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd9aa', endColorstr='#006dd9aa',GradientType=1 );
}
.online-ticket .ticket-steps .step.failed:last-child:before{
	background: -moz-linear-gradient(left,  rgba(255,105,97,1) 0%, rgba(255,105,97,1) 20%, rgba(255,105,97,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,105,97,1) 0%,rgba(255,105,97,1) 20%,rgba(255,105,97,0) 100%);
	background: linear-gradient(to right,  rgba(255,105,97,1) 0%,rgba(255,105,97,1) 20%,rgba(255,105,97,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6961', endColorstr='#00ff6961',GradientType=1 );
}
.online-ticket .ticket-steps .step.current:after{
	background: rgb(114,200,250);
	background: -moz-linear-gradient(left,  rgba(114,200,250,1) 0%, rgba(164,173,184,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(114,200,250,1) 0%,rgba(164,173,184,1) 100%);
	background: linear-gradient(to right,  rgba(114,200,250,1) 0%,rgba(164,173,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c8fa', endColorstr='#a4adb8',GradientType=1 );
}
.online-ticket .ticket-steps .step.current:before{
	position: absolute;
	bottom: 0;
	right: calc(50% + 12px);
	width: calc(100% - 24px);
	height: 4px;
	content: '';
	background: rgb(109,217,170);
	background: -moz-linear-gradient(left,  rgba(109,217,170,1) 0%, rgba(114,200,250,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(109,217,170,1) 0%,rgba(114,200,250,1) 100%);
	background: linear-gradient(to right,  rgba(109,217,170,1) 0%,rgba(114,200,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd9aa', endColorstr='#72c8fa',GradientType=1 );
}
.online-ticket .ticket-steps .step.failed:after{
	position: absolute;
	display: block;
	bottom: 0;
	left: auto;
	right: calc(50% + 12px);
	width: calc(100% - 24px);
	height: 4px;
	content: '';
	background: rgb(109,217,170);
	background: -moz-linear-gradient(left,  rgba(109,217,170,1) 0%, rgba(255,105,97,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(109,217,170,1) 0%,rgba(255,105,97,1) 100%);
	background: linear-gradient(to right,  rgba(109,217,170,1) 0%,rgba(255,105,97,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd9aa', endColorstr='#ff6961',GradientType=1 );
}
.online-ticket .ticket-steps .step.failed:before{
	position: absolute;
	display: block;
	bottom: 0;
	left: calc(50% + 12px);
	width: calc(100% - 24px);
	height: 4px;
	content: '';
	background: rgb(255,105,97);
	background: -moz-linear-gradient(left,  rgba(255,105,97,1) 0%, rgba(164,173,184,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,105,97,1) 0%,rgba(164,173,184,1) 100%);
	background: linear-gradient(to right,  rgba(255,105,97,1) 0%,rgba(164,173,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6961', endColorstr='#a4adb8',GradientType=1 );
}
.online-ticket .ticket-steps .step.failed:last-child:before{
	position: absolute;
	bottom: 0;
	left: calc(50% + 12px);
	width: calc(50% - 12px);
	height: 4px;
	content: '';
	background: -moz-linear-gradient(left,  rgba(255,105,97,1) 0%, rgba(255,105,97,1) 20%, rgba(255,105,97,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,105,97,1) 0%,rgba(255,105,97,1) 20%,rgba(255,105,97,0) 100%);
	background: linear-gradient(to right,  rgba(255,105,97,1) 0%,rgba(255,105,97,1) 20%,rgba(255,105,97,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6961', endColorstr='#00ff6961',GradientType=1 );
}
.online-ticket .ticket-steps .step.completed:after{
	background: #6dd9aa;
}
.online-ticket .ticket-steps .step .label{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	white-space: nowrap;
	color: #a4adb8;
	font-weight: 400;
}
.online-ticket .ticket-steps .step.current .label{
	color: #72c8fa;
}
.online-ticket .ticket-steps .step.completed .label,
.online-ticket .ticket-steps .step.completed .label a{
	color: #6dd9aa;
	text-decoration: none;
}
.online-ticket .ticket-steps .step.failed .label{
	color: #ff6961;
	text-decoration: none;
}
.online-ticket .ticket-steps .step.completed .label a:hover{
	color: #72c8fa;
}
.online-ticket .ticket-steps .step .label:before{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -43px;
	width: 24px;
	height: 24px;
	content: '';
	background: transparent;;
	border: 4px solid #a4adb8;
	border-radius: 100%;
	z-index: 2;
}
.online-ticket .ticket-steps .step.current .label:before{
	background: #72c8fa;
	border: 4px solid #72c8fa;
}
.online-ticket .ticket-steps .step.completed .label:before{
	background: #6dd9aa;
	border: 4px solid #6dd9aa;
}
.online-ticket .ticket-steps .step.failed .label:before{
	background: #ff6961;
	border: 4px solid #ff6961;
}
.online-ticket .ticket-steps .step.completed .label:after{
	content: '\f00c';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -43px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	height: 24px;
	z-index: 3;
	color: #fff;
	font-size: 16px;
}
.online-ticket .ticket-steps .step.failed .label:after{
	content: '\f057';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -43px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	height: 24px;
	z-index: 3;
	color: #fff;
	font-size: 18px;
}
.online-ticket .ticket-steps .step.current .label:after{
	content: '\f111';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 500;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -43px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	height: 24px;
	z-index: 3;
	color: #fff;
	font-size: 18px;
}
.online-ticket .online-ticket-main{
	padding-top: 50px;
	padding-bottom: 50px;
}
.online-ticket .online-ticket-body{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	padding: 30px 50px;
}
.online-ticket .online-ticket-body .row{
	margin-left: -5px;
	margin-right: -5px;
}
.online-ticket .online-ticket-body .row.extra-row{
	padding-left: 4%;
	padding-top: 10px;
}
.online-ticket .online-ticket-body .row.rescheduled-correct{
	border-left: 5px solid #6dd9aa;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.online-ticket .online-ticket-body .row.inreschedule{
	border-left: 5px solid #72c8fa;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.online-ticket .online-ticket-body .row.rescheduled{
	border-left: 5px solid #ff6961;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.online-ticket .online-ticket-body .row.rescheduled .light-blue,
.online-ticket .online-ticket-body .row.rescheduled .blue,
.online-ticket .online-ticket-body .row.rescheduled p{
	color: #808080 !important;
}

.online-ticket .online-ticket-body .row.rescheduled h2,
.online-ticket .online-ticket-body .row.rescheduled-correct h2 {
	font-weight: 700;
	margin-bottom: 20px;
	color: #5d5d5e;
}
.online-ticket .online-ticket-body:not(.wide) [class*=col]{
	padding-left: 5px;
	padding-right: 5px;
}
.online-ticket .online-ticket-body .step1{
	position: relative;
}
.online-ticket .online-ticket-body .radio-group{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.online-ticket .online-ticket-body .step2 .radio-group{
	display: none;
}
.online-ticket .online-ticket-body .radio-group label{
	margin: 0 10px;
	font-weight: 300;
}
.online-ticket .online-ticket-body .form-row{
	padding-top: 20px;
	padding-bottom: 20px;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator{
	text-align: center;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator i{
	display: none;
	line-height: 50px;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator i.fa-long-arrow-right{
	display: none;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator.single i.fa-long-arrow-right{
	display: block;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator i.fa-exchange{
	display: block
}
.online-ticket .online-ticket-body .step1 .form-row .selerator.single i.fa-exchange{
	display: none;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator button{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	cursor: pointer;
	border: none;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator button i{
	display: block;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator:hover button{
	opacity: 1;
	visibility: visible;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator:hover i{
	opacity: 0;
}
.online-ticket .online-ticket-body .step1 .form-row .selerator:hover button i{
	opacity: 1;
}
.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
	display: block;
	float: left;
	width: 260px;
	margin-right: 10px;
}
.online-ticket .online-ticket-body .form-row label:not(.checkbox-container){
	display: block;
	font-size: 17px;
	font-weight: 100;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.online-ticket .online-ticket-body .form-row .description{
	font-size: 14px;
	line-height: 1.2;
	font-weight: 300;
	color: #222;
	opacity: 0.8;
}
.online-ticket .online-ticket-body .form-row .register-selection{
	padding-top: 30px;
}
.online-ticket .online-ticket-body .payment-proccess.ajax-logged-in .form-row .register-selection{
	display: none;
}
.online-ticket .online-ticket-body .form-row .register-selection label{
	text-align: left;
	padding-left: 60px;
	font-size: 15px;
	padding-top: 6px;
	margin: 0;
}
.online-ticket .online-ticket-body .form-row .register-selection label a{
	color: #213f99;
	text-decoration: none;
}
.online-ticket .online-ticket-body .form-row .register-selection label i {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #00adef;
}
.online-ticket .online-ticket-body .form-row .register-selection .checkmark{
	height: 48px;
	width: 48px;
}
.online-ticket .online-ticket-body .form-row .register-selection .checkbox-container .checkmark::after {
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper input,
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	display: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	background: #fff;
	white-space: normal;
	line-height: 19px;
	min-width: auto;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper .comiseo-daterangepicker-triggerbutton .ui-button-icon{
	display: none;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper input#date-round-trip{
	display: none !important;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper{
	position: relative;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper input#date-one-way,
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper .comiseo-daterangepicker-triggerbutton{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.online-ticket .online-ticket-body .step3 .form-row input:not(.nice-select-search):not([name="create_account"]):not([name="payment_method"]),
.vehicle-meters-value{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: inheritπ;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.vehicle-meters-value{
	display: block;
	line-height: 50px;
	text-align: center !important;
	padding: 0;
}
.online-ticket .online-ticket-body .step3 .form-row textarea{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;
	outline: none;
	padding: 18px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 150px;
	line-height: 1.2;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper input:hover,
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper input:focus{
	border: 1px solid #213f99;	
}
.online-ticket .online-ticket-body .form-row .error-icon{
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ff6961;
	font-size: 20px;
	text-align: center;
	border: none;
	background: transparent;
	cursor: pointer;
}
.online-ticket .online-ticket-body .form-row .load-from-profile{
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #00adef;
	font-size: 20px;
	text-align: center;
	border: none;
	background: transparent;
	cursor: pointer;
	z-index: 3;
}
.online-ticket .online-ticket-body .form-row .error .load-from-profile{
	right: 35px;
}
.online-ticket .online-ticket-body .form-row .profiles{
	position: absolute;
	left: 5px;
	top: 100%;
	width: calc(100% - 10px);
	min-width: 305px;
	background-color: #fff;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 10;
}
.online-ticket .online-ticket-body .form-row .profiles li {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #222;
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: 100;
}
.online-ticket .online-ticket-body .form-row .profiles li.used{
	background: #00adef;
	color: #fff;
	opacity: 0.5;
	display: none;
}
.online-ticket .online-ticket-body .form-row .profiles li i{
	font-size: 18px;
	margin-right: 5px;
	color: rgba(34, 34, 34, 0.5);
}
.online-ticket .online-ticket-body .form-row .profiles li.used i{
	color: #fff;
}
.online-ticket .online-ticket-body .form-row .profiles li:hover,
.online-ticket .online-ticket-body .form-row .profiles li.used:hover{
	background-color: #f6f6f6;
	color: #222;
}
.online-ticket .online-ticket-body .form-row .profiles li.used:hover i{
	color: #222;
}
.online-ticket .online-ticket-body .form-row .profiles.open {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}
            
.online-ticket .online-ticket-body .show-password{
	position: absolute;
	bottom: 0;
	right: 25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
	background: transparent;
	cursor: pointer;
}
.online-ticket .online-ticket-body .show-password i{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.online-ticket .online-ticket-body .show-password:hover i{
	color: #213f99;
}
.online-ticket .online-ticket-body .show-password i{
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.online-ticket .online-ticket-body .step1 .form-row .date-range-wrapper.single label span{
	display: none;
}
.online-ticket .online-ticket-body .form-row .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.online-ticket .online-ticket-body .form-row .nice-select:hover,
.online-ticket .online-ticket-body .form-row .nice-select:focus{
	border: 1px solid #213f99;	
}
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner .ui-spinner-input,
.online-ticket .online-ticket-body .ui-spinner .ui-spinner-input{
	font-size: 16px;
	font-weight: 100;
	padding: 0;
	width: calc(100% - 60px);
}
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner.ui-widget.ui-widget-content,
.online-ticket .online-ticket-body .ui-spinner.ui-widget.ui-widget-content{
	margin: 0;
	height: 50px;
	line-height: 50px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
	border-radius: 0;
	width: 100%;
}
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner a.ui-spinner-button,
.online-ticket .online-ticket-body .ui-spinner a.ui-spinner-button{
	top: 0;
	margin-top: 0;
	border-radius: 0;
}
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner a.ui-spinner-button,
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner a.ui-spinner-button.ui-spinner-down:before,
.online-ticket .online-ticket-body .step1 .form-row .ui-spinner a.ui-spinner-button.ui-spinner-up:before,
.online-ticket .online-ticket-body .ui-spinner a.ui-spinner-button,
.online-ticket .online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-down:before,
.online-ticket .online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-up:before{
	height: 50px;
	line-height: 50px;
}
.online-ticket .online-ticket-body .form-row .submit,
.online-ticket .online-ticket-body .form-row.navigation-controll button,
.online-ticket .online-ticket-body .form-row.navigation-controll a{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
}
.online-ticket .online-ticket-body .form-row .viva-checkout button{
	font-weight: 400 !important;
	font-size: 16px !important;
	cursor: pointer;
	padding: 0 30px !important;
	font-family: 'Open Sans', sans-serif !important;
	outline: none !important;
}
.online-ticket .online-ticket-body .form-row .submit:not([disabled]):hover,
.online-ticket .online-ticket-body .form-row.navigation-controll button:not([disabled]):hover,
.online-ticket .online-ticket-body .form-row.navigation-controll a:not([disabled]):hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.online-ticket .online-ticket-body .step1 .form-row .submit i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 20px;
}
.online-ticket .online-ticket-body .form-row .submit i.fa-spinner,
.online-ticket .online-ticket-body .form-row.navigation-controll button i.fa-spinner,
.online-ticket .online-ticket-body .form-row.navigation-controll a i.fa-spinner,
.online-ticket .online-ticket-body .form-row.navigation-controll button.submit i.fa-spinner,
.online-ticket .online-ticket-body .form-row .submit.loading i.fa-long-arrow-right,
.online-ticket .online-ticket-body .form-row.navigation-controll button.loading i.fa-long-arrow-right,
.online-ticket .online-ticket-body .form-row.navigation-controll a.loading i.fa-long-arrow-right,
.online-ticket .online-ticket-body .form-row.navigation-controll button.submit.loading i.fa-long-arrow-right,
.online-ticket .online-ticket-body .form-row .submit.loading i.fa-search-location,
.online-ticket .online-ticket-body .form-row.navigation-controll button.loading i.fa-search-location,
.online-ticket .online-ticket-body .form-row.navigation-controll a.loading i.fa-search-location,
.online-ticket .online-ticket-body .form-row.navigation-controll button.submit.loading i.fa-search-location{
	display: none;
}
.online-ticket .online-ticket-body .form-row .submit.loading i.fa-spinner,
.online-ticket .online-ticket-body .form-row.navigation-controll button.loading i.fa-spinner,
.online-ticket .online-ticket-body .form-row.navigation-controll a.loading i.fa-spinner{
	display: inline-block;
}

.online-ticket .online-ticket-body .form-row.navigation-controll button,
.online-ticket .online-ticket-body .form-row.navigation-controll a{
	display: block;
	width: 100%;
	font-size: 16px;
}
.online-ticket .online-ticket-body .form-row.navigation-controll .calculate_cost .fa-spinner{
	display: none;
}
.online-ticket .online-ticket-body .form-row.navigation-controll .calculate_cost.loading .fa-spinner{
	display: inline-block;
}
.online-ticket .online-ticket-body .form-row.navigation-controll .calculate_cost.loading .fa-scanner-keyboard{
	display: none;
}
.online-ticket .online-ticket-body .form-row.navigation-controll button:disabled{
	opacity: 0.5;
	cursor: not-allowed;
}
.online-ticket .online-ticket-body .form-row.navigation-controll button.wiggle{
	animation: shake 1s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.online-ticket .online-ticket-body .form-row.navigation-controll button.back,
.online-ticket .online-ticket-body .form-row.navigation-controll a.back{
	background: #F8A83E;
}
.online-ticket .online-ticket-body .form-row.navigation-controll button.back:hover,
.online-ticket .online-ticket-body .form-row.navigation-controll a.back:hover{
	background: #E68A10;
}
.online-ticket .online-ticket-body .form-row.navigation-controll button.back i,
.online-ticket .online-ticket-body .form-row.navigation-controll a.back i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 20px;
}
.online-ticket .online-ticket-body .form-row.navigation-controll button.submit i{
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 20px;
}

.online-ticket .online-ticket-body .routes-group{
	position: relative;
}
.online-ticket .online-ticket-body .routes-group label{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 0 10px 0 40px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
	border: 1px solid #fff;
	overflow: hidden;
	font-weight: 300;
}
.online-ticket .online-ticket-body .routes-group label input:checked ~ .availability:before{
	content: 's';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid red;
}
.online-ticket .online-ticket-body .routes-group label.not-available{
	cursor: not-allowed;
	opacity: 0.5;
}
.online-ticket .online-ticket-body .routes-group label .availability{
	display: block;
	float: left;
	width: 12%;
	text-align: center;
	line-height: 36px;
}
.online-ticket .online-ticket-body .routes-group label.available .availability{
	color: #6dd9aa;
}
.online-ticket .online-ticket-body .routes-group label.partial-available .availability{
	color: #F8A83E;
}
.online-ticket .online-ticket-body .routes-group label.not-available .availability{
	color: #DE376A;
}
.online-ticket .online-ticket-body .routes-group label .ship{
	display: block;
	float: left;
	width: 48%;
	line-height: 36px;
	position: relative;
}
.online-ticket .online-ticket-body .routes-group label .ship.special-offer::after {
	position: absolute;
	right: 6px;
	content: 'BEST PRICE';
	top: 0;
	color: red;
	font-size: 11px;
	border: 1px solid red;
	padding: 9px 10px;
	line-height: 5px;
	font-weight: 600;
	border-radius: 100px;
	top: 50%;
	margin-top: -13px;
}
.online-ticket .online-ticket-body .routes-group label .times{
	display: block;
	float: left;
	width: 40%;
	line-height: 36px;
}
.online-ticket .online-ticket-body .routes-group label .times span{
	color: #b1b1b1;
	font-size: 12px;
	display: none;
}
.online-ticket .online-ticket-body .routes-group label .checkmark{
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 8px;
}
.online-ticket .online-ticket-body .routes-group label 

.online-ticket .online-ticket-body .memorandum{
	position: relative;
}
.online-ticket .online-ticket-body .memorandum span{
	display: inline-block;
	margin: 0 10px;
	font-weight: 100;
	font-size: 14px;
}
.online-ticket .online-ticket-body .memorandum i{
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
}
.online-ticket .online-ticket-body .memorandum .available i{
	color: #6dd9aa;
}
.online-ticket .online-ticket-body .memorandum .partial-available i{
	color: #F8A83E;
}
.online-ticket .online-ticket-body .memorandum .not-available i{
	color: #DE376A;
}
.online-ticket .online-ticket-body .routes-wrapper{
	position: relative;
	min-height: 530px;
	z-index: 0;
}
.online-ticket .online-ticket-body .routes-wrapper .calendar{
	position: absolute;
	left: 50%;
	top: 174px;
	z-index: 100;
	-webkit-transform: translateY(20px) translateX(-50%);
	-ms-transform: translateY(20px) translateX(-50%);
	transform: translateY(20px) translateX(-50%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.online-ticket .online-ticket-body .routes-wrapper.show-calendar .calendar{
	-webkit-transform: translateY(0) translateX(-50%);
	-ms-transform: translateY(0) translateX(-50%);
	transform: translateY(0) translateX(-50%);
	opacity: 1;
	visibility: visible;
}

.online-ticket .online-ticket-body .routes-wrapper .dep-routes-wrapper .compass,
.online-ticket .online-ticket-body .routes-wrapper .arr-routes-wrapper .compass{
	position: absolute;
	margin: 80px auto;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow: visible;
}
.online-ticket .online-ticket-body .routes-wrapper .dep-routes-wrapper.loading .compass,
.online-ticket .online-ticket-body .routes-wrapper .arr-routes-wrapper.loading .compass {
	opacity: 1;
	visibility: visible;
}
.online-ticket .online-ticket-body .routes-wrapper .dep-routes-wrapper.loading .routes-group,
.online-ticket .online-ticket-body .routes-wrapper .arr-routes-wrapper.loading .routes-group {
	opacity: 0;
	visibility: visible;
}

.online-ticket .online-ticket-body .routes-wrapper h3{
	display: block;
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 20px;
}
.online-ticket .online-ticket-body #return-routes{
	display: none;
}
.online-ticket .online-ticket-body #return-routes.show{
	display: block;
}
.online-ticket .online-ticket-body .route-resume{
	font-weight: 100;
	margin-bottom: 10px;
}
.online-ticket .online-ticket-body .route-resume span{
	font-weight: 400;
}
.online-ticket .online-ticket-body .route-selection-form{
	position: relative;
	padding: 10px 0 15px;
}
.online-ticket .online-ticket-body .route-selection-form:after{
	display: block;
	content: '';
	clear: both;
}
.online-ticket .online-ticket-body .route-selection-form label{
	display: block;
	float: left;
	width: 50%;
	font-weight: 300;
	line-height: 50px;
	font-size: 15px;
}
.online-ticket .online-ticket-body .route-selection-form input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 50%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.online-ticket .online-ticket-body .route-selection-form input:hover,
.online-ticket .online-ticket-body .route-selection-form input:focus{
	border: 1px solid #213f99;	
}
.online-ticket .online-ticket-body .step3 .form-row .col-icon i{
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}
.online-ticket .online-ticket-body .step3 .checkbox-container input{
	position: absolute !important;
	height: 0 !important;
	width: 0 !important;
}
.online-ticket .online-ticket-body .selections{
	position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
}
.online-ticket .online-ticket-body .selections .form-main-body{
	display: none;
}
.online-ticket .online-ticket-body .selections .spinner-wrapper{
	display: block;
	float: left;
	width: calc(50% - 20px);
	margin-right: 20px;
}
.online-ticket .online-ticket-body .selections .submit{
	width: 100% !important;
}
.online-ticket .online-ticket-body .selections .selections-stable{
	font-weight: 100;
}
.online-ticket .online-ticket-body .selections .selections-stable strong{
	font-weight: 400;
}
.online-ticket .online-ticket-body .selections .selections-stable a{
	color: #222;
	text-decoration: none;
	display: block;
	float: right;
	margin-left: 10px;
}
.online-ticket .online-ticket-body .selections .selections-stable a:hover{
	color: #00adef;	
}
.online-ticket .online-ticket-body .selections .selections-stable a i{
	font-size: 18px;
	margin-left: 4px;
	display: inline-block;
	vertical-align: middle;
}
.online-ticket .online-ticket-body hr{
	border-top: 3px dotted rgba(34, 34, 34, 0.1);
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.online-ticket .online-ticket-body .details{}
.online-ticket .online-ticket-body .details p{
	margin: 0;
	font-weight: 100;
	font-size: 19px;
	margin-bottom: 10px;
}
.online-ticket .online-ticket-body .details h3{
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 20px;
}
.online-ticket .online-ticket-body .details p strong{
	font-weight: 400;
}
.checkbox-container.man-trigger{
	padding-left: 50px;
	line-height: 20px;
	font-size: 15px !important;
	padding-top: 5px;
	display: inline-block !important;
}
.checkbox-container.man-trigger i {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #00adef;
}
.checkbox-container.man-trigger a{
	color: #00adef;
	text-decoration: none;
	display: block;	
}
.checkbox-container.man-trigger .checkmark{
	width: 40px;
	height: 40px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
}
.checkbox-container.man-trigger:hover input ~ .checkmark,
.checkbox-container.man-trigger input:checked ~ .checkmark{
	background: none;
}
.checkbox-container.man-trigger .checkmark::after{
	width: 40px;
	height: 40px;
	color: #222;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}
.online-ticket .online-ticket-body .man-field{
	display: none;
}
.online-ticket .online-ticket-body .man-field input{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.online-ticket .online-ticket-body .man-field i{
	position: absolute;
	right: 30px;
	bottom: 15px;
	font-size: 22px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.online-ticket .online-ticket-body .man-field.success input{
	border: 1px solid #6dd9aa;
}
.online-ticket .online-ticket-body .man-field.success .fa-check{
	opacity: 1;
	visibility: visible;
	color: #6dd9aa;
}
.online-ticket .online-ticket-body .man-field.loading input{
	border: 1px solid #F8A83E;
}
.online-ticket .online-ticket-body .man-field.loading .fa-circle-notch{
	opacity: 1;
	visibility: visible;
	color: #F8A83E;
}
.online-ticket .online-ticket-body .man-field.failed input{
	border: 1px solid #ff6961;
}
.online-ticket .online-ticket-body .man-field.failed .fa-times{
	opacity: 1;
	visibility: visible;
	color: #ff6961;
}
.online-ticket .online-ticket-body .man-field.enabled,
.online-ticket .online-ticket-body .man-field.selected{
	display: block;
}
.online-ticket .online-ticket-body .field-wrapper ins,
.online-ticket .online-ticket-body .field-wrapper del{
	color: #002c73;	
}
.online-ticket .online-ticket-body .field-wrapper ins{
	font-weight: 800;
	font-size: 17px;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
}
.online-ticket .online-ticket-body .field-wrapper:not(.has-discount) ins{
	margin-top: 14px;
}
.online-ticket .online-ticket-body .discount-price ins,
.online-ticket .online-ticket-body .discount-price del{
	line-height: 25px;
}
.online-ticket .online-ticket-body .field-wrapper del{
	font-weight: 600;
	font-size: 13px;
	color: #222222;
}
.online-ticket .online-ticket-body .normal-price span{
	line-height: 50px;
}
.online-ticket .online-ticket-body .total .row{
	padding-top: 8px;
	padding-bottom: 8px;
}
.online-ticket .online-ticket-body .total,
.online-ticket .online-ticket-body .total span{
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #002c73;	
}
.online-ticket .online-ticket-body .total span{
	font-size: 25px;
	font-weight: 800;
}
.online-ticket .online-ticket-body .total span.total-label{
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	font-weight: 300;
	color: #222;
}
.online-ticket .online-ticket-body .total .reschedule-totals span.total-label{
	font-size: 17px;
}
.online-ticket .online-ticket-body .total .reschedule-totals span{
	font-size: 20px;
}
.online-ticket .online-ticket-body .total hr{
	max-width: 100px;
}
.online-ticket .online-ticket-body .total .order-summary .normal-price{
	padding-top: 10px;
	padding-bottom: 10px;
}

.online-ticket .online-ticket-body .form-row.extra-validation-errors,
.online-ticket .online-ticket-body .form-row.extra-notification{
	padding-bottom: 0;
	padding-top: 50px;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .label,
.online-ticket .online-ticket-body .form-row.extra-notification .label{
	position: absolute;
	left: 6px;
	width: auto;
	height: 20px;
	top: -30px;
	font-weight: 800;
	color: rgba(33, 63, 153, 0.3);
	font-size: 24px;
	z-index: 0;
	color: #ff6961;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .extra-validation-errors-inner,
.online-ticket .online-ticket-body .form-row.extra-notification .extra-notification-inner{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	padding: 20px 30px;
	position: relative;
	z-index: 2;
	border: 4px solid #ff6961;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .extra-validation-errors-inner ul,
.online-ticket .online-ticket-body .form-row.extra-notification .extra-notification-inner ul{
	display: block;
	padding: 0;
	margin: 0;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .extra-validation-errors-inner ul li,
.online-ticket .online-ticket-body .form-row.extra-notification .extra-notification-inner ul li{
	display: block;
	font-size: 17px;
	font-weight: 100;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .extra-validation-errors-inner ul li i,
.online-ticket .online-ticket-body .form-row.extra-notification .extra-notification-inner ul li i{
	margin-right: 5px;
	display: none;
}
.online-ticket .online-ticket-body .form-row.extra-validation-errors .extra-validation-errors-inner ul li a,
.online-ticket .online-ticket-body .form-row.extra-notification .extra-notification-inner ul li a{
	color: #213f99;	
}
.online-ticket .online-ticket-body .actions button{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0;
	vertical-align: middle;
}
.online-ticket .online-ticket-body .actions button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.online-ticket .online-ticket-body .actions button .fa-spin,
.online-ticket .online-ticket-body .actions .loading button .fa-paper-plane{
	display: none;
}
.online-ticket .online-ticket-body .actions .email-send-respond{
	position: relative;
}
.online-ticket .online-ticket-body .actions .email-send-respond i{
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
}
.online-ticket .online-ticket-body .actions .loading button .fa-spin{
	display: inline-block;
}
.online-ticket .online-ticket-body .actions input{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 15px !important;
	font-size: 15px !important;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: none;
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	vertical-align: middle;
}
.online-ticket .online-ticket-body .actions input:focus,
.online-ticket .online-ticket-body .actions input:hover{
	border: 1px solid #00adef;
}
.online-ticket .online-ticket-body .actions a{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	outline: none;
	padding: 0 20px;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	margin: 0;
}
.online-ticket .online-ticket-body .actions a i{
	margin-left: 10px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
.online-ticket .online-ticket-body .actions a:hover{
	background: #213f99;	
}
.viva-checkout label {
    margin-top: 10px;
}
.viva-checkout {
    padding-bottom: 40px;
}
.card-holder{
	padding-top: 40px;
}
.expiry-card-wrapper{
	position: relative;
}
.expiry-card-wrapper .expiry-month{
	display: block;
	float: left;
	width: calc(40% - 15px) !important;
	clear: none !important;
}
.expiry-card-wrapper .expiry-year{
	display: block;
	float: left;
	width: calc(60% - 15px) !important;
	clear: none !important;
}
.expiry-card-wrapper .seperator{
	display: block;
	float: left;
	width: 30px;
	text-align: center;
	line-height: 50px;
	font-weight: 100;
	font-size: 22px;
	color: #dfdfdf;
}
.threed-secure-pane-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.threed-secure-pane-wrapper.active{
	visibility: visible;
    opacity: 1;
}
.threed-secure-pane-wrapper #threed-secure-pane {
    background: #fff;
    width: 400px;
    height: 440px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -220px;
}
.threed-secure-pane-wrapper .close{
	position: absolute;
	color: #fff;
	right: 16px;
	top: 16px;
	width: 16px;
	height: 16px;
	opacity: 0.6;
	font-size: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.threed-secure-pane-wrapper .close:hover{
	opacity: 1;
}
.prevent-paypal-no-terms{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: transparent;
	z-index: 999;
	display: block;
	opacity: 1;
	visibility: visible;
}
.prevent-paypal-no-terms.terms-accepted{
	visibility: hidden;
	opacity: 0;
	display: none;
}
.prevent-paypal-no-terms.payment-disabled{
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.payment-proccess .navigation-controll {
    position: relative;
    z-index: 0;
}
.recover-method .trigger{
	display: block;
	font-weight: 300;
	color: #213f99;
	text-align: center;
	margin-bottom: 20px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.recover-method .trigger:hover{
	text-decoration: none;
	color: #00adef;
}
.recover-method-wrap{
	display: none;
}
.recover-method-wrap .ui-tabs .ui-tabs-nav{
	display: flex;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.recover-method-wrap .ui-tabs .ui-tabs-nav li{
	width: 33.33%;
}
.recover-method-wrap .accordion-head{
	display: none;
}
.recover-method-wrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	height: 40px;
	line-height: 40px;
}
.recover-method-wrap img{
	display: block;
	width: 100%;
	height: auto;
}
.recover-method-wrap .ui-accordion .ui-accordion-header{
	padding: 15px 20px 15px 15px !important;
}

/*------------------------
	Datepicker Styles
------------------------*/
.ui-datepicker{
	width: auto;
	max-width: 342px;
}
.ui-datepicker.ui-widget.ui-widget-content{
	background: #fff;
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	padding: 10px;
	border: none;
	border-radius: 0;
	z-index: 999 !important;
}
.ui-datepicker.ui-widget.ui-widget-content th{
	padding: 10px 0px;
}
.ui-datepicker.ui-widget.ui-widget-content td{
	padding: 2px;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header{
	font-weight: 300;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header{
	background: #fff;
	padding: 10px 0;
	border: none;
	border-radius: 0;
	position: relative;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev, 
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next{
	display: block;
	background: none;
	border-radius: 0;
	border: none;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	top: 50%;
	margin-top: -24px;
	cursor: pointer;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev{
	left: 0;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next{
	right: 0;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev:before, 
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	cursor: pointer;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev:before{
	content: '\f053';
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next:before{
	content: '\f054';
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev .ui-icon, 
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next .ui-icon{
	display: none;
}
.ui-datepicker.ui-widget.ui-widget-content td span, 
.ui-datepicker.ui-widget.ui-widget-content td a{
	text-align: center;
	text-decoration: none;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	margin: 2px auto;
}
.ui-datepicker.ui-widget.ui-widget-content th{
	font-weight: 300;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-default, 
.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-today .ui-state-default{
	border: 1px solid rgba(33, 63, 153, 0.5);
	background: rgba(0, 173, 239, 0.5);
	color: #fff;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-state-active, 
.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-state-active,
.ui-datepicker.ui-widget.ui-widget-content .ui-state-active.ui-state-highlight, 
.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-state-active.ui-state-highlight{
	border: 1px solid #00adef;
	background: #00adef;
	color: #fff;
}

.comiseo-daterangepicker.ui-widget.ui-widget-content{
	background: #fff;
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	padding: 10px;
	border: none;
	border-radius: 0;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.comiseo-daterangepicker .ui-widget.ui-widget-content{
	background: transparent;
	box-shadow: none;
	padding: 0;
	border: none;
	border-radius: 0;
}
.comiseo-daterangepicker .ui-datepicker{
	width: auto;
	max-width: 684px;
	min-width: 684px;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets{
	display: none;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar{
	display: block;
	padding: 0;
	border: none;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel{
	float: none;
	clear: both;
	text-align: center;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content{
	border: none;
}
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight, 
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-state-highlight{
	border: none;
	background: none;
	color: #fff;
}
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-default, 
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-today .ui-state-default{
	border: 1px solid rgba(33, 63, 153, 0.5);
	background: rgba(0, 173, 239, 0.5);
	color: #fff;
}
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today.ui-state-highlight .ui-state-default, 
.comiseo-daterangepicker .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-today.ui-state-highlight .ui-state-default{
	border: 1px solid #00adef;
	background: #00adef;
	color: #fff;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default{
	border: 1px solid #00adef;
	background: #00adef;
	color: #fff;
}
.comiseo-daterangepicker-buttonpanel > button{
	border: none;
	border-radius: 0;
	font-weight: 300;
	
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{
	background: #00adef;
	color: #fff;
	font-weight: 300;
}
.comiseo-daterangepicker-buttonpanel > button:hover{
	border: none;
	cursor: pointer;
}
.ui-priority-primary:hover, .ui-widget-content .ui-priority-primary:hover, .ui-widget-header .ui-priority-primary:hover{
	background: #213f99;
}
.ui-datepicker .ui-datepicker-title .nice-select{
	display: inline-block;
	width: calc(50% - 17px);
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	float: none;
	clear: none;
	margin: 0 5px;
}
.ui-datepicker .ui-datepicker-title .nice-select:hover,
.ui-datepicker .ui-datepicker-title .nice-select:focus{
	border: 1px solid #213f99;	
}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
	width: 43%;
	text-align: center;
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	margin: 0 5px;
}

/*------------------------
		Tooltip
------------------------*/
.ui-tooltip.ui-widget.ui-widget-content {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 5px solid #00adef;
	background: #fff;
	padding: 10px 20px;
	color: #222222;
	font-size: 14px;
	font-weight: 300;
	border-radius: 0;
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	transform: translateY(60px) !important;
}
.ui-tooltip.ui-widget.ui-widget-content:after {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #00adef transparent;
	content: '';
}
.ui-tooltip.ui-widget.ui-widget-content.right-tooltip{
	border-left: 5px solid #00adef;
	border-right: none;
	border-bottom: none;
	border-top: none;
}
.ui-tooltip.ui-widget.ui-widget-content.right-tooltip:after {
	position: absolute;
	left: -5px;
	margin-top: -10px;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #00adef transparent transparent;
	content: '';
}
.ui-tooltip.ui-widget.ui-widget-content.top-error-tooltip{
	border-left: none;
	border-right: none;
	border-bottom: 5px solid #ff6961;
	border-top: none;
}
.ui-tooltip.ui-widget.ui-widget-content.top-error-tooltip:after {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -15px;
	top: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ff6961 transparent transparent transparent;
	content: '';
}
.ui-tooltip.ui-widget.ui-widget-content.top-tooltip{
	border-left: none;
	border-right: none;
	border-bottom: 5px solid #00adef;
	border-top: none;
}
.ui-tooltip.ui-widget.ui-widget-content.top-tooltip:after {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -15px;
	top: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #00adef transparent transparent transparent;
	content: '';
}

/*------------------------
		Notebox
------------------------*/
.notebox{
	position: relative;
	padding-top: 0;
}
.notebox .notes{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	padding: 30px;
	position: relative;
}
.notebox .notes .deco-icon{
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-weight: 100;
	color: #f2f2f2;
	z-index: 0;
	font-size: 80px;
	opacity: 0.8;
}
.notebox .notes ul{
	padding: 0 0 0 20px;
	margin: 0 0 30px 0;
	position: relative;
}
.notebox .notes ul:last-child{
	margin-bottom: 0;
}
.notebox .notes ul li{
	font-weight: 300;
	list-style-type: circle;
	font-size: 14px;
	margin-bottom: 10px;
}
.notebox .notes ul li strong{
	font-weight: 400;
}
.notebox .notes a{
	color: #213f99;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notebox .notes a:hover{
	color: #00adef;	
}
.notebox .notes h1{
	font-size: 30px;
	font-weight: 300;
	position: relative;
}
.notebox .notes h2{
	font-size: 26px;
	font-weight: 300;
	position: relative;
}
.notebox .notes h3{
	font-size: 22px;
	font-weight: 300;
	position: relative;
}
.notebox .notes h4{
	font-size: 18px;
	font-weight: 600;
	position: relative;
}
.notebox .notes p{
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 10px;
	position: relative;
}

/*------------------------
	Recover Tickets
------------------------*/
.recover-tickets{
	position: relative;
}
.recover-tickets.online-ticket .online-ticket-body .form-row .submit:disabled{
	opacity: 0.7;
	background: #a4adb8;
	cursor: not-allowed;
}
.recover-tickets.online-ticket .online-ticket-body .form-row .submit i{
	margin-left: 5px;
}
.recover-tickets.online-ticket .online-ticket-body .form-row .submit i.fa-spin{
	display: none;
}
.recover-tickets.online-ticket .online-ticket-body .form-row .submit.loading i.fa-file-search{
	display: none;
}
.recover-tickets.online-ticket .online-ticket-body .form-row .submit.loading i.fa-spin{
	display: inline-block;
}

/*------------------------
	Important Notes
------------------------*/
.note-wrapper {
    position: relative;
    padding: 60px 0 10px;
    margin-bottom: -30px;
}
.note-wrapper .important-top-note{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	padding: 20px 30px;
	position: relative;
	z-index: 2;
	border: 4px solid #eb001d;
}
.note-wrapper .important-top-note p{
	display: block;
	font-size: 17px;
	font-weight: 100;
	margin-bottom: 10px;
}
.note-wrapper .important-top-note ul{
	display: block;
	padding: 0 0 10px 10px;
	margin: 0;
}
.note-wrapper .important-top-note ul li{
/* 	display: block; */
	font-size: 17px;
	font-weight: 100;
	margin-bottom: 5px;
}
.note-wrapper .label{
	position: absolute;
	left: 0;
	width: auto;
	height: 20px;
	top: 30px;
	font-weight: 800;
/* 	color: rgba(33, 63, 153, 0.3); */
	color: #eb001d;
	font-size: 24px;
	z-index: 0;
}

/*------------------------
	Error Message
------------------------*/
.error-message-wrapper{
	position: relative;
	padding: 60px 0 0;
	margin-bottom: -30px;
}
.error-message-wrapper.recover-ticket-errors{
	padding-left: 15px;
	padding-right: 15px;
}
.error-message-wrapper .label{
	position: absolute;
	left: 0;
	width: auto;
	height: 20px;
	top: 30px;
	font-weight: 800;
	color: rgba(33, 63, 153, 0.3);
	font-size: 24px;
	z-index: 0;
}
.error-message-wrapper.recover-ticket-errors .label{
	left: 15px;
}
.error-message-wrapper .validation-errors{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	padding: 20px 30px;
	position: relative;
	z-index: 2;
}
.error-message-wrapper .validation-errors ul{
	display: block;
	padding: 0;
	margin: 0;
}
.error-message-wrapper .validation-errors ul li{
	display: block;
	font-size: 17px;
	font-weight: 100;
}
.error-message-wrapper .validation-errors ul li i{
	margin-right: 5px;
}
/*------------------------
		CountDown
------------------------*/
.countdown-wrapper{
	position: relative;
	padding: 60px 0 0;
	margin-bottom: -30px;
}
.countdown-wrapper .countdown{
	background: #fefefe;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	padding: 20px 10px;
	position: relative;
	z-index: 2;
	margin: 0 15px;
}
.countdown-wrapper .countdown #countdown{
	font-size: 36px;
}
.countdown-wrapper p{
	font-size: 14px;
	margin: 0;
}
.countdown-wrapper button{
	display: inline-block;
	background-color: #ff6961;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;
}
.countdown-wrapper button:not([disabled]):hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.countdown-wrapper button i{
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	font-size: 20px;
}


/*------------------------
	Payment Proccess
------------------------*/
.pick-checkout-method{
	position: relative;
}
.pick-checkout-method.ajax-logged-in{
	display: none;
}
.pick-checkout-method button{
	display: inline-block;
	line-height: 40px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 300;
	padding: 0 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pick-checkout-method button.active{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	outline: none;
	
	user-select: none;
	white-space: nowrap;
	font-weight: 300;
}
.pick-checkout-method span{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	margin: 0 15px;
	font-weight: 100;
	border-radius: 100%;
	-moz-border-radius: 100%;
	margin: 0 auto;
}
.payment-proccess{
	position: relative;
}
#guest-form{
	position: relative;
}
.display-name-wrapper{
	display: none;
}
.display-name-wrapper.show{
	display: block;
}
.online-ticket .online-ticket-body .display-name-wrapper .form-row{
	padding-bottom: 0;
}
#login-form{
	display: none;
}
.payment-proccess.ajax-logged-in #login-form{
	display: none !important;
}
.online-ticket .online-ticket-body .form-row .register-trigger{
	display: inline-block;
	margin: 0 auto;
	width: auto;
	padding: 4px 0 0 35px;
}
.online-ticket .online-ticket-body .form-row .register-trigger a{
	font-size: 12px;
	color: #222;
}
.online-ticket .online-ticket-body .user-form h4{
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 0;
}
.online-ticket .online-ticket-body .login-form .submit{
	display: block;
	width: 100%;
}
.online-ticket .online-ticket-body .login-form .submit i{
	margin-left: 5px;
}
.online-ticket .online-ticket-body .login-form .submit i.fa-spin{
	display: none;
}
.online-ticket .online-ticket-body .login-form.loading .submit i.fa-sign-in{
	display: none;
}
.online-ticket .online-ticket-body .login-form.loading .submit i.fa-spin{
	display: inline-block;
}
.online-ticket .online-ticket-body .login-form .error-msg{
	display: none;
	padding-top: 10px;
}
.online-ticket .online-ticket-body .login-form .error-msg p{
	background: #ff6961;
	border: none;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: 400;
	padding: 6px 20px;
}

.payment-proccessing{
	position: relative;
	padding: 20px 0 80px;
}

.payment-wrapper{
	position: relative;
}
.payment-wrapper h3{
	display: block;
	font-size: 20px;
	font-weight: 300;
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection{
	position: relative;
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 10px 10px 40px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
	border: 1px solid #fff;
	overflow: hidden;
	font-weight: 300;
	text-align: left;
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label input{
	position: absolute;
	width: 0;
	height: 0;	
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label .payment-icon-description{
	display: block;
	opacity: 0.6;
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label .checkmark{
	top: 50%;
	margin-top: -12px;
	left: 7px;
}
.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label a{
	display: inline-block;
	font-weight: 100;
	font-size: 12px;
	text-decoration: none;
	color: #222;
}
.online-ticket .online-ticket-body .form-row .terms-and-conditions,
.online-ticket .online-ticket-body .form-row .use-credits,
.online-ticket .online-ticket-body .form-row .subscribe-newsletter{
	display: inline-block;
	margin: 0 auto;
	width: auto;
	padding: 4px 0 0 35px;
}
.online-ticket .online-ticket-body .form-row .subscribe-newsletter{
	line-height: 25px;
	margin-top: 25px;
	max-width: 410px;
	text-align: left;
	padding-left: 35px;
}
.online-ticket .online-ticket-body .form-row .terms-and-conditions a,
.online-ticket .online-ticket-body .form-row .use-credits a,
.online-ticket .online-ticket-body .form-row .subscribe-newsletter a{
	color: #002c73;
}
.online-ticket .online-ticket-body .form-row .terms-and-conditions a:hover,
.online-ticket .online-ticket-body .form-row .use-credits a:hover,
.online-ticket .online-ticket-body .form-row .subscribe-newsletter a:hover{
	color: #00adef;	
}


.path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	animation: dash 2s ease-in-out;
	-webkit-animation: dash 2s ease-in-out;
}
.spin {
	animation: spin 2s;
	-webkit-animation: spin 2s;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}
@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes text {
	0% {
		opacity: 0; }
	100% {
		opacity: 1;
	}
}
@keyframes text {
	0% {
		opacity: 0; }
	100% {
		opacity: 1;
	}
}
.confirmation-text p{
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300;
}
.confirmation-text p .large{
	font-size: 16px;
}
.success-tokens{
	position: relative;
}
.success-tokens .label{
	display: block;
	font-size: 17px;
	font-weight: 100;
	margin-bottom: 10px;
}
.success-tokens .label.sngl{
	margin-bottom: 0;
}
.success-tokens input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.success-tokens input:hover,
.success-tokens input:focus{
	border: 1px solid #213f99;	
}
.success-tokens button{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: 100%;;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.success-tokens button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.reservation-resume{
	position: relative;
}
.reservation-resume h3{
	font-size: 24px;
	font-weight: 300;
}
.reservation-resume .order-resume p{
	position: relative;
	font-size: 14px;
	line-height: 21px;
	font-weight: 300;
	color: #808080;
}
.reservation-resume .order-resume p span{
	color: #808080;
}
.reservation-resume .order-resume p.canceled{
	color: red;
	text-decoration: line-through;
}
.reservation-resume .order-resume p strong{
	font-weight: 600;
	font-size: 18px;
}
.reservation-resume .order-qr img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.reservation-resume .order-pdf{
	position: relative;
}
.reservation-resume .order-pdf a{
	font-size: 65px;
	color: #213f99;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.reservation-resume .order-pdf a:hover{
	color: #ff6961;
}
.reservation-resume .order-qr svg {
    width: 170px;
    height: auto;
    margin-bottom: 60px;
}
.reservation-table{
	position: relative;
}
.analytics-table{
	position: relative;
	padding-top: 40px;
}
.reservation-table .row,
.analytics-table .row{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: rgba(186, 217, 234, 0.2);
}
.reservation-table .row > div,
.analytics-table .row > div{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #5d5d5e;
	font-size: 14px;
	font-weight: 300;
	white-space: nowrap;
}
.reservation-table .row:nth-child(2n),
.analytics-table .row:nth-child(2n){
	background: rgba(186, 217, 234, 0.5);
}
.reservation-table .row > div:last-child{
	font-style: italic;
}
.reservation-table .row > div a{
	color: #222;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.reservation-table .row > div a:hover{
	color: #002c73;	
}
.analytics-table .row.heading > div{
	font-weight: 400;
}
.analytics-table .row > div:last-child{
	font-weight: 600;
}
.analytics-table .row.summary > div{
	font-size: 16px;
}

/*------------------------
		SMS Form
------------------------*/
.form-account-box.account-box{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
.form-account-box.account-box .form-main-body .form-row {
	padding-top: 0px;
	padding-bottom: 0px;
}
.dashboard .form-account-box.account-box .row{
	margin-left: -4px;
	margin-right: -4px;
}
.dashboard .form-account-box.account-box [class*="col"] {
    margin-bottom: 0px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 4px;
    padding-right: 4px;   
}
.form-account-box .add,
.form-account-box .remove{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.form-account-box .add{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #00adef;
	border: none;
	cursor: pointer;
	margin: 5px 0;
}
.form-account-box .add:hover{
	color:  #fff;
	background: #213f99;
}
.form-account-box .remove{
    height: 36px;
    margin: 7px 5px;
    width: 36px;
    border-radius: 100%;
    background: #fff;
	border: 1px solid #ddd;
	padding: 0;
	color: #222222;
    line-height: 34px;
    cursor: pointer;
}
.form-account-box .remove:hover{
	color: #fff;
	background-color: #ff6961;
	border-color: #ff6961;
}
.form-account-box button[type=submit]{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	width: 100%;
}
.form-account-box button[type=submit]:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.form-account-box button[type=submit] i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	float: none;
}
#sms-form .nice-select.search-select .list{
	padding-top: 0;
}

/*------------------------
		Nice Table
------------------------*/
.dashboard .dashbox.static.nice-table-wrapper{
	padding: 40px 40px 26px 40px;
}
.dashboard .dashbox.static.nice-table-wrapper h2{
	margin-bottom: 0;
}
.dashboard .marginless [class*=col]{
	margin-bottom: 0;
}
.nice-table-wrapper .toggle-columns{
	position: relative;
	font-size: 14px;
	font-weight: 300;
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons{
	display: block;	
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons button{
	display: block;
	float: left;
	border: none;
	color: #fff;
	margin-right: 10px;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons button i{
	position: relative;
	font-size: 16px;
	color: #fff;
	right: auto;
	top: auto;
	opacity: 1;
	display: inline-block;
	vertical-align: initial;
}
.dashboard .dashbox.static.nice-table-wrapper div.dt-button-collection div.dropdown-menu {
    background: #fff;
    padding: 8px 0;
    -webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
}
.dashboard .dashbox.static.nice-table-wrapper div.dt-button-collection div.dropdown-menu a{
	display: block;
	padding: 4px 15px;
	color: #213f99;
	text-decoration: none;
}
.dashboard .dashbox.static.nice-table-wrapper div.dt-button-collection div.dropdown-menu a:not(.active){
	text-decoration: line-through;
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons .btn-group{
	display: block;
	float: left;
}
.dashboard .dashbox.static.nice-table-wrapper .custom-buttons button i{
	position: relative;
	font-size: 12px;
	color: #fff;
}
.nice-table-wrapper .toggle-columns .toggle-vis{
	cursor: pointer;
}
.nice-table-wrapper .toggle-columns .toggle-vis:hover{
	color: #006db1;
}
.nice-table-wrapper .toggle-columns .toggle-vis.deleted{
	text-decoration: line-through;
}
.nice-table{
	width: 100% !important;
	position: relative;
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid #dee2e6;
	font-size: 14px;
}
.nice-table th{
	border: 1px solid #dee2e6;
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	padding: 15px 10px 15px 10px;
	font-weight: 400;
}
.nice-table thead th{
	padding: 15px 30px 15px 10px;
}
.nice-table td{
	border: 1px solid #dee2e6;
	padding: 8px 10px;
	font-weight: 300;
}
.nice-table th.nwrap{
	white-space: nowrap;
}
.nice-table tbody tr:nth-of-type(2n+1) {
    background-color: #F2F2F2;
}
.nice-table a{
	color: #006db1;
	text-decoration: none;
}
.nice-table a:hover{
	color: #00adef;
}
.dashboard .dashbox .nice-table a i {
    position: relative;
    font-size: 12px;
    top: auto;
    color: #00adef;
    opacity: 1;
    left: auto;
    right: auto;
    display: inline-block;
}
.DTFC_RightBodyWrapper{
	box-shadow: -4px 0px 6px rgba(0,0,0,0.1);
}
.custom-page-length{
	font-weight: 300;
	font-size: 14px;
	line-height: 40px;	
}
.custom-page-length a{
	text-decoration: none;
	color: #222;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin: 0 2px;
}
.custom-page-length a.active{
	background: #006db1;
	color: #fff;
}
div.dataTables_wrapper div.dataTables_paginate{
	text-align: center;
	padding-top: 30px;
}
.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
    display: inline-block;
    padding: 0;
    float: none;
}
.dataTables_paginate ul.pagination li{
	display: block;
	float: left;
}
.dataTables_paginate ul.pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
	background-color: #002c73;
	border-color:#002c73;
}
.dataTables_paginate ul.pagination .paginate_button:not(:disabled):not(.disabled) .page-link{
    cursor: pointer;
}
.dataTables_paginate ul.pagination .paginate_button.disabled .page-link{
	opacity: 0.5;
}
.dataTables_paginate ul.pagination .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #002c73;
    background-color: #fff;
    border: 1px solid #dee2e6;
        border-top-color: rgb(222, 226, 230);
        border-right-color: rgb(222, 226, 230);
        border-bottom-color: rgb(222, 226, 230);
        border-left-color: rgb(222, 226, 230);
	text-decoration: none;
	font-size: 12px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.dataTables_paginate ul.pagination .paginate_button:not(:disabled):not(.disabled) .page-link:hover{
	background: #00adef;
	color: #fff;
	border-color: #00adef;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.75em;
    white-space: nowrap;
    font-size: 13px;
}
div.dataTables_wrapper div.dataTables_filter input,
table.dataTable td input, 
table.dataTable th input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	float: none;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
div.dataTables_wrapper div.dataTables_filter input:focus,
table.dataTable td input:focus, 
table.dataTable th input:focus{
	border: 1px solid #213f99;	
}
div.dataTables_wrapper div.dataTables_filter label{
	display: inline-block;
	font-weight: 300;
	font-size: 14px;
	line-height: 40px;
}
table.dataTable td input, table.dataTable th input {
    width: 100%;
}

td.details-control {
    cursor: pointer;
}
td.details-control:after{
	content: '\f4a8';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 800;
	text-align: center;
	display: block;
	color: #6dd9aa;
}
tr.shown td.details-control:after {
	content: '\f4a7';
	color: #ff6961;
}

.date-filters-wrapper{
	position: relative;
}
.date-filters-wrapper .date-range-trigger{
	color: #006db1;
	font-size: 15px;
	text-decoration: none;
}
.date-filters-wrapper .date-range-trigger i{
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	font-size: 15px;
	color: #006db1;
	opacity: 1;
}
.date-filters-wrapper .date-filters-container{
	display: none;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	padding: 30px 30px 20px;
}
.date-filters-container input[type=text]{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	float: none;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
}
.date-filters-container input:focus{
	border: 1px solid #213f99;	
}
.date-filters-container label{
	display: block;
	font-size: 16px;
	font-weight: 300;
}
.dashboard .dashbox .date-filters-container label i{
	font-size: 16px;
	color: #222;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	opacity: 1;
}
.dashboard .dashbox .date-filters-container input[type=reset]{
	color: #002c73;
	border: none;
	background: none;
	font-size: 12px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.dashboard .dashbox .date-filters-container input[type=reset]:hover{
	color: #00adef;	
}
.dashboard .date-filters-container [class*="col"]{
	margin-bottom: 0;
}
.dashboard .date-filters-container .row{
	margin-left: -2px;
	margin-right: -2px;
}
.dashboard .date-filters-container .row [class*="col"] {
    padding-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;   
}

/*------------------------
	Account Passengers
------------------------*/
.account-pav-wrapper{
	position: relative;
}
.account-pav-wrapper .passengers-icon i,
.account-pav-wrapper .vehicle-icon i{
	height: 50px;
	line-height: 50px;
	font-size: 32px;
	color: rgba(34, 34, 34, 0.5);
}
.account-pav-wrapper label{
	display: block;
	font-size: 16px;
	font-weight: 100;
	margin-top: 10px;
	text-transform: capitalize;
}
.account-pav-wrapper input{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account-pav-wrapper .man-field input{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.account-pav-wrapper .man-field i{
	position: absolute;
	right: 30px;
	bottom: 15px;
	font-size: 22px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.account-pav-wrapper .man-field.success input{
	border: 1px solid #6dd9aa;
}
.account-pav-wrapper .man-field.success .fa-check{
	opacity: 1;
	visibility: visible;
	color: #6dd9aa;
}
.account-pav-wrapper .man-field.loading input{
	border: 1px solid #F8A83E;
}
.account-pav-wrapper .man-field.loading .fa-circle-notch{
	opacity: 1;
	visibility: visible;
	color: #F8A83E;
}
.account-pav-wrapper .man-field.failed input{
	border: 1px solid #ff6961;
}
.account-pav-wrapper .man-field.failed .fa-times{
	opacity: 1;
	visibility: visible;
	color: #ff6961;
}
.account-pav-wrapper .man-field.enabled,
.account-pav-wrapper .man-field.selected{
	display: block;
}
.account-pav-wrapper .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.account-pav-wrapper .nice-select:hover,
.account-pav-wrapper .nice-select:focus{
	border: 1px solid #213f99;	
}
.account-pav-wrapper .button{
	display: inline-block;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
}
.account-pav-wrapper .button.red{
	background: #ff6961;
}
.account-pav-wrapper .button.red:not([disabled]):hover{
	background: #E6443B;
}
.account-pav-wrapper .button.orange{
	background: #F8A83E;
}
.account-pav-wrapper .button.orange:not([disabled]):hover{
	background: #E68A10;
}
.account-pav-wrapper .button.green{
	background: #6dd9aa;
}
.account-pav-wrapper .button.green:not([disabled]):hover{
	background: #2AAA73;
}
.account-pav-wrapper button:not([disabled]):hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
	text-decoration: none;
}
.account-pav-wrapper .button i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 20px;
}
.account-pav-wrapper .button.remove-contact,
.account-pav-wrapper .button.remove-vehicle{
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	text-align: center;
	border-radius: 0 0 0 100%;
	margin: 0;
	z-index: 99;
	line-height: inherit;
	height: auto;
	padding: 10px 15px 25px 30px;
}
.account-pav-wrapper .button.remove-contact i,
.account-pav-wrapper .button.remove-vehicle i{
	font-size: 15px;
	margin: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.account-pav-wrapper .button.remove-contact i.fa-times,
.account-pav-wrapper .button.remove-contact:hover i.fa-user-minus,
.account-pav-wrapper .button.remove-vehicle i.fa-times,
.account-pav-wrapper .button.remove-vehicle:hover i.fa-car-tilt {
	display: none;
}
.account-pav-wrapper .button.remove-contact:hover i.fa-times,
.account-pav-wrapper .button.remove-vehicle:hover i.fa-times{
	display: block;
}
.account-pav-wrapper .button.save .fa-spinner,
.account-pav-wrapper .loading .button.save .fa-save{
	display: none;
}
.account-pav-wrapper .loading .button.save .fa-spinner{
	display: inline-block;
}

/*------------------------
	Fleet Presentation
------------------------*/
.fleet-presentation{
	position: relative;
}
.fleet-presentation .heading{
	padding-bottom: 30px;
}
.fleet-presentation .heading h2{
	font-weight: 300;
	font-size: 26px;
}
.fleet-presentation .heading p{
	font-weight: 300;
}
.fleet-presentation .vessel-preview{
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 20px;
}
.fleet-presentation .vessel-preview figure{
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
}
.fleet-presentation .vessel-preview figure img{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}
.fleet-presentation .vessel-preview h3{
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 10px;
}
.fleet-presentation .vessel-preview h3 a{
	color: #222;
	text-decoration: none;
}
.fleet-presentation .vessel-preview p{
	text-align: justify;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 300;
}

.fleet-presentation .vessel-preview .vessel-body{
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
	padding: 25px 15px 10px;
	margin-top: -36px;
	background: #fff;
	border-top: 4px solid #213f99;
	border-radius: 0 0 5px 5px;
}
.fleet-presentation .vessel-preview .more{
	display: inline-block;
	margin-top: 5px;
	margin-top: 5px;
	background: #ffffff;
	color: #222222;
	border: none;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 400;
	padding: 0 30px;
	position: relative;
	outline: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.fleet-presentation .vessel-preview .more:hover{
	background: #00adef;
	color: #fff;
}

/*------------------------------------
	Fleet Presentation Blocked
------------------------------------*/
.fleet-presentation-blocked{
	position: relative;
}
.fleet-presentation-blocked .heading{
	padding-bottom: 30px;
}
.fleet-presentation-blocked .heading h2{
	font-weight: 300;
	font-size: 26px;
}
.fleet-presentation-blocked .vessel-preview{
	position: relative;	
	margin-bottom: 30px;
}
.fleet-presentation-blocked .vessel-preview:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fleet-presentation-blocked .vessel-preview:hover:before{
	opacity: 1;
}
.fleet-presentation-blocked .vessel-preview a.link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.fleet-presentation-blocked .vessel-preview figure{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	height: 260px;
	position: relative;
	overflow: hidden;
}
.fleet-presentation-blocked .vessel-preview figure img{
	display: block;
	width: 100%;
	height: auto;
	left: 50%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1.1);
	transform: translateY(-50%) translateX(-50%) scale(1.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fleet-presentation-blocked .vessel-preview:hover figure img{
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
}
.fleet-presentation-blocked .vessel-preview figcaption{
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
	padding: 80px 0;
	z-index: 5;
}
.fleet-presentation-blocked .vessel-preview figcaption h3{
	font-weight: 300;
	color: #fff;
	font-size: 28px;
	text-shadow: 1px 1px 1px #000;
	-moz-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
	margin-bottom: 20px;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fleet-presentation-blocked .vessel-preview:hover figcaption h3{
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.fleet-presentation-blocked .vessel-preview figcaption .more{
	display: block;
	width: 50px;
	height: 50px;
	background: #00adef;
	color: #fff;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	border-radius: 100%;
	-moz-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fleet-presentation-blocked .vessel-preview:hover figcaption .more{
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	
}



/*------------------------
		Vessel
------------------------*/
.vessel{
	position: relative;
}
.vessel a.inlink{
	position: absolute;
	left: 15px;
	top: 25px;
	width: calc(100% - 30px);
	height: calc(100% - 50px);
	z-index: 10;
}
.vessel .heading{
	padding-bottom: 30px;
}
.vessel .heading h2{
	font-weight: 300;
	font-size: 32px;
}
.vessel .heading h2 i{
	opacity: 0.4;
}
.vessel .heading p{
	font-weight: 300;
}
.vessel figure{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
.vessel figure img{
	display: block;
	width: 100%;
	height: auto;
}
.vessel .vessel-details{
	margin-left: -15px;
	text-align: center;
	color: #fff;
	position: relative;
}
.vessel .vessel-details .row{
	height: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	background: #002c73;
	background: -moz-linear-gradient(top,  #002c73 0%, #00adef 100%);
	background: -webkit-linear-gradient(top,  #002c73 0%,#00adef 100%);
	background: linear-gradient(to bottom,  #002c73 0%,#00adef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c73', endColorstr='#00adef',GradientType=0 );
}
.vessel .vessel-details h2{
	font-weight: 400;
	font-size: 26px;
	margin-bottom: 20px;
}
.vessel .vessel-details .table-details{
	display: block;
	position: relative;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.vessel .vessel-details .table-details .entry{
	display: block;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #fff;
}
.vessel .vessel-details .table-details .entry span{
	display: block;
	float: right;
	font-size: 15px;
	color: #00adef;
}
.vessel .vessel-details .table-details .entry .label{
	float: left;
	color: #fff;
}
.vessel .vessel-details .table-details .entry:after{
	display: block;
	clear: both;
	content: '';
}

.vessel .vessel-details .circle-details{
	display: block;
	position: relative;
	text-align: center;
}
.vessel .vessel-details .circle-details .entry{
	display: inline-block;
	margin: 0 5px;
}
.vessel .vessel-details .circle-details .entry i{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(255,255,255,0.1);
	border-radius: 100%;
	display: block;
	margin: 0 auto;
}
.vessel .vessel-details .circle-details .entry span{
	display: block;
	font-size: 15px;
	color: #002c73;
	margin-top: 5px;
}
.vessel .vessel-details .circle-details .entry .label{
	color: #fff;
}
.vessel .vessel-details .circle-details .entry:after{
	display: block;
	clear: both;
	content: '';
}


/* -------------------------------- 
		Blog
-------------------------------- */
.cd-container {
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
}
.cd-container::after {
	content: '';
	display: table;
	clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
#cd-timeline {
	position: relative;
	padding: 60px 0;
	margin-top: 2em;
	margin-bottom: 2em;
}
#cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: -moz-linear-gradient(top,  rgba(0,44,115,0) 0%, rgba(0,44,115,0.2) 5%, rgba(0,44,115,0.2) 95%, rgba(0,44,115,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,44,115,0) 0%,rgba(0,44,115,0.2) 5%,rgba(0,44,115,0.2) 95%,rgba(0,44,115,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,44,115,0) 0%,rgba(0,44,115,0.2) 5%,rgba(0,44,115,0.2) 95%,rgba(0,44,115,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002c73', endColorstr='#00002c73',GradientType=0 );

}
@media only screen and (min-width: 1170px) {
	#cd-timeline {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#cd-timeline::before {
		left: 50%;
		margin-left: -2px;
	}
}
.cd-timeline-block {
	position: relative;
	margin: 2em 0;
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-block:first-child {
	margin-top: 0;
}
.cd-timeline-block:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-block {
		margin: 4em 0;
	}
	.cd-timeline-block:first-child {
		margin-top: 0;
	}
	.cd-timeline-block:last-child {
		margin-bottom: 0;
	}
}

.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	background: #00adef;
}
.cd-timeline-img img,
.cd-timeline-img i {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	position: relative;
	color: #fff;
	font-size: 24px;
  
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-img {
		width: 60px;
		height: 60px;
		left: 50%;
		margin-left: -30px;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}
	.cssanimations .cd-timeline-img.is-hidden {
		visibility: hidden;
	}
	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		-moz-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s;
	}
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
	}	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}
	100% {
		-moz-transform: scale(1);
	}
}
@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white;
	border-radius: 0.25em;
	padding: 1em;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.cd-timeline-content:hover{
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-content figure{
	display: block;
	height: 180px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.cd-timeline-content figure img{
	display: block;
	width: 100%;
	height: auto;
	display: none;
}
.cd-timeline-content h2 {
	color: #222222;
	font-weight: 300;
	font-size: 24px;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 100;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block;
}
.cd-timeline-content p {
	margin: 1em 0;
	line-height: 22px;
	font-size: 14px;
}
.cd-timeline-content .cd-date {
	float: left;
	padding: .8em 0;
	opacity: .7;
}
.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white;
}
.cd-timeline-content .cd-read-more{
	display: block;
	float: right;
	color: #002c73;
	text-decoration: none;
}
.cd-timeline-content .cd-read-more:hover{
	color: #00adef;
}
@media only screen and (min-width: 768px) {
	.cd-timeline-content h2 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.cd-timeline-content p {
		font-size: 14px;
	}
	.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
		font-size: 14px;
		font-size: 0.875rem;
	}
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%;
	}
	.cd-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: white;
	}
	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 16px;
		font-size: 1rem;
	}
	.blog .cd-timeline-block:nth-child(even) .cd-timeline-content,
	.cd-timeline-block.answer-helpdesk .cd-timeline-content {
		float: right;
	}
	.blog .cd-timeline-block:nth-child(even) .cd-timeline-content::before,
	.cd-timeline-block.answer-helpdesk .cd-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white;
	}
	.blog .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more,
	.cd-timeline-block.answer-helpdesk .cd-timeline-content .cd-read-more {
		float: right;
	}
	.blog .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date,
	.cd-timeline-block.answer-helpdesk .cd-timeline-content .cd-date {
		left: auto;
		right: 122%;
		text-align: right;
	}
	.cssanimations .cd-timeline-content.is-hidden {
		visibility: hidden;
	}
	.cssanimations .cd-timeline-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 0.6s;
		-moz-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s;
	}
}

@media only screen and (min-width: 1170px) {
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s;
	}
}
@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}	
	100% {
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}	
	100% {
		-moz-transform: translateX(0);
	}
}
@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
	}	
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}	
	100% {
		-moz-transform: translateX(0);
	}
}
@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

/*------------------------
		Single Post
------------------------*/
.single-post{
	position: relative;
}
.single-post .heading{
	padding-bottom: 60px;
}
.single-post .heading h2{
	font-size: 36px;
	font-weight: 300;
}
.single-post .heading p{
	font-size: 14px;
	font-style: italic;
}
.single-post figure{
	display: block;
	width: 100%;
	height: auto;
}
.single-post figure img{
	display: block;
	width: 100%;
	height: auto;
}

/*------------------------
		Single Post
------------------------*/
.related-posts .heading{
	padding-bottom: 30px;
}
.related-posts .heading h3{
	font-weight: 300;
	font-size: 26px;
}
.related-posts .heading p{
	font-weight: 300;
}
.related-posts article{
	position: relative;	
	margin-bottom: 30px;
}
.related-posts article:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts article:hover:before{
	opacity: 1;
}
.related-posts article a.link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.related-posts article figure{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	height: 260px;
	position: relative;
	overflow: hidden;
}
.related-posts article figure img{
	display: block;
	width: 100%;
	height: auto;
	left: 50%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1.1);
	transform: translateY(-50%) translateX(-50%) scale(1.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts article:hover figure img{
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
}
.related-posts article figcaption{
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
	padding: 80px 50px;
	z-index: 5;
}
.related-posts article figcaption h3{
	font-weight: 300;
	color: #fff;
	font-size: 22px;
	text-shadow: 1px 1px 1px #000;
	-moz-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
	margin-bottom: 20px;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts article:hover figcaption h3{
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.related-posts article figcaption .more{
	display: block;
	width: 50px;
	height: 50px;
	background: #00adef;
	color: #fff;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	border-radius: 100%;
	-moz-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts article:hover figcaption .more{
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);	
}

/*------------------------
		Slider
------------------------*/
.slick-slider{
	position: relative;	
	z-index: 1;
	overflow: hidden;
}
.slick-slider .slick-arrow{
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -60px;
	display: block;
	float: left;
	text-align: center;
	width: 60px;
	height: 60px;
	background-color: #213f99;
	font-size: 24px;
	line-height: 1.9;
	color: #ffffff;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.slick-slider .slick-arrow.prev-slide{
	left: -60px;
	border-radius: 0 50% 50% 0;
}
.slick-slider:hover .slick-arrow.prev-slide{
	left: 0;
}
.slick-slider .slick-arrow.next-slide{
	right: -60px;
	border-radius: 30px 0 0 30px;
}
.slick-slider:hover .slick-arrow.next-slide{
	right: 0;
}
.slick-dots{
	display: block;
	width: 100%;
	text-align: center;
}
.slick-dots li{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	border-radius: 100%;
	background: #00adef;
	opacity: 0.4;
}
.slick-dots li.slick-active{
	opacity: 1;
}
.slick-dots li button{
	display: none;
}

/*------------------------
		FAQ
------------------------*/
.faq-container .heading{
	padding-bottom: 30px;
}
.faq-container .heading h2{
	font-weight: 300;
	font-size: 36px;
	margin-bottom: 10px;
}
.faq-container .heading p{
	font-weight: 300;
}
.faq-container h3.subject{
	font-weight: 300;
	margin-bottom: 20px;
	font-size: 24px;
}
.faq-container p{
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 10px;
}
.faq-container ul{
	padding: 0;
}
.faq-container ul li{
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 10px;
	list-style-type: circle;
	list-style-position: inside;
}


/*------------------------
		Accordion
------------------------*/
.ui-accordion{
	border-top: 1px solid #e8e8e8;
	margin-bottom: 60px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	background: #fff;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 15px 20px 15px 15px;
    font-size: 14px;
    font-weight: 300;
    background: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
    border-top: none;
    border-radius: 0;
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header.ui-accordion-header-active{
	color: #fff;	
	background: rgba(0, 173, 239, 0.7);
}
.ui-accordion .ui-icon{
	position: absolute;
	right: 0;
	top: 2px;
	width: 50px;
	height: 50px;
	background: none;
}
.ui-accordion .ui-icon:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	content: '\f065';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	line-height: 50px;
	text-align: center;
	text-indent: 0;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before{
	content: '\f066';
}
.ui-accordion .ui-accordion-content{
	padding: 15px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0;
	background: #fafafa;
}

/*------------------------
		Tabs
------------------------*/
.accordion-tabs.ui-widget.ui-widget-content{
	padding: 0;
	margin: 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: #fff;
}
.ui-tabs .ui-tabs-nav{
	display: block;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: #fff;
	border: none;
}
.ui-tabs .ui-tabs-nav li{
	padding: 0;
	margin: 0;
	width: auto;
	padding: 0;
	border: none;
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	display: block;
	padding: 0;
	margin: 0;
	float: none;
	font-weight: 300;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.ui-tabs .ui-state-active, .ui-widget-content .ui-state-active, 
.ui-tabs .ui-widget-header .ui-state-active, 
.ui-tabs a.ui-button:active, 
.ui-tabs .ui-button:active, 
.ui-tabs .ui-button.ui-state-active:hover{
	background: #00adef;
}
.accordion-tab-content{
	padding: 5px 20px 20px;
}
.tm-member-wrapper .ui-tabs .ui-tabs-nav li{
	width: 50%;
}
.tm-member-wrapper .ui-tabs .ui-tabs-panel{
	padding: 10px 20px 10px 5px;
}
.tm-member-wrapper .user-success-registration {
    background: #6dd9aa;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    max-width: 100%;
    padding: 16px 20px;
    clear: both;
    width: 100%;
    text-align: center;
}

/*-------------------------------------------
	Login - Register - Forgot
-------------------------------------------*/
.tm-member-wrapper{
	position: relative;
}
.tm-member-wrapper .accordion-tab-content{
	position: relative
}
.tm-member-wrapper .accordion-tab-content h1{
	display: none;
}
.tm-member-wrapper h2{
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 20px;
}
.tm-member-wrapper h2 i{
	color: #213f99;
	min-width: 45px;
	text-align: center;
}
.tm-member-wrapper label{
	display: block;
	font-weight: 300;
	line-height: 36px;
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 20px;
}
.tm-member-wrapper input[type=text],
.tm-member-wrapper input[type=email],
.tm-member-wrapper input[type=password]{
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: none;
	font-family: inherit;
	font-weight: 300;;
	outline: none;
	padding-left: 18px;
	padding-right: 0px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
}
.tm-member-wrapper input:hover,
.tm-member-wrapper input:focus{
	border: 1px solid #213f99;	
}
.tm-member-wrapper #strength_message,
.tm-member-wrapper #missmatch_message{
	position: absolute;
	right: 35px;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	font-weight: 200;
	font-size: 13px;
}
.tm-member-wrapper #strength_message.short,
.tm-member-wrapper #strength_message.weak,
.tm-member-wrapper #missmatch_message.missmatch{
	color: #ff6961;
}
.tm-member-wrapper #strength_message.good{
	color: #F8A83E;
}
.tm-member-wrapper #strength_message.strong,
.tm-member-wrapper #missmatch_message.match{
	color: #6dd9aa;
}
.tm-member-wrapper .login i,
.tm-member-wrapper .register i,
.tm-member-wrapper .icon-col i{
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: rgba(34, 34, 34, 0.5);
}

.tm-member-wrapper .submit,
.tm-member-wrapper .button{
	display: block;
	float: none;
	background-color: #00adef;
	color: #fff;
	border-radius: 0;
	border: none;
	border-top-color: rgb(232, 232, 232);
	border-right-color: rgb(232, 232, 232);
	border-bottom-color: rgb(232, 232, 232);
	border-left-color: rgb(232, 232, 232);
	box-sizing: border-box;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	user-select: none;
	white-space: nowrap;
	width: 100%;
	margin: 27px 0 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.tm-member-wrapper .button.alt-button{
	background: #a4adb8;
}
.tm-member-wrapper .submit:hover,
.tm-member-wrapper .button:hover{
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	color:  #fff;
	background: #213f99;	
}
.tm-member-wrapper .submit:disabled,
.tm-member-wrapper .button:disabled{
	opacity: 0.6;
	cursor: not-allowed;
}
.tm-member-wrapper .button.back{
	display: inline-block;
	width: auto;
}
.tm-member-wrapper .button.orange{
	background: #F8A83E;
}
.tm-member-wrapper .button.orange:not([disabled]):hover{
	background: #E68A10;
}
.tm-member-wrapper .button.alt-button:hover{
	background: #00adef;
}
.tm-member-wrapper .submit i,
.tm-member-wrapper .button i{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	font-size: 20px;
	color:  #fff;
}
.tm-member-wrapper .checkbox-container{
	padding: 5px 0px 1px 34px;
	line-height: 24px;
	float: left;
}
.tm-member-wrapper .reset-password{
	display: block;
	float: right;
	font-weight: 300;
	line-height: 25px;
	font-size: 14px;
	margin-top: 25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.tm-member-wrapper .reset-password:hover{
	color: #002c73;
}
.tm-member-wrapper .checkbox-container a{
	color: #00adef;
}
.tm-member-wrapper .show-password{
	position: absolute;
	bottom: 0;
	right: 25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
	background: transparent;
	cursor: pointer;
}
.tm-member-wrapper .show-password i{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.tm-member-wrapper .show-password:hover i{
	color: #213f99;
}
.tm-member-wrapper .tm-member-form-container{
	padding: 10px 40px 30px 25px;
	margin: 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: #fff;
}
.tm-member-wrapper .tm-member-notifications{
	padding: 0;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: #fff;
}
.account-area .tm-member-wrapper .tm-member-notifications{
	margin: 0;
}

.tm-member-wrapper .tm-member-notifications p{
	margin: 0;
	display: block;
	font-weight: 300;
	line-height: 23px;
	font-size: 14px;
	padding: 15px 20px 15px 40px;
}
.tm-member-wrapper .tm-member-notifications p.error{
	border-left: 5px solid #ff6961;
}
.tm-member-wrapper .tm-member-notifications p.note{
	border-left: 5px solid #00adef;
}
.tm-member-wrapper .tm-member-notifications p.success{
	border-left: 5px solid #6dd9aa;
}
.tm-member-wrapper .tm-member-notifications p a{
	color: #00adef;
	text-decoration: none;
}
.tm-member-wrapper .description{
	margin: 0;
	display: block;
	font-weight: 300;
	line-height: 23px;
	font-size: 14px;
	padding: 25px 0 0 0;
}
.tm-member-wrapper .recaptcha-container{
	padding-top: 20px;
}
.tm-member-wrapper .recaptcha-container iframe, 
.tm-member-wrapper .recaptcha-container div {
    margin: 0 auto;
    float: none;
    display: block;
}
.tm-member-wrapper .seperator{
	padding: 20px 0 0 0;
	clear: both;
	display: block;
	text-align: center;
}
.tm-member-wrapper .seperator span{
	display: inline-block;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	margin: 0 15px;
	font-weight: 100;
	border-radius: 100%;
	-moz-border-radius: 100%;
}

/*------------------------
	Page of Contents
------------------------*/
.page-of-contents{
	position: relative;
}
.page-of-contents h2{
	font-weight: 300;
	font-size: 26px;
	margin-bottom: 15px;
}
.page-of-contents .pof-section,
.hidden-terms .pof-section{
	position: relative;
}
.page-of-contents .pof-section p,
.hidden-terms .pof-section p{
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 15px;
}
.page-of-contents .pof-section:last-child hr,
.hidden-terms .pof-section:last-child hr{
	display: none;
}
.page-of-contents .pof-section ul,
.hidden-terms .pof-section ul,
.page-of-contents .pof-section ol,
.hidden-terms .pof-section ol{
	display: block;
	position: relative;
}
.page-of-contents .pof-section ul li,
.hidden-terms .pof-section ul li,
.page-of-contents .pof-section ol li,
.hidden-terms .pof-section ol li{
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 5px;
}
.page-of-contents .pof-section ul li,
.hidden-terms .pof-section ul li{
	list-style-type: circle;
}
.page-of-contents hr,
.hidden-terms .pof-section hr{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	height: 2px;
	background: -moz-linear-gradient(left,  rgba(34,34,34,0) 0%, rgba(34,34,34,0.1) 20%, rgba(34,34,34,0.1) 50%, rgba(34,34,34,0.1) 80%, rgba(34,34,34,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
	background: linear-gradient(to right,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#00222222',GradientType=1 );
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.page-of-contents .pof-section table,
.hidden-terms .pof-section table{
	width: 100%;
	border: 4px solid rgba(34,34,34,0.1);
}
.page-of-contents .pof-section table th,
.hidden-terms .pof-section table th{
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	background: rgba(34,34,34,0.05);
	border: 2px solid rgba(34,34,34,0.1);
}
.page-of-contents .pof-section table td,
.hidden-terms .pof-section table td{
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	border: 2px solid rgba(34,34,34,0.1);
	vertical-align: middle;
}
.page-of-contents .pof-section table td:first-child,
.hidden-terms .pof-section table td:first-child{
	text-align: left;
}
aside .widget.side-internal-navigation{
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	margin-bottom: 0;
}
aside .widget.side-internal-navigation .title{
	display: block;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
aside .widget.side-internal-navigation .title .icon{
	display: block;
	float: left;
	text-align: center;
	width: 82px;
	height: 75px;
	background-color: #213f99;
	margin: 0 17px 0 0;
	-webkit-border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	-moz-border-radius-bottomright: 35px;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	font-size: 40px;
	line-height: 1.9;
	color: #ffffff;
}
aside .widget.side-internal-navigation .title .icon i{
	font-size: 40px;
	color: #ffffff;
}
aside .widget.side-internal-navigation .title h3{
	font-weight: 300;
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;	
	padding: 14px 0;
	line-height: 26px;
}
aside .widget.side-internal-navigation ul{
	display: block;
	padding: 20px 0;
	margin: 0;
}
aside .widget.side-internal-navigation ul li{
	display: block;
	padding: 0;
	margin: 0;
}
aside .widget.side-internal-navigation ul li a{
	display: block;
	padding: 12px 20px;
	margin: 0;
	font-size: 15px;
	font-weight: 300;
	color: #222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	border-bottom: 1px dashed rgba(34, 34, 34, 0.1);
}
aside .widget.side-internal-navigation ul li a i{
	font-size: 12px;
	margin-right: 4px;
}
aside .widget.side-internal-navigation ul li:last-child a{
	border: none;
}
aside .widget.side-internal-navigation ul li a:hover{
	color: #00adef;	
}
aside .widget.side-internal-navigation ul li a.active{
	color: #213f99;
}


/*------------------------
		Contact
------------------------*/
.contact{
	position: relative;
}
.contact .heading{
	padding-bottom: 30px;
}
.contact .heading h2{
	font-weight: 300;
	font-size: 36px;
	margin-bottom: 10px;
}
.contact .heading p{
	font-weight: 300;
}
.contact .contact-places{
	position: relative;
}
.contact .contact-places h3{
	font-weight: 300;
	font-size: 25px;
	margin-bottom: 15px;
}
.contact .contact-places iframe,
.contact .contact-places .googlemap {
    width: 260px;
    height: 260px;
	border-radius: 100%;
    margin: 0 auto 20px;
    -webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
}
.contact a[href^="http://maps.google.com/maps"]{display:none !important}
.contact .gmnoprint a, 
.contact .gmnoprint span {
    display:none;
}
.contact .gmnoprint div {
    background:none !important;
}
.contact .gmnoprint{
	display: none !important;
}
.contact .contact-places figure{
	width:200px;
	height: 200px;
	margin: 0 20px 20px;
	border-radius: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	box-shadow: 0 0px 9px -2px rgba(0, 0, 0, 0.4);
}
.contact .contact-places figure figcaption{
	position: absolute;
	left: 0;
	top: 30%;
	text-align: center;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #000;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
}
.contact .contact-places a{
	font-weight: 500;
	font-size: 16px;
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.contact .contact-places em{
	display: inline-block;
	margin-left: 5px;
	font-style: normal;
}
.contact .contact-places a:hover{
	color: #00adef;
}
.contact .contact-places .phones em:last-child,
.contact .contact-places .emails em:last-child{
	display: none;
}

aside .widget.contact-details{
	background: #ffffff;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	display: block;
	width: 100%;
	margin-bottom: 0;
}
aside .widget.contact-details .title{
	display: block;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
aside .widget.contact-details .title .icon{
	display: block;
	float: left;
	text-align: center;
	width: 82px;
	height: 75px;
	background-color: #213f99;
	margin: 0 17px 0 0;
	-webkit-border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	-moz-border-radius-bottomright: 35px;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	font-size: 40px;
	line-height: 1.9;
	color: #ffffff;
}
aside .widget.contact-details .title .icon i{
	font-size: 40px;
	color: #ffffff;
}
aside .widget.contact-details .title h3{
	font-weight: 300;
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;	
	padding: 14px 0;
	line-height: 26px;
}
aside .widget.contact-details{
	position: relative;
}
aside .widget.contact-details .contact-detail-row{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(227, 227, 228, 0.5);
}
aside .widget.contact-details .contact-detail-row:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
aside .widget.contact-details .contact-detail-row .icon{
	padding-bottom: 10px;
	display: block;
}
aside .widget.contact-details .contact-detail-row .icon i{
	font-size: 25px;
	color: #00adef;
	margin-bottom: 5px;
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
aside .widget.contact-details .contact-detail-row .icon h4{
	display: block;
	font-weight: 300;
	font-size: 18px;
	float: left;
	height: 40px;
	line-height: 40px;
}
aside .widget.contact-details .contact-detail-row .entry{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 100;
	clear: both;
	padding-left: 50px;
}
aside .widget.contact-details .contact-detail-row .entry em:last-child{
	display: none;
}
aside .widget.contact-details .contact-detail-row .entry strong{
	display: block;
	font-weight: 400;
}
aside .widget.contact-details .contact-detail-row .entry a{
	text-decoration: none;
	color: #222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
aside .widget.contact-details .contact-detail-row .entry a:hover{
	color: #00adef;
}



.contact-form{
	position: relative;
}
.contact-form .cf-item{
	display: block;
	margin-bottom: 20px;
}
.contact-form .cf-item.left-half{
	display: block;
	float: left;
	width: calc(50% - 10px);
}
.contact-form .cf-item.right-half{
	display: block;
	float: right;
	width: calc(50% - 10px);
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel]{
	display: block;
	width: 100% !important;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px !important;
	font-size: 15px !important;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: none;
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.contact-form .error input[type=text],
.contact-form .error input[type=email],
.contact-form .error input[type=tel],
.contact-form .error textarea,
.gform_wrapper.contact-form_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
.gform_wrapper.contact-form_wrapper li.gfield_error textarea{
	border: 1px solid #ff6961;
}
.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form input[type=tel]:focus,
.contact-form textarea:focus{
	border: 1px solid #00adef;
}
.contact-form .nice-select{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 15px;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	border-radius: 0;
}
.contact-form textarea{
	display: block;
	width: 100%;
	height: 150px !important;
	padding: 15px !important;
	font-size: 15px !important;
	-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.contact-form .checkbox-container{
	font-size: 14px;
	font-weight: 300;
	padding-left: 30px;
}
.contact-form .captcha-wrapper img{ 
	display: block;
	margin: 0 auto;
	max-width: 300px;
	height: auto;
}
.contact-form input[type=submit],
.contact-form .submit{
	background: #00adef;
	color: #ffffff;
	border: none;
	font-size: 16px !important;
	font-weight: 300;
	position: relative;
	outline: none;
	padding: 10px 40px !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 46px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 0;
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.contact-form .submit i{
	display: inline-block;
	margin-left: 10px;
}
.contact-form input[type=submit]:hover,
.contact-form .submit:hover{
	background: #002c73;
}
.gform_confirmation_wrapper.contact-form .gform_confirmation_message h4{
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 10px;
}
.gform_wrapper.contact-form_wrapper{
	margin: 0;
}
.gform_wrapper.contact-form_wrapper ul li.gfield,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
	margin: 0 0 20px 0 !important;
}
.gform_wrapper.contact-form_wrapper ul li.gfield:after{
	content: '';
	display: block;
	clear: both;
}
body .gform_wrapper.contact-form_wrapper .top_label div.ginput_container{
	margin: 0;
}
body .gform_wrapper.contact-form_wrapper .top_label div.ginput_container input,
body .gform_wrapper.contact-form_wrapper .top_label div.ginput_container textarea{
	margin: 0 0 0 0;
}
.gform_wrapper.contact-form_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), 
.gform_wrapper.contact-form_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker){
	margin-top: 0;
}

li.gdpr_checkbox {
	list-style: none;
	display: block;
	padding: 5px;
}
.gdpr_checkbox .gfield_checkbox li {
	position: relative;
	padding-left: 40px;
	overflow: visible !important;
}
.gdpr_checkbox .gfield_checkbox li label{
	padding-left: 40px !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	color: #222 !important;
}
.gdpr_checkbox .gfield_checkbox li label:after {
	content: "";
	background: #fff;
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0px;
	z-index: 0;
}
.gdpr_checkbox .gfield_checkbox li label:before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 15px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	left: 11px;
	top: 4px;
	-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	opacity: 0;
	z-index: 1;
	transition: all 100ms;
}
.gdpr_checkbox input[type="checkbox"] {
	opacity: 0;
	outline: none;
	z-index: 100;
	width: 27px;
	height: 27px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.gdpr_checkbox input[type="checkbox"] + label {
	cursor: pointer;
}
.gdpr_checkbox input[type="checkbox"]:checked + label:before {
	opacity: 1;
	top: 5px;
}
.gdpr_checkbox input[type="checkbox"]:checked + label:after {
	background: #00adef;
}
.contact-form .ginput_recaptcha{
	text-align: center;
}
.contact-form .ginput_recaptcha > div{
	display: inline-block;
}
.gform_wrapper.contact-form_wrapper .gform_footer{
	padding-top: 10px;
	padding-bottom: 0;
	margin-top: 0;
	text-align: center;
}
.gform_wrapper.contact-form_wrapper .gform_footer input{
	display: inline-block;
}
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
	max-width: 50%;
}
.gform_wrapper.contact-form_wrapper div.validation_error{
	margin-bottom: 30px;
	background: #ff6961;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	max-width: calc(100% - 16px);
	padding: 16px 20px;
}
.gform_wrapper.contact-form_wrapper li.gfield.gfield_error, 
.gform_wrapper.contact-form_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,255,255,0) !important;
    margin-bottom: 0px !important;
    border-top: none;
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 0;
    box-sizing: border-box;
}
.gform_wrapper.contact-form_wrapper .field_description_below .gfield_description{
	padding-top: 5px;
}
.gform_wrapper.contact-form_wrapper .validation_message{
	color: #ff6961;
	font-weight: 400;
	letter-spacing: normal;
}
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_third,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_middle_third,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_third{
	padding-right: 16px;
}
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_third, 
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_middle_third,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_third{
	width: 33.33% !important;
}
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_third, 
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_middle_third,
.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_third{
	margin: 0 0 20px 0 !important;
}

.gform_wrapper.contact-form_wrapper .recaptca .validation_message{
	text-align: center;
	padding: 0;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gdpr_checkbox div.gfield_description {
    padding-left: 40px;
    padding-top: 0;
}
.terms-trigger{
	color: #213f99;
	text-decoration: none;	
}
.terms-trigger:hover{
	color: #00adef;
	text-decoration: none;
}
.gfield_description.instruction {
	display: none !important;
}

/*------------------------
		Loaders
------------------------*/
.simple-loader{
	position: relative;
	min-height: 150px;
}
.simple-loader span{
	width:100px;
	height:100px;
	border-radius:100%;
	position:absolute;
	border: 1px solid #002c73;
	animation: up 1s;
	animation-iteration-count: infinite;
	transition:2s;
	border-bottom:none;
	border-right:none;
	animation-timing-function:linear;
	margin-left: -50px;
	margin-top: -50px;
	left:50%;
	top:50%;
}
@keyframes up{
	from{transform:rotate(0deg); }
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}
.simple-loader span:nth-child(1){
	width:90px;
	height:90px;
	left:50.35%;
	top:50%;
	margin-top: -45px;
	animation-delay:.2s;
	border-color: #213f99;
}
.simple-loader span:nth-child(2){
	width:80px;
	height:80px;
	left:50.70%;
	top:50%;
	margin-top: -40px;
	animation-delay:.4s;
	border-color: #00adef;
}
.simple-loader span:nth-child(3){
	width:70px;
	height:70px;
	left:51.05%;
	top:50%;
	margin-top: -35px;
	animation-delay:.6s;
	border-color: #002156;
}
.simple-loader span:nth-child(4){
	width:60px;
	height:60px;
	left:51.40%;
	top:50%;
	margin-top: -30px;
	animation-delay:.8s;
	border-color: #0148B8;
}


.compass-loader {
	width: 260px;
	height: 260px;
	position: relative;
	margin: 60px auto;
	background: #00adef;
	border-radius: 50%;
	animation: sliding 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-animation: sliding 1.9s ease-in-out;
	transform: scale(0.4);
}
.compass-loader:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: -14px;
	left: 50%; 
	margin-left: -10px;
	border: 6px solid #00adef;
	border-radius: 50%;
}
.compass-main span {
    opacity: 0.3;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 18px;
}
.compass-loader .compass-main {
	width: 94%;
	height: 94%;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -47%; margin-left: -47%;
	background: #fff;
	border-radius: 50%;
}
.compass-loader .compass-rose {
	width: 70%;
	height: 70%;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -35%; margin-left: -35%;
}
.compass-loader .pointer {
	width: 0; height: 0;
	position: absolute;
	border: 80px solid;
	border-left: 14px solid; border-right: 14px solid;
}
.compass-loader .cardial-points .pointer {
	border-color: #DDD transparent transparent transparent;
}
.compass-loader .ordinal-points .pointer {
	border-color: #AAA transparent transparent transparent;
}
.compass-loader .north-pointer {
	top: -40px; margin-top: -40px;
	left: 50%; margin-left: -14px;
	-webkit-transform: rotate(180deg);
}
.compass-loader .east-pointer {
	top: 28%; right: -10px; 
	margin-top: -40px;
	-webkit-transform: rotate(-90deg);
}
.compass-loader .west-pointer {
	top: 28%; left: -10px; 
	margin-top: -40px;
	-webkit-transform: rotate(90deg);
}
.compass-loader .south-pointer {
	bottom: -40px; margin-bottom: -40px;
	left: 50%; margin-left: -14px;
}
.compass-loader .bt-center {
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 100000;
	top: 50%; left: 50%;
	margin-top: -8px; margin-left: -8px;
	display: block;
	background: #444;
	border-radius: 50%;
}
.compass-loader .dip-needle {
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 999;
	top: 50%; left: 50%;
	margin-top: -6px; margin-left: -6px;
	-webkit-animation: animation-dip-needle 1s linear 0s infinite;
}
.compass-loader .dip-needle:after {
	content: "";
	width: 0; height: 0;
	position: absolute;
	top: -138px; right: -54px;
	border: 80px solid;
	border-left: 6px solid; border-right: 6px solid;
	border-color: #B20000 transparent transparent transparent;
	-webkit-transform: rotate(220deg);
	z-index: -10000;
}
.compass-loader .dip-needle:before {
	content: "";
	display: block;
	width: 0; height: 0;
	position: absolute;
	top: -10px; right: 54px;
	border: 80px solid;
	border-left: 6px solid; border-right: 6px solid;
	border-color: #CCC transparent transparent transparent;
	-webkit-transform: rotate(40deg);
}
.compass-loader .north-label {
	position: absolute;
	top: 10px; left: 116px;
}
.compass-loader .east-label {
	position: absolute;
	top: 114px; right: 12px;
}
.compass-loader .west-label {
	position: absolute;
	top: 114px; left: 12px;
}
.compass-loader .south-label {
	position: absolute;
	bottom: 6px; left: 116px;
}
@-webkit-keyframes "animation-dip-needle" {
	0% { -webkit-transform: rotate(-70deg); }
	30% { -webkit-transform: rotate(-30deg); }
	50% { -webkit-transform: rotate(-40deg); }
	70% { -webkit-transform: rotate(-20deg); }
	100% { -webkit-transform: rotate(-70deg); }
}
@keyframes "sliding" {
	0% { transform: translateY(-100px) scale(0.4); opacity:0; }
	70%{ opacity:0.4; }
	80% { transform: translateY(48px) scale(0.4); opacity:0.6; }
	100% { transform: translateY(0) scale(0.4); opacity:1; }
}
@-webkit-keyframes "sliding" {
	0% { -webkit-transform: translateY(-100px) scale(0.4); opacity:0; }
	70%{ opacity:0.4; }
	80% { -webkit-transform: translateY(48px) scale(0.4); opacity:0.6; }
	100% { -webkit-transform: translateY(0) scale(0.4); opacity:1; }
}


.compass {
	width: 100px;
	height: 100px;
	transition: opacity 0.3s linear;
	fill: #666;
	margin: 60px auto;
	display: block;
	opacity: 1;
	overflow: visible;
}
.loading .compass .compass__inner {
	stroke-dasharray: 23;
	stroke-dashoffset: 23;
	-webkit-animation: compass-inner-dash 3s linear forwards 0.5s infinite;
	animation: compass-inner-dash 3s linear forwards 0.5s infinite;
}
@-webkit-keyframes compass-inner-dash {
	0% {
		stroke-dashoffset: 23;
		opacity: 1;
	}
	10%{
		stroke-dashoffset: 46; 
		opacity: 1;
	}
	90%{
		stroke-dashoffset: 46;
		opacity: 1;
	}
	100%{
		stroke-dashoffset: 46;
		opacity: 0;
	}
}
@keyframes compass-inner-dash {
	0% {
		stroke-dashoffset: 23;
		opacity: 1;
	}
	10%{
		stroke-dashoffset: 46; 
		opacity: 1;
	}
	90%{
		stroke-dashoffset: 46;
		opacity: 1;
	}
	100%{
		stroke-dashoffset: 46;
		opacity: 0;
	}
}
.loading  .compass .compass__needle {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 17px 17px;
	transform-origin: 17px 17px;
	-webkit-animation: compass-needle 3s ease-in-out forwards 0.5s infinite;
	animation: compass-needle 3s ease-in-out forwards 0.5s infinite;
}
@-webkit-keyframes compass-needle {
	0% {
		-webkit-transform: rotate(0deg) scale(0);
		transform: rotate(0deg) scale(0);
		opacity: 1;
	}
	10% {
		-webkit-transform: rotate(0deg) scale(0);
		transform: rotate(0deg) scale(0);
		opacity: 1;
	}
	25% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
	30% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
	80%{
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 1;
	}
	90% {
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 0;
	}
}
@keyframes compass-needle {
	0% {
		-webkit-transform: rotate(0deg) scale(0);
		transform: rotate(0deg) scale(0);
		opacity: 1;
	}
	10% {
		-webkit-transform: rotate(0deg) scale(0);
		transform: rotate(0deg) scale(0);
		opacity: 1;
	}
	25% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
	30% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
	80%{
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 1;
	}
	90% {
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-360deg) scale(1);
		transform: rotate(-360deg) scale(1);
		opacity: 0;
	}
}
.loading  .compass .compass__outer {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 17px 17px;
	transform-origin: 17px 17px;
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	-webkit-animation: compass-outer-dash 3s linear forwards 0.5s infinite;
	animation: compass-outer-dash 3s linear forwards 0.5s infinite;
}
@-webkit-keyframes compass-outer-dash {
	0% {
		stroke-dashoffset: 100;
		opacity: 1;
	}
	50%{
		stroke-dashoffset: 200;
		opacity: 1;
	}
	90%{
		stroke-dashoffset: 200;
		opacity: 1;
	}
	100%{
		stroke-dashoffset: 200;
		opacity: 0;
	}
}
@keyframes compass-outer-dash {
	0% {
		stroke-dashoffset: 100;
		opacity: 1;
	}
	50%{
		stroke-dashoffset: 200;
		opacity: 1;
	}
	90%{
		stroke-dashoffset: 200;
		opacity: 1;
	}
	100%{
		stroke-dashoffset: 200;
		opacity: 0;
	}
}


/*------------------------
		Page 404
------------------------*/
.section-404{
	position: relative;
	z-index: 0;
}
.section-404 .titles{
	position: absolute;
	left: 10vw;
	top: 10vh;
	z-index: 100;
}
.section-404 .titles h2{
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 36px;
	font-weight: 800;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	display: block;
	margin: 0;
	line-height: 37px;
}
.section-404 .titles h3{
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	font-weight: 500;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	display: block;
	margin: 0;
	line-height: 37px;
}
.section-404 .titles h3 a{
	color: #fff;
	text-decoration: none;
}
.section-404 #scene{
	overflow: hidden;
	position: relative;
}
.section-404 .top {
  position: relative;
  height: 75vh;
  width: 100%;
}

.section-404 .stars {
  top: 0;
  left: 0;
  right: 0;
  height: 80%;
  z-index: -1;
}
.section-404 .stars > * {
  position: absolute;
  background: #f1f1f1;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  animation: twinkle 2s infinite;
  transition-timing-function: ease-in-out;
}
.section-404 .stars .star:nth-of-type(1) {
  position: relative;
  top: 52%;
  left: 38%;
  width: 1px;
  height: 1px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(2) {
  position: relative;
  top: 59%;
  left: 37%;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(3) {
  position: relative;
  top: 44%;
  left: 100%;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(4) {
  position: relative;
  top: 7%;
  left: 18%;
  width: 5px;
  height: 5px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(5) {
  position: relative;
  top: 26%;
  left: 5%;
  width: 4px;
  height: 4px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(6) {
  position: relative;
  top: 50%;
  left: 14%;
  width: 3px;
  height: 3px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(7) {
  position: relative;
  top: 35%;
  left: 24%;
  width: 5px;
  height: 5px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(8) {
  position: relative;
  top: 44%;
  left: 61%;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(9) {
  position: relative;
  top: 37%;
  left: 24%;
  width: 6px;
  height: 6px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(10) {
  position: relative;
  top: 15%;
  left: 91%;
  width: 3px;
  height: 3px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(11) {
  position: relative;
  top: 58%;
  left: 85%;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(12) {
  position: relative;
  top: 87%;
  left: 88%;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(13) {
  position: relative;
  top: 78%;
  left: 35%;
  width: 5px;
  height: 5px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(14) {
  position: relative;
  top: 23%;
  left: 5%;
  width: 2px;
  height: 2px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(15) {
  position: relative;
  top: 60%;
  left: 79%;
  width: 6px;
  height: 6px;
  animation-delay: 4s;
}
.section-404 .stars .star:nth-of-type(16) {
  position: relative;
  top: 24%;
  left: 24%;
  width: 2px;
  height: 2px;
  animation-delay: 4s;
}
.section-404 .stars .star:nth-of-type(17) {
  position: relative;
  top: 76%;
  left: 57%;
  width: 6px;
  height: 6px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(18) {
  position: relative;
  top: 71%;
  left: 94%;
  width: 5px;
  height: 5px;
  animation-delay: 4s;
}
.section-404 .stars .star:nth-of-type(19) {
  position: relative;
  top: 67%;
  left: 11%;
  width: 2px;
  height: 2px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(20) {
  position: relative;
  top: 88%;
  left: 43%;
  width: 3px;
  height: 3px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(21) {
  position: relative;
  top: 68%;
  left: 24%;
  width: 6px;
  height: 6px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(22) {
  position: relative;
  top: 93%;
  left: 49%;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(23) {
  position: relative;
  top: 38%;
  left: 81%;
  width: 4px;
  height: 4px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(24) {
  position: relative;
  top: 14%;
  left: 88%;
  width: 4px;
  height: 4px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(25) {
  position: relative;
  top: 66%;
  left: 60%;
  width: 2px;
  height: 2px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(26) {
  position: relative;
  top: 70%;
  left: 21%;
  width: 4px;
  height: 4px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(27) {
  position: relative;
  top: 14%;
  left: 6%;
  width: 5px;
  height: 5px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(28) {
  position: relative;
  top: 41%;
  left: 72%;
  width: 3px;
  height: 3px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(29) {
  position: relative;
  top: 37%;
  left: 18%;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(30) {
  position: relative;
  top: 40%;
  left: 78%;
  width: 5px;
  height: 5px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(31) {
  position: relative;
  top: 77%;
  left: 28%;
  width: 4px;
  height: 4px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(32) {
  position: relative;
  top: 93%;
  left: 63%;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(33) {
  position: relative;
  top: 60%;
  left: 38%;
  width: 3px;
  height: 3px;
  animation-delay: 2s;
}
.section-404 .stars .star:nth-of-type(34) {
  position: relative;
  top: 11%;
  left: 22%;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(35) {
  position: relative;
  top: 63%;
  left: 81%;
  width: 1px;
  height: 1px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(36) {
  position: relative;
  top: 81%;
  left: 11%;
  width: 5px;
  height: 5px;
  animation-delay: 4s;
}
.section-404 .stars .star:nth-of-type(37) {
  position: relative;
  top: 49%;
  left: 62%;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .stars .star:nth-of-type(38) {
  position: relative;
  top: 97%;
  left: 82%;
  width: 2px;
  height: 2px;
  animation-delay: 1s;
}
.section-404 .stars .star:nth-of-type(39) {
  position: relative;
  top: 60%;
  left: 84%;
  width: 3px;
  height: 3px;
  animation-delay: 3s;
}
.section-404 .stars .star:nth-of-type(40) {
  position: relative;
  top: 35%;
  left: 72%;
  width: 4px;
  height: 4px;
  animation-delay: 2s;
}

@keyframes twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.section-404 .twinkle-stars {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
.section-404 .twinkle-stars > * {
  position: absolute;
  animation: twinkle-stars 5s infinite;
  transition-timing-function: ease;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(1) {
  top: 301px;
  left: 533px;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(2) {
  top: 104px;
  left: 203px;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(3) {
  top: 239px;
  left: 350px;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(4) {
  top: 313px;
  left: 220px;
  width: 5px;
  height: 5px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(5) {
  top: 100px;
  left: 223px;
  width: 1px;
  height: 1px;
  animation-delay: 3s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(6) {
  top: 312px;
  left: 980px;
  width: 1px;
  height: 1px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(7) {
  top: 96px;
  left: 1154px;
  width: 1px;
  height: 1px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(8) {
  top: 246px;
  left: 171px;
  width: 1px;
  height: 1px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(9) {
  top: 100px;
  left: 210px;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(10) {
  top: 196px;
  left: 276px;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(11) {
  top: 374px;
  left: 35px;
  width: 4px;
  height: 4px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(12) {
  top: 85px;
  left: 869px;
  width: 1px;
  height: 1px;
  animation-delay: 1s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(13) {
  top: 256px;
  left: 1087px;
  width: 1px;
  height: 1px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(14) {
  top: 113px;
  left: 846px;
  width: 5px;
  height: 5px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(15) {
  top: 210px;
  left: 815px;
  width: 5px;
  height: 5px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(16) {
  top: 275px;
  left: 1092px;
  width: 4px;
  height: 4px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(17) {
  top: 329px;
  left: 789px;
  width: 3px;
  height: 3px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(18) {
  top: 240px;
  left: 1059px;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(19) {
  top: 34px;
  left: 1194px;
  width: 2px;
  height: 2px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .twinkle-star:nth-of-type(20) {
  top: 143px;
  left: 1131px;
  width: 5px;
  height: 5px;
  animation-delay: 1s;
}
.section-404 .twinkle-stars .twinkle-up {
  position: relative;
  width: 1px;
  height: 15px;
  background: #fff;
}
.section-404 .twinkle-stars .twinkle-side {
  position: absolute;
  width: 17px;
  height: 1px;
  top: 6px;
  left: -8px;
  background: #fff;
  border-radius: 10px;
}
.section-404 .twinkle-stars .star:nth-of-type(21) {
  top: 141px;
  right: 880px;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(22) {
  top: 147px;
  right: 468px;
  width: 4px;
  height: 4px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .star:nth-of-type(23) {
  top: 179px;
  right: 526px;
  width: 3px;
  height: 3px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(24) {
  top: 325px;
  right: 12px;
  width: 3px;
  height: 3px;
  animation-delay: 1s;
}
.section-404 .twinkle-stars .star:nth-of-type(25) {
  top: 176px;
  right: 459px;
  width: 3px;
  height: 3px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .star:nth-of-type(26) {
  top: 205px;
  right: 172px;
  width: 1px;
  height: 1px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .star:nth-of-type(27) {
  top: 234px;
  right: 227px;
  width: 2px;
  height: 2px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(28) {
  top: 6px;
  right: 648px;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(29) {
  top: 333px;
  right: 294px;
  width: 6px;
  height: 6px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(30) {
  top: 242px;
  right: 1148px;
  width: 2px;
  height: 2px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .star:nth-of-type(31) {
  top: 20px;
  right: 295px;
  width: 6px;
  height: 6px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .star:nth-of-type(32) {
  top: 183px;
  right: 11px;
  width: 2px;
  height: 2px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .star:nth-of-type(33) {
  top: 90px;
  right: 1049px;
  width: 4px;
  height: 4px;
  animation-delay: 3s;
}
.section-404 .twinkle-stars .star:nth-of-type(34) {
  top: 213px;
  right: 842px;
  width: 6px;
  height: 6px;
  animation-delay: 2s;
}
.section-404 .twinkle-stars .star:nth-of-type(35) {
  top: 140px;
  right: 902px;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}
.section-404 .twinkle-stars .star:nth-of-type(36) {
  top: 50px;
  right: 1096px;
  width: 6px;
  height: 6px;
  animation-delay: 1s;
}
.section-404 .twinkle-stars .star:nth-of-type(37) {
  top: 191px;
  right: 888px;
  width: 2px;
  height: 2px;
  animation-delay: 4s;
}
.section-404 .twinkle-stars .star:nth-of-type(38) {
  top: 97px;
  right: 964px;
  width: 1px;
  height: 1px;
  animation-delay: 3s;
}
.section-404 .twinkle-stars .star:nth-of-type(39) {
  top: 42px;
  right: 910px;
  width: 6px;
  height: 6px;
  animation-delay: 1s;
}
.section-404 .twinkle-stars .star:nth-of-type(40) {
  top: 139px;
  right: 1063px;
  width: 5px;
  height: 5px;
  animation-delay: 5s;
}

@keyframes twinkle-stars {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.6;
    transform: scale(1);
  }
}
.section-404 .sky {
  position: fixed;
  top: 0;
  overflow: hidden;
  height: 100vh;
  width: 100%;
	*zoom: 1;
	background: #00adef;
	background: -moz-radial-gradient(center, ellipse cover,  #00adef 0%, #002c73 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #00adef 0%,#002c73 100%);
	background: radial-gradient(ellipse at center,  #00adef 0%,#002c73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#002c73',GradientType=1 );
}
.section-404 .right-attachment {
  position: absolute;
  height: 100px;
  width: 150px;
  background: #141912;
  left: 20px;
  top: -20px;
}

.section-404 .right-roof {
  position: absolute;
  height: 20px;
  width: 140px;
  background: #141912;
  left: 11px;
  top: -20px;
  -moz-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -webkit-transform: skew(50deg);
  transform: skew(50deg);
}

.section-404 .satellite {
  position: absolute;
  height: 60px;
  width: 2px;
  background: #141912;
  left: 90px;
  top: -40px;
}

.section-404 .back-rocks {
  position: absolute;
  width: 480px;
  height: 50px;
  left: -130px;
  bottom: -47px;
}

.section-404 .back-rock-1 {
  position: absolute;
  width: 68px;
  height: 60px;
  background: #252b21;
  left: 0px;
  bottom: -30px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .back-rock-2 {
  position: absolute;
  width: 70px;
  height: 70px;
  background: #252b21;
  left: 68%;
  bottom: -30px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .back-rock-3 {
  position: absolute;
  width: 55px;
  height: 55px;
  background: #252b21;
  left: 88%;
  bottom: -30px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .front-rocks {
  position: absolute;
  bottom: -90px;
  left: -145px;
  height: 100px;
  width: 350px;
}

.section-404 .front-rock-1 {
  position: absolute;
  left: 50px;
  height: 150px;
  width: 180px;
  background: #141912;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .front-rock-2 {
  position: absolute;
  bottom: 0px;
  left: 240px;
  height: 100px;
  width: 150px;
  background: #141912;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .front-rock-3 {
  position: absolute;
  bottom: -22px;
  left: 365px;
  height: 100px;
  width: 90px;
  background: #141912;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .overlay {
  position: absolute;
  height: 40px;
  width: 42px;
  background: #141b11;
  top: 54px;
  left: -19px;
}

.section-404 .panel-container {
  width: 100%;
  height: 307px;
  border: 0px solid #CCC;
  margin: 0 0px;
  position: absolute;
  -moz-transform: perspective(300px);
  -ms-transform: perspective(300px);
  -webkit-transform: perspective(300px);
  transform: perspective(300px);
  left: 0px;
  bottom: -12px;
}

.section-404 .left-mid-roof {
  position: absolute;
  height: 35px;
  width: 100px;
  background: #141912;
  bottom: 0%;
  left: -16px;
}

.section-404 .left-mid-roof-2 {
  position: absolute;
  height: 5px;
  width: 70px;
  background: #141912;
  bottom: 18%;
  left: -11px;
  -moz-border-radius: 10%;
  -webkit-border-radius: 10%;
  border-radius: 10%;
}

.section-404 #rotate-x .panel {
  background-size: 100%;
  background: #141912;
  width: 50px;
  height: 100%;
  min-height: 220px;
  margin: auto;
  -moz-transform: perspective(329px) rotateX(44deg) translate3d(0px, 0px, 0px);
  -ms-transform: perspective(329px) rotateX(44deg) translate3d(0px, 0px, 0px);
  -webkit-transform: perspective(329px) rotateX(44deg) translate3d(0px, 0px, 0px);
  transform: perspective(329px) rotateX(44deg) translate3d(0px, 0px, 0px);
}

.section-404 .top-triangle {
  padding-top: 7px;
  position: relative;
  height: 0px;
  width: 3px;
  bottom: 262px;
  left: 3px;
  background: rgba(0, 128, 0, 0);
  border-left: 20px rgba(0, 128, 0, 0) solid;
  border-right: 23px rgba(0, 128, 0, 0) solid;
  border-bottom: 18px #141b11 solid;
  border-top: 3px rgba(0, 128, 0, 0) solid;
  border-bottom-right-radius: 28%;
  border-bottom-left-radius: 28%;
  opacity: 0.98;
}

.section-404 .top-triangle-circle-middle {
  position: absolute;
  height: 2px;
  width: 9.5px;
  background: #141912;
  bottom: 0px;
  left: -3px;
}

.section-404 .top-triangle-circle {
  position: relative;
  height: 8px;
  width: 8px;
  bottom: 17px;
  left: -2.5px;
  background: #141912;
  border-radius: 100%;
}

.section-404 .top-triangle-circle-top {
  position: relative;
  height: 8px;
  width: 6px;
  bottom: 3px;
  left: -1.5px;
  background: #141912;
}

.section-404 .light-house {
  position: absolute;
  bottom: 40px;
  left: 46vw;
}

.section-404 .mid-railings-rail {
  position: absolute;
  height: 10px;
  width: 55px;
  top: 72px;
  left: -26px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  border: 1px solid #141912;
}

.section-404 .mid-rail {
  position: absolute;
  width: 1px;
  height: 10px;
  background: #141912;
}

.section-404 .mid-rail-1 {
  left: 2px;
}

.section-404 .mid-rail-2 {
  left: 4px;
}

.section-404 .mid-rail-3 {
  left: 6px;
}

.section-404 .mid-rail-5 {
  left: 49px;
}

.section-404 .mid-rail-6 {
  left: 52px;
}

.section-404 .left-mid-railings {
  position: absolute;
  top: 80px;
  left: -28px;
  border-left: 26px rgba(0, 128, 0, 0) solid;
  border-right: 15px rgba(0, 128, 0, 0) solid;
  border-bottom: 15px #141b11 solid;
  border-top: 0px rgba(0, 128, 0, 0) solid;
  border-bottom-right-radius: 0%;
  border-bottom-left-radius: 100%;
}

.section-404 .right-mid-railings {
  position: absolute;
  top: 80px;
  left: -8px;
  border-left: 26px rgba(0, 128, 0, 0) solid;
  border-right: 15px rgba(0, 128, 0, 0) solid;
  border-bottom: 15px #141b11 solid;
  border-top: 0px rgba(0, 128, 0, 0) solid;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 0%;
}

.section-404 .top-ledge {
  position: absolute;
  height: 8px;
  width: 50px;
  top: 55px;
  left: -23px;
  background-color: #141912;
  -moz-border-radius-bottomright: 100%;
  -webkit-border-bottom-right-radius: 100%;
  border-bottom-right-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  -webkit-border-bottom-left-radius: 100%;
  border-bottom-left-radius: 100%;
}

.section-404 .shining-lights-container {
  position: absolute;
  height: 100px;
  width: 800px;
  left: -399px;
  top: -39px;
  -moz-animation: left-to-right;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-direction: forwards;
  -moz-default-animation-timing-function: linear;
  -webkit-animation: left-to-right;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: forwards;
  -webkit-default-animation-timing-function: linear;
  animation: left-to-right;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-direction: forwards;
  default-animation-timing-function: linear;
}

@keyframes left-to-right {
  0% {
    transform: rotateY(0deg);
    opacity: 1;
  }
  50% {
    transform: rotateY(-180deg);
    left: -393px;
    opacity: 0.7;
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;
  }
}
.section-404 .shining-light-left {
  position: absolute;
  height: 46px;
  width: 70%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjU5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjU5ZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f9f59f), color-stop(100%, rgba(249, 245, 159, 0)));
  background-image: -moz-linear-gradient(left, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  background-image: -webkit-linear-gradient(left, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  background-image: linear-gradient(to right, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  opacity: 0.7;
  float: left;
  top: 57px;
  left: 10px;
  -moz-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(0deg);
  -ms-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(0deg);
  -webkit-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(0deg);
  transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(0deg);
}

.section-404 .shining-light-right {
  position: absolute;
  height: 46px;
  left: 236px;
  width: 70%;
  top: 56px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjU5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjU5ZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f9f59f), color-stop(100%, rgba(249, 245, 159, 0)));
  background-image: -moz-linear-gradient(right, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  background-image: -webkit-linear-gradient(right, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  background-image: linear-gradient(to left, #f9f59f 0%, rgba(249, 245, 159, 0) 100%);
  -moz-transform: perspective(529px) rotateX(180deg) rotateY(-120deg) rotate(0deg) skew(1deg);
  -ms-transform: perspective(529px) rotateX(180deg) rotateY(-120deg) rotate(0deg) skew(1deg);
  -webkit-transform: perspective(529px) rotateX(180deg) rotateY(-120deg) rotate(0deg) skew(1deg);
  transform: perspective(529px) rotateX(180deg) rotateY(-120deg) rotate(0deg) skew(1deg);
}

.section-404 .glow-shine-container {
  position: absolute;
  height: 350px;
  width: 350px;
  left: -150px !important;
  top: -398px !important;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(214, 205, 112, 0.6) 0%, rgba(211, 206, 160, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(214, 205, 112, 0.6) 0%, rgba(211, 206, 160, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(214, 205, 112, 0.6) 0%, rgba(211, 206, 160, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6cd70', endColorstr='#66d3cea0',GradientType=1 );
  -moz-animation: glowing;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s;
  -moz-animation-direction: forwards;
  -moz-default-animation-timing-function: linear;
  -webkit-animation: glowing;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -webkit-animation-direction: forwards;
  -webkit-default-animation-timing-function: linear;
  animation: glowing;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  animation-direction: forwards;
  default-animation-timing-function: linear;
}

@keyframes glowing {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.section-404 .shine-circle {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.section-404 .glow-shine-1 {
  position: absolute;
  height: 30%;
  width: 30%;
  background: #edea89;
  top: 35%;
  left: 35%;
  opacity: 0.2;
}

.section-404 .glow-shine-2 {
  position: relative;
  height: 10%;
  width: 10%;
  background: #edea89;
  margin: auto;
  top: 45%;
  opacity: 0.1;
  -moz-animation: glowing-shine-1;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-direction: forwards;
  -moz-default-animation-timing-function: ease-in;
  -webkit-animation: glowing-shine-1;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: forwards;
  -webkit-default-animation-timing-function: ease-in;
  animation: glowing-shine-1;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-direction: forwards;
  default-animation-timing-function: ease-in;
}

@keyframes glowing-shine-1 {
  0% {
    -moz-box-shadow: 0px 0px 0px #edea89;
    -webkit-box-shadow: 0px 0px 0px #edea89;
    box-shadow: 0px 0px 0px #edea89;
    opacity: 0.6;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-box-shadow: 0px 0px 32px #edea89;
    -webkit-box-shadow: 0px 0px 32px #edea89;
    box-shadow: 0px 0px 32px #edea89;
    opacity: 1;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-box-shadow: 0px 0px 0px #edea89;
    -webkit-box-shadow: 0px 0px 0px #edea89;
    box-shadow: 0px 0px 0px #edea89;
    opacity: 0.6;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.section-404 .glow-shine-3 {
  position: absolute;
  height: 50%;
  width: 50%;
  background: #edea89;
  top: 25%;
  left: 25%;
  opacity: 0.05;
}

.section-404 .glow-shine-4 {
  position: absolute;
  height: 70%;
  width: 70%;
  background: #edea89;
  top: 15%;
  left: 15%;
  opacity: 0.05;
}

.section-404 .glow-shine-5 {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #edea89;
  top: 0%;
  left: 0%;
  opacity: 0.05;
}

.section-404 .glow-shine-narrow-left {
  position: absolute;
  height: 360px;
  width: 20px;
  background: #f9f04c;
  left: 0px;
  top: 0px;
  -moz-animation: pulsate;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-direction: forwards;
  -moz-default-animation-timing-function: linear;
  -webkit-animation: pulsate;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: forwards;
  -webkit-default-animation-timing-function: linear;
  animation: pulsate;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-direction: forwards;
  default-animation-timing-function: linear;
  -moz-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(90deg);
  -ms-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(90deg);
  -webkit-transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(90deg);
  transform: perspective(529px) rotateX(0deg) rotateY(-120deg) rotate(90deg);
}

.section-404 .mid-ledge {
  position: absolute;
  height: 8px;
  width: 52px;
  top: 100px;
  left: -24px;
  background-color: #141912;
  -moz-border-radius-bottomright: 100%;
  -webkit-border-bottom-right-radius: 100%;
  border-bottom-right-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  -webkit-border-bottom-left-radius: 100%;
  border-bottom-left-radius: 100%;
}

.section-404 .lighthouse-lights {
  position: absolute;
  height: 110px;
  top: -130px;
  width: 43px;
  right: 0px;
}

.section-404 .light {
  background: #f9f04c;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
  -webkit-box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
  box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
}

.section-404 .light-right-top {
  position: relative;
  height: 26px;
  top: 0px;
  width: 10px;
  right: -24px;
}

.section-404 .light-left-middle {
  position: relative;
  height: 26px;
  top: 30px;
  width: 10px;
  right: -7px;
}

.section-404 .light-left-bottom {
  position: absolute;
  height: 18px;
  top: -15px;
  width: 8px;
  right: -22px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.section-404 .light-right-bottom {
  position: absolute;
  height: 18px;
  top: -15px;
  width: 8px;
  right: -35px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.section-404 .glow {
  position: absolute;
  height: 22px;
  width: 22px;
  background-color: #fbfae1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFBFAE1', endColorstr='#FFFFFB6C');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmFlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmI2YyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-radial-gradient(center, ellipse cover, #fbfae1 0%, #fffb6c 100%);
  background-image: -webkit-radial-gradient(center, ellipse cover, #fbfae1 0%, #fffb6c 100%);
  background-image: radial-gradient(ellipse cover at center, #fbfae1 0%, #fffb6c 100%);
  top: 28px !important;
  left: -8px !important;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
  -webkit-box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
  box-shadow: #ffeb3b 0px 0 22px, rgba(252, 250, 185, 0.44) 0 0 3px 1px inset;
  -moz-animation: glowing-ball;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-direction: forwards;
  -moz-default-animation-timing-function: linear;
  -webkit-animation: glowing-ball;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: forwards;
  -webkit-default-animation-timing-function: linear;
  animation: glowing-ball;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-direction: forwards;
  default-animation-timing-function: linear;
}

@keyframes glowing-ball {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.section-404 .topbar {
  position: absolute;
  height: 120px;
  width: 2px;
  background: #141912;
  opacity: 0.8;
}

.section-404 .top-bars {
  opacity: 0.8;
}

.section-404 .top-bar-1 {
  left: -14px;
}

.section-404 .top-bar-2 {
  left: -8px;
}

.section-404 .top-bar-3 {
  left: -1px;
}

.section-404 .top-bar-4 {
  left: 5.5px;
}

.section-404 .top-bar-5 {
  left: 12px;
}

.section-404 .top-bar-6 {
  left: 18px;
}

.section-404 .top-railings {
  position: absolute;
  height: 8px;
  width: 38px;
  top: 45px;
  left: -19px;
  border: 2px solid #141b11;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  opacity: 0.8;
}

.section-404 .railing {
  position: absolute;
  height: 10px;
  width: 2px;
  background: #141912;
  top: -1px;
}

.section-404 .top-railing-1 {
  left: 6px;
}

.section-404 .top-railing-2 {
  left: 12px;
}

.section-404 .top-railing-3 {
  left: 19px;
}

.section-404 .top-railing-4 {
  left: 25px;
}

.section-404 .top-railing-5 {
  left: 32px;
}

.section-404 .top-railing-6 {
  left: 35px;
}

/*------------------------
	  Maintenance
------------------------*/
.maintenance{
	position: relative;
	margin: 150px 0 200px;
}
.showcase .maintenance{
	margin: 0;
}
.maintenance h2{
	font-family: 'Source Sans Pro', sans-serif;
	opacity: 1;
	font-size: 30px;
	font-weight: 800;
}
.maintenance h3{
	font-family: 'Source Sans Pro', sans-serif;
	opacity: 1;
	font-weight: 400;
	font-size: 22px;
}
.maintenance .fa-cog{
}
.maintenance .fa-cog.first{
	position: absolute;
	left: 6%;
	top: -30px;
	font-size: 45px;
	opacity: 0.5;
}
.maintenance .fa-cog.second{
	position: absolute;
	left: 85%;
	top: 30px;
	font-size: 45px;
	opacity: 0.5;
}
.maintenance .fa-cog.third{
	position: absolute;
	left: 32%;
	top: 35px;
	font-size: 25px;
	opacity: 0.3;
}
.maintenance .fa-cog.fourth{
	position: absolute;
	left: 53%;
	top: -11px;
	font-size: 35px;
	opacity: 0.3;
}
.showcase .maintenance h2,
.showcase .maintenance h3,
.showcase .maintenance p{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.showcase .maintenance .fa-cog{
	color: #fff;
}

/*------------------------
	  Announcement
------------------------*/
.announcement{
	position: relative;
	border: 5px solid #C02119;
	padding: 20px 25px 5px;
	margin: 20px 0 25px;
	background: #F8F8F8;
	box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
}
.announcement h3{
	font-size: 22px;
	font-weight: 300;
}
.announcement p{
	font-size: 13px;
	font-weight: 300;
}
.announcement .close{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	width: 40px;
	text-align: center;
	color: #002c73;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.announcement .close:hover{
	color: #ff6961;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.breaking-news-ticker{
	border-radius: 0 !important;
	border-width: 2px !important;
	height: 42px !important;
	line-height: 38px !important;
}
.bn-news ul li{
	margin: 0 10px;
}
.breaking-news-ticker .breaking-news-read-more{
	padding: 0 20px;
	background-color: #ce2525;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.breaking-news-ticker .breaking-news-read-more:hover{
	background: #7D0000;
}
.bn-news ul li a:hover{
	color: #002c73;
}
.bn-news ul li .hilight{
	text-decoration: underline;
	color: #213f99;
}

/*------------------------
	Extra Footer Note
------------------------*/
.extra-footer-note{
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 1000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #00adef;
	color: #fff;
	width: 400px;
	height: auto;
	padding: 30px;
	border-radius: 30px 30px 30px 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	opacity: 0;
	visibility: hidden;
	border: 2px solid #ffc000;
	text-align: center;
}
.extra-footer-note.slim{
	width: 250px;
	padding: 20px;
	left: auto;
	right: 20px;
	z-index: 9999;
}
.extra-footer-note.left-bottom{
	left: 20px;
	right: auto;
	bottom: 10px;
}
.extra-footer-note.slim p{
	line-height: 30px;
	padding: 10px 0 15px;
}
.extra-footer-note.slim .btn{
	display: inline-block !important;
	width: auto;
	padding: 2px 9px;
	margin: 0px;
	line-height: 30px;
}
.extra-footer-note.visible{
	opacity: 1;
	visibility: visible;
}
.extra-footer-note p{
	color: #fff;
	font-size: 18px;
	margin: 0;
}
.extra-footer-note p strong{
	font-weight: 800;
    font-size: 20px;
}
.extra-footer-note p a{
	color: #002c73;
	text-decoration: none;	
}
.extra-footer-note p a:hover{
	text-decoration: underline;	
}
.extra-footer-note .btn{
	margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
}
.extra-footer-note .btn:hover{
	background: #213f99;
	text-decoration: none;
}
.extra-footer-note .close{
	position: absolute;
	right: -20px;
	top: -20px;
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
	font-size: 16px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #213f99;
	color: #fff;
}

#mobile-promo{
	position: relative;
}
#mobile-promo img{
	display: block;
	width: 100%;
	height: auto;
}
#mobile-promo p{
	margin-bottom: 0;
	padding: 15px;
	font-size: 15px;
	font-weight: 800;
}

/*------------------------
		Footer
------------------------*/
footer{
	position: relative;
	background: #002c73;
	color: #fff;
	padding-bottom: 40px;
}
footer .contact-details{
	position: relative;
	background: #213f99;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	font-size: 14px;
}
footer .contact-details .contact-entry{
	display: block;
	position: relative;
	padding-left: 55px;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
footer .contact-details .contact-entry:before{
	display: block;
	position: absolute;
	left: 40px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #00adef;
	opacity: 0.4;
	content: '';
}
footer .contact-details .contact-entry i{
	position: absolute;
	left: 0;
	width: 30px;
	text-align: center;
	font-size: 26px;
	opacity: 0.6;
	line-height: 40px;
}
footer .contact-details .contact-entry .place{
	display: block;
	position: relative;
	font-size: 14px;
}
footer .contact-details .contact-entry span{
	display: inline-block;
}
footer .contact-details .contact-entry span:last-child{
	display: none;
}
footer .contact-details .contact-entry a{
	color: #fff;
	text-decoration: none;
}

footer .widget{
	display: block;
}
footer .widget h3{
	font-size: 17px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 10px;
	display: inline-block;
}
footer .widget.menu-widget ul{
	display: block;
	padding: 0;
	margin: 0;
}
footer .widget.menu-widget ul li{
	display: block;
}
footer .widget.menu-widget ul li a{
	display: block;
	color: rgba(255,255,255,0.7);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 100;
	font-size: 14px;
	padding: 3px 0;
	cursor: pointer;
	text-decoration: none;
}
footer .widget.menu-widget ul li a:hover{
	color: #00adef;
}

footer .social-media{
	display: block;
	padding: 30px 0 0 0;
	margin: 0;
	overflow: hidden;
}
footer .social-media li{
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
footer .social-media li a{
	color: rgba(255,255,255,0.7);
	border: 1px solid rgba(255,255,255,0.7);
	display: block;
	height: 42px;
	line-height: 40px;
	text-align: center;
	width: 42px;
	transition: 0.3s;
}
footer .social-media li a:hover{
	color: #fff;
	border: 1px solid #00adef;
	background: #00adef;
}

footer .newsletter{
	position: relative;
	padding-top: 40px;
}
footer .newsletter h4{
	margin-top: 0px;
	color: #ffffff;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 5px;
}
footer .newsletter p{
	color: rgba(255,255,255,0.6);
	font-size: 13px;
	line-height: 16px;
}
footer .newsletter form{
	display: block;
	position: relative;
	padding: 5px 0px;
}
body .newsletter .gform_wrapper{
	margin: 0;
}
body .newsletter .gform_wrapper ul li.gfield,
body .newsletter .gform_wrapper .top_label div.ginput_container{
	margin: 0;
}
footer .newsletter .gform_wrapper form input[type=email],
footer .newsletter .gform_wrapper form input[type=text]{
	width: 100%;
	font-size: 14px !important;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	border: 1px solid #213f99;
	border-radius: 50px;
	padding: 15px 20px 15px 30px !important;
	background-color: #213f99;
	border: 1px solid #213f99;
	outline: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin: 0;
}
footer .newsletter form input[type=email]:focus{
	border: 1px solid #00adef;
}
footer .newsletter form input[type=submit]{
	position: absolute;
	right: 0;
	top: 5px;
	margin: 0;
	border: none;
	padding: 17px 40px;
	border-radius: 50px;
	cursor: pointer;
	letter-spacing: 0.6px;
	cursor: pointer;
	font-size: 13px !important;
	background: none;
	color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
footer .newsletter form input[type=submit]:hover{
	background: #00adef;
}
footer .newsletter .gform_footer{
	padding: 0;
	margin: 0;
}
footer .newsletter .gform_wrapper .validation_error{
	display: none;
}
footer .newsletter .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
footer .newsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
footer .newsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
	margin: 0;
}
footer .newsletter .gform_wrapper li.gfield.gfield_error, 
footer .newsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	border: none !important;
	background: none !important;
}
footer .newsletter .gform_wrapper .description, 
footer .newsletter .gform_wrapper .gfield_description, 
footer .newsletter .gform_wrapper .gsection_description{
	padding: 6px 0 0 40px;
	color: #fff;
	font-weight: 400;
}
footer .newsletter .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
footer .newsletter .gform_wrapper li.gfield_error textarea{
	border: 1px solid #ff6961;
	background: rgba(255, 105, 97, 0.3);
}
footer .newsletter .gform_confirmation_message{
	display: inline-block;
	padding: 20px 20px 20px 40px;
	font-weight: 300;
	position: relative;
}
footer .newsletter .gform_confirmation_message:before{
	content: '\f00c';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	margin-right: 10px;
}
footer .logo{
	display: block;
	width: 100%;
}
footer .logo img{
	display: block;
	width: 100%;
	height: auto;
}
footer .payments-accepted{
	font-size: 26px;
	line-height: 24px;
	opacity: 0.7;
	padding-top: 30px;
}

/*------------------------
		Copyright
------------------------*/
.copyrights{
	position: relative;
	background: #213f99;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.copyrights p{
	margin: 0;
	font-size: 13px;
	font-weight: 100;
	color: #fff;
	line-height: 24px;
}
.copyrights p a{
	display: inline-block;
}
.copyrights p a img{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: auto;
	margin-left: 3px;
}
.copyrights .payments-accepted{
	font-size: 22px;
	line-height: 24px;
}

/*------------------------
		Mobile Menu
------------------------*/
.mm-menu .mm-panel{
	background: #002c73;
	background: -moz-linear-gradient(top,  #002c73 0%, #00adef 100%);
	background: -webkit-linear-gradient(top,  #002c73 0%,#00adef 100%);
	background: linear-gradient(to bottom,  #002c73 0%,#00adef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c73', endColorstr='#00adef',GradientType=0 );
}
#mmenu .mm-panels .mm-panel:first-child{
	padding-top: 10px;
}
#mmenu .mm-panels .mm-panel:first-child .mm-navbar{
	display: none;
}
.mm-menu .logo{
	display: inline-block;
	text-align: center;
}
.mm-menu .logo img{
	max-width: 240px;
	display: inline-block;
	width: auto;
	height: auto;
	margin-bottom: 10px;
}
.mm-menu .inline{
	display: block;
	float: left;
	width: 20%;
	border-color: transparent;
	font-size: 18px;
	margin-top: 20px;
	
}
.mm-menu .inline,
.mm-menu .inline a{
	padding: 0;
	text-align: center;
}
.mm-menu .inline img{
	display: inline-block;
	height: 18px;
	width: auto;	
}
.mm-menu .static-item.close-mmenu {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border-color: transparent;
    width: 50px;
    font-size: 23px;
}
.mm-panel_has-navbar .mm-navbar{
	color: #fff;
	background: transparent;
}
.mm-panel_has-navbar .mm-navbar .mm-btn::before {
    border-color: white;
}
.mm-menu a i{
	min-width: 30px;
	display: inline-block;
	text-align: left;
}
.mm-menu a i.fa-exchange{
	min-width: inherit;
	margin: 0 5px;
}
.mm-menu a img{
	display: inline-block;
	width: 25px;
	height: auto;
	margin-right: 10px;
}

/*------------------------
	Search in Nice Selects
------------------------*/
.search-in-select .nice-select .list {
    margin-top: 5px;
    top: 100%;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    max-height: 210px;
    overflow-y: scroll;
    margin: 52px 0 0;
	padding: 10px 0 0;
}
.search-in-select .nice-select.has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 53px;
    line-height: 22px
}
.nice-select .nice-select-search-box{
	display: none;
}
.search-in-select .nice-select .nice-select-search-box {
    display: block;
	box-sizing: border-box;
    position: absolute;
    width: 100%;
    margin-top: 5px;
    top: 100%;
    left: 0;
    z-index: 8;
    padding: 0 5px;
    background: #FFF;
    opacity: 0;
    pointer-events: none;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, .11);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}
.search-in-select .nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%!important;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0!important
}
.search-in-select .nice-select.open .nice-select-search-box {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}