
@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('jquery-ui.min.css');
@import url('animate.min.css');
@import url('boxicons.min.css');
@import url('icomoon.css');
@import url('owl.css');
@import url('../plugins/nouislider/nouislider.min.css');
@import url('../plugins/nivoslider/css/nivo-slider.css');
@import url('bootstrap-datepicker.min.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: #009750;
	--thm-base-rgb:0, 151, 80;
	--thm-primary: #0f6b40;
	--thm-primary-rgb: 0, 74, 161;
	--thm-secondary-color: #3d3f93;
  --thm-secondary: #ee3135;
	--thm-secondary-rgb: 237, 75, 75;
  --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: #f7f7f7;
	--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-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-20 {
    margin-bottom: 20px !important;
  }

  .mb-25 {
    margin-bottom: 25px !important;
  }
  
  .mb-30 {
    margin-bottom: 30px !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-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);
}