@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100,100italic);
* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { width: 100%; height: 100%; font-size: 18px; color: #000; background: #fff; font-weight: 300; font-family: 'Roboto', sans-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; vertical-align: baseline; }

*::-webkit-input-placeholder{opacity:1;color: #333; } 
*::-moz-placeholder{opacity:1;color: #333; } 
*:-ms-input-placeholder{opacity:1;color: #333; }

button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }
:focus,input:focus, textarea:focus { outline: none; }

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

/* common */
h1, h2, h3, h4, h5, h6 { font-weight: normal;  }
a { text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
p { padding: 0 0 23px 0; font-size: 18px; line-height: 27px; }

/* wrapper */
#wrapper {  width: 100%;  height: 100%; position: relative; padding-top: 62px; }
.centering { max-width: 1000px; padding: 0 15px; margin: auto; position: relative; }

/* header-part */
header { width: 100%; padding: 13px 55px 8px 67px; min-height: 64px; position: fixed; font-family: 'Open Sans', sans-serif; left:0; top: 0px; background: #02172c; z-index: 99999; }
header .logo { float: left; text-align: center; }
header .logo a { width: 121px; }
header .social { margin: 7px 0 0; float: right; }
header a.logo-sport { width: 167px; position: absolute; left: 50%; top: 50%; overflow: hidden; margin: -20px 0 0 -84px; }
header .logo span { font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 8px; line-height: 12px; color: rgba(255,255,255,0.6); padding-bottom: 5px; display: block; }  
header .logo a { display: inline-block; vertical-align: top; } 
header .social a { font-size: 23px; transition: all 0.5s; -webkit-transition: all 0.5s; line-height: 22px; color: #adadad; float: left; margin-left: 18px; }
header .social a :hover { color: #fff;  }  

/* banner sec */
.banner_sec { width: 100%; min-height: 850px; height: 100%; text-align: center; position: relative; }
.banner_sec.loaders:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFF url(../images/loader.gif) center no-repeat; z-index: 100; transition: all 0.3s; -webkit-transition: all 0.3s; }
.banner_sec .inner { height: 100%; position: relative; z-index: 1; }
.banner_sec .str_wrap { height: 100% !important; position: absolute; left: 0px; top: 0px; }
.banner_sec .str_wrap .str_move { height: 100%; background: url(../images/bg.jpg) repeat; background-size: 100% 100%; }
.banner_sec .str_wrap a { display: inline-block; margin: 240px 0px 60px 0px; height: calc(100% - 300px); height: -webkit-calc(100% - 300px); height: -moz-calc(100% - 300px); position: relative; z-index: 99; }
.banner_sec.moveimg .str_wrap a { margin: 240px 0px 60px 0px; }
.banner_sec .str_wrap img { display: inline-block; height: 100%; }
.banner_sec span.title { padding: 7px 0 0; display: block; font-family: 'smittenregular'; font-size: 207px; line-height: 225px; color: #fff; position: relative; z-index: 99; }
.banner_sec span.vote {
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin: -30px auto 0;
    max-width: 800px;
    position: relative;
    z-index: 99;
}
.banner_sec .owl-carousel { margin-top: -5%; height: 65%; }
.banner_sec .owl-carousel .owl-item .item,.banner_sec .owl-carousel .owl-item,.banner_sec .owl-carousel .owl-stage,.banner_sec .owl-carousel .owl-stage-outer,.banner_sec .owl-carousel .owl-item img { height: 100%; }
.banner_sec .owl-carousel .owl-item img { width: auto; }
.banner_sec .scroll { font-size: 46px; display: block; line-height: 46px; color: #fff; font-family: 'smittenregular'; z-index: 99; position: absolute; left: 0; bottom: 10px; width: 100%; }
.banner_sec .head { position: absolute; left: 0; top: 0; width: 100%; padding: 0 20px;}
.banner_sec img { }

.banner_sec a.a { width: 15%; height: 80%; display: block;  position: absolute; left: 1%; top: 15%; z-index: 99; }
.banner_sec a.b { width: 15%; height: 80%; display: block;  position: absolute; left: 17%; top: 15%; z-index: 99; }
.banner_sec a.c { width: 15%; height: 80%; display: block;  position: absolute; left: 34%; top: 15%; z-index: 99; }
.banner_sec a.d { width: 15%; height: 80%; display: block;  position: absolute; left: 50%; top: 15%; z-index: 99; }
.banner_sec a.e { width: 15%; height: 80%; display: block;  position: absolute; left: 67%; top: 15%; z-index: 99; }
.banner_sec a.f { width: 15%; height: 80%; display: block;  position: absolute; right: 2%; top: 15%; z-index: 99; }



.name_sec { padding: 13px 0; width: 100%; overflow: hidden; position: absolute; left: 0;top: 0; text-align: center; border-bottom: 1px solid #d2d2d2; background: #fff; z-index: 99999; }
.name_sec li { padding: 0 6px 0 10px; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 20px; background: url(../images/bullet.jpg) left center no-repeat; }
.name_sec li a { color: #919191; }
.name_sec li:first-child { background: none; padding-left: 0; }
.name_sec li a.current, .name_sec li a:hover { color: #000; }
.name_sec + .detail_sec { padding-top: 25; }
.name_sec + .detail_sec .adbar { border-top: 0; }
.name_sec.fixed { position: fixed; top: 64px; }

.banner_sec .inner .credit {
    bottom: 5px;
    color: #fff;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 5px rgba(0,0,0, 0.7);
    z-index: 1;
}

.bx-wrapper { height: 100%; }
.bxslider, .bx-viewport { height: 100%; }
.bx-wrapper li { height: 100%; }
.bx-wrapper li img { position: relative; transform: translate(0,-55%); top: 50%; }

/* content-part */
#content-part { width: 100%; position: relative; padding-top: 50px;}

/* adbar */
.adbar { max-width: 728px; margin: auto; padding: 12px 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; text-align: center; z-index:0; position:relative }
.adbar a { display: inline-block; vertical-align: top; }

/* descriptionbar */
.description_sec { width: auto; overflow: hidden; text-align: center; padding: 34px 0 0px; }
.description_sec .centering { max-width: 800px; margin: auto; }
.description_sec h2 { padding-bottom: 3px; font-family: 'smittenregular'; font-size: 151px; line-height: 151px; }
.description_sec li { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 24px; letter-spacing: 0.02em; padding: 0 12px; position: relative; }
.description_sec li:before { width: 4px; height: 4px; content:''; position: absolute; left: -4px; top: 10px; background: #000; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } 
.description_sec li:first-child:before { display: none; }
.description_sec li span { font-weight: 500; }
.description_sec ul { padding-bottom: 12px; }
.description_sec p { letter-spacing: 0.02em; }
.description_sec .social a { font-size: 26px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 22px; color: #adadad; display: inline-block; vertical-align: top; margin: 0 8px; }
.description_sec .social a.fb:hover { color: #3b5998;  }  
.description_sec .social a.tweet:hover { color: #00aced;  }  
.description_sec .social a.instagram:hover { color: #517fa4;  }  


/* detailbar */
.detail_sec { padding: 25px 0 0; width: auto; overflow: hidden; position: relative; }
.detail_sec .owl-carousel2 { max-height: 900px; height: 100%; width: 100%; overflow: hidden; }
.detail_sec .owl-carousel2:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFF url(../images/loader.gif) center no-repeat; z-index: 100; transition: all 0.3s; -webkit-transition: all 0.3s; }
.detail_sec .owl-carousel2.owl-loaded:after { opacity: 0; z-index: -1; }
.detail_sec .owl-carousel2 .owl-carousel .owl-stage-outer { height: 100%; }
.detail_sec .owl-carousel2 .item {  float: left; height: 100%; background: #fff; }

.detail_sec .owl-carousel2 .item .credit {
    bottom: 5px;
    color: #fff;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 11px;
	line-height: 12px;
    font-weight: bold;
    opacity: 1;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 5px rgba(0,0,0, 0.7);
    z-index: 1;
}

.detail_sec .owl-carousel .owl-item, .detail_sec .owl-carousel .owl-stage, .detail_sec .owl-carousel .owl-stage-outer { height: 100%; }
.detail_sec .owl-carousel2 .item img { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; height: 900px; width: auto; opacity: 0.30 !important; } 
.detail_sec .owl-carousel2 .center img { opacity: 100 !important; }
.detail_sec .owl-prev { width: 56px; height: 55px; position: absolute; left: 35px; top: 50%; margin: -28px 0 0 0; font-size: 0; background: url(../images/pre.png) no-repeat;}  
.detail_sec .owl-next { width: 56px; height: 55px; position: absolute; right: 35px; top: 50%; margin: -28px 0 0 0; font-size: 0; background: url(../images/next.png) no-repeat;}  
.detail_sec .owl-nav div:hover { opacity: 0.50; }  
.detail_sec .cloned:last-child { display: none; }
.detail_sec .video { max-width: 1170px; margin: 15px auto 15px; overflow: hidden; }
.detail_sec .col2 {
 float: left;
 height: 350px;
 margin: 0 1%;
 padding: 15px;
 width: 48%;
}
.detail_sec .vote {
 overflow: hidden;
 padding: 20px 0 30px;
 text-align: center;
 width: 100%;
}
.detail_sec a.votenow {font-size: 18px; line-height: 33px; color: #e65a52; font-weight: 300; display: inline-block; }
.detail_sec a.votenow i { display: block; margin: 0 auto 4px; width: 33px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 33px; height: 33px; font-size: 15px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border: 2px solid #e65a52; color: #e65a52; text-align: center; }
.detail_sec a.votenow:hover i { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }

#back-to-top {
    bottom: 15px;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    right: 15px;
    transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out;
    z-index: 9999;
}

#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover:after { border-bottom-color: #fff; }

/* votinglist */
#votenow .description_sec { padding-top: 22px; }
#votenow .description_sec p sup { font-size: 12px; vertical-align: top; display: inline-block; }
.votinglist { padding: 18px 0px 2px 0px; max-width: 1200px; margin: 0 auto; }
.votinglist ul { list-style: none; overflow: hidden; }
.votinglist li { margin: 0px 15px 69px 15px; float: left; width: 370px; }
.votinglist .img { width: 370px; height: 370px; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; }
.votinglist .img a {  display: block; }
.votinglist .img a:after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; border-radius: 50%; -webkit-border-radius: 50%; background: url('../images/overlay.png') bottom repeat-x; }
.votinglist .img a span { position: absolute; left: 50%; bottom: 22px; margin-left: -26px; width: 51px; height: 51px; border: #FFF solid 4px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; color: #FFF; font-size: 22px; line-height: 48px; z-index: 10; transition: all 0.2s; -webkit-transition: all 0.2s; }
.votinglist .img a:hover span {  border-color: #e65a52; color: #e65a52; transform: scale(1.2); -webkit-transform: scale(1.2); }
.votinglist h4 { padding-top: 4px; font-size: 80px; line-height: 80px; color: #000; text-align: center; font-family: 'smittenregular'; }
.votinglist .text { padding-top: 35%; text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(230,90,82,0.7); z-index: 10; display: none; border-radius: 50%; -webkit-border-radius: 50%; }
.votinglist .text span { display: block; margin: 0 auto; width: 61px; height: 61px; border: #FFF solid 4px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; color: #FFF; font-size: 27px; line-height: 61px; }
.votinglist .text p { padding: 3px 70px; font-size: 17px; line-height: 24px; color: #FFF; }
.votinglist li.voted .text { display: block; }
.votinglist li.voted a span { display: none; }
.votinglist li.voted h4 { color: #e65a52; }
.votinglist.votemodel .img a:after { display: none; }
.votinglist.votemodel .img:after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; opacity: 0.54; z-index: 10; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #000; }
.votinglist.votemodel .img:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; z-index: 11; }
.votinglist.votemodel li.voted .img:after { display: none; }
.votinglist.votemodel li a span { display: none; }

/* footer */
footer { border-top: #bbbbbb solid 1px; border-bottom: #bbbbbb solid 1px; }
footer .centering { max-width: 1170px; margin: 0 auto; overflow: hidden; }
footer .left { padding: 26px 0px 25px 0px; float: left; width: 645px; border-right: #dfdfdf solid 2px; }
footer .left ul { padding-left: 130px; list-style: none; overflow: hidden; }
footer .left li { padding-right: 40px; float: left; }
footer .left li:first-child { padding-right: 80px; }
footer .left li:nth-child(2) { padding-right: 52px; }
footer .right { padding-top: 20px; float: right; width: 430px; }
footer .right ul { list-style: none; overflow: hidden; }
footer .right li { padding-right: 15px; float: left; }

/* copyright */
.copyright { text-align: center; height: 50px; }
.copyright p {
 border-top: 1px solid #ccc;
 color: #999999;
 font-family: "Roboto",sans-serif;
 font-size: 13px;
 font-weight: 300;
 letter-spacing: 0.01em;
 line-height: 47px;
 margin-top: 50px;
 padding: 0;
}
.copyright a { color: #283a55; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }