@media (min-width: 1200px) {
    .container {
      max-width: 1400px;
      padding: 0 30px;
    }
  }


  .modal-body h2{ font-size: 48px;}

  .NAV_MAIN {right: 0 !important; left: auto; padding: 0 !important; }
  .NAV_MAIN .nav-item { border: none;}
  .NAVS_CONTAINER{ opacity: 1 !important; left: auto !important; background: none; height: auto; position: static; min-width: auto;}

  
  .fullsreen ._title_section h1,
  .fullsreen ._title_section h2{ letter-spacing: -1px;}

  .fullsreen ._title_section h2{ color: #58B9E5; font-size: 62px; font-weight: bold;}

  .btn-shop{ font-size: 22px; font-weight: bold !important;}

  .NAV_MAIN .nav-link{ padding: 3px 10px !important; }

  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }


  .FOOTER p{ font-size: 15px; }
  .FOOTER h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px; }
  .FOOTER ._about_company{ max-width: 450px;  margin: 0 auto; }


  .ALPHABET_cont{ display: none;}

  .eco_visual{ z-index: 3}

  body{ padding: 0;}

  section._base_p{ background: #fff; z-index: 3; position: relative; padding-top:70px; padding-bottom:70px}


  .logo_img img { width: 150px; height: 47px; }

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

  .demo_stars{ margin-top: 30px;}
  /* ........................................................................ */

._eco__background{ margin: 0; background: #fff; padding-top: 70px; padding-bottom: 30px;}
._about_ecoscanner::before{ display: none;}

/*
._text_inverce,
._text_inverce h1,
._text_inverce h2 { color: #fff;}
*/


.page__sustainability ._title_section{ max-width: 900px; }

._title_section{ text-align: center; max-width: 815px; margin: 0 auto;  }
._title_section h1{ font-size: 80px; font-weight: bold; color: #58B9E5;}
._title_section h1 span{ display: block;}
._title_section h1 span.deco{ color: #A6E3FF; display: inline;}
._title_section h1 span.small{ font-size: 75%; color: #A6E3FF;}
._title_section p{ font-size: 20px; margin: 30px 0; font-style: italic;}
._title_section p span{ font-size: 36px; display: block;}

.btn-cta2{ background: #73AD2B; border-color:#73AD2B; font-size: 20px;  }
.btn-cta2 span{ font-weight: 100;}
.btn-cta2:hover{ background: transparent; border-color: #fff; color: #fff;}

/* ..........................................................................*/
.fullsreen{ position: relative; min-height: 60vh; display: flex; flex-direction: column;}
.fullsreen_body{ /*background: rgba(25, 72, 105, 0.6);*/ position: relative; z-index: 3; display: flex; flex: 1 1 auto; justify-content: center; align-items: center; flex-direction: column;}
.page__business .fullsreen_body{ background: rgba(0, 0, 0, 0.5); }
.fullsreen_body .container{ justify-content: center; display: flex;}
.fullsreen_body ._title_section{ z-index: 2;}

.fullsreen_video{ z-index:0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.fullsreen_video{ filter: contrast(1.2);}


/*.fullsreen_shadow{ z-index:1; background: rgba(88, 185, 229, 0.5); mix-blend-mode: darken; position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}*/
/* ..........................................................................*/

a.bg_icon{ transition: all 350ms ease; text-decoration: none;}
a.bg_icon img{ transition: all 350ms ease; }
a.bg_icon:hover{ transform: scale(1.05);}
a.bg_icon:hover img{ transform: scale(0.9);}

.bg_icon{ background: #fff; box-shadow: var(--shadow0); border-radius: 30px; padding: 20px; display: flex; flex-direction: column; text-align: center; justify-content: center; align-content: center; align-items: center;}
.bg_icon p,
.bg_icon span { font-weight: bold; text-transform: uppercase; margin: 0; display: block;}
.bg_icon img { margin: 15px;}
.icon_small{ align-items: flex-start; text-align: center; }
.icon_small .bg_icon{ margin-bottom: 30px; height: 450px; background: #fff; border: 2px solid #58B9E5; margin-top: 75px;}

._align_top{ align-items: flex-start !important;}

._text_bo_bold{ font-weight: 100 !important;}

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

.content-custom ol.list_bullets li {
  margin-top: 15px;
  padding-left: 15px;
  margin-left: 30px;
  margin-bottom: 25px;
}

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

._box_shadowed{ border-bottom: 1px dashed #ddd;}
._box_shadowed .col-9 p:last-child{ margin-bottom: 0;}
._box_shadowed .col-9.my-title{ padding-bottom: 15px;}
._box_shadowed .col-9{ padding-left: 45px;}

/* ..........................................................................*/
.faq-accordion._v2 h3.faq__qstn{background: url(images/icons/icon-check.svg) 15px 21px no-repeat; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; font-weight: normal;}
.faq-accordion._v2 .accordion-elem.active h3.faq__qstn{padding-top: 15px; padding-bottom: 15px; margin-bottom: 0;}
.faq-accordion._v2 .faq__toggle { top: 10px !important; padding: 0; }
.faq-accordion._v2 .accordion-elem.active .faq__qstn {color: var(--eco-green);  }
.faq-accordion._v2 .accordion-elem.active{ padding-bottom: 0}
.faq-accordion._v2 .accordion-elem.active { box-shadow: var(--shadow1); }
.faq-accordion._v2 .accordion-elem.active, .faq-accordion._v2 .accordion-elem.active{ margin-bottom: 15px;}




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

/* menu */
/* ........................................................................ */
.TOP_BAR{  transition: all 350ms ease;}
._inverce.TOP_BAR{ position: absolute; background: transparent;}

.TOP_BAR_cont{ padding: 10px 0}
.scrolled .TOP_BAR_cont{ box-shadow: var(--eco-shadow2); padding: 10px 0;}
.scrolled .logo_img img { width: 105px;  height: 40px; }

.NAV_MAIN .nav-link{ text-transform: uppercase;}

.logo_img .logo_inverce,
._inverce._inv .logo_img img{ display: none;}
._inverce._inv .logo_img img.logo_inverce{ display: block;}

._inverce._inv .main_nav__toggle span,
._inverce._inv .main_nav__toggle span::before,
._inverce._inv .main_nav__toggle span::after{ background-color: #fff;}
._inverce._inv .main_nav__toggle.close-nav span {  background-color: var(--eco-transparent); }

._inverce._inv .dropdown-toggle::after,
._inverce._inv .NAVS .icon-top{ color: #fff}

.short_text_block{ margin: 0 auto; }


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

.or_block{ padding: 20px 0 35px 0; text-align: left !important;}
.or_block ul.list_bullets,
.or_block ul.list_bullets li{ margin: 0px !important}
._or{ font-size: 42px; color: #73AD2B; font-weight: bold; display: flex; align-items: center;}
._or::after,
._or::before{content: ""; border-bottom: 1px dashed #ACCCD3; width: 85px; margin: 0 10px;}

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

section._latest,
.index section._BLOG{ padding-bottom: 100px !important}

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

.max_text_centered{ text-align:center; max-width: 800px; margin: 0 auto;}

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

._inv ._logged{ color: var(--eco-green2);}
._inv.scrolled ._logged{ color: var(--eco-green);}

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

.demo_stars{ width: 230px; height: auto;}

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

.brand_final{ text-align: left; }

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

._buttons_section .btn-STICKER{ font-size: 22px; flex-direction: row;  align-items: center;}
._buttons_section  .btn-shop.btn-STICKER b{ margin-bottom: 0; margin-right: 5px;}



@media (min-width: 1200px) {

._inverce._inv .NAV_MAIN .nav-link:hover{border-color: #fff; color: #fff}

._inverce._inv .NAV_MAIN .nav-link{ border-color: transparent;}
._inverce._inv .NAV_MAIN .nav-link{ color: #fff; transition: none;}

._inverce._inv .NAV_MAIN .nav-link.active,
._inverce._inv .NAV_MAIN .nav-link.active:hover{ color:#19486A;  background: #fff;  border-color: #fff;}

._box_shadowed .col-9 .btn{ display: none;}
}


/* ..........................................................................*/
.un_style{ color: #1E3250; font-family:'Roboto'; text-align: center; max-width: 640px; margin: 0 auto; /*margin-top: 55px;*/ padding: 0 15px;}
.logos_partnership{ padding-top: 55px;}

/* ..........................................................................*/
.landing_block .row{ align-items: center;}
.landing_block._reverce .row{ flex-direction: row-reverse;}
.landing_block._reverce .bg_illustration{ float: right;}

section.bg_accented{ background: #F2FAFC; }
section.bg_accented._v2{ background: #F8FAF6; }
section.bg_accented_inverce{ background: rgba(25, 72, 105, 0.6); color: #fff} /* rgba(63,169,217, 0.7);   */
section.bg_accented_inverce .my-title h2{ color: #fff}
section.bg_accented_inverce .btn-outline-primary { color: var(--eco-white); border: 2px solid var(--eco-white); }
section.bg_accented_inverce .btn-outline-primary:hover { color: var(--eco-white); border: 2px solid var(--eco-green); background: var(--eco-green);}


.landing_block .my-title h2 {font-size: 42px;}
.my-title h2{ color: #536063; letter-spacing: -1px;}
.my-title p i{ font-size: 20px }
.my-title h2,
.my-title p{ margin-bottom: 20px}

.bg_illustration{ background-image: url('images/_new_design/bg_illustration.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 558px; height: 558px;}
.bg_accented .bg_illustration{ background-image: url('images/_new_design/bg_illustration_inverce.svg');}
.bg_accented_inverce .bg_illustration{ background-image: url('images/_new_design/bg_illustration_inverce_2.svg');}
.bg_illustration img{ width: 100%; height: 100%;}



.logos_caroucel{ padding: 10px 0 0 0; background: #fff; z-index: 3; position: relative;}
.logos_caroucel._internal{ padding: 70px 0;}
.logos_caroucel._internal p{ margin-top: 0}
.logos_caroucel._internal .set-slider._brands_logos._list li{ margin-bottom: 0}

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

.page_about ._slider p, ._slider_description{ font-size: 16px; line-height: 160%;}
.page_about ._slider .slick-dots{ padding-top: 20px}

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

.iframe_stats{ border: 1px solid #fff; overflow: hidden;}

.iframe_stats._v2{ margin-bottom: 200px}
.iframe_stats._v2 iframe{width: 103%; height: 360px; margin:-17px -1.5% -215px;}
.iframe_stats iframe{width: 103%; height: 360px; margin:-127px -1.5% -15px;}

.iframe_design { position: relative; box-shadow: var(--shadow1); border-radius: 15px; padding: 20px; margin-bottom: 45px;}
.iframe_design .my-title {  text-align: center; max-width: 680px; left:0; right: 0; /*top:70px;  margin: 0 auto;*/ margin: auto; position: absolute; /*top: 0; bottom: 0;*/ top: 110px; display: flex; flex-direction: column; justify-content: center; padding-bottom: 0}
.iframe_design .my-title p{ margin-bottom: 0; /*50px*/}
.iframe_design .my-title .no_mb{ margin-bottom: 0px}

.iframe_design .my-title span{ display: block; color:#FFC94D; text-transform: uppercase; font-weight: bold; font-size: 80px}
.iframe_design .my-title span span{ display: inline-block; color: #CC2500;}

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

.set-slider {transition: opacity .6s ease-in-out !important; opacity: 0;}
.slick-initialized.set-slider { opacity: 1 !important; max-height: unset; }
.logos_caroucel{ overflow: hidden;}
._brands_logos .slick-list{ overflow: visible;  }
.set-slider._brands_logos._list{ padding: 0; margin-top: 20px;}
.set-slider._brands_logos._list li{ margin: 0 7px 30px 7px;  display: flex !important;  justify-content: center;}

/*
.set-slider._brands_logos._list .logo_size_md { width: 150px; height: 150px}
.set-slider._brands_logos._list li {  margin: 20px !important; width: 135px !important; }

/* ..........................................................................*/
section._BLOG{ background: #F8FAF6;}

._title a { color: var(--eco-blue2); }
a:hover { color: var(--eco-blue);}

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

.FOOTER{ background: #fff; color: inherit; border:0; z-index: 3; position: relative; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);}
.FOOTER a{  color: inherit;}
.FOOTER a:hover{  color: var(--eco-blue2);}

.FOOTER .logo_ecoscanner{ text-align: center; margin-right: 0}
.FOOTER .logo_ecoscanner p{ right: auto;}

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

.link_next{ padding: 20px; display: inline-block;}
.bg_accented_inverce .link_next{ color: #DCFFB1}

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

.btn.btn-facebook,
.btn.btn-google{ text-transform: none; margin: 5px 0; padding-top: 4px; padding-bottom: 4px; width: auto; padding-left: 10px; border-radius: 7px; min-width: 283px; text-align: left;}
.btn-google i,
.btn-facebook i{ display: inline-block; vertical-align: inherit; background: #fff url(images/_new_design/social/icon-facebook.svg) center center no-repeat; width: 42px; height: 42px; margin-right: 10px; border-radius: 15px;}
.btn-google i{ background-image: url(images/_new_design/social/icon-google.svg); }

.btn-google span,
.btn-facebook span{ display: inline-block; vertical-align: middle;}

.btn.btn-facebook{color: #0866FF; border: 1px solid #0866FF; background: #fff;}
.btn.btn-google{color: #747775; border: 1px solid #747775; background: #fff;}

.btn.btn-facebook:hover{ background:#fff; color: #0866FF; border: 1px solid #0866FF;}
.btn.btn-google:hover{ background:#fff; color: #747775; border: 1px solid #747775;}

._or_email span{  position: relative; background: #fff; top: -15px; padding: 0 10px}
._or_email{ margin-bottom: 0px;}
h2.h2_small{ font-size: 24px; margin-bottom: 5px;}

._error{ color: #ff0000; }

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

.btn-shop{ background: var(--eco-green); color: #fff; border-color: var(--eco-green); font-weight: normal; text-transform: none; line-height: 120%; min-width: 200px; transition: all 300ms ease;}
.btn-shop b,
._buttons_section .btn-shop b {text-transform: uppercase; font-size: 22px; display: block; margin-bottom: 3px;}

.btn-shop:hover{ background: var(--eco-green); box-shadow: var(--eco-shadow2); border-color: #519000; transform: scale(1.1);}
._buttons_section .btn-shop:hover{ transform: scale(1.04);}

/* ..........................................................................*/
.rate_colored { color: inherit; }
.rate_bg_ { background-color: var(--eco-blue2); }
._shadow_new{ box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.15);}


/* ..........................................................................*/
.rating:not(.disabled):hover p.cur_rating { color: inherit;  }


/* ..........................................................................*/
.cta_block_parent{ position: relative; max-height: 400px; overflow: hidden; padding: 10px}
.cta_block_parent ._cta_block_v2{
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gr_animation div span { color:#fff; font-size: 16px;}


/*
.scoring_bg_1{ background-color: #D30000 !important;}
.scoring_bg_2{ background-color: #FFB601 !important;}
.scoring_bg_3{ background-color: #E4D874 !important;}
.scoring_bg_4{ background-color: #B2CB16 !important;}
.scoring_bg_5{ background-color: #73AD2B !important;}

.scoring_bg_1,
.scoring_bg_2,
.scoring_bg_3,
.scoring_bg_4,
.scoring_bg_5{ padding: 1px 4px; border-radius: 5px;}
*/

.gr_text { font-size: 15px; }

.content-custom h2 { font-size: 28px; color: var(--gray-dark);}
.content-custom ul li li { margin-top: 10px; margin-bottom: 10px;}
.overflow-scroll{ overflow-x: scroll;}
.overflow-scroll .table{ font-size: 90%;}




@media (max-width: 1200px) {

/* mobile menu */
.main_nav__toggle { display: block; }

.NAV_ACCOUNT { margin-right: 35px; }

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

/*
.NAVS_CONTAINER{ opacity: 0; left: -240px; position: fixed; z-index: 10; top:0;  background: var(--eco-white); height: 100vh; min-width: 200px;}
.NAVS_CONTAINER.showed{ opacity: 1; left:0px }

.NAVS_CONTAINER .NAV_TOP{ position: relative;}
.NAVS_CONTAINER .nav{ flex-direction: column;}
*/

/*
.NAV_TOP,
.NAV_MAIN{ padding: 10px; font-size: 15px}
.NAV_MAIN .nav-item{ padding: 2px 0; border-bottom:1px solid var(--eco-gray5);}
.NAV_MAIN .nav-link,
.NAV_TOP_LINKS .nav-link:focus,
.NAV_TOP_LINKS .nav-link{ padding: 5px 10px; display: block; margin: 0;}
.NAV_TOP .container{ padding: 0px}
.NAV_TOP_LINKS a{ margin: 0}
.NAV_TOP_LINKS .nav-item{ margin: 2px 0}

/* ................................................................... */
 .bg_illustration { width: 430px; height: 430px;}
 .landing_block .row{ align-items: flex-start;}

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

 .iframe_stats._v2 iframe{width: 104%; height: 360px; margin:-17px -2% -215px;}
 .iframe_stats iframe{width: 104%; height: 360px; margin:-127px -2% -15px;}

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

 .id_solutions .col{ width: 50%; flex: auto; margin-bottom: 30px;}

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

 ._box_shadowed .col-3{ width: 33.3%}
 ._box_shadowed .col-9{ width: 66.6%}

}



@media (max-width: 992px) {

  .landing_block .row .col-6,
  .landing_block .row .col-10  { width: 100%; text-align: center;}
  .landing_block .row .col-6 .bg_illustration{ margin: 0 auto; margin-bottom: 30px; float: none;}
  .bg_illustration { width: 350px; height: 350px; }

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

   .iframe_stats._v2 iframe{width: 105%; height: 360px; margin:-17px -2.5% -215px;}
   .iframe_stats iframe{width: 105%; height: 360px; margin:-127px -2.5% -15px;}
   .iframe_design{ box-shadow: none; padding: 0}
   .iframe_stats._v2{ margin-bottom: 200px}
   .iframe_design .my-title{ /*top: 120px;*/}


  /* ................................................................... */
   .or_block{ margin: 0 auto; display: inline-block;}
   .or_block ul.list_bullets{ padding: 0}

   .video_sustainability{ margin-bottom: 30px;}

   .FOOTER .logo_ecoscanner{ margin: 0 auto;}


   .landing_block .list_bullets{ text-align: left;}


   ._box_shadowed .col-3,
   ._box_shadowed .col-9{ width: 100%}
   /*._box_shadowed .col-3 .btn{ display: none;}
   ._box_shadowed .col-9 .btn{ display: block;}*/
   ._box_shadowed .col-3.icon_small .bg_icon{ height: auto; margin-top: 0}

   /* --------------------------------------------------------- */

   ._align_top{ flex-direction: column-reverse;}

   /* --------------------------------------------------------- */

   ._box_shadowed .col-9{ padding-left: 15px;}


   ._brand_header { text-align: center; }
   ._brand_header ._brand_logo,
   ._brand_header .my-title { margin-bottom: 15px; }
   ._brand_header .col-xs-12, .visit-site-block { width: 100%; }
   ._brand_header ._flex { display: block; }

 .overflow-scroll{ margin-right: -10px;  margin-left: -10px;}
 .overflow-scroll .table{ width: 700px; margin-left: 10px;}


 .FOOTER{ text-align: center; }



}


@media (max-width: 768px) {
  ._title_section h1{ font-size:62px; }
    .fullsreen ._title_section h2{ font-size:42px; }

  .btn-cta2,
  ._title_section p{ font-size: 18px;}


  .un_style{ margin-top: 20px; font-size: 16px;}
  .logos_partnership{ padding-top: 35px;}


  .landing_block .my-title h2{ font-size: 32px;}

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

  .iframe_stats._v2 iframe{width: 107%; height: 360px; margin:-17px -3.5% -215px;}
  .iframe_stats iframe{width: 107%; height: 360px; margin:-127px -3.5% -15px;}
  .iframe_design .my-title span{ font-size: 60px;}
  .iframe_design .my-title { /*top: 150px;*/}

/*
  .set-slider._brands_logos._list .logo_size_md { width: 120px; height: 120px}
  .set-slider._brands_logos._list li {  margin: 20px !important; width: 100px !important; }
*/

   ._box_shadowed .col-3.icon_small .bg_icon img{ width: 35%}


   .id_solutions .row{ align-items: stretch;}
   .id_solutions .col{ /*width: 100%;*/ margin-bottom: 15px; align-items: stretch; display: flex; padding: 0 5px;}
   .id_solutions .bg_icon { justify-content: flex-start; }

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


}


@media (max-width: 576px){
  .index { padding: 0; }

  ._title_section h1 span.deco{ display: block;}

  .scrolled .TOP_BAR_cont{ padding: 7px 0;}
  .scrolled .logo_img img{ height: 35px;}


  ._eco__background{ padding-top: 30px;}

  .landing_block .my-title h2{ font-size: 28px;}

  .bg_illustration { width: 210px; height: 210px; }

  section._base_p{ padding: 45px 0 20px}
  section._base_p._BLOG { padding-bottom: 45px;}

  ._base_p.container { padding: 0 15px; }
  ._base_p._directory { padding-top: 50px; }


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

  .iframe_stats._v2 iframe{width: 110%; height: 360px; margin:-17px -5% -215px;}
  .iframe_stats iframe{width: 110%; height: 360px; margin:-127px -5% -15px;}
  section._stats_block{ padding: 30px 0 50px; }
  section._stats_block .col-8{ width: 100%;}
  .iframe_design .my-title{ /*top: 120px;*/}
  .iframe_design .my-title p{ padding: 0 45px;}


  .logos_caroucel._internal{ padding: 45px 0}


  .video_economist { height: 215px !important}

  ._title_section p span{ font-size: 26px;}


  .demo_stars{ width: 150px; height: auto; }


  .link_next{ display: block;}


  .id_solutions .row .row{ padding: 0 3px;}
  .id_solutions .col a.bg_icon img{ width: 40%;}
  .id_solutions .bg_icon span{ font-size: 14px; font-weight: normal;}
  .id_solutions .col a.bg_icon img { width: 60%; }


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

  .faq-accordion._v2 .accordion-elem.active h3.faq__qstn{ font-size: 18px !important}


  .fullsreen_body ._title_section p { padding: 0 10px; font-size: 17px;}
  .fullsreen_body ._title_section h1  { font-size: 52px; }
  .fullsreen_body ._title_section h1 span.small { margin-top: 5px; }


  .my-title h2{ letter-spacing: 0px}


  ol, ul { padding-left: 1rem;}


  ._brand_header ._brand_logo{ margin-top: -20px;}



  ._button_block .btn-shop{ display: none;}

  .gr_animation div span { font-size: 14px;}

  .gr_text { font-size: 10px; }


}