@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: 'Poppins', 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: 'Poppins', sans-serif; font-weight: 700; color: #000; margin: 0px; padding: 0px; }
p {font-family: 'Poppins', sans-serif; font-weight: 400;  font-size: 14px; color: #000; }

: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, 
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; }



.row:before, .row:after {display: inline-block !important;}


.container {max-width: 1260px; 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;}

a.menu-text { display:none; width:100px; text-align:center; padding:8px 0 5px 0;  margin:0 auto; border:1px solid #000; }
a.menu-text span { display:block; color:#000; text-transform:uppercase; font-family: inherit; font-size:25px;}



.section-title {text-align: center;}
.section-title h1 {position: relative;	text-transform: capitalize;	text-align: center;	font-size: 27px;	color: #000;	margin: 0px;	display: inline-block;	padding: 0px 250px;	font-weight: 400;}
.section-title h1::after {content: "";	display: block;	width: 210px;	height: 2px;	position: absolute;	top: 50%;	left: 0px;	background: #eaeaea;	transform: translate(0%, -50%);}
.section-title h1::before {content: "";	display: block;	width: 210px;	height: 2px;	position: absolute;	top: 50%;	right: 0px;	background: #eaeaea;	transform: translate(0%, -50%);}

.content-title h1 {position: relative;	text-transform: capitalize;	font-size: 19px;	color: #000;	margin: 0px;	padding-bottom: 36px;}
.content-title h1::after {content: "";	display: block;	width: 90%;	height: 1px;	position: absolute;	bottom: 25px;	left: 0;	background-color: #f15a29;}


.btn.btn-blue {	background: #164599;	padding: 12px 30px;	border-radius: 0px;	color: #fff;	font-weight: 400;	letter-spacing: 1px;}
.btn.btn-border {	background: #fff;	padding: 12px 30px;	border-radius: 0px;	color: #164599;	font-weight: 400;	letter-spacing: 1px; border:2px solid #164599;}




#header {}
#header .logo-box {max-width: 189px;	width: 100%;	display: inline-block; }
#header .logo-box img {width: 100% !important;	height: auto !important;}
#header .main-nav {display: inline-block;	width: 100%;	position: relative;	text-align: right;	float: right;	max-width: 980px;	margin-top: 10px;}
#header .header-block {background-color: #164599;	padding: 10px 0;	z-index: 1111;	position: relative;}
#header .header-block.isStuck {position: fixed;	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);	width: 100%;	top: 0px;}
#header .search_box {
    max-width: 260px;
    width: 100%;
    position: relative;
}
#header .search_box .form-control {
    border: none !important;
    background: transparent !important;
    color: #fff;
    padding: 10px 40px 10px 0px;
    font-size: 17px;
    opacity: 1;
    border-bottom: 1px solid #fff !important;
    border-radius: 0px;
    box-shadow: none !important;
}
.search_box button {
	background: transparent;
	border: none;
	position: absolute;
	right: 10px;
	top: 11px;
	color: #fff;
}
.search_box button .svg-inline--fa {
	font-size: 18px !important;
	color: #fff;
}

#header li.user_info {
    padding-left: 11px !important;
}


#header li input::-webkit-input-placeholder { /* Edge */
  color: #fff;
  opacity: 0.7;
}

#header li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.7;
}

#header li input::placeholder {
  color: #fff;
  opacity: 0.7;
}


#nav ul li a.dropdown-item:first-child {
    border-radius: 9px 9px 0px 0px !important;
}
#nav ul li a.dropdown-item:last-child {
    border-radius: 0px 0px 9px 9px !important;
}
.cart_count {
    background: #ffa520;
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 24px;
    position: absolute;
    top: -12px;
    right: -10px;
    font-size: 12px;
    padding: 0px !important;
    margin: 0px !important;
    font-weight: 400;
}
.bx-wrapper .bx-controls-direction a.disabled {display: block !important;}

#nav {}
#nav ul {}
#nav ul li {display: inline-block;	position: relative;	padding: 12px;	margin: 0;}
#nav ul li a {display: block; font-weight: 400; font-size: 16px; color: #fff; text-transform: uppercase;}
#nav ul li .svg-inline--fa {font-size: 16px;	color: #fff;}
#nav ul li#search {margin-right: 0px !important;	padding-right: 0px !important;}
#nav ul li.active a { color:#ffa51f;}
#nav ul li:hover a { color:#ffa51f;}
/* Drop Down */

#nav ul li ul {	display: none;	width: 130px;	position: absolute;	left: 0px;	top: 20px;	background-color: transparent;	z-index: 50000;	padding-top: 33px;}
#nav ul li ul li { float:none; text-align: center; margin:0; width: 100%;  border-right:none; border-bottom:1px solid #fff;}
#nav ul li ul li a { padding:8px 10px; color: #fff;}
/* Drop Down */

/*   sub manu	*/ 
#nav ul ul { display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 }
#nav ul ul li { float:none; width:200px; }
#nav ul ul ul { top:0; left:100%; }
/*#nav ul li:hover > ul { display:block;}*/
/*   sub manu	*/ 


#nav ul li.search_box, #nav ul li.cart_info, #nav ul li.user_info {padding: 5px;}
#nav ul li.search_box {margin-left: 20px;}
#nav ul li.user_info {padding-right: 0px;}



#slider {}
#slider .slider-box {width: 100%;	height: 100%;	position: relative;}
#slider .slider-box ul li img {width: 100%;}
#slider .slider-content-block {position: absolute;	width: 100%;	height: 100%;	left: auto;	display: block;	text-align: left;	top: 28%;}
#slider .slider-content-box h1 {font-size: 24px;	color: #fff;	font-family: 'QuicksandBold-Regular';	margin-bottom: 15px;}
#slider .slider-content-box p {color: #fff;	width: 100%;	max-width: 500px;	font-size: 13px;}
#slider .slider-content-box .button-block {margin-top: 20px;}
.bx-prev, .bx-next {z-index: 2;}
.bx-prev::before {content: ""; display: block; position: absolute; width: 45px; z-index: 1; height: 50px; top: -10px; left: -10px; background-color: rgba(255,255,255,0.5);}
.bx-next::before {content: ""; display: block; position: absolute; width: 45px; z-index: 1; height: 50px; top: -10px; right: -10px; background-color: rgba(255,255,255,0.5);}

#banner {}
#banner .banner-block {padding: 100px 0px 70px 0px;	width: 100%; background-position: center center;	background-size: cover;	background-repeat: no-repeat;}
#banner .banner-block h1 {color: #fff; text-transform: uppercase;}


#category {}
#category .category-block {padding: 40px 0px;}
#category .title_box {border-bottom: 2px solid #ffa51f;}
#category .title_box h4 {background: #ffa51f;	display: inline-block;	padding: 15px 25px;	color: #fff;	font-size: 18px;	letter-spacing: 0.5px;	position: relative;	padding-right: 38px;}
#category .title_box h4::after {content: "";	display: block;	position: absolute;	bottom: 0px;	right: -6px;	background: #fff;	width: 20px;	height: 101%;	transform: skew(11deg);}
#category .slider_box {
	text-align: center;
	width: calc(100% - 30px);
	margin: 20px 15px;
	display: block;
	position: relative;
}

#category .pro_img {max-height: 213px;	overflow: hidden;	position: relative;	margin-bottom: 15px;}
#category .pro_content h4 {color: #000;	font-weight: 500;	font-size: 20px;	text-align: center;	margin-bottom: 20px;	min-height: 40px;}
#category .pro_content h4 {color: #000;	font-weight: 500;	font-size: 20px;	text-align: center;	margin-bottom: 10px;	min-height: 40px;}
#category .pro_content p {margin: 0px;	margin-top: 6px;	font-size: 16px;}
#category .pro_content p span.green {color: #5fa81f;}
#category .pro_content p span.red {color: #ed553b;}
#category .pro_content p span.del {position: relative;}
#category .pro_content p span.del::after {position: absolute;	content: "";	display: block;	width: 100%;	height: 1px;	left: 0px;	top: 50%;	transform: translate(0%, -50%);	background: #ed553b;}
#category .offtes {position: absolute;	top: 0px;	left: 0px;	width: 70px;}
#category .offtes p {color: #fff;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	padding: 5px;	font-weight: 500;	font-size: 16px;} 
#category .pro_sim {position: absolute;	bottom: 0px;	right: 0;	max-width: 40px;}
#category .slider-box {padding: 20px 0;}
#category .category_box h4 {color: #173f5f;	font-size: 25px;	font-weight: 600;	margin-bottom: 15px;}
#category .category_box ul li {position: relative;	padding: 25px 0px;	padding-left: 43px;	color: #000;}
#category .category_box ul li ul {	margin-top: 20px;}
#category .category_box ul li ul li:last-child { padding-bottom: 0; }
#category .category_box ul li a {color: #000;	font-size: 16px;}
#category .category_box ul li img {position: absolute;	left: 0px;	max-width: 26px;	height: auto;	width: auto;}
#category .owl-prev {position: absolute; display: none !important;	width: 18px;	top: 50%;	transform: translate(0%, -50%);	left: -0px;}
#category .owl-next {position: absolute;	width: 18px;	top: 50%;	transform: translate(0%, -50%);	right: -20px;}
#category .svg-inline--fa {font-size: 25px;	color: #000;}
#category .category_box {border-right: 1px solid #ccc;	width: 100%;	height: 100%; padding-top: 17px;}
#category .owl-nav.disabled {display: block !important;}
#category .button-box {text-align: center;	padding-top: 30px;}
#category .category_box ul li ul li {
	padding: 15px 0px;
	padding-left: 43px;
}
#category .category_box ul li.sub_cat::after {
	content: "+";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	font-size: 23px;
	color: #000;
	top: 20px;
	right: 17px;
}
#category .category_box ul li.sub_cat.open::after {
	content: "-";
}

#store {}
#store .owl-prev {position: absolute;	width: 50px; height: 50px; background-color: rgba(255,255,255,0.5); top: 50%;	transform: translate(0%, -50%);	left: 0px;}
#store .owl-next {position: absolute;	width: 50px; height: 50px; background-color: rgba(255,255,255,0.5); top: 50%;	transform: translate(0%, -50%);	right: 0px;}
#store .svg-inline--fa {font-size: 25px;	color: #000;}
#store .owl-dot {width: 12px;	height: 12px;	display: inline-block;	background: #164599 !important;	margin: 4px;	border-radius: 50%;	opacity: 0.5;}
#store .owl-dot.active {opacity: 1;}
#store .owl-dots {display: block !important;	position: absolute;	bottom: 25px;	width: 100%;	text-align: center;}


#shopstore {}
#shopstore .shopstore-block {padding: 60px 0px;}
#shopstore .owl-nav.disabled {display: none !important;}
#shopstore .owl-dot {width: 12px;	height: 12px;	display: inline-block;	background: #164599 !important;	margin: 4px;	border-radius: 50%;	opacity: 0.5;}
#shopstore .owl-dot.active {opacity: 1;}
#shopstore .owl-dots {display: block !important;	position: absolute;	bottom: -25px;	width: 100%;	text-align: center;}
#shopstore .store_img {width: 80%;	margin: 0 auto;	text-align: center;	padding: 40px 0;}
#shopstore .store_img img{width: auto; max-width: 100%;}
#shopstore .owl-stage {display: flex;	align-items: center;}

#shopstore .owl-nav { display: none !important;}



#footer {}
#footer .footer-block {background: #164599;	padding: 50px 0px 45px 0;}
#footer .footer_boxs ul li {padding-right: 20px;}
#footer .footer_boxs ul li a {font-size: 16px;	color: #fff !important;}
#footer .footer_boxs ul li:last-child {padding-right: 0px;}
#footer .social-icons {margin: 25px 0px;}
#footer .footer_boxs .social-icons li {	padding-right: 10px !important;}
#footer .footer_boxs .social-icons ul li:last-child {	padding-right: 0px;}
#footer .footer_boxs p {font-size: 16px;	color: #fff;	margin: 0px;}
#footer .download_box ul li {display: inline-block;	vertical-align: middle;	padding-right: 12px;}
#footer .download_box ul li:last-child {padding-right: 0px;}
#footer .download_box h4 {font-size: 24px;	font-weight: 500;	color: #fff;	margin-bottom: 20px;	word-spacing: 5px;	letter-spacing: 1px;}


#category .title_box {border-bottom: 2px solid #ffa51f;	position: relative;}
.filter_box {background: #164599;	display: flex !important;	border-radius: 5px;	padding: 10px;	position: absolute;	right: 0px;	bottom: 8px;}
.filter_box .custom-select {display: inline-block;	width: auto;	border: none;	color: #fff !important;	padding: 0px;	background: transparent !important;	line-height: normal !important;	height: auto;}
.filter_box label {margin: 0px;	color: #fff;}
.border-box {width: 100%;	border: 1px solid #ccc;}




#prodetail {}
#prodetail .prodetail-block {padding-top: 50px;}
#prodetail .prodetail_box .col-md-2 {   -ms-flex: 0 0 100px;    flex: 0 0 100px;    max-width: 100px;}
#prodetail .prodetail_box .col-md-10 {max-width: 100%;	position: relative;	-webkit-box-flex: 1;	-ms-flex: 1 1 auto;	flex: 1 1 auto;	width: 1%;	margin-bottom: 0;}
.slick-prev, .slick-next {position: relative;	top: 0px !important;	left: 0px !important;	width: 68px;	height: 20px;	display: block !important;	color: #104564 !important;}
.slick-prev .svg-inline--fa {font-size: 20px;	text-align: center;	margin-top: -15px;}
#prodetail .slick-next {top: 25px !important;}
#prodetail .slick-next .svg-inline--fa {font-size: 20px;	text-align: center;	margin-top: -15px;}
.slick-prev::before, .slick-next::before {display: none !important;}

#prodetail .products_content_box h4 {font-weight: 500;	color: #000;	font-size: 20px;	margin-bottom: 10px;}
#prodetail .products_content_box p {font-size: 16px;	margin: 0px;	padding-bottom: 10px;}
#prodetail .products_content_box .price p {color: #164599;	font-size: 20px;	font-weight: 500;	margin-bottom: 7px;}
#prodetail .inputs-box {	margin-top: 20px;}
#prodetail .inputs-box .form-group {margin-bottom: 0px;}
#prodetail .inputs-box .custom-select {border: 2px solid #999;	border-radius: 0px;	height: 43px;	width: 125px;	color: #003F62;	font-size: 16px;	box-shadow: none !important;}
#prodetail .button_box .btn {margin-top: 24px;	text-transform: uppercase;	border-radius: 5px; padding: 10px 30px;}
#prodetail .product-large-slider.slick-initialized button {display: none !important;}
#prodetail .prodetail-block .slick-slide {border: 1px solid #ccc;	cursor: crosshair;}
#prodetail .prodetail-block .col-md-2 .slick-slide {margin: 5px auto;	cursor: pointer;}
.slick-list, .slick-slider, .slick-track {position: relative;	display: block;}
.slick-prev, .slick-next {	position: relative;	top: 10px !important;	left: 0px !important;	width: 68px;	height: 20px;	display: block !important;	color: #104564 !important;}
.slick-prev i {font-size: 20px;	text-align: center;	margin-top: -15px;}
.slick-slide img {display: block;	margin: 0 auto;}


#prodetail  .products_tabing {padding-top: 40px;}
#prodetail  #pills-tab {border: none;}
#prodetail .nav-item {margin: 0px;	padding: 5px;	width: 33.33%;}
#prodetail .nav-pills .nav-link {border-radius: 0px;	padding: 15px 10px;	color: #000;	font-size: 17px;	background-color: #ebebeb !important;	border: none !important;	text-align: center;	text-transform: capitalize;}
#prodetail .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #ffa51f !important;}
#prodetail .pro_stor {border: 2px solid #ccc;	border-radius: 5px;	width: 100%;	height: 100%;	padding: 10px 20px;	text-align: center;}
#prodetail .pro_stor p {font-size: 16px;	font-weight: 500;	margin-bottom: 15px;}
#prodetail .pro_stor img {max-width: 70%;}
#prodetail .row.custom_stor {margin-top: 30px;}
#prodetail .pro_stor.d-table img {margin-bottom: 15px;}
#prodetail .pro_stor.d-table p {margin-bottom: 0;}
#prodetail .shaprator {border-bottom: 1px solid #ccc;	margin-top: 30px;}


#prodetail .comments_block {margin-top: 40px;}
#prodetail .comments_titile {background: #efefef;	padding: 22px 0 20px 0;}
#prodetail .comments_titile h4 {font-size: 24px;	font-weight: 400;}
#prodetail .comments_boxs {border-bottom: 1px solid #ccc;	padding: 20px 0;}
#prodetail .comments_boxs h4 {font-size: 20px;	font-weight: 500;	margin-bottom: 10px;}
#prodetail .comments_boxs p {font-size: 16px;	margin: 0px;	max-width: 500px;}
#prodetail .comments_boxs p span{float: right;}
#prodetail #comments_form {position: relative;}
#prodetail #comments_form .form-control {font-size: 16px;	color: #000;	border: 1px solid #ccc;	padding: 13px;	height: auto;	width: 100%;	border-radius: 5px;	padding-right: 50px;}
#prodetail #comments_form button {background: transparent;	position: absolute;	border: none;	top: 14px;	right: 15px;	z-index: 11;}
#prodetail .comments_form {margin-top: 25px;	max-width: 500px; position:relative; margin-bottom:25px;}


#featured_pro {margin-bottom: 60px;}
#featured_pro .title h1 {color: #164599;	font-size: 26px;	font-weight: 500;	padding: 50px 0 20px 0;	border-bottom: 1px solid #ccc;	margin-bottom: 30px;}
#featured_pro .pro_content {text-align: center;	margin-top: 20px;}
#featured_pro .pro_box {text-align: center;	width: 100%;padding: 10px;}
#featured_pro .pro_content h4 {color: #000;	font-size: 18px;	margin-bottom: 10px;}
#featured_pro .pro_content p {color: #000;	font-size: 18px;	margin-bottom: 0px;}
#featured_pro .owl-nav {display: none !important;}
#featured_pro .owl-dots {display: none !important;}




.pro-qty {display: inline-block;	border: 1px solid #bbb;	padding: 0;}
.pro-qty input {margin: 0px;	padding: 0px;	border: none;	display: inline-block; vertical-align: middle;	width: 60px;	text-align: center;}
.pro-qty span {color: #000;	outline: none;	font-weight: bold;	font-size: 19px;	width: 35px;	height: 35px;	display: inline-block;	vertical-align: middle;	font-family: 'arial';	cursor: pointer;	background-color: #ebebeb !important;	line-height: 35px;	text-align: center;}
.pro-qty span:hover, .pro-qty span:focus{color: #000;	background-color: #ebebeb !important;	cursor: pointer;}
.pro-qty span::selection, .pro-qty input::selection {background-color: #ebebeb !important; color: #000;}
.option-title {	color: #000;font-size: 16px;	width: 58px;}




.bredcrom_block {padding: 16px 0;	background-color: #ffa520;}
.bredcrom_box li {font-size: 16px;	display: inline-block;	color: #fff;	margin-right: 10px;	font-weight: 400;}
.bredcrom_box li a { font-size: 16px; color: #fff; display: block; position: relative; font-weight: 400;}
.bredcrom_box li a::after { content: "/"; display: block; width: 5px; height: 100%; position: absolute; right: -8px; top: 0; }



.store_block {	padding: 50px 0;}
.store_main {	border: 1px solid #ccc;	padding: 20px; margin-bottom: 30px;}
.store_logo {	max-width: 150px;	display: inline-block;	width: 100%;	vertical-align: top; padding-right: 30px;}  /******* change *******/
.store_time {	max-width: 316px;	display: inline-block;	width: 100%;	vertical-align: top;}
.store_call {	max-width: 70px;	width: 100%;	text-align: center;	display: inline-block;	vertical-align: bottom;}
.store_call img {	margin-top: 20px;}
.store_time h6 {	margin-bottom: 15px; font-family: 'Poppins';	font-size: 22px; font-weight: normal;}
.store_time p {	margin-bottom: 10px; font-family: 'Poppins'; font-size: 17px;}



/********** cart page **********/

.pro_con {text-align: left;	display: inline-block; vertical-align: middle;}
.cart_box .table td, .cart_box .table th { font-family: 'Montserrat';	vertical-align: middle; padding:10px}
.cart_box .table td {color: #000;}
.cart_box td p, .cart_box th p {	text-transform: uppercase;	margin: 10px 0 0;}
.cart_box th h6 {	margin-top: 15px;}



.score_main {	padding: 20px;	border: 1px solid #ccc;}
.score_main p {	font-size: 22px;}
.score_main h6 {	font-size: 22px; margin: 38px 0;}  /***** change ***********/

.score_box {	padding: 50px 0;}



/********** cart new *******************/

.cart_box table td a {
	font-size: 21px;
	color: #dc3545 !important;
}



/********** login page **************/


.btn-primary {	background-color: #164599;}


.login_block {	border-bottom: 4px solid #ffa520;	border-top: 4px solid #ffa520;}
.orange_box {	background-color: #ffa520;}
.login_form h3 { font-weight: 600;	color: #fff;	text-transform: uppercase;	margin: 30px 0;}
.login_content {	max-width: 380px;	width: 100%;	margin: auto;}

.login_form .form-control {	padding: 30px 10px;	background-color: transparent;	border-color: #fff; border-left: 0; color:#fff;}
.login_form .btn { font-weight: 600;	width: 100%;	padding: 14px;	text-transform: uppercase;	letter-spacing: 1px;}
.form-forget a {	color: #fff;	margin-bottom: 10px;}
.login_content {	padding: 70px 0;}
.login_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.login_form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.login_form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.login_form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.login_form .input-group-text {	background-color: transparent; border-color: #fff; 	color: #fff; border-right: 0;  width: 44px; text-align: center;}
.login_form .input-group {	margin-bottom: 20px;}

.social_login {	padding-top: 30px;}
.social_login a {
	display: inline-block;
	width: 70px;
	border: 1px solid #DDDDDD;
	padding: 19px 0;
	background-color: #fff;
	border-radius: 50%;
	margin: 10px;
	height: 70px;
}
.register_form h3 { font-weight: 600;	color: #17459a;	text-transform: uppercase;	margin: 30px 0 0; position: relative;}
.register_form h3::after {	content: "";	display: block;	width: 30%;	height: 3px;	background-color: #17459a;	position: absolute;	top: 16px;	left: -70px;}
.register_form h3::before {	content: "";	display: block;	width: 30%;	height: 3px;	background-color: #17459a;	position: absolute;	top: 16px;	right: -70px;}
.register_form .social_login {	padding-bottom: 30px;}
.register_content {	max-width: 380px;	width: 100%;	margin: auto;	padding-top: 50px;	padding-bottom: 40px;}
.register_form .form-control {	padding: 30px 10px;	background-color: #f4f8f7;	border-color: #DDDDDD; color:#5C5C5C; border-left: 0;}
.register_form .btn { font-weight: 600;	width: 100%;	padding: 14px;	text-transform: uppercase;	letter-spacing: 1px; margin-top: 20px;}
.login_content > img {
	min-width: 250px;
	width: 100%;
	max-width: 250px;
	filter: contrast(140%);
}

.form-forget a {	color: #fff;	margin-bottom: 10px;}
.login_content {	padding: 70px 0;}
.register_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5C5C5C;
}
.register_form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #5C5C5C;
}
.register_form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #5C5C5C;
}
.register_form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #5C5C5C;
}


.register_form .input-group-text {	background-color: #f4f8f7;	/* border-right: 0; */ width: 44px; text-align: center;}
.register_form .input-group {	margin-bottom: 20px;}





.number-input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}

.number-input {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}

.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
text-align: center;
}

.number-input.number-input {
border: 1px solid #ced4da;
width: 10rem;
border-radius: .25rem;
}

.number-input.number-input button {
	width: 100%;
	height: 34px;
	display: block;
	padding-left: 0 !important;
	background-color: #ebebeb;
}

.number-input.number-input button.minus {
padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
width: .7rem;
background-color: #495057;
}

.number-input.number-input input[type=number] {
max-width: 4rem;
padding: .5rem;
border: 1px solid #ced4da;
border-width: 0 1px;
font-size: 1rem;
height: 2rem;
color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color:transparent) {

.number-input.def-number-input.safari_only button:before,
.number-input.def-number-input.safari_only button:after {
margin-top: -.3rem;
}
}
}





#shopstore .store_img img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

#category .owl-nav button, #category .owl-nav button:hover, #category .owl-nav button:focus {
	text-decoration: none !important;
	outline: none !important;
	border: none !important;
	border-radius: 0px !important;
}


/******** profile page **************/

.profile_content {	max-width: 800px;	width: 100%;	margin: auto;}
.login_block .profile_content {	padding: 70px 0;}
.profile_content .register_form h3 {	max-width: 380px;	margin: 20px auto;	width: 100%;}
.user_info_sub {	border-radius: 9px !important;	/* overflow: hidden; */	padding: 0;	margin: 10px 0;	position: relative;	left: auto !important;	right: 0 !important;}
.user_info_sub::after {	content: "";	display: block;	width: 20px;	height: 20px;	background-color: #fff;	position: absolute;	top: -9px;	z-index: 999;	right: 20px;	transform: rotate(45deg);}
.user_info_sub .dropdown-item {	color: #000 !important;	border-bottom: 1px solid #ccc;	padding: 7px 18px; text-transform: capitalize !important;}
.user_info_sub .dropdown-item:last-child { border:none; }



.pagination_box {	padding: 20px 0;	text-align: center;}
.pagination_box .pagination {	justify-content: center;}
.page-item.active .page-link {	color: #fff;	background-color: #164599;	border-color: #164599;}
.page-link {	color: #164599;	background-color: #fff;	border: 1px solid #164599;}
.page-item.disabled .page-link {	border-color: #164599;}
.page-link:hover {	border-color: #164599;}



#content {}
#content .content-block {padding: 60px 0px;}
#content .content_content {text-align: justify;}



/*Search Box button*/
.searchBtn{
	position: absolute;
	right: 2px;
	top: 15px;
	filter: invert(200%) contrast(200%);
}


.btnComment {
	position: absolute;
	right: 10px;
	top: 8px;
}

.error {
	display: block;
	width: 100%;
	/* margin-left: 0px; */
	text-align: left;
	/* text-decoration-color: beige; */
	color: red;
	padding-top:5px;
}

.chkboxs {
	display: block;
	position: relative;
	padding-left: 34px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	text-align: left;
	color: #000;
	min-height: 23px;
	line-height: 25px;
}

	.chkboxs input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 100%;
		width: 100%;
		left: 0px;
	}

	.chkboxs .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 23px;
		width: 23px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	.chkboxs input:checked ~ .checkmark {
		background-color: #164599;
		border: 1px solid #164599;
	}

	.chkboxs .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.chkboxs input:checked ~ .checkmark:after {
		display: block;
	}

	.chkboxs .checkmark::after {
		left: 8px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/*
.cartColumnMax {
	max-width:120px;
}
*/



/*fuel page*/

#fuel {
}

	#fuel .fuel-box {
		padding: 30px 0px;
	}

		#fuel .fuel-box h4 {
			font-size: 25px;
			margin-bottom: 15px;
		}

		#fuel .fuel-box ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

			#fuel .fuel-box ul li:nth-child(2n) {
				margin: 0;
				margin-left: 5px;
				margin-right: 17px;
			}

		#fuel .fuel-box .btn.btn-blue {
			padding: 9px 30px;
		}

		#fuel .fuel-box ul li label {
			margin: 0px;
			padding: 0px;
			margin-right: 10px;
		}

		#fuel .fuel-box ul li .custom-select {
			padding: 10px 20px;
			height: auto;
			min-width: 210px;
			background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px #f4f8f7;
			box-shadow: none !important;
			border: 1px solid #ddd;
			border-radius: 6px;
		}

	#fuel .table.main-table tr th, .table.main-table tr td {
		margin: 0px;
		border: 1px solid #aaa;
		padding: 15px;
	}

	#fuel .table.main-table table td {
		border: none;
		padding: 0px;
	}

	#fuel .table.main-table th {
		background: #ebebeb;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
	}

		#fuel .table.main-table th span {
			font-size: 18px;
			font-weight: 400;
		}

	#fuel .table h4 {
		font-size: 17px;
		margin-bottom: 10px;
	}

	#fuel .table p {
		font-size: 15px;
		line-height: 18px;
		margin: 0px;
	}

	#fuel .table.main-table .table {
		margin-bottom: 0px;
	}

	#fuel .icons_boxs {
		/*width: 110px;
		height: 100px;*/
		width:60px;
		height:70px;
		display: block;
		border: 1px solid #989898;
		border-radius: 15px;
		padding: 10px;
		text-align: center;
	}

		#fuel .icons_boxs p {
			margin-bottom: 10px;
		}

		#fuel .icons_boxs img {
			max-width: 50px;
			max-height: 50px;
		}

	#fuel .fuel-report p {
		font-size: 18px;
	}

	#fuel .fuel-report {
		padding: 20px 0px 60px 0px;
	}

	#fuel .table.main-table table td:last-child {
		text-align: right;
	}


.table.text-center tr > td {
	text-align: center;
}

#fuel .table th p {
	font-weight: bold;
	font-size: 16px;
}




/*Added content on  01022021 for Floating Cart title & Fuel title freeze*/


#fuel .table.main-table tr th, .table.main-table tr td {
	white-space: nowrap;
}

.tables {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.tables-heading {
	display: table-row;
	text-align: center;
}

	.tables-heading .cell {
		font-family: 'Montserrat';
		vertical-align: middle;
		font-size: 16px;
		line-height: 17px;
		font-weight: 700;
	}

.tables-row {
	display: table-row;
}

.cell {
	display: table-cell;
	text-align: center;
	border: 1px solid #dee2e6;
	vertical-align: middle;
	padding: 0px;
	padding: 10px;
	background-color: #fff;
}

	.cell p {
		text-transform: uppercase;
		margin: 10px 0 0;
	}

.tables-heading .cell h6 {
	margin-top: 15px;
}

.tables-heading .cell a {
	font-size: 21px;
	color: #dc3545 !important;
}

.cart_box .pro_img {
	width: 150px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.tables-content {
	display: block !important;
	text-align: center !important;
}
/*
.tables-heading.isStuck {
	background: #fff;
	z-index: 111 !important;
	top: 85px !important;
	width: 100%;
	position: fixed;
	width: all !important;
	overflow-y: auto;
}*/

#tables_scroll::-webkit-scrollbar {
	display: none;
}

#tables_scroll {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#headings::-webkit-scrollbar {
	display: none;
}

#headings {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/*#left-button {position: fixed;    bottom: 30px;    left: 25px;    background: rgba(0,0,0,.5);    border-radius: 50%;    font-weight: bold;    box-shadow: none;    height: 45px;    width: 45px;    padding: 0px;    font-size: 20px;    text-align: center;    z-index: 9999;    line-height: 45px;    border: 2px solid #164599;    display: none; }
#right-button {position: fixed;    bottom: 30px;    left: 90px;    background: rgba(0,0,0,.5);    border-radius: 50%;    font-weight: bold;    box-shadow: none;    height: 45px;    width: 45px;    padding: 0px;    font-size: 20px;    text-align: center;    z-index: 9999;    line-height: 45px;    border: 2px solid #164599;    display: none;}

*/

.tables-content a i {
	color: #dc3545 !important;
	font-size: 20px;
}

.table_title {
	background: #ebebeb;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	display: table-caption;
	padding: 13px;
	border: 1px solid #aaa;
}

.fuel_table #headings .cell {
	background: #ebebeb;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	color: #000;
	padding-top: 14px;
	padding-bottom: 13px;
}

.fuel_table .cell {
	border: 1px solid #aaa;
}

#fix_height {
	max-height: 516px;
	overflow-y: auto;
	position: relative;
	margin-bottom: 10px;
}

	#fix_height .tables {
		margin-bottom: 0px;
	}

#headings .cell {
	white-space: nowrap;
}

.fuel_table #headings .cell span {
	font-weight: 400;
}

.inner-tables {
	display: table;
	width: 100%;
}

.inner-tables-row {
	display: table-row;
}

.inner-cell {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	background-color: #fff;
}

.inner-tables .icons_boxs {
	width: 110px;
	height: 100px;
	display: block;
	border: 1px solid #989898;
	border-radius: 15px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	margin-left: 15px;
}

.inner-tables h4 {
	font-size: 17px;
	margin-bottom: 10px;
	text-align: left;
}

.inner-tables p {
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
}

.inner-tables .icons_boxs p {
	text-align: center;
	margin-bottom: 5px;
}



/*Added content on 02022021*/

/*fuel page*/

#fuel {
}

	#fuel .fuel-box {
		padding: 30px 0px;
	}

		#fuel .fuel-box h4 {
			font-size: 25px;
			margin-bottom: 15px;
		}

		#fuel .fuel-box ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

			#fuel .fuel-box ul li:nth-child(2n) {
				margin: 0;
				margin-left: 5px;
				margin-right: 17px;
			}

		#fuel .fuel-box .btn.btn-blue {
			padding: 9px 30px;
		}

		#fuel .fuel-box ul li label {
			margin: 0px;
			padding: 0px;
			margin-right: 10px;
		}

		#fuel .fuel-box ul li .custom-select {
			padding: 10px 20px;
			height: auto;
			min-width: 210px;
			background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px #f4f8f7;
			box-shadow: none !important;
			border: 1px solid #ddd;
			border-radius: 6px;
		}

	#fuel .icons_boxs img {
		max-width: 50px;
		max-height: 50px;
	}

	#fuel .table.main-table tr th, .table.main-table tr td {
		white-space: nowrap;
	}

.tables {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.tables-heading {
	display: table-row;
	text-align: center;
}

	.tables-heading .cell {
		font-family: 'Montserrat';
		vertical-align: middle;
		font-size: 16px;
		line-height: 17px;
		font-weight: 700;
	}

.tables-row {
	display: table-row;
}

.cell {
	display: table-cell;
	text-align: center;
	border: 1px solid #dee2e6;
	vertical-align: middle;
	padding: 0px;
	padding: 10px;
	background-color: #fff;
}

	.cell p {
		text-transform: uppercase;
		margin: 10px 0 0;
	}

.tables-heading .cell h6 {
	margin-top: 15px;
}

.tables-heading .cell a {
	font-size: 21px;
	color: #dc3545 !important;
}

.cart_box .pro_img {
	width: 150px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.tables-content {
	display: block !important;
	text-align: center !important;
}

.tables-heading.isStuck {
	background: #fff;
	z-index: 111 !important;
	top: 85px !important;
	width: 100%;
	position: fixed;
	width: all !important;
	overflow-y: auto;
}

/*.tables_scroll::-webkit-scrollbar {
	display: none;
}

.tables_scroll {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.tables-heading::-webkit-scrollbar {
	display: none;
}

.tables-heading {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.tables-content a i {
	color: #dc3545 !important;
	font-size: 20px;
}

.table_title {
	background: #ebebeb;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	display: table-caption;
	padding: 13px;
	border: 1px solid #aaa;
}

.fuel_table .tables-heading .cell {
	background: #ebebeb;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	color: #000;
	padding-top: 14px;
	padding-bottom: 13px;
}

.fuel_table .cell {
	border: 1px solid #aaa;
}

.fix_height {
	max-height: 516px;
	overflow-y: auto;
	position: relative;
	margin-bottom: 10px;
}

	.fix_height .tables {
		margin-bottom: 0px;
	}

.tables-heading .cell {
	white-space: nowrap;
}

.fuel_table .tables-heading .cell span {
	font-weight: 400;
}

.inner-tables {
	display: table;
	width: 100%;
}

.inner-tables-row {
	display: table-row;
}

.inner-cell {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	background-color: #fff;
}

.inner-tables .icons_boxs {
	width: 110px;
	height: 100px;
	display: block;
	border: 1px solid #989898;
	border-radius: 15px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	margin-left: 15px;
}

.inner-tables h4 {
	font-size: 17px;
	margin-bottom: 10px;
	text-align: left;
}

.inner-tables p {
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
}

.inner-tables .icons_boxs p {
	text-align: center;
	margin-bottom: 5px;
}


#video .video-block {
	padding: 45px 0px;
}

#video .video_box {
	border: 2px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}

#video .col-md-4 {
	margin: 15px 0px;
}

@media (max-width: 768px) {
	#fuel .fuel-box h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#fuel .fuel-box ul {
		display: block;
	}

		#fuel .fuel-box ul li:nth-child(2n) {
			margin: 10px 0px 13px 0px !important;
		}

	.fix_height {
		max-height: 70vh;
		overflow-y: auto;
		position: relative;
		margin-bottom: 10px;
		width: calc(100% + 30px);
		left: -15px;
	}
}
.store_call {
	max-width: 70px;
	width: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-top: 18px;
}
	.store_call img {
		margin-top: 10px;
		max-width: 42px;
	}



	

/*StickyHeaderCart*/

.bredcrom_box li.delete {
	float: right;
}

	.bredcrom_box li.delete a {
		font-size: 16px;
		color: #fff !important;
	}

		.bredcrom_box li.delete a::after {
			display: none !important;
		}

		.bredcrom_box li.delete a i {
			font-size: 16px;
			color: #fff !important;
		}

.tablefooter .cell {
	background-color: #f5f5dc !important;
}

.bredcrom_box li.delete {
	float: right;
}

	.bredcrom_box li.delete a {
		font-size: 16px;
		color: #fff !important;
	}

		.bredcrom_box li.delete a::after {
			display: none !important;
		}

		.bredcrom_box li.delete a i {
			font-size: 16px;
			color: #fff !important;
		}

.tablefooter .cell {
	background-color: #f5f5dc !important;
}


.tablefooter .cell {
	background-color: #f5f5dc !important;
}



.cart_box .tables-heading th, .cart_box .tables-heading td {
	display: table-cell;
	text-align: center;
	border: 1px solid #dee2e6;
	vertical-align: middle;
	padding: 0px;
	padding: 10px;
	background-color: #fff;
}

.cart_box .tables-content {
	display: block !important;
	text-align: center !important;
}

.cart_box .tables-heading th {
	font-family: 'Montserrat';
	vertical-align: middle;
	font-size: 16px;
	line-height: 17px;
	font-weight: 700;
	/*white-space: nowrap;*/
}

.tables-heading th {
	position: sticky;
	top: 0;
}