@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
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;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;}
*{margin:0;padding:0;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;line-height:normal}
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}
.clearfix{display:inline-block}
.clear{display:block;width:100%;height:1px;background:none;clear:both;}
* html .clearfix{height:1%;}
.clearfix{display:block}
textarea, input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance:none;border-radius:0;resize:none;max-width:100%;}
p, span, a, small, blockquote, ul, li{line-height:normal;}
figure{max-width:100%;position:relative;}
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;color:#151515;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;}
p{margin-bottom:0;}
dl{margin:0 1.625em;}
dt{font-weight:bold;}
dd{margin-bottom:1.625em;}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
sup,
sub{font-size:70%;height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
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:70%;height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
a{text-decoration:none;transition:all .15s ease-in-out 0s;}
a:focus,
a:active,
a:hover{text-decoration:none;}
:focus{outline:0;}
table{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%;}
.spacer-30{display:block;width:100%;clear:both;min-height:30px;}
.spacer-20{display:block;width:100%;clear:both;min-height:20px;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;}
body { font-size:14px;color:#000;font-family: 'Source Sans Pro', sans-serif;font-weight:400;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto;}
.wrapper { max-width:980px; margin:0 auto; }


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


/*********Header Css*********/
header{ float:left; width:100%; background:#f6416c; text-align:center;  position:fixed; z-index:999999; left:0; top:0;   }
header .header_inner{float:left; width:100%; padding:0 20px; position:relative; min-height:60px;}

header ul.left_logos{ float:left; padding: 11px 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:101px; height:38px;}
ul.left_logos li.ford_logo a img{width:101px; height:38px;}
ul.left_logos li.rs_logo{ padding:0 0 0 6px;}
ul.left_logos li.rs_logo a{ width:194px; height:23px; }
ul.left_logos li.rs_logo a img{ width:194px; height:23px; }


header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:12px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:35px; height:35px; border-radius:50%; border:3px solid #fff; 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:17px; line-height:30px; color:#fff; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}


header nav{ float:left; width:100%; position:absolute; left:0; top:100%;}
nav ul{ list-style:none; float:left; width:100%;}
nav ul li{ float:left; width:50%; text-transform:uppercase;}
nav ul li a{ display:block; color:#000; background:#fff; font-family: 'ralewaymedium'; font-size:20px; line-height:48px; min-height:48px; letter-spacing:4.29px; border:1px solid #fff; padding:0 5px; }

nav ul li.active a, nav ul li.active a:hover{ background:#23b8d0; border:1px solid #23b8d0; color:#fff;  font-family: 'ralewayextrabold'; }
nav ul li a:hover{  color:#01b3a7; border:1px solid #01b3a7; font-family: 'ralewayextrabold'; }

.rs2 nav ul li.active a, .rs2 nav ul li.active a:hover{ background:#01b3a7; border:1px solid #23b8d0; color:#fff; }
.rs2 nav ul li a:hover{ color:#23b8d0; border:1px solid #23b8d0; }

/********************************************Banner Css******************************************************************/
.banner{ float:left;width:100%;height:100%;/*min-height:450px;*/ /*max-height:700px;*/ position:relative; overflow:hidden;background:#000; }

.banner figure{position:absolute; top:0;left:0; width:100%; height:100%; z-index:1; background-size:cover !important;}
.banner figure.mobile_img{ display:none;}

.banner .banner_caption{ position:absolute; width:100%; left:0; bottom:0; padding:40px 0 30px;  z-index:9999; text-align:left;background-color: rgba(0,0,0,0.3); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.001),rgba(0,0,0,0.25),rgba(0,0,0,0.45),rgba(0,0,0,0.60)); 
background: linear-gradient(top, rgba(0,0,0,0.001),rgba(0,0,0,0.25),rgba(0,0,0,0.45),rgba(0,0,0,0.60)); 
background: -o-linear-gradient(top, rgba(0,0,0,0.001),rgba(0,0,0,0.25),rgba(0,0,0,0.45),rgba(0,0,0,0.60));  
background: -moz-linear-gradient(top, rgba(0,0,0,0.001),rgba(0,0,0,0.25),rgba(0,0,0,0.45),rgba(0,0,0,0.60));}
.banner_caption .caption_cont{ display:block; position:relative; max-width:670px; text-align:center; margin:0 auto; }
.rs2 .banner_caption .caption_cont{ max-width:570px;}


.caption_cont h1{ font-family: 'ralewayblack'; font-size:45px; line-height:49px; color:#fff;  text-transform:uppercase; padding:0 0 5px; }
.caption_cont h1 span{ font-family: 'ralewaymedium'; font-size:45px; line-height:49px; color:#fff;  }
.caption_cont p{font-family: 'ralewaymedium'; font-size:22px; line-height:32px;  color:#fff; }


.bodycontent{float:left;width:100%;min-height:400px; background:#fff;}


.video_sec{ float:left; width:100%; padding:50px 0 90px;}
.video_sec figure{ position:absolute; width:100%; height:100%; background-size:cover !important; left:0; top:0;}
.video_sec a{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:999; background:url(../images/play_btn.png) no-repeat center center; background-size:154px;}


.content{ display:block; margin:0 auto 35px; max-width:680px; width:100%; position:relative; z-index:99;}
.content.wider{ max-width:980px;}

.content > p{ font-family: 'ralewayregular'; font-size:22px; line-height:36px; color:#000; padding:0 0 30px; }
.content > p span.first_letter{font-family: 'ralewaybold'; font-size:120px; line-height:120px; color: #23b8d0; float: left; margin:0 0 -15px; padding: 0 14px 0 0;}
.rs2 .content > p span.first_letter{ color: #01b3a6;}
.mac-os .content > p span.first_letter{ margin:-15px 0 -15px;}



.content figure.right{ float:right; width:589px; max-width:100%; margin:33px -110px 0 54px; }
.content figure.right.mobile_img{ display:none;}
.content figure.right img{ vertical-align:top;}
.rs2 .content figure.right{ margin:10px -110px 0 54px;}


.row_container{ float:left; width:100%; margin:0 0 70px;}
.row_container .row{ float:left; width:100%; position:relative;}
.row figure{ float:left; width:561px; max-width:100%; margin:0 0 0 -110px;}
.row figure.mobile_img{ display:none; }
.row figure img{ vertical-align:top;}

.row .content_box{ float:right; width:477px; /*max-width:50%;*/ background:#fff; z-index:99; margin:34px 0 0;}
.row .content_box blockquote{ font-family: 'ralewaybold_italic'; font-style:normal; font-size:28px; line-height:42px; color:#23b8d0; margin:0; padding:0;}
.rs2 .row .content_box blockquote{ color:#01b3a6;}

.row .content_box .content_cols{ float:left; width:100%; margin:50px 0 0; }
.row .content_box .content_cols .col{float:left; width:50%; text-align:center; background:#23b8d0; padding:27px 15px 15px; min-height:301px; }
.rs2 .row .content_box .content_cols .col{ padding:27px 5px 15px; background:#01b3a6;}
.row .content_box .content_cols .col.right_col{ background:#e6f7f9;}
.row .content_box .content_cols .col h3{ font-family: 'gotham_boldregular'; font-size:26px; line-height:26px; padding:0 0 15px; color:#fff; text-transform:uppercase; }
.row .content_box .content_cols .col.right_col h3{ color:#000;}
.row .content_box .content_cols .col p{ font-family: 'gotham_bookregular'; font-size:18px; line-height:24px; color:#fff; padding:0 0 15px;}
.row .content_box .content_cols .col.right_col p{ color:#000;}
.row .content_box .content_cols .col span.source{ font-family: 'gotham_bookregular'; font-size:12px; line-height:14px; color:#fff;}
.row .content_box .content_cols .col.right_col span.source{ color:#000;}


.slider_container{ float:left; width:100%; background:#fff; margin:0 0 70px; text-align:center;}
.img_slider{float:left; /*width:calc(100% + 110px); margin:0 -110px 0 0;*/ width:100%;}
.img_slider .img_slide{ float:left; width:100%; position:relative; /*margin:0 12px;*/ }
.img_slider .img_slide .inner_slide{ float:left; width:100%; padding:0 12px; }
.img_slide figure{ float:left; width:100%; /*min-height:628px;*/ min-height:90vh; background-size:contain !important; }

.slider_container .slider-nav{ display:inline-block; clear:both; margin:14px 0 0; position:relative;}

.slider-nav .slick-prev{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/left_arr.png) no-repeat center center; width:21px; height:17px; margin:auto 0 ;left:-30px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:cover !important; border:none; }
.slider-nav .slick-next{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/right_arr.png) no-repeat center center; width:21px; height:17px; margin:auto 0; right:-30px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:cover !important; border:none;}

.slider-nav ul{ display:block; padding:8px 0 0;}
.slider-nav ul li{ display:inline-block; height: 11px; margin: 0; padding: 0 5px; vertical-align: top; width: auto;}
.slider-nav ul li button{ background: #c9c9c9; border:none; border-radius: 50%; display: block; height: 11px; padding:0; text-indent:-9999px; width:11px; cursor:pointer;}
.slider-nav ul li.slick-active button { background: #01accb;}
.rs2 .slider-nav ul li.slick-active button { background: #01b3a6;}


.block_container{ float:left; width:100%; margin:0 0 60px;}
.block_container .bottom_blocks{ float:left; width:100%; }
.bottom_blocks .block_box{ float:left; width: calc(50% - 40px); position:relative; box-shadow:0 0 3px rgba(0,0,0,0.5);}
.bottom_blocks .block_box:first-child{ margin:0 74px 0 3px;}

.bottom_blocks .block_box .img_box{ display:block; float:left;  width:100%; min-height:334px; position:relative; overflow:hidden; }
.bottom_blocks .block_box .img_box img.rs_logo{ width:148px; position:absolute; left:20px; top:15px; z-index:99;}
.bottom_blocks .block_box .img_box img.time_logo{ width:96px; position:absolute; left:20px; top:15px; z-index:99;}
.bottom_blocks .block_box figure{ display:block; float:left;  width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
.bottom_blocks .block_box:hover figure{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}

.bottom_blocks .block_box .heading_text{float:left;  width:100%; height:80px; position:relative; display:table;}
.bottom_blocks .block_box h3{font-family: 'ralewaybold'; font-size:28px; line-height:34px; letter-spacing:-0.21px; color:#403f40; padding:19px 30px 0 30px;  display:table-cell; vertical-align:top; text-transform:uppercase; }
.bottom_blocks .block_box a{ position:absolute; width:100%; height:100%; z-index:999; top:0; left:0;}



.knotch_sec{ float:left; width:100%; margin:0 0 70px; }
.knotch_sec .knotch{ display:block; margin:0 auto; width:688px; max-width:100%; min-height:260px;}
.knotch_sec .knotch img{ vertical-align:top;}





/********************************************Footer Css******************************************************************/
footer{ float:left; width:100%; background:#fff; padding:20px 0; text-align:center; }
footer a.footer_logo{ display:inline-block;}
a.footer_logo img{ vertical-align:top; width:166px;}
footer ul{ list-style:none; padding:12px 0 0; }
footer ul li{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-size:12px; line-height:16px; font-weight:600; color:#fff; padding:0 5px 0 8px; background:url(../images/link_sep.png) no-repeat left center; }
footer ul li:first-child{ background:none; }
footer ul li a{ display:block; color:#000;} 
footer ul li a:hover,footer ul li a:focus{ color:#888888;}
footer ul li a.ad_choices img{ vertical-align:middle; margin-left:3px; transition:all .15s ease-in-out 0s;}
footer ul li a.ad_choices:hover img,footer ul li a.ad_choices:focus img{ opacity:0.5;}


.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 *******/
/*Eliminates padding, centers the thumbnail */
/* 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%; }

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.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, adds the slide down transition */
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 */ }