/* ............................................. */
/* FOR static and blog additional to content-txt */

.my-title h1,
.content-custom h1,
.content-custom h2,
.content-custom h3{ color: var(--gray-dark); /*var(--eco-blue);*/}

.content-custom h2{ font-size: 30px}
.content-custom h3{ font-size: 24px}

.content-custom h2,
.content-custom h3{ margin-bottom: 15px;}

.content-custom h2 em{ font-weight: normal; color: var(--gray-dark);}


.content-custom ul{ margin-bottom: 30px;}
.faq__ans-txt ul li,
.content-custom ul li{ margin-top: 15px; padding-left: 30px; list-style: none; background: url(images/icons/icon-check.svg) 0 5px no-repeat; background-size: auto;  background-size: 18px 18px;  margin-bottom: 25px;}

._img_left{ display: flex;  align-items: center; margin-bottom: 5px !important}


/* ............................................. */


.content-custom h1._xxl,
.content-custom h1._xl{ font-size: 62px; border-radius: 30px; color: var(--eco-blue); display: inline-block; /*background: linear-gradient(180deg, #18326b 0%, #19439e 100%);*/ /*padding: 30px 45px*/}
.content-custom h1._xl{ font-size: 42px;}

.content-custom h1 span{ color: var(--gray-dark); /*var(--eco-green);*/}
.content-custom h1 span.small{ color: var(--eco-blue); font-size: 62%; display: block; font-weight: normal;}

.content-custom .big,
.content-custom .big2{ font-size: 24px; text-align: center; font-weight: 100;}
.content-custom .big2{ font-size: 22px;}

.content-custom p,
.content-custom ul{ font-size: 17px;}

body, div.content-txt { font-size: 17px !important; }
._about_company p{ font-size: 14px;}
._right_col  .my-title{ font-size: 15px;}
._base_text_description{ font-size: 16px;}


.content-custom .light{ color: #fff;}
.content-custom .markdown.light{color:var(--gray-dark);  }


.content-custom ul.list_bullets{ margin-bottom: 30px;}
.content-custom ul.list_bullets li{ margin-top: 15px; padding-left: 30px; list-style: none; background: url(images/icons/icon-check.svg) 0 5px no-repeat; background-size: auto;  background-size: 18px 18px;  margin-bottom: 25px;}
.list2_iconed ul.list_bullets li{ margin: 0px 0 5px; background: url(images/icons/icon-check.svg) 0 7px no-repeat; background-size: 14px 14px;}


ul.list_iconed { display: flex; justify-content: center;list-style: none; text-align: center; gap:30px; text-transform:uppercase; margin: 60px 0;}
ul.list_iconed i { display: block; color: var(--eco-blue); font-size: 64px; margin-bottom: 5px;}
ul.list_iconed strong { display: block; color: var(--eco-blue); font-size: 24px; line-height: 135%;}
ul.list_iconed li { background: none; margin: 0; font-size: 16px; box-shadow: var(--shadow0);  border-radius: 10px; padding: 15px 0 30px; min-width: 200px}
ul.list_iconed img { margin: 5px}


.heading_promo{ display: flex; justify-content: center; gap:45px; margin-bottom: 45px}
.heading_promo h2{ font-size: 52px; color: var(--eco-green)}
.heading_promo h3{ font-weight: normal; font-size: 20px !important; color: var(--gray-dark);}
.heading_promo h3 strong{ color: var(--eco-blue);}

 .content-custom h2.big_light {  text-align: center; font-size: 42px; font-weight: normal; font-weight: 100; }
 .mb_xl{ margin-bottom: 75px;}
 .mb_sm{ margin-bottom: 30px;}
 h2.big_light span { color: var(--eco-blue);  }
 h2.big_light span span { color: var(--eco-green); }


 .list2_iconed{ display: flex; justify-content: center; gap:30px; position: relative; margin-bottom: 45px;}
 .list2_iconed p{ position: absolute; margin: 0 auto; left: 0; right: 0; margin-top: -30px;  }
 .list2_iconed .btn{ width: 100%; margin-bottom: 15px; background: #fff; text-decoration: none; min-height: 75px; border-radius: 45px; display: flex; align-items: center; justify-content: center; border-color: #fff; box-shadow: var(--shadow0);}
 .list2_iconed .btn-outline-primary:hover{ background:var(--eco-green); border-color:var(--eco-green); }
 .list2_iconed div{ width: 33.3%; text-align: center;}
 .list2_iconed ul{ text-align: left; margin-left: 30px;}

 ._button_section{ text-align: center; }
 ._button_section .btn{ text-decoration: none; margin-bottom: 15px;}

 h2._xl{ font-size:38px; color: var(--eco-blue);}
 h3._xl{ font-size:32px; color: var(--eco-blue);}


._promo_blocks{ text-align: center; padding: 60px 0; border-top: 1px dashed #ccc;}
._promo_blocks ul{ text-align: left;}

._promo_blocks h3{ font-weight: normal;}


._promo_blocks_dark{ padding: 75px 30px 100px; position: relative; margin-bottom: -40px;}
._promo_blocks_dark h2{ color: #fff; margin-bottom: 0}
._promo_blocks_dark::after{ z-index: -1; border-radius: 120px; content: ""; position: absolute; left: 0; right:0; top:0; bottom: 0; background: var(--eco-blue); color:#fff; }
._promo_blocks_dark h2.big_light span { color: #fff  }
._promo_blocks_dark h2.big_light span span { color: #B8EB2B; }


.btn-secondary{ box-shadow: none;}

._m_width_80{ max-width: 80%; margin: 0 auto;}

.btn_collaborate{ margin-top: -20px}

.pdf_link{ max-width: 350px;  margin: 0 auto; margin-bottom: 30px;}
.pdf_link a img{ width: 64px !important; height: 64px !important;}



/* ........................................................................... */
/* ........................................................................... */

._anim_items {}
._anim_no_hide {}

._anim_base{ transition: all 0.8s ease 0s; }
._active ._anim_base,
._active._anim_base{ opacity: 1; transform:translate(0, 0); transform:scale(1);}

._fade_in_x{opacity: 0; transform:translate(0, 50%);}
._fade_in_x__top { opacity: 0; transform:translate(0, -50%);}
._fade_in_zoom { opacity: 0; transform:scale(1.5);}

._delay_01{ transition-delay: 0.1s !important}
._delay_02{ transition-delay: 0.2s !important}
._delay_03{ transition-delay: 0.3s !important}
._delay_04{ transition-delay: 0.4s !important}
._delay_05{ transition-delay: 0.5s !important}
._delay_06{ transition-delay: 0.6s !important}
._delay_07{ transition-delay: 0.7s !important}
._delay_08{ transition-delay: 0.8s !important}
._delay_09{ transition-delay: 0.9s !important}
._delay_10{ transition-delay: 1.0s !important}
._delay_11{ transition-delay: 1.1s !important}
._delay_12{ transition-delay: 1.2s !important}
._delay_13{ transition-delay: 1.3s !important}
._delay_14{ transition-delay: 1.4s !important}
._delay_15{ transition-delay: 1.5s !important}
._delay_16{ transition-delay: 1.6s !important}

/* ........................................................................... */

._slider{ margin-bottom: 45px !important; opacity: 0; height: 460px; border: 5px solid var(--eco-blue); border-radius: 30px; }
._slider.slick-initialized{ opacity: 1; height: auto;}

.slick-initialized .slick-slide{ display: flex !important;}
._slider .row{ padding: 30px;  margin: 0px;}
._slider img,
._slider p:last-child{ margin: 0}
._slider img{ border-radius: 20px;}
._slider img{ width: 100%; height: auto; margin: 0 auto;}
._slider_description,
._slider p{ font-style: italic; margin-bottom: 15px;}
._slider .row{ align-items: center; }
._slider .img_mobile{ display: none;}
.slick-dots{ left: 0; bottom:auto !important; margin-top: 0px !important;}
._slider .row .col:first-child{ padding-left:0 }

._slider .row_16{ text-align: center; flex-direction: column; }
._slider .row_16 .col{ padding: 0;  }
._slider .row_16 img{ margin-bottom: 15px; }

.slick-prev::before,
.slick-next::before{ content: "" !important; width: 20px; height: 36px; display: block; background: url(images/icons/icon-arrow.svg); background-repeat: no-repeat; background-position: center center;  transition: all 0.25s ease-out 0s;}
.slick-next{ transform: rotate(180deg) !important; margin-top: -18px}
.slick-prev,
.slick-next{ width: 20px !important; height: 36px !important;}
.slick-prev:hover::before,
.slick-next:hover::before{ transform: scale(1.3);}
.slick-prev{margin-left: -10px}
.slick-next{margin-right: -10px}

.slick-track{ display: flex !important; align-items: center !important;}


ul.slick-dots li{ background: none; list-style: circle; color: #000; padding:0;}

.set-slider .slick-dots li button:before{
    font-size: 0px;
    color: #000;
    opacity: 0.2;
    position: relative;
    display: block;
    border-radius: 30px;
    width: 10px !important;
    height: 10px !important;
    margin: 0 auto;
    background: #000;
}

.set-slider .slick-dots li.slick-active button:before{
    color: #000;
    opacity: 1;
}



/* ........................................................................... */
/* ........................................................................... */

@media (max-width:1200px)
{

  ._slider img{ display: none !important;}
  ._slider img.img_mobile{ display: block !important; margin-bottom: 15px;}
  ._slider .row{ flex-direction: column;}
  ._slider .row{ text-align: center;}
  ._slider .row .col{ padding: 0}


}


@media (max-width:991px)
{

  .btn_collaborate{ margin-top: -9px;}

  .NAV_MAIN{ margin-top: 0 !important;}

}


@media (max-width:767px)
{

  .content-custom p,
  .content-custom ul{font-size:16px;}
  div.content-txt { font-size: 16px !important; }


  .heading_promo h2._xl,
  .content-custom h1._xxl{ font-size: 42px;}

  h2._xl{ font-size: 36px;}
  h3._xl{ font-size: 28px;}

  .content-custom .big2,
  .heading_promo h3,
  .list_iconed b,
  .content-custom .big{ font-size: 18px !important;}

  .list_iconed li{ font-size: 14px; padding: 15px 20px 30px; min-width: inherit;}

  .list_iconed img{ width: 64px;}

  ._promo_blocks img{ max-width: 250px}

  .heading_promo {flex-direction: column;  text-align: center; gap:15px;}

  .content-custom h2.big_light{ font-size: 26px;}

  .list2_iconed{ gap:5px;}

  .list2_iconed ul{ margin-left: 0; }

  ._img_left{ flex-direction: column;}

  ._base_text_description{ font-size: 15px;}

}


@media (max-width: 576px) {

  /*  */
  .content-txt.my-title h1,
  .content-custom h1{ font-size: 32px}
  .content-custom h2{ font-size: 24px}
  .content-custom h3{ font-size: 18px}
  /* ........................................................................ */


  .heading_promo h2._xl,
  .content-custom h1._xl{ font-size: 42px !important;}

  .heading_promo h2{ font-size: 42px;}


  ul.list_iconed{ flex-direction: column; padding: 0; gap:15px;}
  ul.list_iconed img{ margin-bottom: 0}
  ul.list_iconed li { padding: 5px 20px 15px; }

  .content-custom h2.big_light{ font-size: 24px;}
  .list2_iconed div{ width: auto;}
  .list2_iconed{flex-direction: column; }
  .list2_iconed .strongtn{ min-height: 55px;}

  ._promo_blocks_dark{ margin-bottom: 30px; padding: 75px 30px 75px;}

  h2._xl{ font-size: 32px;}
  h3._xl{ font-size: 24px;}

  .content-custom ul.list_bullets{ padding-left: 0}

  .btn_collaborate{ margin-top: 0px;}

  .content-txt.my-title .content-custom h1{ line-height: 110%}
  .content-custom h1 span.small { margin-top: 10px; line-height: 135%;}


  .slogan h1{ margin-top: -15px; margin-bottom: 20px;}

  /* ......................................................... */
._slider .row{ padding: 15px; /*border: 3px solid var(--eco-blue);*/}
.slick-track{ display: block !important; }


}