@font-face {
    font-family: 'Politica Bold';
    src: url('../fonts/Politica_Bold.ttf');
}

@font-face {
    font-family: 'Gotham Regular';
    src: url('../fonts/GothaProReg.otf');
}

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

html {
    margin: 0;
    padding: 0;
    position: relative;
    background: #020211;
    width: 100%;
    min-width: 1120px;
    height: auto;
    min-height: 100%;
    overflow-y: scroll;
}

body {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    height: 100%;
    font-family: "Politica Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

a {
    cursor: pointer;
}

#body {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1120px;
    top: 0;
    left: 0;
}

.bg {
    top: 0;
    left: 0;
    right: 60px;
    bottom: 0;
    position: fixed;
    height: 100%;
    background: url("../images/bg_mini.jpg") center 0 no-repeat;
}

.right_slides {
    position: fixed;
    height: 100%;
    width: 60px;
    top: 0;
    right: 0;
    background: #020211;
}

.border_up {
    width: 100%;
    height: 20px;
    position: fixed;
    background: url("../images/border_up.png") repeat-x;
}

.slider {
    top: 0;
    left: 0;
    bottom: 0;
    right: 60px;
    position: absolute;
    overflow: hidden;

}

.slider div.slides {
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    overflow-y: scroll;
    right: -20px;

}

#ellips {
    width: 18px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 21px;
    margin: -72px 0 0 0;
}

#ellips .ellips {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 0 0 18px 0;
    cursor: pointer;
    background: url("../images/ellips.png") 0 0 no-repeat;
}

#ellips .ellips:hover {
    background-position: 0 -18px;
}

#ellips .ellips.active {
    background-position: 0 -36px;
}

.need:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.conteiner {
    width: 1000px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#menu {
    width: 1000px;
    height: 64px;
    background: url("../images/black_90.png") repeat;
    position: fixed;
    top: 28px;
    left: 50%;
    margin: 0 0 0 -530px;
}

#menu .phone {
    font-size: 32px;
    line-height: 34px;
    color: #ffffff;
    position: absolute;
    left: 23px;
    top: 15px;
}

#menu .menu {
    width: 537px;
    height: 60px;
    position: absolute;
    top: 2px;
    left: 232px;
}

#menu .menu .link {
    height: 60px;
    position: relative;
    float: left;
    margin: 0 2px 0 0;
}

#menu .menu .link.first {
    width: 139px;
}

#menu .menu .link.second {
    width: 74px;
}

#menu .menu .link.third {
    width: 92px;
}

#menu .menu .link.fourth {
    width: 106px;
}
#menu .menu .link.fifth {
    width: 116px;
}

#menu .menu .link a {
    display: block;
    position: relative;
    width: 100%;
    color: #817995;
    text-decoration: none;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    height: 20px;
}

#menu .menu .link:hover a {
    color: #ffb007;
    border-bottom: 5px solid #ffb007;
    padding: 20px 0 15px 0;
}

#menu .menu .link.active a {
    color: #ffffff;
    border: 0;
    padding: 20px 0;
    background: #000000;
}

#menu .buy {
    display: block;
    width: 188px;
    height: 60px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background: url("../images/buy_menu.png") 0 0 no-repeat;
}

#menu .buy:hover {
    background-position: 0 -60px;
}

#menu .buy:active {
    background-position: 0 -120px;
}

#first_slide {
    padding: 223px 0 0 0;
    position: relative;
    width: 100%;
    height: auto;
}

#first_slide .logo {
    width: 937px;
    height: 101px;
    position: relative;
    margin: 0 auto 32px auto;
    background: url("../images/logo_header.png") no-repeat;
}

#first_slide .slogan {
    color: #ffffff;
    font-size: 42px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin: 0 0 62px 0;
}

.block1 {
    width: 1000px;
    height: 246px;
    position: relative;
    background: url("../images/bg_block1.png") no-repeat;
}

.block1 .tezis {
    color: #000000;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 40px 0 0 0;
}

.block1 .go_test {
    width: 330px;
    height: 44px;
    background: url("../images/go_test.png") no-repeat;
    display: block;
    position: relative;
    color: #ffffff;
    text-align: center;
    font-size: 42px;
    line-height: 44px;
    text-transform: uppercase;
    padding: 22px 0 36px 0;
    cursor: pointer;
    margin: 30px auto 0 auto;
}

.block2 {
    width: 1000px;
    height: 836px;
    position: relative;
    background: url("../images/bg_block2.png") no-repeat;
}

.block2 table {
    width: 890px;
    height: 720px;
    position: relative;
    border: 0;
    margin: 0 0 0 48px;
    padding: 75px 0 0 0;
}

.block2 table td {
    vertical-align: middle;
    border: 0;
    height: 180px;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}

.block2 table td.img {
    width: 204px;
}

.block2 table td span {
    display: block;
    color: #9e93b6;
    font-size: 18px;
    line-height: 22px;
    margin: 14px 0 0 0;
}

#second_slide {
    width: 100%;
    height: auto;
    position: relative;
}

#second_slide h1 {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    color: #ffffff;
    font-size: 42px;
    line-height: 44px;
    padding: 46px 0 72px 0;
    position: relative;
    width: 100%;
}

#second_slide .arrow {
    width: 335px;
    height: 43px;
    position: absolute;
    background: url("../images/arrow_second_slide.png") no-repeat;
    top: 143px;
    left: 50%;
    margin: 0 0 0 -167px;
}

#second_slide .test {
    background: #020211;
    width: 100%;
    position: relative;
    min-height: 716px;
    padding-top: 64px;
    overflow-x: hidden;
}

#second_slide .test .right {
    width: 660px;
    height: 780px;
    background: url("../images/test_right_mini.jpg") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

#second_slide .test .left {
    width: 660px;
    height: 780px;
    background: url("../images/test_left_mini.jpg") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#test {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 73px 0;
}
#test form{
    width: 1000px;
    margin: 0 auto;
}

div.hidden {
    display: none;
}

.step {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 87px 0 0 0;
    height: 564px;
}

.step img {
    width: 220px;
    height: 174px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -110px;
}

.step .ques {
    width: 998px;
    height: 562px;
    position: relative;
    border: 1px solid #38354b;
}

.step p {
    position: relative;
    margin: 0 0 28px 0;
    font-size: 22px;
    line-height: 25px;
    color: #9e93b6;
    text-align: left;
}

.step.age p {
    margin: 0 0 38px 0;
}

.step.fatigue p {
    margin: 0 0 24px 0;
}

.step.color p {
    margin: 0 0 40px 0;
}

.step p.bold {
    position: relative;
    font-weight: normal;
    line-height: 44px;
    font-size: 42px;
    color: #ffffff;
    margin: 0;
    padding: 143px 0 48px 0;
    text-align: center;
}

.step .first {
    position: relative;
    float: left;
    width: 193px;
    height: auto;
    margin: 0 0 0 349px;
}

.step .second {
    position: relative;
    float: left;
    width: 193px;
    height: auto;
    margin: 0;
}

.step .third {
    position: relative;
    width: 430px;
    height: auto;
    margin: 0 0 0 298px;
}

.step .fourth {
    position: relative;
    width: 420px;
    height: auto;
    margin: 13px 0 0 358px;
}

.step .fifth {
    position: relative;
    width: 420px;
    height: auto;
    margin: 20px 0 0 388px;
}

.step .sixth {
    position: relative;
    float: left;
    width: 120px;
    height: auto;
    margin: 20px 0 0 405px;
}

.step .seventh {
    position: relative;
    float: left;
    width: 102px;
    height: auto;
    margin: 20px 0 0 0;
}

.r_button {
    display: none;
}

.step p label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
}

.r_button + label {
    line-height: 24px;
    background: url("../images/radio.png") no-repeat scroll 0 -58px;
    cursor: pointer;
    padding-left: 52px;
}

.r_button + label:hover {
    background-position: 0 2px;
    color: #ffb007;
    text-decoration: underline;
}

.r_button:checked + label {
    background-position: 0 -118px;
    color: #ffffff;
    text-decoration: none;
}

.r_button.active + label {
    background-position: 0 -118px;
    color: #ffffff;
    text-decoration: none;
}

.color .r_button + label {
    width: 70px;
    height: 70px;
    padding: 0;
    overflow: hidden;
    background-image: none;
}

.color .blue .r_button + label {
    background: #105dd0;
    color: #105dd0;
}

.color .yellow .r_button + label {
    background: #dab229;
    color: #dab229;
}

.color .red .r_button + label {
    background: #de2532;
    color: #de2532;
}

.color .green .r_button + label {
    background: #08b946;
    color: #08b946;
}

.color .r_button:checked + label, .color .r_button.active + label {
    border: 2px solid #ffffff;
    width: 66px;
    height: 66px;
}

#test div.button {
    width: 149px;
    height: 26px;
    position: absolute;
    font-size: 24px;
    color: #9e93b6;
    padding: 10px 0;
    text-align: center;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    background: url("../images/back.png") 0 0;
    top: 286px;
}

#test div.button.back {
    left: 100px;
}

#test div.button.next {
    background: url("../images/next.png") 0 0;
    right: 100px;
}
#test div.button.send {
    background: url("../images/next.png") 0 0;
    right: 100px;
    padding: 0;
    height: 46px;
}

#test div.button:hover, #test div.button.next:hover {
    background-position: 0 -46px;
    color: #ff0042;
    text-decoration: underline;
}

#result {
    width: 998px;
    height: 373px;
    position: relative;
    border: 1px solid #38354b;
    margin: 357px auto 0 auto;
}

#result h1 {
    color: #ffffff;
    font-weight: normal;
    font-size: 60px;
    line-height: 64px;
    text-transform: uppercase;
    text-align: center;
    width: 650px;
    margin: -305px auto 25px auto;
    padding: 0;
}

#canvas {
    position: relative;
    margin: 0 auto;
    display: block;
}

#result .percent {
    color: #ff0042;
    font-size: 100px;
    line-height: 102px;
    position: absolute;
    top: -51px;
    width: 280px;
    text-align: center;
    left: 50%;
    margin: 0 0 0 -140px;
    background: #020211;
}

#result .text {
    margin: 33px 30px 0 30px;
    text-align: center;
    position: relative;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}

#result .text span {
    color: #ffb007;
}

#composition {
    position: relative;
    margin: -60px auto 0 auto;
    width: 1000px;
    height: auto;
}

#composition>div {
    position: relative;
    float: left;
    background: url("../images/composition.png") top center no-repeat;
}

#composition.small>div {
    margin: 0 10px;
    width: 170px;
}

#composition.small>div:first-child {
    margin: 0 10px 0 35px;
}

#composition.medium>div {
    margin: 0 25px;
    width: 190px;
}

#composition.medium>div:first-child {
    margin: 0 25px 0 45px;
}

#composition.large>div {
    margin: 0 30px;
    width: 253px;
}

#composition.large>div:first-child {
    margin: 0 30px 0 60px;
}

#composition .c_percent {
    color: #ff0042;
    font-size: 48px;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 35px 0 20px 0;
    margin: 0;
}

#composition .c_name {
    color: #ffffff;
    font-size: 22px;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}

#composition .c_desc {
    font-family: "Gotham Regular", Arial, sans-serif;
    color: #817995;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 16px 0 0 0;
}
#test .text {
    width: 900px;
    margin: 33px auto 0 auto;
    text-align: center;
    position: relative;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
#test .text span {
    color: #ffb007;
}

#test h2 {
    font-size: 48px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    margin: 53px 0 33px 0;
}

#test h2 span{
    color: #ff0042;
    font-size: 50px;
}
#test h3 {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #817995;
    position: relative;
    margin: 0 0 33px 0;
}

#test h3 span{
    color: #ffb007;
    font-size: 36px;
    cursor: pointer;
}
#test h3 span:hover{
    text-decoration: underline;
}
#social {
    width: 100%;
    height: 84px;
    position: relative;
    margin: 0;
    padding: 20px 0 0 0;
    background: url("../images/bg_social.png") repeat-x;
}


#social .ya-share2 {
    width: 432px;
    height: 64px;
    position: relative;
    margin: 0 auto;
}

#social .ya-share2 a {
    display: block;
    width: 66px;
    height: 64px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0 0 0 17px;
}

#social .ya-share2 .ya-share2__container_size_m .ya-share2__icon {
    width: 66px;
    height: 64px;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item{
    margin: 0;
}

#social .ya-share2 a.instagram {
    background: url("../images/instagram.png") no-repeat;
}

#social .ya-share2 .ya-share2__item_service_twitter .ya-share2__badge{
    background: transparent;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon {
    background: url("../images/twitter.png") no-repeat;
}

#social .ya-share2 .ya-share2__item_service_gplus .ya-share2__badge{
    background: transparent;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item_service_gplus .ya-share2__icon {
    background: url("../images/g.png") no-repeat;
}

#social .ya-share2 .ya-share2__item_service_vkontakte .ya-share2__badge{
    background: transparent;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: url("../images/vk.png") no-repeat;
}

#social .ya-share2 .ya-share2__item_service_facebook .ya-share2__badge{
    background: transparent;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon {
    background: url("../images/facebook.png") no-repeat;
}

#social .ya-share2 .ya-share2__item_service_odnoklassniki .ya-share2__badge{
    background: transparent;
}
#social .ya-share2 .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background: url("../images/ok.png") no-repeat;
}

#get_discount {
    width: 552px;
    height: 32px;
    position: relative;
    margin: 59px auto 0 auto;
    background: url("../images/get_discount.png") 0 0 no-repeat;
    cursor: pointer;
    font-size: 30px;
    color: #ffb007;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 32px;
    padding: 19px 0 20px 0;
}
#get_discount:hover{
    background-position: 0 -71px;
    color: #ffffff;
    text-shadow: 0 1px 1px #666666;
}

#third_slide {
    width: 100%;
    height: auto;
    position: relative;
}

#third_slide .header {
    color: #ffffff;
    font-size: 48px;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 70px 0 0 0;
    background: url("../images/bg_third_slide_header.png") repeat-x left bottom;
}

#third_slide .header span {
    color: #817995;
    font-size: 24px;
    display: block;
    line-height: 26px;
    position: relative;
    padding: 0 0 12px 0;
    margin: 30px 0 0 0;
}

#third_slide .header .border {
    width: 1000px;
    height: 156px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/border_third_slide_header.png") no-repeat;
}

#consist {
    width: 100%;
    height: 1212px;
    position: relative;
    background: url("../images/consist.png") no-repeat;
    margin: 0;
    padding: 0 0 77px 0;
}

#consist>div {
    width: 316px;
    height: auto;
    position: absolute;
}

#consist>div .img {
    width: 220px;
    height: 220px;
    position: relative;
    margin: 0 auto;
}

#consist>div .img .name {
    color: #ffffff;
    font-size: 36px;
    line-height: 40px;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #555555;
}

#consist>div .desc {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    margin: 28px 10px 0 10px;
}

#consist>div.first {
    top: 204px;
    left: 50%;
    margin: 0 0 0 -158px;
}

#consist>div.second {
    top: 434px;
    left: 32px;
}

#consist>div.third {
    top: 434px;
    right: 32px;
}

#consist>div.fourth {
    top: 834px;
    left: 157px;
}

#consist>div.fifth {
    top: 834px;
    right: 157px;
}

#consist>div.first .img {
    background: url("../images/consist1.png") no-repeat;
}

#consist>div.second .img {
    background: url("../images/consist2.png") no-repeat;
}

#consist>div.third .img {
    background: url("../images/consist3.png") no-repeat;
}

#consist>div.fourth .img {
    background: url("../images/consist4.png") no-repeat;
}

#consist>div.fifth .img {
    background: url("../images/consist5.png") no-repeat;
}

#consist>div.second .img .name, #consist>div.third .img .name {
    top: 90px;
}

#fourth_slide {
    width: 100%;
    height: auto;
    position: relative;
    background: #020211;
    overflow-x: hidden;
}
#fourth_slide img.back{
    position: absolute;
    width: 1280px;
    height: 732px;
    top: 40px;
    left: 50%;
    margin: 0 0 0 -640px;
}
#fourth_slide h1 {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 48px;
    line-height: 52px;
    margin: 0;
    padding: 57px 0 0 0;
    position: relative;
}

#fourth_slide h2 {
    position: relative;
    color: #ffb007;
    font-size: 60px;
    line-height: 64px;
    padding: 5px 0 55px 0;
    margin: 0;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

#fourth_slide h2 span {
    color: #ffffff;
}

#buy {
    width: 100%;
    position: relative;
    margin: 0 0 70px 0;
    background: url("../images/bg_fourth_slide_buy.png") left 30px repeat-x;
}

#buy .anketa form {
    width: 600px;
    position: relative;
    margin: 0 auto;
}
#buy .anketa p {
    position: relative;
    height: 70px;
    display: block;
    margin: 0 0 14px 0;
    width: 600px;
}
#buy .anketa label {
    cursor: text;
}

#buy .anketa input[type="text"] {
    font-family: "Politica Bold", sans-serif;
    width: 542px;
    margin: 0;
    height: 24px;
    border: 3px solid #ff0042;
    background: transparent;
    color: #020211;
    font-size: 22px;
    line-height: 24px;
    padding: 20px 26px;
    display: inline-block;
    text-transform: uppercase;
}

#buy .anketa label:hover input[type="text"] {
    border: 3px solid #ffb007;
}

#buy .anketa input[type="text"].active, #buy .anketa label:hover input[type="text"].active {
    border: 3px solid #ffb007;
    background: #ffb007;
}
#buy .anketa label.has-error input[type="text"]{
    background: url("../images/red_20.png") repeat;

}
#buy .anketa label.has-error input[type="text"].active{
    background: #ffcccc;
}

#buy .anketa p span {
    position: absolute;
    left: 29px;
    top: 23px;
    color: #9e93b6;
    font-size: 22px;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    z-index: 0;
    text-transform: uppercase;
}

#buy .anketa p label:hover span {
    color: #ffffff;
}


#buy .anketa input[type="button"] {
    width: 295px;
    position: relative;
    height: 30px;
    margin: 46px 0 0 152px;
    cursor: pointer;
    font-size: 28px;
    color: #ffffff;
    font-family: "Politica Bold", sans-serif;
    border: 0;
    line-height: 30px;
    padding: 16px 0 17px 0;
    text-align: center;
    box-sizing: content-box;
    background: url("../images/anketa_send.png") 0 0 no-repeat;
    text-transform: uppercase;
}

#buy .anketa .garant {
    font-size: 24px;
    line-height: 26px;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    width: 100%;
    text-align: center;

}

#buy .anketa .garant span {
    color: #ffb007;
}

#fifth_slide {
    width: 100%;
    position: relative;
    height: auto;
    padding: 120px 0 0 0;
}

#fifth_slide .delivery {
    width: 1000px;
    height: 333px;
    position: relative;
    background: url("../images/bg_delivery.png") no-repeat;
}

#fifth_slide .delivery h1 {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 25px 0 35px 0;
    color: #ffffff;
    font-size: 60px;
    line-height: 62px;
}


#fifth_slide .delivery .icon {
    width: 25%;
    height: auto;
    color: #fffffd;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    padding: 100px 0 0 0;
    position: relative;
    float: left;
}

#fifth_slide .delivery .icon.first {
    background: url("../images/icon1.png") center top no-repeat;
}

#fifth_slide .delivery .icon.second {
    background: url("../images/icon2.png") center top no-repeat;
}

#fifth_slide .delivery .icon.third {
    background: url("../images/icon3.png") center top no-repeat;
}

#fifth_slide .delivery .icon.fourth {
    background: url("../images/icon4.png") center top no-repeat;
}


#fifth_slide .courier {
    width: 1000px;
    height: 234px;
    position: relative;
    padding: 70px 0 102px 0;
}

#fifth_slide .courier table {
    width: 882px;
    position: relative;
    height: 234px;
    padding: 0;
    margin: 0 59px;
    border: 0;
    border-collapse: collapse;
}

#fifth_slide .courier table td {
    height: 234px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: 0;
    background: url("../images/bg_courier.png") center top no-repeat;
}

#fifth_slide .courier td .number {
    color: #817995;
    font-size: 175px;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 176px;
    top: 29px;
    left: 0;
}

#fifth_slide .courier table td p {
    width: 234px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    position: relative;
}

#sixth_slide {
    width: 100%;
    position: relative;
    height: auto;
    padding: 0 0 76px 0;
}

#sixth_slide .border {
    width: 100%;
    height: 1px;
    position: relative;
    background: url("../images/border_fifth_slide.png") repeat-x;
    margin: 0 0 55px 0;
}

#sixth_slide .recommendation {
    width: 100%;
    height: 737px;
    position: relative;
    background: url("../images/bg_recommendation.png") no-repeat;
}

#sixth_slide .recommendation h1 {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 55px 0 75px 0;
    color: #ffffff;
    font-size: 48px;
    line-height: 52px;
}
#sixth_slide .recommendation img{
    width: 407px;
    height: 482px;
    position: absolute;
    left: 0;
    top: 254px;
}

#sixth_slide .application {
    width: 540px;
    position: relative;
    height: auto;
    margin: 0 30px 0 430px;
    
}
#sixth_slide .application>div{
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 35px 0;
}
#sixth_slide .application>div .header{
    text-align: left;
    color: #817995;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 18px 0;
}
#sixth_slide .application>div p{
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    margin: 0;
}
#docs{
    width: 100%;
    position: relative;
    height: 208px;
    background: url("../images/bg_docs.png") repeat-x;
}
#docs p{
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    padding: 48px 0 42px 0;
}
#docs p span{
    font-size: 30px;
    line-height: 34px;
    display: block;
    margin: 2px 0 0 0;
}
#docs .sert{
    width: 50%;
    text-align: center;
    position: relative;
    float: left;
    height: 60px;
}
#docs .sert.active{
    background: url("../images/arrow_docs.png") center bottom no-repeat;
}
#docs .sert p{
    display: inline-block;
    color: #ffb007;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}
#docs .sert.active p{
    text-decoration: none;
    color: #ffffff;
}
#certificates{
    width: 100%;
    height: 323px;
    position: relative;
    display: none;
    background: #020211;
}
#attachment{
    width: 100%;
    height: 323px;
    position: relative;
    display: none;
    background: #020211;
}
#certificates.active, #attachment.active{
    display: block;
}
.cert>div{
    width: 128px;
    height: 186px;
    position: relative;
    margin: 0 auto;
    padding: 54px 0 0 0;
}

.cert>div>div {
    position: relative;
    float: left;
    display: block;
    width: 128px;
    height: 186px;
    margin: 0;
    cursor: pointer;
}
#footer{
    width: 100%;
    position: relative;
    height: 149px;
    border-top: 1px solid #353246;
    background: #020211;
}
#footer #logo_cez{
    width: 209px;
    height: 68px;
    position: relative;
    float: left;
    margin: 40px 50px 0 30px;
    background: url("../images/logo_cez.png") no-repeat;
}
#footer .text{
    color: #817995;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 462px;
    margin: 47px 0 0 0;
}
#footer .phone{
    color: #ffffff;
    font-size: 42px;
    line-height: 44px;
    position: relative;
    float: right;
    text-align: right;
    text-transform: uppercase;
    margin: 41px 0 0 0;
}
#footer .phone span{
    color: #9e93b6;
    font-size: 18px;
    line-height: 22px;
    display: block;
}



.modal-open {
    overflow: hidden;
}

.modal {
    opacity: 0;
    filter: alpha(opacity = 0);
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

body.modal-open .modal {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.modal-content {
    position: relative;
    outline: 0;
}

.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    filter: alpha(opacity = 0);
}

body.modal-open .modal-backdrop {
    opacity: .9;
    filter: alpha(opacity = 90);
}


.modal-body {
    position: relative;
}

.modal {
    overflow: hidden;
}

.modal-dialog {
    top: 0;
    left: 0;
    bottom: 0;
    right: -17px;
    position: absolute;
    overflow-y: scroll;
}

.modal-content {
    width: 1000px;
    margin: auto;
    position: relative;
    padding: 80px 0;
    min-height: 475px;
}
.modal-dialog.sert .modal-content img{
    width: 548px;
    margin: 0 226px;
}

.modal-content h5 {
    font-size: 36px;
    color: #ffffff;
    font-weight: normal;
    position: relative;
    margin: 0 0 45px 0;
    padding: 0;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

.modal-content p.bold {
    font-size: 24px;
    line-height: 28px;
    color: #b7bfc5;
    position: relative;
    margin: 0 210px 35px 210px;
    text-align: center;
}


.modal-content .anketa {
width: 600px;
    position: relative;
    margin: 0 auto;
}

.modal-content .anketa p {
    position: relative;
    height: 70px;
    display: block;
    margin: 0 0 14px 0;
    width: 600px;
}

.modal-content .anketa label {
    cursor: text;
}

.modal-content .anketa input[type="text"] {
    font-family: "Politica Bold", sans-serif;
    width: 542px;
    margin: 0;
    height: 24px;
    border: 3px solid #ff0042;
    background: transparent;
    color: #020211;
    font-size: 22px;
    line-height: 24px;
    padding: 20px 26px;
    display: inline-block;
    text-transform: uppercase;
}

.modal-content .anketa label:hover input[type="text"] {
    border: 3px solid #ffb007;
}

.modal-content .anketa input[type="text"].active, .modal-content .anketa label:hover input[type="text"].active {
    border: 3px solid #ffb007;
    background: #ffb007;
}
.modal-content .anketa label.has-error input[type="text"]{
    background: url("../images/red_20.png") repeat;

}
.modal-content .anketa label.has-error input[type="text"].active{
    background: #ffcccc;
}

.modal-content .anketa p span {
    position: absolute;
    left: 29px;
    top: 23px;
    color: #9e93b6;
    font-size: 22px;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    z-index: 0;
    text-transform: uppercase;
}

.modal-content .anketa p label:hover span {
    color: #ffffff;
}


.modal-content .anketa input[type="button"] {
    width: 295px;
    position: relative;
    height: 30px;
    margin: 56px 0 0 152px;
    cursor: pointer;
    font-size: 28px;
    color: #ffffff;
    font-family: "Politica Bold", sans-serif;
    border: 0;
    line-height: 30px;
    padding: 16px 0 17px 0;
    text-align: center;
    box-sizing: content-box;
    background: url("../images/anketa_send.png") 0 0 no-repeat;
    text-transform: uppercase;
}

.close-window {
    width: 36px;
    height: 36px;
    background: url("../images/close_modal.png") 0 0 no-repeat;
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
}

.close-window:hover {
    background-position: 0 -36px;
}

@media only screen and (min-width: 1980px) {
    .bg {
        -moz-background-size: 100%; /* Firefox 3.6+ */
        -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
        -o-background-size: 100%; /* Opera 9.6+ */
        background-size: 100%; /* Современные браузеры */
    }
}

@media only screen and (max-width: 1400px) {
    #second_slide .test .left {
    left: -150px;
}
    #second_slide .test .right {
    right: -150px;
}
}
@media only screen and (max-width: 1120px) {

    .bg{
        right: 0;
    }
}