/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Raleway&display=swap');

/* CSS Document */
:root {
  --main-bg: #b69f61;
  --main-bg-hover: #876c23;
  --text-color: #000000;
}

/* =CSS Reset
========================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height:1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol { list-style:decimal; margin:0; padding:0 0 0 20px; margin:0 0 15px; }
ol li { margin:0; padding:0; }
ul { list-style:disc; margin:0; padding:0 0 0 20px; margin:0 0 15px; }
ul li { margin:0; padding:0; }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }
body { color:var(--text-color); font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size:18px; overflow-x:hidden; height:100vh; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
a { color:#002250; text-decoration:none;}
a:hover { text-decoration:none;}
:focus { outline:none; }
body * { box-sizing:border-box; -webkit-box-sizing:border-box; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
p { font-size:18px; margin:0 0 15px 0; }

h1, 
.h1, 
h2,
.h2, 
h3,
.h3, 
h4,
.h4, 
h5,
.h5, 
h6,
.h6 { font-family: 'Open Sans', serif; font-weight:400; margin: 0 0 10px; line-height: 1.42857143; display: block; text-transform: none }

h1, .h1 { font-size: 55px }
h2, .h2 { font-size: 45px }
h3, .h3 { font-size: 35px }
h4, .h4 { font-size: 30px }
h5, .h5 { font-size: 25px }
h6, .h6 { font-size: 20px }

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.nopad p, p.nopad { padding:0; }
.no-margin { margin:0 !important; }


/* = CMS Content Style
========================================================================================*/
.cms-content * { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box }
.cms-content>:first-child { margin-top: 0 }
.cms-content>:last-child { margin-bottom: 0 }
.cms-content p { margin: 0 0 15px; }
.cms-content a,
.cms-content p a { text-decoration: underline }
.no-touch .cms-content a:hover,
.no-touch .cms-content p a:hover { text-decoration: none }

.cms-content h1,
.cms-content .h1,
.cms-content h2,
.cms-content .h2,
.cms-content h3,
.cms-content .h3,
.cms-content h4,
.cms-content .h4,
.cms-content h5,
.cms-content .h5,
.cms-content h6,
.cms-content .h6 { margin: 30px 0 10px; line-height: 1.42857143; display: block; text-transform: none }
.cms-content h1,
.cms-content .h1 { font-size: 55px }
.cms-content h2,
.cms-content .h2 { font-size: 45px }
.cms-content h3,
.cms-content .h3 { font-size: 35px }
.cms-content h4,
.cms-content .h4 { font-size: 30px }
.cms-content h5,
.cms-content .h5 { font-size: 25px }
.cms-content h6,
.cms-content .h6 { font-size: 20px }

.cms-content ol { list-style: decimal; padding: 0 0 0 20px; }
.cms-content ol li { margin: 0 0 5px; padding: 0 }
.cms-content ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px }
.cms-content ol li ol li { margin: 0 0 5px; padding: 0 }
.cms-content ul { list-style: disc; padding: 0 0 0 20px; }
.cms-content ul li { margin: 0 0 5px; padding: 0 }
.cms-content ul li ul { list-style: disc; margin: 5px 0; padding: 0 0 0 20px }
.cms-content ul li ul li { margin: 0 0 5px; padding: 0 }

.cms-content blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 15px 0; padding: .5em 10px }
.cms-content blockquote p { display: inline; margin-bottom: 0 !important }
.cms-content hr { margin: 20px 0; border-color: #f9f9f9 }

.cms-content table { display: table; border-collapse: collapse; border-spacing: 0; margin: 25px 0; text-align: left; width: 100% !important }
.cms-content table p { margin: 0 }
.cms-content thead { display: table-header-group; vertical-align: middle; border-color: inherit }
.cms-content tbody { display: table-row-group; vertical-align: middle; border-color: inherit }
.cms-content tbody tr:nth-child(even) { background: #f6f5f6 }
.cms-content tbody tr:nth-child(odd) { background: #fff }
.cms-content tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit }
.cms-content table>tr { vertical-align: middle }
.cms-content col { display: table-column }
.cms-content colgroup { display: table-column-group }
.cms-content tr { display: table-row; vertical-align: inherit; border-color: inherit }
.cms-content td,
.cms-content th { display: table-cell; vertical-align: middle; padding: 20px 15px 18px; line-height: 17px; font-size: 17px; font-weight: 500; color: #6a6a6a }
.cms-content th { font-weight: 600; background: #f6f5f6; font-size: 19px; color: #000 }
.cms-content caption { display: table-caption; text-align: center }
.cms-content .table-responsive { overflow-x: auto }

@media all and (max-width:991px) {
}

/* =Form Style
========================================================================================*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance: none; -webkit-border-radius:0;  border-radius:0;  }
button, input { line-height: normal; }
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"] { background:#ffffff; padding:0; height:40px; line-height:20px; font-size:15px; border:0px; border:solid 1px #dbdbdb; width:100%; font-family: 'Open Sans', serif; }

textarea { width:100%; height:80px; overflow:auto; resize:none; padding:10px; border:solid 1px #dbdbdb; }
select { height:40px; background: #fff url(../images/select-arrow.svg) no-repeat calc(100% - 10px) center; background-size: 14px 8px; padding:0 35px 0 10px; width:100%; border:solid 1px #dbdbdb;}
input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0; }

input[type="button"], input[type="submit"], button { background:var(--main-bg); color:#ffffff; line-height:55px; border:0; cursor:pointer; overflow:visible; padding:0 10px; vertical-align:middle; text-decoration:none; text-align:center; font-size:16px; border-radius:50px; text-transform:uppercase; font-family: 'Open Sans', serif; }
input[type="button"]:hover, 
input[type="submit"]:hover, 
button:hover { background:var(--main-bg-hover); color:#fff; }

.btn { background:var(--main-bg); height:55px; color:#ffffff; line-height:55px; border:0; cursor:pointer; width:230px; overflow:visible; padding:0 10px; vertical-align:middle; text-decoration:none; text-align:center; font-size:15px; text-transform:uppercase; }
.btn:hover  { background:var(--main-bg-hover); color:#fff; }



/* =Layout Width
========================================================================================*/
#wrapper { }
.container { margin:0 auto; max-width:1170px;  padding:0 15px; }

@media (min-width:1250px) {
.container { max-width:1290px; padding:0 60px }
}


/* =Common-Page (common classes for all pages)
========================================================================================*/
/*header*/
.top_header{ background-color: #f5f5f5;font-size: 14px; padding: 10px 0;text-align: center;}
header.page-header { transition: all 0.6s; }

.header-wrapper { background-color: #fff; padding:10px 0px; border-radius: 25px; display: table; width: 100%; }
.header-actions-wrapper, .navigation-open { display: none; }
.logo { display: table-cell; vertical-align: middle; width: 178px; }
.logo img { width: 100%; }
.header-wrapper > .header-right { width: calc(100% - 178px); display: table-cell; font-size: 0; vertical-align: middle; text-align: right; }
.navigation { display: inline-block; vertical-align: middle;padding:0;}
.navigation > ul { margin: 0; padding: 0; }
.navigation > ul > li.parent{ margin-left: 15px;}
.navigation > ul > li { display: inline-block; position: relative; }
.navigation > ul > li > a { font-family: 'Open Sans', serif; font-size: 18px; display: block;background: #f5f5f5;border-radius: 20px; 
	font-weight: 400; color: #000; position: relative; transition: all 0.6s ease; text-transform: capitalize; padding: 10px 40px; }
.navigation > ul > li > a:hover{background: #002250; color: #fff;}

ul.submenu:before { position: absolute; bottom: 100%; left: 0; width: 100%; display: block; content: ""; height: 10px; }
.submenu { text-align: left; position: absolute; top: 100%; right:0px;border-radius: 20px; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 10px 0px; background: #fff; z-index: 2; min-width: 255px; opacity: 0; visibility: hidden; transition: 0.6s all; }
ul.submenu > li, ul.sub-menu-level-1 > li {padding:0; position: relative; }
.submenu-link, .sub-menu-level-1 li > a {display: block; font-size: 14px; font-weight: 400; color: #000; position: relative; transition: all 0.6s ease-in-out; padding: 5px 0; }
.sub-menu-level-1 { text-align: left; position: absolute; top: 0; right: calc(100% + 0px);border-radius: 15px 0 0 15px; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 10px 15px; background: #fff; z-index: 2; min-width: 250px; opacity: 0; visibility: hidden; transition: 0.6s all; }
li.has-child { position: relative; }
li.has-child:after { position: absolute; content: ''; background: url("../images/right-arrow.svg") no-repeat right center; background-size: 14px; width: 14px; height: 100%; right: 0; transform: rotate(180deg); }
ul.sub-menu-level-1 li > a { font-size: 14px; }
.submenu-link{ padding: 5px 15px;}
.submenu-link:hover{ background-color: #f5f5f5;}
.sub-menu-level-2{ margin: 0;}
/*header end*/


/* =Home-Page (only homepage used classes)
========================================================================================*/
.section { padding: 80px 0; }
.center { text-align: center; }
a.hero-btn { padding: 16px 43px 17px; border-radius: 30px; background-color: var(--main-bg); color: #fff; font-size: 16px; display: inline-block; text-transform: uppercase; transition: all 0.6s; font-family: 'Open Sans', serif; }
.no-touch a.hero-btn:hover { background-color: var(--main-bg-hover); }
a.read-more { color: #b69f61; position: relative; padding-right: 24px; font-family: 'Open Sans', serif; }
.no-touch a.read-more:hover:after { right: -10px; }
a.read-more:after { position: absolute; top: 4px; right: 0; width: 15px; height: 15px; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; background: url("../images/r-arrow.png") no-repeat center center; background-size: 15px; }
/*slider*/

.banner-item-wrapper {position: relative; border: 1px solid #ccc;padding: 2px;background: #f5f5f5;}
.banner-slider .owl-nav{ position: absolute;top: 50%; transform: translateY(-20px); width: 100%;}
.banner-slider .owl-nav .owl-next, .banner-slider .owl-nav .owl-prev,
.related-products-wrapper .owl-nav .owl-next, .related-products-wrapper .owl-nav .owl-prev
{ width: 39px; height: 39px; border-radius: 50%; top: inherit; position: inherit; top: inherit; margin-top: 0; font-size: 0; }
.banner-slider .owl-nav button.owl-prev, .related-products-wrapper .owl-nav button.owl-prev { left: -20px; }
.banner-slider .owl-nav button.owl-next, .related-products-wrapper .owl-nav button.owl-next { right:-20px; }
.banner-slider.owl-carousel .owl-nav button.owl-next, .banner-slider.owl-carousel .owl-nav button.owl-prev,
.related-products-wrapper .owl-nav button.owl-next, .related-products-wrapper .owl-nav button.owl-prev 
{ background-color: #ccc; transition: all 0.6s; font-size: 0; }
.banner-slider.owl-carousel .owl-nav button.disabled { background-color: #666; }
.banner-slider .owl-nav .owl-next:after, .banner-slider .owl-nav .owl-prev:after ,
.related-products-wrapper .owl-next:after, .related-products-wrapper .owl-nav .owl-prev:after
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; background: url("../images/next.svg") no-repeat center center; background-size: 10px; }
.banner-slider .owl-nav .owl-prev:after, .related-products-wrapper .owl-nav .owl-prev:after{ transform: rotate( -180deg ); }
/*slider end*/

/* service start */
.service_wrapper {padding: 35px 0 0 0;margin: 0; }
.service_box {border:3px solid #ddd; padding: 10px 20px; clear: both;margin-bottom: 15px;}
.service_box:hover {border:3px solid rgb(53, 215, 53); }
.left_icon {float: left; max-width: 30%; width: 100%; font-size: 40px; color: rgb(158, 154, 154); text-align: right ;
padding-right: 7px; margin: 0;}
.service_box:hover .left_icon {color:rgb(53, 215, 53); }
.right_content{float: right; max-width: 70%; width: 100%; vertical-align: middle; padding-top: 7px;} 
.right_content h1 {font-size: 15px; padding: 0; margin: 0;font-weight: bold; color: #666;}
.right_content h6 {font-size: 15px; padding: 0; margin: 0;font-weight: bold; color: #666;}
.right_content p { padding: 0; margin: 0; color: rgb(158, 154, 154); font-size: 13px;}
/* service end */

.bestsellers_heading{ font-size: 18px;position: absolute;left:0px;top:10px;margin: 0;padding: 2px 0;z-index: 1;border-bottom: 1px solid rgb(53, 215, 53);}

.all-products-slider .owl-nav{ position: absolute;top: 50%; transform: translateY(-20px); width: 100%;}
.all-products-slider .owl-nav .owl-next, .all-products-slider .owl-nav .owl-prev{ 
width: 39px; height: 39px; border-radius: 50%; top: inherit; position: inherit; top: inherit; margin-top: 0; font-size: 0; }

.all-products-slider .owl-nav button.owl-prev { left: -20px; }
.all-products-slider .owl-nav button.owl-next { right:0px; }
.all-products-slider.owl-carousel .owl-nav button.owl-next, .all-products-slider.owl-carousel .owl-nav button.owl-prev
{ background-color: #ccc; transition: all 0.6s; font-size: 0; }
.all-products-slider.owl-carousel .owl-nav button.disabled { background-color: #666; }

.all-products-slider .owl-nav .owl-next:after, .all-products-slider .owl-nav .owl-prev:after
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; background: url("../images/next.svg") no-repeat center center; background-size: 10px; }
.all-products-slider .owl-nav .owl-prev:after{ transform: rotate( -180deg ); }

.tab-detail{ padding: 30px 0;}
.detail-content { width: 100%; display:none;}
.detail-content.active { display: inline-block;}
.tabs { padding: 0; list-style: none; position: relative; text-align: center;border-bottom: 1px solid #ccc; }
.tabs .tab { display: inline-block; margin: 0 15px;}
.tabs .tab a { position: relative;text-transform: uppercase; color: #080707; font-size:14px; padding:10px 0; display: block; }
.tabs .tab.active a:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: -0.1em; left: 0; background: #002250;}

.tab-detail02{ padding: 30px 0;}
.tab-content02{position: relative;}
.detail-content02 { width: 100%; display:none;}
.detail-content02.active { display: inline-block;}
.tabs02 { padding: 0; list-style: none; position: relative; text-align: center;border-bottom: 1px solid #ccc;}
.tabs02 .tab02 { display:inline-block; margin:0 15px;}
.tabs02 .tab02 a { position: relative;text-transform: uppercase; color: #080707; font-size:14px; padding:10px 0; display: block; }
.tabs02 .tab02.active a:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: -0.1em; left: 0; background: #002250;}

.all_products_carousel{margin-right: -20px;}
.all-products-slider{ }
.allproducts-item-wrapper{ margin-right:20px;}
.allproducts_img{border: 1px solid #ccc;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.allproducts_img:hover h2{ background-color: #002250; color: #fff;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.allproducts_img h2{padding:10px 5px; background-color: #f5f5f5; margin: 0; font-size: 16px; font-weight: 400; text-align: center;}
.min-height72{ min-height: 72px;}
.allproducts_img img{ width: 100%;}

.heading {border-bottom: 1px solid #ddd;}
.heading h1 {font-size: 20px; display: inline-block; border-bottom: 1px solid rgb(53, 215, 53);padding: 5px; margin: 0;  text-transform: uppercase;}
.box_collection {background-color: rgb(234, 232, 232); margin: 20px 0; border-bottom: 2px solid rgb(53, 215, 53) !important; 
	display:flex; text-align: center; padding: 0;border:1px solid transparent}
.box_collection:hover {background-color: #fff;border: 1px solid  rgb(53, 215, 53); border-bottom:2px solid rgb(53, 215, 53);}
.box_collection:hover .content_collection a{color: rgb(53, 215, 53);}
.img-sm {position: relative; width: 100%; }
.content_collection {position: absolute; top: 10px; left: 0; right: 0; text-align: center; padding: 0; margin: 0;}
.content_collection a {text-decoration: none; color: rgb(126, 123, 123); font-weight:600;font-size: 16px;}
.content_collection a span {font-size: 16px;}

.content_collection04 {position: absolute; top: 10px; left:15px;padding: 0; margin: 0; text-align: left;}
.content_collection04 a {text-decoration: none; color: rgb(126, 123, 123); font-weight:600;font-size: 16px;}
.content_collection04 a span {font-size: 16px;}

.hot_wrapper {padding: 0; margin: 0;}
.heading_hot  {border-bottom: 1px solid #ddd;  display: flex;}
.list_categories {padding-left: 70px;}
.heading_hot h1 {font-size: 20px;  max-width: 180px;width:100%; border-bottom: 1px solid rgb(53, 215, 53); 
    padding: 5px; margin: 0;}

	.categories_box{ padding-bottom: 10px;}
.categories_box .img-hot {width: 100%;}
.categories_box p{padding: 5px 0; margin: 0;}
.categories_box p a {text-decoration: none; color:gray; font-size: 14px; font-weight: 600; } 
.categories_box p a:hover {color:rgb(53, 215, 53);}
.categories_box ol {padding: 10px 0px; margin: 0; color: gray; list-style: none;}
.categories_box ol  li{padding: 5px ; margin: 0; font-size: 12px;}
.categories_box ol  li a{text-decoration: none; color: gray; background:url("../images/arrow.png") 0 6px no-repeat; padding-left: 10px;}
.categories_box ol  li a:hover {color: rgb(53, 215, 53);}


.footer_wrapper {background-color: #ddd; }
.footer1 {border-bottom: 1px solid rgb(202, 198, 198); padding:20px 0; }
.footer_wrapper h2 {font-size: 18px; padding: 30px 0 8px 0; margin: 0; color: #666;}
.footer_wrapper ul {list-style: none; padding: 0; margin: 0; }
.footer_wrapper ul li {padding: 5px 0; margin: 0; font-size:14px; }
.footer_wrapper ul li a {text-decoration: none; color: #666;}
.footer_wrapper ul li a:hover {color:rgb(53, 215, 53) ; padding-left: 10px;}
.footer_wrapper ul li a i {padding-right: 5px;}

.footer_wrapper ul li.icon_color{ position: relative; padding-left:25px;color: #666;}
.icon_color i{font-size: 20px; position:absolute; top: 0; left: 0;}
.footer_wrapper ul li.icon_color .bi.bi-geo-alt{ top: 6px;}

.footer2 {padding: 40px 0; margin: 0;}
.footer2 p {font-weight: 500; font-size: 11px; color: rgb(90, 88, 88); padding: 3px 0;margin: 0;}
.footer2 p span {color: rgb(148, 145, 145); font-size: 12px; font-weight: 400; line-height: 0;}
.footer2 p a  {text-decoration: none;}
.footer2 p a:hover span {color: rgb(53, 215, 53) ;}
.footer2 span {color: rgb(148, 145, 145); font-size: 12px; line-height: 30px;}

.footer3 {background-color: rgb(73, 71, 71); padding: 5px 0;}
.footer3 img {width: 100%;padding-left: 140px;}
.footer3 p {padding: 10px 0; margin: 0; text-align: center; color: #ddd; font-size: 13px;} 
.footer3 p a {text-decoration: none; color: #fff;}
.footer3 span {color: rgb(53, 215, 53);}


.product_listing_wrapper{ padding: 30px 0;}
.product_listing_wrapper h1{font-size: 18px; margin: 0 0 20px 0;padding: 2px 0;border-bottom: 1px solid rgb(53, 215, 53); text-transform: uppercase;}
.product_listing_list{ margin-right: -20px;}
.product_listing_list .allproducts-item-wrapper{ padding-bottom: 20px; float: left; width: 25%; margin-right: 0; padding-right: 20px;}
.bread_crumb {padding:5px 0; margin: 0; background: #f5f5f5; }
.bread_crumb ul {padding: 0; margin: 0; list-style: none;}
.bread_crumb ul li{text-decoration: none; font-size: 14px; display: inline-block; color: rgb(53, 215, 53);}
.bread_crumb ul li a{text-decoration: none; font-size: 14px; color: #999;}
.bread_crumb ul li a:hover{text-decoration: underline; font-size: 14px;color:rgb(53, 215, 53);}

/* blutooth thermal start */
.blutooth_wrapper { padding:10px 0; margin: 0;}
.blutooth_wrapper img {width: 100%;border: 1px solid gray;} 
.blutooth_wrapper span {color: red; font-size: 16px; padding:  0; margin: 0;}
.blutooth_wrapper h2 { padding: 0 0 10px 0; margin: 0; font-size: 20px; font-weight: 600;}
.blutooth_wrapper h5 { padding: 10px 0 0 0; margin: 0; font-size: 13px; font-weight: 600;}
.blutooth_wrapper h3 {padding: 10px 0 0 0; margin: 0; text-decoration: none; color: red; font-size: 16px;}
.blutooth_wrapper h3 span{text-decoration:line-through; color: #666;}
.blutooth_wrapper p {padding: 5px 0 0 0; margin: 0; font-size: 13px; font-weight: 400; color: #666;}
.blutooth_wrapper h4 {font-size: 12px; font-weight: 400; color: #666; padding: 5px 0; margin: 0;}
.blutooth_wrapper h4 i {color: rgb(61, 166, 231); font-size: 13px;padding: 5px 0; margin: 0 5px;font-weight: 500; }


/* about us start */
.about_us {padding: 10px; margin: 0;}
.about_us_wrapper h1{font-size: 18px; margin: 20px 0 20px 0;padding: 2px 0;border-bottom: 1px solid rgb(53, 215, 53); text-transform: uppercase;}
.about_us h2 {padding: 5px 0; margin: 0;  font-size:20px; border-bottom: 3px solid rgb(53, 215, 53); max-width: 150px; 
    width: 100%;}
.about_us_wrapper {padding: 20px 0; margin: 0; }
.about_us_wrapper h2 {padding: 10px 0; margin: 0; font-size:18px; font-weight: 400; color: rgb(75, 72, 72); }
.about_us_wrapper img {padding: 10px 0 ;margin: 0;}
.about_us_wrapper p {padding: 5px 0; margin: 0; font-size: 14px; color: #666;}
.about-left {float: left; max-width: 33%; width:100% ;}
.about-right {float: right; max-width: 66%; width:100% ;}


.whychooseus {list-style: none; margin: 0;padding: 0;}
.whychooseus li {padding:10px 0 10px 30px; margin: 0; font-size: 14px; font-weight: 400; position: relative;border-bottom: 1px dotted #666;}
.whychooseus li i {font-size: 25px; color:rgb(53, 215, 53);margin: 0; position: absolute; left: 0; top: 5px;}
.whychooseus li a{text-decoration: none; color: #666;}
.whychooseus li a:hover{ color: rgb(53, 215, 53);}

.our-partner {padding:0 0 30px 0;margin: 0 -15px;}
.about-box { padding:0 0px; margin: 0 15px;}
.partner-slider .owl-dots {padding: 0; text-align: center;} 
.partner-slider .owl-dot span {width:15px; height:15px; border-radius:50%;background-color:#666;display:block; margin: 5px; }
.partner-slider .owl-dot.active span  {background-color: rgb(53, 215, 53) ;}
/* about us end */


/* conatct start */

.contact_wrapper {padding: 20px  0; margin: 0;}
.contact_wrapper iframe {width: 100%; height: 100%; border: 1px solid rgb(195, 190, 190);}
.contact_wrapper input  {width: 100%; max-width: 80%; margin: 8px 0; padding: 5px 10px;font-size: 14px;border: 1px solid gray;}
.contact_wrapper input:hover {border: 1px solid rgb(53, 215, 53);}
.contact_wrapper textarea {width: 100%;font-size: 14px; padding: 5px 10px; margin:8px 0;min-height: 150px;border: 1px solid gray;}
.contact_wrapper textarea:hover {border: 1px solid rgb(53, 215, 53);}
.send-email-btn{background-color: rgb(87, 86, 86); padding: 5px 15px;color: #fff; line-height: 30px; font-size: 14px;}
.send-email-btn:hover{ background-color: rgb(53, 215, 53);}

.contact_content {padding-top: 50px; margin: 0;}
.contact_content h3 {font-size: 14px; font-weight: 400; padding: 10px 0 ; margin: 0;}
.contact_content p {font-size: 13px;  padding: 0px 0 ; margin: 0; color: #666;}
.contact_wrapper h1{font-size: 18px; margin: 20px 0 20px 0;padding: 2px 0;border-bottom: 1px solid rgb(53, 215, 53); text-transform: uppercase;}

.contact_details_main{}
.contact_details_main ul{ list-style: none; margin: 0; padding: 0;}
.contact_details_main ul li{ display: block; position: relative; padding-left: 30px; padding-bottom: 10px;}
.contact_details_main ul li i{ position: absolute; top: 0; left: 0;color: #666;}
.contact_details_main ul li p{font-size: 13px;padding: 0px 0;margin: 0;	color: #666;}
.contact_details_main ul li p a{color: #666;}
.contact_details_main ul li p a:hover{color: rgb(53, 215, 53);}
.contact_details_main ul li h4{font-size: 13px;color: #666;padding: 0; margin: 0;font-weight: 600;}

/* conatct end */

.subcategory_main{ padding-top: 25px;}
.subcategory_main ul{ margin: 0px; padding: 0; list-style: none;}
.subcategory_main ul li{ margin: 0px; padding: 0; float: left; padding: 0 10px 10px 0;}
.subcategory_main ul li a{ border: 1px solid #ccc; display: block; padding: 10px; font-size: 15px;}
.subcategory_main ul li a:hover{ border: 1px solid rgb(53, 215, 53); color: rgb(53, 215, 53);}

.cartbuttons_main{ padding: 10px 0 0 0;}
.cartbuttons_main ul{ padding: 0px 0 0 0; margin: 0; list-style: none;}
.cartbuttons_main ul li{ padding: 0 0 15px 0;}
.cartbuttons_main ul li.pd_whatsapp a{ display: block; padding:10px 20px; color: #fff; border-radius: 10px;
background:linear-gradient(#00E676, green);}
.cartbuttons_main ul li.pd_email a{ display: block; padding:10px 10px;border-radius: 10px;
	background:linear-gradient(#00a0ff, #00446d);color: #fff;}
.cartbuttons_main ul li.pd_callus a{ display: block; padding:10px 10px; border-radius: 10px;
	background:linear-gradient(#79102e, #8b173e);color: #fff;}

.download_buttons_main{padding-top: 20px;}
.download_buttons_main ul{display: flex; margin: 0px; padding: 0; list-style: none;align-items: center;
	justify-content: center;}
.download_buttons_main ul li{padding: 10px;}
.download_buttons_main ul li a{ display: block; padding: 10px 30px; background: #f5f5f5; border: 1px solid #ccc; font-size: 14px; border-radius: 10px;}
.download_buttons_main ul li a:hover{border:1px solid rgb(53, 215, 53); color:rgb(53, 215, 53) ;}

.video_wrapper{ padding: 0 0 20px 0;}
.video_wrapper h3{ font-size: 22px; font-weight: 600;}
.video_wrapper iframe{ width: 100%; min-height: 300px;}

.brands_wrapper {padding: 20px 0;margin: 0;}
.brands_wrapper h1 {font-size: 18px;margin: 0 0 20px 0;	padding: 2px 0;border-bottom: 1px solid rgb(53, 215, 53); text-transform: uppercase;}
.brands_wrapper h2 {font-size: 18px;}
.pos_brand_logo ul{ list-style: none; margin: 0; padding: 0;}
.pos_brand_logo ul li{ list-style: none; margin: 0; padding: 0; width: 16.666%; float: left;}
.pos_brand_logo ul li img{ max-width: 100%; display: block;}

.cms_page_wrapper {padding: 20px 0; margin: 0; }
.cms_page_wrapper h1{font-size: 18px; margin: 20px 0 20px 0;padding: 2px 0;border-bottom: 1px solid rgb(53, 215, 53); text-transform: uppercase;}
.cms_page_wrapper h2 {padding: 5px 0; margin: 0;  font-size:16px;}
.cms_page_wrapper h3 {padding:0 0 10px 0; margin: 0; font-size:14px; font-weight: 400; color:#666; font-weight: bold;}
.cms_page_wrapper img {padding: 0 0 ;margin: 0; max-width: 100%; display: block; width: 100%;}
.cms_page_wrapper p {padding:0 0 20px 0; margin: 0; font-size: 14px; color: #666;}

.cms_page_wrapper ul{ list-style: none; padding: 0 0 20px 0; margin: 0;}
.cms_page_wrapper ul li{ list-style: none; padding: 2px 0; margin: 0; font-size: 14px; color: #666;}
.sitemap li{ display: inline-block; width: 33%;}
.sitemap li a{color: #666;}
.sitemap li a:hover{color:rgb(53, 215, 53);}

.shopping_box {padding: 10px 0 25px 0; margin: 0;  }
.shopping_box ul {list-style: none; display: flex; margin: 0 ; padding: 0;}
.shopping_box ul li {padding: 0 ;margin: 0;width: 25%;} 
.box-shop {border: 1px solid #ddd;padding: 0;margin: 0; min-height: 135px;}
.box-shop h2 {font-weight: 500; font-size: 14px; color: #fff; background-color: rgb(53, 215, 53); text-align: center;
padding: 10px 0; margin: 0;}
.box-shop p {font-size: 13px; color: #666;padding: 19px ; margin: 0;}

.whatsup_sticky{ position: fixed; right: 25px; bottom:25px;z-index: 9999;}
.whatsup_sticky a{background: green;border-radius: 30px;padding: 13px 10px 10px 10px;}
.whatsup_sticky a i{color: #fff;font-size: 26px;}

.social_sticky{ position: fixed; left: 0px; top:40%;z-index: 9999;}
.social_sticky ul{ list-style: none; margin: 0; padding: 0;}
.social_sticky ul li a.facebook{background: #3c599f;padding: 5px 8px; display: block;}
.social_sticky ul li a.facebook i{ color: #fff;}

.social_sticky ul li a.twitter{background: #5ea9dd;padding: 5px 8px; display: block;}
.social_sticky ul li a.twitter i{ color: #fff;}

.social_sticky ul li a.linkedin{background: #007bb6;padding: 5px 8px; display: block;}
.social_sticky ul li a.linkedin i{ color: #fff;}