/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,cyrillic);*/

/**
* other components imports in the bottom;
**/

@import "./components/fonts.css";

html, body { min-width: 320px; width: 100%; }
body {
    color: #000;
    line-height: 1.53; font-size: 17px;
    font-weight: 300;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
}
a { cursor: pointer; text-decoration: none; color: #ec087a; outline: none;}
a:hover { color: #333; text-decoration: none; }
a:active { color: #000; text-decoration: none; outline: none; }
a:focus { color: #333; text-decoration: none; outline: none; }
a.text-underline { text-decoration: underline; }
a.text-underline:hover { text-decoration: none; }

input {
    -webkit-appearance: none;
    border-radius: 0;
}

audio, canvas, video { display: inline-block; }
.fl-left { float: left }
.fl-right { float: right }
.hide { display: none; }
.hide-pc { display: none; }
.show-mb, .va-container.show-mb, .head-section .show-mb  { display: none; }
.nowrap-box { white-space: nowrap }
.btn {
    height: 50px; min-width: 234px;
    font-size: 18px; font-weight: 700;
    text-transform: uppercase; text-decoration: none;
    letter-spacing: 1.8px;
    padding: 12px 26px;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important;
    color: #000;
    border: none;
    position: relative;
    transition: .2s ease-out;
    outline: none !important;
}
a.btn {
    text-decoration: none !important;
    line-height: 26px;
}
a.btn-large {
    line-height: 34px;
}
.btn:hover, .btn:focus, .btn:active { outline: none; }
.btn-full.btn { width: 100%  }
.btn-large {
    min-width: 404px; height: 63px;
    font-size: 24px;
    padding: 14px;
}
.btn-small {
    line-height: 20px;
    height: 42px;
    min-width: 173px; width: 173px;
    font-size: 14px;
    padding: 12px;
    border-radius: 0;
}
a.btn-small { line-height: 20px; }
.btn-big-text, a.btn-big-text {
    font-size: 20px;
    line-height: 38px;
}
.btn-blue, .btn-blue:focus {
    background: #30ebd1;
    color: #000;
}
.btn-blue:hover {
    background: #5ff0da;
    color: #000;
}
.btn-blue:active {
    background: #90ffee;
    color: #000;
}
.btn-blue-white {
    color: #fff;
}
.btn-gray, .btn-gray:focus {
    background: #cccccc;
    color: #000;
}
.btn-gray:hover {
    background: #dbdbdb;
    color: #000;
}
.btn-gray:active {
    background: #eaeaea;
    color: #000;
}
.btn .ico-arrow-right {
    position: absolute;
    top: 24px; right: 20px;
}
.btn-add {
    border-radius: 50%;
    border: 3px solid #000;
    width: 40px; height: 40px;
    background: #fff;
    line-height: 46px;
    padding: 0;
}
.btn-add span {
    display: inline-block;
    line-height: 46px;
    position: absolute;
    top: -6px; left: 0;
    width: 100%;
    font-size: 46px;
}
.ico-arrow-right {
    height: 16px;  width: 10px;
    vertical-align: top;
    background-position: -13px 0;
}
.ico-arrow-right-small {
    width: 7px; height: 12px;
    vertical-align: top;
    background-position: -23px 0;
    top: 19px; right: 23px;
    position: absolute;
}
.ico-arrow-left-small {
    width: 7px; height: 12px;
    vertical-align: top;
    background-position: -10px -20px;
    top: 19px; left: 23px;
    position: absolute;
}
.ico-arrow-left-big {
    width: 16px; height: 24px;
    background-position: -22px -36px;
}
.ico-arrow-bottom-small {
    width: 10px; height: 6px;
    background-position: -20px -70px;
    margin-top: 8px; margin-left: 2px;
}
.ico-arrow-bottom-smal_black {
    width: 12px; height: 12px;
    background-position: -34px 0;
    -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 8px;
}
.btn-pink, .btn-pink:focus {
    background: #eb067a;
    color: #fff;
}
.btn-pink:hover {
    background: #ef3889;
    color: #fff;
}
.btn-pink:active {
    background: #ff4899;
    color: #fff;
}
.btn-pink .ico-arrow-right-small {
    background-position: -23px 0;
}
.btn-pink .ico-arrow-right {
    background-position: -88px 0;
}
.btn-border-pink { border: 2px solid #eb067a; }
.btn-border-blue { border: 2px solid #5ff0da; }
.btn-border-pink:focus, .btn-border-blue:focus, .btn-add:focus { background-color: #ececec; }
.btn-border-pink.btn-large {
    padding: 13px 14px;
}
.btn-border-pink.btn-large .ico-arrow-right {
    top: 22px;
}
.btn-white, .btn-white:focus {
    background: #fff;
}
.btn-white:hover {
    background: #f4f4f4;
}
.btn-white:active {
    background: #e8e8e8;
}
.btn-white .ico-arrow-right-small, .btn-blue .ico-arrow-right-small,
.btn-gray .ico-arrow-right-small {
    background-position: -34px 0;
}
button.close, button.close:focus {
    background: none;
}

.btn-group-scl {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    color: #fff;
}
.btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
    min-width: auto; max-width: 48%;
    width: 234px; height: 48px;
    color: #fff;
    margin-right: 19px;
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 26px;
    padding-left: 12px; padding-right: 12px;
}


h1, h2, h3, h4 {
    font-weight: 700;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    text-transform: uppercase;
    line-height: 1.2;
}
h1, h2 {
    font-size: 56px;
    margin-bottom: 14px;
}
.h1-small {
    font-size: 30px;
    font-weight: 400;
}
.h1-lk-small {
    font-size: 24px;
    letter-spacing: -0.5px;
    margin-bottom: 40px;
}
h3 {
    font-size: 26px;
    margin-bottom: 12px;
    line-height: 1.31;
}
.h3-text {
    margin-bottom: 5px;
}
h4 {
    font-size: 26px;
    margin-bottom: 5px;
    word-spacing: 1.5px;
    line-height: 1.08;
}
h4 a { color: #000 }
h5 {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.38;
}
p { margin-bottom: 15px; }

.ico {
    display: inline-block; vertical-align: top;
    background-image: url("/img/ico-vector.svg"); background-repeat: no-repeat;
}
.ico-monsters {
    background-image: url("/img/monsters-sprite.png");
}


/*social btn & icons*/
@import "./components/social-btns.css";

.img-circle { overflow: hidden }
.img-circle img { display: block }
img { max-width: 100% }
.img-box a { color: #000 }

.container { max-width: 1166px; padding-left: 15px; padding-right: 15px; }
.container-fluid { padding: 0; }


.border-section, .main-head {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 82px;
    margin-bottom: 45px;
}
.border-section_padding-small {
    padding-bottom: 50px;
}
.border-box-blue {
    border: 2px solid #2febd1;
    padding: 25px 30px 15px 30px;
    border-radius: 3px;
    margin-bottom: 40px;
}
h1 + .big-text, h1 + .anons-text, h2 + .big-text, h2 + .anons-text { margin-top: -6px; }
h1 + .middle-margin-top {
    margin-top: 23px; margin-bottom: 69px;
}
h1 + .default-text  {
    max-width: 900px;
    margin-left: auto; margin-right: auto
}
.big-text {
    font-size: 26px;
    line-height: 1.3;
}
h1 + .big-text.container-fluid { margin-top: 11px; margin-bottom: 25px; }
.anons-text { line-height: 1.7 }
.anons-action-group {
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.small-text {
    font-size: 13px;
    line-height: 1.54;
}
.bg-line-3 { position: relative; }
.bg-line-3:after {
    position: absolute;
    top: -2px; left: -14px;
    background: url("/img/bg-head-3.svg") 0 0 no-repeat;
    content: '';
    width: 194px; height: 31px;
    z-index: -1;
}

.numb-text {
    font-weight: 700;
    color: #fff;
    width: 15px; height: 15px;
    background: #eb067a;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    margin-right: 5px;
}
.box-relative { position: relative }
.text-bold { font-weight: 700 }
.text-medium { font-weight: 500 }
.text-reg { font-weight: 400 }
.text-light { font-weight: 300 }
.text-pink { color: #ec087a }
.text-pink .glyphicon { color: #000 }
.text-black { color: #000 !important; }
.text-condensed { font-family: 'Roboto Condensed', Arial, Verdana, sans-serif; }
.text-noupper { text-transform: none }

.link-pink {
    color: #ec087a;
    font-size: 14px;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

/*header*/
.main-head {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    padding-top: 10px;
    font-weight: 700;
    height: 80px;
    padding-bottom: 0;
    position: relative;
}
.main-head a { color: #000 }
.main-head a:hover { color: #333 }
.logo-box { float: left }
.right-head {
    float: right;
    padding-top: 11px;
}
.main-menu {
    margin-right: 20px;
    padding-left: 0;
}
.main-menu li {
    float: left;
    list-style-type: none;
    margin-left: 9px; margin-right: 9px;
}
.main-menu li.active { position: relative }
.main-menu li.active:after {
    position: absolute;
    width: 68px; height: 15px;
    content: '';
    top: 11px; left: 50%;
    margin-left: -34px;
    background: url("/img/bg-head.svg") 0 -59px no-repeat;
    background-size: 189px auto;
    z-index: -1;
}
.main-menu li a {
    padding: 10px;
    display: block;
}
.nav-link a {
    padding: 10px;
    display: inline-block;
}
.change-status {
    text-align: right;
    position: relative;
    width: 135px;
}
.change-status:after, .show-logout:after, .show-login:after {
    background: #e6e6e6;
    width: 1px; height: 35px;
    content: '';
    position: absolute;
    top: 2px; left: 0;
}
.glyphicon-chevron-down {
    font-size: 10px;
    margin-left: 4px;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.change-country {
    /*width: 86px;*/
    margin-right: 8px;
}
.change-lang {
    margin-right: 26px;
}
.head-login .change-country {
    margin-right: 0
}
.ico-lang {
    width: 20px; height: 14px;
    display: inline-block;
    vertical-align: top;
    background-image: url("/img/ico-country.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    margin-right: 6px; margin-top: 5px;
}
.ico-lang-small {
    width: 18px; height: 12px;
    background-size: 18px auto;
    margin-right: 6px; margin-top: 4px;
}
.show-logout, .show-login {
    text-align: center;
    position: relative;
    /*width: 116px;*/
}
.show-login {
    text-align: left;
    max-width: 230px;
    width: auto;
    padding-left: 19px;
}
.link-logout {
    padding-left: 0 !important;
    vertical-align: top;
    margin-left: -10px;
}
.show-login .link-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 127px;
    display: inline-block;
}
.show-login .ico-login {
    -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 4px;
}
.ico-no-img { background: none }
.ico-add {
    font-size: 18px;
}
.ico-check {
    width: 15px; height: 15px;
    background-image: url("/img/icons.png"); background-position: 0 -114px;
}
.ico-login {
    width: 13px; height: 13px;
    background-image: url("/img/ico-vector.svg"); background-position: 0 0;
    margin-right: 5px; margin-top: 3px;
    margin-left: 6px;
}
.ico-info {
    position: relative;
    width: 23px; height: 23px;
    background: #3fe9d1;
    margin-top: -2px; margin-right: 5px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.ico-info:after {
    width: 6px; height: 13px;
    background-image: url("/img/icons.png"); background-position: -270px 0;
    margin-right: 5px; margin-top: 3px;
    margin-left: 6px;
    content: '';
    position: absolute;
    top: 2px; left: 2px;
}
.ico-location {
    width: 19px; height: 26px;
    background-position: 0 -36px;
}
.ico-location-small {
    width: 10px; height: 13px;
    background-image: url("/img/icons.png");
    background-position: -40px -66px;
}
.ico-location-big {
    width: 29px; height: 39px;
    background-position: 0 -53px;
    background-size: 310px auto;
    margin-top: -2px;
}
.ico-location-large {
    width: 32px; height: 42px;
    background-position: 0 -58px;
    background-size: 340px auto;
    margin-top: -6px; margin-left: 5px;
}
.ico-location-pink-small {
    width: 16px; height: 22px;
    background-position: -40px -278px;
}
.ico-period {
    width: 18px; height: 22px;
    background-image: url("/img/icons.png");
    background-position: 0 -38px;
    background-size: 232px auto;
}
.ico-period-big {
    width: 27px; height: 33px;
    margin-top: -1px; margin-left: 4px;
    background-position: 0 -58px;
    background-size: 352px auto;
}
.ico-period-large {
    width: 30px; height: 37px;
    margin-top: -3px; margin-left: 7px;
    background-position: 0 -62px;
    background-size: 380px auto;
}
.ico-period-pink-small {
    width: 19px; height: 23px;
    background-position: 0 -132px;
    background-size: 230px auto;
}
.ico-gender-big {
    width: 37px; height: 33px;
    margin-top: -1px; margin-left: -1px;
    background-position: 0 -146px;
}
.ico-gender-large {
    width: 41px; height: 37px;
    margin-top: -4px; margin-left: 0;
    background-position: 0 -160px;
    background-size: 230px auto;
}
.ico-gender-blue {
    width: 66px; height: 59px;
    background-position: 0 -429px;
    background-size: 374px auto;
}
.ico-gender-pink-small {
    width: 24px; height: 22px;
    background-position: -64px -278px;
}
.ico-age-big {
    width: 33px; height: 37px;
    margin-top: -5px;
    background-position: -146px -116px;
}
.ico-mechanics-large {
    width: 43px; height: 37px;
    margin-top: -4px; margin-left: 1px;
    background-position: -146px -155px;
}
.ico-mechanics-pink-small {
    width: 27px; height: 24px;
    background-position: -98px -278px;
}
.ico-product-large {
    width: 35px; height: 40px;
    margin-top: -6px; margin-left: 4px;
    background-position: -146px -194px;
}
.ico-quote {
    width: 22px; height: 27px;
    background-image: url("/img/icons.png"); background-position: -280px 0;
}
.ico-personal {
    width: 20px; height: 20px;
    background-image: url("/img/icons.png"); background-position: -372px 0;
}
.ico-star {
    width: 27px; height: 27px;
    background-image: url("/img/icons.png"); background-position: -344px 0;
}
.one-star {
    width: 22px; height: 20px;
    background-image: url("/img/icons.png"); background-position: -344px -28px;
}
.one-star-empty {
    background-image: url("/img/icons.png"); background-position: -368px -28px;
}
.ico-like {
    width: 58px; height: 67px;
    background-position: -191px -459px;
    background-size: 400px auto;
}
.ico-like-small {
    width: 39px; height: 45px;
    background-position: -129px -310px;
    background-size: 270px auto;
}
.ico-views {
    width: 89px; height: 49px;
    background-position: -78px -425px;
    background-size: 370px auto;
}
.ico-heart {
    width: 54px; height: 54px;
    background-position: -239px -422px;
    background-size: 368px auto;
}
.ico-star-big {
    width: 65px; height: 62px;
    background-position: -361px -506px;
    background-size: 440px auto;
}
.ico-like-hand {
    width: 66px; height: 59px;
    background-position: 0 -585px;
    background-size: 440px auto;
}
.ico-kpi {
    background-image: url("/img/kpi-clarification.png");
    width: 111px; height: 111px;
}
.ico-sample {
    background-position: 0 0;
}
.ico-review {
    background-position: -120px 0;
}
.ico-contact {
    background-position: -240px 0;
}
.ico-recommend {
    background-position: -360px 0;
}
.ico-digital {
    background-position: -480px 0;
}
.ico-conclusion {
    background-image: url("/img/conclusion.png");
    width: 75px; height: 75px;
}
.ico-people {
    background-position: 0 0;
}
.ico-online-recommend {
    background-position: -100px 0;
}
.ico-impression {
    background-position: -200px 0;
}
.ico-time {
    width: 28px; height: 28px;
    background-position: -134px -278px;
}
.ico-man {
    width: 31px; height: 41px;
    background-image: url("/img/icons.png");
    background-position: -178px -230px;
}
.ico-share {
    width: 40px; height: 44px;
    background-image: url("/img/icons.png");
    background-position: -218px -230px;
}
.ico-phone {
    width: 42px; height: 42px;
    background-image: url("/img/icons.png");
    background-position: -268px -230px;
}
.ico-correct {
    width: 56px; height: 43px;
    background-image: url("/img/icons.png");
    background-position: -320px -230px;
}
.ico-web-link {
    width: 43px; height: 44px;
    background-position: 0 -384px;
}
.ico-contract {
    width: 42px; height: 42px;
    background-image: url("/img/icons.png");
    background-size: 200px auto;
    background-position: 0 -157px;
}
.ico-truck-line, .ico-truck-correct {
    width: 81px; height: 51px;
    background-image: url("/img/icons.png");
    background-size: 200px auto;
}
.ico-truck-line {
    background-position: 0 -202px;
}
.ico-truck-correct {
    background-position: -87px -202px;
}
.ico-error {
    width: 25px; height: 25px;
    background-position: -172px -278px;
}
.gray-box {
    width: 38px; height: 38px;
    background: #e5e5e5;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    line-height: 38px;
}
.circle-blue-border-ico {
    width: 107px; height: 107px;
    background: #2febd1;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #2febd1;
}
.circle-text {
    width: 120px; height: 120px;
    border-radius: 50%;
    color: #fff;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    padding-top: 35px;
}
.circle-text span {
    display: block;
    font-size: 24px;
    line-height: 30px;
}
.circle-text .big-text {
    font-size: 45px;
    margin-bottom: 5px;
}
.circle-text-blue {
    background: #2febd1;
}
.circle-text-gray {
    background: #e5e5e5;
}
.circle-text-pink {
    background: #ec087a;
}
.big-star-box { padding-top: 5px; padding-bottom: 5px; }
.big-star-box .one-star {
    width: 32px; height: 32px;
    background-position: -280px -106px;
    margin-left: 1px; margin-right: 6px;
}
.big-star-box .one-star-empty {
    background-position: -322px -106px;
}
.star-box5 { padding-bottom: 0 }
.star-box5 .one-star { margin-right: 12px; }
a:hover .ico-info {
    background-color: #5ff0da;
}
a:hover .ico-info {
    background-color: #90ffee;
}
.ru.ico-lang {background-position:0 0}
.ua.ico-lang {background-position:0 -30px}
.md.ico-lang {background-position:0 -60px}
.ro.ico-lang {background-position:0 -90px}
.lv.ico-lang {background-position:0 -120px}
.it.ico-lang {background-position:0 -150px}
.us.ico-lang {background-position:0 -180px}
.mx.ico-lang {background-position:0 -210px}
.co.ico-lang {background-position:0 -240px}
.ec.ico-lang {background-position:0 -270px}
.pe.ico-lang {background-position:0 -300px}
.ar.ico-lang {background-position:0 -330px}
.nl.ico-lang {background-position:0 -360px}
.cn.ico-lang {background-position:0 -390px}
.cn1.ico-lang {background-position:0 -420px}
.en.ico-lang, .uk.ico-lang {background-position:0 -451px}
.lt.ico-lang {background-position:0 -481px}
.ee.ico-lang {background-position:0 -511px}
.az.ico-lang {background-position:0 -541px}
.by.ico-lang {background-position:0 -571px}
.kz.ico-lang {background-position:0 -601px}
.al.ico-lang {background-position:0 -631px}
.bg.ico-lang {background-position:0 -661px}
.ba.ico-lang {background-position:0 -691px}
.mk.ico-lang {background-position:0 -721px}
.rs.ico-lang, .sr.ico-lang {background-position:0 -751px}
.sl.ico-lang, .si.ico-lang {background-position:0 -781px}
.hr.ico-lang {background-position:0 -811px}
.me.ico-lang {background-position:0 -841px}
.se.ico-lang {background-position:0 -871px}
.no.ico-lang {background-position:0 -901px}
.dk.ico-lang {background-position:0 -931px}
.fl.ico-lang {background-position:0 -961px}
.am.ico-lang {background-position:0 -991px}
.ge.ico-lang {background-position:0 -1021px}
.kg.ico-lang {background-position:0 -1081px}
.tj.ico-lang {background-position:0 -1111px}
.tm.ico-lang {background-position:0 -1141px}
.uz.ico-lang {background-position:0 -1171px}
.pl.ico-lang {background-position: 0 -1201px;}
.be.ico-lang {background-position:0 -1230px}
.lu.ico-lang {background-position:0 -1260px}
.de.ico-lang {background-position:0 -1290px}
.at.ico-lang {background-position:0 -1320px}
.ch.ico-lang {background-position:0 -1350px}
.cz.ico-lang {background-position:0 -1380px}
.sk.ico-lang {background-position:0 -1410px}
.hu.ico-lang {background-position:0 -1440px}
.tr.ico-lang {background-position:0 -1470px}
.mt.ico-lang {background-position:0 -1500px}
.es.ico-lang {background-position:0 -1530px}
.sv.ico-lang,
.se.ico-lang {background-position:0 -870px}

.ru.ico-lang-small {background-position:0 0;}
.ua.ico-lang-small {background-position:0 -27px;}
.md.ico-lang-small {background-position:0 -54px;}
.ro.ico-lang-small {background-position:0 -81px; }
.lv.ico-lang-small {background-position:0 -108px;}
.it.ico-lang-small {background-position:0 -135px;}
.us.ico-lang-small {background-position:0 -162px;}
.mx.ico-lang-small {background-position:0 -189px;}
.co.ico-lang-small {background-position:0 -216px;}
.ec.ico-lang-small {background-position:0 -243px;}
.pe.ico-lang-small {background-position:0 -270px;}
.nl.ico-lang-small {background-position:0 -324px;}
.en.ico-lang-small,
.uk.ico-lang-small {background-position:0 -406px}
.lt.ico-lang-small {background-position:0 -433px;}
.ee.ico-lang-small {background-position:0 -460px;}
.az.ico-lang-small {background-position:0 -487px;}
.by.ico-lang-small {background-position:0 -514px;}
.kz.ico-lang-small {background-position:0 -541px;}
.al.ico-lang-small {background-position:0 -568px;}
.bg.ico-lang-small {background-position:0 -595px;}
.ba.ico-lang-small {background-position:0 -622px;}
.mk.ico-lang-small {background-position:0 -649px;}
.rs.ico-lang-small {background-position:0 -676px;}
.si.ico-lang-small {background-position:0 -703px;}
.hr.ico-lang-small {background-position:0 -730px;}
.me.ico-lang-small {background-position:0 -757px;}
.se.ico-lang-small {background-position:0 -784px;}
.no.ico-lang-small {background-position:0 -811px;}
.dk.ico-lang-small {background-position:0 -838px;}
.fl.ico-lang-small {background-position:0 -865px;}
.am.ico-lang-small {background-position:0 -892px;}
.ge.ico-lang-small {background-position:0 -919px;}
.kg.ico-lang-small {background-position:0 -973px;}
.tj.ico-lang-small {background-position:0 -1000px;}
.tm.ico-lang-small {background-position:0 -1027px;}
.uz.ico-lang-small {background-position:0 -1054px;}
.pl.ico-lang-small {background-position: 0 -1081px;}
.be.ico-lang-small {background-position:0 -1107px}
.lu.ico-lang-small {background-position:0 -1134px}
.de.ico-lang-small {background-position:0 -1161px}
.cz.ico-lang-small {background-position:0 -1242px}
.sk.ico-lang-small {background-position:0 -1270px}
.hu.ico-lang-small {background-position:0 -1296px}
.tr.ico-lang-small {background-position:0 -1323px}
.mt.ico-lang-small {background-position:0 -1350px}
.es.ico-lang-small {background-position:0 -1377px}
.sv.ico-lang-small,
.se.ico-lang-small {background-position:0 -784px}

/*.bg-head {
    position: relative;
    display: inline-block;
}
.bg-head:after {
    position: absolute;
    width: 217px; height: 64px;
    content: '';
    top: -5px; left: -11px;
    background: url("/img/bg-head.svg") 0 0 no-repeat;
    z-index: -1;
}*/
/*dropdown*/
.open a {
    position: relative;
    z-index: 1001;
}
.open .glyphicon-chevron-down {
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); transform: rotate(180deg);
}
.open .active-bg {
    position: relative;
}
.open .active-bg:after {
    position: absolute;
    width: 81px; height: 15px;
    content: '';
    top: -1px; left: 50%;
    margin-left: -40px;
    background: url("/img/bg-head.svg") 0 -74px no-repeat;
    z-index: -1;
}
.dropdown-menu {
    background: #3fe9d1;
    border: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.17 );  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.17 );  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.17 );
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    padding-top: 0; padding-bottom: 31px;
    margin-top: -2px;
}
.dropdown-menu:after {
    width: 100%; height: 59px;
    background: #3fe9d1;
    content: '';
    top: -59px; left: 0;
    position: absolute;
}
.dropdown-menu li a {
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    padding-left: 38px;
}
.dropdown-menu li a:hover { background: none }
.dropdown-country {
    background: #fff;
    margin-top: 1px;
    width: 100%;
    padding-top: 13px; padding-bottom: 0;
}
.dropdown-country:after {
    display: none;
}
.dropdown-country .close { top: 14px; right: 15px }
.dropdown-country .container { position: relative }
.country-list {
    max-width: 866px;
    list-style-type: none;
    padding-left: 0;
    padding-top: 18px; padding-bottom: 25px;
    margin-left: auto; margin-right: auto;
    border-bottom: 1px solid #e6e6e6;
}
.country-list:last-child { border-bottom: none }
.country-list li {
    width: 20%;
    float: left;
    font-size: 14px;
    white-space: nowrap;
    text-transform: uppercase;
}
.country-list li:nth-child(5n+1) { width: 19% }
.country-list li:nth-child(5n+2) { width: 21% }
.country-list li a {
    padding: 6px 0;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    color: #000;
}
.country-list li a:hover { color: #333; }
.country-list li .ico-lang { margin-top: 3px; margin-right: 12px; }
.country-list li.ba {
    white-space: normal;
    margin-bottom: -7px;
}
.country-list li.ba .ico-lang { float: left }
.country-list li.ba .text-lang {
    display: block;
    margin-left: 32px; margin-top: -6px;
    line-height: 1.2;
}
.country-list li sup {
    color: #777;
    top: -10px;
}
.country-list li sup a {
    padding: 0;
    color: #777;
    font-size: 9px;
}
.country-list li sup a:hover { color: #e52182 }



/*footer*/
.box-bnr { padding-top: 36px; padding-bottom: 45px; }
.main-footer {
    text-align: center;
    font-size: 13px;
    padding-bottom: 50px; padding-top: 23px;
}
.s-box ul {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 18px;
}
.s-box ul li {
    list-style-type: none;
    float: left;
    margin-right: 10px; margin-left: 10px;
}
.s-box ul li a {
    display: block;
    width: 33px; height: 33px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    background: #3fe9d1;
    position: relative;
}
.s-box ul li a:after {
    position: absolute;
    content: '';
    background-image: url("/img/ico-vector.svg"); background-repeat: no-repeat;
}
.s-box ul li a:hover {
    background-color: #5ff0da;
}
.s-box ul li a:active {
    background-color: #90ffee;
}
.vk a:after {
    width: 20px; height: 11px;
    top: 12px; left: 6px;
    background-position: -50px 0;
    background-size: 190px auto;
}
.inst a:after {
    width: 17px; height: 17px;
    top: 8px; left: 8px;
    background-position: -170px -50px;
}
.fb a:after {
    width: 9px; height: 19px;
    top: 7px; left: 12px;
    background-position: -42px 0;
}
.tw a:after {
    width: 16px; height: 14px;
    top: 10px; left: 9px;
    background-position: -170px -30px;
}
.telegr a:after, .tg a:after {
    width: 19px; height: 16px;
    top: 8px; left: 6px;
    background-position: -170px -80px;
}
.vb a:after {
    width: 19px; height: 22px;
    top: 5px; left: 7px;
    background-position: -184px -115px;
}

.s-box_white { margin-top: -6px; }
.s-box_white ul li {
    margin-right: 8px; margin-left: 8px;
}
.s-box_white ul li a {
    border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
    background-image: url("/img/ico-vector.svg");
    background-repeat: no-repeat;
    background-color: transparent;
}
.s-box_white ul li a:after {
    display: none;
}
.s-box_white ul li a:hover,
.s-box_white ul li a:active {
    background-color: transparent;
}
.s-box_white ul .vk_pink a {
    width: 29px; height: 17px;
    background-position: -104px -440px;
    margin-top: 7px
}
.s-box_white ul .fb_pink a {
    width: 14px; height: 30px;
    background-position: -170px -440px;
}
.s-box_white ul .tw_pink a {
    width: 24px; height: 20px;
    background-position: -144px -476px;
    margin-top: 5px
}
.main-footer .copy { padding-bottom: 1px; }
.main-footer span {
    display: block;
    font-size: 13px;
    color: #a1a1a1;
    line-height: 1.6;
}
.footer-text {
    max-width: 450px;
    margin-right: auto; margin-left: auto;
    margin-bottom: 15px;
}
.footer-text:last-child { margin-bottom: 0 }
.womma-logo span {
    color: #818082;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 3px; margin-top: 23px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
}
.client-link a {
    color: #a1a1a1;
    text-decoration: underline;
    font-weight: 500;
    font-size: 18px;
}
.client-link a:hover { text-decoration: none }



/*warn*/
.warn-info-text {
    letter-spacing: normal;
    max-width: 600px;
    text-align: center;
    margin: 0 auto 30px auto;
}

.main-head + .standart-inner-section > .action-info {
    margin-top: -45px;
}
.standart-inner-section { margin-bottom: 50px; }
.text-inner-page {
    max-width: 940px;
    margin: 0 auto;
}
.text-inner-page p { margin-bottom: 28px; }

/*---rules link---*/
.rules-link {
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-top: 3px; margin-bottom: 23px;
}
.rules-link a { color: #000 }
.rules-link a:hover { color: #333 }
.rules-link span { display: inline-block !important; }


/*rules*/
.text-inner-page.small-text { padding-bottom: 26px; }
.text-inner-page.small-text h3:first-child {
    margin-top: 2px; margin-bottom: 20px;
}
.text-inner-page.small-text h3 {
    margin-bottom: 8px; margin-top: 48px;
    text-align: center;
    max-width: 780px;
    margin-right: auto; margin-left: auto;
}
.text-inner-page.small-text h4 {
    font-size: 13px;
    margin-top: 12px; margin-bottom: 2px;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
}
.text-inner-page.small-text h5 {
    font-size: 13px;
    margin-top: 0;
}
.text-inner-page.small-text p {
    line-height: 1.38;
    margin-bottom: 10px;
}
.text-inner-page.small-text ul {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 12px;
}
.text-inner-page.small-text ul li {
    line-height: 1.38;
}
.text-inner-page.small-text p + ul { margin-top: -10px; }

/*faq page*/
.faq-inner-page h3 { margin-top: 26px; }
.faq-inner-page ul {
    list-style-position: inside;
    margin-left: 0;
    padding: 0;
}
/*.faq-inner-page,*/ .rating-inner-page {
    line-height: 1.65;
}
/*.faq-inner-page p, */.rating-inner-page p {
    margin-bottom: 0;
    padding-bottom: 14px;
}
.faq-inner-page p { margin-bottom: 0 }
.faq-inner-page p + ul { margin-top: -14px; }
.faq-inner-page ul li { padding-bottom: 14px; }

/*faq report*/
.faq-report-inner-page { margin-bottom: 40px; }
.faq-report-inner-page h4:first-child { margin-top: -4px; }
.faq-report-inner-page h4 {
    margin-bottom: 8px; margin-top: 29px;
}
.faq-report-inner-page ul {
    list-style-type: none;
    padding-bottom: 5px;
}
.faq-report-inner-page ul li {
    padding-bottom: 0; padding-left: 21px;
    position: relative;
}
.faq-report-inner-page ul li:after {
    width: 3px; height: 3px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    background: #000;
    position: absolute;
    top: 11px; left: 13px;
    content: '';
}
/*Faq new style*/
.border-section_faq {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
    margin-bottom: 34px;
}
.ico-faq {
    width: 84px; height: 84px;
    background: #efefef;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-size: auto 84px;
    background-image: url("/img/ico-faq.svg");
    background-repeat: no-repeat;
}
.ico-faq-8 { background: #efefef; }
.ico-faq-5 { background-position: 0 0; }
.ico-faq-7 { background-position: -96px 0; }
.ico-faq-1 { background-position: -192px 0; }
.ico-faq-4 { background-position: -287px 0; }
.ico-faq-3 { background-position: -383px 0; }
.ico-faq-2 { background-position: -479px 0; }
.ico-faq_big {
    width: 115px; height: 115px;
    background-size: auto 100%;
}
.ico-faq-8.ico-faq_big { background: #efefef; }
.ico-faq-5.ico-faq_big { background-position: 0 0; }
.ico-faq-7.ico-faq_big { background-position: -130px 0; }
.ico-faq-1.ico-faq_big { background-position: -260px 0; }
.ico-faq-4.ico-faq_big { background-position: -390px 0; }
.ico-faq-3.ico-faq_big { background-position: -520px 0; }
.ico-faq-2.ico-faq_big { background-position: -650px 0; }
h1 + .nav-header_faq, h2 + .nav-header_faq {
    margin-top: 27px;
}
.nav-header_faq ul {
    max-width: 940px;
    display: block;
    margin-left: auto; margin-right: auto;
}
.nav-header_faq li {
    width: 16.6666%;
    font-size: 16px;
    margin-right: 0; margin-left: 0;
    padding-left: 10px; padding-right: 10px;
}
.nav-header_faq li.active:after {
    bottom: 5px; top: auto;
}
.nav-header_faq .ico-faq {
    display: block;
    margin: 0 auto 18px;
}
.faq-inner-page {
    line-height: 1.3;
}
.faq-inner-page h2 {
    font-size: 42px;
    margin-bottom: 35px;
}
.faq-inner-page h4 {
    font-size: 20px;
    margin-bottom: 9px;
}
h2 .ico-faq_big {
    margin-right: 36px;
    margin-top: -8px;
}
.faq__item { margin-bottom: 19px; }
.answer-link { cursor: pointer; }
.answer-link:hover {
    border-bottom: 1px solid #a5a5a5;
}
.faq-answer { display: none }

/*map page*/
.map-page {
    background: url("/img/map.jpg") center 0 no-repeat;
    background-size: cover;
}
.map-page h1 { margin-top: 80px; }
.btn-group-map {
    margin-top: 40px; margin-bottom: 40px;
}
.btn-bg-wave {
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-family: 'ALSSchlangesansBlack','Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    padding: 4px;
    min-width: auto;
    margin-left: 20px; margin-right: 20px;
}
.btn-bg-wave.btn-pink {
    width: 180px; height: 36px;
    background: url("/img/btn_pink.svg") 0 0 no-repeat;
    background-size: 180px 36px;
}
.btn-bg-wave.btn-blue {
    width: 180px; height: 36px;
    background: url("/img/btn_blue.svg") 0 0 no-repeat;
    background-size: 180px 36px;
}

/*rating page*/
.gray-back {
    background: #f4f4f4;
    padding-top: 49px; padding-bottom: 52px;
    margin-top: 50px; margin-bottom: 50px;
}
.gray-back .text-inner-page {
    padding-left: 90px; padding-right: 90px;
}
.gray-back p { line-height: 1.42; }
.gray-back p:last-child { margin-bottom: 0 }
.rating-img-header {
    margin-top: 21px; margin-bottom: 53px;
}
.rating-img-header div:first-child img { margin-left: -6px; }
.rating-img-header div:last-child img { margin-right: 3px; }
.rating-text-header h3 { margin-bottom: 5px; }
.rating-item-list { margin-bottom: 96px; }
.rating-item-list + .btn-box { margin-bottom: 44px; }
.rating-item-list + .btn-box .btn-large { min-width: 460px; }
.rating-item {
    min-height: 161px;
    display: flex;
    align-items: center;
    position: relative;
}
.rating-item:after, .rating-item:before {
    position: absolute;
    content: "......................................................";
    color: #13e7ca;
    font-size: 50px;
    line-height: 40px;
    bottom: -7px;
    width: 320px;
    overflow: hidden;
}
.rating-item:after { left: 0; }
.rating-item:before { right: 18px; }
.rating-item-text {
    display: flex;
    width: 100%;
}
.rating-item-text .clearfix { width: 100% }
.rating-item p {
    font-size: 13px;
    line-height: 1.85;
    margin-bottom: 0;
}
.rating-item a { text-decoration: underline; }
.rating-item a:hover { text-decoration: none; }
.rating-item-left {
    width: 380px;
    float: left;
    display: block;
}
.rating-item-right {
    width: 338px;
    float: right;
    display: block;
}
.rating-item .ico-monsters {
    width: 128px; height: 128px;
    background: #f4f4f4;
    border-radius: 50%;
    position: absolute;
    left: 50%; top: 50%;
    margin-left: -64px; margin-top: -64px;
    margin-right: 0;
}
.rating-item .ico-monsters:after,
.rating-item .ico-monsters:before {
    position: absolute;
    content: '';
}
.rating-item .ico-monsters:after {
    width: 23px; height: 23px;
    background: #3fe9d1;
    border-radius: 50%;
    left: 2px; top: 10px;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #222222;
    text-align: center;
}
.rating-item .ico-monster1:after { content: '1'; }
.rating-item .ico-monster2:after { content: '2'; }
.rating-item .ico-monster3:after { content: '3'; }
.rating-item .ico-monster4:after { content: '4'; }
.rating-item .ico-monster5:after { content: '5'; }
.rating-item .ico-monster6:after { content: '6'; }
.rating-item .ico-monsters:before {
    background-image: url("/img/monsters-rating.svg");
    background-repeat: no-repeat;
}
.rating-item .ico-monster1:before {
    width: 96px; height: 93px;
    background-position: 0 0;
    top: 12px; left: 15px;
}
.rating-item .ico-monster2:before {
    width: 69px; height: 108px;
    background-position: 0 -104px;
    top: 6px; left: 30px;
}
.rating-item .ico-monster3:before {
    width: 109px; height: 84px;
    background-position: 0 -220px;
    top: 23px; left: 10px;
}
.rating-item .ico-monster4:before {
    width: 117px; height: 78px;
    background-position: 0 -315px;
    top: 22px; left: 8px;
}
.rating-item .ico-monster5:before {
    width: 100px; height: 84px;
    background-position: 0 -400px;
    top: 20px; left: 16px;
}
.rating-item .ico-monster6:before {
    width: 101px; height: 77px;
    background-position: 0 -495px;
    top: 30px; left: 5px;
}



/*pagination*/
.pagination-container {
    text-align: center;
    margin-bottom: -6px;
}
.pagination li {
    float: left;
    margin-left: 12px;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    letter-spacing: 1.2px;
}
.pagination li:first-child { margin-left: 0; margin-right: 13px; }
.pagination li.active:first-child { margin-left: 12px; margin-right: 0; }
.pagination li:last-child { margin-left: 25px; }
.pagination li a {
    width: 44px; height: 44px;
    background: #3fe9d1;
    border: none;
    color: #000;
    padding: 10px;
    border-radius: 0 !important;
}
.pagination li a:focus {
    color: #000;
    background: #3fe9d1;
}
.pagination li a:hover {
    color: #000;
    background-color: #5ff0da;
}
.pagination li a:active {
    color: #000;
    background-color: #90ffee;
}
.pagination li.dott {
    color: #434343;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 5px 0;
}
.pagination .previous a, .pagination .next a {
    border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;
    padding-right: 14px; padding-left: 14px;
    width: auto;
    position: relative;
}
.pagination li.active a, .pagination li.disabled a {
    background: #e5e5e5 !important;
    color: #8d8d8d !important;
}
.pagination .next a {
    text-align: left;
    padding-right: 51px; padding-left: 16px;
}
.pagination .previous a {
    text-align: right;
    padding-left: 51px; padding-right: 16px;
}
.pagination .ico-arrow-right-small {
    right: 14px; top: 16px;
    background-position: -34px 0;
}
.pagination .ico-arrow-left-small {
    left: 14px; top: 16px;
}
.pagination .disabled .ico-arrow-right-small {
    background-position: 0 -20px;
}
.pagination .disabled .ico-arrow-left-small {
    background-position: -20px -20px;
}


/*share*/
.share-box {
    max-width: 366px;
    margin-bottom: 19px; padding-top: 12px;
}
.sh-l {
    display: inline-block;
    margin-right: 7px;
}
.s-box-sh .label-text, .s-box-sh-text .label-text {
    color: #ec087a;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    float: left;
    font-weight: 700;
    font-size: 14px;
    margin-top: 4px; margin-right: 6px;
    letter-spacing: 1px;
}
.s-box-sh .s-box ul { margin-bottom: 14px; }
.s-box-sh .s-box ul li { margin-right: 6px; margin-left: 6px; }
.s-box-sh .s-box ul li a {
    width: 26px; height: 26px;
    background: #ec087a;
}
.s-box-sh .s-box ul li a::after {
    background-size: 187px auto;
}
.s-box-sh .fb a:after {
    width: 8px; height: 15px;
    top: 6px; left: 9px;
    background-position: -38px 0;
}
.s-box-sh .tw a:after {
    width: 13px; height: 11px;
    top: 8px; left: 7px;
    background-position: -152px -27px;
}
.s-box-sh .vk a:after {
    width: 17px; height: 10px;
    top: 9px; left: 4px;
    background-position: -46px 0;
    background-size: 170px auto !important;
}
.s-box-sh-text { text-align: center }
.s-box-sh-text p { margin-bottom: 36px; }
.s-box-sh-text .s-box {
    display: inline-block;
    vertical-align: top;
}
.s-box-sh-text .s-box ul { margin-bottom: 0 }
.s-box-sh-text .s-box ul li a {
    background: #ec087a;
}
.s-box-sh-text .label-text {
    float: none;
    display: inline-block;
    margin-top: 7px; margin-right: 2px;
}
.s-box-sh-text-top {
    margin-top: -11px; margin-bottom: 53px;
}
.s-box-sh-text-bottom {
    margin-top: 46px; margin-bottom: -6px;
}
.s-box-sh-text + .img-monster { margin-top: 36px; }

/**/
.two-col-img-text {
    line-height: 1.65;
    max-width: 966px;
    margin: 0 auto;
}
.two-col-img-text .row { margin-left: -11px; margin-right: -11px; }
.two-col-img-text .col-md-6 {
    width: 50%;
    float: left;
    padding-left: 11px; padding-right: 11px;
}

.front-advertising-default-index .two-col-img-text .promo-description table {
    width: auto !important;
}

.front-advertising-default-index .top-btn {
    margin-bottom: 40px;
}

.two-col-img-text .col-md-3 {
    width: 25%;
    float: left;
    padding-left: 11px; padding-right: 11px;
}
.text-inner-col {
    line-height: 1.65;
}
.text-inner-col h3 {
    margin-top: -7px; margin-bottom: 8px;
    line-height: 1.27;
}

.promo-instruction-link {
    float: right;
    font-weight: 500;
    font-size: 20px;
}

/*page 404*/
.page404 {
    background: url(/img/404.png) no-repeat 0 0;
    width: 737px; height: 566px;
    margin: 0 auto;
    padding: 1px 265px 0 129px;
}
.page404 h1 {
    margin-top: 14px;
    margin-bottom: 8px;
}
.link-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.link-group a {
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
}
.link-group a:last-child { margin-right: 0 }

/*radio + checkbox*/
.radio-inline, .checkbox-inline, .radio, .checkbox {
    font-weight: 700;
}
.option {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 22px; height: 22px;
    cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none;
    margin-right: 4px; margin-top: 1px;
    margin-left: 2px;
    float: left;
}
.option > input {
    position: absolute;
    left: 0;
    width: inherit; height: inherit;
    opacity: 0;
    cursor: pointer;
}
.disabled.option { cursor: not-allowed; }
.disabled .text-box { color: #999; }
.disabled input:checked + .radio-bg:after { background: #999 }
.checkbox-inline .option, .checkbox .option {
    margin-right: 0;
}
.radio-bg, .check-bg {
    display: inline-block;
    width: 22px; height: 22px;
    cursor: pointer;
    border: 1px solid #cccccc;
    position: relative;
    background: #fff;
}
.radio-bg {
    margin-top: -1px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.check-bg {
    width: 20px; height: 20px;
    margin-top: -1px;
}
.radio .text-box, .radio-inline .text-box,
.checkbox .text-box, .checkbox-inline .text-box {
    margin-left: 30px;
    line-height: 1.29;
    display: block;
}
.radio-inline {
    padding-left: 0;
    margin-top: 6px; margin-bottom:  0;
}
.checkbox-inline {
    padding-left: 0;
    margin-top: 12px; margin-bottom: 0;
}
.radio-inline + .radio-inline {
    margin-left: 26px;
    margin-top: 6px;
}
.checkbox-inline + .checkbox-inline {
    margin-left: 20px;
    margin-top: 12px;
}
.radio, .checkbox {
    margin-top: 11px; margin-bottom: 0;
    padding-bottom: 21px;
}
.checkbox { margin-top: 11px; }
label.radio, label.checkbox {
    padding-left: 0;
}
.radio:last-child, .checkbox:last-child { padding-bottom: 0 }
.radio-bg:after, .check-bg:after {
    position: absolute;
    content: '';
    top: 6px; left: 6px;
}
input:checked + .radio-bg:after {
    width: 8px; height: 8px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    background: #252525;
}
input:checked + .check-bg:after {
    width: 11px; height: 8px;
    top: 5px; left: 4px;
    background: url("/img/icons.png") -96px -66px no-repeat;
}

/*adaptive*/
@media screen and (max-width: 1200px) {
    .container { width: auto }
}

@media screen and (max-width: 1050px) { /*--style for 768px--*/
    body {
        font-size: 14px;
        line-height: 1.43;
    }
    .container {
        padding-left: 30px; padding-right: 30px;
    }
    h1, h2 {
        font-size: 40px;
    }
    .big-text {
        font-size: 20px;
        line-height: 1.4;
    }
    .big-text.container-fluid { max-width: 660px; }
    .big-text.container-fluid br { display: none; }
    .anons-action-group {
        font-size: 20px;
    }
    h1 + .big-text, h2 + .big-text {
        margin-top: -5px;
    }
    h1 + .anons-text, h2 + .anons-text {
        margin-top: -12px;
    }
    h1 + .big-text.container-fluid {
        margin-top: 7px;
        margin-bottom: 8px;
    }
    h1 + .default-text {
        max-width: 560px;
        text-align: left;
        line-height: 1.57;
        margin-top: -4px;
    }
    h1 + .middle-margin-top {
        margin-top: 29px;
        margin-bottom: 44px;
    }
    h4 {
        font-size: 20px;
    }
    .small-text {
        font-size: 12px;
        line-height: 1.42;
    }
    .bg-line-3:after {
        top: -2px; left: -14px;
        width: 170px; height: 27px;
        background-size: 170px 27px;
    }
    .btn {
        height: 42px;
        font-size: 14px;
        padding-top: 11px; padding-bottom: 11px;
    }
    a.btn { line-height: 20px; }
    a.btn-large { line-height: 34px; }
    .btn-big-text, a.btn-big-text {
        font-size: 20px;
        line-height: 30px;
    }
    .btn-full.btn { min-width: 100% }
    .btn-large {
        min-width: 266px;
        height: 48px;
        font-size: 20px;
        padding: 8px 26px;
    }
    .btn-border-pink.btn-large {
        padding: 7px 14px;
    }
    .btn-border-pink.btn-large .ico-arrow-right {
        top: 16px; right: 17px;
    }
    .btn .ico-arrow-right {
        top: 18px; right: 19px;
    }
    .ico-arrow-right-small {
        top: 15px; right: 12px;
    }
    .ico-arrow-right {
        width: 7px; height: 12px;
        background-position: -34px 0;
    }
    .btn-pink .ico-arrow-right {
        background-position: -23px 0;
    }
    .border-section { padding-bottom: 68px; margin-bottom: 41px; }
    .col-md-4 {
        width: 33.33333333%;
        float: left;
    }
    .box-bnr {
        padding-bottom: 34px;
        padding-left: 20px; padding-right: 20px;
    }
    .bg-head:after {
        width: 200px;  height: 35px;
        top: 2px; left: -12px;
        background-size: 200px 58px;
    }

    /*header*/
    .main-head {
        height: 74px;
        padding-top: 8px;
        margin-bottom: 39px;
    }
    .mobile-menu-ico {
        width: 37px;
        float: right;
        display: block;
        padding: 0 5px;
        margin-top: 13px; margin-right: -3px;
        cursor: pointer;
    }
    .mobile-menu-ico span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000000;
        margin: 6px 0;
    }
    .right-head { display: none }
    .show-logout, .show-login {
        text-align: left;
    }
    .show-login { padding-left: 0;  }
    .show-login:after, .show-logout:after { display: none }

    /*text page*/
    .main-head + .standart-inner-section > .action-info { margin-top: -39px; }
    .standart-inner-section { margin-bottom: 11px; }
 
    h3 {
        font-size: 20px;
        margin-bottom: 7px;
    }
    .text-inner-page h3 { margin-top: 25px; }
    .text-inner-page { line-height: 1.57; }
    .text-inner-page p { margin-bottom: 22px; }
    .link-pink { font-size: 12px; }
    .two-col-img-text { max-width: 100% }

    /*rating page*/
    .rating-inner-page {
        font-size: 15px;
        line-height: 1.67;
    }
    .rating-inner-page p {
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .gray-back {
        padding-top: 48px; padding-bottom: 49px;
        margin-top: 43px; margin-bottom: 50px;
    }
    .gray-back .text-inner-page {
        padding-left: 30px; padding-right: 30px;
        max-width: none;
    }
    .gray-back p { line-height: 1.75; }
    .rating-item-list { margin-bottom: 63px; }
    .rating-item-list + .btn-box { margin-bottom: 80px; }
    .rating-item-list + .btn-box .btn-large { min-width: 340px; }
    .rating-img-header {
        margin-top: 37px; margin-bottom: 23px;
    }
    .rating-img-header .col-sm-5:first-child img {
        width: 271px;
        margin-left: 0;
    }
    .rating-img-header .col-sm-5:last-child img {
        width: 241px;
        margin-top: 2px; margin-right: 30px;
    }
    .rating-text-header h3 { margin-bottom: 11px; }
    .rating-item {
        min-height: 156px;
        align-items: start;
        padding-top: 16px; padding-bottom: 19px;
    }
    .rating-item:after, .rating-item:before {
        width: calc(38% - 4px);
        text-indent: -3px;
    }
    .rating-item:before {
        left: 62%; right: auto;
    }
    .rating-item:last-of-type:after,
    .rating-item:last-of-type:before {
        display: none;
    }
    .rating-item-left, .rating-item-right {
        width: 38%; min-width: 270px;
    }
    .rating-item-right { padding-left: 3px; }
    .rating-item p {
        font-size: 12px;
        line-height: 1.67;
        margin-bottom: 0 !important;
    }
    .rating-item .ico-monsters {
        width: 120px; height: 120px;
        margin-left: -60px; margin-top: -60px;
    }
    .rating-item .ico-monsters:before {
        background-size: 110px auto;
    }
    .rating-item .ico-monsters:after {
        width: 22px; height: 22px;
        left: 1px; top: 9px;
        font-size: 14px;
    }
    .rating-item .ico-monster1 {
        top:  23px;
        margin-top: 0;
    }
    .rating-item .ico-monster1:before {
        width: 90px; height: 87px;
        top: 11px; left: 14px;
    }
    .rating-item .ico-monster2:before {
        width: 64px; height: 102px;
        background-position: 0 -98px;
        top: 5px; left: 28px;
    }
    .rating-item .ico-monster3:before {
        width: 101px; height: 79px;
        background-position: 0 -207px;
        top: 22px; left: 9px;
    }
    .rating-item .ico-monster4:before {
        width: 110px; height: 74px;
        background-position: 0 -296px;
        top: 20px; left: 7px;
    }
    .rating-item .ico-monster5:before {
        width: 94px; height: 79px;
        background-position: 0 -375px;
        top: 17px; left: 15px;
    }
    .rating-item .ico-monster6:before {
        width: 95px; height: 72px;
        background-position: 0 -465px;
        top: 28px;
    }


    /*pagination*/
    .pagination-container { margin-bottom: 25px; }
    .pagination li.dott {
        font-size: 14px;
        letter-spacing: 2px;
        padding: 9px 0;
        margin-left: 8px; margin-right: -4px;
    }
    .pagination li a {
        width: 43px; height: 41px;
        padding: 11px 9px;
    }
    .pagination li:last-child { margin-left: 21px; }
    .pagination li:first-child { margin-right: 9px; }
    .pagination .next a {
        padding-right: 57px; padding-left: 14px;
    }
    .pagination .previous a {
        padding-left: 57px; padding-right: 14px;
    }
    .pagination .ico-arrow-right-small {
        right: 11px; top: 15px;
    }
    .pagination .ico-arrow-left-small {
        left: 11px; top: 15px;
    }

    /*.ico-location-big {
        width: 29px; height: 39px;
        background-position: 0 -54px;
        background-size: 315px auto;
        margin-top: -2px;
    }
    .ico-period-big {
        width: 26px; height: 32px;
        margin-top: 4px; margin-left: 0;
        background-position: -60px -66px;
    }*/
    .text-inner-col {
        line-height: 1.71;
    }
    .text-inner-col h3 {
        margin-top: -4px; margin-bottom: 8px;
        line-height: 1.25;
    }
    .big-star-box { padding-bottom: 13px; }
    .star-box5 { padding-bottom: 2px; }

    .s-box-sh-text-top {
        margin-top: 15px; margin-bottom: 40px;
    }
    .s-box-sh-text-bottom {
        margin-top: 5px; margin-bottom: 49px;
    }

    /*faq report*/
    .faq-report-inner-page { margin-bottom: 4px; }
    .faq-report-inner-page h4:first-child { margin-top: 12px; }
    .faq-report-inner-page h4 {
        margin-bottom: 7px; margin-top: 29px;
    }
    .faq-report-inner-page p { margin-bottom: 1px; }
    .faq-report-inner-page ul { padding-bottom: 11px; }
    .faq-report-inner-page ul li { padding-left: 19px; }
    .faq-report-inner-page ul li:after {
        top: 9px; left: 13px;
    }
    .border-section_faq {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 31px;
    }
    h1 + .nav-header_faq, h2 + .nav-header_faq {
        margin-top: 33px;
    }
    .nav-header_faq li {
        font-size: 14px;
        margin-right: 0; margin-left: 0;
        float: left;
    }
    .nav-header_faq li a { display: inline }
    .nav-header_faq li.active:after { top: auto; }
    .nav-header_faq .ico-faq { margin: 0 auto 13px; }
    .ico-faq {
        width: 68px; height: 68px;
        background-size: auto 68px;
    }
    .ico-faq-7 { background-position: -78px 0; }
    .ico-faq-1 { background-position: -156px 0; }
    .ico-faq-4 { background-position: -234px 0; }
    .ico-faq-3 { background-position: -312px 0; }
    .ico-faq-2 { background-position: -390px 0; }
    .ico-faq_big {
        width: 90px; height: 90px;
        background-size: auto 100%;
    }
    .ico-faq-7.ico-faq_big { background-position: -103px 0; }
    .ico-faq-1.ico-faq_big { background-position: -206px 0; }
    .ico-faq-4.ico-faq_big { background-position: -309px 0; }
    .ico-faq-3.ico-faq_big { background-position: -412px 0; }
    .ico-faq-2.ico-faq_big { background-position: -515px 0; }
    .faq-inner-page h2 {
        font-size: 36px;
        margin-bottom: 28px;
    }
    h2 .ico-faq_big { margin-right: 26px; }

    /*rules*/
    .text-inner-page.small-text {
        padding-bottom: 19px;
        font-size: 12px;
    }
    .text-inner-page.small-text h3:first-child {
        margin-top: -3px; margin-bottom: 8px;
    }
    .text-inner-page.small-text h3 {
        margin-bottom: 4px; margin-top: 32px;
        line-height: 1.1;
        max-width: 556px;
    }
    .text-inner-page.small-text h4, .text-inner-page.small-text h5 { font-size: 12px; }
    .text-inner-page.small-text p, .text-inner-page.small-text ul li {  line-height: 1.42;    }
    .text-inner-page.small-text ul {
        padding-left: 12px;
    }

    .numb-text {
        width: 13px; height: 13px;
        margin-right: 5px;
        line-height: 13px;
    }

    .container-map-country {
        padding-right: 95px; padding-left: 95px;
        font-size: 12px;
        line-height: 1.42;
    }
    .container-map-country .country-list { max-width: 100% }
    .container-map-country .country-list li { margin-bottom: 10px; }
    .container-map-country .country-list li:nth-child(3n+1) { width: 41%; }
    .container-map-country .country-list li:nth-child(3n+2) { width: 34%; }
    .container-map-country .country-list li:nth-child(3n+3) { width: 25%; }
    .container-map-country .country-list li.ba .text-lang {
        margin-top: 0; margin-left: 0;
        display: inline;
    }
    .btn-group-map {
        margin-top: 20px;
    }
    .btn-bg-wave {
        font-size: 20px;
        line-height: 26px !important;
        padding: 4px;
        margin-left: 20px; margin-right: 20px;
    }

    /*radio + checkbox*/
    .radio, .radio-inline, .checkbox, .checkbox-inline {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .rating-inner-page .hidden-xs { display: block !important; }
}

@media screen and (max-width: 760px) { /* for 420 */
    body {
        font-size: 17px;
        line-height: 1.41;
    }
    .container {
        padding-left: 27px; padding-right: 27px;
    }
    h1, h2 {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 39px; margin-top: 23px;
    }
    .big-text {
        font-size: 22px;
        line-height: 1.27;
    }
    h1 + .big-text, h2 + .big-text {
        margin-top: -23px;
    }
    h1 + .big-text.container-fluid {
        margin-top: 13px;
        margin-bottom: 42px;
    }
    h1 + .default-text {
        max-width: 100%;
        margin-top: -23px;
    }
    h1 + .middle-margin-top {
        margin-top: 26px; margin-bottom: 38px;
        font-size: 20px;
        line-height: 1.5;
    }
    h1 + .anons-action-group { margin-top: -22px; }
    h4 {
        font-size: 22px;
        margin-bottom: 7px;
    }
    .small-text {
        font-size: 14px;
        line-height: 1.43;
    }
    .bg-line-3:after {
        top: -9px; left: -14px;
        width: 194px; height: 31px;
        background-size: 194px 31px;
    }
    .big-text br { display: none }
    .btn {
        height: 50px;
        font-size: 17px;
        padding-top: 13px; padding-bottom: 13px;
    }
    a.btn { line-height: 26px; }
    .btn-full.btn { min-width: 100% }
    .btn-large {
        width: 100%;
        min-width: auto; max-width: 366px;
        height: 54px;
        font-size: 22px;
        padding: 11px;
    }
    .btn-big-text, a.btn-big-text {
        font-size: 17px;
        line-height: 28px;
        height: 50px;
    }
    .btn .ico-arrow-right {
        top: 19px; right: 14px;
    }
    .ico-arrow-right-small {
        top: 19px; right: 14px;
    }
    .ico-arrow-right {
        /*height: 16px; width: 10px;
        background-position: -13px 0;*/
    }
    .border-section { padding-bottom: 68px; margin-bottom: 54px; }
    .col-md-4 {
        width: 100%;
        float: none;
    }
    .box-bnr {
        display: none;
    }
    /*social btn*/
    .btn-group-scl {
        display: block;
    }
    .btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
        max-width: 100%; width: 100%;
        margin-right: 0;  margin-bottom: 8px;
        float: none;
    }
    .btn-group-scl .btn:last-child, .modal-dialog .btn-group-scl .btn:last-child { margin-bottom: 0 }

    /*header*/
    .logo-box { margin-left: -6px; }
    .mobile-menu-ico {
        margin-right: -6px;
    }

    .main-footer {
        border-top: 1px solid #e6e6e6;
        padding-top: 41px;
    }

    /*text page*/
    .standart-inner-section { margin-bottom: 11px; }

    h3 {
        font-size: 22px;
        line-height: 1.1;
        margin-bottom: 9px;
    }
    .text-inner-page h3 { margin-top: 33px; }
    .text-inner-page { line-height: 1.65; }
    .text-inner-page p { margin-bottom: 26px; }

    .link-pink { font-size: 14px; }

    /*rating page*/
    .rating-inner-page { line-height: 1.67; }
    .rating-inner-page .hidden-xs { display: none !important; }
    .rating-inner-page p { margin-bottom: 16px; }
    .gray-back {
        padding-top: 45px; padding-bottom: 48px;
        margin-top: 38px; margin-bottom: 50px;
    }
    .gray-back .text-inner-page {
        padding-left: 27px; padding-right: 27px;
    }
    .gray-back .big-text {
        font-size: 20px;
    }
    .gray-back p { line-height: 1.75; }
    .rating-item-list {
        margin: 0 auto 45px auto;
        max-width: 400px;
    }
    .rating-item-list + .btn-box { margin-bottom: 59px; }
    .rating-item-list + .btn-box .btn-large {
        width: 100%;
        max-width: 400px; min-width: auto;
    }
    .rating-img-header {
        margin-top: 17px; margin-bottom: 14px;
    }
    .rating-img-header .col-sm-5:first-child img {
        width: 251px;
    }
    .rating-text-header h3 {
        margin-bottom: -5px;
        text-align: center;
    }
    .rating-item {
        min-height: auto;
        align-items: start;
        padding-top: 186px; padding-bottom: 41px;
    }
    .rating-item:after {
        width: calc(100% - 4px);
        text-indent: -3px;
    }
    .rating-item:last-of-type:after, .rating-item:before {
        display: none;
    }
    .rating-item-left {
        width: 100%; min-width: auto;
    }
    .rating-item p {
        font-size: 12px;
        line-height: 1.67;
        margin-bottom: 0 !important;
    }
    .rating-item .ico-monsters {
        margin-left: -60px; margin-top: 0;
        top: 37px;
    }


    .pagination-container { margin-bottom: 41px; }
    .pagination li { margin-left: 10px; }
    .pagination li.dott {
        font-size: 18px;
        padding: 6px 0;
        margin-left: 12px; margin-right: 0;
    }
    .pagination li a {
        width: 44px; height: 44px;
        padding: 10px 9px;
        letter-spacing: 0;
    }
    .pagination li:last-child { margin-left: 10px; }
    .pagination li:first-child { margin-left: 0; margin-right: 0; }
    .pagination .next a {
        letter-spacing: 1px;
        padding-right: 57px; padding-left: 16px;
    }
    .pagination .previous a {
        letter-spacing: 1px;
        padding-left: 57px; padding-right: 16px;
    }
    .pagination .ico-arrow-right-small, .pagination .ico-arrow-left-small {
        top: 16px;
    }

    .two-col-img-text .col-md-6 { width: 100%; }
    .two-col-img-text .col-md-3 { width: 50%; }
    .ico-location-big {
        width: 30px; height: 41px;
        background-position: 0 -56px;
        background-size: 330px auto;
    }
    .ico-period-big {
        width: 28px; height: 36px;
        margin-top: -3px; margin-left: 6px;
        background-position: 0 -61px;
        background-size: 375px auto;
    }
    .ico-gender-big {
        width: 39px; height: 35px;
        margin-top: -3px; margin-left: 3px;
        background-position: 0 -153px;
        background-size: 220px auto;
    }
    .ico-age-big {
        width: 36px; height: 39px;
        margin-top: -6px; margin-left: 2px;
        background-position: -153px -122px;
        background-size: 220px auto;
    }
    .text-inner-col h3 {
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.14;
    }
    .text-inner-col {
        line-height: 1.65;
    }
    .big-star-box {
        padding-top: 7px; padding-bottom: 5px;
    }
    .big-star-box .one-star {
        width: 28px; height: 28px;
        background-size: 340px auto;
        background-position: -238px -90px;
        margin-left: 1px; margin-right: 3px;
    }
    .big-star-box .one-star-empty { background-position: -273px -90px; }
    .star-box5 {
        padding-bottom: 9px; padding-top: 0;
        text-align: center;
    }
    .star-box5 .one-star {
        width: 44px; height: 44px;
        background-position: -280px -148px;
        background-size: auto auto;
        margin-left: 9px; margin-right: 9px;
    }
    .star-box5 .one-star-empty {
        background-position: -334px -148px;
        background-size: auto auto;
    }

    .s-box-sh-text-top {
        margin-top: -17px; margin-bottom: 30px;
    }
    .s-box-sh-text-bottom {
        margin-top: -3px; margin-bottom: 80px;
    }

    /*faq report*/
    .faq-report-inner-page { margin-bottom: 43px; }
    .faq-report-inner-page h4:first-child { margin-top: 19px; }
    .faq-report-inner-page h4 { margin-top: 25px; }
    .faq-report-inner-page p { margin-bottom: 1px; }
    .faq-report-inner-page p + ul { margin-top: -16px; }
    .faq-report-inner-page ul { padding-bottom: 14px; }
    .faq-report-inner-page ul li { padding-left: 10px; }
    .faq-report-inner-page ul li:after {
        top: 13px; left: 0;
    }
    .border-section_faq {
        margin-bottom: 0;
    }
    h1 + .nav-header_faq, h2 + .nav-header_faq {
        margin-top: -18px;
    }
    .nav-header_faq {
        background: none;
        padding-top: 0; padding-bottom: 0;
        margin-bottom: 0;
    }
    .nav-header_faq li {
        float: left;
        width: 33.33333%;
        margin-bottom: 33px;
        padding-bottom: 0;
    }
    .nav-header_faq li a {
        color: #ec087a;
        border-bottom: 1px solid #ec087a;
    }
    .nav-header_faq li.active:after {
        width: 78px; height: 17px;
        top: auto; left: 50%;
        margin-left: -39px;
        background: url("/img/bg-head.svg") 0 -68px no-repeat;
        z-index: -1;
    }
    .faq-inner-page { line-height: 1.3; }
    .faq-inner-page h4 {
        line-height: 1.55;
        font-size: 18px;
    }
    .faq-inner-page h2 { margin-bottom: 38px; }
    .faq__item { margin-bottom: 12px; }


    /*rules*/
    .text-inner-page.small-text {
        padding-bottom: 46px;
        font-size: 14px;
    }
    .text-inner-page.small-text h3:first-child {
        margin-top: -22px; margin-bottom: 11px;
    }
    .text-inner-page.small-text h3 {
        margin-bottom: 6px; margin-top: 54px;
        line-height: 1.09;
    }
    .text-inner-page.small-text h4, .text-inner-page.small-text h5 { font-size: 14px; }
    .text-inner-page.small-text p, .text-inner-page.small-text ul li {  line-height: 1.36;  }

    .numb-text {
        width: 15px; height: 15px;
        line-height: 15px;
    }


    .container-map-country {
        padding-right: 27px; padding-left: 27px;
        font-size: 14px;
        line-height: 1.21;
    }
    .container-map-country .country-list {
        max-width: 366px;
    }
    .container-map-country .country-list li {
        margin-bottom: 13px;
        width: 50% !important;
        padding-left: 27px;
    }
    .container-map-country .country-list li.ba .text-lang {
        margin-top: -8px; margin-left: 32px;
        display: block;
    }
    .container-map-country .country-list li.ba {
        margin-bottom: 5px;
    }
    .btn-bg-wave {
        font-size: 20px;
        line-height: 26px !important;
        padding: 4px;
        margin-left: 20px; margin-right: 20px;
    }

    /*radio + checkbox*/
    .radio, .checkbox {
        margin-top: 13px;
        padding-bottom: 21px;
    }
    .radio:last-child, .checkbox:last-child { padding-bottom: 6px; }
    .check-bg { margin-top: 0; }
    .col-inline .checkbox, .col-inline .radio { margin-top: 9px; }
    .col-inline .checkbox, .col-inline .radio, .col-inline .checkbox:last-child, .col-inline .radio:last-child {
        padding-bottom: 7px;
    }

    .promo-instruction-link {
        float: left;
        font-size: 18px;
    }
}

@media screen and (max-width: 700px) {
    .pagination li:nth-child(4), .pagination li:nth-child(6) { display: none }
}

@media screen and (max-width: 700px) {
    .pagination li:nth-child(3), .pagination li:nth-child(7) { display: none }
    .pagination .next a {
        padding-right: 50px;
    }
    .pagination .previous a {
        padding-left: 50px;
    }
}

/*Modal*/
.close {
    font-size: 44px;
    width: 26px; height: 28px;
    line-height: 28px;
    color: #000;
    opacity: 1;
    text-shadow: none;
    font-weight: 400;
    position: absolute;
    top: 28px; right: 44px;
    z-index: 5;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
}

.ico-close {
    background: url("../../img/ico-close.svg") no-repeat !important;
    right: -60px;
    width: 15px;
}
.modal-content, .blue-container {
    background: #30ebd1;
    border: none;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    font-size: 13px;
    line-height: 1.6;
}
.blue-container {
    max-width: 580px;
    margin: 100px auto;
    padding: 44px;
}
.blue-container .col-md-6 {
    float: left;
    width: 50%;
}
.blue-container .col-md-6 .btn {
    width: 100%;
    min-width: auto;
}
.modal-content a, .blue-container a {
    color: #000;
    text-decoration: underline;
}
.modal-content a:hover, .blue-container a:hover { text-decoration: none; }
.modal-body { padding: 15px 44px 44px 44px; }
html body .modal-sm .modal-body {
    padding: 10px;
}
.modal-body p, .blue-container p {
    font-size: 17px;
    line-height: 1.53;
}
.modal-dialog {
    width: 580px;
    margin-left: auto; margin-right: auto;
}
#sclModal .modal-dialog {
    /*width: 650px !important;*/
}
.modal-dialog label, .blue-container label {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0;
}
.modal-content h4, .blue-container h4 {
    font-size: 13px;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
    margin-bottom: 4px; margin-top: 0;
}
.modal-header {
    border: none;
    min-height: 80px;
    padding: 0;
    position: relative;
}
.modal .modal-dialog { margin-top: 116px; }
.modal-text {
    padding-top: 3px; padding-bottom: 30px;
    margin: 0 auto;
    line-height: 1.47;
}
.modal-text p {
    /*max-width: 325px;*/
    text-align: center;
    margin-right: auto; margin-left: auto;
    line-height: 1.47;
    margin-bottom: 0;
}
.modal-text.text-left p { text-align: left }
.modal-text-full p { max-width: 100% }
/*.modal-body .modal-text:last-child { margin-bottom: -22px; }*/
.modal-text .s-box-sh-text { margin-top: -7px; }
.modal-text .s-box-sh-text ul { margin-bottom: 2px }
.modal-text-padn { padding-bottom: 3px; }

/*form out page*/
.head-section-form { margin-bottom: 8px; }
.outter-form-container {
    max-width: 546px;
    margin: 0 auto 50px auto;
    font-size: 13px;
    line-height: 1.6;
    padding-left: 27px; padding-right: 27px;
}
.outter-form-container a { color: #000; }
.outter-form-container label {
    margin-bottom: 1px;
    line-height: 1.53;
    font-weight: 300;
    font-size: 17px;
}
.outter-form-container .form-group { margin-bottom: 25px; }
.outter-form-container .form-group-btn { margin-bottom: 50px; }
.outter-form-container .form-group-btn:last-child { margin-bottom: 13px; }
.outter-form-container .form-control {
    height: 48px;
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    color: #000;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
    font-size: 17px;
    font-weight: 600;
    padding-left: 17px; padding-right: 17px;
    border: 1px solid #ccc;
    background: #fff;
}
.outter-form-container .form-btn-box { padding-top: 21px; }
@media screen and (max-width: 1050px) {
    .outter-form-container .form-group { margin-bottom: 31px; }
    .outter-form-container .head-section-form { margin-bottom: 5px; }
    .outter-form-container .form-btn-box { padding-top: 34px; }
}
@media screen and (max-width: 760px) {
    .outter-form-container .form-group { margin-bottom: 25px; }
    .outter-form-container .head-section-form { margin-bottom: 10px; }
    .outter-form-container .form-btn-box { padding-top: 38px; }
    .outter-form-container .form-btn-box .btn {
        max-width: 320px;
        height: 50px;
        font-size: 17px;
    }
}

/*cookies*/
.cookies-modal, .cookies-modal .modal-content {
    width: 100%;
}
.cookies-modal { margin: auto; }
.cookies-modal .close { right: 70px; }
.cookies-modal .modal-body {
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 20px;
}
.cookies-modal .modal-header { min-height: 21px; }

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}


/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

@media screen and (max-width: 1180px) {
    .cookies-modal .close {
        right: 40px;
    }
    .cookies-modal .modal-body {
        padding-left: 35px; padding-right: 35px;
    }
    .modal-dialog {
        margin-top: 10px !important;
        width: 680px;
    }
    .popup-img_item6 { display: none !important; }
}

@media screen and (max-width: 1050px) { /*--style for 768px--*/
    .modal-dialog {
        margin-top: 10px !important;
        width: 680px;
    }
    .popup-img_item6 { display: none !important; }

    .modal-dialog .close { right: 35px; }
    .modal-body { padding: 11px 39px 39px 39px; }
    .blue-container { padding: 39px }
    .modal-content, .blue-container {
        font-size: 12px;
        line-height: 1.42;
    }
    .modal-dialog label, .blue-container label {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 2px;
    }
    .modal-text-full p { max-width: 85%; }
    .modal-text {
        padding-top: 2px; padding-bottom: 8px;
        line-height: 1.57;
    }
    .modal-text p {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .modal-text-padn { padding-bottom: 6px; }
    .modal-text .s-box-sh-text {
        margin-top: 0;
        padding-top: 1px;
    }
    .modal-text .s-box-sh-text ul { margin-bottom: 18px; }


    /*cookies*/
    .cookies-modal, .cookies-modal .modal-content { width: 100% }
    .cookies-modal .modal-body {
        padding: 6px 160px 12px 33px;
    }
    .cookies-modal p br { display: none }
    .cookies-modal p {
        font-size: 12px;
        line-height: 1.42;
    }
    .cookies-modal .close {
        top: 21px; right: 30px;
    }
}

@media screen and (max-width: 760px) { /* for 420 */
    .modal-dialog {
        background: #3fead1;
        width: 100%; height: 100%;
        position: fixed;
    }
    .modal-content {
        margin-right: auto; margin-left: auto;
        font-size: 14px;
        line-height: 1.21;
        height: 100%; width: 100%;
        position: fixed;
        left: 0; right: 0;
        top: 0; bottom: 0;
        display: table;
        text-align: left;
    }
    .modal-header {
        position: absolute;
        width: 100%
    }
    .modal-body {
        padding: 0 27px;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .modal-body-container {
        width: 85vw;
        margin: 0 auto;
    }
    .modal .modal-dialog { margin-top: 0 !important; }
    .modal-dialog .close {
        font-size: 48px;
        width: 30px; height: 28px;
        line-height: 28px;
        font-weight: 300;
        top: 20px; right: 26px;
    }
    .modal-content h4, .blue-container h4 {
        font-size: 14px;
        line-height: 1.21;
        margin-bottom: 3px;
    }
    .modal-dialog label, .blue-container label { margin-bottom: 3px; }
    .modal-text { padding-top: 0; padding-bottom: 4px; }
    .modal-text-padn { padding-bottom: 6px; }
    .modal-text p {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 5px;
        /*max-width: 312px;*/
    }
    .modal-text .s-box-sh-text ul { margin-bottom: 16px; }

    /*cookies*/
    .cookies-modal, .cookies-modal .modal-content {
        width: 100%; height: auto;
        position: relative;
    }
    .cookies-modal .modal-body {
        position: relative;
        padding: 23px 54px 12px 27px;
        top: auto; left: auto;
        margin-left: 0; margin-top: 0;
        width: 100%;
    }
    .cookies-modal p {
        font-size: 14px;
        line-height: 1.2;
    }

}

/*for IE and Safari*/
@media screen and (min-width:0\0), screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn-group-scl {
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 480px;
        margin: 0 auto;
    }
    .btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
        min-width: 152px;
        width: calc( 33.333% - 19px);
        font-size: 15px;
        float: none;
        letter-spacing: normal;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn-group-scl {
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 480px;
        margin: 0 auto;
    }
    .btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
        width: 45%;
        margin: 0 5px 10px 5px;
        flex: 1 0 45%;
    }
}
@media screen and (max-width: 1050px) and (min-width:0\0), screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 0) { /* for 768 */
    .btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
        min-width: 142px;
    }
}
@media screen and (max-width: 760px) and (min-width:0\0), screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 0) { /* for 420 */
    .btn-group-scl .btn, .modal-dialog .btn-group-scl .btn {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
}

/* IE11+ */
_:-ms-fullscreen, :root .btn-group-scl {
    display: flex;
    letter-spacing: normal;
}
_:-ms-fullscreen, :root .btn-group-scl .btn, :root .modal-dialog .btn-group-scl .btn {
    max-width: 100%; width: 50%;
    float: left;
}
@media screen and (max-width: 760px) { /* for 420 */
    _:-ms-fullscreen, :root .btn-group-scl {
        display: block;
    }
    _:-ms-fullscreen, :root .btn-group-scl .btn, :root .modal-dialog .btn-group-scl .btn {
        max-width: 100%; width: 100%;
        margin-right: 0;  margin-bottom: 8px;
        float: none;
    }
}

/*---instruction monster---*/
.ico-monster1 {
    width: 167px; height: 159px;
    background-position: 0 0;
    margin-top: 21px; margin-right: -6px;
}
.ico-monster2 {
    width: 237px; height: 168px;
    background-position: 0 -168px;
    margin-top: 4px; margin-right: -34px;
}
.ico-monster3 {
    width: 183px; height: 174px;
    background-position: 0 -344px;
    margin-top: 23px; margin-right: -5px;
}
.ico-monster4 {
    width: 195px; height: 152px;
    background-position: 0 -528px;
    margin-top: -4px; margin-right: -8px;
}
.ico-monster5 {
    width: 216px; height: 143px;
    background-position: 0 -690px;
    margin-top: 16px; margin-right: -30px;
}
.ico-monster6 {
    width: 226px; height: 168px;
    background-position: 0 -842px;
    margin-top: 6px; margin-right: -48px;
}
.ico-monster7 {
    width: 241px; height: 177px;
    background-position: 0 -1018px;
    margin-top: 5px; margin-right: -48px;
}
.ico-monster8 {
    width: 171px; height: 167px;
    background-position: 0 -1205px;
    margin-top: 23px; margin-right: -10px;
}
.ico-monster9 {
    width: 167px; height: 155px;
    background-position: 0 -1382px;
    margin-top: 27px; margin-right: -6px;
}

@media screen and (max-width: 1050px) { /* for 768 */
    .ico-monster1 {
        margin-top: 23px; margin-right: 15px;
    }
    .ico-monster2 {
        margin-top: -9px; margin-right: 0;
        margin-left: -35px;
    }
    .ico-monster3 {
        margin-top: 25px; margin-right: 20px;
        margin-left: -25px;
    }
    .ico-monster4 {
        margin-top: 9px; margin-right: 24px;
        margin-left: -24px;
    }
    .ico-monster5 {
        margin-top: 27px; margin-right: -2px;
        margin-left: -28px;
    }
    .ico-monster6 {
        margin-top: 19px; margin-right: -16px;
        margin-left: -32px;
        display: none !important;
    }
    .ico-monster7 {
        margin-top: 10px; margin-right: -28px;
    }
    .ico-monster8 {
        margin-top: 13px; margin-right: 23px;
    }
    .ico-monster9 {
        margin-top: 20px; margin-right: 24px;
    }
}


/*---instruction text---*/
.instructions h1 { padding-left: 6px; }
.img-text-container { margin-top: 11px; }
.img-text-container:first-child { margin-top: 0; }
.img-text-container-vacancies { margin-top: 30px; }
.img-text-container-vacancies:first-child { margin-top: 11px; }
.img-text-container .col-md-3, .img-text-container-vacancies .col-md-3 { text-align: right }
.img-text-container .col-md-9 { max-width: 730px; }
.img-text-container-vacancies .col-md-9 { max-width: 775px; }
.img-text-container h3 {
    font-size: 22px;
    line-height: 1.09;
}
.img-text-container p {
    line-height: 1.35;
    margin-bottom: 20px;
}
.img-text-container .small-text, .img-text-container ul, .img-text-container ol {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 15px;
}
.img-text-container-vacancies p { margin-bottom: 10px; }
.img-text-container-vacancies .small-text { line-height: 1.38 }
.img-text-container-vacancies p + ul,
.img-text-container-vacancies p + ol { margin-top: -10px; }
.img-text-container-vacancies ul {
    padding: 0; margin: 0 0 11px 0;
    list-style-type: none;
}
.img-text-container-vacancies .small-text li {
    padding-left: 8px;
    position: relative;
}
.img-text-container-vacancies .small-text li:after {
    width: 3px; height: 3px;
    background: #000;
    content: '';
    top: 8px; left: 1px;
    position: absolute;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.img-text-container ol { list-style-type: none; }
.img-text-container ol li {
    padding-left: 20px;
    position: relative;
}
.img-text-container ol li .numb-text {
    position: absolute;
    top: 3px; left: 0;
}
.img-text-container ul,
.img-text-container ol { padding-left: 0; }
.img-text-container p + ul,
.img-text-container p + ol { margin-top: -15px; }
.img-text-container .ico-monsters { margin-bottom: 20px; }
    @media screen and (max-width: 1050px) { /* for 768 */
        .instructions h1 {
            margin-bottom: -3px;
            padding-left: 0; margin-left: 0;
            text-align: center;
        }
        .img-text-container { margin: 7px -12px -10px; }
        .img-text-container:first-child { margin-top: -10px; }
        .img-text-container:last-child { margin-bottom: 20px; }
        .img-text-container-vacancies { margin-top: 11px; }
        .img-text-container-vacancies:first-child { margin-top: 3px; }
        .img-text-container-vacancies:last-child { margin-bottom: 14px; }
        .img-text-container .col-md-3,
        .img-text-container-vacancies .col-md-3  {
            text-align: right;
            width: 33.2%;
            float: left;
            padding-left: 12px; padding-right: 12px;
        }
        .img-text-container .col-md-9,
        .img-text-container-vacancies .col-md-9 {
            max-width: 730px;
            width: 66.8%;
            float: left;
            padding-left: 12px; padding-right: 12px;
        }
        .img-text-container h3 {
            font-size: 20px;
            line-height: 1.1;
            margin-bottom: 11px;
            letter-spacing: 0.8px;
            word-spacing: -1px;
        }
        .img-text-container h3 br { display: none }
        .img-text-container p {
            line-height: 1.57;
            margin-bottom: 22px;
        }
        .img-text-container p + .small-text { margin-top: -10px; }
        .img-text-container p.small-text + .small-text { margin-top: 0; }
        .img-text-container p br { display: none }
        .img-text-container .small-text,
        .img-text-container ul,
        .img-text-container ol {
            font-size: 12px;
            line-height: 1.42;
            margin-bottom: 20px;
        }
        .img-text-container ol li { padding-left: 18px; }
        .img-text-container p + ul,
        .img-text-container p + ol { margin-top: -15px; }
        .img-text-container .ico-monsters { margin-bottom: 0; }
        .img-text-container-vacancies h3 { margin-bottom: 11px; }
        .img-text-container-vacancies .small-text { line-height: 1.42 }
        .img-text-container-vacancies ul { margin: 0 0 10px 0; }
        .img-text-container-vacancies ul li { padding-left: 6px; }
        .img-text-container-vacancies .small-text li:after { top: 7px; }
    }
    @media screen and (max-width: 760px) { /* for 420 */
        .instructions h1 { margin-bottom: 8px; }
        .img-text-container { margin: 0 0 22px 0; }
        .img-text-container .col-md-3,
        .img-text-container-vacancies .col-md-3 {
            text-align: center;
            width: 100%;
            float: none;
            padding-left: 0; padding-right: 0;
        }
        .img-text-container .col-md-9,
        .img-text-container-vacancies .col-md-9 {
            width: 100%;
            float: none;
            padding-left: 0; padding-right: 0;
            margin-left: auto; margin-right: auto;
        }
        .img-text-container h3 {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .img-text-container p {
            line-height: 1.35;
            margin-bottom: 23px;
        }
        .img-text-container p br { display: block }
        .img-text-container p + .small-text { margin-top: -10px; }
        .img-text-container p.small-text + .small-text { margin-top: 0; }
        .img-text-container .small-text,
        .img-text-container ul,
        .img-text-container ol {
            font-size: 14px;
            line-height: 1.43;
            margin-bottom: 15px;
        }
        .img-text-container ol li { padding-left: 21px; }
        .img-text-container p + ul,
        .img-text-container p + ol { margin-top: -15px; }
        .instructions .ico-monster1 {
            margin-right: 6px; margin-bottom: -4px;
        }
        .instructions .ico-monster2 {
            margin-bottom: -7px; margin-top: 0;
        }
        .instructions .ico-monster3 {
            margin: 1px 0 -9px -28px;
        }
        .instructions .ico-monster4 {
            margin: -7px 0 -7px -34px;
        }
        .instructions .ico-monster5 {
            margin: -2px 0 -5px -4px;
        }
        .instructions .ico-monster6 {
            margin: -4px 0 -6px 20px;
        }
        .instructions .ico-monster7 {
            margin: 4px 0 2px -4px;
        }
    }

/**
* Nav Header
**/
@import "./components/nav-header.css";
@import "./components/margins.css";

/** sidebar **/
@import "./components/sidebar.css";