* { margin:0; padding:0; }
html { height:100%; }
body { width:100%; min-width:1000px; background:#000 url('../img/bg.jpg') 50% 0 no-repeat; }

/* header */
.header { width:1000px; height:180px; position:relative; margin:0 auto; }	
.header__logo { width:667px; height:43px; position:absolute; display:block; top:30px; left:50%; margin-left:-334px; background:url('../img/logo.png'); }
.header__woman { width:324px; height:72px; position:absolute; display:block; top:90px; left:50%; margin-left:-162px; background:url('../img/logo-w.png'); }
.header__18 {  position:absolute; display:block; top:10px; right:10px; }
.header__share__title { width:140px; height:19px; position:absolute; display:block; bottom:50px; right:10px; text-align:right; font-size:13px; color:#99b5b5; font-family:'Romul'; }
.header__share { width:140px; height:19px; position:absolute; display:block; bottom:10px; right:10px; text-align:right; font-size:0; }
.header__share__item { width:17px; height:19px; display:inline-block; margin:0 3px; background-image:url('../img/share-sprite.png'); }
.header__share__item.item--vk { background-position:0 0; }
.header__share__item.item--fb { background-position:-17px 0; }
.header__share__item.item--ok { background-position:-34px 0; }
.header__share__item.item--twitter { background-position:-51px 0; }
.header__share__item.item--instgram { background-position:-68px 0; }
.header__share__item.item--youtube { background-position:-85px 0; }
/* header */

.countersWrap {
  position: absolute;
  top: -100px;
}

.pointer{
	cursor: pointer;
}

/* nav */
.nav { width:998px; height:37px; position:relative; margin:0 auto; background:url('../img/nav-bg.jpg') 50% 0 no-repeat; border:1px solid #000; text-align:center; }
.nav__item { display:inline-block; font-size:13px; text-transform:uppercase; margin:0 51px; padding:11px 0; text-decoration:none; color:#92adad; font-family:'Romul'; }
.nav__item:hover { color:#fff; }
/* nav */

/* content */
.content { width:1000px; min-height:782px; position:relative; overflow:hidden; margin:0 auto; background:url('../img/content-bg.jpg') 50% 0 no-repeat; background-size:cover; }
.content__left { width:670px; min-height:100%; position:relative; float:left; }
.content__right { width:330px; min-height:782px; position:relative; float:left; }
/* content */

/* sidebar */
.sidebar__title { width:291px; height:118px; display:block; position:relative; margin:10px auto; background:url('../img/sidebar-logo.png'); }
.sidebar__date { width:100%; text-align:center; font-size:21px; color:#a8c7c7; font-family:'Romul'; margin:15px 0 20px; }
.content__copyright { color:#4c5656; font-family:'Romul'; text-transform:uppercase; position:absolute; bottom:10px; right:10px; font-size:10px; }

.sidebar__countdown { width:100%; height:564px; background:url('../img/sidebar-countdown.png') 50% 0 no-repeat; text-align:center; font-size:0; box-sizing:border-box; padding:0 30px; }
.sidebar__countdown > * { font-family:'Romul'; color:#000; }
.sidebar__countdown__days__num { font-size:72px; text-align:center; margin-bottom:7px; }
.sidebar__countdown__days__text { font-size:36px; text-align:center; margin-bottom:-5px; padding-top:27px; line-height:36px; }
.sidebar__countdown__item { width:65px; display:inline-block; text-align:center; margin-right:5px; }
.sidebar__countdown__item:first-of-type { margin-left:13px; }
.sidebar__countdown__item__num { font-size:36px; }
.sidebar__countdown__item__text { font-size:12px; }
.sidebar__countdown__before { font-size:18px; text-align:center; text-transform:uppercase; font-family:'Romul'; color:#000; margin-top:21px; }
/* sidebar */

/* main */
.main { width:100%; min-width:670px; position:relative; }

.main__feature { width:620px; height:320px; display:none; position:relative; margin:10px auto 10px; overflow:hidden; }
.main__feature[rel-id="1"] { display:block; }
.main__feature__link { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
.main__feature__image { display:block; position:relative; width:100%; }
.main__feature__text { width:409px; height:77px; display:block; position:absolute; background:url('../img/main-feature-text-bg.png'); right:34px; bottom:50px; box-sizing:border-box; padding:0 30px; text-align:center; z-index:2; }
.main__feature__text__title { color:#a7bdc6; text-align:center; font-family:'Romul'; font-size:18px; margin-top:19px; }
.main__feature__text__sub { color:#a7bdc6; text-align:center; font-family:'Open Sans'; font-size:12px; margin-top:3px; }

.trailer__popup { width:100%; height:100%; top:0; left:0; display:block; position:fixed; background:rgba(0,0,0,0.75); z-index:50; }
.trailer__popup__close { width:60px; height:60px; top:50%; left:50%; display:block; margin:-312px 0 0 362px; background:url('../img/close.png') 50% 50% no-repeat; position:absolute; }
.trailer__popup iframe { display:block; position:absolute; top:50%; left:50%; margin:-260px 0 0 -400px; }
/* main */

/* main cols */
.main__feat-double { width:620px; display:block; position:relative; overflow:hidden; margin:10px auto 10px; }
.main__feat-double__col { width:33.3%; position:relative; float:left; }
.main__feat-double__col:hover { cursor:pointer; }
.main__feat-double__col > a { text-decoration:none; color:inherit; }
.main__feat-double__col__img { height:90px; display:block; vertical-align:middle; margin:10px auto; }
.main__feat-double__col__text { width:100%; /*95px*/ display:inline-block; vertical-align:middle; font-family:'Romul'; font-size:11px; color:#93aeae; padding:15px 0; text-align:center; }
.main__feat-double__col:hover .main__feat-double__col__text { color:#fff; }
/* main cols */

/* main trailer */
.main__trailer { width:620px; display:block; position:relative; overflow:hidden; margin:15px auto 10px; }
.main__trailer__title { font-family:'Romul'; font-size:24px; color:#a8c7c7; margin-bottom:20px; text-align:center; text-transform:uppercase; }
.main__trailer__pic { display:block; position:relative; }
.main__trailer__pic:hover { cursor:pointer; }
/* main trailer */

/* test */
.test { width:100%; min-width:670px; position:relative; }
.test__title { font-family:'Romul'; color:#a7bdc6; font-size:24px; text-align:center; margin:20px 0 25px; }
.test__intro { font-family:'Open Sans'; color:#a7bdc6; font-size:14px; line-height:1em; padding:0 30px; text-align:center; }

.test__item { display:none; position:relative; }
.test__item[rel-id="1"] { display:block; }
.test__item__num { display:block; position:relative; width:195px; height:71px; font-family:'Romul'; background:url('../img/test-num-bg.png') 50% 50% no-repeat; font-size:36px; text-align:center; margin:20px auto; box-sizing:border-box; padding-top:13px; }
.test__item__q { width:550px; font-family:'Romul'; color:#fff; text-transform:uppercase; padding:20px 0; line-height:1.2em; text-align:center; margin:0 auto 75px; position:relative; }
.test__item__q:before,
.test__item__q:after { width:348px; height:1px; content:''; display:block; position:absolute; left:50%; margin-left:-174px; background:url('../img/test-q-line.png'); }
.test__item__q:before { top:0; }
.test__item__q:after { bottom:0; }
.test__item__ans { display:block; width:360px; display:block; position:relative; margin:0 auto 35px; }
.test__item__ans__radio { width:27px; height:29px; display:inline-block; vertical-align:top; background:url('../img/radio.png') 0 0; margin-right:15px; margin-top:-3px; }
.test__item__ans__radio.checked { background-position:0 100%; }
.test__item__ans__radio input { width:1px; height:1px; opacity:0; }
.test__item__ans__text { width:310px; display:inline-block; vertical-align:top; font-family:'Romul'; text-transform:uppercase; font-size:13px; line-height:1em; color:#6d8181; }
/* test */

/* test result */
.test { width:100%; min-width:670px; position:relative; }
.test__result__pic { display:block; margin:-5px auto 10px; }
.test__result__text { width:550px; padding:20px 0 1px; margin:0 auto; font-family:'Romul'; color:#fff; text-transform:uppercase; text-align:center; font-size:14px; position:relative; }
.test__result__text:before,
.test__result__text:after { width:348px; height:1px; content:''; display:block; position:absolute; left:50%; margin-left:-174px; background:url('../img/test-q-line.png'); }
.test__result__text:before { top:0; }
.test__result__text:after { bottom:0; }
.test__result__text p { margin-bottom:15px; }

.test__result__share { width:121px; position:relative; margin:20px auto; }
.test__result__share__text { text-align:center; font-size:13px; text-transform:uppercase; font-family:'Romul'; color:#a8c6c6; margin-bottom:6px; }
.test__result__share__item { width:25px; height:25px; background:#000 url('../img/share-sprite-25.png'); display:inline-block; margin:0 1px; border-radius:50%; }
.test__result__share__item.item--vk { background-position:0 0; }
.test__result__share__item.item--fb { background-position:-25px 0; }
.test__result__share__item.item--ok { background-position:-50px 0; }
.test__result__share__item.item--twitter { background-position:-75px 0; }
/* test result */

/* promo */
.promo { width:100%; min-width:670px; position:relative; }
.promo__title { width:550px; font-family:'Romul'; color:#a7bdc6; font-size:24px; text-align:center; margin:20px auto 25px; }
.promo__intro { width:550px; padding:20px 0 20px; margin:0 auto; font-family:'Romul'; color:#fff; text-transform:uppercase; text-align:center; font-size:14px; position:relative; }
.promo__intro:before,
.promo__intro:after { width:348px; height:1px; content:''; display:block; position:absolute; left:50%; margin-left:-174px; background:url('../img/test-q-line.png'); }
.promo__intro:before { top:0; }
.promo__intro:after { bottom:0; }
.promo__desc { font-family:'Open Sans'; width:550px; margin:10px auto; color:#a7bac1; font-size:14px; }
.promo__item__title { font-family:'Romul'; color:#a7bdc6; font-size:21px; text-align:left; margin:20px auto 10px; }

.promo__slider { width:550px; position:relative; margin:20px auto; }
.promo__slider .bx-wrapper { margin:0; }
.promo__slider .bx-wrapper .bx-viewport { height:512px !important; left:0; padding:0; border:0; box-shadow:none; background:transparent; /*height:auto !important;*/ }
.promo__slider.promo__slider--phychics .bx-wrapper .bx-viewport { height:843px !important; }
.promo__slider .bx-wrapper .bx-viewport li > img { max-height:366px; display:block; margin:0 auto; position:relative; }
.promo__slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:auto; top:316px; }
.promo__slider .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px; margin:0 3px; background:#a8c6c6; border-radius:50%; }
.promo__slider .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff; }
.promo__slider .bx-wrapper .bx-prev { width:25px; height:48px; background:url('../img/arr-left.png'); top:175px; }
.promo__slider .bx-wrapper .bx-next { width:25px; height:48px; background:url('../img/arr-right.png'); top:175px; }

.promo-banner { width:1000px; height:350px; background:url('../img/promo-banner.jpg') 50% 0 no-repeat; position:relative; margin:0 auto; }
/* promo */