@charset "UTF-8";
/* CSS Document*/

.container{
  width: 95%;
  max-width: 1280px;
}

/* List style with bullets, tick and arrows{------------------ START*/

ul.tickList, ul.arrowList, ul.bulletList {
list-style-type: none;
margin: .2rem 0 0 0;
padding: 10px 1.2em 1.2em 40px;
}
ul.tickList li, ul.arrowList li {
padding: 5px 5px 5px 0;
font-weight: 600;
clear: both;
}
ul.tickList li:before {
    padding: 0 10px 0 0;
    color: #88C651;
    font-weight: bold;
    margin-left: -25px;
    float: left;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
}
ul.arrowList li:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
padding: 0 10px 0 0;
color: #6C6C6C;
font-weight: 900;
margin-left: -25px;
float: left;
}
ul.bulletList li {
padding: 5px 5px 5px 0;
clear: both;
}
ul.bulletList li:before {
    padding: 0 10px 0 0;
    color: #6C6C6C;
    font-size: 10px;
    font-weight: bold;
    margin-left: -24px;
    float: left;
    font-family: "Font Awesome 5 Free";
    line-height: 1.5rem;
    content: "\f111";
}
ul.bulletList ul li:before {
content: "";
}

/* List style with bullets, tick and arrows}------------------ END*/



/* HEADER {------------------ START*/
.header .navbar{justify-content: end;}
.header .site-logo.site-title{ margin-right: auto;}
.header .nav-search-form{ width: 325px; align-self: center;}
.header .h-search-form{  position: relative; }
.header .h-search-form .form--control {
	border: 0px;
	border-radius: 3px;
	height: 46px;
	font-weight: 600;
	font-size: 15px;
}
.header .h-search-form .s-btn {
	position: absolute;
	top: 7px;
	right: 10px;
	background: none;
	color: #3d404c;
	font-size: 18px;
}

.header .nav-link-businesses a {
  display: block;
  border: #f1910b 1px solid;
  border-radius: 3px;
	background: none;
	color: #f1910b !important; 
  align-self: center;
  text-align: center;
}
.header .nav-link-businesses a:hover{color: #fff !important; border: #fff 1px solid;}
/* HEADER LOGIN DROPDOWN{------------------ START*/
#header-login-block .dropdown-toggle {
	cursor: pointer;
	font-size: .9rem;
	color: #fff;
	white-space: nowrap;
  margin: 0 10px;

}
#header-login-block .dropdown-toggle:after{display: none;}
#header-login-block .user-icon {
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	background: #fff;
	border-radius: 30px;
	color: #999;
	vertical-align: middle;
	overflow: hidden;
	margin: 0 10px;
}
#header-login-block .user-icon i{ font-size: 20px; line-height: 30px;}
#header-login-block .dropdown-toggle small{  transition: .3s;}
#header-login-block .dropdown-toggle small:hover{ 	color: #f1910b; }
#header-login-block .dropdown-menu {
	border: 0;
	margin-top: 10px;
  right:0;
  left: auto;
  padding: 0;
  overflow: auto;
  min-width: 14rem;
  box-shadow: #00000014 0 0 20px;
  
}

#header-login-block .dropdown-menu .dropdown-item { border-bottom:#ececec 1px solid; font-size: 15px; }
#header-login-block .dropdown-menu .dropdown-item:last-child {  }
#header-login-block .dropdown-menu .dropdown-item i{ width: 25px;}
#header-login-block .dropdown-menu .dropdown-item:hover,
#header-login-block .dropdown-menu .dropdown-item a:hover{ color: rgb(var(--r), var(--g), var(--b)); }
#header-login-block .dropdown-menu .profile_menu{}
#header-login-block .dropdown-menu .btn{border-radius: 0;}
#header-login-block .dropdown-menu h4 {
	font-size: .7rem;
	text-transform: uppercase;
	padding: 10px;
	background: #24272a;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
}
#header-login-block .dropdown-menu h4 a{color: #f1910b;}

@media (max-width: 360px) {
  #header-login-block .dropdown-menu {  min-width: 10rem; right: -25px;}
}

@media (max-width: 1199px) {
.header .navbar-toggler{order:2; margin-left:0 !important;}
.header .navbar-collapse{order:10;}
#header-login-block {order:1;   margin-right: 20px;} 

.navbar-toggler .menu-toggle{
  border:0;
}
.navbar-toggler.collapsed .menu-toggle{border-top: 2px solid; border-bottom: 2px solid; }

.navbar-toggler .menu-toggle:before{ transform: rotate(-45deg); left: 0; }    
.navbar-toggler .menu-toggle:after {transform: rotate(45deg); left: 0;}  

.navbar-toggler.collapsed .menu-toggle:before,
.navbar-toggler.collapsed .menu-toggle:after {transform: rotate(0); margin-top:-1px; }  

}


@media (max-width: 991px) {
  #header-login-block {margin-right: 10px;} 
  #header-login-block .dropdown-toggle small{ display:none;}
}

/* HEADER LOGIN DROPDOWN }------------------ END*/

/* HEADER CATEGORIES DROPDOWN{------------------ START*/
#header-categories-block {
	width: 100vw;
	margin: 0 0 0 -50vw;
	left: 50%;
	background: #24272a;
	color: #fff;
	border: 0;
	border-top: #464a4f 1px solid;
	padding: 30px 20px;
}
#header-categories-block .container{width: 100%;}
#header-categories-block .h5{ padding-bottom: 10px;}
#header-categories-block .cat_list.col-sm-8{
max-height: 50vh;
overflow-y: auto;
padding-bottom: 20px;
}
#header-categories-block .cat_list ul{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap; 
margin-bottom: 15px;
}
#header-categories-block .cat_list ul li {
	width: 32%;
	margin: 0 10px 5px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
  align-items: center;
  color: #848d96;
  font-size: 14px;
}
#header-categories-block .cat_list a{padding: 2px 10px 2px 2px !important;}
#header-categories-block .all-categories-link a{color: #f1910b;}
#header-categories-block .all-categories-link a:hover{color: #fff;}

@media (max-width: 1199px) {
  .header li.header-categories a.dropdown-toggle{ display: none;}
  #header-categories-block .cat_list.col-sm-8{width: 100%; }
  #header-categories-block .col-image{ display: none;}
  #header-categories-block.dropdown-menu {
    margin: 0;
    padding: 20px 0;
    width: 100%;
    left: 0;
    position: relative;
    display: block;
  }
}
@media (max-width: 991px) {
  #header-categories-block .cat_list ul li {	width: 48%; }
}
@media (max-width: 766px) {
  #header-categories-block .cat_list ul li {	width: 85%;  }
}
/* HEADER CATEGORIES DROPDOWN }------------------ END*/

 
/* HEADER SEARCH FORM MOBILE{------------------ START*/
.header-search-mobile { display: none; margin: 0 0 0 auto; margin-top: -5px; transition: margin .3s;}
.header-search-mobile .search_btn_open i {
	margin-top: 5px;
	padding: 10px;
}
.header-search-mobile .search_btn_open ,
.header-search-mobile .search_btn_close {
	background: none;
	color: white;
	font-size: 24px;
	margin: 0;
}

.header-search-mobile .h-search-form{ width: 90%; display: none;}
.header-search-mobile .search_btn_close { display: none;}
.header-search-mobile.active {
	position: absolute;
	width: 100%;
	background: #24272a;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: space-between;
  margin:0;
}

.header-search-mobile.active .search_btn_open {display: none; }

.header-search-mobile.active .search_btn_close, 
.header-search-mobile.active .h-search-form {display: block; }

.header-search-mobile .h-search-form .form--control{
  background: #33373c;
  color: white;
  border-radius: 0;
}
.header-search-mobile .h-search-form .s-btn{color: white;}

@media (max-width: 1199px) {
  .header-search-mobile { 	display: block; }
}
 
/* HEADER SEARCH FORM MOBILE }------------------ END*/



/* HEADER }------------------ END*/


/* WELCOME {------------------ START*/
.welcome-section{ clear: both;}
@media (min-width: 1199px) {
.welcome-section .section-text{ width: 96%;}
}
/* WELCOME }------------------ END*/


/* BLOG PAGE {------------------ START*/
.welcome-section{ clear: both;}
.blog-post .blog-post__body{padding: 10px;}
.blog-post .post-content{padding: 0 15px 10px 0;}
/* BLOG PAGE }------------------ END*/

/* Embed youtube video by jQuery link click ------------------*/
.js_embed_youtube{ position: relative; display: block; opacity: .95; transition: opacity .3s; background: #000;}
.js_embed_youtube:hover{ opacity: 1; }
.js_embed_youtube::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 35px;
    box-shadow: rgb(0 0 0 / 60%) 0 0 10px 0;
    width: 80px;
    height: 80px;
    border: #fff 3px solid;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: white;
    line-height: 76px;
    overflow: hidden;
    opacity: .7;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    content: "\f04b";
    font-weight: 900;
}
.youtube-responsive{
    overflow: hidden;
    position: relative;
    width:100%;
}

.youtube-responsive::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.youtube-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Embed youtube video by jQuery link click ------------------END*/