*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Solomon Sans Black Italic';
    src: url('../fonts/Solomon Sans Black Italic.otf');
}
@font-face {
    font-family: 'Solomon Sans Black';
    src: url('../fonts/Solomon Sans Black.otf');
}
@font-face {
    font-family: 'Solomon Sans Bold Italic';
    src: url('../fonts/Solomon Sans Bold Italic.otf');
}
@font-face {
    font-family: 'Solomon Sans Bold';
    src: url('../fonts/Solomon Sans Bold.otf');
}
@font-face {
    font-family: 'Solomon Sans Book Italic';
    src: url('../fonts/Solomon Sans Book Italic.otf');
}
@font-face {
    font-family: 'Solomon Sans Book';
    src: url('../fonts/Solomon Sans Book.otf');
}
@font-face {
    font-family: 'Solomon Sans Light Italic';
    src: url('../fonts/Solomon Sans Light Italic.otf');
}
@font-face {
    font-family: 'Solomon Sans Light';
    src: url('../fonts/Solomon Sans Light.otf');
}
@font-face {
    font-family: 'Solomon Sans Light';
    src: url('../fonts/Solomon Sans Light.otf');
}
@font-face {
    font-family: 'Solomon Sans Normal';
    src: url('../fonts/Solomon Sans Normal.otf');
}
@font-face {
    font-family: 'Solomon Sans SemiBold Italic';
    src: url('../fonts/Solomon Sans SemiBold Italic.otf');
}
@font-face {
    font-family: 'Solomon Sans SemiBold';
    src: url('../fonts/Solomon Sans SemiBold.otf');
}
@font-face {
    font-family: 'Solomon Sans Thin Italic';
    src: url('../fonts/Solomon Sans Thin Italic.otf');
}
@font-face {
    font-family: 'Open Sans Italic Bold';
    src: url('../fonts/opensans-bolditalic.woff');
}
@font-face {
    font-family: 'Open Sans Italic Semibold';
    src: url('../fonts/opensans-semibolditalic.woff');
}
@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/opensans-light.woff');
}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/opensans-regular.woff');
}
@font-face {
    font-family: "Open Sans Bold";
    src: url("../fonts/opensans-bold.ttf");
}
@font-face {
    font-family: 'Hangyaboly';
    src: url('../fonts/Hangyaboly.woff') format('woff'),
    url('../fonts/Hangyaboly.ttf') format('truetype');
}


.absolute {
    position:absolute;

}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

img {
    max-width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: url("../img/main-bg.png");
    min-width: 1085px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

button, .button {
    background: #3fa757;
    border: none;
    color: #ffffff;
    position: relative;
}

button:focus, .button:focus  {
    outline: none;
}

button:hover, .button:hover  {
    background-color: #329549;
}

.wrapper {
    max-width: 1920px;
    min-width: 480px;
    margin: 0 auto;
    width: auto;
    padding: 0 2%;
}
.chat {
    margin-left: 2rem;
    vertical-align: top;
    margin-top: 2rem;
    display: inline-block;
    font-weight: bold;
    color: #3fa757;
    text-decoration: underline;
    font-size: 1.125rem;
}
.chat i {
    background: url("../img/chat.png") no-repeat;
    content: '';
    height: 20px;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
}
.chat span {
    margin-left: 0.3rem;
}
.modal-is18-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #e1e1e1;
    z-index: 100;
    text-align: center
}
.modal-is18 {
    position: static;
    background: #e1e1e1;
    width: 640px;
    box-shadow: 0 0 7px rgba(0,0,0,.5);
    margin: 0 auto;
    height: auto;
    border-top: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.modal-is18-wrapper .modal-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35%;
    align-items: center;
    justify-content: center;
    padding: 0 0 40px;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.modal-is18 .modal-top{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #3fa757;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 30px;
}
.modal-is18 .modal-top .close{
    position: absolute;
    font-size: 55px;
    right: 15px;
    top: 15px;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}
.wrapp-question{
    display: flex;
}
.question-is18 {
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    text-align: left;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    align-items: center;
    height: auto;
    width: auto;
    padding-right: 20px;
}
.question-is18 p{
    margin: 0;
}
.is18-no-btn {
    background: #b4afaf;
    color: #000;
    font-size: 18px;
    padding: 0;
    height: 50px;
    width: 200px;
    transition: ease all 0.5s;
    text-transform: uppercase;
}
.is18-no-btn:hover, .is18-no-btn:active, .is18-no-btn:focus {
    background: #979292;
}
.is18-yes-btn {
    font-size: 18px;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    height: 50px;
    width: 200px;
    margin-left: 10%;
    transition: ease all 0.5s;
}
.modal-is18-wrapper .modal-inner img{
    height: 118px;
    width: auto;
    margin: 0 40px;
    flex-shrink: 0;
}
.modal-is18 .resp {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.modal-is18 .wrapp-button{
    width: 100%;
    margin-top: 30px;
}
.is18wrap {
    position: fixed;
    bottom: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 2999;
    display: none;
    background: rgba(0,0,0, 0.5);
}
.lotteries-list {
    margin-top: 3rem;
    text-align: left;
}

.lotteries-list ul{
    text-align: center;
}

.shadow-block {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.news {
    float: left;
    width: 49%;
    margin-right: 1%;
    position: relative;
}

.news-wrapper {
    padding: 1rem 0 2rem;
}

.news-col1 {
    width: 28%;
    float: left;
    font-size: 1.875rem;
    font-weight: bold;
    padding: 2.8rem 3.75rem;
}


.news-col2 {
    width: 42%;
    float: left;
    font-size: 1rem;
    font-weight: 300;
    padding: 1.6rem 0;
}

.news-col2 span {
    font-size: 1.25rem;
    font-weight: bold;
}


.news-col3 {
    width: 30%;
    float: right;
    padding: 2.6rem 2.5rem 1.25rem 2.81rem;
}

.details-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 3.5;
    background: #3fa757;
    padding: 0 4rem;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    display: inline-block;
    position: relative;
}

.details-button:hover {
    background: #329549;
}

@media (max-width: 1350px) {
    .news {
        font-size: 2em;
        padding: 2rem;
    }

    .news-col1,
    .news-col2,
    .news-col3 {
        float: none;
        width: 100%;
        padding:0 0 10px;
    }

    .details-button {
        width: 100%;
        text-align: center;
    }
}

.subscribe-form {
    float: right;
    width: 49%;
    margin-left: 1%;
    position: relative;
}

.subscribe-form input {
    border: none;
    border-bottom: solid 1px #aeaeae;
}

.sf-col1 {
    width: 30%;
    float: left;
    font-size: 1.875rem;
    font-weight: bold;
    padding: 2.81rem 1.56rem;
}

.sf-col2 {
    float: left;
    width: 28%;
    padding: 2.7rem 1rem;
}

.sf-col3 {
    float: left;
    width: 28%;
    padding: 2.7rem 1rem;
}


.sf-col4 {
    float: right;
    padding: 2.6rem 2rem 0 0;
}

.sf-col4 .subscribe {
    width: 5.3rem;
    height: 3.43rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: url("../img/letter.png") no-repeat 50%, #3fa757
}

.sf-col4 .subscribe.subscribe-fail {
    background: url("../img/smile-fail.png") no-repeat 50%, #e9654b;
}

.sf-col4 .subscribe.subscribe-success {
    background: url("../img/smile-success.png") no-repeat 50%, #3fa757;
}

@media (max-width: 1350px) {
    .subscribe-form {
        font-size: 2em;
        padding: 2rem;
    }

    .sf-col1,
    .sf-col2,
    .sf-col3,
    .sf-col4 {
        float: none;
        width: 100%;
        padding: 0;
    }

    .subscribe-form .paper-input {
        margin-bottom: 2rem;
    }

    .sf-col4 .subscribe {
        width: 100%;
        vertical-align: middle;
    }

    .sf-col4 button img {
        vertical-align: 0;
    }
}

.additionl-info {
    margin-left: -2.33%;

}

.add-info-block {
    width: 31%;
    float: left;
    margin-left: 2.33%;
    margin-top: 20px;
    text-align: center;
    padding: 2rem 0;
}

.additionl-info .block1 {
    border-top: solid 8px #3fa757;

}

.additionl-info .block2 {
    border-top: solid 8px #fedb61;
}

.additionl-info .block3 {
    border-top: solid 8px #3fa757;
}

.block-logo {
    min-height: 109px;
}

.block1 .block-logo {
    padding-left: 4rem;
}

.block2 .block-logo {
    padding-left: 6.5rem;
}

.block3 .block-logo {
    padding-left: 3rem;
}

.block-header {
    font-weight: bold;
    font-size: 1.875rem;
}

.separator {
    border: none;
    width: 75px;
    margin: 10px auto 0;
}

.green-separator {
    border-top:solid 7px #3fa757;

}

.yellow-separator {
    border-top:solid 7px #fedb61;
}

.block-description {
    padding: 2.2rem 5.6rem 0;
    font-size: 1.25rem;
}

.check-ticket-form,
.check-ticket-message-block {
    padding: 0 5.3rem;
    margin-top: 3.5rem;
}

.ticket-num {
    width: 100%;
    height: 4.375rem;
    border: solid 1px #aeaeae;
    padding: 10px;
    font-size: 1.125rem;
}

.check-ticket,
.check-ticket-switch {
    margin-top: 1rem;
    width: 100%;
    height: 4.375rem;
    font-size: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    color: #FFFFFF;
    font-weight: 700;
    text-transform: uppercase;
}

.check-ticket .checking {
    display: none;
}

.check-ticket.active .check {
    display: none;
}

.check-ticket.active .checking {
    display: inline;
}

.add-info-content {
    margin-top: 10px;
    text-align: left;
    font-size: 1.125rem;
}

.add-info-content .win-sum {
    font-style: italic;
    display: inline-block;
    margin-top: 1rem;
}

.add-info-content img {
    float: left;
    margin-right: 0.5rem;
    width: 4.44rem;
}

.add-info-content li {
    padding: 7px 5.6rem 10px;
}

@media (max-width: 1500px) {
    .add-info-content li {
        padding: 7px 3rem 2rem;
    }
}

@media (max-width: 1200px) {
    .add-info-content li {
        padding: 7px 2rem 2rem;
    }
}

@media (max-width: 1000px) {
    .add-info-content li {
        padding: 7px 1rem 2rem;
    }

    .add-info-content .time, .add-info-content .lottery-name {
        font-size: 1rem;
    }
}

@media (max-width: 1024px) {
    .subscribe-form {
        padding: 3rem 8rem;
    }

    .news {
        padding: 3rem 8rem;
    }

    .add-info-content .make-bet {
        padding: .3rem .5rem;
    }

    .check-ticket-form, .check-ticket-message-block {
        padding: 0 2rem;
    }
}

@media (min-width: 800px) and (max-width: 1350px) {
    .news,
    .subscribe-form {
        padding-bottom: 6rem;
    }

    .sf-col4,
    .details-button {
        position: absolute;
        bottom: 20px;
        width: auto;
        left: 8rem;
        right: 8rem;
    }
}

.block3 .add-info-content li {
    padding: 0.4rem 4rem 2.13rem;
}

.add-info-content li:last-child {
    border-bottom: none;
}

.add-info-content .l-col {
    float: left;
    width: 70%;
    padding-right: .5rem;
}

.add-info-content .r-col {
    float: right;
    width: 30%;
    text-align: center;
}

.block3 .add-info-content .l-col {
    float: left;
    width: 65%;
    padding-right: .5rem;
}

.block3 .add-info-content .r-col {
    float: left;
    width: 35%;
    text-align: center;
}

.add-info-content .event h4 {
    margin: 0;
    font-size: 1.1rem;
}

.add-info-content .event a {
    text-transform: uppercase;
    color: #000;
}

.add-info-content .make-bet {
    font-size: 1rem;
    line-height: 2.9rem;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    width: 12rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #3fa757;
    border: none;
    color: #ffffff;
    position: relative;
    text-decoration: none;
}

@media (max-width: 1350px) {
    .add-info-content .make-bet {
        line-height: 1.7rem;
        width: 8rem;
    }
}

.add-info-content .make-bet:focus {
    outline: none;
}

.add-info-content .make-bet:hover {
    background: #329549;
}

@media (max-width: 1040px) {

    .block-description {
        padding: 2.2rem 2rem 0;
    }


    .block3 .add-info-content li {


        padding: 0.4rem 1.5rem 2.13rem;
    }

    .add-info-content .make-bet {
        line-height: 1.5rem;
        width: 7rem;
    }
}

@media (max-width: 800px) {
    .additionl-info {
        margin-left: 0;
    }

    .news {
        float:  none;
        width: 100%;
        margin-bottom: 1rem;
        padding: 2rem;
    }
    .subscribe-form {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 2rem;
    }
    .add-info-block {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .add-info-content li {
        padding: 7px 5.6rem 10px;
    }

    .add-info-content .time {
        font-size: 1.13rem;
    }

    .add-info-content .lottery-name {
        font-size: 1.13rem;
    }

    .footer div.col {
        float: none;
        width: 100%;
        padding: 0;
        border: none;
        text-align: center;
        margin-bottom: 2rem;
    }

    .footer .msl-resp18 {
        margin: 0 auto;
        float: none;
        display: block;
    }

    .add-info-content .make-bet {
        line-height: 2.9rem;
        width: 12rem;
    }
}

.footer-inner {
    margin: 20px 0;
    padding: 20px 0;
}

.footer .col {
    float: left;
    width: 25%;
    padding-right: 1rem;
    border-right: 1px solid #f1f1f1;
    min-height: 23rem;
}

.footer .col1 {
    text-align: center;
    padding-top: 3rem;
}

.footer-logo {
    width: 11rem;
    margin-bottom: 20px;
}

.hot-line {
    font-size: 1.125rem;
}
.hot-line strong {
    display: block;
}
.hot-line a {
	color: inherit
}
.footer-chat {
    font-size: 1.125rem;
    margin: 10px 0;
}


.footer .col2,
.footer .col3 {
    padding-top: 3rem;
    padding-left: 5%;
    line-height: 2;
}

@media (max-width: 1024px) {
    .footer .col2,
    .footer .col3 {
        padding-left: 2%;
    }

}

.footer-heading {
    font-size: 1.5rem;
    margin: 0 0 1.5rem;
}

.footer-menu {
    font-size: 1rem;
}

.footer-menu li {
    margin-bottom: 0.3rem;
}

.footer-menu a {
    color: #373737;
}

.footer-menu a:hover {
    color: #3fa757;
}
.social-block .soc-net-icon {
	width: 3rem;
	height: 3rem;
	display: inline-flex;
}

.social-block li {
	display: inline-block;
	width: 4rem;
}
@media (min-width: 800px) and (max-width: 1146px) {

	.social-block li {
		width: 3rem;
	}
	.social-block .soc-net-icon {
		width: 3rem;
		height: 3rem;
		font-size: 2rem;
	}
}
.payment-systems {
	margin-top: 1.6rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.payment-systems .footer-heading {
	margin-bottom: -1rem;
	width: 100%;
}
.payment-systems a {
	margin: .8rem 1.4rem 0 0;
	display: flex;
	width: 2.2rem;
}
.payment-systems .footer-payment-mc {
	width: 3.3rem;
	margin: .8rem .6rem 0 0;
}
.payment-systems .footer-payment-visa {
	width: 3.5rem;
	margin: .8rem 1rem 0 0;
}
.footer-payment-mc .cls-1 {
	fill: #7a7a7a;
}
.footer-payment-mc:hover .cls-1,
.footer-payment-mc:active .cls-1 {
	fill: #ff5f00;
}
.footer-payment-mc .cls-2 {
	fill: #404040;
}
.footer-payment-mc:hover .cls-2,
.footer-payment-mc:active .cls-2 {
	fill: #eb001b;
}
.footer-payment-mc:hover .cls-3,
.footer-payment-mc:active .cls-3 {
	fill: #f79e1b;
}
.footer-payment-mc .cls-4 {
	fill: #b8b8b8;
}
.footer-payment-mc:hover .cls-4,
.footer-payment-mc:active .cls-4 {
	fill: #f79e1b;
}
.footer-payment-visa .cls-1 {
	fill: #7a7a7a;
}
.footer-payment-visa:hover .cls-1,
.footer-payment-visa:active .cls-1 {
	fill: #2566af;
}
.footer-payment-visa .cls-2 {
	fill: #404040;
}
.footer-payment-visa:hover .cls-2,
.footer-payment-visa:active .cls-2 {
	fill: #e6a540;
}
.footer-payment-wallet {
	fill: #7a7a7a;
}
.footer-payment-wallet:hover,
.footer-payment-wallet:active {
	fill: #000;
}
.footer-payment-privatbank {
	fill: #7a7a7a;
}
.footer-payment-privatbank:hover .cls-1,
.footer-payment-privatbank:active .cls-1 {
	fill: #4ea524;
}
.footer-payment-privatbank:hover .cls-2,
.footer-payment-privatbank:active .cls-2 {
	fill: #1a1a18;
}
.footer .col4 {
    padding-top: 3.5rem;
    padding-left: 3%;
}


.footer-certified {
    width: 4.68rem;
    /* margin: 1rem 0 2rem; */
}
.lottery {
    border-radius: 10px 10px 0 0;
    text-align: center;
    width: 16.625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem 2.8rem 1rem;
    position: relative;
    overflow: hidden;
}
.lotozabava-wrapper {
    border-radius: 10px 10px 0 0;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    margin: 0.3rem;
    /*overflow: hidden;*/
}
.lotozabava-wrapper a,
.lotozabava-wrapper a:hover {
    text-decoration: none;
}
.lotozabava-wrapper .content {
    color: #ecf8fd !important;
    height: 100%;
    width: 100%;
    text-shadow:2px 3px 7px #000;
}
.lotozabava-wrapper img.logo,
.lotozabava-wrapper .content img.logo{
    left: -1em;
    position: relative;
    top: 6em;
}
.lotozabava-wrapper .content .motto {
    font-size: 19px;
    font-weight: 800;
    left: 7em;
    position: absolute;
    top: 1em;
}
.lotozabava-wrapper .content .now-online {
    font-family: 'Solomon Sans Black', sans-serif;
    font-size: 43px;
    font-weight: 800;
    left: 0;
    letter-spacing: 3px;
    margin: auto;
    position: absolute;
    text-transform: uppercase;
    top: 7%;
    width: 100%;
}

.lotozabava-wrapper .content .jackpot-info {
    font-family: 'Solomon Sans Black', sans-serif;
    font-size: 30px;
    font-weight: 600;
    left: 0;
    margin: auto;
    position: absolute;
    text-transform: uppercase;
    top: 59%;
    width: 100%;
}
.lotozabava-wrapper .content .jackpot-sum {
    color:#f5e204;
    font-family: 'Solomon Sans Black', sans-serif;
    font-size: 51px;
    font-weight: 800;
    left: 0;
    position: absolute;
    text-transform: none;
    top: 66%;
    width: 100%;
}
.lotozabava-wrapper .content .jackpot-sum span{
    color: #fff3dc !important;
    font-size: 0.6em;
}
.lotozabava-wrapper .content .every-weeekend img {
    position: relative;
    top: -2px;
}
.lotozabava-wrapper .content .every-weeekend {
    font-size: 19px;
    font-weight: 800;
    left: 0.4em;
    position: absolute;
    top: 19em;
}
.lotozabava-wrapper .content .lotozabava-bet {
    font-size: 19px;
    font-weight: 800;
    left: 21em;
    position: absolute;
    top: 19em;
}

.lotozabava-wrapper,
.lottery-wrapper {
    border-radius: 10px 10px 0 0;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    margin: 0.3rem;
}

.lotozabava-wrapper:hover,
.lottery-wrapper:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, .7);
}

.lotozabava-wrapper:after,
.lottery-wrapper:after {
    content: "";
    bottom: -1rem;
    right: -1rem;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    background: #f9fafb;
    display: block;
    z-index: 2;
    box-shadow: inset 2px 2px 3px  rgba(0, 0, 0, .3);
}
.lotozabava-wrapper:hover:after,
.lottery-wrapper:hover:after {
    box-shadow: inset 2px 2px 3px  rgba(0, 0, 0, .5);
}

.lotozabava-wrapper:before,
.lottery-wrapper:before {
    content: "";
    bottom: -1rem;
    left: -1rem;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    background: #f9fafb;
    display: block;
    z-index: 2;
    box-shadow: inset -3px 2px 2px  rgba(0, 0, 0, .3);
}

.lotozabava-wrapper:hover:before ,
.lottery-wrapper:hover:before {
    box-shadow: inset -3px 2px 2px  rgba(0, 0, 0, .5);
}

.lottery .lottery-name {
    display: block;
    color: #3d3d3d;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1rem 0.625rem auto;
    text-transform: uppercase;
}

.lottery-logo img {
    border-radius: 10px 10px 0 0;
}

.lottery .jackpot {
    font-size: 1rem;
    font-style: italic;
    color: #656565;
    margin: 0 .625rem;
}

.lottery .jackpot-amount {
    font-size: 1.625rem;
    font-weight: bold;
    font-style: italic;
    color: #3d3d3d;
    margin: 0 .625rem;
}

.lottery .bet {
    font-size: 1rem;
    color: #656565;
    margin: 0 0.625rem;
    font-style: italic;
}

.lottery .bet-amount {
    color: #333;
    font-size: 1.125rem;
    font-weight: bold;
    font-style: italic;
    margin: 0 .625rem;
}

.lottery .description-wrap {
    border-top: 1px dashed #e3e3e3;
    margin-top: .5rem;
    font-size: 0.875rem;
    height: 6rem;
    padding: .5rem .625rem;
    background: #ffffff;
}


.lottery.lottery-hm {
    width: 35.5rem;
}

.lottery.lottery-hm .lottery-hm-wrap {
    color: #e6e6e6;
    padding-right: 50%;
    height: 24.7rem;
    padding-top: 1rem;
    background: rgba(0, 0, 0, .2);
    border-radius: 10px 10px 0 0;
}

.lottery.lottery-hm .lottery-hm-wrap.slpp-content {
    padding-right: 0;
    padding-top: 0;
}

.lottery.lottery-hm .lottery-hm-wrap .hm-link{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}

.lottery.lottery-hm .lottery-name,
.lottery.lottery-hm .jackpot-amount,
.lottery.lottery-hm .bet-amount {
    color: #e5e5e5;
}

.lottery.lottery-hm .jackpot,
.lottery.lottery-hm .bet {
    color: #A9A9A9;
}

@media (max-width: 1550px) {
    .lottery.lottery-hm .msl-d-counter-wrap {
        line-height: 1.25;
    }
}

.lottery.lottery-hm .msl-d-counter-wrap .next-draw {
    font-size: 1rem;
    font-style: italic;
    padding: 0;
}

.lottery.lottery-hm .msl-d-counter-wrap .msl-d-counter {
    font-size: 2rem;
    font-weight: bold;
}

.lottery.lottery-hm .msl-d-counter-wrap .next-draw.draw-in-process {
    padding: 2rem;
    color: #ff0700;
}

.lottery.lottery-hm .lotozabava-wrapper {
    background: url("../img/lz-bg.jpg");
    background-size: contain;
    /*background-size: cover;
    background-position:center -35px;*/
}

.lottery.lottery-hm .lottery-wrapper {
    background: url("../img/hm-bg.jpg");
    background-size: contain;
}
.lottery.lottery-hm .memo-wrapper {
    background: url("../img/index/memo/msl_memo_bg.png") !important;
}
.lottery.lottery-hm .slpp-wrapper {
    background: url("../img/index/slpp/slpp_bg.jpg") !important;
}

.memo-wrapper .msl-memo-stone-info {
    background: url("../img/index/memo/msl_memo_stone_info.png") !important;
    background-size: contain;
    color: #012c2c;
    display:block;
    height: 357px;
    position: absolute;
    width: 298px;
}
.memo-wrapper .msl-memo-stone-info .cnt{
    left: 6%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 32%;
    width: 86%;
}
.memo-wrapper .msl-memo-stone-info .cnt h3{
    font-family: "Open Sans Bold", sans-serif;
    font-size: 1.4em;
}
.memo-wrapper .msl-memo-stone-info .cnt p {
    font-family: "Open Sans Italic Bold", sans-serif;
    text-align: center;
    margin: 0 0 4px;
}
.memo-wrapper .msl-memo-stone-info .cnt p:nth-child(6) {
    font-family: "Open Sans Regular", sans-serif;
    border-top: 2px white solid;
    padding: 1% 0 0 0;
}
.memo-wrapper .msl-memo-stone-info .cnt p:nth-child(2),
.memo-wrapper .msl-memo-stone-info .cnt p:nth-child(4){
    color: white;
}
.memo-wrapper .msl-memo-stone-info .cnt p:nth-child(3) {
    font-size: 1.8em;
}
.memo-wrapper .msl-memo-rip-stone {
    background: url("../img/index/memo/msl_memo_rip_stone.png") no-repeat 50% 110% !important;
    background-size: contain;
    color: #012c2c;
    display:block;
    left: 44%;
    height: 357px;
    position: absolute;
    top: -7%;
    width: 62%;
}
.memo-wrapper .msl-memo-rip-stone img {
    margin: 24% 0 0 0;
}
.memo-wrapper .msl-memo-rip-stone .cnt{
    left: 7%;
    position: absolute;
    top: 66%;
}
.memo-wrapper .msl-memo-rip-stone .cnt p {
    color: #c5e0dc;
    font-family: "Hangyaboly", sans-serif;
    font-size: 18px;
    margin: 38% 0 0 0;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    width: 71%;
}
.memo-wrapper .msl-memo-rip-stone .cnt p::after {
    background: rgba(0, 0, 0, 0) url("../img/index/memo/msl_memo_arrow.png") no-repeat scroll 5px 0;
    content: "";
    height: 93px;
    left: 18%;
    position: absolute;
    top: -185%;
    width: 38px;
}
@media (max-width:1900px){
    .memo-wrapper .msl-memo-stone-info {
        background: url("../img/index/memo/msl_memo_stone_info_1900px.png") 0 -2px no-repeat !important;
        background-size: contain;
        color: #012c2c;
        display:block;
        height: 357px;
        position: absolute;
        width: 298px;
    }
    .memo-wrapper .msl-memo-stone-info .cnt{
        left: 9%;
        position: absolute;
        top: 8%;
    }
    .memo-wrapper .msl-memo-rip-stone {
        background: none!important;
        top: 11%;
    }
    .memo-wrapper .msl-memo-rip-stone img {
        margin:0 !important;
        width: 53%;
    }
    .memo-wrapper .msl-memo-rip-stone .cnt{
        left: 22%;
        position: absolute;
        top: 32%;
    }
    .memo-wrapper .msl-memo-rip-stone .cnt p {
        font-size: 18px;
        margin: 31% 0 0 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        width: 74%;
        padding: 1% 8%;
    }
    .memo-wrapper .msl-memo-rip-stone .cnt p::after {
        background: rgba(0, 0, 0, 0) url("../img/index/memo/msl_memo_arrow.png") no-repeat scroll 5px 0;
        content: "";
        height: 93px;
        left: 18%;
        position: absolute;
        top: -115%;
        width: 38px;
    }
}
@media (max-width:1636px){
    .memo-wrapper .msl-memo-rip-stone {
        background: none!important;
        left: 50%;
        top: 8%;
    }
    .memo-wrapper .msl-memo-stone-info .cnt{
        left: 6%;
    }
    .memo-wrapper .msl-memo-rip-stone .cnt p::after {
        background: rgba(0, 0, 0, 0) url("../img/index/memo/msl_memo_arrow.png") no-repeat scroll 5px 0;
        content: "";
        height: 93px;
        left: 18%;
        position: absolute;
        top: -118%;
        width: 38px;
    }
}
@media (max-width:1517px){
    .memo-wrapper .msl-memo-stone-info {
        display:block;
        height: 357px;
        position: absolute;
        width: 298px;
        top: -1%;
    }
    .memo-wrapper .msl-memo-stone-info .cnt{
        left: 7%;
        position: absolute;
        top: 8%;
    }
    .memo-wrapper .msl-memo-rip-stone .cnt p::after {
        background: rgba(0, 0, 0, 0) url("../img/index/memo/msl_memo_arrow.png") no-repeat scroll 5px 0;
        content: "";
        height: 93px;
        left: 18%;
        position: absolute;
        top: -119%;
        width: 38px;
    }
}
@media (max-width:1430px) {
    .memo-wrapper .msl-memo-stone-info {
        top:-2%;
    }
}
/* -- SP++ -- */
.lottery .slpp-wrapper .slpp-content a {
    text-decoration: none;
}
.lottery .slpp-wrapper .slpp-content .header {
    height: 71px;
    display: block;
    background: #40523d /* url("../img/index/slpp/sportliga_logo.png") center no-repeat*/;
    width: 100%;
    border-radius: 10px 10px 0 0;

}
.lottery .slpp-wrapper .slpp-content .header  img {
    background-size: contain;
    height: inherit;
}
.lottery .slpp-wrapper .slpp-content .cnt {
    margin: 6% 0 0 0;
}
.lottery .slpp-wrapper .slpp-content .cnt h3 {
    color: #98ba2d;
    font-size: 4em;
    text-shadow: 2px 3px 7px #000;
    text-transform: uppercase;
    line-height: 1.3em;
}
.lottery .slpp-wrapper .slpp-content .cnt h3 span {
    font-size: 1.3em;
}
.lottery .slpp-wrapper .slpp-content .cnt p {
    text-shadow: 2px 3px 7px #000;
    color: white;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 1.1;
}
@media (max-width:1653px) {
    .lottery .slpp-wrapper .slpp-content .cnt {
        margin: -5px 0;
    }
    .lottery .slpp-wrapper .slpp-content .cnt h3 {
        font-size: 4em;
    }
    .lottery .slpp-wrapper .slpp-content .cnt h3 span {
        font-size: 1.2em;
    }
    .lottery .slpp-wrapper .slpp-content .cnt p {
        font-size: 1.8em;
    }
}
/* -- //SP++ -- */
.lottery.lottery-hm .description-wrap {
    background: none;
    border-top: none;
    color: #A9A9A9;
}

.lottery .description {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.lottery .make-bet {
    position: relative;
    display: block;
    height: 3.75rem;
}

.lottery .ml-bg {background: #e30613;}
.lottery .lz-bg {background: #0b3684;}
.lottery .sg-bg {background: #c9215e;}
.lottery .sl-bg {background: #7fad09;}
.lottery .sb-bg {background: #00397a;}
.lottery .sp-bg {background: #3fa757;}
.lottery .tt-bg {background: #733169;}
.lottery .mm-bg {background: #470d91;}
.lottery .gg-bg {background: #ce1719;}
.lottery .hh-bg {background: #eaa028;}
.lottery .hm-bg {background: #ff020b;}
.lottery .memo-bg {background: #157e7e;}
.lottery .slpp-bg {background: #98ba2d;}


.make-bet-label {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem;
    height: 1.125rem;
    font-weight: bold;
    line-height: 1;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}


.ripple{
    overflow:hidden;
}

.ripple-effect{
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: white;


    -webkit-animation: ripple-animation 2s;
}

@-webkit-keyframes ripple-animation {
    from {
        -webkit-transform: scale(1);
        opacity: 0.4;
    }
    to {
        -webkit-transform: scale(100);
        opacity: 0;
    }
}

.modal-login-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}
.modal-login {
    position: relative;
    background: #fff;
    width: 36.63rem;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    margin: 6.25rem auto;
}
.modal-agriment {
	display: none;
}
.modal-custom-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}
.modal-custom {
    position: relative;
    background: #fff;
    width: 36.63rem;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    margin: 6.25rem auto;
}
.modal-inner {
    padding: 2.8rem 8rem 2rem;
}
.modal-inner * {
    font-family: 'Open Sans', sans-serif;
}
.modal-login h3 {
    font-size: 1.53rem;
    font-weight: 500;
}
.modal-custom h3 {
    font-size: 24px;
    font-weight: 500;
}
.modal-login a {
    text-decoration: underline;
}
.modal-login .social-networks-icons li {
    display: inline-block;
    margin-right: 0.8rem;
}
.social-networks-icons .soc-net-icon,.social-block .soc-net-icon {
    border-radius: 100%;
    color: #fff;
    width: 3rem;
    height: 3rem;
    font-size: 1.7rem;
    padding: 6px 0 0 0;
    display: inline-block;
}

@media (min-width: 800px) and (max-width: 1146px) {

    .social-block li {
        width: 3rem;
    }
    .social-block .soc-net-icon {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
    }
}
.modal-login .form-line {
    margin-bottom: 1.2rem;
    position: relative;
}
.modal-login .login-input,
.modal-login .password-input {
    width: 100%;
    padding: 0.9rem;
    font-weight: 600;
}
.modal-login .login-input::-webkit-input-placeholder,
.modal-login .password-input::-webkit-input-placeholder {
    font-weight: normal;
}
.modal-login .login-input::-moz-placeholder,
.modal-login .password-input::-moz-placeholder {
    font-weight: normal;
}
.modal-login .login-input:-moz-placeholder,
.modal-login .password-input:-moz-placeholder {
    font-weight: normal;
}
.modal-login .login-input:-ms-input-placeholder,
.modal-login .password-input:-ms-input-placeholder {
    font-weight: normal;
}
.modal-login .login-input::-ms-input-placeholder,
.modal-login .password-input::-ms-input-placeholder {
    font-weight: normal;
}
.modal-login .login-input::placeholder,
.modal-login .password-input::placeholder {
    font-weight: normal;
}

.modal-login #captcha_element {
    -webkit-transform: scale(.82);
    -ms-transform: scale(.82);
    transform: scale(.82);
    margin-left: -24px;
    margin-bottom: 1rem;
}
.modal-login .sign-np-btn {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    padding: 1rem 6.25rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
}
input[type="button"].sign-np-btn[disabled],
input[type="submit"].sign-np-btn[disabled] {
    background: #e8e8e8;
}
.modal-login .remind-password {
    color: #b9b9b9;
    font-size: 0.875rem;
    font-weight: 500;
    float: left;
}
.modal-login .remind-login {
    color: #b9b9b9;
    float: right;
    font-size: 0.875rem;
    font-weight: 500;
}
.modal-login .remember-me {
    font-size: 0.875rem;
    font-weight: 500;
}
.modal-login .no-acc {
    margin-top: 0.15rem;
    float: left;
    font-size: 0.875rem;
    font-weight: 500;
}
.modal-login .sign-up-link {
    float: right;
    color: #3fa757;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}
.modal-login .social-networks {
    padding: .5rem 9rem 2rem;
    background: #fff;
    text-align: center;
}
.modal-login .social-networks h4 {
    font-size: 16px;
    margin: 0 0 0.67rem;
}
.modal-login .social-networks ul {
    text-align: center;
}
.modal-login__close {
    background: none;
    border: none;
    font-weight: normal;
    position: absolute;
    top: 0.6rem;
    font-size: 2rem;
    right: 1rem;
    line-height: 1;
    color: #9f9f9f;
}
.modal-login__close:focus {
    outline: none;
    background: none;
    color: #329549;
}
.modal-login__close:hover {
    outline: none;
    background: none;
    color: #329549;
}

.add-info-content .time {
    margin: -.3rem 0;
    font-size: 1.13rem;
    font-style: italic;
}

.add-info-content .lottery-name {
    font-size: 1.13rem;
    font-weight: bold;
}

.add-info-content .user-name {
    font-size: 1rem;
    font-style: italic;
}

.paper-input {
    position: relative;
    /*margin-bottom: 45px;*/
    /*display: inline-block;*/
}

.paper-input input {
    font-size: 1.13rem;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
}

.paper-input input:focus {
    outline: none;
}

.paper-input label {
    color: #999;
    font-size: 1.13rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
.paper-input input:focus ~ label,
.paper-input input:valid ~ label {
    top: -15px;
    font-size: 14px;
    color: #3fa757;
}

/* BOTTOM BARS ================================= */
.paper-input .bar {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
}

.paper-input .bar:before,
.paper-input .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #3fa757;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.paper-input .bar:before {
    left: 50%;
}

.paper-input .bar:after {
    right: 50%;
}

/* active state */
.paper-input input:focus ~ .bar:before,
.paper-input input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.paper-input .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

.paper-input input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #3fa757;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #3fa757;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #3fa757;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.hidden {
    display: none !important;
}

.message {
    float: left;
    clear: left;
    text-align: left;
    font-style: italic;
    color: #a0410d;
    margin-left: 20px;
}

.profile {
    position: relative;
    vertical-align: middle;
    text-align: left;
}

.profile.hidden {
    display: none !important;
}

.msl-main-banners {
    box-shadow: 0 0 15px rgba(0, 0, 0, .75);
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    z-index: 0;
    max-width: 1920px;
    min-width: 480px;
    margin: 0 auto;
}

.slider-loading {
    visibility: hidden;
    height: 1px;
}

.msl-main-banners img {
    width: 100%;
    vertical-align: middle;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('/img/index/bxSlider/bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('/img/index/bxSlider/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url('/img/index/bxSlider/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 99;
    transition: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-pager {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 99;
}

.bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}

.bx-pager .bx-pager-link {
    background: url('/img/index/bxSlider/navigation_control.png') no-repeat 0 -14px;
    display: block;
    height: 14px;
    width: 14px;
    text-indent: 100%;
    transition: none;
    margin-right: 3px;
    overflow: hidden;
}

.bx-pager .bx-pager-link.active {
    background-position: 0 0;
}

@media screen and (min-width:1517px) {

	.modal-login #captcha_element {
		-webkit-transform: scale(.89);
		-ms-transform: scale(.89);
		transform: scale(.89);
		margin-left: -15px
	}
}

@media screen and (min-width:1637px) {

	.modal-login #captcha_element {
		-webkit-transform: scale(.955);
		-ms-transform: scale(.955);
		transform: scale(.955);
		margin-left: -6px
	}
}

@media screen and (min-width:1757px) {

	.modal-login #captcha_element {
		-webkit-transform: scale(1.024);
		-ms-transform: scale(1.024);
		transform: scale(1.024);
		margin-left: 4px
	}
}

@media screen and (min-width:1877px) {

	.modal-login #captcha_element {
		-webkit-transform: scale(1.09);
		-ms-transform: scale(1.09);
		transform: scale(1.09);
		margin-left: 15px
	}
}

@media (max-width: 800px) {

    .chat,
    .phone {
        height: 3.12rem;
        margin-top: 0;
        margin-left: 0;
        background: #e8e8e8;
        margin-right: 1rem;
        vertical-align: middle;
        padding: .4rem .5rem;
    }
    .chat span,
    .phone .wrap-phone {
        display: none;
    }
}

.seo-text {
    padding: 30px 50px;
    line-height: 1.3;
    color: #838383;
    margin-top: 20px;
}

.seo-text.seo-collapsed .seo-toggle-text,
.seo-text.seo-collapsed .seo-less,
.seo-text:not(.seo-collapsed) .seo-more {
    display: none;
}

.seo-button {
    font-weight: bold;
    text-transform: uppercase;
    color: #838383;
    text-decoration: underline;
}

.seo-button:hover {
    text-decoration: none;
}
/* - added new logo NATIONAL REGISTER OF RECORDS - */
.msl-resp {
    font-size: 0.9rem;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 1.85rem;
}
.msl-resp img {
    float: left;
    margin-right: 0.5rem;
    width: 4rem;
}
.logos-wrapper {
    left: 0;
    position: relative;
    top: 0;
    width: 34%;
    float: right
}
.logos-wrapper .wla {
    left: -2rem;
    position: absolute;
    top: 5.9rem;
    width: 7.5rem;
}
.footer-certified.eu-lottery {
    margin: 0;
    width: 12rem;
}
.clear {
    clear:both;
}
.copy {
    text-align: right;
}
.footer .col4 .left,
.logos-wrapper {
    height: 255px;
    max-height: 255px;
    min-height: 104px;
}
.footer .col4 .left {
    display:block;
    text-align: left;
    width: 66%;
}
.logos-wrapper .nat-reg-rec{
    margin-bottom: 2rem;
}
/*-- widgets -- BEGIN --*/
.widget_body {
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 50px;
	z-index: 90;
}
.widget_init, .widget_messenger, .widget_viber, .widget_telegram, .widget_hide {
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 8px;
	display: block;
	cursor: pointer;
}
.widget_init {
	position: relative;
	right: 0;
	bottom: 0;
	background: rgba(142,204,70,1) url('/img/widgets/widget_init.svg') no-repeat center;
	background-size: 54%;
}
.widget_init:hover .widget_hint,
.widget_init:active .widget_hint,
.widget_init:focus .widget_hint{
    display: block;
}
.widget_hint {
	position: absolute;
	cursor: default;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	min-height: 20px;
	border-radius: 8px;
	padding: 14px 20px;
	border: 1px solid rgba(142,204,70,1);
	max-width: 400px;
	display: none;
	left: -142px;
	font-family: Arial,Helvetica,sans-serif;
	background: #fff;
}
.widget_container {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}
.widget_messenger {
	background: #0084ff url('/img/widgets/widget_messenger.svg') no-repeat center;
	background-size: 78%;
	margin-bottom: 10px;
}
.widget_viber {
	background: #8074D6 url('/img/widgets/widget_viber.svg') no-repeat center;
	background-size: 48%;
	margin-bottom: 10px;
}
.widget_telegram {
	background: #53A3DB url('/img/widgets/widget_telegram.svg') no-repeat center;
	background-size: 52%;
	margin-bottom: 20px;
}
.widget_hide {
	background: #fff url('/img/widgets/widget_hide.svg') no-repeat 11px 9px;
	background-size: 58%;
	border: 1px solid #dadada;
	box-sizing: border-box;
}
/*-- widgets -- END --*/

@media (max-width: 1499px){
    footer .col4 .left,
    .logos-wrapper {
        height: 215px;
    }
}
@media (max-width:1387px) {
    .footer .col4 .left,
    .logos-wrapper {
        height: 212px;
    }
}
@media (max-width:1312px) {

    .footer .col4 .left,
    .logos-wrapper {
        float: none;
        height: 117px;
        width: 100%;
    }
    .msl-resp {
        margin-bottom: 1.5rem;
    }
    .footer-certified.eu-lottery {
        width: 15rem;
    }
    .logos-wrapper {
        padding-top: 1.5rem;
    }
    .logos-wrapper .nat-reg-rec {
        float: initial;
        margin-left: 2rem;
    }
    .logos-wrapper .wla {
        float: left;
        position: static;
        margin-top: .5rem
    }
}

@media only screen and (max-width: 991px) {
    .modal-is18-wrapper .modal-inner{
        margin-top: 20%;
    }
}

@media (max-width: 946px){
    .logos-wrapper .wla {
        left: -3rem;
    }
}
@media (max-width: 800px){
    .footer  .col4.footer-logos-on-right {
        margin:0 auto !important;
        min-width: 253px;
        width: 253px;
    }
    .footer .col4 .left,
    .logos-wrapper {
        height: 189px;
        max-height: 255px;
        min-height: 104px;
    }
    .footer .col4 .left {
        float: left;
        text-align: right;
        width: 50%;
    }
    .msl-resp {
        line-height: 1.3rem;
        margin-bottom: 1rem;
        text-align: center;
        text-transform: uppercase;
    }
    .logos-wrapper {
        float: right;
        width: 50%;
    }
    .footer-certified.eu-lottery{
        margin: 1rem 0rem 2rem 0;
        width: 9.68rem;
    }

    .logos-wrapper .nat-reg-rec{
        width: 6rem;
        margin-bottom: 5rem;
    }
    .logos-wrapper .wla {
        margin-left: 2rem;
    }
    .copy {
        margin-top: 7rem;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .modal-is18{
        width: 60%;
    }
    .modal-is18 .modal-top{
        font-size: 16px;
    }
    .modal-is18 .modal-top .close{
        right: 10px;
        top: 10px;
        font-size: 50px;
    }
    .modal-is18-wrapper .modal-inner img {
        height: 60px;
        width: auto;
        margin: 0 20px;
    }
    .question-is18{
        font-size: 12px;
    }
    .is18-yes-btn, .is18-no-btn{
        width: auto;
        height: auto;
        font-size: 14px;
        padding: 10px;
    }
}
@media only screen and (max-width: 576px) {
    .modal-is18{
        width: 95%;
    }
}
@media only screen and (max-width: 480px) {
    .is18-yes-btn, .is18-no-btn{
        font-size: 12px;
    }
    .modal-is18 .resp{
        width: 75%;
    }
}

/* - added new logo NATIONAL REGISTER OF RECORDS - */


/* FIXES for 2 popups 18+ and login popup, mobile version */

@media screen and (max-width: 815px) {
    .get-mobile-app {
        margin: 0;
    }
    .is18wrap-no .gtfo,
    .is18wrap .gtfo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0 !important;
        width: 95% !important;
    }
    .modal-is18 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        width: 80%;
    }
    .modal-login {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        max-width: 36.63rem;
        width: 95%;
    }
    .modal-inner {
        margin: 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .modal-is18 {
        width: 95%;
    }
}
@media screen and (max-width: 500px) {
    .modal-login .modal-inner {
        margin: 0 auto !important;
        padding: 2.3rem 0;
        width: 250px;
    }
    .modal-login__close {
        right: 0.55rem;
    }
}
@media screen and (max-width: 480px) {
    .modal-is18 .resp {
        line-height: 1.2;
    }
}
@media screen and (max-height: 430px) {
    .modal-login .modal-inner {
        margin: 0 auto !important;
        padding: 2.3rem 0 1.8rem;
        max-width: 350px;
        width: 90%;
    }
    #login-form {
        text-align: center;
    }
    #login-form > div {
        display: inline-block;
    }
    #login-form .form-line:first-of-type,
    #login-form .form-line:nth-of-type(2) {
        margin-bottom: 0.8rem;
        width: 48%;
    }
    .modal-login #captcha_element {
        margin-left: 0;
        margin-bottom: 0.65rem;
    }
    #login-form .form-line:last-of-type {
        width: 100%;
    }
    .modal-login .modal-inner > h3 {
        margin-top: 0;
        text-align: center;
    }
    #login-form .form-line:first-of-type,
    .modal-login .remind-password {
        float: left;
    }
    #login-form .form-line:nth-of-type(2),
    .modal-login .remind-login {
        float: right;
    }
    .modal-login .modal-inner > .form-line:nth-last-of-type(2) {
        margin-bottom: 1.4rem;
    }
    .modal-login .modal-inner > .form-line:last-of-type {
        text-align: left;
        margin-bottom: 0;
    }
    .modal-login__close {
        right: 0.55rem;
    }
}
@media screen and (max-height: 320px) {
    .modal-login .modal-inner {
        padding: 1.4rem 0 0.9rem;
    }
}
/* FIXES END */

/* quick registration button */
.wrapp-quck-pay-butt {
	margin: 0 auto;
	text-align: center;
}
@media (min-width: 816px) {
	.wrapp-quck-pay-butt {
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 1rem;
	}
}
.quck-pay-butt {
	background-color: #ffb300;
	width: 100%;
	padding: 20px 0;
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	transition: 0.3s ease;
}
.quck-pay-butt:hover,
.quck-pay-butt:active,
.quck-pay-butt:focus {
	background-color: #e4a40b;
}
.sign-in-by-phone {
	position: relative;
	background: #ffc600;
}
.sign-in-by-phone:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffb300;
	position: absolute;
	z-index: 5;
	content: '';
	transition: all .3s .4s;
}
.sign-in-by-phone.animate:after {
	width: 100%;
}
.sign-in-by-phone span {
	position: relative;
	z-index: 10;
}