/* CSS Document */

/**/
/*DOCUMENT*/
/**/

body{
	color: #595a5c;
}

.hidden{
	display:none;	
}

.contain-to-grid {
	background: none !important;
}

.padding-sides{
	padding-left:30px;
	padding-right:30px;	
}
.header{
	font-weight:bold;
	color: #595a5c;
	font-size: 2em;
	text-align:center;
	line-height: 1.2em;
}

.page-header{
	border-top: solid 1px #df5e32;
	box-shadow: 0px 0px 4px rgba(0,0,0,.4);
	position: relative;
	z-index: 1;
}

.logo{
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	min-width: 130px;
	max-width: 60%;	
}

.underline{
	border-bottom: 1px solid #df5e32;
}

.term{
	font-size:1em;	
}
.phone{
	/*width:74%;	*/
}
.phone p{	
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 1.4rem;
	color: #df5e32;
	color:#f7f7f7;
	font-weight: bold;
}

.menu-phone p {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1.2rem;
	color: #df5e32;
	color:#f7f7f7;
	font-weight: bold;
	padding:5px 0px;
}

.spaced-top-bottom{
margin: 45px 0px;
}
.spaced-top-bottom-slight{
margin: 15px 0px;
}

/**/
/*NAVIGATION MENU*/
/**/
.main-nav-container{
	background-color: #DF5E32 !important;
}
nav	{
	background: none !important;
}

nav .top-bar-section .dropdown{
	padding-top: .375em;	
}

.jetmenu > li > a{
	color:#f7f7f7;
	padding: 1.25em 1em 1.25em .5em;
}
.jetmenu > li > a:hover, .jetmenu > li > a:active{
	color:#fff;
	background-color: #D65527;
}

.top-bar-section ul li ul li{
	border-top: 1px solid #e0e0e0;	
}

ul .divider{
	margin-top:14px;
}

.nav .small-3 img{
	margin-top: -3px;
	margin-left: 20px;	
}

.nav .phone-icon{
margin-top: -3px;	
}

.support-nav{
	margin-top:20px;	
}
.jetmenu .title{
margin: 13px 15px !important;
color: #F7F7F7;
}
.jetmenu .menu-icon{
padding: 5px 15px;
}
.jetmenu .icon em{
background-color: #F7F7F7;	
}
.jetmenu > li:first-of-type{
border-bottom:none;	
}
.jetmenu > li:last-of-type{
border-bottom:none;	
}
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown{
	min-width: 11em;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px;
}
.jetmenu ul.dropdown li{
border-top: 1px solid #E4E4E4;
}

.jetmenu ul.dropdown li ul.dropdown{
	  margin-left: 0;
 	  margin-top: -1px;
}

/**/
/*ANIMATED HAMBURGER MENU*/

.menu-icon {
	padding: 0 5px;
	width: 40px;
	height: 30px;
	cursor: pointer;
	text-align: center;
}
.menu-icon > span {
	display: block;
	margin-top: 4px;
	border-top: 2px solid #666;
	position: relative;
	-webkit-transition: all 0.2s cubic-bezier(.15,1.43,.46,1.25);
	transition: all 0.2s cubic-bezier(.15,1.43,.46,1.25);
	margin: inherit auto;
}

.clicked{
	margin-top:10px;
}

.clicked > span {
	border-top: 2px solid #666;
}
.clicked > .ln-one {
	transition-property(up);
	transition-duration(1s);
	transition-timing-function(ease);
	top: 0px;
	margin-top: 0px;
	display:none;
}
.clicked > .ln-two {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-property(up);
	transition-duration(1s);
	transition-timing-function(ease);
	top:2px;
	margin-top: 2px;
}
.clicked > .ln-three {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-property(up);
	transition-duration(1s);
	transition-timing-function(ease);
	top:0px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.clicked > .ln-four {
	transition-property(down);
	transition-duration(1s);
	transition-timing-function(ease);
	top:-2px;
	margin-top: 0px;
	display:none;
}
/**/


/**/
/*SUB NAV SECTION*/
/**/

.sub-nav {
	min-width: 130px;
}

.sub-nav a{
	font-size: .875em;
}

.sub-nav a:hover{
	color: #df5e32 !important;
}

.sub-nav .dropdown{
	display:none;
}

.sub-nav .dropdown li:hover{
	background-color: #e0e0e0;
}

.sub-nav .dropdown li{
	width:130px;
	padding: 4px 0;
	margin-bottom: -1px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.sub-nav .dropdown li a{
	padding: 6px 18px;
}

.sub-nav .indicator{
	padding-left: 10px;
}	

.sub-nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  list-style: none;
}

.sub-nav ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.sub-nav ul li ul {
  padding: 0 !important;
  right: -10px;
  position: absolute;
  display: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px;
}

.sub-nav ul li ul li {  
  display: block; 
}

.sub-nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  background-color: #f7f7f7;
  z-index: 100;
  padding-top: 10px;
}

/**/
/*HERO SECTION*/
/**/

.hero{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 575px;
	border-top: solid 12px #df5e32;
	border-top:none;
	position:relative;
}

.overlay-hero-container{
	max-width:55%;
	text-align:center;
}

.hero .overlay {
	display: inline-block;
	background-color: #666;
	background-color: rgba(0,0,0,.55);
	padding: 1em 2em;
	margin: 10% 0 0 0;
	text-align:center;
	max-width: 100%;
}

.hero .tag-line{
	max-width:100%;
}

.inline{
	display: inline-block;	
}

.hero .overlay h1{
	font-size: 1.875em;
	font-weight:bold;
	color:#f7f7f7;
}

.hero .overlay h2{
	font-size:1em;	
	font-weight:normal;
	color:#f7f7f7;
}

.hero .overlay h2.overlay-bottom-title{
	font-size:1.8em;	
}

.hero .cta{
 display:table;
 min-width: 3.438em;
 margin: 0.625em auto;
 
}

.hero .cta .button{
	margin-bottom: 0px;	
}

.arrows{
	background-image:url(../../images/heros/hero-arrows.png);
	background-repeat: no-repeat;
	margin: 0.625em 0 0 6.1em;
	width:15.625em;
	height:6.875em;	
}

.hero .bottom{
	 width:100%;
	 margin:0;
	 position:absolute;
	 bottom: 0;
	 text-align:center;
	 padding-bottom:1.25em;
}

.hero .bottom h1{
	margin-top: 0.625em;
	font-weight: normal;	
	font-size: 1.4em;	
}

.hero .bottom h1,
.hero .bottom a{
	display:inline;	
}


.button{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;	
	font-size: 1em !important;
	text-transform:uppercase;
	background-color:#0081FF;
	/*box-shadow:2px 2px 0px 0px rgba(0,0,0,.5);*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	display: inline-block;
	/*border: 1px solid #005AFF;*/
}
.button:before{
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	left: 70%;
	opacity: 0;
	top: 38%;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f054";
}
.button:hover, .button:active, .button:focus{
	background-color:#1E90FF;
	/*border: 1px solid #5799FF;*/
}
.button:active{
	box-shadow: inset 1px 2px 0px 0px rgba(0,0,0,.1);
}
.button:hover:before{
	left: 85%;
	opacity: 1;
}

.button-secondary{
	background-color: #f7f7f7;
	color: #6F6F6F;
	border: 1px solid #6F6F6F;
}
.button-secondary:before{
	color: #0081FF;
}
.button-secondary:hover,.button-secondary:active{
	background-color:#fff;
	color:#0081FF;
	/*border: 1px solid #fff;*/
}


.hero .bottom .button{
	margin-left:1em;
	padding: 0.625em 1.75em;
	font-weight:bold;
}
.hero .bottom .button:before{
top:35%;	
}

.silver-shadow:hover {
	background-color: #B2B2B2 !important;
}


/**/
/*MAIN SECTION*/
/**/
#main-content .content .panel-header, #main-signup-form .content .panel-header{
	font-size:1.2em;
	padding: 20px 50px;
	text-align:center;
	font-weight:normal;	
}

/**/
/*PRICING TABLES SECTION*/
/**/

.pricing-table{
	margin-top:10px;	
}

.callout{
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	box-shadow: 0px 0px 15px #888;;
	
}

.callout li{
	background: rgba(250, 247, 246, 1) !important;
}

.callout{
	margin-top:0px;
}

.callout li:first-child{
	padding-top: 40px;
	padding-bottom: 32px;	
}

.callout li:last-child{
	padding-bottom: 10px;	
}

.no-shadow{
 	box-shadow: none;
	-webkit-box-shadow: none;
	moz-box-shadow: none;	
}

/**/
/*COLORS/GRADIENTS*/
/**/

.silver-gradient{
	color: #59595c !important;
}

.orange-bold{
	color: #df5e32;
	font-weight: bold;
}

/*.blue-shadow{
	box-shadow: 2px 3px 0px 0px #00175F;
}*/

/*.silver-shadow{
	background-color: #f2f2f2 !important;
	color: #59595c !important;
	box-shadow: 2px 3px 0px 0px #7c7c7c;	
}*/

/**/
/*FOOTER SECTION*/
/**/
footer{
padding-top:45px;
}

.footer-header{
	font-weight: bold;
	color: #595a5c;
	font-size: 1em;
	text-align: left;
}

footer ul li ul{
	max-width: 13.750em;	
}

footer .bottom{
	 width:100%;
	 margin:0;
	 position:relative;
	 bottom: 0;
	 text-align:center;
	 background-color: #191919;
	 background-color: #DF5E32;
	 border-top: solid 4px #df5e32;
	 border-top:none;
	 height: 9em;
}

footer .bottom p{
	color: #f7f7f7;	
}

footer .bottom h1{
	margin-top: 0.625em;
	font-weight: normal;		
}

footer .bottom h1,
footer .bottom a{
	display:inline;	
}

footer a{
	color: #595a5c;	
	display:inline-block;
	/*margin-bottom:.625em;*/
}


footer a.header{
	margin-bottom:.625em;
}

footer .social{
	padding: 0 0.125em;
	width:2.5em;
	height:2.188em;
	opacity: 0.8;
}

.footer-list{
	font-size:.9em;	
}

footer .social:hover {
opacity: 1;
}

footer a:hover{
	color: #df5e32;	
}

footer p{
	font-size:0.75em;
	margin:0 0 0.625em 0;
}

footer .footer-logo span{
	font-size: .8em;	
}

footer .small-offset-7{
	margin-left:52.6333% !important;	
}
.kb-footer{
	padding-top:20px; height:75px;
}
.signup{
    margin: 10px 0 0 0;
}

.signup form{
	margin:0;	
}

.signup #signup p{
    font-size: 1.3em;	
}

.signup table tr td {
    padding: 0 5px;
}

.signup .signuptable{
 	background: #DF5E32;
	border:none;	
	margin-bottom: 0;
}

.signup .signuptable tr{
	background: #DF5E32;
	border:none;		
}

.signup #submit{
	padding: 9px 35px;
    	border: none;
	margin-bottom:15px;
}

.form-input-label{
	width: 100% !important;	
	display: inline-block;	
    text-align: left;	
}

.form-input-field{
	width:49%;
	display: inline-block;	
    text-align: left;		
}

.logo-social{
    margin-top: 30px;
}

.uk2-logo span{
	color:white;
}

.uk2-logo{
    display: inline-block;
	margin: 0 25px
}

.social-icons{
	 display: inline-block;	
}

.footer .containter{
	width:100%;
	margin: 0 auto;	
}

#sub-main {
width: 100%;
margin: 35px 0 0 0;
position: relative;
bottom: 0;
text-align: center;
padding: 1.25em 0;
background-color: #59595c;
height: auto;
color: white;
}

#sub-main .header{
	color: white;
	font-size: 1.125em;
}

#sub-main p{
	font-size: 0.875em;
	margin:0;	
}

#sub-main img{
	margin: 0.625em 0;	
}

/* TABS */
.tabs .tab-title a{
	display:inline-block;
	overflow: hidden;
	margin-bottom: -8px;
}
.tabs .tab-title a span{
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	
}

tabs .tab-title a.active{
color:#EA521F;	
}
.tabs .tab-title a span:before{
	position: absolute;
	top: 200%;
	width:110%;
	content: attr(data-hover);
	font-weight: bold;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color:#EA521F;
}
.tabs .tab-title a:hover span,
.tabs .tab-title a:focus span{
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	transform: translateY(-200%);
}


#features img{
max-width: 200px;	
}

.alert-msg {
    text-align: center;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.05);
    padding: 5px;
	width: 82%;
	font-size: 1.2em !important;
}

/*Cookie Bar*/

#cookie-bar {background:#313233; line-height:32px; color:#eeeeee; text-align:center; padding:6px 0; height:44px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 99999999999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; font-size: .9rem;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding: 4px 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#26A75C;}
#cookie-bar .cb-enable:hover {background:#43B875;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#3395D6;}
#cookie-bar .cb-policy:hover {background:#4EA5E0;}

@media (max-width: 540px){
	#cookie-bar.fixed {
		height: 64px;
	}
}


@media (min-width: 1006px){
	.menu-phone{
		display:none !important;	
	}
}

@media (max-width: 1006px){
	.logo{
		padding-bottom: 10px;	
	}
	
	.overlay-hero-container{
		max-width:100%;
	}
	.hero .tag-line {
		max-width: 100%;
	}
	
	ul .divider{
		display:none !important;
	}
	
	.nav .small-9{
		width:100%;
	}
	
	.nav .small-3{
		width: 100%;	
	}
	
	.phone {
		display:none;
	}
	
	footer .footer-logo-image{
		width:100% !important;	
	}
	
	.jetmenu > li:hover > a,
	.jetmenu > li.active > a{
		color: #DF5E32;
	}
	.jetmenu ul.dropdown li > a {
		background-color: #F9F9F9;
	}
	.jetmenu > li > a:hover, .jetmenu > li > a:active{
		background-color:#333;	
	}
	.signup{
		width:100% !important;
		margin: 0 auto;
		padding: 0 0 0 25%;
		float:none !important;
	}
	
	footer .bottom {
		height: 16em !important;	
	}
	
	.logo-social{
		width:100% !important;
		margin: 0 auto;
		padding:0;
		float:none !important;
	}
	
	.social-icons{
		width: 100%;
	    margin: 0 auto;	
	}
	
	.uk2-logo{
		width: 100%;
	    margin: 25px auto;
				
	}
	
	.signup #signup p {
    	margin-left: 0%;
	margin-top:25px;
	}
	.signup{

		padding: 0 0 0 25%;
	}
}

@media (max-width: 840px){
	
	#features .small-4{
		width: 100%;	
	}
	
	#features .small-8{
		width: 100%;
	}
	
	#features p{
	text-align:center !important;	
	}
}

@media (max-width: 752px){
	.tab-title{
		width:100%;	
	}
	.small-5 {
		width: 42.66667%;
	}
	
	.signup {

		padding: 0 0 0 20%;
	}
}

@media (max-width: 640px){
	.support-nav{
		margin-top:10px;	
	}
	.footer .small-6{
		width: 100%;	
	}
	
	footer .bottom {
		height: 15.5em !important;
	}
	
	footer .small-3{
		width: 100%;
		text-align:center;
		padding-bottom: 20px;
	}
	
	footer .small-3 li ul{ 
		text-align:center;
		max-width: none;
	}
	
	.tabs dd.active a, .tabs .tab-title.active a {
	  min-width: 210px;
	}
	
	#main-content .inline-list .small-4 {
		width: 100%;
		padding: 0 10% 20px 10%;
		margin-left: 8% !important;
	}
	
	footer .footer-header{
		text-align: center;	
	}
	
	.uk2-logo{
		margin-top: 25px;
		float:none !important;	
	}
}

@media (max-width: 500px){
	.hero{
		height:500px;	
	}
	
	.hero .overlay h1{
		font-size: 1.7em;
	}
	.hero .cta{
		margin: 0.625em auto 0 auto;
	}
	
	.arrows{
		margin: 0.625em auto 0 auto;
	}
	
	.hero .bottom h1, .hero .mobile{
		display: block !important;
	}
	
	.hero .bottom h1 {
		margin-top: 0;
		font-size:1em;
	}
	
	.hero .bottom{
		padding-bottom:0;	
	}
	
	.hero .overlay h2.overlay-bottom-title{
		font-size:1.2em;	
	}
	
	.tabs dd, .tabs .tab-title{
	padding: 0 !important;	
	}
	
	#main-content .content .panel-header, #main-signup-form .content .panel-header{
		font-size: 1em;
		padding: 20px 10px;
		margin-top: 15px;
	}
	
	.small-5 {
		width: 15.66667%;
	}
	
	footer .bottom {
    	height: 18em !important;
	}
	
	.signup {
		padding: 0 0 0 2%;
	}
	
}