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; -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 }
.clearfix { display: inline-block }
* html .clearfix { height:1%;}
.clearfix { display: block }
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; color:#151747; 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;
font-size:22px; line-height:35px; font-weight:300; color:#555354;
}
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;
}
a {
color: #f195bf;
text-decoration: none;
}
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%;}
html { -webkit-font-smoothing: antialiased; height:100%;}
body { font-size:14px; color:#000; font-family:"Open Sans",sans-serif; background:#fff;-webkit-font-smoothing: antialiased;height:100%; overflow-x: hidden;}
.wrapper { max-width:1165px; margin:0 auto; }
#layout { float:left; width: 100%; height:100%; position:relative; }
header{ float:left; width:100%; background:#000; text-align:center; padding:0 20px; position:fixed; z-index:99998; left:0; top:0; min-height:67px; }
header a.logo{ display:inline-block;margin:0; padding:0; width:182px; float:left; margin:22px 0 0;}
header a.logo img{ vertical-align:top;}
header .paid_logo{ display:inline-block;width:auto; margin:26px -65px 0 -152px;vertical-align:top; font-size:12px; color:#fefefe; font-weight:500; text-transform:uppercase ; letter-spacing:0.03em}
header .paid_logo i{ border: 1px solid #8e8e8c;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 7px;
height: 13px;
line-height: 11px;
margin-left: 8px;
position: relative;
top: -2px;
vertical-align: middle;
width: 13px;
}
a.paid_logo img{ vertical-align:top; width:163px;}
header .show_text{ display:none; position:absolute; left:0; bottom:5px; width:100%; font-size:12px; line-height:15px; color:#fff; text-transform:uppercase; text-align:center; }
header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:15px;}
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:31px; height:31px; border-radius:50%; border:2px 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:14px; line-height:28px; color:#fff; }
header ul.social_icon li a:hover{opacity:0.7;}
.banner {
float: left;
height: 500px;
margin-top: 66px;
min-height: 500px;
overflow: hidden;
position: relative;
width: 100%;
}
.banner video { position:absolute; top:50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-65%); -ms-transform:translate(-50%,-50%);}
.banner .top_banner{float:left; width:100%;height:100%; background-size:cover !important; position:absolute; background-position: center center!important; min-width: 100%; min-height: 100%; }
.banner_caption{ float:left; width:100%; position:absolute; z-index:9999; text-align:center; padding:80px 0 55px; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); background: rgba(0,0,0,0.3); height:500px }
.banner_caption h3{font-family:"Roboto Slab",serif ; font-size:88px; line-height:80px; font-weight:500; color:#fff;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; text-transform:uppercase; padding:0 0 15px; }
.banner_caption h3 span{ display:block; line-height:80px; color:#88b3da;}
.banner_caption p{ font-weight:400; font-size:19px; line-height:26px; color:#fff; padding:0 220px 50px; letter-spacing:1px;}
.banner_caption span.create{ display:block; font-weight:400; font-size:15px; line-height:20px; color:#fff; letter-spacing:2px; text-transform:uppercase; padding:0 0 36px; }
a.scroll_for_more{position:absolute; left:0; right:0; bottom:0; z-index:99999; text-align:center; display:inline-block; width:25px; color:#fff; margin:0 auto 0; padding:0;}
.paid_content{ color:#fff; text-transform:uppercase; letter-spacing:1px; font-size: 13px; }
.kia {
background: rgba(0, 0, 0, 0) url("../images/kia-logo-stb.svg") no-repeat scroll 0 -15px;
display: block;
height: 74px;
margin: 0 auto;
width: 146px;
}
.bodycontent{float:left; width:100%; position:relative; }
.content-bar { padding-top: 30px; width:100%; float: left; text-align: center; }
.content-bar span { margin-bottom: 10px; color: #597d80; font-size: 17px; display: block; }
.content-bar p {
margin: 25px auto;
max-width: 1080px;
}
.video_list{ padding:30px 0 85px; float:left; width:100%; text-align: center; }
.video_list ul{ list-style:none}
.video_list li{ width:49%; padding:0 10px 40px; position:relative; display: inline-block; vertical-align: top; }
.video_list p { margin-bottom: 15px; font-size: 18px; line-height: 30px; padding: 0 20px; }
.video_list li .play_btn{ position:absolute; width:67px; height:67px; background:url(../images/video-play-btn.svg) no-repeat 0 0; display:inline-block; top:50%; left:50% ; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
.video_list li .play_btn:hover{ background:url(../images/video-play-btn-hover.svg) no-repeat 0 0}
.video_list li .video_box{ float:left; width:100%; position:relative; margin-bottom: 18px}
.video_list li .video_box img{ width:100%}
.video_list li span{ text-transform:uppercase; font-size:15px; color:#597d80; display:block; padding:0 0 ; font-weight:400; text-align:center; letter-spacing:2px}
.video_list li h3{ text-transform: none; font-size:32px; line-height:42px; color:#323E49; font-weight:500; text-align:center; padding:12px 0}
.social{ float: left; width:100%; }
.social { float:left; width:100%; text-align:center; list-style:none; margin:0px; padding:0px}
.social li{ float:none; display: inline-block; padding: 0 2px; width:auto !important; }
.social li a{ color:#b5b9ba; width:24px; height:24px; border-radius:50%; border: solid 2px #b3b9b9; display:inline-block}
.social li a:hover{ background:#4e71a8; border: solid 2px #4e71a8}
.social li i{ line-height:20px}
.social li a:hover i{ color:#fff}
.social li + li a:hover{ background:#00c3fb ;border: solid 2px #00c3fb}
.women_irl{ background:#f7f6f4; padding:60px 0 57px; font-size:22px; line-height:28px; color:#555354; text-align:center; float:left; width:100%; }
.women_irl p{font-weight:500; line-height: 32px; font-size: 18px; }
.women_irl_details{ float:left; width:100%; position:relative; text-align:center}
.women_irl_details .wome_btn{ background:url(../images/womenirl-logo.webp) no-repeat 0 0; border-radius:10px; padding:20px 0; width:165px; display:inline-block; color:#151410; margin:0 auto; position:absolute; top:-92px; margin:0 auto; left:0px; right:0px ;height: 60px;}
.women_irl_details .wome_btn:hover{ opacity:0.7}
.women_irl_details ul.link{ float:none; display:inline-block; padding-bottom:25px; padding-top:0px}
.women_irl_details ul.link li{ float:none; display: inline; text-transform:uppercase; margin: 0 10px; font-size:19px; line-height:23px}
.women_irl_details ul.link li.twitter a{ background:url(../images/twitter-color.svg) no-repeat 0 0; padding: 0 0 0 40px; color:#ee5073}
.women_irl_details ul.link li.instagram{text-transform:none}
.women_irl_details ul.link li.instagram a{ background:url(../images/instagram-color.svg) no-repeat 0 0; padding: 0 0 0 40px; text-transform:none ;color:#ee5073}
.women_irl_details .read_more{ background:#fba294; font-size:16px; line-height:20px; color:#fff; font-weight:500; display:inline-block; border-radius:3px; padding:12px 22px; text-transform:uppercase; margin-top:34px ;transition:all 0.3s ease-in-out 0s ; -webkit-transition:all 0.3s ease-in-out 0s; letter-spacing:1px}
.women_irl_details .read_more:hover{ box-shadow: inset 0 -60px rgba(240,80,116,0.9)}
.women_irl_details ul.link li a:hover{ opacity:0.7}
.model_box{ width:1115px; max-width:100%; position:relative; float:left; display:none;}
.model_box .play_btn{background:url(../images/video-play-btn.svg) no-repeat 0 0; position:absolute; top:34%; left:0px; right:0px; width:110px; height:110px;
background-size:100%; margin:0 auto; background-position: center center}
.model_box .play_btn:hover{background:url(../images/video-play-btn-hover.svg) no-repeat 0 0 ;width:110px; height:110px; background-size:100%; background-position: center center}
.model_box_details{ float:left; width:100%; padding:20px 0 0 0; }
.model_box_details .left_col{ float:left; width:85%; }
.model_box_details p { float: left; color: #fff; font-size: 19px; line-height: 30px; }
.model_box_details .left_col h4{padding-bottom: 12px; font-size:13px; line-height:18px; color:#ed9b8f; font-size:16px; line-height:21px}
.model_box_details .left_col h5{ color:#ffffff; font-size:35px; line-height:40px; font-weight:500}
.model_box_details .right_col{ float:right; width: auto}
ul.social.box li a{ color:#fff; border: solid 1px #fff; width:35px; height:35px}
ul.social.box li a i{ font-size:20px; line-height:33px}
footer{ float:left; width:100%; background:#000000; padding:15px 15px;}
footer ul{ float:left; width:100%; text-align:center; list-style:none; margin:0px; padding:0px}
footer ul li{ float:none; display:inline-block; font-weight:400; margin: 0 10px; position:relative}
footer ul li:after{ width:2px; height:14px; background:#fff; position:absolute; left:-12px; top:3px; content:''}
footer ul li a{ color:#fff}
footer ul li a:hover{ color:#f15e7b}
footer ul li:first-child:after{ display:none}
html { -webkit-text-size-adjust: 100%; }