.truck_banner {
  height: 595px;
  text-align: center;
  background-image: url('/image/design/trucks/bg.jpeg');
  background-size: cover;
}

.truck_banner img {
  margin-top: 10px;
  max-width: 1064px;
  width: 100%;
}

.truck_banner__med{
  text-align: right!important;
}

.truck_banner__med img {
  margin-top: 10px;
  max-width: 780px;
  width: 100%;
}
.truck_banner__sea img {
  margin-top: 10px;
  max-width: 700px;
  width: 100%;
}
.truck_banner__sea h1{
  font-size: 50px;
  font-weight: 800;
  color: white;
  text-align: left;
}



.truck_banner__med h1{
  font-size: 50px;
  font-weight: 800;
  color: white;
  text-align: left;
}

.truck_steps {
  margin-top: -64px !important;
  padding-left: 30px;
  background: #FFFFFF;


}

.truck_steps h3 {
  font-family: 'Open Sans';
  font-size: 35px;
  font-weight: 700;
  font-style: normal;
  line-height: 45px;
  /* or 129% */

  text-align: center;
  text-transform: uppercase;
}

.truck_step_col {
  display: flex;
  flex-direction: column;

}

.truck_steps img {
  width: 100%;
  /*height: 143px;*/
  /*width: auto;*/
  max-width: 245px;
}


.truck_step_txt {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  max-width: 305px;

  color: #000000;
}



 .truck_nalog_subtitle {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: 33px;
}


.truck_ul {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;

  list-style-image: url('/image/design/trucks/trucks_ul_bullet.png');
}

.truck_ul li {
  margin-bottom: 17px;
  padding-left: 20px;
}

.truck_ul li::marker{
  width: 10px;
  height: 10px;
  display: inline-block;
}

.truck_nalog li b {
  color: var(--msb-green2);
}


.truck_features h4 {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: 33px;
  /* text-align: center; */
}


.truck_trucks {
  display: grid;
  height: 700px;
  border-radius: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 13px 10px;
}

.truck_trucks > div {
  display: flex;
  /* background-position: top left; */
  flex-direction: column-reverse;
  /* background-size: cover; */
  transition: all .3s ease;
  text-align: right;
  background-repeat: no-repeat;
  background-size: 103%;
}

.truck_trucks > div:hover {
  background-size: 110%;
}


.truck_trucks a, .truck_trucks span{
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  /*width: 200px;*/
  margin-right: 30px;
  margin-bottom: 20px;
  padding: 10px 20px;
  text-align: center;

  color: #000000;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  transition: .3s all;
}
.truck_trucks a:hover{
  color: #000;
  background-color: #fff;
}
.truck_trucks_top_left {
  border-radius: 75px 0px 0px 0px;
}

.truck_trucks_top_right {
  border-radius: 0 75px 0px 0px;
}

.truck_trucks_bottom_left {
  border-radius: 0 0 0 75px;
}

.truck_trucks_bottom_right {
  border-radius: 0 0 75px 0;

}


.t_volvo {
  grid-area: 1 / 1 / 3 / 2;
}

.s_man {
  grid-area: 2 / 3 / 3 / 5;
}

.s_scania {
  grid-area: 3 / 2 / 4 / 4;
}

.t_man {
  grid-area: 1 / 2 / 2 / 3;
}

.t_scania {
  grid-area: 1 / 3 / 2 / 4;
}

.t_daf {
  grid-area: 1 / 4 / 2 / 5;
}

.t_iveco {
  grid-area: 2 / 2 / 3 / 3;
}

.ss_volvo {
  grid-area: 3 / 1 / 4 / 2;
}

.s_volvo {
  grid-area: 3 / 1 / 4 / 2;
}

.s_iveco {
  grid-area: 3 / 4 / 4 / 5;
}


.truck_features_img1 {
  width: 158px;
}

.truck_features_img2 {
  width: 105px;
}


.truck_h3 {
  font-size: 55px;
  font-weight: 700;
  line-height: 52px;

}

.h3_bg {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 86.46%), url('/image/design/trucks/bg_title.jpg');
  background-position-x: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.truck_bonus {
  height: 530px;
  color: white;
  /* background-size: 160%; */
}
.truck_bg_abstract{
  background-image: url('/image/design/trucks/slider1_bg.jpg');
  /* background-position-x: -812px; */
  /* background-position-y: -320px; */
  background-color: #052741;
}

.truck_bonus h3 {
  font-size: 55px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
}

.truck_bonus_row {
  padding-top: 32px;
}

.truck_bonus_num {
  font-family: 'Open Sans';
  font-size: 70px;
  font-weight: 800;
  font-style: normal;
  line-height: 15px;
  padding-top: 20px;
  padding-right: 10px;
}


.truck_bonus_txt {

  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
}

.truck_calc_pos{
  margin-top: -127px !important;
}
.truck_calc {

  padding-right: 60px;
  padding-bottom: 40px;
  padding-left: 60px;
  background-color: #fff;
}

.truck_calc h3 {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.truck_calc__realty{
  background-color: var(--msb-green5);
  color: white!important;
  background-image: url('/image/homepage2/bg_green1.jpg');
  background-size: cover;
}
.truck_calc__realty .calc3_output_col,
.truck_calc__realty .calc_small_value,
.truck_calc__realty .calc3_output_big,
.truck_calc__realty .calc3_label,
.truck_calc__realty .market_item_price_notice,
.truck_calc__realty .calc3val{
  color: #fff;
}

.truck_calc__realty .h3_bg{
   background: none;
   -webkit-background-clip: initial;
  text-fill-color: initial;
  -webkit-text-fill-color: initial;
}

.truck_calc__realty .calc3 .irs--round{
  background-color: #f1ede600;
}

.truck_calc__realty  .irs-grid {
  background-color: #ffffff00;
}
.truck_calc__realty  .calc3val{

}

.qform_button_simple{
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  line-height: 15px;
  display: block;
  height: 45px;
  padding: 1.5em;
  transition: all .3s ease;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  border-radius: 5px;
  color: black;
  border: 1px solid #107574;
}
a.qform_button_simple:link{
  color: black;
}
a.qform_button_simple:hover{
  color: #107574;
}
.qform_button {
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  line-height: 15px;
  display: block;
  height: 45px;
  padding: 1.5em;
  transition: all .3s ease;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  background-color: #103f45;
  background-image: url("/image/design/trucks/bg_btn.jpeg");
  background-size: 120%;
  /*filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));*/
}



.qform_button:visited {
  color: #FFFFFF;
}

.qform_button:hover {
  background-position: -10px 0;
  background-size: 170%;
  color: #FFFFFF;
}

.qform_button__white,.qform_button__white:visited{
  background-color: #fff;
  background-image: none;
  color: var(--msb-green5);
  border: 2px solid var(--msb-green5) ;
}

.qform_button__white:hover{
  color: var(--msb-green5);
  border-color:  var(--msb-green4) ;
}

.qform_button_fixed {
  width: 100%;
  max-width: 250px;
}

.qform_wrap {
  max-width: 295px;
  height: 100%;
  margin-left: 20%;
}


.truck_qform_success {
  position: absolute;
  z-index: 10;

  font-size: 150%;
  height: 100%;
  padding: 30px;
  /* color: white; */
  background: white;
  border: 1px solid green;
  padding: 30px;
  text-align: center;
  background-position-x: -84px;
  background-size: cover;
  /* background-image: url(/image/design/trucks/slider1_bg.jpg); */
}

.truck_qform .invalid-feedback {
  color: darkorange;
}



.truck_form_wrap{
  height: 100%;
  position: relative;
}
.truck_form {
  accent-color: var(--msb-green2);
}

.truck_form_img {
  max-width: 340px;
  margin: 0 18%;
}
.med_form_img {
  width: 100%;
  max-width: 500px;
  margin: 0 6%;
}

.truck_form_subtitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

.truck_form_form .has-star::after {
  content: '' !important;
}

.truck_form_form .form-group label {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.truck_form_form .form-group input[type=radio] + label {
    font-weight: normal;
    cursor: pointer;
}
.form-check-inline input[type=radio] + label {
    font-weight: normal;
    cursor: pointer;
}

.truck_form_payment_label {
  font-size: 1em !important;
  font-weight: 400 !important;
  display: inline-flex;
  cursor: pointer;
}

.truck_form_payment_label input {
  width: 17px;
  margin-right: 6px;
}

.truck_form_agree label {
  font-size: 90% !important;
  font-weight: 400 !important;
}


.truck_call_us{
  height: 480px;
  color: #fff;
}


.sea_partners{
  font-size: 16px;
}

@media (max-width: 600px) {
  .truck_banner__med h1{
    font-size: 40px;
    font-weight: 600;
    text-align: center;
  }
.med_form_img{
  margin: 0;
}
.truck_trucks > div {
    border-radius: 10px;
  }
  .qform_wrap {
    max-width: 100%;
    margin-left: 0;
  }

  .truck_bonus {
    height: 580px;
    background-position-x: 500px;
    background-position-y: initial;
    background-size: initial;
  }

  .truck_bonus h3 {
    font-size: 35px;
    font-weight: 600;
    line-height: 120%;
  }

  .truck_calc_pos{
    margin-top: -70px !important;
  }
  .truck_calc {

    padding: 20px;
  }

  .truck_calc h3 {
    font-size: 1.5em;
  }

  .qform_button_fixed {
    max-width: 100%;
  }

  .truck_steps {

    margin-top: -40px !important;
    text-align: center;
  }

  .round_borders {
    border-radius: 20px;
  }


  .truck_steps h3 {
    font-size: 140%;
    line-height: 120%;
  }

  .truck_h3 {
    font-size: 30px;
    line-height: 120%;
  }

  .truck_nalog_subtitle {
    font-size: 20px !important;
    line-height: 100% !important;

  }

  .truck_banner {
    height: auto;
    background-image: url("/image/design/trucks/slider_bg_pda.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .truck_banner img {
    margin-bottom: 65px;
  }
  .truck_trucks {
    display: initial;
  }


  .truck_trucks > div {
    height: 200px;
    margin-bottom: 14px;
    text-align: center;
    background-size: cover;
  }

  .truck_trucks > div:hover {
    background-size: cover;
  }

  .t_volvo {
    background-position-y: -139px;
  }

  .s_man {
    background-position-x: -125px;
  }

  .truck_trucks span {
    /* margin-bottom: 0; */
    margin-right: 0;
  }

  .truck_trucks_bottom_left,
  .truck_trucks_bottom_right,
  .truck_trucks_top_right,
  .truck_trucks_top_left {
    border-radius: 0;
  }


  .truck_form_img {
    width: 100%;
    margin: 0;
  }

  .truck_form_subtitle {
    font-size: 1.3em;
    line-height: 120%;
  }


  .truck_call_us{
    height: initial;
  }

}