/* teck 22 */

/* global variables */

:root {
    /* colors */
    
    /* blue */
    --blue: #000F7B;
    --light-blue: #8ED6F6;
    --light-blue-2: #F4FCFF;
    --medium-blue-1: #0065BD;
    --medium-blue-2: #008CFF;
    --blue-grey: #377283;
    
    /* purple */
    --purple: #2D004A;
    --light-purple-1: #CCCFE4;
    
    /* black - white */
    --black: #000000;
    --black-dark: #161616;
    --black-medium: #2F2F2F;
    --grey: #E5E5E5;
    --light-grey-1: #F1F1F1;
    --light-grey-2: #FFFCFC;
    --light-grey-3: #888888;
    --light-grey-4: #E0E2E2;
    --light-grey-5: #E7E7E7;
    --light-grey-6: #c4c4c4;
    --light-grey-7: #f3f3f3;
    --dark-grey-1: #565656;
    --dark-grey-2: #474747;
    --transparent: transparent;
    --white: #ffffff;
    
    /* green */
    --green-1: #009A9C;
    --green-2: #00BA72;
    --light-green: #00D7AD;
    --primary: var(--blue);
    --secondary: var(--blue-grey);
    
    /* red */
    --red: #ff0000;
}


/* typography */

/* 
    font - "Lota Grotesque" 
    font-weight - 300: light, 400: regular, 600: medium, 700: bold
*/

@font-face { font-family:'Lota';font-weight:300;src:url('/media/lotagrotesque-light-webfont.woff');font-display:swap; }
@font-face { font-family:'Lota';font-weight:400;src:url('/media/lotagrotesque-regular-webfont.woff');font-display:swap; }
@font-face { font-family:'Lota';font-weight:600;src:url('/media/lotagrotesque-semibold-webfont.woff');font-display:swap; }
@font-face { font-family:'Lota';font-weight:700;src:url('/media/lotagrotesque-bold-webfont.woff');font-display:swap; }

/* icons-teck */
@font-face {
    font-family: 'icons-teck';
    src: url("/media/icons-teck.eot?4ilrkd");
    src: url("/media/icons-teck.eot?4ilrkd#iefix") format("embedded-opentype"), url("/media/icons-teck.ttf?4ilrkd") format("truetype"), url("/media/icons-teck.woff?4ilrkd") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons-teck' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-EV_battery_icon_black:before {
    content: "\e939";
  }  
.icon-our_products_icon:before {
  content: "\e90e";
}

.icon-power_grids_icon:before {
  content: "\e90f";
}

.icon-proven_technology_icon:before {
  content: "\e910";
}

.icon-rapid_transit_icon:before {
  content: "\e911";
}

.icon-resiliency_icon:before {
  content: "\e912";
}

.icon-solar_icon:before {
  content: "\e916";
}

.icon-wind_icon:before {
  content: "\e927";
}

.icon-accelerators_icon:before {
  content: "\e92c";
}

.icon-advocacy_icon:before {
  content: "\e933";
}

.icon-blast_furnace_icon:before {
  content: "\e934";
}

.icon-decarbonization_icon:before {
  content: "\e935";
}

.icon-EV_charging_icon:before {
  content: "\e936";
}

.icon-fastest_path_icon:before {
  content: "\e938";
}
.icon-schedule:before {
  content: "\e928";
}
.icon-lightning:before {
  content: "\e92d";
}
.icon-start:before {
  content: "\e930";
}
.icon-tree:before {
  content: "\e94d";
}
.icon-check:before {
  content: "\e950";
}
.icon-analyst:before {
  content: "\e951";
}
.icon-presentation:before {
  content: "\e952";
}
.icon-equipment:before {
  content: "\e953";
}
.icon-engineering:before {
  content: "\e955";
}
.icon-trades:before {
  content: "\e956";
}
.icon-learn:before {
  content: "\e957";
}
.icon-communication-chat:before {
  content: "\e958";
}
.icon-dump-truck:before {
  content: "\e959";
}
.icon-communities-health:before {
  content: "\e95a";
}
.icon-employee:before {
  content: "\e95b";
}
.icon-prevention:before {
  content: "\e95c";
}
.icon-family-circle:before {
  content: "\e95d";
}
.icon-learning-circle:before {
  content: "\e95e";
}
.icon-health-circle:before {
  content: "\e95f";
}
.icon-competitive-graphic:before {
  content: "\e960";
}
.icon-water:before {
  content: "\e961";
}
.icon-air:before {
  content: "\e914";
}
.icon-puzzle:before {
  content: "\e90d";
}
.icon-hands:before {
  content: "\e94e";
}
.icon-waves:before {
  content: "\e94f";
}
.icon-hands1:before {
  content: "\e972";
}
.icon-zinc:before {
  content: "\e948";
}
.icon-horn:before {
  content: "\e949";
}
.icon-wheat:before {
  content: "\e94a";
}
.icon-bowl:before {
  content: "\e94b";
}
.icon-zinc-bottle:before {
  content: "\e94c";
}
.icon-plane:before {
  content: "\e944";
}
.icon-money:before {
  content: "\e945";
}
.icon-forest:before {
  content: "\e946";
}
.icon-doctor:before {
  content: "\e947";
}
.icon-doble-arrow:before {
  content: "\e943";
}
.icon-race1:before {
  content: "\e942";
}
.icon-geoscience-tool:before {
  content: "\e937";
}
.icon-environment:before {
  content: "\e93a";
}
.icon-wifi:before {
  content: "\e932";
}
.icon-machine:before {
  content: "\e91e";
}
.icon-plus-health:before {
  content: "\e91f";
}
.icon-stonks-up:before {
  content: "\e920";
}
.icon-building:before {
  content: "\e921";
}
.icon-tool:before {
  content: "\e922";
}
.icon-geoscience:before {
  content: "\e923";
}
.icon-news:before {
  content: "\e924";
}
.icon-reports:before {
  content: "\e925";
}
.icon-download-alt:before {
  content: "\e926";
}
.icon-book:before {
  content: "\e929";
}
.icon-governance:before {
  content: "\e92a";
}
.icon-leaves:before {
  content: "\e92b";
}
.icon-race21:before {
  content: "\e92e";
}
.icon-chain:before {
  content: "\e92f";
}
.icon-learning:before {
  content: "\e931";
}
.icon-close:before {
  content: "\e91d";
}
.icon-down:before {
  content: "\e91c";
}
.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-up:before {
  content: "\e901";
}
.icon-play:before {
  content: "\e902";
}
.icon-download:before {
  content: "\e903";
}
.icon-arrow-right:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e905";
}
.icon-youtube:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-twitter:before {
  content: "\e908";
}
.icon-linkedin:before {
  content: "\e909";
}
.icon-search:before {
  content: "\e90a";
}
.icon-world:before {
  content: "\e90b";
}
.icon-camp:before {
  content: "\e90c";
}
.icon-settings:before {
  content: "\e913";
}
.icon-communities:before {
  content: "\e915";
}
.icon-people:before {
  content: "\e917";
}
.icon-health:before {
  content: "\e918";
}
.icon-cycle:before {
  content: "\e919";
}
.icon-sun:before {
  content: "\e91a";
}
.icon-leaf:before {
  content: "\e91b";
}

body { font-family:"Lota",sans-serif;font-size:1rem;/* 16px */color: var(--black-medium); }

/*primary title*/
.h1, h1 {
  font-size: 4.063rem; /*65px*/
  line-height: 4.688rem;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .h1, h1 {
    font-size: 50px;
    line-height: 60px;
  }
}

/*secondary title*/
.h2, h2 {
  font-size: 3rem; /*48px*/
  line-height: 3.125rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

.h2 span, h2 span {
  /* title variants */
  font-size: 2.4375rem; /*39px*/
  line-height: 3.188rem;
  width: 100%;
  display: grid;
  font-weight: 400;
  text-transform: uppercase;
}

h2.text-blue span { color:var(--blue-grey); }

@media (max-width: 1199px) {
  .h2 span, h2 span {
    font-size: 1.75rem; /*28px*/
    line-height: 40px;
  }
}

@media (max-width: 1199px) {
  .h2, h2 {
    font-size: 2.25rem;
    line-height: 40px;
  }
}

@media (max-width: 767px) { 
    h2,.h2 { font-size:1.875rem; /*30px*/ }    
}

/*tertiary title*/
.h3, h3 {
  font-size: 2.4375rem; /*39px*/
  line-height: 51px;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}

@media (max-width: 1199px) {
  .h3, h3 {
    font-size: 1.5rem;
    line-height: 32px;
  }
}

/*quaternary title*/
.h4, h4 {
  font-size: 1.9375rem; /*31px*/
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .h4, h4 {
    font-size: 1.5rem;
    line-height: 32px;
  }
}

.h5, h5 { color:var(--black-medium);font-size:1rem; }
 
.display-1 { font-size:clamp(4rem, 10vw, 9rem); /* 9rem = 144px */ }

.mw-0 { max-width:none !important; }
.text-transform-none { text-transform:none !important; }
.with-decoration:after {
  display: block;
  width: 77px;
  height: 2px;
  margin-top: 18px;
  margin-bottom: 35px;
  background-color: var(--blue);
  content: '';
}

/* paragraph */

.p,p {
    margin-bottom: 0;
    font-weight: 400;
}

p + p { margin-top:1rem; }

.p {
  color: var(--black-medium);
  margin-bottom: 0;
  line-height: 30px;
  font-weight: 400;
}

.p--big {
    /*paragraph big*/
    font-size: 25px;
    line-height: 35px;
}

@media (max-width: 1199px) {
  .p--big {
    font-size: 20px;
    line-height: 30px;
  }
}

.p--medium {
    /*paragraph medium*/
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 1199px) {
  .p--medium {
    font-size: 18px;
    line-height: 22px;
  }
}

.p--small {
    /*paragraph small*/
    font-size: 1rem; /*16px*/
    line-height: 22px;
}

@media (max-width: 1199px) {
  .p--small {
    font-size: 14px;
  }
}

.p--tiny {
  /*paragraph tiny*/
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 1199px) {
  .p--tiny {
    font-size: 12px;
  }
}

/* link */

a,a:hover { color:var(--black-medium); }

/* color classes */

/* blue */
.text-blue { color: var(--primary); }
.text-light-blue { color: var(--light-blue); }
.text-medium-blue-1 { color: var(--medium-blue-1); }
.text-medium-blue-2 { color: var(--medium-blue-2); }
.text-blue-grey { color: var(--blue-grey); }

/* purple */
.text-purple { color: var(--purple); }

/* black - white*/
.text-black-medium { color: var(--black-medium); }
.text-black-dark { color: var(--black-dark); }
.text-grey { color: var(--grey); }
.text-white, .text-white a { color: var(--white); }

/* green */
.text-green-1 { color: var(--green-1); }
.text-green-2 { color: var(--green-2); }
.text-light-green { color: var(--light-green); }

/* background color classes */
.bg-blue { background-color: var(--primary); }
.bg-blue-grey { background-color: var(--blue-grey); }
.bg-light-blue { background-color:var(--light-blue); }
.bg-black-medium { background-color: var(--black-medium); }
.bg-black-dark { background-color: var(--black-dark); }
.bg-medium-blue-1 { background-color: var(--medium-blue-1); }
.bg-green-1 { background-color: var(--green-1); }
.bg-green-2 { background-color: var(--green-2); }
.bg-white { background-color: var(--white); }
.bg-grey { background-color: var(--light-grey-7);}
.bg-light-grey-7 { background-color: var(--light-grey-7); }

/* buttons */

/* primary button */
.btn-primary {
    color: var(--white);
    background: var(--transparent);
    min-height: 3.3125rem;
    width: auto;
    max-width: 20.125rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    /*text-transform: lowercase;*/
    border: 1px solid var(--white);
    border-radius: 2px;
    letter-spacing: calc(16px*.1);
}

.btn-primary::after {
    background-color: var(--transparent);
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    width: 0%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.btn-primary span::first-letter {
    text-transform: uppercase;
}

.btn-primary:focus {
    outline: none;
}

.btn-primary.disabled {
    background: var(--black-dark);
    color: var(--white);
    pointer-events: none;
    -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-primary:hover,
.btn-primary.active {
    color: var(--primary);
    border: 1px solid var(--primary);
    -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-primary:hover::after,
.btn-primary.active::after {
    opacity: 1;
    width: 140%;
    background: var(--white);
}

.btn-primary:hover span,
.btn-primary.active span {
    z-index: 1;
}

/* secondary button */
.btn-secondary {
    color: var(--primary);
    background: var(--transparent);
    min-height: 3.3125rem;
    width: auto;
    max-width: 22rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    /*text-transform: lowercase;*/
    border: 1px solid var(--primary);
    border-radius: 2px;
    letter-spacing: calc(16px*.1);
}

.btn-secondary::after {
    background-color: var(--transparent);
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    width: 0%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.btn-secondary span::first-letter {
    text-transform: uppercase;
}

.btn-secondary:focus {
    outline: none;
}

.btn-secondary.disabled {
    background: var(--black-dark);
    color: var(--white);
    pointer-events: none;
    -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-secondary:hover,
.btn-secondary.active {
    color: var(--white);
    border: 1px solid var(--primary);
    -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-secondary:hover::after,
.btn-secondary.active::after {
    opacity: 1;
    width: 140%;
    background: var(--primary);
}

.btn-secondary:hover span,
.btn-secondary.active span {
    z-index: 1;
}

/*tertiary button*/
.btn-tertiary {
  color: var(--white);
  background: var(--primary);
  /* change from height to min height to allow for more vetical space esp. in spanish */
  min-height: 3.3125rem;
  width: auto;
  max-width: 20.125rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  text-transform: lowercase;
  border: 1px solid var(--primary);
  border-radius: 2px;
  letter-spacing: calc(16px*.1);
}

.btn-tertiary::after {
  background-color: var(--transparent);
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}

.btn-tertiary span::first-letter {
  text-transform: uppercase;
}

.btn-tertiary:focus {
  outline: none;
}

.btn-tertiary.disabled {
  background: var(--black-dark);
  color: var(--white);
  pointer-events: none;
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-tertiary:hover,.btn-tertiary.active {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: var(--primary);
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-tertiary:hover::after, .btn-tertiary.active::after {
  opacity: 1;
  width: 140%;
  background: var(--white);
}

.btn-tertiary:hover span, .btn-tertiary.active span {
  z-index: 1;
}

.btn-tertiary [class^=icon-] {
  vertical-align: top;
  padding-left: 8px;
  line-height: 24px;
  color: var(--light-blue);
}

/* link */
.btn-link {
    color: var(--primary);
    font-size: 1.125rem;
    margin-bottom: 0;
    text-decoration: none;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: calc(18px*.04);
    background:transparent;
    border:0;
    border-radius:0;
    border-bottom:3px solid var(--transparent);
    transition:border .25s ease;
}

.btn-link span {
    color: var(--light-blue);
}

.btn-link:hover {
    color: var(--primary);
    text-decoration: none;
    border-bottom:3px solid var(--black-medium); 
}

.info .btn-link:hover { border-color:var(--transparent); }

.btn-link.text-white:hover { border-color:var(--white); }

.btn-link--news {
  font-size: 14px;
  line-height: 18px;
  /*height: 24px;*/
  padding:0.188rem 0;
  margin-right:1rem;
}

/*download link*/
.btn-download {
  color: var(--blue-grey);
  background: var(--transparent);
  height: 3.3125rem;
  width: auto;
  max-width: 20.125rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-transform: lowercase;
  border: 1px solid var(--transparent);
  border-radius: 3px 3px 0px 0px;
  padding: 0 9px;
  height: 28px;
  line-height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-download::after {
  background-color: var(--transparent);
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}

.btn-download span::first-letter {
  text-transform: uppercase;
}

.btn-download:focus {
  outline: none;
}

.btn-download.disabled {
  background: var(--black-dark);
  color: var(--white);
  pointer-events: none;
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.btn-download--white {
  color: var(--white);
}

.btn-download .share {
  font-size: 10px;
}

.btn-download .download {
  font-size: 14px;
}

.btn-download .text-btn {
  padding-top: 2px;
}

.btn-download:hover, .btn-download.show {
  color: var(--medium-blue-1);
  border: 1px solid var(--medium-blue-1);
}

.btn-download:hover::after, .btn-download.show::after {
  opacity: 1;
  width: 140%;
  background: var(--medium-blue-1);
}

.btn-download:hover span, .btn-download.show span {
  z-index: 1;
  color: var(--white);
}

.btn-download--green {
  color: var(--white);
  background: var(--green-1);
  border-radius: 0.188rem;
}

.btn-download--green .icon-down {
  font-size: 0.438rem;
}

.btn-download .text-btn {
  padding-top: 2px;
}

/* primary button arrow */
.arrow-swiper {
    font-size: 33px;
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
    display: inline-block;
    border: none;
    padding: 0;
}

.arrow-swiper:hover {
    color: var(--primary);
    text-decoration: none;
}

/* badge */

.badge {
    border-radius: 3px;
    width: initial;
    height: 17px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: white;
    font-weight: 400;
    padding: 2px 6px;
    font-size: 0.75rem;
    text-transform: uppercase;
    line-height: 11px;
    letter-spacing: calc(12px*0.05);
}

.badge+.badge { margin-left:10px; }
.badge-blue { border: 1px solid var(--primary);color:var(--primary); }
.badge-light-blue { border: 1px solid var(--light-blue);color:var(--light-blue); }
.badge-medium-blue-1 { border: 1px solid var(--medium-blue-1);color:var(--medium-blue-1); }
.badge-medium-blue-2 { border: 1px solid var(--medium-blue-2);color:var(--medium-blue-2); }
.badge-blue-grey { border: 1px solid var(--blue-grey);color:var(--blue-grey); }
.badge-green-1 { border: 1px solid var(--green-1);color:var(--green-1); }
.badge-green-2 { border: 1px solid var(--green-2);color:var(--green-2); }
.badge-light-green { border: 1px solid var(--light-green);color:var(--light-green); }
/* responsibility categories */
/* TODO: correct here with reaaal data */
.badge.people { border: 1px solid var(--green-1);color:var(--green-1); }
.badge.water { border: 1px solid var(--light-blue);color:var(--light-blue); }
.badge.community { border: 1px solid var(--medium-blue-2);color:var(--medium-blue-2); }
.badge.air { border: 1px solid var(--blue-grey);color:var(--blue-grey); }
.badge.awards { border: 1px solid var(--medium-blue-1);color:var(--medium-blue-1); }
.badge.biodiversity { border: 1px solid var(--green-2);color:var(--green-2); }
.badge.energy { border: 1px solid var(--light-green);color:var(--light-green); }
.badge.responsible-production { border: 1px solid var(--black-medium);color:var(--black-medium); }
.badge.material { border: 1px solid var(--purple);color:var(--purple); }
.badge.innovation-and-technology1 { border: 1px solid var(--dark-grey-1);color:var(--dark-grey-1); }

/* form */

/*primary label*/
.form-label {
	font-size: 1.25rem;
	line-height: 30px;
	margin-bottom: 0;
	font-weight: 400;
}

/*primary input*/
.form-control {
	width: 100%;
	height: 36px;
	background: var(--transparent);
	outline: none;
	padding: 16px;
	font-size: 1rem;
	color: var(--black-medium);
	border-radius: 4px;
	border: 1px solid var(--black-medium);
}

.form-control:focus {
	background: var(--transparent);
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--black-medium);
	border: 1px solid var(--black-medium);
}

.form-control::-webkit-input-placeholder {
	color: var(--black-medium);
	opacity: 0.5;
	/* Firefox */
}

.form-control::-moz-placeholder {
	color: var(--black-medium);
	opacity: 0.5;
	/* Firefox */
}

.form-control::placeholder {
	color: var(--black-medium);
	opacity: 0.5;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--black-medium);
	opacity: 0.5;
}

/*error input*/

.error { color:red; }

/*primary textarea*/

.textarea-primary {
	width: 100%;
	height: 15rem;
	background: var(--transparent);
	outline: none;
	padding: 16px;
	font-size: 1rem;
	color: var(--black-medium);
	border-radius: 4px;
	border: 1px solid var(--black-medium);
	min-height: 6.125rem;
	max-height: 20rem;
}

.textarea-primary:focus {
	background: var(--transparent);
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--black-medium);
	border: 1px solid var(--black-medium);
}

.textarea-primary::-webkit-input-placeholder {
	color: var(--black-medium);
	opacity: 0.5;
	/* Firefox */
}

.textarea-primary::-moz-placeholder {
	color: var(--black-medium);
	opacity:  0.5;
	/* Firefox */
}

.textarea-primary:-ms-input-placeholder {
	color: var(--black-medium);
	opacity:  0.5;
	/* Firefox */
}

.textarea-primary::-ms-input-placeholder {
	color: var(--black-medium);
	opacity:  0.5;
	/* Firefox */
}

.textarea-primary::placeholder {
	color: var(--black-medium);
	opacity:  0.5;
	/* Firefox */
}

.textarea-primary:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--black-medium);
}

.textarea-primary::-ms-input-placeholder {
	/* Microsoft Edge */
	color: var(--black-medium);
}

/*secondary textarea*/
.textarea-secondary {
  width: 100%;
  height: 15rem;
  background: var(--transparent);
  outline: none;
  padding: 16px;
  font-size: 1rem;
  color: var(--black-medium);
  border-radius: 4px;
  border: 1px solid var(--black-medium);
  min-height: 92px;
  max-height: 92px;
}
.textarea-secondary:focus {
  background: var(--transparent);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--black-medium);
  border: 1px solid var(--black-medium);
}
.textarea-secondary::-webkit-input-placeholder {
  color: var(--black-medium);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary::-moz-placeholder {
  color: var(--black-medium);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary:-ms-input-placeholder {
  color: var(--black-medium);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary::-ms-input-placeholder {
  color: var(--black-medium);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary::placeholder {
  color: var(--black-medium);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--black-medium);
}
.textarea-secondary::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--black-medium);
}
.textarea-secondary::-webkit-input-placeholder {
  color: var(--blue-grey);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary::-moz-placeholder {
  color: var(--blue-grey);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary::placeholder {
  color: var(--blue-grey);
  opacity: 0.5;
  /* Firefox */
}
.textarea-secondary:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--blue-grey);
}
.textarea-secondary::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--blue-grey);
}

/*Dropdown download*/
.dropdown-download {
    -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
    box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
    /*border-bottom: 1px solid var(--transparent);*/
    border:0;
    border-radius: 0px 0px 7px 7px;
    padding: 0 15px;
    background-color: var(--light-grey-2);
}

.dropdown-download li .dropdown-item {
    color: var(--blue-grey);
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 18px;
    font-weight: 300;
    /* requested to remove */
    /*text-transform: lowercase;*/
    border-bottom: 1px solid var(--light-grey-1);
    padding: 6px 0;
}

.dropdown-download li .dropdown-item::first-letter {
    text-transform: uppercase;
}

.dropdown-download li .dropdown-item:hover {
    background-color: var(--transparent);
    color: var(--primary);
}

.dropdown-download li:last-of-type .dropdown-item {
    border: none;
}

/* tabs */

.tabs-primary {
  border: none;
}

.tabs-primary .nav-item .nav-link {
  font-size: 20px;
  color: var(--primary);
  border-color: var(--transparent);
  background-color: var(--grey);
  line-height: 30px;
  font-weight: 700;
  border-radius: 2px;
  padding: 8px 19px;
  margin-right: 20px;
  letter-spacing: calc(20px*.1);
}

.tabs-primary .nav-item .nav-link.active {
  background-color: var(--primary);
  color: var(--white);
}

.tabs-secondary {
  border: none;
}

.tabs-secondary .nav-item {
  border-right: 4px solid var(--black-medium);
}

.tabs-secondary .nav-item:last-of-type {
  border-right: 4px solid var(--transparent);
}
	
.tabs-secondary .nav-item:first-of-type .nav-link {
  padding-left: 0px;
}

.tabs-secondary .nav-item .nav-link {
  font-size: 30px;
  color: var(--black-medium);
  border-color: var(--transparent);
  background-color: var(--transparent);
  line-height: 30px;
  font-weight: 700;
  border-radius: 2px;
  padding: 0 19px;
  letter-spacing: calc(20px*.1);
}

.tabs-secondary .nav-item .nav-link.active {
  color: var(--medium-blue-1);
}

/*time*/
.time {
  font-size: 0.875rem;
  margin-bottom: 0;
}

/*text-shadow*/
.text-shadow {
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);
}

/*floating menu*/
.floating-menu {
  width: 265px;
  z-index: 9;
  position: absolute;
  margin-left: auto;
  right: 0;
  background-color: var(--black-medium);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0px 0px 3px 3px;
  max-height: calc(100% - 72px);
  overflow: auto;
}

.floating-menu.fixed {
  position: fixed;
  top: 93px;
}

@media (max-width: 1199px) {
  .floating-menu.fixed {
    top: 72px;
  }
}

.floating-menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--black-medium);
  padding: 8px 22px;
  border-radius: 3px;
  text-decoration: none;
}

.floating-menu__btn .p {
  font-weight: 700;
}

.floating-menu__btn .icon {
  -webkit-transform: translate(-3px, -9px);
          transform: translate(-3px, -9px);
  color: var(--white);
  font-weight: 900;
}

.floating-menu__btn .icon:before {
  content: "_";
}

.floating-menu__btn.collapsed .icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.floating-menu__btn.collapsed .icon:before {
  content: "\e91d";
}

.floating-menu__link {
  padding: 8px 22px;
  font-size: 16px;
  border-radius: 0;
  font-weight: 700;
  display: block;
  background-color: var(--white);
  color: var(--black-medium);
  text-decoration: none;
}

.floating-menu__link:hover {
  color: var(--white);
  background-color: var(--black-medium);
}

@media (max-width: 1199px) {
  .floating-menu__link {
    font-size: 14px;
  }
}

.floating-menu .accordion .accordion-item {
  border: none;
  border-radius: 0;
}

.floating-menu .accordion-item a:hover,
.floating-menu .accordion .accordion-item .accordion-header:hover { background:rgba(255,255,255,0.5); }

.floating-menu .accordion .accordion-item .accordion-button {
  font-size: 1rem;
  line-height:1.25;
  border-radius: 0;
  font-weight: 700;
  color: var(--white);
  background-color: var(--black-medium);
  text-decoration: none;
  padding: 0;
}

@media (max-width: 1199px) {
  .floating-menu .accordion .accordion-item .accordion-button {
    font-size: 14px;
  }
}

.floating-menu .accordion .accordion-item .accordion-button.collapsed {
  background-color: var(--white);
  color: var(--black-medium);
}

/*.floating-menu .accordion .accordion-item .accordion-button.collapsed:hover {
  color: var(--white);
  background-color: var(--black-medium);
}*/

.floating-menu .accordion .accordion-item .accordion-button.collapsed:hover::after {
  color: var(--white);
}
.floating-menu .accordion .accordion-header { display:flex;padding: 8px 22px; }
.floating-menu .accordion .accordion-item .accordion-button::after { display:none; }
.floating-menu .accordion .accordion-item .accordion-button + button {
  margin-left: auto;
  /*content: "\e91c";*/
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  font-family: 'icons-teck';
  background-image: none;
  width: initial;
  height: initial;
  font-size: 8px;
  color: var(--black-medium);
  background:transparent;
  border:0;
  padding:0;
}

.floating-menu .accordion .accordion-item .accordion-button + button:not(.collapsed) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  /*color: var(--white);*/
}

.floating-menu .accordion .accordion-item .accordion-body {
  background-color: var(--grey);
  padding: 0;
}

/* add support to nested levels */
.floating-menu .accordion .accordion-item .accordion-body .accordion-item,
.floating-menu .accordion .accordion-item .accordion-body .accordion-item .accordion-button.collapsed { background:transparent;padding:0; }
.floating-menu .accordion .accordion-item .accordion-body .accordion-item .accordion-header { padding-left:29px; }

.floating-menu .accordion .accordion-item .accordion-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.floating-menu .accordion .accordion-item .accordion-body ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 29px;
  font-size: 16px;
  font-weight: 400;
  color: var(--black-medium);
}

@media (max-width: 1199px) {
  .floating-menu .accordion .accordion-item .accordion-body ul li a {
    font-size: 14px;
  }
}

.floating-menu .accordion .accordion-item .accordion-body ul li a:hover {
  color: var(--black-medium);
}

.select-content {
  position: relative;
  width: 100%;
  min-width: 100px;
  height: 45px;
  border-radius: 50px;
}
.select-content .mainSelect + .select2-container {
  z-index: 1;
  position: absolute;
  background-color: var(--transparent);
  height: 100%;
}
.select-content .mainSelect + .select2-container .select2-selection--single {
  background-color: var(--transparent);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid var(--black-medium);
}
.select-content .mainSelect + .select2-container .select2-selection--single .select2-selection__rendered {
    height: auto;
    font-size: 20px;
    line-height: 1;
    color: var(--blue-grey);
    white-space: normal;
    text-align: left;
    /*padding-bottom: 0.625rem;*/
}

@media (max-width: 768px) {
  .select-content .mainSelect + .select2-container .select2-selection--single {
    border-bottom-width: 4px;
  }
  .select-content .mainSelect + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
    font-size: 16px;
  }
}

.select-content .mainSelect + .select2-container .select2-selection__arrow {
  display: none;
}
.select-content .icon {
  margin-left: auto;
  margin-right: 16px;
  color: var(--black-medium);
}

@media (max-width: 768px) {
  .select-content .icon {
    font-size: 10px;
    margin-right: 5px;
  }
}
.select-content__bg {
  background-color: transparent;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 0;
}
.select-primary {
  width: 100%;
}
.select-wrap {
  position: relative;
  height: 38px;
  border: 1px solid var(--black-medium);
  border-radius: 4px;
}
.select-wrap:after {
  content: "\25bc";
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  width: 47px;
  height: 20px;
  padding-top: 3px;
  text-align: center;
  border-left: 1px solid var(--black-medium);
  font-size: 11px;
  pointer-events: none;
  color: var(--black-medium);
  z-index: 2;
}
.select-wrap select {
  -webkit-appearance: none;
  border: 0 none !important;
  cursor: pointer;
}
.section-form-m15 .select-wrap select.error,
.section-form-m15 textarea.error,
.section-form-m15 input.error { background:var(--light-grey-3); }

.input-checkbox,.input-radio {
  position: relative;
}
.input-checkbox-square,.input-radio-square {
  position: absolute;
  opacity: 0;
}
.input-checkbox-square:checked + .input-checkbox-label:after,
.input-radio-square:checked + .input-radio-label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 12px;
  width: 2px;
  height: 3px;
  background: var(--primary);
  -webkit-box-shadow: 2px 0 0 var(--primary), 4px 0 0 var(--primary), 4px -2px 0 var(--primary), 4px -4px 0 var(--primary), 4px -6px 0 var(--primary), 4px -8px 0 var(--primary);
          box-shadow: 2px 0 0 var(--primary), 4px 0 0 var(--primary), 4px -2px 0 var(--primary), 4px -4px 0 var(--primary), 4px -6px 0 var(--primary), 4px -8px 0 var(--primary);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.input-checkbox-label,.input-radio-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  margin-left: 28px;
}
.input-checkbox-label:before,
.input-radio-label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 17px;
  height: 17px;
  background: var(--grey);
  border: 1px solid var(--transparent);
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 1919px) {
  .input-checkbox-label,.input-radio-label {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .input-checkbox-label,.input-radio-label {
    font-size: 14px;
  }
}

.input-radio {
  position: relative;
}

.input-radio-circle {
  position: absolute;
  opacity: 0;
}

.input-radio-circle:checked + .input-radio-label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 7px;
  width: 11px;
  height: 11px;
  background: var(--primary);
  border-radius: 50%;
}

.input-radio-circle:checked + .input-radio-label:before {
  border: 1px solid var(--primary);
}

.input-radio-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  margin-left: 28px;
}

.input-radio-label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 17px;
  height: 17px;
  background: var(--grey);
  border: 1px solid var(--transparent);
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50%;
}

@media (max-width: 1399px) {
  .input-radio-label {
    font-size: 18px;
  }
}

.text-bold {
  font-weight: 700;
}

.overflow-auto {
    overflow: auto;
}

/* extra spacing */

.m-6 {
    margin: 6rem !important;
}

@media (min-width: 576px) {
    .m-sm-6 {
        margin: 6rem !important;
    }
}

@media (min-width: 768px) {
    .m-md-6 {
        margin: 6rem !important;
    }
}

@media (min-width: 992px) {
    .m-lg-6 {
        margin: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-6 {
        margin: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .m-xxl-6 {
        margin: 6rem !important;
    }
}

.my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

@media (min-width: 576px) {
    .my-sm-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 768px) {
    .my-md-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 992px) {
    .my-lg-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .my-xl-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .my-xxl-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

.mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

@media (min-width: 576px) {
    .mx-sm-6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media (min-width: 768px) {
    .mx-md-6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media (min-width: 992px) {
    .mx-lg-6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .mx-xl-6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .mx-xxl-6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

.mt-6 {
    margin-top: 6rem !important;
}

@media (min-width: 576px) {
    .mt-sm-6 {
        margin-top: 6rem !important;
    }
}

@media (min-width: 768px) {
    .mt-md-6 {
        margin-top: 6rem !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-6 {
        margin-top: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .mt-xl-6 {
        margin-top: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .mt-xxl-6 {
        margin-top: 6rem !important;
    }
}

.mb-6 {
    margin-bottom: 6rem !important;
}

@media (min-width: 576px) {
    .mb-sm-6 {
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 768px) {
    .mb-md-6 {
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-6 {
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .mb-xl-6 {
        margin-bottom: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .mb-xxl-6 {
        margin-bottom: 6rem !important;
    }
}

.ms-6 {
    margin-left: 6rem !important;
}

@media (min-width: 576px) {
    .ms-sm-6 {
        margin-left: 6rem !important;
    }
}

@media (min-width: 768px) {
    .ms-md-6 {
        margin-left: 6rem !important;
    }
}

@media (min-width: 992px) {
    .ms-lg-6 {
        margin-left: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .ms-xl-6 {
        margin-left: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .ms-xxl-6 {
        margin-left: 6rem !important;
    }
}

.me-6 {
    margin-right: 6rem !important;
}

@media (min-width: 576px) {
    .me-sm-6 {
        margin-right: 6rem !important;
    }
}

@media (min-width: 768px) {
    .me-md-6 {
        margin-right: 6rem !important;
    }
}

@media (min-width: 992px) {
    .me-lg-6 {
        margin-right: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .me-xl-6 {
        margin-right: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .me-xxl-6 {
        margin-right: 6rem !important;
    }
}

.p-6 {
    padding: 6rem !important;
}

@media (min-width: 576px) {
    .p-sm-6 {
        padding: 6rem !important;
    }
}

@media (min-width: 768px) {
    .p-md-6 {
        padding: 6rem !important;
    }
}

@media (min-width: 992px) {
    .p-lg-6 {
        padding: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .p-xl-6 {
        padding: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .p-xxl-6 {
        padding: 6rem !important;
    }
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

@media (min-width: 576px) {
    .py-sm-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 768px) {
    .py-md-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 992px) {
    .py-lg-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .py-xl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .py-xxl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

.px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

@media (min-width: 576px) {
    .px-sm-6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media (min-width: 768px) {
    .px-md-6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media (min-width: 992px) {
    .px-lg-6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .px-xl-6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .px-xxl-6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

.pt-6 {
    padding-top: 6rem !important;
}

@media (min-width: 576px) {
    .pt-sm-6 {
        padding-top: 6rem !important;
    }
}

@media (min-width: 768px) {
    .pt-md-6 {
        padding-top: 6rem !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-6 {
        padding-top: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .pt-xl-6 {
        padding-top: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .pt-xxl-6 {
        padding-top: 6rem !important;
    }
}

.pb-6 {
    padding-bottom: 6rem !important;
}

@media (min-width: 576px) {
    .pb-sm-6 {
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 768px) {
    .pb-md-6 {
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-6 {
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .pb-xl-6 {
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .pb-xxl-6 {
        padding-bottom: 6rem !important;
    }
}

.ps-6 {
    padding-left: 6rem !important;
}

@media (min-width: 576px) {
    .ps-sm-6 {
        padding-left: 6rem !important;
    }
}

@media (min-width: 768px) {
    .ps-md-6 {
        padding-left: 6rem !important;
    }
}

@media (min-width: 992px) {
    .ps-lg-6 {
        padding-left: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .ps-xl-6 {
        padding-left: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .ps-xxl-6 {
        padding-left: 6rem !important;
    }
}

.pe-6 {
    padding-right: 6rem !important;
}

@media (min-width: 576px) {
    .pe-sm-6 {
        padding-right: 6rem !important;
    }
}

@media (min-width: 768px) {
    .pe-md-6 {
        padding-right: 6rem !important;
    }
}

@media (min-width: 992px) {
    .pe-lg-6 {
        padding-right: 6rem !important;
    }
}

@media (min-width: 1200px) {
    .pe-xl-6 {
        padding-right: 6rem !important;
    }
}

@media (min-width: 1400px) {
    .pe-xxl-6 {
        padding-right: 6rem !important;
    }
}

/* breadcrumb */

.breadcrumb-item a {
  color: var(--blue-grey);
  text-decoration: none;
}

.breadcrumb-item.active {
  color: var(--primary);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '>';
  color: var(--blue-grey);
}

/* links */
a,
input,
button {
    outline: none !important;
}

a:focus,
input:focus,
button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

a:active,
input:active,
button:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.space-header {
    margin-top: 124px;
}

@media (max-width: 576px) {
    .space-header {
        margin-top: 114px;
    }
}


/* layout */

.max-width {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 16px;
}

/*swiper*/
.swiper-pagination-bullet {
  background-color: var(--green-1);
  opacity: 1;
  height: 13px;
  width: 13px;
}

.swiper-pagination-bullet:hover { opacity:0.8; }

.swiper-pagination-bullet-active {
  background-color: var(--purple);
}
	
.swiper-pagination-fraction {
  height: 40px;
  font-weight: 600;
  font-size: 20px;
}

.swiper-button-disabled {
  display: none !important;
}

/*multiple select*/
.ms-container {
  width: 100%;
  background: url(/media/arrow-multiselect.png) 50% 50% no-repeat;
}
@media (max-width: 575px) {
  .ms-container {
    background-size: 22px 17px;
  }
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  padding: 9px;
  border-radius: 3px;
}
.ms-container .ms-list {
  border-color: var(--transparent);
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: scroll;
  padding: 0 9px 0 0;
  height: 156px;
  /* Tamaño del scroll */
  /* Estilos barra (thumb) de scroll */
  /* Estilos track de scroll */
}
.ms-container .ms-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.ms-container .ms-list::-webkit-scrollbar-thumb {
  background: var(--blue-grey);
  border-radius: 4px;
}
.ms-container .ms-list::-webkit-scrollbar-thumb:active {
  background-color: var(--blue-grey);
}
.ms-container .ms-list::-webkit-scrollbar-track {
  background: var(--white);
  border-radius: 4px;
}
.ms-container .ms-list.ms-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--transparent);
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  /*paragraph small*/
  color: var(--blue-grey);
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid var(--blue-grey);
  padding: 4px 10px;
}
@media (max-width: 1199px) {
  .ms-container .ms-selectable li.ms-elem-selectable,
  .ms-container .ms-selection li.ms-elem-selection {
    font-size: 14px;
  }
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  background: var(--light-grey-1);
}

/*juicer*/
.juicer-feed.modern li.feed-item {
  -webkit-filter: drop-shadow(0px 4px 30px rgba(209, 209, 209, 0.25));
          filter: drop-shadow(0px 4px 30px rgba(209, 209, 209, 0.25));
  border-color: transparent;
  border-radius: 4px;
}
.juicer-feed .j-stacker {
  padding: 16px;
}
.j-poster .j-twitter-post-icon:before {
  font-size: 24px;
}
.juicer-feed.modern li.feed-item.words .j-message {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 0px;
}

/* footer */

.footer .accordion-footer .accordion-item {
    background-color: transparent;
    border: none;
}

.footer .accordion-footer .accordion-item .accordion-header~.collapse:not(.show) {
    display: block;
}

@media screen and (max-width: 767px) {
    .footer .accordion-footer .accordion-item .accordion-header~.collapse:not(.show) {
        display: none;
    }
}

.footer .accordion-footer .accordion-item .accordion-header .accordion-button {
    pointer-events: none;
    padding: 2px 0;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 30px;
    letter-spacing: calc(16px * 0.05);
    text-transform: uppercase;
    font-weight: 900;
    background-color: transparent;
    position: relative;
}

.footer .accordion-footer .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,
.footer .accordion-footer .accordion-item .accordion-header .accordion-button::after {
    display: none;
}

.footer .accordion-footer .accordion-item .accordion-header .accordion-button::before {
    width: 41px;
    height: 1px;
    background-color: var(--light-blue);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 767px) {
    .footer .accordion-footer .accordion-item .accordion-header .accordion-button {
        pointer-events: initial;
        padding: 14px 0;
    }
    .footer .accordion-footer .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,
    .footer .accordion-footer .accordion-item .accordion-header .accordion-button::after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: none;
        content: "\e900";
        font-family: 'icons-teck';
        font-size: 10px;
    }
}

.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body {
    padding: 0;
}

.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul {
    list-style: none;
    padding: 26px 0;
    margin: 0;
}

/* footer operations - 2 columns */
.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul.row-cols-2 { max-width:290px; }
.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul.row-cols-2 li { margin:0 5px; }
.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul li,
.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul li a { max-width:130px; }

.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul li a {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 18px;
    font-weight: 400;
    text-decoration: none;
}

.footer .accordion-footer .accordion-item .accordion-collapse .accordion-body ul li a:hover {
    color: var(--white);
    text-decoration: underline;
}

.footer__brand {
    margin: 0 82px 41px 0;
    display: block;
}

.footer__brand img {
  width: 85px;
}

@media (max-width: 767px) {
  .footer__brand {
    margin: 0 0 20px;
  }
}

.footer__xpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 20px auto;
    max-width: 141px;
    max-height: 11px;
}

.footer__xpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__item {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 30px;
    text-decoration: none;
    font-weight: 400;
}

.footer__item:hover {
    color: var(--white);
}

a.footer__item:hover { text-decoration: underline; }

.footer__icons {
    color: var(--white);
    font-size: 16px;
    text-decoration: none;
    margin-left: 21px;
}

.footer__icons:hover {
    text-decoration: none;
    color: var(--white);
}

/*header*/
.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}

.header-dark-site__content {
  display: none;
}

.header .dropdown-first-level {
  position: inherit;
}

.header .dropdown-first-level .dropdown-toggle:after {
  display: none;
}

.header .dropdown-first-level .dropdown-menu {
  width: 100%;
  height: 426px;
  left: 0;
  right: 0;
  background: var(--light-grey-7);
  border: solid var(--primary);
  border-width: 0 0 6px;
  overflow: hidden;
}

.header .dropdown-first-level .dropdown-menu .container {
  position: relative;
  z-index: 1;
}

.header .dropdown-menu-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
  height: 426px;
  pointer-events: none;
  background-color: var(--primary);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.header .dropdown-menu-image::after {
  transform: skew(-20deg);
  background-color: var(--light-grey-7);
  content: '';
  display: block;
  height: 426px;
  position: absolute;
  width: 100%;
  top: 0;
  right: -460px;
}
@media(max-width:1440px) {
    .header .dropdown-menu-image {
        width: 500px;
    }
    .header .dropdown-menu-image::after {
        right: -422px;
    }
}

.header .pre-header .dropdown-language {
  font-size: 0.75rem;
  color: var(--white);
  margin-bottom: 0;
  text-decoration: none;
  line-height: 12px;
}

.header .pre-header .dropdown-language::after {
  display: none;
}

.header .pre-header .search {
  color: var(--white);
  text-decoration: none;
}

.header .navbar-multi-level {
  position: inherit;
}

.header .navbar {
  padding: 0;
}

.header .navbar .navbar-brand {
  max-width: 75px;
}

.header .navbar .navbar-brand img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 0.875rem;
  color: var(--white);
  margin-bottom: 0;
  font-weight: 600;
  padding: 20px 13px;
  position: relative;
}

.header .navbar .navbar-nav .nav-item .nav-link:hover::before,
.header .navbar .navbar-nav .nav-item .nav-link.active::before {
  position: absolute;
  width: 63px;
  height: 8px;
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%) skew(-20deg);
          transform: translateX(-50%) skew(-20deg);
  content: '';
  background-color: var(--light-blue);
}

.header .dropdown-menu-items .menu-title {
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary);
  font-weight: 600;
  display:block;
  text-decoration:none;
}

.header .dropdown-menu-items .second-level {
  padding-left: 0;
  list-style: none;
}

.header .dropdown-menu-items .second-level__first-with-border {
  width: 150px;
  height: 100%;
  padding-right: 30px;
  border-right: 1px solid #2f2f2f;
}

.header .dropdown-menu-items .second-level li {
  margin-bottom: 13px;
}

.header .dropdown-menu-items .second-level .link {
  font-size: 14px;
  color: #2f2f2f;
  text-decoration: none;
  line-height: 18px;
}

.header .dropdown-menu-items .second-level .link:hover, .header .dropdown-menu-items .second-level .link.active {
  text-decoration: underline;
  color: #2f2f2f;
}

.header .collapse-search {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: #f6f6f6;
}

@media (max-width: 1199px) {
  .header .collapse-search {
    top: 72px;
  }
}

.header .collapse-search .close-search {
  border-radius: 50%;
  border: 1px solid var(--transparent);
  background-color: var(--transparent);
}

.header .collapse-search .close-search span {
  border-radius: 50%;
  border: 1px solid var(--black-medium);
  background-color: var(--transparent);
  height: 36px;
  width: 36px;
  font-size: 36px;
}

@media (max-width: 1199px) {
  .header .collapse-search .close-search span {
    height: 24px;
    width: 24px;
    font-size: 24px;
  }
}

.header .collapse-search .input-search {
  max-width: 750px;
  width: 100%;
  padding: 0 20px;
  height: 60px;
  font-size: 24px;
  color: var(--black-medium);
}

/* no navigation variant */
.no-nav main { margin-top:60px; }
.no-nav .header .navbar { min-height:60px; }
.no-nav .header .pre-header,
.no-nav .header .navbar-nav,
.no-nav .header .search-wrapper,
.no-nav .header .navbar-open { display:none !important; }

.no-nav .section-m28.py-md-5 { padding:0 !important; }

@media (max-width: 1199px) {
  .header .collapse-search .input-search {
    height: 40px;
    font-size: 16px;
  }
}

@media all and (min-width: 992px) {
  .header .dropdown-menu li {
    position: relative;
  }
  .header .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }
  .header .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }
  .header .dropdown-menu > li:hover {
    background-color: var(--light-grey-1);
  }
  .header .dropdown-menu > li:hover > .submenu {
    display: block;
  }
}

@media (max-width: 992px -1px) {
  .header .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
  }
}

/* header mobile */
.header-mobile {
  width: 100%;
  background-color: var(--primary);
}

.header-mobile .navbar {
  height: 72px;
  padding: 0 35px;
}

.header-mobile .navbar img {
  width: 77px;
  height: 31px;
}

.header-mobile .navbar .navbar-toggler-icon {
  width: 20px;
  height: 16px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  background: transparent !important;
  cursor: pointer;
}

.header-mobile .navbar .navbar-toggler-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--white);
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.header-mobile .navbar .navbar-toggler-icon span:nth-child(1) {
  top: 0;
}

.header-mobile .navbar .navbar-toggler-icon span:nth-child(2), .header-mobile .navbar .navbar-toggler-icon span:nth-child(3) {
  top: 6px;
}

.header-mobile .navbar .navbar-toggler-icon span:nth-child(4) {
  top: 12px;
}

.header-mobile .navbar .navbar-open {
  background: transparent;
  border: 0 none;
  outline: 0 none;
}

.header-mobile .navbar .navbar-open.open .navbar-toggler-icon span:nth-child(1), .header-mobile .navbar .navbar-open.open .navbar-toggler-icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.header-mobile .navbar .navbar-open.open .navbar-toggler-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header-mobile .navbar .navbar-open.open .navbar-toggler-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.header-mobile .dropdown-language {
  font-size: 0.75rem;
  color: var(--white);
  margin-bottom: 0;
  text-decoration: none;
  line-height: 12px;
}

.header-mobile .dropdown-language::after {
  display: none;
}

.header-mobile .search {
  color: var(--white);
  text-decoration: none;
}

/* aside menu */
.aside-menu {
  position: fixed;
  top: 93px;
  left: -100%;
  width: 50%;
  height: calc(100% - 72px);
  background-color: var(--light-grey-7);
  -webkit-transition: left .3s ease;
  transition: left .3s ease;
  overflow-y: scroll;
  z-index: 100;
  /*&::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    &::-webkit-scrollbar-thumb {
        background: var($blue-light-corp);
        border-radius: 4px;
    }
    &::-webkit-scrollbar-thumb:active {
        background-color: var($blue-light-corp);
    }
    &::-webkit-scrollbar-track {
        background: var($blue-corp);
        border-radius: 4px;
    }*/
}

@media (max-width: 1199px) {
  .aside-menu {
    top: 72px;
  }
}

@media (max-width: 767px) {
  .aside-menu {
    width: 100%;
  }
}

.aside-menu.active {
  left: 0;
}

.aside-menu .navbar-nav {
  background: var(--light-grey-7);
}

.aside-menu .navbar-nav .nav-item {
  border-bottom: 1px solid #c4c4c4;
}

.aside-menu .navbar-nav .nav-link {
  padding: 16px 0 16px 35px;
}

.aside-menu .navbar-nav .nav-link a,
.aside-menu .navbar-nav .nav-link span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #2f2f2f;
  text-decoration: none;
}

.aside-menu .navbar-nav .nav-link a:hover {
  text-decoration: underline;
}

.aside-menu .navbar-nav .nav-link.show {
  background: var(--primary);
}

.aside-menu .navbar-nav .nav-link.show a,
.aside-menu .navbar-nav .nav-link.show span {
  color: var(--white);
}

.aside-menu .navbar-nav .nav-link.show .dropdown-toggle:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  color: var(--white);
}

.aside-menu .navbar-nav .nav-link .dropdown-toggle {
  position: absolute;
  right: 40px;
}

.aside-menu .navbar-nav .nav-link.lvl-2,
.aside-menu .navbar-nav .nav-link.lvl-3 { position:relative; }
.aside-menu .navbar-nav .nav-link.lvl-2 .dropdown-toggle,
.aside-menu .navbar-nav .nav-link.lvl-3 .dropdown-toggle { top:30px;right:50px; }

.aside-menu .navbar-nav .nav-link .dropdown-toggle:after {
  content: "\e900";
  font-family: "icons-teck";
  font-size: 12px;
  color: var(--primary);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 0;
}

.aside-menu .navbar-nav .nav-link.show.lvl-2 .dropdown-toggle:after,
.aside-menu .navbar-nav .nav-link.show.lvl-3 .dropdown-toggle:after { position:relative;left: 10px; }

.aside-menu .dropdown-toggle {
  position: absolute;
  right: 40px;
  top: 18px;
}

.aside-menu .dropdown-toggle:after {
  content: "\e900";
  font-family: "icons-teck";
  font-size: 12px;
  color: var(--light-blue);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 0;
}

.aside-menu .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
  padding: 0;
  border: 0 none;
  background: var(--white);
}

.aside-menu .dropdown-menu.submenu {
  background: var(--white);
  border-radius: 0;
}

.aside-menu .dropdown-menu.submenu .dropdown-item {
  /*font-size: 12px;
  line-height: 15px;
  color: var(--purple);*/
}

.aside-menu .dropdown-menu .dropdown-item {
  position: relative;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  background-color: transparent !important;
  border-bottom: 1px solid #c4c4c4;
  color: #2f2f2f;
}

.aside-menu .dropdown-menu .dropdown-item:hover {
  text-decoration: underline;
  color: #2f2f2f;
}

.aside-menu .dropdown-menu .dropdown-item.show {
  color: #2f2f2f;
}

.aside-menu .dropdown-menu .dropdown-item.show .dropdown-toggle:after {
  -webkit-transform: rotate(0) translate(4px, -6px);
          transform: rotate(0) translate(4px, -6px);
}

.aside-menu .dropdown-menu .dropdown-toggle {
  position: absolute;
  top: 22px;
  right: 52px;
}

.aside-menu .dropdown-menu .dropdown-toggle:after {
  content: "\e91c";
  font-family: "icons-teck";
  font-size: 7px;
  height: 7px;
  width: 7px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 0 none;
  color: var(--primary);
}

.aside-menu .social-media {
  width: 100%;
  padding: 24px 0;
  text-align: center;
}

.aside-menu .social-media .title {
  margin-bottom: 13px;
  font-size: 12px;
  line-height: 15px;
  color: #2f2f2f;
}

.aside-menu .social-media a {
  display: inline-block;
  margin: 0 20px;
  text-decoration: none;
  color: #2f2f2f;
}

.aside-menu--connect {
  top: 93px;
}

.aside-menu__dark-site {
  top: 157px;
}

@media (max-width: 575px) {
  .aside-menu__dark-site {
    top: 175px;
  }
}


/*Card News*/

.card-news {
	max-width: 439px;
	-webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
	box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
}

@media (max-width: 1399px) {
	.card-news {
		max-width: 372px;
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	.card-news {
		max-width: 351px;
	}
}

@media (max-width: 374px) {
  .card-news {
    max-width: 100%;
    width: 100%;
  }
}

.card-news .image {
	width: 439px;
	height: 259px;
}

@media (max-width: 1399px) {
	.card-news .image {
		width: 372px;
		height: 220px;
	}
}

@media (max-width: 575px) {
	.card-news .image {
		width: 351px;
		height: 207px;
	}
}

@media (max-width: 374px) {
	.card-news .image {
		width: 100%;
	}
}

.card-news .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.card-news .info {
	font-size: 1.5rem;
	margin-bottom: 0;
	font-weight: 700;
	line-height: 31px;
    height: 62px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/*Card download*/

.card-download {
	background-color: var(--light-grey-4);
}

.card-download__top {
	margin: 0 1px 1px 0;
}

.section-m32.es .card-download__top { margin-right:0; }

.card-download__top--end {
	margin-right: 0;
}

@media (max-width: 767px) {
	.card-download__top {
		margin-right: 0;
	}
}

.card-download__bottom {
	margin: 0 1px 0 0;
}

.card-download__bottom--end {
	margin-right: 0;
}

@media (max-width: 767px) {
	.card-download__bottom {
		margin-right: 0;
	}
}

.card-download .info {
	font-size: 22px;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 28px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    height: 56px;
    margin-right: 50px;
}

.card-download .info a { text-decoration:none; }

.card-download .see-more {
	margin-bottom: 1px;
}

/*Card story*/
.card-story {
  position: relative;
  width: 355px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
}

@media (max-width: 374px) {
  .card-story {
    max-width: 100%;
    width: 100%;
  }
}

.card-story .image {
  width: 355px;
  height: 147px;
  position: relative;
}

@media (max-width: 374px) {
  .card-story .image {
    max-width: 100%;
    width: 100%;
  }
}

.card-story .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-story .image .badge {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.card-story .image .badge:nth-child(3) { bottom:30px; }
.card-story .image .badge:nth-child(4) { bottom:50px; }
.card-story .image .badge:nth-child(5) { bottom:70px; }

.card-story .info {
  padding: 24px 37px 26px 27px;
}

.card-story .info .title {
  font-size: 1.375rem;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 30px;
  height: 90px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-story .info .text {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 30px;
  height: 60px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-story:hover .info {
  background-color: var(--primary);
}

.card-story:hover .info .title {
  color: var(--white);
}

.card-story:hover .info .text {
  color: var(--light-blue);
}

.card-story:hover .info .btn-link {
  color: var(--white);
  border-color:var(--transparent);
}

/*Card story*/
.card-sustaninability {
  width: 380px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  margin: 15px 0;
}

@media (max-width: 575px) {
  .card-sustaninability {
    max-width: 100%;
    width: 100%;
  }
}

.card-sustaninability .image {
  width: 380px;
  height: 191px;
  position: relative;
}

@media (max-width: 575px) {
  .card-sustaninability .image {
    max-width: 100%;
    width: 100%;
  }
}

.card-sustaninability .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-sustaninability .info {
  padding: 24px 37px 0px 27px;
  height:260px;
}

.card-sustaninability .info .title {
  font-size: 1.375rem;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 27px;
  /*height: 50px;*/
  display: block;
  /*display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
}

.card-sustaninability .info .text {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 400;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 17px;
}

.card-sustaninability .info .btn-link {
  margin-bottom: 31px;
  display: inline-block;
}

/*Card products*/
.card-products {
  width: 280px;
  max-width: 100%;
  height: 392px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .card-products {
    width: 334px;
    height: 467px;
  }
}

.card-products .bg-card {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.card-products .bg-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-products .bg-card .product {
  position: absolute;
  width: 100%;
  padding: 0 50px 0 14px;
  bottom: 0;
  margin-bottom: 0;
  left: 0;
  background: var(--purple);
}

.card-products .bg-card .product span {
  position: relative;
  display: block;
  width: 100%;
  font-style: italic;
  font-size: 26px;
  font-weight: 700;
  line-height: 3.0625rem;
  text-overflow: ellipsis;
  z-index: 1;
}

.card-products .bg-card .product:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 2.08325C10.4399 2.08325 8.42599 2.69418 6.71298 3.83878C4.99997 4.98337 3.66484 6.61024 2.87642 8.51363C2.08801 10.417 1.88172 12.5115 2.28365 14.5321C2.68558 16.5527 3.67767 18.4088 5.13447 19.8656C6.59127 21.3224 8.44734 22.3145 10.468 22.7164C12.4886 23.1184 14.5831 22.9121 16.4865 22.1237C18.3899 21.3353 20.0167 20.0001 21.1613 18.2871C22.3059 16.5741 22.9168 14.5601 22.9168 12.4999C22.9168 11.132 22.6474 9.77744 22.1239 8.51363C21.6004 7.24982 20.8331 6.1015 19.8659 5.13422C18.8986 4.16695 17.7503 3.39966 16.4865 2.87617C15.2226 2.35269 13.8681 2.08325 12.5002 2.08325ZM12.5002 20.8333C10.852 20.8333 9.24082 20.3445 7.87041 19.4288C6.50001 18.5132 5.4319 17.2117 4.80117 15.6889C4.17044 14.1662 4.00541 12.4907 4.32696 10.8742C4.6485 9.25766 5.44217 7.7728 6.60761 6.60736C7.77305 5.44192 9.25791 4.64825 10.8744 4.32671C12.4909 4.00516 14.1665 4.17019 15.6892 4.80092C17.2119 5.43165 18.5134 6.49976 19.4291 7.87017C20.3448 9.24058 20.8335 10.8517 20.8335 12.4999C20.8335 14.7101 19.9555 16.8297 18.3927 18.3925C16.8299 19.9553 14.7103 20.8333 12.5002 20.8333ZM16.6668 11.4583H13.5418V8.33325C13.5418 8.05698 13.4321 7.79203 13.2367 7.59668C13.0414 7.40133 12.7764 7.29158 12.5002 7.29158C12.2239 7.29158 11.9589 7.40133 11.7636 7.59668C11.5682 7.79203 11.4585 8.05698 11.4585 8.33325V11.4583H8.3335C8.05723 11.4583 7.79228 11.568 7.59693 11.7633C7.40158 11.9587 7.29183 12.2237 7.29183 12.4999C7.29183 12.7762 7.40158 13.0411 7.59693 13.2365C7.79228 13.4318 8.05723 13.5416 8.3335 13.5416H11.4585V16.6666C11.4585 16.9429 11.5682 17.2078 11.7636 17.4032C11.9589 17.5985 12.2239 17.7083 12.5002 17.7083C12.7764 17.7083 13.0414 17.5985 13.2367 17.4032C13.4321 17.2078 13.5418 16.9429 13.5418 16.6666V13.5416H16.6668C16.9431 13.5416 17.2081 13.4318 17.4034 13.2365C17.5988 13.0411 17.7085 12.7762 17.7085 12.4999C17.7085 12.2237 17.5988 11.9587 17.4034 11.7633C17.2081 11.568 16.9431 11.4583 16.6668 11.4583Z' fill='white'/%3E%3Cpath d='M12.5002 2.0835C10.4399 2.0835 8.42599 2.69442 6.71298 3.83902C4.99997 4.98362 3.66484 6.61048 2.87642 8.51388C2.08801 10.4173 1.88172 12.5117 2.28365 14.5324C2.68558 16.553 3.67767 18.4091 5.13447 19.8659C6.59127 21.3227 8.44734 22.3147 10.468 22.7167C12.4886 23.1186 14.5831 22.9123 16.4865 22.1239C18.3899 21.3355 20.0167 20.0004 21.1613 18.2874C22.3059 16.5743 22.9168 14.5604 22.9168 12.5002C22.9168 11.1322 22.6474 9.77768 22.1239 8.51388C21.6004 7.25007 20.8331 6.10174 19.8659 5.13447C18.8986 4.16719 17.7503 3.3999 16.4865 2.87642C15.2226 2.35293 13.8681 2.0835 12.5002 2.0835ZM12.5002 20.8335C10.852 20.8335 9.24082 20.3448 7.87041 19.4291C6.50001 18.5134 5.4319 17.2119 4.80117 15.6892C4.17044 14.1665 4.00541 12.4909 4.32696 10.8744C4.6485 9.2579 5.44217 7.77304 6.60761 6.60761C7.77305 5.44217 9.25791 4.6485 10.8744 4.32695C12.4909 4.00541 14.1665 4.17044 15.6892 4.80117C17.2119 5.4319 18.5134 6.5 19.4291 7.87041C20.3448 9.24082 20.8335 10.852 20.8335 12.5002C20.8335 14.7103 19.9555 16.8299 18.3927 18.3927C16.8299 19.9555 14.7103 20.8335 12.5002 20.8335ZM16.6668 11.4585H13.5418V8.3335C13.5418 8.05723 13.4321 7.79228 13.2367 7.59693C13.0414 7.40158 12.7764 7.29183 12.5002 7.29183C12.2239 7.29183 11.9589 7.40158 11.7636 7.59693C11.5682 7.79228 11.4585 8.05723 11.4585 8.3335V11.4585H8.3335C8.05723 11.4585 7.79228 11.5682 7.59693 11.7636C7.40158 11.9589 7.29183 12.2239 7.29183 12.5002C7.29183 12.7764 7.40158 13.0414 7.59693 13.2367C7.79228 13.4321 8.05723 13.5418 8.3335 13.5418H11.4585V16.6668C11.4585 16.9431 11.5682 17.208 11.7636 17.4034C11.9589 17.5987 12.2239 17.7085 12.5002 17.7085C12.7764 17.7085 13.0414 17.5987 13.2367 17.4034C13.4321 17.208 13.5418 16.9431 13.5418 16.6668V13.5418H16.6668C16.9431 13.5418 17.2081 13.4321 17.4034 13.2367C17.5988 13.0414 17.7085 12.7764 17.7085 12.5002C17.7085 12.2239 17.5988 11.9589 17.4034 11.7636C17.2081 11.5682 16.9431 11.4585 16.6668 11.4585Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 992px) {
  .card-products .bg-card .product {
    width: auto;
    padding-left: 22px;
    background: transparent;
  }
  .card-products .bg-card .product:after {
    display: none;
  }
  .card-products .bg-card .product:before {
    position: absolute;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    content: '';
    background: var(--purple);
    height: 60px;
    left: -15px;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

.card-products .front-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.card-products .front-card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  z-index: 3;
  padding: 75px 67px 56px 44px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.card-products .front-card .info .p {
  display: block;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 88px;
  overflow: hidden;
}

.card-products .front-card .info h4 {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 80px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .card-products .front-card .info h4 {
    height: 66px;
  }
}

.card-products .front-card:before {
  background-color: var(--primary);
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}

.card-products:hover .front-card .info {
  opacity: 1;
}

.card-products:hover .front-card:before {
  opacity: 1;
  width: 200%;
}

/*Card global04*/
.card-global04 {
  width: 279px;
  height: 476px;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.card-global04 .bg-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  overflow: hidden;
}
.card-global04 .bg-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-global04 .bg-card .title {
  position: absolute;
  width: 100%;
  min-height: 115px;
  margin: 0;
  padding: 25px;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--primary);
  font-size: 20px;
  line-height: 30px;
  z-index: 1;
}

.card-global04 .bg-card .title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 2.08325C10.4399 2.08325 8.42599 2.69418 6.71298 3.83878C4.99997 4.98337 3.66484 6.61024 2.87642 8.51363C2.08801 10.417 1.88172 12.5115 2.28365 14.5321C2.68558 16.5527 3.67767 18.4088 5.13447 19.8656C6.59127 21.3224 8.44734 22.3145 10.468 22.7164C12.4886 23.1184 14.5831 22.9121 16.4865 22.1237C18.3899 21.3353 20.0167 20.0001 21.1613 18.2871C22.3059 16.5741 22.9168 14.5601 22.9168 12.4999C22.9168 11.132 22.6474 9.77744 22.1239 8.51363C21.6004 7.24982 20.8331 6.1015 19.8659 5.13422C18.8986 4.16695 17.7503 3.39966 16.4865 2.87617C15.2226 2.35269 13.8681 2.08325 12.5002 2.08325ZM12.5002 20.8333C10.852 20.8333 9.24082 20.3445 7.87041 19.4288C6.50001 18.5132 5.4319 17.2117 4.80117 15.6889C4.17044 14.1662 4.00541 12.4907 4.32696 10.8742C4.6485 9.25766 5.44217 7.7728 6.60761 6.60736C7.77305 5.44192 9.25791 4.64825 10.8744 4.32671C12.4909 4.00516 14.1665 4.17019 15.6892 4.80092C17.2119 5.43165 18.5134 6.49976 19.4291 7.87017C20.3448 9.24058 20.8335 10.8517 20.8335 12.4999C20.8335 14.7101 19.9555 16.8297 18.3927 18.3925C16.8299 19.9553 14.7103 20.8333 12.5002 20.8333ZM16.6668 11.4583H13.5418V8.33325C13.5418 8.05698 13.4321 7.79203 13.2367 7.59668C13.0414 7.40133 12.7764 7.29158 12.5002 7.29158C12.2239 7.29158 11.9589 7.40133 11.7636 7.59668C11.5682 7.79203 11.4585 8.05698 11.4585 8.33325V11.4583H8.3335C8.05723 11.4583 7.79228 11.568 7.59693 11.7633C7.40158 11.9587 7.29183 12.2237 7.29183 12.4999C7.29183 12.7762 7.40158 13.0411 7.59693 13.2365C7.79228 13.4318 8.05723 13.5416 8.3335 13.5416H11.4585V16.6666C11.4585 16.9429 11.5682 17.2078 11.7636 17.4032C11.9589 17.5985 12.2239 17.7083 12.5002 17.7083C12.7764 17.7083 13.0414 17.5985 13.2367 17.4032C13.4321 17.2078 13.5418 16.9429 13.5418 16.6666V13.5416H16.6668C16.9431 13.5416 17.2081 13.4318 17.4034 13.2365C17.5988 13.0411 17.7085 12.7762 17.7085 12.4999C17.7085 12.2237 17.5988 11.9587 17.4034 11.7633C17.2081 11.568 16.9431 11.4583 16.6668 11.4583Z' fill='white'/%3E%3Cpath d='M12.5002 2.0835C10.4399 2.0835 8.42599 2.69442 6.71298 3.83902C4.99997 4.98362 3.66484 6.61048 2.87642 8.51388C2.08801 10.4173 1.88172 12.5117 2.28365 14.5324C2.68558 16.553 3.67767 18.4091 5.13447 19.8659C6.59127 21.3227 8.44734 22.3147 10.468 22.7167C12.4886 23.1186 14.5831 22.9123 16.4865 22.1239C18.3899 21.3355 20.0167 20.0004 21.1613 18.2874C22.3059 16.5743 22.9168 14.5604 22.9168 12.5002C22.9168 11.1322 22.6474 9.77768 22.1239 8.51388C21.6004 7.25007 20.8331 6.10174 19.8659 5.13447C18.8986 4.16719 17.7503 3.3999 16.4865 2.87642C15.2226 2.35293 13.8681 2.0835 12.5002 2.0835ZM12.5002 20.8335C10.852 20.8335 9.24082 20.3448 7.87041 19.4291C6.50001 18.5134 5.4319 17.2119 4.80117 15.6892C4.17044 14.1665 4.00541 12.4909 4.32696 10.8744C4.6485 9.2579 5.44217 7.77304 6.60761 6.60761C7.77305 5.44217 9.25791 4.6485 10.8744 4.32695C12.4909 4.00541 14.1665 4.17044 15.6892 4.80117C17.2119 5.4319 18.5134 6.5 19.4291 7.87041C20.3448 9.24082 20.8335 10.852 20.8335 12.5002C20.8335 14.7103 19.9555 16.8299 18.3927 18.3927C16.8299 19.9555 14.7103 20.8335 12.5002 20.8335ZM16.6668 11.4585H13.5418V8.3335C13.5418 8.05723 13.4321 7.79228 13.2367 7.59693C13.0414 7.40158 12.7764 7.29183 12.5002 7.29183C12.2239 7.29183 11.9589 7.40158 11.7636 7.59693C11.5682 7.79228 11.4585 8.05723 11.4585 8.3335V11.4585H8.3335C8.05723 11.4585 7.79228 11.5682 7.59693 11.7636C7.40158 11.9589 7.29183 12.2239 7.29183 12.5002C7.29183 12.7764 7.40158 13.0414 7.59693 13.2367C7.79228 13.4321 8.05723 13.5418 8.3335 13.5418H11.4585V16.6668C11.4585 16.9431 11.5682 17.208 11.7636 17.4034C11.9589 17.5987 12.2239 17.7085 12.5002 17.7085C12.7764 17.7085 13.0414 17.5987 13.2367 17.4034C13.4321 17.208 13.5418 16.9431 13.5418 16.6668V13.5418H16.6668C16.9431 13.5418 17.2081 13.4321 17.4034 13.2367C17.5988 13.0414 17.7085 12.7764 17.7085 12.5002C17.7085 12.2239 17.5988 11.9589 17.4034 11.7636C17.2081 11.5682 16.9431 11.4585 16.6668 11.4585Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}


.card-global04 .front-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 75%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--primary);
  border-radius: 7px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
}
.card-global04 .front-card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 26px 0 48px;
}
.card-global04 .front-card .info .p {
  height: 174px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-global04:hover .front-card {
  opacity: 1;
  top: 0;
}

/*Card presentation*/
.card-presentation {
  width: 335px;
  height: 371px;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  overflow: hidden;
}

.card-presentation .bg-card {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px 52px 0 44px;
  overflow: hidden;
}

.card-presentation--skin-one .bg-card img {
  width: 100%;
  height: 202px;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-presentation--skin-one .front-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 25%;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
}

@media (max-width: 767px) {
  .card-presentation--skin-one .front-card {
    opacity: 1;
    top: 0;
  }
}

.card-presentation--skin-one .front-card img { width:100%;height:200px;object-fit:cover; }

.card-presentation--skin-one .front-card .info {
  height: 169px;
  padding: 17px 39px 0;
}

.card-presentation--skin-one:hover .front-card {
  opacity: 1;
  top: 0;
}

.card-presentation--skin-two {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #f3f3f3;
}

@media(max-width:500px){
    .card-presentation--skin-two {
        margin-top: 25px;
    }
}

.card-presentation--skin-two .bg-card p {
  height: 166px;
  
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-presentation--skin-two .btn-primary {
  display: none;
}

.card-presentation--skin-two .card-btn {
  color: var(--primary);
  background: var(--transparent);
  height: 3.3125rem;
  width: auto;
  max-width: 20.125rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  text-transform: lowercase;
  border: 1px solid var(--primary);
  border-radius: 2px;
  letter-spacing: calc(16px*.1);
}

.card-presentation--skin-two .card-btn::after {
  background-color: var(--transparent);
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}

.card-presentation--skin-two .card-btn span::first-letter {
  text-transform: uppercase;
}

.card-presentation--skin-two .card-btn:focus {
  outline: none;
}

.card-presentation--skin-two .card-btn.disabled {
  background: var(--black-dark);
  color: var(--white);
  pointer-events: none;
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.card-presentation--skin-two .card-btn:hover, .card-presentation--skin-two .card-btn.active {
  color: var(--white);
  border: 1px solid var(--primary);
  background-color: var(--transparent);
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.card-presentation--skin-two .card-btn:hover::after, .card-presentation--skin-two .card-btn.active::after {
  opacity: 1;
  width: 140%;
  background: var(--primary);
}

.card-presentation--skin-two .card-btn:hover span, .card-presentation--skin-two .card-btn.active span {
  z-index: 1;
}

.card-presentation--skin-two:hover {
  background: var(--primary);
}

.card-presentation--skin-two:hover time, .card-presentation--skin-two:hover p {
  color: white !important;
}

.card-presentation--skin-two:hover .card-btn {
  color: var(--white);
  background: var(--transparent);
  height: 3.3125rem;
  width: auto;
  max-width: 20.125rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  text-transform: lowercase;
  border: 1px solid var(--white);
  border-radius: 2px;
  letter-spacing: calc(16px*.1);
  white-space: nowrap;
}

.card-presentation--skin-two:hover .card-btn::after {
  background-color: var(--transparent);
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}

.card-presentation--skin-two:hover .card-btn span::first-letter {
  text-transform: uppercase;
}

.card-presentation--skin-two:hover .card-btn:focus {
  outline: none;
}

.card-presentation--skin-two:hover .card-btn.disabled {
  background: var(--black-dark);
  color: var(--white);
  pointer-events: none;
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.card-presentation--skin-two:hover .card-btn:hover, .card-presentation--skin-two:hover .card-btn.active {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: var(--transparent);
  -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
          box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
}

.card-presentation--skin-two:hover .card-btn:hover::after, .card-presentation--skin-two:hover .card-btn.active::after {
  opacity: 1;
  width: 140%;
  background: var(--white);
}

.card-presentation--skin-two:hover .card-btn:hover span, .card-presentation--skin-two:hover .card-btn.active span {
  z-index: 1;
}

.card-presentation--skin-two:hover .btn-secondary {
  display: none;
}

.card-presentation--skin-two:hover .btn-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/*banner-swiper*/

.banner-swiper {
	height: 604px;
}

.banner-swiper .swiper-slide .layer-bg {
	height: 100%;
}

.banner-swiper .swiper-slide .layer-bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (max-width: 1200px -1px) {
	.banner-swiper .swiper-slide .layer-bg img {
		-o-object-fit: contain;
		object-fit: contain;
	}
}

.banner-swiper .swiper-slide .layer-front {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
    /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 47, 47, 0.8)), color-stop(50%, rgba(47, 47, 47, 0)), to(rgba(47, 47, 47, 0)));
  background: linear-gradient(to right, rgba(47, 47, 47, 0.8) 0%, rgba(47, 47, 47, 0) 50%, rgba(47, 47, 47, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2f2f2f', endColorstr='#002f2f2f',GradientType=1 );
  /* IE6-9 */
}

.banner-swiper .swiper-button-next,
.banner-swiper .swiper-button-prev {
  color: var(--medium-blue-2);
  -webkit-text-stroke: 1px var(--medium-blue-1);
}

.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover { opacity:0.8; }

.banner-swiper .swiper-button-next,
.banner-swiper .swiper-rtl .swiper-button-prev {
	right: 35px;
}

@media (max-width: 1199px) {
	.banner-swiper .swiper-button-next,
	.banner-swiper .swiper-rtl .swiper-button-prev {
		right: 10px;
	}
}

.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-rtl .swiper-button-next {
	left: 35px;
}

@media (max-width: 1199px) {
	.banner-swiper .swiper-button-prev,
	.banner-swiper .swiper-rtl .swiper-button-next {
		left: 10px;
	}
}

.banner-swiper .paginations {
	position: relative;
	bottom: 53px;
	z-index: 1;
}

.banner-swiper .swiper-scrollbar {
	width: 386px;
	height: 1px;
	background-color: var(--light-blue-2);
}

.banner-swiper .swiper-scrollbar .swiper-scrollbar-drag {
	width: 56px;
	height: 8px;
	background-color: var(--light-blue);
	top: -4px;
	border-radius: 0;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}

.banner-swiper .swiper-pagination {
	width: auto;
	position: static;
	font-size: 1.25rem;
	margin-bottom: 0;
	font-weight: 400;
}

/*multicards-swiper*/
.multicards-swiper {
  max-width: 680px;
}

.multicards-swiper.swiper-grid-column .swiper-wrapper {
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
}

.multicards-swiper .icon-arrow-left,
.multicards-swiper .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.multicards-swiper .swiper-pagination {
  position: static;
}

@media (max-width: 767px) {
  .multicards-swiper .nav {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}

.multicards-swiper .swiper-slide {
    width: auto;
    text-decoration: none;
}

.multicards-swiper .swiper-slide .multicards-card {
  width: 185px;
  height: 210px;
  margin: 15px auto 15px auto;
  padding: 20px;
  display: block;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  background-color: var(--white);
}

@media (max-width: 1199px) {
  .multicards-swiper .swiper-slide .multicards-card {
    width: 155px;
    height: 176px;
  }
}

@media (max-width: 767px) {
  .multicards-swiper .swiper-slide .multicards-card {
    margin: 0 auto;
  }
}

.multicards-swiper .swiper-slide .multicards-card .icon {
  font-size: 5.8125rem;
  margin-bottom: 34px;
  display: block;
}

.multicards-swiper .swiper-slide .multicards-card:hover {
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
}

@media (max-width: 1199px) {
  .multicards-swiper .swiper-slide .multicards-card .icon {
    font-size: 4.5rem;
    margin-bottom: 24px;
  }
}

.multicards-swiper .swiper-slide .multicards-card .text {
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.multicards-swiper .swiper-slide .multicards-card .text .p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .multicards-swiper .swiper-slide .multicards-card .text .p {
    font-size: 12px;
  }
}

.multicards-swiper .btn-link {
  position: absolute;
  right: 30px;
}

@media (max-width: 575px) {
  .multicards-swiper .btn-link {
    position: static;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

/*multicards-alt*/
.multicards-alt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.multicards-alt .multicards-card {
  width: 100%;
  min-height: 60px;
  margin-bottom: 9px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  background-color: var(--white);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
@media (min-width: 992px) {
  .multicards-alt .multicards-card {
    width: 210px;
    margin: 0 11px 15px;
  }
}
.multicards-alt .multicards-card:hover {
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
}
.multicards-alt .multicards-card a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.multicards-alt .multicards-card a .row {
  height: 100%;
}
.multicards-alt .multicards-card .icon {
  display: block;
  font-size: 28px;
}
@media (min-width: 992px) {
  .multicards-alt .multicards-card .icon {
    font-size: 49px;
    margin-bottom: 16px;
  }
}
.multicards-alt .multicards-card .text {
  text-align: left;
}
@media (min-width: 992px) {
  .multicards-alt .multicards-card .text {
    height: 90px;
    margin-bottom: 16px;
    text-align: center;
  }
}
.multicards-alt .multicards-card .text p {
  display: block;
  color: var(--medium-blue-1);
}
@media (max-width: 991px) {
  .multicards-alt .multicards-card .text p {
    max-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.multicards-alt .multicards-card .arrow-link {
  display: block;
  width: 27px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11.5145C0 10.896 0.501429 10.3945 1.11997 10.3945H24.8794C25.4979 10.3945 25.9994 10.896 25.9994 11.5145C25.9994 12.133 25.4979 12.6345 24.8794 12.6345H1.11997C0.501429 12.6345 0 12.133 0 11.5145Z' fill='%232F2F2F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6947 0.328033C14.1321 -0.109344 14.8412 -0.109344 15.2786 0.328033L25.6734 10.7228C26.1107 11.1602 26.1107 11.8693 25.6734 12.3067L15.2786 22.7014C14.8412 23.1388 14.1321 23.1388 13.6947 22.7014C13.2574 22.264 13.2574 21.5549 13.6947 21.1175L23.2975 11.5147L13.6947 1.91191C13.2574 1.47454 13.2574 0.765409 13.6947 0.328033Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
}

/*memberships-swiper*/
.memberships-swiper { padding:1.25rem 0px; }
.memberships-swiper .icon-arrow-left,
.memberships-swiper .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.memberships-swiper .swiper-pagination {
  position: static;
}

.memberships-swiper .swiper-slide .card-membership {
  height: 152px;
  width: 263px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  margin: 0 auto;
}

.memberships-swiper .swiper-slide .card-membership img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.memberships-swiper .swiper-slide .card-membership:hover img {
  -webkit-filter: initial;
          filter: initial;
}

/*memberships-swiper*/
.stories-swiper .swiper-slide {
  width: 355px !important;
}
@media (max-width: 374px) {
  .stories-swiper .swiper-slide {
    width: 290px !important;
  }
}
.stories-swiper.with-numbers .swiper-slide {
  width: 454px !important;
  margin-left: 60px;
}
@media (max-width: 767px) {
  .stories-swiper.with-numbers .swiper-slide {
    margin-left: 0px;
  }
}
.stories-swiper.with-numbers .card-story-number {
  position: absolute;
  top: -10px;
  left: -102px;
  width: 142px;
  font-size: 248px;
  font-weight: 700;
  line-height: .9;
  text-align: right;
  -webkit-text-fill-color: white;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--primary);
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 767px) {
  .stories-swiper.with-numbers .swiper-slide {
    width: auto !important;
  }
  .stories-swiper.with-numbers .card-story-number {
    top: auto;
    left: 15px;
    bottom:15px;
    width: auto;
    font-size: 90px;
    z-index: 2;
  }
}
.stories-swiper .icon-arrow-left,
.stories-swiper .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}
.stories-swiper .swiper-pagination {
  position: static;
}

/*section m01*/
.section-m01-mobile .swiper-slide {
  width: 100%;
}
.section-m01-mobile .swiper-slide img,
.section-m01-mobile .swiper-slide iframe {
  width: 100%;
  height: 272px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.section-m01-mobile .icon-arrow-left,
.section-m01-mobile .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}
.section-m01-mobile .swiper-pagination {
  position: static;
}
.section-m01-mobile h2 {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: initial;
}
@media (max-width: 767px) {
    .section-m01-mobile h2 { -webkit-line-clamp:4; }
}

.section-m01-mobile p {
  height:44px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-m01-mobile .text-content {
  height: 263px;
}

/*section m13*/
.section-m13 .icon-arrow-left,
.section-m13 .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}
.section-m13 .swiper-pagination {
  position: static;
}
.section-m13 .swiper-slide {
  width: 277px !important;
}

/*section-financial-report*/
.section-financial-report .nav-financial-report {
  display: block;
}

.section-financial-report .nav-financial-report .nav-link {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: var(--black-medium);
  background: var(--white);
  text-transform: capitalize;
  line-height: 26px;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 17px 37px;
}

.section-financial-report .nav-financial-report .nav-link.active {
  background: var(--primary);
  color: var(--light-blue);
  position: relative;
}

.section-financial-report .nav-financial-report .nav-link.active::after {
  content: "\e904";
  position: absolute;
  right: 37px;
  font-family: "icons-teck";
}

	.section-financial-report .accordion-button {
  min-height: 60px;
  padding: 16px 23px;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}
.section-financial-report .accordion-button:after {
  display: none;
}
.section-financial-report .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}
.section-financial-report .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}
.section-financial-report .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}
.section-financial-report .accordion-button .icon {
  font-size: 25px;
}
.section-financial-report .accordion-button .icon-arrow-down {
  font-size: 11px;
}
.section-financial-report .accordion-button:not(.collapsed) .icon {
  color: var(--primary);
}
.section-financial-report .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}
.section-financial-report .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}
.section-financial-report .accordion-item {
  margin-bottom: 8px;
  border: 0 none;
}
.section-financial-report .accordion-body {
  padding: 26px;
  background: var(--white);
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
}
.section-financial-report .accordion-body .title {
  margin: 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.section-financial-report .accordion-body .btn-link {
  font-size: 14px;
}

.section-financial-report iframe {
  width: 100%;
}

/* section goals */
.section-goals .wrapper {
  position: relative;
  text-align: center;
}

.section-goals .goals-details-info {
  display: none;
}

.section-goals #svg-text-container {
  position: absolute;
  width: 190px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 0 15px;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}

.section-goals #svg-text-container h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 5px;
}

.section-goals #svg-text-container h3 {
  font-size: 13px;
  line-height: 15px;
  margin: 0 0 10px;
}

.section-goals #svg-text-container .btn {
  font-size: 13px;
  line-height: 15px;
  border: 1px solid #fff;
  padding: 5px 10px;
  color: #fff;
}

.section-goals #svg-text-container .btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

.section-goals g {
  cursor: pointer;
}

.section-goals #circle-info {
  transition: fill .4s ease;
  -webkit-transition: fill .4s ease;
  -ms-transition: fill .4s ease;
}

.section-goals .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #5EBB49;
}

.section-goals .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #DEB242;
}

.section-goals .st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #C72338;
}

.section-goals .st3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #4DA547;
}

.section-goals .st4 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #3E814D;
}

.section-goals .st5 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FBC12B;
}

.section-goals .st6 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #F04E39;
}

.section-goals .st7 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #F99D3A;
}

.section-goals .st8 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #0497D5;
}

.section-goals .st9 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #9E1C48;
}

.section-goals .st10 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #00C0E1;
}

.section-goals .st11 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #F3723A;
}

.section-goals .st12 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #EE3047;
}

.section-goals .st13 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #E22471;
}

.section-goals .st14 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #0F4C6C;
}

.section-goals .st15 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #C09539;
}

.section-goals .st16 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #066E9F;
}

.section-goals .st17 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #BCBEC0;
  stroke: #000;
  stroke-width: 10.0001;
  stroke-miterlimit: 2.6131;
}

.section-goals .st18 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke: #000;
  stroke-width: .5;
  stroke-miterlimit: 2.6131;
}

.section-goals .st19 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFF;
}

.section-goals .st20 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #FFF;
  stroke-width: 2.950000e-02;
  stroke-miterlimit: 10;
}

.section-goals .st21 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #EE3248;
  stroke: #000;
  stroke-width: 10.0001;
  stroke-miterlimit: 2.6131;
}

.section-goals .st22 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
}

.section-goals .st23 {
  fill: #FFF;
}

.section-goals .st25 {
  font-size: 12px;
}

.section-goals .st26 {
  font-size: 20.4244px;
}

.section-goals .st27 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #EE3248;
  stroke: #FFF;
  stroke-miterlimit: 2.6131;
}

.section-goals .st29 {
  font-size: 11px;
}

.section-goals .st30 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #5FBB49;
  stroke: #000;
  stroke-width: 10.0001;
  stroke-miterlimit: 2.6131;
}

.section-goals .accordion-button {
  min-height: 60px;
  padding: 16px;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}

.section-goals .accordion-button:after {
  display: none;
}

.section-goals .accordion-button:not(.collapsed) {
  background: inherit;
  color: #fff;
}

.section-goals .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.section-goals .accordion-button img {
  max-width: 100%;
  height: auto;
}

.section-goals .accordion-button .icon {
  font-size: 25px;
}

.section-goals .accordion-button .icon-arrow-down {
  font-size: 11px;
}

.section-goals .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}

.section-goals .accordion-item {
  margin-bottom: 6px;
  border: 0 none;
}

.section-goals .accordion-body {
  padding: 21px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0;
  color: var(--black-medium);
}

.section-goals .accordion-body table {
  min-width: 560px;
}

/*section faqs*/
.section-m17 {
  /* accordion */
}

.section-m17 .nav-faqs {
  display: block;
}

.section-m17 .nav-faqs .nav-link {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: var(--black-medium);
  background: var(--white);
  text-transform: capitalize;
  line-height: 26px;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 17px 40px 17px 23px;
}

.section-m17 .nav-faqs .nav-link.active {
  background: var(--primary);
  color: var(--light-blue);
  position: relative;
}

.section-m17 .nav-faqs .nav-link.active::after {
  content: "\e904";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "icons-teck";
}

.section-m17 .tab-content {
  padding: 36px 27px 36px 45px;
  background: var(--medium-blue-1);
  border-radius: 3px;
  color: var(--white);
}

.section-m17 .tab-content .tab-pane {
  /*height: 260px;*/
  padding-right: 15px;
  /*overflow-y: scroll;*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.section-m17 .tab-content .tab-pane::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.section-m17 .tab-content .tab-pane::-webkit-scrollbar-track {
  background: var(--transparent);
  border-radius: 3px;
}

.section-m17 .tab-content .tab-pane::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 3px;
}

.section-m17 .tab-content .tab-pane::-webkit-scrollbar-thumb:hover {
  background: var(--light-blue);
}

.section-m17 .tab-content .tab-pane a {
  color: var(--white);
}


.section-m17 .accordion-button {
  min-height: 60px;
  padding: 16px 23px;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m17 .accordion-button:after {
  display: none;
}

.section-m17 .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}

.section-m17 .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}

.section-m17 .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}

.section-m17 .accordion-button .icon {
  font-size: 25px;
}

.section-m17 .accordion-button .icon-arrow-down {
  font-size: 11px;
}

.section-m17 .accordion-button:not(.collapsed) .icon {
  color: var(--primary);
}

.section-m17 .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}

.section-m17 .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}

.section-m17 .accordion-item {
  margin-bottom: 8px;
  border: 0 none;
}

.section-m17 .accordion-body {
  margin-top: 8px;
  padding: 21px;
  background: var(--medium-blue-1);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0;
}

/* load more controls */
.section-m17.with-load-more .nav-item:nth-child(n+5) { display:none; }
.section-m17.with-load-more.show-all .nav-item:nth-child(n+5) { display:block; }
.with-load-more tr:nth-child(1), .with-load-more tr:nth-child(2), .with-load-more tr:nth-child(3), .with-load-more tr:nth-child(4), .with-load-more tr:nth-child(5) {
	display: table-row;
}
.with-load-more tr { display:none; }

/*section-tabs-strategy*/
.section-m64 {
  /* accordion */
}

.section-m64 .nav-tabs {
  display: block;
  border: 0 none;
}

.section-m64 .nav-tabs .nav-link {
  position: relative;
  font-size: 1.25rem;
  margin-bottom: 0;
  color: var(--black-medium);
  background: var(--white);
  text-transform: capitalize;
  line-height: 26px;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 17px 45px 17px 85px;
}

.section-m64 .nav-tabs .nav-link.active {
  background: var(--primary);
  color: var(--light-blue);
  position: relative;
}

.section-m64 .nav-tabs .nav-link.active::after {
  content: "\e904";
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "icons-teck";
}

.section-m64 .nav-tabs .nav-link.active .icon {
  color: var(--white);
}

.section-m64 .nav-tabs .icon {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 29px;
  color: var(--primary);
}

.section-m64 .tab-content {
  padding: 45px 40px 30px 25px;
  background: var(--primary);
  font-size: 16px;
  line-height: 30px;
  color: var(--white);
}

.section-m64 .tab-content .tab-pane {
  padding-right: 15px;
}

.section-m64 .tab-content h4 {
  font-size: 22px;
  line-height: 28px;
  color: var(--light-blue);
}

.section-m64 .tab-content .icon {
  display: inline-block;
  font-size: 110px;
}

.section-m64 .tab-content .btn-link {
  color: var(--white);
}

.section-m64 .accordion-button {
  min-height: 60px;
  padding: 16px 0;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m64 .accordion-button:after {
  display: none;
}

.section-m64 .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}

.section-m64 .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}

.section-m64 .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}

.section-m64 .accordion-button .icon {
  font-size: 25px;
}

.section-m64 .accordion-button .icon-arrow-down {
  font-size: 11px;
}

.section-m64 .accordion-button:not(.collapsed) .icon {
  color: var(--white);
}

.section-m64 .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}

.section-m64 .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}

.section-m64 .accordion-item {
  margin-bottom: 9px;
  border: 0 none;
}

.section-m64 .accordion-body {
  margin-top: 9px;
  padding: 21px;
  background: var(--primary);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  font-size: 16px;
  line-height: 22px;
  color: var(--white);
}

.section-m64 .accordion-body .icon {
  font-size: 110px;
}

.section-m64 .accordion-body h4 {
  text-align: center;
  color: var(--light-blue);
}

.section-m64 .accordion-body .btn-link {
  color: var(--white);
}

/*section-m06*/
.section-m06 .nav-tabs {
  display: block;
  border: 0 none;
}

.section-m06 .nav-tabs .nav-link {
  position: relative;
  height: 91px;
  margin-bottom: 7px;
  padding: 0 40px 0 66px;
  background: var(--white);
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
}

.section-m06 .nav-tabs .nav-link.no-icon { padding-left:40px; }

.section-m06 .nav-tabs .nav-link.active {
  background: var(--primary);
  color: var(--white);
}

.section-m06 .nav-tabs .nav-link.active::after {
  content: "\e904";
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 24px;
  font-family: "icons-teck";
  color: var(--light-blue);
  transform: translateY(-50%);
}

.section-m06 .nav-tabs .nav-link.active .icon, .section-m06 .nav-tabs .nav-link.active .title {
  color: var(--white);
}

.section-m06 .nav-tabs .nav-link .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 91px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m06 .nav-tabs .icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 66px;
  text-align: center;
  font-size: 35px;
  color: var(--primary);
  transform: translateY(-50%);
}

.section-m06 .tab-content {
  padding: 0 40px;
  background: var(--white);
  font-size: 20px;
  line-height: 30px;
}

.section-m06 .tab-content strong {
  color: var(--primary);
}

.section-m06 .tab-content a {
  color: var(--black-medium);
}


.section-m06 .accordion-button {
  min-height: 60px;
  padding: 16px 0;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m06 .accordion-button:after {
  display: none;
}

.section-m06 .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}

.section-m06 .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}

.section-m06 .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}

.section-m06 .accordion-button .icon {
  font-size: 25px;
}

.section-m06 .accordion-button .icon-arrow-down {
  font-size: 11px;
}

.section-m06 .accordion-button:not(.collapsed) .icon {
  color: var(--white);
}

.section-m06 .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}

.section-m06 .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}

.section-m06 .accordion-item {
  margin-bottom: 9px;
  border: 0 none;
}

.section-m06 .accordion-body {
  margin-top: 9px;
  padding: 21px;
  background: var(--medium-blue-1);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
}

.section-m06 .no-icon {
    margin-left: -22px;
}

/*section-M07*/
.section-m07 .nav-tabs .nav-link {
  padding: 0 35px;
}
	
/* section-contactUs-home */
.section-contactUs-home {
  height: 162px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 1199px) {
  .section-contactUs-home {
    height: 100%;
  }
}

.section-contactUs-home::after {
  position: absolute;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  content: '';
  display: block;
  background-color: var(--primary);
  width: 7px;
  height: 162px;
  top: 0;
  left: 40%;
}

@media (max-width: 1199px) {
  .section-contactUs-home::after {
    display: none;
  }
}

.section-contactUs-home .social-media {
  color: var(--primary);
  text-decoration: none;
  padding: 0 9px;
}

.section-contactUs-home .social-media:hover {
  color: var(--light-blue);
}

/* section-contactUs-home */
.section-contactUs__sub::after {
  content: '';
  display: block;
  width: 77px;
  height: 1px;
  background-color: var(--primary);
  position: relative;
  bottom: -16px;
}

@media (max-width: 1199px) {
  .section-contactUs__sub::after {
    bottom: -14px;
  }
}

.section-contactUs__content {
  width: 100%;
  min-height: 162px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 1199px) {
  .section-contactUs__content {
    height: 100%;
  }
}

.section-contactUs__content .text p {
  color: var(--black-medium);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .section-contactUs__content .text p {
    font-size: 18px;
  }
}

.section-contactUs__content:not(.dark-site)::after {
  position: absolute;
  -webkit-transform: skew(-20deg) translateY(-50%);
          transform: skew(-20deg) translateY(-50%);
  content: '';
  display: block;
  background-color: var(--primary);
  width: 7px;
  height: 162px;
  top: 50%;
  left: 47.5%;
}

@media (max-width: 1680px) {
  .section-contactUs__content::after {
    left: 46% !important;
  }
}

@media (max-width: 1199px) {
  .section-contactUs__content::after {
    display: none !important;
  }
}

.section-contactUs__content .social-media {
  color: var(--primary);
  text-decoration: none;
  padding: 0 9px;
  font-size:18px;
}

.section-contactUs__content .social-media:hover {
  color: var(--light-blue);
}

/*pre-footer*/
.pre-footer {
  height: 314px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .pre-footer {
    height: 100%;
  }
}

.pre-footer__img {
  height: 314px;
}

@media (max-width: 991px) {
  .pre-footer__img {
    height: 100%;
  }
}

.pre-footer__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .pre-footer__img {
    height: 190px;
  }
}

.pre-footer__text {
  position: relative;
  height: 100%;
}

@media (max-width: 991px) {
  .pre-footer__text {
    height: auto;
  }
}

.pre-footer__text::after {
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  background-color: var(--medium-blue-1);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: -57px;
}

@media (max-width: 991px) {
  .pre-footer__text::after {
    display: none;
  }
}

.pre-footer--left {
    height: 242px;
}

@media (max-width: 1199px) {
  .pre-footer--left {
    height: 100%;
  }
}
.pre-footer--left .pre-footer__img {
  height: 242px;
}
@media (max-width: 1199px) {
  .pre-footer--left .pre-footer__img {
    height: auto;
  }
}
.pre-footer--left .pre-footer__text::after {
  background-color: var(--primary);
  left: auto;
  right: -57px;
}

.pre-footer .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  .pre-footer .text {
    position: static;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    background-color: var(--medium-blue-1);
  }
}

/*section-products*/
.section-products {
  overflow: hidden;
}

.section-products__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 72px;
}

@media (max-width: 575px) {
  .section-products__info {
    padding-bottom: 42px;
  }
}

/*section-value*/
.section-value {
  overflow: hidden;
}

.section-value__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 72px;
}

.section-value .swiper-position {
  position: absolute;
  left: 0;
}

@media (max-width: 767px) {
  .section-value .swiper-position {
    position: relative;
    left: initial;
  }
}

.section-value .card-products .bg-card .product::after {
  background-color: var(--primary);
}

.slideshow-bundle {
  height: 540px;
}

.slideshow-primary .swiper-position {
  position: absolute;
}

@media (max-width: 767px) {
  .slideshow-primary .swiper-position {
    position: relative;
  }
}

.slideshow-primary .icon-arrow-left,
.slideshow-primary .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.icon-arrow-left:hover,
.icon-arrow-right:hover { opacity:0.6; }

.slideshow-primary .swiper-pagination {
  position: static;
}

.slideshow-primary .swiper {
  height: auto;
}

.slideshow-primary .swiper-wrapper {
  height: auto;
}

.slideshow-primary .swiper-wrapper .swiper-slide:first-child() {
  margin-left: 20px;
}

@media (max-width: 575px) {
  .slideshow-primary .swiper-wrapper .swiper-slide:first-child() {
    margin-left: 0px;
  }
}

.slideshow-primary .swiper-wrapper .swiper-slide:last-child() {
  margin-right: 20px;
}

@media (max-width: 575px) {
  .slideshow-primary .swiper-wrapper .swiper-slide:last-child() {
    margin-right: 0px;
  }
}

.slideshow-primary .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*section-tab-map*/
.section-tab-map .icon-arrow-left,
.section-tab-map .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.section-tab-map .swiper-pagination {
  position: static;
}

.section-tab-map .tab-products {
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, var(--blue)), color-stop(20%, var(--white)));
  background: linear-gradient(90deg, var(--blue) 20%, var(--white) 20%);
}

@media (min-width: 1920px) {
  .section-tab-map .tab-products {
    background: -webkit-gradient(linear, left top, right top, color-stop(28%, var(--blue)), color-stop(28%, var(--white)));
    background: linear-gradient(90deg, var(--blue) 28%, var(--white) 28%);
  }
}

@media (max-width: 1399px) {
  .section-tab-map .tab-products {
    background: -webkit-gradient(linear, left top, right top, color-stop(19%, var(--blue)), color-stop(19%, var(--white)));
    background: linear-gradient(90deg, var(--blue) 19%, var(--white) 19%);
  }
}

@media (max-width: 1240px) {
  .section-tab-map .tab-products {
    background: -webkit-gradient(linear, left top, right top, color-stop(17%, var(--blue)), color-stop(17%, var(--white)));
    background: linear-gradient(90deg, var(--blue) 17%, var(--white) 17%);
    height: 390px;
  }
}

@media (max-width: 1199px) {
  .section-tab-map .tab-products {
    background: linear-gradient(180deg, var(--blue) 70px, var(--white) 70px);
    height: 390px;
  }
}

.section-tab-map .tab-products .proyect {
  height: 100%;
  max-height: 369px;
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.section-tab-map .tab-products .proyect::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.section-tab-map .tab-products .proyect::-webkit-scrollbar-track {
  background: var(--transparent);
  border-radius: 0;
}

.section-tab-map .tab-products .proyect::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 3px;
}

.section-tab-map .tab-products .proyect::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

.section-tab-map .tab-products .nav-pills__main {
  background-color: var(--primary);
  height: 100%;
  max-height: 369px;
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.section-tab-map .tab-products .nav-pills__main::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.section-tab-map .tab-products .nav-pills__main::-webkit-scrollbar-track {
  background: var(--transparent);
  border-radius: 0;
}

.section-tab-map .tab-products .nav-pills__main::-webkit-scrollbar-thumb {
  background: var(--green-1);
  border-radius: 3px;
}

.section-tab-map .tab-products .nav-pills__main::-webkit-scrollbar-thumb:hover {
  background: var(--green-1);
}

.section-tab-map .tab-products .nav-pills__main .nav-link__main {
  background-color: var(--transparent);
  color: var(--white);
  font-size: 30px;
  margin: 19px 60px 19px 0px;
  padding: 0;
  border-bottom: 3px solid var(--transparent);
  border-top: 2px solid var(--transparent);
  border-radius: 0;
  font-weight: 700;
}

@media (max-width: 575px) {
  .section-tab-map .tab-products .nav-pills__main .nav-link__main {
    font-size: 20px;
  }
}

.section-tab-map .tab-products .nav-pills__main .nav-link__main:hover {
  border-bottom: 3px solid var(--white);
}

.section-tab-map .tab-products .nav-pills__main .nav-link__main.active {
  color: var(--green-1);
}

.section-tab-map .tab-products .nav-pills__main li:first-of-type .nav-link__main {
  margin: 21px 60px 19px 0px;
}

.section-tab-map .tab-products .nav-pills__main li:last-of-type .nav-link__main {
  margin: 20px 60px 21px 0px;
}

.section-tab-map .tab-products .nav-link__inside {
  background-color: var(--transparent);
  padding: 10px 0 9px;
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid var(--light-grey-5);
}

.section-tab-map .tab-products .nav-link__inside p {
  display: inline-block;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  color: var(--black-medium);
  border-bottom: 3px solid var(--transparent);
  border-top: 2px solid var(--transparent);
}

.section-tab-map .tab-products .nav-link__inside:hover p {
  border-bottom: 3px solid var(--black-medium);
}

.section-tab-map .tab-products .nav-link__inside.active p {
  color: var(--medium-blue-1);
}

.section-tab-map .map-content {
  position: relative;
  height: 369px;
}

.section-tab-map .map-content a {
  text-decoration: none;
}

.section-tab-map .map-content a:hover {
  text-decoration: none;
}

@media (max-width: 1199px) {
  .section-tab-map .map-content {
    height: auto;
    padding-left: 0px;
  }
}

.section-tab-map .map-content .back {
  height: 100%;
}

.section-tab-map .map-content .back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .section-tab-map .map-content .back {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .section-tab-map .map-content .back img {
    width: auto;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.section-tab-map .map-content .front {
  background-color: var(--primary);
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 351px;
  width: 100%;
  padding: 19px 37px 13px 30px;
  z-index: 1;
}

@media (max-width: 1199px) {
  .section-tab-map .map-content .front {
    position: static;
    max-width: 100%;
  }
}

.section-tab-map .map-content .front .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 0;
  color: var(--white);
}

@media (max-width: 768px) {
  .section-tab-map .map-content .front .title {
    font-size: 25px;
    height: 70px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .section-tab-map .map-content .front .p {
    height: 88px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.section-tab-map .select-content .icon {
  color: var(--primary);
}

.section-tab-map .select-content .mainSelect + .select2-container .select2-selection--single {
  border-color: var(--primary);
}

.section-tab-map .select-content .mainSelect + .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--black-dark);
}

.section-tab-map .info-projects {
  background-color: var(--primary);
  width: 100%;
  padding: 19px 37px 13px 30px;
  z-index: 1;
}

.section-tab-map .info-projects .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 0;
  color: var(--white);
}

@media (max-width: 768px) {
  .section-tab-map .info-projects .title {
    font-size: 25px;
    height: 70px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .section-tab-map .info-projects .p {
    height: 88px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}


/*banner*/
.banner {
  position: relative;
  /*height: 602px;*/
}

.banner .layer-bg {
  /*height: 602px;*/
}

.banner .layer-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1200px -1px) {
  .banner .layer-bg img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.banner .layer-front {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 767px) {
  .banner .h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .banner .h1 {
    font-size: 30px;
    line-height: 34px;
  }
}

/*section-image*/
.section-image {
  position: relative;
  height: 449px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .section-image {
    height: 100%;
  }
}

.section-image .layer-bg {
  height: 449px;
  /*text-align: right;
  overflow: hidden;*/
}

/*@media (max-width: 991px) {
  .section-image .layer-bg {
    height: 340px;
  }
  .section-image .layer-bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
}

@media (max-width: 575px) {
  .section-image .layer-bg {
    height: 220px;
  }
}*/

.section-image .layer-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-image .layer-front {
  position: absolute;
  width: 100%;
  max-width: 720px;
  left: 0;
  top: auto;
  bottom: 0;
  display: block;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .section-image .layer-front {
    max-width: 65% !important;
  }
}

@media (max-width: 991px) {
  .section-image .layer-front {
    width: 100%;
    height: auto;
    max-width: 100% !important;
    background-color: inherit;
    position: relative;
  }
}

.section-image .layer-front .info {
  z-index: 2;
}

.section-image .layer-front p {
  /*max-width: 410px;
  max-height: 66px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;*/
}

@media (max-width: 991px) {
  .section-image .layer-front p {
    max-width: 100%;
  }
}

.section-image .layer-front .h2 {
  text-transform: initial;
  max-width: 609px;
}

@media (max-width: 1199px) {
  .section-image .layer-front .h2 {
    max-width: 455px;
  }
}

@media (max-width: 991px) {
  .section-image .layer-front .h2 {
    max-width: 100%;
  }
}

.section-image .layer-front::after {
  position: absolute;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  content: '';
  background-color: var(--primary);
  /*left: -329px;*/
  left: -100px;
  bottom: 0;
  top: 0;
  /*width: 996px;*/
  width: 100%;
  z-index: 1;
}

.section-image .layer-front .p--small a { color:var(--white); }
/*.section-m02-multi .section-image .layer-front::after { width:1050px; }*/

@media (max-width: 1199px) {
  .section-image .layer-front::after {
    /*left: -531px;*/
  }
}

@media (max-width: 991px) {
  .section-image .layer-front::after {
    display: none;
  }
}
.section-image--big {
  height: 600px;
}
@media (max-width: 1199px) {
  .section-image--big {
    height: 100%;
  }
}
.section-image--big .layer-bg {
  height: 600px;
}
@media (max-width: 1199px) {
  .section-image--big .layer-bg {
    height: auto;
  }
}
.section-image--big .layer-bg .p {
  height: 174px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-image--big .layer-front::after {
  /*left: -85px*/
}

.section-image .btn-link {
  color: #fff;
  white-space: initial;
}

.section-image .btn-link:hover { border-color:var(--white); }

/*card-releases*/
.card-releases {
  -webkit-box-shadow: 0px 2px 15px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 15px rgba(154, 153, 153, 0.25);
  padding: 36px 28px 40px;
}

.card-releases__img {
  width: 451px;
  height: 218px;
}

@media (max-width: 1199px) {
  .card-releases__img {
    width: 380px;
  }
}

@media (max-width: 991px) {
  .card-releases__img {
    width: 451px;
    height: 218px;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 991px) {
  .card-releases__img {
    width: 100%;
  }
}

.card-releases__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-releases .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

.card-releases .btn-download {
  background-color: var(--green-1);
}

.card-releases .btn-download .text-btn {
  color: var(--white);
}

.card-releases .btn-download .download {
  color: var(--white);
}

.card-releases .btn-download:hover, .card-releases .btn-download.show {
  color: var(--medium-blue-1);
  border: 1px solid var(--medium-blue-1);
}

.card-releases .btn-download:hover::after, .card-releases .btn-download.show::after {
  opacity: 1;
  width: 140%;
  background: var(--medium-blue-1);
}

/*card-reports*/
.card-reports {
  -webkit-box-shadow: 0px 2px 15px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 15px rgba(154, 153, 153, 0.25);
  padding: 15px 40px 15px 21px;
  max-width: 606px;
  min-height: 271px;
}

.card-reports__img {
  width: 169px;
  height: 209px;
  margin: 0 auto;
}

.card-reports__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-reports__info {
  height: 241px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-reports .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

.card-reports .btn-download:hover, .card-reports .btn-download.show {
  color: var(--medium-blue-1);
  border: 1px solid var(--medium-blue-1);
}

.card-reports .btn-download:hover::after, .card-reports .btn-download.show::after {
  opacity: 1;
  width: 140%;
  background: var(--medium-blue-1);
}

/*section-race*/
.section-race__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 22px;
}

@media (max-width: 991px) {
  .section-race__info {
    padding-bottom: 72px;
  }
}

.section-race .swiper-fraction .icon-arrow-left,
.section-race .swiper-fraction .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: var(--white);
  display: inline-block;
  border: none;
  padding: 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .section-race .swiper-fraction .icon-arrow-left,
  .section-race .swiper-fraction .icon-arrow-right {
    background-color: var(--transparent);
  }
}

.section-race .swiper-fraction .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 2;
}

.section-race .swiper-fraction .swiper-pagination {
  position: static;
  font-size: 25px;
  font-weight: 400;
  background-color: var(--white);
  line-height: 1;
  z-index: inherit;
}

@media (max-width: 1199px) {
  .section-race .swiper-fraction .swiper-pagination {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .section-race .swiper-fraction .swiper-pagination {
    background-color: var(--transparent);
  }
}

.section-race .swiper-fraction .swiper-pagination .swiper-pagination-current {
  color: var(--medium-blue-1);
}

.section-race .swiper-fraction .swiper-pagination .swiper-pagination-total {
  color: var(--primary);
}

.section-race .swiper-fraction .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-race .swiper-fraction .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-position: center;
}

.section-race .swiper-fraction .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-race .swiper-fraction .race-swiper-top {
  height: 485px;
  width: 100%;
  padding-bottom: 167px;
}

.section-race .swiper-fraction .race-swiper-top p {
  position: absolute;
  bottom: -150px;
  background-color: var(--white);
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  max-width: 340px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575px) {
  .section-race .swiper-fraction .race-swiper-top p {
    font-size: 16px;
    line-height: 20px;
    bottom: -140px;
  }
}


.section-race .swiper-fraction .race-swiper-bottom {
  height: 95px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-race .swiper-fraction .race-swiper-bottom .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.section-race .swiper-fraction .race-swiper-bottom .swiper-slide-thumb-active {
  opacity: 1;
}

/*section m12*/
.section-m12 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.section-m12 .item--bg1 {
  background: var(--medium-blue-1);
}

.section-m12 .item--bg2 {
  background: var(--primary);
  height:100%;
}

.section-m12 .row-2 .item--bg1 .info,
.section-m12 .row-5 .item--bg1 .info,
.section-m12 .row-8 .item--bg1 .info { background:var(--blue-grey); }

.section-m12 .item .info {
  width: 50%;
  padding: 30px 40px 22px;
  min-height: 320px;
}

.section-m12 .m12-facts-indiv {
    border: 0;
    /*text-align: left;*/
    color: white;
    margin-bottom: 10px;
}

.section-m12 .numbers {
    text-align: center;
    height: 300px;
    background: var(--medium-blue-1);
    padding: 30px;
}

.section-m12 .numbers strong {
    display: block;
    /*font-family: lota-semibold;*/
    font-size: 50px;
    color: #fff;
    /*text-align: left;*/
    /*margin: 0px 0px 10px;*/
}

.section-m12 .numbers span {
    display: block;
    /*font-family: lota-bold;*/
    font-size: 16px;
    color: #fff;
    padding-bottom: 40px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: -10px;
}

.section-m12 .numbers .html {
    background: transparent;
    border-top: 3px solid #fff;
    padding: 15px 0px;
    position: relative;
    min-height: 0;
    height: 65px;
}

.section-m12 footer {
    color: #333;
    font-size: 11px;
    padding: 10px 5px;
}

.section-m12 .btn {
    /*display: inline-block;*/
    padding: 15px 20px;
    margin-right: 40px;
}

.section-m12 .btn-label {
    position: absolute;
    transform: translate(-255px,70px);
}

@media (max-width: 768px) {
    
    .section-m12 .btn {
        margin: 10px auto;
    }
    
    .section-m12 .numbers {
        padding: 10px;
    }
    .section-m12 .numbers strong {
        font-size: 60px;
    }
}

@media (max-width: 1200px) {
  .section-m12 .item .info {
    padding: 20px;
    /*min-height: 0;*/
  }
}

.section-m12 .item .info h4 {
  padding-bottom: 10px;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .section-m12 .item .info h4 {
    font-size: 25px;
  }
}

.section-m12 .item .info .description {
  /*height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;*/
}
@media (max-width: 991px) {
  .section-m12 .item .info .description {
    height: 100%;
  }
}

.section-m12 .item .info .paragraph {
  height: 132px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991px) {
  .section-m12 .item .info .paragraph {
    height: auto;
    -webkit-line-clamp: initial;
  }
}

.section-m12 .item > img {
  width: 50%;
  /*height: 296px;*/
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 992px) {
  .section-m12 .item {
    width: 100%;
  }
}


/* m16 */

.section-m16.purple { background:var(--purple); }
.section-m16.purple h2,
.section-m16.purple p { color:var(--white); }


/*news alternative*/

@media (min-width: 1200px) {
	.section-news-alt .border-left-light {
		border-left: 1px solid var(--blue-grey);
	}
}


/*Card global04*/

.card-callout-v2 {
	max-width: 461px;
	max-height: 398px;
	margin: 0 auto;
	/*max-width: 100%;*/
	position: relative; 
	overflow: hidden;
}

.section-m16--v3 .card-callout-v2 {
    height: 461px !important;
    max-height: none !important;
}

.card-callout-v2 img { width: 18%; }

@media (min-width: 992px) {
  .card-callout-v2 {
    max-height: 461px;
  }
}

.card-callout-v2 .bg-card {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	overflow: hidden;
}

.card-callout-v2 .bg-card img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.card-callout-v2 .bg-card .title {
	position: absolute;
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 5px 60px 5px 20px;
	bottom: 0;
	left: 0;
    display: flex;
    align-items: center;
    background-color: var(--primary);
	font-size: 19px;
	line-height: 1.2;
	overflow: hidden;
	z-index: 1;
}

.section-m16--v3 .card-callout-v2 .bg-card .title {
    height: 106px;
    padding: 0 21px;
}

.section-m16--v3 .card-callout-v2 .bg-card h2 {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 150px;
    padding: 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.section-m16--v3 .card-callout-v2 h2 + p + p,
.section-m16--v3 .card-callout-v2 .title p + p {
    margin-top: 0;
    font-weight: bold;
}

.section-m16--v3 .front-card .text-content {
    height: 358px;
    overflow: auto;
}

.section-m16--v3 .front-card .text-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.section-m16--v3 .front-card .text-content::-webkit-scrollbar-track {
  background: var(--transparent);
  border-radius: 3px;
}

.section-m16--v3 .front-card .text-content::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 3px;
}

.section-m16--v3 .front-card .text-content::-webkit-scrollbar-thumb:hover {
  background: var(--light-blue);
}

.card-callout-v2 .bg-card .title::after {
  content: "\e91d";
  position: absolute;
  top: 52%;
  right: 18px;
  font-family: 'icons-teck' !important;
  -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.section-m16--v3 .card-callout-v2 .html p {
    font-size: 18px;
}

.card-callout-v2 .front-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 75%;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--primary);
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
}

.section-m16--v3 .card-callout-v2 .front-card h2:after {
    content: "";
    display: block;
    width: 69px;
    height: 2px;
    margin-top: 10px;
    background: white;
}

.card-callout-v2 .front-card .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 36px 0px;
}

.card-callout-v2 .front-card .info .info-title {
	max-width: 300px;
	margin: 0 auto;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*max-height: 60px;*/
    overflow: hidden;
}

.card-callout-v2 .front-card .btn-primary {
    padding: 5px 15px;
    min-height: 0;
    margin-top: 10px;
}

.card-callout-v2:hover .front-card {
	opacity: 1;
	top: 0;
}


/*Card M50*/
.card-m50 {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 220px;
  height: 122px;
  max-width: 100%;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 7px;
}

.card-m50--skin-one {
  background-color: var(--white);
  position: relative;
  overflow: hidden;
  /* added fixed height to address mobile */
  height:283px;
  padding: 24px 16px;
}

.card-m50--skin-one:hover {
    -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.75);
}

.card-m50--skin-one::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: -100px;
    width: 250px;
    height: 200px;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    background-color: var(--primary);
}

@media (min-width: 992px) {
  .card-m50--skin-one {
    width: 250px;
    height: 352px;
  }
}

.card-m50--skin-one .title {
  font-weight: 700;
  line-height: 26px;
}

.card-m50--skin-one .time {
  font-weight: 600;
  font-size: 12px;
}

.card-m50--skin-one .logo {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.card-m50--skin-two {
  position: relative;
  overflow: hidden;
  min-width: 250px;
  height: 324px;
}

@media (min-width: 992px) {
  .card-m50--skin-two {
    width: 250px;
    height: 360px;
  }
  
  .card-m50--skin-two.card-m50--skin-two__md { height:324px; }
}

.card-m50--skin-two__md-wrapper { width:250px; }

.card-m50--skin-two .bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

.card-m50--skin-two:not(.no-blue-cover)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: -100px;
  width: 250px;
  height: 200px;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  background-color: var(--primary);
  z-index: 0;
}

.card-m50--skin-two .icon-toggle {
  position: absolute;
  z-index:2;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 42px;
}

.card-m50--skin-two .icon-toggle span {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 8px;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 2.08325C10.4399 2.08325 8.42599 2.69418 6.71298 3.83878C4.99997 4.98337 3.66484 6.61024 2.87642 8.51363C2.08801 10.417 1.88172 12.5115 2.28365 14.5321C2.68558 16.5527 3.67767 18.4088 5.13447 19.8656C6.59127 21.3224 8.44734 22.3145 10.468 22.7164C12.4886 23.1184 14.5831 22.9121 16.4865 22.1237C18.3899 21.3353 20.0167 20.0001 21.1613 18.2871C22.3059 16.5741 22.9168 14.5601 22.9168 12.4999C22.9168 11.132 22.6474 9.77744 22.1239 8.51363C21.6004 7.24982 20.8331 6.1015 19.8659 5.13422C18.8986 4.16695 17.7503 3.39966 16.4865 2.87617C15.2226 2.35269 13.8681 2.08325 12.5002 2.08325ZM12.5002 20.8333C10.852 20.8333 9.24082 20.3445 7.87041 19.4288C6.50001 18.5132 5.4319 17.2117 4.80117 15.6889C4.17044 14.1662 4.00541 12.4907 4.32696 10.8742C4.6485 9.25766 5.44217 7.7728 6.60761 6.60736C7.77305 5.44192 9.25791 4.64825 10.8744 4.32671C12.4909 4.00516 14.1665 4.17019 15.6892 4.80092C17.2119 5.43165 18.5134 6.49976 19.4291 7.87017C20.3448 9.24058 20.8335 10.8517 20.8335 12.4999C20.8335 14.7101 19.9555 16.8297 18.3927 18.3925C16.8299 19.9553 14.7103 20.8333 12.5002 20.8333ZM16.6668 11.4583H13.5418V8.33325C13.5418 8.05698 13.4321 7.79203 13.2367 7.59668C13.0414 7.40133 12.7764 7.29158 12.5002 7.29158C12.2239 7.29158 11.9589 7.40133 11.7636 7.59668C11.5682 7.79203 11.4585 8.05698 11.4585 8.33325V11.4583H8.3335C8.05723 11.4583 7.79228 11.568 7.59693 11.7633C7.40158 11.9587 7.29183 12.2237 7.29183 12.4999C7.29183 12.7762 7.40158 13.0411 7.59693 13.2365C7.79228 13.4318 8.05723 13.5416 8.3335 13.5416H11.4585V16.6666C11.4585 16.9429 11.5682 17.2078 11.7636 17.4032C11.9589 17.5985 12.2239 17.7083 12.5002 17.7083C12.7764 17.7083 13.0414 17.5985 13.2367 17.4032C13.4321 17.2078 13.5418 16.9429 13.5418 16.6666V13.5416H16.6668C16.9431 13.5416 17.2081 13.4318 17.4034 13.2365C17.5988 13.0411 17.7085 12.7762 17.7085 12.4999C17.7085 12.2237 17.5988 11.9587 17.4034 11.7633C17.2081 11.568 16.9431 11.4583 16.6668 11.4583Z' fill='white'/%3E%3Cpath d='M12.5002 2.0835C10.4399 2.0835 8.42599 2.69442 6.71298 3.83902C4.99997 4.98362 3.66484 6.61048 2.87642 8.51388C2.08801 10.4173 1.88172 12.5117 2.28365 14.5324C2.68558 16.553 3.67767 18.4091 5.13447 19.8659C6.59127 21.3227 8.44734 22.3147 10.468 22.7167C12.4886 23.1186 14.5831 22.9123 16.4865 22.1239C18.3899 21.3355 20.0167 20.0004 21.1613 18.2874C22.3059 16.5743 22.9168 14.5604 22.9168 12.5002C22.9168 11.1322 22.6474 9.77768 22.1239 8.51388C21.6004 7.25007 20.8331 6.10174 19.8659 5.13447C18.8986 4.16719 17.7503 3.3999 16.4865 2.87642C15.2226 2.35293 13.8681 2.0835 12.5002 2.0835ZM12.5002 20.8335C10.852 20.8335 9.24082 20.3448 7.87041 19.4291C6.50001 18.5134 5.4319 17.2119 4.80117 15.6892C4.17044 14.1665 4.00541 12.4909 4.32696 10.8744C4.6485 9.2579 5.44217 7.77304 6.60761 6.60761C7.77305 5.44217 9.25791 4.6485 10.8744 4.32695C12.4909 4.00541 14.1665 4.17044 15.6892 4.80117C17.2119 5.4319 18.5134 6.5 19.4291 7.87041C20.3448 9.24082 20.8335 10.852 20.8335 12.5002C20.8335 14.7103 19.9555 16.8299 18.3927 18.3927C16.8299 19.9555 14.7103 20.8335 12.5002 20.8335ZM16.6668 11.4585H13.5418V8.3335C13.5418 8.05723 13.4321 7.79228 13.2367 7.59693C13.0414 7.40158 12.7764 7.29183 12.5002 7.29183C12.2239 7.29183 11.9589 7.40158 11.7636 7.59693C11.5682 7.79228 11.4585 8.05723 11.4585 8.3335V11.4585H8.3335C8.05723 11.4585 7.79228 11.5682 7.59693 11.7636C7.40158 11.9589 7.29183 12.2239 7.29183 12.5002C7.29183 12.7764 7.40158 13.0414 7.59693 13.2367C7.79228 13.4321 8.05723 13.5418 8.3335 13.5418H11.4585V16.6668C11.4585 16.9431 11.5682 17.208 11.7636 17.4034C11.9589 17.5987 12.2239 17.7085 12.5002 17.7085C12.7764 17.7085 13.0414 17.5987 13.2367 17.4034C13.4321 17.208 13.5418 16.9431 13.5418 16.6668V13.5418H16.6668C16.9431 13.5418 17.2081 13.4321 17.4034 13.2367C17.5988 13.0414 17.7085 12.7764 17.7085 12.5002C17.7085 12.2239 17.5988 11.9589 17.4034 11.7636C17.2081 11.5682 16.9431 11.4585 16.6668 11.4585Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.card-m50--skin-two .icon-toggle:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  right: -10px;
  width: 75px;
  height: 42px;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  background-color: var(--primary);
}

.card-m50--skin-two .info {
  padding: 24px 16px;
  z-index: 1;
  max-width: 160px;
  position: absolute;
  height: 50%;
}

.card-m50--skin-two .info .title {
  font-size: 12px;
  color: var(--white);
  font-weight: 400;
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 54px;
  overflow: hidden;
}

.card-m50--skin-two .info .subtitle {
  font-size: 10px;
  color: var(--white);
  font-weight: 400;
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 30px;
  overflow: hidden;
}

.card-m50 .front-card {
  z-index: 2;
  position: absolute;
  top: 75%;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary);
  padding: 18px 18px 18px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.card-m50 .front-card .btn-download {
  padding: 0;
}

.card-m50 .front-card .p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 132px;
  overflow: hidden;
}

.card-m50:hover .front-card {
  top: 0;
  opacity: 1;
}

.card-m50 .logo {
  height: 20px;
}

/* add padding to prevent reports shadow from getting cut off */
.swiper.m50-swiper { padding:25px 25px 25px 0px; }

/* m09 */
.section-m09 h2,.section-m09 .h2,.section-m09 .p { color: var(--white); }

.section-m09 .layer-front {
  height: 100%;
  max-width: 55%;
}

@media (max-width: 1199px) {
  .section-m09 .layer-front {
    max-width: 65% !important;
  }
}

@media (max-width: 991px) {
  .section-m09 .layer-front {
    max-width: 100% !important;
    height: auto;
  }
}

/*card M70*/

.card-m70 {
	display: block;
	text-decoration: none;
	width: 575px;
	height: 323px;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 7px;
}

.card-m70 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.card-m70 .title {
	position: absolute;
	width: 100%;
	height: 72px;
	margin: 0;
	padding: 0 25px;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1;
}


/*section-M88*/

.section-m88 .card-M88 {
  background-color: var(--light-grey-5);
}

/*@media (min-width: 992px) {
  .section-m88 .card-M88 {
    min-height: 400px;
  }
  .section-m88 .title {
    min-height: 88px;
  }
  .section-m88 .issue-item .col-12 {
    height: 188px;
  }
  .section-m88 .issue-item p {
      min-height: 75px;
      padding-right: 15px;
  }
}*/
/*section-M88*/

.section-m88 .card-M88 {
	background-color: var(--light-grey-5);
}

.section-m88 .card-M88--big {
	padding: 39px 32px 46px;
}

.section-m88 .card-M88--big img {
	width: 278px;
	height: 278px;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (max-width: 767px) {
	.section-m88 .card-M88--big img {
		width: 178px;
		height: 178px;
	}
}

.section-m88 .card-M88--small {
	display: block;
	padding: 20px 21px 22px;
}

@media (max-width: 575px) {
	.section-m88 .card-M88--small {
		text-align: center;
	}
}

.section-m88 .card-M88--small img {
	width: 110px;
	height: 110px;
	-o-object-fit: contain;
	object-fit: contain;
}

.section-m88 .card-M88--small:hover {
	color: var(--black-medium);
}


.section-m88 .img-cover {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-m88 .issue-item .img-cover {
  height: 188px !important;
}

.section-m88 .title {
  font-weight: 600;
}

.section-m88 .btn-link-sm {
  font-size: 14px;
}


/*Card M89*/

.card-m89 {
	width: 360px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.card-m89 {
	    width: 230px;
	}
}


.card-m89 img {
	width: 100%/*360px*/;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.card-m89 .category {
	height: 30px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-m89 .info {
	font-weight: 700;
	display: block;
}

@media (min-width: 992px) {
    .card-m89 .info {
    	min-height: 70px;
    	display: -webkit-box;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
    }
}

/*Card M13*/

.card-m13 {
	display: block;
	text-decoration: none;
	width: 277px;
	height: 436px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

@media (max-width: 575px) {
	.card-m13 {
		width: 100%;
	}
}

.card-m13 .bg-card {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.card-m13 .bg-card img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/* for icon variant */
.section-m13.icons .card-m13 .bg-card img {
    width: auto;
    height: auto;
    margin-top: -95px;
    padding: 50px;
}

.card-m13 .bg-card .product {
	position: absolute;
	padding: 8px 50px 0 16px;
	bottom: 0;
	left:0;
  width: 100%;
  background: var(--primary);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
    min-height: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.card-m13 .bg-card .product span {
	font-size: 31px;
	font-weight: 700;
	line-height: 40px;
	z-index: 1;
}

.card-m13 .bg-card .product::after {
	content: "\e91d";
    position: absolute;
    top: 52%;
    right: 18px;
    font-family: 'icons-teck' !important;
    -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.card-m13 .front-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

.card-m13 .front-card .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	z-index: 3;
	padding: 40px 32px;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.card-m13 .front-card .info .p,
.card-m13 .front-card .info p {
	/*height: 132px;*/
	height: 286px;
	overflow:auto;
}

.m34 .card-m13 .front-card .info .p, 
.m34 .card-m13 .front-card .info p { height: auto; }

.section-m13.icons .card-m13 .front-card .info p {
    height: 250px;
}

.card-m13 .front-card .info p.large { height:300px; }

.card-m13 .front-card .info p::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.card-m13 .front-card .info p::-webkit-scrollbar-track {
  background: var(--transparent);
  border-radius: 3px;
}

.card-m13 .front-card .info p::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 3px;
}

.card-m13 .front-card .info p::-webkit-scrollbar-thumb:hover {
  background: var(--light-blue);
}

.card-m13 .front-card:before {
	background-color: var(--primary);
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 0%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}

.card-m13:hover .front-card .info {
	opacity: 1;
}

.card-m13:hover .front-card:before {
	opacity: 1;
	width: 200%;
}

/*section-M32*/

.section-m32 .news-download {
	padding: 4px 0;
	-webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
	box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
	border-radius: 0px 0px 3px 3px;
}

@media (max-width: 991px) {
	.section-m32 .news-download {
		padding: 16px;
	}
}

/* m60 */

.section-m60 .card-m50--skin-one,
.section-m60 .card-m50--skin-two { width:100%;height:363px; }
.section-m60 .card-story { width:280px; }
.section-m60 .card-story .info { padding:15px; }
.section-m60 .card-story .info .title { height:auto;min-height:70px; }
.section-m60 .card-story:hover .info { background:var(--white); }
.section-m60 .card-story:hover .info .title { color:var(--primary); }
.section-m60 .stories-swiper.with-numbers .swiper-slide { width:325px !important; }
.section-m60 .stories-swiper.with-numbers .item-9 .card-story-number { left:-175px; }

/*card M66*/
.card-m66 {
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  background: var(--white);
  border-radius: 3px;
  padding: 30px 46px;
}

/*card M95*/
.card-m95 {
  padding-bottom: 20px;
  width: 335px;
}

@media (max-width: 334px) {
  .card-m95 {
    width: 100%;
  }
}

.card-m95 .image {
  height: 310px;
  overflow: hidden;
}

.card-m95 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-m95 .info {
  padding: 22px 40px 29px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  background: var(--white);
}

.card-m95 .info .p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 60px;
  overflow: hidden;
}

/*section m95*/
.section-m95 .swiper-slide {
  width: auto !important;
}

.section-m95 .icon-arrow-left,
.section-m95 .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.section-m95 .swiper-pagination {
  position: static;
}

/* stock quotes */
.section-M87 {
  background: var(--light-grey-5);
}

.section-M87 .item-stock {
    color: var(--dark-grey-2);
}

.section-M87 .item-stock + .item-stock {
  border-left: 1px solid var(--transparent);
}
@media (min-width: 992px) {
  .section-M87 .item-stock {
    border-top: 0 none !important;
  }
  .section-M87 .item-stock + .item-stock {
    border-left: 1px solid var(--light-grey-3);
  }
}
.section-M87 .rate-up {
  color: var(--green-2);
}

.section-M87 .rate-down {
  color: var(--red);
}

/* collapse offices */
.card-collapse {
  position: relative;
  display: inline-block;
  max-width: 372px;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 33px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
}

@media (max-width: 1399px) {
  .card-collapse {
    max-width: 349px;
  }
}

.card-collapse > a {
  position: relative;
  display: block;
  padding: 12px 50px 20px 20px;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  font-weight: 700;
  color: var(--black-medium);
}

@media (max-width: 1199px) {
  .card-collapse > a {
    font-size: 18px;
  }
}

.card-collapse > a:after {
  content: "";
  display: block;
  width: 77px;
  height: 2px;
  margin-top: 8px;
  background: var(--primary);
}

.card-collapse .collapse {
  padding-bottom: 20px;
}

.card-collapse .card-body {
  padding: 0 34px 0 20px;
  height: 206px;
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.card-collapse .card-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.card-collapse .card-body::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 3px;
}

.card-collapse .card-body::-webkit-scrollbar-thumb {
    background: var(--light-grey-6);
    border-radius: 3px;
}

.card-collapse .card-body::-webkit-scrollbar-thumb:hover {
    background: var(--light-grey-6);
}

.card-collapse .plus {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  height: 15px;
  width: 15px;
}

.card-collapse .plus:after {
  content: '';
  position: absolute;
  width: 15px;
  top: 7px;
  border-top: 2px solid var(--primary);
}
.card-collapse .plus:before {
  content: '';
  position: absolute;
  height: 15px;
  left: 7px;
  border-left: 2px solid var(--primary);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-collapse .collapsed .plus:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* card benefit */
.card-benefit {
    display: inline-block;
    width: 185px;
    height: 210px;
    margin: 0 18px 25px;
    padding: 50px 20px 0;
    background: var(--primary);
    -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
    box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
    border-radius: 3px;
    text-align: center;
}

@media (max-width: 1399px) {
  .card-benefit {
    margin: 0 12px 25px;
  }
}

.card-benefit a {
    text-decoration: none;
}

.card-benefit .icon {
    display: block;
    font-size: 49px;
    margin-bottom: 26px;
}

.card-benefit p {
    height: 46px;
}

/* news tabs */
.section-m91 .nav-pills .nav-link {
    margin-right: 20px;
    padding: 0 20px;
    background: var(--white);
    border: 2px solid var(--primary);
    border-radius: 2px;
    font-weight: 700;
    font-size: 20px;
    line-height: 53px;
    color: var(--primary);
}

.section-m91 .nav-pills .nav-link span {
    color: var(--light-blue);
}

.section-m91 .nav-pills .nav-link.active {
    background: var(--primary);
    -webkit-box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    box-shadow: 0px 4px 40px rgba(56, 56, 56, 0.25);
    color: var(--white);
}

.section-m91 .tab-pane {
    padding: 30px;
    background: var(--light-grey-7);
    -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
    box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
    color: var(--dark-grey-1);
}

.section-m91 .title {
    font-weight: 600;
}

.section-m91 time {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

@media (min-width: 1400px) {
    .section-m91 .border-right {
        border-right: 1px solid var(--light-grey-4);
    }
}
.section-m91 .accordion-button {
  min-height: 60px;
  padding: 16px 23px;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}
.section-m91 .accordion-button:after {
  display: none;
}
.section-m91 .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}
.section-m91 .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}
.section-m91 .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}
.section-m91 .accordion-button .icon {
  font-size: 25px;
}
.section-m91 .accordion-button .icon-arrow-down {
  font-size: 11px;
}
.section-m91 .accordion-button:not(.collapsed) .icon {
  color: var(--primary);
}
.section-m91 .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}
.section-m91 .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}
.section-m91 .accordion-item {
  margin-bottom: 6px;
  border: 0 none;
}
.section-m91 .accordion-body {
  padding: 21px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0;
  color: var(--black-medium);
}
/* search filters variant */
.search-filters .section-m91 .accordion-button {
  min-height: 0px;
  padding: 5px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}
.search-filters .section-m91 .accordion-button:not(.collapsed) { background:transparent;}
.search-filters .section-m91 .accordion-button:not(.collapsed) p { color:var(--black-medium);  }
.search-filters .section-m91 .accordion-button:not(.collapsed) .icon-arrow-down { color: var(--black-medium); }
.search-filters .section-m91 .accordion-body { padding:10px 0px;-webkit-box-shadow: none;box-shadow: none; }

/* section M05 */
.section-m05 {
  /* accordion */
}

.section-m05 .nav-pills {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.section-m05 .nav-pills .nav-item {
    width: auto;
    flex: 1 0 0%;
}

.section-m05 .nav-pills .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
  background: var(--light-purple-1);
  border: 0 none;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 17px;
  letter-spacing: 2px;
  color: var(--primary);
}

.section-m05 .nav-pills .nav-link.active {
  position: relative;
  background: var(--white);
  border-bottom: 2px solid var(--primary);
  color: var(--primary);
}

.section-m05 .nav-pills .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -3px;
  border: 6px solid transparent;
  border-top-color: var(--primary);
}

.section-m05 .item-related-source {
  margin-bottom: 6px;
  padding: 5px 20px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0 0 3px 3px;
  color: var(--dark-grey-1);
  text-decoration: none;
}
.section-m05.section-m32 .item-related-source.row { margin:0 0 5px; }
@media (max-width: 575px) {
  .section-m05 .item-related-source {
    margin-bottom: 25px;
  }  
}

.section-m05 .item-related-source .col-12 {
    overflow: auto;
}

.section-m05 .item-related-source iframe,
.section-m05 .item-related-source table {
    min-width: 700px;
}

.section-m05 .item-hover-blue:hover {
  background-color: var(--primary);
  color: var(--white);
}

.section-m05 .item-hover-blue:hover:not(.bg-white) p, 
.section-m05 .item-hover-blue:hover:not(.bg-white) span, 
.section-m05 .item-hover-blue:hover:not(.bg-white) .text-btn,
.section-m05 .item-hover-blue:hover:not(.bg-white) a {
  color: var(--white) !important;
}

.section-m05 .item-related-source img {
  width: 100%;
}

.section-m05 .item-related-source:hover:not(.bg-white) p, 
.section-m05 .item-related-source:hover:not(.bg-white) span, 
.section-m05 .item-related-source:hover:not(.bg-white) .text-btn,
.section-m05 .item-related-source:hover:not(.bg-white) a {
  /*color: var(--white) !important;*/
}

.section-m05 .item-related-source.bg-white span { color:inherit; }
.section-m05 .item-related-source.bg-white span.text-light-blue { color:var(--light-blue); }

.section-m05 .item-related-source.bg-white,
.section-m05 .item-related-source.bg-white:hover,
.section-m05 .item-related-source.bg-white:hover p, 
.section-m05 .item-related-source.bg-white:hover .text-btn { background-color:var(--white);color:var(--black-medium); }


.section-m05 .accordion-button {
  min-height: 60px;
  padding: 16px 23px;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m05 .accordion-button:after {
  display: none;
}

.section-m05 .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}

.section-m05 .accordion-button:not(.collapsed) p {
  color: var(--light-blue);
}

.section-m05 .accordion-button p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--black-medium);
}

.section-m05 .accordion-button .icon {
  font-size: 25px;
}

.section-m05 .accordion-button .icon-arrow-down {
  font-size: 11px;
}

.section-m05 .accordion-button:not(.collapsed) .icon {
  color: var(--primary);
}

.section-m05 .accordion-button:not(.collapsed) .icon-arrow-down {
  color: var(--light-blue);
}

.section-m05 .accordion-button:not(.collapsed) .icon-arrow-down:before {
  content: "\e901";
}

.section-m05 .accordion-item {
  margin-bottom: 6px;
  border: 0 none;
}

.section-m05 .accordion-body {
  padding: 21px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 0;
  color: var(--black-medium);
}

/* form m15 */
.section-form-m15 {
  background: rgba(47, 47, 47, 0.9);
}

.section-form-m15 form {
  max-width: 912px;
  margin: 0 auto;
}

.section-form-m15 .form-control {
  height: 36px;
  border: 1px solid var(--white);
  border-radius: 4px;
  color: var(--white);
}

.section-form-m15 .form-control::-webkit-input-placeholder {
  color: var(--white);
}

.section-form-m15 .form-control::-moz-placeholder {
  color: var(--white);
}

.section-form-m15 .form-control:-ms-input-placeholder {
  color: var(--white);
}

.section-form-m15 .form-control::-ms-input-placeholder {
  color: var(--white);
}

.section-form-m15 .form-control::placeholder {
  color: var(--white);
}

.section-form-m15 textarea.form-control {
  height: 126px;
  padding-top: 8px;
}

.section-form-m15 .select-wrap {
  border-color: var(--white);
}

.section-form-m15 .select-wrap:after {
  border-color: var(--white);
  color: var(--white);
}

.section-form-m15 .select-wrap select {
  background: transparent;
  color: var(--light-grey-6);
}

/*.section-form-m15 a {
  color: var(--white);
}*/

.section-form-m15 a.text-black-medium { color:var(--black-medium); }

.section-form-m15 .icon-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 25px;
}

/* section m61 */
.section-m61 {
  /* carousel */
}

.section-m61 .info-window {
  position: relative;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
  background: var(--white);
}

@media (min-width: 768px) {
  .section-m61 .info-window {
    border-radius: 7px;
  }
}

.section-m61 .info-window .icon-close {
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 26px;
  color: var(--primary);
  cursor: pointer;
}

.section-m61 .info-window .card-body {
  padding: 40px 30px;
}

@media (min-width: 768px) {
  .section-m61 .info-window .card-body {
    padding: 23px 43px 40px;
  }
}

.section-m61 .info-window .card-body .title {
  font-weight: 600;
}

.section-m61 .info-window .next-prev-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 20px;
}

.section-m61 .info-window .next-prev-project a {
  text-decoration: none;
  font-size: 14px;
  color: var(--primary);
}

.section-m61 .info-window .next-prev-project .icon {
  display: inline-block;
  font-size: 24px;
  vertical-align: middle;
}

.section-m61 .dust-map-wrapper {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.section-m61 .dust-map-wrapper .dust-map-container {
  position: relative;
  overflow: hidden;
}

.section-m61 .dust-map-wrapper .dust-map-container .info-window-header {
  padding: 16px;
  color: var(--white);
  font-size: 18px;
  text-align: center;
  background: var(--primary);
  position: absolute;
  bottom: 0px;
  line-height: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 260px;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map {
  height: 620px;
}

@media (max-width: 991px) {
  .section-m61 .dust-map-wrapper .dust-map-container .location-map {
    height: 690px;
  }
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-style .gm-style-iw-c {
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-style .gm-style-iw-d {
  overflow: hidden !important;
  margin: 0;
  padding: 0;
  width: 355px;
  height: 315px;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-style .gm-style-iw-t::after {
  display: none;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-ui-hover-effect {
  background: url("/media/teck-marker.png") !important;
  width: 36px !important;
  height: 36px !important;
  top: 20px !important;
  right: 20px !important;
  opacity: 1 !important;
  border-radius: 50%;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-ui-hover-effect img {
  display: none !important;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-ui-hover-effect {
  display: none !important;
}

.section-m61 .dust-map-wrapper .dust-map-container .location-map .gm-style-iw {
  text-align: center !important;
}

.section-m61 .dust-map-wrapper .popup-wrapper {
  position: absolute;
  top: -100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: slide-up .4s ease;
  -moz-animation: slide-up .4s ease;
  -ms-animation: slide-up .4s ease;
}

.section-m61 .dust-map-wrapper .popup-wrapper.active {
  top: 50%;
  -webkit-animation: slide-down .4s ease;
  -moz-animation: slide-down .4s ease;
  -ms-animation: slide-down .4s ease;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body {
  display: none;
  text-align: left;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body.active {
  display: block;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .btext {
  height: 110px;
  overflow-y: scroll;
  margin: 0 1px 0 0;
  padding-right: 10px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .btext::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .btext::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 4px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .btext::-webkit-scrollbar-thumb:active {
  background-color: var(--light-blue);
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .btext::-webkit-scrollbar-track {
  background: var(--primary);
  border-radius: 4px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body img {
  margin: 30px auto;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .pagingInfo {
  display: block;
  position: absolute;
  bottom: 18px;
  left: 50%;
  color: var(--primary);
  font-size: 14px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .card-body .slick-dots {
  display: none !important;
}

.section-m61 .dust-map-wrapper .popup-wrapper button {
  border: 0;
  background: transparent;
  outline: none;
}

.section-m61 .dust-map-wrapper .popup-wrapper .close-popup {
  position: absolute;
  font-size: 26px;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  line-height: 1;
  font-weight: 600;
  outline: none;
  opacity: 0.5;
}

.section-m61 .dust-map-wrapper .popup-wrapper .close-popup:hover {
  opacity: 1;
}

.section-m61 .dust-map-wrapper .popup-wrapper .next-arrow {
  position: fixed;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  opacity: 0.5;
}

@media (max-width: 575px) {
  .section-m61 .dust-map-wrapper .popup-wrapper .next-arrow {
    right: 2px;
  }
}

.section-m61 .dust-map-wrapper .popup-wrapper .prev-arrow {
  position: fixed;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  opacity: 0.5;
}

@media (max-width: 575px) {
  .section-m61 .dust-map-wrapper .popup-wrapper .prev-arrow {
    left: 2px;
  }
}

.section-m61 .dust-map-wrapper .popup-wrapper .next-arrow:hover, .section-m61 .dust-map-wrapper .popup-wrapper .prev-arrow:hover {
  opacity: 1;
}

.section-m61 .dust-map-wrapper .popup-wrapper .next-arrow.slick-disabled, .section-m61 .dust-map-wrapper .popup-wrapper .prev-arrow.slick-disabled {
  display: none !important;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination {
  width: 100%;
  position: absolute;
  background: var(--light-grey-7);
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 7px;
  margin-bottom: 0;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li {
  text-align: right;
  display: inline-block;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li:first-child {
  text-align: left;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li:first-child button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li:first-child button:before {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: "icons-teck";
  font-size: 24px;
  color: var(--primary);
  text-align: center;
  content: "\e905";
  border: 1px solid transparent;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li:nth-child(2) button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li:nth-child(2) button:after {
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: "icons-teck";
  font-size: 24px;
  color: var(--primary);
  text-align: center;
  content: "\e905";
  border: 1px solid transparent;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section-m61 .dust-map-wrapper .popup-wrapper ul.pagination li button {
  color: var(--primary);
  font-size: 14px;
}

.section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper .slick-arrow .icon {
  font-size: 24px;
  color: var(--primary);
}

.section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper .graph-items {
  overflow: hidden;
  width: 100%;
}

.section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper .graph-items .slick-slide {
  outline: none;
}

.section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper .graph-items .slick-slide img {
  outline: none;
  width: 100%;
  height: 300px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 30px auto 40px;
}

@media (max-width: 575px) {
  .section-m61 .dust-map-wrapper .popup-wrapper .graph-items-wrapper .graph-items .slick-slide img {
    height: auto;
  }
}

.section-m61 .slick-dots {
  list-style: none;
  text-align: center;
}

.section-m61 .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.section-m61 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #ccc !important;
  border-radius: 50%;
}

.section-m61 .slick-dots li:hover button, .section-m61 .slick-dots li:focus button, .section-m61 .slick-dots li.slick-active button {
  outline: none;
  background: #000 !important;
}
/* section tk19 */
.section-tk19 .years-wrapper { position:sticky;top:93px;z-index:10; }
.section-tk19 .years {
  height: 40px;
  list-style: none;
  background: var(--purple);
  text-align: center;
  white-space: nowrap;
  padding: 0px;
  color: var(--white);
}

.section-tk19 .years li {
  display: inline-block;
  padding: 0 32px;
  font-size: 20px;
  line-height: 40px;
}

.section-tk19 .years li a { text-decoration:none; }
.section-tk19 .years li a:hover { text-decoration:underline; }

.section-tk19 .timeline {
  position: relative;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
}

.section-tk19 .timeline__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .section-tk19 .timeline__text {
    margin-left: 16px;
  }
  .section-tk19 .years-wrapper { top:70px; }
  .section-tk19 .timeline .timeline__text { padding:0 15px; }
  .section-tk19 .timeline .timeline__text .year { padding:15px 0 0 0px; }
  .section-tk19 .timeline .timeline__text ul { padding-left:0; }
}
@media (max-width: 768px) {
  .section-tk19 .timeline__text {
    width: 100%;
    margin-left: 0;
    padding-left: 0 !important;
  }
}

.section-tk19 .timeline:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: var(--purple);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 991px) {
  .section-tk19 .timeline:after {
    display: none;
  }
}

.section-tk19 .timeline .item-event {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 360px;
}

@media (max-width: 1199px) {
  .section-tk19 .timeline .item-event {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .section-tk19 .timeline .item-event {
    height: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 24px 0;
    justify-content: flex-start;
  }
}

.section-tk19 .timeline .item-event:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--light-grey-6);
  border-radius: 2em;
  z-index: 2;
}

@media (max-width: 991px) {
  .section-tk19 .timeline .item-event:after {
    display: none;
  }
}

.section-tk19 .timeline .item-event .content {
  width: 100%;
  max-width: 360px;
  padding: 0 35px;
}

@media (max-width: 991px) {
  .section-tk19 .timeline .item-event .content {
    padding: 0px;
    max-width: 100%;
  }
}

.section-tk19 .timeline .item-event:nth-child(odd) img,
.section-tk19 .timeline .item-event:nth-child(odd) .img {
  width: 360px;
  height: 360px;
}
.section-tk19 .timeline .item-event:nth-child(odd) .year {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 1rem;
}

.section-tk19 .timeline .item-event:nth-child(even) img,
.section-tk19 .timeline .item-event:nth-child(even) .img {
  width: 360px;
  height: 360px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.section-tk19 .timeline .item-event:nth-child(even) .timeline__text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.section-tk19 .timeline .item-event:nth-child(even) .timeline__text .year {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin-bottom: 18px;
  font-size: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.section-tk19 .timeline .item-event:nth-child(even) .timeline__text .content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.section-tk19 .timeline .timeline__text .content ul li { list-style:none;margin:0 0 1rem; }

@media (min-width: 992px) {
  .section-tk19 .timeline .item-event:nth-child(odd) img,
  .section-tk19 .timeline .item-event:nth-child(odd) .img {
    margin-right: 142px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .section-tk19 .timeline .item-event:nth-child(odd) .year {
    margin: 0 10px;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .section-tk19 .timeline .item-event:nth-child(even) img,
  .section-tk19 .timeline .item-event:nth-child(even) .img {
    margin-left: 142px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .section-tk19 .timeline .item-event:nth-child(even) .timeline__text {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .section-tk19 .timeline .item-event:nth-child(even) .timeline__text .year {
    margin: 0 10px;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}

.section-m23 .m23-profile {
  margin-bottom: 60px;
}

.section-m23 .m23-profile a {
  text-decoration: none;
}

.section-m23 .m23-profile a:hover .m23-profile-overlay {
  opacity: 1;
}

.section-m23 .m23-profile .m23-profile-image {
  position: relative;
  margin-bottom: 10px;
}

.section-m23 .m23-profile .m23-profile-image img {
  width: 100%;
  height: 253px;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-m23 .m23-profile .m23-profile-image .m23-profile-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.section-m23 .m23-profile .m23-profile-image .m23-profile-overlay span {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: var(--white);
}

@media (min-width: 1200px) {
  .section-m23 .item-board {
    width: 20%;
  }
}

.section-m24 .link-prev,
.section-m24 .link-next {
  text-decoration: none;
  color: #2f2f2f;
}

/* section m25 */
.section-m25 .results {
  background: var(--light-grey-2);
}

.section-m25 .news-result {
  border-bottom: 1px solid var(--blue-grey);
}

.section-m25 .input-checkbox-label {
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  line-height: 30px;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .section-m25 .input-checkbox-label {
    font-size: 18px;
    line-height: 22px;
  }
}
.section-m25 .input-group {
  background-color: #F4F4F4;
}
.section-m25 .select-content .mainSelect + .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  color: var(--black-medium);
}

/* section m06 */
.section-m06-mobile .accordion-button {
  height: 60px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
          box-shadow: 0px 2px 20px rgba(154, 153, 153, 0.25);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-medium);
}

.section-m06-mobile .accordion-button:after, .section-m06-mobile .accordion-button:not(.collapsed):after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
  content: "\e900";
  font-family: icons-teck;
  font-size: 10px;
}

.section-m06-mobile .accordion-button:not(.collapsed) {
  background: var(--primary);
  color: var(--light-blue);
}

.section-m06-mobile .accordion-button .icon {
  width: 40px;
  margin-right: 20px;
  font-size: 25px;
  text-align: center;
}

.section-m06-mobile .accordion-item {
  margin-bottom: 9px;
  border: 0 none;
}

.section-m06-mobile .accordion-body {
  margin-top: 9px;
  padding: 21px;
  background: var(--medium-blue-1);
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  font-size: 16px;
  line-height: 22px;
  color: var(--white);
}

.mobile-swiper-alt .paginations {
  height: 40px;
  font-weight: 600;
  font-size: 20px;
}

@media (max-width: 768px) {
  .mobile-swiper-alt .paginations {
    margin-top: 20px;
  }
}

.section-m04 .swiper-slide {
  width: 279px !important;
}

.section-m04 .icon-arrow-left,
.section-m04 .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.section-m04 .swiper-pagination {
  position: static;
}

.section-m84 .multicards-card {
  width: 185px;
  height: 210px;
  margin: 15px auto 15px auto;
  padding: 20px;
  display: block;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  background-color: var(--white);
}

@media (max-width: 1199px) {
  .section-m84 .multicards-card {
    width: 155px;
    height: 176px;
  }
}

@media (max-width: 767px) {
  .section-m84 .multicards-card {
    margin: 0 auto;
  }
}

.section-m84 .multicards-card .icon {
  font-size: 5.8125rem;
  margin-bottom: 34px;
  display: block;
  text-align: center;
}

@media (max-width: 1199px) {
  .section-m84 .multicards-card .icon {
    font-size: 4.5rem;
    margin-bottom: 24px;
  }
}

.section-m84 .multicards-card .text {
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-m84 .multicards-card .text .p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .section-m84 .multicards-card .text .p {
    font-size: 12px;
  }
}

.section-m28 iframe {
    display:block;
    height: 700px;
}

@media (max-width: 1919px) {
  .section-m28 iframe {
    height: 536px;
  }
}

@media (max-width: 1399px) {
  .section-m28 iframe {
    height: 536px;
  }
}

@media (max-width: 767px) {
  .section-m28 iframe {
    height: 300px;
  }
}

.section-m21 .nav-pills {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.section-m21 .nav-pills .nav-item {
  width: 325px;
  max-width: 33.33%;
}

.section-m21 .nav-pills .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
  background: #CCCFE4;
  border: 0 none;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 17px;
  letter-spacing: 2px;
  color: var(--primary);
}

.section-m21 .nav-pills .nav-link.active {
  background: var(--white);
  border-bottom: 2px solid var(--primary);
  color: var(--primary);
}

.section-m21 .item-related-source {
  margin-bottom: 6px;
  padding: 5px 20px;
  background: transparent;
  border-radius: 0 0 3px 3px;
  color: var(--white);
}

@media (max-width: 575px) {
  .section-m21 .item-related-source {
    margin-bottom: 25px;
  }
}

.section-m21 .text-btn,
.section-m21 .download,
.section-m21 .icon {
  color: var(--white);
}

	.section-m94 .swiper-slide {
  width: auto !important;
}
.section-m94 .icon-arrow-left,
.section-m94 .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}
.section-m94 .swiper-pagination {
  position: static;
}
.header-connect {
  height: 93px;
}
.header-connect .navbar {
  padding: 0 16px;
}
@media (max-width: 1199px) {
  .header-connect {
    height: 72px;
  }
}

.section-m02-multi .swiper-slide {
  width: 100%;
}

.section-m02-multi .icon-arrow-left,
.section-m02-multi .icon-arrow-right {
  width: auto;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
  border: none;
  padding: 0;
}

.section-m02-multi .swiper-pagination {
  position: static;
}

.section-m02-multi .layer-front {
  /*height: 253px;*/
  max-width: 850px;
}

.section-m02-multi .layer-front::after {
  /*left: -406px;*/
}

@media (max-width: 991px) {
  .section-m02-multi .layer-front {
    position: initial;
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: var(--primary);
  }
  .section-m02-multi .layer-front::after {
    display: none;
  }
}

.section-m02-multi .layer-front p {
  width: 100%;
  max-height: 110px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .section-m02-multi .layer-front p {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .section-m02-multi .layer-front p {
    max-width: 100%;
    max-height: 100%;
    display: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    overflow: initial;
  }
}

.section-m02-multi .layer-front .h2 {
  text-transform: initial;
}

.section-m02-multi .layer-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .section-m02-multi .layer-bg img {
    height: 272px;
  }
}

.section-m02 .layer-front {
  /*height: auto;*/
  /*max-width: 670px;*/
  height: 312px;
  max-width: 730px;
}

.section-m02 .layer-front::after {
  left: -60px;
}

@media (max-width: 991px) {
  .section-m02 .layer-front {
    position: initial;
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: var(--primary);
  }
  .section-m02 .layer-front::after {
    display: none;
  }
}

.section-m02 .layer-front p {
  /*width: 100%;
  height: 176px;
  max-height: 100%;
  display: block;*/
  max-width: 510px;
}

@media (max-width: 1199px) {
  .section-m02 .layer-front p {
    max-width: 470px;
  }
}

@media (max-width: 991px) {
  .section-m02 .layer-front p {
    /*height: 100%;*/
  }
}

.section-m02 .layer-front .h2 {
  /*height: 150px;*/
  max-width: 524px;
  text-transform: initial;
  font-size: 30px;
  line-height: 35px;
}

@media (max-width: 1199px) {
  .section-m02 .layer-front .h2 {
    /*height: 80px;*/
    max-width: 490px;
  }
}

@media (max-width: 991px) {
  .section-m02 .layer-front .h2 {
    /*height: 100%;*/
  }
}

.section-m02 .layer-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.card-m08-square {
  padding: 77px 55px 33px 18px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  position: relative;
}
.card-m08-square::before {
  content: "";
  display: block;
  width: 69px;
  height: 2px;
  background: var(--primary);
  position: absolute;
  top: 33px;
  left: 18px;
}

.card-m32-square {
  padding: 40px 20px;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
  border-radius: 3px;
  position: relative;
}
.card-m32-square .card-download+.card-download {
    padding-top: 20px;
    border-top: 1px solid var(--light-grey-4);
}
@media(min-width: 500px) {
    .card-m32-square {
      height: 100%;
      padding: 50px 50px 120px;
    }
    .card-m32-square .see-more {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 50px 40px 0 !important;
    }
}

/* m29 */

.section-m29.theme.teck- { background:transparent; }

.section-m29:not(.portrait) img {
  width: 100%;
  height: 434px;
  object-fit: cover;
}

/* iframe needed some height */
.section-m29 iframe { min-height:536px; }

/* story details */
.story-detail__preTitle {
  font-weight: 700;
  text-transform: uppercase;
}

.story-detail__img {
  width: 90%;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .story-detail__img {
    width: 100%;
  }
}

.story-detail__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 448px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .story-detail__img img {
    height: 280px;
  }
}

.story-detail__social {
  width: 10%;
}

@media (max-width: 767px) {
  .story-detail__social {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.story-detail__social .icon {
  border-radius: 50%;
  border: 1px solid var(--primary);
  font-size: 24px;
  color: var(--primary);
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: 0 auto;
  margin-bottom: 10px;
}

.story-detail__article iframe {
  margin: 0 auto;
  display: block;
  margin-bottom: 16px;
}

.story-detail__article p {
    font-size: 20px;
}

@media (max-width: 767px) {
  .story-detail__article iframe {
    width: 100%;
  }
}

.story-detail__article img {
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
}

.story-detail__article h2, .story-detail__article h3 {
  margin-bottom: 16px;
  text-transform:none;
}

.story-detail__article a {
  color: var(--black-medium);
}

.story-detail__article aside {
  background: transparent url(/media/tk19-connect-quotes.svg) no-repeat 0 0;
  color: var(--primary);
  font-size: 28px;
  padding: 0px 40px;
  width: 50%;
  float: right;
  margin: 20px 0px;
}

@media (max-width: 1199px) {
  .story-detail__article aside {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .story-detail__article aside {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .story-detail__article aside {
    font-size: 18px;
    line-height: 30px;
    float: none;
    width: 100%;
    padding: 0px;
  }
}

.story-detail__article table {
  margin: 16px auto;
}

.story-detail__article table thead tr {
  border-bottom: 1px solid var(--black-medium);
}

.story-detail__article table thead tr td {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1199px) {
  .story-detail__article table thead tr td {
    font-size: 18px;
    line-height: 22px;
  }
}

.story-detail__article table thead tr td:first-of-type {
  padding: 24px 0px;
  text-align: left;
}

.story-detail__article table thead tr td:nth-child(2n) {
  background-color: var(--light-grey-7);
}

.story-detail__article table tbody {
  border-bottom: 2px solid var(--black-medium);
}

.story-detail__article table tbody tr {
  border-bottom: 1px solid var(--blue-grey);
}

.story-detail__article table tbody tr td {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1199px) {
  .story-detail__article table tbody tr td {
    font-size: 18px;
    line-height: 22px;
  }
}

.story-detail__article table tbody tr td:first-of-type {
  padding: 24px 0px;
  text-align: left;
  color: var(--blue-grey);
}

.story-detail__article table tbody tr td:nth-child(2n) {
  background-color: var(--light-grey-7);
}

.story-detail .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}
.story-detail .pagination .previous,
.story-detail .pagination .next {
  font-size: 16px;
  color: var(--black-medium);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.story-detail .pagination .previous::before {
  font-family: "icons-teck";
  content: "\e905";
  margin-right: 8px;
}
.story-detail .pagination .next::after {
  font-family: "icons-teck";
  content: "\e904";
  margin-left: 8px;
}

.news .h1, .news h1 {
  font-size: 3rem;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .news .h1, .news h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

.news .h2, .news h2 {
  font-size: 1.9375rem;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .news .h2, .news h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.news__date {
  font-size: 14px;
  font-weight: 700;
  color: var(--light-grey-3);
}

.news__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 767px) {
  .news__social {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.news__social .icon {
  border-radius: 50%;
  border: 1px solid var(--light-grey-3);
  font-size: 24px;
  color: var(--light-grey-3);
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: 0 10px;
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}

.news__social .icon:hover {
  background-color: var(--primary);
  color: var(--white);
}

.news__article {
  max-width: 100%;
  /*overflow: auto;*/
}
.news__article iframe {
  margin: 0 auto;
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
    .news__article { overflow: auto; }
    .news__article iframe {
        width: auto;
        min-width: 700px;
    }
}

.news__article span {
  color: var(--black-medium);
}

.news__article img {
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
}

.news__article h2, .news__article h3 {
  margin-bottom: 16px;
  margin-top: 16px;
}

.news__article a {
  color: var(--black-medium);
}

.news__article a:hover {
  color: var(--medium-blue-1);
}

.news__article aside {
  background: transparent url(/media/tk19-connect-quotes.svg) no-repeat 0 0;
  color: var(--primary);
  font-size: 28px;
  padding: 0px 40px;
  width: 50%;
  float: right;
  margin: 20px 0px;
}

.news__article p {
    font-size: 1.25rem;
}

@media (max-width: 1199px) {
  .news__article aside {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .news__article aside {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .news__article aside {
    font-size: 18px;
    line-height: 30px;
    float: none;
    width: 100%;
    padding: 0px;
  }
}

.news__article table {
  margin: 16px auto;
}

.news__article table thead tr {
  border-bottom: 1px solid var(--black-medium);
}

.news__article table thead tr td {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1199px) {
  .news__article table thead tr td {
    font-size: 18px;
    line-height: 22px;
  }
}

.news__article table thead tr td:first-of-type {
  padding: 24px 0px;
  text-align: left;
}

.news__article table thead tr td:nth-child(2n) {
  background-color: var(--light-grey-7);
}

.news__article table tbody {
  border-bottom: 2px solid var(--black-medium);
}

.news__article table tbody tr {
  border-bottom: 1px solid var(--blue-grey);
}

.news__article table tbody tr td {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1199px) {
  .news__article table tbody tr td {
    font-size: 18px;
    line-height: 22px;
  }
}

.news__article table tbody tr td:first-of-type {
  padding: 24px 0px;
  text-align: left;
  color: var(--black-medium);
}

.news__article table tbody tr td:nth-child(2n) {
  background-color: var(--light-grey-7);
}

/* connect */

.connect-achive__card img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.connect-swiper__content .carousel-indicators {
  bottom: initial;
  top: 657px;
}
@media (max-width: 767px) {
  .connect-swiper__content .carousel-indicators {
    top: 370px;
  }
}
.connect-swiper__content .carousel-indicators li {
  font-weight: 700;
  font-size: 18px;
  width: auto;
  height: auto;
  text-indent: initial;
  background-color: var(--transparent);
  border-top: 0;
  border-bottom: 0;
  display: none;
  color: var(--black-medium);
}
.connect-swiper__content .carousel-indicators li.active {
  display: block;
}
.connect-swiper__content .carousel-indicators .fraction {
  font-weight: 700;
  font-size: 18px;
}
.connect-swiper__content img {
  height: 550px;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .connect-swiper__content img {
    height: 300px;
  }
}
.connect-swiper__content .close {
  border-radius: 50%;
  border: 1px solid var(--transparent);
  background-color: var(--transparent);
  text-decoration: none;
  display: block;
  color: var(--white);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.connect-swiper__content .close .icon-close {
  border-radius: 50%;
  border: 1px solid var(--white);
  background-color: var(--black);
  height: 36px;
  width: 36px;
  font-size: 36px;
}
.connect-swiper__content .arrow-left,
.connect-swiper__content .arrow-right {
  color: var(--light-blue);
  -webkit-text-stroke: 1px var(--primary);
  top: 301px;
  bottom: initial;
  height: 44px;
  width: 27px;
}
.connect-swiper__content .arrow-left span,
.connect-swiper__content .arrow-right span {
  font-size: 44px;
}
@media (max-width: 767px) {
  .connect-swiper__content .arrow-left,
  .connect-swiper__content .arrow-right {
    top: 144px;
  }
}
.connect-swiper__content .arrow-right {
  right: 35px;
}
@media (max-width: 1199px) {
  .connect-swiper__content .arrow-right {
    right: 10px;
  }
}
.connect-swiper__content .arrow-left {
  left: 35px;
}
@media (max-width: 1199px) {
  .connect-swiper__content .arrow-left {
    left: 10px;
  }
}
.connect-swiper__card a {
  background-color: var(--light-grey-1);
}
.connect-swiper__card a img {
  width: 100%;
  height: 127px;
  object-fit:cover;
}
.connect-swiper__card a:hover {
  background-color: var(--light-grey-6);
}
.connect-swiper__card p {
  text-align: center;
  height: 96px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.twitter-feed .h2.text-blue span, .twitter-feed h2.text-blue span {
  color: var(--medium-blue-2);
}

.twitter-feed__content {
  height: 330px;
  overflow-y: scroll;
  /* Tamaño del scroll */
  /* Estilos barra (thumb) de scroll */
  /* Estilos track de scroll */
}

.twitter-feed__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.twitter-feed__content::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 4px;
}

.twitter-feed__content::-webkit-scrollbar-thumb:active {
  background-color: var(--light-blue);
}

.twitter-feed__content::-webkit-scrollbar-track {
  background: var(--primary);
  border-radius: 4px;
}

.header-dark-site__content {
  display: block;
}

.header-dark-site__content .close-dark-site {
  color: var(--white);
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  right: 0px;
  text-decoration: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-ds01 .description {
  max-width: 462px;
}

.section-ds01 .articles {
  height: 400px;
  padding-right: 20px;
  overflow-y: scroll;
  /* Tamaño del scroll */
  /* Estilos barra (thumb) de scroll */
  /* Estilos track de scroll */
}

.section-ds01 .articles::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.section-ds01 .articles::-webkit-scrollbar-thumb {
  background: var(--light-blue);
  border-radius: 4px;
}

.section-ds01 .articles::-webkit-scrollbar-thumb:active {
  background-color: var(--light-blue);
}

.section-ds01 .articles::-webkit-scrollbar-track {
  background: var(--primary);
  border-radius: 4px;
}

.section-ds01 .articles .item-article {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  border-top: 1px solid #c4c4c4;
}

.section-ds01 .articles .item-article .title {
  font-weight: 700;
  line-height: 26px !important;
}

.section-ds01 .articles .icon-arrow-right {
  font-size: 24px;
  color: var(--primary);
}

.section-ds02 .content {
  position: relative;
  background: --white;
  -webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
          box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
}

.section-ds02 .content .extra-padding {
  padding: 40px 30px;
}

@media (min-width: 992px) {
  .section-ds02 .content:after {
    content: "";
    position: absolute;
    top: 5%;
    left: 50%;
    width: 1px;
    height: 90%;
    background: #c4c4c4;
  }
  .section-ds02 .content .extra-padding {
    padding: 63px 54px 38px 54px;
  }
}

@media (max-width: 991px) {
  .section-ds02 .content .extra-padding + .extra-padding {
    border-top: 1px solid #c4c4c4;
  }
}

/* M08 */

.m08-wrapper.theme.teck- { background:transparent; }
.m08-wrapper table {
  margin: 16px auto;
  max-width: 100%;
}

.m08-wrapper table thead tr {
  border-bottom: 1px solid var(--black-medium);
}

.m08-wrapper table thead tr td, .m08-wrapper table thead tr th {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid var(--black-medium);
}

@media (max-width: 1199px) {
  .m08-wrapper table thead tr td, .m08-wrapper table thead tr th {
    font-size: 18px;
    line-height: 22px;
  }
}

.m08-wrapper table thead tr td:first-of-type, .m08-wrapper table thead tr th:first-of-type {
  padding: 24px 8px 24px 0px;
}

.m08-wrapper table tr th:nth-of-type(even),.m08-wrapper table tr th:nth-of-type(even) { background-color:var(--light-grey-7); }

.m08-wrapper table thead tr td:nth-child(2n), .m08-wrapper table thead tr th:nth-child(2n) {
  background-color: var(--light-grey-7);
}

.m08-wrapper table tbody tr {
  border-bottom: 1px solid var(--black-medium);
}

.m08-wrapper table tbody tr td {
  padding: 24px 8px;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-medium);
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
  background-color: var(--white);
  border-bottom: 1px solid var(--black-medium);
}

.m08-wrapper table tbody tr td.bg-light-grey-7 { background-color:var(--light-grey-7); }

@media (max-width: 1199px) {
  .m08-wrapper table tbody tr td {
    font-size: 18px;
    line-height: 22px;
  }
}

.m08-wrapper table tbody tr td:first-of-type {
  padding: 24px 8px 24px 0px;
}

.m08-wrapper ul {
  padding-left: 44px;
  margin:30px 0px;
}

.m08-wrapper ul li { margin-top:10px; }

.m08-wrapper a:not([class^="btn"]) {
  color: var(--black-medium);
}

/* html text formatting */
.m08-wrapper .body-text h2,
.news__article h2 { font-size:25px;line-height:35px;margin:1rem 0;text-transform:none; }
.m08-wrapper .body-text h3,
.news__article h3 { font-size:22px;line-height:25px;margin:1rem 0;text-transform:none; }
.m08-wrapper .body-text h4,
.news__article h4 { font-size:20px;line-height:20px;margin:1rem 0;text-transform:none; }
.m08-wrapper iframe,
.news__article iframe { margin-top:3rem;margin-bottom:3rem;max-width:100%; }
table#no-styling,
table#no-styling tr,
table#no-styling td,
table#no-styling th { border:0!important;background:transparent; }


/* for previous m52 */
.m08-wrapper.light-grey { background: var(--light-grey-7); }
.m08-wrapper.light-grey h2 { color:var(--black-medium);text-transform:none;font-size:2.25rem; }

.m08-wrapper img {
    max-width: 100%;
    height: auto !important;
}

@media (max-width: 767px) { 
    .m08-wrapper img { margin-left:0 !important;margin-right:0 !important; }
}

/* 404/500 */

.section-404 {
  height: calc(100vh - 93px);
  background: var(--medium-blue-1);
  color: var(--medium-blue-1);
}

.section-404 .image {
  display: block;
  position: relative;
  max-width: 100%;
  margin: -90px auto 0;
  z-index: 2;
}

@media (min-width: 991px) {
  .section-404 .image {
    position: absolute;
    top: 130px;
    right: 0;
    margin: 0;
  }
}

.section-404 .max-width {
  max-width: 925px;
}

.section-404 .inner {
  position: relative;
  height: 410px;
  background: var(--light-blue);
}

.section-404 .inner .wrap {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .section-404 .inner {
    background: var(--white);
  }
}

.section-404 .skew-404:after {
  position: absolute;
  -webkit-transform: skew(-20deg) translateX(-50%);
          transform: skew(-20deg) translateX(-50%);
  content: '';
  background-color: var(--white);
  left: 50%;
  bottom: 0;
  top: 0;
  width: 480px;
  z-index: 1;
}

@media (max-width: 767px) {
  .section-404 .skew-404:after {
    display: none;
  }
}

@media (min-width: 991px) {
  .section-404 .skew-404:after {
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    left: -50px;
    width: 560px;
  }
}

.section-404 h1 {
  font-size: 120px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--primary);
}

@media (max-width: 1200px) {
  .section-404 {
    height: calc(100vh - 73px);
  }
}

.section-500 {
  height: calc(100vh - 93px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .section-500 {
    height: calc(100vh - 73px);
  }
}

.section-500 p {
  max-width: 389px;
  margin: 0 auto;
}

.section-500 img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.presentations-webcasts .link {
  text-decoration: none;
  color: var(--black-medium);
}

.presentations-webcasts .link:hover {
  text-decoration: underline;
  color: var(--black-medium);
}

@media (max-width: 991px) {
  .icmm-details .icon-content {
    border-top: 5px solid var(--medium-blue-1);
  }
}

.icmm-details iframe {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.icmm-details .icon-title {
  font-size: 36px;
  color: var(--blue);
  background: var(--white);
  padding: 10px;
  box-shadow:0px 4px 30px rgb(209 209 209 / 25%);
}

.icmm-details .card-body {
  background-color: var(--light-grey-1);
}

.icmm-details .card-body a {
  text-decoration: none;
  display: block;
  padding: 10px 0px;
}

.icmm-details .card-body a:hover {
  text-decoration: underline;
  color: var(--black-medium);
}

.icmm-details .accordion-item {
  border-bottom: 5px solid var(--light-grey-6);
}

.icmm-details .accordion-item:first-child {
  border-top: 5px solid var(--medium-blue-1);
}

.icmm-details .accordion-item:last-child {
  border-bottom: 5px solid var(--light-grey-6);
}

.icmm-details .accordion-item .accordion-header .accordion-button {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  padding: 30px 40px 30px 0;
  color: var(--black-medium);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.icmm-details .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--white);
  color: var(--black-medium);
}

.icmm-details .accordion-item .accordion-header .accordion-button::after {
  font-family: "icons-teck";
  content: "\e900";
  background: var(--light-grey-3);
  color: var(--white);
  font-size: 14px;
  -webkit-transition: none;
  transition: none;
  padding: 10px 5px;
  height: auto;
  width: auto;
  position: absolute;
  right: 0;
}

.icmm-details .accordion-item .accordion-body a {
  font-size: 18px;
  color: var(--black-medium);
  text-decoration: none;
  position: relative;
  padding: 12px 30px 12px 0;
  border-bottom: thin solid var(--light-grey-6);
}

.icmm-details .accordion-item .accordion-body a:nth-child(1) {
  margin-top: 30px;
  border-top: thin solid var(--light-grey-6);
}

.icmm-details .accordion-item .accordion-body a::after {
  font-family: "icons-teck";
  content: "\e904";
  color: var(--light-grey-3);
  position: absolute;
  opacity: 0;
  right: 20px;
  font-size: 16px;
  line-height: 16px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icmm-details .accordion-item .accordion-body a:hover, .icmm-details .accordion-item .accordion-body a.active {
  color: var(--light-grey-3);
}

.icmm-details .accordion-item .accordion-body a:hover::after, .icmm-details .accordion-item .accordion-body a.active::after {
  opacity: 1;
  right: 0;
}

.icmm-details .icon-icmm-checkmark {
  padding-left: 50px;
  position: relative;
}

.icmm-details .icon-icmm-checkmark::before {
  position: absolute;
  content: "\e910";
  font-family: "icons-teck";
  height: 40px;
  width: 40px;
  left: 0;
  font-size: 40px;
  color: var(--medium-blue-1);
}

.icmm-details .icon-icmm-checkmark p {
  font-family: "Lota";
}

@media (max-width: 767px) {
  .icmm-details__aside {
    background-color: var(--light-grey-1);
  }
}

.icmm-details__aside .title {
  padding: 10px 0px;
  border-bottom: 5px solid var(--light-grey-6);
}

.icmm-details__aside .link {
  text-decoration: none;
  display: block;
  padding: 10px 0px;
}

.icmm-details__aside .link:hover {
  text-decoration: underline;
  color: var(--black-medium);
}

.icmm-details__title {
  color: var(--black-medium);
  pointer-events: none;
  text-decoration: none;
  background-color: var(--white);
  padding: 16px 0px;
}

@media (max-width: 991px) {
  .icmm-details__title {
    pointer-events: initial;
  }
  .icmm-details__title::after {
    background-color: var(--light-grey-6);
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    font-family: "icons-teck";
    content: "\e904";
    color: var(--white);
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 0;
  }
}

.icmm-details__title:hover {
  color: var(--black-medium);
  text-decoration: none;
}

@media (max-width: 991px) {
  .icmm-details__title.collapsed::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.icmm-details .other-stories {
  border-top: 1px solid var(--medium-blue-1);
}

.icmm-details .other-stories .prev {
  text-align: start;
}

.icmm-details .other-stories .prev a {
  text-decoration: none;
  display: block;
  padding: 20px 0px;
  color: var(--primary);
}

.icmm-details .other-stories .prev a:hover {
  text-decoration: underline;
  color: var(--primary);
}

.icmm-details .other-stories .next {
  text-align: end;
}

.icmm-details .other-stories .next a {
  text-decoration: none;
  display: block;
  padding: 20px 0px;
  color: var(--primary);
}

.icmm-details .other-stories .next a:hover {
  text-decoration: underline;
  color: var(--primary);
}

.event-datepicker {
  /* M26 */
  /* calendar */
}

.event-datepicker ul li.active a,
.event-datepicker ul li.active span {
  display: block;
  text-align: left;
  float: none;
  font-size: 24px;
  color: #333;
  text-align: left;
  margin: 0 0 30px;
  text-decoration: none;
  font-weight: 700;
}

.event-datepicker ul li a {
  display: none;
}

.event-datepicker .m26-container {
  border-bottom: 0;
  padding: 0 0 30px;
}

.event-datepicker .m26-mmonth {
  height: 45px;
  line-height: 45px;
  padding: 0;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: #377283;
  text-align: center;
}

.event-datepicker .m26-date {
  font-size: 48px;
  color: #377283;
  background: #f2f2f2;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 15px 0px;
  text-align: center;
}

.event-datepicker .m26-event-content a {
  text-decoration: none;
}

.event-datepicker .m26-event-content p:first-child,
.event-datepicker .m26-event-content p:last-child {
  font-size: 24px;
  color: #333;
  line-height: 31px;
  margin-bottom: 20px;
  text-decoration: none;
}

.event-datepicker .m26-event-content span {
  font-size: 17px;
  color: #333;
  line-height: 26px;
}

.event-datepicker .event-loadmore {
  padding: 20px 0 0px;
  text-align: left;
}

@media (max-width: 991px) {
  .event-datepicker .event-loadmore {
    padding: 20px 0 40px;
    text-align: center;
  }
}

.event-datepicker #datepicker {
  width: 100%;
  max-width: 400px;
}

.event-datepicker .datepicker {
  padding: 20px;
  background: #f9f9f9;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  width: 100%;
}

.event-datepicker .datepicker .datepicker-switch {
  font-size: 19px;
}

.event-datepicker .datepicker td, .event-datepicker .datepicker th {
  font-size: 14px;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  border: 15px solid #f9f9f9;
  background: transparent;
  box-shadow: none;
}

.event-datepicker .datepicker .next,
.event-datepicker .datepicker .next:hover {
  background: url(/media/datepicker_right_arrow.png) no-repeat;
  text-indent: -999999px;
  float: right;
  background-position: center center;
  border: none;
}

.event-datepicker .datepicker .prev,
.event-datepicker .datepicker .prev:hover {
  background: url(/media/datepicker_left_arrow.png) no-repeat;
  text-indent: -999999px;
  float: right;
  background-position: center center;
  border: none;
}

.event-datepicker .datepicker .next:hover,
.event-datepicker .datepicker .next:hover { background-color:#eee; }

.event-datepicker .datepicker table tr td.active:hover, .event-datepicker .datepicker table tr td.active:hover:hover, .event-datepicker .datepicker table tr td.active.disabled:hover, .event-datepicker .datepicker table tr td.active.disabled:hover:hover, .event-datepicker .datepicker table tr td.active:active, .event-datepicker .datepicker table tr td.active:hover:active, .event-datepicker .datepicker table tr td.active.disabled:active, .event-datepicker .datepicker table tr td.active.disabled:hover:active, .event-datepicker .datepicker table tr td.active.active, .event-datepicker .datepicker table tr td.active:hover.active, .event-datepicker .datepicker table tr td.active.disabled.active, .event-datepicker .datepicker table tr td.active.disabled:hover.active, .event-datepicker .datepicker table tr td.active.disabled, .event-datepicker .datepicker table tr td.active:hover.disabled, .event-datepicker .datepicker table tr td.active.disabled.disabled, .event-datepicker .datepicker table tr td.active.disabled:hover.disabled, .event-datepicker .datepicker table tr td.active[disabled], .event-datepicker .datepicker table tr td.active:hover[disabled], .event-datepicker .datepicker table tr td.active.disabled[disabled], .event-datepicker .datepicker table tr td.active.disabled:hover[disabled] {
  background: #377283;
  text-shadow: none;
  border: none;
}

/* add calendar button (addevent.js) */
.addeventatc_icon { display:none; }
.btn.calendary-button,
.btn.calendary-button:hover { min-height: 3.3125rem;width: auto;max-width: 20.125rem;font-family:Lota;font-size: 1rem;line-height:24px;letter-spacing:calc(16px*.1);font-weight: 600;z-index:1;background:var(--white);border:1px solid var(--primary);padding:15px 30px;border-radius:2px;box-shadow:none !important;color:var(--primary) !important; }
.btn.calendary-button:hover { background:var(--primary) !important;color:var(--white) !important; }
.btn.calendary-button i { font-size:11px;position:relative;top:0px;left:10px; }

.card-financial-info__body {
  padding: 60px 26px 50px;
}

.card-financial-info__body .number {
  font-size: 36px;
  line-height: 35px;
  font-weight: 700;
  color: var(--white);
}

.card-financial-info__body .sort {
  border-bottom: 2px solid var(--white);
  padding-bottom: 42px;
  margin-bottom: 17px;
}

.card-financial-info__body .sort p {
  font-size: 18px;
  line-height: 35px;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
}

.card-financial-info__body .info p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: var(--white);
}

.card-financial-info__footer {
  font-size: 11px;
  color: var(--black-medium);
  text-align: left;
  padding: 15px 25px;
}

.card-financial-info__footer a {
  text-decoration: none;
  color: var(--black-medium);
}

.card-financial-info__footer a:hover {
  text-decoration: underline;
  color: var(--black-medium);
}

.section-financial-info .btn-secondary {
  max-width: 100%;
}

.section-financial-info .btn-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: var(--black-medium);
}

/* added by mauro (nov-26) */
@media(min-width: 768px) {
    .card-financial-info__body {
        min-height: 300px;
    }
}


main {
  margin-top: 93px;
}

@media (max-width: 1199px) {
  main {
    margin-top: 72px;
  }
}

main.dark-site {
  margin-top: 178px;
}

@media (max-width: 1199px) {
  main.dark-site {
    margin-top: 157px;
  }
}

/* table - this will need some fine tuning */

table { width:100%;margin-bottom:1.25rem;overflow:hidden; }
table tr td { border-bottom:0.063rem solid var(--black-medium); }
table tr td:first-of-type,table tr td:first-of-type p { color:var(--black-medium); }
table tr th,table tr th p,table tr:first-of-type td,table tr:first-of-type td p { color:var(--black-medium); }
table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even) { background-color:var(--light-grey-7); }
table tr:first-of-type td,table tr:last-of-type td { border-bottom:0.063rem solid var(--black-medium);/*padding:1.5rem 0.5rem;*/ }
table tr:last-of-type td { border-bottom:0.125rem solid var(--black-medium); }
table tr td,table tr th { padding:1.25rem 0.938rem; }
table tr td:first-of-type { /*padding-left:0;*/ }
table tr:first-child th,
table tr:first-child td { box-shadow:0 0.625rem 1rem -0.625rem rgba(0,0,0,0.2);position:relative;z-index:2; }
.section-m05 table tr td:nth-of-type(even) { background:transparent !important; }

/* form */

.form-select { border-color:var(--black-medium); }

/* loader 
------------------------------------------------- */

.spinner { display:inline-block;position:relative;z-index:2; }
.inline.spinner { width:30px;height:30px;margin-top:-5px;position:static;background:transparent;display:inline-block;vertical-align:middle; }
.showbox { width:20px;margin-left:10px; }
.loader:before {content:'';display:block; }
.circular { animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;margin:auto;display:inline-block;vertical-align:middle; }
.path { stroke:var(--white);stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:square; }
.spinner.black .path { stroke:var(--black); }
button:hover .path { stroke:var(--blue); }
.btn-secondary .path { stroke:var(--blue); }
.btn-secondary:hover .path { stroke:var(--white); }
@keyframes rotate { 100% { transform:rotate(360deg); } }
@keyframes dash { 
  0% { stroke-dasharray:1, 200;stroke-dashoffset:0; }
  50% { stroke-dasharray:89, 200;stroke-dashoffset:-35px; }
  100% { stroke-dasharray:89, 200;stroke-dashoffset:-124px; }
}

/* validation inputs and messages*/

input.error,select.error,textarea.error { background:var(--light-grey-7); }
.msg { background:var(--light-grey-7);padding:1.25em; }
.msg.inactive { display:none; }
.msg p { margin:0;max-width:none; }
.msg .error { margin:0;max-width:none; }

/* recaptcha badge - you can hide as long as you include the reCAPTCHA branding visibly in the user flow */
.grecaptcha-badge { visibility:hidden; }

/* global loader */

#global-spinner { position:fixed;z-index:10000; /* higher than fancybox ! */width:100%;height:100%;min-height:100%;left:0;top:0;background-color:rgba(251,251,251,.5); }
.sk-cube-grid { width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%; }
.sk-cube-grid .sk-cube { width: 33%;height: 33%;background-color: var(--primary);float:left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s;animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s;animation-delay: 0s; }
.sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1); }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1); } 
}

/* teck connect*/

/* font size changes */

.connect h1,.connect .h1 { font-size:3rem;line-height:3.5rem; }
.connect h2,.connect .h2,
.connect h2 span,.connect .h2 span { font-size:1.5rem !important;line-height:1.8rem; }
.connect h3,.connect .h3 { font-size:1.8rem;line-height:2.4rem; }
.connect h4,.connect .h4 { font-size:1.6rem;line-height:2.2rem; }
/* logo */
.connect .header h3 { font-size:2.4375rem;line-height:51px;margin-top:0; }

/* media player */
.connect-carousel {position:relative;padding:56% 0 0 0;width:100%;float:left;overflow:hidden;background:url('/media/teck_logo.png') no-repeat center center #eee;}
.connect-carousel .connect-spinner {position:absolute;top:47%;left:56%;}
.connect-carousel .connect-spinner i {font-size:26px;color:#96bce7;}
.connect-carousel .connect-slider {position:absolute;top:0;left:0;bottom:0;float:left;-webkit-transition:all 0.20s ease-in-out;-moz-transition: all 0.20s ease-in-out;-o-transition: all 0.20s ease-in-out;transition: all 0.20s ease-in-out;visibility:hidden;}
.connect-carousel.slideReady .connect-slider {visibility:visible;}
.connect-carousel.slideReady .connect-spinner {display:none;}
.connect-carousel .connect-slider .connect-slide {position:relative;width:100%;float:left;}
.connect-carousel .connect-slider .connect-slide img, .connect-carousel .connect-slider .connect-slide p {display:none;}
.connect-carousel .connect-slider .connect-slide iframe, .connect-carousel .connect-slider .connect-slide video {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.connect-carousel .connect-slider .connect-slide:first-child {left:0;z-index:0;}
.connect-carousel .slide-arrow {position:absolute;top:50%;margin:-24px 0 0 0;width:48px;height:48px;line-height:48px;text-align:center;cursor:pointer;float:left;background:#000;z-index:1;visibility:hidden;opacity:0;}
.connect-carousel #left {left:20px;}
.connect-carousel #right {right:20px;}
.connect-sliderLabel {margin:0 0 20px 0;padding:10px 0 10px 0;width:100%;float:left;border-bottom:1px solid #999;}
.connect-sliderLabel p {margin:0!important;font-size:10pt;float:left;}
.connect-sliderLabel span {float:right;}
.connect-carousel:hover .slide-arrow {-webkit-animation:slideDownFaded 0.25s forwards;-moz-animation: slideDownFaded 0.25s forwards;-o-animation: slideDownFaded 0.25s forwards;animation: slideDownFaded 0.25s forwards;}
.connect-carousel:hover .slide-arrow.active {-webkit-animation:slideDown 0.25s forwards;-moz-animation: slideDown 0.25s forwards;-o-animation: slideDown 0.25s forwards;animation: slideDown 0.25s forwards;}
.connect-carousel .slide-arrow {display:block;}
.connect-carousel .slide-arrow:after {position:absolute;left:17px;display:inline-block;font-size:18px;color:#FFF;content:'◄';}
.connect-carousel #right:after {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.connect-carousel .connect-slider .connect-slide.sticky {position:fixed;top:115px;float:none;z-index:99;}
.connect-carousel .connect-slider .connect-slide.sticky p {display:block;position:absolute;top:100%;margin:0;padding:10px 10px 10px 110px;width:100%;font-size:9pt;background:#FFF;}
.connect-carousel .connect-slider .connect-slide.sticky p::after {position:absolute;top:0;left:0;padding:8px 15px 10px 10px;display:block;font-size:14px;color:var(--green-1);float:left;background:url('/media/bg-icon-greenArrow.png') no-repeat center right;content:'Now Playing';}
.vjs-control-bar { display:none !important; }
@media (max-width:767px) {
    .connect-carousel .connect-slider .connect-slide.sticky { top:90px; }
}

/* icmm icons */
@font-face{font-family:"icmmicons";src: url("/media/icomoon.woff?wlnsig") format("woff");font-weight:400;font-style:normal;font-display:swap;}[class*=" icmm-icon"],[class^=icmm-icon]{font-family:"icmmicons" !important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icmm-dropdown:before{content:"\e915"}.icmm-right:before{content:"\e912"}.icmm-back:before{content:"\e913"}.icmm-pdf:before{content:"\e90f"}.icmm-pdf-preview:before{content:"\e911"}.icmm-icmm-next-arrow:before{content:"\e901";}.icmm-icmm-up:before{content:"\e902";}.icmm-icmm-down:before{content:"\e908"}.icmm-icmm-back-arrow:before{content:"\e90e"}.icmm-conservation-planning:before{content:"\e900";}.icmm-engagement-reporting:before{content:"\e903";}.icmm-environmental-stewardship:before{content:"\e904";}.icmm-health-safety:before{content:"\e905";}.icmm-human-rights:before{content:"\e906";}.icmm-icmm-logo:before{content:"\e907";}.icmm-materials-supply:before{content:"\e909";}.icmm-icmm-right:before{content:"\e90a";}.icmm-risk-management:before{content:"\e90b";}.icmm-social-contribution:before{content:"\e90c";}.icmm-sustainable-development:before{content:"\e90d";}.icmm-business-ethics:before{content:"\e910";}.icmm-icmm-checkmark:before{content:"\e914";}
.icmm-wrapper .icmm-icon { font-size:60px;color:var(--light-grey-3); }


/* global themes */

/* teck blue */
.theme,
.theme.teck-blue { background: var(--blue); }
.theme.teck-blue h2,
.theme.teck-blue h3 { color: var(--light-blue); }
.theme.teck-blue .p,
.theme.teck-blue .p--big,
.theme.teck-blue span { color: var(--white); }
.theme.teck-blue .body-text,
.theme.teck-blue .body-text * { color: var(--white); }
.theme.teck-blue .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-blue .btn-download { color: var(--light-blue); }
.theme.teck-blue table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-blue table thead tr td:nth-child(2n),
.theme.teck-blue table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-blue table thead tr td,
.theme.teck-blue table thead tr th { border-color: var(--white); }
.theme.teck-blue table tbody tr td { background: transparent;border-color: var(--white); }

/* teck light blue */
.theme.teck-light-blue { background: var(--light-blue); }
.theme.teck-light-blue h2,
.theme.teck-light-blue h3 { color: var(--purple); } 
.theme.teck-light-blue .p,
.theme.teck-light-blue .p--big,
.theme.teck-light-blue span { color: var(--black-medium); } 
.theme.teck-light-blue .body-text,
.theme.teck-light-blue .body-text * { color: var(--black-medium); }
.theme.teck-light-blue .btn-primary { color: var(--black-medium);border-color: var(--black-medium); }
.theme.teck-light-blue .btn-download { color: var(--purple); }
.theme.teck-light-blue table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-light-blue table thead tr td:nth-child(2n),
.theme.teck-light-blue table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-light-blue table thead tr td,
.theme.teck-light-blue table thead tr th { border-color: var(--black-medium); }
.theme.teck-light-blue table tbody tr td { background: transparent;border-color: var(--black-medium); }

/* teck medium blue 1 */
.theme.teck-medium-blue-1 { background: var(--medium-blue-1); }
.theme.teck-medium-blue-1 h2,
.theme.teck-medium-blue-1 h3 { color: var(--light-blue); } 
.theme.teck-medium-blue-1 .p,
.theme.teck-medium-blue-1 .p--big,
.theme.teck-medium-blue-1 span { color: var(--white); }
.theme.teck-medium-blue-1 .body-text,
.theme.teck-medium-blue-1 .body-text * { color: var(--white); }
.theme.teck-medium-blue-1 .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-medium-blue-1 .btn-download { color: var(--light-blue); }
.theme.teck-medium-blue-1 table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-medium-blue-1 table thead tr td:nth-child(2n),
.theme.teck-medium-blue-1 table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-medium-blue-1 table thead tr td,
.theme.teck-medium-blue-1 table thead tr th { border-color: var(--white); }
.theme.teck-medium-blue-1 table tbody tr td { background: transparent;border-color: var(--white); }

/* teck medium blue 2 */
.theme.teck-medium-blue-2 { background: var(--medium-blue-2); }
.theme.teck-medium-blue-2 h2,
.theme.teck-medium-blue-2 h3 { color: var(--blue); } 
.theme.teck-medium-blue-2 .p,
.theme.teck-medium-blue-2 .p--big,
.theme.teck-medium-blue-2 span { color: var(--white); }
.theme.teck-medium-blue-2 .body-text,
.theme.teck-medium-blue-2 .body-text * { color: var(--white); }
.theme.teck-medium-blue-2 .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-medium-blue-2 .btn-download { color: var(--blue); }
.theme.teck-medium-blue-2 table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-medium-blue-2 table thead tr td:nth-child(2n),
.theme.teck-medium-blue-2 table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-medium-blue-2 table thead tr td,
.theme.teck-medium-blue-2 table thead tr th { border-color: var(--white); }
.theme.teck-medium-blue-2 table tbody tr td { background: transparent;border-color: var(--white); }

/* teck blue grey */
.theme.teck-blue-grey { background: var(--blue-grey); }
.theme.teck-blue-grey h2,
.theme.teck-blue-grey h3 { color: var(--light-blue); }
.theme.teck-blue-grey .p,
.theme.teck-blue-grey .p--big,
.theme.teck-blue-grey span { color: var(--white); }
.theme.teck-blue-grey .body-text,
.theme.teck-blue-grey .body-text * { color: var(--white); }
.theme.teck-blue-grey .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-blue-grey .btn-download { color: var(--light-blue); }
.theme.teck-blue-grey table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-blue-grey table thead tr td:nth-child(2n),
.theme.teck-blue-grey table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-blue-grey table thead tr td,
.theme.teck-blue-grey table thead tr th { border-color: var(--white); }
.theme.teck-blue-grey table tbody tr td { background: transparent;border-color: var(--white); }

/* teck blue grey 2 */
.theme.teck-blue-grey-2 { background: var(--blue-grey); }
.theme.teck-blue-grey-2 h2,
.theme.teck-blue-grey-2 h3 { color: var(--light-grey-7); }
.theme.teck-blue-grey-2 .p,
.theme.teck-blue-grey-2 .p--big,
.theme.teck-blue-grey-2 span { color: var(--white); }
.theme.teck-blue-grey-2 .body-text,
.theme.teck-blue-grey-2 .body-text * { color: var(--white); }
.theme.teck-blue-grey-2 .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-blue-grey-2 .btn-download { color: var(--light-grey-7); }
.theme.teck-blue-grey-2 table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-blue-grey-2 table thead tr td:nth-child(2n),
.theme.teck-blue-grey-2 table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-blue-grey-2 table thead tr td,
.theme.teck-blue-grey-2 table thead tr th { border-color: var(--white); }
.theme.teck-blue-grey-2 table tbody tr td { background: transparent;border-color: var(--white); }

/* teck purple */
.theme.teck-purple { background: var(--purple); }
.theme.teck-purple h2,
.theme.teck-purple h3 { color: var(--light-blue); }
.theme.teck-purple .p,
.theme.teck-purple .p--big,
.theme.teck-purple span { color: var(--white); }
.theme.teck-purple .body-text,
.theme.teck-purple .body-text * { color: var(--white); }
.theme.teck-purple .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-purple .btn-download { color: var(--light-blue); }
.theme.teck-purple table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-purple table thead tr td:nth-child(2n),
.theme.teck-purple table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-purple table thead tr td,
.theme.teck-purple table thead tr th { border-color: var(--white); }
.theme.teck-purple table tbody tr td { background: transparent;border-color: var(--white); }

/* teck green 1 */
.theme.teck-green-1 { background: var(--green-1); }
.theme.teck-green-1 h2,
.theme.teck-green-1 h3 { color: var(--light-grey-7); }
.theme.teck-green-1 .p,
.theme.teck-green-1 .p--big,
.theme.teck-green-1 span { color: var(--white); }
.theme.teck-green-1 .body-text,
.theme.teck-green-1 .body-text * { color: var(--white); }
.theme.teck-green-1 .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-green-1 .btn-download { color: var(--light-grey-7); }
.theme.teck-green-1 table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-green-1 table thead tr td:nth-child(2n),
.theme.teck-green-1 table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-green-1 table thead tr td,
.theme.teck-green-1 table thead tr th { border-color: var(--white); }
.theme.teck-green-1 table tbody tr td { background: transparent;border-color: var(--white); }

/* teck green 2 */
.theme.teck-green-2 { background: var(--green-2); }
.theme.teck-green-2 h2,
.theme.teck-green-2 h3 { color: var(--purple); }
.theme.teck-green-2 .p,
.theme.teck-green-2 .p--big,
.theme.teck-green-2 span { color: var(--white); }
.theme.teck-green-2 .body-text,
.theme.teck-green-2 .body-text * { color: var(--white); }
.theme.teck-green-2 .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-green-2 .btn-download { color: var(--purple); }
.theme.teck-green-2 table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-green-2 table thead tr td:nth-child(2n),
.theme.teck-green-2 table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-green-2 table thead tr td,
.theme.teck-green-2 table thead tr th { border-color: var(--white); }
.theme.teck-green-2 table tbody tr td { background: transparent;border-color: var(--white); }

/* teck light green */
.theme.teck-light-green { background: var(--light-green); }
.theme.teck-light-green h2,
.theme.teck-light-green h3 { color: var(--black-medium); }
.theme.teck-light-green .p,
.theme.teck-light-green .p--big,
.theme.teck-light-green span { color: var(--white); }
.theme.teck-light-green .body-text,
.theme.teck-light-green .body-text * { color: var(--white); }
.theme.teck-light-green .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-light-green .btn-download { color: var(--black-medium); }
.theme.teck-light-green table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-light-green table thead tr td:nth-child(2n),
.theme.teck-light-green table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-light-green table thead tr td,
.theme.teck-light-green table thead tr th { border-color: var(--white); }
.theme.teck-light-green table tbody tr td { background: transparent;border-color: var(--white); }

/* teck black */
.theme.teck-black { background: var(--black-medium); }
.theme.teck-black h2,
.theme.teck-black h3 { color: var(--light-blue); }
.theme.teck-black .p,
.theme.teck-black .p--big,
.theme.teck-black span { color: var(--light-grey-7); }
.theme.teck-black .body-text,
.theme.teck-black .body-text * { color: var(--white); }
.theme.teck-black .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-black .btn-download { color: var(--light-blue); }
.theme.teck-black table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-black table thead tr td:nth-child(2n),
.theme.teck-black table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-black table thead tr td,
.theme.teck-black table thead tr th { border-color: var(--white); }
.theme.teck-black table tbody tr td { background: transparent;border-color: var(--white); }

/* teck light grey */
.theme.teck-light-grey { background: var(--light-grey-7); } 
.theme.teck-light-grey h2,
.theme.teck-light-grey h3 { color: var(--black-medium); }
.theme.teck-light-grey .p,
.theme.teck-light-grey .p--big,
.theme.teck-light-grey span { color: var(--black-medium); }
.theme.teck-light-grey .body-text,
.theme.teck-light-grey .body-text * { color: var(--black-medium); }
.theme.teck-light-grey .btn-primary { color: var(--black-medium);border-color: var(--black-medium); }
.theme.teck-blue .btn-download { color: var(--black-medium); }
.theme.teck-light-grey table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-light-grey table thead tr td:nth-child(2n),
.theme.teck-light-grey table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-light-grey table thead tr td,
.theme.teck-light-grey table thead tr th { border-color: var(--black-medium); }
.theme.teck-light-grey table tbody tr td { background: transparent;border-color: var(--black-medium); }

/* teck light grey */
.theme.teck-white-on-grey { background: var(--white); } 
.theme.teck-white-on-grey h2,
.theme.teck-white-on-grey h3 { color: var(--purple); }
.theme.teck-white-on-grey .p,
.theme.teck-white-on-grey .p--big,
.theme.teck-white-on-grey span { color: var(--black-medium); }
.theme.teck-white-on-grey .body-text,
.theme.teck-white-on-grey .body-text * { color: var(--black-medium); }
.theme.teck-white-on-grey .btn-primary { color: var(--black-medium);border-color: var(--black-medium); }
.theme.teck-white-on-grey .btn-download { color: var(--purple); }
.theme.teck-white-on-grey table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-white-on-grey table thead tr td:nth-child(2n),
.theme.teck-white-on-grey table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-white-on-grey table thead tr td,
.theme.teck-white-on-grey table thead tr th { border-color: var(--black-medium); }
.theme.teck-white-on-grey table tbody tr td { background: transparent;border-color: var(--black-medium); }

/* teck blue white header */
.theme.teck-blue-white-header { background: var(--blue); }
.theme.teck-blue-white-header h2,
.theme.teck-blue-white-header h3 { color: var(--light-grey-7); }
.theme.teck-blue-white-header .p,
.theme.teck-blue-white-header .p--big,
.theme.teck-blue-white-header span { color: var(--white); }
.theme.teck-blue-white-header .body-text,
.theme.teck-blue-white-header .body-text * { color: var(--white); }
.theme.teck-blue-white-header .btn-primary { color: var(--white);border-color: var(--white); }
.theme.teck-blue-white-header .btn-download { color: var(--light-grey-7); }
.theme.teck-blue-white-header table:not(.no-stripe):not(.table-condensed) tr td:nth-of-type(even), 
.theme.teck-blue-white-header table thead tr td:nth-child(2n),
.theme.teck-blue-white-header table thead tr th:nth-child(2n) { background-color: rgba(255,255,255,0.2) }
.theme.teck-blue-white-header table thead tr td,
.theme.teck-blue-white-header table thead tr th { border-color: var(--white); }
.theme.teck-blue-white-header table tbody tr td { background: transparent;border-color: var(--white); }

/* m09 - themes */

.section-m09 .section-image.theme.teck-blue .layer-front::after { background-color: var(--blue); }
.section-m09 .section-image.theme.teck-light-blue .layer-front::after { background-color: var(--light-blue); }
.section-m09 .section-image.theme.teck-medium-blue-1 .layer-front::after { background-color: var(--medium-blue-1); }
.section-m09 .section-image.theme.teck-medium-blue-2 .layer-front::after { background-color: var(--medium-blue-2); }
.section-m09 .section-image.theme.teck-blue-grey .layer-front::after { background-color: var(--blue-grey); }
.section-m09 .section-image.theme.teck-blue-grey-2 .layer-front::after { background-color: var(--blue-grey); }
.section-m09 .section-image.theme.teck-purple .layer-front::after { background-color: var(--purple); }
.section-m09 .section-image.theme.teck-green-1 .layer-front::after { background-color: var(--green-1); }
.section-m09 .section-image.theme.teck-green-2 .layer-front::after { background-color: var(--green-2); }
.section-m09 .section-image.theme.teck-light-green .layer-front::after { background-color: var(--light-green); }
.section-m09 .section-image.theme.teck-black .layer-front::after { background-color: var(--black); }
.section-m09 .section-image.theme.teck-light-grey .layer-front::after { background-color: var(--light-grey-7); }
.section-m09 .section-image.theme.teck-white-on-grey .layer-front::after { background-color: var(--white); }
.section-m09 .section-image.theme.teck-blue-white-header .layer-front::after { background-color: var(--blue); }

/* m29 - themes */

.section-m29.theme .btn-primary:hover { background-color: inherit;border-color: inherit;color: var(--primary); }

/* Media Player */
#currentVideo > iframe {
    height: 100% !important;
    width: 100% !important;
}

/* M02 Title Alternative */
.section-m02-no_overlay h1 span:first-child {
    display: inline-block;
    font-size: 48px;
    line-height: 1;
}
.section-m02-no_overlay h1 span:nth-of-type(2) {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    margin-left: 10px;
    line-height: 1.1;
    font-size: 20px;
    font-weight: normal;
}
.section-m02-no_overlay h1 span:last-child {
    display: inline-block;
    font-size: 55px;
    line-height: .6;
    vertical-align: top;
}

.select2-dropdown {
    z-index: 2;
}

/* climate change */

.climate-change { background:#F8F8F8; }
.climate-change article {
    position: relative;
    margin-bottom: 6px;
    padding: 0px 20px 0px 0px;
    background: var(--white);
    border: 1px solid var(--light-grey-4);
    border-left:0;
    color: var(--black-medium);
    text-decoration: none;
}
.climate-change article:hover { 
    background: var(--primary);
    color: #fff;
}
.climate-change article:hover .arrow-link { filter:brightness(100); } 
.climate-change article .tag { width:10px;height:100%;position:absolute; }
.climate-change h3 { position:relative;display:inline-block;font-size:18px;color:var(--primary);letter-spacing:1px;margin:0;padding-left:25px; }  
.climate-change .featured h3 { color:var(--green-1);font-size:24px;padding-left:50px;line-height:1.5; }
.climate-change h3:before { content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:2px;background-color:var(--primary); }
.climate-change .featured h3:before {  
    width: 45px;
    height: 26px;
    left: 0px;
    background-image: url('/media/tk22-climate-change-featured-badge.svg');
    background-color: transparent; 
}
.climate-change .featured small { display:block;color:var(--green-1);font-size:14px;padding-left:35px; } 
.climate-change article .arrow-link { 
    width: 16px;
    height: 12px;
    margin: 0; 
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11.5145C0 10.896 0.501429 10.3945 1.11997 10.3945H24.8794C25.4979 10.3945 25.9994 10.896 25.9994 11.5145C25.9994 12.133 25.4979 12.6345 24.8794 12.6345H1.11997C0.501429 12.6345 0 12.133 0 11.5145Z' fill='%232F2F2F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6947 0.328033C14.1321 -0.109344 14.8412 -0.109344 15.2786 0.328033L25.6734 10.7228C26.1107 11.1602 26.1107 11.8693 25.6734 12.3067L15.2786 22.7014C14.8412 23.1388 14.1321 23.1388 13.6947 22.7014C13.2574 22.264 13.2574 21.5549 13.6947 21.1175L23.2975 11.5147L13.6947 1.91191C13.2574 1.47454 13.2574 0.765409 13.6947 0.328033Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
} 
.climate-change .years { position:relative; }
.climate-change .years:before { 
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    left: 20px;
    background: var(--primary);
    opacity: 0.2; 
}
.climate-change .line { border:1px dashed var(--primary);opacity:0.15;width:95%;display:inline-flex;margin:0 25px; }
.climate-change .filters label { opacity:0.5;font-size:14px;font-weight:600; }
.climate-change .filters .btn-link { font-size:12px; }
.climate-change .filters .categories button { background:none;border:0;display:flex;align-items:center;font-size:14px;color:var(--black-medium); }
.climate-change .filters .categories button span,
.select2-dropdown .cat-icon { width:15px;height:15px;margin-right:10px;background-color:var(--primary);display:inline-block; }
.climate-change .filters .categories ul { position:relative; }
.climate-change .filters .categories ul li { position:relative;z-index:2; }
.climate-change .filters .categories .marker { 
    position: absolute; 
    z-index: 1;
    top: -4px;
    left: 0%;
    transition: 0.5s ease-in-out;
    background: var(--white);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 28%;
    height: 30px;
}

.climate-change .filters .categories .marker:after { 
    content: '';
    position: absolute;
    right: 20px;
    top: 14px;
    width: 2px;
    height: 2px;
    background: var(--primary);
    box-shadow: 2px 0 0 var(--primary), 4px 0 0 var(--primary), 4px -2px 0 var(--primary), 4px -4px 0 var(--primary), 4px -6px 0 var(--primary), 4px -8px 0 var(--primary);
    transform: rotate(45deg);
}
/* this value should sync with li's width */
.climate-change .filters .categories ul li:nth-child(1).active ~ .marker { left: 0%; }
.climate-change .filters .categories ul li:nth-child(2).active ~ .marker { left: 33.33%; }
.climate-change .filters .categories ul li:nth-child(3).active ~ .marker { left: 66.66%; }
.climate-change .filters .categories ul li:nth-child(4).active ~ .marker { top: 28px;left: 0%; }
.climate-change .filters .categories ul li:nth-child(5).active ~ .marker { top: 28px;left: 33.33%; }
.climate-change .filters .categories ul li:nth-child(6).active ~ .marker { top: 28px;left: 66.66%; }
.climate-change .filters .categories ul li:nth-child(7).active ~ .marker { top: 58px;left: 0%; }
.climate-change .filters .categories ul li:nth-child(8).active ~ .marker { top: 58px;left: 33.33%; }
.climate-change .filters .categories ul li:nth-child(9).active ~ .marker { top: 58px;left: 66.66%; }
.climate-change .years > section { transition: all 1s ease;opacity: 1;overflow: hidden; }
.climate-change .years > section.inactive { height: 0;opacity: 0; }
.climate-change .years .featured { margin-left: -15px; }
.climate-change .years .featured .item { padding-left: 15px; }
.climate-change .years .item { opacity: 1;transform: translateY(0);height: 100%;overflow: hidden;transition: opacity 0.25s ease, transform 0.25s ease, height 0.25s ease; } 
.climate-change .years .item.inactive { opacity: 0;transform: translateY(-100px);height: 0;transition: opacity 0.25s ease, transform 0.25s ease, height 0.25s ease; } 
.climate-change .reset-filters .icon { display: inline-flex;transform: translateY(3px);font-weight: 600; }

@media (max-width:767px) { 
    .climate-change .line { width:85%; } 
}

ul.two-columns {
    list-style:none;
    column-count:2;
    column-gap:30px;
    column-fill:balance;
}
ul.two-columns > li.has-children {
    break-inside: avoid-column;
}