body {
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-color: #464646;
}

html, body, .container {
  height: 100%;
}

/* Reset
-------------------------------------*/
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic
-------------------------------------*/

body {
  font: 18px/23px "Cantarell", sans-serif;
  color: #ffffff;
}
.content h1 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 40px;
  /*margin-top: 150px;*/
}

.icon-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.switcher_language {
  margin-right: auto;
}

p {
  margin: 0 0 15px 0;
}

strong {
  font-weight: 700;
}

.container {
  display: table;
  padding-top: 0;
  width: 100%;
}

.content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.bogoflags {
    display: none !important;
}

/* Special
-------------------------------------*/

.sub-title {
  margin: 0px auto 50px ;
  font-size: 26px;
  line-height: 1.4;
}

.sub-title2 {
  margin: 0px auto 50px ;
  font-size: 26px;
  line-height: 1.4;
}

.round-title {
  display: inline-block;
  padding: 6px 20px;
  border: 3px double #fff;
  border-radius: 10px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  width: 80%;
}
/* Button
-------------------------------------*/

a.button {
  font-size: 21px;
  color: white;
  text-decoration: none;
  padding: .8em 4em calc(.8em + 3px);
  border-radius: 10px;
  background: #68429e;
  box-shadow: 0 -3px #5A3989 inset;
  transition: 0.2s;
  position: relative;
  z-index: 100;
}
a.button:hover { background: #5A3989; }
a.button:active {
  background: #68429e;
  box-shadow: 0 3px #5A3989 inset;
}

/* Content2
-------------------------------------*/
.content2 tr:nth-child(odd):not(:first-child) [class*="col-"] {
  float: right;
}

.content2 {
  background-color: #f1f1f1;
  padding: 0px 0px 20px 0px;
  line-height: 1.4;
  width: 100%;
  float: left;
  color: #242424;
  position: relative;
  z-index: 19;
}
.content2 .title{
  text-align: center;
  font-size: 32px;
}
.content2 table, .content2 tr{
  width: 100%;
}
.content2 .head-tr h1{
  font-size: 30px;
  font-weight: 600;
  margin: 30px auto;
  text-align: center;
}
.content2 .big-el h2{
  text-align: center;
  font-size: 26px;
  margin-top: 10px !important;
}
.content2 .small-el{
  text-align: center;
}

.content2:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}

/* Content3
-------------------------------------*/

.content3 {
  padding-top: 0px;
  line-height: 1.4;
  width: 100%;
  float: left;
  color: #242424;
  position: relative;
}
.cont-3{
  background-color: #fff;
  z-index: 18;
}
.content3 .title{
  text-align: center;
  font-size: 32px;
}
.content3 table, .content3 tr{
  width: 100%;
}
.content3 .head-tr h1{
  font-size: 30px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}
.content3 .big-el h2{
  font-size: 18px;
  margin: 0px auto 10px !important;
  text-align: center;
  text-transform: uppercase;
}
.content3 .small-el, .content3 div{
  text-align: center;
}
.cont-3:after, .cont-6:after, .cont-7:after{
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}

.cont-6 tr:nth-child(odd) td:nth-child(2) {
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 757px) {
    .cont-6 tr:nth-child(odd) td:nth-child(2) {
        flex-direction: column;
    }
}
/* Content4
-------------------------------------*/

.cont-4{
  background-color: #f1f1f1;
  z-index: 17;
  padding-bottom: 50px;
}
.cont-4 .big-el{
  padding: 0px 20px;
  text-align: left;
}

/* Content5
-------------------------------------*/

.cont-5{
  background-color: #fff;
  z-index: 16;
}
.cont-5 img{
   border-bottom: 7px solid #68429e;
}
.cont-5 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-5 ul li{
  font-weight: 400;
  margin: 0px auto 20px;
  text-align: left;
}

/* Content6
-------------------------------------*/

.cont-6{
  background-color: #f1f1f1;
  z-index: 15;
  padding-bottom: 50px;
}
.cont-6 .first{
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 5px 0px; color: rgb(51, 51, 51); border-radius: 0px;
  margin: 50px auto 30px;
}
.cont-6 .first img{
  padding: 5px;
  width: 100%;
}
.cont-6 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-6 .second{
  font-size: 18px;
  font-weight: 400;
  margin: 0px auto 20px;
  text-align: left;
}

.cont-6 .button {
  margin-top: 10px;
  display: inline-block;
}

/* Content7
-------------------------------------*/
.cont-7 tr.tr1 td:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.cont-7{
  background-color: #fff;
  z-index: 14;
  padding-bottom: 50px;
}
.cont-7 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}

/* Content8
-------------------------------------*/
.cont-8 tr:nth-child(odd):not(.head-tr, :last-child) td:nth-child(2) {
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 757px) {
    .cont-8 tr:nth-child(odd):not(.head-tr, :last-child) td:nth-child(2) {
        display: flex;
        flex-direction: column;
    }
}
.cont-8{
  background-color: #f1f1f1;
  z-index: 13;
  padding-bottom: 50px;
}
.cont-8 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-8 .second {
  font-size: 18px;
  text-align: left;
}
.cont-8 .second h2{
  font-size: 22px;
  font-weight: 600;
}
.cont-8 .second h3{
  font-size: 18px;
  font-weight: 600;
}

/* Content9
-------------------------------------*/

.cont-9{
  background-color: #fff;
  z-index: 12;
  padding-bottom: 50px;
}
.cont-9 .head-tr1 h1{
  margin: 30px auto 10px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}
.cont-9 .first{
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 5px 0px; color: #f1f1f1; border-radius: 0px;
  margin: 0px auto 20px;
}
.cont-9 .first img{
  padding: 5px;
  width: 100%;
}

/* Content10
-------------------------------------*/

.content10 {
  background-color: #f1f1f1;
  padding: 0px 0px 20px 0px;
  line-height: 1.4;
  width: 100%;
  float: left;
  color: #242424;
  position: relative;
  z-index: 11;
}
.content10 .title{
  text-align: center;
  font-size: 32px;
}
.content10 img{
    margin-top: 20px;
}
.content10 table, .content2 tr{
  width: 100%;
}
.content10 .head-tr h1{
  font-size: 30px;
  font-weight: 600;
  margin: 30px auto;
  text-align: center;
}
.content10 .big-el h2{
  color: #4b3177;
  text-align: center;
  font-size: 26px;
  margin-top: 10px !important;
}
.content10 .small-el{
  text-align: center;
}

/* Content11
-------------------------------------*/

.cont-11{
  background-color: #fff;
  z-index: 10;
}
.cont-11 img{
   border-bottom: 7px solid #68429e;
}
.cont-11 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-11 ul{
  -webkit-padding-start: 0px;
}
.cont-11 ul li{
  font-size: 18px;
  font-weight: 400;
  margin: 0px auto 20px;
  text-align: left;
  list-style: none; /* Убираем исходные маркеры */
  background: url(../img/icons/checkmark.svg) no-repeat; /* Параметры фона */
  background-size: 40px;
  padding-left: 50px; /* Смещаем текст вправо */
  min-height: 40px
}

/* Content8
-------------------------------------*/

.cont-12{
  background-color: #fff;
  z-index: 9;
  padding-bottom: 50px;
}
.cont-12 .head-tr1{
  background-color: #68429e;
}
.cont-12 .head-tr1 h1{
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  margin: 30px auto 30px;
  text-align: center;
}
.cont-12 .block{
  padding-top: 50px;
}
.cont-12 .second {
  font-size: 18px;
  text-align: left;
}
.cont-12 .second h2{
  font-size: 22px;
  font-weight: 600;
}
.cont-12 .second h3{
  font-size: 18px;
  font-weight: 600;
}
.cont-12 .first{
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 5px 0px; color: #fff; border-radius: 0px;
  margin: 0px auto 20px;
}
.cont-12 .first img{
  padding: 5px;
  width: 100%;
}

/* Content13
-------------------------------------*/

.cont-13{
  padding-top: 0px;
  line-height: 1.4;
  width: 100%;
  float: left;
  color: #fff;
  position: relative;
  background-color: #6c4e8e;
  z-index: 8;
  padding-bottom: 50px;
  font-family:"Open Sans","Helvetica Neue";
}
.cont-13 h1{
  font-size: 40px;
  font-weight: 400;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-13 h2{
  font-size: 26px;
  font-weight: 400;
  margin: 30px auto 20px;
  text-align: center;
}
.cont-13 h3{
  font-size: 24px;
  font-weight: 400;
  margin: 30px auto 20px;
  text-align: center;
}
.cont-13 h4{
  font-size: 20px;
  font-weight: 400;
  margin: 30px auto 20px;
  text-align: center;
}
.cont-13 .value{
  font-size: 30px;
  font-weight: 600;
  margin: 0px auto 30px;
  text-align: center;
}
.cont-13 .round-title {
  padding: 6px 20px;
  border: 3px double #fff;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

/* Content14
-------------------------------------*/

.cont-14{
  padding-top: 0px;
  line-height: 1.4;
  width: 100%;
  float: left;
  color: #242424;
  position: relative;
  background-color: #fff;
  z-index: 7;
}
.cont-14 .block h1{
  font-size: 34px;
  font-weight: 400;
  margin: 50px auto 30px;
  text-align: center;
}
.cont-14 .block{
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}
.cont-14 .block .span{
  color: red;
  font-size: 34px;
  font-weight:600;
}
.cont-14 .block div{
  margin-bottom: 15px;
}
.cont-14 table, .cont-14 tr{
  width: 100%;
}
.cont-14 div#timer32ed72c6b0c600e903bcc13ae6cd0f62{
  font-weight: 600;
  min-width: 100px !important;
}
.cont-14 .timer-separator{
  padding: 0px 15px !important;
}

/* Content11
-------------------------------------*/

.cont-15{
  background-color: #f1f1f1;
  z-index: 6;
  padding-bottom: 50px;
}
.cont-15 img{
   border-bottom: 7px solid #68429e;
}
.cont-15 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 50px auto 30px;
  text-align: left;
}
.cont-15 .second{
  text-align: left;
}

/* Content16
-------------------------------------*/

.cont-16{
  background-color: #fff;
  z-index: 5;
  padding-bottom: 50px;
}
.cont-16 .head-tr1 h1{
  font-size: 26px;
  font-weight: 600;
  margin: 10px auto 0px;
  text-align: center;
}
.cont-16 .head-tr1 h2{
  font-size: 20px;
  font-weight: 600;
  margin: 30px auto 0px;
  text-align: center;
}
.cont-16 .head-tr2 h1{
  font-size: 26px;
  font-weight: 400;
  margin: 0px auto 20px;
  text-align: center;
}
.cont-16 .first, .cont-16 .first h2{
  text-align: right;
  padding-right: 10px;
}
.cont-16 .second, .cont-16 .second h2{
  text-align: left;
  padding-left: 10px;
}

/* 22. Scroll Up Button
-------------------------------------*/
.scroll-up-btn {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 5px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  background-color: #68429e;
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  z-index: 100;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.scroll-up-btn i {
  color: #fff;
}
.scroll-up-btn:hover {
  background-color: #68429e;
}

/* Video
-------------------------------------*/

.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Footer
-------------------------------------*/
footer {
  background-color: #68429e;
  color: #fff;
  position: relative;
  z-index: 1;
  line-height: 1.4;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
}

.footer-social-media {
    margin: 0; /* Обнуляем значение отступов */
    padding: 4px; /* Значение полей */
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
   }
.footer-social-media li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    padding: 3px; /* Поля вокруг текста */
}
.footer-social-media .fa {
    font-size: 28px;
}
.footer-social-media-2 {
    font-size: 16px;
}
/* Media
-------------------------------------*/

@media only screen and (max-width: 319px) {
  .container {
    margin: 0 auto;
    padding: 0px;
  }
  .content h1 {
    font-size: 22px;
    line-height: 1.4;
    margin: 0px;
  }

  .sub-title {
    font-size: 18px;
    margin: 0px auto 50px ;
  }
  .sub-title2 {
    font-size: 20px;
  }
  .round-title, p {
    font-size: 18px;
  }
  a.button {
    font-size: 16px;
    padding: .8em 1em calc(.8em + 3px);
  }
  .content2 .head-tr h1, .content10 .head-tr h1, .content3 .head-tr h1, .cont-12 .head-tr1 h1{
    font-size: 24px;
  }
  .content2 .big-el {
	  font-size: 16px;
  }
  .content2 .big-el h2, .content10 .big-el h2{
    font-size: 20px;
  }
  .content3 img{
    width: 80%;
  }
  .cont-4 .big-el{
    padding: 0px 0px;
  }
  .cont-5 ul li, .cont-11 ul li{font-size: 16px;}
  .cont-13 h1{font-size: 26px; font-weight: 600;}
  .cont-13 h2{font-size: 22px;}
  .cont-14 .block{font-size: 22px;}
  .cont-14 .block h1{font-size: 26px; font-weight: 600;}
  .cont-14 .block .span{font-size: 26px; font-weight: 600;}
  .cont-14 .timer-separator{padding: 0px 5px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sub-title {
    font-size: 22px;
    margin: 0px auto 50px ;
  }
  .sub-title2 {
    font-size: 24px;
  }
  .content h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0px auto 50px ;
  }
  .round-title, p {
    font-size: 22px;
  }
  .container {
    padding: 0px;
  }
  a.button {
    padding: .8em 1em calc(.8em + 3px);
  }
  .content2 .head-tr h1, .content10 .big-el h2, .content3 .head-tr h1, .cont-12 .head-tr1 h1{
    font-size: 24px;
  }
  .content2 .big-el {
	  font-size: 18px;
  }
  .content2 .big-el h2, .content10 .big-el h2, .content3 .big-el h2{
    font-size: 20px;
  }
  .cont-4 .big-el{
    padding: 0px 0px;
  }
  .cont-5 ul li, .cont-11 ul li{font-size: 18px;}
  .cont-13 h1{font-size: 26px;}
  .cont-14 .block{font-size: 22px;}
  .cont-14 .block h1{font-size: 26px; font-weight: 600;}
  .cont-14 .block .span{font-size: 13px; font-weight: 600; text-wrap: wrap;}
  .cont-14 .timer-separator{padding: 0px 10px !important;}
}


/* Countdown
-------------------------------------*/

#countdown {
  display: inline-flex;
}

.countdown-numbers {
  font-size: 60px;
}

.countdown-letters {
  font-size: 20px;
  margin-top: -10px;
}

/* Responsive
-------------------------------------*/

* {
    box-sizing: border-box;
}
[class*="col-"] {
    float: left;
    padding: 5px;
    width: 100%;
}
@media only screen and (min-width: 100px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

    .helper, .helper2 {display: none;}
    .content2 .tr1, .content10 .tr1{height: 200px;}
    .content2 img, .content10 img{width: 100%;}
    .footer-copyright img {width: 80%;}
    footer .inside, footer .inside2{margin: 10px auto 0px;}
    .cont-5 img{margin: 0px auto 0px;}
    .cont-11 img{margin: 30px auto 0px;}
    .cont-8 .second h2{margin-top: 15px;}
    .cont-8 .vaskez {margin-top: 0px;}
    .cont-11 .tipping {margin-top: 0px;}
    .cont-14 {padding-bottom: 70px;}
    .cont-15 .first{margin-top: 30px;}
}
@media only screen and (min-width: 768px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    footer .inside {margin: 30px auto 0px;}
    footer .inside2 {margin: 20px auto 0px;}

    .helper {display: inline-block;}
    .footer-copyright img {width: 90%;}
    .cont-5 img{margin: 80px auto 0px;}
    .cont-5 ul li, .cont-11 ul li{font-size: 18px;}
    .cont-11 img{margin: 100px 15px 0px 0px;}
    .cont-8 .second h2{margin-top: 0px;}
    .cont-8 .vaskez {margin-top: 100px;}
    .cont-11 .tipping {margin-top: 100px;}
    .cont-14 {padding-bottom: 50px;}
    .cont-15 .first{margin-top: 100px;}
}
@media only screen and (min-width: 1200px) {
    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}

    .helper2 {display: inline-block;}
    .content2 .tr1, .content10 .tr1{height: 180px;}
    .content2 img{padding-top: 10px;width: 65%;}
    .content10 img{padding-top: 10px;width: 70%;}
    .content3 .head-tr h1{margin: 70px auto 30px;}
    .cont-5 img{margin: 60px auto 0px;}
    .cont-6 .first {margin: 100px auto 0px;}
    .cont-11 .tipping {margin-top: 100px;}
    .cont-11 img{margin: 60px 15px 0px 0px;}
    .cont-8 .second h2{margin-top: 15px;}
    .cont-8 .vaskez {margin-top: 40px;}
    .cont-15 .first{margin-top: 70px;}
}
@media only screen and (min-width: 1600px) {
    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}

    .content2 .tr1, .content10 .tr1{height: 150px;}
    .content2 img{width: 60%;}
    .content10 img{width: 60%;}
    .content3 .head-tr h1{margin: 100px auto 50px;}
    .cont-5 img{margin: 100px auto 0px;}
    .cont-6 .first {margin: 100px auto 0px;}
    .cont-8 .vaskez {margin-top: 0px;}
    .cont-11 .tipping {margin-top: 50px;}
    .cont-11 img{margin: 100px 15px 0px 0px;}
}

.timerf70c51117cfee55709c7ccd637bd97b9 {
	min-width: 240px !important;
}

.bogo-language-switcher {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.bogo-language-switcher li {
  margin-right: 10px;
}

.bogoflags:before {
  font-size: 25px;
}

a.current {
  text-decoration: none;
}

.bogo-language-name a {
  color: #FFF !important;
  font-size: 12px;
}