/* ------ Спецификация ------ */
html, body {
    font-size: 6px;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    padding: 0;
    margin: 0;
    background: #000000 url("../img/bg-1920.jpg") center top  no-repeat;
}

div, p, form, input, a, span, button, textarea {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, textarea, a, div {
    padding: 0;
    margin: 0;
}

p {
    font-size: 3rem;
    font-weight: 400;
}

ul, li {
    display: block;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

h1 {
    font-size: 7.25rem;
}

h2 {
    font-size: 3.625rem;
    color: #ffffff;
}

h3 {
    font-size: 4.5rem;
    font-weight: 700;
}

a, a:hover, a:active a:focus {
    text-decoration: none;
    outline: none;
}

.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}

a, button, input {
    text-decoration: none;
    transition: all 0.5s ease;
}

input, input:hover, input:focus, input:active, button, button:hover, button:focus, button:active {
    outline: none;
}

.btn {
    display: block;
    width: 36.5rem;
    padding: 1.5rem 0;
    font-weight: 700;
    font-size: 3.75rem;
    background: #fe3601;
    color: #ffffff;
    border: 2px solid transparent;
    border-radius: unset;
}

.btn:hover {
    border: 2px solid #ff7726;
    background: #ff7726;
    color: #ffffff;
}

.btn:focus {
    box-shadow: none;
}

.orange {
    color: #ff7726;
}

/*-------- Section Header --------*/
/*h1 {*/
    /*transform: rotate(20deg);*/
/*}*/
.header {
    margin-bottom: 30rem;
}

.place {
    margin-bottom: 26rem;
}

.header .how-to__info {
    padding-top: 25.5rem;
    margin-left: 0;
}

.place__title {
    font-size: 4.5rem;
    font-weight: 400;
}

.place__title span {
    margin-right: 1.125rem;
}

.header__logo {
    margin-bottom: 1.25rem;
    width: 158rem;
}

.logo {
    width: 100%;
}

.header__box__title {
    text-align: right;
}

.header__btn {
    /*color: #000000;*/
    margin-left: 0.5rem;
}

.header__btn:hover {
    color: #ffffff;
}


/*-------- Section Offer --------*/
.offer {
    margin-bottom: 26rem;
}

.offer__title {
    font-size: 10.735rem;
    font-weight: 300;
    width: 117.5rem;
    margin-bottom: 11.75rem;
}
.offer__title br {
    display: none;
}

.offer__box__text {
    line-height: unset;
}

.offer__box__video {
    /*position: relative;*/
    padding-bottom: 63.25%;
    /*padding-bottom: 56.25%;*/
    /*padding-top: 3.875rem;*/
    height: 0;
    overflow: hidden;
    margin-right: 9px;
}
/*padding-bottom: 56.25%;*/
/*padding-top: 30px;*/

/*.offer__box__video iframe {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

.offer__box__video_img{
    width: 100%;
}


/*-------- Section guests --------*/
.guests {
    margin-bottom: 27.25rem;
}

.guests__title {
    font-size: 10.75rem;
    font-weight: 300;
    text-align: right;
    margin-bottom: 17.75rem;
    margin-right: 9px;
}

/*-------- Slider */
.guests__container {
    margin-bottom: 12rem;
}

.slick-slide {
     margin-right: 1.875rem;
     margin-left: 1.875rem;
 }

/*---Slider Arrow */
/*.slick-next {*/
    /*right: 0px;*/
    /*display: none;*/
/*}*/
/*.slick-next:before {*/
    /*right: 0px;*/
    /*display: none;*/
/*}*/
.slick-per {
    left: 40px;
    display: none !important;
}
.slick-prev:before {
    left: 40px;
    display: none !important;
}

.slider_arrow {
    display: flex !important;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #ffffff;
    background: #fe3601;
    width: 7.75rem;
    height: 7.75rem;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 13.125rem;
    user-select: none;
}
.slider_arrow img {
    width: 73%;
}


.slider_arrow:hover {
    color: #000;
    box-shadow: 0 0 5px 0 #fe3601;
}
.slider_arrow >img:active {
    transform: scale(1.1);
    user-select: none;
}
.slider_arrow img:active {
    transform: scale(1.1);
    user-select: none;
}
/*-----------/*/

.guests__img {
    width: 100%;
    height: 37rem;
}


.guests__box p{
    padding-top: 4.125rem;
    font-size: 3.75rem;
    text-align: right;
}

.guests__box span{
    font-size: 3rem;
    display: block;
    margin-top: -1rem;
}

.guests__btn {
    margin-left: auto;
    margin-right: 9px;
    color: #ffffff;
}

.guests__btn:hover {
    /*color: #000000;*/
}

/*-------- Section video --------*/
.video__box {
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*padding-bottom: 65.25%;*/
    padding-bottom: 65.50%;
    /*padding-bottom:  62%;*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video__box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__container {
    width: 977px;
    padding-left: 29px;
}

.slick-dotted.slick-slider {
    margin-bottom: 6.875rem;
}

.video__box__title {
    font-size: 4.5rem;
    font-weight: 400;
    color: #fe3601;
    text-transform: uppercase;
    margin-left: 2rem;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fe3601;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #ffa600;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #ffa600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots {
    right: -35.75rem;
    bottom: -2px;
    width: unset;
}

/*-------- Section how-to --------*/
.how-to {
    padding-top: 26.375rem;
    margin-bottom: 36.25rem;
}

.how-to__box__content {
    display: flex;
}

.how-to__title,
.how-to__title_ro {
    display: inline-block;
    text-align: center;
}

.how-to__title {
    font-size: 10.75rem;
    font-weight: 300;
    /*padding-left: 20.5rem;*/
    margin-left: 100px;
    margin-bottom: 28.625rem;
}
.how-to__title_ro {
    font-size: 10.75rem;
    font-weight: 300;
    margin-left: 100px;
    margin-bottom: 28.625rem;
}

.how-to__box {
    margin-left: -1.625rem;
}

.how-to__box_one {
    margin-left: 12.25rem;
}
.how-to__box_three {
    margin-left: 12.25rem;
}

.how-to__box__icon_one {
    height: 124px;
    background: url(../img/icons/1.svg) left no-repeat;
    margin-bottom: 30px;
    margin-left: 20px;
}
.how-to__box__icon_tow {
    height: 110px;
    background: url(../img/icons/2.svg) left no-repeat;
    margin-top: 7px;
    margin-bottom: 37px;
    margin-left: 12px;
}
.how-to__box__icon_three {
    height: 152px;
    background: url(../img/icons/3.svg) left no-repeat;
    margin-left: -6px;
    margin-top: -15px;

}
.how-to__box__icon_four {
    height: 120px;
    background: url(../img/icons/4.svg) left no-repeat;
    margin-bottom: 17px;
    margin-left: 30px;
}

.numb {
    color: #ffa600;
    margin-right: 1.875rem;
    font-weight: 700;
}

.how-to__box__content__right_title {
    margin-bottom: 6rem;
    line-height: 1em;
}
.first_text {
    width: 88%;
}


.how-to__box__content__right_title a {
    color: #ffa600;
}
.how-to__box__content__right_title a:hover {
    color: #fe3601;
}

.how-to__box__content__right_text {
}

.how-to__info {
    padding-top: 10.5rem;
    /*margin-left: 4.375rem;*/
}

.how-to__info_title {
    font-size: 4.125rem;
    color: #fe3601;
    margin-bottom: 0.5rem;
}

.how-tol__links__box_item {
    font-size: 3rem;
    display: flex;
    align-items: flex-end;
}
.how-tol__links__box_item a:hover{
    color: #ff7726;
}

.how-tol__links__box_item a {
    color: #ffffff;
    font-size: 3rem;
}

.how-tol__links__box a:after {
    content: "|";
    font-size: 3.25rem;
    color: #fe3601;
    margin: 0 1.25rem;
}

.how-to__button {
    padding-top: 10.625rem;
    margin-left: 3.75rem;
}

.how-to__btn {
    color: #ffffff;
}

.how-to__btn:hover {
    color: #ffffff;
}

/*-------- Section sponsors --------*/
.sponsors {
    margin-bottom: 15.25rem;
}

.sponsors__box__title {
    font-weight: 400;
}


.sponsors__box_images {
    margin-left: -35px;
}

.sponsors__images {
    /*background: #6c757d;*/
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-right: 15px;
}



.sponsor_img_palatul {
    width: 113px;
    height: 23px;
}

.sponsor_img_ponti {
    width: 77px;
    height: 26px;
}

.sponsor_img_kp {
    width: 81px;
    height: 26px;
}

.sponsor_img_msg {
    width: 160px;
    height: 26px;
}

.sponsor_img_eropa {
    width: 52px;
    height: 26px;
}

.sponsor_img_sonaris {
    width: 122px;
    height: 26px;
}

.sponsor_img_teatrum {
    width: 80px;
    height: 47px;
}

.sponsors__box_infoline {
    padding-top: 50px;
}
.sponsors_info {
    padding-top: 50px;
    margin-left: -32px
}
.footer__icons {
    width: 20.375rem;
    margin-left: 3.125rem;

}


/*-------- Section footer --------*/

.footer {
    background: #000000;
    color: #ffffff;
    padding: 3.75rem 0;
}

.footer__text_p{
    margin-right: 2.625rem;
}

.footer_box_image img {
    margin-top: -1.875rem;
    width: 133px;
}

.footer__box_text {
    text-align: right !important;
}

.footer__icon {
    font-size: 3rem;
}

.footer__icon i {
    font-size: 4.5rem;
}

.footer__phone a{
    color: #ffffff;
    font-size: 3.375rem;
}

.footer__phone a:hover {
    color: #fe3601;
}

.fb-icon {
    color: #ffffff;
}

.in-icon {
    color: #ffffff;
}

.ok-icon {
    color: #ffffff;
}
.fb-icon:hover {
    color: #3d6ca8;
}

.in-icon:hover  {
    color: #9e2cbd;
}

.ok-icon:hover  {
    color: #ff9400;
}


#video, #guests {
    /*display: none;*/
}

.lang {
    margin-bottom: 70px;
    padding-top: 35px;
}

.lang__box {

    margin: 0 5px;
    /*width: 5.833rem;*/
    height: 4.5rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.lang_line {
    background: #ffffff;
    width: 1px;
}

.lang__box a {
    /*text-align: center;*/
    display: block;
    font-weight: 400;
    font-size: 4rem;
    color: #ffffff;
}
.lang_c a {
    /*color: #fe3601;*/
}
.lang__box a:hover {
    color: #ff9400;
    /*font-size: 3.1rem;*/
}

.lang__box a:active {
    color: #fe3601;
    /*font-size: 3.1rem;*/
    transition: none;
}



.white {
    color: #ffffff;
}

.red {
    color: #fe3601;
}