

//Landing Realgame6

@font-face {
	font-family: 'Montserrat-Regular';
	src: url(/fileservice/file/download/h/70178a5d0b82c479dcd12da1bf008de8.otf/a/125294/sc/233)
		format('opentype');
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url(/fileservice/file/download/h/b6bb3326a8e97afc0c50d55d37f51093.otf/a/125294/sc/190)
		format('opentype');
}
@font-face {
	font-family: 'Montserrat-Thin';
	src: url(/fileservice/file/download/h/b9f4011a38fcb819849ae51b89a03b50.otf/a/125294/sc/143)
		format('opentype');
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url(/fileservice/file/download/h/70178a5d0b82c479dcd12da1bf008de8.otf/a/125294/sc/233)
		format('opentype');
}

@font-face {
	font-family: 'ArialRegular';
	src: url(/fileservice/file/download/h/b99ef5d953310007b3a35f3d18913c8c.ttf/a/125294/sc/99)
		format('opentype');
}

@media(min-width: 1540px) {
/*LOGO*/
.mainBox:after {
    content: "";
    position: absolute;
    top: 11px;
    right: 0 !important;
    width: 8vw;
    height: 172px !important;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/251/h/b9485497bfa84a7fdfcac900904e414c.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
.mainBox:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 333px !important;
  height: 313px !important;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/103/h/6b3782d8f4aa7b0833871a44b8589ab0.png) no-repeat;
  background-size: contain;
  z-index: 1;
}       
}

@media(min-width: 1480px) {
  .begin .f-text p span br {
  display: none !important;  
  }
}

@media(min-width: 1338px) {
.colorHeader .f-header p {
 font-size: 36px !important;
}
.mainBox .f-header p {
  font-size: 120px !important;;
}
 .mainBox .subHeader .f-text p {
  margin-left: 24px !important;
  font-size: 58px !important;
}
  .mainBox  .mainText p {
  max-width: 617px !important;
  font-size:  22px !important;
}
  .box3 .btn.f-btn.button-md.btn-success,
.mainBox .mainBtn .btn.f-btn.button-md.btn-success {
  font-size: 36px !important;
}
  .mainBox .subHeader .f-text p::after {
  width: 440px !important;
}
}

@media(min-width: 851px) {
.mainBox .f-header p span:not(.second) {
  display: block;
  position: relative;
  top: 30px;
  width: 34px;
  height: 26px;
 background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/289/h/d9c8607a096adecc5b50ce8d8a112a59.png) no-repeat;
   background-size: contain;
  order: -1;
  align-self: center;
}
.mainBox .f-header p .second {
  display: block;
  position: relative;
  top: -40px;
  left: 60px;
  width: 34px;
  height: 26px;
 background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/147/h/dd83eec86c223a61581b317cd1a77881.png) no-repeat;
   background-size: contain;
  order: 2;
  align-self: center;
}
}

/*Ленточки*/
@media(max-width: 1508px) {
  .tarifBox div .tarifText1::before {
  top: -47% !important;
  left: -40% !important;
  width: 285px;
  height: 600px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/127/h/36d71b1a81b9ea80a0103b225f75d49a.png) no-repeat;
  background-size: 60% !important;
}
}

@media(max-width: 1380px) {
.tarifBox .f-header p span::after {
    font-size: 120px !important;
    top: -87px !important;
}
}


@media(max-width: 1432px) {
  .mainBox .builder-item.part-button .btn.f-btn.btn-success span:after {
    width: 47px !important;
  }
}

@media(max-width: 1147px) {
  .mainBox .builder-item.part-button .btn.f-btn.btn-success span:after {
    top: 1px !important;
  }
}

@media(max-width: 1220px) {
.tarifBox div .tarifText1:before, 
.tarifBox div .tarifText2:before, 
.tarifBox div .tarifText3:before {
  width: 0 !important;
}
}
@media(max-width: 992px) {
  .tarifBox .builder {
    flex: 0 0 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  } 
  .tarifBox .builder-item.desk,
    .tarifBox .ne,
    .dsk {
    display: none !important;
  }
.box3 .btn.f-btn.button-md.btn-success {
    font-size: 27px !important;
}
}
@media(min-width: 992px) {
  .tarifBox.mobilBox {
    display: none !important;
  }
}
@media(max-width: 810px) {
.block-cover {
  background-size: contain !important;
  background-repeat: no-repeat;
}
.mainBox {
    display: none !important;
    }
.mainBox .lt-block-wrapper,
.padBox .lt-block-wrapper,
.box3 .lt-block-wrapper,
.box4 .lt-block-wrapper,
.myslider .lt-block-wrapper,
.otziv .lt-block-wrapper,
 .insideBox .lt-block-wrapper,   
.lt-block-wrapper.block-cover.lazyloaded {
  padding-left: 3% !important;
  padding-right: 3% !important;
} 
}
@media(max-width: 690px) {
  .tarifBox .builder-item.part-button .btn.f-btn.btn-success span:after {
    width: 0 !important;
    }
  .tarifBox .builder-item.part-button .btn.f-btn.btn-success {
    padding: 0 15px !important;
  }
  .sliderItem img {
    width: 300px !important;
  }
  .quest {
  padding-top: 40px !important;
}
}
@media(max-width: 510px) {
  .tarifBox .f-header {
    margin-left: 19vw !important;
  }
 .tarifBox .f-header p span:after {
    left: -114px !important;
}
}
@media(max-width: 515px) {
 .box2 .f-header:before {
   left: -48px !important;  
  font-size: 31px !important;
}
  .colorHeader .f-header p {
    font-size: 24px !important;
}    
}
@media(max-width: 396px) {
  .tarifBox.mobilBox .lt-block-wrapper,
   .tarifBox .lt-block-wrapper {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
 .file-button .btn.f-btn.button-md {
    padding-left: 35px;
    padding-right: 35px;
}
   
}
@media(max-width: 380px) {
  .sliderItem img {
    width: 300px !important;
  }
}

/*Общие настройки*/
.mainBox .lt-block-wrapper,
.padBox .lt-block-wrapper,
.box3 .lt-block-wrapper,
.box4 .lt-block-wrapper,
.autherHeader .lt-block-wrapper,
.otziv .lt-block-wrapper,
.myslider .lt-block-wrapper,
.insideBox .lt-block-wrapper,
.lt-block-wrapper.block-cover.lazyloaded {
  padding-left: 7%;
  padding-right: 7%;
}
.lt-block-wrapper.block-cover .cover-wrapper {
  flex: 0 1 100%;
}
.container {
    max-width: 1736px !important;
}
 .my-container {
    max-width: 100% !important;
    padding: 0; 
}
 .f-text p,
 .f-text ul li {
  line-height: 1.6;
  font-family: 'ArialRegular';
}

.colorHeader .f-header p {
    font-size: 29px;
    color: #57c7da;
    font-family: 'ArialBlack';
}

/*Кнопка*/
.btn.f-btn.button-md.btn-success {
  border-radius: 13px;
  background-color: rgb(255, 150, 0);
  box-shadow: 6.576px 13.482px 37.41px 5.59px rgba(69, 69, 69, 0.28);
}
.tarifBox .lt-block-wrapper {
 padding-left: 17%;
 padding-right: 17%;  
}
.tarifBox .f-text p {
  color: rgb(22, 22, 22);
}
.tarifBox .tarifHeader1 .f-header p span, 
.tarifBox .tarifHeader2 .f-header p span, 
.tarifBox .tarifHeader3 .f-header p span {
    position: relative;
}
.mainBox .lt-block-wrapper {
padding-top: 30px !important;
padding-bottom: 126px !important;
}
.mainBox .builder {
  padding: 0;
}
.mainBox .f-header p {
  font-size: 9.1vw;
  font-family: 'ArialRegular';
    font-weight: bold;
  margin-left: 3.6%;
  position: relative;
  top: 35px;
  z-index: 3;
}
.mainBox .subHeader .f-text p {
  margin-left: 3.6%;
  font-size: 4.8vw;
  font-family: 'ArialBlack';
  position: relative;
  top: -10px;  
  z-index: 2;
}
.mainBox  .mainText p {
  max-width: 617px !important;
  line-height: 1;
  font-size:  calc(7px + 1.2vw);
}
.mainBox .builder-item.part-button .btn.f-btn.btn-success span {
  position: relative;
}

.mainBox .builder-item.part-button .btn.f-btn.btn-success span:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -67px;
    width: 47px;
    height: 49px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/319/h/b019b5dd3615edb6eb1cb21cf6f3109b.png) no-repeat;
    background-size: contain;
}

.box3 .btn.f-btn.button-md.btn-success,
.mainBox .mainBtn .btn.f-btn.button-md.btn-success {
  padding: 0 60px;
  font-size: 36px;
  font-family: 'ArialRegular';
}
/*Тарифы*/
.tarifBox .my-container {
    max-width: 1300px !important;
}
.tarifBox .f-header p {
  font-size: calc(16px + 1vw);
  font-family: 'ArialBlack';
  color: #161616;
}
.tarifBox .f-text p {
    font-size: calc(12px + 0.6vw);
   color: rgb(22, 22, 22);
}
/*Цифра*/
.tarifBox .tarifHeader1 .f-header p span:after {
    content: "1";
    position: absolute;
    color: #57c7da;
    font-size: 150px;
    width: 75px;
    height: 163px;
    top: -110px;
    left: -142px;
    font-family: 'ArialBlack';
}
/*Фон цифры*/
.tarifBox .tarifHeader1 .f-header p,
.tarifBox .tarifHeader2 .f-header p,
.tarifBox .tarifHeader3 .f-header p {
   position: relative; 
}
.tarifBox .tarifHeader1 .f-header p::before,
.tarifBox .tarifHeader2 .f-header p::before,
.tarifBox .tarifHeader3 .f-header p::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 167px;
  top: -77px;
  left: -123px;
  font-family: 'ArialBlack';
  background: #fff;
  border-top-right-radius: 30px;
  background-position: left 20% bottom 10%;
  box-shadow: -29.845px -20.131px 23.49px 3.51px rgba(137, 137, 137, 0.18);
  z-index: -1;
}
/*Цифра 2*/
 .tarifBox .tarifHeader2 .f-header p span:after {
    content: "2";
    position: absolute;
    color: #fb007e;
    font-size: 150px;
    width: 75px;
    height: 163px;
    top: -112px;
    left: -168px;
    font-family: 'ArialBlack';
}

/*Цифра 3*/
 .tarifBox .tarifHeader3 .f-header p span:after {
    content: "3";
    position: absolute;
    color: #5a0099;
    font-size: 150px;
    width: 75px;
    height: 163px;
    top: -112px;
    left: -168px;
    font-family: 'ArialBlack';
}
.tarifBox .builder-item.part-button .btn.f-btn.btn-success span {
  font-size: 16px;
 font-family: ''ArialRegular'';
  position: relative;
}
/*Стрелка на кнопке
.tarifBox .builder-item.part-button .btn.f-btn.btn-success span:after {
 content: "";
  position: absolute;
  top: -15px;
  right: -60px;
  width: 40px;
  height: 35px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/175/h/8547a70d3e381bdc12f92c16bbce0040.png) no-repeat;
  background-size: contain;
}*/
/*Кнопка Тарифы*/
.tarifBox .builder-item.part-button .btn.f-btn.btn-success {
  background: rgb(255, 149, 0);
  color: #fff;
  border-radius: 30px !important;
  text-align: center;
    text-decoration: none;
}
/*
.tarifBox .builder-item.part-button .btn.f-btn.btn-success {
  padding: 5px 40px 5px 40px;
  text-align: left;
  font-size: 18px;
  min-height: 50px;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: 'Montserrat-Bold';
  position: relative;
  z-index: 1;
}*/
.tarifBox ul li::marker {
  color: #ff9600;
}
.tarifBox ul {
  padding-left: 20px;
}
.tarifBox div .tarifText1, 
.tarifBox div .tarifText2, 
.tarifBox div .tarifText3 {
  position: relative;
}
.tarifBox div .tarifText1::before {
  content: "";
  position: absolute;
  top: -255px;
  left: -300px;
  width: 285px;
  height: 600px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/127/h/36d71b1a81b9ea80a0103b225f75d49a.png) no-repeat;
  background-size: contain;
}
.tarifBox div .tarifText2::before {
  content: "";
  position: absolute;
  top: -300px;
  left: 20px;
  width: 35vw;
  height: 450px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/186/h/e19a3579d241bc16661bb884ada9a02d.png) no-repeat;
  background-size: contain;
}
.tarifBox div .tarifText3::before {
  content: "";
  position: absolute;
  top: -110px;
  left: -305px;
  width: 162px;
  height: 339px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/113/h/6d3e2df44833e7e20b7834bd199824f5.png) no-repeat;
  background-size: contain;
}
 .mainBox .subHeader .f-text p::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -8px;
  width: 36vw;
  height: 10vw;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/288/h/f52b5e1a8efb2d01f9f08c4a323c948d.png) no-repeat;
  background-size: contain;
  z-index: -1;
}
.purple {
  color: rgb(87, 0, 149);
 font-family: 'ArialBlack';
}
.weight {
   font-family: 'ArialBlack';
}
@media(max-width: 1290px) {
  .mainBox .subHeader .f-text p {
    top: 1px !important;
}
}
@media(max-width: 851px) {
.mainBox .f-header p:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 175px;
  width: 34px;
  height: 26px;
 background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/289/h/d9c8607a096adecc5b50ce8d8a112a59.png) no-repeat;
   background-size: contain;
}
.mainBox .f-header p:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 210px;
  width: 34px;
  height: 26px;
 background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/147/h/dd83eec86c223a61581b317cd1a77881.png) no-repeat;
   background-size: contain;
}
}
@media (max-width: 850px) {
.mainBox .subHeader .f-text p {
    top: 30px !important;
    margin-bottom: 20px !important;
}
}
@media(max-width: 1144px) {
  .mainBox .f-header p .second {
  top: -35px !important;
  left: 50px !important;
}
}
.mainBox .f-header p,
.subHeader .f-text p {
  display: flex;
  flex-direction: column;
  order: 1;
}

.subHeader .f-text p span {
   display: block;
  position: relative;
  top: -35px;
  left: -50px;
  width: 34px;
  height: 26px;
 background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/78/h/5017797ae945892720fb3985e7e7dab6.png) no-repeat;
   background-size: contain;
  order: 1;
  align-self: start;
}
/*LOGO*/
.mainBox:after {
    content: "";
    position: absolute;
    top: 11px;
    right: 4vw;
    width: 8vw;
    height: 172px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/251/h/b9485497bfa84a7fdfcac900904e414c.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
.mainBox:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 19vw;
  height: 313px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/103/h/6b3782d8f4aa7b0833871a44b8589ab0.png) no-repeat;
  background-size: contain;
  z-index: 1;
}
.box2 .lt-block-wrapper {
  padding-left: 7% !important;
  padding-right: 7% !important;
}
.box2 .container {
  padding: 0;
}
.box2 .f-header {
  margin-left: 12vw;
}
.box2 .f-text p {
  font-size: 18px;
}
.box2 .f-subheader {
  font-size: 18px;
  font-family: 'ArialBlack';
}
.box2 .f-header {
  position: relative;
   z-index: 1;
}
.box2 .f-header:before {
  content: "ПО СТАТИСТИКЕ";
  position: absolute;
  top: -16px;
  left: -93px;
  font-size: 36px;
  font-family: 'ArialBlack';
  color: rgba(224, 224, 224, 0.459);
  line-height: 1.2;
  z-index: -1;
}
.tarifBox .mini,
.form .mini {
  font-size: 16px;
}
.lt-form .form-content ul li::marker {
  color: rgb(255, 150, 0);
}

.form .image-box {
  position: relative;
}    
 
.lt-image-caption {
  position: absolute;
  top: 75%;
  transform: translateY(-75%); 
  left: 50px;
  line-height: 1;
  font-size: 30px;
  color: rgba(224, 224, 224, 1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
  font-family: 'ArialBlack';
}
.customMenu {
  padding-top: 0 !important;
}
.quest {
  padding-top: 100px;
}

/*************************** Наверх ********************************/
.btnUp {
position:fixed;
top: 85%;;
right:30px;
width: 40px;
height:40px;   
background-color: #089dcb;    
opacity:0.5;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
border-radius:2px;
 transform: rotate(45deg);
 z-index: 9999;
 -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;  
}

.btnUp:before {
    position: absolute;
    content: "^";
    color: #fff;
    top: 19px;
    left: 7px;
    font-size: 22px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transform-origin: 0 0;
    transform: rotate(-45deg) scaleX(1.25);
}
.lt-anchor .lt-block-wrapper,
.raw-html .lt-block-wrapper {
  padding-top: 0 !important;
}
.block-set .lt-anchor.lt-system-block.lt-invisible-block.lt-view {
height: 0 !important;    
}

