body {     margin: 0;     padding: 0;     font-family: 'Open Sans', sans-serif; }  body, html {     overflow-x: hidden; }  a {     text-decoration: none; }  .container {     max-width: 1280px;     margin: 0 auto;     position: relative; }  .header {     background-color: #fdfdfe;     position: fixed;     width: 100%;     z-index: 1000; }  .header__inner {     display: flex;     justify-content: space-between;     align-items: center; }  .nav {     display: flex;     list-style: none;     padding: 0;     font-weight: 400;     font-size: 16px; }  .nav__other {     list-style: none;     padding: 0; }  .nav .nav__inner {     text-align: center;     line-height: 50px;     padding: 0 10px;     position: relative; }  .nav .nav__inner .nav__inner__link {     color: #2e3746; }  .header__button {     display: flex; }  .nav .nav__inner .nav__other {     display: none;     position: absolute;     left: 5px;     top: 40px;     z-index: 999;     min-width: 120px;     background: #fdfdfe;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px; }  .nav__other__inner {     border-right: 0;     border-bottom: 1px solid #e0e6ed;     white-space: nowrap;     margin-left: 0;     padding: 0 10px;     min-width: 100px;     text-align: left; }  .nav__other__inner__link {     color: #2e3746; }  .nav .nav__inner:hover .nav__other {     display: block; }  .header__button__inner__small {     display: block;     transition: all 200ms ease-in-out;     outline: 0;     transform: translateY(-5px);     line-height: 22px;     font-weight: 400;     width: auto;     margin-top: 5px;     font-size: 14px;     position: relative;     left: 5px;     padding: 5px 30px;     margin-right: 10px;     color: #2e3746;     text-decoration: none;     border-radius: 22px;     border: solid 1px #e0e6ed; }  .header__button__inner__reg {     display: block;     transition: all 200ms ease-in-out;     outline: 0;     transform: translateY(-5px);     line-height: 22px;     font-weight: 400;     width: auto;     margin-top: 5px;     font-size: 14px;     position: relative;     left: 5px;     padding: 5px 30px;     margin-right: 10px;     color: #fdfdfe;     text-decoration: none;     border-radius: 22px;     border: solid 1px #e0e6ed;     background-color: #4a4afd; }  .slider {     position: relative; }  .slider__inner {     opacity: 0; }  .slider__inner.is-active {     width: 100%;     display: block;     position: absolute;     left: 0;     top: 70px;     transition: opacity 1000ms ease 0s;     z-index: 900;     opacity: 1; }  .slots__inner {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap; }  .slots__inner__item {     width: 25%;     height: 132px;     position: relative;     border: 1px solid #6294cc;     background: #e0dedf;     display: flex;     flex-direction: column;     margin: 10px 10px 25px; }  .slots__inner__item__link {     width: 100%;     height: 132px;     display: block;     position: relative;     border: 1px solid #6294cc;     text-align: center; }  .slots__inner__item__link img {     width: 115px;     height: 115px;     display: block;     margin: 4% auto;     position: relative; }  .main__inner__info {     margin-top: 25px; }  .hover {     width: 100%;     height: 135px;     position: absolute;     margin: 0 2px;     display: none;     background-color: rgba(73, 73, 253, .8); }  .info {     display: none;     position: absolute;     z-index: 2; }  .info a {     display: inline-block;     padding: 10px 20px;     line-height: 13px;     font-size: 16px;     font-weight: 500;     margin-bottom: 15px; }  .on_money {     border-radius: 23px;     background-color: #fdfdfe;     border: solid 1px #fff;     color: #4a4afd; }  .demo {     border: solid 1px #fff;     color: #fff;     border-radius: 23px;     font-size: 14px; }  .slots__inner__item:hover .hover {     display: block;     pointer-events: none; }  .slots__inner__item:hover .info {     display: block;     width: 100%;     text-align: center;     top: 20%; }  .slots__inner__item__link span {     color: #2e3746; }  .content-top {     display: flex;     align-items: center;     height: 50px;     background-color: #fdfdfe;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     box-shadow: 0 1px 1px 0 rgba(31, 44, 60, .05);     border: solid 1px #e0e6ed;     border-top: 0; } .content-top .slot, .content-top .ruletka {     position: relative; }  .content-top .slot a, .content-top .ruletka a {     width: 120px;     color: #8492a6;     display: block;     height: 50px;     padding: 0 50px;     line-height: 50px;     border-right: solid 1px #e0e6ed;     font-size: 16px; }  .mod-list {     display: none;     position: absolute;     left: 0;     margin: 0;     top: 40px;     z-index: 999;     min-width: 120px;     background: #fdfdfe;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     list-style: none;     padding: 0; } .slot:hover .mod-list {     display: block; } .ruletka:hover .mod-list {     display: block; } .main__block__inner__sidebar {     list-style: none;     position: relative;     width: 248px; } .sidebar {     list-style: none;     padding: 0;     margin: -7px 0;     border-radius: 10px;     background-color: #fdfdfe;     box-shadow: 0 1px 1px 0 rgba(31, 44, 60, .05);     border: solid 1px #e0e6ed; } .sidebar__title {     background: none;     text-align: center;     padding: 20px 40px;     line-height: 14px;     font-size: 16px;     font-weight: 500;     color: #2e3746;     border-bottom: solid 1px #e0e6ed; } .sidebar__inner {     height: 45px;     padding: 6px 15px;     margin: 0;     position: relative;     border-bottom: solid 1px #e0e6ed; } .sidebar__inner__link {     display: flex;     align-items: center;     position: relative;     z-index: 1;     text-align: left;     margin-left: 0;     overflow: hidden; } .sidebar__inner__link span {     font-size: 14px;     width: 100px;     margin: 0 0 0 65px;     text-align: left;     font-weight: bold;     color: #f90; } .sidebar__inner__link img {     width: 48px;     float: left;     margin: -11px 0 0 2px; } .main .container {     max-width: 940px; } .main__block__inner {     display: flex;     justify-content: space-between; } .main__block__inner__item {     width: 78%; } .footer {     margin-top: 25px;     background: linear-gradient(#333, #575757, #333);     color: #fff;     border-top: solid 0 #ccc;     padding: 15px 0; } .footer__inner {     display: flex;     justify-content: space-evenly;     align-items: center; } .footer__inner__text a {     color: #fff; } .main__inner__blog {     border-bottom: solid 1px #e0e6ed; } .main__inner__blog h3 {     margin-top: 35px; } .main__inner__blog__title, .main__inner__blog h3 a {     /*color: #4a4afd;     text-decoration: underline;*/     text-transform: uppercase;     font-family: proxima-soft,sans-serif; } .mob__nav {     display: none; } .slider__inner__link img {     width: 100%; } .slider {     padding-top: 70px; } @media only screen and (max-width: 1209px) {     .mob__nav span {         display: block;         background: #4a4afd;         width: 30px;         height: 5px;         margin-bottom: 3px;     }     .container {         padding: 0 15px;     }     .header__inner {         position: relative;     }     .nav {         position: fixed;         left: -15px;         top: 53px;         flex-direction: column;         z-index: 1000;         background: #fdfdfe;         width: 50%;         height: 100%;         display: none;     }     .mob__pos {         position: fixed;         left: 0;         top: 70px;         flex-direction: column;         z-index: 100;         background: rgba(0, 0, 0, 0.5);         width: 100vw;         height: 100vh;     }     .nav .nav__inner .nav__other {         position: relative;         left: 0;         top: 0;     }     .nav__other__inner {         text-align: center;     }     .mob__nav {         display: block;         cursor: pointer;     }     .slider__inner__link img {         width: auto;         margin: 0 -25%     }     .slots__inner__item__link img {         margin: 4% auto 8%;     }     .header__inner {         padding: 15px 0;     } } @media only screen and (max-width: 805px) {     .main__block__inner__item {         width: 100%;     }     .main__block__inner__sidebar {         width: 100%;         margin-top: 30px;     }     .main__block__inner {         flex-direction: column;     }     .slider__inner__link img {         width: 1500px;         margin: 0 -35%;     } } @media only screen and (max-width: 640px) {     .slots__inner__item {         width: 150px;         margin: 10px 10px 35px;     }     .nav {         left: 0;         width: 70%;     }     .footer__inner {         flex-wrap: wrap;     }     .content-top .slot, .content-top .ruletka {         width: 50%;     }     .content-top .slot a, .content-top .ruletka a {         width: 100%;     }     * {         box-sizing: border-box;     }     .nav__main .container {         padding: 0;     } } @media only screen and (max-width: 450px) {     .content-top .slot a, .content-top .ruletka a {         padding: 0 10px;     }     .slots__inner__item {         width: 43%;     }     .slots .container {         padding: 0;     }     .slider__inner__link img {         width: 785px;         margin: 0 -37%;     } }