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

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-overflow-scrolling: touch;}

:focus { outline:none;}
ul, li, ol { list-style:none; padding: 0; margin: 0;}
a { text-decoration:none; -webkit-transition:0.5s; color: #494949; transition:0.5s;}
input[type="button"],input[type="submit"] { text-decoration:none; -webkit-transition:0.5s; transition:0.5s;}
a:hover{color:#0072ca; text-decoration: none; outline: none;}
a:focus {text-decoration: none; outline: none;}
a img, img { border:none; vertical-align:middle; max-width:100%; width:auto}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: 700;  margin: 0px; padding: 0px; }
p {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; color: #666666; }

:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button {outline: none !important; text-decoration: none !important;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner {  padding: 0;  border: 0; }

input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="search"],
input[type="text"],
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}

table { border-spacing: 0; border-collapse: collapse; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }

.relative { position:relative;}
.clear{clear:both;}
.row {}
.row:before, .row:after {display: inline-block !important;}

.container {max-width: 1250px; width: 100%; margin:0 auto;}
.container:before, .container:after { display:table; content:"";}
.container:after { clear:both;}

a.menu-icon { display:none; height:auto; padding:7px 0 7px 0; width:40px; background:rgba(0,0,0,0.2);}
a.menu-icon span { display:block; margin:4px 10px; background:#fff; height:3px;}

.section-title h1 {position: relative;	text-transform: uppercase;	margin: 0px;	padding-bottom: 45px;	font-family: 'Roboto', sans-serif;	font-weight: 300;	font-size: 40px;	color: #4b4e53;	letter-spacing: 0.5px;}
.section-title h1::after {content: "";	display: block;	width: 100px;	height: 2px;	position: absolute;	bottom: 20px;	left: 0px;	background-color: #4b4e53;}

.content-title {border-bottom: 2px solid #eaeaea;	padding-bottom: 15px;	display: block;	width: 100%;	margin-bottom: 5px; position: relative;}
.content-title h1 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 16px;	color: #000;	display: inline-block;	vertical-align: middle;}
.content-title::after {display: block; clear: both; content: "";}
.content-title h1 a {font-family: 'Roboto', sans-serif;    font-weight: 700;    font-size: 16px;    color: #000;    display: inline-block;    vertical-align: middle;    padding-right: 16px;    position: relative;}
.content-title h1 a::after {content: "";    display: block;    position: absolute;    top: 0px;    right: 5px;    font-size: 16px;}
.content-title h1 .btn {display: block;	position: absolute;	right: 0px;	top: 0px;}

.btn.btn-red {background-color: var(--main-bg-color);	font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 16px;	color: #fff;	letter-spacing: 0.2px; /*padding: 10px 35px;*/ margin: 0px;}
.btn.btn-black-border {color: var(--main-bg-color);	font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 20px;	border: 2px solid #9c9c9c;	border-radius: 0px; /*padding: 12px 30px;*/}
.btn-width {width: 100%;    height: 100%;    border-radius: 0px !important;    display: block;}
.btn.btn-black {background-color: #353437;    font-family: 'Roboto', sans-serif;    font-weight: 700;    font-size: 16px;    color: #fff;    letter-spacing: 0.2px;    margin: 0px;}

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


#header .header-top-block {padding: 25px 0px;	background-image: url("../images/Layer.png");	background-size: contain;	background-position: center center;	background-repeat: repeat;}
#header .header-top-block .logo-box {width: 100%;	display: block;}
#header .header-top-block .logo-box img {
    width: 100%;
    height: auto;
    max-width: 80px;
}
#header .header-top-block .btn.btn_red.dropdown-toggle {background-color: var(--main-bg-color);	color: #fff;	font-family: 'Montserrat', sans-serif; font-weight: 400;	font-size: 14px;	letter-spacing: .5px;	position: relative;	width: 94px;	padding: 0px 15px;	text-align: left;	border-radius: 50px 0px 0px 50px;}
#header .header-top-block .btn.btn_red.dropdown-toggle::after {display: block;	margin-left: 0px;	vertical-align: inherit;	border-top: none;	border-right: none;	border-bottom: none;	border-left: none;	font-family: "Font Awesome 5 Free";	font-weight: 400;	content: "\f054";	position: absolute;	right: 10px;	top: 8px;}
#header .header-top-block .domain-block .btn.btn_red.dropdown-toggle {width: 140px;    padding: 8px 15px;    border-radius: 50px;}
#header .header-top-block .domain-block .input-group {-ms-flex-align: right;    align-items: flex-end !important;    justify-content: flex-end !important;}
#header .header-top-block .domain-block .dropdown-menu.domain.show {right: 0px !important;    left: auto !important;    transform: translate(0%, 0%) !important;    top: 40px !important;}
#header .search-block {width: 100%;    display: block;}
#header .search-box {width: 99%;    display: inline-block;    vertical-align: middle;    margin-right: 1%;}
#header .btn_box {width: 16%;    display: inline-block;    height: 36px;    overflow: hidden;    vertical-align: middle;    /* border: 1px solid var(--main-bg-color); */    /* border-radius: 50px; */    position: relative;}
#header .btn_box a {width: 100%;	display: block;}
#header .btn_box img {position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	width: 100%;	display: block;}
#header .header-top-block .form-control {height: auto;    border: 1px solid #b2b2b2;    box-shadow: none !important;    border-radius: 0px 50px 50px 0px !important;    color: #101820;    font-family: 'Montserrat', sans-serif;    font-weight: 400;    font-size: 14px;    padding: 8px 50px 8px 15px;}
#header .header-top-block .search-button {position: absolute;    right: 1px;    top: 1px;    background-color: var(--main-bg-color);    border: none;    width: 42px;    height: 37px;    border-radius: 0px 50px 50px 0px;    z-index: 11;}
#header .header-top-block .search-button .svg-inline--fa {color: #fff;    font-size: 16px;}
#header .header-top-block .button-box {width: 100%;	text-align: right;}
#header .header-top-block .button-box ul li {display: inline-block;	vertical-align: middle;	max-width: 156px;	width: 100%;}
#header .header-top-block .btn {width: 100%;	display: block;}
/*#header .header-top-block .button-box ul li:last-child {margin-top: 10px;}*/
#header .header-top-block .content {display: inline-block;	vertical-align: middle;}
#header .header-top-block .btn.btn-read {padding: 6px 20px;	background-color: var(--main-bg-color);	color: #fff;	border-radius: 50px;}
#header .header-top-block .btn.btn-read .content p {color: #fff;}
#header .header-top-block .icons {width: 15px;	display: inline-block;	vertical-align: middle;	margin-right: 7px;}
#header .header-top-block .content span {font-family: 'Montserrat', sans-serif;	font-weight: 400;	font-size: 10px;	text-align: left;	display: block;	line-height: 12px;}
#header .header-top-block .content p {font-family: 'Maven Pro', sans-serif;	font-weight: 400;	font-size: 14px;	margin: 0px;	padding: 0px;	line-height: 14px;	text-align: left;}
#header .header-top-block .btn.btn-white {padding: 6px 20px;	background-color: #fff;	color: var(--main-bg-color);	border-radius: 50px;	border: 1px solid var(--main-bg-color);}
#header .header-top-block .btn.btn-white.content p {color: var(--main-bg-color);}
#header .header-block {background-color: var(--main-bg-color);}
#header .header-block.isStuck {position: fixed;	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);	width: 100%;	top: 0px; z-index: 11111;}


#nav {}
#nav ul {}
#nav ul li {display: inline-block;	position: relative;	margin-right: 5px; }
#nav ul li:last-child {margin-right: 0px;}
#nav ul li a {display: block;	font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 15px;	color: #fff;	text-transform: uppercase;	padding: 14px;	margin: 0px;}
#nav ul li.active > a {background-color: #000;color: #fff !important;}
#nav ul li ul.sub-menu {position: absolute;	z-index: 11;	background-color: #fff;	top: 50px;	left: -35px;	width: 195px;	display: none; box-shadow: 0px 0px 3px 1px #ccc; overflow-y: auto;}
#nav ul li ul.sub-menu li {margin: 0px !important;	padding: 0px !important;	display: block !important;	width: 100%;	border-bottom: 1px solid #ccc;}
#nav ul li ul.sub-menu li a {padding: 10px;	font-size: 15px;	color: #000;	font-weight: 400 !important;	text-transform: capitalize !important;	display: block;}
#nav > ul > li:hover ul.sub-menu {display: block;}
#nav ul li.is-parent::after {display: block;    content: "";    border-top: 7px solid #fff; border-right: 7px solid transparent;     border-bottom: 0;    border-left: 7px solid transparent;    position: absolute;    top: 21px;  right: 12px;    border-radius: 2px;}
li.is-parent > a {padding-right: 33px !important;}
#nav ul .after-login li {margin-right: 10px !important;}
#nav ul .after-login li:last-child {margin: 0px !important;}
#nav ul .after-login {float: right;	display: inline-block;}
#nav ul .custom-toggle.dropdown-toggle {background-color: transparent !important;	border: none !important; padding-top: 7px;}
#nav ul .custom-toggle.dropdown-toggle::after {display: none;}
#nav ul .icon-box {width: 38px;	height: 38px;	border: 2px solid #fff;	border-radius: 50%;	text-align: center;	display: inline-block;	vertical-align: middle;	overflow: hidden;	position: relative;}
#nav ul .icon-box img {	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	
                        /*width: 20px;*/	
                        height: auto;}
#nav ul .custom-toggle p {display: inline-block;	vertical-align: middle;	margin: 0px;	font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 15px;	color: #fff;	padding-left: 8px;}
#nav ul .custom-toggle p .svg-inline--fa {font-size: 18px;	display: inline-block;	color: #fff; line-height: 0px;	vertical-align: middle;	margin-left: 4px;}
#nav ul .custom-deop {position: relative;	display: block;}
#nav ul .dropdown-menu.show {position: absolute !important;	left: -90px !important;	top: 48px !important;	transform: translate(0%, 0%) !important;	will-change: inherit !important;	width: 230px !important;	background-color: #fff !important;	overflow: hidden;	border: none !important;	border-radius: 0px !important;	box-shadow: 0px 0px 3px 1px #ccc;	margin: 0px !important;	padding: 0px !important;	max-height: 280px !important;	overflow-y: auto !important;	scroll-behavior: smooth !important;}
#nav ul li a.dropdown-item {display: block;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 15px;	color: #000;	text-transform: none !important;	padding: 10px;	margin: 0px;	border-bottom: 1px solid #ccc;	white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}
#nav ul .dropdown-menu.user.show {
    overflow: hidden !important;
    width: 180px !important;
    left: auto !important;
    top: 51px !important;
    max-height: none !important;
    right: -15px !important;
}

#banner {}
#banner .banner-block {padding-top: 10px;}
#banner .banner-box {width: 100%;	padding: 100px 0px;	background-repeat: no-repeat !important;	background-size: cover !important;	background-position: center center !important;}
#banner .banner_box img {width: 100%;	height: 200px;}


#category_tabs {}
#category_tabs .category_tabs_block {padding: 10px 0px;}
#category_tabs .cat_list_block {background-color: #fff; box-shadow: 0px 0px 2px 2px #eaeaea; border-radius: 10px;	overflow: hidden;}
#category_tabs .cat_title {background-color: #eaeaea;	padding: 10px 20px;	border-bottom: 1px solid #dee2e6;}
#category_tabs .cat_title h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 15px;	color: #000;}
#category_tabs .nav-tabs {width: 100% !important;	margin: 0px !important;	padding: 0px !important;	border: none !important;}
#category_tabs .nav.nav-tabs li {width: 100% !important;	display: block;	margin: 0px !important;	padding: 0px !important;	border-bottom: 1px solid #edf1f5 !important;	border-radius: 0px !important;}
#category_tabs .nav.nav-tabs li a {border: none !important;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 16px;	color: #000 !important;	border-radius: 0px !important;	padding: 8px 20px;}
#category_tabs .nav.nav-tabs li a .cat_icon {width: 50px;	display: inline-block;	vertical-align: middle;}
#category_tabs .nav.nav-tabs li a .cat_icon img {display: block;	max-width: 24px;	height: auto;	width: auto;}
#category_tabs .products_block {background-color: #fff;	box-shadow: 0px 0px 2px 2px #eaeaea;	border-radius: 10px;	overflow: hidden; margin-top: 35px;}
#category_tabs .products_block:first-child {margin-top: 0px;}
#category_tabs .products_block .products_cat_title {background-color: #eaeaea;	padding: 10px 20px;	border-bottom: 1px solid #dee2e6;}
#category_tabs .products_block .products_cat_title h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 15px;	color: #000;}
#category_tabs .products_block .products_slider {padding: 20px 30px; position: relative;}
#category_tabs .products_block .products_image_box {width: 100%;	padding: 0px 10px;	display: block;}
#category_tabs .products_block .products_img {width: 100%;	height: auto;	max-height: 160px;	min-height: 160px;	overflow: hidden;	box-shadow: 0px 0px 2px 2px #eaeaea;	border-radius: 15px;	position: relative; margin-top: 5px;}
#category_tabs .products_block .products_img img {position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);}
#category_tabs .products_block .products_content {position: absolute;	width: 100%;	height: 100%;	background-color: rgba(0,0,0,0.5);	top: 0px;	left: 0px;	z-index: 1;	transform: scale(0); transition-duration: 700ms;}
#category_tabs .products_block .products_content p {position: absolute;	text-align: center;	width: 100%;	margin: 0px;	left: auto;	transform: translate(0%, -50%);	top: 50%;}
#category_tabs .products_block .products_content p a {color: #fff !important; font-size: 25px; }
#category_tabs .products_block .products_content p a .svg-inline--fa.fa-eye.fa-w-18 {margin-left: 10px;}
#category_tabs .products_block .products_img:hover .products_content{transform: scale(1); transition-duration: 700ms;}
#category_tabs .products_block .owl-nav button {position: absolute;	top: 38%;	font-size: 22px !important;}
#category_tabs .products_block .owl-nav.disabled {display: block !important;}
#category_tabs .products_block .owl-prev {left: -17px;}
#category_tabs .products_block .owl-next {right: -17px;}
#category_tabs .add-products {position: absolute;	text-align: center;	margin: 0 auto;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 75%;}
#category_tabs .add-products a {width: 100%;	display: block;}
#category_tabs .add-products img {width: 100%;	max-width: 70px; margin: 0 auto;	display: block;}
#category_tabs .add-products h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 20px;	color: #000;	padding-top: 25px;}
#category_tabs .products_.sub-content {width: 100%;	margin: 10px 0px 5px 0px;}
#category_tabs .products_.sub-content p {margin: 0px;	padding-bottom: 5px;	font-size: 15px;	font-family: 'Roboto', sans-serif;	font-weight: 400;	color: #000 !important;	text-align: left;	text-transform: capitalize;}
#category_tabs .products_block .row.prod_box .products_image_box {width: 100%;	padding: 0px;	display: block;	height: 100%;}



#footer {}
#footer .footer-block {background-color: #000;	padding: 35px 0 20px 0px;	text-align: center; margin-top: 50px;}
#footer .footer-logo img {width: 100%;	max-width: 245px;	margin: 0 auto;}
#footer .footer-address {margin-top: 30px;}
#footer .footer-address p {font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 18px;	color: #fff;}
#footer .footer-nav {text-align: left; margin-top: 25px;}
#footer .footer-nav ul li {display: inline-block;	margin-right: 18px;	padding-right: 18px;	text-align: left;}
#footer .footer-nav ul li a {font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 18px;	color: #fff; text-decoration: underline;}
#footer .footer-copyright {text-align: right; margin-top: 25px;}
#footer .footer-copyright p {margin: 0px;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 18px;	color: #fff;}
#footer .footer-logo {display: block;	width: 100%;	margin-bottom: 20px;}
#footer .footer-navigation-box .footer-nav ul li {display: block;	margin-right: 0;	padding-right: 0;	position: relative;	padding-left: 18px;}
#footer .footer-navigation-box .footer-nav ul li a {text-decoration: none;}
#footer .footer-navigation-box .footer-nav ul li::after {font-family: "Font Awesome 5 Free";	font-weight: 900;	content: "\f0da";	display: block;	color: #fff;	position: absolute;	top: -4px;	font-size: 22px;	left: 0px;}




.modal-dialog {max-width: 500px;	width: 100%;	position: absolute !important;	top: 50% !important;	left: 50% !important;	transform: translate(-50%, -50%) !important;	margin: 0 !important;	padding: 0 !important;	width: 100% !important;	background-color: transparent !important;}
.modal-dialog .modal-content {padding: 20px;	background-color: #fff;	border-radius: 23px;}
.modal-dialog .modal-logo {width: 100%;	display: block;	margin: 0 auto;	text-align: center;	margin-bottom: 20px;}
.modal-dialog .modal-logo img{width: 100%; max-width: 240px;}
.modal-dialog .modal-body h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 20px;	color: #000;	margin-bottom: 15px;}
.modal-dialog .form-control {font-family: 'Roboto', sans-serif;	font-weight: 400 !important;	font-size: 14px;	color: #000;	padding: 10px;	height: auto;	box-shadow: none;	border: 2px solid #bfbfbf;}
.modal-dialog .input_icons .form-control{padding: 10px 15px 10px 50px;}
.modal-dialog .button_box {margin: 20px 0px;}
.modal-dialog .form-group.input_icons {position: relative;}
.modal-dialog .button_box .link {display: inline-block; text-decoration: underline;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 16px;	color: var(--main-bg-color);	float: right;	margin-top: 10px;	padding-right: 10px;}
.modal-dialog .modal-body p {	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 16px;	color: #757575; text-align: center;}
.modal-dialog .modal-body p a {color: var(--main-bg-color); text-decoration: underline; display: inline-block; margin-left: 5px;}
.modal-dialog .svg-inline--fa {position: absolute;  top: 11px;  left: 15px; font-size: 20px;    color: var(--main-bg-color);}
.modal-dialog .jssocials-share .svg-inline--fa {position: relative;  top: auto;  left: auto; font-size: 20px;    color: #fff;}


#user_model .modal-dialog {max-width: 400px;}
#user_model .model-conten-box {width: 100%;	text-align: center;	background-color: var(--main-bg-color);	margin: 0px auto; border-radius: 16px;	box-shadow: 0px 0px 2px 1px #ccc;	margin-top: 30px;}
#user_model .model-conten-box a {display: block;	width: 100%;	cursor: pointer;	padding: 20px;}
#user_model .model-conten-box h4 {font-size: 17px !important;	font-weight: 500 !important;	margin-bottom: 0px !important;	color: #fff !important;}
#user_model .model-conten-box p {color: #fff !important;	margin: 4px 0px !important;	font-size: 15px !important;}
#user_model .model-conten-box img {width: 28px;	margin-top: 4px;}


.img_box {width: 120px;	height: 120px;	overflow: hidden;	margin: 0 auto;	border: 2px solid #bfbfbf;	border-radius: 50%;	position: relative;}
.img_box img {	width: 100%;	height: 100%;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);}
.upload_block {position: relative;	width: 120px;	margin: 0 auto;	display: block;	margin-bottom: 50px;}
#imageUpload,#imageUpload1 {width: 50px;	height: 50px;	display: block;	position: absolute;	bottom: -18px;	right: 0px;}
.upload_block #fileInput {display: none;}
.upload_block #fileInput1 {display: none;}
.gj-datepicker-bootstrap [role="right-icon"] button {border: 2px solid #bfbfbf !important; border-left: 0px !important;}
.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon {top: 12px !important;}
.button_box p {text-align: right !important; float: right;}
#register_model .modal-dialog .button_box .link {display: block;	width: 50%;	margin-top: 0px;	padding-right: 0px;}
#register_model .modal-dialog {max-width: 550px;}

.modal-body {max-height: 80vh;	width: 100%; overflow-y: auto;}
.model_select_date .modal-body {overflow: hidden;}
.model_select_date .model-section {width: 100%;	max-height: 60vh;	overflow: hidden;	overflow-y: auto;}
.model_select_date .model-footer-box {height: 50px;	width: 100%;	background-color: #fff;	padding-top: 10px;}

.upload_products {}
.upload_products .btn.btn-red.squre {padding: 3px !important;	width: 75px !important;	border-radius: 5px;	overflow: hidden;}
.upload_products .btn.btn-red.squre .svg-inline--fa.fa-plus.fa-w-14 {color: #fff !important;	display: block;	width: 100%;	position: relative;	top: auto;	left: auto;	margin-bottom: 5px;}
.upload_products .button_box .btn-red {width: 100%;	border-radius: 0px;}
.upload_products .modal-dialog {max-width: 80%;}

.modal-open .modal {z-index: 11111;}

.span-error-validation {color: red;	font-family: 'Roboto', sans-serif;	font-weight: 300;	font-size: 15px;}

.category_tabing_box .row {margin-left: -10px;	margin-right: -10px;}
.category_tabing_box .row .col-md-4, .category_tabing_box .row .col-md-3 {padding-left: 10px;	padding-right: 10px;}

.category_tabs_box .row {margin-left: -10px;	margin-right: -10px;}
.category_tabs_box .row .col-md-4, .category_tabs_box .row .col-md-3 {padding-left: 10px;	padding-right: 10px;}

.products-box {width: 100%;	height: 100%;	border: 2px solid #d0d0d0;	padding: 0px 0px 5px 0px;	position: relative;	overflow: hidden;}

.pro-slide .products-box {width: 93%;	margin: 0px auto;}

.row.prod_box.pro_home {margin-left: -6px;	margin-right: -6px;}
.prod_box.pro_home .col-md-3 {padding-left: 6px;	padding-right: 6px;}
.prod_box.pro_home .products-content h4 {font-size: 15px;}
.prod_box.pro_home .products-content h6 {font-size: 14px;}
.prod_box.pro_home .products-content p {font-size: 14px;}



.products-box.add_pro {min-height: 222px;}
.products-image {width: 100%;	margin: 0 auto;	min-height: 130px;	max-height: 130px;	overflow: hidden;	text-align: center;	display: block;	position: relative;}
.products-box.padding-20-40 .products-image {padding: 0px 18px;}

.products-content {margin-top: 10px; padding: 0px 10px}
.products-content h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 16px;	color: #000;	margin-bottom: 12px;}
.products-content h6 {font-family: 'Roboto', sans-serif;	font-size: 14px;	color: #000;	margin: 0px;	padding-bottom: 4px;	font-weight: 500;}
.products-content p {font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 14px;	color: #323232;	margin: 0px;}
.products_details {position: absolute;    top: 5px;    left: 5px;    background-color: transparent;    max-width: 150px;    width: 100%;    padding: 0;}
.products_details span {color: #fff;   font-size: 12px;    display: inline-block;    background-color: var(--main-bg-color);    margin: 1px 0px;    border-radius: 4px;    padding: 2px 5px;    text-transform: capitalize;    width: auto !important;    font-weight: 600;    line-height: normal;}
.category_tabing_box .button-box {padding-top: 30px;	text-align: center;	margin: 0 auto;}
.category_tabs_box .col-md-3, .category_tabs_box .col-md-4 {margin: 10px 0px;}


#contactus {}
#contactus .contactus-form {margin-top: 30px;}
#contactus .contactus-block {padding: 60px 0px;}
#contactus .form-control {color: #4b4e53;	border: none !important;	box-shadow: none !important;	border-bottom: 1px solid #4b4e53 !important;	border-radius: 0px !important;	padding: 15px 0px;	font-family: 'Roboto', sans-serif;	font-weight: 300;	font-size: 17px; height: auto !important;}
#contactus textarea.form-control {height: 50px !important;}
#contactus .button-box {width: 100%;	margin-top: 50px;}
#contactus .button-box .btn.btn-red {border-radius: 0px !important;}


#products_details {}
#products_details .products_details-block {padding: 30px 0px;}
#products_details .products_silde {width: 100%;	border: 1px solid #9c9c9c;}
/*#products_details .slick-prev.slick-arrow {display: none !important;}*/
/*#products_details .slick-next.slick-arrow {	display: none !important;}*/
#products_details .slick-slide {padding: 20px !important;}
#products_details .slick-slide img {display: block;	width: 100%;}
#products_details .pro-large-img.img-zoom:hover::before {display: block;	content: "";	background-color: #fff;	width: 100%;	height: 100%;	z-index: 1;	position: absolute;	top: 0px;	left: 0;}
#products_details .pro-large-img.img-zoom:hover img.zoomImg{z-index: 111 !important;}
#products_details .products-content-box {width: 100%;	border: 1px solid #9c9c9c;	margin-bottom: 24px;	padding: 20px; position: relative; margin-top: 0px;}
#products_details .products-content-box h3 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 20px;	margin-bottom: 10px;}
#products_details .products-content-box h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 18px;}
#products_details .products-content-box h6 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 15px;	margin-bottom: 2px;}
#products_details .products-content-box p {font-family: 'Roboto', sans-serif;	 font-weight: 400;	color: #010101;	font-size: 13px;	margin: 0px;	padding-bottom: 2px;}
#products_details .user_pro_content_box {width: 100%;	position: relative;	padding: 15px 0px;}
#products_details .user_pro {background-color: #d9d9d9;	width: 50px;	height: 50px;	overflow: hidden;	border-radius: 50%;	position: relative;	display: inline-block;	vertical-align: middle;}
#products_details .user_pro img {height: auto;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);}
#products_details .user_pro_content {display: inline-block;	vertical-align: middle; margin-left: 10px;}
#products_details .user_pro_content p {padding: 0px;}
#products_details .user_pro_content_box a {position: absolute;	right: 0px;	top: 33px; color: #000 !important;	font-size: 16px; }
#products_details .user_pro_content_box p a {position: relative;right: auto;top: auto; color: #010101 !important;font-size: 13px; }
#products_details .share-icon {position: absolute;	right: 20px;	top: 20px;	font-size: 18px;	color: #000 !important;}
#products_details .favourite-icon {position: absolute;    right: 48px;    top: 20px;    font-size: 18px;    color: #000 !important;}
#products_details .favourite-icon.active .svg-inline--fa{color: var(--main-bg-color) !important; }
#products_details .button-box {margin-top: 3px;}
#products_details .products-content-box.map {padding: 0px;	margin: 0px;	height: 197px;	overflow: hidden;}
#products_details .details-block {border: 1px solid #9c9c9c;	padding: 20px;	margin-top: 25px;}
#products_details .details-block h4 {font-family: 'Roboto', sans-serif;	font-weight: 700;	font-size: 20px;	margin-bottom: 14px;}
#products_details .details-box ul {margin-left: -15px;	margin-right: -15px;}
#products_details .details-box ul li {	float: left;	width: 25%;	padding: 0px 15px;}
#products_details .details-box ul li p {margin-bottom: 10px;	font-size: 15px;	font-weight: 400;	font-family: 'Roboto', sans-serif;	color: #888;}
#products_details .details-box ul li p.content {color: #606260;	word-break: break-word;}
#products_details .details-box {border-bottom: 2px solid #ccc;	padding-bottom: 15px;	margin-bottom: 20px;}
#products_details .description-box h6 {font-size: 15px;	color: #606260;	font-weight: 400;	font-family: 'Roboto', sans-serif;	margin-bottom: 12px;}
#products_details .description-box p {font-size: 15px;	color: #606260;	font-weight: 400;	font-family: 'Roboto', sans-serif;	margin: 0px; word-break: break-word;}

.pro-large-img.img-zoom {position: relative !important;	max-height: 382px !important;	min-height: 382px !important; height: auto;}
/*.pro-large-img.img-zoom img:first-child {width: 100% !important;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	height: auto;}*/
.pro-large-img.img-zoom img:first-child {width: auto !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;height: 100% !important;}
.pro-nav-thumb {width: 100% !important;	height: auto;	min-height: 100px !important;	max-height: 110px !important;	position: relative !important; overflow: hidden;}
.pro-nav-thumb img {position: absolute;	left: 50% !important;	top: 50% !important;	transform: translate(-50%, -50%) !important;}

.custom-toggle.dropdown-toggle {outline: none !important;	text-decoration: none !important;}

.custom-short-by {float: right;	display: inline-block;	position: relative;	padding-right: 12px;}
.custom-short-by::after {display: block;	content: "";	background-image: url('../images/drop-icons.png');	background-size: 7px 12px;	background-repeat: no-repeat;	position: absolute;	right: 0px;	width: 7px;	height: 12px;	top: 6px;}
.title-box {display: inline-block;	margin-right: 10px;	vertical-align: middle;}
.title-box h4 {color: #000;	font-size: 15px;	font-family: 'Roboto', sans-serif;	font-weight: 700;}
.custom_select {display: inline-block;	border: none !important;	background-color: transparent;	font-size: 15px;	font-family: 'Roboto', sans-serif;	font-weight: 400; -webkit-appearance: none; -moz-appearance: none;   appearance: none; }

.test, .test2 {position: relative;	margin-bottom: 10px;}
.test .form-control, .test2 .form-control {padding-left: 35px;}
.test .remove.btn-danger, .test2 .remove.btn-danger {position: absolute;	top: 0px;	left: 0px;	height: 100%;	width: 30px;	border: none;	font-size: 34px;	padding: 0px;	line-height: 12px;}
.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable {z-index: 111111;}
.input-group.md-form.form-sm.form-1 input{border: 1px solid #bdbdbd;	border-top-right-radius: 0.25rem;	border-bottom-right-radius: 0.25rem;}
.input-group.md-form.form-sm.form-2 input {border: 1px solid #bdbdbd;	border-top-left-radius: 0.25rem;	border-bottom-left-radius: 0.25rem;}
.input-group.md-form.form-sm.form-2 input.red-border {border: 1px solid #ef9a9a;}
.input-group.md-form.form-sm.form-2 input.lime-border {border: 1px solid #cddc39;}
.input-group.md-form.form-sm.form-2 input.amber-border {border: 1px solid #ffca28;}

#category_tabs  .category_tabs_block .category_tabs_box .row .margin-box .products-box .update_product { text-align: -webkit-right;}
.search_cate_txt {  text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}

.products-btn-box {position: absolute;	right: 5px;	text-align: center;	top: 15px;}
.products-btn-box ul li {display: block;    width: 100%;    margin-bottom: 15px; /*background-color: rgba(255,255,255,0.8);*/ padding: 0px 4px;}
.products-btn-box ul li:last-child {margin-bottom: 0px;}
.products-btn-box ul li a .svg-inline--fa {font-size: 23px;	color: var(--main-bg-color);}
.products-btn-box .switch {position: relative;	display: block;	width: 38px;	height: 22px;}
.products-btn-box .switch input {opacity: 0;  width: 0;  height: 0;}
.products-btn-box .switch .slider { position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.products-btn-box .switch .slider::before {position: absolute;	content: "";	height: 15px;	width: 15px;	left: 4px;	bottom: 4px;	background-color: white;	-webkit-transition: .4s;	transition: .4s;}
.products-btn-box .switch input:checked + .slider {background-color: var(--main-bg-color);}
.products-btn-box .switch input:focus + .slider { box-shadow: 0 0 1px var(--main-bg-color);}
.products-btn-box .switch input:checked + .slider::before {-webkit-transform: translateX(15px);	-ms-transform: translateX(15px);	transform: translateX(15px);}
.products-btn-box .switch .slider.round {border-radius: 34px;}
.products-btn-box .switch .slider.round:before {border-radius: 50%;}



.products_details_box {border-top: 90px solid var(--main-bg-color);    border-right: 90px solid transparent;    position: absolute;    top: 0px;    left: 0px;    height: 0px;    width: 0px;}
.products_details_box p a {    text-transform: uppercase;   font-family: 'Roboto', sans-serif;    font-weight: 700;    font-size: 16px;    color: #fff;    position: absolute;    top: -70px;    display: block;    margin: 0px;    left: -6px;    transform: rotate(-44deg);}

.btn-round {   padding: 4px 10px !important;    font-size: 15px !important;    text-align: center !important;}
.hidden {   display: none;}
.cat_list_block .nav-item:hover, #nav ul li ul.sub-menu li a:hover, a.search_category:hover {   background-color: #eaeaea;}
.nav-tabs .nav-link.active {   background-color: #eaeaea;}
.products-btn-box.home { right: 5px;}
.products-btn-box.home ul li { margin-bottom: 0px;}
.products-btn-box.home ul li a .svg-inline--fa { font-size: 15px;    color: #000;}
.products-btn-box.home ul li a.favourite-icon.active .svg-inline--fa { color: var(--main-bg-color);}


.close-model {position: absolute;    top: -24px;    right: -24px;    background-color: var(--main-bg-color);    width: 56px;    height: 56px;    border-radius: 50%;    text-align: center;    line-height: 56px;    font-size: 21px;    color: #fff;    z-index: 111111;    pointer-events: all !important;    border: 1px solid #000 !important;}
.close-model .svg-inline--fa {   position: relative;    top: auto;    left: auto;    color: #fff !important;}

.chk-box {   display: block;    position: relative;    padding-left: 30px;    margin-bottom: 10px;    cursor: pointer;    font-size: 16px;   -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    font-family: 'Roboto', sans-serif;    color: #343434;}
.chk-box input[type="checkbox"] { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}
.chk-box input[type="radio"] {  position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}
.chk-box .checkmark {position: absolute;    top: 0;    left: 0;    height: 20px;    width: 20px;    background-color: #fff;    border: 1px solid #aaa;    border-radius: 5px;}
/*.chk-box:hover input ~ .checkmark {
  background-color: #2196F3;
}*/
.chk-box input:checked ~ .checkmark { background-color: #2196F3;}
.chk-box .checkmark:after {content: "";    position: absolute;    display: none;}
.chk-box .checkmark:after { content: "";    position: absolute;    display: none;}
.chk-box input:checked ~ .checkmark:after {   display: block;}
.chk-box .checkmark::after {left: 7px;    top: 4px;    width: 5px;    height: 9px;    border: solid white;    border-width: 0 3px 3px 0;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
.chk-box.desable .checkmark::before, .chk-box.desable .checkmark::after { position: absolute;    left: 9px;    content: ' ';    height: 23px;    width: 2px;    background-color: var(--main-bg-color);    display: block;    top: -2px;    opacity: 1;    border: none !important;}
.chk-box.desable {    pointer-events: none !important;}
.chk-box.desable .checkmark::before {   transform: rotate(45deg);}
.chk-box.desable .checkmark::after {   transform: rotate(-45deg);}
.input-daterange { width: 100%;    max-width: 300px;    display: inline-block;    vertical-align: middle;}
.input-daterange .custom_date_input { width: 44%;    padding: 4px 10px;    display: block;    float: left;    pointer-events: none;}
.date_icon_click { border: 2px solid #bfbfbf;    width: 33px;    height: 33px;    position: relative;    right: 0px;    display: inline-block;    top: 0px;    vertical-align: top;    border-radius: 3px 0px 0px 3px;    padding: 4px 0px;    text-align: center;    cursor: pointer;    float: left;}
.date_icon_click .svg-inline--fa {position: relative !important;    top: auto;    left: auto;    color: #4C4C4C;}
.custom-chk-label { vertical-align: middle;}
.custom-chk-div { padding-bottom: 10px;}
.modal-content .price-box {  font-family: 'Roboto', sans-serif;    font-weight: 400;    font-size: 16px;    color: #757575;    text-align: center;    display: inline-block;    padding-left: 15px;    padding-right: 8px;    vertical-align: middle;}
.input-daterange::after { content: "";    display: block;    clear: both;}


.chat-block {padding: 50px 0px 0px 0px;}
.chat-left-box {width: 100%;	height: 100%;	border: 2px solid #cdcdcd;}
.chat-right-box {width: 100%;	height: 100%; min-height: 600px;	border-bottom: 2px solid #cdcdcd;	border-top:  2px solid #cdcdcd;	border-right: 2px solid #cdcdcd;}
.chat-header {background-color: #cdcdcd;	padding: 25px;}
.chat-right-box .chat-header {padding: 8px 25px; position: relative;}
.chat-right-box .chat-header::after {content: "";	display: block;	position: absolute;	top: -2px;	left: -2px;	background-color: #fff;	width: 2px;	height: 78px;}
.chat-header ul li h4 {color: #010101;	font-size: 20px;	font-family: 'Roboto', sans-serif;	font-weight: 700;}
.chat-header ul li {display: inline-block;	vertical-align: middle;	position: relative;}
.user-img-box {width: 90px;	position: relative;}
.user-profile ul li {display: inline-block;	vertical-align: middle;	position: relative;}
.chat-header ul li ul li {text-align: right;}
.chat-header ul li.search {padding-right: 20px;}
.svg-inline--fa  {color: #010101; font-size: 20px;}
.profile-img {width: 60px;	height: 60px;	background-color: #fff;	border-radius: 50%;	border: 1px solid #ccc;	position: relative;	display: inline-block;	vertical-align: middle;	z-index: 1; overflow: hidden;}
.profile-img:hover {z-index: 11;}
.profile-img img {position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);		width: 100%;	display: block;}
.user-img.profile-img {position: absolute;	top: 0px;	left: 30px;}
.user-pro-name {display: block;	margin-left: 8px;}
.user-pro-name h4 {font-size: 15px !important;	text-transform: capitalize;	margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user-pro-name p {font-size: 15px;	text-transform: capitalize;	 font-family: 'Roboto', sans-serif; 	font-weight: 400; margin: 0px;}

.user-profile {cursor: pointer;}
.chat-profile-block .user-profile {background-color: #cdcdcd;	margin-top: 1px;	padding: 8px 25px;}
.chat-profile-block .user-profile.active {background-color: #919191 ;}
.chat-profile-block .mene-bar {margin-top: 5px; padding-left: 10px;}
.chat-profile-block .profile_cat {font-family: 'Montserrat', sans-serif;    font-weight: 700;    margin-top: 0px;    font-size: 16px;    border: 1px solid var(--main-bg-color);    padding: 2px 9px; background-color:#dd2c33 !important; color:#fff !important;   border-radius: 50%;}
.chat-profile-block .profile_cat.B {background-color: green !important;	border: 1px solid green !important;}
.chat-right-box .profile_cat {display: none !important;}
.mene-bar.dropdown .dropdown-toggle::after {display: none;}
.mene-bar .dropdown-menu { margin: 0px !important;  padding: 5px 10px !important;    text-align: center !important;    min-width: auto !important;    position: absolute !important;    transform: translate(0%, 0%) !important;    left: auto !important;    right: -3px !important;    top: 30px !important;    bottom: auto !important;    background-color: #fff !important;    border: 1px solid var(--main-bg-color) !important;    z-index: 1111;    border-radius: 5px 0px 5px 5px !important;}
.mene-bar .dropdown-menu::after { font-family: "Font Awesome 5 Free";    font-weight: 900;    content: "\f0de";    position: absolute;    top: 2px;    font-size: 29px;    color: var(--main-bg-color);    right: -2px;    z-index: -1;    line-height: 0px;}
.mene-bar .dropdown-menu a {color: #000 !important;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 16px;}
.chat-right-box .mene-bar.dropdown {display: none;}
.chat-right-box .block_user {display: none !important;}

/*11-10-2019*/
.radio_container { position: relative;    padding-left: 25px;    padding-right: 10px;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.radio_container input { position: absolute;    opacity: 0;    cursor: pointer;}
.radio_container .checkmark {position: absolute;	top: 0;	left: 0;	height: 20px;	width: 20px;	background-color: transparent;	border: 1px solid var(--main-bg-color);	overflow: hidden;	box-sizing: border-box;	border-radius: 20px;}
.radio_container input:checked ~ .checkmark {background-color: var(--main-bg-color);}
.checkmark:after {content: "";    position: absolute;    display: none;}
.radio_container input:checked ~ .checkmark:after {display: block;}
.radio_container .checkmark::after {top: 4px;	left: 4px;	width: 10px;	height: 10px;	border-radius: 50%;	background: white;}
label {font-size: 14px;}

.error-block {   position: relative;    width: 100%; text-align: center; padding: 60px 0px;}
.error-block img {max-width: 500px; width: 100%; display: block; margin: 0 auto;}


#range {width: 100%;    float: left;    margin: 5px 0px 5px 0px;}
#max { float: right;    width: 30px;    padding: 5px 10px;}
#min { width: 30px;    padding: 5px 10px;}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.loader { border: 16px solid #f3f3f3;    border-radius: 50%;    border-top: 16px solid var(--main-bg-color);    width: 120px;    height: 120px;    -webkit-animation: spin 2s linear infinite; /* Safari */    animation: spin 2s linear infinite !important;}
.loader_wrapper { position: relative; left: 42%; margin-bottom: 20px;}
.custom-rdio-block {width: 100%;    height: 100%;}
.custom-rdio-block .radio_button { display: block;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    margin: 0px;    border: 1px solid #ced4da;    position: relative;    padding: 10px;    height: 100%;    width: 100%;    border-radius: 6px;    overflow: hidden;}
.radio_button input { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}
.custom-rdio-block .checkmark { position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    background-color: transparent !important;    border-radius: 0px;    z-index: -1;}
.radio_button .content {   font-family: 'Montserrat', sans-serif;    font-weight: 400;    font-size: 14px;    margin: 0px;    padding: 0px;    display: block;    text-align: center;}
.radio_button:hover input ~ .checkmark { background-color: var(--main-bg-color) !important;}
.radio_button input:checked ~ .checkmark { background-color: var(--main-bg-color) !important;}
.radio_button:hover input ~ .content { color: #fff !important;}
.radio_button input:checked ~ .content {  color: #fff !important;}
.custom-date {   width: 100%;    height: 100%;}
.custom-date .form-control {  transition: none;    height: 100% !important;    border: 1px solid #ced4da;    border-radius: 6px 0px 0px 6px !important;    overflow: hidden;}
.custom-date .gj-datepicker { height: 100%;}
.custom-date .btn.btn-outline-secondary.border-left-0 {  position: relative;    border: 1px solid #ced4da !important;    line-height: normal;    padding: 0px !important;    border-radius: 0px 6px 6px 0px;}
.custom-date .gj-icon { top: 9px !important;    left: 8px !important;}
#date_selection .modal-body h4 {  font-size: 18px;}
.custom-check-block .chk-box a {cursor: pointer;    font-size: 16px;    font-family: 'Roboto', sans-serif;    color: #343434 !important;    display: inline-block;    max-width: 220px;    width: 100%;}
.custom-check-block.date .chk-box .checkmark { top: 50%;    transform: translate(0%, -50%);}
#date_selection .button-box { margin-top: 15px;}




#category_tabs .cat_list_box.price-box .nav.nav-tabs li { border: none !important;    border-bottom: none !important;    background-color: transparent !important;    padding: 5px 10px !important;    display: block !important;}
.order-details-block h5 { margin-bottom: 12px;    font-size: 19px;    font-family: 'Roboto', sans-serif;    color: #343434;}
.order-details-block .table { border: 1px solid #ccc;}
.custom-check-block p.selected_date_txt {margin-left: 30px;	font-family: 'Roboto', sans-serif;	font-weight: 400;	font-size: 14px;	color: #0aa699;}
.form-control {font-family: 'Roboto', sans-serif !important;    height: auto;    font-weight: 300 !important;    font-size: 16px;    padding: 6px 10px 5px 10px;}

/*RangeSlider start*/
.irs { position: relative; display: block;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.irs-line {   position: relative; display: block;    overflow: hidden;    outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {  position: absolute; display: block;    top: 0;}
.irs-line-left {  left: 0; width: 11%;}
.irs-line-mid {  left: 9%; width: 82%;}
.irs-line-right {  right: 0; width: 11%;}
.irs-bar {  position: absolute; display: block;    left: 0; width: 0;}
.irs-bar-edge {   position: absolute; display: block;    top: 0; left: 0;}
.irs-shadow {   position: absolute; display: none;    left: 0; width: 0;}
.irs-slider {   position: absolute; display: block;    cursor: default;    z-index: 1;}
.irs-slider.type_last { z-index: 2;}
.irs-min { position: absolute; display: block;    left: 0;    cursor: default;}
.irs-max { position: absolute; display: block;    right: 0;    cursor: default;}
.irs-from, .irs-to, .irs-single { position: absolute; display: block;    top: 0; left: 0;    cursor: default;    white-space: nowrap;}
.irs-grid { position: absolute; display: none;    bottom: 0; left: 0;    width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol { position: absolute;    top: 0; left: 0;    width: 1px; height: 8px;    background: #000;}
.irs-grid-pol.small {height: 4px;}
.irs-grid-text { position: absolute;    bottom: 0; left: 0;    white-space: nowrap;    text-align: center;    font-size: 9px; line-height: 9px;    padding: 0 3px;    color: #000;}
.irs-disable-mask {  position: absolute; display: block;    top: 0; left: -1%;    width: 102%; height: 100%;    cursor: default;    background: rgba(0,0,0,0.0);    z-index: 2;}
.lt-ie9 .irs-disable-mask {   background: #000;    filter: alpha(opacity=0);    cursor: not-allowed;}
.irs-disabled {  opacity: 0.4;}
.irs-hidden-input {   position: absolute !important;    display: block !important;    top: 0 !important;    left: 0 !important;    width: 0 !important;    height: 0 !important;    font-size: 0 !important;    line-height: 0 !important;    padding: 0 !important;    margin: 0 !important;    outline: none !important;    z-index: -9999 !important;    background: none !important;    border-style: solid !important;    border-color: transparent !important;}

.irs { height: 25px;}
.irs-with-grid { height: 75px;}
.irs-line {height: 7px;    top: 7px;    background: #EEE;    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);    border: 1px solid #CCC;    border-radius: 16px;    -moz-border-radius: 16px;}
.irs-line-left { height: 7px;}
.irs-line-mid {  height: 7px;}
.irs-line-right {  height: 7px;}
.irs-bar {  height: 7px;    top: 7px;    background: var(--main-bg-color);}
.irs-bar-edge {  height: 10px; top: 33px;    width: 14px;    border: 1px solid #428bca;    border-right: 0;     background: #428bca;    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */    border-radius: 16px 0 0 16px;    -moz-border-radius: 16px 0 0 16px;}
.irs-shadow { height: 2px; top: 38px;    background: #000;    opacity: 0.3;    border-radius: 5px;    -moz-border-radius: 5px;}
.lt-ie9 .irs-shadow {   filter: alpha(opacity=30);}
.irs-slider { top: 0px;    width: 20px;    height: 20px;    border: 1px solid var(--main-bg-color);    background: #fff;    border-radius: 50%;    cursor: pointer;}
.irs-slider.state_hover, .irs-slider:hover { background: #FFF;}
.irs-min, .irs-max {  color: #333;    font-size: 12px; line-height: 1.333;    text-shadow: none;    top: 0;    padding: 1px 5px;    background: rgba(0,0,0,0.1);    border-radius: 3px;    -moz-border-radius: 3px;    opacity: 0;}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {   background: #ccc;}
.irs-from, .irs-to, .irs-single {   display: none;}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999;}
.irs-grid { height: 27px;}
.irs-grid-pol { opacity: 0.5;    background: #428bca;}
.irs-grid-pol.small { background: #999;}
.irs-grid-text {  bottom: 5px;    color: #99a4ac;}
.extra-controls input {   width: 49%;    border: none;    display: inline-block;    pointer-events: none;}
.js-input-to {text-align: right;}
/*RangeSlider end*/


.category_tabs_box .gj-datepicker-bootstrap [role="right-icon"] button .gj-icon { top: 9px !important;}
.slick-current div .pro-nav-thumb{ border:5px solid var(--main-bg-color);}
.pro-nav-thumb{ border:2px solid var(--main-bg-color);}
.product_frm_step .form-label { margin-bottom: 0px !important;   font-size: 13px;}
.products_sold_box {position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background-color: rgba(0,0,0,0.7);    z-index: 111;    display: block;    pointer-events: none !important;}
.products_sold p {position: absolute;    top: 50%;    left: 50%;    background-color: var(--main-bg-color);    width: 70px;    height: 70px;    font-family: 'Roboto', sans-serif;    font-weight: 700;    font-size: 16px;    color: #fff;    text-transform: capitalize;    border-radius: 50%;    text-align: center;    line-height: 70px;    margin: 0px;    padding: 0px;    transform: translate(-50%, -50%);}
li.block_user .svg-inline--fa {color: var(--main-bg-color);    line-height: normal;    height: auto;    padding-top: 5px;    margin-right: 10px;}
.button_boxs .btn {padding: 2px 16px;    font-size: 15px;    border-radius: 22px;}
.button_boxs {margin: 15px auto;    width: 100%;    display: block;    text-align: center;}
.button_boxs span {    margin: 0 auto;   width: 100%;    display: block;    text-align: center;	font-family: 'Roboto', sans-serif;    font-weight: 700;	font-size: 15px;	color: green;}
.already_seleced {color:var(--main-bg-color) !important;}
.pagination.pagination-sm {text-align: center;    width: 100%;    display: block;	margin: 10px auto;}
.pagination.pagination-sm li { display: inline-block;    width: 35px;    height: 35px;    border: 2px solid var(--main-bg-color);    margin: 0px 8px !important;    text-align: center;    vertical-align: top;    border-radius: 50%;	background-color: #fff;}
.pagination.pagination-sm li a { font-size: 15px;    display: block;    line-height: 35px;    font-family: 'Roboto', sans-serif;    font-weight: 700;    color: #000;}
.pagination.pagination-sm li.active {background-color: var(--main-bg-color);}
.pagination.pagination-sm li.active a{	color: #fff;}
.pagination.pagination-sm li svg.svg-inline--fa {  font-size: 14px;}
.products-box.ads-block {background-color: #fff;    min-height: 200px;    padding: 0px !important;    border: none !important;}
.products-box.ads-block h4 { color: var(--main-bg-color);    font-size: 29px;    text-align: center;     word-break: break-word;     width: 100px;    margin: 0 auto;}
.products-content h6,.products-content p{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.jssocials{text-align:center}

img.adds-img {width: 100%;    height: 100%;}
#my_requirement_frm {width: 100%;    margin: 0 auto;    max-width: 800px;    margin-top: 20px;}

.uploaded_img_block {position: relative;    width: 100%;    margin-top: 20px;}
.uploaded_img {border: 2px solid var(--main-bg-color);    border-radius: 10px;    position: relative;    width: 100%;    height: 180px;    overflow: hidden;}
.uploaded_img img {width: 100% !important;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.uploaded_img_block #remove,.uploaded_img_block #eremove,.uploaded_img_block #removeproduct {border: 2px solid var(--main-bg-color);    width: 40px;    height: 40px;    display: block;    border-radius: 50%;    position: absolute;    top: -15px;    right: -15px;    background-color: #fff;    text-align: center;    line-height: 42px;}
.uploaded_img_block #remove .svg-inline--fa,.uploaded_img_block #eremove .svg-inline--fa,.uploaded_img_block #removeproduct .svg-inline--fa {color: var(--main-bg-color);}
.custom-file-label::after {
    color: #fff;
    background-color: var(--main-bg-color);
    padding: 7px 10px 7px 25px;
}
.custom-file-label::before {
    content: "+";
    display: block;
    position: absolute;
    z-index: 1111;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    top: 1px;
    right: 67px;
}

.table td, .table th {padding: .75rem;    vertical-align: middle;    border-top: 1px solid #dee2e6;    white-space: nowrap;}
#DataTables_Table_0_info {font-family: 'Roboto', sans-serif;    font-weight: 400;    font-size: 16px;    color: #000;    float: left;    border-right:none;}
#DataTables_Table_0_paginate a {padding: 8px 22px;    border-radius: 0;    font-family: 'Roboto', sans-serif;    font-weight: 700;    font-size: 16px;    color: #fff;}
#DataTables_Table_0_previous {background-color: var(--main-bg-color);}
#DataTables_Table_0_next { background-color: #000;}
#DataTables_Table_0_filter input { font-family: 'Roboto', sans-serif !important;    height: auto;    font-weight: 300 !important;    font-size: 16px;    padding: 6px 10px 5px 10px;    color: #495057;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #ced4da;    border-radius: .25rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#DataTables_Table_0_filter { margin-top: 5px;}
#DataTables_Table_0 { border: 1px solid #dee2e6;    margin-bottom: 20px;}
.markassold-modal-header{ display: block;}
.user-profile > ul {position: relative;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	-webkit-box-align: center;	-ms-flex-align: center;	align-items: center;	width: 100%;}
.user-profile > ul > li:nth-child(2) {position: relative;	-webkit-box-flex: 1;	-ms-flex: 1 1 auto;	flex: 1 1 auto !important;	width: 1% !important;	margin-bottom: 0;}

p.oroptions {margin: 0px;    width: 100%;    position: relative;    height: 50px;}
p.oroptions span {position: absolute;    top: 8px;    width: 40px;    background-color: #fff;    z-index: 1111;    left: 50%;    display: block;    transform: translate(-50%, 0%);	color: var(--main-bg-color);	font-size:16px;}
p.oroptions::after {content: "";    display: block;    width: 100%;    height: 1px;    border: 1px dashed var(--main-bg-color);    position: absolute;    left: 0px;    top: 20px;    z-index: 11;}

.g-signin2 {margin-right: 15px;}
.or_options_btn {display: flex;    justify-content: center;}

#chat .chat-contnt {height: calc(100% - 76px);}
#chat .chat-contnt .embed-responsive {height: 100% !important;}

.product_frm_tab {display: none;}
#frm_upload_products {width: 100%; margin: 0 auto; max-width: 800px; margin-top: 20px;}
.step {height: 26px; width: 26px; margin: 0px 2px; border-radius: 50%; display: inline-block; color: #000; font-size: 15px; font-family: 'Roboto', sans-serif;  font-weight: 700; line-height: 26px; border: 1px solid var(--main-bg-color);}
.step.active {background-color: var(--main-bg-color); color: #fff;}
.step.finish {background-color: var(--main-bg-color); color: #fff;}

.product_frm_step .custom-file-label::after {	padding: 6px 10px 6px 25px !important;}
.product_frm_step .custom-file-label::before {display: block;	font-family: "Font Awesome 5 Free";	font-weight: 900;	content: "\f067";	position: absolute;	right: 65px;	z-index: 111;	color: #fff;	font-size: 12px;	top: 7px;}

.breadcrumbs_a {
    vertical-align: top !important;
    display: inline-block !important;
    position: relative !important;
}
.breadcrumbs_a::after {
    content: "/" !important;
    display: block !important;
}

.otp_field{
    display:none
}

.update_verify_model {
    color: var(--main-bg-color) !important;
    text-align: right;
    display: block;
    width: 100%;
    padding: 0px;
    font-size: 13px;
    margin: 0px;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.update_verify_model .svg-inline--fa {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    font-size: 12px;
    margin-right: 2px;
    display: inline-block;
}

.products_details-box .content-title {
    padding-bottom: 5px;
}

.verify_modile {
    color: green !important;
    text-align: right;
    display: block;
    width: 100%;
    padding: 0px;
    font-size: 13px;
    margin: 0px;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.verify_modile .svg-inline--fa {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    font-size: 12px;
    margin-right: 2px;
    display: inline-block;
    color: green !important;
}

.chat-profile-block .msg_count {
    border: 1px solid #1589FF !important;
    background-color: #1589FF !important; 
}


#payment {}
#payment .payment-block {padding: 50px 0px; text-align: center;}
#payment .payment-box img {width: 100%;	max-width: 100px;	margin: 0 auto;	margin-bottom: 20px;}
#payment .payment-box h4 {font-size: 25px;	margin-bottom: 18px;}
#payment .payment-box p {font-size: 15px; width: 100%; max-width: 780px; margin: 0 auto; margin-bottom: 12px;}
#payment .button-box {margin-top: 20px;}
#payment .btn.btn-black {font-size: 18px; padding: 7px 26px;}

#transactions {}
#transactions .transactions-block {background-color: #f1f5f6;	padding: 5px 0;}
#transactions .transactions-box .col-md-4 {margin: 15px 0px;}
#transactions .transactions-box .col-md-6 {margin: 15px 0px;}
#transactions .transactions-content-box {text-align: left;background-color: #fff; position: relative; top: 0px; transition-duration: 200ms;	padding: 15px 20px;	border-radius: 0px 10px 10px 10px; height: 100%; box-shadow: 0px 0px 4px #ccc; overflow: hidden;}
#transactions .transactions-content-box:hover {top:-5px; transition-duration: 200ms;}
#transactions .transactions-content-box p {font-size: 15px;	margin: 0px;	line-height: 15px;	padding: 6px 0px;}
#transactions .transactions-content-box p span {display: inline-block;	vertical-align: middle;}
#transactions .transactions-content-box p span.title {font-weight: bold;	text-transform: capitalize;	max-width: 190px;	width: 100%;}
#transactions .transactions-content-box::after {content: "";	display: block;	width: 0;	height: 0;	border-top: 30px solid var(--main-bg-color);	border-right: 30px solid transparent;	position: absolute;	top: 0px;	left: 0px;}

.login_name {
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}


.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable {
    z-index: 999999999999999 !important;
}

.view_info {width: 100%;	margin: 12px auto 8px auto;	text-align: center;}
.view_info .btn.btn-info {
    padding: 8px 15px;
    border-radius: 4px;
    border: none;
    color: #fff !important;
    background-color: #1b475c !important;
    font-weight: 700;
    font-size: 14px;
    transform: skew(-25deg);
}
.view_info .btn.btn-info span{
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
    transform: skew(25deg);
    vertical-align: middle;
    display: inline-block;
}
.view_info .svg-inline--fa.fa-eye.fa-w-18 {color: #fff;	margin-right: 5px;	font-size: 23px; transform: skew(25deg);	vertical-align: middle;}

.no_detail img {
    width: 100%;
    max-width: 60px;
    margin-bottom: 20px;
}
.no_detail {
    padding: 20px;
    text-align: center;
}

.text-danger {
    color: #f00 !important;
}


.images-box {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.pro-nav.slick-row-10.slick-arrow-style.slick-initialized.slick-slider {
    position: relative;
}


.pro-nav.slick-row-10.slick-arrow-style.slick-initialized.slick-slider .slick-list.draggable {
    width: calc(100% - 120px);
    margin-left: 60px;
}
.slick-prev.slick-arrow {
    background: var(--main-bg-color);
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
}
.slick-next.slick-arrow {
    background: var(--main-bg-color);
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
}
.slick-arrow .svg-inline--fa {
    color: #fff;
    font-size: 17px;
}

#pssfild .pass_icons {
    position: absolute;
    top: 33px;
    right: 1px;
    font-size: 25px;
    height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
}

#pssfild {
    position: relative;
}

#pssfild input {
    padding-right: 55px;
}

.chkboxsui .checkmark::after {
    top: 2px;
    left: 7px;
}


#pssfild_login .pass_icons {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 25px;
    height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
}

#pssfild_login {
    position: relative;
}

#pssfild_login input {
    padding-right: 55px;
}

.products-image .pcdf_image {
    height: 130px;
}

/*02-09-2021*/
.pro-slide-merchant .products-box {
    width: 93%;
    margin: 0px auto;
}

#category_tabs .products_block .registered-merchants .owl-nav.disabled {
    display: none !important;
}

.products_slider.registered-merchants {
    padding: 20px !important;
}

.registered-merchants .products-box.ads-block {
    position: relative;
}

.registered-merchants .products-box.ads-block img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-height: 110px !important;
    max-width: 100% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-track {
    display: flex;
    align-items: center;
}
.marquee .inner {
    /*margin-left: 30px;*/
    padding: 0px 15px;
    height: auto;
    max-width: 200px;
    width: auto;
    max-height: 200px;
}

.marquee .inner img.adds-img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}

/*03-09-2021*/
@media (max-width: 480px){
    .app-box {
        z-index: 1 !important;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .app-box-google {    
        right: 115px !important;
    }
}

/*04-09-2021*/
@media (max-width: 768px){
    #nav > ul {
        background-color: var(--main-bg-color) !important;
    }
}











#deals {}
#deals .deals-box {padding: 60px 0;}
#deals .col-md-4 {margin-top: 30px;}
#deals .titles h1 {font-size: 25px;}
#deals .deals_icons {height: 180px;   background: #fff;    padding: 2px;    border-radius: 15px;    overflow: hidden;    box-shadow: 0px 0px 2px #fff;    position: relative;    margin: 0 auto;}
/*#deals .deals_icons img {   position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 100%;    height: auto;}*/
#deals .deals_icons img {width: 100%;height: 100%;}
#deals .deals_box {    display: block;   width: 100%;    height: 100%;    padding: 30px; border: 2px dashed #ffff;  box-sizing: border-box;   margin: 0;   border-radius: 12px;    background: linear-gradient(to bottom, #6553ed 0%,#ac59eb 100%);cursor: pointer;}
#deals .deals_box.box_2 {background: linear-gradient(to bottom,  #ee0979 0%,#ff6a00 100%);}
#deals .deals_box.box_3 {background: linear-gradient(to bottom,  #6ee2f5 0%,#6454f0 100%);}
#deals .deals_content {   padding: 30px 0;    min-height: 80px;    border-bottom: 1px dashed #fff;    margin-bottom: 10px;}
#deals .deals_content p {    text-align: center;    color: #fff;    font-size: 16px;    margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#deals .timer_class > div {	color: #fff;	display: block;	border: 2px solid;	width: 100%;	height: auto;    min-width: 60px;	margin: 15px 10px;	border-radius: 10px;    padding: 6px;   font-size: 11px;}
#deals .datetimes h4 {	color: #ffff;font-size: 17px;}
#deals .deals_box .button_box a { background-color: #fff;    width: 100%;    padding: 10px;    box-shadow: 0 0 4px #ccc;    font-weight: 600;    color: #6853ed !important;}
#deals .deals_box.box_2 .button_box a {    color: #ef0e72 !important;}
#deals .deals_box.box_3 .button_box a {    color: #0d9aff !important;}
#deals .timer_class > div span {	font-weight: 600;	font-size: 17px;display: block;}
#deals .datetimes {	text-align: center;    position: relative;    padding: 10px 0;}
#deals .timer_class {display: flex;}
#deals .datetimes::before {	display: block;content: "";	width: 50px;	height: 50px;	border-radius: 50%;	background-color: #fff;	position: absolute;	top: 50%;    left: 100%;	transform: translate(2px, -50%);}
#deals .datetimes::after {display: block;	content: "";	width: 50px;height: 50px;	border-radius: 50%;	background-color: #fff;	position: absolute;	top: 50%;    right: 100%;	transform: translate(-5px, -50%);}

#heading .heading-box h1 {	font-size: 25px;	margin: 60px 0 25px 0;} 
#highlight .highlight-box {padding: 30px;border-radius: 15px;	background: linear-gradient(to bottom, #6553ed 0%,#ac59eb 100%);position: relative;border:2px dashed #fff}
#highlight .bx-wrapper .bx-pager,#highlight .bx-wrapper .bx-controls-auto {position: absolute;bottom: 30px;width: 100%;}
#highlight .bx-wrapper .bx-pager.bx-default-pager a:hover, #highlight .bx-wrapper .bx-pager.bx-default-pager a.active {background: #9657ec;border: 1px solid #fff !important;width: 12px;	height: 12px;	border-radius: 50%;}
#highlight .content-title {margin: 0;border: none;	margin-bottom: 15px;}
#highlight .bx-wrapper .bx-pager.bx-default-pager a {background: #a88bd187;}
#highlight .highlight-box::after {content: "";	display: block;position: absolute;	bottom: 14%;	right: -35px;	width: 70px;	height: 70px;	background-color: #fff;	border-radius: 50%;}
#highlight .highlight-box::before {content: "";	display: block;	position: absolute;	bottom: 14%;left: -35px;	width: 70px;	height: 70px;	background-color: #fff;	border-radius: 50%;}
#highlight .deal-info h1 {color: #fff;	font-size: 16px;}
#highlight .bx-viewport {border: 2px solid #fff;border-radius: 10px;}
#highlight .discount th, .discount td {border: 2px solid #dddd;}
#highlight .deal-info {padding: 25px 35px;}
#highlight .content-deatil {margin-bottom: 20px;border-bottom: 1px dashed #ffff;}
#highlight .discount th {font-size: 15px;}
#highlight .discount {max-width: 250px;width: 100%;color: #fff;}
#highlight .left-time {	text-align: center;    position: relative;    padding: 20px 0; display: flex;justify-content: end;}
#highlight .date-times {	text-align: end;}
#highlight .date-times h4{color: #fff;font-size: 20px;}
#highlight .left-time > div span {	font-weight: 600;	font-size: 15px;display: block;}
#highlight .left-time > div {padding: 6px 0;	margin: 5px 10px;	border: 2px solid #fff;	color: #fff;	max-width: 70px;	width: 100%;	text-align: center;	border-radius: 10px;	font-size: 12px;}
#highlight .content-highlights h4 {	color: #fff;font-size: 20px;	margin-bottom: 15px;}
#highlight .content-highlights {	padding-top: 25px;}
#highlight .content-highlights p {	color: #fff;	line-height: 25px;}
#highlight .discount th:first-child {	border-top-left-radius: 5px;}
#highlight .discount th:last-child {	border-top-right-radius: 5px;}
#highlight .deals_table {border-collapse: inherit;}
#highlight .deals_table tr th, #highlight .deals_table tr td {color: #fff;	border: 1px solid #fff;padding: 10px;}
#highlight table tr td{border-top: none;}
#highlight .deals_table tr td:first-child{border-bottom-left-radius: 5px;}
#highlight .deals_table tr td:last-child{border-bottom-right-radius: 5px;}


#deal-detail .deal-detail-box {padding: 20px 70px;background: #DDD;border-radius: 15px;margin-top: 11px;border: 2px dashed #fff;}
#deal-detail .detail-box h2 {font-size: 20px;	margin-bottom: 15px;}
#deal-detail .detail-box {padding: 25px 0;	border-bottom: 2px dashed;}
#deal-detail .detail-box:last-child{   border: none;}
#deal-detail .disc li::after {	content: "";	display: block;width: 10px;	height: 10px;	background-color: #ab58eb;	border-radius: 50%;	position: absolute;	top: 6px;	left: 5px;}
#deal-detail .disc li {	position: relative;padding-left: 25px;}
/*#deal-detail .detail-box p span {	color: #6553ed;}*/
#deal-detail .detail-box p b {color: #000;font-weight: 600;}
#deal-detail ol {    list-style: none;   counter-reset: cupcake;  }
#deal-detail ol li {    counter-increment: cupcake;    display: flex;  }
#deal-detail ol li::before {	content: counters(cupcake, ".") ". ";	font-size: 14px;	color: #666666;	position: absolute;	left: 0;}
#deal-detail ol li.main-list:before{display: none;}
#deal-detail ol li ol li {display: block;	padding-left: 25px;	position: relative;}
#deal-detail .date-times h4 {font-size: 17px;}


#highlight .voucher th:first-child {	border-top-left-radius: 5px;}
#highlight .voucher th:last-child {	border-top-right-radius: 5px;}
#highlight .voucher th {font-size: 15px;}
#highlight .voucher {width: 100%;color: #fff;}
#highlight .voucher th, .discount td {border: 2px solid #dddd;}
#highlight .deals_table th{  font-weight: 600;}
#highlight  #MaximumBuyVoucher {background: transparent;color: #fff;font-size: 17px;	border: none;	padding: 0 10px;margin: 0;	text-align: center;	position: relative;}
#highlight .quantity {	position: relative;	height: 43px;}
#highlight .quantity-button{color: #fff !important;}
#highlight .quantity-button.quantity-down {position: absolute;	height: auto !important;top: 40% !important;	border: none !important;bottom: auto !important;	left: 10px !important;	transform: translate(0 , -50% ) !important;	font-size: 35px;}
#highlight .quantity-button.quantity-up {	position: absolute;	height: auto !important;	top: 50% !important;	border: none !important;	bottom: auto !important;	right: 5px !important;	transform: translate(0 , -50% ) !important;	font-size: 30px;}
#highlight .quantity-nav {	float: none !important;	position: relative;	height: 40px;	display: block;}
#highlight .pay .deals_table tr th {	border-radius: 5px 5px 0 0;}
#highlight .pay td {padding: 0 !important;}
#highlight .voucher .deals_table tr td{padding: 0px;height: 60px}
#highlight .pay .btn.btn-red.btn-width {background-color: #fff;color: #aa58eb;padding: 10px;line-height: 30px;	font-size: 17px;}
@media (max-width: 1024px) {   
    #deals .col-md-4 {
        margin-top: 30px;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    #deals .timer_class > div { font-size: 10px;       margin: 10px 5px;    }
    #deals .timer_class > div span {font-size: 15px; }
    #deals .deals_content p {  font-size: 14px;}
    #deals .datetimes h4 {font-size: 15px;  margin: 5px 0; }
    #deals .deals_box .button_box a { font-size: 14px;}
    #highlight .discount {  max-width: 380px; margin: 0 auto;    }
    #highlight .left-time { justify-content: center; }
    #highlight .date-times { text-align: center;    margin: 15px 0; }
}
@media (max-width: 480px){
    #deals { overflow-x: hidden; }
    #deals .col-md-4 {    margin-top: 30px;      flex: 0 0 100%;        max-width: 100%;  }
    #deals .timer_class > div {      margin: 2px;  }
    #deals .deals_content{margin-bottom: 0;}
    #deals .datetimes h4 {font-size: 15px;    margin-bottom: 15px;  }
    #highlight .highlight-box { padding: 20px; }
    #highlight .date-times h4 {font-size: 18px;}
    #highlight .deal-info { padding: 25px 25px; }
    #highlight .left-time > div {  font-size: 10px; }
    #highlight .left-time > div  span{  font-size: 13px; }
    #deal-detail .deal-detail-box { padding: 30px; }
    #deal-detail .detail-box h2 { font-size: 18px;}
    .detail-box p {font-size: 12px; }
    #deal-detail .detail-box p b {font-size: 12px;}
    .draw_image{max-width:100% !important}
}

.social_page_icon_main{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.social_page_icon svg {
    margin: 0px 5px;
    color:var(--main-bg-color);
}

.daily_draw_setting {
    margin-right: 10px;
}

.draw_image{
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

/*.draw_desc{max-width: 500px;margin: 0 auto 15px;background: lightgray;border-radius: 10px;border: 2px dashed #ffff;padding: 20px 25px;}
.draw_desc p {color:#000;}*/

.draw_desc{max-width: 500px;margin: 0 auto 15px;padding: 20px 25px;}
.draw_desc p {color:#000;}


@media (max-width: 480px){
    .step_2_android_login{
        margin-right: 10px !important;
    }
}

@media (max-width: 350px){
    .step_2_android_login{
        margin: 0px 0px 20px 0px !important;
        max-width:200px !important;
    }
    .step_2_ios_login{
        max-width:185px !important;
    }
    .step_3_dashboard, .step_4_daily_draw {        
        max-width:200px !important;
    }
}