:root {--px: 10px } .f12 {font-size: 12px } .f13 {font-size: 13px } .f14 {font-size: 14px } .f16 {font-size: 16px } a {color: #1183d3 } figure {margin: 0; padding: 0 } .drop {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px } .drop:nth-child(1n+2) {border-left: 1px solid #043c77 } .drop:after {content: ""; background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-position: 0 0; width: 8px; height: 5px; display: block; margin-left: 7px; -ms-flex-negative: 0; flex-shrink: 0 } .drop svg {margin-right: 5px; -ms-flex-negative: 0; flex-shrink: 0 } a.drop {text-decoration: none; color: #fff } .btn {text-decoration: none; border-width: 0; cursor: pointer; text-transform: uppercase; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px } .btn svg {margin-right: 5px; -ms-flex-negative: 0; flex-shrink: 0; display: block } .btn-icon {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .btn-icon svg {display: block } .radius16 {border-radius: 16px } .radius20 {border-radius: 20px } .h30 {height: 30px } .h40 {height: 40px } .h60 {height: 60px } .fon-blu {background-color: #094e96; color: #fff } .fon-blu .btn-icon:hover path {fill: #fff } .btn.fon-blu {background-color: #08417e } .fon-blu2 {background: -webkit-gradient(linear, left top, left bottom, from(#0991AF), to(#408CDA)); background: linear-gradient(180deg, #0991AF 0%, #408CDA 100%); color: #fff } .fon-blu2:hover {background: -webkit-gradient(linear, left top, left bottom, from(#0991AF), to(#0991AF)); background: linear-gradient(180deg, #0991AF 0%, #0991AF 100%) } .fon-orang {background-color: #fa5600; color: #fff } .fon-orang:hover {background-color: #e14d00 } .fon-green {background-color: #87c00e; color: #fff } .fon-green:hover {background-color: #76a80c } .shadow-dark {-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25); box-shadow: 0 4px 4px rgba(0, 0, 0, .25) } .shadow-white {-webkit-box-shadow: 0 4px 4px rgba(255, 255, 255, .1); box-shadow: 0 4px 4px rgba(255, 255, 255, .1) } .db {display: block } .dib {display: inline-block } .flx {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex } .dif {display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .fxs {-ms-flex-negative: 0; flex-shrink: 0 } .fxg {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .fxww {-ms-flex-wrap: wrap; flex-wrap: wrap } .aic {-webkit-box-align: center; -ms-flex-align: center; align-items: center } .ais {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .aie {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .jcsb {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .jcfs {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .jcfe {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .jcc {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .center {text-align: center } .grid2 {margin-right: calc(var(--px) * -1); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid2 .col {width: calc(100%/2 - var(--px)); margin-right: var(--px); margin-bottom: var(--px) } .grid3 {margin-right: calc(var(--px) * -1); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid3 .col {width: calc(100%/3 - var(--px)); margin-right: var(--px); margin-bottom: var(--px) } .grid4 {margin-right: calc(var(--px) * -1); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid4 .col {width: calc(100%/4 - var(--px)); margin-right: var(--px); margin-bottom: var(--px) } .grid5 {margin-right: calc(var(--px) * -1); display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid5 .col {width: calc(100%/5 - var(--px)); margin-right: var(--px); margin-bottom: var(--px) } html, body {margin: 0; padding: 0; width: 100%; height: 100% } #page {position: relative } a, img {outline: none } * {padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box } img {border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none } a {text-decoration: underline } a:hover {text-decoration: none } h1 {font-size: 36px; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; line-height: 1.2 } h2 {font-size: 24px; font-weight: 900; margin-bottom: 20px; text-transform: uppercase } h3 {font-size: 20px; color: #211e1e; margin-bottom: 40px; font-weight: 700; line-height: 1.1; text-transform: uppercase } h4 {font-size: 17px } h5 {font-size: 16px } h6 {font-size: 15px } .clr:before, .clr:after {content: " "; display: table; clear: both } input::-webkit-input-placeholder {text-indent: 0; -webkit-transition: text-indent .3s ease; transition: text-indent .3s ease } input::-moz-placeholder {text-indent: 0; -moz-transition: text-indent .3s ease; transition: text-indent .3s ease } input:-moz-placeholder {text-indent: 0; -moz-transition: text-indent .3s ease; transition: text-indent .3s ease } input:-ms-input-placeholder {text-indent: 0; -ms-transition: text-indent .3s ease; transition: text-indent .3s ease } input:focus::-webkit-input-placeholder {text-indent: -500px; -webkit-transition: text-indent .3s ease; transition: text-indent .3s ease } input:focus::-moz-placeholder {text-indent: -500px; -moz-transition: text-indent .3s ease; transition: text-indent .3s ease } input:focus:-moz-placeholder {text-indent: -500px; -moz-transition: text-indent .3s ease; transition: text-indent .3s ease } input:focus:-ms-input-placeholder {text-indent: -500px; -ms-transition: text-indent .3s ease; transition: text-indent .3s ease } input[placeholder] {text-overflow: ellipsis } input::-moz-placeholder {text-overflow: ellipsis } input:-moz-placeholder {text-overflow: ellipsis } input:-ms-input-placeholder {text-overflow: ellipsis } input[type=submit], input[type=button], button {cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .text {color: #211e1e } .text img {max-width: 100% !important; height: auto !important; margin-bottom: 35px } .text .image-style-align-center {display: table; margin-left: auto; margin-right: auto } .text ul {margin-bottom: 35px; list-style-type: square; list-style-position: inside } .text ul ul {margin-top: 35px; margin-left: 15px } .text ol {margin-bottom: 35px; margin-left: 0; list-style-position: inside } .text ul ul li {background-image: none; padding-left: 0; list-style-type: square } .text li+li {margin-top: 5px; text-align: left !important } .text p {margin-bottom: 35px; text-align: left !important } .text p:last-child {margin-bottom: 0 } .text table {margin-bottom: 35px; background-color: #fff; border-collapse: collapse; width: 100% } .text table tr:nth-child(2n+2) {background-color: rgba(238, 238, 238, .42) } .text table tr:hover {background-color: rgba(238, 238, 238, .8) } .counters {display: none } .text table th {background-color: #30a2d9; padding: 15px 10px; color: #fff; border: 1px solid #fff } .text table th p {margin-bottom: 0 } .text table td {padding: 10px; border: 1px solid #fff } .text table td p {margin-bottom: 0 } .text blockquote, .text .info-box {margin-bottom: 40px; color: #211e1e; padding: 35px 47px; margin-left: -47px; margin-right: -47px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .text blockquote svg, .text .info-box svg {margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .text blockquote.success, .text .info-box.info-box-success {background-color: #d4edda } .text blockquote.info, .text .info-box.info-box-info {background-color: #d1ecf1 } .text blockquote.warning, .text .info-box.info-box-warning {background-color: #fff3cd } .text blockquote.danger, .text .info-box.info-box-danger {background-color: #f8d7da } .text blockquote.success:before, .text .info-box.info-box-success:before {content: ""; display: block; background-image: url(data:image/svg+xml;base64,Cjxzdmcgdmlld0JveD0nMCAwIDUwIDUwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGNsaXAtcGF0aD0ndXJsKCNjbGlwMCknPjxwYXRoIGQ9J00yNS4yNzAzIDAuMzgzNjA2QzExLjc2MTUgMC4zODM2MDYgMC43NzAyNjQgMTEuMzc0OCAwLjc3MDI2NCAyNC44ODM2QzAuNzcwMjY0IDM4LjM5MjQgMTEuNzYxNSA0OS4zODM2IDI1LjI3MDMgNDkuMzgzNkMzOC43NzkgNDkuMzgzNiA0OS43NzAzIDM4LjM5MjQgNDkuNzcwMyAyNC44ODM2QzQ5Ljc3MDMgMTEuMzc0OCAzOC43NzkgMC4zODM2MDYgMjUuMjcwMyAwLjM4MzYwNlpNMzguOTYzMiAxOC40MzYyTDIzLjMwNTQgMzMuOTcxM0MyMi4zODQzIDM0Ljg5MjQgMjAuOTEwNiAzNC45NTM4IDE5LjkyODIgMzQuMDMyN0wxMS42Mzg3IDI2LjQ4MDFDMTAuNjU2MiAyNS41NTkgMTAuNTk0OCAyNC4wMjQgMTEuNDU0NSAyMy4wNDE1QzEyLjM3NTUgMjIuMDU5IDEzLjkxMDYgMjEuOTk3NiAxNC44OTMxIDIyLjkxODdMMjEuNDYzMiAyOC45MzYyTDM1LjQ2MzIgMTQuOTM2MkMzNi40NDU3IDEzLjk1MzggMzcuOTgwOCAxMy45NTM4IDM4Ljk2MzIgMTQuOTM2MkMzOS45NDU3IDE1LjkxODcgMzkuOTQ1NyAxNy40NTM4IDM4Ljk2MzIgMTguNDM2MlonIGZpbGw9JyM4N0MwMEUnIC8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcDAnPjxyZWN0IHdpZHRoPSc0OScgaGVpZ2h0PSc0OScgZmlsbD0nd2hpdGUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuNzcwMjY0IDAuMzgzNjA2KScgLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=); background-repeat: no-repeat; background-position: 0 0; width: 50px; height: 50px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .text blockquote.info:before, .text .info-box.info-box-info:before {content: ""; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdpbmZvLWNpcmNsZScgcm9sZT0naW1nJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyBjbGFzcz0nc3ZnLWlubGluZS0tZmEgZmEtaW5mby1jaXJjbGUgZmEtdy0xNiBmYS0zeCc+PHBhdGggZmlsbD0nIzYyQjFGNicgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+); background-repeat: no-repeat; background-position: 0 0; width: 50px; height: 50px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .text blockquote.warning:before, .text .info-box.info-box-warning:before {content: ""; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdleGNsYW1hdGlvbi1jaXJjbGUnIHJvbGU9J2ltZycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgY2xhc3M9J3N2Zy1pbmxpbmUtLWZhIGZhLWV4Y2xhbWF0aW9uLWNpcmNsZSBmYS13LTE2IGZhLTN4Jz48cGF0aCBmaWxsPScjZjU4MTI4JyBkPSdNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+); background-repeat: no-repeat; background-position: 0 0; width: 50px; height: 50px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .text blockquote.danger:before, .text .info-box.info-box-danger:before {content: ""; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhcycgZGF0YS1pY29uPSdleGNsYW1hdGlvbi1jaXJjbGUnIHJvbGU9J2ltZycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgY2xhc3M9J3N2Zy1pbmxpbmUtLWZhIGZhLWV4Y2xhbWF0aW9uLWNpcmNsZSBmYS13LTE2IGZhLTN4Jz48cGF0aCBmaWxsPScjRjQ0MzM2JyBkPSdNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6JyBjbGFzcz0nJz48L3BhdGg+PC9zdmc+); background-repeat: no-repeat; background-position: 0 0; width: 50px; height: 50px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .text blockquote ul, .text blockquote ol, .text .info-box ul, .text .info-box ol {margin: 10px 0 !important } .text blockquote p, .text .info-box p {margin: 5px 0 !important } .b0 {margin-bottom: 0 } .b2 {margin-bottom: 2px } .b3 {margin-bottom: 3px } .b4 {margin-bottom: 4px } .b5 {margin-bottom: 5px } .b6 {margin-bottom: 6px } .b7 {margin-bottom: 7px } .b8 {margin-bottom: 8px } .b9 {margin-bottom: 9px } .b10 {margin-bottom: 10px } .b11 {margin-bottom: 11px } .b12 {margin-bottom: 12px } .b13 {margin-bottom: 13px } .b14 {margin-bottom: 14px } .b15 {margin-bottom: 15px } .b20 {margin-bottom: 20px } .b25 {margin-bottom: 25px } .b30 {margin-bottom: 30px } .b35 {margin-bottom: 35px } .b40 {margin-bottom: 40px } .b45 {margin-bottom: 45px } .b50 {margin-bottom: 50px } .b60 {margin-bottom: 60px } .b65 {margin-bottom: 65px } .b70 {margin-bottom: 70px } .b75 {margin-bottom: 75px } .b80 {margin-bottom: 80px } .b85 {margin-bottom: 85px } .b90 {margin-bottom: 90px } .b95 {margin-bottom: 95px } .b100 {margin-bottom: 100px } .t0 {margin-top: 0 } .t5 {margin-top: 5px } .t6 {margin-top: 6px } .t7 {margin-top: 7px } .t8 {margin-top: 8px } .t9 {margin-top: 9px } .t10 {margin-top: 10px } .t15 {margin-top: 15px } .t20 {margin-top: 20px } .t25 {margin-top: 25px } .t30 {margin-top: 30px } .t35 {margin-top: 35px } .t40 {margin-top: 40px } .t45 {margin-top: 45px } .t50 {margin-top: 50px } .t60 {margin-top: 60px } .t65 {margin-top: 65px } .t70 {margin-top: 70px } .t75 {margin-top: 75px } .t80 {margin-top: 80px } .t85 {margin-top: 85px } .t90 {margin-top: 90px } .t95 {margin-top: 95px } .t100 {margin-top: 100px } .l0 {margin-left: 0 } .l5 {margin-left: 5px } .l6 {margin-left: 6px } .l7 {margin-left: 7px } .l8 {margin-left: 8px } .l9 {margin-left: 9px } .l10 {margin-left: 10px } .l15 {margin-left: 15px } .l20 {margin-left: 20px } .l25 {margin-left: 25px } .l30 {margin-left: 30px } .l35 {margin-left: 35px } .l40 {margin-left: 40px } .l45 {margin-left: 45px } .l50 {margin-left: 50px } .l60 {margin-left: 60px } .l65 {margin-left: 65px } .l70 {margin-left: 70px } .l75 {margin-left: 75px } .l80 {margin-left: 80px } .l85 {margin-left: 85px } .l90 {margin-left: 90px } .l95 {margin-left: 95px } .l100 {margin-left: 100px } .r0 {margin-right: 0 } .r5 {margin-right: 5px } .r6 {margin-right: 6px } .r7 {margin-right: 7px } .r8 {margin-right: 8px } .r9 {margin-right: 9px } .r10 {margin-right: 10px } .r15 {margin-right: 15px } .r20 {margin-right: 20px } .r25 {margin-right: 25px } .r30 {margin-right: 30px } .r35 {margin-right: 35px } .r40 {margin-right: 40px } .r45 {margin-right: 45px } .r50 {margin-right: 50px } .r60 {margin-right: 60px } .r65 {margin-right: 65px } .r70 {margin-right: 70px } .r75 {margin-right: 75px } .r80 {margin-right: 80px } .r85 {margin-right: 85px } .r90 {margin-right: 90px } .r95 {margin-right: 95px } .r100 {margin-right: 100px } body {color: #211e1e; font-family: roboto, sans-serif; font-size: 16px; background-color: #0a519e } .hide {display: none } #page {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 100vh } .page_inner {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wrap {max-width: 100%; min-width: 300px; position: relative; margin: 0 10px } header {background: -webkit-gradient(linear, left top, left bottom, from(#003266), color-stop(65.1%, #0A519E), to(#0A519E)); background: linear-gradient(180deg, #003266 0%, #0A519E 65.1%, #0A519E 100%); padding: 8px 0 10px } .logo img {display: block } .logo svg {display: block; width: 187px; height: 31px } .head-top {margin-bottom: 21px; font-weight: 500 } .head-bottom .logo {margin-right: 12px } .download {padding: 0 10px; text-transform: uppercase } .download a {margin-left: 6px } .reg {padding: 0 14px } .enter {width: 105px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .main-menu {background-color: #043c77 } .main-menu ul {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .main-menu li {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 40px; padding-top: 3px } .main-menu li:last-child {margin-right: 0 } .main-menu a {line-height: 1; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase } .main-menu a:hover {color: #ffba00 } .main-menu svg {display: block; width: 56px; height: auto } .content-row {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex } aside {-ms-flex-negative: 0; flex-shrink: 0 } .col-left {width: 242px } .col-right {width: 300px } .col-right img {max-width: 100%; height: auto } .content {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 10px } .menu-category {background-color: #003266; border-radius: 20px } .menu-category li {display: block } .menu-category li:nth-child(1n+2) {border-top: 1px solid #043e7d } .menu-category a {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 11px; color: #1183d3; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none } .menu-category a:hover {color: #fff } .menu-category a svg {display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; position: relative; top: -2px } .menu-category li ul {background-color: #fff; border-radius: 20px } .menu-category li li:nth-child(1n+2) {border-top-color: #e8ecf1 } .menu-category li li a {color: #101010 } .menu-category li li a:hover {color: #fa5600 } .menu-category li li svg {top: 0 } .box {background-color: #fff; border-radius: 20px; padding: 47px } .btn.h60 {padding: 0 40px; font-size: 20px; font-weight: 500 } footer {background-color: #003266; border-radius: 20px; padding: 20px 10px; color: #fff; margin-bottom: 10px } footer .text {color: #fff; line-height: 1.2; padding-top: 54px; background-image: url(../images/aprove.webp); background-repeat: no-repeat; background-position: right 0; margin-left: 38px } footer .text p {margin-bottom: 15px } footer .text p:last-child {margin-bottom: 0 } .year {font-size: 14px; font-weight: 500; color: #4b95e5; border: 1px solid #4b95e5; border-radius: 100%; height: 40px; width: 40px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1 } .phone {padding: 0 20px; font-weight: 500; color: #4b95e5; text-transform: uppercase } .phone svg {display: block } .phone span {margin: 0 10px } .phone a {color: #fff; text-decoration: none } .menu-footer ul {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .menu-footer li {display: block; margin-right: 30px } .menu-footer li:last-child {margin-right: 0 } .menu-footer a {color: #1183d3; font-size: 14px; font-weight: 500; text-transform: uppercase; text-decoration: none } .menu-footer a:hover {color: #fff } .payment {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 57px; background-color: #04386e; border-radius: 20px; padding: 0 45px } .payment p {margin-right: 53px } .payment p:last-child {margin-right: 0 } .payment img {display: block } .copy img {display: block } .search-form {position: relative } .search-form input {background-color: transparent; border: 1px solid #4b95e5; border-radius: 20px; width: 160px; height: 30px; line-height: 1; padding-left: 34px; padding-right: 10px; font-family: roboto, sans-serif; font-size: 14px; font-weight: 400; color: #fff; outline: none } .search-form input::-webkit-input-placeholder {color: #fff } .search-form input::-moz-placeholder {color: #fff } .search-form input:-moz-placeholder {color: #fff } .search-form input:-ms-input-placeholder {color: #fff } .search-form button {display: block; position: absolute; top: calc(50% - 1px); left: 11px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: transparent; border-width: 0; cursor: pointer } .search-form svg {display: block } .promo {height: 230px; background-repeat: no-repeat; background-position: center 0; background-size: 100% auto; padding-top: 35px; padding-bottom: 20px; text-align: center; border-radius: 16px } .promo dt {font-size: 44px; line-height: 1; font-weight: 700; font-style: italic; color: #ffd200; text-align: center } .promo dt span {color: #fff } .promo dd {font-size: 18px; color: #49abfd } .promo p {margin-bottom: 11px } .promo p:last-child {margin-bottom: 0 } .promo .btn {padding: 0 16px } .cupon {background-color: #fff; border-radius: 16px; margin-top: -50px } .cupon .name {padding: 15px 20px; color: #fa5600; font-size: 16px; font-weight: 500; text-transform: uppercase } .cupon .name svg {margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; display: block } .cupon .inner {margin: 0 2px; background-color: #e8ecf1; padding: 27px 10px; font-size: 14px; color: #9ea7b2; text-align: center } .cupon .inner p {margin-bottom: 20px } .cupon .inner p:last-child {margin-bottom: 0 } .cupon .bottom {padding: 15px 20px } .cupon .btn {width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .casino-list {background-color: #003266; border-radius: 16px } .casino-list .name {font-weight: 500; color: #fff; padding: 15px 20px; text-transform: uppercase; line-height: 1; border-bottom: 1px solid #0a519e } .casino-list .name span {color: #49abfd } .casino-list .all {color: #49abfd; text-decoration: none; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .casino-list .all svg {display: block; margin-left: 5px; position: relative; top: -2px } .casino-list .all:hover {color: #fff } .casino-list .all:hover path {fill: #fff } .casino-list .list {background-color: #003266; margin: 0 2px; padding: 10px; border-radius: 0 0 16px 16px } .casino-list .list a {display: block } .casino-list img {display: block; max-width: 100%; height: auto } .refka{text-align: center; margin: 20px; } .refka a{background-color: #fb6e1d; color: white; font-weight: bold; padding: 15px; border-radius: 15px; } @media(max-width:1270px) {.table-responsive table tr {display: block; } .table-responsive table td {display: flex; justify-content: space-between; font-size: 14px; } .table-responsive table td::before {content: attr(data-label); font-weight: bold; margin-right: 20px; } .main-menu li {margin-right: 15px } .payment {padding: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto } .payment p {margin-right: 10px } .col-right {width: 250px } .foot-top {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .foot-top .logo {margin-bottom: 20px } .foot-bottom {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .foot-bottom .text {margin-left: 0; background-image: none; padding-top: 25px } .menu-footer ul {-ms-flex-wrap: wrap; flex-wrap: wrap } .copy img {display: none } } @media(max-width:992px) {header .wrap {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } header .head-top {margin-bottom: 0 } .content {margin: 0 } aside {display: none } .show_992 {display: block } .hide_992 {display: none } body {font-size: 18px } h1 {font-size: 22px; margin-bottom: 20px } h2 {font-size: 20px; margin-top: 0 } h3 {font-size: 20px } .btn.h60 {padding: 0 25px; height: 40px; font-size: 16px } .text p {margin-bottom: 20px } .text .b40 {margin-bottom: 20px } } @media(max-width:767px) {body {font-size: 12px; background-color: #fff } body {font-size: 18px } h1 {font-size: 22px; margin-bottom: 20px } h2 {font-size: 20px; margin-top: 0 } h3 {font-size: 20px } .f12 {font-size: 10px } .logo svg {width: 150px; height: auto } .reg {padding: 0 10px } .enter {padding: 0 20px; width: auto } .btn.h60 {padding: 20px 50px; height: auto; font-size: 18px } .box {padding: 20px; background-color: #fff } .text blockquote, .text .info-box {padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px } .text blockquote:before, .text .info-box:before {content: ""; width: 30px !important; height: 30px !important; margin-right: 20px } .content-row {margin: 0 } footer {border-radius: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } footer .b20 {margin-bottom: 0 } .foot-top {margin-bottom: 0 } .foot-top .logo {margin-bottom: 0 } .show_767 {display: block } .hide_767 {display: none } } @media(max-width:550px) {.show_550 {display: block } .hide_550 {display: none } } .promocode {position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); background: linear-gradient(276.25deg, #142E54 12.14%, #0C519E 98.65%); border-radius: 16px; color: #fff; font-size: 28px; font-weight: 400; text-transform: uppercase; padding: 15px 37px 15px 110px; display: flex; align-items: center; border: 1px solid #fff } .promocode span {color: #fa5600 } .promocode .promocode-close {position: absolute; top: 10px; right: 10px; cursor: pointer } .promocode .promocode-close svg {display: block; width: 20px; height: 20px } .promocode .promocode-button {margin-left: 16px; font-size: 20px; background: linear-gradient(352.06deg, #F14E1B 11.11%, #FF7A1E 89.84%); box-shadow: 0 2px 26px rgba(255, 125, 69, .6); border-radius: 26px; padding: 10px 20px } .promocode .promocode-button span {color: #fff; font-weight: 600 } .promocode a {color: #fff; text-decoration: none } .promocode .gift {position: absolute; top: -35px; left: 10px; background-image: url(../images/gift.svg); background-repeat: no-repeat; background-position: 0 0; width: 99px; height: 104px; display: block } @media(max-width:767px) {.promocode {width: auto; left: 0; right: 0; bottom: 0; font-size: 18px; transform: none; background: linear-gradient(276.25deg, #142E54 12.14%, #0C519E 98.65%); border-radius: 16px; text-align: center; padding: 15px 20px; margin: 15px; display: flex; flex-direction: column; align-items: flex-end } .promocode .gift {top: 0; left: 0 } .promocode .promocode-button {margin-left: 0; margin-top: 10px } .promocode .promocode-close {top: -40px; right: 0; background: #142e54; border-radius: 50% } .promocode .promocode-close svg {width: 30px; height: 30px } } .pr-pop {display: none; position: fixed; background: rgba(0, 0, 0, .8); width: 100%; height: 100%; z-index: 999999999 } .pr-close {position: absolute; right: 15px; top: 15px; width: 50px; height: 50px; cursor: pointer } .pr-close:before, .pr-close:after {position: absolute; left: 24px; content: ' '; height: 50px; width: 4px; background-color: #fff } .pr-close:before {transform: rotate(45deg) } .pr-close:after {transform: rotate(-45deg) } .pr-show {display: block } .pr-content {width: 40%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#003266), color-stop(65.1%, #0A519E), to(#0A519E)); background: linear-gradient(180deg, #003266 0%, #0A519E 65.1%, #0A519E 100%); border-radius: 15px; padding: 30px 100px; text-align: center } .pr-find-text {font-size: 35px; font-weight: 400; margin-bottom: 30px } .pr-timer {font-size: 55px; font-weight: 600; margin-bottom: 30px } .pr-code {display: none; font-size: 55px; font-weight: 600; margin-bottom: 30px; cursor: pointer } .pr-content-button {margin-left: 16px; font-size: 20px; background: linear-gradient(352.06deg, #796f6f 11.11%, #aba9a1 89.84%); box-shadow: 0 2px 26px rgba(168, 157, 156, .6); border-radius: 26px; padding: 10px 20px; display: inline-block; text-decoration: none; color: #fff } .pr-content-button-orange {background: linear-gradient(352.06deg, #F14E1B 11.11%, #FF7A1E 89.84%); box-shadow: 0 2px 26px rgba(255, 125, 69, .6) } .popup-copy {position: fixed; z-index: 99999999999; bottom: 0; right: 0; color: #fff; font-size: 1em; background: #0066d4; padding: 1.2em 1em; border-radius: .4rem 0 0 0; -webkit-transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .popup-copy.active {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } @media(max-width:767px) {.pr-content {width: 90%; padding: 30px 52px } } .comment-list {list-style: none; margin: 0 -10px !important; padding: 0 } .comment-list .comment-box {padding: 10px } .comment-list .comment-header {position: relative; padding-left: 65px } .comment-list .comment-avatar {position: absolute; top: 0; left: 0 } .comment-list .comment-meta {margin-bottom: 10px } .comment-list .comment-author {font-style: normal; font-weight: 700; color: #333 } .comment-list .comment-time {color: #999; margin-left: 20px; font-size: .8em } .comment-list .comment-body {padding-left: 65px } .comment-list .comment-text {word-wrap: break-word; font-size: .95em; line-height: 1.35 } .comment-respond {max-width: 500px } .comment-respond .comment-reply-title {font-size: 20px; color: #211e1e; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin-top: 35px; margin-bottom: 40px } .comment-respond .comment-form-author label, .comment-respond .comment-form-comment label {display: block; line-height: 1.5 } .comment-respond .comment-form-author {width: 40%; float: left; margin-bottom: 20px } .comment-respond .comment-form-comment:before {content: ''; display: block; clear: both } .comment-respond .comment-form-author input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-comment textarea {display: block; width: 100%; border: 1px solid #ccc; padding: 6px 12px; line-height: 1.42857143; outline: 0 } .comment-respond .form-submit input {display: inline-block; padding: 6px 12px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; background-color: #5a80b1; color: #fff; text-decoration: none; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media(max-width:767px) {.comment-respond .comment-form-author {width: 100% } .comment-respond {width: 100% } }