@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i');
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; }


/*********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.people_logo{ padding:0 0 0 8px;}
ul.left_logos li.people_logo a{ width:68px;  }

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_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: 35px auto 0; z-index: 989; }
.banner .top_logo {  display: block;  margin: auto;    width: 115px;} 


.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:300px; margin:0 auto;}


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

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

.content_part > p{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; font-size:19px; line-height:24px; padding:0 0 18px; color:#000; }
.content_part.first > p:first-of-type:first-letter{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; float:left; font-size:119px; line-height: 78px; padding:0 13px 0 0; margin:9px 0 0; color:#eb1b9d; letter-spacing:0.26px; vertical-align: top; }
.content_part > p a:hover{ text-decoration:underline;}

.content_part > blockquote{ font-family: 'Lato', sans-serif; font-weight:300; font-style:italic; color:#eb1b9d; font-size:28px; line-height:34px; margin:32px auto 28px; padding:23px 0 33px; max-width:525px; position:relative; text-align:center; }
.content_part > blockquote:before{ content:""; width:200px; height:5px; position:absolute; top:0; left:50%; margin:0 0 0 -100px; background:#eb1b9d; }
.content_part > blockquote:after{ content:""; width:200px; height:5px; position:absolute; bottom:0; left:50%; margin:0 0 0 -100px; background:#eb1b9d;}

.content_part > figure{ float:left; margin:10px 26px 15px -150px; max-width:364px;}
.content_part > figure.right{ float:right; margin:10px -150px 15px 26px; max-width: 400px; }
.content_part > figure .img_caption{ display:block; width:100%; font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; line-height:19px; color:#000; text-align:center; padding:9px 0 0; }

.content_part > .side_block{ float:left; margin:10px 40px 15px -150px; width:300px; max-width:100%; min-height:250px; border:1px solid #eb1b9d; position:relative; padding:25px 20px 40px 25px; }
.content_part > .side_block.right{ float:right; margin:10px -150px 15px 40px;}

.content_part > .side_block span.source{ display:block; width:100%; position:absolute; bottom:23px; left:0; font-family: 'Lato', sans-serif; font-weight:300; font-style:italic; font-size:10px; line-height:11px; color:#000; padding:0 30px 0 30px; }

.content_part > .side_block p{ font-family: 'Lato', sans-serif; font-weight:300; color:#000;}
.content_part > .side_block p span{font-weight:700; color:#eb1b9d; display:block;}

.content_part > .side_block1 p{ font-size:27px; line-height:28px;}
.content_part > .side_block1 .stronger{ font-size:44px; line-height:38px; }
.content_part > .side_block1 .strong{ font-size:30px; line-height:28px; }

.content_part > .side_block2 p{ font-size:20px; line-height:23px;}
.content_part > .side_block2 .strong{ font-size:30px; line-height:26px; }

.content_part > .side_block3 p{ font-size:23px; line-height:25px;}
.content_part > .side_block3 .strong{ font-size:45px; line-height:45px;  }



.slider_bar{ float:left; width:100%; min-height:282px; background:#eb1b9d; margin:70px 0 95px;}
.slider_bar .text_part{ float:left; width:calc(100% - 542px); padding:35px 15px 15px 0;}
.text_part h3{font-family: 'Lato', sans-serif; font-weight:700; font-size:30px; line-height:28px; color:#fff; letter-spacing:1.5px; text-transform:uppercase; }
.text_part p{font-family: 'Lato', sans-serif; font-weight:700; font-size:20px; line-height:24px; color:#fff; max-width:330px; }

.slider_container{ float:right; width:542px; border:4px solid #eb1b9d; background:#fff; min-height:297px; margin:36px 0 -51px; padding:27px 60px 0;}
.slider_container .tip_slider{ float:left; width:100%;}
.tip_slider .tip_slide{ float:left; width:100%; text-align:center;}
.tip_slider .tip_slide h3{ font-family: 'Lato', sans-serif; font-weight:700; font-style:italic; font-size:40px; line-height:42px; letter-spacing:1.5px; text-transform:uppercase; color:#000; display:inline-block; border-bottom:4px solid #eb1b9d; margin:0 0 25px;}
.tip_slider .tip_slide p{ font-family: 'Lato', sans-serif; font-weight:300; font-size:20px; line-height:24px; color:#000; max-width:400px; margin:0 auto;}


.tip_slider .slick-prev{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/left_arr.png) no-repeat center center; width:14px; height:21px; left:-14px; top:18px; bottom:auto; z-index:999; cursor:pointer; background-size:14px; border:none; font-size:0; }
.tip_slider .slick-prev:before{ content:"";}
.tip_slider .slick-next{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/right_arr.png) no-repeat center center; width:14px; height:21px; right:-14px; top:18px; bottom:auto; z-index:999; cursor:pointer; background-size:14px; border:none; font-size:0; }
.tip_slider .slick-next:before {content:"";}


.tip_slider .slick-dots { padding:0; text-align:center; margin-top:45px; }
.tip_slider .slick-dots li { display:inline-block;  height: 10px; margin: 0; padding: 0 5px; vertical-align: top; width: auto; }
.tip_slider .slick-dots li button {  background: #fff; border: medium none; border-radius: 50%; display: block; height: 10px; padding: 0; text-indent: -9999px; width: 10px;  cursor:pointer; box-shadow:0 0 2px rgba(0,0,0,0.65); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.65); -moz-box-shadow:0 0 2px rgba(0,0,0,0.65);}
.tip_slider .slick-dots li.slick-active button { background: #eb1b9d;}
.tip_slider .slick-dots li button::before { display: none; }


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;}

.knotch_5ba40b573fb78fba4df96592{

	max-width:1200px;
	margin:150px auto;
}

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