/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
:root{
	--primary-clr:#ff6b5f;
	--secondary-clr:#ffa456;
}


/*-----------------
2. Background Color
-----------------------*/
.bg-primary-clr {background: var(--primary-clr) !important;}
.bg-secondary {background: var(--secondary-clr) !important;}
.bg-lightgrey {background: var(--lightgrey-clr) !important;}
.bg-lightgrey2 {background: rgba(216, 216, 216, 0.2) !important;}
.bg-white {background: #fff !important;}
.bg-lightred {background: #fff3f4 !important;}
.bg-lightred2 {background: #ffdee1 !important;}
.bg-lightblue {background: #ACC8FE !important;}
.bg-t {background: transparent !important;}

/*-----------------
3. Color and Fonts 
-----------------------*/
.primary-clr {color: var(--primary-clr);}
.secondary-clr {color: var(--secondary-clr);}
.text-clr {color: var(--text-clr) !important;}
.text-clr2 {color: #666666 !important;}
.white {color: #fff !important;}
.black {color: #000 !important;}
.lightgrey-clr {color: var(--lightgrey-clr);}
.green{color:#38BC68;}
.f-headind {font-family: var(--ff-heading);}
.f-para {font-family: var(--ff-para);}

.h-50px {height:50px;}
.f-20{
	font-size:20px;
}
.f-16{
	font-size:16px !important;
}
.f-14{
	font-size:14px !important;
}
.current{
	font-size:12px !important;
}
.white{
	color:white;
}
.black{
	color:black !important;
}

/* ----- Scrollbar STYLE 1 ----- */
.style-1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: var(--secondary-clr);
}
.style-1::-webkit-scrollbar {
	width: 12px;
	height: 5px;
}
.style-1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #ffffff;
}

/* ----- Scrollbar STYLE 2 ----- */
.style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.style-2::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb
{
	background-color: var(--primary-clr);
}

/* ----- Scrollbar STYLE 3 ----- */
.style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.style-3::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color: #ECD6D8;
}


#purchase {
    background: #fff;
    padding: 30px;
    padding-top: 0;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
#purchase .mfp-close, #lang-dialog .mfp-close {
    color: #666;
    background-color: #e4e4e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
#purchase .mfp-close:before {
    font-size: 24px;
    font-family: 'ElegantIcons';
    content: "\4d";
}
.bg-form{
	box-shadow: 0px 0px 3px 0px;
    padding: 20px;
    border-radius: 10px;
}

.box_list a.wish_bt_custom {
   z-index: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 9px 10px;
    display: inline-block;
    color: #555;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	    margin-bottom: 5px;
}
.font-icon-list {
	  padding: 0px 0px 0px 0px;
	  margin-bottom: none; }
	
	.font-icon-list:hover {
	  cursor: pointer; }
	
	.font-icon-detail {
	  text-align: center; }
	
	.font-icon-detail span:first-child {
	  display: inline-block;
	  transition: color 150ms linear, background 150ms linear, font-size 150ms linear, width 150ms;
	  padding: 10px 0px;
	  width: 45px;
		font-size: 30px;
	  color: #1a1a1a;
	  border: 1px solid #eaeaea;
	  border-radius: 3px; }
	
	.font-icon-name {
	  font-size: 13px;
	  margin-top: 15px;
	  display: block;
	  text-align: center;
	  width: 100%;
	  padding: 0;
	  border: 0; }
	
	.font-icon-name:focus, .font-icon-name:active {
	  outline: none; }
	
	.font-icon-code {
	  max-height: 0;
	  overflow: hidden;
	  text-align: center;
	  opacity: 0;
	  transition: max-height 200ms linear, opacity 200ms linear; }
	
	.font-icon-code.show {
	  max-height: 200px;
	  opacity: 1; }
	
	.code-value, .unicode, .unicode-text {
	  background: none;
	  text-align: center;
	  border: none;
	  color: #a0a0a0; }
	
	.code-value {
	  display: block;
	  width: 100%; }
	
	.unicode, .unicode-text {
	  color: #a0a0a0; }
	
	.unicode {
	  float: left;
	  font-family: "Pe-icon-7-stroke";
	  text-align: right;
	  width: 38%;
	  padding-right: 5px; }
	
	.unicode-text {
	  text-align: left;
	  float: left;
	  display: inline-block;
	  width: 100px;
	  border: none; }
	
	.unicode-text:focus,
	.unicode-text:active {
	  outline: none; }
	
	.font-icon-list:hover .font-icon-name,
	.font-icon-list:hover .code-value,
	.font-icon-list:hover .unicode,
	.font-icon-list:hover .unicode-text,
	.font-icon-detail.zeroclipboard-is-hover .font-icon-name,
	.font-icon-detail.zeroclipboard-is-hover + .font-icon-code .code-value,
	.font-icon-detail.zeroclipboard-is-hover + .font-icon-code .unicode,
	.font-icon-detail.zeroclipboard-is-hover + .font-icon-code .unicode-text {
	  cursor: text;
	  color: #1a1a1a; }
	.font-icon-list:hover .font-icon-detail span:first-child,
	.font-icon-detail.zeroclipboard-is-hover span:first-child {
	  color: #fff;
	  background: #1a1a1a; }
	.font-icon-name::-moz-selection,
	.code-value::-moz-selection,
	.unicode::-moz-selection,
	.unicode-text::-moz-selection,
	.font-icon-name::-moz-selection {
	  background: #aadce2;
	  color: #1a1a1a; }
	
	.font-icon-name::selection,
	.code-value::selection,
	.unicode::selection,
	.unicode-text::selection,
	.font-icon-name::selection {
	  background: #aadce2;
	  color: #1a1a1a; }
	
	.font-icon-name::-moz-selection,
	.code-value::-moz-selection,
	.unicode::-moz-selection,
	.unicode-text::-moz-selection,
	.font-icon-name::-moz-selection {
	  background: #aadce2;
	  color: #1a1a1a; 
	  }
 .custom-service{
		    width: 15%;
 }
 .custom-service2{
		    width: 30%;
 }
 .box_list ul {
	 white-space: nowrap;
	 border-top:none !important;
	 padding: 0px 0px 10px 0px !important;
 }
 .custom-hr{
	 margin: 2px 0 10px 0;
 }
 .btn_custom{
	 font-size: 14px;
    border: 1px solid var(--primary-clr);
	 padding: 5px;
	 border-radius: 3px;
 }
 .btn_custom_fill{
font-size: 14px;
    border: 1px solid var(--primary-clr);
    background: var(--primary-clr);
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px;
 }
 .img_height{
	 min-height: 331px !important;
 }
 
 
.ellipsis-line1{
	 width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-line1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dropdown{
	cursor:pointer;
	padding-left: 15px;
    padding-right: 20px;
}

 .dropdown-toggle::after {
   display: inline-block;
    margin-left: .255em;
    width: 8px;
    content: "";
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
     height: 8px;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
	vertical-align: 0.255em;
    border-top: .0em solid;
    border-left: .0em solid transparent;
}
.dropdown-toggle {
    white-space: nowrap;
    font-weight: 500;
    color: #6f787f;
	line-height: 48px;
	font-size: 12px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 6rem;
    padding: 0px;
    margin: 15px 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
	width:100%;
}
.chekbox_layout{
	font-size: 14px;
    border: 1px solid #dadada;
    padding: 2px 10px;
    border-radius: 3px;
	width: 60px;
    display: inline-block;
    margin-bottom: 10px;
}
.nice-select .list {
    width: auto !important;
    max-height: 200px;
	  height:150px !important;
    overflow: auto;
}
.hero_in .wrapper h1 span {
  background-color: var(--secondary-clr);
}
.display-flex{
	display:flex;
}
.line{
	width: 50%;
    max-width: 90px;
    padding: 13px 10px;
}
.side_padding{
	padding: 25px 20px 25px 20px !important;
}
.w-100{
	width:100%;
}
.w-50{
	width:50%;
}
.w-250{
	min-width:250px;
	width:100%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--primary-clr);
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: 600;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: black;
}
.bg_color_2{
	background-color: #f8f8f8;
}
.max-w{
	max-width:100px !important;
}
.w-70{
	width:70% !important;
}

.wr ul.bullets li:before {
    font-style: normal;
    font-weight: normal;
    font-family: 'ElegantIcons';
    font-size: 14px;
    font-size: 0.875rem;
    content: "\5c";
    color: #e01111 !important;
    position: absolute;
    left: 0;
    top: 0;
}
.wred {
    color: #e01111 !important;
	
}
.sugreen{
    color: #51d26b !important;
	
	
}
.su ul.bullets li:before {
    font-style: normal;
    font-weight: normal;
    font-family: 'ElegantIcons';
    font-size: 14px;
    font-size: 0.875rem;
    content: "\5c";
    color: #51d26b !important;
    position: absolute;
    left: 0;
    top: 0;
}

/*-------------------------- RESPONSIVE CSS -- START ------------------------*/


/*---------------Mobile----------*/

@media only screen and (min-width : 300px){
	.container {
		max-width: 100% !IMPORTANT;
	}
}

/*-----------In Tab View-----------*/

@media only screen and (min-width : 425px){
	.container {
		max-width: 100% !IMPORTANT;
	}
}

/*-----------Desktops and laptops computers-----------*/

@media only screen and (min-width : 1224px) {
	.container {
		max-width: 90% !IMPORTANT;
	}
}


/*-------------------------- RESPONSIVE CSS -- END ------------------------*/



 /*Responsive*/
 
 @media (max-width: 991px){
.box_list .wrapper {
   padding: 20px 15px 20px 15px;
 }
 .box_list {
	 margin: 0 0px 30px 0px;
 }
 .box_list ul li {
    display: inline-block;
    margin-right: 5px;
}
.secondary_nav ul li {
    display: inline;
    margin-right: 20px;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
}
 }


 .f-25{
	 font-size:25px !important;
 }
 .f-80{
	     font-size: 80px;
 }
 .my-account{
	 font-size: 1.3125rem;
    position: relative;

 }
 .sticky ul#top_menu li a.my-account {
    color: #444;
}
.display-contents{
	display:contents !important;
}
ul#top_menu li>ul>li a {
    color: #000;
}
ul#top_menu li>ul>li a:hover {
color: var(--primary-clr);
opacity:1;
}

 @media only screen and (min-width: 992px){
 .main-menu ul ul {
	min-width: auto !important; 
 }
 .contact_info ul {
  max-width: 60%;
  margin: auto;
}
.contact_info ul li {
  width: 50%;
}
 }

 .name {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdownLinks-container {
  display: none;
}

.links:hover .dropdownLinks-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  right: 14px;
  box-shadow: 0 3px 4px 0.08px rgba(0, 0, 0, 0.2);
}

.dropdownLinks-links {
  position: relative;
	background: white;
	border: 1px solid #b8b8b8;
/*   box-shadow: 0 3px 4px 0.08px rgba(0, 0, 0, 0.2); */
}

.dropdownLinks-links:after, 
.dropdownLinks-links:before {
	bottom: 100%;
	right: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdownLinks-links:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
  right: 16px;
  background-clip: padding-box;
}

.dropdownLinks-links:before {
	border-color: rgba(184, 184, 184, 0);
	border-bottom-color: #b8b8b8;
	border-width: 6px;
  background-clip: padding-box;
}

.dropdownLinks-links {
  display: flex;
  flex-direction: column;
}

/* siteNav-content-utilityLinks-dropdown-links-link */
.dropdownLinks-link {
  text-decoration: none;
  padding: 15px 30px;
  color: black;
}

.dropdownLinks-link:hover {
  color: blue;
}

.dropdownLinks-link:first-child {
  padding-top: 15px;
}

.dropdownLinks-link:last-child {
  padding-bottom: 15px;
}
#register_bg{
	    min-height: 112vh;
}
.num-block {
	float: left;
	width: 100%;
}
/* skin 5 */

.num-block.skin-5 {

}

.skin-5 .num-in {
  width: 88px;
  float: left;
	vertical-align: middle;
	position: relative;
	border: 1px solid #EEEFF1;
	border-radius: 3px;
}


.skin-5 .num-in span {
	font-size: 16px;
	width: 20px;
	display: block;
	line-height: 41px;
}

.skin-5 .num-in span.minus {
	float: left;
	text-align: right;
	cursor: pointer;
	padding:0px 5px;
}

.skin-5 .num-in input {
  border: none;
	height: 41px;
	width: 46px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.skin-5 .num-in span.plus {
	float: right;
	text-align: left;
	cursor: pointer;
	padding:0px 5px;
}
.custom_height{
 height: 168px !important;
}
@media (max-width: 991px){
.box_style_cat {
    display: block;
}
}
.box_grid a.delet_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 9px 10px;
    display: inline-block;
    color: #fff;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.box_grid a.delet_btn:hover:after {
    content: "\e07d";
    color: #fff;
}
.box_grid a.delet_btn:after {
    font-family: 'ElegantIcons';
    content: "\e019";
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.h-393{
	min-height:393px;
}
.f-12{
	font-size:12px;
}
.wrapper .price span{
	text-decoration: line-through;
}
.h-284{
	min-height: 284px;
}
.h-320 {
    min-height: 320px;
}
@media (max-width: 767px){
	.h-393 {
    min-height: 297px !important;
}
.h-284{
	 min-height: 589px !important;
}
.h-320 {
     min-height: 387px !important;
}
.order-id {
    position: relative !Important;
    right: 0 !Important;
    bottom: 2px !Important;
	top:0px !important;
    z-index: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 9px 10px;
    display: inline-block;
    color: #555;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
#boxes #dialog {
	height: 420px !important;
    left: 0px !important;
    padding: 35px !important;
    width: 100% !important;
    position: absolute !important;
}
}
.order-id{
	position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 9px 10px;
    display: inline-block;
    color: #555;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.opacity{
	opacity:0.7 !important;
}
.bg_transparent{
	background: linear-gradient(to bottom, transparent, #fff) !important;
}
.product_detail{
	background-color: #fff;
    display: block;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
	
	padding:20px;
}
.product_detail .wrapper{
	padding: 0px 15px;
}
.product_detail .price {
    display: inline-block;
    font-weight: 500;
    color: #999;
	margin-bottom:20px;
	font-size: 18px;
}
.product_detail .price strong {
    color: #32a067;
}
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #00000091;
  display: none;
  height:100% !important;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background:url(../img/banner_bg_desktop.jpg) center center no-repeat;
  font-size: 15pt;
    padding: 50px;
	position:fixed;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
.window h1{
	color: white;
    font-size: 30px;
}
.contact_sticky_icon {
    width: 46px;
    height: 46px;
    position: fixed;
    bottom: 18px;
    right: 78px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    z-index: 99;
}
.b-r-50{
	border-radius:50px;
}
.bg-primary-theme{
	background:var(--primary-clr) !important;
}
.f-21{
	font-size:21px;
}
#contactus {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 660px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
#contactus .mfp-close,
#lang-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#contactus .mfp-close:hover,
#lang-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#contactus .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

.small-dialog-header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#contactus .form-group {
  position: relative;
}

#contactus .form-group input.form-control {
  padding-left: 40px;
}

#contactus .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 34px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

#contactus .form-group i.icon_lock_alt {
  top: 36px;
}

.my-toggle {
  background: transparent;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #888;
  cursor: pointer;
  font-size: 10px;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}
.my-toggle:hover, .my-toggle:focus {
  background-color: #eee;
  color: #555;
  outline: transparent;
}

.hideShowPassword-wrapper {
  width: 100% !important;
}

.checkboxes label {
  color: #999;
}

a#forgot {
  color: #999;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
}

#forgot_pw {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  min-height: 460px;
  display: none;
}
#forgot_pw label {
  font-weight: 500;
}

.sign-in-wrapper {
  position: relative;
  height: 100%;
}

a.social_bt {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  min-width: 200px;
  margin-bottom: 15px;
  display: block;
  padding: 12px;
  line-height: 1;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
a.social_bt:hover {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
}

a.social_bt.facebook:before,
a.social_bt.google:before,
a.social_bt.linkedin:before {
  font-family: 'ElegantIcons';
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 1rem;
  color: #fff;
}

a.social_bt.facebook {
  background-color: #3B5998;
}
a.social_bt.facebook:before {
  content: "\e093";
}

a.social_bt.google {
  background-color: #DC4E41;
}
a.social_bt.google:before {
  content: "\e096";
  top: 12px;
}

.divider {
  text-align: center;
  height: 1px;
  margin: 30px 0 20px 0;
  background-color: #e1e8ed;
}
.divider span {
  position: relative;
  top: -20px;
  background-color: #fff;
  display: inline-block;
  padding: 10px;
  font-style: italic;
}
ul#top_menu {
   top: -7px;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown .dropdown-menu:before{
	bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}
.dropdown-menu a{
	font-size: 0.8125rem;
    color: #555 !Important;
    border-bottom: 1px solid #ededed !Important;
    display: block !Important;
    padding: 15px 10px !Important;
    line-height: 1;
}
.dropdown-menu:hover{
	display:block;
}
.imgEffect {
  padding: 30px;
  padding-top: 0;
}
.imgEffect::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 90%;
  background: var(--primary-clr);
  z-index: 0;
}
/* Homepage */
#testimonial .reviews-container .rev-thumb {
  position: relative;
  margin: auto;
  margin-bottom: 14px;
}
#testimonial .reviews-container .rev-content {
  text-align: center;
}
#testimonial .reviews-container .rev-info {
  font-style: normal;
}
/* END Homepage */

.hero_in.about .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}
.InnerPageBanner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    object-fit: cover;
    z-index: -1;
}
.two-columns-list {
  -moz-columns: 2;
  columns: 2;
}

@media (max-width: 767px){
  .two-columns-list {
    -moz-columns: 1;
    columns: 1;
  }
ul#top_menu li:first-child {
    display: block !important;
}
.responsive-slide{
	display: flex;
    width: 100%;
    overflow: auto;
}
#carousel_slider_wp {
    display: block !Important;
	margin-bottom:15px;
}
ul#top_menu li a.user-menu-btn{
	top:0px !important;
}
.travel-guide-tab .clearfix{
	display: flex;
    overflow: auto;
    white-space: nowrap;
}
.travel-guide-tab .clearfix a {
    position: relative !important;
}
.travel-guide-tab ul li{
	display: flex;
    margin-right: 10px;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    padding-right: 10px;
}
}
.box_list figure small {
	z-index: 1 !important;
}
.continent .grid_item_adventure figure{
	height: 460px;
}
.continent .grid_item_adventure figure img{
	object-fit: cover;
    height: 460px;
}
.continent .owl-item{
	margin-right:1px !important;
}
ul#top_menu li a.user-menu-btn {
    top: 6px;
}
ul#top_menu li a.user-menu-btn {
    display: block;
    width: 22px;
    height: 23px;
    position: relative;
    top: 8px;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	margin-left:10px;
}
ul#top_menu li a {
    color: #fff;
}
.sticky ul#top_menu li a.user-menu-btn:before {
    color: #444;
}
ul#top_menu li a.user-menu-btn:before {
    content: '\e602';
}
ul#top_menu li a.user-menu-btn:before {
    font-family: 'themify';
    font-size: 21px;
    font-size: 1.3125rem;
    color: #fff;
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    line-height: 1;
}
.why_choose .box_feat{
min-height: 200px;
}
.checkout .box_cart aside{
	width: 100% !important;
    padding: 0px 60px 30px 60px !important;
    position: relative !important;
    left: 0;
    top: 0;
    overflow-y: auto;
    background-color: #fff;
    min-height: 100% !Important;
}
.checkout .info{
	padding: 30px 0px 0px 0px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}
.checkout .box_cart .details{
	width: 100% !important;
    padding: 0px 60px 15px 60px !important;
    position: relative !important;
    left: 0;
    top: 0;
    overflow-y: auto;
    background-color: #fff;
    min-height: 100% !Important;
}
.b-r-15{
	border-radius:15px;
}
.travel-guide-tab .clearfix a{
	margin-top: 0px;
	position: absolute;
	border-radius: 5px;
	padding: 6px 10px;
	background: #f6f6f6;
	position: inherit;
	box-shadow: 0px 0px 8px #d9d9d9;
}
.travel-guide-tab ul li{
    max-width: 270px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    font-size: 13px;
	margin: 15px 5px !important;
}
.travel-guide-tab.is_stuck > .container {
    max-width: 100% !important;
}
.travel-guide-tab .clearfix a > span {
    position: relative;
    top: 2px;
    left: -2px;
}
.travel-guide-tab.is_stuck {
    padding: 0px;
}
.travel-guide-tab.is_stuck > .container > .row {
    background: var(--secondary-clr) !important;
}
.travel-guide-tab ul {
    background: white;
    box-shadow: 0px 0px 10px #d3d3d3;
    border-radius: 10px;
    padding: 15px;
}
.travel-guide-tab.is_stuck ul {
    background: transparent;
    box-shadow: 0px 0px;
    border-radius: 0px;
    padding: 0px;
}

.h-450{
	height:450px !important;
}
.logo{
	width: auto;
    height: 45px;
}
.is_stuck ul{
	display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
} 
.is_stuck ul li:active{
	background: var(--primary-clr);
	color:white;
}

.is_stuck ul li a{
	position:relative !important;
}
.vertical-middle{
	vertical-align:middle !important;
}


.secondary_nav ul li a.active {
    color:white !important;
	background: var(--primary-clr);
}
.secondary_nav ul li span.active {
    color:white !important;
}
.min-width{
	min-width: 125px;
}
.tour-detail-tab ul li {
    max-width: auto;
    width: auto;
    border-radius: 5px;
    position: relative;
    font-size: 13px;
    margin: 15px 35px !important;
}
.ellipsis-line3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ellipsis-line6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ellipsis-line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.toursListFltterBtn {
		width: 100%;
		text-align: center;
		display: block;
		line-height: 50px;
		padding: 0;
	}	


.cbp_tmtimeline > li .cbp_tmtime {
    top: 9px;
}
.bullets > ul li {
    position: relative;
    padding-left: 20px;
}
.bullets > ul li:before {
    font-style: normal;
    font-weight: normal;
    font-family: 'ElegantIcons';
    font-size: 14px;
    font-size: 0.875rem;
    content: "\5c";
    color: #ccc;
    position: absolute;
    left: 0;
    top: 0;
}
.cbp_tmtimeline.boxArrow-up1 > li .cbp_tmlabel:after {
    right: 96%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #eef3f7;
    border-width: 10px;
    top: -20px;
    transform: rotate(90deg); 
}
.boxArrow-up {
    background: #eef3f7;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom: 24px;
}
.boxArrow-up :after {
    right: 96%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #eef3f7;
    border-width: 10px;
    top: -20px;
    transform: rotate(90deg); 
}

@media screen and (max-width: 47.2em) {
.cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: none;
    left: auto;
    margin: -65px 5px 20px 65px;
}
.cbp_tmtimeline > li .cbp_tmtime {
    top: -4px;
}
.boxArrow-up :after {
    right: 90%;
}
}



@media (max-width :768px) {
	.toursListFltterBtn {
		width: 100%;
		text-align: center;
		display: block;
		line-height: 50px;
		padding: 0;
	}	
}