@charset "UTF-8";

.modal-header h2 {
color:#fff;
font-size:18px;
line-height:22px;
text-transform:uppercase;
font-weight:400;
line-height:1;
margin:0;
border-bottom:none
}

.modal .btn-close {
color:#aaa;
cursor:pointer;
font-size:30px;
text-decoration:none;
position:absolute;
right:5px;
top:0
}

.modal .btn-close:hover {
color:red
}

.modal-wrap:before {
content:"";
display:none;
background:rgba(0,0,0,0.85);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:101
}

.modal-overlay {
bottom:0;
display:none;
left:0;
position:fixed;
right:0;
top:0;
z-index:102
}

.modal-open:checked ~ .modal-wrap .modal-overlay,.modal-open:checked ~ .modal-wrap:before {
display:block
}

.modal-open:checked ~ .modal-wrap .modal-dialog {
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
top:110px;
}

.modal-dialog {
background:transparent;
color:#fff;
border:none;
border-radius:5px;
position:fixed;
max-width:500px;
left:50%;
top:-100%;
-webkit-transform:translate(-50%,-500%);
-ms-transform:translate(-50%,-500%);
-o-transform:translate(-50%,-500%);
transform:translate(-50%,-500%);
-webkit-transition:-webkit-transform .4s ease-out;
-moz-transition:-moz-transform .4s ease-out;
-o-transition:-o-transform .4s ease-out;
transition:transform .4s ease-out;
z-index:103
}

.modal-dialog h2 {
text-shadow:0 0 4px #000;
color:#fdfdfd;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:400;
line-height:22px;
border-bottom:none;
text-align:center
}

.modal-dialog label,.modal-dialog p {
text-shadow:0 0 4px #000;
color:#fdfdfd;
font-family:PTSans;
font-size:14px;
font-weight:400;
margin:0;
padding:0 auto;
text-align:center;
font-family:'PT Sans',sans-serif
}

.modal-dialog input[type="submit"],.modal-dialog input[type="text"],.modal-dialog input[type="textarea"],.modal-dialog input[type="password"],.modal-dialog input[type="number"] {
height:42px;
background-color:#e3e3e3;
border-radius:5px;
border:transparent;
width:100%;
margin:10px 0;
color:#000;
padding-left:10px;
padding-right:10px;
box-shadow:0 0 4px #000;
font-family:'PT Sans',sans-serif
}

.modal-body input[type='number'] {
-moz-appearance:textfield
}

.modal-body input::-webkit-outer-spin-button,.modal-body input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}

.modal-dialog input[type="submit"] {
display:inline-block;
margin-top:5%;
background:#f79500;
color:#fdfdfd;
font-family:PTSans;
font-size:18px;
font-weight:400;
line-height:22px;
border:none;
top:0;
box-shadow:0 0 4px #000;
font-family:'PT Sans',sans-serif
}

.modal-dialog input[type="textarea"] {
height:112px
}

.modal-dialog .write,.modal-header .write {
text-align:center;
margin-bottom:2%
}

.control-panel {
margin-top:8%;
height:40px;
background:#0d344c;
border:none;
box-shadow:0 0 4px #000;
border-radius:5px;
position:relative
}

.pushy {
position:fixed;
width:200px;
height:100%;
top:0;
z-index:9999;
background:#191918;
overflow:auto;
visibility:hidden;
-webkit-overflow-scrolling:touch
}

.pushy a,.pushy .new-item label,.new-item .pushy label {
display:block;
color:#b3b3b1;
padding:15px 30px;
text-decoration:none;
outline:0
}

.pushy a:hover,.pushy .new-item label:hover,.new-item .pushy label:hover {
color:#FFF
}

.pushy ul:first-child {
margin-top:10px
}

.pushy.pushy-left {
left:0
}

.pushy.pushy-right {
right:0
}

.pushy-left {
-webkit-transform:translate3d(-200px,0,0);
-ms-transform:translate3d(-200px,0,0);
transform:translate3d(-200px,0,0)
}

.pushy-open-left #container,.pushy-open-left .push {
-webkit-transform:translate3d(200px,0,0);
-ms-transform:translate3d(200px,0,0);
transform:translate3d(200px,0,0)
}

.pushy-right {
-webkit-transform:translate3d(200px,0,0);
-ms-transform:translate3d(200px,0,0);
transform:translate3d(200px,0,0)
}

.pushy-open-right #container,.pushy-open-right .push {
-webkit-transform:translate3d(-200px,0,0);
-ms-transform:translate3d(-200px,0,0);
transform:translate3d(-200px,0,0)
}

.pushy-open-left .pushy,.pushy-open-right .pushy {
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

#container,.pushy,.push {
transition:transform .2s cubic-bezier(0.16,0.68,0.43,0.99)
}

.site-overlay {
display:none
}

.pushy-open-left .site-overlay,.pushy-open-right .site-overlay {
display:block;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:9998;
background-color:rgba(0,0,0,0.5);
-webkit-animation:fade 500ms;
animation:fade 500ms
}

@keyframes fade {
0% {
opacity:0
}

100% {
opacity:1
}
}

@-webkit-keyframes fade {
0% {
opacity:0
}

100% {
opacity:1
}
}

.pushy-submenu ul {
padding-left:15px;
transition:max-height .2s ease-in-out
}

.pushy-submenu ul .pushy-link {
transition:opacity .2s ease-in-out
}

.pushy-submenu > a,.new-item .pushy-submenu > label {
position:relative
}

.pushy-submenu > a::after,.new-item .pushy-submenu > label::after {
content:'';
display:block;
height:11px;
width:8px;
position:absolute;
top:50%;
right:15px;
background:url(../img/arrow.svg) no-repeat;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
transition:transform .2s
}

.pushy-submenu-closed ul {
max-height:0;
overflow:hidden
}

.pushy-submenu-closed .pushy-link {
opacity:0
}

.pushy-submenu-open ul {
max-height:1000px
}

.pushy-submenu-open .pushy-link {
opacity:1
}

.pushy-submenu-open a::after,.pushy-submenu-open .new-item label::after,.new-item .pushy-submenu-open label::after {
-webkit-transform:translateY(-50%) rotate(90deg);
-ms-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg)
}

.no-csstransforms3d .pushy-submenu-closed ul {
max-height:none;
display:none
}

.content1 h2 {
font-size:2em;
margin:.67em 0;
color:#fff;
border:none;
text-align:left;
width:50%;
padding-bottom:0
}

.content2 h2 {
font-size:18px;
margin:.67em 0;
color:#fff;
border:none;
text-align:left;
width:82%;
padding-bottom:0
}

.info .content1 {
left:3%
}

.shares h1 a,.shares h1 .new-item label,.new-item .shares h1 label {
max-height:85px;
overflow:hidden
}

.aside-menu-list .menu-list-item {
list-style-type:none
}

.title {
display:inline-block;
width:20%;
font-size:14px;
position:absolute;
left:1%;
top:70%;
color:#7f7f7f;
font-weight:400;
letter-spacing:6px
}

.box h1,.info-page h1 {
margin:10px 0;
font-size:2em;
line-height:1em;
color:#f79500;
text-transform:none
}

@media screen and (max-width: 360px) {
    .box h1, .info-page h1 {
        font-size: 1.7em;
    }
}

.box h2,.box h3,.box h4,.box h5,.box h6,.info-page h2,.info-page h3,.info-page h4,.info-page h5,.info-page h6 {
font-weight:400;
font-size:22px;
color:#f79500;
text-transform:none;
text-align:left;
margin:10px 0;
border:none
}

.box .justifyleft,.info-page .justifyleft {
text-align:left
}

.box .justifyright,.info-page .justifyright {
text-align:right
}

.box .justifyfull,.info-page .justifyfull {
text-align:justify
}

.box a,.box .new-item label,.new-item .box label,.info-page a,.info-page .new-item label,.new-item .info-page label {
color:#f79500;
text-decoration:none;
margin-right:0
}

.box a:hover,.box .new-item label:hover,.new-item .box label:hover,.info-page a:hover,.info-page .new-item label:hover,.new-item .info-page label:hover {
text-decoration:underline
}

.box ul li,.info-page ul li {
list-style-type:disc
}

.box ol li,.info-page ol li {
list-style-type:decimal
}

.pagination {
margin-bottom:20px;
padding-left:0
}

.pagination li {
display:inline-block;
margin:2%;
padding:1% 2%;
border-radius:5px
}

.pagination li a,.pagination li .new-item label,.new-item .pagination li label {
color:#000
}

.pagination .active {
background-color:#f79500
}

.pagination .active a,.pagination .active .new-item label,.new-item .pagination .active label {
color:#000
}

.pagination .disabled {
display:none
}

.pagination .control {
display:none
}

.tabs {
min-height:150px;
margin-left:0;
margin-right:0
}

.tabs a:hover,.tabs .new-item label:hover,.new-item .tabs label:hover {
color:#fff
}

.info img {
width:100%
}

.main-tab {
position:relative
}

.tabs_menu {
display:flex;
flex-direction:row;
justify-content:space-around;
flex-wrap:no-wrap
}

.tabs_menu li {
width:20%;
font-size:1.3em
}

.top100Counter {
display:none
}

.new-item {
margin-top:35px;
margin-bottom:35px
}

.new-item a,.new-item label {
display:block;
position:relative;
min-height:175px;
overflow: hidden;
}

.new-item a::after,.new-item label::after {
content:"";
position:absolute;
top:0;
width:115px;
height:105px;
background:url(../img/item-sprite.png) no-repeat 0 0;
left:25%
}

.new-item a::before,.new-item label::before {
position:absolute;
bottom:0;
left:25%;
display:block;
width:50%;
content:attr(data-name);
color:#6f6f6f;
font-size:16px;
text-decoration:underline;
text-align:center
}

.new-item a:hover::before,.new-item label:hover::before {
color:#2f2f2f
}

.new-item label {
cursor:pointer
}

.new-item .new-item-box2::after {
width:150px;
background:url(../img/item-sprite.png) no-repeat -114px 0
}

.new-item .new-item-box3::after {
left:28%;
width:104px;
background:url(../img/item-sprite.png) no-repeat -264px 0
}

.new-item .new-item-box4::after {
width:88px;
left:32%;
background:url(../img/item-sprite.png) no-repeat -368px 0
}

footer {
padding:30px 0
}

footer .footer-copy * {
font-size:12px;
color:#fff;
margin:0
}

footer .footer-callback > div {
float:right
}

footer .footer-social::after {
clear:both;
content:"";
display:table
}

footer .footer-social > section {
float:right
}

footer .footer-social > section div {
display:inline-block;
padding:0 15px;
border-right:1px solid #fff;
height:30px
}

footer .footer-social a,footer .footer-social .new-item label,.new-item footer .footer-social label {
margin-top:2px;
width:12px;
height:24px
}

footer .footer-social .fc {
width:24px;
background:url(../img/footer-fc.png)
}

footer .footer-social .insta {
width:24px;
background:url(../img/footer-insta.png) 
}

footer .footer-social .yt {
width:24px;
background:url(../img/footer-yt.png)
}

.btn {
display:inline-block;
width:30px;
height:30px;
cursor:pointer
}

.btn-delears,.btn-search {
margin-top:10px;
margin-left:2%;
background:url(../img/header-sprite.png) no-repeat -10px -10px
}

.btn-search {
background:url(../img/header-sprite.png) no-repeat -60px -10px
}

.btn-callback span {
display:inline-block;
width:100%;
line-height:35px;
text-align:center;
color:#7f7f7f
}

.btn-callback span:hover {
color:#fff
}

.btn-callback-footer {
color:#fff;
font-size:12px;
position:relative;
display:block;
cursor:pointer
}

.btn-callback-footer::before {
content:"";
position:absolute;
left:-30px;
display:inline-block;
width:22px;
height:22px;
background:url(../img/footer-item.png) 0 0 no-repeat
}

#up::before {
content:" ";
background:url(../img/up.png) 0 0 no-repeat;
text-align:center;
width:45px;
height:45px;
display:block
}

@media screen and (min-width: 769px) {
.xs-none {
display:block
}

.sm-none {
display:block
}

.md-none {
display:none
}
}

@media screen and (max-width: 768px) {
.xs-none {
display:none
}

.sm-none {
display:none
}

.md-none {
display:block
}
}

@media screen and (max-width: 992px) {
header .icon-header {
width:auto
}

header ul {
padding:0;
width:80%
}

header .bottom-header .callback {
width:46%
}

.title {
width:75%;
top:35px;
padding-left:5px
}

.tabs {
min-height:355px
}

.tabs_menu li {
font-size:1em
}
}

@media screen and (max-width: 768px) {
    .sh_btn {
    display:none
    }

    .container {
    padding-left:20px;
    padding-right:20px
    }

    .info-page {
    margin-top:0;
    min-height:300px
    }

    .modal-dialog {
    max-width:768px;
    width:85%
    }

    .pagecallback {
    display:block;
    width:50%;
    padding:3%;
    margin:3% auto 0;
    text-transform:uppercase;
    background:#f79500;
    color:#fff;
    text-align:center;
    font-weight:700
    }

    header .bottom-header {
    padding:41px 37px 9px 30px
    }

    header .bottom-header .btn {
        width:30px;
        height:30px;
        display:block;
        /* background:url(../img/call_mob.png) no-repeat 0 0; */
        border:none;
        border-radius:0;
        padding-right:14%;
        margin-top:17px
    }

    .btn-block {
        width: 55%;
        display: block;
        border: none;
        border-radius: 0;
        margin: 0px auto;
        display: flex;
        justify-content: space-around;
    }

    .btn-img {
        height: 32px;
        margin-top: 10px;
    }

    header .bottom-header .btn:hover {
    background-color:#FFF
    }

    header .bottom-header .logo {
    height:85px;
    max-height:85px
    }

    header .menu-btn {
    display:inline-block;
    float:right;
    width:30px;
    height:28px;
    background:url(../img/menu.svg) no-repeat 0 0;
    margin: 13px;
    z-index: 99;
    }

    header .btn-callback span {
    display:none
    }

    .pushy {
    background-color:#6f6f6f
    }

    .pushy ul {
    width:100%
    }

    .pushy ul li {
    border:none;
    padding:4px 9px;
    margin:0;
    float:none;
    display:block
    }

    .pushy a,.pushy .new-item label,.new-item .pushy label {
    display:block;
    color:#fff;
    font-size:15px;
    padding:8px 0;
    padding-left:15px
    }

    .fotorama {
    background-color:#FFF
    }

    .fotorama .fotorama__arr--next {
    display:none!important
    }

    .fotorama .fotorama__arr--prev {
    display:none!important
    }

    iframe {
    max-width:100%
    }

    .minislider {
    margin-right:-10px;
    margin-left:-10px
    }

    .main-info .container {
    padding-left:0;
    padding-right:0
    }

    .main-info .page-info {
    padding-left:20px
    }

    .main-info a,.main-info .new-item label,.new-item .main-info label {
    width:100%
    }

    .maininfo {
    padding-left:20px;
    padding-right:20px
    }

    .primary-info .container {
    padding-left:0;
    padding-right:0
    }

    .tabs {
    position:relative;
    min-height:150px
    }

    .tabs .info {
    padding-left:0;
    padding-right:0
    }

    .tabs img {
    width:100%
    }

    .tabs .slick-prev,.tabs .slick-next {
    position:absolute;
    width:20%;
    height:100%;
    z-index:2
    }

    .tabs .slick-prev {
    left:0
    }

    .tabs .slick-prev::after {
    content:".";
    font-size:70px;
    position:relative;
    top:40px;
    background:url(../img/prew.svg) no-repeat 0 0
    }

    .tabs .slick-next {
    right:0
    }

    .tabs .slick-next::after {
    content:".";
    font-size:70px;
    position:relative;
    top:40px;
    background:url(../img/next.svg) no-repeat 0 0
    }

    .info .content1 {
    width:100%;
    left:0;
    top:85%;
    margin:0 auto;
    text-align:center
    }

    .info .content1 h2 {
    text-align:center;
    width:100%
    }
}

@media screen and (max-width: 768px) and (max-width: 640px) {
.info .content1 {
top:82%;
font-size:1em
}
}

@media screen and (max-width: 768px) {
.info .content1 h1 {
width:100%
}

.fotorama__stage {
max-height:10%;
overflow:hidden
}

.fotorama__stage img {
width:100%;
height:auto
}

main {
padding:20px 0 0
}

main .maininfo h3 > a,main .maininfo .new-item h3 > label,.new-item main .maininfo h3 > label {
font-size:2em;
text-decoration:underline
}

main .maininfo p {
font-size:1.4em;
width:91%
}

main .maininfo a,main .maininfo .new-item label,.new-item main .maininfo label {
font-size:1.4em
}

.btn-category {
font-size:22px;
line-height:65px;
font-weight:400;
padding:0 20px;
color:#f79500;
background:#fff;
min-height:64px;
vertical-align:center;
margin:0;
border-bottom:1px solid #d9d9d9
}

.btn-category span {
display:block;
width:25px;
height:25px;
background-size:25px 25px;
background:url(../img/arrowdown.svg) no-repeat 0 0;
margin-top:25px;
float:right;
margin-right:3%
}
}

@media screen and (max-width: 768px) and (max-width: 320px) {
.btn-category span {
margin-right:1%
}
}

@media screen and (max-width: 768px) {
aside {
margin-bottom:20px;
margin-left:-20px;
width:105%
}

aside .aside-menu-list li {
width:109%
}

aside .aside-menu-list .menu-list-item {
list-style-type:none
}

aside .aside-menu-list .menu-list-item a,aside .aside-menu-list .menu-list-item .new-item label,.new-item aside .aside-menu-list .menu-list-item label {
padding:1em 20px;
width:101%
}

aside .aside-menu-list .active a::after,aside .aside-menu-list .active .new-item label::after,.new-item aside .aside-menu-list .active label::after {
display:none
}

.box {
margin-bottom:20px;
margin-left:0;
margin-top:2%
}

.box img {
width:100%!important;
height:auto
}

.box .info-page img {
width:100%!important
}

.box strong img {
width:45%!important
}

h2 {
margin:0 auto;
width:98%;
font-size:1.5em
}

.new-item {
margin-top:8%;
margin-bottom:0
}

.new-item a,.new-item label {
margin-bottom:5%
}

.new-item a::after,.new-item label::after {
top:0;
left:32%
}

.new-item a::before,.new-item label::before {
bottom:0;
left:30%;
width:35%
}

.new-item .new-item-box3::after {
left:33%
}

.new-item .new-item-box4::after {
left:37%
}

.news .news-info {
border-right:none;
border-bottom:1px solid #6f6f6f
}

.news .news-info > * {
height:auto;
font-size:1.2em
}

.news h3 > a,.news .new-item h3 > label,.new-item .news h3 > label {
font-size:1.2em;
line-height:1.5em
}

.shares h1 {
width:48%;
margin:0;
margin-top:2%;
margin-left:2%
}

.shares h1 a,.shares h1 .new-item label,.new-item .shares h1 label {
width:100%;
margin-left:2%
}

.shares p {
width:48%;
margin-left:2%
}

.shares img {
width:50%;
height:auto
}

footer .mobile {
color:#fff;
margin-top:-6px
}

footer .btn-up {
bottom:20%
}

footer #up::before {
/*background:url(../img/up.svg) 0 0 no-repeat*/
}
}

@media screen and (max-width: 640px) {
.new-item a::before,.new-item label::before {
left:34%
}
}

@media screen and (max-width: 480px) {
header .menu-btn {
margin-top:4px
}

header .bottom-header {
min-height:105px;
padding:30px 15px 0
}

header .bottom-header .btn {
margin-top:5px
}

/* header .bottom-header .logo {
height:75px
} */

header .bottom-header .logo img {
/* width:90%;
height:auto */
}

.info .content1 {
font-size:.75em
}
}

@media screen and (max-width: 480px) and (max-width: 400px) {
.info .content1 {
font-size:.65em
}
}

@media screen and (max-width: 480px) {
main .maininfo h3 > a,main .maininfo .new-item h3 > label,.new-item main .maininfo h3 > label {
font-size:1.5em;
text-decoration:underline
}

main .maininfo p {
font-size:1em;
width:91%
}

main .maininfo a,main .maininfo .new-item label,.new-item main .maininfo label {
font-size:1em
}

.new-item a::before,.new-item label::before {
left:10%;
width:65%
}

.new-item a::after,.new-item label::after {
left:15%
}

.new-item .new-item-box3::before {
left:10%
}

.new-item .new-item-box3::after {
left:16%
}

.new-item .new-item-box4::before {
left:12%
}

.new-item .new-item-box4::after {
left:18%
}

h2 {
margin-top:10px
}

.news .news-info > * {
font-size:1em
}

.news h3 > a,.news .new-item h3 > label,.new-item .news h3 > label {
font-size:1em;
line-height:1.5em;
max-height:40px;
overflow:hidden
}

.news p {
max-height:50px;
overflow:hidden
}

.shares h1 {
font-size:14px
}

.shares p {
max-height:60px
}

.box strong img {
width:100%!important;
margin:2% 0
}
}

@media screen and (max-width: 320px) {
header .bottom-header {
padding-left:5px;
padding-right:5px
}

.main-info {
max-height:575px;
overflow:hidden
}
}

.tabs-corr {
min-height:100px;
background:#fff
}

@media screen and (max-width: 768px) {
    .tabs-corr {
        display: none !important;
    }
}

@media screen and (max-width: 550px) {
    .logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    header .bottom-header .btn {
        padding-right: 30%;
    }
}

@media (max-width: 992px) {
    .roulette-calculator-block {
        width: 210px;
    }

    header .bottom-header .btn {
        width: 190px;
    }
}

@media screen and (max-width: 550px) {
    .logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    header .bottom-header .btn {
        padding-right: 30%;
    }

    .btn-block {
        width: 100%;
        margin-bottom: -33px;
    }

    .menu-logo-img {
        margin-left: 10px;
    }
}

@media (max-width: 480px) {

    .btn-img {
        margin-top: 0;
    }
}