:root {
  --Padding-padding-vertical: 80px 0;
}

@media (max-width: 767px) {
  :root {
    --Padding-padding-vertical: 40px 0;
  }
}
@font-face {
  font-family: 'Segoe UI';
  src: local('Segoe UI Regular'), local('Segoe-UI-Regular'),
    url('../fonts/SegoeUI.woff2') format('woff2'),
    url('../fonts/SegoeUI.woff') format('woff'),
    url('../fonts/SegoeUI.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI';
  src: local('Segoe UI Bold'), local('Segoe-UI-Bold'),
    url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
    url('../fonts/SegoeUI-Bold.woff') format('woff'),
    url('../fonts/SegoeUI-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

._flex-display {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


@media(max-width: 767px) {


}


._justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}

._justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

._justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

._justify-content-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.row-fl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row-fl sup {
  font-size: 12px;
}
.background_grey_s{
  background-color: #F2F2F2;
}

.fl-col-md-3,
.fl-col-sm-6,
.fl-col-md-6,
.fl-col-md-7,
.fl-col-md-4,
.fl-col-sm-3,
.fl-col-xm-6,
.fl-col-md-12,
.fl-col-md-8,
.fl-col-md-5,
.fl-col-md-2,
.fl-col-sm-8,
.fl-col-sm-4,
.fl-col-sm-5 {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.fl-col-md-3.no-pad,
.fl-col-sm-6.no-pad,
.fl-col-md-6.no-pad,
.fl-col-md-7.no-pad,
.fl-col-md-4.no-pad,
.fl-col-sm-3.no-pad,
.fl-col-xm-6.no-pad,
.fl-col-md-12.no-pad,
.fl-col-md-8.no-pad,
.fl-col-md-5.no-pad,
.fl-col-md-2.no-pad,
.fl-col-sm-8.no-pad,
.fl-col-sm-4.no-pad {
  padding-left: 0;
  padding-right: 0;
}

a {
  text-decoration: none !important;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}
h2.h2_header_s,
h3.h2_header_s{
  color: #001C66;
  margin-top: 0;
  font-family: "Segoe UI";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.6px;
}
.h2_header_s.mar_b40px{
  margin-bottom: 40px;
}
.h2_header_s.mar_b20px{
  margin-bottom: 20px;
}
.section_main_s,.main-section-day {
  padding: var(--Padding-padding-vertical);

}
.section_main_s p, .section_main_s li{
  padding: 0;
  color: #0A142D;
  margin-bottom: 15px;
  font-family: "Segoe UI";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37; /* 137.5% */
  letter-spacing: -0.16px;
}
.section_main_s p a{
  color: inherit;
  text-decoration: underline!important;
}
.section_main_s p a:hover, .section_main_s p a:focus {
  color: inherit;
  text-decoration: none!important;
}
.font_s24px strong{
  font-weight: 600;
}
.font_s24px p, .font_s24px li{
  color: #001C66;

  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.24px;
}
.img_in_content{
  overflow: hidden;
  border-radius: 12px;
  margin: 0 0 16px 0;
}
.divider_row{
  height: 1px;
  width: 100%;
  background: #C7CFDC;
  margin: 45px 0 60px 0;
}
.tiles_row_s{
  margin-top: 60px;
}
.tiles_row_s+.divider_row{
  margin-top: 60px;
}
.item_tile_s{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.head_tile{
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background: #677447;
  border-radius: 8px 8px 0 0;
  column-gap: 12px;
  min-height: 56px;
}
.head_tile .icon_t{
  max-height: 28px;
}
.head_tile h4{
  color: #FFF;
  margin: 0;
  font-family:"Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.48px;
}
.item_tile_s .text_tile>div{
  flex: 1 1 auto;
}
.item_tile_s .text_tile{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  padding: 20px;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  color: #0A142D;
}
.item_tile_s a.read_m_link{
  margin-top: 5px;
}
a.read_m_link{
  align-self: flex-start;
  color: #677447;
  display: inline-flex;
  font-family: "Segoe UI";
  font-size:  16px;
  font-style: normal;
  font-weight: 400;
  align-items: center;
  letter-spacing: -0.16px;
  column-gap: 16px;
}
a.read_m_link  svg{
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
a.read_m_link:hover svg{
  -webkit-transform: translateX(4px);
  -o-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}
.item_target{
  padding: 20px;
  color:#FFF;
  text-align: center;
  border-radius: 100px;
  background: #0079FF;
  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33; /* 133.333% */
  letter-spacing: -0.48px;
}
.item_target.bg_rock{

  background: #AD5321;
}
.item_target.bg_pine{

  background: #677447;
}
.item_target.bg_blue{
  background: #001C66;
}
.footnote{
  margin-top: 60px;
}
.footnote.mar_t48px{
  margin-top: 48px;
}
.footnote.mar_t24px{
  margin-top: 24px;
}
.footnote.mar_t16px{
  margin-top: 16px;
}
.footnote > div{
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
}
.footnote sup{
  margin-top: 8px;
  font-size: .75em!important;
}
.footnote p{
  color:#0A142D;
  margin-bottom: 0;
  font-family: "Segoe UI";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3; /* 15.6px */
  letter-spacing: -0.12px;

}
.background_white{
  background-color: #fff;
}
.arrow_bottom_s{
  text-align: center;
  margin: 24px 0;
  line-height: 1;
}
.arrow_bottom_s svg{
  vertical-align: middle;
}
.mar_t30px{
  margin-top: 30px;
}
.mar_b20px{
  margin-bottom: 20px;
}
.mar_b40px{
  margin-bottom: 40px;
}
.mar_t60px{
  margin-top: 60px;
}
@media(max-width: 991px) {
 .mar_t60px {
   margin-top: 40px;
 } 
}

@media(max-width: 800px) {

}


@media(max-width: 767px) {
  .font_s24px p, .font_s24px li{
    font-size: 18px;
  }
  .font_s24px p:last-child{
    margin-bottom: 0;
  }
  h2.h2_header_s, h3.h2_header_s{
    font-size: 20px;
  }
  .h2_header_s.mar_b40px {
    margin-bottom: 20px;
  }
  .divider_row {

    margin: 25px 0 40px 0;
  }
  .tiles_row_s+.divider_row {
    margin-top: 40px;
  }
  .head_tile h4 {
    font-size: 20px;
  }
  .item_target {
    padding: 14px;
    font-size: 14px;
  }
  .arrow_bottom_s {
    margin: 15px 0;
  }
  .arrow_bottom_s  svg{
    width: 18px;
    height: auto;
  }
  .footnote {
    margin-top: 40px;
  }
  .footnote.mar_t48px {
    margin-top: 20px;
  }
}


@media(min-width: 500px) {
  .fl-col-xsm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {

  .fl-col-sm-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width:41.66666667%;
  }
  .fl-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fl-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fl-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fl-col-sm-8 {
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }

  .item-model-one {
    min-height: 150px;
  }

}

@media (min-width: 992px) {
  .fl-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fl-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fl-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fl-col-md-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .fl-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fl-col-md-8 {
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }

  .fl-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width: 1200px) {

}

@media screen and (max-width: 991px) {
}

@media(max-width: 767px) {

}
