/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hide, .loader
/*, .jcrop-holder */
{
	display: none;
}
.loader {     position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(17, 17, 17, 0.43); }
.spinner {
	margin: 0px auto;
	width: 50px;
	height: 50px;
	position: relative;
}

.spinner .circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.spinner .circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 20%;
	height: 20%;
	background-color: #fffce4;

	border-radius: 100%;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .circle2  { -webkit-transform: rotate(30deg);  transform: rotate(30deg)  }
.spinner .circle3  { -webkit-transform: rotate(60deg);  transform: rotate(60deg)  }
.spinner .circle4  { -webkit-transform: rotate(90deg);  transform: rotate(90deg)  }
.spinner .circle5  { -webkit-transform: rotate(120deg); transform: rotate(120deg) }
.spinner .circle6  { -webkit-transform: rotate(150deg); transform: rotate(150deg) }
.spinner .circle7  { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.spinner .circle8  { -webkit-transform: rotate(210deg); transform: rotate(210deg) }
.spinner .circle9  { -webkit-transform: rotate(240deg); transform: rotate(240deg) }
.spinner .circle10 { -webkit-transform: rotate(270deg); transform: rotate(270deg) }
.spinner .circle11 { -webkit-transform: rotate(300deg); transform: rotate(300deg) }
.spinner .circle12 { -webkit-transform: rotate(330deg); transform: rotate(330deg) }

.spinner .circle2:before  { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.spinner .circle3:before  { -webkit-animation-delay: -1.0s; animation-delay: -1.0s }
.spinner .circle4:before  { -webkit-animation-delay: -0.9s; animation-delay: -0.9s }
.spinner .circle5:before  { -webkit-animation-delay: -0.8s; animation-delay: -0.8s }
.spinner .circle6:before  { -webkit-animation-delay: -0.7s; animation-delay: -0.7s }
.spinner .circle7:before  { -webkit-animation-delay: -0.6s; animation-delay: -0.6s }
.spinner .circle8:before  { -webkit-animation-delay: -0.5s; animation-delay: -0.5s }
.spinner .circle9:before  { -webkit-animation-delay: -0.4s; animation-delay: -0.4s }
.spinner .circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s }
.spinner .circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s }
.spinner .circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s }



.browsers {
	width: 100%;
	height: 100%;
    padding-top: 30px;
	position: fixed;
	text-align: center;
	z-index: 999;
	font-weight: bolder;
}
.mask {
	z-index: 9;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #222;
	background: rgba(59, 59, 59, 0.62);
	filter: alpha(opacity=60); /* IE 7 and Earlier *//* Next 2 lines IE8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=620)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.errortitle {
	font-size: 30px;
	color: #fff;
}
.browsers a {
	display: block;
	margin: 10px auto;
	padding: 0 0 0 64px;
	line-height: 64px;
	font-family: 'karla';
	font-size: 20px;
	width: 150px;
	color: #fff;
}
.chrome {background: url('/wp-content/themes/keyweb/img/chrome64.png') no-repeat;}
.firefox {background: url('/wp-content/themes/keyweb/img/firefox64.png') no-repeat;}
.safari {background: url('/wp-content/themes/keyweb/img/safari64.png') no-repeat;}
.opera {background: url('/wp-content/themes/keyweb/img/opera64.png') no-repeat;}
.msie {background: url('/wp-content/themes/keyweb/img/ie64.png') no-repeat;}

.logged-in header .mainMenu.fixedNav {
	top: 32px;
}

#map {height: 460px;}

.filters-button-group{
	margin-bottom:20px;
	text-align:center;
}

.filters-button-group span, .filters-button-group a{
	display:inline-block;
	margin-right:10px;
	text-transform:uppercase;
	
}

.filters-button-group span:last-child, .filters-button-group a:last-child{
	margin-right:0;
}

.filters-button-group span.current, .filters-button-group a.current{
	color:#f4cb5e;
}

.error { box-shadow: 0px 0px 5px #f00; }

.jcrop-holder { overflow: hidden; max-width: 100%; }

/*.document-box .icon { text-align: center; }*/
.box-item { overflow: hidden;}
.video-box { display: block;}

/*.popupContent iframe { min-height: 300px; }*/

.prevImage img { max-width: 100%; }
.jcrop-holder img, #jcrop_target { width: 100%; height: auto; }

/*.message { margin: 20px 0; }*/

.backSidebar ul li a.active  {
    color: #f4cb5e;
}

.backContent {   min-height: 570px; }

#subpage-nav{ min-height:30px; }

.backContent .driver-box-wrapper.list-layout .box-item .benefits .text {     padding-right: 0px; }

.backContent .driver-box-wrapper.list-layout .box-item .benefits .text p.carrier,
.backContent .driver-box-wrapper.list-layout .box-item .benefits .text p.phone
 {
	    margin-right: 60px;
}

.backContent .driver-box-wrapper.list-layout .box-item .benefits .text p.website a
{

color: #f4cb5e;
}


.backContent .driver-box-wrapper.list-layout .box-item .contact-box.benefits .text .carrier,
.backContent .driver-box-wrapper.list-layout .box-item .contact-box.benefits .text .phone{
	width:40%;
	margin:0;
	padding:0 20px 0 0;
	display:block;
	float:left;
}

.backContent .driver-box-wrapper.list-layout .box-item .contact-box.benefits .text .website{
	width:20%;
	display:block;
	float:left;
}

.backContent .driver-box-wrapper.list-layout .box-item .contact-box.benefits .text .website::after{
	content:'';
	display:block;
	clear:both;
}
.staff .contactsLink {
	position: absolute;
	right: 30px;
    margin-top: -25px;
    display: block; }
.staff .contactsLink img { width: 35px; }

#header .secondary-menu>li>a{
	display:block;
	line-height:1;
}

#header .secondary-menu li a::after{
	bottom:-15px;
}

#header .secondary-menu li a img[src$=".svg"]{
	width:26.5px;
}

#header .secondary-menu li a.forgotPassLink{
	top:10px;
	font-weight:normal;
}

#header .secondary-menu li a.forgotPassLink:hover{
	text-decoration:underline;
}
/*

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	background: #f7f7f7!important;
	border: 1px solid #c4c4c4!important;
	border-radius: 0!important;
	box-shadow: none!important;
	color: #787878!important;
	transition: all .5s!important;
}
.nf-form-content label {
	color: inherit !important;
}*/