body {
	font-family: mercenaryregular, arial;
	outline: 0;
	position: relative;
	font-size: 16px;
	text-rendering: optimizelegibility;
	word-wrap: break-word;
	font-smooth: always;
	letter-spacing: normal;
	font-weight: inherit;
	webkit-font-smoothing: antialiased;
	background-size: cover;
	color: #313131
}
@font-face {
	font-family: mercenaryblack;
	src: url(../fonts/mercenary-black-webfont.woff2) format('woff2'), url(../fonts/mercenary-black-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: mercenarybold;
	src: url(../fonts/mercenary-bold-webfont.woff2) format('woff2'), url(../fonts/mercenary-bold-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: mercenarymedium;
	src: url(../fonts/mercenary-medium-webfont.woff2) format('woff2'), url(../fonts/mercenary-medium-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: mercenarylight;
	src: url(../fonts/mercenary-light-webfont.woff2) format('woff2'), url(../fonts/mercenary-light-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: mercenaryregular;
	src: url(../fonts/mercenary-regular-webfont.woff2) format('woff2'), url(../fonts/mercenary-regular-webfont.woff) format('woff');
	font-weight: 400;
	font-style: norma;
	font-display: swap;
l
}
aside, div, footer, header, input, label, li, section, ul, ul li {
	box-sizing: border-box
}
h1, h2, h3 {
	font-family: mercenarybold;
	padding: 0;
	margin: 0
}
li, ul, ul li {
	list-style-type: none
}
ol, ul {
	padding: 0;
	margin: 0
}
a, a:active, a:focus, a:hover {
	text-decoration: none;
	outline: 0;
	transition: ease-in .3s
}
input:focus {
	outline: 0
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
.container {
	max-width: 1250px
}
.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #fff;
	z-index: 99999;
	display: block;
	text-align: center;
	display: table
}
.loader figure {
	display: table-cell;
	vertical-align: middle
}
.loader img {
	vertical-align: middle
}
.top_banner {
	width: 100%;
	float: left;
	position: relative
}
.top_banner img {
	width: 100%;
	height: 385px
}
.top_banner .carousel-caption {
	width: 460px;
	height: auto;
	left: 28%;
	top: 20%;
	text-align: center;
	text-shadow: none;
	color: #fff;
	text-align: center;
	letter-spacing: .5px;
	text-transform: uppercase
}
.top_banner .carousel-caption span {
	width: auto;
	background: #00acb2;
	color: #fff;
	font-size: 24px;
	font-family: mercenarybold;
	letter-spacing: 4px;
	padding: 5px 25px;
	margin: 0 0 10px;
	display: inline-block
}
.top_banner .carousel-caption label {
	width: 100%;
	color: #fff;
	font-size: 36px;
	font-family: mercenarybold;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	line-height: 36px;
	text-transform: none
}
.top_banner .carousel-caption p {
	font-size: 22px;
	line-height: 30px;
	margin: 10px 0 0;
	width: 100%;
	float: left;
	color: #fff;
	letter-spacing: 1px
}
.top_banner .carousel-caption a {
	width: auto;
	display: inline-block;
	border-radius: 30px;
	padding: 10px 25px;
	background: #0171b2;
	color: #fff;
	font-family: mercenarybold;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 15px 0 0
}
.top_banner .banner_text {
	-webkit-animation: banner_text .8s .8s;
	animation: banner_text .8s .8s;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
	-webkit-opacity: 0
}
@keyframes banner_text {
0% {
top:15%;
opacity:0
}
100% {
top:20%;
opacity:1
}
}
@-webkit-keyframes banner_text {
0% {
top:15%;
opacity:0
}
100% {
top:20%;
opacity:1
}
}
.top_banner .carousel-indicators {
	bottom: 10%
}
.top_banner .carousel-indicators li {
	cursor: pointer
}
header {
	width: 100%;
	float: left;
	color: #000;
	padding: 10px 0 0;
	background: #fff
}
header ul.call_email_top {
	width: 100%;
	float: left;
	text-align: right;
	margin: 10px 0 0
}
header ul.call_email_top li {
	width: auto;
	display: inline-block;
	padding: 0 10px;
	letter-spacing: .5px;
	position: relative
}
header ul.call_email_top li span {
	width: auto;
	float: left;
	margin: 0
}
header ul.call_email_top li span img {
	vertical-align: top
}
header ul.call_email_top li label {
	width: auto;
	float: left;
	margin: 0 0 0 5px
}
header ul.call_email_top li:last-child {
	padding-right: 0
}
header ul.call_email_top li a {
	color: #000;
	position: relative;
	z-index: 99;
	font-size: 18px
}
header ul.call_email_top li i {
	color: #00acb2
}
header .logo_area {
	width: 100%;
	float: left;
	padding: 0 0
}
header .logo_area img {
	max-width: 100%
}
nav {
	margin-top: 10px;
	width: 100%;
	float: left;
	font-family: mercenaryregular;
	height: auto;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 0 0 0;
	position: relative;
	background: #0171b2;
	color: #fff
}
nav ul {
	padding: 0;
	margin: 0 0 0;
	width: auto;
	float: left;
	text-align: left;
	letter-spacing: .5px;
	width: 100%
}
nav ul li {
	width: auto;
	float: left;
	position: relative;
	padding: 0 0
}
nav ul li a {
	width: auto;
	padding: 15px 20px;
	display: inline-block;
	color: #fff;
	transition: ease-in .3s;
	border-right: solid 1px #015a8e;
	line-height: 16px
}
nav ul li:last-child a {
	border: none
}
nav ul li:hover a {
	color: #fff;
	background: #00275f;
	border-radius: 0
}
nav ul li ul.drop1_list {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 999;
	width: 200px;
	top: 45px;
	box-shadow: 0 0 2px 0 #999;
	left: 0;
	transform: scale(1, .5);
	-webkit-transform: scale(1, .5);
	-moz-transform: scale(1, .5);
	transform-origin: top;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease
}
nav ul li ul.drop1_list li {
	display: inline; width: 100%; float: left;
	position: relative
}
nav ul li ul.drop1_list li:last-child a {
	border-bottom: 0 solid #ffefee
}
nav ul li ul.drop1_list li a {
	display: block;
	padding: 10px 15px;
	color: #000;
	text-transform: inherit;
	text-align: left;
	background-color: #fff;
	border-bottom: 1px solid #e5e6e7;
	border-radius: 0;
	font-size: 14px
}
nav ul li ul.drop1_list li:hover a {
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	background-color: #105d9e;
	color: #fff
}
nav ul li:hover ul.drop1_list {
	opacity: 1;
	visibility: visible;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1)
}
.hidden_now {
	display: none
}
.right_nav {
	width: auto;
	float: right;
	text-align: right;
	font-size: 12px;
	padding: 0;
	line-height: 18px
}
.right_nav li {
	position: relative;
	width: auto;
	display: inline-block;
	padding: 15px 5px 0
}
.right_nav li .circle_cart {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	border-radius: 50%;
	color: #000;
	top: 0;
	text-align: center;
	right: 0
}
.right_nav li a {
	padding: 15px 8px 10px
}
.right_nav li:hover a {
	background: 0 0!important
}
.mobile_nav {
	width: 100%;
	float: left;
	background: 0 0;
	border: solid 0 #fff;
	border-width: 0;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 0;
	cursor: pointer;
	display: none
}
.nav_right {
	left: 0;
	z-index: 500;
	background: #000032;
	-webkit-animation: menu .7s;
	animation: menu .7s;
	top: 46px;
	min-width: 320px
}
.search_area {
	width: 100%;
	text-align: center;
	padding: 16px 0;
	cursor: pointer
}
.hide_nav {
	display: none
}
@keyframes menu {
0% {
opacity:.6;
left:-320px
}
100% {
opacity:1;
left:0
}
}
@-webkit-keyframes menu {
0% {
opacity:.6;
left:-320px
}
100% {
opacity:1;
left:0
}
}
nav .cart_area {
	width: 100%;
	float: right;
	text-align: right;
	color: #000
}
nav .cart_area img {
	width: auto;
	margin-right: 5px
}
nav .cart_area ul {
	width: 100%;
	float: left;
	text-align: right
}
nav .cart_area ul li {
	width: auto;
	display: inline-block;
	padding: 0;
	border-right: solid 1px #015a8e;
	font-size: 16px;
	position: relative;
	float: none
}
nav .cart_area ul li:first-child {
	border-left: solid 1px #015a8e
}
nav .cart_area ul li a {
	display: inline-block;
	color: #000;
	position: relative;
	padding: 12px 15px;
	border: none
}
nav .cart_area ul li:nth-child(2) a {
	padding: 4px 10px!important
}
nav .cart_area .circle_part {
	position: absolute;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: #074d90;
	border-radius: 50%;
	color: #fff;
	top: 5px;
	text-align: center;
	right: 5px;
	font-size: 13px
}
nav .cart_area ul li a:hover {
	background: 0 0
}
.outer_area {
	width: 100%;
	float: left;
	background: #fff;
	padding: 20px 0
}
.outer_area .container {
	width: 100%;
	max-width: 1250px
}
.intro_text {
	width: 100%;
	float: left;
	padding: 0 0
}
.intro_text .h1_top {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 32px;
	text-transform: none;
	font-family: mercenarybold;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 0;
	color: #0171b2
}
.intro_text .h1_top h1 {
	font-size: 32px;
	display: inline;
	text-transform: none;
	letter-spacing: 1px;
	margin: 0 0 0;
	padding: 0;
	color: #0171b2
}
.intro_text h4 {
	text-align: center;
	font-size: 24px
}
.intro_text p {
	width: 100%;
	font-size: 18px;
	color: #121212;
	line-height: 27px;
	letter-spacing: .5px;
	text-align: left
}
.main_product_area {
	width: 100%;
	float: left;
	padding: 0 0 0
}
.product_list_area {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch
}
.product_list_area li {
	flex: 0 0 25%;
	background: #fff;
	position: relative;
	overflow: hidden;
	margin: 10px 0;
	border-right: solid 1px #f1f1f1;
	border-radius: 2px;
	transition: ease-in .3s;
	padding: 0 15px
}
.product_list_area li:last-child {
	border: none
}
.product_list_area li figure {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	vertical-align: middle;
	text-align: center;
	line-height: 170px;
	position: relative
}
.product_list_area li figure img {
	max-width: 100%;
	width: auto!important;
	display: inline-block!important;
	max-height: 150px
}
.product_list_area li .pro_dtls_home {
	width: 100%;
	float: left;
	padding: 0 6px 6px
}
.product_list_area li h2, .product_list_area li h4 {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #0171b2;
	letter-spacing: .5px;
	padding: 0;
	margin: 0 0 10px;
	text-align: center;
	font-family: mercenarybold;
	text-transform: none;
	line-height: 24px
}
.product_list_area li h2 {
	min-height: 48px;
}
.product_list_area li h2 a {
	color: #0171b2;
}
.product_list_area li p {
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	min-height: 200px;
	margin: 0 0 10px;
	letter-spacing: .6px
}
.product_list_area li .buynowhere {
	width: 100%;
	float: left;
	margin: 5px 0;
	position: relative
}
.product_list_area li .buynowhere .star_field {
	width: auto;
	position: absolute;
	top: 7px;
	right: 30px;
	color: red;
	font-size: 18px
}
.product_list_area li .buynowhere select {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background: #fff url(../images/select_arrow.png) no-repeat right 10px top 15px;
	box-sizing: border-box;
	border: none;
	font-size: 15px;
	letter-spacing: .5px;
	border: solid 1px #d7d7d7;
	border-radius: 5px
}
.product_list_area li:nth-child(3) .buynowhere select option:nth-child(4) {
	font-family: mercenarymedium;
	font-size: 16px;
	background: #2e4190;
	color: #fff
}
.product_list_area li .btn_area {
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0 0
}
.product_list_area li .btn_area a {
	width: auto;
	display: inline-block;
	background: #0171b2;
	padding: 0 25px;
	border-radius: 40px;
	text-transform: uppercase;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-family: mercenarybold;
	font-size: 16px;
	letter-spacing: 1px
}
.product_list_area li .btn_area a:hover {
	background: #00275f
}
.offer_bg {
	width: 100%;
	float: left;
	background: #0484cf;
	min-height: 86px;
	padding: 0;
	position: relative;
	margin: 0 0
}
.offer_bg .offer_head {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	border: dashed 1px #fff;
	border-width: 0 2px;
	float: left;
	position: relative
}
.cysor_area {
	position: absolute;
	right: -25px;
	bottom: 45px
}
.offer_bg .offer_head figure {
	width: 100%;
	float: left;
	margin: 0 0 5px
}
.offer_bg .offer_head h3 {
	color: #fff;
	font-size: 24px;
	font-family: mercenaryregular;
	letter-spacing: 5px;
	text-transform: uppercase;
	width: 100%;
	float: left;
	line-height: 36px
}
.offer_bg .offer_head h3 span {
	font-size: 45px;
	font-weight: 700;
	font-family: mercenarybold;
	display: block
}
.offer_bg .offer_area {
	width: 100%;
	float: left;
	text-align: center;
	padding: 25px 15px;
	text-align: left
}
.offer_bg .offer_area h4 {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	margin: 0 0 5px
}
.offer_bg .offer_area h3 {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 26px;
	text-transform: none;
	letter-spacing: .5px;
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 36px;
	margin: 0 0 15px
}
.offer_bg .offer_area button {
	width: auto;
	padding: 0 35px;
	height: 50px;
	text-transform: uppercase;
	border-radius: 25px;
	background: #fff;
	color: #0484cf;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .5px;
	border: none;
	transition: ease-in .3s;
	font-family: mercenarybold
}
.offer_bg .offer_area button:hover {
	background: #000032;
	color: #fff
}
.offer_bg .carousel-control-prev {
	width: 30px;
	height: 86px;
	right: 30px;
	top: 45px;
	left: inherit;
	opacity: 1
}
.offer_bg .carousel-control-next {
	width: 30px;
	height: 86px;
	right: 0;
	top: 45px;
	left: inherit;
	opacity: 1
}
.benefit_auk {
	width: 100%;
	float: left;
	padding: 50px 0 20px
}
.benefit_auk h2 {
	width: 100%;
	float: left;
	text-align: center;
	color: #0484cf;
	margin: 0 0 0
}
.benefit_auk ul.benefit_box {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin: 25px 0
}
.benefit_auk ul.benefit_box li {
	flex: 0 0 25%;
	padding: 15px;
	color: #fff;
	text-align: center;
	background: #2a9cdb
}
.benefit_auk ul.benefit_box li:nth-child(2) {
	background: #0484cf
}
.benefit_auk ul.benefit_box li:nth-child(3) {
	background: #0474b4
}
.benefit_auk ul.benefit_box li:nth-child(4) {
	background: #036298
}
.benefit_auk ul.benefit_box li figure {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	line-height: 70px
}
.benefit_auk ul.benefit_box li h3 {
	width: 100%;
	float: left;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: mercenarymedium;
	line-height: 20px;
	margin: 0 0 20px
}
.benefit_auk ul.benefit_box li p {
	width: 100%;
	float: left;
	margin: 0 0 50px;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: .7px
}
.benefit_auk .box_1 {
	width: 100%;
	float: left;
	border: solid 1px #f1f1f1;
	padding: 20px;
	margin: 10px 0 25px
}
.benefit_auk .box_1 h3 {
	width: 100%;
	float: left;
	font-size: 24px;
	letter-spacing: 1px;
	font-family: mercenarymedium;
	color: #2272f2;
	margin: 0 0 10px
}
.benefit_auk .box_1 p {
	padding: 0;
	margin: 0 0 15px;
	width: 100%;
	text-align: justify;
	float: left;
	font-size: 18px;
	line-height: 27px
}
.benefit_auk .box_1 ul {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	margin: 10px 0;
	padding: 0
}
.benefit_auk .box_1 ul li {
	width: 100%;
	float: left;
	background: url(../images/li_img.png) no-repeat left top 10px;
	padding: 3px 0 3px 15px
}
.top_infographic {
	width: 100%;
	float: left;
	background: #0484cf
}
.top_info {
	width: 100%;
	float: left;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch
}
.top_info li {
	flex: 0 0 25%;
	text-align: center;
	display: inline-block;
	border-right: solid 1px #2c8ec8;
	padding: 15px 20px;
	width: 24%
}
.top_info li figure {
	width: 55px;
	height: 55px;
	line-height: 48px;
	border-radius: 50%;
	background: 0 0;
	border: solid 1px #fff;
	display: inline-block;
	margin: 0 0 10px
}
.top_info li figure img {
	max-height: 24px;
	display: inline-block;
	vertical-align: middle
}
.top_info li:last-child {
	border: none
}
.top_info li h3 {
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase
}
.top_info li p {
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	float: left;
	padding: 0 0;
	display: block;
	min-height: 40px;
	font-weight: 400;
	color: #fff;
	margin: 0
}
.about_content {
	width: 100%;
	float: left;
	padding: 20px 0 20px
}
.about_content h2, .about_content h3 {
	font-size: 24px;
	color: #0484cf !important;
	padding: 20px 0 5px;
	font-weight: 700;
	letter-spacing: .5px;
	width: 100%;
	float: left;
	text-transform: none;
	font-family: mercenaryregular;
	letter-spacing: 1px
}
.about_content h5 {
	width: 100%;
	font-size: 18px;
	border-bottom: solid 1px #f1f1f1;
	color: #000;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 10px 20px 10px 0;
	cursor: pointer;
	background: url(../images/minus.png) no-repeat right top 12px
}
.about_content p {
	font-size: 18px;
	letter-spacing: .5px;
	line-height: 27px;
	text-align: justify;
	padding: 0 0 0;
	color: #000;
	margin: 0 0 15px;
	width: 100%;
	float: left
}
.about_content ul {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0
}
.about_content ul li {
	width: 100%;
	float: left;
	background: url(../images/li_img.png) no-repeat left top 14px;
	padding: 7px 0 7px 20px
}
.about_content .homepage_tbl {
	width: 100%;
	float: left
}
.about_content .homepage_tbl table {
	width: 100%;
	float: left
}
.about_content .homepage_tbl .table th {
	background: #0484cf;
	color: #fff;
	font-size: 16px;
	letter-spacing: .5px;
	font-family: mercenarymedium;
	font-weight: inherit;
	text-transform: uppercase
}
footer {
	width: 100%;
	float: left;
	background: #000032;
	padding: 30px 0 0 0;
	color: #333
}
footer h3 {
	width: 100%;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 0;
	color: #fff;
	text-align: left
}
footer .payment_area {
	width: 100%;
	float: left;
	margin: 5px 0 0
}
footer .payment_area h3 {
	width: auto;
	float: left;
	line-height: 30px;
	margin: 0 5px 0 0
}
footer h3 img {
	vertical-align: middle
}
footer .address_detials {
	width: 100%;
	float: left;
	color: #fff;
	background: #00003f;
	border: solid 1px #d7d7d7;
	border-radius: 5px
}
footer .address_detials ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 20px
}
footer .address_detials ul li {
	width: auto;
	float: left;
	padding: 15px 20px;
	margin: 0;
	list-style: none;
	line-height: 16px;
	font-size: 15px;
	color: #c4c4cb
}
footer .address_detials ul li a {
	font-size: 15px;
	color: #ccccd2
}
footer .address_detials ul li i {
	font-size: 20px;
	display: inline-block;
	width: 25px;
	float: left;
	vertical-align: middle
}
footer .address_detials ul li span {
	width: calc(100% - 25px);
	float: left
}
footer .address_detials p {
	color: #00acb2
}
footer .resource {
	width: 100%;
	float: left;
	height: auto;
	padding: 15px 0 10px
}
footer .resource li {
	width: auto;
	float: left;
	letter-spacing: .5px;
	font-size: 15px
}
footer .resource li a {
	color: #fff;
	width: 100%;
	display: inline-block;
	padding: 0 20px;
	transition: ease-in .3s;
	border-right: solid 2px #fff;
	line-height: 16px
}
footer .resource li:first-child a {
	padding-left: 0
}
footer .resource li:last-child a {
	border: none
}
footer .resource li a:hover {
	color: #fff
}
footer .top_icons {
	width: 100%;
	float: left;
	margin: 0 0
}
footer .top_icons img {
	vertical-align: middle;
	margin: 0 5px
}
footer .social_media {
	width: 100%;
	float: left;
	margin: 10px 0
}
footer .social_media h3 {
	width: auto;
	float: left;
	line-height: 45px;
	margin: 0 15px 0 0
}
ul.social-icon {
	width: auto;
	float: left;
	text-align: left;
	margin: 0 0 0
}
ul.social-icon li {
	width: auto;
	display: inline-block;
	margin: 0 6px 0 0
}
ul.social-icon li a {
	padding: 5px 5px;
	text-align: center;
	margin: 0 auto;
	display: block;
	line-height: 34px;
	color: #fff;
	vertical-align: middle;
	transition: .3s;
	font-size: 22px
}
ul.social-icon li a:hover {
	color: #fff
}
footer .last_footer {
	color: #fff;
	padding-top: 10px;
	color: #fff
}
footer .last_footer p {
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 18px
}
footer .last_footer ul {
	text-align: right;
	padding: 5px 0 0;
	font-size: 14px
}
footer .last_footer ul li {
	width: auto;
	display: inline-block;
	padding: 0 10px;
	border-right: solid 1px #c4c4cb;
	line-height: 16px
}
footer .last_footer ul li:last-child {
	padding-right: 0;
	border: none
}
footer .last_footer ul li a {
	display: inline-block;
	transition: ease-in .3s;
	color: #c4c4cb;
	padding: 0;
	margin: 0
}
footer .last_footer ul li a:hover {
	color: #fff
}
.scrollup {
	display: none;
	position: fixed;
	bottom: 4em;
	right: 15px;
	width: 47px;
	height: 47px;
	background: url(../images/back-top-btn.png);
	text-indent: -999999px;
	transition: ease-in .3s all;
	z-index: 999
}
.scrollup:hover {
	background-position: left bottom
}
.inner_page_area {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 0 30px
}
.inner_page_area h1 {
	width: 100%;
	float: left;
	font-size: 28px;
	color: #00275f;
	text-transform: none;
	letter-spacing: .5px;
	margin: 0 0 10px
}
.inner_page_area h2 {
	width: 100%;
	float: left;
	font-size: 22px;
	color: #00275f;
	text-transform: none;
	letter-spacing: .5px;
	margin: 0 0 10px
}
.inner_page_area {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 0 40px
}
.inner_page_area .breadcrumb {
	width: 100%;
	float: left;
	background: 0 0;
	border-bottom: solid 1px #ccc;
	border-radius: 0;
	padding: 15px 0;
	margin: 0 0 30px
}
.inner_page_area .breadcrumb li {
	width: auto;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	color: #2086c1;
	font-weight: 500;
	position: relative;
	letter-spacing: .5px;
	font-size: 18px
}
.inner_page_area .breadcrumb li a {
	color: #000;
	position: relative;
	font-size: 18px
}
.inner_page_area .breadcrumb li::after {
	contain: ">";
	position: absolute
}
.product_main_area {
	width: 100%;
	float: left
}
.product_main_area figure {
	width: 40%;
	float: left;
	border: solid 1px #f1f1f1;
	text-align: center;
	padding: 15px;
	margin: 0
}
.product_main_area figure img {
	max-width: 90%
}
.product_main_area .txt_area {
	width: 60%;
	float: left;
	padding: 0 0 0 20px
}
.product_main_area .txt_area p {
	width: 100%;
	float: left;
	text-align: justify;
	font-size: 17px;
	letter-spacing: .75px;
	line-height: 26px;
	margin: 0
}
.prodct_table_main {
	width: 100%;
	float: left;
	padding: 25px 0 0
}
.prodct_table_main table {
	width: 100%;
	float: left
}
.prodct_table_main table tr th {
	background: #0171b2;
	color: #fff;
	font-family: mercenarybold;
	font-weight: inherit;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px
}
.prodct_table_main table tr td {
	font-size: 16px;
	vertical-align: middle
}
.prodct_table_main table tr td button {
	width: auto;
	display: inline-block;
	border: none;
	background: #232176;
	color: #fff;
	border-radius: 3px;
	padding: 3px 10px;
	cursor: pointer;
	transition: ease-in .3s
}
.prodct_table_main table tr td button:hover {
	background: #0171b2
}
.product_other_info {
	width: 100%;
	float: left
}
.product_other_info h2, .product_other_info h3 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 15px 0 5px;
	font-size: 22px;
	color: #232176;
	font-family: mercenarymedium
}
.product_other_info p {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 10px;
	text-align: justify
}
.product_other_info ul {
	width: 100%;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 10px
}
.product_other_info ul li {
	width: 100%;
	float: left;
	list-style-type: disc;
	font-size: 16px;
	line-height: 24px;
	padding: 2px 0
}
.about_us_area {
	width: 100%;
	float: left;
	margin: 0 0
}
.about_us_area p {
	width: 100%;
	float: left;
	text-align: justify;
	margin: 0 0 30px
}
.about_category {
	width: 100%;
	float: left;
	margin: 0 0;
	border: solid 1px #00acb2;
	padding: 15px;
	min-height: 325px
}
.about_category h2 {
	font-size: 22px;
	color: #232176;
	margin: 5px 0 5px
}
.about_category p {
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	letter-spacing: .5px;
	text-align: justify;
	margin: 0 0 15px 0
}
.about_category a {
	width: auto;
	display: inline-block;
	margin: 15px 0 10px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 3px;
	border: solid 1px #105d9e;
	color: #105d9e;
	font-size: 16px
}
.about_delivery {
	width: 100%;
	float: left;
	margin: 0 0;
	border: solid 1px #00acb2;
	padding: 15px;
	margin: 15px 0
}
.about_delivery h2 {
	font-size: 22px;
	color: #232176;
	margin: 5px 0 5px
}
.about_delivery p {
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	letter-spacing: .5px;
	text-align: justify;
	margin: 0 0 15px 0
}
.shopping_cart_area {
	width: 100%;
	float: left;
	color: #000
}
.shopping_cart_area .left_cart {
	width: 70%;
	float: left
}
.shopping_cart_area .cart_img {
	max-height: 70px
}
.shopping_cart_area .quantity span {
	width: auto;
	height: 30px;
	background: #0171b2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	vertical-align: top
}
.shopping_cart_area .quantity .input_qty {
	width: 40px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	border: solid 1px #ccc
}
.table h4 {
	font-size: 18px
}
.shopping_cart_area .action {
	width: auto;
	font-size: 16px
}
.shopping_cart_area .action a {
	color: #333;
	border: solid 1px #ccc;
	padding: 8px 15px;
	border-radius: 5px;
	margin: 5px 0 0;
	display: inline-block
}
.shopping_cart_area .action a:hover {
	color: #0171b2;
	border: solid 1px #0171b2
}
.shopping_cart_area .table-bordered thead th {
	text-align: center;
	background: #0171b2;
	color: #fff;
	font-weight: inherit;
	font-size: 16px
}
.shopping_cart_area .table-bordered tr td {
	vertical-align: middle
}
.shopping_cart_area .coupon_code {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	border: dashed 1px #333;
	padding: 10px 20px
}
.shopping_cart_area .coupon_code label {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase
}
.shopping_cart_area .coupon_code input {
	width: 280px;
	padding: 0 20px;
	height: 40px;
	text-align: left;
	border-radius: 25px;
	appearance: none;
	-moz-appearance: none;
	border: solid 1px #ccc
}
.shopping_cart_area .coupon_code button {
	background: #0171b2;
	color: #fff;
	border-radius: 3px;
	border: none;
	padding: 7px 15px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
	margin: 0 8px
}
.shopping_cart_area .right_checkout {
	width: 30%;
	float: left
}
.shopping_cart_area .right_checkout .checkout_area {
	width: 100%;
	float: left;
	padding: 0 20px
}
.right_side_checkout .btn_checkout {
	background: #232176;
	color: #fff;
	border-radius: 25px;
	border: none;
	font-size: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-weight: 900;
	cursor: pointer;
	margin: 10px 0;
	width: 100%;
	height: 50px
}
.right_side_checkout .btn_checkout:hover {
	background: #0171b2;
	transition: ease-in .3s
}
.right_side_checkout .btn_shopping {
	background: #fff;
	color: #0171b2;
	border-radius: 25px;
	border: solid 1px #0171b2;
	font-size: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-weight: 900;
	cursor: pointer;
	margin: 10px 0;
	width: 100%;
	height: 50px
}
.right_side_checkout .btn_shopping:hover {
	background: #0171b2;
	color: #fff;
	transition: ease-in .3s
}
.checkout_details {
	width: 100%;
	float: left;
	border: solid 1px #f1f1f1;
	font-size: 14px;
	color: #000
}
.checkout_details h3 {
	width: 100%;
	float: left;
	background: #0171b2;
	color: #fff;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase
}
.checkout_details ul {
	width: 100%;
	float: left;
	padding: 10px 15px
}
.checkout_details ul li {
	width: 50%;
	float: left;
	margin: 10px 0;
	position: relative
}
.checkout_details ul li .form-control {
	width: 96%;
	height: 45px;
	border-radius: 0;
	font-size: 15px
}
.checkout_details ul li select {
	background: url(../images/select_arrow.png) no-repeat right 10px top 20px #fff;
	height: 45px!important
}
.checkout_details ul li label.error {
	font-weight: 700;
	color: red;
	position: absolute;
	right: 10px;
	top: 5px;
	width: auto
}
.checkout_details label {
	width: 100%;
	float: left;
	padding: 5px 15px;
	font-size: 14px;
	color: #000
}
.checkout_details .sbmt_area {
	width: 100%;
	float: left;
	padding: 0 15px 15px
}
.checkout_details .sbmt_area button {
	background: #0171b2;
	color: #fff;
	border-radius: 22px;
	border: none;
	font-size: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-weight: 900;
	cursor: pointer;
	margin: 10px 0;
	width: auto;
	padding: 0 40px;
	height: 43px
}
.checkout_details .sbmt_area button:hover {
	background: #0171b2;
	transition: ease-in .3s
}
.payment_details {
	width: 100%;
	float: left;
	border: solid 1px #f1f1f1;
	font-size: 14px;
	color: #000;
	margin: 20px 0
}
.payment_details h3 {
	width: 100%;
	float: left;
	background: #0171b2;
	color: #fff;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase
}
.payment_opt {
	text-align: center;
	padding: 10px 15px;
	width: 100%;
	float: left
}
.payment_opt ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center
}
.payment_opt ul li {
	flex: 0 0 23.5%;
	vertical-align: top;
	float: none;
	height: auto;
	border: #ccc 1px solid;
	padding: 10px 5px;
	text-align: center;
	cursor: pointer;
	margin: 5px;
	min-width: auto;
	text-align: left;
	background: #fff
}
.payment_opt ul li figure {
	max-width: 25%;
	width: 60px;
	float: left;
	height: auto
}
.payment_opt ul li figcaption {
	width: 75%;
	float: left;
	height: auto;
	padding: 0 0 0 10px
}
.payment_opt ul li figure img {
	display: inline-block;
	float: left;
	max-width: 100%;
	height: auto
}
.payment_opt ul li figcaption h4 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	padding-top: 0 0 5px;
	width: 100%;
	float: left
}
.payment_opt ul li figcaption span {
	font-size: 12px;
	color: red;
	font-weight: 600;
	line-height: 14px;
	display: inline-block;
	min-height: 25px
}
.card_details_main {
	width: 100%;
	float: left;
	margin: 0 0 25px;
	padding: 0 15px;
	background: #fff;
	border: solid 0 #ccc;
	text-align: left
}
.card_details_main h2 {
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: solid 1px #ccc;
	padding: 10px 0;
	margin: 0 0 15px
}
.card_details_main p {
	width: 100%;
	float: left;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}
.card_details_main .main_div {
	width: 100%;
	float: left
}
.card_details_main .main_div .left_side {
	width: 20%;
	float: left;
	font-size: 14px;
	font-weight: 700;
	padding: 13px 0 0;
	font-family: mercenarybold
}
.card_details_main .main_div .right_side {
	width: 80%;
	float: left
}
.card_details_main .check_first .form-control {
	margin: 7px 0;
	background: 0 0;
	border: solid 1px #ccc;
	padding: 0 10px;
	height: 40px;
	width: 100%
}
.card_details_main .check_first .card_width {
	width: 100%!important;
	float: left
}
.card_details_main .check_first .card_width .form-control {
	border: solid 1px #ccc;
	border-width: 1px
}
.card_details_main .check_first .card_width li {
	width: 88%;
	float: left;
	height: auto;
	list-style: none;
	padding: 0 5px;
	border: none
}
.card_details_main .check_first .card_width li:first-child {
	padding-left: 0
}
.card_details_main .check_first .card_width li:last-child {
	width: 12%
}
.card_details_main .check_first figure {
	width: 100%;
	float: left;
	line-height: 42px
}
.card_details_main .check_first figure img {
	max-width: 100%;
	max-height: 30px
}
.card_details_main .check_first small {
	font-size: 11px
}
.card_details_main .card_dtls {
	width: 100%;
	float: left
}
.card_details_main .card_dtls li {
	width: 40%;
	float: left;
	padding: 0 15px 0 0
}
.card_details_main .card_dtls li label {
	padding: 0;
	margin: 10px 0 0;
	font-weight: 700
}
.card_details_main .card_dtls li select {
	background: url(../images/select_arrow.png) no-repeat right 10px top 20px #fff!important;
	height: 40px!important
}
.pay_card {
	width: 100%;
	float: left;
	color: #fff
}
.pay_card li {
	width: 100%;
	float: left;
	border-bottom: solid 1px #333;
	color: #fff;
	cursor: pointer;
	padding: 5px 0;
	text-transform: uppercase
}
.pay_card li:last-child {
	border: none
}
.pay_card li img {
	max-height: 30px;
	margin-right: 5px
}
.process_btn button {
	background: #232176;
	border: none;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 26px;
	border-radius: 4px;
	transition: .5s;
	cursor: pointer;
	margin: 15px 0 0;
	font-family: mercenarybold;
	text-transform: uppercase
}
.process_btn button:hover {
	background: #0171b2;
	transition: .5s
}
.check_right {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 0 20px;
	color: #000
}
.my_cart table {
	background: #fff;
	margin-bottom: 0;
	border: #e4e2e2 1px solid;
	margin-bottom: 10px
}
.my_cart table th {
	background: #0171b2;
	text-align: center;
	color: #fff;
	padding: 10px!important;
	font-size: 16px;
	font-weight: inherit
}
.my_cart table td {
	text-align: center;
	font-size: 15px;
	padding: 16px 14px!important
}
.my_cart table td.active, .my_cart table th.active {
	text-align: left
}
.my_cart table td i {
	color: #f23b3b;
	cursor: pointer
}
.cart-quantity {
	text-align: center;
	width: 90px;
	margin: auto;
	color: #404040
}
.cart-quantity span {
	float: left;
	border: #ccc 1px solid;
	border-radius: 2px;
	width: 28px;
	height: 28px;
	line-height: 26px;
	font-weight: 600
}
.cart-quantity span:first-child {
	border-right: none;
	cursor: pointer
}
.cart-quantity span:last-child {
	border-left: none;
	cursor: pointer
}
.contact_us_page {
	width: 100%;
	float: left;
	background: #e2e2e2
}
.contact_form {
	width: 100%;
	float: left;
	background: #fff
}
.contact_form figure {
	width: 50%;
	float: left;
	margin: 0
}
.contact_form figure img {
	width: 100%;
	height: auto;
	max-height: 620px;
	object-fit: cover;
}
.contact_form ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
.contact_form ul li {
	width: 100%;
	float: left;
	margin: 7px 0;
	position: relative
}
.contact_form ul li input {
	width: 100%;
	height: 45px;
	padding: 0 10px;
	border: solid 1px #ccc
}
.contact_form ul li textarea {
	width: 100%;
	height: 80px;
	padding: 10px;
	border: solid 1px #ccc
}
.contact_form ul li label {
	font-weight: 700
}
.contact_form ul li label.error {
	color: red;
	position: absolute;
	right: 10px;
	top: 10px
}
.contact_form ul li:last-child {
	width: 100%
}
.contact_form .sbmt_btn {
	width: auto;
	display: inline-block;
	float: left;
	margin: 10px 0 10px;
	border-radius: 3px;
	border: solid 1px #fff;
	background: #232176;
	text-transform: uppercase;
	font-weight: 700;
	padding: 12px 15px;
	color: #fff;
	cursor: pointer
}
.contact_form .sbmt_btn:hover {
	background: #0171b2
}
.contact_area {
	width: 100%;
	float: left;
	height: auto;
	background: #fff;
	margin: 15px 0
}
.contact_area .address_area {
	width: 100%;
	float: left;
	height: auto
}
.contact_area .address_area li {
	width: 33%;
	float: left;
	height: auto;
	list-style: none;
	margin: 0 0;
	border-right: solid 1px #ccc;
	padding: 15px;
	min-height: 90px
}
.contact_area .address_area li:last-child {
	border: none
}
.contact_area .address_area figure {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	float: left;
	text-align: center;
	background: #00275f;
	line-height: 55px;
	margin: 0;
	padding: 0
}
.contact_area p {
	text-align: left
}
.contact_area .address_area figure i {
	color: #fff;
	font-size: 22px
}
.contact_area .address_area figure img {
	display: inline-block;
	max-height: 20px
}
.contact_area .address_area .details {
	width: calc(100% - 50px);
	float: left;
	padding: 0 15px;
	box-sizing: border-box
}
.contact_area .address_area .details h3 {
	width: 100%;
	float: left;
	padding: 0;
	font-size: 16px;
	margin: 0;
	color: #232176;
	font-family: mercenaryregular
}
.contact_area .address_area .details p {
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: mercenarybold;
	line-height: 20px
}
.contact_form .contact_area {
	width: 50%;
	padding: 20px 20px 0
}
.faq_area {
	width: 100%;
	float: left;
	margin: 10px 0 0;
	border-top: solid 0 #f1f1f1
}
.faq_area #accordion {
	width: 100%;
	float: left
}
.faq_area h2 span {
	color: #41941e
}
.faq_area h3 {
	width: 100%;
	font-size: 20px;
	border-bottom: solid 0 #f1f1f1;
	color: #0171b2;
	letter-spacing: .5px;
	padding: 0;
	font-family: mercenarymedium;
	font-weight: inherit;
	position: relative
}
.faq_area p {
	font-size: 18px;
	letter-spacing: .5px;
	line-height: 27px;
	text-align: justify;
	border-bottom: solid 0 #f1f1f1;
	padding: 0 0 15px;
	color: #000
}
.cust_reviews_area {
	width: 100%;
	float: left
}
.cust_reviews_area ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
.cust_reviews_area ul li {
	width: 100%;
	float: left;
	border: solid 1px #f1f1f1;
	padding: 15px;
	border-radius: 3px;
	margin: 10px 0
}
.cust_reviews_area ul li p {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
.cust_reviews_area ul li span {
	width: 100%;
	float: left;
	color: #ffb500;
	margin: 10px 0 5px
}
.cust_reviews_area ul li h4 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-family: mercenarymedium
}
.content_page {
	width: 100%;
	float: left
}
.content_page h2, .content_page h3 {
	width: 100%;
	float: left;
	margin: 10px 0 5px 0;
	font-size: 20px;
	font-family: mercenarymedium;
	color: #0484cf;
	padding: 0;
	letter-spacing: .5px;
	font-weight: 400
}
.content_page p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	letter-spacing: .5px;
	text-align: justify;
	margin: 0 0 10px 0;
	letter-spacing: .5px
}
.content_page ul {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	letter-spacing: .5px
}
.content_page ul li {
	width: 100%;
	float: left;
	background: url(../images/li_img.png) no-repeat left top 14px;
	padding: 7px 0 7px 20px
}
.empty_cart {
	width: 100%;
	float: left;
	padding: 40px 0 60px;
	text-align: center
}
.empty_cart h3 {
	font-size: 22px
}
.empty_cart a {
	width: auto;
	display: inline-block;
	padding: 12px 25px;
	border: solid 1px #0171b2;
	border-radius: 25px;
	color: #0171b2;
	margin: 15px 0 0
}
.empty_cart a:hover {
	background: #0171b2;
	color: #fff
}
.sitemap_page {
	width: 100%;
	float: left;
	margin: 10px 0 0;
	min-height: auto
}
.sitemap_page li {
	width: 50%;
	float: left;
	color: #000;
	padding: 10px 0
}
.sitemap_page li a {
	color: #000
}
.blog_area {
	width: 100%;
	float: left
}
.blog_area h1 {
	width: 100%;
	float: left;
	padding: 0 10px 15px
}
.blog_area ul.main_blog_list {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between
}
.blog_area ul.main_blog_list li.list_blg {
	flex: 0 0 32%;
	margin: 0 0 20px;
	border: solid 0 #f1f1f1;
	padding: 0;
	list-style: none;
	background-image: none;
	color: #fff;
	border-radius: 15px;
	background: #00275f;
	overflow: hidden
}
.blog_area ul.main_blog_list li.list_blg .date_admin li a {
	color: #fff
}
.blog_area li .more_dtls {
	width: 100%;
	float: left;
	padding: 10px
}
.blog_area li h2 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 5px 0 5px;
	font-size: 16px!important;
	color: #fff;
	font-weight: 400;
	letter-spacing: .5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 20px;
	line-height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.blog_area li figure a, .blog_area li h2 a {
	color: #fff;
	background: 0 0;
	padding: 0;
	border-radius: 0;
	margin: 0
}
.blog_area li figure {
	width: 100%;
	float: left;
	margin: 0 0 0;
	overflow: hidden
}
.blog_area li figure img {
	width: 100%;
	height: auto;
	max-height: 155px;
	min-height: 140px;
	transition: ease-in .3s
}
.blog_area li:hover img {
	transform: scale(1.1)
}
.blog_area li p {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	letter-spacing: .5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 45px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0 0 5px
}
.blog_area li a.read_more {
	width: auto;
	display: inline-block;
	padding: 5px 15px;
	color: #00275f;
	margin: 2px 0 0;
	transition: ease-in .3s;
	font-weight: 700;
	font-size: 15px;
	background: #fff;
	border-radius: 5px
}
.blog_area li a.read_more:hover {
	color: #0484cf
}
.blog_area li::after {
	display: none
}
.blog-pagination {
	width: 100%;
	float: left;
	text-align: left;
	margin: 10px 0;
	padding: 0 10px
}
.blog-pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block
}
.blog-pagination ul li {
	display: inline-block;
	text-align: center;
	background: #313470;
	margin: 1px;
	padding: 3px 10px;
	line-height: 20px;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	width: auto;
	float: left
}
.blog_img, .desc-img {
	width: 100%;
	float: left;
	text-align: center
}
.blog-pagination ul li.current-page, .blog-pagination ul li:hover {
	background: #018aa0
}
.blog_details_area {
	width: 100%;
	float: left;
	margin: 0 0 20px
}
.blog_details_area h1 {
	width: 100%;
	float: left;
	font-size: 28px;
	color: #00275f;
	letter-spacing: .5px;
	margin: 0 0 8px
}
.blog_details_area figure {
	width: 100%;
	float: left;
	margin: 0 0 10px
}
.blog_details_area figure img {
	width: 100%;
	height: 335px
}
.blog_details_area h2, .blog_details_area h3, .blog_details_area h4, .blog_details_area h5, .blog_details_area h6 {
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	padding: 0;
	color: #0484cf;
	margin: 15px 0 5px;
	width: 100%;
	float: left;
	letter-spacing: .5px;
	font-family: mercenarybold
}
.blog_content p {
	color: #000;
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	float: left;
	letter-spacing: .5px;
	text-align: justify;
	margin: 0 0 15px;
	text-align: left
}
.blog_content ol, .blog_content ul {
	width: 100%;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 10px
}
.blog_content ol li, .blog_content ul li {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	float: left;
	letter-spacing: .5px;
	list-style-type: circle;
	margin: 7px 0;
	color: #000;
	text-align: left
}
.blog_content ol li a, .blog_content p a, .blog_content ul li a {
	font-family: mercenarybold;
	color: #0171b2
}
.date_admin {
	width: 100%;
	float: left;
	margin: 0 0 10px
}
.date_admin li {
	border: none;
	width: auto;
	padding: 0;
	margin: 0 25px 0 0!important;
	font-size: 13px;
	float: left;
	list-style: none;
	border-radius: 0
}
.date_admin li i {
	font-size: 16px;
	margin: 0 5px 0 0
}
.blog_details_area .date_admin li {
	font-size: 16px
}
.blog_details_area .date_admin li a {
	color: #000
}
.related_post_area {
	width: 100%;
	float: left;
	border-top: solid 1px #ccc;
	padding: 10px 0 0;
	margin: 20px 0 20px 0
}
.related_post_area .prev_nxt {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
.related_post_area .prev_nxt li {
	width: 50%!important;
	float: left;
	text-align: left;
	list-style: none
}
.related_post_area .prev_nxt li h3 {
	text-align: inherit;
	width: 100%;
	float: left;
	font-size: 16px;
	margin: 10px 0 5px;
	padding: 0;
	min-height: auto;
	color: #0171b2
}
.related_post_area .prev_nxt li p {
	width: 100%;
	float: left;
	margin: 10px 0!important;
	padding: 0!important;
	min-height: auto;
	height: auto
}
.related_post_area .prev_nxt li a {
	color: #121212
}
.related_post_area .prev_nxt li a h3 {
	color: #0171b2!important
}
.related_post_area .prev_nxt li a:hover {
	opacity: .5
}
.related_post_area .prev_nxt li p {
	font-size: 18px;
	text-align: inherit
}
.related_post_area .prev_nxt li+li {
	text-align: right
}
#b_email {
	text-transform: lowercase
}
.big_sitemap {
	width: 100%;
	float: left;
	padding: 0 0; margin: 30px 0 0;
}
.big_sitemap h2, .sitemap_page h3 {
	width: 100%;
	float: left;
	margin: 10px 0 5px 0;
	font-size: 20px;
	color: #00275f;
	padding: 0;
	font-weight: 500;
	letter-spacing: .5px
}
.sitemap_page h3 a{color: #00275f;}
.blog_sitelink {
	width: 100%;
	float: left;
	margin: 0 0 0 15px
}
.blog_sitelink li {
	width: 50%;
	float: left;
	padding: 4px 25px 4px 0;
	position: relative
}
.blog_sitelink li a {
	color: #000
}
.blog_sitelink>li::after {
	position: absolute;
	left: -16px;
	top: 4px;
	font-family: FontAwesome;
	content: "\f101";
	color: #000
}
.blog_cont {
	width: 100%;
	float: left;
	margin: 5px 0 20px
}
.blog_cont h2 {
	width: 100%;
	float: left;
	font-size: 24px;
	margin: 0 0 5px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: .5px;
	color: #00275f
}
.blog_cont p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	margin: 0 0 15px
}
.coupons {
	width: 100%;
	float: left;
	border: dashed 1px #002039;
	margin: 10px 0 20px 0;
	padding: 15px
}
.coupons h3 {
	width: 100%;
	float: left;
	font-size: 20px;
	margin: 0 0 10px;
	color: #002039
}
.coupons input {
	width: 70%;
	float: left;
	border-radius: 5px 0 0 5px;
	height: 40px
}
.coupons button {
	width: auto;
	float: left;
	border-radius: 0 5px 5px 0;
	height: 40px;
	background: #0b759d;
	border: solid 1px #0b759d
}
.coupons button:hover {
	background: #002039
}
.coupons .error_msg {
	width: 100%;
	display: block;
	color: red;
	float: left;
	font-size: 12px;
	margin: 10px 0 5px
}
.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
	font-size: 18px;
	line-height: 27px
}
.content_page figure {
	width: 100%;
	float: left;
	margin: 15px 0;
	overflow: hidden;
	position: relative
}
.content_page figure img {
	width: 100%;
	min-height: 120px;
	object-fit: cover
}
.bnr_txt_1 {
	width: auto;
	position: absolute;
	left: 50px;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	max-width: 450px
}
.bnr_txt_1 label {
	font-size: 32px;
	line-height: 36px;
	margin: 0;
	color: #0484cf;
	font-family: mercenarybold
}
.bnr_txt_2 {
	width: auto;
	position: absolute;
	right: 50px;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	max-width: 450px
}
.bnr_txt_2 label {
	font-size: 32px;
	line-height: 36px;
	margin: 0 0 10px;
	font-weight: 700;
	color: #0484cf;
	font-family: mercenarybold
}
.bnr_txt_1 label a, .bnr_txt_2 label a {
	color: #0484cf
}
.about_content p a, .content_page p a, .intro_text p a {
	color: #0171b2;
	font-weight: 700;
	font-family: mercenarybold
}
a.extra_link {
	color: #000!important;
	font-family: mercenarybold
}
.pro-review {
	overflow: hidden;
	width: 100%;
	float: left
}
.review-sec {
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 20px;
	border-bottom: solid 0 #eee
}
.admin-image {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background: #ddd;
	border-radius: 50%;
	position: relative;
	text-align: center;
	font-size: 24px;
	line-height: 60px
}
.admin-image .fa-user-o:before {
	font-size: 30px;
	line-height: 60px
}
.admin-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%
}
.admin-review {
	float: left;
	border: #ddd 1px solid;
	width: calc(100% - 70px);
	padding: 10px 20px;
	border-radius: 4px;
	color: #292828
}
.admin-ranking {
	float: left;
	width: 100%
}
.admin-ranking a {
	color: #000
}
.admin-ranking b {
	font-weight: 700
}
.star {
	position: relative;
	float: left;
	font-size: 14px
}
.star i {
	color: #ffd100
}
.discription {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #292828;
	margin-top: 6px;
	font-style: italic
}
.review-mid-content {
	width: 100%;
	float: left;
	padding: 0 0 15px 0
}
.review-mid-content h3 {
	color: #0020dd232839;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0
}
.review-mid-content p {
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	padding: 0
}
.rating-star {
	width: 100%;
	position: relative;
	margin-top: 5px
}
.rating-star a {
	display: inline-block;
	text-indent: -999em;
	width: 100%;
	width: 16px;
	height: 16px;
	position: relative
}
.rating-star a::before {
	content: "\f006";
	position: absolute;
	font-size: 16px;
	font-family: FontAwesome;
	left: 0;
	display: block;
	text-indent: 0;
	color: #002039
}
.rating-star a:hover::before {
	content: "\f005";
	position: absolute;
	font-size: 16px;
	font-family: FontAwesome;
	left: 0;
	display: block;
	text-indent: 0;
	color: #002039
}
.review-mid-content .sub-btn1 {
	font-size: 18px;
	font-weight: 700;
	background: #0171b2;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 7px 20px;
	border-radius: 3px
}
.review-mid-content .sub-btn1:hover {
	background: #e65700
}
.review-form {
	margin-top: 0
}
.form-row textarea {
	height: 100px
}
.form-row {
	margin: 20px 0
}
.form-row label {
	font-size: 17px;
	margin-bottom: 5px;
	display: block;
	font-weight: 700
}
.form-row label.error {
	color: red
}
.sub-btn {
	margin-top: 20px;
	background: #e65700;
	border: #e65700 1px solid;
	color: #fff;
	font-weight: 600;
	padding: 8px 26px;
	border-radius: 4px;
	cursor: pointer
}
.sub-btn:hover {
	background: 0 0;
	border: #000 1px solid;
	color: #fff;
	color: #002039;
	transition: .5s
}
.rating {
	float: left;
	position: relative
}
.rating:not(:checked)>input {
	position: absolute;
	clip: rect(0,0,0,0)
}
.rating:not(:checked)>label {
	float: right;
	width: 20px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 20px!important;
	letter-spacing: 5px;
	line-height: 1.2;
	color: #ddd;
	margin: 0 5px 0 0
}
.rating:not(:checked)>label:before {
	content: '\f005';
	font-family: Fontawesome
}
.rating>input:checked~label {
	color: #f70;
	text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5)
}
.rating:not(:checked)>label.error {
	display: block;
	color: red;
	position: absolute;
	font-size: 15px;
	text-shadow: none;
	font-weight: 700;
	left: 140px;
	top: 4px;
	width: 100%
}
.rating:not(:checked)>label.error::before {
	display: none
}
.rating:not(:checked)>label:hover, .rating:not(:checked)>label:hover~label {
	color: gold;
	text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0,0,0,.5)
}
.rating>input:checked label:hover label, .rating>input:checked+label:hover, .rating>input:checked+label:hover~label, .rating>input:checked~label:hover, .rating>label:hover input:checked label {
	color: #ea0;
	text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0,0,0,.5)
}
.rating>label:active {
	position: relative;
	top: 2px;
	left: 2px
}
ul.review_list h3 {
	padding-top: 0;
	padding-bottom: 0
}
ul.review_list li {
	margin-bottom: 10px
}
.pro_dtls_home .admin-ranking {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0
}
.pro_dtls_home h2 {
	margin-bottom: 0!important
}
.pro-review {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 5px
}
label.error {
	font-size: 15px;
	font-weight: 700;
	color: red
}
.review-form ul.review_list {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between
}
.review-form ul.review_list li {
	margin: 8px 0;
	padding: 0;
	flex: 0 0 48%;
	background: 0 0
}
.review-form ul.review_list li:nth-child(5), .review-form ul.review_list li:nth-child(6) {
	flex: 0 0 100%
}
.review-form ul.review_list li h3, .review-form ul.review_list li label {
	font-size: 16px;
	font-weight: 600
}
.review-form ul.review_list li select {
	background: url(../images/select_arrow.png) no-repeat right 15px top 17px #fff
}
.review-form ul.review_list li h3 {
	color: #000
}
.review-form ul.review_list_2 li {
	flex: 1;
	max-width: 32%
}
.review-form ul.review_list_2 li+li+li+li {
	flex: 0 0 100%;
	max-width: inherit
}
.top_filter {
	width: 100%;
	float: left;
	margin: 0 0 15px;
	background: #f7f7f7;
	border-radius: 3px;
	border: dashed 1px #0171b2;
	padding: 10px 15px
}
.top_filter h3 {
	width: auto;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	color: #0171b2
}
.top_filter ul {
	width: auto;
	float: right;
	display: flex;
	flex-flow: row wrap;
	align-items: center
}
.top_filter ul li {
	margin: 0 10px
}
.cstm_chek {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	padding: 0 0 0 32px;
	font-size: 16px;
	font-family: mercenarybold
}
.cstm_chek input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	border: solid 1px #9a9797;
	border-radius: 3px
}
.cstm_chek:hover input~.checkmark {
	border: solid 1px #1b73bb
}
.cstm_chek input:checked~.checkmark {
	background-color: #1b73bb;
	border: solid 1px #1b73bb
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none
}
.cstm_chek input:checked~.checkmark:after {
	display: block;
	content: "\f00c";
	font-family: Fontawesome;
	color: #fff;
	font-size: 13px
}
.cstm_chek .checkmark:after {
	left: 4px;
	top: 1px;
	width: 5px;
	height: 10px
}
.fix_rgt {
	position: fixed;
	top: 10px;
	width: 100%;
	max-width: 285px;
	z-index: 500
}
.like_post_area {
	width: 100%;
	text-align: right;
	float: right;
	position: relative;
	margin: 15px 0
}
.like_post_area a {
	width: auto;
	padding: 5px 15px;
	border: solid 1px #0171b2;
	border-radius: 5px;
	color: #0171b2;
	display: inline-block;
	font-size: 16px;
	margin: 0!important
}
.like_post_area a:hover {
	background: #0171b2;
	color: #fff
}
.blog_content_form {
	width: 100%;
	float: left
}
.blog_content_form ul {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between
}
.blog_content_form ul li {
	flex: 0 0 48%;
	margin: 10px 0
}
.blog_content_form ul li:nth-child(3), .blog_content_form ul li:nth-child(4) {
	flex: 0 0 100%
}
.blog_content_form ul li label {
	font-weight: 700
}
.blog_content_form ul li:last-child {
	flex: 0 0 100%
}
label.error {
	color: red;
	margin-top: 5px;
	font-size: 15px
}
.share_page_area {
	width: 100%;
	float: left;
	text-align: center;
	border-top: solid 0 #eee;
	padding: 15px 0;
	margin-bottom: 15px;
	background: #f3f3f3
}
.share_page_area h3 {
	width: 100%;
	float: left;
	position: relative;
	font-size: 26px;
	margin: 0 0 15px
}
.share_page_area ul.share_list {
	width: 100%;
	float: left;
	text-align: center
}
.share_page_area ul.share_list li {
	width: auto;
	display: inline-block;
	margin: 10px;
	float: none;
	text-align: center
}
.share_page_area ul.share_list li a {
	width: 75px;
	height: 75px;
	line-height: 68px;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 #696969;
	display: inline-block;
	font-size: 18px
}
.share_page_area p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	margin: 0 0 30px
}
.share_page_area h2 {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	color: #08c763;
	font-size: 28px
}
.share_page_area ul.share_list li:before {
	display: none
}
.share_page_area ul.share_list li a.whatsapp {
	background: #4fc95e
}
.share_page_area ul.share_list li a.telegram {
	background-image: linear-gradient(0deg, #229fda 0, #29aaec 100%)
}
.share_page_area ul.share_list li a.fb_msg {
	background: #fff
}
.share_page_area ul.share_list li a.fb {
	background: #1877f2
}
.share_page_area ul.share_list li a.twit {
	background: #1da1f2
}
.share_page_area ul.share_list li a.insta {
	background: #d03;
	background-image: linear-gradient(-90deg, #e80017 0, #ba009e 100%)
}
.share_page_area ul.share_list li a i {
	font-size: 36px!important;
	vertical-align: middle;
	color: #fff
}
.share_page_area ul.share_list li img {
	max-height: 40px;
	width: auto
}
.share_page_area ul.share_list li a:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 15px #0484cf;
	border-radius: 5px;
	transition: .5s
}
.container_2 {
	max-width: 1170px
}
.container_2 figure {
	width: 100%;
	float: left;
	border: solid 1px #eee;
	text-align: center;
	padding: 10px 0;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center
}
.new_pro_info {
	width: 100%;
	float: left
}
.new_pro_info h1 {
	font-size: 36px
}
.new_pro_info h2 {
	font-size: 32px;
	color: #0481cb
}
.new_pro_info h2 span {
	font-size: 18px;
	color: #000;
	font-family: mercenarymedium
}
.new_pro_info p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	font-family: mercenaryregular;
	letter-spacing: .5px
}
.new_pro_info .btn_area {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch
}
.new_pro_info .btn_area select {
	width: 60px;
	font-size: 20px;
	font-family: mercenarymedium;
	height: 45px;
	border: solid 1px #ccc;
	margin: 0 10px 0 0;
	background: #fff url(../images/select_arrow.png) no-repeat right 10px top 20px;
	padding: 0 15px
}
.new_pro_info .btn_area button {
	font-size: 20px;
	font-family: mercenarybold;
	height: 45px;
	background: #00275f;
	color: #fff;
	padding: 0 50px;
	border: none;
	text-transform: uppercase;
	letter-spacing: .5px;
	cursor: pointer;
	transition: ease-in .3s
}
.new_pro_info .btn_area button:hover {
	background: #0481cb
}
header.sticky {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 99;
	transition: all .6s ease;
	box-shadow: 0 0 8px 0 rgba(51,51,51,.31);
	top: 0
}
.about_content p {
	float: unset;
	display: block;
}
.about_content ul {
	float: unset;
	display: block;
}
.about_content ul li {
	float: unset;
}
.benefit_auk .box_1 p {
	float: unset;
	display: block;
}
.benefit_auk .box_1 ul {
	display: block;
	float: unset;
}
.benefit_auk .box_1 ul li {
	float: unset;
}
.content_page p {
	display: block;
	float: unset;
}
.blog_cont p {
	display: block;
	float: unset;
}
.blog_content p {
	display: block;
	float: unset;
}
.outer_area .prodct_bx {
	width: 100%;
	float: left;
	background: #f6f1dd;
	text-align: center;
	margin: 15px 0;
	padding: 15px;
}
.outer_area .prodct_bx figure {
	width: 100%;
	float: left;
	padding: 0 0 10px;
	margin: 0;
}
.outer_area .prodct_bx figure img {
	max-width: 100%;
	max-height: 150px;
	width: auto;
	height: auto;
}
.outer_area .prodct_bx h3, .outer_area .prodct_bx label {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	margin: 10px 0 0;
	color: #0171b2;
}
.outer_area .prodct_bx label {
	margin: 0 0 8px;
	padding: 0;
}
.outer_area .prodct_bx h3, .outer_area .prodct_bx label a {
	color: #0171b2;
}
.outer_area .prodct_bx .top-review {
	width: 100%;
	float: left;
	text-align: center;
}
.outer_area .prodct_bx .top-review .admin-ranking a {
	display: inline-block;
}
.outer_area .prodct_bx .top-review .admin-ranking .star i {
	font-size: 18px;
	margin: 0 1px;
}
.outer_area .prodct_bx .buynowhere {
	width: 100%;
	float: left;
	margin: 10px 0;
}
.outer_area .prodct_bx .buynowhere select {
	width: 100%;
	height: 45px;
	background: url(../images/select_arrow.png) no-repeat right 10px top 20px #fff;
	font-size: 16px;
	padding: 0 15px;
}
.outer_area .prodct_bx .button {
	width: 100%;
	float: left;
	text-align: center;
}
.outer_area .prodct_bx .button button, .outer_area .prodct_bx .button a.add_to_cart {
	width: auto;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	border-radius: 5px;
	background: #0171b2;
	color: #fff;
	font-weight: 700;
	padding: 0 30px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	transition: ease-in .3s;
}
.outer_area .prodct_bx .button button:hover, .outer_area .prodct_bx .button a.add_to_cart:hover {
	background: #00bfaf;
}
.outer_area .prodct_bx .button button.outofstock {
	background: #333;
	cursor: no-drop;
}
.product_dtls_area {
	width: 100%;
	float: left;
	padding: 0 0 0 5px;
}
.product_dtls_area .product_top {
	width: 100%;
	float: left;
	padding: 0 0 0 0;
}
.product_dtls_area .product_top .prodct_bx {
    width: 30%;
    float: left;
    border: solid 1px #f1f1f1;
    text-align: center;
    line-height: 140px;
}
.product_dtls_area .product_top .prodct_bx img {
	max-width: 100%;
	max-height: 200px;
}
.product_dtls_area .product_top .prdct_dtls {
	width: 70%;
	float: left;
	padding: 0 0 0 25px;
}
.product_dtls_area .product_top .prdct_dtls h1 {
	font-size: 24px;
	text-transform: none;
	color: #162c75;
	font-weight: 700;
	margin: 0 0 5px;
}
.product_dtls_area .product_top .prdct_dtls .top-review {
	width: 100%;
	float: left;
	margin: 0 0 5px;
}
.product_dtls_area .product_top .prdct_dtls p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 15px;
}
.product_dtls_area .product_top .prdct_dtls .btn_area_pro {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.product_dtls_area .product_top .prdct_dtls .btn_area_pro .buynowhere {
	flex: 0 0 300px;
}
.buynowhere {
	width: 100%;
	float: left;
	padding: 0 0;
	box-sizing: border-box;
	margin: 10px 0;
	position: relative;
}
.buynowhere select {
	width: 100%;
	height: 45px;
	background: url(../images/select_arrow.png) no-repeat right 10px top 20px #fff;
	font-size: 16px;
	padding: 0 15px;
}
.product_dtls_area .product_top .prdct_dtls .btn_area_pro .btn_area a {
	width: auto;
	display: inline-block;
	padding: 0 35px;
	line-height: 45px;
	background: #0171b2;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
.product_dtls_area .product_top .prdct_dtls .btn_area_pro .btn_area a.outstock {
	background: #333;
}
.product_dtls_area .product_top .prdct_dtls h4 {
	font-size: 16px;
	color: #000;
	margin: 10px 0;
	width: 100%;
	float: left;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 700;
}
.product_dtls_area .product_top .prdct_dtls p {
	width: 100%;
	float: left;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	text-align: left;
	letter-spacing: .5px;
}
.product_dtls_area .product_top .prdct_dtls p a {
	font-weight: 700;
	color: #162c75;
}
.product_dtls_area .product_top .prdct_dtls .select_box {
	width: 100%;
	float: left;
	border-top: solid 1px #f1f1f1;
	padding: 25px 0;
	text-align: right;
}
.product_dtls_area .product_top .prdct_dtls .select_box label {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}
.product_dtls_area .product_top .prdct_dtls .select_box .selectbox {
	width: 310px;
	height: 45px;
	border: solid 1px #d5d5d5;
	padding: 0 10px;
}
.button_area {
	width: 100%;
	float: left;
	margin: 15px 0 0;
}
.button_area button {
	float: right;
	background: #41941e;
	color: #fff;
	border-radius: 3px;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}
.button_area button:hover {
	background: #105d9e;
	transition: ease-in .3s;
}
.select_dosase {
	width: 100%;
	float: left;
	min-height: 18px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	margin: 15px 0 0;
}
.select_dosase h3 {
	margin: 0 15px 0 0;
	font-size: 16px;
	text-transform: uppercase;
	color: #0171b2;
	font-weight: 600;
}
.select_dosase ul {
	margin: 0 0 0!important;
	padding: 0;
	display: flex;
}
.select_dosase ul li {
	margin: 0 15px 0 0!important;
	list-style: none;
	border: none;
	padding: 0;
	min-width: inherit;
	min-height: inherit!important;
	position: relative;
	cursor: pointer;
	flex: inherit;
}
.radio_btn {
	display: block;
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 3px;
	border: solid 1px #00a8b7;
	padding: 0 0 0 20px;
	color: #000;
}
.select_dosase ul li label {
	cursor: pointer;
	border: none;
}
.select_dosase ul li.active label {
	color: red;
}
.select_dosase ul li.active label span {
	color: red;
}
.select_dosase ul li label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.select_dosase ul li label .checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #fff;
	border: solid 2px #000;
	border-radius: 50%;
	display: block;
}
.checkmark {
	position: absolute;
	top: -10px;
	right: -10px;
	height: 25px;
	width: 25px;
	background-color: #0363d2;
	border: solid 2px #0363d2;
	border-radius: 50%
}
.select_dosase ul li label:hover input~.checkmark {
	background-color: #fff;
}
.select_dosase ul li label input:checked~.checkmark {
	background-color: #fff;
	border: solid 2px red;
}
.select_dosase ul li label.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.select_dosase ul li label input::checked~.checkmark:after {
 display: block;
}
.select_dosase ul li label .checkmark::after {
	top: 2px;
	left: 2px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: red;
}
.checkmark {
	position: absolute;
	top: 5px;
	right: -10px;
	height: 25px;
	width: 25px;
	background-color: #0363d2;
	border: solid 2px #0363d2;
	border-radius: 5px;
}
.radio_btn:hover input[type=radio]~.checkmark {
	background-color: #fff;
}
.radio_btn input[type=radio]:checked~.checkmark {
	background-color: #fff;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.radio_btn input[type=radio]:checked~.checkmark:after {
	display: block;
}
.show_mb {
	display: none;
}
.jst_cntr {
	justify-content: center;
}
.intro_text .admin-ranking {
	display: grid;
	place-items: center;
	margin-bottom: 10px;
}
a.outstock {
	background: #0171b2;
	padding: 10px 20px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-top: 15px;
}
.side_nav_area {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
	margin: 15px 0 35px;
}
.cat_box_area {
	flex: 0 0 24%;
	border: solid 0 #ccc;
	margin: 0 0 0px;
	transition: ease-in .3s;
	position: relative;
}
.cat_box_area h3 {
	width: 100%;
	float: left;
	font-weight: 500;
	color: #0171b2;
	font-size: 18px!important;
	text-transform: capitalize;
	margin: 0!important;
	text-align: center;
	position: absolute;
	top: 10px;
}
.cat_box_area h3 a {
	color: #0171b2!important;
	display: block;
 padding:  10px 15px!important;
 font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.cat_box_area figure {
	width: 100%;
	float: left;
	margin: 0
}
.cat_box_area figure img {
	width: 100%;
	height: 225px;
	object-fit: cover
}
.cat_box_area a.main_btn {
	width: 100%;
	float: left;
	text-align: center;
	padding: 8px 15px;
	color: #fff;
	background: #0171b2;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}
.cat_box_area: hover a.main_btn {
	background: #00bfaf;
}
.cat_box_area: hover {
	box-shadow: 0 25px 25px #928f8f
}
.modal-title {
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #0171b2;
    font-weight: 600;
}

.pop_txt {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 10px;
}

.pop_txt p {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 20px;
    margin: 0 0 0px;
    text-align: center;
    padding: 0px;
}

.pop_txt p b {
    font-weight: 700;
    margin: 0 0 5px;
    display: block;
    text-transform: capitalize;
}

.modal-body a.shop_now {
    background: #0171b2;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
}

ul.pop_pro {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #f6f8fb;
    padding: 0px;
    border-radius: 5px;
    border: 1px solid #eee;
}

ul.pop_pro li h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}

a.cart {
    background: #0171b2;
    padding: 7px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 15px;
    float: left;
}

ul.pop_pro figure {
    margin: 12px 0px 15px;
}

.modal-body {
    text-align: center;
}
.btn_area a {
    margin: 0;
}


.home_coupon{ position:absolute; left:25px; top:35px; max-width:350px;}
.coupon_area_cat{ width:100%; float:right; border-radius:8px; max-width:400px; display:flex; flex-flow:row; align-items:center; justify-content:space-between; padding:5px 10px; margin:10px 0 0px ; background: #f7f7f7; border:dashed 1px #015a8e; line-height:normal;}
.coupon_area_cat p{font-size:18px !important; font-weight:700; margin:0; text-align: left; color:#000; text-transform:uppercase; line-height:20px; font-style:ita   lic;}
.coupon_area_cat p span{ color:#015a8e;}
.coupon_area_cat h4{ font-weight:700; font-size:16px; text-transform:uppercase; color:#000; margin:0px 0 5px; padding:0; text-align:center; line-height:16px; }
.coupon_area_cat .coupon_box{ font-size:24px; background:#015a8e; color:#fff; padding:5px 10px; display:inline-block; border:dashed 1px #fff; font-weight:700; line-height:24px; letter-spacing:1px; min-width:100px; text-align:center; }

@media only screen and (max-width: 600px) {
.home_coupon{ max-width:100%; float:left; padding:0px 10px 10px; position:static;}    
}