

@font-face {
	font-family: 'ArialRegular';
	src: url(/fileservice/file/download/h/b99ef5d953310007b3a35f3d18913c8c.ttf/a/125294/sc/99)
		format('opentype');
}
@font-face {
	font-family: 'ArialBlack';
	src: url(/fileservice/file/download/h/b034e500c7f0549a06dd8c02e207de7b.ttf/a/125294/sc/177)
		format('opentype');
}

@media(max-width: 1460px) {
  .forms .lt-tsr-content .f-subheader {
  font-size: 36px !important;
}
}

@media(max-width: 1320px) {
  .forms .lt-tsr-block.flex-column {
    flex: 0 0 45% !important;
    max-width: 490px !important;
    margin: 0 !important;
} 
 .forms .f-header {
    font-size: 16px !important;
  }
  .forms .lt-tsr-content .f-description {
    font-size: 60px !important;
}
  .forms .btn.f-btn.button-md.btn-success {
    font-size: 18px !important;
  }
}
@media(max-width: 1300px) {
.block1 .f-header {
 font-size: 54px !important;
 line-height: 1.2 !important;   
}
.block1 .f-text {
 font-size: 26px !important;
 line-height: 1.1 !important;
 max-width: 540px !important;   
}
.block1 .btn.f-btn.button-md.btn-success {
 font-size: 22px !important;
 padding: 20px 110px;   
}
  .emojBlock .builder .text2,
.emojBlock .builder .text3 {
  font-size: 16px !important;
  line-height: 1.2 !important;
}
    .columns .f-text {
    font-size: 16px !important;
    line-height: 1.2 !important;
}
    .columns .f-header {
    font-size: 20px !important;
    line-height: 1.4 !important;
}

.column1 .builder[data-path="column1"]:before {
  left: -50px !important;
  width: 85px !important;
  height: 86px !important;
}
.column1 .builder[data-path="column2"]:before {
  left: -20px !important;
  width: 50px !important;
  height: 86px !important;
}    
.column2 .builder[data-path="column1"]:before {
  left: -50px !important;
  width: 80px !important;
  height: 86px !important;
}
.column2 .builder[data-path="column2"]:before {
  left: -50px !important;
  width: 97px !important;
  height: 94px !important;
}    
}
@media(max-width: 1200px) { 
 .forms .f-header {
    font-size: 14px !important;
  }
    .forms .lt-tsr-content .f-description {
    font-size: 48px !important;
}
  .forms .btn.f-btn.button-md.btn-success {
    font-size: 16px !important;
}
}
@media(max-width: 1190px) {
  .forms .lt-tsr-block.flex-column {
    flex: 0 0 80% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 55px !important;
}
}
@media(max-width: 1100px) {
.emojBlock .builder .text2,
.emojBlock .builder .text3,
.emojBlock .builder .text4  {
  font-size: 14px !important;
}
.emojBlock .builder .text2 {
  flex: 0 0 28%;
  padding: 0 0 45px 32px;
  min-width: 330px;
}
.emojBlock .builder .text3 {
  flex: 0 0 24%;
  padding: 0 0 63px 35px;
  min-width: 310px;
}    
.emojBlock .builder .text4 .f-text {
  min-width: 390px !important;
  padding: 0 0 35px 35px !important;
}
}
@media(max-width: 995px) {
.columns .my-container.flex-container {
    flex-direction: column !important;
  }
.block1 .lt-block-wrapper {
 padding-left: 0 !important;
 padding-right: 0 !important;
    
}
  .columns .builder {
    flex: 0 0 80% !important;
    margin-left: 85px !important;
    max-width: 80% !important;
  }
  .column2 .lt-block-wrapper {
    padding-top: 0 !important;
  }
}
@media(max-width: 780px) {
  .block1 .btn.f-btn.button-md.btn-success:before {
    right: -215px !important;
    bottom: -125px !important;
    width: 200px !important;
    height: 200px !important; 
  } 
}
@media(max-width: 760px) {
  .block1 .f-header {
    font-size: 38px !important;
    margin-bottom: 10px !important;
  }
    .block1 .f-text {
    font-size: 20px !important;
    max-width: 410px !important;    
  }
  .block1 .btn.f-btn.button-md.btn-success {
    font-size: 18px !important;
    padding: 0 65px !important;
    min-height: 75px !important;
}
}

@media(max-width: 680px) {
  .block1 .btn.f-btn.button-md.btn-success:before {
    top: 70px !important;
    width: 120px !important;
    height: 120px !important; 
    transform: scale(1, -1) rotate(-60deg);
    right: -10px !important;
  } 
}

@media(max-width: 640px) {
  .forms .lt-tsr-block.flex-column {
    flex: 0 0 90% !important;
    max-width: 90% !important;
}
}
@media(max-width: 600px) {
  .vrant .lt-block-wrapper,
  .form3 .lt-block-wrapper {
  padding-top: 0 !important;
}
}
@media(max-width: 460px) {
.emojBlock .builder .text2,
.emojBlock .builder .text3 {
  font-size: 12px !important;
}
.columns .f-text {
   font-size: 12px !important;
   line-height: 1.2 !important;
}
.columns .f-header {
   font-size: 14px !important;
  line-height: 1.3 !important;
}
      .emojBlock .builder .text2, .emojBlock .builder .text3, .emojBlock .builder .text4 {
    font-size: 12px !important;
    line-height: 1;
}
   .emojBlock .builder .text2 {
    min-width: 310px !important;
    padding: 0 0 10px 20px !important;
    min-height: 87px !important;
    margin-bottom: 10px !important;
} 
   .emojBlock .builder .text3 {
    min-width: 310px !important;
    padding: 0 0 10px 25px !important;
    min-height: 80px !important;
     margin-bottom: 10px !important;   
} 
 .emojBlock .builder .text4 .f-text {
    min-width: 310px !important;
    padding: 0 0 50px 25px !important;
}
  .block1 .lt-block-wrapper {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/157/h/c4118107c4d21813a020cb05eba9ea0f.png) no-repeat !important;
    background-size: cover !important;
  }
    .block1 .part-text {
    margin-bottom:  35px !important;
  }
  .block1 .f-header {
    margin-bottom: 0px !important;
    font-size: 26px !important;
    line-height: 1;
    color: #43c3f7 !important;
  }
    .block1 .f-text {
    font-size: 14px !important;
    max-width: 280px !important;  
  }
  .block1 .btn.f-btn.button-md.btn-success {
    font-size: 16px !important;
    padding: 0 56px !important;
    min-height: 50px !important;
}
  .emojBlock .f-header,
  .customHeader .f-header {
    font-size: 22px !important;
}
  .block1 .btn.f-btn.button-md.btn-success:before {
    top: 50px !important;
}
  .customHeader .lt-block-wrapper {
    padding: 45px 15px 0 15px !important;
  }
  .column1 .builder[data-path="column1"]:before {
    left: -20px !important;
    width: 55px !important;
    height: 55px !important;
}
  .column1 .builder[data-path="column2"]:before {
    left: 0px !important;
    width: 30px !important;
    height: 60px !important;
}
  .column2 .builder[data-path="column1"]:before {
    left: -10px !important;
    width: 50px !important;
    height: 46px !important;
  }
  .column2 .builder[data-path="column2"]:before {
    left: -20px !important;
    width: 57px !important;
    height: 94px !important;
  }
  .columns .builder {
    flex: 0 0 80% !important;
    margin-left: 45px !important;
    max-width: 80% !important;
}
  .column1 .lt-block-wrapper {
    padding-top: 20px !important;
}
 
  .emojBlock .lt-block-wrapper {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}
   .forms .lt-block-wrapper {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}
  .forms .f-subheader {
    font-size: 26px !important;
  }
  .forms .lt-tsr-content .f-description {
    font-size: 36px !important;
}
  .forms .btn.f-btn.button-md.btn-success {
   font-size: 14px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    min-height: 55px !important;
  }
    
  .customHeader .f-text {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .customHeader .btn.f-btn.button-md.btn-success {
    font-size: 14px !important;
    min-height: 60px !important;
}
    
  .padding_small {
    padding: 17px 15px 15px 15px !important;
}
    
  .subscribeBox .modal-block-content.block-box  {
    padding-left: 0 !important;
     padding-right: 0 !important;
}
.block1 .f-header {
  margin-top: 390px !important;
}
  .block1 .part-header {
    margin-bottom: 15px !important;
}
  .block1 .btn.f-btn.button-md.btn-success:before {
    width: 100px !important;
    height: 100px !important;
    top: !important;
}
 .author .lt-block-wrapper {
padding-top: 35px !important;
padding-bottom: 15px !important;
}
  .author .part-text {
    margin-top: 20px !important;
  }
  .author .f-text {
    line-height: 1.2;
  }
  .author .f-text span {
   font-size: 18px !important;
  }
  .about .builder {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .about .builder[data-path="column1"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
  }
  .quest .lt-block-wrapper {
    padding-top: 15px !important;
  }
    .lastQuest .lt-block-wrapper {
    padding-bottom: 65px !important;
  }
  .about .lt-block-wrapper {
    padding-bottom: 15px !important;
  }
  .column2 .lt-block-wrapper {
    padding-bottom: 35px !important;
  }   
}
@media(max-width: 410px) {
    .block1 .f-header {
    margin-top: 340px !important;
}
    .forms .lt-tsr-content .f-subheader {
    font-size: 26px !important;
}  
} 

@media(max-width: 361px) {
.block1 .f-header {
    margin-top: 290px !important;
}
}


.f-text {
 font-family: "ArialRegular";
 color: #211f20;   
}

.row,
.flex-row {
  margin: 0 !important;
  align-items: start;
}
.modal-block-content.block-box.col-md-12.text-center {
   padding: 0; 
}    
.container:not(.text-small) {
  padding: 0;
  max-width: 1660px !important;
}
.block1 .lt-block-wrapper {
   padding-left: 8%;
   padding-right: 8%;
   //background: url( https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/205/h/275eb989a905b66ce773de3923ad0f0c.png) no-repeat;
    background: url( https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/506/h/365b37227e2bcd45f19245a02492f009.png) no-repeat;
   background-position: top;
   background-size: cover;
}
.block1 .lt-block-wrapper,
.block1 .btn.f-btn.button-md.btn-success,
.emojBlock .lt-block-wrapper {
position: relative;
z-index: 1;
}
.block1 .btn.f-btn.button-md.btn-success:before {
position: absolute;
  content: "";
  bottom: -180px;
  right: -60%;
  width: 180px;
  height: 250px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/312/h/e59c6e25f5fc80693aae45bf64c59db9.png) no-repeat;
  background-size: contain;
  z-index: -1;
}
.block1 .f-header {
  font-size: 72px;
  font-family: "ArialBlack";
  color: #211f20;  
}
.block1 .f-text {
  font-size: 32px;
  font-family: "ArialBlack";
  color: #211f20;
  max-width: 700px;
  text-transform: uppercase;
  line-height: 1.3;  
}
.block1 .btn.f-btn.button-md.btn-success {
  min-height: 75px;
  font-size: 32px;
  line-height: 1.3;
  border-radius: 30px;
  padding: 20px 60px;
  background: #f30096;
  font-family: "ArialBlack";
}
.block1 .btn.f-btn.button-md.btn-success:hover {
  background: #f30096;
}
.forms .flex-row{
justify-content: center;
flex-wrap: wrap;  
}
.forms .lt-tsr-block.flex-column {
flex: 0 0 37%;
max-width: 37%;
border-radius: 30px;
margin: 25px !important;
}
.forms .lt-tsr-block.flex-column:first-child {
background: #7D58A2;    
}
.forms .lt-tsr-block.flex-column:nth-child(2) {
background: #80bd60;
}
.forms .lt-tsr-content {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
}
.forms .lt-tsr-content .image-wrapper {
   margin-bottom: 0; 
  height: 290px !important;
}
.forms .lt-tsr-content .f-subheader {
  order: 0;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  color: rgb(255, 255, 255);
  font-family: "ArialBlack";
}
.forms .lt-tsr-content .f-header {
  padding: 30px 35px;
  order: 1;
  font-size: 18px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  font-weight: normal;
  text-align: left;
  background: #fff;
  margin: 0; 
}
.forms .lt-tsr-block.flex-column:nth-child(2) .f-header ul {
  max-width: 520px;
}
.forms .lt-tsr-content .image-card {
  order: 2;
}

.forms .lt-tsr-content .f-description {
  order: 3;
  font-size: 60px;
  line-height: 1.2;
  font-weight: bold;
  color: rgb(255, 255, 255);
  margin: 0;
  padding: 17px 10px 0 10px;
}
.forms .lt-tsr-content .button {
  order: 4;
   padding: 20px 15px 40px 15px;
}
.forms .lt-tsr-block.flex-column:first-child .button {
   background: #7D58A2;
}
.forms .lt-tsr-block.flex-column:nth-child(2) .button {
   background: #80bd60;
}
.forms .lt-tsr-block.flex-column:first-child .lt-tsr-content .f-subheader {
  //padding: 40px 15px 40px 15px;
  margin: 0;
}
.forms:not(.padding_small) .lt-tsr-block.flex-column:nth-child(2) .lt-tsr-content .f-subheader {
  //padding: 17px 35px 15px 35px;
  margin: 0;
}

.forms.form3 .lt-tsr-block.flex-column:first-child .lt-tsr-content .f-subheader {
  //padding: 17px 35px 15px 35px;
  margin: 0;
}
.forms.vrant .lt-tsr-block.flex-column:nth-child(2) .lt-tsr-content .f-subheader {
  //padding: 40px 15px 40px 15px;
}

/*Модификатор **маленьки отступ у заголовка** */
.forms.padding_small .lt-tsr-block.flex-column:nth-child(1) .lt-tsr-content .f-subheader {
  //padding: 17px 35px 15px 35px;
}


.forms .btn.f-btn.button-md.btn-success {
  font-family: "ArialBlack";
  background: yellow;
  color: #211f20;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  border-radius: 30px;
  padding-right: 54px;
  padding-left: 54px;
  min-height: 57px;  
}
.forms .btn.f-btn.button-md.btn-success:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;  
}
.forms.form1 .lt-tsr-block.flex-column:first-child .btn.f-btn.button-md.btn-success:hover {
  border: 1px solid #fff;
}
.forms .lt-tsr-block.flex-column:first-child .f-header li::marker {
  color: #7D58A2;
  font-size: 2rem;
}
.forms .lt-tsr-block.flex-column:nth-child(2) .f-header li::marker {
  color: #80bd60;
  font-size: 2rem;
}


.column1 .builder[data-path="column1"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -90px;
  width: 136px;
  height: 186px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/499/h/53d2d898a889216d6277460c73f78d29.png) no-repeat;
  background-size: contain;
}
.column1 .builder[data-path="column2"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 72px;
  height: 126px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/66/h/739c16732c4f9d31b69353d4c0577fc8.png) no-repeat;
  background-size: contain;
}
.customHeader .f-header {
  font-size: 38px;
  font-family: "ArialBlack";
}
.subscribeBox .f-header {
  font-family: "ArialBlack";
  font-size: 38px;
  color: #211f20;  
}
.column2 .builder[data-path="column1"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  width: 136px;
  height: 186px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/353/h/9db926cfce955da27f2faf2198c31ec7.png) no-repeat;
  background-size: contain;
}
.column2 .builder[data-path="column2"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -120px;
  width: 157px;
  height: 124px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/276/h/fe4e4c37288ca50127b4ee10ab17df2b.png) no-repeat;
  background-size: contain;
}
.hiddenBlock {
 display: none;   
}
.hiddenBlock.active {
 display: block !important;   
}
.forms .lt-tsr-block.flex-column:first-child .buttonBox {
  color: #7D58A2;
  font-family: "ArialBlack";
  cursor: pointer;
}
.forms .lt-tsr-block.flex-column:nth-child(2) .buttonBox {
  color: #80bd60;;
  font-family: "ArialBlack";
  cursor: pointer;
}
.columns .f-header {
  font-size: 24px;
  line-height: 1.4;
  font-family: "ArialBlack";
} 
.columns .f-text {
  font-size: 18px;
  line-height: 1.4;
}
.columns .builder {
  padding-left: 60px;
  padding-right: 0;
}

.emojBlock .builder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.emojBlock .text2 .f-text p,
.emojBlock .text3 .f-text p,
.emojBlock .text4 .f-text p {
  text-align: left;
}
.emojBlock .builder .f-header,
.emojBlock .builder .text1 {
  flex: 0 0 100%;
  
}

.emojBlock .builder .text2,
.emojBlock .builder .text3 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  min-height: 140px;
  font-size: 18px;
  line-height: 1.3;
}
.emojBlock .builder .text2 {
  flex: 0 0 28%;
  padding: 0 0 35px 35px;
  min-width: 410px;
}
.emojBlock .builder .text3 {
  flex: 0 0 24%;
  padding: 0 0 50px 55px;
  min-width: 390px;
}

.emojBlock .builder .text4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  font-size: 18px;
  line-height: 1.2;
  }
.emojBlock .builder .text4 .f-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  max-width: 700px;
  min-height: 100px;
  min-width: 610px;
  padding: 0 0 15px 45px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/113/h/f9108ea88717e2a10e14ed36b92f8938.png) no-repeat;
   background-size: contain;
  }
.emojBlock .builder .text2 {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/269/h/961740894ff6b374b77f1de9ea2fa9df.png) no-repeat;
   background-size: contain;
}
.emojBlock .builder .text3 {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/329/h/265a89cbca4fdce2f25c553130e72fca.png) no-repeat;
   background-size: contain;
}
.customHeader .btn.f-btn.button-md.btn-success {
  min-height: 80px;
  font-size: 22px;
  border-radius: 30px;
  background: #f30096;
  font-family: "ArialBlack";
}
.customHeader .btn.f-btn.button-md.btn-success:hover {
  background: transparent;
  border: 1px solid #fff;
}
.customHeader .f-text {
  font-size: 24px;
  color: #211f20;  
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.emojBlock .builder .f-header {
  font-family: "ArialBlack";
  font-size: 38px;
  color: #211f20;  
}
.emojBlock .text1 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.column1 .lt-block-wrapper {
  padding-bottom: 30px !important;
}
/*Кнопка*/
.customModal .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);
}
.block-set .lt-anchor.lt-system-block.lt-invisible-block.lt-view {
 height: 0 !important;   
}

.forms.form1 .lt-tsr-block.flex-column:first-child,
.forms.form1 .lt-tsr-block.flex-column:first-child .button {
 background: #43c3f7;   
}
 
.forms.form1 .lt-tsr-block.flex-column:nth-child(2),
.forms.form1 .lt-tsr-block.flex-column:nth-child(2) .button {
    background: #f30096;
}
.forms.form1:not(.padding_small) .lt-tsr-block.flex-column:nth-child(1) .lt-tsr-content .f-subheader {
    //padding: 40px 0 40px 0;
    margin: 0;
}
.oneLine .lt-tsr-block.flex-column:nth-child(2) .lt-tsr-content .f-subheader {
    //padding: 40px 0 40px 0;
}

.forms.form1 .lt-tsr-block.flex-column:first-child .buttonBox {
    color: #43c3f7;
    font-family: "ArialBlack";
    cursor: pointer;
}
.forms.form1 .lt-tsr-block.flex-column:nth-child(2) .buttonBox {
    color: #f30096;
    font-family: "ArialBlack";
    cursor: pointer;
}
.forms.form1 .lt-tsr-block.flex-column:first-child .f-header li::marker {
    color: #43c3f7;
    font-size: 2rem;
}
.forms.form1 .lt-tsr-block.flex-column:nth-child(2) .f-header li::marker {
    color: #f30096;
    font-size: 2rem;
}

.form3 .dopText {
  font-size: 16px;
  color: #f30096;
}

.forms .lt-tsr-content .f-subheader {
 margin:0;   
}
.padding_big {
 padding: 40px 0 40px 0;
}
.padding_small {
  padding: 17px 35px 15px 35px;
}

/* ------------- 
content start - Menu
------------- */

@media(min-width: 981px) {
 .lt-menu .padding40px {
    width: 0 !important;
  }
  .lt-menu .lt-block-wrapper .main-container {
   padding-left: 9%;
   padding-right: 9%;   
  }
}
@media(max-width: 981px) {
.lt-menu .list-item {
    display: block;
    text-align: left;
    padding: 10px!important;
    white-space: normal;
}
.lt-menu .centerside.menualign-left {
    text-align: left;
    padding-left: 10px;
}    
}
.customMenu.lt-menu .menu-wrapper  {
    background: #fff;
}
.customMenu.lt-menu .menu-wrapper .collapsed-view .toggler {
    color: #7f6eb7;
    background: #fff;
}
.customMenu.lt-menu .menu-wrapper .collapsed-view {
  position: relative;
}
.customMenu.lt-menu .menu-wrapper .collapsed-view:before {
  position: absolute;
  content: "";
  top: 8px;
  left: 10px;
  width: 250px;
  height: 25px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/72/h/5ac977f38763b2161a901f96cd7667f4.jpg) no-repeat !important;
  background-size: contain !important;
}

.toggler {
position: absolute;
top: 7px;
right: 5px;
}
.fa {
    font-size: 20px;
}
.customMenu .menu-list li a {
  color: #4f4f4f !important;
  font-family: "Arial";
}

.toggler .fa.fa-bars {
  color: transparent;
}
.clc  {
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 170px;
}
.clc a {
  color: transparent;
  height: 50px;
  width: 170px;
  display: block;
}
/* ------------- 
content finish - Menu
------------- */

/* ------------- 
content start - Basket
------------- */

/* Корзина hiddenBasket*/ 
.lt-basket.basket-collapsed.hiddenBasket {
    width: 190px;
    top: -40px;
    right: -15px;
    visibility: hidden;
}
.lt-basket.basket-collapsed.hiddenBasket .collapsed-view .btn.expand-btn.btn-success {
position: relative;
}
.lt-basket.basket-collapsed.hiddenBasket .collapsed-view .btn.expand-btn.btn-success:before {
position: absolute;
content: "";
top: -5px;
left: 20px !important;
width: 55px;
height: 45px;
border-radius: 7px;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/451/h/b98d791df9dba18cfadc7f48cca70e74.png) no-repeat;
background-size: 70%;
background-position: left 7px bottom 4px;
visibility: visible !important;
z-index: 1;
}
.lt-basket.basket-collapsed.hiddenBasket .collapsed-view .btn.expand-btn.btn-success:after {
position: absolute;
content: "";
top: -45%;
left: 20px;
width: 55px;
height: 55px;
border-radius: 50px;
background: #43c3f7;
opacity: 0.9;
background-position: left 7px bottom 4px;
visibility: visible !important;
z-index: -1;
}
.lt-basket.basket-collapsed.hiddenBasket .total-cost-str {
visibility: visible !important;
font-size: 12px;
color: #f8017d;;
border-radius: 20px;
font-family: 'ArialBlack';
}

.lt-basket.basket-collapsed.hiddenBasket .collapsed-view .btn.expand-btn.btn-success:hover:before {
position: absolute;
content: "";
top: -9px;
left: 5px !important;
width: 55px;
height: 45px;
border-radius: 7px;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/107/h/9aebdda90026614539b6b6c8877633d3.png) no-repeat;
background-size: 70%;
background-position: left 7px bottom 4px;
visibility: visible !important;
transition: 0.5s;  
}

.lt-basket.basket-collapsed.hiddenBasket .collapsed-view .btn.expand-btn.btn-success:hover:after {
position: absolute;
content: "";
top: -45%;
left: 5%;
width: 55px;
height: 55px;
border-radius: 50px;
background: #fff;
transition: 0.5s;
background-position: left 7px bottom 4px;
visibility: visible !important;
z-index: -1;
}
.cross {
 width: 50px;
 height: 40px;   
 text-align: right;
 color: transparent;
 cursor: pointer;
 z-index: 300;
} 
.closeBtn {
  position: fixed;
  z-index: 300;
  top: 50px;
  right: 60px;
  z-index: 100;
}
.closeBtn .cross.vis {
    font-size: 22px;
    font-family: 'ArialBlack';
    color: transparent;
    cursor: pointer;
    z-index: 100;
    display: block;
}
.closeBtn .cross.activ {
  position: relative;
  top: 10px;  
  left: 28px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/125294/sc/501/h/bd1963411219b84e47028040824cc3dc.png) no-repeat;
  transform: rotate(90deg);
  color: transparent;  
  z-index: 100; 
}
.lt-basket.basket-collapsed .collapsed-view {
  position: relative;
}
.lt-basket.basket-collapsed .collapsed-view:before {
  position: absolute;
  content: "+";
  top: -2px;
  right: 22px;
  width: 10px;
  height: 10px;
  font-size: 22px;
  transform: rotate(-45deg);
  color: rgb(255, 150, 0);
  font-family: 'ArialBlack';
}

/* Кнопка на внутренней части*/
.lt-basket .total-view .btn.btn-deal.btn-success.f-btn {
  background: rgb(255, 150, 0);
  border-radius: 7px;
  border: none;
  font-family: 'ArialRegular';
}
.lt-basket {
  background: #57c7da;
  z-index: 1000;  
}
.lt-basket .total-view .header,
.offer-title, .offer-count-td 
{
  font-family: 'ArialRegular';
}
/**/

.lt-basket.basket-collapsed {
  border: 1px solid #57c7da;
  border-radius: 11px;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;  
}
.collapsed-view {
  color: rgb(54, 54, 54);
  font-size: 16px;
  font-family: 'ArialRegular';
}
.collapsed-view .total-cost-str {
  color: #570094;
  font-family: 'ArialBlack';
}
.lt-basket.basket-collapsed .btn.expand-btn.btn-success {
  background: #57c7da;
  color: #fff;
  border: none;
}
.lt-basket.basket-collapsed button  {
 border-radius: 5px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-family: 'ArialRegular';
}
.lt-basket.basket-collapsed .btn.btn-deal.btn-danger {
  background: #ff9600;
  border: none;
}
.lt-basket.basket-collapsed button span {
 display: none;
}
/* ------------- 
content finish - Basket
------------- */
