@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;600;700;900&family=Rubik:ital,wght@0,300;0,500;0,600;0,700;1,300&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
@import url("animate.css");
@import url("simple-css-slider.css");
@import url("menu.css");
@import url("lightbox.css");

html {
  margin: 0px;
  font-size: 17px;
  font-family: Rubik;
}

body {
  margin: 0px;
  font-size: 0.9rem; /* 16px */
  line-height: 1.5;
  font-family: poppins, sans-serif;
}
.height500 {
  min-height: 600px;
}
.text-center {
  text-align: center;
}
.bg-dark {
  background-color: #269ccc;
}

.bg-midlight {
  background-color: #9ed2c5;
}
.bg-light {
  background-color: #7b7b7b;
}

.white-bg {
  background: #fff;
}
.white-text {
  color: #fff;
  opacity: 0.9;
}

.first-color {
  background: #f2f9f1;
}

.second-color {
  background: #ddeedf;
}

.third-color {
  background: #b6cdbd;
}

.fourth-color {
  background: #5c715e;
}

.container {
  width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  justify-items: center;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  justify-items: center;
}

.container-divider {
  width: 100%;
  grid-template-columns: 1fr;
  justify-items: center;
}
.content-padding {
  padding: 0 4%;
}
.no-gap {
  gap: 0px;
}
.small-gap {
  gap: 2px;
}
.medium-gap {
  gap: 8px;
}
.large-gap {
  gap: 18px;
}

.align-middle-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.align-bottom-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.align-top-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
@media (max-width: 1200px) {
  .align-middle-center {
    display: block;
  }
  .align-bottom-center {
    display: block;
  }
  .align-top-center {
    display: block;
  }
  .container {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .content-padding {
    padding: 0 8%;
  }
  .p4 {
    padding: 7%;
  }
}
/* ********************************** GRID SYSTEM
*************************************************
*************************************************
*************************************************
************************************************* */

.col-12 {
  grid-column: span 12;
  width: 100%;
}
.col-11 {
  grid-column: span 11;
  width: 100%;
}
.col-10 {
  grid-column: span 10;
  width: 100%;
}
.col-9 {
  grid-column: span 9;
  width: 100%;
}
.col-8 {
  grid-column: span 8;
  width: 100%;
}
.col-7 {
  grid-column: span 7;
  width: 100%;
}
.col-6 {
  grid-column: span 6;
  width: 100%;
}
.col-5 {
  grid-column: span 5;
  width: 100%;
}
.col-4 {
  grid-column: span 4;
  width: 100%;
}
.col-3 {
  grid-column: span 3;
  width: 100%;
}
.col-2 {
  grid-column: span 2;
  width: 100%;
}
.col-1 {
  grid-column: span 1;
  width: 100%;
}

@media (max-width: 1200px) {
  .col-12-md {
    grid-column: span 12;
  }
  .col-11-md {
    grid-column: span 11;
  }
  .col-10-md {
    grid-column: span 10;
  }
  .col-9-md {
    grid-column: span 9;
  }
  .col-8-md {
    grid-column: span 8;
  }
  .col-7-md {
    grid-column: span 7;
  }
  .col-6-md {
    grid-column: span 6;
  }
  .col-5-md {
    grid-column: span 5;
  }
  .col-4-md {
    grid-column: span 4;
  }
  .col-3-md {
    grid-column: span 3;
  }
  .col-2-md {
    grid-column: span 2;
  }
  .col-1-md {
    grid-column: span 1;
  }
}

@media (max-width: 600px) {
  .col-12-sm {
    grid-column: span 12;
  }
  .col-11-sm {
    grid-column: span 11;
  }
  .col-10-sm {
    grid-column: span 10;
  }
  .col-9-sm {
    grid-column: span 9;
  }
  .col-8-sm {
    grid-column: span 8;
  }
  .col-7-sm {
    grid-column: span 7;
  }
  .col-6-sm {
    grid-column: span 6;
  }
  .col-5-sm {
    grid-column: span 5;
  }
  .col-4-sm {
    grid-column: span 4;
  }
  .col-3-sm {
    grid-column: span 3;
  }
  .col-2-sm {
    grid-column: span 2;
  }
  .col-1-sm {
    grid-column: span 1;
  }
}
/* **************************************** FONTS
*************************************************
*************************************************
*************************************************
************************************************* */

a {
  font-size: 1rem;
  color: #007bff;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

p {
  margin-bottom: 1em;
  font-weight: 300;
}
.fs-medium {
  font-size: 230%; /* 40px */
}
.x-large {
  font-size: 300%; /* 40px */
}
.xx-larg {
  font-size: 400%; /* 40px */
}

h1 {
  font-size: 2.5rem; /* 40px */
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-size: 2rem; /* 32px */
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-size: 1.75rem; /* 28px */
  font-weight: 400;
  line-height: 1.2;
  font-weight: 500;
}

h4 {
  font-size: 1.5rem; /* 24px */
  font-weight: bold;
  line-height: 1.2;
}

h5 {
  font-size: 1.14rem; /* 20px */
  font-weight: bold;
  line-height: 1.2;
  color: #c34c24;
}

h6 {
  font-size: 1rem; /* 16px */
  font-weight: bold;
  line-height: 1.2;
}

@media (max-width: 1200px) {
  h1 {
    font-size: 2.3rem; /* 32px */
  }
  h2 {
    font-size: 1.88rem; /* 24px */
  }
  h3 {
    font-size: 1.66rem; /* 24px */
  }
  h4 {
    font-size: 1.44rem; /* 24px */
  }
  h5 {
    font-size: 1.22rem; /* 24px */
  }
  h6 {
    font-size: 1.11rem; /* 24px */
  }
  h1.large {
    font-size: 280%; /* 40px */
  }
}
/* Responsive Font Sizes */
@media (max-width: 600px) {
  h1 {
    font-size: 1.9rem; /* 32px */
  }
  h2 {
    font-size: 1.7rem; /* 24px */
  }
  h3 {
    font-size: 1.5rem; /* 24px */
  }
  h4 {
    font-size: 1.3rem; /* 24px */
  }
  h5 {
    font-size: 1.1rem; /* 24px */
  }
  h6 {
    font-size: 0.9rem; /* 24px */
  }
  h1.large {
    font-size: 240%; /* 40px */
  }
  .x-large {
    font-size: 240%; /* 40px */
  }
  .xx-larg {
    font-size: 350%; /* 40px */
  }
}

/* ************************** PADDING AND MARGINS
*************************************************
*************************************************
*************************************************
************************************************* */
.p1 {
  padding: 1%;
}
.p2 {
  padding: 2%;
}
.p3 {
  padding: 3%;
}
.p4 {
  padding: 4%;
}
.p5 {
  padding: 5%;
}
.p6 {
  padding: 6%;
}
.p7 {
  padding: 7%;
}
.p8 {
  padding: 8%;
}
.p9 {
  padding: 9%;
}
.p10 {
  padding: 10%;
}
.p11 {
  padding: 11%;
}
.p12 {
  padding: 12%;
}
/* ***************** PADDING TOP ***************** */
.pt1 {
  padding-top: 1%;
}
.pt2 {
  padding-top: 2%;
}
.pt3 {
  padding-top: 3%;
}
.pt4 {
  padding-top: 4%;
}
.pt5 {
  padding-top: 5%;
}
.pt6 {
  padding-top: 6%;
}
.pt7 {
  padding-top: 7%;
}
.pt8 {
  padding-top: 8%;
}
.pt9 {
  padding-top: 9%;
}
.pt10 {
  padding-top: 10%;
}
.pt11 {
  padding-top: 11%;
}
.pt12 {
  padding-top: 12%;
}
/* ***************** PADDING TOP ***************** */
.pb1 {
  padding-bottom: 1%;
}
.pb2 {
  padding-bottom: 2%;
}
.pb3 {
  padding-bottom: 3%;
}
.pb4 {
  padding-bottom: 4%;
}
.pb5 {
  padding-bottom: 5%;
}
.pb6 {
  padding-bottom: 6%;
}
.pb7 {
  padding-bottom: 7%;
}
.pb8 {
  padding-bottom: 8%;
}
.pb9 {
  padding-bottom: 9%;
}
.pb10 {
  padding-bottom: 10%;
}
.pb11 {
  padding-bottom: 11%;
}
.pb12 {
  padding-bottom: 12%;
}
/* ***************** PADDING WIDTH ***************** */
.px1 {
  padding-left: 0%;
  padding-right: 0%;
}
.px1 {
  padding-left: 1%;
  padding-right: 1%;
}
.px2 {
  padding-left: 2%;
  padding-right: 2%;
}
.px3 {
  padding-left: 3%;
  padding-right: 3%;
}
.px4 {
  padding-left: 4%;
  padding-right: 4%;
}
.px5 {
  padding-left: 5%;
  padding-right: 5%;
}
.px6 {
  padding-left: 6%;
  padding-right: 6%;
}
.px7 {
  padding-left: 7%;
  padding-right: 7%;
}
.px8 {
  padding-left: 8%;
  padding-right: 8%;
}
.px9 {
  padding-left: 9%;
  padding-right: 9%;
}
.px10 {
  padding-left: 10%;
  padding-right: 10%;
}
.px11 {
  padding-left: 11%;
  padding-right: 11%;
}
.px12 {
  padding-left: 12%;
  padding-right: 12%;
}
.px13 {
  padding-left: 13%;
  padding-right: 13%;
}
.px14 {
  padding-left: 14%;
  padding-right: 14%;
}
/* ***************** PADDING TOP BOTTOM ***************** */
.py0 {
  padding-top: 0%;
  padding-bottom: 0%;
}
.py1 {
  padding-top: 1%;
  padding-bottom: 1%;
}
.py2 {
  padding-top: 2%;
  padding-bottom: 2%;
}
.py3 {
  padding-top: 3%;
  padding-bottom: 3%;
}
.py4 {
  padding-top: 4%;
  padding-bottom: 4%;
}
.py5 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.py6 {
  padding-top: 6%;
  padding-bottom: 6%;
}
.py7 {
  padding-top: 7%;
  padding-bottom: 7%;
}
.py8 {
  padding-top: 8%;
  padding-bottom: 8%;
}
.py9 {
  padding-top: 9%;
  padding-bottom: 9%;
}
.py10 {
  padding-top: 10%;
  padding-bottom: 10%;
}
.py11 {
  padding-top: 11%;
  padding-bottom: 11%;
}
.py12 {
  padding-top: 12%;
  padding-bottom: 12%;
}
/* ***************** MARGINS ***************** */
.m0 {
  margin: 0%;
}
.m1 {
  margin: 1%;
}
.m2 {
  margin: 2%;
}
.m3 {
  margin: 3%;
}
.m4 {
  margin: 4%;
}
.m5 {
  margin: 5%;
}
.m6 {
  margin: 6%;
}
.m7 {
  margin: 7%;
}
.m8 {
  margin: 8%;
}
.m9 {
  margin: 9%;
}
.m10 {
  margin: 10%;
}
.m11 {
  margin: 11%;
}
.m12 {
  margin: 12%;
}

/* ***************** MARGIN WIDTH ***************** */

.mx0 {
  margin-left: 0%;
  margin-right: 0%;
}
.mx1 {
  margin-left: 1%;
  margin-right: 1%;
}
.mx2 {
  margin-left: 2%;
  margin-right: 2%;
}
.mx3 {
  margin-left: 3%;
  margin-right: 3%;
}
.mx4 {
  margin-left: 4%;
  margin-right: 4%;
}
.mx5 {
  margin-left: 5%;
  margin-right: 5%;
}
.mx6 {
  margin-left: 6%;
  margin-right: 6%;
}
.mx7 {
  margin-left: 7%;
  margin-right: 7%;
}
.mx8 {
  margin-left: 8%;
  margin-right: 8%;
}
.mx9 {
  margin-left: 9%;
  margin-right: 9%;
}
.mx10 {
  margin-left: 10%;
  margin-right: 10%;
}
.mx11 {
  margin-left: 11%;
  margin-right: 11%;
}
.mx12 {
  margin-left: 12%;
  margin-right: 12%;
}
.mx13 {
  margin-left: 13%;
  margin-right: 13%;
}
.mx14 {
  margin-left: 14%;
  margin-right: 14%;
}

/* ***************** MARGIN TOP BOTTOM  ***************** */

.my0 {
  margin-top: 0%;
  margin-bottom: 0%;
}
.my1 {
  margin-top: 1%;
  margin-bottom: 1%;
}
.my2 {
  margin-top: 2%;
  margin-bottom: 2%;
}
.my3 {
  margin-top: 3%;
  margin-bottom: 3%;
}
.my4 {
  margin-top: 4%;
  margin-bottom: 4%;
}
.my5 {
  margin-top: 5%;
  margin-bottom: 5%;
}
.my6 {
  margin-top: 6%;
  margin-bottom: 6%;
}
.my7 {
  margin-top: 7%;
  margin-bottom: 7%;
}
.my8 {
  margin-top: 8%;
  margin-bottom: 8%;
}
.my9 {
  margin-top: 9%;
  margin-bottom: 9%;
}
.my10 {
  margin-top: 10%;
  margin-bottom: 10%;
}
.my11 {
  margin-top: 11%;
  margin-bottom: 11%;
}
.my12 {
  margin-top: 12%;
  margin-bottom: 12%;
}
/* ***************** MARGIN  BOTTOM  ***************** */
.mb1 {
  margin-bottom: 1%;
}
.mb2 {
  margin-bottom: 2%;
}
.mb3 {
  margin-bottom: 3%;
}
.mb4 {
  margin-bottom: 4%;
}
.mb5 {
  margin-bottom: 5%;
}
.mb6 {
  margin-bottom: 6%;
}
.mb7 {
  margin-bottom: 7%;
}
.mb8 {
  margin-bottom: 8%;
}
.mb9 {
  margin-bottom: 9%;
}
.mb10 {
  margin-bottom: 10%;
}
.mb11 {
  margin-bottom: 11%;
}
.mb12 {
  margin-bottom: 12%;
}
/* ***************** MARGIN  TOP  ***************** */
.mt1 {
  margin-top: 1%;
}
.mt2 {
  margin-top: 2%;
}
.mt3 {
  margin-top: 3%;
}
.mt4 {
  margin-top: 4%;
}
.mt5 {
  margin-top: 5%;
}
.mt6 {
  margin-top: 6%;
}
.mt7 {
  margin-top: 7%;
}
.mt8 {
  margin-top: 8%;
}
.mt9 {
  margin-top: 9%;
}
.mt10 {
  margin-top: 10%;
}
.mt11 {
  margin-top: 11%;
}
.mt12 {
  margin-top: 12%;
}

@media (max-width: 600px) {
  .m-p0 {
    padding: 0% !important;
  }
  .m-p1 {
    padding: 1% !important;
  }
  .m-p2 {
    padding: 2% !important;
  }
  .m-p3 {
    padding: 3% !important;
  }
  .m-p4 {
    padding: 4% !important;
  }
  .m-p5 {
    padding: 5% !important;
  }
  .m-p6 {
    padding: 6% !important;
  }
  .m-p7 {
    padding: 7% !important;
  }
  .m-p8 {
    padding: 8% !important;
  }
  .m-p9 {
    padding: 9% !important;
  }
  .m-p10 {
    padding: 10% !important;
  }
  .m-p11 {
    padding: 11% !important;
  }
  .m-p12 {
    padding: 12% !important;
  }
  .m-m0 {
    padding: 0% !important;
  }
  .m-m1 {
    padding: 1% !important;
  }
  .m-m2 {
    padding: 2% !important;
  }
  .m-m3 {
    padding: 3% !important;
  }
  .m-m4 {
    padding: 4% !important;
  }
  .m-m5 {
    padding: 5% !important;
  }
  .m-m6 {
    padding: 6% !important;
  }
  .m-m7 {
    padding: 7% !important;
  }
  .m-m8 {
    padding: 8% !important;
  }
  .m-m9 {
    padding: 9% !important;
  }
  .m-m10 {
    padding: 10% !important;
  }
  .m-m11 {
    padding: 11% !important;
  }
  .m-m12 {
    padding: 12% !important;
  }
  .m-px0 {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .m-px1 {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  .m-px2 {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .m-px3 {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  .m-px4 {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
  .m-px5 {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .m-px6 {
    padding-left: 6% !important;
    padding-right: 6% !important;
  }
  .m-px7 {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }
  .m-px8 {
    padding-left: 8% !important;
    padding-right: 8% !important;
  }
  .m-px9 {
    padding-left: 9% !important;
    padding-right: 9% !important;
  }
  .m-px10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .m-px11 {
    padding-left: 11% !important;
    padding-right: 11% !important;
  }
  .m-px12 {
    padding-left: 12% !important;
    padding-right: 12% !important;
  }
  .m-px13 {
    padding-left: 13% !important;
    padding-right: 13% !important;
  }
  .m-px14 {
    padding-left: 14% !important;
    padding-right: 14% !important;
  }
}