@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i|Lato:300,400|PT+Serif');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table,
th,
td { border: none }

table { 
 	border-collapse: separate;  
	border-spacing: 0;  	
	border-width: 1px 0 0 1px;  	
	margin: 0 0 1.6em;  	
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */  	
	width: 100%;  }

caption,  th,  td {	font-weight: normal; text-align: left; }

th {  	border-width: 0 1px 1px 0;
 	font-weight: 700;
 }

td {  	border-width: 0 1px 1px 0;  }

th, td {  	padding: 0.4em;  }

th {
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 28px;
 }

/* =Global----------------------------------------------- */

* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

input { border: 0; outline: none }

img { border: none; outline: none; max-width: 100%; height: auto }

ul, ul li { list-style: none;}

ol, ol li { list-style: decimal;}

input[type="submit"], input[type="button"] { cursor: pointer }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

* html .clearfix { height:1%;}

.clearfix { display: block }
.clear{display:block;width:100%;height:1px;background:none;clear:both;}

p, span, a, small, blockquote, ul, li {line-height: normal;}

figure { max-width: 100% }

blockquote, q {quotes:"" ""; font-size:26px; font-style:italic; line-height:1; color:#000; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}

a { text-decoration: none; color:inherit; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }

h1 { font-size:34px;line-height:36px;}
h2 { font-size:30px;line-height:32px;}
h3 { font-size:24px;line-height:28px;}
h4 { font-size:20px;line-height:24px;}
h5 { font-size:18px;line-height:20px;}
h6 { font-size:16px;line-height:18px;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */

p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }

dl {	margin: 0 1.625em; }

dt { 	font-weight: bold; }

dd {	margin-bottom: 1.625em; }

strong {	font-weight: bold; }

cite, em, i {	font-style: italic; }

blockquote { 	font-style: italic;	font-weight: normal; margin: 0 1em; }

blockquote em, blockquote i, blockquote cite { 	font-style: normal; }

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q {	quotes: "" ""; }

a img {	border: 0; }

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {	bottom: 1ex; }

sub {	top: .5ex; }

/* Links */

a { color: #eb1b9d; text-decoration: none; }

a:focus,
a:active,
a:hover { text-decoration: none; }

:focus {/* remember to define focus styles! */
	outline: 0; }

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {font-weight: normal;text-align: left;vertical-align:top;}

th,td{color: #000;
font-size: 16px;
line-height: 19px;
text-align: left;}

table img{ margin:0 !important; width:100%;}

/* Reset CSS ENDS HERE */

html { -webkit-font-smoothing: antialiased; height:100%;}

body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#151515;-webkit-font-smoothing: antialiased; overflow-x: hidden; height:100%; }

.wrapper { max-width:950px; margin:0 auto; padding:0 15px; }

#siteloader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #151515 url(../images/spin.gif) center center no-repeat; background-size: 80px auto; z-index: 999999; }

/* layout */
#layout { float:left; width: 100%; height:100%; padding:42px 0 0; position:relative; background:#fff; }

.knotch_5bb254fc35f4291d5a0cdccf {
    max-width: 1200px;
    margin: 100px auto 200px;
}

/*********Header Css*********/
header{ float:left; width:100%; background:#fff; text-align:center;  position:fixed; z-index:999999; left:0; top:0;   }
header .header_inner{float:left; width:100%; padding:0 20px; border-top:4px solid #bce2f1; position:relative; min-height:60px; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:9;}

header a.logo{ display:inline-block;margin:0; padding:0; width:108px; float:left; margin:10px 0 0;}
header a.logo img{ vertical-align:top;}

header ul.left_logos{ float:left; padding: 15px 0 0 0;}
ul.left_logos li{ display:inline-block; vertical-align:middle;}
ul.left_logos li a{ display:inline-block; vertical-align:top;}
ul.left_logos li a img{vertical-align:top;}
ul.left_logos li.ford_logo{ background:url(../images/plus_icon.png) no-repeat right center; background-size:10px; padding:0 19px 0 0; }
ul.left_logos li.ford_logo a{ width:69px; }
ul.left_logos li.fortune_logo{ padding:0 0 0 8px;}
ul.left_logos li.fortune_logo a{ width:80px;  }

header .paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:15px; line-height:20px; font-weight:600; background:#bce2f1; padding:3px 13px 6px 13px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); text-decoration:none;}
.paid_logo i{ padding:0 0 0 5px; font-size:13px; }

header .show_text{ float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:13px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:12px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #000; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header ul.social_icon li a i{ font-size:15px; line-height:26px; color:#000; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}
/*********Header Css*********/



/********************************************Banner Css******************************************************************/
.banner{ float:left; width:100%; height: calc(100vh - 60px); min-height: 634px; position:relative; background:#000; }
.banner .btn { display: inline-block; margin: 40px 0 0; position: relative; background: #05d5f9; padding: 10px 55px 10px 15px; line-height: 34px; color: #fff; font-size: 16px; text-transform: uppercase;  font-family: 'proxima_novabold'; letter-spacing: 0.18em; transition: all 0.3s; -webkit-transition: all 0.3s; }
.banner .btn:hover { background: #66e8ff; }
.banner .btn .fa-play-circle { position: absolute; top: 50%; line-height: 40px; margin-top: -20px; right: 15px; font-size: 34px; }
.banner_img{ background-size:cover !important; float:right; width:50%; height:100%; }
.banner_caption{ float:left; width:50%; height:100%; text-align:center; position:relative; }
.banner .bottom_btn { background: url("../images/bottom-arrow.png") no-repeat center top; background-size: 22px; display: block; padding: 0; width: 22px; height: 24px; margin: 25px auto 0; z-index: 989; }
.banner .top_logo { width: 115px; margin: auto; display: block; }


.caption_cont{ position:absolute; display:block; width:100%; max-width:510px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.caption_cont img{ vertical-align:top; margin:0 0 30px;}
.caption_cont h3{ font-family: 'Lato', sans-serif; font-weight:300; font-size:76px; line-height:70px; color:#fff; text-transform:uppercase;  padding:0; margin:0 0 20px }
.caption_cont p{ font-family: 'Lato', sans-serif; font-weight:400; font-size:22px; line-height:28px; color:#fff; letter-spacing:0.11px; padding:0; max-width:400px; margin:0 auto; padding-left: 10px; padding-right: 10px; }


/********************************************Bodycontent Css******************************************************************/
.bodycontent{float:left; width:100%; position:relative; background:#fff; z-index:999; padding:50px 0 150px; }

.content_part{ display:block; width:620px; max-width:100%; margin:0 auto; }

.content_part > p{ font-family: 'PT Serif', serif; font-weight:400; font-size:18px; line-height:24px; padding:0 0 22px; color:#000; }
.content_part.first > p:first-of-type:first-letter{ font-family: 'Fira Sans', sans-serif; font-weight:300; float:left; font-size:118px; line-height:82px; padding:0 13px 0 0; margin:9px 0 0; color:#06d5fa; letter-spacing:0.26px; }
.content_part > p a:hover{ text-decoration:underline;}

.content_part > blockquote{ margin:20px auto 25px; text-align:center; padding:0; }
.content_part > blockquote p{ position:relative; font-family: 'Fira Sans', sans-serif; font-weight:300; font-style:italic; color:#06d5fa; font-size:34px; line-height:35px;  padding:115px 0 70px;}
.content_part > blockquote p strong{ font-weight:400;}
.content_part > blockquote p:before{ content:'“'; font-family: 'Fira Sans', sans-serif; font-weight:400; font-size:250px; line-height:250px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); color:#06d5fa; margin:0 0 0 -15px; }

.content_part > blockquote.right{float:right; text-align:left; max-width:270px; margin:20px 0 35px;}
.content_part > blockquote.right p { padding-bottom: 40px; }
.content_part > blockquote.right:after { width: 200px; content: ''; display: block; height: 5px; background: #06d5fa; }
.content_part > blockquote.right_most{float:right; text-align:left; max-width:300px; margin:0 -150px 15px 48px;}
.content_part > blockquote.right_most p { padding-bottom: 40px; }
.content_part > blockquote.right_most:after { width: 200px; content: ''; display: block; height: 5px; background: #06d5fa; }
.content_part > blockquote.center{margin:20px -60px 35px -60px;}
.content_part > blockquote.center p { padding-bottom: 40px; }
.content_part > blockquote.center:after { width: 200px; margin: 0 auto; content: ''; display: block; height: 5px; background: #06d5fa; }


.content_part > figure{ float:left; margin:15px 26px 15px -150px; max-width:454px;}
.content_part > figure.right{ float:right; margin:15px -150px 15px 26px;}
.content_part > figure.align_center{ float:none; margin:15px auto 15px; max-width: 100%; text-align:center; }




footer{ float:left; width:100%; box-shadow:0 0 5px rgba(0,0,0,0.20); background:#fff; position:absolute; left:0; top:100%; z-index:999; /*display:none;*/ }
body.fixed footer{position:fixed; left:0; bottom:0; top:auto; }
footer ul{ list-style:none; text-align:center; padding:10px 0; display:block;}
footer ul li{ list-style:none; display:inline-block; width:325px; border-left:2px solid #e6e6e6; position:relative; padding:0 0 0 20px;}
footer ul li:first-child{ border:none;}
footer ul li figure{ float:left; /*width:135px;*/ width:120px;}
footer ul li figure img{ vertical-align:top; width:100%; }
footer ul li .cont{ display:block; width:calc(100% - 140px); position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:0 15px 0 15px;}
footer ul li .cont h3{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:10px; line-height:11px; color:rgba(0,0,0,0.40); text-align:left; }
footer ul li .cont p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:14px; color:#000; text-align:left;}
footer ul li .cont span.paid_cont{ font-family: 'din_mediumregular'; font-size:10px; line-height:12px; background:#bce2f1; color:#000; width:92px; display:block; vertical-align:top; text-transform:uppercase; padding:2px 0 3px; margin:0 0 10px; }
footer ul li a { color: inherit; text-decoration: none; }

footer ul li.col-1 { display: inline-block; }
footer ul li.col-2 { display: inline-block; }
footer ul li.col-3 { display: none; }
footer ul li.col-4 { display: none; }
footer ul li.col-5 { display: none; }

footer ul.style2 li.col-3 { display: inline-block; }
footer ul.style2 li.col-4 { display: inline-block; }
footer ul.style2 li.col-1 { display: none; }
footer ul.style2 li.col-2 { display: none; }


footer ul.style3 li.col-5 { display: inline-block; }
footer ul.style3 li.col-2 { display: inline-block; }
footer ul.style3 li.col-1 { display: none; }


a#back_to_top{ font-family: 'Lato', sans-serif; font-weight:400; padding: 37px 0 0 26px; width:119px; height:110px; position: fixed; bottom: 200px; right: 58px; display: none;  z-index: 9999; cursor: pointer; background:rgba(255,255,255,0.5); color:#000; font-size:14px; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,0.30); text-transform:uppercase; }
a#back_to_top .arrow{ width:10px; float:left; margin:0 5px 0 0;}



.v_box { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: none;}
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

/******* CSS LIGHTBOX *******/
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.vid_box {
    position: fixed;
    top: 100%;
    background: rgba(0, 0, 0, .75);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding:2.5vh 2.5% 0;
}

.vid_box_inner { display: block; width: 100%; position: relative; max-width: 100%; }

.vid_box video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


/* Styles the close link */
a.vid-close {
    /*border-radius:50%; border:2px solid #fff;*/
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: none;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -60px;
    right: 3px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


/* Provides part of the "X" to eliminate an image from the close link */
a.vid-close:before {
    content: "";
    display: block;
    height: 40px;
    width: 4px;
    background: white;
    position: absolute;
    left: 17px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
a.vid-close:after {
    content: "";
    display: block;
    height: 40px;
    width: 4px;
    background: white;
    position: absolute;
    left: 17px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.vid_box.active { opacity: 1;  top: 0; bottom: 0; }
.vid_box.active .v_box { padding-bottom:0; height:95vh; }
.vid_box.active .video-js{ background:#000;}
.vid_box.active video { max-height: 100%;  max-width: 100%; }
.vid_box.active a.vid-close { top: 3px;}




html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }