html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     background-color: #181616;     font-family: Arial, "Arial Black", sans-serif;     font-size: 16px;     color: #282a2b;     overflow-x: hidden; }  * {     box-sizing: border-box; }  .container {     width: 100%;     max-width: 1070px;     margin: auto;     padding: 0 15px;     position: relative;     z-index: 2; }  .header {     padding: 15px 0; }  .logo__link {     display: block;     width: 160px; } .logo__link img {     width: 100%; }  .decoration__lights {     position: absolute;     left: -webkit-calc(50vw - 550px);     left: calc(50vw - 550px);     right: -webkit-calc(50vw - 550px);     right: calc(50vw - 550px);     top: 0;     min-height: 93px;     background-image: url(/shared/2975/new-year-lights.png);     background-repeat: repeat-x;     background-position: left -10px bottom 0; }  .content__area {     width: 49%; }  .content__area p {     font-size: 16px;     line-height: 1.45;     color: rgba(255,255,255,.8);     margin-bottom: 20px;     margin-top: 0; } .main {     margin-top: 50px; } .main__top {     display: flex;     justify-content: space-between;     align-items: flex-start; } .main__title {     font-weight: 700;     font-size: 42px;     line-height: 48px;     font-family: Roboto,sans-serif;     color: #fff;     margin-bottom: 20px;     margin-top: 0; } .content__area__description {     font-size: 16px;     line-height: 1.45;     color: rgba(255,255,255,.8);     margin-bottom: 20px;     margin-top: 0; } .contents__banners {     margin-left: 70px; }  .contents__banners__item {     width: 180px;     padding: 0 5px 0;     margin: 0 0 12px; }  .contents__banners__item__link {     display: block;     position: relative;     -webkit-border-radius: 8px;     border-radius: 8px;     width: 100%; } picture {     max-width: 100%; } img {     max-width: 100%;     height: auto; } .content__render-image, .content__slot, .content__slot-item {     display: flex;     justify-content: center;     align-items: center; } .content__slot-item {     flex-wrap: wrap; } .contents__banners__inner {     display: flex; } .contents__banners__item__link img {     -webkit-border-radius: 8px;     border-radius: 8px;     -o-object-fit: cover;     object-fit: cover;     overflow: hidden;     background: #2b2929;     width: 100%;     min-width: 100%; }  .content__slot {     position: absolute;     left: 0;     right: 0;     top: 0;     bottom: 0;     padding: 15px;     opacity: 0;     -webkit-border-radius: 8px;     border-radius: 8px;     -webkit-transition: 333ms all;     -o-transition: 333ms all;     transition: 333ms all;     background-color: rgba(9,10,14,.7); }  .content__slot-item-title {     font-weight: 600;     font-size: 16px;     line-height: 20px;     text-align: center;     color: #fff;     margin-bottom: 8px;     width: 100%; }  .btn {     background: -webkit-gradient(linear,left top,left bottom,color-stop(-7.29%,#ff9100),color-stop(130.21%,#e66300));     background: -webkit-linear-gradient(top,#ff9100 -7.29%,#e66300 130.21%);     background: -o-linear-gradient(top,#ff9100 -7.29%,#e66300 130.21%);     background: linear-gradient(180deg,#ff9100 -7.29%,#e66300 130.21%);     -webkit-box-shadow: inset 0 -4px 20px #c54700, inset 0 2px 10px rgba(255,255,255,.15);     box-shadow: inset 0 -4px 20px #c54700, inset 0 2px 10px rgba(255,255,255,.15);     -webkit-border-radius: 4px;     border-radius: 4px;     color: #fff;     -webkit-transition: .4s all;     -o-transition: .4s all;     transition: .4s all;     font-weight: 600;     font-size: 11px;     line-height: 16px;     padding: 6px 8px;     cursor: pointer;   margin: 5px; }  .contents__banners__item:hover .content__slot {     opacity: 1; }  .btn-orange {     text-decoration: none;     padding: 15px 20px;     font-size: 16px; } .main__slots {     margin-top: 100px; }  .main__slots__inner {     display: flex;     justify-content: center;     flex-wrap: wrap; } .main__slots__inner .contents__banners__item {     margin: 0 0 12px;     padding: 0 6px 0;     width: 16.66666667%;     -webkit-transition: .4s -webkit-transform;     transition: .4s -webkit-transform;     -o-transition: .4s -o-transform;     transition: .4s transform;     transition: .4s transform,.4s -webkit-transform,.4s -o-t;     box-sizing: border-box; }  .main__slots__title {     color: #ffffff; }  .main__content {     background-color: #eff1f3; }  .main__content .container {     background-color: #fff;     padding: 70px 70px; } .main__content ul, .main__content ol {     list-style: none;     padding: 0 0 0 25px;     margin: 20px 0 20px; } .main__content ul li {     padding-left: 28px;     margin-bottom: 15px;     position: relative; } .main__content ol li {     counter-increment: counter;     padding-left: 40px;     margin-bottom: 10px;     position: relative; } .main__content ol li:before {     content: counter(counter);     position: absolute;     left: 0;     top: -2px;     font-weight: 700;     font-size: 14px;     line-height: 14px;     text-align: center;     color: #eff1f3;     background: #ff8100;     border: 1px solid #ff8100;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box;     -webkit-box-shadow: 0 1px 10px rgba(120,61,0,.16);     box-shadow: 0 1px 10px rgba(120,61,0,.16);     display: -webkit-box;     display: -webkit-flex;     display: -moz-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -webkit-align-items: center;     -moz-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -webkit-justify-content: center;     -moz-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-flex-shrink: 0;     -ms-flex-negative: 0;     flex-shrink: 0;     -webkit-border-radius: 50%;     border-radius: 50%;     width: 24px;     height: 24px; } .main__content ul li:before {     content: "";     position: absolute;     left: 0;     top: 3px;     -webkit-flex-shrink: 0;     -ms-flex-negative: 0;     flex-shrink: 0;     -webkit-border-radius: 50%;     border-radius: 50%;     width: 12px;     height: 12px;     background: #ff8100;     border: 1px solid #ff8100; }  .footer {     width: 100%;     color: #fff;     padding: 20px 0 18px;     background-color: #181616; }  .footer__menu {     display: flex;     flex-wrap: wrap;     justify-content: flex-start;     align-items: stretch;     margin-bottom: 20px; }  .footer__nav__list {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: stretch;     margin: 0;     padding: 0;     width: 100%;     list-style: none; }  .footer__nav__item {     font-size: 16px;     line-height: 1.45;     color: rgba(255,255,255,.8);     list-style: none;     padding: 6px 25px; } .footer__nav__link {     font-weight: 700;     font-size: 15px;     line-height: 16px;     color: rgba(255, 255, 255, .8);     display: block;     -webkit-transition: .4s all;     -o-transition: .4s all;     transition: .4s all;     text-decoration: none; }  .block__btn {     margin-top: 20px; }  @media (max-width: 1000px) {     .main__top {         flex-direction: column;         align-items: center;     }     .contents__banners {         margin: 40px 0 0;     }     .content__area {         text-align: center;         width: 100%;     } } @media (max-width: 940px) {     .main__slots__inner .contents__banners__item {         width: 25%;     }     .footer__images {         text-align: center;     }     .contents__banners__item {         width: 33%;     }     .main__content .container {         padding: 30px 30px;     } } @media (max-width: 540px) {     .main__slots__inner .contents__banners__item {         width: 33%;     }     .main__title {         font-size: 28px;     }     .main__slots {         margin-top: 40px;     } }  @media (max-width: 414px) {     .contents__banners__inner {        flex-wrap: wrap;     }     .contents__banners__item {         width: 50%;     }     .main__slots__inner .contents__banners__item {         width: 50%;     }     .btn-orange {         text-decoration: none;         padding: 15px 20px;         font-size: 12px;     } }  .scrollToTop {     position: fixed;     bottom: 35px;     right: 20px;     z-index: 999;     border: none;     outline: 0;     background: -webkit-gradient(linear,left top,left bottom,color-stop(-7.29%,#ff9100),color-stop(130.21%,#e66300));     background: -webkit-linear-gradient(top,#ff9100 -7.29%,#e66300 130.21%);     background: -o-linear-gradient(top,#ff9100 -7.29%,#e66300 130.21%);     background: linear-gradient(180deg,#ff9100 -7.29%,#e66300 130.21%);     -webkit-box-shadow: 0 1px 40px rgba(80,46,22,.5), inset 0 -4px 20px #c54700, inset 0 4px 20px rgba(255,255,255,.15);     box-shadow: 0 1px 40px rgba(80,46,22,.5), inset 0 -4px 20px #c54700, inset 0 4px 20px rgba(255,255,255,.15);     cursor: pointer;     padding: 8px;     -webkit-border-radius: 8px;     border-radius: 8px;     opacity: 0;     -webkit-transition: .5s all;     -o-transition: .5s all;     transition: .5s all;     width: 40px;     height: 40px; }  .scrollToTop.active {     opacity: 1;     cursor: pointer; } .header {             position: relative;             padding: 15px 0;             z-index: 100;         }         .header__top {             display: flex;             justify-content: space-between;             align-items: center;         }         .button {             background: #e66b00;             padding: 10px 35px;             border-radius: 5px;         }         .button__link {             text-decoration: none;             color: #ffffff;         }         .nav {             position: relative;             margin-top: 5px;             background: rgba(0, 0, 0, 0.5);             padding: 1px 10px;             height: auto;             z-index: 100;         }         .nav__list {             display: flex;             justify-content: space-evenly;             padding: 0;             list-style: none;             position: relative;           flex-wrap: wrap;         }         .nav__link,         .nav__submenu__link {             text-decoration: none;             color: #ffffff;         }         .nav__submenu {             padding: 1px 10px;             display: none;             justify-content: space-between;             flex-wrap: wrap;             position: absolute;             top: 100%;             left: -10px;             width: 102%;             list-style: none;             background: rgba(0, 0, 0, 1);             z-index: 1000;         }         .nav__submenu__item {             margin: 10px;             width: 30%;         }         .nav__item:hover .nav__submenu {             display: flex;         }         .nav__item:hover .nav {             height: 200px;         }         @media (max-width: 650px) {             .nav__submenu__item {                 width: 100%;             }             .nav__submenu {                 width: 103%;             }         }         @media (max-width: 370px) {             .button {                 padding: 10px 10px;             }             .nav__submenu {                 width: 106%;             }         }