/* 
ui elements site


version 1.0

1. the read button and popup with form
- page 'coaching'
- section 'couch-tabs' 

*/




/* 
root 
*/

:root{
   /* main-btn */
   --color-main-txt-btn: #fff;
   --color-main-btn: #ff4646;
   --linear-gradient: linear-gradient(to right, #c63333 0%, #da5656 100%);

   --shadow-bnt: rgba(255, 70, 70, .35);
   --shadow-on-btn-hover: rgba(255, 99, 99, .65);



   /* on page */
   --color-main-txt-page: #161616;
   --color-bg-mat :#1A1E28;
   --color-main-bg-page: #fff;
   --color-main-bg-inputs: #f3f3f3;
   
   --color-whatsapp: #25D366;
   --color-telegram: #03bafc;
}


ul,ol{
   list-style: none;
}

.section-hero,
.section-price{
   font-family: 'Roboto', sans-serif;
}

/* element buttons */
.main-btn{
   background-color: var(--color-main-btn);
   background-image: var(--linear-gradient);
   display: inline-block;
   margin-top: 45px;
   padding: 26px 32px;
   padding-bottom: 20px;
   position: relative;
   text-align: center;
   text-transform: uppercase;
   border: 0;
   cursor: pointer;
   overflow: hidden;

   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: .32px;
   line-height: 140%;
   color: var(--color-main-txt-btn);

   transition: all .15s;
   webkit-transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;

   transform: skewX(-15deg);
   webkit-transform: skewX(-15deg);
   -webkit-transform: skewX(-15deg);
   -moz-transform: skewX(-15deg);
   -ms-transform: skewX(-15deg);
   -o-transform: skewX(-15deg);

   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
}

.main-btn span{
   position: relative;
   top: -3px;

   display: inline-block;
   transform: skewX(13deg);
   -webkit-transform: skewX(13deg);
   -moz-transform: skewX(13deg);
   -ms-transform: skewX(13deg);
   -o-transform: skewX(13deg);
}

.main-btn:before{
   position: absolute;
   content: '';
   left: 0;
   top: -6px;
   z-index: -1;
   height: 100%;
   width: 100%;

   background-color: var(--color-main-btn);

   box-shadow: 0 10px 25px var(--shadow-bnt);

   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
}

.main-btn:hover{
      box-shadow: 0 0 17px 4px var(--shadow-on-btn-hover);
}

@media screen and (max-width: 768px) {
   .main-btn{
      width: 100%;
      padding: 25px 20px;
   }
}


.slope-element{
   display: block;
   transform: skewX(-15deg);
   webkit-transform: skewX(-15deg);
   -webkit-transform: skewX(-15deg);
   -moz-transform: skewX(-15deg);
   -ms-transform: skewX(-15deg);
   -o-transform: skewX(-15deg);
}

.alignment-element{
   display: inline-block;
   transform: skewX(13deg);
   -webkit-transform: skewX(13deg);
   -moz-transform: skewX(13deg);
   -ms-transform: skewX(13deg);
   -o-transform: skewX(13deg);
}


.title-h2{
   font-size: 48px;
   font-style: normal;
   font-weight: 300;
   line-height: 70px; /* 145.833% */
   letter-spacing: 1.92px;
}




/* popup with form */
.popup-form-main-hero{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 101;
   opacity: 0;
   visibility: hidden;
   background-color: #00000061;
   width: 100%;
   height: 100%;
}

.popup-form-main-hero._open-popup{
   opacity: 1;
   visibility: visible;
}

.callback-popup-open{
   padding: 50px 40px 30px 40px;
   width: 100%;
   max-width: 440px;
   position: relative;
   top: 50%;
   left: 50%;
   margin: 0;
   background-color: var(--color-main-bg-page);

   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   transition: all .3s ease 0s;
   -webkit-transition: all .3s ease 0s;
   -moz-transition: all .3s ease 0s;
   -ms-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;

   transform: translate(-50%, -50%) scale(0.9);
   -webkit-transform: translate(-50%, -50%) scale(0.9);
   -moz-transform: translate(-50%, -50%) scale(0.9);
   -ms-transform: translate(-50%, -50%) scale(0.9);
   -o-transform: translate(-50%, -50%) scale(0.9);
}

.popup-form-main-hero._open-popup .callback-popup-open{
   transform: translate(-50%, -50%) scale(1);
   -webkit-transform: translate(-50%, -50%) scale(1);
   -moz-transform: translate(-50%, -50%) scale(1);
   -ms-transform: translate(-50%, -50%) scale(1);
   -o-transform: translate(-50%, -50%) scale(1);
}


.callback-popup .popup-close {
   position: absolute;
   top: -30px;
   right: -30px;
   cursor: pointer;
}

.callback-popup h2 {
   color: var(--color-main-txt-page);
   font-family: 'Roboto', sans-serif;
   font-weight: 300 !important;
   font-weight: 400;
   font-size: 32px;
   text-align: center;
   letter-spacing: 1.28px
}

.callback-popup p {
   margin: 0 auto;
   text-align: center;
   color: var(--color-main-txt-page);
   font-family: 'Roboto', sans-serif;
   font-weight: 300 !important;
   font-weight: 400;
   font-size: 15px;
   line-height: 25px;
   letter-spacing: .64px;
   margin-top: 10px
}

.callback-popup form {
   width: 100%;
   /* padding: 0 55px; */
   margin-top: 35px
}

.callback-popup form .input-form {
   margin-bottom: 30px;
   position: relative;
   width: 100%;
   height: 60px
}

.callback-popup form .input-form:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 60px;
   background-color: var(--color-main-bg-inputs);
   border: 0;
   
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   transform: skewX(-10deg);
   -webkit-transform: skewX(-10deg);
   -moz-transform: skewX(-10deg);
   -ms-transform: skewX(-10deg);
   -o-transform: skewX(-10deg);
}

.callback-popup form .input-form:last-child:before {
   background-image: url(../img/phone-call.png);
   background-size: contain;
   background-repeat: no-repeat
}

.callback-popup form .input-form:before {
   content: '';
   position: absolute;
   top: 22px;
   left: 25px;
   width: 15px;
   height: 16px;
   background-image: url(../img/img-old/user.png);
   background-position: center;
   z-index: 3
}

.callback-popup form .input-form input {
   width: 100%;
   height: 60px;
   color: var(--color-main-txt-page);
   font-family: 'Roboto', sans-serif;
   font-weight: 300 !important;
   font-weight: 400;
   font-size: 15px;
   line-height: 30px;
   letter-spacing: .64px;
   padding-left: 65px;
   position: absolute;
   top: 0;
   left: 0;
   border: 0;
   z-index: 10;
   background-color: transparent;
   
   transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;
}

.callback-popup form .input-form input:focus::-webkit-input-placeholder {
   color: transparent;

   transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;
}

.callback-popup form .input-form input:focus::-moz-placeholder {
   color: transparent;
   
   transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;
}

.callback-popup form .input-form input:focus:-ms-input-placeholder {
   color: transparent;

   transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;
}

.callback-popup form .input-form input:focus::placeholder {
   color: transparent;
   
   transition: all .15s;
   -webkit-transition: all .15s;
   -moz-transition: all .15s;
   -ms-transition: all .15s;
   -o-transition: all .15s;
}



@media screen and (max-width: 768px) {
   .callback-popup .popup-close {
      right: 0
   }
}






/*----------page managym-online------------*/
/*tab one*/

.tab-messengers{
    margin: 2em 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.tab-messengers-link{
    flex: 0 1 190px;
    border-radius: 6px;
    padding: 9px;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    color: var(--color-main-txt-page);
    cursor: pointer;
}

.tab-messengers-whtp{
    transition: all .3s ease 0s;
    border: 4px solid var(--color-whatsapp);
}

.tab-messengers-whtp:hover{
    background-color: var(--color-whatsapp);
}

.tab-messengers-tg{
    transition: all .3s ease 0s;
    border: 4px solid var(--color-telegram);
}

.tab-messengers-tg:hover{
    background-color: var(--color-telegram);
}





/*tab two*/
.tab-price-fiz{
    display: none;
    -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 35px rgba(0, 0, 0, .05);
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    background-color: var(--color-main-bg-page);
    padding: 60px;
    align-items: center;
}

.tab-price-fiz .active{
    display: flex;
}

.tab-price-fiz-left{
    flex: 0 1 60%;
}
.tab-price-fiz-right{
    flex: 0 1 40%;    
}

.tab-price-fiz-left{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4em;
}

.tab-price-fiz-title{
    color: var(--color-main-txt-page);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 1.28px;
}

.tab-price-fiz-number{
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 10px;
    background-color: var(--color-main-bg-inputs);
    padding: 4px 14px 4px 0;
}

.tab-price-fiz-number span{
    color: var(--color-main-txt-page);
    font-family: panton-light, sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1.92px;
}

.tab-price-fiz-date{
    display: flex;
    align-items: center;
    gap: 20px;
}

.tab-price-fiz-date-text{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
}

.tab-price-fiz-date-text span{
    font-weight: 700;
    margin: 4px 0;
}

.tab-price-fiz-right{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.main-btn-price{
    width: 100%;
    max-width: 300px;
}


@media screen and (max-width: 768px){
    .tab-price-fiz{
        padding: 25px 25px 40px;
    }
    
    .tab-price-fiz-left,
    .tab-price-fiz-right{
        flex: 1 1 100%;
    }
}


/*----------end page managym-online------------*/









/* ------------- page base----------------- */

.section-hero{
   overflow: hidden;
   background: url(../img/img-old/base-bg.jpg) no-repeat center;
   background-size: cover;
}

.section-hero-b-content{
   display: flex;
   padding-top: 66px;
}

.hero-b-text{
   flex: 0 1 75%;
}

.hero-b-text{
   display: flex;
   flex-direction: column;
   gap: 50px;
}

.hero-b-title{
   padding-left: 16px;
}

.b-title-above{
   margin-left: 22px;
   margin-bottom: -11px;
   position: relative;
   z-index: 2;
}

.title-decor{
   display: inline-block;
   font-size: 47px;
   font-style: italic;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 1.92px;
   color: var(--color-main-txt-page);
   background-color: var(--color-main-bg-page);
   filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.05));
   padding: 15px 20px;
   transform: skewX(-15deg);
   -webkit-transform: skewX(-15deg);
   -moz-transform: skewX(-15deg);
   -ms-transform: skewX(-15deg);
   -o-transform: skewX(-15deg);
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
}

.title-decor span{
   display: inline-block;
   transform: skewX(15deg);
   -webkit-transform: skewX(15deg);
   -moz-transform: skewX(15deg);
   -ms-transform: skewX(15deg);
   -o-transform: skewX(15deg);
}

.b-title-below{
   display: flex;
   align-items: center;
   gap: 10px;
}

.b-title-below .title-decor{
   padding-top: 30px;
}

.b-title-below span:nth-child(2) {
   display: inline-block;
   font-size: 18px;
   font-style: italic;
   font-weight: 400;
   line-height: 135%;
   color: var(--color-main-txt-btn);
}

.hero-b-img{
   flex: 0 1 20%;
   position: relative;
   width: 100%;
   
   display: flex;
   align-items: end;
}

.hero-img{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   height: 100%;
}

.hero-img img{
   height: 100%;
   object-fit: cover;
}

.hero-quote{
   position: relative;
   z-index: 1;
   color: var(--color-main-txt-btn);
   margin-bottom: 3em;
   text-align: center;
   font-size: 13px;
   font-style: normal;
   font-weight: 300;
   line-height: 135%;
   max-width: 200px;
}

.hero-b-subtitle{
   font-size: 28px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;
   color: var(--color-main-bg-page);
}

.hero-description-title{
   font-size: 20px;
   font-style: italic;
   font-weight: 400;
   line-height: 135%;
   color: var(--color-main-bg-page);
   margin-bottom: 20px;
}

.hero-description-list{
   display: flex;
   align-items: center;
   gap: 3em;
   color: var(--color-main-bg-page);
   list-style: none;
}

.hero-list-item:nth-child(1){
   background: url('../img/img-old/map-herow.png') no-repeat left;
   background-size: 40px;
   padding: 16px 0 16px 60px;
}

.hero-list-item:nth-child(3){
   background: url('../img/img-old/online-herow.png') no-repeat left;
   background-size: 85px;
   padding: 22px 0 22px 100px;
}

.hero-list-item{
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 135%;
}

.hero-note{
   position: relative;
   z-index: 1;
   background-color: var(--color-bg-mat);
   color: var(--color-main-txt-btn);
   margin-right: 20px;
   padding: 26px 50px 28px 0;
}

.hero-note::after{
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
   content: '';
   width: 500%;
   height: 100%;
   background-color: var(--color-bg-mat);
}

.hero-note-list{
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2em;
   height: 100%;
}

.note-list-item{
   font-size: 20px;
   font-style: italic;
   font-weight: 400;
   line-height: 135%; /* 27px */
}

.note-list-item:nth-child(1){
   max-width: 298px;
}

.note-list-item:nth-child(2){
   height: 100%;
   width: 1px;
   background-color: rgba(255, 255, 255, 0.20);
   display: block;
   content: '';
}

.note-list-item:nth-child(3){
   display: flex;
   align-items: center;
   gap: 10px;
}

.note-item-title{
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 135%; /* 21.6px */
}


.note-item-btns{
   display: flex;
   gap: 15px;
}

.note-btns-link{
   border-radius: 8px;
   padding: 7px 32px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   transition: all .3s ease .0s;
   -webkit-transition: all .3s ease .0s;
   -moz-transition: all .3s ease .0s;
   -ms-transition: all .3s ease .0s;
   -o-transition: all .3s ease .0s;
}

.note-btns-link:nth-child(1){
   background-color: var(--color-whatsapp);
}

.note-btns-link:nth-child(2){
   background-color: var(--color-telegram);
}

.note-btns-link:hover{
   opacity: .9;
}  


@media screen and (max-width: 768px) {
   .section-hero{
      display: block;

   }

   .section-hero-b-content,
   .b-title-below{
      display: block;
   }

   .hero-b-title{
      padding-left: 0;
   }

   .title-decor{
      font-size: 28px;
   }

   .b-title-below span:nth-child(2){
      margin-top: 10px;
      font-size: 17px;
   }

   .hero-b-subtitle{
      font-size: 17px;
   }

   .hero-description-list {
      gap: 2em;
   }

   .hero-list-item:nth-child(1) {
      background-size: 25px;
      padding: 16px 0 16px 40px;
   }

   .hero-list-item:nth-child(2) svg{
      width: 38px;
      height: 38px;
   }

   .hero-list-item:nth-child(3) {
      background-size: 60px;
      padding: 22px 0 22px 80px;
   }

   .hero-img{
      display: none;
      opacity: 0;
      visibility: hidden;
   }

   .hero-note{
      margin: 0;
      padding: 20px;
   }

   .hero-note-list{
      flex-direction: column;
   }

   .note-list-item:nth-child(1){
      max-width: 100%;
   }

   .note-list-item:nth-child(2){
      width: 100%;
      height: 1px;
   }

   .note-list-item:nth-child(3){
      flex-wrap: wrap;
   }

   .hero-b-img{
      margin-top: 20px;
   }

   .hero-quote{
      width: 100%;
      max-width: 100%;
      text-align: start;
   }

}

@media screen and (max-width: 480px) {
   .hero-description-list{
      flex-direction: column;
      align-items: start;
   }
}





.additional-banner{
   background-color: var(--color-main-bg-page);
   padding: 40px 0;
}

.additional-banner-list{
   display: flex;
   align-items: center;
   gap: 3em;
}

.additional-list-item:nth-child(1) div,
.additional-list-item:nth-child(2) div{
   transform: skewX(15deg);
   -webkit-transform: skewX(15deg);
   -moz-transform: skewX(15deg);
   -ms-transform: skewX(15deg);
   -o-transform: skewX(15deg);
}

.additional-list-item:nth-child(1),
.additional-list-item:nth-child(2){
   flex: 0 1 328px;
   border: 1px solid rgba(22, 22, 22, 0.30);

   max-width: 320px;
   max-height: 120px;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;

   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
}

.additional-list-item:nth-child(1) .additional-item-img,
.additional-list-item:nth-child(2) .additional-item-img{
   height: 100%;

   display: flex;
   align-items: center;
   justify-content: center;
   padding: 3em 8em;
}

.additional-list-item:nth-child(1) img,
.additional-list-item:nth-child(2) img{
   max-width: 100%;
   max-height: 100%;
   height: auto;
   width: auto;
   object-fit: cover;
}

.additional-list-item:nth-child(3){
   flex: 0 1 430px;
}

.additional-list-item:nth-child(3) p{
   font-size: 30px;
   font-style: italic;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 1.3px;
}


@media screen and (max-width: 768px) {
   .additional-banner-list{
      flex-direction: column;
      align-items: start;
   }

   .additional-list-item:nth-child(1), .additional-list-item:nth-child(2){
      margin-left: 20px;
   }

   .additional-list-item:nth-child(3){
      flex: 1 1 100%;
   }

   .additional-list-item:nth-child(3) p{
      font-size: 17px;
   }
}






.section-price{
   padding: 75px 0 100px;
}

.section-price-title{
   color: var(--color-main-txt-btn);
   margin-bottom: 65px;
}

.prices-content-custom{
   background-color: var(--color-main-bg-page);
   display: flex;
   padding: 5em 7em;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   align-items: center;
   gap: 4em;
}

.prices-content-text{
   flex: 0 1 63%;
   padding-right: 16px;
   background-color: var(--color-main-bg-page);
   position: relative;
}

.prices-content-text::after{
   display: block;
   content: "";
   position: absolute;
   top: 50%;
   right: 0px;
   z-index: 0;
   pointer-events: none;
   height: 60%;
   width: 50%;
   background-color: var(--color-main-bg-page);
   -webkit-box-shadow: 8px 0px 8px -4px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 8px 0px 8px -4px rgba(0, 0, 0, 0.12);
   box-shadow: 8px 0px 8px -4px rgba(0, 0, 0, 0.12);
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
}

.prices-content-text::before{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   background-color: var(--color-main-bg-page);
   display: block;
   width: 100%;
   height: 100%;
   content: '';

}

.prices-title{
   font-family: panton-light, sans-serif;
   font-size: 32px;
   font-style: normal;
   font-weight: 300;
   line-height: 125%; /* 40px */
   letter-spacing: 1.9px;
   position: relative;
   z-index: 2;
}

.prices-content-midle{
   margin: 48px 0 44px;
   position: relative;
   z-index: 2;
}

.prices-content-midle .prices-midle-thin{
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   letter-spacing: 0.64px;
   display: block;
}

.prices-content-midle .prices-midle-bold{
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.64px;
   margin: 10px 0 15px;
   display: block;
}

.prices-midle-price{
   padding: 10px 20px 10px 60px;
   background-color: var(--color-main-bg-inputs);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   font-family: panton-light, sans-serif;
   font-size: 28px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   letter-spacing: 1.9px;
   text-transform: uppercase;
   display: inline-block;
   overflow: hidden;
   position: relative;
   position: relative;
   z-index: 2;
}

.prices-midle-price::before{
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
   content: '';
   width: 44px;
   height: 50px;
   background: url(../img/img-old/coin.png) no-repeat center;
   background-size: cover;
}

.prices-content-bottom{
   position: relative;
   z-index: 2;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.prices-bottom-item{
   display: flex;
   align-items: center;
   gap: 15px;
}

.prices-bottom-item:nth-child(1),
.prices-bottom-item:nth-child(2){
   flex: 0 1 calc(49% - 8px);
}

.prices-bottom-item:nth-child(3){
   margin-top: 40px;
}

.prices-bottom-item:nth-child(1)
.prices-item-img,
.prices-bottom-item:nth-child(3)
.prices-item-img{
   max-width: 80px;
   height: auto;
}

.prices-bottom-item:nth-child(2)
.prices-item-img{
   max-width: 60px;
   height: auto;
}

.prices-item-img img{
   width: 100%;
   height: auto;
   object-fit: cover;
}

.prices-txt-thin{
   display: block;
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   letter-spacing: 0.64px;
   margin-bottom: 4px;
}

.prices-txt-bold{
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.64px;
}


.prices-content-form{
   flex: 0 1 30%;
}

.prices-form-title{
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   letter-spacing: 0.64px;
   margin-bottom: 28px;
}

.input-form-custom{
   margin-bottom: 30px;
   position: relative;
   width: 100%;
   height: 60px;
}

.input-form-custom input{
   width: 100%;
   height: 60px;
   color: #161616;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-size: 15px;
   line-height: 30px;
   letter-spacing: .64px;
   padding-left: 65px;
   position: absolute;
   top: 0;
   left: 0;
   border: 0;
   z-index: 10;
   background-color: transparent;
   -webkit-transition: all .15s;
   transition: all .15s;
}

.input-form-custom::before{
   content: '';
   position: absolute;
   top: 22px;
   left: 25px;
   width: 15px;
   height: 16px;
   background-image: url(../img/img-old/user.png);
   background-position: center;
   z-index: 3;
}

.input-form-custom::after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 60px;
   background-color: #f3f3f3;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -webkit-transform: skewX(-10deg);
   -ms-transform: skewX(-10deg);
   transform: skewX(-10deg);
   border: 0;
}

.button-form-custom{
   width: 100%;
}






/* ----------- end page base--------------- */