:root {
	--primary-bg: #292828;
	--orange: #F38443;
	--creme: #DDCBC1;
	
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../vendor/font-awesome/webfonts/fa-light-300.eot");
    src: url("../vendor/font-awesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../vendor/font-awesome/webfonts/fa-light-300.woff2") format("woff2"), url("../vendor/font-awesome/webfonts/fa-light-300.woff") format("woff"), url("../vendor/font-awesome/webfonts/fa-light-300.ttf") format("truetype"), url("../vendor/font-awesome/webfonts/fa-light-300.svg#fontawesome") format("svg"); 
    font-display: swap;
    }

  .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; }
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../vendor/font-awesome/webfonts/fa-regular-400.eot");
    src: url("../vendor/font-awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../vendor/font-awesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../vendor/font-awesome/webfonts/fa-regular-400.woff") format("woff"), url("../vendor/font-awesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../vendor/font-awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
    font-display: swap;
}

  .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400; }
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../vendor/font-awesome/webfonts/fa-solid-900.eot");
    src: url("../vendor/font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../vendor/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../vendor/font-awesome/webfonts/fa-solid-900.woff") format("woff"), url("../vendor/font-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../vendor/font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
    font-display: swap;
}

.links a {
	text-decoration:  none;
	color: var(--creme) !important;
}

.sticky-on-top .links a {
	color: var(--bs-body-color) !important;
}

#contact a {
	color: var(--bs-body-color) !important;
	text-decoration:  none;
}
::selection {
    background: #f5df4e;
}

#home, nav:not(.sticky-on-top) {
	color: var(--creme);
}

nav:not(.sticky-on-top) .navbar-toggler span,
.bg-light.rounded-pill {
    background: var(--creme) !important;
}

#testimonial {
	background-color: var(--primary-bg) !important;
}


#home.bg-primary {
    background-color: var(--primary-bg) !important;
}


.bg-primary, .badge-primary,
.owl-theme.owl-light .owl-dots .owl-dot.active span:after, .owl-theme.owl-light .owl-dots .owl-dot:hover span:after,
.progress-bar, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
	background-color: var(--orange) !important ;
}

.text-primary,
a, a.focus {
	color: var(--orange) !important;
}

.border-primary,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	border-color: var(--orange) !important;
}	

.btn-primary {
    background-color: var(--orange);
    border-color: var(--orange);
    color: #212529!important;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}