@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/* font-family: 'Open Sans', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif; */

@import url('fontawesome-all.min.css');
@import url('swiper.min.css');
@import url('animate.min.css');
@import url('boxicons.min.css');
@import url('icomoon.css');
@import url('jquery-ui.min.css');
@import url('owl.css');
@import url('owl.theme.default.min.css');
@import url('../plugins/nouislider/nouislider.min.css');
@import url('magnific-popup.css');
@import url('nouislider.pips.css');
@import url('bootstrap-select.min.css');


/*--------------------------------------------------------------
# Common
---------------------------------------------------------------*/
:root {
  --thm-font: 'Montserrat', sans-serif;
  --heading-font: 'Nunito Sans', sans-serif;
  --thm-color: #555c63;
  --thm-color-rgb: 121, 132, 144;
  --thm-base: #06830b;
  --thm-base-rgb: 0, 151, 80;
  --thm-primary: #1d7f46;
  --thm-primary-rgb: 0, 74, 161;
  --thm-secondary-color: #232963;
  --thm-secondary: #ddffd5;
  --thm-secondary-rgb: 237, 75, 75;
  --thm-badge: #04aa6d;
  --thm-nav-color: #ebebeb; 
  --thm-footer-primary: #f8f8f8;
  --thm-black: #0c2139;
  --thm-black-rgb: 12, 33, 57;
  --thm-black2: #1d1c1c;
  --thm-black2-rgb: 29, 28, 28;
  --thm-text-white: #ffffff;
  --thm-greybg: #f5fbfa;
  /* --site-bg-gray: #f5fbfa; */
  --thm-text-dark: #ffffffa6;
  --thm-text-dark-rgb: 142, 150, 160;
  --thm-title-color: #171d24;
  --thm-text-color: #6a737c;
  --thm-form-input: #eff2f6;
}


* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Reset
====================================================================

 ***/

 .mt--5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt--60 {
  margin-top: -60px !important;
}

.mt--120 {
  margin-top: -120px !important;
}

.mb--5 {
  margin-bottom: 5px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb--60 {
  margin-bottom: -60px !important;
}

.mb--120 {
  margin-bottom: -120px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.pt-115 {
  padding-top: 115px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-142 {
  padding-top: 142px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}


.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pl-5s {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

/* Font Weight */
.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}


/* Text Size */
.text-0 {
  font-size: 11px !important;
  font-size: 0.6875rem !important;
}

.text-1 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.text-2 {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.text-3 {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.text-4 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.text-5 {
  font-size: 21px !important;
  font-size: 1.3125rem !important;
}

.text-6 {
  font-size: 24px !important;
  font-size: 1.50rem !important;
}

.text-7 {
  font-size: 28px !important;
  font-size: 1.75rem !important;
}

.text-8 {
  font-size: 32px !important;
  font-size: 2rem !important;
}

.text-9 {
  font-size: 36px !important;
  font-size: 2.25rem !important;
}

.text-10 {
  font-size: 40px !important;
  font-size: 2.50rem !important;
}

.text-11 {
  font-size: 2.75rem !important;
}

@media (max-width: 1200px) {
  .text-11 {
    font-size: calc(1.4rem + 1.8vw) !important;
  }
}

.text-12 {
  font-size: 3rem !important;
}

@media (max-width: 1200px) {
  .text-12 {
    font-size: calc(1.425rem + 2.1vw) !important;
  }
}

.text-13 {
  font-size: 3.25rem !important;
}

@media (max-width: 1200px) {
  .text-13 {
    font-size: calc(1.45rem + 2.4vw) !important;
  }
}

.text-14 {
  font-size: 3.5rem !important;
}

@media (max-width: 1200px) {
  .text-14 {
    font-size: calc(1.475rem + 2.7vw) !important;
  }
}

.text-15 {
  font-size: 3.75rem !important;
}

@media (max-width: 1200px) {
  .text-15 {
    font-size: calc(1.5rem + 3vw) !important;
  }
}

.text-16 {
  font-size: 4rem !important;
}

@media (max-width: 1200px) {
  .text-16 {
    font-size: calc(1.525rem + 3.3vw) !important;
  }
}

.text-17 {
  font-size: 4.5rem !important;
}

@media (max-width: 1200px) {
  .text-17 {
    font-size: calc(1.575rem + 3.9vw) !important;
  }
}

.text-18 {
  font-size: 5rem !important;
}

@media (max-width: 1200px) {
  .text-18 {
    font-size: calc(1.625rem + 4.5vw) !important;
  }
}

.text-19 {
  font-size: 5.25rem !important;
}

@media (max-width: 1200px) {
  .text-19 {
    font-size: calc(1.65rem + 4.8vw) !important;
  }
}

.text-20 {
  font-size: 5.75rem !important;
}

@media (max-width: 1200px) {
  .text-20 {
    font-size: calc(1.7rem + 5.4vw) !important;
  }
}

.text-21 {
  font-size: 6.5rem !important;
}

@media (max-width: 1200px) {
  .text-21 {
    font-size: calc(1.775rem + 6.3vw) !important;
  }
}

.text-22 {
  font-size: 7rem !important;
}

@media (max-width: 1200px) {
  .text-22 {
    font-size: calc(1.825rem + 6.9vw) !important;
  }
}

.text-23 {
  font-size: 7.75rem !important;
}

@media (max-width: 1200px) {
  .text-23 {
    font-size: calc(1.9rem + 7.8vw) !important;
  }
}

.text-24 {
  font-size: 8.25rem !important;
}

@media (max-width: 1200px) {
  .text-24 {
    font-size: calc(1.95rem + 8.4vw) !important;
  }
}

.text-25 {
  font-size: 9rem !important;
}

@media (max-width: 1200px) {
  .text-25 {
    font-size: calc(2.025rem + 9.3vw) !important;
  }
}

.text-11,
.text-12,
.text-13,
.text-14,
.text-15,
.text-16,
.text-17,
.text-18,
.text-19,
.text-20,
.text-21,
.text-22,
.text-23,
.text-24,
.text-25 {
  line-height: 1.3;
}

/* Opacity */
.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.text-thm,
.text-thm:hover {
  color: var(--thm-base);
}

/*** 

====================================================================
	Form
====================================================================

 ***/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

label {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.form-check label {
  display: flex;
  align-items: center;
  margin: 20px;
  margin-left: 0;
  cursor: pointer;
  font-size: 18px;
}

.form-check input[type="radio"] {
  opacity: 0;
}

.form-check .design {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  outline-offset: 3px;
  outline: 3px solid #888888;
  margin-right: 15px;
}

.form-check input[type="radio"]:checked~.design {
  outline-color: #28a745;
  background: #28a745;
}

.form-check input[type="radio"]:checked~.value {
  color: #28a745;
}

.text-thm,
.text-thm:hover {
  color: var(--thm-base);
}


/*** 

====================================================================
	Custom tooltip
====================================================================

 ***/
.custom-toltip {
  position: relative;
}
.custom-toltip .custom-toltip-block {
  position: absolute;
  top: -36px;
  left: 50%;
  white-space: nowrap;
  background: #000;
  display: table;
  padding: 7px 10px;
  font-size: 13px;
  color: #fff;
  border-radius: 3px;
  transform: translateX(-50%);
  display: none;
  letter-spacing: 0.5px;
  transition: all 0.5s ease;
  font-family: "arial";
  font-weight: 500;
  line-height: 13px;
}
.custom-toltip .custom-toltip-block:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
}
.custom-toltip:hover {
  overflow: visible;
  position: relative;
}
.custom-toltip:hover .custom-toltip-block {
  opacity: 1;
  display: block;
}