/*
	Style.css

	01. Basics
	02. Top bar
	03. Home
	04. Intro
	05. Work
	06. Call to action
	07. Services
	08. Process
	09. About
	10. Contact
	11. Footer
	12. 404 Page
	13. Responsive settings

*/


/* ==================== 01. Basics ==================== */

@font-face {
    font-family: 'GothamBook'; src: url('/fonts/GothaHTFBook.ttf') format('truetype');
    font-style: normal; font-weight: normal;text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GothamLight'; src: url('/fonts/GothaHTFLight.ttf') format('truetype');
    font-style: normal; font-weight: normal; text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GothamThin'; src: url('/fonts/GothaHTFThi.ttf') format('truetype');
    font-style: normal; font-weight: normal; text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'GothamHTF-Bold';
    src: url('/fonts/GothaHTFBol.eot'); /* IE9 Compat Modes */
    src: url('/fonts/GothaHTFBol.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/GothaHTFBol.woff') format('woff'), /* Modern Browsers */
         url('/fonts/GothaHTFBol.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/GothaHTFBol.svg#GothamHTF-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #777777;
}

p {
	margin-bottom: 25px;
}
p.legalFooter { font-size: 10px !important; line-height: 11px; margin: 0 10px 0 10px; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 25px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 400;
	color: #111111;
}

h1, .h1 {
	font-size: 36px;
	line-height: 1.5em;
}

h2, .h2 {
	font-size: 30px;
	line-height: 1.5em;
}

h3, .h3 {
	/*font-size: 24px;*/
	font-size: 18px;
	line-height: 1.5em;
}

h4, .h4 {
	font-size: 20px;
	line-height: 25px;
}

h5, .h5 {
	font-size: 16px;
	line-height: 25px;
}

h6, .h6 {
	font-size: 13px;
	line-height: 25px;
}

.bottom-margin5 { margin-block: 5px; }


/* Responsive headings */
.bigtext h1, h1.bigtext,
.bigtext h2, h2.bigtext,
.bigtext h3, h3.bigtext,
.bigtext h4, h4.bigtext,
.bigtext h5, h5.bigtext,
.bigtext h6, h6.bigtext {
	margin-bottom: 10px;
}

.bigtext h1, h1.bigtext {
	font-size: 90px;
	line-height: 1em;
}

.bigtext h2, h2.bigtext {
	font-size: 75px;
	line-height: 1em;
	text-shadow: 0px 2px 6px rgb( 0, 0, 0 );
}

.bigtext h3, h3.bigtext {
	font-size: 60px;
	line-height: 1em;
}

.bigtext h4, h4.bigtext {
	font-size: 48px;
	line-height: 1.25em;
}

.bigtext h5, h5.bigtext {
	font-size: 36px;
	line-height: 1.25em;
}

.bigtext h6, h6.bigtext {
	font-size: 24px;
	line-height: 1.5em;
	text-shadow: 0px 2px 6px rgb( 0, 0, 0 );
}

.firstSectionMarginTop {
	margin-top: 105px;
}

@media only screen and (max-width: 767px) {

	/* Responsive headings */
	.bigtext h1, h1.bigtext {
		font-size: 60px;
	}

	.bigtext h2, h2.bigtext {
		font-size: 48px;
	}


	.bigtext h3, h3.bigtext {
		font-size: 36px;
	}

	.bigtext h4, h4.bigtext {
		font-size: 30px;
	}

	.bigtext h5, h5.bigtext {
		font-size: 24px;
	}

	.bigtext h6, h6.bigtext {
		font-size: 18px;
	}

	.firstSectionMarginTop {
		margin-top: 50px;
	}

}

@media only screen and (max-width: 479px) {

	/* Responsive headings */
	.bigtext h1, h1.bigtext {
		font-size: 36px;
	}

	.bigtext h2, h2.bigtext {
		font-size: 30px;
	}


	.bigtext h3, h3.bigtext {
		font-size: 24px;
	}

	.bigtext h4, h4.bigtext {
		font-size: 18px;
	}

	.bigtext h5, h5.bigtext {
		font-size: 16px;
	}

	.bigtext h6, h6.bigtext {
		font-size: 14px;
	}

}

/* Links */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: #111111;
}

.social-footer a:hover {
	color: white;
}

/* Smooth hover effects */
/*a,
a i,
button,
input[type="submit"] {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

a:hover,
a i:hover,
button:hover,
input[type="submit"]:hover {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}*/

/* Cursor styling for icons */
i {
	cursor: default;
}

a i {
	cursor: pointer;
}

/* Lists */
.ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 25px;
}

.ol ol,
.ul ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
}

.ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 25px;
}

.ol ul,
.ul ul {
	list-style-type: disc;
	list-style-position: outside;
}

.ol ol,
.ol ul,
.ul ol,
.ul ul {
	margin-left: 2em;
}

/* Typographic styles */
.italic, em {
	font-style: italic;
}

.bold, b, strong {
font-weight: 600;
}

.thin {
	font-weight: 300;
}

.x-thin {
	font-weight: 100;
}

.serif {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.uber {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Text colors */
.text-color {
	color: #42a5d3;
}

.text-light {
	color: #bbbbbb;
}

.text-dark {
	color: #111111;
}

.text-white {
	color: #ffffff;
}

/* Dropcap */
.dropcap {
	float: left;
	color: #111111;
	font-size: 50px;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 3px;
}

/* Quotes */
blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.25em;
	padding: 25px;
	background: #fafafa;
	border-left: 5px solid #eeeeee;
	margin-bottom: 25px;
}

blockquote small {
	display: block;
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	font-style: normal;
}

blockquote small:before {
	content: '\2014 \00A0';
}

q {
	quotes: "\"" "\"" """ """;
}

q:before {
	content: '\201C';
}

q:after {
	content: '\201D';
}

/* Buttons */
/* Reset */
button,
input[type="submit"] {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
}

input[type="submit"] {
	border: 0;
	width: auto;
}

/* Fixing the broken lineheight model in FF */
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

/* Buttons styling */
.btn,
button,
input[type="submit"] {
	display: inline-block;
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 25px;
	padding: 12px 25px;
	color: #ffffff;
	/*background: #111111;*/
	background: #42a5d3;
	text-decoration: none;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
.btn.btnCustomLockDash{
	font-size: 12px;
	padding: 8px 16px;
}

a.btn:hover,
button:hover,
input[type="submit"]:hover,
a .icon:hover {
	color: #ffffff;
	/*background: #42a5d3;*/
	background: #42a5d3;
	text-decoration: none;
}

button:hover,
input[type="submit"]:hover,
a i:hover {
	cursor: pointer;
}

/* Icon inside a button */
.btn > i {
	font-size: 14px;
	margin-right: 0.5em;
}

/* Button outline style */
.btn.outline {
	color: #111111;
	background: none;
	border: 2px solid #111111;
	padding: 10px 23px;
}

a.btn.outline:hover,
button.outline:hover,
input[type="submit"].outline:hover {
	color: #ffffff;
	/*background: #42a5d3;*/
	background: #42a5d3;
	/*border: 2px solid #42a5d3;*/
	border: 2px solid #42a5d3;
	/*border: 2px solid rgba(102,155,77,1);*/
}

/* Button colors */
.btn.color {
	/*background: #42a5d3;*/
	background: #42a5d3;
}

.btn.outline.color {
	/*color: #42a5d3;*/
	color: #42a5d3;
	background: none;
	/*border: 2px solid #42a5d3;*/
	border: 2px solid #42a5d3;
}

.btn.light {
	color: #ffffff;
	background: #cccccc;
	background: rgba(255,255,255,0.3);
}

.btn.outline.light {
	color: #ffffff;
	background: none;
	border: 2px solid #cccccc;
	border: 2px solid rgba(255,255,255,0.3);
}

.btn.dark {
	color: #111111;
	background: #aaaaaa;
	background: rgba(17,17,17,0.3);
}

.btn.outline.dark {
	color: #111111;
	background: none;
	border: 2px solid #aaaaaa;
	border: 2px solid rgba(17,17,17,0.3);
}

.btn.white {
	color: #111111;
	background: #ffffff;
}

.btn.outline.white {
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
}
.btn.oversized{
	font-size: 26px;
	padding: 24px 50px;
}

/* Headers */
.header {
	position: relative;
	display: block;
	width: 100%;
	height: 640px;
}

.header.large {
	/*height: 745px;*/
	height: 470px;
}

.header.medium {
	height: 480px;
}

.header.small {
	height: 320px;
}

@media only screen and (max-width: 768px) {

	.header,
	.header.large {
		height: 480px;
	}
	
	.header.medium {
		height: 320px;
	}

	.eveconnectpage .header.large {
		height: 300px;
	}

}

/* Header with centered content */
.header-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 100%;
	max-width: 740px;
	min-width: 300px;
	text-align: center;
	z-index: 60; /* Should be 50+ because of the bxSlider */
}
.header-inner-2 {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 100%;
	max-width: 740px;
	min-width: 300px;
	text-align: center;
	z-index: 60; /* Should be 50+ because of the bxSlider */
	background-color: rgba(0,0,0,0.5);
	padding: 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.header-inner-2 h1{ 
	font-size: 48px;
	line-height: 1.2em;
}

/* Background image */
.bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* Fixed backgrounds only on non-touch devices */
.bg-img.fixed {
	background-attachment: scroll;
}

.no-touch .bg-img.fixed {
	/* background-attachment: fixed; */
}

/* Background images */
.background-one {
	background-image: url('/images/marketing1.jpg');
}

.background-two {
	background-image: url('/images/eveconnect1.jpg');
}

.background-three {
	background-image: url('/images/marketing1.jpg');
}

.background-four {
	background-image: url('/images/marketing1.jpg');
}

.background-five {
	background-image: url('/images/marketing1.jpg');
}

/* Title */
.title {
	text-align: center;
}

.title h1,
.title h2 {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: 15px;
}

.title hr {
	display: inline-block;
	width: 40px;
	height: 2px;
	background: #cccccc;
	margin-bottom: 75px;
}

.title.title-light h1,
.title.title-light h2 {
	color: #ffffff;
}

.title.title-light hr {
	background: #555555;
}

/* Title on headers */
.header hr {
	display: inline-block;
	width: 40px;
	height: 2px;
	background: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin-bottom: 25px;
}

/* Underline link */
a.underline {
	padding-bottom: 1px;
	border-bottom: 1px dotted #cccccc;
}

a.underline:hover {
	border-bottom: 1px dotted #111111;
}

/* Links for dark backgrounds */
a.inverted:hover {
	color: #ffffff;
}

a.inverted.underline {
	padding-bottom: 1px;
	border-bottom: 1px dotted #555555;
}

a.inverted.underline:hover {
	border-bottom: 1px dotted #ffffff;
}

/* Arrow link */
a.arrow-link {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #111111;
}

a.arrow-link:before {
	font-family: 'FontAwesome';
	content: '\f054';
	color: #aaaaaa;
	margin-right: 7px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

a.arrow-link:hover,
a.arrow-link:hover:before {
	color: #42a5d3;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Positioning for the owlCarousel controls (oc) */
/*.oc-left,
.oc-right {
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.oc-left {
	left: 0;
	margin-left: -60px;
}

.oc-right {
	right: 0;
	margin-right: -60px;
}

@media only screen and (max-width: 1220px) {

	.oc-left,
	.oc-right {
		top: 100%;
		margin-top: 20px;
	}

	.oc-left {
		left: 50%;
		margin-left: -40px;
	}

	.oc-right {
		right: 50%;
		margin-right: -40px;
	}

}*/

/* Styling for the owlCarousel icon controls */
/*.oc-left i,
.oc-right i {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 42px;
	text-align: center;
	color: #cccccc;
}

.oc-left i:hover,
.oc-right i:hover {
	color: #aaaaaa;
}

@media only screen and (max-width: 1220px) {

	.oc-left i,
	.oc-right i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 28px;
	}

}*/

/* Overlay item that is used for portfolio thumbnails and employee images */
.overlay-item {
	position: relative;
	color: #ffffff;
	line-height: 0;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* The hover effect */
.o-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: rgba(255,255,255,0.0);
	background: rgba(0,0,0,0.0);
	visibility: visible;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.overlay-item:hover > .o-hover,
.overlay-item a:hover > .o-hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.5);
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* The information inside the hover */
.o-hover span {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.o-hover em {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: rgba(255,255,255,0);
	display: inline-block;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.overlay-item:hover > .o-hover em,
.overlay-item a:hover > .o-hover em {
	color: rgba(255,255,255,1);
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.o-hover i {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: rgba(255,255,255,0);
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.overlay-item:hover > .o-hover i,
.overlay-item a:hover > .o-hover i {
	color: rgba(255,255,255,1);
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.overlay-item:hover > .o-hover i:hover,
.overlay-item a:hover > .o-hover i:hover {
	color: #111111;
	background: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.o-hover i.fa-2x {
	font-size: 2em;
}

.overlay-item:hover > .o-hover i.fa-2x:hover,
.overlay-item a:hover > .o-hover i.fa-2x:hover {
	color: #ffffff;
	background: none;
}

/* Extra info below images used for portfolio thumbnails and employee images */
.e-info {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 15px 15px 25px;
	text-align: center;
	height: 140px;
}

.e-info h3 {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 0;
}

.e-info p {
	color: #aaaaaa;
	line-height: 20px;
	margin-bottom: 0;
}


/* ==================== 02. Top bar ==================== */
/* Black Friday Deal */
#blackfridaydeal{
	position: fixed;
	top: 105px;
	text-align: right;
	/*left: 943px;*/
	width: 100%;
	height: 197px;
	z-index: 99;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;

	-webkit-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; cursor: default;
}
#blackfridaydeal.bfdSmall{
	top: 55px;
}

.top-bar,
.top-bar2 {
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	min-height: 55px;
	background: #111111;
	background: rgba(7,7,7,0.9);
	z-index: 99;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}
.carLogin-top-bar {
	background: #FFFFFF;
	text-align: center;
	color: #000000;
	padding-top: 20px;
}
.logo-top-bar{
	height: 120px;
}
.logo-top-bar h1{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.carLogin2-top-bar {
	background: #e1e0e0;
}

/* Typographic logo for the top bar */
.tb-logo {
	margin-left: 20px;
}

.tb-logo h1 {
	float: left;
	text-align: left;
	font-family: GothamBook, 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 25px;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 0;
}

.tb-logo h1 a {
	text-decoration: none;
	color: #ffffff;
}

.tb-logo h1 a:hover {
	color: #ffffff;
}

/* Image logo for the top bar */
.tb-logo img {
	float: left;
	text-align: left;
	width: auto;
	/*max-height: 30px;*/
	/*margin: 10px 10px 0 0;*/
	margin-top: 3px;
}
.tb-small .tb-logo img{
	margin-top: 10px;
	max-height: 35px;
}

/* Hiding the the toggle */ 
#toggle,
.toggle {
	display: none;
}

/* Hiding and showing the submenu items */
.menu ul ul {
	display: none;
}

.menu ul li:hover > ul {
	display: block;
}

/* Styling for the main menu items */
.menu {
	float: right;
	text-align: left;
	font-family: GothamBook, 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	/*letter-spacing: 0.08em;*/
	text-transform: uppercase;
	line-height: 25px;
}

.menu ul {
	position: relative;
	display: table-cell;
	list-style: none;
}

.menu ul:after {
	content: "";
	clear: both;
	display: block;
}

.menu ul li {
	float: left;
}

/* Hover effect */
.menu ul li:hover a {
	color: #ffffff;
}

.menu ul li a {
	display: block;
	padding: 15px 20px;
	color: #777777;
	text-decoration: none;
}

.menu ul li a span.acctIcon {
	display: inline-block;
	width: 20px;
	height: 15px;
	vertical-align: text-bottom;
	background-image: url('/en/images/icon-account.png'); 
	background-repeat: no-repeat;
	background-position: 0 -15px;
}
.menu ul li:hover a span.acctIcon {
	background-position: 0 0;	
}

.menu ul li.accountMenu {
	min-width: 230px;
	text-align: right;
}
.menu ul li.accountMenu li {
	text-align: left;
}
/* Less padding on smaller screens */
@media only screen and (max-width: 1024px){

	.menu ul li a {
		padding: 15px 10px;
	}

}

/* Styling for the sub menu items */
.menu ul ul {
	position: absolute;
	top: 100%;
	background: #111111;
	background: rgba(7,7,7,0.9);
	padding: 0 0 10px 0;
	min-width: 150px;
}

.menu ul ul li {
	float: none; 
	position: relative;
}

.menu ul ul li a {
	padding: 10px 20px;
	color: #777777!important;
}

.menu ul ul li a:hover {
	color: #ffffff!important;
}

.menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Responsive settings for the menu */
@media only screen and (max-width: 768px) {
	#blackfridaydeal,
	#blackfridaydeal.bfdSmall { top: 50px;}

	.top-bar {
		padding-top: 0;
	}

	/* The toggle */
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		color: #777777;
		float: right;
		font-family: 'FontAwesome';
		text-align: center;
		font-size: 14px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.toggle:hover {
		color: #ffffff;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.toggle:after {
		content: '\f0c9';
	}

	#toggle:checked ~ .menu {
		display: block;
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#toggle:checked + .toggle:after {
		content: '\f077';
	}

	/* The menu items */
	.menu {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		margin-top: 50px;
		width: 100%;
		position: absolute;
		right: 0;
		height: auto;
		text-align: left;
		background: #111111;
		background: rgba(7,7,7,0.9);
		padding-bottom: 10px;
		padding-left: 30px;
	}

	.menu ul li {
		display: block;
		width: 100%;
		line-height: 30px;
		margin: 0;
	}

	.menu ul li a {
		display: block;
		width: 100%;
		/*padding: 0;*/
	}

	/* Styling for the sub menu items */
	.menu ul ul {
		display: none;
		position: relative;
		top: 0;
		background: none;
		padding: 0;
	}

	.menu ul ul li a {
		padding: 0;
	}

	.menu ul ul ul {
		position: relative;
		top: 0;
		left: 0;
	}

	.menu ul li.accountMenu {
		min-width: inherit;
		text-align: left;
	}

}

@media only screen and (max-width: 480px) {

	.tb-logo {
		margin-left: 5px;
	}

	.toggle {
		margin-right: -10px;
	}

	.menu {
		padding-left: 15px;
	}

}

/* Dynamic height of the menu */
.tb-large {
	padding-top: 25px;
	padding-bottom: 25px;
}

.tb-small {
	padding-top: 0;
	padding-bottom: 0;
}

@media only screen and (max-width: 768px){

	.tb-large {
		padding-top: 0;
		padding-bottom: 0;
	}

	.menu ul li a {
		padding-bottom: 5px;
	}

}

/* Transparent top bar */
.top-bar.tb-transp {
	background: #none;
	background: rgba(7,7,7,0.9);
}

.tb-transp .menu ul li a {
	color: #ffffff;
	color: rgba(255,255,255,0.5);
}

.tb-transp .menu ul li:hover a {
	color: #ffffff;
}

.tb-small.tb-transp {
	background: #111111;
	background: rgba(7,7,7,0.9);
}

/* Responsive settings for the transparent top bar */
@media only screen and (max-width: 768px) {

	.top-bar.tb-transp {
		background: #111111;
		background: rgba(7,7,7,0.9);
	}

}


/* ==================== 03. Home ==================== */
.home {
	z-index: 1;
}
.home.old-homepage{
	height: 470px;
}

.topspace {
	padding-top: 105px;
	background: #111111;
}

@media only screen and (max-width: 768px) {

	.topspace {
		padding-top: 50px;
	}

}


/* ==================== 04. Introduction ==================== */
.intro {
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 100px;
}

/* Icon navigation */
.icon-nav {
	text-align: center;
	margin-bottom: 25px;
}

div.appRowHP {
	margin-bottom: 40px;
}

.additionalAppsSoon {
	margin-top: 20px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.icon-nav a {
	display: inline-block;
}

.icon-nav i {
	display: block;
	margin: 0 auto 10px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 36px;
	color: #cccccc;
	background: none;
	/*-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;*/
}
	.icon-nav i.bigger50px { font-size: 50px;}
.icon-nav.lefter,
.icon-nav.lefter i { float: left; text-align: left; margin: 0; display: inline-block;}

.icon-nav a:hover > i {
	color: #ffffff;
	background: #42a5d3;
}

.icon-nav b {
	font-family: GothamBook, 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	/*letter-spacing: 0.08em;*/
	text-transform: uppercase;
	line-height: 20px;
	color: #111111;
	display: block;
}

.icon-nav em {
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #aaaaaa;
	display: block;
}

/*Apps Icons*/
i.emailreader{ background: url(/en/images/apps-ico.png) no-repeat left top;}
i.weather{ background: url(/en/images/apps-ico.png) no-repeat -100px top;}
i.twitter{ background: url(/en/images/apps-ico.png) no-repeat -200px top;}
i.newsfeed{ background: url(/en/images/apps-ico.png) no-repeat -300px top;}
i.worldclock{ background: url(/en/images/apps-ico.png) no-repeat -700px top;}
i.plugshare{ background: url(/en/images/apps-ico.png) no-repeat -600px top;}
i.mileagetracker{ background: url(/en/images/apps-ico.png) no-repeat -500px top;}
i.calculator{ background: url(/en/images/apps-ico.png) no-repeat -400px top;}
i.streetview{ background: url(/en/images/apps-ico.png) no-repeat -800px top;}
i.notes{ background: url(/en/images/apps-ico.png) no-repeat -900px top;}
i.stocks{ background: url(/en/images/apps-ico.png) no-repeat -1000px top;}
i.calendar{ background: url(/en/images/apps-ico.png) no-repeat -1100px top;}
i.email{ background: url(/en/images/apps-ico.png) no-repeat -1200px top;}
i.places{ background: url(/en/images/apps-ico.png) no-repeat -1300px top;}
i.instagram{ background: url(/en/images/apps-ico.png) no-repeat -1400px top;}
i.imapemail{ background: url(/en/images/apps-ico.png) no-repeat -1500px top;}
i.eveconnect{ background: url(/en/images/apps-ico.png) no-repeat -1600px top;}
i.exchange{ background: url(/en/images/apps-ico.png) no-repeat -1700px top;}
i.flickr{ background: url(/en/images/apps-ico.png) no-repeat -1800px top;}
a.button.apps{
	text-transform: uppercase;
	color: #ffffff;
	background: #42a5d3;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 2px 20px;
	letter-spacing: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*.apps-Listing em{ height: 120px;}*/

@media only screen and (max-width: 768px) {
	.icon-nav i {
		/*width: 80px;*/
		/*height: 80px;*/
		/*line-height: 80px;*/
		font-size: 24px;
		/*-webkit-border-radius: 40px;
		   -moz-border-radius: 40px;
				border-radius: 40px;*/
	}
}

.theApps .tabsOfScreenshotsWrapper {
	float: left;
	width: 544px;
	margin: 0 auto;
}

.theApps .tabsOfScreenshots{
	width: 544px;
	margin: 0 auto;
}
	.theApps .tabsOfScreenshots .tabImages,
	.theApps .tabsOfScreenshots .customDropdown{ display: none;}
		.theApps .tabsOfScreenshots .customDropdown select{ font-size: 18px; width: 100%;}
	.theApps .tabsOfScreenshots .customDropdownN{ display: none;}
		.theApps .tabsOfScreenshots .customDropdownN select{ font-size: 18px; width: 100%;}
	.theApps .tabsOfScreenshots .customTabs ul li{
		float: left;
		background: #e5e5e5;
		width: 24%;
		margin-right: 1%;
		text-align: center;
		padding: 10px 0;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		cursor: pointer;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
		.theApps .tabsOfScreenshots .customTabs ul li.selected{ background: #000000; color: #FFFFFF;}
.theApps .listofFeatures{
	float: left;
	width: 536px;
	margin-left: 20px;
}
@media only screen and (max-width: 1220px) {
	.theApps .listofFeatures{ width: 40%}
}
@media only screen and (max-width: 966px) {
	.theApps .tabsOfScreenshotsWrapper{ float: none;}
	.theApps .listofFeatures{ width: 540px;  float: none; margin: 20px auto 0; }
}
@media only screen and (max-width: 580px) {
	.theApps .tabsOfScreenshots, .theApps .tabsOfScreenshotsWrapper,
	.theApps .listofFeatures{ width: 100%;}
	.theApps .tabsOfScreenshots img{ width: 100%;}
}
@media only screen and (max-width: 480px) {
	.theApps .tabsOfScreenshots .customTabs ul li{ display: none;}
	.theApps .tabsOfScreenshots .customDropdown{ display: block;}
	.theApps .tabsOfScreenshots .customDropdownN{ display: block;}
}

/* ==================== 05. Work ==================== */
.work {
	/*background: #f4f4f4;*/
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 33px;
}
.tubeMovie{
	background: #f4f4f4;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Positioning for the arrow controls for the work slider */
.work .oc-left,
.work .oc-right {
	margin-top: -65px;
}

@media only screen and (max-width: 1220px) {

	.work .oc-left,
	.work .oc-right {
		margin-top: 20px;
	}

}


/* ==================== 06. Call to action ==================== */
.cta {
	padding-top: 100px;
	padding-bottom: 100px;
}


/* ==================== 07. Services ==================== */
.services {
	background: #ffffff;
	padding-top: 80px;
	padding-bottom: 60px;
}
.services2 {
	padding: 40px 0;
}
/* .hpExtraPadding{ padding-top: 550px;} */
.hpExtraPadding{ padding-top: 30px;}

/* Service item */
.service-item {
	position: relative;
	display: block;
	text-align: center;
	background: #ffffff;
	padding-bottom: 35px;
}

.service-item h3 {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 20px;
	color: #111111;
	margin-bottom: 0;
}

.service-item .subline {
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #aaaaaa;
}

.service-item .serif {
	color: #aaaaaa;
}

.service-item hr {
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #cccccc;
	margin-bottom: 20px;
}

.service-item ul {
	margin-bottom: 25px;
}

.service-item i {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 48px;
	color: #cccccc;
	-webkit-border-radius: 40px;
	   -moz-border-radius: 40px;
			border-radius: 40px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.service-item:hover > i {
	color: #42a5d3;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.service-item:hover > a.arrow-link:before {
	color: #42a5d3;
}

/* Positioning for the arrow controls for the services slider */
.services .oc-left,
.services .oc-right {
	top: 70px;
	margin-top: 0;
}

@media only screen and (max-width: 1220px) {

	.services .oc-left,
	.services .oc-right {
		top: 100%;
		margin-top: 0;
	}

}


/* ==================== 08. Process ==================== */
.process {
	background: #222222;
	padding-top: 100px;
	padding-bottom: 100px;
}

/* Icon circles */
.icon-circle {
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

.icon-circle i {
	display: block;
	margin: 0 auto 20px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 36px;
	color: #555555;
	background: none;
	-webkit-border-radius: 40px;
	   -moz-border-radius: 40px;
			border-radius: 40px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.icon-circle:hover > i {
	font-size: 48px;
	color: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.icon-circle p {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.icon-circle:hover > p {
	color: #aaaaaa;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}


/* ==================== 09. About ==================== */
.about {
	background: #f4f4f4;
	padding-top: 100px;
	padding-bottom: 100px;
}

.bg-white {
	background: #ffffff;
}

.bg-padding {
	padding: 75px 20px;
}

/* Quote slider */
.qs-wrap p {
	color: #aaaaaa;
}

.qs-wrap {
	margin-top: 2px;
}

.qs-wrap .bx-wrapper .bx-pager {
bottom: -25px;
}

/* Styling for the pagination for the quote slider */
.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid #cccccc;
	filter: alpha(opacity=100);
	opacity: 1;
}

.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #cccccc;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Positioning for the arrow controls for the employee slider */
.about .oc-left,
.about .oc-right {
	margin-top: -50px;
}

@media only screen and (max-width: 1220px) {

	.about .oc-left,
	.about .oc-right {
		margin-top: 20px;
	}

}


/* ==================== 10. Contact ==================== */
.contact {
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 100px;
}

/* Contact form */
.c-form {
	margin-top: -15px;
	text-align: left;
}

.c-form input:not([type]),
.c-form input[type="text"],
.c-form input[type="password"],
.c-form input[type="email"],
.c-form input[type="url"],
.c-form input[type="date"],
.c-form input[type="month"],
.c-form input[type="time"],
.c-form input[type="datetime"],
.c-form input[type="datetime-local"],
.c-form input[type="week"],
.c-form input[type="number"],
.c-form input[type="search"],
.c-form input[type="tel"],
.c-form input[type="color"],
.c-form select,
.c-form textarea {
	width: 100%;
	min-height: 50px;
	padding: 10px;
	border: 2px solid #f4f4f4;
	background: #f4f4f4;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	margin-bottom: 10px;
}

.c-form textarea {
	resize: none;
	height: 150px;
	font-size: 100%;
}

/* Contact form feedback messages */
.c-message {
	text-align: left;
}

.c-message h6 {
	font-family: 'GothamBook', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0;
}

.error_message {
	text-align: left;
	color: red;
	margin-bottom: 10px;
}

/* Loader image */
.loader {
	margin-left: 10px;
}

/* Contact details */
.c-details a {
	color: #777777;
	display: inline-block;
}

.c-details a:hover,
.c-details a:hover i {
	color: #42a5d3;
}

.c-details i {
	float: left;
	width: 15px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	color: #111111;
}

.c-details span {
	display: block;
	width: auto;
	margin-bottom: 25px;
	margin-left: 30px;
}


/* ==================== 11. Footer ==================== */
/* Back to top button */
.back-top-wrap {
	text-align: center;
	height: 0;
}

.back-top {
	position: relative;
	top: -25px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #42a5d3;
	background: rgba(66,165,211,0.9);
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
	z-index: 2;
}

.back-top:hover {
	background: rgba(66,165,211,1);
}


/* Social footer */
.social-footer {
	background: #111111;
	padding-top: 75px;
	padding-bottom: 50px;
	text-align: center;
	border-bottom: 1px solid #292929;
}

/* Social icons */
.sf-icons {
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 25px;
}

.sf-icons i {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
	color: #888888;
	margin: 10px;
}

.sf-icons i:hover {
	color: #ffffff;
}

.sf-icons p {
	margin-top: 15px;
	margin-bottom: 0;
}


/* Footer */
.footer {
	background: #111111;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.footer a:hover { color:#FFFFFF;}

/* Footer promo */
.footer-promo {
	display: none;
	background: #111111;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}

.promo-control {
	position: relative;
	top: -25px;
	text-align: center;
	height: 0;
}

.promo-control a {
	padding-top: 10px;
	cursor: pointer;
	color: #333333;
}

.promo-control a:hover{
	color: #777777;
}


/* ==================== 12. 404 Page ==================== */
.fourofour {
	height: 100%;
}

.fourofour .header {
	height: 100%;
}

.error-circle {
	display: inline-block;
	margin: 0 auto;
	width: 300px;
	height: 300px;
	border-radius: 150px;
	background: #ffffff;
	padding: 25px;
}

.error-circle h1 {
	font-size: 90px;
	line-height: 1em;
	margin-top: 30px;
	margin-bottom: 15px;
}

.error-circle h5 {
	margin-bottom: 15px;
}

.error-circle hr {
	display: inline-block;
	width: 40px;
	height: 2px;
	background: #cccccc;
	margin-bottom: 10px;
}


/* ==================== 13. Responsive settings ==================== */
/* Tablet portrait - Medium */
@media only screen and (max-width: 768px) {

	.title hr {
		margin-bottom: 50px;
	}

	.bg-padding {
		padding: 50px 15px;
	}

	.intro,
	.work,
	.cta,
	.services,
	.process,
	.about,
	.contact,
	.social-footer {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.process,
	.social-footer {
		padding-top: 75px;
		padding-bottom: 50px;
	}

	.footer,
	.footer-promo {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section-slider {
		padding-top: 75px;
		padding-bottom: 100px;
	}
	/* .hpExtraPadding{ padding-top: 540px;} */
	.hpExtraPadding{ padding-top: 30px;}

	.eveconnectpage .section-slider {
		padding-top: 0px;
		padding-bottom: 100px;
	}

	.c-form {
		margin-bottom: 25px;
	}

}


/* Smartphone landscape - Small */
@media only screen and (max-width: 480px) {

	.title hr {
		margin-bottom: 25px;
	}

	.bg-padding {
		padding: 25px 10px;
	}

	.intro,
	.work,
	.cta,
	.services,
	.process,
	.about,
	.contact {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.social-footer {
		padding-top: 50px;
		padding-bottom: 25px;
	}

	.footer,
	.footer-promo {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.section-slider {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	/* .hpExtraPadding{ padding-top: 540px;} */
	/* .hpExtraPadding{ 
		padding-top: 0px;
		margin-top: -100px;
	} */

	.eveconnectpage .section-slider {
		padding-top: 0px;
		padding-bottom: 100px;
	}

	.error-circle {
		width: 220px;
		height: 220px;
		border-radius: 110px;
		padding: 15px;
	}

	.error-circle h1 {
		font-size: 60px;
		line-height: 1em;
		margin-top: 25px;
		margin-bottom: 10px;
	}

	.error-circle h5 {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.error-circle hr {
		display: inline-block;
		width: 40px;
		height: 2px;
		background: #cccccc;
		margin-bottom: 5px;
	}

}

/******************************************************************************************/
/*Kato Custom Design Code*/
/******************************************************************************************/
.GothamBook{ font-family: GothamBook, 'Open Sans', Helvetica, Arial, sans-serif;}
.katoBreakline{ border-bottom: solid 1px #CCC;}
.katoBreaklineTop{ border-top: solid 1px #CCC;}
.katoAppbox{ display: inline-block; width: 340px; margin-bottom: 40px; margin-left: 18px; margin-right: 18px; vertical-align: top;}
span.katoBigGreener{ text-transform: uppercase; color: #3c5393; font-weight: bold;}
.katoNoPadding{ padding: 0;}
.katoNoRightPadding{ padding-right: 0;}
.katoNoLeftPadding{ padding-left: 0;}
.katoTable{ display: table;}
.katoTablecell{ display: table-cell; vertical-align: middle;}
i.iconDayNight{ background: url(/images/common/iconDayNight.jpg) no-repeat;}
.fleft{ float: left;}
.fright{ float: right;}
.textcenter{ text-align: center;}
.eveGreener{ text-transform: uppercase; color: #42a5d3; font-weight: bold;}

.katoUpgradePgItem{ display: inline-block; width: 340px; height: 300px; margin-bottom: 40px; margin-left: 18px; margin-right: 18px; vertical-align: top;}
.katoUpgradePgItem p{ margin-bottom: 10px;}

#membershipPlans div.katoChartTopper{ border: solid 1px #CCC; text-align: center; width: 100%; height: 155px; border-top: none;}
#membershipPlans div.katoChartTopper h4{ font-size: 20px; font-weight: 700; margin: 10px;}
#membershipPlans div.katoChartTopper span.katoPrice,
#membershipPlans div.katoChartBottom span.katoPrice{ display: inline-block; font-size: 40px; color: #1d5fa6; font-weight: bold;}
#membershipPlans div.katoChartTopper span.katoQualifier,
#membershipPlans div.katoChartBottom span.katoQualifier{ display: inline-block; text-align: left; margin-left: 5px; font-size: 10px; line-height: 12px; color: #666;}
#membershipPlans div.katoChartTopper div.katoQualifier2,
#membershipPlans div.katoChartBottom div.katoQualifier2{ margin-top: 5px;}
#membershipPlans .katoListLeftSide div.katoChartTopper{ border-left: none;}
#membershipPlans .katoListRightSide div.katoChartTopper{ border-right: none;}

#membershipPlans div.katoChartBottom{ text-align: center; width: 100%; height: 155px; margin-bottom: 40px;}
#membershipPlans .katoListLeftSide div.katoChartBottom{ border-right: solid 1px #CCC;}
#membershipPlans .katoListRightSide div.katoChartBottom{ border-left: solid 1px #CCC;}
#membershipPlans div.katoChartBottom .katoPriceBadge{
	display: inline-block;
	width: 350px;
	height: 60px;
	margin-top: 65px;
	background: #42a5d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#membershipPlans div.katoChartBottom .katoPriceBadge.katoPblonger{ width: 450px;}
#membershipPlans div.katoChartBottom .katoPriceBadge div{ float: left; text-align: left; margin-left: 20px; color: #FFF; font-size: 14px; line-height: 1.2; text-transform: uppercase; margin-top: 12px;}
#membershipPlans div.katoChartBottom .katoPriceBadge div span.katoMemType{ font-size: 10px; color: #234015;}
#membershipPlans div.katoChartBottom .katoPriceBadge div+div{ float: right; margin-right: 20px; margin-top: 0px;}
#katoPriceDiff{ vertical-align: top; margin-top: 15px; margin-right: 5px; }
#membershipPlans div.katoChartBottom span.katoPrice{ color: #FFF; margin-top: 9px;}
#membershipPlans div.katoChartBottom span.katoQualifier{ color: #000; font-weight: bold;}

/*#membershipPlans div.katoChartBottom div.katoTimeLimit{ display: inline-block; color: #000; font-size: 12px; line-height: 1; text-align: left; width: 450px;}*/
img.katoOverlay{ position: absolute; left: 0;}

#membershipPlans .katoListLeftSide ul{ border-right: solid 1px #CCC;}
#membershipPlans .katoListRightSide ul{ border-left: solid 1px #CCC;}
#membershipPlans li,
#profileAccount li,
#profileGoogle li,
#profileTwitter li,
#profileFlickr li{
	height: 52px;
	border-bottom: solid 1px #CCC;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
}
#membershipPlans li { text-transform: none; }
#membershipPlans li.lastoneNoborder{ border-bottom: none;}

.icon-checkmark:before {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: #4DA39F;
font-size: 16px;
}
.icon-checkmark.whiteOut:before { color: #FFF;}
.fa-times{ color: red; font-size: 16px;}


span.smallerOuterbox{
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
span.smallerOuterbox.green{ background-color: #1d5fa6; color: #ffffff;}
span.smallerOuterbox.gray{ background-color: #666666; color: #ffffff;}

/*Light Boxes*/
/*a.eveCallToAction{
	background: #42a5d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/
div.katoLightbox{ 
	display: none;
	position: fixed;
	z-index: 9999; 
	width: 100%; 
	height: 100%; 
	/*text-align: center;*/
	top: 0;
	left: 0;
	background: #000;
	background: rgba(0,0,0,0.8);
}
div.katoLightbox div.canvasBox{
	margin: 80px auto;
	width: 510px;
	top: 0;
	left: 0;
	padding: 20px;
	background: #EEE;
	z-index: 101;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.katoLightbox h3{ font-size: 16px; color: #000; font-weight: bold; margin: 0; text-transform: uppercase;}
div.katoLightbox p{ font-size: 13px; color: #666; margin:0;}
div.katoLightbox a,
#logoutArea a,
#logoutArea2 a,
#logoutArea3 a,
#logoutArea4 a{ color: #3c5393; text-decoration: underline;}
div.katoLightbox form div{ float: left; margin-right: 10px;} /*20150609 SN - margin-right changed from 20 to 10 (fixes login lightbox)*/
div.katoLightbox form div:nth-child(2n){ margin-right: 0;}
div.katoLightbox form div.fulllength{ width: 100%; }
div.katoLightbox form fieldset{ border-bottom: solid 1px #CCC; padding-bottom: 20px;}
div.katoLightbox form label{ display: inline-block; font-weight: 700; text-transform: uppercase; color: #000; margin-top: 20px;}
div.katoLightbox form input,
div.katoLightbox form select{ width: 225px; height: 50px; padding: 0 10px; font-style: italic; font-size: 12px;}
div.katoLightbox form div.fileUpload{ position: absolute; display: inline; background: #666; margin-left: 20px;}
div.katoLightbox form input[type=file]{ position: absolute; opacity: 0; filter: alpha(opacity=0); top: 0; left: 0; font-size: 20px; cursor: pointer;}
div.katoLightbox form button{ margin: 20px 0; background: #42a5d3; font-size: 14px;}
div.katoLightbox form button.cancel{ background: #666; margin-left: 20px;}
div.katoLightbox .fa-lock{ font-size: 26px; vertical-align: bottom; margin-left: 5px;}

div.katoLightbox a.deleteDriver{ font-size: 14px; color: #000; margin-top: 20px; line-height: 50px;}
div.katoLightbox div.errmsg{ color: red; font-size: 10px; width: 100%; padding: 10px; background-color: #E1E1E1; line-height: 1.2;}

#profileGoogle form input,
#profileTwitter form input,
#profileInstagram form input{ width: 225px; height: 50px; padding: 0 10px; font-style: italic; font-size: 12px; margin-top: 10px;}

#katoLogin,
#taForgotPassword{ display: none;}

@media only screen and (max-width: 510px) {
	div.katoLightbox div.canvasBox{
		width: 350px;
	}
}

/* for mobile login (single page login) */
section#katoLogin,section#taForgotPassword{ margin-top: 110px;}
@media only screen and (max-width: 768px) {
	section#katoLogin,section#taForgotPassword{ margin-top: 60px;}
}
section#katoLogin{ display: block; }
section#taForgotPassword{ display: none;}
section#katoLogin label,
section#taForgotPassword label{}
section#katoLogin input,
section#taForgotPassword input{
	background-color: #f4f4f4;
	width: 100%;
	max-width: 400px;
	min-height: 50px;
	padding: 10px;
	margin-bottom: 10px;
}

/******************************************************************************************/
/*Early Access Launch Offer*/

#launchOffer{ 
	background: #f4f4f4;
	padding-bottom: 80px;
}
.launchOffer{ margin-bottom: 100px; margin-top: 70px;}
.launchOffer .fs14{ font-size: 14px;}
.launchOffer .fs34{ font-size: 34px; margin-bottom: 0; line-height: 1;}
#launchOffer .fs94{ font-size: 94px; line-height: 1; color: #000;}
#launchOffer div.katoAdBar{
	position: relative;
	background: #42a5d3;
	height: 100px;
	color: #FFF;
	line-height: 100px;
	margin-bottom: 70px;
	padding: 0;
}
#launchOffer div.katoAdBar h3{ color: #FFF; line-height: 100px; font-weight: 400; letter-spacing: 5px;}
/*#launchOffer h3.spltspc{ letter-spacing: 3px;}*/
#launchOffer div.offerBenefit{ /*float: left; */ display: inline-block; width: 258px; height: 257px;}
#launchOffer div.offerBenefit.obCircle1{ background: url(../images/earlyAccess.jpg) left top; margin-right: 110px;}
#launchOffer div.offerBenefit.obCircle2{ background: url(../images/earlyAccess.jpg) -258px top; margin-right: 110px;}
#launchOffer div.offerBenefit.obCircle3{ background: url(../images/earlyAccess.jpg) -516px top;}
#launchOffer div.lastBadge{ border-top: solid 1px #CCC; margin-top: 75px; padding-top: 40px; text-align: center;}

#launchOffer div.eveCharter ul.leftside{ border-right: solid 1px #CCCCCC;}
#launchOffer div.eveCharter li{
	border-bottom: solid 1px #CCCCCC;
	line-height: 1;
	margin-right: 60px;
	padding: 10px 0;
	color: #000000;
}
#launchOffer div.eveCharter li.noborder{ border: none;}
#launchOffer div.eveCharter li div.evePriceing2{ font-size: 30px;}
#launchOffer div.eveCharter li div.evePriceing2.cancel{ text-decoration: line-through;}
#launchOffer div.eveCharter span.eveEspen{ font-size: 22px; line-height: 2; font-style: italic; color: #777777;}
#launchOffer h5{ color: #777777;}

#notify h2{ font-size: 24px;}
form#notifyform{ text-align: center; margin-top: 10px;}
form#notifyform input{ width: 280px; margin-right: 10px; font-style: italic;}
form#notifyform input[type=checkbox]{ width: 20px;}
form#notifyform button{ display: block; margin: 0 auto; margin-top: 10px; background-color: #000000;}

/* Car Login Page */
.car-login{
	text-align: left;
	background: #e1e0e0;
}
.car-login h1{ font-size: 24px; text-transform: uppercase; font-weight: bold; margin-top: 30px;}
.car-login input{
	height: 50px;
	width: 48%;
	padding: 15px 10px;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 20px;
}
.car-login input:first-child{ margin-right: 20px;}
/*Custom Checkbox*/
div.checkCustom{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/profileCustomCheck.jpg) no-repeat left top;
	vertical-align: top;
}
span > input[type=checkbox]{ display: none;}
span > input[type=checkbox] + label{ display: inline-block; margin-top: 20px; margin-right: 40px;}
span > input[type=checkbox]:checked + label div.checkCustom{ background: url(../images/profileCustomCheck.jpg) no-repeat -20px top;}
span > input[type=checkbox]:checked:disabled + label div.checkCustom{ background: url(../images/profileCustomCheck.jpg) no-repeat -40px top;}

.nowitspc{ white-space: nowrap;}
.showErrorMessage{ color: #FFFFFF; background-color: red; text-align: left; padding:0 5px; margin-bottom: 20px; margin-right: 40px;}
button.center{ display: block; margin-left:auto; margin-right:auto; text-align: center;}
div.legalFootnote{ font-size: 9px; line-height: 1.2;}

@media only screen and (max-width: 1130px) {
	#launchOffer div.offerBenefit.obCircle1,
	#launchOffer div.offerBenefit.obCircle2{ margin-right: 50px;}
}
@media only screen and (max-width: 768px) {
	#launchOffer div.offerBenefit.obCircle1,
	#launchOffer div.offerBenefit.obCircle2{ margin-right: 0;}
	#membershipPlans .katoListLeftSide ul,
	#membershipPlans .katoListLeftSide div.katoChartBottom,
	#membershipPlans .katoListLeftSide div.katoChartTopper{ border-right: none;}
	#membershipPlans .katoListRightSide ul,
	#membershipPlans .katoListRightSide div.katoChartBottom,
	#membershipPlans .katoListRightSide div.katoChartTopper{ border-left: none;}

	#membershipPlans .katoListRightSide,
	#membershipPlans .katoListLeftSide{ padding: 0 10px;}

	#membershipPlans .katoListRightSide{ margin-top: 20px;}

	#launchOffer div.eveCharter ul.leftside{ border: none;}
	i.iconDayNight{ background-size: 80px;}

	.header-inner-2 {
		padding: 15px 0;
	}
	.header-inner-2 h1{ font-size: 40px;}
}
@media only screen and (max-width: 450px) {
	#membershipPlans li{ padding: 0;}
	.header-inner-2 { padding: 15px 0;}
	.header-inner-2 h1{ font-size: 28px;}
	.katoAppbox{ margin-right: 0; margin-left: 0;}
	.katoUpgradePgItem{ margin-right: 0; margin-left: 0;}
}


.eveAppFeatureTitle {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin-top: 30px;
}

ul.eveAppFeatureList li{
	border-top: solid 1px #e9e9e9;
	line-height: 1.2;
	padding: 20px 0;
}


.signupnowGreen{ background: #1d5fa6;}
.buttonGray{ background: #999999;}
.buttonDisable{ background: #CCCCCC;}
.buttonRed{ background: #D60303;}
.extraWide{ padding-left: 100px; padding-right: 100px;}
.spacer10{ margin-right: 10px;}
.spacer20{ margin-right: 20px;}
.notifychkUpdates { max-width: 400px;}
.GothamBook{ font-family: GothamBook, 'Open Sans', Helvetica, Arial, sans-serif;}
.GothamBold{ font-family: 'GothamHTF-Bold', 'Open Sans', Helvetica, Arial, sans-serif;}
.ucase{ text-transform: uppercase;}
.px8{ font-size: 8px !important;}
.px9{ font-size: 9px !important;}
.px10{ font-size: 10px !important;}
.px11{ font-size: 11px !important;}
.px16{ font-size: 16px !important;}
.px19{ font-size: 19px !important;}
.px22{ font-size: 22px !important;}
.px31{ font-size: 31px !important;}
.px69{ font-size: 69px !important;}
.boldem{ font-weight: bold;}
.strike{ text-decoration: line-through;}
.katoGreener{ color: #1d5fa6;}
.katoBlack{ color: #000000 !important;}
.katoRed{ color: #e90303;}


/* Relogin CSS */
.car-relogin{
	text-align: center;
	background: #e1e0e0;
	margin-top: 40px;
}
.car-relogin h1{ font-size: 24px; text-transform: uppercase; font-weight: bold; margin-top: 30px;}
.car-relogin input{
	height: 50px;
	width: 48%;
	padding: 15px 10px;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 10px;
}
.car-relogin input:first-child{ width:300px; margin-bottom: 10px; }
.car-relogin div.avatar { margin-bottom: 10px; }
.car-relogin div.driverName { font-size: 20; text-transform: uppercase;  margin-bottom: 40px; }
.car-relogin div.pleaseType { font-size: 20; color: #000000; margin-bottom: 15px; }

#stayLoggedInInstruct div.want { text-align: center; font-size: 36; color: #000000; text-transform: uppercase; margin-bottom: 30px; }
#stayLoggedInInstruct div.complete { text-align: center; font-size: 20; color: #000000; text-transform: uppercase; margin-bottom: 40px; }
#stayLoggedInInstruct div.steps { width: 800px; margin-left: 130px; font-size: 16; color: #000000; }

#stayLoggedInInstruct ol {
    list-style-type: none;
    /*list-style-type: decimal !ie; IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
#stayLoggedInInstruct ol > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 2em;
    border-left: 2px solid #CCCCCC;
}
#stayLoggedInInstruct ol > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
     
    font-size: 2em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}

.dayNightToggle { width: 120px !important; margin: 10px 0 20px 0; }
.dayNightToggle .toggle-on { text-indent: 20px !important; }
.dayNightToggle .toggle-off { text-indent: 29px !important; }

.chdevice{
	float: left;
	/*display: inline-block;*/
	width: 165px;
	height: 280px;
	margin-right: 35px;
	text-align: center;
	overflow: hidden;
}
.chdevice img{ margin-bottom: 10px;}

.chdevicetiles { float:none !important; display:inline-block; }

/*.chdevice:nth-child(4){ margin-right: 0;}*/

.addedLineSpacing{
	margin-bottom: 50px;
}
.partnerProductList>li{
	margin-bottom: 10px !important;
}
.partnerGettingStartedList>li{
	margin-bottom: 10px !important;
	list-style-type: decimal;
}
.partnerGettingStartedList>li ul{
	margin: 10px 0 0 40px;
}
.partnerGettingStartedList>li ul>li{
	margin-bottom: 10px !important;
}
.partnersLogo{
	margin-bottom: 20px;
}

.change-body-color { color: #555555; min-height: 700px; }


/* ************* START ************* */
/* Ad-Blog Widget */
.adBlog{
	position: relative;
}

/* .adBlog.hpExtraPadding{ padding-top: 680px !important;} */

/* defines a single section */
.adBlog-section{
	position: relative;
	max-width: 1300px;
	margin-bottom: 40px;
	/* padding-bottom: 20px; */
}
	.adBlog-section:after{
		/* clears the float */
		display: block;
		clear: both;
		content: "";
	}

/* for the images in each section */
.adBlog-section figure{
	display: block;
    margin-top: 30px;
    margin-bottom: 40px;
    /* margin-left: 20px; */
    margin-right: 0px;
}
	.adBlog-section figure.imageWidePage{
		float: left;
		width: 44%;
	}
	.adBlog-section figure.imageMobilePage{
		display: none;
		width: 100%;
	}
	.adBlog-section figure img{
		width: 90%;
	}

.adBlog-section h3{
	font-size: 30px !important;
	color: #1d5fa6 !important;
}

.adBlog1 .header.large{
	height: 600px !important;
}

/* Unsure of this change */
.adBlog1 .header-inner-2 {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 100%;
	max-width: 740px;
	min-width: 300px;
	text-align: center;
	z-index: 60; /* Should be 50+ because of the bxSlider */
	background-color: rgba(0,0,0,0.3);
	padding: 10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* for the content area in each section */
.adBlog-section .contentArea{
	float: left;
	width: 55%;
	/* font-size: 18px; */
	padding: 0 20px;
	margin-bottom: 40px;
}
	/* title */
	.adBlog-section .contentArea .titleArea{
		text-transform: uppercase;
	}
	/* title underline */
	.adBlog-section .contentArea .titleArea:after{
		border-bottom: 1px solid;
	    content: '';
	    display: block;
	    margin-top: 1.2em;
	    margin-bottom: 1.2em;
	    width: 40px;
	}
	/* button */
	.adBlog-section .contentArea a.buttonStyle{
		display: inline-block;
		border: solid 2px blue;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 10px;
		padding: 20px 40px;
	}

/* Unsure of this change */
.adBlog-section .btn.oversized{
	font-size: 26px;
	padding: 20px 50px;
}


@media only screen and (max-width: 600px) {
	.adBlog1 .header.large{
		height: 300px !important;
	}

	.adBlog-section .contentArea{
		width: 100%;
		float: none;
		padding: 0;
	}
	.adBlog-section .contentArea .titleArea{
		text-align: center;
	}
	.adBlog-section .contentArea .titleArea:after{
		margin: 0 auto;
	}
	.adBlog-section .contentArea .contentBody{
		margin: 0 20px;
		text-align: center;
	}
	.adBlog-section figure.imageWidePage{
		display: none;
	}
	.adBlog-section figure.imageMobilePage{
		display: block;
	}

	.adBlog p {
		font-size: 16px;
	}
	.adBlog ul {
	    list-style: none !important;
	}
	.adBlog li {
		font-size: 16px;
		padding-bottom: 5px;
	}

}
/* ************* END *************  */

.campiagnPage {
	margin: 30px 0;
}

.campiagnPage h1 {
    font-size: 40px;
    color: #1d5fa6;
    font-weight: 700;
}

.campiagnPage p {
    font-size: 20px;
    line-height: 26px;
}

.adBlog .discountCode {
    font-size: 22px !important;
    color: #1d5fa6 !important;
}

.adBlog p {
	font-size: 18px;
}
.adBlog ul {
    list-style: square outside !important;
}
.adBlog li {
	font-size: 18px;
	padding-bottom: 5px;
}

.premium-needed-alert{
	font-size: 18px;
	padding: 20px 0;
	margin-bottom: 20px;
	background-color: rgba(255, 0, 0, 0.2);
	border: solid red 1px;
}