/*

 *   Important Information about this CSS File

 *

 * - Do not delete or rename this file, if you do not use it leave it blank (delete

 *   everything) and the file will be skipped when you enable Production Mode in

 *   the Global theme settings.

 *

 * - Read the _README file in this directory, it contains useful help and other information.

 */
/* Increase the body font size on small touch devices */
html {
}

body {
    font-size:90%;
}

/* =============================================================================

 *   Mobile Menu Toggle

 *   See your theme settings extensions for how to enable the menu toggle.

 *   These are example styles for the menu toggle menu, you can use these in the

 *   relevant responsive stylesheets as required. Modify to suit your design.

 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
    margin-bottom:5px
}

.at-mt .at-menu-toggle h2 a {
    background:#eee;
    border:2px solid #ccc;
    padding:2px 10px
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
    background:#eee;
    border-bottom:1px solid #fff
}

.password-strength,.field-multiple-drag {
    display:none
}
/*
 * Mobile Elements
 */
#main-content {
    margin-left:0px;
    margin-right:0px
}

#columns {
    margin:45px 0 0;
    display:block
}

.viewswrap {
    overflow:hidden;
    margin:0;
    background-color:rgba(204,204,204,0.1);
}

.block-inner clearfix {
    margin:0 1px
}

.viewsleft2 {
    display:block;
    float:left;
    max-width:19%;
    padding-right:2px;
}

.block-inner {
    margin-left:1px;
    margin-right:1px
}

/* Like Gate */
 
.secret {
    display:none
}

div.region .block .secret {
    float:none;
    clear:both;
    width:100%;
    margin-left:0;
    margin-right:0;
    display:none
}

/*
 * Top Menu
 */
 
.region-sidebar-first .region-inner, .region-sidebar-second .region-inner  {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-bottom:20px; 
    z-index:999;
	display:block;
    position:static;
	height:auto;
	width:100%;
    overflow:auto;
    color:#FFF;
    border-top-color:#000;
	float:left;
}


/*
 * Front
 */

.region-leaderboard {
    position:fixed;
    z-index:999;
    left:0;
    right:0;
    background-color: rgba(255,255,255,1);
	height:60px;
	border-color: rgba(255,255,255,0.25);
	border-top-color: transparent;
	border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.viewswrapfrontslideshow {
    width:100%;
	top:0;
	height: 750px;
    display:block;
    float:left;
background-color: rgba(126, 4, 142, 0.5);
	z-index:3;
	position:relative;
}

.viewstextfrontslideshow {
    position:absolute;
	top:100px;
	left:0;
    color:#fff;
    padding:4px;
    margin:0;
    width:100%;
}

.viewstextfrontslideshow h2 {
	font-size:40px;
	line-height: 1.3em;
	display:block;
}

.viewstextfrontslideshow p {
	font-size:20px;
	line-height: 1.3em;
	margin-top:20px;
	display:block;
}

.boxContainer{
	position:absolute;
	color:#FFFFFF;
	top:380px;
	left:50%;
	margin-left:-130px;
	overflow: hidden;
}
	
.boxCol1, .boxCol2{
	display:block;
	float:left;
}

.viewstextfrontslideshow1, .viewstextfrontslideshow2, .viewstextfrontslideshow3, .viewstextfrontslideshow4{
    position:absolute;
	top:70px;
	left:4%;
    color:#fff;
    padding:4px;
    margin:0;
    width:96%;
	display:none;
}

.viewstextfrontslideshow1 h2, .viewstextfrontslideshow2 h2, .viewstextfrontslideshow3 h2, .viewstextfrontslideshow4 h2 {
	font-size:30px;
	line-height: 1.2em;
}


.viewstextfrontslideshowBox{
	width:120px;
	height:120px;
	text-align: center;
	overflow: hidden;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: 5px;	
	transition: background-color 0.5s ease;
	display:block;
}

.viewstextfrontslideshowBox:hover{
	background-color:rgba(255,255,255,0.4);
}

#bgvid {
    position: absolute;
    left: 50%;
	top:0px;
    transform: translateX(-50%);
    min-width: 100%;
    height: calc(100vh + 10px);
    background-size: cover;
    z-index: -100;
	display:none;
}



.front-fixed-background img{
    height: 700px;
    width: 1160px;
    margin-left: -50%;
    max-width: none;
}

.frontcompanydescriptionwidth{
	max-width: 100%;
	margin:0 auto 0 auto;
	padding-top:40px;
	min-height:55vh;
}

h1.front-title{
	font-size:32px; 
	color: rgb(34, 34, 34);
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-transform: uppercase;
}

p.front-text{
	font-size: 20px;
	line-height: 33px;
	margin-top:40px;
}

.frontCategoryFlow{
	min-height:200px;
    position: relative;
}

.frontCategoryFlowContainer .flow1{
	display:block;			
}

.frontCategoryFlowContainer .flow2{
	display:block;
}
	
.frontCategoryFlowContainer .flow3{
	display:block;
}

.frontCategoryFlowContainer{
    display: block;
    position: relative;
    margin: 40px auto 40px auto;
    max-width: 200px;
    height: 600px;
}

.frontCategoryFlowCircle{
	width: 200px;
	height: 200px;
	background-color:rgba(255,255,255,1);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	float: left;
}

.frontCategoryFlowCircle p{
	text-align:center;
}

.frontDownArrow{
	min-height:100px;
	background-color:rgba(255,255,255,1);
	display:none;
}

#loader{
	position:fixed;
	display:none;
	top:0;
	width:100%;
	background-color:white;
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:999;
}
	
	.frontBackground2{
	position:absolute;
	z-index:-1 !important;
	height:800px;
	width:100%;
	overflow:hidden;
}

.frontBackground2 img {
height: 800px;
    width: 1160px;
	max-width:none;
	margin-left:-50%;
	overflow:hidden;
		z-index:-1 !important;

}

.front-seeresults{
	padding-top:100px;
	display:block;
	float:left;
	height:300px;
	width:100%;
	color:#FFFFFF;
}
	
.front-book{
	padding-top:100px;
	display:block;
	float:left;
	height:300px;
	width: 100%;
	color:#FFFFFF;
	display:block;
}
	
.front-fixed-background {
    position:fixed;
    z-index:-150;
    left:0;
    top:50px;
	height:700px;
	width:100%;
	margin:0;
}





.block-content ul, .block-content ol{
	padding: 0;
	margin: 0;
}

.frontSocialMediaContainer {
	width:92%;
	margin:0;
	color:#FFFFFF;
	padding-left:8%;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	float:left;
}


.vantageBodyBackground .panel-pane{
	background-color: rgba(255,255,255,1);
	border:solid 1px rgba(11, 95, 148, 0.5);
	padding-top:10px;
	padding-bottom:10px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom: 10px;
	}
	
	
.ajax-links-api-loading {
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left:-33px;
	width: 66px;
	height: 66px;
}



.responsive-logo {
    float: left;
    height: 55px;
    margin-left: 0%;
    line-height: 50px;
    margin-top: 0px;
}

.region-tertiary-content .responsive-logo img, .responsive-logo img {
	max-width:none;
}

.frontOfferletter{
	padding: 5px;
	border:solid 1px #FFFFFF;
	display:block;
	float:left;
	margin-right:5px;
    width: 18%;
    height: 150px;
	background-color:rgba(153,153,153,0.5);
	}

.viewswrapBook {
	overflow:hidden;
	border:1px solid rgba(233, 229, 241, 0.91);
	transition:.5s;
	background-color: rgba(255,255,255,0.6);
	font-size:0.9em;
	cursor:pointer;
	width:95%;
	margin:1%;
	padding:1%;
	display:block;
	float:left;
}


/*----- Menu Outline -----*/
.menu-wrap {
	float:left;
	width:100%;
	z-index:1000;
	display:none;
}
 
.menu {
    margin:0px auto;
	float:left;
	width:100%;
}
 
.menu li {
    margin:0px;
    list-style:none;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#919191;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:block;
    font-size:15px;
	width:100%;
	background-color:rgb(255,255,255);
}
 
.menu > ul > li > a {
    padding:8px 13px;
    display:block;
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background: rgb(255,217,217);
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:100%;
    padding:3px 0px;
    left:0px;
    z-index:-1;
    opacity:1;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
	display:block;
	float:left;
	position:static;
}
 
.sub-menu li {
    display:block;
    font-size:12px;
}
 
.sub-menu li a {
    padding:4px 10px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background-color: rgb(255,255,255);
}


.region-tertiary-content .menu-home a, .region-tertiary-content .menu-vantage a{
	color:rgba(255,255,255,1)
}


.menu-languages:hover, .menu-login:hover, .menu-home:hover, .menu-vantage:hover{
	color:#999999;
}

.responsive-menu-icon {
    display:block;
    float:right;
    outline:none;
	cursor:pointer;
}

#block-block-2{
    display:block;
    outline:none;
    clear:both;
}

.menu-languages, .menu-login, .menu-home, .menu-vantage, .menu-logout, .menu-account, .menu-profile, .menu-talktous{
	display:block;
	height:auto;
	padding:0 13px;
	cursor: pointer;
	font-weight: 600;
	font-size: 13px;
}

/*----- Banner -----*/

.bannerText{
	position:absolute;
	text-align:center;
	top:70px;
	left:10%;
    color:#fff;
    padding:4px;
    margin:0;
    width:80%;
}

.bannerImageContainer{
	display: block;
    float: left;
	width:100vw;
	height:45vh;
	z-index: 3;
	background-color: rgba(11, 95, 148, 0.05);
	margin: 0;
	position: relative;
}

.padding-front{
	padding-left:0;
		padding-right:0;

	}