@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url(https://fonts.googleapis.com/css?family=DM+Serif+Text&display=swap);

:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,
  BlinkMacSystemFont,
  "Segoe UI",
  Roboto,
  "Helvetica Neue",
  Arial,
  "Noto Sans",
  "Liberation Sans",
  sans-serif,
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,
  Menlo,
  Monaco,
  Consolas,
  "Liberation Mono",
  "Courier New",
  monospace
}
html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%
}
header,
nav,
section {
  display:block
}
body {
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:left
}
h1,
h4 {
  margin-top:0;
  margin-bottom:.5rem
}
p {
  margin-top:0;
  margin-bottom:1rem
}
ul {
  margin-bottom:1rem
}
ul {
  margin-top:0
}
ul ul {
  margin-bottom:0
}
a {
  color:#007bff;
  background-color:transparent
}
a:not([href]):not([class]) {
  color:inherit;
  text-decoration:none
}
img {
  border-style:none
}
img {
  vertical-align:middle
}
label {
  display:inline-block;
  margin-bottom:.5rem
}
button {
  border-radius:0
}
button,
input {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}
button,
input {
  overflow:visible
}
button {
  text-transform:none
}
[type=button],
[type=submit],
button {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding:0;
  border-style:none
}
input[type=checkbox] {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0
}
::-webkit-file-upload-button {
  font:inherit;
  -webkit-appearance:button;
  appearance:button
}
h1,
h4 {
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2
}
h1 {
  font-size:2.5rem
}
h4 {
  font-size:1.5rem
}
.small {
  font-size:80%;
  font-weight:400
}
.container {
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}
.row {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}
.col-4,
.col-8,
.col-12,
.col-lg-4,
.col-lg-8,
.col-lg-12,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-12,
.col-xl-3,
.col-xl-6 {
  position:relative;
  width:100%;
  padding-right:15px;
  padding-left:15px
}
.col-4 {
  -webkit-flex:0 0 33.33333%;
  -ms-flex:0 0 33.33333%;
  flex:0 0 33.33333%;
  max-width:33.33333%
}
.col-4 {
  -webkit-box-flex:0
}
.col-8 {
  -webkit-flex:0 0 66.66667%;
  -ms-flex:0 0 66.66667%;
  flex:0 0 66.66667%;
  max-width:66.66667%
}
.col-8 {
  -webkit-box-flex:0
}
.col-12 {
  -webkit-box-flex:0;
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
}
.form-control {
  display:block;
  width:100%;
  height:calc(1.5em + .75rem + 2px);
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem
}
.form-control::-ms-expand {
  background-color:transparent;
  border:0
}
.form-control:-moz-focusring {
  color:transparent;
  text-shadow:0 0 0 #495057
}
.form-control::-webkit-input-placeholder {
  color:#6c757d;
  opacity:1
}
.form-control::-moz-placeholder {
  color:#6c757d;
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:#6c757d;
  opacity:1
}
.form-control::-ms-input-placeholder {
  color:#6c757d;
  opacity:1
}
.form-group {
  margin-bottom:1rem
}
.btn {
  display:inline-block;
  font-weight:400;
  color:#212529;
  vertical-align:middle;
  background-color:transparent;
  border:1px solid transparent;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem
}
.btn-link {
  font-weight:400;
  color:#007bff;
  text-decoration:none
}
.dropdown {
  position:relative
}
.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:10rem;
  padding:.5rem 0;
  margin:.125rem 0 0;
  font-size:1rem;
  color:#212529;
  text-align:left;
  list-style:none;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.15);
  border-radius:.25rem
}
.input-group {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  width:100%
}
.input-group>.form-control {
  position:relative;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  width:1%;
  min-width:0;
  margin-bottom:0
}
.input-group>.form-control:not(:first-child) {
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.list-group {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  border-radius:.25rem
}
.close {
  float:right;
  font-size:1.5rem;
  font-weight:700;
  line-height:1;
  color:#000;
  text-shadow:0 1px 0 #fff;
  opacity:.5
}
button.close {
  padding:0;
  background-color:transparent;
  border:0
}
.modal {
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  display:none;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0
}
.modal-dialog {
  position:relative;
  width:auto;
  margin:.5rem
}
.modal.show .modal-dialog {
  -webkit-transform:none;
  transform:none
}
.modal-content {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.2);
  border-radius:.3rem;
  outline:0
}
.modal-body {
  position:relative;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:1rem
}
.d-none {
  display:none!important
}
.d-block {
  display:block!important
}
.text-danger {
  color:#dc3545!important
}
:root {
  --swiper-theme-color:#007aff
}
.swiper-container {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-sizing:content-box;
  box-sizing:content-box
}
.swiper-wrapper {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
.swiper-slide {
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative
}
:root {
  --swiper-navigation-size:44px
}
.swiper-button-next,
.swiper-button-prev {
  position:absolute;
  top:50%;
  width:calc(var(--swiper-navigation-size)/44*27);
  height:var(--swiper-navigation-size);
  margin-top:calc(var(--swiper-navigation-size)*-1/2);
  z-index:10;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  text-transform:none;
  font-variant:normal;
  line-height:1
}
.swiper-button-prev {
  left:10px;
  right:auto
}
.swiper-button-prev:after {
  content:"prev"
}
.swiper-button-next {
  right:10px;
  left:auto
}
.swiper-button-next:after {
  content:"next"
}
@font-face {
  font-family:Font Awesome\ 5 Brands;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(/dist/fonts/webpack/fa-brands-400.eot);
  src:url(/dist/fonts/webpack/fa-brands-400.eot) format("embedded-opentype"),
  url(/dist/fonts/webpack/fa-brands-400.woff2) format("woff2"),
  url(/dist/fonts/webpack/fa-brands-400.woff) format("woff"),
  url(/dist/fonts/webpack/fa-brands-400.ttf) format("truetype"),
  url(/dist/images/webpack/fa-brands-400.svg) format("svg")
}
.fab {
  font-family:Font Awesome\ 5 Brands;
  font-weight:400
}
.fa-facebook-f:before {
  content:"\f39e"
}
.fa-instagram:before {
  content:"\f16d"
}
.fa-telegram-plane:before {
  content:"\f3fe"
}
.fa-youtube:before {
  content:"\f167"
}
a,
body,
div,
form,
h1,
h4,
header,
html,
img,
label,
li,
nav,
p,
section,
ul {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit
}
header,
nav,
section {
  display:block
}
ul {
  list-style:none
}
*,
:after,
:before,
body,
html {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
body,
html {
  height:100%
}
button {
  outline:none
}
input {
  outline:0!important
}
button {
  background-color:transparent;
  border:0
}
img {
  height:auto
}
header.header {
  background:#000;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1100
}
.hamburger {
  display:none
}
.header-wrap-top {
  background:#000 0 0 no-repeat;
  background-size:cover;
  height:100px;
  position:relative
}
.header-wrap-top:after {
  content:"";
  display:block;
  position:absolute;
  width:100%;
  top:59px;
  border-top:1px solid rgba(0,170,58,.2)
}
.header-wrap-top .logo {
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:12px;
  white-space:nowrap
}
.header-wrap-top .logo span {
  
  font-size:22px;
  color:#fff;
  margin-left:11px
}
.header-wrap-top .login-wrap {
  color:#00aa3a;
  font-size:14px;
  margin-left:15px;
  white-space:nowrap
}
.header-wrap-top .login-wrap span {
  padding:0 4px
}
.header-wrap-top .login-wrap a {
  text-decoration:none;
  color:#fff
}
.logo-down {
  display:none
}
.nav-wrap-flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.nav-wrap-flex .logo-down {
  margin-right:40px
}
.header-right {
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  padding:15px 0;
  height:60px
}
.header-right,
.header-right .languagepicker {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.header-right .languagepicker {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  max-width:54px;
  min-width:54px;
  width:100%;
  min-height:26px;
  margin-right:20px;
  position:relative;
  padding:5px 0
}
.header-right .languagepicker a {
  display:none;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  font-family:Roboto,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:16px;
  text-decoration:none
}
.header-right .languagepicker>.active {
  border:1px solid #fff;
  border-radius:4px;
  line-height:22px;
  padding-top:2px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.header-right .languagepicker .languagepicker-dropduwn {
  display:none;
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:0 0 4px 4px;
  z-index:10
}
.header-right .languagepicker .languagepicker-dropduwn a {
  display:none
}
.header-right .languagepicker .languagepicker-dropduwn a.active {
  display:block;
  line-height:25px;
  color:#000;
  border-top:1px solid #e0e0e0
}
.header-right .languagepicker .languagepicker-dropduwn a.active:last-child {
  border-bottom:0
}
.search-btn {
  display:block;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  margin:0 0 0 20px;
  background:url(/dist/images/webpack/search.svg) 0 0 no-repeat
}
.header-right .search__form,
.search__form {
  display:none
}
.search {
  position:relative
}
.header-wrap-bottom {
  background:#000;
  height:29px;
  color:#ffcc4d;
  line-height:29px;
  border-top:1px solid rgba(0,170,58,.2)
}
.header-wrap-bottom .marquee {
  overflow:hidden;
  position:relative
}
.header-wrap-bottom .marquee:before {
  left:0;
  background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.1)),to(#000));
  background-image:linear-gradient(270deg,rgba(0,0,0,.1),#000)
}
.header-wrap-bottom .marquee:after,
.header-wrap-bottom .marquee:before {
  content:"";
  display:block;
  height:28px;
  width:68px;
  position:absolute;
  top:0;
  z-index:10
}
.header-wrap-bottom .marquee:after {
  right:0;
  background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.1)),to(#000));
  background-image:linear-gradient(90deg,rgba(0,0,0,.1),#000)
}
.header-wrap-bottom .ticker-wrap {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  line-height:29px
}
.main-nav {
  line-height:40px;
  color:#fff
}
.main-nav__list {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.main-nav__item {
  margin-right:30px
}
.main-nav__item:last-child {
  margin-right:0
}
.main-nav__item.dropdown .main-nav__link {
  padding-right:25px;
  position:relative
}
.main-nav__item.dropdown .main-nav__link:after {
  content:"";
  position:absolute;
  top:49%;
  right:0;
  -webkit-transform:translateY(-50%) rotate(180deg);
  transform:translateY(-50%) rotate(180deg);
  width:17px;
  height:9px;
  background:url(/dist/images/webpack/arrow-white.svg) 50% no-repeat
}
.main-nav__link {
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  height:41px;
  line-height:41px;
  display:block
}
.header-nav-dropdown {
  position:fixed;
  z-index:1001;
  top:98px;
  left:0;
  width:100vw;
  display:none;
  padding-top:35px;
  padding-bottom:25px;
  border-radius:0;
  border:0;
  background-color:#fff;
  -webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.3);
  box-shadow:0 5px 5px 0 rgba(0,0,0,.3)
}
.header-nav-dropdown .row>[class*=col-] {
  padding:0 7px
}
.header-nav-dropdown__title {
  font-size:14px;
  line-height:16px;
  text-transform:uppercase;
  margin-bottom:20px
}
.header-nav-dropdown--info:before {
  content:"";
  position:absolute;
  left:0;
  top:41px;
  display:inline-block;
  width:0;
  max-width:calc(50% - 595px);
  height:1px;
  background-color:#00aa3a;
  -webkit-animation:move-right 1.5s;
  animation:move-right 1.5s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}
@-webkit-keyframes move-right {
  0% {
    width:0
  }
  to {
    width:100%
  }
}
@keyframes move-right {
  0% {
    width:0
  }
  to {
    width:100%
  }
}
.header-nav-dropdown-list {
  padding:0;
  list-style:none;
  *zoom:1;
}
.header-nav-dropdown-list:after,
.header-nav-dropdown-list:before {
  display:table;
  content:""
}
.header-nav-dropdown-list:after {
  clear:both
}
.header-nav-dropdown-list__col {
  padding-right:15px;
  padding-left:15px;
  text-align:left
}
.header-nav-dropdown-list__col-title {
  display:block;
  margin-bottom:10px;
  font-size:14px;
  line-height:16px;
  text-transform:uppercase;
  color:#00aa3a
}
.header-nav-dropdown-list__list {
  line-height:1;
  display:block;
  width:100%;
  margin:0 auto;
  padding:0;
  list-style:none
}
.header-nav-dropdown-list__list-item {
  font-family:Roboto,sans-serif;
  font-size:14px;
  font-weight:300;
  padding:5px 0;
  color:#333
}
.hamburger {
  line-height:49px;
  float:right;
  outline:none
}
.hamburger .hamburger-box {
  width:36px;
  height:14px;
  vertical-align:middle
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
  border-radius:4px;
  width:36px;
  height:2px;
  background-color:#fff
}
.hamburger .hamburger-inner:before {
  top:-14px
}
.hamburger .hamburger-inner:after {
  top:14px
}
.hamburger {
  display:inline-block;
  overflow:visible;
  padding:0;
  margin:0 0 0 19px;
  text-transform:none;
  color:inherit;
  border:0;
  background-color:transparent
}
.hamburger-box {
  position:relative;
  display:inline-block;
  width:36px;
  height:14px
}
.hamburger-inner {
  top:50%;
  display:block;
  margin-top:-1.5px
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position:absolute;
  width:26px;
  height:3px;
  border-radius:0;
  background-color:#fff
}
.hamburger-inner:after,
.hamburger-inner:before {
  display:block;
  content:""
}
.hamburger-inner:before {
  top:-8px
}
.hamburger-inner:after {
  bottom:-8px
}
.hamburger--collapse .hamburger-inner {
  top:auto;
  bottom:0
}
.hamburger--collapse .hamburger-inner:after {
  top:-7px
}
.form-control {
  font-size:12px;
  line-height:14px;
  background:#fff;
  border:1px solid #8e8e8e;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:4px;
  color:#333;
  text-align:center
}
.form-group {
  margin-bottom:10px
}
.help-block {
  color:red;
  font-size:12px;
  white-space:nowrap
}
.checkbox {
  position:relative
}
.checkbox label {
  color:#fff;
  font-size:12px;
  line-height:20px;
  padding-left:35px
}
.checkbox label a:visited {
  text-decoration:none
}
.checkbox input[type=checkbox] {
  border:0!important;
  clip:rect(1px,1px,1px,1px)!important;
  -webkit-clip-path:inset(50%)!important;
  clip-path:inset(50%)!important;
  height:1px!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  width:1px!important;
  white-space:nowrap!important
}
.checkbox .controller {
  position:absolute;
  left:0;
  top:-1px
}
.checkbox input[type=checkbox]+.controller:before {
  content:"";
  display:block;
  width:20px;
  height:20px;
  background:#fff;
  border:1px solid #8e8e8e;
  border-radius:4px;
  position:absolute;
  top:1px;
  left:0
}
.checkbox input[type=checkbox]+.controller:after {
  content:"";
  display:block;
  width:13px;
  height:10px;
  border-radius:50%;
  opacity:0;
  position:absolute;
  top:6px;
  left:4px;
  background:url(/dist/images/webpack/checkbox-mark.svg) 0 0 no-repeat
}
.modal {
  z-index:2001
}
.modal.show .modal-dialog {
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.modal .control-label {
  font-size:12px;
  line-height:14px;
  margin-bottom:3px
}
.modal .modal-top {
  position:relative;
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
.modal .modal-dialog {
  width:360px;
  margin:0;
  top:50%;
  left:50%
}
.modal .modal-content {
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  border:0;
  border-radius:4px
}
.modal .close {
  background:url(/dist/images/webpack/close.svg) 0 0 no-repeat;
  width:18px;
  height:18px;
  position:absolute;
  top:15px;
  right:15px;
  z-index:1;
  opacity:1
}
.modal .form-control {
  text-align:left
}
.modal .help-block {
  white-space:normal;
  color:#930000
}
.modal .login-modal-title {
  font-size:24px;
  line-height:28px;
  text-align:center;
  color:#fff;
  position:absolute;
  top:30px;
  width:100%;
  z-index:2
}
#loginModal .modal-top,
#newPasswordModal .modal-top,
#registrationModal .modal-top,
#resetPasswordModal .modal-top {
  height:320px;
  background:url(/dist/images/webpack/popap-bg-long.jpg) 0 0 no-repeat
}
#loginModal .modal-top:after,
#newPasswordModal .modal-top:after,
#registrationModal .modal-top:after,
#resetPasswordModal .modal-top:after {
  content:"";
  width:377px;
  height:334px;
  background:url(/dist/images/webpack/popup-chips-envelope.png) 50% no-repeat;
  position:absolute;
  bottom:-80px;
  left:-17px
}
#loginModal .modal-body,
#newPasswordModal .modal-body,
#registrationModal .modal-body,
#resetPasswordModal .modal-body {
  padding-top:45px;
  padding-bottom:32px
}
#loginModal .form-group,
#newPasswordModal .form-group,
#registrationModal .form-group,
#resetPasswordModal .form-group {
  margin-bottom:15px
}
#loginModal .field-loginform-password {
  position:relative
}
#loginModal #login-form,
#registrationModal #form-signup {
  width:263px;
  margin:auto
}
#loginModal .field-loginform-rememberme {
  display:none
}
#loginModal .form-inputs-wrap {
  position:relative;
  margin-bottom:35px
}
#loginModal .reset {
  font-size:12px;
  line-height:14px;
  text-align:right;
  width:100%;
  position:absolute;
  bottom:-17px
}
#loginModal .reset a {
  -webkit-text-decoration-line:underline;
  text-decoration-line:underline;
  color:#00aa3a
}
#loginModal .registration-wrap,
#registrationModal .registration-wrap {
  margin:18px auto auto;
  text-align:center
}
#loginModal .registration-wrap p,
#registrationModal .registration-wrap p {
  line-height:16px
}
#loginModal .registration-btn,
#registrationModal .btn-link,
#registrationModal .registration-btn {
  font-size:14px;
  line-height:16px;
  -webkit-text-decoration-line:underline;
  text-decoration-line:underline;
  color:#00aa3a
}
#registrationModal .btn-link {
  font-size:12px;
  line-height:14px;
  -webkit-text-decoration-line:underline;
  text-decoration-line:underline;
  color:#00aa3a
}
#registrationModal .modal-dialog {
  top:82px;
  -webkit-transform:translate(-50%);
  transform:translate(-50%)
}
#registrationModal .form-group {
  position:relative;
  margin-bottom:20px
}
#registrationModal .modal-body {
  padding-top:40px;
  padding-bottom:51px
}
#registrationModal .field-registrationform-repassword {
  margin-bottom:15px
}
#registrationModal .required label {
  display:inline-block;
  position:absolute;
  left:10px;
  top:8px;
  line-height:16px;
  z-index:10
}
#registrationModal .required label:after {
  content:"*";
  color:#930000;
  position:absolute;
  right:-6px;
  top:0
}
#registrationModal .checkbox label {
  position:static;
  color:#333
}
#registrationModal .checkbox label:after {
  display:none
}
#registrationModal .text-danger {
  color:#930000!important;
  margin-bottom:6px;
  font-size:14px;
  line-height:16px
}
#resetPasswordModal .modal-body {
  padding:20px 0 40px
}
#resetPasswordModal .modal-body>p {
  width:263px;
  font-size:12px;
  line-height:14px;
  margin:auto auto 15px
}
#resetPasswordModal .form-group {
  margin-bottom:20px
}
#resetPasswordModal .form-group:last-child {
  margin-bottom:0
}
#newPasswordModal #reset-password-form,
#resetPasswordModal #request-password-reset-form {
  width:263px;
  margin:auto
}
#newPasswordModal .btn {
  margin-top:5px
}
#newPasswordModal .form-group:last-child {
  margin-bottom:0
}
#new__online-casino .swiper-container {
  padding-bottom:15px;
  padding-top:10px
}
#new__online-casino .swiper-slide-wrap {
  border-radius:4px;
  margin:0 15px;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
  box-shadow:0 2px 10px rgba(0,0,0,.1)
}
#new__online-casino .swiper-slide {
  min-width:293px
}
#new__online-casino .swiper-slide-wrap {
  min-height:545px
}
#new__online-casino .swiper-img-wrap {
  display:block;
  height:373px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  position:relative
}
#new__online-casino .swiper-img-wrap:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,.2);
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  z-index:2
}
.question-mark {
  display:none;
  position:relative;
  top:-8px;
  width:24px;
  height:24px;
  background:url(/dist/images/webpack/question-mark.svg) 50% no-repeat
}
#new__online-casino .question-mark {
  display:inline-block
}
#first-screen__adv-wrap {
  -webkit-box-flex:initial;
  -webkit-flex:initial;
  -ms-flex:initial;
  flex:initial;
  margin-bottom:0
}
#first-screen__adv-wrap .adv-img-wrap {
  padding:0 15px;
  width:100%
}
#first-screen__adv-wrap .adv-img-wrap a {
  display:block;
  position:relative;
  border-radius:4px;
  width:100%;
  height:90px;
  background-position:50%;
  background-repeat:no-repeat;
  margin-bottom:30px
}
#first-screen__adv-wrap .swiper-container {
  width:100%
}
#first-screen__adv-wrap .swiper-slide {
  width:100%!important
}
#first-screen-top-slider .swiper-img-wrap {
  display:block;
  height:343px;
  text-align:center;
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
#first-screen-top-slider .swiper-img-wrap img {
  width:100%;
  max-height:100%
}
#first-screen-top-slider .swiper-container {
  overflow:visible
}
#first-screen-top-slider .swiper-container img {
  border-radius:4px 4px 0 0
}
#first-screen-top-slider .swiper-descr {
  position:absolute;
  bottom:-77px;
  left:233px;
  height:75px;
  font-size:18px;
  max-width:320px
}
#first-screen-top-slider .swiper-descr a {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  height:75px;
  overflow:hidden;
  line-height:21px
}
#first-screen-top-slider .swiper-arrow-wrap {
  position:relative;
  width:113px;
  display:inline-block;
  vertical-align:top
}
#first-screen-top-slider .swiper-static-block {
  height:100px;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  position:relative
}
#first-screen-top-slider .swiper-static-block .top {
  font-weight:300;
  font-size:24px;
  line-height:42px;
  text-transform:uppercase;
  color:#00aa3a;
  display:inline-block;
  vertical-align:top;
  margin-top:19px;
  margin-left:35px
}
#first-screen-top-slider .swiper-static-block .top:after {
  content:"";
  background:#8e8e8e;
  width:1px;
  height:42px;
  display:inline-block;
  vertical-align:top;
  margin-top:0;
  margin-left:13px
}
#first-screen-top-slider .swiper-button-next,
#first-screen-top-slider .swiper-button-prev {
  width:40px;
  height:40px;
  margin:0;
  top:20px;
  outline:none;
  background:url(/dist/images/webpack/arrows_left.svg) 0 0 no-repeat
}
#first-screen-top-slider .swiper-button-next:after,
#first-screen-top-slider .swiper-button-prev:after {
  display:none
}
#first-screen-top-slider .swiper-button-next {
  background:url(/dist/images/webpack/arrows_right.svg) 0 0 no-repeat
}
#first-screen-top-slider .swiper-static-block-bootom {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  position:absolute;
  bottom:-88px;
  padding-left:10px;
  color:#8e8e8e;
  font-size:12px;
  width:100%
}
#first-screen-top-slider .swiper-static-block-bootom .date {
  margin:0 6px
}
#first-screen-top-slider .swiper-static-block-bootom .time {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start
}
#first-screen-top-slider .swiper-static-block-bootom .time:after {
  content:"|";
  padding-left:4px;
  font-size:13px;
  margin-top:-1px
}
#first-screen-top-slider .swiper-static-block-bootom .comment:before {
  content:"";
  background:url(/dist/images/webpack/comment-icon.svg) 0 0 no-repeat;
  display:inline-block;
  vertical-align:top;
  width:12px;
  height:12px;
  position:relative;
  top:1px;
  margin-right:6px
}
#first-screen-top-slider .swiper-static-block-bootom .views {
  position:absolute;
  right:10px
}
#first-screen-top-slider .swiper-static-block-bootom .views:before {
  content:"";
  background:url(/dist/images/webpack/views-icon.svg) 0 0 no-repeat;
  display:inline-block;
  vertical-align:top;
  width:18px;
  height:12px;
  position:relative;
  top:1px;
  margin-right:6px
}
#first-screen-vertical-slider {
  font-size:12px;
  line-height:14px;
  padding-bottom:60px
}
#first-screen-vertical-slider .vertical-slider-date {
  text-align:center
}
#first-screen-vertical-slider .vertical-slider-date p {
  padding-bottom:6px;
  border-bottom:1px solid #00aa3a;
  margin-bottom:17px;
  color:#00aa3a
}
#first-screen-vertical-slider .swiper-container {
  height:386px;
  padding:0 0 17px
}
#first-screen-vertical-slider .swiper-slide {
  max-height:48px
}
#first-screen-vertical-slider .swiper-slide-wrap {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin-bottom:8px;
  max-height:40px;
  overflow:hidden
}
#first-screen-vertical-slider .swiper-slide-wrap .time {
  -webkit-box-flex:0;
  -webkit-flex:0 0 70px;
  -ms-flex:0 0 70px;
  flex:0 0 70px;
  max-width:70px;
  padding:0 0 0 10px;
  color:#747474
}
#first-screen-vertical-slider .swiper-slide-wrap .descr {
  padding-top:0
}
#first-screen-vertical-slider .swiper-slide-wrap .descr a {
  text-decoration:none;
  color:#333
}
#first-screen-vertical-slider .swiper-button-next,
#first-screen-vertical-slider .swiper-button-prev {
  width:40px;
  height:40px;
  margin:0;
  top:19px;
  left:82px;
  outline:none;
  background:url(/dist/images/webpack/arrows_left.svg) 0 0 no-repeat;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
#first-screen-vertical-slider .swiper-button-next:after,
#first-screen-vertical-slider .swiper-button-prev:after {
  display:none
}
#first-screen-vertical-slider .swiper-button-next {
  background:url(/dist/images/webpack/arrows_right.svg) 0 0 no-repeat;
  left:auto;
  right:82px
}
#first-screen-vertical-slider .vertical-slider-arrow-wrap {
  position:relative
}
.casino-online {
  font-size:12px;
  line-height:14px
}
.casino-online-title {
  margin-bottom:7px;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.casino-online-title .flag-image-wrap {
  margin-left:auto;
  border-radius:1px;
  height:16px;
  min-width:20px;
  margin-right:10px
}
.casino-online-title .flag-image {
  border:1px solid #e0e0e0;
  width:18px;
  height:15px!important;
  border-radius:1px;
  position:relative
}
.casino-online-item-content {
  height:60px;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:1px;
  padding-right:9px;
  border-bottom:1px solid #e0e0e0
}
.casino-online-item,
.casino-online-item-content {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
.casino-online-item {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.casino-online-logo {
  position:relative;
  padding-left:16px;
  -webkit-box-flex:0;
  -webkit-flex:0 0 96px;
  -ms-flex:0 0 96px;
  flex:0 0 96px;
  max-width:96px
}
.casino-online-logo.top:before {
  content:"топ";
  text-transform:uppercase;
  font-weight:500;
  color:#fff;
  background-color:#00aa3a;
  width:40px;
  height:16px;
  line-height:16px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  text-align:center;
  position:absolute;
  top:12px;
  left:-12px
}
.casino-online-logo a {
  display:block;
  text-align:center
}
.casino-online-logo img {
  max-width:100%;
  max-height:40px;
  border-radius:0!important
}
.casino-online-name-wr {
  margin-left:10px;
  -webkit-box-flex:0;
  -webkit-flex:0 0 86px;
  -ms-flex:0 0 86px;
  flex:0 0 86px;
  max-width:86px
}
.casino-online-name-wr .name {
  color:#00aa3a
}
.casino-online-rating {
  margin-left:8px;
  position:relative;
  -webkit-box-flex:0;
  -webkit-flex:0 0 50px;
  -ms-flex:0 0 50px;
  flex:0 0 50px;
  max-width:50px
}
.casino-online-rating:after {
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  top:-5px;
  right:0;
  background:url(/dist/images/webpack/rating_star_yellow.svg) 50% no-repeat
}
.casino-online-rating .rating-num {
  color:#00aa3a;
  font-weight:700
}
.password-input-wrap {
  position:relative
}
.password-input-wrap .form-control {
  padding-right:35px
}
.show-hide-pass {
  position:absolute;
  right:9px;
  bottom:4px;
  width:24px;
  height:24px;
  background:url(/dist/images/webpack/show-pass.svg) 0 0 no-repeat
}
.show-hide-text {
  position:absolute;
  top:-23px;
  right:0;
  line-height:20px;
  background:#c4c4c4;
  border-radius:4px;
  color:#333;
  font-size:12px;
  padding:0 8px
}
body {
  background-color:#fff;
  font-family:Roboto,sans-serif;
  color:#333;
  padding-top:159px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
img {
  max-width:100%;
  height:auto!important
}
a {
  text-decoration:none;
  color:#333
}
a,
h1,
h4,
p {
  word-break:break-word;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto
}
.page-content {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  width:100%
}
.page-content,
.page-content section {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.page-content section {
  margin-bottom:10px
}
.page-content:after {
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.7);
  visibility:hidden;
  display:none;
  z-index:75
}
.section-title-wrap {
  margin-bottom:0
}
.section-title-wrap .section-title {
  font-weight:300;
  font-size:36px;
  line-height:42px;
  position:relative;
  margin-bottom:20px
}
.section-title-wrap .section-title:before {
  content:"";
  display:block;
  position:absolute;
  left:-11px;
  width:4px;
  background-color:#00aa3a;
  height:42px
}
.section-title-wrap.title-popover .section-title {
  display:inline-block;
  position:relative;
  margin-bottom:0
}
.aside-block {
  position:fixed;
  right:0;
  top:0;
  width:44px;
  height:100vh;
  min-height:100%;
  background-color:#000;
  color:#fff;
  z-index:1061
}
.aside-block .time {
  font-size:12px;
  text-align:center;
  margin-top:209px;
  margin-bottom:60px;
  white-space:nowrap
}
.aside-block .sign-wrap {
  display:none
}
.aside-block .sign-wrap .user {
  display:block;
  width:28px;
  height:28px;
  background:url(/dist/images/webpack/user.svg) 0 0 no-repeat
}
.socials-list {
  font-size:18px
}
.socials-link {
  display:block;
  text-align:center;
  margin:40px 0;
  color:#fff
}
.socials-link i {
  font-style:normal
}
.socials-link .fa-telegram-bot {
  height:35px;
  width:20px;
  display:inline-block;
  background:url(/dist/images/webpack/telegramm-bot.svg) 0 0 no-repeat
}
.btn {
  padding:0;
  height:auto;
  width:263px;
  line-height:40px;
  font-weight:500;
  text-align:center;
  border-radius:4px;
  color:#fff!important;
  font-size:18px;
  background-color:#00aa3a
}
.brand_bg {
  position:fixed;
  top:129px;
  z-index:1;
  width:calc(50% - 585px);
  height:100%;
  background-attachment:fixed
}
.brand_bg_right {
  right:0;
  z-index:40
}
.brand_bg_left {
  left:0;
  z-index:40
}
.brand_bg_bottom {
  position:fixed;
  bottom:0;
  z-index:1061;
  width:100%;
  height:90px;
  background-attachment:fixed;
  background-position:bottom;
  display:none
}
.brand_bg_bottom .close {
  background:url(/dist/images/webpack/close.svg) 0 0 no-repeat;
  width:18px;
  height:18px;
  position:absolute;
  top:10px;
  right:55px;
  z-index:1;
  opacity:1
}
.brand_bg_bottom_mobile {
  position:fixed;
  bottom:44px;
  z-index:1061;
  width:100%;
  height:90px;
  background-attachment:fixed;
  background-position:bottom;
  display:none;
  height:45px
}
.brand_bg_bottom_mobile .close {
  background:url(/dist/images/webpack/close.svg) 0 0 no-repeat;
  width:18px;
  height:18px;
  position:absolute;
  top:5px;
  right:10px;
  z-index:1;
  opacity:1
}
@media (min-width:320px) {
  .container {
    max-width:293px;
    width:293px
  }
}
@media (min-width:576px) {
  .container {
    max-width:540px
  }
  .modal-dialog {
    max-width:500px;
    margin:1.75rem auto
  }
}
@media (min-width:768px) {
  .container {
    max-width:720px
  }
  .col-md-2 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 16.66667%;
    -ms-flex:0 0 16.66667%;
    flex:0 0 16.66667%;
    max-width:16.66667%
  }
  .col-md-4 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 33.33333%;
    -ms-flex:0 0 33.33333%;
    flex:0 0 33.33333%;
    max-width:33.33333%
  }
  .col-md-6 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 50%;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
  .col-md-12 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .offset-md-6 {
    margin-left:50%
  }
  .d-md-none {
    display:none!important
  }
  .d-md-block {
    display:block!important
  }
  .search__form .form-group {
    margin-bottom:0;
    border:1px solid #8e8e8e;
    border-radius:4px
  }
  .search__form .form-control {
    border:0;
    text-align:left;
    padding:9px 5px 7px 16px;
    height:30px
  }
  .search__form .input-group-addon {
    background-color:#fff;
    border-radius:0 4px 4px 0
  }
  .search__form .input-group-btn {
    display:block;
    width:20px;
    height:20px;
    padding:0;
    margin:6px 9px 0 5px;
    border:0;
    background:#fff url(/dist/images/webpack/search-active.svg) 0 0 no-repeat
  }
  .container {
    max-width:585px;
    width:585px
  }
}
@media (min-width:992px) {
  .container {
    max-width:960px
  }
  .col-lg-4 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 33.33333%;
    -ms-flex:0 0 33.33333%;
    flex:0 0 33.33333%;
    max-width:33.33333%
  }
  .col-lg-8 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 66.66667%;
    -ms-flex:0 0 66.66667%;
    flex:0 0 66.66667%;
    max-width:66.66667%
  }
  .col-lg-12 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .header-nav-dropdown-list__col {
    margin-bottom:30px
  }
  .hamburger {
    display:none
  }
  .header-middle {
    display:block!important
  }
  .container {
    max-width:878px;
    width:878px
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .nav-wrap-flex .logo-down {
    display:none!important
  }
  .page-main .casino-online-title .flag-image-wrap {
    margin-right:27px
  }
  .casino-online-item {
    -webkit-box-flex:0;
    -webkit-flex:0 0 263px;
    -ms-flex:0 0 263px;
    flex:0 0 263px;
    max-width:263px
  }
  .casino-online-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
}
@media (min-width:1200px) {
  .container {
    max-width:1140px
  }
  .col-xl-3 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 25%;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
  }
  .col-xl-6 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 50%;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
  .container {
    max-width:1170px;
    width:1170px
  }
}
@media (max-width:1834px) {
  .brand_bg {
    display:none
  }
  .brand_bg_bottom {
    display:block
  }
}
@media (max-width:1199px) {
  .header-wrap-top {
    background:#000 -600px bottom no-repeat
  }
  .nav-wrap-flex .logo-down {
    margin-right:10px
  }
  .main-nav__item {
    margin-right:28px
  }
  .header-nav-dropdown--info:before {
    max-width:calc(50% - 449px)
  }
  .casino-online-title {
    max-width:282px
  }
  .casino-online-name-wr {
    margin-right:auto
  }
  .page-main .casino-online {
    margin-top:30px
  }
}
@media (max-width:991px) {
  header.header .container {
    max-width:100%;
    width:100%;
    padding:0 20px
  }
  .hamburger {
    display:block
  }
  .header-wrap-top {
    height:60px;
    background:#000 -850px 2px no-repeat
  }
  .nav-wrap-flex {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .header-nav-dropdown {
    position:static;
    width:100%;
    padding-top:0;
    padding-bottom:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  .header-nav-dropdown .row>[class*=col-] {
    padding:0 0 0 30px
  }
  .header-nav-dropdown__title {
    display:none
  }
  .header-nav-dropdown-list__col-title {
    position:relative;
    margin-right:35px;
    padding-right:30px
  }
  .header-nav-dropdown-list__col-title:after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    height:9px;
    display:block;
    background:url(/dist/images/webpack/caret-arrow.svg) 50% no-repeat
  }
  .header-nav-dropdown-list__list {
    max-height:0;
    overflow:hidden;
    padding-left:15px
  }
  .header-nav-dropdown-list__list-item:last-child {
    padding-bottom:15px
  }
  .header-nav-dropdown .row>[class*=col-] .header-nav-dropdown-list__col-title {
    color:#333
  }
  .header-middle {
    display:none;
    background-color:#fff;
    position:fixed;
    right:0;
    bottom:0;
    top:89px;
    width:263px;
    z-index:15;
    margin:0;
    overflow-x:hidden;
    overflow-y:scroll;
    height:auto
  }
  .header-middle .col-12 {
    padding:0
  }
  .header-middle .caret {
    width:50px;
    height:44px;
    background:url(/dist/images/webpack/caret-arrow.svg) 50% no-repeat;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
  }
  .header-middle .main-nav {
    width:100%;
    line-height:40px
  }
  .header-middle .main-nav__item {
    margin-right:0
  }
  .header-middle .main-nav__list {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
  .header-middle .main-nav__link-wrap {
    position:relative
  }
  .header-middle .main-nav__link {
    color:#333;
    line-height:16px;
    padding:14px 0 14px 20px;
    height:auto;
    display:inline-block;
    max-width:215px
  }
  .modal.show .modal-dialog {
    -webkit-transform:translate(-50%);
    transform:translate(-50%)
  }
  .modal .modal-dialog {
    top:50px
  }
  #new__online-casino .swiper-container {
    width:calc(50vw + 293px);
    padding-right:calc(50vw - 293px);
    margin-left:calc(50vw - 293px)
  }
  #index__firstScreen {
    margin-bottom:60px
  }
  .full-width,
  .full-width.container {
    padding:0;
    max-width:100%;
    width:100%
  }
  .full-width .row {
    margin:0
  }
  #new__online-casino .question-mark {
    display:none
  }
  #first-screen__adv-wrap .adv-img-wrap {
    padding:0
  }
  #first-screen__adv-wrap .adv-img-wrap a {
    text-align:center;
    border-radius:0
  }
  #first-screen-vertical-slider {
    margin-top:30px
  }
  .casino-online-title {
    max-width:100%
  }
  .casino-online-title .flag-image-wrap {
    position:absolute;
    right:0;
    top:0
  }
  body {
    padding-top:120px
  }
  .aside-block {
    width:100vw;
    height:44px;
    min-height:44px;
    top:auto;
    left:0;
    bottom:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding:0 25px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
  }
  .aside-block .time {
    margin-top:0;
    margin-bottom:0;
    margin-right:100px
  }
  .socials-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  .socials-link {
    margin:3px 0 0
  }
  .brand_bg_bottom {
    bottom:44px
  }
  .brand_bg_bottom .close {
    top:5px;
    right:10px
  }
}
@media (max-width:767px) {
  .header-wrap-top .logo {
    margin-top:15px
  }
  .header-wrap-top .logo .logo__descr {
    display:none
  }
  .header-wrap-top .logo span {
    font-size:20px;
    margin-left:8px
  }
  .header-wrap-top .login-wrap,
  .search-btn {
    display:none
  }
  .search__form {
    display:block;
    width:100%
  }
  .search__form .form-group {
    margin-bottom:0;
    border-bottom:1px solid #e0e0e0
  }
  .search__form .input-group-btn {
    display:block;
    width:28px;
    height:28px;
    padding:0;
    margin:10px 0 0 10px;
    border:0;
    background:url(/dist/images/webpack/search-gray.svg) 0 0 no-repeat
  }
  .search__form .form-control {
    border:0;
    font-size:14px;
    height:44px;
    padding-top:10px;
    text-align:left
  }
  .search__form .form-control::-webkit-input-placeholder {
    color:#c4c4c4
  }
  .search__form .form-control::-moz-placeholder {
    color:#c4c4c4
  }
  .search__form .form-control:-ms-input-placeholder {
    color:#c4c4c4
  }
  .search__form .form-control::-ms-input-placeholder {
    color:#c4c4c4
  }
  .checkbox label {
    font-size:12px;
    line-height:14px
  }
  .modal .modal-dialog {
    width:290px
  }
  #loginModal .modal-top:after,
  #newPasswordModal .modal-top:after,
  #registrationModal .modal-top:after,
  #resetPasswordModal .modal-top:after {
    width:305px
  }
  #loginModal .modal-body,
  #newPasswordModal .modal-body,
  #registrationModal .modal-body,
  #resetPasswordModal .modal-body {
    padding:45px 0 32px
  }
  #registrationModal .modal-body {
    padding:40px 0 51px
  }
  #resetPasswordModal .modal-body {
    padding:40px 15px
  }
  #new__online-casino .swiper-container {
    width:calc(50vw + 146.5px);
    padding-right:calc(50vw - 146.5px);
    margin-left:calc(50vw - 146.5px)
  }
  #first-screen__adv-wrap .adv-img-wrap a {
    height:171px
  }
  #first-screen__adv-wrap .adv-img-wrap a:before {
    display:none
  }
  #first-screen-top-slider .swiper-img-wrap {
    height:163px
  }
  #first-screen-top-slider .swiper-descr {
    left:0;
    bottom:-137px;
    text-align:center;
    padding:0 5px;
    width:100%
  }
  #first-screen-top-slider .swiper-descr a {
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    height:62px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #first-screen-top-slider .swiper-arrow-wrap {
    width:100%
  }
  #first-screen-top-slider .swiper-static-block {
    height:157px
  }
  #first-screen-top-slider .swiper-static-block .top {
    display:block;
    margin:0;
    text-align:center
  }
  #first-screen-top-slider .swiper-static-block .top:after {
    display:none
  }
  #first-screen-top-slider .swiper-static-block-bootom {
    bottom:-150px
  }
  .aside-block .time {
    display:none
  }
  .aside-block .sign-wrap {
    display:block
  }
  .brand_bg_bottom {
    display:none
  }
  .brand_bg_bottom_mobile {
    display:block
  }
}
@media (max-width:350px) {
  .hamburger {
    margin-left:6px
  }
}