/*--------------------------------------------------
Template Name: Plantmore - Responsive Bootstrap 4 eCommerce Template;
Description: This is html5 template;
Version: 1.0;
-----------------------------------------------------


CSS INDEX
================


1. Default CSS
1.1 General
1.2 Section title
1.3 button
1.4 Input
1.5 social-icon
1.6 Input
1.7 scroll to top
1.8 Basic margin padding
1.9 Background variation set
2. Header Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. History Area CSS
6. Shop Categories Area CSS
7. Product Area CSS
8. Product Countdown Area CSS
9. Banner Area CSS
10. Testimonial Area CSS
11. Brand Area CSS
12. Blog Area CSS
12.1 Blog Page CSS
12.2 Single Blog Page CSS
13. News Letter Area CSS
14. Footer Area CSS
14.1 Footer Top Area CSS
14.2 Footer Middle Area CSS
14.3 Footer Bottom Area CSS
15. Modal Area CSS
16. Shop Collection Area CSS
17. Bestseller List Product Area CSS
18. Home Product Layout Area
19. Breadcrumb Area CSS
20. Shop Page CSS
21. Single Product Page CSS
22. Wishlist Page CSS
23. Cart Page CSS
24. Checkout Page CSS
25. Login Register Page CSS
26. My Account Page CSS
27. About Page CSS
28. Service Page CSS
29. FAQ Page CSS
30. Contact Page  CSS
31. Portfolio Page CSS
32. 404 Page CSS 







/*************************
General
*************************/
/*--------------------------------------------------
Google Font Open+Sans, Poppins And Yesteryear
----------------------------------------------------*/
/*
@font-face{font-family:'PN';src:url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/pn-regular2.ttf?1683730917958) format("truetype");}
@font-face{font-family:'PN';src:url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/pn_semibold_gdi.ttf?1683730917958) format("truetype");font-weight:600;}
@font-face{font-family:'PN';src:url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/pn_semibold_gdi.ttf?1683730917958) format("truetype");font-weight:bold;}
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=vietnamese');

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Poppins:300,400,500,600,700|Yesteryear');
@font-face {
font-family: 'SVN-Veneer';
src: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/svn-veneer.eot?1683730917958) format("embedded-opentype"), url("//theme.hstatic.net/1000314545/1000404148/14/SVN-Veneer.woff?v=796") format("woff"), url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/svn-veneer.ttf?1683730917958) format("truetype"), url("//theme.hstatic.net/1000314545/1000404148/14/SVN-Veneer.svg?v=796#SVN-Veneer") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'FontAwesome';
src: url('//file.hstatic.net/1000243716/file/fontawesome-webfont.eot');
src: url('//file.hstatic.net/1000243716/file/fontawesome-webfont.eot') format('embedded-opentype'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.woff') format('woff'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.ttf') format('truetype'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
*/

@font-face{font-family:'PN';src:url(//theme.hstatic.net/1000324393/1000429977/14/PN-Regular2.ttf?v=1228) format("truetype");}
@font-face{font-family:'PN';src:url(//theme.hstatic.net/1000324393/1000429977/14/PN_SemiBold_gdi.ttf?v=1228) format("truetype");font-weight:600;}
@font-face{font-family:'PN';src:url(//theme.hstatic.net/1000324393/1000429977/14/PN_SemiBold_gdi.ttf?v=1228) format("truetype");font-weight:bold;}

@font-face {
	font-family: 'SVN-Veneer';
	src: url(//theme.hstatic.net/1000324393/1000429977/14/SVN-Veneer.eot?v=1228) format("embedded-opentype"),
		url("//theme.hstatic.net/1000314545/1000404148/14/SVN-Veneer.woff?v=796") format("woff"), 
		url(//theme.hstatic.net/1000324393/1000429977/14/SVN-Veneer.ttf?v=1228) format("truetype"),
		url("//theme.hstatic.net/1000314545/1000404148/14/SVN-Veneer.svg?v=796#SVN-Veneer") format("svg");
	font-weight: normal;
	font-style: normal; }
@font-face {
	font-family: 'FontAwesome';
	src: url('//file.hstatic.net/1000243716/file/fontawesome-webfont.eot');
	src: url('//file.hstatic.net/1000243716/file/fontawesome-webfont.eot') format('embedded-opentype'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.woff') format('woff'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.ttf') format('truetype'), url('//file.hstatic.net/1000243716/file/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'PN', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	color: #484848;
	background:;
}
.img{
	max-width: 100%;
}
.img-full img{
	width: 100%;
}
a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
button:focus {
	text-decoration: none;
	outline: none;
}
a:focus{
	text-decoration: none;
	color: #0f3178;
}
a,
button,
input {
	outline: medium none;
	color: #434343;
}
.uppercase { 
	text-transform: uppercase
}
.capitalize { 
	text-transform: capitalize
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'PN', sans-serif;
	font-weight: 500;
	color: #000000;
	margin-top: 0px;
	font-weight: 400;
	line-height: 1;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
	color: inherit; 
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
ul {
	margin: 0px;
	padding: 0px;
}
p {
	margin-bottom: 15px;
}
hr{
	margin: 60px 0;
	padding: 0px;
	border-bottom: 1px solid #eceff8;
	border-top: 0px;
}
label {
	font-size: 15px;
	font-weight: 400;
	color: #626262;
}
*::-moz-selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}
.mark, mark {
	background: #0f3178 none repeat scroll 0 0;
	color: #ffffff;
}
.fix {
	overflow: hidden
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/*************************
Section title
***********************/
.section-title > h2 {
	font-size: 80px;
}
.section-title > h2 {
	margin-bottom: 0px;
	padding-bottom: 15px;
	/* text-shadow: 2px 2px 4px #b6b6b6; */
	font-family: 'SVN-Veneer';
	/* float: left; */
	font-size: 40px;
	color:  ;
	/* margin: 0px; */
	/* padding: 0px; */
	position: relative;
	/* width: 100%; */
	display: inline-block;
}
.section-title > h2:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background: #3a3a3a;
	margin: 0px auto;
}



.svn .section-title > h3 {
	font-size: 80px;
}
.svn .section-title > h3 {
	margin-bottom: 0px;
	padding-bottom: 15px;
	/* text-shadow: 2px 2px 4px #b6b6b6; */
	font-family: 'SVN-Veneer';
	/* float: left; */
	font-size: 40px;
	color:  ;
	/* margin: 0px; */
	/* padding: 0px; */
	position: relative;
	/* width: 100%; */
	display: inline-block;
}
.svn .section-title > h3:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background: #3a3a3a;
	margin: 0px auto;
}


.section-title > span {
	color: #b4b4b4;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	display: inline-block;
	letter-spacing: 3px;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	position: relative;
}
.section-title > span:before,
.section-title > span:after {
	background: #0f3178;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 30px;
	z-index: 9;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
}
.section-title > span:before {
	left: -45px;
	right: auto;
}
.section-title > span:after {
	left: auto;
	right: -45px;
}
.section-title2 > h3 {
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 20px;
	line-height: 24px;
}
.section-title2 > p {
	margin: 0 auto 35px auto;
	font-style: italic;
	color: #c9c9c9;
	max-width: 720px;
	text-align: center;
}
.section-title2.bl-color > h3 {
	color: #444;
}
.section-title2.bl-color > p{
	color: #222;
}
/*************************
button
*************************/

/*************************
social-icon
*************************/

/*************************
Input
*************************/
/*
input {
background: transparent;
border: 2px solid #0f3178;
height: 56px;
box-shadow: none;
padding-left: 10px;
font-size: 14px;
color: #a4a4a4;
width: 100%;
box-shadow: none;
border-radius: 0;
}
*/

header.sticky-header {
	position: fixed !important;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 999;
	animation: fadeInDown 1s ease-out;
}
select {
	width: 100%;
	border: 2px solid #eceff8;
	height: 45px;
	padding-left: 10px;
	box-shadow: none;
	font-size: 14px;
	color: #626262;
}
option {
	background: #fff;
	border: 0px solid #626262;
	padding-left: 10px;
	font-size: 14px;
}

textarea {
	resize: vertical;
	background: #eceff8;
	border: 2px solid #eceff8;
	padding: 10px;
	width: 100%;
	font-size: 14px;
}
textarea:focus {
	background: transparent;
	border: 2px solid #0f3178;
	outline: none;
}
::-moz-placeholder {
	color: #444;
	font-size: 13px;
}
/*************************
scroll to top
*************************/
#scrollUp {
	background: #555;
	border: 2px solid #ddd;
	width: 50px;
	height: 50px;
	line-height: 40px;
	border-radius: 100%;
	bottom: 25px;
	right: 25px;
	color: #fff;
	text-align: center;
	font-size: 25px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#scrollUp:hover{
	background: #0f3178;
	border-color: #0f3178;
}

/*************************
Basic margin padding
*************************/
.m-0 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.p-0 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*************************
Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mt-35 { margin-top: 35px }

.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-50 { margin-bottom: 50px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-65 { padding-right: 65px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-65 { padding-left: 65px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*************************************
Background variation set 
**************************************/
/*colored background*/
.white-bg { background: #fff !important; }
.gray-bg { background: #f8f8fa !important; }
.gray-bg2 { background: #f2f2f2 !important; }
.gray-bg3 { background: #f8f8f8 !important; }
.black-bg { background: #000000 !important; }
.bg-footer { background: #0f3178 !important; }


.default-bg { background: #50C1F0 !important; }
.transparent-bg { background: transparent !important; }

/*Opacity background*/
.bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before,  .bg-opacity-white-10:before,  .bg-opacity-white-20:before,  .bg-opacity-white-30:before,  .bg-opacity-white-40:before,  .bg-opacity-white-50:before,  .bg-opacity-white-60:before,  .bg-opacity-white-70:before,  .bg-opacity-white-80:before,  .bg-opacity-white-90:before{
	content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; 
}
.bg-opacity-black-10:before {  background: rgba(0, 0, 0, 0.1);}
.bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2);}
.bg-opacity-black-30:before {  background: rgba(0, 0, 0, 0.3);}
.bg-opacity-black-40:before {  background: rgba(0, 0, 0, 0.4);}
.bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5);}
.bg-opacity-black-60:before {  background: rgba(0, 0, 0, 0.6);}
.bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7);}
.bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8);}
.bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9);}

.bg-opacity-white-10:before {  background: rgba(255, 255, 255, 0.1);}
.bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2);}
.bg-opacity-white-30:before {  background: rgba(255, 255, 255, 0.3);}
.bg-opacity-white-40:before {  background: rgba(255, 255, 255, 0.4);}
.bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5);}
.bg-opacity-white-60:before {  background: rgba(255, 255, 255, 0.6);}
.bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7);}
.bg-opacity-white-80:before {  background: rgba(255, 255, 255, 0.8);}
.bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9);}
/*---------------------
Animation Css
----------------------*/
@-webkit-keyframes crFlipX{
	0%{
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}
	50%{
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	100%{
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}
@keyframes crFlipX{
	0%{
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}
	50%{
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	100%{
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}
/*-------------------
Common Style CSS
-------------------*/
.slick-slide:active, 
.slick-slide:focus{ 
	outline: none; 
}
.tab-content {
	width: 100%;
}
.tab-content .tab-pane {
	display: block;
	height: 0;
	max-width: 100%;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}
.tab-content .tab-pane.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	overflow: visible; 
}
.vbox-close {
	background: #0f3178 url("close.gif") no-repeat scroll 10px center !important;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-weight: 600;
	height: 40px;
	position: fixed;
	right: 40px;
	text-indent: 2px;
	top: 14px;
	width: 46px;
	border-radius: 2px;
}



/*------------------------------
2. Header Area CSS
--------------------------------*/
/*header menu sticky*/
.header-sticky{
	-webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
	transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
}
.header-sticky.is-sticky {
	background: rgba(255,255,255,.85);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 10px 0;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-sticky.is-sticky .header-menu-area nav >  ul > li > a {
	padding: 20px 0;
}
/*4. Mobile Menu CSS*/
.mobile-menu .mean-nav > ul {
	overflow-y: auto;
	max-height: 400px;
}
.mobile-menu {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 0 100% !important;
	flex: 1 0 100% !important;
}
.mobile-menu .mean-bar {
	position: relative;
	/*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
	position: absolute;
	top: -55px;
}
.mobile-menu .mean-bar .meanmenu-reveal span {
	position: relative;
	/*---- Menu Open ----*/
	/*---- Menu Close ----*/
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #282828;
	height: 3px;
	margin-top: 3px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}
.mean-container a.meanmenu-reveal {
	color: #282828;
}
.mean-container .mean-bar {
	padding: 0;
	min-height: 0;
}
.mean-container .mean-nav {
	background: transparent;
	margin-top: 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before {
	top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
	bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
	height: 2px;
	width: 26px;
	background-color: transparent;
	display: block;
	margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
	background-color: #ffffff;
}
.mobile-menu .mean-bar .mean-nav > ul {
	margin-bottom: 30px;
	border: 1px solid #eeeeee;
	border-top: 0px solid transparent;
	overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
	.mobile-menu .mean-bar .mean-nav > ul {
		max-height: 180px;
		overflow-y: auto;
	}
}
@media only screen and (max-width: 479px) {
	.mobile-menu .mean-bar .mean-nav > ul {
		max-height: 220px;
		overflow-y: auto;
	}
}
.mobile-menu .mean-bar .mean-nav > ul li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	/*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
	font-size: 13px;
	display: block;
	color: #444444;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 44px;
	position: relative;
	border-top: 1px solid #eeeeee;
	padding: 0 40px 0 20px;
	width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li a:before{
	display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
	color: #202020;
	padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
	border: 1px solid #eeeeee;
	position: absolute;
	right: -1px;
	top: 0;
	font-size: 20px !important;
	color: #444444;
	line-height: 44px;
	height: 46px;
	width: 40px;
	text-align: center;
	padding: 0 !important;
	background-color: transparent;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
	line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
	position: static;
	background-color: #fff;
	margin: 0;
	padding: 0 !important;
	width: 100%;
	box-shadow: none;
	display: none;
	float: left;
	min-width: 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: perspective(0px) rotateX(0deg);
	transform: perspective(0px) rotateX(0deg);
	-webkit-transition: none;
	transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
	padding: 0;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border-right: 0px solid transparent;
	width: 100%;
	display: block !important;
	float: left;
	width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
	font-size: 12px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a:before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a:before, .mobile-menu .mean-bar .mean-nav > ul li ul li a:before {
	display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
	background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
	border-top: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
	border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
	background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
	border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
	border: 1px solid #eeeeee;
}
/*Mobile Menu css end*/
.header-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.header-area .col-lg-9 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.main-menu > li {
	list-style: none;
	display: inline-block;
	margin: 0 35px 0 0;
	padding: 10px 0;
	position: relative;
}
.main-menu > li > a {
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	font-weight: 500;
	padding: 0 6px;
	text-transform: capitalize;
	position: relative;
	display: block;
}
.main-menu > li > a:before {
	position: absolute;
	content: "";
	bottom: 7px;
	left: 50%;
	right: 50%;
	background: #0f3178;
	display: block;
	width: 0;
	height: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-menu > li > a:hover:before{
	left: 0;
	right: 0;
	width: 100%;
}
.dropdown, .mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	padding: 20px 0;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ededed;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 99;
}
.main-menu > li:hover .dropdown,
.main-menu > li:hover .mega-menu{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	visibility: visible;
}
.dropdown > li {
	display: block;
	list-style: none;
}
.dropdown > li > a {
	font-size: 13px;
	line-height: 18px;
	padding: 10px 30px;
	display: block;
	font-weight: 400;
	color: #666666;
}
.dropdown > li > a:hover,
.mega-menu > li > ul > li > a:hover{
	color: #0f3178;
}
.mega-menu {
	width: 100%;
	min-width: 500px;
	padding: 35px 15px 20px 15px;
	right: 0;
}
.mega-menu > li {
	float: left;
	width: 33.33%;
	padding: 0px 5px 20px 5px;
	list-style: none;
}
.mega-menu > li > a.item-link {
	font-size: 12px;
	font-weight: 700;
	color: #666;
	line-height: 18px;
	margin: 0 0 12px;
	pointer-events: none;
}
.mega-menu > li > ul > li {
	list-style: none;
	display: block;
}
.mega-menu > li > ul > li > a {
	font-size: 13px;
	color: #898989;
	display: block;
	padding: 7px 0;
	font-weight: 400;
	line-height: 18px;
}

/*mini cart and search area css*/
.mini-cart-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mini-cart-search > div {
	margin-right: 35px;
}
.mini-cart-search > div:last-child{
	margin-right: 0;
}
.mini-cart {
	position: relative;
	padding: 15px 0;
}
.mini-cart > a {
	color: #000;
	position: relative;
	padding-left: 35px;
	display: block;
}
.mini-cart:hover > a{
	color: #0f3178; 
}
.cart-icon {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cart-icon:before {
	content: '\f07a';
	font-family: FontAwesome;
	line-height: 1;
	font-size: 18px;
	vertical-align: ;
}
.cart-quantity {
	position: absolute;
	background: #0f3178;
	height: 19px;
	line-height: 19px;
	width: 19px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	font-size: 12px;
	left: 12px;
	top: -6px;
	z-index: 1;
}
.cart-title {
	display: block;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	line-height: 1;
}
.cart-title > strong {
	display: block;
	font-weight: 500;
	margin-top: 6px;
}
.cart-dropdown {
	text-align: left;
	position: absolute;
	top: 100%;
	right: 0;
	width: 360px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 30px 25px 15px 25px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	max-height: 465px;
	overflow-y: scroll;
	z-index: 99;
	height:auto;
}
.cart-dropdown ul > li {
	display: block;
	list-style: none;
	overflow: hidden;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.cart-dropdown ul > li:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.cart-img {
	float: left;
	width: 25%;
}
.cart-img img{
	width: 100%;
}
.cart-img > a {
	display: block;
	border: 1px solid #ededed;
}
.cart-img > a:hover{
	border-color: #0f3178;
}
.cart-content {
	float: left;
	width: 62%;
	margin-left: 20px;
}
.product-name {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 30px 5px 0;
	text-align: left;
}
.cart-content span.quantity {
	color: #555555;
	display: block;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}
.cart-content span.cart-price {
	display: block;
	margin-top: 8px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 21px;
}
.cart-remove{
	position: relative;
}
.cart-remove > a {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 1;
}
.cart-subtotal {
	border-top: 1px solid #e5e5e5;
	color: #555;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	padding: 15px 0;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
}
.cart-subtotal > strong {
	font-weight: 400;
}
.cart-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}
.cart-btn a {
	background: #fff;
	color: #555;
	border: 2px solid #e5e5e5;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 50px;
	line-height: 48px;
	padding: 0;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
	width: 125px;
	border-radius: 3px;
}
.cart-btn a:hover{
	background: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
.search-box {
	position: relative;
}
.search-box > a {
	font-size: 18px;
	height: 62px;
	line-height: 62px;
	display: block;
	color: #000;
}
.search-box:hover > a{
	color: #0f3178
}
.search-dropdown{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 999;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}
.search-dropdown > form {
	background: #fff;
	padding: 0 20px;
	white-space: nowrap;
}
.search-dropdown > form > input {
	background: none;
	border: none;
	color: #666666;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: none;
	padding-right: 25px;
	width: 280px;
}
.search-dropdown > form > button {
	background: none;
	border: none;
	box-shadow: none;
	color: #666666;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	outline: none;
	cursor: pointer;
	padding: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.search-dropdown > form > button:hover{
	color: #0f3178;
}
.currency-box{
	position: relative;
}
.currency-box > a {
	font-size: 18px;
	line-height: 62px;
	height: 62px;
	color: #000;
	display: block;
	text-align: ;
}
.currency-box:hover > a{
	color: #0f3178;
}
.currency-dropdown {
	background: #ffffff;
	color: #666666;
	font-size: 13px;
	min-width: 230px;
	padding: 30px 25px;
	position: absolute;
	right: 0;
	top: 100%;
	width: auto;
	text-align: left;
	z-index: 3000;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 3px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.currency-box:hover .currency-dropdown{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.currency-dropdown  ul.menu-top-menu {
	margin-bottom: 25px;
}
.menu-top-menu > li {
	list-style: none;
	margin-bottom: 6px;
	white-space: nowrap;
}
.menu-top-menu > li > a{
	font-size: 13px;
	color: #666;
	line-height: 25px;
}
.menu-top-menu > li > a:hover{
	color: #0f3178;
}
.switcher {
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-top: 20px;
}
.language {
	margin-bottom: 8px;
}
.switcher-title {
	display: inline-block;
	margin-right: 10px;
	text-transform: uppercase;
	vertical-align: middle;
}
.switcher-menu {
	background: none;
	display: inline-block;
}
.switcher-menu > ul > li {
	list-style: none;
	position: relative;
}
.switcher-menu > ul > li > a {
	background: none;
	color: #0f3178;
	cursor: pointer;
	font-size: inherit;
	font-weight: normal;
	padding: 5px 15px 5px 0;
	position: relative;
	vertical-align: middle;
}
.switcher-menu > ul > li > a:before {
	content: '\f107';
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.switcher-dropdown {
	background: #fff;
	border: 1px solid #e5e5e5;
	height: auto;
	left: 50%;
	padding: 6px 10px !important;
	position: absolute;
	top: 100%;
	z-index: 1000;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.switcher-menu > ul > li:hover .switcher-dropdown{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.switcher-dropdown > li{
	list-style: none;
	display: block;
	border-bottom: 0 10px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.switcher-dropdown > li:last-child{
	border-bottom: none;
}
.switcher-dropdown > li > a {
	background: none;
	color: #666666;
	display: block;
	line-height: 33px;
	white-space: nowrap;
}
.switcher-dropdown > li > a:hover{
	color: #0f3178;
}
/*header style 3*/
.header-area.header-sticky.is-sticky .header-boxshadow {
	margin-top: 0;
}
.header-area.header-sticky.is-sticky .header-boxshadow:before,
.header-area.header-sticky.is-sticky .header-boxshadow:after{
	display: none
}
.header-area.header-sticky.is-sticky .header-boxshadow .header-inner{
	background: transparent;
	padding: 0 15px;
	box-shadow: none;
}
.header-boxshadow {
	margin: 0 auto;
	max-width: 1170px;
	margin-top: 60px;
	position: relative;
}
.header-inner {
	background: #fff;
	padding: 10px 15px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.header-boxshadow:after,
.header-boxshadow:before {
	background: #fff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.header-boxshadow:before{
	left: 6px;
	right: 6px;
	top: 6px;
	z-index: 3;
}
.header-boxshadow:after{
	left: 12px;
	right: 12px;
	top: 12px;
	z-index: 2;
}
/*----------------------------
Header Style 4 css
----------------------------*/
/*header top css*/
.header-top-language-currency .switcher {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
	color: #fff;
	font-size: 12px;
	line-height: 35px;
}
.header-top-language-currency .switcher > div {
	float: left;
	padding: 0 20px;
	position: relative;
	margin-bottom: 0;
}
.header-top-language-currency .switcher > div:before {
	background: #fff;
	content: '';
	display: block;
	height: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-top-language-currency .switcher > div:last-child:before{
	display: none;
}
.header-top-language-currency .switcher > div:first-child{
	padding-left: 0;
}
.header-top-language-currency .switcher > div:last-child{
	padding-right: 0;
}
.header-top-language-currency .switcher-menu > ul > li > a {
	color: #fff;
}
.header-top-language-currency .switcher-menu > ul > li:hover > a{
	color: #0f3178; 
}
.header-top-right .menu-top-menu > li {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
.header-top-right .menu-top-menu > li:before {
	background: #fff;
	content: '';
	display: block;
	height: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	z-index: 9;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-top-right .menu-top-menu > li:last-child:before{
	display: none;
}
.header-top-right .menu-top-menu > li > a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: ;
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
}
.header-top-right .menu-top-menu > li:first-child > a{
	padding-left: 0;
}
.header-top-right .menu-top-menu > li:last-child > a{
	padding-right: 0;
}
.header-top-right .menu-top-menu > li > a:hover{
	color: #0f3178;
}
/*header middle css*/
.header-middle-area {
	padding: 30px 0;
}
.header-phone > p {
	color: #000;
	font-size: 15px;
	line-height: 21px;
	margin-left: 35px;
}
.header-search-area {
	padding: 5px 15px;
}
.header-search-area form {
	background: transparent;
	border: 1px solid #555;
	overflow: hidden;
	position: relative;
	border-radius: 50px;
}
.header-search-area form input {
	border: none;
	color: #000000;
	height: 41px;
	line-height: 41px;
	margin: 0;
	max-width: 100%;
	outline: none;
	padding: 0 60px 0 20px;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
.header-search-area form button {
	background: none;
	border: none;
	box-shadow: none;
	color: #000;
	font-size: 20px;
	height: 41px;
	line-height: 40px;
	outline: none;
	padding: 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	text-align: center;
	top: 1px;
	width: 45px;
	z-index: 9;
	border-radius: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.header-search-area form button:hover{
	color: #0f3178;
}
.header-middle-area .mini-cart {
	margin-left: 30px;
}
/*header bottom area css*/
.header-bottom-area .header-boxshadow {
	margin-top: 0;
}
.header-bottom-area .header-inner {
	padding: 0;
}
.header-bottom-area.header-sticky.is-sticky .header-boxshadow {
	margin-top: 0;
}
.header-bottom-area.header-sticky.is-sticky .header-boxshadow:before,
.header-bottom-area.header-sticky.is-sticky .header-boxshadow:after{
	display: none
}
.header-bottom-area.header-sticky.is-sticky .header-boxshadow .header-inner{
	background: transparent;
	box-shadow: none;
}
.logo-sticky {
	display: none;
}
.header-sticky.is-sticky .logo-sticky {
	float: left;
	display: block;
}
.header-sticky.is-sticky .header-menu {
	float: right;
	background: transparent;
}
/*-------------------------
3. Slider Area CSS
---------------------------*/
/*slider animation css*/
.active .slider-progress{
	position: absolute;
	top: 0;
	left: 0;
	background: #C5C5C5;
	height: 3px;
	-webkit-animation: owlprogress 5000ms ease-in-out;
	animation: owlprogress 5000ms ease-in-out;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 9;
}
@-webkit-keyframes owlprogress {
	from {width: 0;}
	to {width: 100%;}
}
@keyframes owlprogress {
	from {width: 0;}
	to {width: 100%;}
}
.hero-slider-content > *{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
.active .hero-slider-content > h1{
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInUp;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInUp;
}
.active .hero-slider-content > p{
	-webkit-animation: 1200ms ease-in-out 0s normal none 1 running fadeInUp;
	animation: 1200ms ease-in-out 0s normal none 1 running fadeInUp;
}
.active .hero-slider-content > div.slider-border{
	-webkit-animation: 1400ms ease-in-out 0s normal none 1 running rollIn;
	animation: 1400ms ease-in-out 0s normal none 1 running rollIn;
}
.active .hero-slider-content > .slider-btn{
	-webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
	animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}
.active .hero-slider-content > img{
	-webkit-animation: 900ms ease-in-out 0s normal none 1 running fadeInUp;
	animation: 900ms ease-in-out 0s normal none 1 running fadeInUp;
}
/*slider style css*/
.single-slider {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 890px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hero-slider-content > h1 {
	font-size: 80px;
	line-height: 80px;
	font-weight: 500;
}
.slider-border {
	background-color: #000;
	line-height: 25px;
	min-height: 5px;
	min-width: 122px;
	max-height: 5px;
	max-width: 122px;
	margin: 35px 0;
	display: inline-block;
}
.hero-slider-content > p {
	font-size: 16px;
	line-height: 28px;
	max-width: 655px;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}
.slider-btn > a {
	font-size: 15px;
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding: 15px 35px;
	font-weight: 500;
	text-align: center;
	margin-top: 45px;
	box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
}
.slider-btn > a i {
	font-size: 16px;
	margin-left: 5px;
	vertical-align: middle;
}
.slider-btn > a:hover{
	background-color: #0f3178;
}
/*slider style 2 css*/
.single-slider-style-2 {
	height: 800px;
}
.hero-slider .hero-slider-content > img{
	width: auto;
}
/*slider style 3 css*/
.hero-slider-content-3 {
	margin-top: 135px;
}
.single-slider.slider-style-3 .hero-slider-content {
	text-align: center;
}
.slider-style-3 .hero-slider-content > h1 {
	color: #fff;
}
.slider-style-3 .hero-slider-content .slider-border {
	background-color: #fff;
}
.slider-style-3 .hero-slider-content > p {
	color: #fff;
	margin: 0 auto;
	text-align: left;
}
/*slider style 5 css*/
.single-slider-style-5 {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 580px;
}
.hero-slider-content-5,
.hero-slider-content-6 {
	padding-left: 50px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	display: inline-block;
	z-index: 9;
}
.hero-slider-content-6 {
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
	padding-left: 0;
	top: 40%;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
}
.hero-slider .hero-slider-content-5 > img.first-img {
	margin-bottom: 30px;
}
.hero-slider .hero-slider-content-5 > img.secound-img {
	margin: 0 auto;
}
.hero-slider .hero-slider-content-6 > img.first-img{
	margin: 0 auto;
}
.hero-slider .hero-slider-content-6 > img.secound-img {
	position: absolute;
	right: 30px;
}
.hero-slider.hero-slider-5 .owl-nav > div{
	display: none;
}
.hero-slider.hero-slider-5 .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}
.hero-slider.hero-slider-5 .owl-dot {
	width: 13px;
	height: 13px;
	background: #E7E6E6;
	display: inline-block;
	margin: 0 8px;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hero-slider.hero-slider-5 .owl-dot.active,.hero-slider.hero-slider-5 .owl-dot:hover{
	background: #FFFFFF;
}
.hero-slider .owl-nav > div,
.hero-slider.hero-slider-3 .owl-nav > div,
.testimonial-active .owl-nav > div {
	position: absolute;
	top: 50%;
	left: 45px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/slider-left.png?1683730917958);
	background-repeat: no-repeat;
	font-size: 0;
	width: 40px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hero-slider.hero-slider-3 .owl-nav > div {
	background-image: url(img/icon/slider-left-hover.png) !important;
}
.hero-slider.hero-slider-3 .owl-nav > .owl-next{
	background-image: url(img/icon/slider-right-hover.png) !important;
}
.testimonial-active .owl-nav > div{
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.testimonial-active:hover .owl-nav > div{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hero-slider .owl-nav > .owl-next,
.hero-slider.hero-slider-3 .owl-nav > .owl-next,
.testimonial-active .owl-nav > .owl-next {
	right: 45px;
	left: auto;
	background-image: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/slider-right.png?1683730917958);
}
.testimonial-active .owl-nav > .owl-next{
	right: 0;
}
.hero-slider .owl-nav > div:hover,
.testimonial-active .owl-nav > div:hover{
	background-image: url(img/icon/slider-left-hover.png);
}
.hero-slider .owl-nav > .owl-next:hover,
.testimonial-active .owl-nav > .owl-next:hover{
	background-image: url(img/icon/slider-right-hover.png);
}
/*------------------------
4. Feature Area CSS
--------------------------*/
.feature-history-area {
	background-image: url(img/bg/bg2.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 120px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
}
.feature-history-area .history-area-content {
	padding: 0;
	border: 0;
	margin-bottom: 85px;
}
.single-feature {
	padding: 50px 35px;
	background-color: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	min-height:170px;
}
.single-feature:hover{
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.feature-icon > span {
	font-size: 60px;
	color: #0f3178;
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
}
.single-feature:hover .feature-icon > span{
	-webkit-animation: crFlipX 2s ease-in-out infinite backwards;
	animation: crFlipX 2s ease-in-out infinite backwards;
}
.feature-content > h3 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}
.feature-content > p {
	font-size: 11px;
	line-height: 25px;
	letter-spacing: 2px;
	margin: 0;
}
/*---------------------------
5. History Area CSS
----------------------------*/
.history-area-content{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 110px;
}
.history-area-content > p > strong {
	color: #000;
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 35px;
}
.history-area-content > p {
	font-size: 16px;
	line-height: 33px;
	margin-bottom: 0;
}

/*---------------------------
6. Shop Categories Area CSS
-----------------------------*/
.cat-1 {
	width: 39%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 39%;
	flex: 0 0 39%;
	max-width: none;
}
.cat-2 {
	width: 61%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 61%;
	flex: 0 0 61%;
	max-width: none;
}
.cat-3 {
	width: 54%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 54%;
	flex: 0 0 54%;
	max-width: none;
}
.cat-4 {
	width: 46%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
	max-width: none;
}
.cat-5 {
	width: 36%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 36%;
	flex: 0 0 36%;
	max-width: none;
}
.cat-6 {
	width: 64%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 64%;
	flex: 0 0 64%;
	max-width: none;
}
.categories-img {
	position: relative;
}
.categories-img > a{
	display: block;
	width: 100%;
}
.categories-img > a:hover{
	box-shadow: 0px 10px 30px 0px #d3d3d3;
}
.categories-content {
	background: #fff;
	left: 50%;
	margin: 0;
	margin-right: -50%;
	padding: 10px 15px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	z-index: 9;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.categories-img:hover .categories-content{
	background: #0f3178;
}
.categories-content > h3 {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}
.categories-content > h4 {
	color: #0f3178;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.categories-img:hover .categories-content > h3,
.categories-img:hover .categories-content > h4{
	color: #fff;
}
/*------------------------
7. Product Area CSS
--------------------------*/
.single-product {
	margin-top: 5px;
}
.product-slider-active {
	width: 100%;
}
.single-product:hover{
}
.product-img {
	position: relative;
	overflow: hidden;
	text-align:center;
}
.onsale {
	background: #0f3178;


	box-shadow: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	height: 95px;
	left: auto;
	line-height: 162px;
	min-height: auto;
	min-width: auto;
	position: absolute;
	right: -55px;
	text-align: center;
	text-shadow: none;
	text-transform: none;
	top: -55px;
	width: 94px;
	z-index: 2;
	border-radius: 0;
	-webkit-transform: rotate(45deg) translateZ(0) scale(1.0,1.0);
	transform: rotate(45deg) translateZ(0) scale(1.0,1.0);
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}
/*
.product-action {
background: #fff;
left: 50%;
margin-right: -50%;
max-width: 90%;
padding: 0 9px;
position: absolute;
top: 50%;
z-index: 99;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
*/
.product-action {
	background: #fff;
	left: 50%;
	position: absolute;
	z-index: 99;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	background: rgba(75, 63, 63, .5);
	bottom: 0;
	left: 0;
	width: 100%;
	top: auto;
	border: none;
	outline: none;
	text-align:center;
}

.product-action > ul > li > a i {
	color: #fff;
}
.product-action > ul > li {
	display: inline-block;
	list-style: none;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.product-action > ul > li > a {
	color: #fff;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 0;
}
.product-action > ul > li > a:hover{
	color: #0f3178;
} 
.product-content {
	padding: 20px 15px 0px 15px;
	text-align: center;
}
.product-content > h3 > a {
	color: #000;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
}
.product-content > h3 > a:hover{
	color: #0f3178;
}
.product-price {
	position: relative;
}
.price-box {
	color: #555;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.price {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
	padding-right: 5px;
}

.add-to-cart {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.single-product:hover .add-to-cart{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.product-content > h3 > a{
	font-weight:bold;
}

.add-to-cart a {
	background: transparent;
	border: none;
	color: #000;
	display: inline-block;
	float: left;
	font-size: 11px;
	font-weight: 500;
	height: 30px;
	letter-spacing: .2em;
	line-height: 30px;
	margin: 0;
	padding: 0 5px;
	text-transform: uppercase;
	width: 100%;
	border-radius: 0;
}
.add-to-cart a:hover{
	color: #0f3178;
}
/*slider dot*/
.product-slider-active .slick-dots,
.offer-slider .slick-dots,
.brand-active .slick-dots,
.blog-slider-active .slick-dots,
.product-list-slider-active .slick-dots,
.blog-list-slider-active .slick-dots,
.banner-slider-active .slick-dots,
.indoor-product-active .slick-dots,
.product-offer-active .slick-dots,
.sidebar-product-active .slick-dots,
.store-slider-active .slick-dots,
.product-list-slider-active2 .slick-dots {
	text-align: center;
	margin-top: 5px;
}
.product-slider-active .slick-dots li,
.offer-slider .slick-dots li,
.brand-active .slick-dots li,
.blog-slider-active .slick-dots li,
.product-list-slider-active .slick-dots li,
.blog-list-slider-active .slick-dots li,
.banner-slider-active .slick-dots li,
.indoor-product-active .slick-dots li,
.product-offer-active .slick-dots li,
.sidebar-product-active .slick-dots li,
.store-slider-active .slick-dots li,
.product-list-slider-active2 .slick-dots li {
	display: inline-block;
	width: 13px;
	height: 13px;
	cursor: pointer;
	margin: 0 2px;
}
.brand-active .slick-dots,
.blog-slider-active .slick-dots,
.blog-list-slider-active .slick-dots,
.banner-slider-active .slick-dots,
.indoor-product-active .slick-dots,
.sidebar-product-active .slick-dots{
	margin-top: 25px;
}
.product-slider-active .slick-dots li button,
.offer-slider .slick-dots li button,
.brand-active .slick-dots li button,
.blog-slider-active .slick-dots li button,
.product-list-slider-active .slick-dots li button,
.blog-list-slider-active .slick-dots li button,
.banner-slider-active .slick-dots li button,
.indoor-product-active .slick-dots li button,
.product-offer-active .slick-dots li button,
.sidebar-product-active .slick-dots li button,
.store-slider-active .slick-dots li button,
.product-list-slider-active2 .slick-dots li button {
	background: none;
	border: 1px solid #000;
	border-radius: 100%;
	height: 100%;
	margin: 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	overflow: hidden;
	padding: 0;
	position: static;
	text-indent: -9999px;
	visibility: visible;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-slider-active .slick-dots li button:hover,
.product-slider-active .slick-dots li.slick-active button,
.offer-slider .slick-dots li button:hover,
.offer-slider .slick-dots li.slick-active button,
.brand-active .slick-dots li button:hover,
.brand-active .slick-dots li.slick-active button,
.blog-slider-active .slick-dots li button:hover,
.blog-slider-active .slick-dots li.slick-active button,
.product-list-slider-active .slick-dots li button:hover,
.product-list-slider-active .slick-dots li.slick-active button,
.blog-list-slider-active .slick-dots li button:hover,
.blog-list-slider-active .slick-dots li.slick-active button,
.banner-slider-active .slick-dots li button:hover,
.banner-slider-active .slick-dots li.slick-active button,
.indoor-product-active .slick-dots li button:hover,
.indoor-product-active .slick-dots li.slick-active button,
.product-offer-active .slick-dots li button:hover,
.product-offer-active .slick-dots li.slick-active button,
.sidebar-product-active .slick-dots li button:hover,
.sidebar-product-active .slick-dots li.slick-active button,
.store-slider-active .slick-dots li button:hover,
.store-slider-active .slick-dots li.slick-active button,
.product-list-slider-active2 .slick-dots li button:hover,
.product-list-slider-active2 .slick-dots li.slick-active button{
	background: #000;
}
/*------------------------------------
8. Product Countdown Area CSS
-------------------------------------*/
.count-down-area{
	width: 100%;
	max-width: 675px;
	margin: auto;
}
.product-countdown-area {
	background-image: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/bg1.jpg?1683730917958);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 120px;
	margin-bottom: 270px;
}
.countdown-inner {
	background: #fff;
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
	margin-left: 25px;
	margin-right: 25px;
}
.countdown-inner:after,
.countdown-inner:before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	z-index: 2;
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.countdown-inner:before {
	left: 6px;
	right: 6px;
	top: 6px;
}
.countdown-inner:after {
	left: 12px;
	right: 12px;
	top: 12px;
}
.count-box {
	background: #fff;
	text-align:center;
	line-height: 1;
	margin: 0;
	padding: 18px 30px;
	position: relative;
	z-index: 11;
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.single-count {
	background: none;
	display: inline-block;
	height: auto;
	line-height: 1;
	padding: 0 15px;
	position: relative;
	width: auto;
	color: #999;
	display: inline;
	font-size: 14px;
	font-weight: normal; 
}
.single-count:after {
	content: ':';
	display: block;
	font-size: 28px;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.single-count:last-child:after {
	display: none;
}
.single-count span {
	color: #555;
	font-size: 46px;
	font-weight: 300;
	min-width: 60px;
	display: inline-block;
}
.offer-slider {
	width: 100%;
	margin-bottom: -270px;
}
.offer-slider .col-md-4.slick-slide{
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.offer-slider .slick-current.slick-center{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*product offer*/
.product-offer {
	border: 1px solid #e5e5e5;
	padding: 15px 30px;
}
.product-offer .single-product:hover {
	box-shadow: none;
}
.product-offer .product-content {
	padding: 20px 5px 10px 5px;
}
.single-count-1 {
	background: #0f3178;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 61px;
}
.single-count-1 span {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
/*------------------------------
9. Banner Area CSS
-------------------------------*/
.banner-slider-active {
	width: 100%;
}
.banner-slider-active .col-md-4.slick-slide{
	padding: 0 30px;
}
.banner-img {
	overflow: hidden;
	position: relative;
}
.banner-img > a {
	display: block;
}
.banner-img > a:before {
	background-color: rgba(0,0,0,0.1);
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9;
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.banner-img img {
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-banner:hover .banner-img > a:before{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-banner:hover .banner-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/*-----------------------------
10. Testimonial Area CSS
-----------------------------*/
.testimonial-img {
	display: inline-block;
	margin-bottom: 45px;
	position: relative;
}
.testimonial-img:before {
	background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/testimonial-icon.png?1683730917958) center center no-repeat;
	bottom: 0;
	content: '';
	display: block;
	height: 37px;
	left: 10px;
	position: absolute;
	width: 37px;
	z-index: 9;
}
.testimonial-img img {
	border-radius: 65px;
	box-shadow: 0px 10px 30px 0px rgba(188,188,188,0.7);
	width: 150px !important;
	height: 150px;
}
.testimonial-content > p {
	font-size: 20px;
	line-height: 32px;
	margin: 0 auto 25px auto;
	max-width: 800px;
	position: relative;
	text-align: center;
}
.testimonial-author > h6 {
	color: #0f3178;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
}
.testimonial-author > h6 > span {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	position: relative;
}
.testimonial-author > h6 > span:before {
	content: "-";
	display: inline-block;
	margin: 0 5px 0 2px;
	color: #555;
}
/*----------------------
11. Brand Area CSS
------------------------*/
.brand-active .single-brand img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.brand-active .single-brand img:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------
12. Blog Area CSS
------------------------*/
.blog-area {
	background-color: #f8f8fa;
	padding-top: 50px;
	padding-bottom: 0;
}
.blog-slider-active {
	width: 100%;
}
.single-blog {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-blog:hover{
	box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
}
.blog-img > a {
	display: block;
	position: relative;
	overflow: hidden;
}
.blog-img > a:before {
	background-color: rgba(0,0,0,0.1);
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.blog-img > a:hover:before{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-img > a > img{
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-img > a:hover > img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.blog-content {
	background: #fff;
	padding: 25px 30px 40px 30px;
}
.post-date {
	color: #0f3178;
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.post-title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #555;
}
.post-description {
	margin-bottom: 25px;
}
.post-author > img {
	display: inline-block;
	height: 50px;
	margin-right: 10px;
	width: 50px;
	border-radius: 100%;
	border: 1px solid #ddd;
}
.post-author > a {
	color: #0f3178;
}
.post-author > a:hover {
	text-decoration: underline;
}
/*------------------------
Blog List Area CSS
-------------------------*/
.blog-list-slider-active {
	width: 100%;
}
.blog-list {
	background: #fff;
	min-height: 113px;
	padding: 35px 0 35px 166px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-list:hover{
	background: #0f3178;
	color: #fff;
}
.blog-list .post-date {
	background: #0f3178;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 11px;
	height: 100%;
	left: 0;
	letter-spacing: 1px;
	padding: 0 15px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.blog-list .post-title{
	font-size: 18px;
}
.blog-list:hover .post-author,
.blog-list:hover .post-title,
.blog-list:hover .post-author a{
	color: #fff;
}
.blog-list .post-title a:hover{
	color: #fff;
}
.blog-list .post-author img {
	display: inline-block;
	height: 43px;
	left: 115px;
	position: absolute;
	top: 37px;
	width: 43px;
	border-radius: 100%;
}
/*-----------------------
12.1 Blog Page CSS
------------------------*/
.blog_area article.blog_single { 
	margin-bottom: 50px;
	padding-bottom: 20px;
}
.blog_single .entry-header {
	margin-bottom: 20px;
}
article.blog_single .post-category {
	display: block;
	line-height: 25px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #0f3178;
}
article.blog_single .post-category:before {
	content: '\f07b';
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}
article.blog_single .post-category > a {
	color: #0f3178;
}
article.blog_single .post-category > a:hover{
	color: #222;
}
.blog_single header h2 {
	margin-bottom: 14px;
}

h1.entry-title.arti{
	margin: 0;
}
h1.entry-title.arti {
	color: #444;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 12px 0;
	letter-spacing: 1px;
	line-height:1.2;
}
h1.entry-title.arti:before {
	content: '\f005';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: 0px;
	vertical-align: middle;
	margin-top: -5px;
}
h1.entry-title.arti > a:hover {
	color: #0f3178;
}



h2.entry-title{
	margin: 0;
}
h2.entry-title {
	color: #444;
	font-size: 28px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 12px 0;
	letter-spacing: 1px;
}
h2.entry-title:before {
	content: '\f005';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: top;
}
h2.entry-title > a:hover {
	color: #0f3178;
}

h3.xx{
	margin: 0;
}
h3.xx {
	color: #444;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 12px 0;
	letter-spacing: 1px;
	line-height:1.2;

}
h3.xx:before {
	content: '\f005';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: top;margin-top: 6px;

}
h3.xx > a:hover {
	color: #0f3178;
}



.post-author {
	color: #626262;
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
}
.post-separator {
	color: #8c8c8c;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.blog-post-date {
	color: #8c8c8c;
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
}
.blog_single .post-thumbnail {
	margin-bottom: 26px;
}
.post-gallery img {
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.post-info .entry-summary > p {
	margin-bottom: 27px;
}
.blog_single .readmore.button {
	background: #434343 none repeat scroll 0 0;
	border-color: #434343;
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
}
.social-sharing .widget-title {
	background: none;
	color: #8c8c8c;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 12px;
	margin-top: 30px;
	font-weight: 700;
}
.blog-social-icons{
	margin: 10px 0 20px;
}
.blog-social-icons > li {
	list-style: none;
	display: inline-block;
}
.blog-social-icons > li > a {
	background: #f7f7f7;
	border-radius: 100%;
	color: #353535;
	display: block;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	text-align: center;
	width: 26px;
}
.blog-social-icons > li > a:hover{
	background-color: #0f3178;
	color: #fff;
}
.comment {
	color: #a43d21;
	text-align: left;
	display: block;
	font-size: 14px;
}
.comment:hover{
	color: #0f3178;
}
.post-gallery .owl-nav > div {
	position: absolute;
	top: 50%;
	left: 40px;
	-webkit-transition: ;
	transition: ;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 36px;
	background: #000;
	color: #fff;
	font-size: 30px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	text-align: center;
	z-index: 5;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.post-gallery .owl-nav div.owl-next{
	right: 40px;
	left: auto;
}
.post-gallery .owl-nav > div.owl-prev:after{
	display: none;
}
.post-gallery:hover .owl-nav > div{
	left: 10px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.post-gallery:hover .owl-nav div.owl-next{
	right: 10px;
	left: auto;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-audio iframe {
	vertical-align: middle;
	border: none;
	width: 100%;
	min-height: 300px;
}
/*blog sidebar css*/
.product-filter {
	display: block;
}
.product-filter > h2 {
	border-bottom: 1px solid #ededed;
	color: #222;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: capitalize;
	width: 100%;
	font-family: 'SVN-Veneer';
}
.search__sidbar .input_form {
	position: relative;
}
.search__sidbar input.input_text[type="text"] {
	background: none;
	border: 1px solid #ededed;
	height: 34px;
	padding: 0 40px 0 15px;
	width: 100%;
}
.search__sidbar .button {
	background: none;
	border: none;
	color: #222;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	margin: 0;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	cursor: pointer;
	top: 0;
	width: 34px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search__sidbar .button:hover{
	background-color: #222;
	color: #0f3178;
}
.blog_Archives__sidbar li {
	color: #222;
	font-size: 14px;
	list-style: none;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
/*----------------------------
12.2 Single Blog Page CSS
-----------------------------*/
.blog_area .blog_single.blog-details {
	border-bottom: none;
	margin-bottom: 15px;
}
.entry-summary.blog-post-description > p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 25px;
	color: #222;
	text-align: left;
}
.entry-summary.blog-post-description blockquote {
	background: #f6f6f6;
	border: 1px solid #ededed;
	border-left: 5px solid #0f3178;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	margin: 40px 0 40px 40px;
	padding: 30px 45px;
	text-align: left;
}
.single-post-tag {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
	margin: 30px 0;
	color: #222;
	text-align: left;
}
.single-post-tag > a{
	font-size: 13px;
	text-transform: uppercase;
	color: #222;
}
.single-post-tag > a:hover{
	color: #0f3178;
}
.relatedposts > h3 {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 20px;
	position: relative;
	text-transform: uppercase;
}
.relatedthumb > h4 {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #444;
	text-transform: uppercase;
	margin: 0;
}
.image {
	margin-bottom: 25px;
}
.rl-post-date {
	color: #8c8c8c;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	font-style: italic;
}
.comments-area > h3,
.comment-box > h3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.comments-area ol {
	list-style: none;
	padding-left: 0;
}
.comments-area > ol > li > ol{
	margin-left: 30px;
}
.comments-area .commentlist li .single-comment {
	background: #fff;
	border: 1px solid #ededed;
	margin: 0 0 20px;
	padding: 30px;
	width: 100%;
}
.comments-area .commentlist li .comment-avatar {
	float: left;
	margin-right: 20px;
}
.comments-area .commentlist li .comment-info {
	border: none;
	overflow: hidden;
	position: relative;
}
.comments-area .commentlist .comment-info a {
	color: #222;
	display: block;
	font-weight: 700;
	font-size: 14px;
}
.comments-area .commentlist li .comment-info .reply {
	display: inline-block;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.comments-area .commentlist li .comment-info .reply a {
	background: none;
	border: 1px solid #0f3178;
	box-shadow: none;
	color: #0f3178;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	height: 28px;
	line-height: 26px;
	padding: 0 20px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
	border-radius: 500px;
}
.comments-area .commentlist li .comment-info .reply a:hover{
	background-color: #0f3178;
	color: #fff;
}
.comments-area .commentlist .comment-info span.date {
	display: block;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 15px;
	color: #222;
	line-height: 19px;
}
.comment-info > p {
	margin-bottom: 0;
	color: #222;
}
.comment-note {
	font-size: 12px;
	color: #666;
	line-height: 25px;
	margin-bottom: 10px;
}
.single-input {
	margin-bottom: 20px;
}
.single-input > label {
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
.single-input > textarea {
	border: none;
	background: #f2f2f2;
	border-radius: 0;
	height: 135px;
	padding: 15px;
	margin-bottom: 20px;
	width: 100%;
}
.single-input > input {
	background: #f2f2f2;
	border: none;
	height: 46px;
	padding-left: 15px;
	width: 100%;
}
.single-input > input:focus,
.single-input > textarea:focus {
	outline: auto;
	outline-color: #0f3178;
}

/*--------------------------------
13. News Letter Area CSS
----------------------------------*/
.news-latter-box > p {
	font-size: 22px;
	text-align: center;
	margin-bottom: 50px;
}
.subscribe-form {
	display: inline-block;
	margin: auto;
	max-width: 100%;
	vertical-align: middle;
}
.subscribe-form input {
	background: #fff;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	color: #666;
	display: block;
	float: left;
	font-size: 1em;
	height: 48px;
	line-height: 48px;
	max-width: 100%;
	padding: 0 10px;
	position: relative;
	text-align: left;
	white-space: nowrap;
	width: 435px;
	border-radius: 4px;
}
.subscribe-form button {
	background: #0f3178;
	border: none;
	color: #fff;
	float: left;
	font-size: 15px;
	font-weight: 500;
	height: 48px;
	letter-spacing: .03em;
	line-height: 48px;
	cursor: pointer;
	margin: 0 0 0 15px;
	max-width: 100%;
	padding: 0 32px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #0f3178;;

}
.subscribe-form button:hover {
	background: #fff;
	color: #0f3178;;
}
/*-------------------------------------
14. Footer Area CSS
---------------------------------------*/
/*--------------------------
14.1 Footer Top Area CSS
----------------------------*/
.footer-top-area {
	padding-top: 75px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-title > h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	line-height: 27px;
	margin-bottom: 25px;
}
.link-widget > li {
	list-style: none;
	display: block;
	margin-bottom: 14px;
}
.link-widget > li > a {
	font-size: 14px;
	color: #ececec;
	line-height: 16px;
	display: block;
}
.link-widget > li > a:hover{
	color: #fff;
	text-decoration: underline;
}
.product .details  {
	pointer-events: none;
}
/*--------------------------
14.2 Footer Middle Area CSS
----------------------------*/
.footer-middle-area {
	padding-top: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-info {
	padding: 10px 0;
}
.icon {
	float: left;
	padding-top: 6px;
	color: #fff;
	font-size: 18px;
}
.footer-info > p {
	font-size: 15px;
	line-height: 21px;
	margin-left: 35px;
	color: #ececec;
	margin-bottom: 0;
}
.footer-info > a {
	font-size: 15px;
	line-height: 23px;
	margin-left: 13px;
	color: #ececec;
	margin-bottom: 0;
	display: inline-block;
}
.footer-info > a:hover{
	color:#fff;
}

/*------------------------------------
14.3 Footer Bottom Area CSS
------------------------------------*/
.footer-payments-image {
	text-align: center;
	padding: 5px 0;
	margin: 20px 0;
}
.footer-menu ul > li {
	display: inline-block;
	list-style: none;
	border-right: 1px solid #999999;
	line-height: 13px;
}
.footer-menu ul > li:last-child{
	border-right: 0;
}
.footer-menu ul > li > a {
	color: #ececec;
	font-size: 12px;
	font-weight: 500;
	display: block;
	letter-spacing: 1px;
	padding: 0 15px;
	text-transform: uppercase;
}
.footer-menu ul > li:first-child > a{
	padding-left: 0;
}
.footer-menu ul > li:last-child > a{
	padding-right: 0;
}
.footer-menu ul > li > a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer-copyright > p {
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 16px;
	color: #ececec;
	margin-top: 10px;
}
.footer-copyright > p > a {
	color: #fff;
}
.footer-copyright > p > a:hover{
	text-decoration: underline;
}
/*----------------------------------------*/
/*   15. Modal Area CSS
/*----------------------------------------*/
#open-modal .modal-dialog {
	margin: 5% auto;
	min-height: 300px;
	padding: 20px;
	width: 1024px;
	max-width: 100%;
}
.modal-header {
	border: none;
	padding: 0;
}
.modal-header .close {
	padding: 0;
	background: transparent;
	border-radius: 3px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	display: block;
	color: #999;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
	font-size: 16px;
	position: absolute;
	top: 40px;
	right: 30px;
	z-index: 999;
}
.modal-body {
	padding: 34px 20px 0 20px;
	position: relative;
}
.single-product-img {
	margin-bottom: 10px;
}
.single-slide-menu {
	margin-bottom: 40px;
}
.single-tab-menu {
	padding: 0 5px;
}
.single-tab-menu > a {
	border: 1px solid #e5e5e5;
	display: block;
	width: 100%;
}
.single-tab-menu > a:hover{
	border-color: #0f3178;
}
.modal-product-info {
	margin-bottom: 55px;
}
.modal-product-info  > h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
}
.modal-product-price {
	color: #0f3178;
	font-size: 16px;
	font-weight: 700;
}
.modal-product-price > span.old-price {
	text-decoration: line-through;
}
.see-all {
	color: #999;
	display: inline-block;
	margin-bottom: 40px;
	text-decoration: underline;
	width: 100%;
}
.add-to-cart.quantity {
	border-bottom: 1px solid #ededed;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 38px;
	width: 100%;
	position: static;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	text-align: left;
}
.add-to-cart.quantity form{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.modal-quantity {
	border: 1px solid #ededed;
	float: left;
	height: 50px;
	margin-right: 15px;
	width: auto;
}
.modal-quantity input {
	border: none;
	color: #555555;
	font-size: 14px;
	font-weight: normal;
	height: 48px;
	width: 60px;
}
.form-button {
	border: none !important;
	height: 40px !important;
	line-height: 40px !important;
	background: #000;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 38px;
	overflow: hidden;
	padding: 0 25px;
	text-shadow: none;
	text-transform: capitalize;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	cursor: pointer;
}
.form-button:hover{
	background: #0f3178;
	color: #fff;
}
.cart-description {
	border-bottom: 1px solid #ededed;
	color: #999;
	float: left;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 25px;
	padding: 0 0 15px;
	width: 100%;
}
.social-share > h3 {
	background: none;
	color: #222;
	float: left;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 15px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.socil-icon2 > li {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}
.socil-icon2 > li > a {
	font-size: 18px;
	color: #808080;
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #ebebeb;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.socil-icon2 > li:nth-child(1) > a:hover {
	background: #3B579D;
	border-color: #3B579D;
	color: #fff;
}
.socil-icon2 > li:nth-child(2) > a:hover {
	background: #3ACAFF;
	border-color: #3ACAFF;
	color: #fff;
}
.socil-icon2 > li:nth-child(3) > a:hover {
	background: #CB2027;
	border-color: #CB2027;
	color: #fff;
}
.socil-icon2 > li:nth-child(4) > a:hover {
	background: #D11717;
	border-color: #D11717;
	color: #fff;
}
.socil-icon2 > li:nth-child(5) > a:hover {
	background: #0097BD;
	border-color: #0097BD;
	color: #fff;
}
.single-slide-menu .owl-dots {
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99;
}
.single-slide-menu .owl-dot {
	height: 15px;
	width: 15px;
	border: 2px solid #e5e5e5;
	display: inline-block;
	margin: 0 5px;
	border-radius: 100%;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-slide-menu .owl-dot.active,
.single-slide-menu .owl-dot:hover {
	border-color: #0f3178;
	background: #0f3178;
}
/*----------------------------------
16. Shop Collection Area CSS
------------------------------------*/
.shop-collection-area .col-left,
.shop-collection-area .col-right {
	margin-bottom: 60px;
}
.shop-collection-area .col-left {
	padding-right: 70px;
}
.shop-collection-area .col-right {
	padding-left: 70px;
}
.collection-content > h3 {
	color: #555;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 29px
}
.collection-content > h4 {
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
}
.collection-content > h4 > a {
	color: #0f3178;
}
.collection-content > p{
	margin-bottom: 10px;
}
.collection-content > h2 {
	color: #000;
	font-size: 46px;
	font-weight: 500;
	margin-top: 15px;
	line-height: 62px;
	margin-bottom: 5px;
}
.collection-content > a {
	background: #0f3178;
	color: #fff;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	margin-top: 15px;
	padding: 0 20px;
}
.collection-content > a:hover {
	background: #94c74c;
}
/*-----------------------------------------
17. Bestseller List Product Area CSS
-------------------------------------------*/
.product-list-slider-active {
	width: 100%;
}
.single-product.product-list {
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.single-product.product-list:hover{
	box-shadow: none;
}
.list-col-4 {
	float: left;
	width: 40%;
}
.list-col-8 {
	float: left;
	width: 60%;
	padding: 20px 15px;
}
.single-product.product-list .product-content {
	text-align: left;
	padding: 0;
}
.single-product.product-list:hover .price-box{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-product.product-list .add-to-cart {
	position: static;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	text-align: left;
}
.indoor-product-active{
	width: 100%;
}
.product-list-area {
	padding: 20px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
}
.product-list-area .single-product.product-list {
	border-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}
.product-list-area .list-col-4 {
	width: 30%;
}
.product-list-area .list-col-8 {
	width: 70%;
}
/*------------------------------
18. Home Product Layout Area
-------------------------------*/
.category-menu {
	position: relative;
}
.category-heading > h2 {
	background: #0f3178;
	color: #fff;
	font-size: 35px;
	font-weight: normal;
	height: 52px !important;
	line-height: 52px;
	padding: 0 20px;
	border-radius: 3px 3px 0 0;
	position: relative;
	cursor: pointer;
	font-family: 'Lobster', cursive;
	text-transform: capitalize;
	text-align: center;
}
.category-heading > h2:after{
	font-size: 20px;
	vertical-align: top;
	margin-left: 15px;
	content: '\e874';
	font-family: 'Linearicons-Free';
	display: inline-block;
}
.category-menu-list > ul {
	background: #fff;
	border-radius: 0px 0px 4px 4px;
	margin-top: -2px;
}
.category-menu-list > ul > li{
	list-style: none;
	border-bottom: 1px solid #ebebeb;
}
.category-menu-list > ul > li{
	padding: 0 20px;
	position: relative;
	text-align: left;
}
.category-menu-list > ul > li > a,
.cat-dropdown > li > a {
	display: block;
	text-transform: capitalize;
	color: #7a7a7a;
	height: 40px;
	line-height: 39px;
	overflow: hidden;
	padding-left: 15px;
	font-size: 13px;
}
.category-menu-list > ul > li > a:hover,
.cat-dropdown > li > a:hover{
	color: #0f3178;
}
.category-menu-list > ul > li > a:before {
	content: "";
	width: 11px;
	height: 11px;
	border: 1px solid #555;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
	border-radius: 100%;
}
.category-menu-list > ul > li > a:hover:before{
	background: #0f3178;
	border-color: #0f3178;
}
.category-menu-list > ul > li:last-child > a:before{
	display: none;
}
.category-menu-list > ul > li.right-menu > a:after {
	content: "\f105";
	font-family: FontAwesome;
	float: right;
	vertical-align: top;
}
.category-menu-list > ul > li.rx-parent > a {
	font-size: 14px;
	font-weight: 600;
	color: #363f4d;
}
.rx-parent {
	cursor: pointer;
}
.category-menu-list ul > li span.fa {
	float: left;
	padding-top: 13px;
	margin-left: -15px;
	margin-right: 15px;
}
.rx-child, .category-menu-list ul li a.rx-show {
	display: none;
}
.category-menu-list ul li.rx-change a.rx-show {
	display: block;
}
.category-menu-list ul li.rx-change a.rx-default {
	display: none;
}
.cat-dropdown,.cat-mega-menu {
	position: absolute;
	top: 0;
	left: 100%;
	background: #ffffff;
	z-index: 999;
	width: 220px;
	border: 1px solid #e5e5e5;
	box-shadow: none;
	border: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.cat-dropdown li,
.cat-mega-menu ul li{
	list-style: none;
}
.cat-dropdown > li > a{
	font-size: 12px;
}
.cat-dropdown > li > a:hover{
	color: #0f3178;
}
.cat-mega-menu {
	width: 670px;
	padding: 4px 0 10px 0;
	overflow: hidden;
}
li.right-menu .cat-mega-menu > li {
	width: 33.33%;
	float: left;
	padding: 15px 20px 10px 30px;
	list-style: none;
}
.cat-mega-menu > li.cat-mega-title > a {
	font-weight: 700;
	text-transform: capitalize;
	font-size: 13px;
	margin-bottom: 15px;
	display: block;
	line-height: 36px;
	position: relative;
}
.cat-mega-menu > li.cat-mega-title > a:after {
	background: #e5e5e5;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 80px;
}
.cat-mega-menu > li > ul > li > a{
	font-size: 13px;
	display: block;
	line-height: 25px;
}
.cat-mega-menu > li > ul > li > a:hover{
	color: #0f3178;
}
.category-menu-list > ul > li:hover .cat-dropdown,.category-menu-list > ul > li:hover .cat-mega-menu{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
} 
.sidebar-layout .featured-product {
	border: 1px solid #e5e5e5;
	padding-bottom: 35px;
}
.sidebar-title > h3 {
	font-size: 35px;
	font-family: 'Lobster', cursive;
	padding-bottom: 25px;
	margin-bottom: 0;
}
.featured-product h3 {
	margin-top: 15px;
}
.featured-product .single-product.product-list {
	padding: 6px 15px;
}
.featured-product .single-product.product-list:last-child{
	border-bottom: none;
}
.product-tag > ul > li {
	list-style: none;
	display: inline-block;
}
.product-tag > ul > li > a {
	background: #ebebeb;
	border: none;
	color: #555;
	display: inline-block;
	font-size: 13px;
	margin: 0 5px 8px 0;
	padding: 4px 20px;
	text-transform: capitalize;
}
.product-tag > ul > li > a:hover{
	background: #0f3178;
	color: #fff;
}
.store-product-menu {
	margin-bottom: 20px;
}
.store-product-menu > ul > li > a {
	color: #999;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 0 10px;
	text-transform: uppercase;
	vertical-align: middle;
}
.store-product-menu > ul > li > a.active,
.store-product-menu > ul > li > a:hover{
	color: #0f3178;
}
.store-product-menu > ul > li:first-child:before {
	background: #0f3178;
	content: '';
	display: inline-block;
	height: 1px;
	vertical-align: middle;
	width: 30px;
}
.store-product-menu > ul > li:after {
	background: #0f3178;
	content: '';
	display: inline-block;
	height: 1px;
	vertical-align: middle;
	width: 30px;
}
.store-slider-active{
	width: 100%;
}
.product-list-slider-active2{
	width: 100%;
}
/*---------------------------
19. Breadcrumb Area CSS
-----------------------------*/
.breadcrumb-one {
	position: relative;
}
.breadcrumb-content {
	position: absolute;
	bottom: 20px;
	left: 70px;
	z-index: 1;
}
.breadcrumb-content > ul > li{
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #fff;
	position: relative;
}
.breadcrumb-content > ul > li > a{
	color: #fff;
}
.breadcrumb-content > ul > li > a:hover,
.breadcrumb-content > ul > li.active{
	color: #0f3178;
}
.breadcrumb-content > ul > li:before {
	content: "";
	height: 13px;
	width: 1px;
	vertical-align: middle;
	background-color: #fff;
	display: inline-block;
	margin: 0 15px;
}
.breadcrumb-content > ul > li:first-child:before{
	display: none;
}
.breadcrumb-tow {
	background-color: #f4f4f4;
	padding: 55px 0 50px 0;
}
.breadcrumb-title > h1 {
	font-size: 50px;
	text-align: center;
	color: #000;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 25px;
}
.breadcrumb-content.breadcrumb-content-tow {
	position: static;
	bottom: 0;
	left: 0;
	text-align: center;
}
.breadcrumb-content-tow > ul > li > a {
	color: #666;
}
.breadcrumb-content-tow > ul > li:before {
	background-color: #666;
}
/*---------------------
20. Shop Page CSS
-----------------------*/
.shop-sidebar {
	margin-bottom: 55px;
}
.shop-sidebar > h4 {
	font-size: 35px;
	text-align: left;
	font-weight: 400;
	margin-bottom: 20px;
}
.categori-checkbox ul li {
	list-style: none;
	display: block;
	padding-right: 25px;
	margin: 0 0 5px 0;
	position: relative;
}
.categori-checkbox ul li input {
	width: auto;
	height: auto;
	vertical-align: middle;
}
.categori-checkbox ul li a {
	font-size: 13px;
	margin-left: 24px;
	font-weight: 400;
	display: inline-block;
	color: #555;
}
.categori-checkbox ul li a:hover{
	color: #0f3178;
}
.categori-checkbox ul li span.count {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	color: #555;
}
.price-filter .ui-widget-content {
	background: #e8e8e8;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	height: 7px;
	margin: 0 0 25px;
	width: 100%;
}
.price-filter .ui-slider-range {
	background: #0f3178;
	border-radius: 0;
}
.price-filter .ui-slider-handle {
	background: #0f3178;
	border: none;
	content: '';
	display: block;
	cursor: w-resize;
	height: 22px;
	line-height: 18px;
	margin: 0;
	text-align: center;
	top: 50%;
	width: 22px;
	outline: none;
	border-radius: 100%;
	box-shadow: 0px 0px 6.65px .35px rgba(0,0,0,0.15);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.price-filter .ui-slider-handle:nth-child(3) {
	-webkit-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
}
.price-filter .ui-slider-handle:before {
	background: #fff;
	content: '';
	display: inline-block;
	height: 14px;
	vertical-align: bottom;
	width: 14px;
	border-radius: 100%;
}
.price-slider-amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.label-input label {
	color: #555;
	font-size: 14px;
	margin: 0;
	text-transform: capitalize;
}
.label-input input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #555;
	font-size: 14px;
	height: inherit;
	padding-left: 5px;
	width: 99px;
}
.price-slider-amount > button,
.compare-btn {
	background: #999;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: normal;
	border: none;
	cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
	text-transform: capitalize;
}
.price-slider-amount > button:hover,
.compare-btn:hover{
	background: #0f3178;
	color: #fff;
}
.compare-btn{
	float: right;
}
.clear-btn {
	float: left;
	height: 35px;
	line-height: 35px;
	display: inline-block;
}
.rc-product > ul {
	border: 1px solid #e5e5e5;
}
.rc-product > ul > li {
	line-height: normal;
	display: block;
	overflow: hidden;
	padding: 10px 15px;
	margin-bottom: 0px;
	border-bottom: 1px solid #e5e5e5;
}
.rc-product > ul > li:last-child{
	border-bottom: 0;
}
.rc-product-thumb {
	float: left;
	width: 30%;
}
.rc-product-content {
	float: left;
	padding: 5px 0;
	padding-left: 20px;
	width: 70%;
}
.rc-product-content > h6 {
	color: #555;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}
.rc-product-review {
	font-size: 10px;
	color: #dcba00;
	margin-bottom: 5px;
}
.shop-topbar-wrapper{
	border-bottom: 1px solid #ededed;
	color: #222;
	margin-bottom: 40px;
	padding-bottom: 10px;
	width: 100%;
}
.grid-list-option > ul > li > a {
	width: 35px;
	height: 35px;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 35px;
	margin-right: 5px;
}
.grid-list-option > ul > li > a {
	border: none;
	color: #222;
	height: 36px;
	line-height: 36px;
	margin-right: 1px;
	width: 36px;
	border-radius: 100%;
	padding:2px;
}
.grid-list-option > ul > li.active > a,
.grid-list-option > ul > li > a:hover{
	background-color: #0f3178;
	color: #fff;
}
.toolbar-shorter {
	width: 280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.toolbar-shorter label {
	width: 120px;
	margin-bottom: 0;
	font-size: 14px;
	padding: 5px 15px;
	color: #555;
	text-transform: capitalize;
}
.nice-select {
	height: 36px;
	line-height: 36px;
	border-radius: 0;
}
.nice-select .option.selected{
	color: #555 !important;
}
.nice-select .option {
	line-height: 36px;
	min-height: 36px;
}
.nice-select .option{
	color: #555;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	color: #fff !important;
	background: #0f3178 !important;
}
.show-product {
	margin: 0;
	line-height: 36px;
	font-size: 14px;
	color: #555;
	vertical-align: middle;
}
/*shop list css*/
.product-list-item {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
}
.product-list-item:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.product-list-item .single-product:hover {
	box-shadow: none;
}
.product-content.shop-list {
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}
.product-reviews {
	margin-bottom: 15px;
	color: #dcba00;
}
.product-list-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}
.add-btn a {
	background: #0f3178;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 0 25px;
	text-transform: uppercase;
	width: 100%;
}
.product-list-action > ul {
	background: #fff;
	padding: 0 9px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}
.product-list-action > ul > li {
	display: inline-block;
	list-style: none;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.product-list-action > ul > li > a {
	color: #555;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 30px;
	border-radius: 0;
}
.product-list-action > ul > li > a:hover {
	color: #0f3178;
}
/*product pagination*/
.product-pagination > ul {
	text-align: right;
	padding-top: 30px;
	margin-bottom: 40px;
	border-top: 1px solid #e5e5e5;
}
.product-pagination > ul > li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
}
.product-pagination > ul > li:last-child{
	margin-right: 0px;
}
.product-pagination > ul > li > a {
	background: #fff;
	border: 1px solid #ededed;
	color: #222;
	font-size: 15px;
	display: block;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	min-width: 0;
	padding: 0 8px;
	text-align: center;
	width: 42px;    line-height: 43px;
}
.product-pagination > ul > li > a > i {
	font-size: 20px;
}
.product-pagination > ul > li.active > a,
.product-pagination > ul > li > a:hover {
	background: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
/*--------------------------------
21. Single Product Page CSS
--------------------------------*/
.product-menu {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 20px;
	padding: 10px 0;
	width: 100%;
}
.product-details-img  {
	padding: 0 25px;
}
.product-details-img img  {
	width: 100%;
}
.product-tab-menu .slick-arrow {
	position: absolute;
	border: 1px solid #e5e5e5;
	color: #e5e5e5;
	background: #fff;
	height: 28px;
	width: 22px;
	line-height: 26px;
	font-size: 18px;
	display: block;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	z-index: 99;
}
.product-tab-menu .slick-next-btn.slick-arrow {
	left: auto;
	right: 0;
}
.product-tab-menu .slick-arrow:hover{
	color: #fff;
	border-color: #0f3178;
	background-color: #0f3178;
}
.product-tab-menu:hover .slick-arrow{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" 
}
.product-large-thumb{
	position: relative;
	overflow: hidden;
}
a.popup-img {
	position: absolute;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #373737;
	color: #fff;
	border-radius: 4px;
	z-index: 999;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-large-thumb:hover a.popup-img{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
a.popup-img:hover{
	background-color: #0f3178;
	color: #fff;
}
.easyzoom-flyout img {
	width: auto !important;
	max-width: none !important;
}
.product-details-content {
	position: relative;
}
.product-nav {
	position: absolute;
	top: 0;
	right: 0;
}
.product-nav > a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d1d1d1;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #d1d1d1;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-nav > a:hover {
	background: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
.product-details-content > h2 {
	color: #555;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
}
.single-product-reviews {
	color: #dcba00;
	font-size: 14px;
	margin-bottom: 10px;
}
.review-link {
	font-size: 14px;
	color: #999;
	margin-left: 10px;
	line-height: 30px;
	display: inline-block;
}
.review-link:hover{
	color: #0f3178;
}
.single-product-price {
	color: #555;
	font-size: 16px;
	font-weight: 600;
}
.product-description > p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	margin: 15px 0;
}
.stock {
	color: #666666;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	width: 100%;
}
.stock:before {
	color: #81ca33;
	content: '\f058';
	float: left;
	font-family: FontAwesome;
	font-size: 14px;
	margin: -2px 8px 0 0;
}
.single-product-quantity {
	overflow: hidden;
	margin-bottom: 25px;
}
.single-product-quantity .product-quantity {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 0;
}
.single-product-quantity .product-quantity input {
	background: none;
	border: none;
	color: #555;
	font-size: 20px;
	font-weight: 400;
	height: 38px;
	line-height: 38px;
	padding: 0;
	width: 60px;
}
.product-btn {
	background: #0f3178;
	border: none;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	margin: 0;
	padding: 0 40px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-btn:before {
	content: '\f07a';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 15px;
	margin-right: 5px;
	vertical-align: top;
}
.product-btn:hover{
	background: #94c74c;
	color: #fff;
}
.wishlist-compare-btn {
	margin-bottom: 30px;
}
.wishlist-compare-btn a {
	background: none;
	border: 1px solid #ededed;
	color: #555;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 43px;
	text-align: center;
	width: 170px;
	border-radius: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.wishlist-compare-btn a.wishlist-btn{
	margin-right: 20px;
}
.wishlist-compare-btn a.wishlist-btn:before,
.wishlist-compare-btn a.add-compare:before{
	content: '\f08a';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: top;
}
.wishlist-compare-btn a.add-compare:before{
	content: '\f021';
}
.wishlist-compare-btn a:hover {
	background: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
.wishlist-compare-btn a:hover:before {
	-webkit-animation: crFlipX 2s ease-in-out infinite both;
	animation: crFlipX 2s ease-in-out infinite both;
}
.product-meta {
	padding: 10px 0;
	width: 100%;
}
.product-meta .posted-in {
	color: #555;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase;
}
.product-meta .posted-in > a {
	color: #666;
	font-weight: 400;
	text-transform: none;
}
.product-meta .posted-in > a:hover{
	color: #0f3178;
}
.single-product-sharing {
	margin-bottom: 0;
	padding: 0px;
	width: 100%;
}
.single-product-sharing > h3 {
	color: #555;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase;
}
.single-product-sharing ul{
	display: inline-block;
	margin-bottom: 10px;
}
.single-product-sharing ul > li {
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative;
}
.single-product-sharing ul > li > a {
	color: #666;
	display: block;
	font-size: 16px;
	text-align: center;
}
.single-product-sharing ul > li > a:hover{
	color: #0f3178;
}
.dec-and-review-menu {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.dec-and-review-menu > li {
	list-style: none;
	position: relative;
	z-index: 9;
	display: inline-block;
	margin: 0 50px 0 0;
}
.dec-and-review-menu > li > a {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 25px;
	display: block;
	padding: 0 0 10px 0;
	position: relative;
}
.dec-and-review-menu > li > a:after {
	background: #0f3178;
	bottom: -1px;
	content: '';
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	right: 50%;
	width: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
} 
.dec-and-review-menu > li:hover > a:after,
.dec-and-review-menu > li > a.active:after{
	left: 0;
	right: 0;
	width: 100%;
}



.product-review-content-tab {
	border-top: 1px solid #e5e5e5;
	box-shadow: none;
	float: left;
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	padding: 10px 0px 0 0;
	width: 100%;
}
.single-product-description > h2 {
	font-size: 18px;
	color: #444;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.single-product-description > p {
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.review-page-comment h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.review-page-comment > ul {
	margin: 0 0 25px;
}
.review-page-comment > ul > li {
	margin: 0 0 20px;
	position: relative;
	list-style: none;
}
.product-comment img {
	width: 60px;
	float: left;
}
.product-comment-content {
	border: 1px solid #ededed;
	border-radius: 3px;
	margin-left: 80px;
	position: relative;
	padding: 15px 15px 0;
}
.product-comment-content:before {
	background: #fff;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	content: '';
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.meta > strong {
	font-size: 17px;
	text-transform: uppercase;
	line-height: 31px;
	color: #777;
}
.meta > span {
	font-size: 17px;
	color: #777;
	font-weight: 400;
	line-height: 31px;
}
.description > p {
	font-size: 16px;
	color: #222;
	line-height: 28px;
}
.comment-notes {
	margin: 0;
}
.rating i.fa:not(:last-child) {
	color: #F9BA48;
}
.input-element {
	max-width: 600px;
	width: 100%;
}
.comment-form-comment {
	margin-bottom: 10px;
}
.comment-form-comment textarea {
	border: 1px solid #ededed;
	border-radius: 0;
	height: 125px;
	padding: 10px;
	width: 100%;
	background: #f5f5f5;
}
.review-comment-form-author,
.review-comment-form-email{
	margin-bottom: 20px;
}
.review-comment-form-author input,
.review-comment-form-email input {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	width: 100%;
	display: block;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
	outline: auto;
	outline-color: #0f3178;
}
/*-------------------------
22. Wishlist Page CSS 
---------------------------*/
.table-content table {
	background: #fff none repeat scroll 0 0;
	border-color: #ebebeb;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}
.table-content table th,
.table-content table td {
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
.table-content table th {
	border-top: medium none;
	font-size: 15px;
	text-transform: capitalize;
	padding: 20px 10px;
	text-align: center;
	font-weight: 500;
	vertical-align: middle;
	white-space: nowrap;
}
.table-content table td {
	border-top: medium none;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 13px;
}
.table-content table td.plantmore-product-remove {
	font-size: 20px;
}
.table-content table td.plantmore-product-name {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}
.table-content table td.plantmore-product-price {
	font-size: 16px;
	font-weight: 700;
}
.table-content table td.plantmore-product-stock-status span.in-stock,
.table-content table td.plantmore-product-stock-status span.out-stock{
	font-size: 12px;
	text-transform: capitalize;
	color: #30b878;
}
.table-content table td.plantmore-product-stock-status span.out-stock {
	color: #EB3E32;
}
.table-content table td.plantmore-product-add-cart a {
	font-size: 14px;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	padding: 10px 20px;
	font-weight: 700;
	display: inline-block;
}
.table-content table td.plantmore-product-add-cart a:hover{
	background: #0f3178;
	color: #fff;
}
/*-------------------------
23. Cart Page CSS 
---------------------------*/
.plantmore-product-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #ededed;
	height: 40px;
	width: 55px;
}
.table-content table td.product-subtotal {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat',sans-serif;
	color: #414141;
}
.table-content table td .cart-plus-minus {
	float: none;
	margin: 0 auto;
}
.coupon-all {
	margin-top: 50px;
}
.coupon {
	float: left;
}
.coupon input {
	background-color: transparent;
	border: 1px solid #ddd;
	color: #333;
	font-size: 13px;
	border-radius: 0;
	height: 42px;
	width: 120px;
}
.coupon-all input.button {
	background-color: #333;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	padding: 0 25px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: inherit;
}
.coupon-all input.button:hover{
	background: #0f3178;
}
.coupon2 {
	float: right;
}
.cart-page-total {
	padding-top: 50px;
}
.cart-page-total > h2 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cart-page-total > ul {
	border: 1px solid #ddd;
}
.cart-page-total > ul > li {
	list-style: none;
	font-size: 15px;
	color: #252525;
	padding: 10px 30px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 700;
	font-family: 'Montserrat',sans-serif;
}
.cart-page-total ul > li > span {
	float: right;
}
.cart-page-total li:last-child{
	border-bottom: 0;
}
.cart-page-total > a {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.cart-page-total > a:hover{
	background: #0f3178;
	border-color: #0f3178;
}
/*-------------------------
24. Checkout Page CSS 
---------------------------*/
.coupon-accordion h3 {
	background-color: #f7f6f7;
	border-top: 3px solid #1e85be;
	color: #515151;
	font-size: 14px;
	font-weight: 400;
	list-style: outside none none !important;
	margin: 0 0 2em !important;
	padding: 1em 2em 1em 3.5em !important;
	position: relative;
	width: auto;
}
.coupon-accordion h3:before {
	color: #1e85be;
	content: "\f133";
	font-family: "fontawesome";
	display: inline-block;
	left: 1.5em;
	position: absolute;
	top: 1em;
}
.coupon-accordion span {
	cursor: pointer;
	color: #6f6f6f;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.coupon-accordion span:hover{
	color: #0f3178;
}
.coupon-content {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	display: none;
	padding: 20px;
}
.coupon-info p {
	margin-bottom: 0;
}
.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
	display: block;
}
.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
	color: red;
	font-weight: 700;
	font-size: 14px;
}
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
	border: 1px solid #e5e5e5;
	height: 36px;
	margin: 0 0 14px;
	border-radius: 0;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 370px;
	background-color: transparent;
}
.coupon-info p.form-row input[type="submit"] {
	background: #252525 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	width: inherit;
}
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
	background: #0f3178;
}
.form-row > label {
	margin-top: 7px;
}
.coupon-info p.form-row input[type="checkbox"] {
	height: inherit;
	position: relative;
	top: 2px;
	width: inherit;
}
p.lost-password {
	margin-top: 15px;
}
p.lost-password a {
	color: #6f6f6f;
}
p.lost-password a:hover{
	color: #0f3178;
}
.coupon-checkout-content {
	margin-bottom: 30px;
	display: none;
}
p.checkout-coupon input[type="text"] {
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 0;
	height: 36px;
	padding-left: 10px;
	width: 170px;
}
p.checkout-coupon input[type="submit"] {
	background: #333 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #fff;
	height: 36px;
	cursor: pointer;
	margin-left: 6px;
	padding: 5px 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: inherit;
}
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
	background: #0f3178;
}
.checkbox-form h3 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}
.country-select,
.checkout-form-list {
	margin-bottom: 30px;
}
.country-select label, .checkout-form-list label {
	color: #333;
	margin: 0 0 5px;
	display: block;
}
.country-select label span.required, .checkout-form-list label span.required {
	color: red;
	font-size: 24px;
	display: inline-block;
	line-height: 16px;
	position: relative;
	top: 5px;
}
.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	height: 42px;
	width: 100%;
	padding: 0 0 0 10px;
}
.checkout-form-list input[type="checkbox"] {
	display: inline-block;
	height: inherit;
	margin-right: 10px;
	position: relative;
	top: 2px;
	width: inherit;
}
.create-acc label {
	color: #333;
	display: inline-block;
}
.ship-different-title h3 label {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	color: #363636;
}
.ship-different-title input {
	height: inherit;
	line-height: normal;
	margin: 4px 0 0;
	position: relative;
	top: 1px;
	width: auto;
}
.order-notes textarea {
	background-color: transparent;
	border: 1px solid #ddd;
	height: 90px;
	padding: 15px;
	width: 100%;
}
.create-account,
#ship-box-info{
	display: none;
}
.your-order {
	background: #f2f2f2 none repeat scroll 0 0;
	padding: 30px 40px 45px;
}
.your-order h3 {
	border-bottom: 1px solid #d8d8d8;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}
.your-order-table table {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	width: 100%;
}
thead {
	background-color: #f6f6f6;
}
.your-order-table table th {
	border-top: medium none;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}
.your-order-table table th,
.your-order-table table td {
	border-bottom: 1px solid #d8d8d8;
	border-right: medium none;
	font-size: 14px;
	font-family: 'Montserrat',sans-serif;
	padding: 15px 0;
	text-align: center;
}
.your-order-table table tr.cart_item:hover {
	background: #F9F9F9;
}
.your-order-table table .order-total td {
	border-bottom: medium none;
}
.your-order-table table tr.order-total td span {
	color: #464646;
	font-size: 20px;
}
.your-order-table table .order-total th {
	border-bottom: medium none;
	font-size: 18px;
}
.payment-method {
	margin-top: 40px;
}
.payment-accordion .card {
	border: 0;
	border-radius: 0;
	background: #f2f2f2;
}
.payment-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f2f2f2;
	border-bottom: 0;
}
.payment-accordion .card-body {
	padding: 0;
}
.payment-accordion .panel.panel-default {
	margin-bottom: 20px;
}
.payment-accordion h5.panel-title {
	color: #444;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer;
}
.payment-accordion h5.panel-title > a:hover {
	color: #0f3178 !important;
}
.payment-accordion .card-body > p {
	color: #515151;
}
.order-button-payment input {
	background: #434343 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	height: 50px;
	margin: 20px 0 0;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	border: 1px solid transparent;
	cursor: pointer;
}
.order-button-payment input:hover{
	background: #0f3178;
}
/*----------------------------------------*/
/*  25. Login Register Page CSS
/*----------------------------------------*/
.form-login-title > h2,
.form-register-title > h2 {
	font-size: 30px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 26px;
	color: #444;
}
.login-form,.register-form {
	padding: 20px;
	border: 1px solid #d3ced2;
	margin: 30px 0;
	text-align: left;
	border-radius: 5px;
}
.form-fild,.login-submit,.lost-password,.register-submit {
	margin-bottom: 10px;
}
.form-fild > p {
	margin: 0;
}
.form-fild > p span.required{
	color: #f23838;
}
.lost-password > a {
	color: #a43d21;
}
.lost-password > a:hover {
	color: #0f3178;
}
.form-fild > input {
	border: none;
	background: #f5f5f5;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 10px;
}
input.checkbox {
	width: 0;
	height: 0;
	margin: 0;
	display: inline-block;
}
.customer-login-register.register-pt-0 {
	padding-top: 0;
}
.login-submit > label {
	margin-left: 10px;
}
/*----------------------------------------*/
/*     26. My Account Page CSS
/*----------------------------------------*/
.dashboard-upper-info {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin-bottom: 60px;
}
.dashboard-content .tab-pane:not(.active) {
	display: none;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
	border-right: 1px solid #ebebeb;
	padding: 30px 20px;
}
.user-name{
	position: relative;
}
.user-name:before {
	color: #222;
	content: "\f05d";
	font-family: FontAwesome;
	font-size: 18px;
	left: -20px;
	position: absolute;
	top: 0;
}
.account-dashboard p {
	font-size: 14px;
	margin: 0;
}
.dashboard-upper-info a.view-cart,
.view {
	color: #fff;
	font-size: 13px;
	padding: 5px 12px;
	background: #0f3178;
	text-transform: capitalize;
}
.dashboard-upper-info a.view-cart:hover,
.view:hover{
	background: #222;
	color: #fff;
}
.view-cart {
	display: inline-block;
	font-size: 14px;
	padding-left: 5px;
	text-transform: capitalize;
}
.view-cart > i {
	margin-right: 5px;
}
.user-name span {
	color: #303030;
	font-size: 15px;
	font-weight: 600;
}
.dashboard-list li a {
	border-bottom: 1px solid #ebebeb;
	color: #222;
	display: block;
	font-size: 14px;
	padding: 12px 0;
	text-transform: capitalize;
}
.dashboard-list li a.active,.dashboard-list li a:hover,.view-cart:hover,.dashboard-upper-info a:hover {
	color: #0f3178;
}
.dashboard-list li a.active:after{
	content: "\f105";
	font-family: FontAwesome;
	margin-left: 5px;
	-webkit-transition: 0.10s;
	transition: 0.10s;
}
.dashboard-content {
	border: 1px solid #ebebeb;
	padding: 30px;
}
.dashboard-content h3{
	text-transform: capitalize;
}
.dashboard-content h3 {
	border-bottom: 1px solid #ebebeb;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 25px;
	padding-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;
}
.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th{
	border: none;
}
.dashboard-content .table-responsive > .table > thead {
	border-bottom: 1px solid #ebebeb;
}
.dashboard-content .table-responsive .table > thead > tr > th {
	font-size: 14px;
	font-weight: 600;
}
.dashboard-content .table-responsive .table > tbody > tr > td{
	color: #7b7b7b;
	font-size: 13px;
}
#dashboard a{
	color: #222;
	text-transform: capitalize;
}
#dashboard a:hover{
	color: #0f3178;
}
.billing-address {
	font-size: 16px;
	font-weight: 700;
	margin-top: 25px;
}
#address .view {
	display: inline-block;
	margin: 5px 0;
	font-size: 14px;
}
.register-form {
	padding: 40px;
}
.account-login-form {
	background: white none repeat scroll 0 0;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px;
}
.login-form-container {
	padding: 40px 60px;
	box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
	background: #fff;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,.125);
	padding-bottom: 20px;
}
.input-radio .custom-radio input {
	width: auto;
	height: 11px;
}
.account-login-form input {
	background: #ebebeb;
	border: 0;
	height: 35px;
	margin-bottom: 20px;
	color: #7d7d7d;
	padding: 8px 15px;
}
.example {
	display: block;
	color: #878787;
	font-size: 14px;
	margin-bottom: 20px;
}
.custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-form-container input[type="checkbox"] {
	margin: 0;
	position: relative;
	top: 3px;
	width: auto;
	height: 15px;
	margin-right: 10px;
}
.default-btn {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	border: 0;
	padding: 8px 20px;
	cursor: pointer;
	margin: 20px 0;
	text-align: ;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}
.default-btn:hover {
	background: #0f3178;
	color: #fff;
}
/*-----------------------
27. About Page CSS
------------------------*/
.about-us-content {
	padding: 100px 50px;
	text-align: center;
}
.about-us-content > h2 {
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
	color: #444;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.about-us-content > p {
	font-size: 15px;
	color: #222;
	line-height: 25px;
	text-align: justify;
}
a.about-btn {
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	text-transform: capitalize;
	border: 1px solid #222;
	height: 40px;
	padding: 0 25px;
	font-weight: 500;
	margin-top: 26px;
	vertical-align: middle;
}
a.about-btn:hover{
	background-color: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
/*fun factor area css*/
.fun-factor-area .col-lg-3:nth-child(even) .fun-factor-wrap {
	background-color: #e8e8e8;
}
.fun-factor-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 90px 15px;
	background-color: #f3f3f3;
}
.fun-factor-icon {
	margin-right: 20px;
}
.fun-facttor-number > h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 25px;
	color: #222;
	margin: 0;
}
.fun-facttor-title > h5 {
	font-size: 12px;
	font-weight: 700;
	color: #222;
	line-height: 25px;
	text-transform: uppercase;
}
/*skill area css*/
.skill-area .progress {
	background: #f7f7f7 none repeat scroll 0 0;
	border-radius: 3px;
	height: 16px;
	margin-bottom: 8px;
	margin-top: 25px;
	overflow: visible;
}
.skill-area {
	margin-top: 0;
	overflow: hidden;
}
.skill-area .progress span {
	color: #d0d0d0;
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: -35px;
	-webkit-transform: translate(50%, 0px);
	transform: translate(50%, 0px);
	-webkit-transition: all 0.4s ease 1s;
	transition: all 0.4s ease 1s;
}
.skill-area .progress-bar {
	background: #7b7b7b none repeat scroll 0 0;
	border-radius: 3px;
	margin-left: 2px;
	position: relative;
}
.skrill-here {
	padding: 80px 160px;
}
.skrill-here > h2 {
	font-size: 30px;
	font-weight: 900;
	color: #444444;
	line-height: 40px;
	font-family: 'Raleway', sans-serif;
}
.progress .p-g-title > p {
	color: #fff;
	padding-left: 60px;
	text-align: left;
	text-transform: uppercase;
}
.skrill-here .p-g-title {
	height: 100%;
	left: 0;
	position: absolute;
	text-align: left;
	top: -4px;
	width: 100%;
}
.skill-area .progress span {
	background: #3e3e3e none repeat scroll 0 0;
	border: 3px solid #a0a0a0;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	height: 40px;
	left: -22px;
	line-height: 33px;
	padding-top: 0;
	position: absolute;
	text-align: center;
	top: -13px;
	width: 40px;
}
.bar-span.wow.slideInLeft {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 999999;
}
.progress {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 30px;
	box-shadow: none;
	height: 24px;
	overflow: visible;
}
.progress-bar {
	background: #8d98aa none repeat scroll 0 0;
	border-radius: 30px;
	box-shadow: none;
	position: relative;
}
.progress-bar .text-top {
	background: #363f4d none repeat scroll 0 0;
	border-radius: 50%;
	font-size: 12px;
	height: 42px;
	left: 0;
	line-height: 42px;
	position: absolute;
	text-transform: uppercase;
	top: -9px;
	width: 42px;
}
.skill-bar-item {
	padding-bottom: 6px;
	position: relative;
}
.skill-bar-item > span {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	margin-left: 50px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
}
.skill-bar {
	overflow: hidden;
	padding-top: 9px;
}
/*about page2 css*/
.about-us-content-2 {
	padding: 0 50px;
	margin-bottom: 35px;
}
.about-us-content-2 > h2 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	color: #444;
	text-transform: uppercase;
}
.about-us2-img img {
	max-width: 100%;
}
.about-us-content-2 > p {
	font-size: 14px;
	color: #222;
	line-height: 25px;
	margin: 0;
	text-align: justify;
}
/*-----------------------------
28. Service Page CSS
------------------------------*/
.service-title > h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	color: #444;
}
.service-content > p {
	font-size: 14px;
	color: #222;
	line-height: 25px;
	margin: 0;
}
.service-title > h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
	color: #444;
	margin-bottom: 20px;
}
.service-bg {
	background-image: url(img/bg/service-bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/*Our Service Area Css*/
.single-service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.service-info {
	padding-left: 20px;
}
.service-icon {
	color: #4fc1f0;
	font-size: 34px;
	padding-top: 10px;
}
.service-info > h3 {
	font-size: 13px;
	color: #c6c6c6;
	text-align: left;
	font-weight: 700;
	font-style: normal;
}
.service-info > p {
	margin-bottom: 35px;
	font-size: 14px;
	line-height: 25px;
	color: #a4a4a4;
}
.single-service-2 .service-info > h3 {
	color: #444;
}
.single-service-2 .service-info > p {
	color: #222;
}
/*idea area css*/
.ideas-content {
	padding: 180px 80px;
	text-align: center;
}
.ideas-content > h2 {
	font-size: 30px;
	color: #444444;
	text-align: center;
	font-family: 'Raleway', sans-serif;;
	font-weight: 900;
	font-style: normal;
}
.ideas-content > p{
	font-size: 14px;
	line-height: 25px;
	color: #222;
	margin: 60px 0;
}
a.ideas-btn{
	display: inline-block;
	border: 2px solid #2A2A2A;
	padding: 13px 19px;
	position: relative;
	padding-right: 48px;
	position: relative;
	color: #2A2A2A;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.ideas-btn:after {
	content: "\f105";
	font-family: FontAwesome;
	right: 20px;
	position: absolute;
}
a.ideas-btn:hover{
	background-color: #2A2A2A;
	border-color: ##2A2A2A;
	color: #fff;
}
.design-and-code-area {
	background-color: #f6f6f6;
}
/*pricing table area css*/
.pricing-table-area {
	background-color: #f6f6f6;
}
.service-bg-1 {
	background-image: url(img/bg/service-bg2.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.single-pricing {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px #fff inset, 0 1px 3px rgba(34,25,25,0.4);
	text-align: center;
}
.single-pricing:hover .pricing-head > h4{
	background-color: #0f3178;
	color: #fff;
}
.pricing-head > h4 {
	padding: 20px;
	text-align: center;
	background: #3e3e3e;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pricing-body {
	padding: 0 20px 40px 20px;
	text-align: center;
}
.table-price {
	font-size: 48px;
	font-weight: 700;
	margin: 0;
	padding: 50px 0;
	text-transform: uppercase;
	color: #666;
	font-family: 'Lobster', cursive;
}
.desc-price {
	font-size: 12px;
}
.pricing-body > ul {
	padding-left: 15px;
	margin-bottom: 20px;
}
.pricing-body > ul > li {
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	list-style: none;
	color: #666;
}
.pricing-body > ul > li:first-child {
	border-top: 1px solid #ebebeb;
}
.pricing-button {
	background-color: #000;
	padding: 0 25px;
	line-height: 48px;
	margin: 40px 0 0;
	display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	height: 48px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pricing-button:hover {
	background: #0f3178;
	color: #fff;
}
/*What We Do Area CSS */
.service-bg-2 {
	background-image: url(img/bg/service-bg3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.what-we-do-title > h2 {
	font-size: 30px;
	color: #444;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.single-service-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.service-icon3 {
	width: 60px;
	height: 60px;
	border: 2px solid #4fc1f0;
	line-height: 52px;
	text-align: center;
	border-radius: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	font-size: 28px;
	color: #4fc1f0;
}
.service-content{
	padding-left: 10px;
}
.service-content > h3 {
	font-size: 14px;
	color: #444444;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.service-content > p {
	font-size: 14px;
	line-height: 25px;
	color: #222;
}
/*our service area 3 css*/
.section-title-img {
	background-image: url(img/bg/service-bg4.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-bottom: 100px;
}
.section-title-img .section-title2 > p {
	color: #fff;
	margin: 0 auto 0 auto;
}
.single-service-4 {
	position: relative;
	overflow: hidden;
}
.service-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 40px;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding-top: 80px;
	background-color: #fff;
	z-index: 9;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-service-4:hover .service-box{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.service-icon4 i {
	background: #222;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 40px;
	height: 115px;
	line-height: 115px;
	text-align: center;
	width: 115px;
}
.service-content-4 > h2 {
	font-size: 24px;
	color: #444;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 30px;
	margin-bottom: 5px;
}
.service-content-4 > p {
	font-size: 14px;
	color: #222;
	margin-bottom: 0;
}
/*-------------------------
29. FAQ Page CSS 
---------------------------*/
.faq-desc {
	margin-bottom: 90px;
}
.faq-desc h3 {
	color: #444;
	font-size: 18px;
	font-weight: 700;
}
.faq-desc p {
	color: #515151;
	margin: 0;
	font-size: 13px;
}
.faq-accordion .card.actives {
	border: 1px solid #0f3178;
}
.faq-accordion .card {
	border-radius: 0;
	margin-bottom: 10px;
}
.faq-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border: 0;
}
.faq-accordion .card-header a.collapsed:before,
.faq-accordion .card-header a:after {
	content: "\f067";
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	top: 15px;
}
.faq-accordion .card-header a:after{
	content: "\f068 ";
}
.faq-accordion .card-header a {
	display: block;
	padding: 15px 10px 15px 25px;
	cursor: pointer;
}
.faq-accordion .card-header a:hover{
	color: #0f3178!important;
}
/*-------------------------
30. Contact Page  CSS
---------------------------*/
/*Google Map Area css*/
#googleMap{
	width: 100%;
	height: 400px;
}
/*contact area css*/
.contact-form-wrap {
	padding: 100px 60px;
}
.contact-title {
	font-size: 30px;
	line-height: 40px;
	font-weight: 900;
	color: #444;
	margin-bottom: 40px;
}
.contact-form-style > input {
	background: #f2f2f2;
	border: none;
	height: 46px;
	padding-left: 15px;
	width: 100%;
}
.contact-form-style > textarea {
	border: none;
	background: #f2f2f2;
	border-radius: 0;
	height: 135px;
	padding: 15px;
	margin-bottom: 20px;
	width: 100%;
}
.contact-form-style > input:focus,
.contact-form-style > textarea:focus{
	outline: auto;
	outline-color: #0f3178;
}
.form-messege.success {
	color: #1dbc51;
	font-weight: 700;
}
.form-messege.error{
	color: #ff1313;
}
.plantmore-address {
	padding: 100px 60px;
	background-color: #f2f2f2;
}
.plantmore-address > p {
	font-size: 14px;
	color: #222;
	line-height: 25px;
	margin-bottom: 35px;
}
.plantmore-address > ul {
	max-width: 380px;
	padding: 0;
	margin-bottom: 35px;
}
.plantmore-address > ul > li {
	border-top: 1px solid #e4e4e4;
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	color: #222;
	padding: 10px 0;
}
.plantmore-address > ul > li i {
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.contact-icon {
	width: 95px;
	height: 95px;
	border: 2px;
	box-shadow: 0 0 0 3px #222;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	color: #444;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	margin-bottom: 35px;
}
.contact-icon > i{
	font-size: 30px;
	line-height: 95px;
}
.contact-icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #0f3178;
	z-index: -1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.single-contact-address:hover .contact-icon{
	box-shadow: 0 0 0 3px #0f3178;
	color: #fff;
}
.single-contact-address:hover .contact-icon:before{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.contact-info > h2 {
	font-size: 30px;
	line-height: 40px;
	color: #444;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.contact-form-title > h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 35px;
	padding-bottom: 30px;
}
.contact-form-style.form-style-2{
	text-align: center;
}
.form-button.btn-style-2 {
	text-align: center;
	line-height: 55px !important;
	height: 55px !important;
	padding: 0 30px;
}
/*social link css*/
.social-link-area {
	background-image: url(img/bg/contact2-social.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
}
.social-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.social-link > li {
	display: inline-block;
	list-style: none;
}
.social-link > li > a {
	background-color: rgba(120,120,120,0.61);
	color: #fff;
	display: block;
	width: 95px;
	height: 95px;
	text-align: center;
	line-height: 95px;
	border-radius: 100%;
	font-size: 30px;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-link > li > a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #3b5998;
	z-index: -1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.social-link > li:nth-child(2) > a:before{
	background-color: #1da1f2;
}
.social-link > li:nth-child(3) > a:before{
	background-color: #dd4b39;
}
.social-link > li:nth-child(4) > a:before{
	background-color: #bd081c;
}
.social-link > li:nth-child(5) > a:before{
	background-color: #833ab4;
}
.social-link > li:nth-child(6) > a:before{
	background-color: #00aff0;
}
.social-link > li > a:after{
	content: "";
	position: absolute;
	border: 2px solid #fff;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.social-link > li > a:hover:before,
.social-link > li > a:hover:after{
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*------------------------------
31. Portfolio Page CSS
-------------------------------*/
.protfolio-menu {
	padding: 0 0 30px;
	text-align: center;
}
.protfolio-menu > ul > li {
	background: #666;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 45px;
	margin-bottom: 30px;
	margin-right: 1px;
	padding: 0 30px;
	position: relative;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	z-index: 2;
}
.protfolio-menu > ul > li:hover,
.protfolio-menu > ul > li.active {
	color: #fff;
	background: #0f3178;
}
.single-protfolio {
	position: relative;
}
.single-protfolio .protfolio-img:before {
	background: rgba(0,0,0,0.65) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.single-protfolio:hover .protfolio-img:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.portfolio-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.content > .portfolio-icon > a{
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 100%;
	margin-right: 5px;
	background: rgba(255,255,255,0.15);
	z-index: 2;
	position: relative;
	top: -60px;
	text-align: center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.content > .portfolio-icon > a:hover{
	background: #000;
	color: #fff;
}
.content > .portfolio-icon > a:nth-child(1){
	-webkit-transition-delay: 0;
	transition-delay: 0;
}
.content > .portfolio-icon > a:nth-child(2){
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.single-protfolio:hover .content > .portfolio-icon > a{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 0;
}
.title {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translateX(-50%) perspective(600px) rotateX(90deg);
	transform: translateX(-50%) perspective(600px) rotateX(90deg); 
	-webkit-transform-origin: 50% 100% 0; 
	transform-origin: 50% 100% 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.single-protfolio:hover .title{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateX(-50%) perspective(600px) rotateX(0deg);
	transform: translateX(-50%) perspective(600px) rotateX(0deg); 
}
.content > .title {
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	float: none;
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-radius: 0px 0px 0px 0px;
	background: rgba(255,255,255,0.15);
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}
.protfolio-item > .container-fluid {
	padding: 0;
}
.protfolio-item > .container-fluid  > .row{
	margin: 0;
}
.protfolio-active .grid-item {
	padding: 0 5px 10px 5px;
}
.load-more-btn {
	display: inline-block;
	background-color: #807d7d;
	padding: 2px 30px;
	line-height: 45px;
	color: #fff;
	margin-bottom: 30px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.load-more-btn:hover {
	background-color: #0f3178;
	color: #fff;
}
/*-------------------------
32. 404 Page CSS 
---------------------------*/
.error-404-area {
	border-top: 1px solid #f0f0f0;
	padding-top: 85px;
	padding-bottom: 110px;
}
.error-text > h1 {
	font-size: 200px;
	color: #0f3178;
	font-weight: 900;
	letter-spacing: 10px;
	line-height: 220px;
	margin-bottom: 30px;
}
.error-text > h2 {
	font-size: 35px;
	line-height: 47px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #555;
}
.error-text > p {
	font-size: 22px;
	font-weight: 300;
	line-height: 25px;
	margin: 20px auto 30px;
	color: #555;
	max-width: 700px;
}
.search-error form {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 500px;
}
.search-error input {
	background: none;
	border: 1px solid #e9e9e9;
	color: #666666;
	float: left;
	font-size: 14px;
	height: 50px;
	padding: 0 40px 0 15px;
	width: 100%;
	line-height: 50px;
}
.search-error button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4f4f4f;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
}
.search-error button:hover{
	color: #0f3178;
}
.error-button a {
	background: #0f3178 none repeat scroll 0 0;
	border-radius: 35px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 30px;
	padding: 0 30px;
	text-transform: uppercase;
}
.error-button a:hover{
	background: #333;
}

ul.lag-v2 {
	list-style: none;
}
.lag-v2 li {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
}

ul.lag-v2 li a {
	color: #fff;
}
.cart-dropdown{
	display:none;
}

ul.menuChild.levlup_3.noStyle a {
	padding: 10px 45px;
	color:#666666;
}

.closePopup {
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	background: url('fancybox_sprite.png') top left no-repeat;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	outline: none;
}
.tbPopup .modal-dialog {
	width: 300px;
}
.tbPopup .modal-dialog .modal-content {
	border-radius: 0;
	border: none;
}
.tbPopup .modal-dialog .modal-header {
	border: none;
	padding: 7px 10px;
	background: #0f3178;
	border-radius:0;
}
.tbPopup .modal-dialog .modal-header h4 {
	font-size: 16px;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 100%;
	text-transform: uppercase;
}
.tbPopup .modal-body .subText {
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin: 0;
}
.tbPopup .viewCart {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid;
	border-color: #0f3178;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	background: #0f3178;
	margin-top: 15px;
}
.tbPopup .viewCart:hover{
	color: #0f3178;
	background: #fff;
}
.tbPopup.in {
	opacity: 1;
}
.modal-backdrop {
	position: fixed;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade.in {
	opacity: .3;
}
#addCartModal .modal-dialog{
	margin:auto;
	top:15%;
}
#addCartModal .modal-body{

	padding:15px;
}

/* ----------------- QUICK VIEW MODAL ---------------------- */
#quick-view-modal {
	background: rgba(0, 0, 0, 0.31);
	z-index: 9999;
}
div#quick-view-modal .modal-dialog.modal-lg {
	padding-top: 20px;
}
#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}
h4.modal-title {
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
#quick-view-modal .selector-wrapper label {
	width: 25%;
}
.closeModal {
	position: absolute;
	width: 35px;
	height: 35px;
	border: none;
	top: -15px;  
	right: -15px;
	z-index: 10;
	background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/fancybox_sprite.png?1683730917958) top left no-repeat !important;
}
#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
}
.m-sku, .m-vendor {
	padding: 5px 0px;
}
#quick-view-modal .btn-detail {
	float: left;
}


#quick-view-modal .form-input {
	float: left;
	width: 300px;
	max-width: 100%;
	padding: 0px;
}
#quick-view-modal .qv-readmore a {
	color: #b00000 !important;
	font-weight: bold;
	font-size: 15px !important;
	margin-left: 14px;
}
#quick-view-modal .qv-readmore a:hover {
	color: #0f3178 !important;
}
#quick-view-modal .qv-readmore {
	float: left;
	padding: 12px 0px;
}
#quick-view-modal .actionQVC button {
	margin-right: 10px;
}

#quick-view-modal .form-input:last-child {
	margin-top: 0px;
}
#quick-view-modal .modal-body {
	padding: 10px 0;
}

#quick-view-modal .form-input input[type=number] {
	max-width: 100px;
	text-align: left;
	padding: 0 15px;
	//border: 1px solid #E5E5E5;
	border-radius: 0;
	height: 35px;
}

#quick-view-modal .modal-header h2 {
	padding: 10px 0px;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center;
}

#quick-view-modal .qv-readmore a {
	color: #0f3178;
	font-weight: normal;
	font-size: 15px
}

#quick-view-modal .qv-readmore {
	float: left;
	padding: 22px 10px;
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
	margin-right: 8px;
}

#quick-view-modal .modal-content,
#quick-view-modal .btn {
	border-radius: 2px;
}
#quick-view-modal .zoom > img {
	max-width: 100%;
	max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
	width: 300px;
	margin: auto;
}

#quick-view-modal .zoom {
	text-align: center;
	width: 100%;
	height: 230px;
	padding: 10px;
}

#quick-view-modal .item:hover,
#quick-view-modal .item.active {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .item:hover:after,
#quick-view-modal .item.active:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #E05544;
	content: "";
	position: absolute;
	top: -11px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	float: none;
	display: block !important;
	padding: 0;
	width: 100%;
}
#quick-view-modal li.product-thumb.active {
	border-color: #0f3178;
}
#quick-view-modal .image-zoom.row {
	text-align: center;
}

#quick-view-modal .image-zoom > img {
	max-width: 100%;
	max-height: 462px;
	margin-bottom:5px;

}

#quick-view-modal .btn-soldout {
	width: 100%;
}

#quick-view-modal .modal-title.p-title {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;

}

#quick-view-modal .btn-color-add {
	width: 200px;
}
.modal-fix {
	width: 70% !important;
}
.modal-fix .block_content ul li a{
	//border: 1px solid #8CC152 !important;
}
.modal-fix .block_content ul li .fa{
	color: #2A2A29;
}
.form-input.vid {
	padding: 0px !important;
}
.m-vendor, .m-sku {
	font-style: italic;
}
.form-input.vid span {
	font-size: 14px;
	font-weight: bold;
	font-style: normal !important;
}
.social-icons.modal-fix {
	margin: 20px 0px !important;
}
/*End Quickview*/
#quick-view-modal {
	background: rgba(0, 0, 0, 0.31);
	z-index: 9999;
}

#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}

#quick-view-modal .selector-wrapper label {
	width: 25%;
}

#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left;
	display: none;
}

#quick-view-modal .btn-detail {
	float: left;
}

#quick-view-modal .form-input {
	float: left;
	//width: 300px;
	width: 100%;
	max-width: 100%;
	padding: 10px 0px;
}

#quick-view-modal .modal-body {
	padding: 10px 0;
}

#quick-view-modal .form-input input[type=number] {
	text-align: left;
	padding: 0 15px;
	//border-radius: 5px;
	//border: 1px solid #E5E5E5;
}
button.btn-addcart, #quick-view-modal .btn-soldout {
	float: left;
	height: 40px;
	border: none;
	padding: 10px 30px;
	background: #0f3178;;
	color: #fff;
	font-size: 15px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 1px solid #fff;
	outline: none;
	line-height: 1;
	cursor: pointer;
}
button.btn-addcart:hover{
	background: #fff;
	border-color: #0f3178;; 
	color: #0f3178;;
}
#quick-view-modal .modal-header h2 {
	padding: 10px 0px;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center;
}


#quick-view-modal .qv-readmore {
	float: left;
	padding: 12px 10px;
}

#quick-view-modal .p-price {
	font-size: 20px;
	margin-right: 10px;
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
	margin-right: 8px;
}
#quick-view-modal .modal-content{
	border: none;
}
#quick-view-modal .modal-content,
#quick-view-modal .btn {
	border-radius: 2px;
}

#quick-view-modal del {
	font-size: 14px;
	display: inline-block;
	margin-top: 5px;
}

#quick-view-modal .item img {
	max-width: 100%;
	max-height: calc(100% - 2px);
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}

#quick-view-modal .item {
	height: 50px;
	position: relative;
	margin: 7px 0px;
}

#quick-view-modal .item a {
	float: left;
	width: 100%;
	height: 100%;
}

#quick-view-modal .zoom > img {
	max-width: 100%;
	max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
	width: 348px;
	margin: auto;
}


#quick-view-modal .thumb .item:hover a,
#quick-view-modal .thumb .item.active a {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .product-thumb:hover a:after,
#quick-view-modal .product-thumb.active a:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #FF0000;
	content: "";
	position: absolute;
	top: -12px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	border: 1px solid #ccc;
}
#quick-view-modal li.product-thumb img {
	max-width: 100%;
}
#quick-view-modal .image-zoom.row {
	text-align: center;
}

#quick-view-modal .image-zoom > img {
	max-width: 100%;
	max-height: 462px;
	margin-bottom:5px;

}
div#quick-view-modal .modal-header {
	background: #0f3178;
	padding: 10px;
}
#quick-view-modal .modal-title.p-title {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #fff;
}
#quick-view-modal .modal-header .close {
	position: absolute;
	margin-top: 0;
	background: transparent;
	top: 5px;
	outline: none;
	padding: 0;
	height: auto;
	width: auto;
	right: 20px;
}

.product-title.p-title h1 {
	font-size: 20px;
	padding: 5px 0px;
	font-weight: bold;
	margin: 0;
	line-height: normal;
}
#quick-view-modal .product-price {
	padding: 5px 0px 0px;
	margin: 0;
	border: none;
}

#quick-view-modal .form-des {
	display: block;
	float: left;
	line-height: 1.4;
	padding: 0px;
	border: 1px;
	border-right: none;
	border-left: none;
	max-height: 95px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	overflow-wrap: break-word;
	margin-bottom:15px;
}
#quick-view-modal .p-price{
	color: #000 !important;
}
#quick-view-modal del{
	color: !important;
}
#quick-view-modal .form-input input[type=number]{
	border: 1px solid #ccc;
}
#quick-view-modal .owlDesign .owl-controls .owl-dots {
	display: none !important;
}
div#quick-view-modal.in {
	opacity: 1;
}

/* Owl */
.owlDesign.owl-carousel .owl-controls .owl-nav div {
	width: 30px;
	height: 50px;
	font-size: 50px;
	line-height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, .8);
	border: 1px solid;
	border-color: #0f3178;
	color: #0f3178;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
}

.owlDesign:hover .owl-controls .owl-nav div {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.owlDesign:hover .owl-controls .owl-nav div:hover{
	background: #0f3178;
	color: #fff;
}
.owlDesign.owl-carousel .owl-controls .owl-nav div.disabled {
	background: #0f3178;
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60); 
	-khtml-opacity: 0.6;      
	-moz-opacity: 0.6;  
}
.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: -30px;
}

.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-prev {
	left: -30px;
}

.owlDesign:hover .owl-controls .owl-nav div.owl-next {
	right: 0px;
}

.owlDesign:hover .owl-controls .owl-nav div.owl-prev {
	left: 0px;
}

.owlDesign .owl-controls .owl-dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	line-height: 1;
	font-size: 0;
	padding: 5px;
	/* background: rgba(0, 166, 81, .2); */
	background: #f4f8fa;
	display: none !important;
}

.owlDesign .owl-controls .owl-dots .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid;
	border-color: #0f3178;
	margin: 0px 3px;
	line-height: 1;
}

.owlDesign .owl-controls .owl-dots .owl-dot.active {
	background: #0f3178;
}

.owlDesign .owl-controls .owl-dots {
}
.owlDesign.notDots .owl-controls .owl-dots {
	display: none !important;
}

.categori-checkbox ul li label {
	font-size: 13px;
	margin-left: 24px;
	font-weight: 400;
	margin-bottom:0;
	display: inline-block;
	color: #555;
	cursor: pointer;
}

.product-pagination > ul > li.active > span{
	background: #000;
	border-color: #000;
	color: #fff;
}
.product-pagination {
	margin-top: 20px;
}
.hidden {
	display: none !important;
}
.shop-topbar-wrapper.d-md-flex.justify-content-md-between.align-items-center {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-box-align: center!important;
}
.grid-list-option .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.product-pagination > ul > li > span {
	background: #fff;
	border: 1px solid #ededed;
	color: #222;
	font-size: 15px;
	display: block;
	font-weight: normal;
	height: 42px;
	line-height: 43px;
	min-width: 0;
	padding: 0 8px;
	text-align: center;
	width: 42px;
}
#pro-top span {
	display: block;
}

















.flexslider {
	margin: 0;
	background: 0;
	border: 0;
	border-radius: 0;
}
#carousel .flex-direction-nav a {
	font-size: 20px;
}
#carousel .flex-direction-nav a.flex-next {
	right: 0px;
}
#carousel .flex-direction-nav a.flex-next:before {
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 24px;
	display: block;
	text-align: center;
	color: #0f3178;;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	width: 40px;
	height: 50px;
	background: #f3f3f3;
	line-height: 40px;
	width: 30px;
	height: 50px;
	font-size: 28px;
	line-height: 50px;
	border: 1px solid #0f3178;

}
.list-pd-dt > div.share-p ul li a:hover{
	color: #0f3178 !important;
}
#carousel .flex-direction-nav a.flex-next:hover {
	right: 0px;
}
#carousel .flex-direction-nav a.flex-next:hover:before {
	background: #0f3178;
	color: #fff;
}
#carousel .flex-direction-nav a.flex-prev {
	left: -0px;
}
#carousel .flex-direction-nav a.flex-prev:before {
	font-family: 'FontAwesome';
	content: '\f104';
	font-size: 24px;
	display: block;
	line-height: 40px;
	text-align: center;
	color:#0f3178;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	width: 40px;
	height: 50px;
	background: #f3f3f3;
	line-height: 40px;
	width: 40px;
	height: 50px;
	background: #f3f3f3;
	line-height: 40px;
	width: 30px;
	height: 50px;
	font-size: 28px;
	line-height: 50px;
	border: 1px solid #0f3178;}
#carousel .flex-direction-nav a.flex-prev:hover {
	left: 0px;
}
#carousel .flex-direction-nav a.flex-prev:hover:before {
	background: #0f3178;
	color: #fff;
}
#carousel:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 0px;
}
#carousel:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0px;
}
#carousel ul .product-thumb {
	border: 1px solid #eaeaea;
	max-width:86px;
}
#carousel ul .product-thumb.checked {
	border-color: #0f3178;
}
#slider {
	border: 0;
	background: transparent;
}
#slider .flex-direction-nav {
	display: none;
}
#slider .flex-direction-nav a {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.3);
	background: #fff;
	box-shadow: #999 0 0 3px;
}
#slider .flex-direction-nav a.flex-next {
	right: 35px;
}
#slider .flex-direction-nav a.flex-next:before {
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 24px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
}
#slider .flex-direction-nav a.flex-next:hover {
	background: #689a3c;
	right: 35px;
}
#slider .flex-direction-nav a.flex-next:hover:before {
	color: #fff;
}
#slider .flex-direction-nav a.flex-prev {
	left: 35px;
}
#slider .flex-direction-nav a.flex-prev:before {
	font-family: 'FontAwesome';
	content: '\f104';
	font-size: 24px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
}
#slider .flex-direction-nav a.flex-prev:hover {
	background: #689a3c;
}
#slider .flex-direction-nav a.flex-prev:hover:before {
	color: #fff;
}
#slider:hover .flex-direction-nav .flex-next {
	opacity: 1;
}
#slider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
}
.tab-product-detail {
	margin-top: 30px;
}
.description-product .info-desc h1 {
	font-size: 28px;
	color: #000;
	margin: 0;
}
.description-product .info-desc h1:after {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background: #0f3178;
	margin: 20px 0;
}
.description-product .info-desc .preview {
	margin-bottom: 30px;
}
.description-product .info-desc .preview i {
	color: #0f3178;
}
.description-product .info-desc .price {
	margin-bottom: 15px;
}
.description-product .info-desc .price span {
	font-size: 28px;
	display: inline-block;
	margin-right: 15px;
	color:#000;
}
.description-product .info-desc .price del {
	font-size: 18px;
}
.description-product .info-desc .cate {
	font-size: 14px;
	color: #1c1c1c;
	margin-bottom: 15px;
}
.description-product .info-desc .cate a {
	color: #0f3178;
	text-decoration: none;
	display: inline-block;
	margin-left: 5px;
	cursor: default;
}
.description-product .info-desc p {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	margin-top:10px;
}
.description-product .qty-cart {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 30px 0;
}
.description-product .qty-cart:after {
	content: '';
	display: table;
	clear: both;
}
.description-product .qty-cart .qty-number-cart {
	float: left;
	margin-right: 10px;
}
.description-product .qty-cart .qty-number-cart:after {
	content: '';
	display: table;
	clear: both;
}
.description-product .qty-cart .qty-number-cart input {
	border: 0;
	border-left: 1px solid #eee;
	outline: none;
	height: 50px;
	text-align: center;
	width: 50px;
	float: left;
	margin-right: 5px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	color: #909090;
	font-size: 18px;
}
.description-product .qty-cart .qty-number-cart input[type="button"] {
	font-size: 24px;
	cursor: pointer;
}
.description-product .qty-cart .link-detail {
	float: left;
}
.description-product .qty-cart .link-detail:after {
	content: '';
	display: table;
	clear: both;
}
.description-product .qty-cart .link-detail > a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 0 30px;
	background: #0f3178;
	border: 1px solid;
	border-color: #0f3178;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	border-radius: 50px;
	text-transform: uppercase;
	float: left;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.description-product .qty-cart .link-detail > a:hover {
	background: #fff;
	color: #0f3178;
}
.description-product .qty-cart .link-detail ul {
	display: inline-block;
	float: left;
}
.description-product .qty-cart .link-detail ul li {
	display: inline-block;
	margin-left: 10px;
}
.description-product .qty-cart .link-detail ul li a {
	display: block;
	width: 45px;
	height: 45px;
	color: #ababab;
	border: 1px solid #ababab;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
	padding-top: 9px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.description-product .qty-cart .link-detail ul li a:hover {
	border-color: #0f3178;
	background: #0f3178;
	color: #fff;
}
.relatedListting .itemProduct {
	margin-bottom: 20px;
}
.list-pd-dt {
	padding-top: 25px;
}
.list-pd-dt > div {
	margin-bottom: 25px;
}
.list-pd-dt > div b {
	font-size: 14px;
	color: #545454;
	display: inline-block;
	//width: 115px; 
	position: relative;
	margin-right: 20px;
}
.list-pd-dt > div b:after {
	content: ':';
	position: absolute;
	right: -10px;
	top: 0;
}
.list-pd-dt > div p {
	font-size: 15px;
	color: #545454;
	display: inline-block;
	margin-bottom: 0;
}
.list-pd-dt > div.tag-p ul {
	display: inline-block;
}
.list-pd-dt > div.tag-p ul li {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
}
.list-pd-dt > div.tag-p ul li a {
	font-size: 12px;
	color: #7a7a7a;
	display: block;
	padding: 10px;
	background: #ebebeb;
	text-decoration: none;
	line-height: 12px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.list-pd-dt > div.tag-p ul li a:hover {
	color: #fff;
	background: #0f3178;
}
.list-pd-dt > div.share-p ul {
	display: inline-block;
}
.list-pd-dt > div.share-p ul li {
	display: inline-block;
	margin-right: 20px;
}
.list-pd-dt > div.share-p ul li a {
	color: #000;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.list-pd-dt > div.share-p ul li a:hover {
	color: ;
}
.tab-style {
	display: block;
	text-align: center;
	border-bottom: 1px solid #eee;
	margin-top: 10px;
}
.tab-style li {
	display: inline-block;
	margin: 0 20px;
}
.tab-style li a {
	font-weight: bold;
	color: #898989;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tab-style li a:after {
	content: '';
	display: block;
	width: 120px;
	height: 3px;
	background: transparent;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	top: 2px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tab-style li.active a,
.tab-style li:hover a {
	color: #000;
}
.tab-style li.active a:after,
.tab-style li:hover a:after {
	background: #0f3178;

}
.desc-tab {
	//padding-top: 35px;
}
.desc-tab p {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
}
.relative-product {
	margin-bottom: 100px;
	padding-top: 50px;
}
.zoomWindow {
	border: 1px solid #888 !important;
}


ul.nav.dec-and-review-menu li.active a:after {
	background: #000;
	bottom: -1px;
	content: '';
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	right: 50%;
	width: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	left: 0;
	right: 0;
	width: 100%;
}

.tab-product-detail {
	display: table;
	clear: both;
}
.description-product .qty-cart .qty-number-cart input{
	padding:0;
}




.google-map {
	width: 100%;
}
.google-map iframe {
	filter: saturate(0);
	width: 100%;
	height: 500px;
	border: 0;
}
.content-contact {
	max-width: 1000px;
	margin: 50px auto;
	margin-bottom: 100px;
	width: 100%;
}
.content-contact .info-contact {
	width: 100%;
}
.content-contact .info-contact p {
	font-size: 14px;
	color: #666;
	display: block;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.content-contact .info-contact .icon {
	display: flex;
}
.content-contact .info-contact .icon .item {
	flex: 1;
	color: #5b5b5b;
	font-size: 14px;
}
.content-contact .info-contact .icon .item i {
	margin-right: 10px;
}
.content-contact .info-contact .icon .item:nth-child(2),
.content-contact .info-contact .icon .item:nth-child(3) {
	text-align: center;
}
.content-contact .info-contact .icon .item:nth-child(1) {
	flex: inherit;
	min-width: 200px;
}
.content-contact .info-contact .icon .item:nth-child(4) {
	text-align: right;
	flex: inherit;
	min-width: 200px;
}
.content-contact #contact {
	width: 100%;
	margin-top: 40px;
}
.content-contact #contact input {
	border: 1px solid #e8e8e8;
	height: 60px;
	width: 49%;
	float: left;
	outline: none;
	padding: 0 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.content-contact #contact input:nth-child(4) {
	float: right !important;
}
.content-contact #contact textarea {
	border: 1px solid #e8e8e8;
	height: 230px;
	width: 100%;
	outline: none;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
	clear: both;
	resize: none;
	font-size:18px;
}
.content-contact #contact button {
	border: 0;
	background: #0f3178;
	height: 50px;
	padding: 0 60px;
	border-radius: 50px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	filter: alpha(opacity=80);         
	opacity: 0.8;   
}
.content-contact #contact button:hover{
	filter: alpha(opacity=100);         
	opacity: 1;   
}
.content-contact #contact .xxxt {
	float: right !important;
}

.info-contact .icon{
	float:none;
}
.same-title {
	width: 100%;
	text-align: center;
	position: relative;
	padding-top: 30px;
	margin-bottom: 50px;
}
.same-title i {
	font-size: 20px;
	color:#0f3178;
	margin-bottom:10px;
	display:inline-block;
}
.same-title h2, .contacttt  h1{
	font-size: 42px;
	/* font-weight: 700; */
	margin: 0;
	text-transform: uppercase;
	font-family: 'SVN-Veneer';
}




.same-title.white i,
.same-title.white h2 {
	color: #fff;
}


.table-cart-area .process {
	margin: 0 0 20px 0;
}
.table-cart-area .process:after {
	content: '';
	display: table;
	clear: both;
}
.table-cart-area .process h2 {
	font-size: 35px;
	color: #333;
	margin: 0;
	float: left;
}
.table-cart-area .process .btn-process {
	float: right;
	display: inline-block;
	border: 0;
	background: #0f3178;
	height: 50px;
	padding: 0 60px;
	border-radius: 50px;
	font-size: 16px;
	text-decoration: none;
	line-height: 50px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
.table.table-cart {
	border-color: #eee;
	border-bottom: 1px solid #eee;
}
.table.table-cart tr {
	border-color: #eee;
}
.table.table-cart th {
	font-size: 14px;
	color: #333;
	text-align: left;
	font-weight: 400;
	border-color: #eee;
	padding: 10px 0;
}
.table.table-cart td {
	font-size: 16px;
	color: #1c1c1c;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0;
	border-color: #eee;
}
.table.table-cart td .thumb-cart:after {
	content: '';
	display: table;
	clear: both;
}
.table.table-cart td .thumb-cart img {
	width: 150px;
	margin-right: 15px;
	float: left;
}
.table.table-cart td .thumb-cart h4 {
	font-size: 16px;
	color: #000;
	text-align: left;
	margin: 0;
	padding-top: 30px;
	margin-bottom: 0px;
}
.table.table-cart td .thumb-cart span {
	font-size: 16px;
	color: #000;
	text-align: left;
	display:block;
}
.table.table-cart td a.remove-item {
	font-size: 16px;
	color: #000;
	text-align: left;
}
.table.table-cart td b {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 400;
}
.qty-number {
	border-radius: 50px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #eee;

}
.qty-number:after {
	content: '';
	display: table;
	clear: both;
}
.qty-number input {
	border: 0;
	border-left: 1px solid #eee;
	outline: none;
	height: 50px;
	text-align: center;
	width: 60px;
	float: left;
	border-right: 1px solid #eee;
	background: #fff;
}
.qty-number input[type="button"] {
	width: 40px;
	border: 0;
}
.button-action {
	padding: 20px 0;
}
.button-action:after {
	content: '';
	display: table;
	clear: both;
}
.button-action a {
	//float: left;
	display: inline-block;
	border: 0;
	background: #0f3178;
	height: 50px;
	padding: 0 40px;
	border-radius: 50px;
	font-size: 16px;
	text-decoration: none;
	line-height: 50px;
	transition: all .3s;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	border:1px solid  #0f3178 !important;
}
.button-action a:nth-child(2),
.button-action a:nth-child(3) {
	float: right;
	margin-left: 10px;
	background: #ccc;
	color: #333;
}
.button-action a:hover {
	background: #0f3178;
	color: #fff;
}
.calculate-area {
	width: 100%;
	margin-bottom: 0px;
}
.calculate-area .ct-ft-cart {
	width: 100%;
	margin-bottom: 30px;
}
.calculate-area .ct-ft-cart:after {
	content: '';
	display: table;
	clear: both;
}
.calculate-area .ct-ft-cart select,
.calculate-area .ct-ft-cart input[type="text"] {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #eee;
	outline: none;
	margin-bottom: 20px;
	border-radius: 3px;
	background: #fff;
}
.calculate-area .ct-ft-cart select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url("../images/arr-down.png") no-repeat 95% center;
}
.calculate-area .ct-ft-cart button {
	display: inline-block;
	border: 0;
	background: #ccc;
	height: 45px;
	padding: 0 30px;
	border-radius: 50px;
	font-size: 14px;
	line-height: 45px;
	transition: all .3s;
	color: #333;
	text-transform: uppercase;
	font-weight: 300;
}
.calculate-area .ct-ft-cart button:hover {
	background: #0f3178;
	color: #fff;
}
.calculate-area .ct-ft-cart > span {
	color: #787878;
	font-size: 14px;
	display: block;
	margin-bottom: 20px;
}
.calculate-area .ct-ft-cart .update-cart {
	display: inline-block;
	border: 1px solid transparent;
	border-color: #0f3178;
	background: #0f3178;
	height: 45px;
	padding: 0 30px;
	border-radius: 50px;
	font-size: 14px;
	line-height: 45px;
	transition: all .3s;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
}
.calculate-area .ct-ft-cart .update-cart:hover ,.cartContinue:hover{
	background: #fff !important;
	color: #0f3178 !important;
}
.calculate-area .total-cart {
	border: 1px solid #eee;
	padding-top: 0px;
	margin-bottom: 20px;
}
.calculate-area .total-cart .subtotal {
	width: 100%;
	color: #787878;
	font-size: 16px;
	padding: 10px 25px;
}
.calculate-area .total-cart .subtotal b {
	float: right;
}
.calculate-area .total-cart .shipiping {
	padding: 5px 25px;
	padding-left: 30px;
}
.calculate-area .total-cart .shipiping:after {
	content: '';
	display: table;
	clear: both;
}
.calculate-area .total-cart .shipiping h4 {
	color: #333;
	font-size: 16px;
}
.calculate-area .total-cart .shipiping .selection > p {
	display: inline-block;
	position: relative;
}
.calculate-area .total-cart .shipiping .selection > p [type="checkbox"] {
	display: inline-block;
	opacity: 0;
	margin-right: 5px;
	opacity: 0;
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 2;
	/*&:checked{
	& + lable{
	&:before{
	border: 6px solid #0f3178;
}
}
}*/
}
.calculate-area .total-cart .shipiping .selection > p label {
	color: #787878;
	font-size: 14px;
	font-weight: 400;
}
.calculate-area .total-cart .shipiping .selection > p label:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 6px;
	border: 1px solid #dfe2f7;
	border-radius: 50%;
	background: #f3f4ff;
	transition: all .3s;
}
.calculate-area .total-cart .shipiping .selection > p [type="checkbox"]:checked + label:before {
	border: 6px solid #0f3178;
}
.calculate-area .total-cart .shipiping .selection span {
	float: right;
}
.calculate-area .total-cart .final-total {
	background: #fafafa;
	color: #333;
	font-size: 16px;
	padding: 25px;
	border-top: 1px solid #eee;
}
.calculate-area .total-cart .final-total:after {
	content: '';
	display: table;
	clear: both;
}
.calculate-area .total-cart .final-total b {
	float: right;
	font-weight: 400;
}
.note_item .control-label {
	font-weight: normal;
	font-size: 15px;
}
.note_item textarea {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.pd_saler h3 {
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
}
.pd_saler {
	margin-top: 20px;
}
.pd_saler p {
	display: block;
	width: 100%;
	padding-left: 25px;
	background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/check-ser.png?1683730917958) left 2px no-repeat;
	padding-bottom: 0px;
	line-height: 1.4;
}
.checkout-page {
	margin-bottom: 100px;
}
.form-group > h2 {
	font-size: 35px;
	color: #333;
	margin: 0;
	margin-bottom: 35px;
}
.form-group > p {
	font-size: 16px;
	color: #787878;
	margin: 0;
	margin-bottom: 35px;
}
.form-group .form-style-1 input[type="text"],
.form-group .form-style-1 input[type="password"] {
	width: 100%;
	height: 60px;
	padding: 0 15px;
	border: 1px solid #eee;
	margin-bottom: 25px;
	outline: none;
	border-radius: 5px;
}
.form-group .form-style-1 button {
	height: 60px;
	padding: 0 40px;
	border: 2px solid #e8e8e8;
	margin-bottom: 25px;
	background: #fff;
	outline: none;
	border-radius: 50px;
	color: #1c1c1c;
	text-transform: uppercase;
	margin-right: 50px;
	transition: all .3s;
}
.form-group .form-style-1 button:hover {
	color: #fff;
	background: #0f3178;
	border-color: #0f3178;
}
.form-group a {
	color: #1c1c1c;
	text-decoration: underline;
	font-size: 14px;
}
.form-group .form-style-2 input[type="text"],
.form-group .form-style-2 input[type="password"] {
	width: 100%;
	height: 60px;
	padding: 0 15px;
	border: 1px solid #eee;
	margin-bottom: 25px;
	outline: none;
	border-radius: 5px;
}
.form-group .form-style-2 textarea {
	width: 100%;
	height: 150px;
	padding: 10px 15px;
	border: 1px solid #eee;
	margin-bottom: 25px;
	outline: none;
	border-radius: 5px;
	resize: none;
}
.form-group .form-style-2 select {
	width: 100%;
	height: 60px;
	padding: 0px 15px;
	border: 1px solid #eee;
	margin-bottom: 25px;
	outline: none;
	border-radius: 5px;
	background: #fff url("../images/arr-down.png") no-repeat 95% center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.form-group .form-style-2 .part-form {
	width: 48%;
	margin-right: 4%;
	float: left;
}
.form-group .form-style-2 .part-form.mr-0 {
	margin-right: 0;
}
.form-group .form-style-2 .part-form.full-w {
	width: 100%;
	margin-right: 0;
	clear: both;
}
.form-group .form-style-2 .part-form b {
	font-size: 12px;
	color: #1c1c1c;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}
.checkbox-custom {
	position: relative;
	clear: both;
	margin-bottom: 25px;
}
.checkbox-custom label {
	margin: 0;
}
.checkbox-custom label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 1px solid #dbdef6;
	background: #f3f4ff;
	border-radius: 3px;
	transition: all .3s;
	z-index: 1;
}
.checkbox-custom label:after {
	content: '\f00c';
	position: absolute;
	left: 6px;
	top: 2px;
	font-family: 'FontAwesome';
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	opacity: 0;
	transition: all .3s;
	z-index: 2;
}
.checkbox-custom [type="checkbox"] {
	opacity: 0;
	position: relative;
	z-index: 11;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-right: 10px;
}
.checkbox-custom [type="checkbox"]:checked + label:before {
	background: #0f3178;
	border-color: #0f3178;
}
.checkbox-custom [type="checkbox"]:checked + label:after {
	opacity: 1;
}
.your-order {
	padding-left: 30px;
	margin-bottom: 50px;
}
.your-order h2 {
	font-size: 35px;
	color: #333;
	margin: 0;
	margin-bottom: 35px;
}
.your-order .tabel-order {
	border: 1px solid #eee;
}
.your-order .tabel-order .title-table-od {
	border-bottom: 1px solid #eee;
	padding: 20px 30px;
}
.your-order .tabel-order .title-table-od:after {
	content: '';
	display: table;
	clear: both;
}
.your-order .tabel-order .title-table-od span {
	font-size: 14px;
	color: #333;
}
.your-order .tabel-order .title-table-od a {
	font-size: 14px;
	color: #787878;
	float: right;
}
.your-order .content-table-od {
	padding: 20px 30px;
}
.your-order .content-table-od .item {
	margin-bottom: 30px;
}
.your-order .content-table-od .item:last-child {
	margin-bottom: 10px;
}
.your-order .content-table-od .item:after {
	content: '';
	display: table;
	clear: both;
}
.your-order .content-table-od .item img {
	max-width: 170px;
	float: left;
	margin-right: 30px;
}
.your-order .content-table-od .item h4 {
	font-size: 16px;
	color: #000;
	margin: 0;
	margin-bottom: 20px;
}
.your-order .content-table-od .item span {
	font-size: 18px;
	color: #000;
}
.your-order .list-order .item {
	position: relative;
	padding: 30px 0;
	padding-left: 130px;
	border-bottom: 1px solid #eee;
}
.your-order .list-order .item span {
	font-size: 16px;
	color: #787878;
	position: absolute;
	left: 0;
	top: 30px;
}
.your-order .list-order .item p {
	font-size: 16px;
	color: #787878;
}
.your-order .list-order .item b {
	font-size: 20px;
	color: #333;
	position: absolute;
	left: 0;
	top: 30px;
	font-weight: 400;
}
.your-order .list-order .item strong {
	font-size: 20px;
	color: #333;
	font-weight: 400;
}
.payment-method {
	padding-left: 30px;
}
.payment-method h2 {
	font-size: 35px;
	color: #333;
	margin: 0;
	margin-bottom: 35px;
}
.payment-method .form-pm .parag {
	background: #f7f8fd;
	color: #787878;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 25px;
}
.payment-method .form-pm ul {
	display: block;
	margin-bottom: 50px;
	padding-left: 33px;
}
.payment-method .form-pm ul li {
	margin-right: 10px;
	display: inline-block;
}
.payment-method .form-pm ul li img {
	max-width: 100%;
}
.payment-method .form-pm button {
	height: 60px;
	padding: 0 40px;
	border: 2px solid #e8e8e8;
	margin-bottom: 25px;
	background: #fff;
	outline: none;
	border-radius: 50px;
	color: #1c1c1c;
	text-transform: uppercase;
	margin-right: 50px;
	transition: all .3s;
}
.owl-nav-tr .owl-nav {
	position: absolute;
	top: -70px;
	right: 0;
}
.owl-nav-tr .owl-nav i{
	font-size:18px !important;
}

.owl-nav-tr  .owl-nav  div {
	width: 30px;
	opacity:.8;
	filter: alpha(opacity=80); 
	height: 30px;
	line-height: 25px;
	text-align: center;
	background: #0f3178;
	color: #fff;
	float: left;
	margin-left: 3px;
	font-size: 30px;
	font-family: -webkit-body;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.owl-nav-tr  .owl-nav  div:hover {
	opacity:1;
	filter: alpha(opacity=100); 
}
.payment-method .form-pm button:hover {
	background: #0f3178;
	border-color: #0f3178;
	color: #fff;
}
.checkbox-style {
	margin: 25px 0;
}
.checkbox-style label {
	font-weight: 400;
	color: #000;
	font-size: 16px;
}
.checkbox-style label span {
	color: #0f3178;
}

.shop-sidebar > h4 {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.shop-sidebar > h4 i {
	font-size: 17px;
	margin-top: 5px;
	line-height: 10px;
	margin-left: 10px;
}






































#slider2 .owl-controls .owl-dots div {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: transparent;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #fff;
}

#slider2 .owl-controls .owl-dots div.active {

	background: #fff;

}

#slider2  .owl-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 18px;
}


.search button {
	background: transparent;
	border: none;
	cursor: pointer;
}
.row.row-ibl.mid {
	align-items: center;
	display: flex;
}
img{
	max-width:100%;
}
header{position:absolute;top:0;left:0;right:0;padding:15px 0;z-index:9;    background: rgba(0,0,0,0.75);}
header.no-index.sticky-header {
	padding: 10px;
	top: 0 !important;
}
button#search-des {
	margin-top: 5px;
}
header .logo{display:inline-block;vertical-align:middle;}
header .logo img{display:block;    max-width: 120px;}
.main-nav{display:inline-block;vertical-align:middle;font-family:"PN";}
.main-nav > ul > li{display:inline-block;vertical-align:middle;margin-right:20px;}
.main-nav > ul > li > a{text-transform:uppercase;font-size:17px;color:#0f3178;display:block;padding:3px 0;border-bottom:solid 1px transparent;}
.main-nav > ul > li:hover > a{border-color:#fff;}
.main-nav li{position:relative;text-align:left;}
.main-nav li ul{list-style: none;position:absolute;min-width:205px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:99;margin-top:10px;pointer-events:none;opacity:0;padding-top:5px;}
.main-nav li ul ul{left:100%;top:0;padding-top:0;padding-left:5px;}
.main-nav li ul a{background:rgba(32, 32, 32, 0.85);display:block;text-transform:uppercase;color:#0f3178;font-size:13px;padding:10px 15px;border-bottom:solid 1px rgba(255, 255, 255, 0.3);}
.main-nav li ul li:hover > a{background:#202020;}
.main-nav li:hover > ul{margin-top:0;pointer-events:all;opacity:1;}
.search{display:inline-block;vertical-align:middle;position:relative;}
.search > button img{display:block;}
.search .ct{position:absolute;background:rgba(255, 255, 255, 0.7);padding:15px 20px;width:300px;right:0;-webkit-box-shadow:0 0 5px 0 rgba(102, 102, 102, 0.4);box-shadow:0 0 5px 0 rgba(102, 102, 102, 0.4);display:none;border-radius:3px;z-index:2;}
div#sea:hover .ct {
	display: block !important;
}
.search-fr{position:relative;}
.search-fr input{width:100%;height:38px;border:none;border-radius:3px;background:rgba(255, 255, 255, 0.7);padding:0 10px;}
.search-fr button{background: transparent;
	border: none;position:absolute;top:0;bottom:0;right:10px;color:#202020;font-size:16px;}
.sub-head{position:absolute !important;display:none;text-align:right;top:21px !important;right:20px;z-index:999;}
.sub-head .main{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5;background:rgba(255, 255, 255, 0.9);-webkit-transition:all cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;}
.sub-head .main .bar{display:inline-block;vertical-align:middle;text-align:left;background:rgba(0, 0, 0, 0.8);width:380px;height:100%;padding:40px 20px 20px;overflow:auto;}
.sub-head .main .bar .nv-logo{display:inline-block;vertical-align:middle;margin-bottom:20px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;}
.sub-head .main .bar .nv-logo img{max-width:200px;}
.sub-head .main .bar .search-fr{margin-bottom:20px;}
.sub-head .main .bar nav a{display:block;font-size:18px;color:#fff;padding:10px 0;}
.sub-head .main .bar nav a:hover{color:#ff5400;}
.sub-head .main .bar nav ul ul{display:none;}
.sub-head .main .bar nav ul ul a{font-size:18px;padding-left:25px;}
.sub-head .main .bar nav ul ul ul a{padding-left:50px;}
.sub-head .main .bar nav .nav-drop{background: transparent;
	border: none;width:40px;height:40px;float:right;margin-top:0;font-size:24px;line-height:40px;text-align:center;top:0;position:relative;z-index:1;cursor:pointer;margin-top:1px;font-style:normal;color:#fff;}
.sub-head .main .bar nav .nav-drop:after{font-family:"FontAwesome";content:"";}
.sub-head .main .bar nav .nav-drop.active:after{content:"\f106";}
.sub-head .main .bar nav > ul > li{-webkit-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;}
.sub-head.on{display:block;}
.sub-head.active .main{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;}
.sub-head.active .main .bar .nv-logo{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.sub-head.active .main .bar nav > ul > li{-webkit-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1;}
.snav-btn{display:inline-block;vertical-align:middle;width:30px;margin-right:15px;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;position:relative;z-index:6;}
.snav-btn i{width:20px;display:block;margin:5px 0;height:2px;background:#0f3178;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.snav-btn:hover{padding-left:5px;}
.snav-btn:hover i:nth-child(2){margin-right:5px;}
.snav-btn:hover i:nth-child(3){margin-right:3px;}
.snav-btn.active{padding-left:5px;}
.snav-btn.active i:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.snav-btn.active i:nth-child(2){opacity:0;margin-right:0px;margin-left:-5px;}
.snav-btn.active i:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-14px;margin-right:0px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#ff5400;}
#slider{height:100%;font-family:"PN";}
#slider .img{position:relative;}
#slider .img:before{/*content:'';*/position:absolute;top:0;right:0;bottom:0;left:0;
	background:rgba(0, 0, 0, 0.3);
}
#slider .caption{position:absolute;left:10px;right:10px;text-align:center;top:50%;margin-top:-50px;}
#slider .caption .ct{display:inline-block;vertical-align:middle;padding:30px 60px;background:rgba(0, 0, 0, 0.6);text-transform:uppercase;color:#fff;}
#slider .caption .ct span{display:inline-block;vertical-align:middle;letter-spacing:1px;}
#slider .caption .ct .title{display:inline-block;vertical-align:middle;font-weight:normal;font-size:25px;letter-spacing:7px;margin:0 50px;position:relative;}
#slider .caption .ct .title i{font-style:normal;color:#e00000;}
#slider .caption .ct .title:before, #slider .caption .ct .title:after{content:'';height:18px;width:1px;background:#fff;position:absolute;top:50%;margin-top:-9px;}
#slider .caption .ct .title:before{left:-25px;}
#slider .caption .ct .title:after{right:-25px;}
#slider .carousel-indicators{bottom:25px;}
#slider .carousel-indicators li{width:15px;height:15px;margin:0 7px;border-radius:50%;border:none;position:relative;}
#slider .carousel-indicators li.active{width:15px;height:15px;margin:0 7px;background:#fff;border:none;}
#slider .carousel-indicators li.active:after{content:'';position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:solid 1px #fff;}
#slider .carousel-inner{height:100%;}
#slider .carousel-inner .item{height:100%;}
#slider .carousel-inner .item .img{height:100%;}
#slider .carousel-inner .item .img img{height:100%;}



.hd-cart-count {
	position: absolute;
	top: calc(50% + 5px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: #345372;
	text-align: center;
}
.cart-head {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	margin-left:3px;
}
.cart-head img {
	max-width: 23px;

}
.cap-xxx h3 {
	color: #fff;
	font-weight: bold;
	pointer-events: none;
}
.cap-xxx{
	pointer-events: none;
	left: 50%;
	/* POSITION: ABSOLUTE; */
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	/* color: black; */
	color: #fff;
	text-align: center;
}
.section-title {
	position: relative;

}
.section-title{
	text-transform:uppercase;
}
/*
.section-title h3:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f005";
position: absolute;
bottom: -11px;
left: 0;
right: 0;
font-size: 17px;
width: 50px;
height: 20px;
margin: auto;
background: #fff;
z-index: 1;
}

.section-title h3:after {
content: "";
width: 25%;
height: 2px;
background: #000;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
*/
img.pro-img2 {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	opacity: 0;
	transform: translateX(-50%);
}
#sea img {
	max-width: 21px;
}

.img-full img {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
a.product-action.btn-quickview-1 {
	color: #fff;
	padding: 8px 0;
}
span.regular-price {
	font-weight: bold;
	color: #000;
}
.product-content h2 {
	margin: 0;
}

div#slider2 {
	margin-bottom: 50px;
}
.xxx-banner img:hover {
	transform: scale(1.1);
	overflow: hidden;
}


.xxx-banner img{
	transition: all 4s;
}
.xxx-banner a{
	display: inline-block;
	overflow: hidden;
}


.article-item {
	display: block;
	position: relative;
	overflow: hidden;
}

.article-item .article-img img {
	width: 100%;
}

.article-item .article-item-normal {
	opacity: 1;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	z-index: 1;
	padding: 15px;
	background: rgba(0, 0, 0, 0.7);
}

.article-item .article-item-normal .article-title {
	color: #fff;
	margin-bottom: 10px;
}
.brand-area {
	margin-bottom: 50px;
}
.article-item .article-item-normal .article-info > div {
	display: inline-block;
	margin-right: 5px;
	color: #fff;
}

.article-item .article-item-normal .article-info > div:last-child {
	margin: 0px;
}

.article-item .article-item-hover {
	opacity: 0;
	position: absolute;
	top: 15px;
	right: 15px;
	left: 15px;
	bottom: 15px;
	background: rgba(0, 0, 0, 0.7);
	padding: 15px;
	color: #fff;
	text-align: justify;
}

#home-articles {
	margin-bottom: 50px;
}

#home-articles .wrapper .inner {
	overflow: hidden;
}

#home-articles .owl-controls {
	margin: 0;
}

#home-articles .owl-controls .owl-buttons > div {
	height: 34px;
	line-height: 34px;
	width: 34px;
	padding: 0;
	margin: 0;
	background: #ffdd00;
	color: #000000;
	opacity: 0.6;
	position: absolute;
	top: calc(50% - 17px);
	border-radius: 3px;
}

#home-articles .owl-controls .owl-buttons > div.owl-next {
	right: 0px;
}

#home-articles .owl-controls .owl-buttons > div.owl-prev {
	left: 30px;
}

#home-articles .owl-controls .owl-buttons > div:hover {
	opacity: 1;
}
.article-info i {
	font-size: 13px;
	margin-right: 2px;
	/* margin-bottom: -2px; */
}

.article-item .article-item-hover,.article-item .article-item-normal,.item .article-img img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}




.sub-head{display:none;text-align:right;position:fixed;top:20px;right:20px;z-index:999;}
.sub-head .main{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5;background:rgba(255, 255, 255, 0.9);-webkit-transition:all cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;}
.sub-head .main .bar{display:inline-block;vertical-align:middle;text-align:left;background:rgba(0, 0, 0, 0.8);width:380px;height:100%;padding:40px 20px 20px;overflow:auto;}
.sub-head .main .bar .nv-logo{display:inline-block;vertical-align:middle;margin-bottom:20px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;}
.sub-head .main .bar .nv-logo img{max-width:200px;}
.sub-head .main .bar .search-fr{margin-bottom:20px;}
.sub-head .main .bar nav a{display:block;font-size:18px;color:#fff;padding:10px 0;}
.sub-head .main .bar nav a:hover{color:#ff5400;}
.sub-head .main .bar nav ul ul{display:none;}
.sub-head .main .bar nav ul ul a{font-size:18px;padding-left:25px;}
.sub-head .main .bar nav ul ul ul a{padding-left:50px;padding-right:30px;}
.sub-head .main .bar nav .nav-drop{width:40px;height:40px;float:right;margin-top:0;font-size:24px;line-height:40px;text-align:center;top:0;position:relative;z-index:1;cursor:pointer;margin-top:1px;font-style:normal;color:#fff;}
.sub-head .main .bar nav .nav-drop:after{font-family:"FontAwesome";content:"";}
.sub-head .main .bar nav .nav-drop.active:after{content:"\f106";}
.sub-head .main .bar nav > ul > li{-webkit-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;}
.sub-head.on{display:block;}
.sub-head.active .main{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;}
.sub-head.active .main .bar .nv-logo{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.sub-head.active .main .bar nav > ul > li{-webkit-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1;}
.snav-btn{background: transparent;
	border: none;display:inline-block;vertical-align:middle;width:30px;margin-right:15px;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;position:relative;z-index:6;}
.snav-btn i{display:block;margin:5px 0;height:2px;background:#0f3178;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.snav-btn:hover{padding-left:5px;}
.snav-btn:hover i:nth-child(2){margin-right:5px;}
.snav-btn:hover i:nth-child(3){margin-right:3px;}
.snav-btn.active{padding-left:5px;}
.snav-btn.active i:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.snav-btn.active i:nth-child(2){opacity:0;margin-right:0px;margin-left:-5px;}
.snav-btn.active i:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-14px;margin-right:0px;}



@media (max-width: 767px){
	.sub-head .main .bar{
		max-width:100%;
	}
}

@media (max-width: 991px){
	.sub-head {
		display: block;
	}
}
@media (max-width: 1024px) and (min-width: 769px){
	.indoor-product-active .col-md-4:nth-child(3n+1) {
		clear: both;
	}	
}
@media (min-width: 1024px) {
	.single-product:hover img.pro-img2 {
		opacity: 1;
	}
	.single-product:hover img.protmt1 {
		opacity: 0 !important;
	}


	.article-item:hover .article-img img {
		transform: scale(1.05);
	}

	.article-item:hover .article-item-normal {
		opacity: 0;
	}

	.article-item:hover .article-item-hover {
		opacity: 1;
	}


}

header.no-index {
	position: static;
}

.icon-close-modal:before {
	content: "\e909";
}
#xxxf{
	position: absolute;
	right: 35px;
	top: 35px;
	font-weight: bold;
	cursor: pointer;
	z-index: 99999;
}
@media (max-width: 768px){
	.single-footer-widget.mb-30 {
		margin-bottom: 15px !important;
	}
	.snav-btn{
		margin-right:0;
	}
	.xxx-banner .col-md-6:first-child img {
		margin-bottom: 15px;
	}
	.product-content > h3 > a {
		font-weight: bold;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		overflow-wrap: break-word;
		overflow: hidden;
	}
	.product-content {
		padding: 10px 0;
	}
	.product-grid-view .col-md-3:nth-child(2n+1) {
		clear: both;
	}
}

@media (max-width: 1023px){
	nav ul{
		list-style: none;
	}

}
@media (max-width: 1204px){

	section#stProductPage {
		margin-top: 30px;
	}


	header .logo img {
		max-width: 130px;
	}

}
@media (max-width: 992px) and (min-width: 767px){

	.cart-head img {
		max-width: 20px;
		margin-bottom: 1px;
	}
	a.cart-head.visible-xs {
		position: absolute !important;
		left: 15px;
		margin: 0;
		z-index:999;
	}
	.sub-head {

		right: 15px !important;
	}

	.centermb{
		text-align:center;
	}

}
@media (max-width: 767px){
	.cart-head img {
		max-width: 20px;
		margin-bottom: 1px;
	}
	a.cart-head.visible-xs {
		position: absolute !important;
		left: 15px;
		margin: 0;
		z-index:999;
	}
	.sub-head {

		right: 15px !important;
	}

	.centermb{
		text-align:center;
	}
	section#stProductPage {
		margin-top: 15px;
	}

	.section-title > h3{
		font-size: 32px;
	}
	#home-articles {
		margin-bottom: 30px;
	}
	div#slider2 {
		margin-bottom: 15px;
	}
	.pt-50 {
		margin-bottom: 30px;
	}
	.mb-50 {
		margin-bottom: 30px;
	}
	.mg-mb-10{
		margin-bottom: 10px;
	}
	.xxx-banner a {
		display: inline-block;
		overflow: initial;
	}
	.footer-top-area {
		padding-top: 30px;
		padding-bottom:0px; 
	}
	#filters-dialog .content .filter-sections li a {
		padding: 0 10px !important;
	}
	.product-content > h3 > a{
		font-size:14px;
	}
	.product-grid-view .col-md-4:nth-child(odd),.indoor-product-active .col-md-4:nth-child(odd) {
		padding-right: 7.5px;
	}

	.product-grid-view .col-md-4:nth-child(even),.indoor-product-active .col-md-4:nth-child(even) {
		padding-left: 7.5px;
	}
	#filters-dialog .filter-actions .btn {

		padding: 10px 10px !important;
	}
	.sub-head .main .bar {

		padding: 12px 20px 20px;
	}



	.sub-head {
		display: block;
		top: 12px !important;
	}
	header .logo img {
		max-width: 100px;
	}
	#xxxf {
		right: 15px;
		top: 15px;

	}

	#xxxf i{
		font-size:18px;

	}
	ul.check-box-list.notStyle li {
		width: 50% !important;
	}

	#filters-dialog .filter-actions .btn {

		min-width: 133px !important; 

	}
	#filters-dialog .content {

		margin-top: 0 !important;
	}
	#filters-dialog .content .filter-sections li a {

		position: relative;
	}
	#filters-dialog .content .filter-sections li a span.toggler {
		display: block !important;
	}
	#filters-dialog .content .filter-sections li a span.toggler {
		/* display: none; */
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	#filters-dialog .content .filter-sections li>.filter {
		padding: 20px 10px 0px !important;
	}
	#filters-dialog .content .filter-sections li.section {
		font-size: 11px;
		padding: 15px 0px;
		margin: 0;
	}
	#filters-dialog .content .filter-sections li.section{
		padding:0 !important;
	}
	#filters-dialog .content .filter-sections li.section{
	}

	#filters-dialog .content .filter-sections li >a {

		padding: 22px 10px !important;
	}
	#filters-dialog .content .filter-sections li >a >span{

		padding:0 !important;
		margin:0 !important;

	}


	.subscribe-form {

		margin-bottom: 30px;
	}
	.subscribe-form button {

		height: 40px;
		line-height: 40px;

		float: none;
	}


	.news-latter-box > p {

		margin-bottom: 10px; 
	}

	#filters-dialog .content{
		margin-top:0;
	}
	ul.check-box-list.notStyle li {
		width: 50%;
	}
	.toolbar-shorter label{
		display:none;
	}
	.toolbar-shorter{
		width:auto;
	}

	.toolbar-shorter {
		text-align: center;
		margin: 20px 0 12px 0 !important;
	}
	.grid-list-option > ul.nav {
		margin-top: 10px !important;
	}
	.product-description > p {

		margin: 35px 0 0 0;
	}
	.product-list-action {

		margin-top: 10px;
	}

	#filters-dialog .content .filter-sections{
		margin-top:40px !important;
	}


	header {

		padding: 10px 0;

	}
	ul.check-box-list.notStyle li {
		height: 40px !important;
	}


	#filters-dialog .content .filter-sections li a {

		display: inline-block !important;
		padding-bottom: 33px !important;
	}
}

#filters-dialog {
	position: relative
}

#filters-dialog {
	position: fixed;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	padding-bottom: 100px;
	z-index: 1001;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea
}
#filters-dialog.filters-open {
	height: calc(100vh )
}
#filters-dialog.order-open {
	height: auto
}
#filters-dialog.no-pad {
	padding: 0
}
#filters-dialog>header h2 {
	display: none
}
#filters-dialog>header .icon-right {
	float: right;
	cursor: pointer;
	position:absolute;
	right:30px;
}


#filters-dialog .filters-content {
	height: 100%
}

#filters-dialog .filters-content {
	overflow: auto;
	padding: 23px 0 23px
}


#filters-dialog header {
	position: absolute;
	width: 100%;
	background: #fff;
	background: rgba(255, 255, 255, 0.98)
}


#filters-dialog .content {
	padding: 51px 0 68px
}

#filters-dialog .content {
	padding: 80px 0 144px;
	text-align: left;
	overflow: auto;
	width: 100%;
	height: 100%;
	margin-top: 50px
}


#filters-dialog .content {
	padding: 0 0 20px;
	overflow: hidden;
	height: auto
}


#filters-dialog .content.no-pad {
	padding: 0
}

#filters-dialog .content .filter-sections {
	margin: 0
}

#filters-dialog .content .filter-sections {
	margin: 0px auto 0;
	width: 74%;
	border-top: 1px solid #eaeaea
}

#filters-dialog .content .filter-sections {
	margin: 0;
	width: 100%;
	border-top: none;
	margin-top: 20px;
}


#filters-dialog .content .filter-sections li {
	height: auto;
	border-bottom: 1px solid #eaeaea
}

#filters-dialog .content .filter-sections li {
	margin: 0 0 10px
}


#filters-dialog .content .filter-sections li.order-filter:last-child {
	border-bottom: 0
}

#filters-dialog .content .filter-sections li.no-margin {
	margin: 0
}

#filters-dialog .content .filter-sections li>.filter {
	list-style: none;
	margin: 0;
	padding: 14px 25px 0;
	border-top: 1px solid #eaeaea
}

#filters-dialog .content .filter-sections li>.filter {
	padding: 14px 10px 0
}


#filters-dialog .content .filter-sections li>.filter {
	border-top: none;
	padding: 20px 50px 0
}
#filters-dialog .content .filter-sections li>.filter [type="checkbox"]:not(:checked)+label:before,
#filters-dialog .content .filter-sections li>.filter [type="checkbox"]:checked+label:before {
	width: 30px;
	height: 30px
}
#filters-dialog .content .filter-sections li>.filter [type="checkbox"]:checked+label .icon {
	top: 4px;
	left: 8px;
	width: auto;
	font-size: 10px
}
#filters-dialog .content .filter-sections li>.filter .form-group {
	max-width: 180px;
	margin: 0 0 10px
}


#filters-dialog .content .filter-sections li>.filter .legend {
	padding: 0 10px 20px
}

#filters-dialog .content .filter-sections li>.filter .legend {
	padding: 0 10px 10px
}


#filters-dialog .content .filter-sections li.open a {
	background: #f8f8f8;
	font-weight: bold
}

#filters-dialog .content .filter-sections li.open a {
	font-weight: normal;
	background: transparent
}


#filters-dialog .content .filter-sections li a {
	padding: 0 15px 0 25px;
	color: #505252;
	height: 60px;
	width: 100%;
	display: table;
	letter-spacing: 1px
}

#filters-dialog .content .filter-sections li a {
	padding: 0 10px;
	height: 70px
}


#filters-dialog .content .filter-sections li a {
	padding: 0 50px;
	height: 0
}


#filters-dialog .content .filter-sections li a span {
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	line-height: 18px
}

#filters-dialog .content .filter-sections li a span {
	display: block;
	line-height: 15px
}
#filters-dialog .content .filter-sections li a span.toggler {
	display: none
}


#filters-dialog .content .filter-sections li a span small {
	font-size: 11px;
	text-transform: none;
	margin: 0 0 0 5px;
	font-weight: bold
}

#filters-dialog .content .filter-sections li a span small {
	font-size: 13px
}


#filters-dialog .content .filter-sections li a span+span {
	width: 18px;
	text-align: center
}

#filters-dialog .content .filter-sections li a:hover,
#filters-dialog .content .filter-sections li a:focus {
	text-decoration: none
}

#filters-dialog .content .filter-sections li.section {
	font-size: 11px
} 

#filters-dialog .content .filter-sections li.section {
	font-size: 16px
}

#filters-dialog .content .filter-sections li.section {
	font-size: 11px
}


#filters-dialog .content .filter-sections li .color-slider {
	padding: 14px 0;
	position: relative;
	overflow-x: auto
}

#filters-dialog .content .filter-sections li .color-slider:before,
#filters-dialog .content .filter-sections li .color-slider:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 17px
}

#filters-dialog .content .filter-sections li .color-slider:before {
	left: 0;
	background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.01) 100%)
}

#filters-dialog .content .filter-sections li .color-slider:after {
	right: 0;
	background: -webkit-linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.01) 100%)
}

#filters-dialog .content .filter-sections li .color-slider .row {
	width: 100%;
	white-space: nowrap;
	margin: 0
}

#filters-dialog .content .filter-sections li .color-slider .row>div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0
}

#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label:before,
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label:before {
	width: 41px;
	height: 41px;
	display: block;
	margin: 0 auto
}

#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label span,
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label span {
	width: 100%
}

#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label {
	opacity: 0.3
}

#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label {
	opacity: 1
}

#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label .icon {
	font-size: 11px;
	color: #fff;
	top: 15px;
	left: 0;
	width: 100%
}

#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-BLANCO"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-LISOS"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G- TAUPES"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-ESTAMPADOS"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-ESTAMPADO"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-ANIMAL PRINT"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-RAYAS"] .icon,
#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-CRUDOS"] .icon {
	color: #505252 !important
}

#filters-dialog .content .filter-sections li .color-slider .row>div label[for="G-BLANCO"]:before {
	border: 1px solid #a8a9a9
}

#filters-dialog .content .filter-sections li .color-slider {
	padding: 14px 10px 0;
	overflow: hidden
}
#filters-dialog .content .filter-sections li .color-slider:before,
#filters-dialog .content .filter-sections li .color-slider:after {
	content: none
}
#filters-dialog .content .filter-sections li .color-slider .row {
	white-space: normal;
	overflow: hidden;
	margin: 0 -10px
}
#filters-dialog .content .filter-sections li .color-slider .row>div {
	text-align: left;
	margin: 0 0 19px
}
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label {
	opacity: 1
}
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label:before,
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label:before {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 14px 0 0
}
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:not(:checked)+label span,
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label span {
	width: calc(100% - 54px)
}
#filters-dialog .content .filter-sections li .color-slider .row>div [type="checkbox"]:checked+label .icon {
	top: 11px;
	left: 8px;
	width: auto;
	font-size: 10px
}


#filters-dialog .content .filter-sections li .color-slider {
	padding: 20px 50px 0
}
#filters-dialog .content .filter-sections li .color-slider .row>div {
	margin: 0 0 10px
}


#filters-dialog .content .filter-sections #filter-price-slider {
	padding: 20px 25px
}

#filters-dialog .filter-actions {
	background: #eaeaea;
	margin: 0;
	padding: 15px;
	position: absolute;
	width: 100%;
	bottom: 0
}

#filters-dialog .filter-actions {
	padding: 30px 0;
	background: transparent
}


#filters-dialog .filter-actions {
	position: relative
}


#filters-dialog .filter-actions .btn {
	width: 100%
}

#filters-dialog .filter-actions .btn {
	background: #000 !important;
	color: #fff;
	width: auto;
	min-width: 180px;
	padding: 15px 15px;
	outline: none !important;
}

button#submit_final {
	margin-left: 20px;
	display: inline-block;

}
#filters-dialog .filter-actions .btn span {
	vertical-align: top
}

#filters-dialog [type="checkbox"]:not(:checked)+label span,
#filters-dialog [type="checkbox"]:checked+label span {
	font-size: 11px
}

#filters-dialog [type="checkbox"]:not(: checked)+label span, #filters-dialog [type="checkbox"]:checked+label span {
	font-size: 11px
}


#filters-dialog [type="checkbox"]:checked+label span {
	font-weight: bold
}

.hrline {
	position: absolute;
	width: calc(100% - 120px);
	height: 1px;
	background: #eaeaea;
	top: 9px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.hrline {
	position: absolute;
	width: calc(100% - 120px);
	height: 1px;
	background: #eaeaea;
	top: 9px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

ul.check-box-list.notStyle li {
	width: 180px;	float: left;
	border: none !important;
}

ul.check-box-list.notStyle{
	display: inline-block;
	width: 100%;
	list-style: none;

}
.filter-color li label:before{
	background: transparent !important;

}

.filter-color li label{
	height: 30px;
	width: 30px !important;	border-radius: 50%;
}
#filters-dialog .content .filter-sections li .color-slider  [type="checkbox"]:checked+label .icon{
	color:#fff;
	top:12px;
}
.check-box-list li label{
	line-height:30px;
}

ul#category-menu-list > li {
	margin-left: 0 !important;
}
ul#category-menu-list > li >a {
	font-weight: bold;
	margin-left: 0;
}
#category-menu #category-menu-list li{
	padding: 15px 0 0px;
}
ul.sub-col a {
	text-transform: initial;
}
ul.sub-col li {
	margin-bottom: 0px !important;
}
[type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label {
	position: relative;
	padding-left: 0;
	margin: 0;
	cursor: pointer;
	font-weight: normal;
	font-size: 11px;
	width: 100%;
}
#filters-dialog .content .filter-sections li>.filter [type="checkbox"]:checked+label .icon {
	top: 4px;
	left: 8px;
	width: auto;
	font-size: 10px;
	padding:0;
}


@font-face {
	font-family: 'FontDutti';
	src: url(//theme.hstatic.net/1000289385/1000390568/14/FontDutti.eot?v=76 ) format("eot");
	src: url(//theme.hstatic.net/1000289385/1000390568/14/FontDutti.eot?v=76) format("embedded-opentype"), url(//theme.hstatic.net/1000289385/1000390568/14/FontDutti.woff?v=76) format("woff"), url(//theme.hstatic.net/1000289385/1000390568/14/FontDutti.ttf?v=76) format("truetype"), url(//theme.hstatic.net/1000289385/1000390568/14/FontDutti.svg?v=76) format("svg");
	font-weight: normal;
	font-style: normal
}
.layered-content.filter-color i {
	padding-top: 7px !important;
}
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'FontDutti' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-check:before {
	content: "\e905";
}
[type="checkbox"]:not(:checked)+label .icon {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}







media (min-width: 992px) {
	.mini-shopcart {
		padding: 0 10px 0 50px
	}
}

.mini-shopcart span {
	display: inline-block;
	vertical-align: top
}

.mini-shopcart .container-dialog {
	height: 100%
}

.mini-shopcart .mini-shopcart-content {
	padding: 10px 0;
	position: relative;
	height: 100%
}

.mini-shopcart .mini-shopcart-content .summary-fixed {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 0 10px;
	background: #fff
}

.mini-shopcart .mini-shopcart-content .product-data-list {
	height: calc(100% - 120px);
	overflow: auto;
	padding: 0
}

@media (min-width: 768px) {

	#stSearchPage {
		min-height: 500px;
		padding: 20px;
	}

	.pdBlockDetail.pdRelatedInfo {
		margin-bottom: 20px;
	}
	.mini-shopcart .mini-shopcart-content {
		padding: 25px 0
	}
	.mini-shopcart .mini-shopcart-content .summary-fixed {
		padding: 0 0 25px
	}
	.mini-shopcart .mini-shopcart-content .product-data-list {
		height: calc(100% - 125px)
	}
}

@media (min-width: 992px) {
	.mini-shopcart .mini-shopcart-content {
		padding: 95px 0 25px
	}
	.mini-shopcart .mini-shopcart-content .product-data-list {
		height: calc(100% - 268px)
	}
}

@media (min-width: 992px) {
	.mini-shopcart .head {
		margin: 0 0 44px;
		padding: 0 40px 0 0
	}
}

.mini-shopcart .count {
	top: 4px;
	width: 18px;
	height: 18px;
	line-height: 19px;
	left: 1px;
	background: transparent;
}

.mini-shopcart .product-data {
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 10px;
	padding: 0 0 10px
}

@media (min-width: 992px) {
	.mini-shopcart .product-data {
		border-bottom: none;
		margin: 0 0 30px;
		padding: 0
	}
}

@media (min-width: 768px) {
	.mini-shopcart .product-data .product-data-img {
		width: 80px
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-data-img {
		width: 125px;
		padding: 0
	}
	.mini-shopcart .product-data .product-data-img img {
		margin: auto
	}
}

@media (min-width: 768px) {
	.mini-shopcart .product-data .product-data-info {
		padding: 10px 0 0 10px;
		min-height: 103px;
		width: calc(100% - 81px)
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-data-info {
		padding: 10px 0 0 14px;
		width: calc(100% - 130px)
	}
	.mini-shopcart .product-data .product-data-info .reference {
		margin: 0
	}
}

.mini-shopcart .product-data .product-title {
	font-size: 11px;
	margin: 0;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-title {
		font-size: 13px;
		margin: 0
	}
}

.mini-shopcart .product-data .product-colors {
	margin: 0 0 5px
}

@media (min-width: 768px) {
	.mini-shopcart .product-data .product-colors img {
		width: 34px;
		height: 6px
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-colors {
		margin: 6px 0 12px
	}
	.mini-shopcart .product-data .product-colors img {
		width: 55px;
		height: 10px
	}
}

.mini-shopcart .product-data .product-price {
	right: 15px;
	font-size: 11px
}

@media (min-width: 768px) {
	.mini-shopcart .product-data .product-price {
		position: absolute;
		padding: 0
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-price {
		font-size: 13px
	}
}

@media (min-width: 768px) {
	.mini-shopcart .product-data .product-size,
	.mini-shopcart .product-data .product-quantity {
		text-align: left;
		font-size: 11px
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-data .product-size,
	.mini-shopcart .product-data .product-quantity {
		font-size: 11px
	}
}

.mini-shopcart .product-data .product-size span,
.mini-shopcart .product-data .product-quantity span {
	margin: 0 2px 9px 0;
	width: auto;
	padding-top:1px;
}

.mini-shopcart .product-summary {
	width: 100%;
	padding: 0
}

@media (min-width: 768px) {
	.mini-shopcart .product-summary {
		font-size: 11px;
		margin: 20px 0 24px
	}
	.mini-shopcart .product-summary span {
		font-weight: bold;
		padding: 0
	}
	.mini-shopcart .product-summary span:first-child {
		padding: 0 5px 0 0
	}
}

@media (min-width: 992px) {
	.mini-shopcart .product-summary {
		margin: 0 0 24px;
		font-size: 13px
	}
	.mini-shopcart .product-summary span {
		margin: 0 0 14px;
		padding: 0
	}
	.mini-shopcart .product-summary span:first-child {
		padding: 0 5px 0 0
	}
}

.mini-shopcart .number-minicart {
	font-size: 11px
}

@media (min-width: 768px) {
	.mini-shopcart .number-minicart {
		font-size: 11px
	}
}

@media (min-width: 992px) {
	.mini-shopcart .number-minicart {
		font-size: 13px
	}
}

.mini-shopcart .icon-pedidos-size {
	font-size: 32px
}

.product-data {
	width: 100%;
	margin: 0 0 10px;
	font-size: 11px;
	position: relative
}



.aside-wrap {
	background: #fff;
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 999;
	width: 100%;
	height: calc(100% - 50px);
	overflow: hidden;
	padding: 0 25px;
	border-top: 1px solid #eaeaea;

	-webkit-transform: translate(100vw, 0);
	transform: translate(100vw, 0);
	-ms-transform: translate(100vw, 0vw)
}

@media (min-width: 768px) {
	.aside-wrap {
		top: 80px;
		z-index: 10002;
		width: 400px;
		height: calc(100% - 80px);
		padding: 0 40px 0 32px;
		border-top: 2px solid #eaeaea
	}
}

@media (min-width: 992px) {
	.aside-wrap {
		top: 0;
		-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
		box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
		height: 100%;
		border-top: none;
		padding: 0 30px 45px
	}
}

.aside-wrap.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-ms-transform: translate(0vw, 0vw)
}

ul#menu-main-menu li {
	list-style: none;
}




@media (min-width: 1024px) {
	.searchResults .col-md-3:nth-child(4n+1) {
		clear: both;
	}


}
@media (max-width: 768px) {
	.searchResults .col-md-3:nth-child(2n+1) {
		clear: both;
	}
	.indoor-product-active .col-md-4:nth-child(2n+1) {
		clear: both;
	}


}
@media (max-width: 767px) {

	.searchResults 	.product-list.products .itemProduct{
		margin-bottom:0
	}
	.searchResults li.itemProduct.col-md-3.col-sm-6.col-xs-6:nth-child(odd) {
		padding-right: 7.5px;
	}
	.searchResults 	li.itemProduct.col-md-3.col-sm-6.col-xs-6:nth-child(even) {
		padding-left: 7.5px;
	}


}
body { padding-right: 0 !important }


#xxxf i {
	font-size: 18px;
	color: #000;
}
@media (max-width: 991px) and (min-width: 480px){

	header.sticky-header .sub-head {
		top: 17px !important;
	}
}
@media (max-width: 991px){



	.content-contact {
		padding: 0 15px;
	}
	.content-contact .info-contact .icon {
		display: block;
	}
	.content-contact .info-contact .icon .item {
		width: 50%;
		float: left;
		text-align: center;
	}
	.content-contact .info-contact .icon .item:nth-child(2),
	.content-contact .info-contact .icon .item:nth-child(3) {
		text-align: center;
	}
	.content-contact .info-contact .icon .item:nth-child(4) {
		text-align: center;
	}
	.content-contact .info-contact .icon:after {
		content: '';
		display: table;
		clear: both;
	}

}
button#mc-submit,.subscribe-form input {
	border-radius: 4px;
}
a.form-button {
	border-radius: 4px;
}
button.btn-addcart {
	border-radius: 4px;
}
@media (max-width: 767px){
	.content-contact {
		max-width: 1000px;
		margin: 0 0px 40px 0;
		margin-bottom: 50;
		width: 100%;
	}
	.blog_area article.blog_single {
		margin-bottom: 15px;
	}


	.content-contact .info-contact .icon .item {
		width: 100%;
		text-align: left;
	}
	.content-contact .info-contact .icon .item:nth-child(2),
	.content-contact .info-contact .icon .item:nth-child(3) {
		text-align: left;
	}
	.content-contact .info-contact .icon .item:nth-child(4) {
		text-align: left;
	}
	.col-md-2.col-sm-3.col-xs-4 {
		width: 50%;
	}

}
.zoomContainer{
	display:none !important;
}

img.product-image-feature {
	cursor: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/pic-search.png?1683730917958),auto;
}
.fancybox-thumbs.fancybox-thumbs-x {
	background: rgba(255, 255, 255, .3);
}


.fancybox-show-thumbs .fancybox-inner {
	right: 0 !important;
	bottom: 0 !important;
}
.fancybox-thumbs {
	top: auto !important;
	width: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height:120px !important;
	padding: 10px !important;
	box-sizing: border-box !important;
	background: #fff;
}

.fancybox-thumbs>ul>li{
	height:120px !important;

}
.fancybox-thumbs>ul>li>img{
	top:0 !important;
}
.fancybox-thumbs-x>ul {
	overflow: hidden;
	margin: auto;
}

.selector-wrapper {
	display: none;
}

.contentRelatedPd .owl-controls .owl-nav div {

	top: 39% !important;

}
.image a{
	display: table;
	width: 100%;
	overflow: hidden;
}
.image a img{
	transition:all 1s;
}
.image a:hover img{
	transform:scale(1.1);
}


.p-option-wrapper {
	display: none !important;
}
center.view-all-product {
	clear: both;
	margin-top: 15px;
}
center.view-all-product a {
	position:relative; 
	font-family: 'SVN-Veneer';
	font-size: 16px;
	color: #0f3178;
}
.single-footer-widget.mb-30 {
	height: 62px;
	display: flex;
	align-items: center;
}
.fz18{
	font-size:18px;
}
/* Popup complete add cart */
#addCartModal .modal-dialog {
	width: 400px;
}
#addCartModal .modal-dialog .modal-content {
	border-radius: 0;
}
#addCartModal .modal-header {
	padding: 10px 0px;
	position: relative;
}
#addCartModal h4.modal-title {
	color: #0f3178;
	font-size: 15px;
	padding: 0;
}
#addCartModal .modal-header button{
	background: url('fancybox_sprite.png') top left no-repeat;
	width: 35px;
	height: 35px;
	opacity: 1;
	filter: alpha(opacity=1);
	position: absolute;
	top: -10px;
	right: -15px;
}
.itemCartPrice {
	color: #0f3178;
	font-size: 17px;
}
.itemCartPrice span {
	display: inline-block;
	vertical-align: middle;
}
.imgCartDetail .detail-info-entry {
	margin-top: 10px;
}
.itemCartPrice del, .itemCartPrice .prev{
	color: #999999;
	font-size: 12px;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.itemCartPrice .current {
	display: inline-block;
	vertical-align: middle;
}
.imgCartDetail{
	padding: 0px
}
.imgCartDetail h3{
	padding-right: 10px;
	line-height: 1.3;
}
#addCartModal .modal-footer {
	text-align: center;
	border: none;
	padding: 0;
}
#addCartModal .modal-footer button {
	display: inline-block;
	float: none;
	font-size: 14px;
	height: 35px;
	padding: 0px 10px;
	margin: 0px 5px;
	border: 1px solid #0f3178;
	color: #fff;
	background: #0f3178;
	opacity: 1;
	filter: alpha(opacity=100);
	text-shadow: none;
	font-weight: normal;
	margin-bottom: 10px;
}
.page-not .columns-container {
	padding-bottom: 30px;
}
.not-found span.subtext {
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px;
}
.page-not .img-404 img {
	margin: 0 auto;
}
.page-not a.back-to-col {
	display: inline-block;
	margin-top: 20px;
}

.fancybox-thumbs-x>ul {
	margin: auto !important;
}

div#quick-view-modal .p-option-wrapper {
	display: block !important;
}

.btnx {
	border-radius: 4px;
	border: 2px solid  #0f3178;
	color:  #0f3178;
	display: inline-block;
	margin: 0 0.25em;
	overflow: hidden;
	padding: 10px 57px 10px 16px;  position: relative;
	text-decoration: none;
	line-height: 1;
}
.btnx .btn-content {
	font-size: 1em;
	line-height: 1.2;
	padding: 0 26px;
	position: relative;
	right: 0;
	transition: right 300ms ease;
	display: block;
	text-align: left;
}
.btnx .icon {
	border-left: 1px solid  #0f3178;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transition: all 300ms ease;
	transform: translateY(-50%);
	width: 58px;
	height: 70%;
	color: #0f3178;

}
.btnx .icon i {
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
}
.btnx:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color:  #0f3178;
	opacity: 0;
	transition: opacity 300ms ease;
}
.btnx:hover .btn-content {
	right: 100%;
}
.btnx:hover .icon {
	border-left: 0;
	font-size: 1.4em;
	width: 100%;
}
.btnx:hover:after {
	opacity: 0.2;
}
.btnx.btn-alt-color {
	border-color: salmon;
	color: salmon;
}
.btnx.btn-alt-color .icon {
	border-left-color: salmon;
}
.btnx.btn-alt-color:after {
	background-color: salmon;
}


#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}

#quick-view-modal .selector-wrapper {
	width: auto;
	float: none;
	display: block;
	margin-bottom: 10px;
}

#quick-view-modal .selector-wrapper label {
	display: inline-block;
	min-width: 100px;
	vertical-align: middle;
}
#quick-view-modal .selector-wrapper label + span {
	display: inline-block;
	vertical-align: middle;
}
#quick-view-modal .form-input.qty label {
	display: inline-block;
	min-width: 100px;
	vertical-align: middle;
}
#quick-view-modal .selector-wrapper select {
	border: 1px solid #ccc;
	display: block;
	margin-top: 4px;
	height: 35px;
	outline: 0;
	min-width: 100px;
}

.left-content {
	margin-top: 0px
}

.left-content .aside-item {
	margin-bottom: 25px
}

.left-content .aside-item.blog-aside-article {
	margin-bottom: 20px;
	margin-top: 45px
}

.left-content .aside-item .aside-content {
	padding-bottom: 15px;
	padding-top: 15px
}



.left-content .content_tags {
	float: left;
	width: 100%;
	border-bottom: none !important
}

.left-content .content_tags .tag_blog {
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 30px;
	padding: 5px 15px;
	margin: 5px 10px 5px 0px;
	float: left;
	color: #707070;
	word-break: break-word
}

.left-content .content_tags .tag_blog:hover {
	border: 1px solid transparent;
	background: #0f3178;
	color: #fff
}



.filter-group {
	padding: 10px 0px 0px 0px
}

.filter-group ul {
	max-height: 235px;
	overflow-y: auto;
	padding: 0px;
	list-style: none;
}

.filter-group ul.size_xx {
	overflow-y: inherit !important
}

.filter-group ul::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #fff;
	width: 5px
}

.filter-group ul::-webkit-scrollbar {
	width: 5px;
	background-color: #fff
}

.filter-group ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #e9edf5;
	width: 5px
}

.filter-group-title {
	display: block;
	font-size: 1.28571em;
	margin-bottom: 10px
}

.filter-group {
	position: relative
}

.filter-item {
	margin: 0;
	cursor: pointer;
	line-height: 28px;
	min-width: 100%;
	float: left;
	padding: 0px
}

@media (max-width: 991px) {
	.filter-item {
		padding-right: 0px !important;
		padding: 0px !important
	}
}

.filter-item .label_relative {
	position: relative
}

.filter-item .label_relative .filter_tt {
	padding-left: 5px;
	display: inline-block
}

.filter-item.filter-color-size {
	min-width: 0px;
	padding: 0px
}

.filter-item.filter-size {
	min-width: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 25px;
	color: #252525;
	position: relative
}

.filter-item.filter-size .fa {
	opacity: 0;
	width: 30px;
	height: 30px;
	position: relative
}

.filter-item.filter-size .tags_size {
	color: #000
}

.filter-item .name_color {
	line-height: 25px;
	display: inline-block;
	height: 20px;
	position: absolute;
	font-size: 14px;
	color: #4d4d4d;
	text-transform: inherit
}

.filter-item * {
	cursor: pointer;
	color: #000;
	font-size: 14px;
	font-weight: 400
}

.filter-item *:active {
	color:#0f3178
}

.filter-item.size .tags_size {
	width: 50px;
	height: 25px;
	font-size: 13px;
	display: inherit;
	position: relative
}

.filter-item.size .tags_size:before {
	display: block;
	content: "";
	width: 50px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 30px;
	border: 1px solid #ddd
}

.filter-item.size input:checked+.tags_size:before {
	border-color: #0f3178
}

.filter-item.color {
	min-width: 20px;
	border: none !important;
	margin-bottom: 10px !important;
	margin-top: 10px;
	line-height: unset
}

.filter-item.color a,
.filter-item.color label {
	width: 100%;
	height: 100%;
	display: inline-block;
	font-size: 0
}

.filter-item.color .fa {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: red;
	border-radius: 50%;
	position: relative
}

@media (max-width: 1199px) {
	.filter-item.color .fa {
		margin-right: 7px
	}
}

.filter-item.color .fa:before {
	display: none
}

.filter-item.color input:checked+.fa:after {
	font-family: 'FontAwesome';
	display: block;
	content: "\f00c";
	color: #fff;
	font-size: 14px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 8px;
	top: 7px
}

.filter-item.color input:checked+.fa.trang:before {
	font-family: 'FontAwesome';
	display: block;
	content: "\f00c";
	color: #fff;
	font-size: 14px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 8px;
	top: 7px
}

.color input:checked+.fa:after {
	display: none
}

.filter-item--green *:hover {
	color:#0f3178
}

.filter-item--half {
	display: inline-block;
	width: 48%;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 3px
}

.filter-item--check-box input {
	display: none
}

.filter-item--check-box .fa {
	margin-right: 5px;
	width: 14px;
	font-size: 18px;
	line-height: 40px;
	position: relative;
	top: 2px
}

.filter-item--check-box input+.fa:before {
	content: "";
	margin-right: 5px;
	border-radius: 30px;
	font-size: 18px;
	border: solid 1px #C6CDDB;
	line-height: 40px;
	position: absolute;
	top: -15px;
	height: 15px !important;
	width: 15px
}

.filter-item--check-box input:checked+span {
	color: #0f3178
}

.filter-item--check-box input:checked+.fa,
.filter-item--check-box input+span {
	color: #0f3178
}

.filter-item--check-box input:checked+.fa:before,
.filter-item--check-box input+span:before {
	border-color: #0f3178
}

.filter-item--check-box input:checked+.fa:after,
.filter-item--check-box input+span:after {
	font-family: 'FontAwesome';
	content: "\f00c";
	color: #0f3178;
	position: absolute;
	width: 15px;
	height: 15px;
	line-height: 15px;
	top: -15px;
	font-size: 11px;
	left: 2px
}

.filter-container__selected-filter {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee
}

.filter-container__selected-filter-header {
	margin-bottom: 5px
}

.filter-container__selected-filter-header-title {
	font-size: 18px;
	font-weight: bold;
	color: #0038AE
}

.filter-container__clear-all {
	float: right;
	color: #333;
	margin-top: 3px
}

.filter-container__selected-filter-item {
	padding: 3px 0
}

.filter-container__selected-filter-item>a {
	color: #333;
	font-size: .92857em
}

.filter-container__selected-filter-item .fa {
	margin-right: 10px;
	color: #F44336
}

#sort-by {
	float: right;
	font-size: 14px;
	text-align: left
}

#sort-by .button-asc,
#sort-by .button-desc {
	background-color: #f8f8f8;
	box-shadow: none;
	float: right;
	height: 30px;
	line-height: 28px;
	margin-left: 5px;
	text-align: center;
	width: 30px
}

#sort-by label {
	float: left;
	font-weight: 400;
	line-height: 33px;
	font-size: 14px;
	margin-right: 6px;
	margin-bottom: 0;
	color: #7b8395
}

#sort-by ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: right
}

#sort-by a:link,
#sort-by a:visited {
	color: #333;
	text-decoration: none
}

#sort-by>ul>li {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 28px;
	text-indent: .01px;
	cursor: pointer;
	line-height: 34px;
	background-image: url(//bizweb.dktcdn.net/100/342/870/themes/702135/assets/ico-select.png?1545972300652) !important;
	border-radius: 0px
}

#sort-by>ul>li:hover {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

#sort-by li {
	background: none repeat scroll 0 0 #fff;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 0 20px;
	position: relative;
	width: 180px;
	float: left;
	color: #7b8395;
	border: 1px solid #e9edf5;
	font-size: 14px
}

#sort-by li>a {
	color: #7b8395 !important;
	display: inline-block;
	width: 100%;
	line-height: 36px;
	transition: all 0s ease-in-out
}

#sort-by li>a:hover {
	color: #0f3178
}

#sort-by li li {
	width: 100%;
	margin-top: 0px;
	border-top: none;
	border-right: none;
	border-left: none
}

#sort-by li li a:hover {
	color: #0f3178
}

#sort-by li:hover {
	background-color: #fff
}

#sort-by li li:hover {
	background-color: #fff;
	color: #007fb8
}

#sort-by li li:hover a {
	color:#0f3178 !important
}

#sort-by ul ul {
	position: absolute;
	visibility: hidden;
	width: 180px;
	left: -1px;
	top: 34px;
	background: none repeat scroll 0 0 #F8F8F8;
	z-index: 10000;
	border: 1px solid #ebebeb;
	border-radius: 30px;
	overflow: hidden;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	overflow: hidden;
	background: #fff;
	padding-left: 0px !important
}

@media (min-width: 768px) and (max-width: 991px) {
	#sort-by ul ul {
		top: 21px
	}
}

#sort-by ul ul li:last-child {
	border-bottom: none
}

#sort-by ul ul ul {
	position: absolute;
	left: 100%;
	top: -2px;
	border: solid 1px transparent
}

#sort-by li:hover>ul {
	visibility: visible
}

.filter-container__selected-filter {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee
}

.filter-container__selected-filter-header {
	margin-bottom: 5px
}

.filter-container__selected-filter-header-title {
	font-size: 18px;
	font-weight: bold;
	color: #0038AE
}

.filter-container__clear-all {
	float: right;
	color: #333;
	margin-top: 3px
}

.filter-container__selected-filter-item {
	padding: 3px 0
}

.filter-container__selected-filter-item>a {
	color: #333;
	font-size: .92857em
}

.filter-container__selected-filter-item .fa {
	margin-right: 10px;
	color: #F44336
}

h2.title-head span {
	font-family: 'SVN-Veneer';
	font-size: 24px;
}
.stBody.overflow {
	overflow: hidden;
}
.toolbar-short-area.d-md-flex.align-items-center {
	display: block;
	width: 100%;
	/* text-align: center; */
}
.toolbar-shorter {
	float: right;
}
.nice-select .list:hover .option:not(:hover) {
	color:#000 !important;
}
.menjucol{

	position: relative;
}
.menjucol i{

	position: relative;
}

.dmsp .aside-content {
	border-top: none;
	padding-top: 0px
}

.dmsp .aside-content .navbar-pills .lv1:first-child a {
	border-top: none
}

.dmsp .aside-content .navbar-pills .lv1 a {
	padding: 5px 20px 5px 0px
}

.dmsp .aside-content .navbar-pills .lv1 .fas {
	top: 3px;
	right: -12px
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 a {
	padding-left: 15px !important
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 ul .lv3 a {
	padding-left: 30px !important
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 ul .lv3 ul .lv4 a {
	padding-left: 45px !important
}


.aside-item .aside-content {
	padding-bottom: 15px
}

.aside-item .list-tags span.tag-item {
	line-height: 30px;
	border: 1px solid #ebebeb;
	height: 30px;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	color: #898989;
	border-radius: 0px
}

.aside-item .list-tags span.tag-item:hover {
	color: #fff;
	background: #491d6c;
	border-color: #491d6c
}

.aside-item .list-tags span.tag-item:hover a {
	color: #fff
}

.aside-filter {
	background: #fff;
	margin-bottom: 0px
}

.aside-filter .aside-mini-list-product h2.title-head a:hover {
	color: #491d6c
}

.aside-filter .aside-item {
	margin-bottom: 0px
}

.aside-filter .aside-item .field-search {
	margin-bottom: 10px;
	position: relative
}

.aside-filter .aside-item:last-child {
	margin-bottom: 0;
	border: none
}

.aside-filter .aside-item:last-child .aside-content {
	margin-bottom: 0
}
.sidebar-category .aside-content .nav-item .fas {
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-top: 0px;
	line-height: 28px;
	cursor: pointer;
	text-align: center;
	top: 0px;
	right: 0px;
	position: absolute;
}
.sidebar-category .aside-content .nav-item.active>.dropdown-menu {
	display: block;
}

.sidebar-category .aside-content .nav-item .dropdown-menu {
	width: 100%;
	border: 0;
	padding-left: 0px;
	box-shadow: none;
	margin-top: 0px;
	padding: 0px;
	position: static
}

.aside-filter .aside-item .form-group .form-control {
	min-height: 40px;
	height: 40px
}

.aside-filter .aside-item .input-group-btn {
	position: static
}

.aside-filter .aside-item .input-group-btn button {
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 40px;
	padding: 0;
	text-align: center;
	line-height: 40px;
	background: #491d6c;
	color: #fff;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px
}

.aside-filter .filter-container {
	margin-bottom: 0px
}

.aside-filter .aside-item .aside-title:after {
	display: none
}

.ui-widget.ui-widget-content {
	height: 2px;
	background: #ebebeb
}

.ui-slider-range.ui-corner-all.ui-widget-header {
	background: #000 !important
}

.ui-slider-horizontal .ui-slider-handle {
	height: 14px !important;
	width: 14px !important;
	border-radius: 50% !important;
	top: -6px !important;
	border: none !important;
	background: #000 !important
}

.ui-widget.ui-widget-content {
	border: none !important;
	margin-bottom: 25px;
	width: calc(100% - 14px);
	margin-left: 7px
}
.sub-head.active .main {
	top: 0 !important; 
}
@media (max-width: 768px){

	.xxx-banner .col-sm-6:first-child img {
		margin-bottom: 15px;
	}

}
.fixacc i{
	font-size: 26px;
	color: #fff;
	margin-top: 10px;
	margin-right: 6px;
}
/* 1. ----------------------- BREADCRUMB ------------------------ */
.insBreadcrumb {
	background: #efefef;
}
.insBreadcrumb .breadcrumb {
	margin: 0;
	background: transparent;
	padding: 0;
}
.insBreadcrumb .breadcrumb li {
	display: inline-block;
	background-color: #e1e1e1;
}
.insBreadcrumb .breadcrumb li a,
.insBreadcrumb .breadcrumb li span {
	position: relative;
	background: #efefef;
	height: 40px;
	line-height: 40px;
	display: block;
	padding-right: 10px;
	color: #999;
	margin-right: 23px;
	font-size: 14px;
	font-weight: 300;
} 
.insBreadcrumb .breadcrumb li span {
	margin-right: 0;
}
.insBreadcrumb .breadcrumb li a:before,
.insBreadcrumb .breadcrumb li a:after,
.insBreadcrumb .breadcrumb li span:before,
.insBreadcrumb .breadcrumb li span:after{
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #efefef;
	border-width: 20px 7px 20px 17px;
	width: 0;
	height: 0;
}
.breadcrumb-wrap .breadcrumb li:first-child a:before, .breadcrumb-wrap .breadcrumb li:first-child span:before, .breadcrumb-wrap .breadcrumb li:last-child a:after, .breadcrumb-wrap .breadcrumb li:last-child span:after {
	border: none;
}
.breadcrumb-wrap .breadcrumb li:nth-child(even) a:before, .breadcrumb-wrap .breadcrumb li:nth-child(even) span:before {
	border-color: #efefef #efefef #efefef transparent;
}
.breadcrumb-wrap .breadcrumb li:nth-child(even) a:after, .breadcrumb-wrap .breadcrumb li:nth-child(even) span:after {
	border-left-color: #efefef;
}
.insBreadcrumb .breadcrumb li a:before,
.insBreadcrumb .breadcrumb li span:before{
	left: -26px;
	border-left-color: transparent;
}
.insBreadcrumb .breadcrumb li span:before {
	//left: -27px;
}
.insBreadcrumb .breadcrumb li a:after,
.insBreadcrumb .breadcrumb li span:after{
	right: -23px;
	border-color: transparent transparent transparent #efefef;
}
.insBreadcrumb .breadcrumb >li+li:before{
	display: none;
}
/* ----------------------- END BREADCRUMB ------------------------ */
#new-login,.pdbt50{
	padding-top:50px ;
	padding-bottom:50px ;

}




@media (min-width: 992px){

	.aside-title i.fa {
		display:none;	
	}


}
#quick-view-modal .form-input.qty label {
	display: inline-block;
	min-width: 123px;
	vertical-align: middle;
}
#quick-view-modal .selector-wrapper select {
	border: 1px solid #ccc;
	display: block;
	margin-top: 4px;
	height: 35px;
	outline: 0;
	min-width: 100px;
}
@media ( max-width: 768px){
	.toolbar-shorter {
		float: left;
	}
	.nice-select.wide .list
	{
		width:120px;
	}
	.aside-content {
		display: none;
	}


}

.cart .totals table td, .cart .totals table th, .data-table tfoot td, .data-table tfoot th, .data-table thead td, .data-table thead th {
	color: #333;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
	padding: 10px;
}
.aside-title {
	position: relative;
}
.aside-title i.fa {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 23px;
}
table {
	width: 100%;
}
.xxx{
	background:#ffffff;
}
header{
	background:#ffffff;
}

ul.form-list {
	list-style: none;
}




#stSearchPage .product-list {
	list-style: none;
}
#stSearchPage .product-list.products .itemProduct{
	margin: 0 0 20px 0;
}
#stSearchPage .searchHead p {
	margin: 10px 0px;
	padding: 10px 0px;
	background: #fff;
	font-size: 16px;
}

#stPages .same-title {
	margin-bottom: 20px;
}
#stPages .wrapperPage {
	padding: 50px 10px 50px 10px;
	background: #fff;
	margin-top: 0px;
	border-radius: 3px;
}
#stPages .headingPage {
	margin-bottom: 15px;
}
#stPages .headingPage .titlet {
	font-size: 35px;
	text-transform: uppercase;
	color: #333333;
	/* padding: 10px 15px; */
	margin: 0px 0px 30px 0px;
	/* background: #dedede; */
	border-radius: 12px;
	/* font-family: 'PN'; */
	font-family: 'SVN-Veneer';
}
#stPages .content-page * {
	line-height: 1.3;
}
@media (max-width: 1023px) {
	#stPages 	.wrapperPage {
		padding: 30px 10px 30px 10px;

	}

}




#collection_tmt12 [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
}
#collection_tmt12 [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before {
	content: '';
	width: 26px;
	height: 25px;
	border: none;
	background: #eaeaea;
	border-radius: 50%;
	outline: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}

#collection_tmt12 [type="checkbox"]:checked+label .icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
#collection_tmt12 [type="checkbox"]:not(:checked)+label .icon, [type="checkbox"]:checked+label .icon {
	position: absolute;
	top: 9px;
	left: 6px;
	color: #505252;
}
#collection_tmt12 [type="checkbox"]:not(:checked)+label span, [type="checkbox"]:checked+label span {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0;
	line-height: 16px;
}



.min600 ul {
	list-style: none;
}
.xxnobo ul{
	border:none !important;
}


.product-img img {
	width: auto !important;
	margin:auto;
}
.ml5{
	margin-left:5px;
}

.desc-tab ul {
	list-style-position: inside;
}

.desc-tab ol {
}
.post-thumbnail.img-full{
	text-align:center;
}
.post-thumbnail.img-full img {
	width: auto !important;
}
a.add-to-c.btnAddCart.disabled {
	pointer-events: none;
}
.ponnone{
	pointer-events: none;
}.footer-payments-image img {
	max-height: 40px;
}

.lienheloop{
	color:#0f3178 !important;
}
.eventnone{
	pointer-events: none;
}

#ad-orders-table tr td,#ad-orders-table tr th  {
	padding: 5px 10px;
}

.IsDe{
	padding-left: 16px;
	position: relative;
}

.IsDe span{

}
li.IsDe {
	margin-bottom: 4px;
	margin-top: 5px;
}
.IsDe input{
	position: absolute;
	top: 2px;
	left: 0;
}div#u_0_0 {
	width: 100%;
}


/* 
Swatches Styles
*/



.swatch { 
	margin:0.5em 0; 
}
/* Label */
.swatch .header-s {
	margin: 0;
	font-weight: bold;
	margin: 10px 0;
	//border-style: dashed;
	display: inline-block;
	min-width: 200px;
	position: relative;
}
.swatch .header-s:before{
	content: '';
}
/* Hide radio buttons.*/
.swatch input { 
	display:none;
}
.swatch label {
	float:left;
	min-width:35px !important; 
	height:35px !important;
	margin:0;
	text-align:center;
	line-height:35px;
	white-space:nowrap;
	font-size: 12px;
	border:1px solid #ccc;
	cursor: pointer;
	position: relative;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { 
	background-size: contain !important;
	padding: 0px 10px 0px 25px;
}
.swatch .swatch-element {
	//float:left;
	-webkit-transform:translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing:antialiased; /* webkit text rendering fix */
	margin:0px;
	display: inline-block;
	position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, old safari */
	-moz-opacity: 0.6;       /* mozilla, netscape */
	opacity: 0.6;           /* fx, safari, opera */
}
.swatch .img-check{
	display:none;
	position: absolute;
	right: 0;
	bottom: 0;
}
.swatch-element label.sd {
	border: 1px solid #e4393c;
}
.swatch-element label.sd img.img-check {
	display: block;
}
.swatch-element label span {
	color: #000;
	font-size: 13px;
	line-height: normal;
	vertical-align: middle;
	//display: none;
}
/*
label.sd{
border: 1px solid #F00;
background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/select-pro.png?1683730917958) right bottom no-repeat;
}

.n-sd:nth-child(1) label {
border: 1px solid #F00;
background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/select-pro.png?1683730917958) right bottom no-repeat;
}
*/

label[for="product-select-option-0"] { display: none; }
label[for="product-select-option-1"] { display: none; }
label[for="product-select-option-2"] { display: none; }
#product-select-option-0 { display: none; }
#product-select-option-1 { display: none; }
#product-select-option-2 { display: none; }
#product-select-option-0 + .custom-style-select-box { display: none !important; }
#product-select-option-1 + .custom-style-select-box { display: none !important; }
#product-select-option-2 + .custom-style-select-box { display: none !important; }
.selector-wrapper {
	//display: none;
}
.color.swatch-element label.no-thumb {
	padding-left: 10px;
}
/*end swatch*/


li.nav-item.lv1.filter-item--green {
	clear: both;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background:transparent;
	color: #0f3178;
}
.fb-comments, .fb-comments > span, .fb-comments span iframe,.tab-product-detail {
	width: 100% !important;
}
li.IsDe {
	margin-bottom: 7px !important;
	margin-top: 7px !important;
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 a {
	padding-left: 15px !important;
	word-break: break-word;
	word-wrap: break-word;
	max-width: 100%;
	display: block;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	background: transparent;
	color: #000;
}

.nav li{
	position: relative;clear: both;
}
.article.blog_single .post-category,.blog_single .entry-header{
	text-align:center;
}

ul {

	list-style-position: inside;
}

.page-title h1{
	font-family: 'SVN-Veneer';
	font-size: 26px;
}

h2.order_section_title {
	font-size: 24px;
}

.poneventnone{
	pointer-events: none;
}
@media (max-width: 480px){
	.footer-copyright > p > a{
		display:block;
	}
	.content-contact .info-contact .icon .item i {
		position: absolute;
		top: 5px;
		/* padding-left: 10px; */
		left: 0;
	}
	.content-contact .info-contact .icon .item {
		flex: inherit;
		min-width: 200px;
		position: relative;
		padding-left: 25px;
	}
	.insBreadcrumb .breadcrumb li a, .insBreadcrumb .breadcrumb li span {

		padding-right: 0px; 
		font-size: 10px;
	}
	.content-contact #contact input{
		width:100%;
	}

}

@media (max-width: 360px){

	.swatch .header-s{
		min-width: auto;
	}
	.description-product .qty-cart .qty-number-cart input {

		height: 35px;
		width: 35px;

	}
	.description-product .qty-cart .link-detail > a {
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		padding: 0 30px;
		background: #0f3178;
		border: 1px solid;
		border-color: #0f3178;
		display: inline-block;
		height: 35px;
		line-height: 35px;
		border-radius: 50px;
		text-transform: uppercase;
		float: left;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
}

div#binhluan {
	margin-bottom: 25px;
}
.nav>li>a:focus{
	text-decoration: none;
	background-color: transparent;
}

.dec-and-review-menu > li > a.active{
	color: #000;
}

@media (min-width: 1024px){

	a:hover {
		text-decoration: none;
		color: #0f3178;
	}
	.dec-and-review-menu > li > a:hover{
		color: #000;
	}
	.nav>li>a:hover {
		text-decoration: none;
		background-color: transparent;
	}
}
@media (max-width: 370px){

	.insBreadcrumb .breadcrumb li a, .insBreadcrumb .breadcrumb li span {
		font-size: 9px;
	}
}




.tz-title-comment{color:#333;display:block;font-size:18px;font-weight:700;line-height:24px;margin:30px 0 0;padding:0;position:relative;text-align:left}
.tzcomments-area{position:relative;margin:20px 0 28px;float:left;width:100%;border-top:1px solid #ccc}
.comment-list{list-style:none;padding:0;margin:30px 0 0}
.children{list-style:none;padding:0;margin:0}
.comment-author img{width:70px;height:70px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.comment-author{float:left}
.comment-body{position:relative}
.comment-body:after{clear:both;content:'';display:table}
.comment-content strong{color:#000;display:block;font-size:13px;font-weight:600;line-height:15.6px;margin:0;padding:0;text-transform:uppercase}
.comment-content .comment-metadata{color:#000;font-size:14px;font-weight:400;line-height:25.2px;margin:0;padding:9px 0 0;display:block}
.comment-content .comment-metadata a{color:#0f3178;font-size:12px;font-weight:600;line-height:21.6px;margin:0;padding:0 0 0 20px;text-decoration:none!important}
.comment-content p{color:#000;font-size:14px;font-weight:400;line-height:25.2px;margin:0;padding:6px 0 5px}
.tzcomments-area ol li{margin-bottom:10px}
.comment-list li .comment-body{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px}
.comment-list li .children li{margin-left:148px;margin-top:10px}
.comment-list li .children li .comment-body{background:#ddd;padding:35px 30px 30px}
.comment-respond p{text-align:center;color:#000;font-size:14px;font-weight:400;line-height:25.2px;margin:0;padding:6px 0 5px}
.comment-respond form{margin:20px 0 15px}
.required{color:red}
.button-red:hover{background:#bda87f!important;color:#fff!important}
.comment-respond form label{color:#707070;font-size:14px;font-weight:400;line-height:25.2px;margin:15px 0;padding:0}
.comment-respond form input{color:#000;font-size:14px;font-weight:400;line-height:25.2px;margin:0;padding:10px;border-radius:0;background:#fff;border:1px solid #ebebeb;height:48px;box-shadow:none}
.tzcomment-textarea{margin-top:23px}
.comment-respond form textarea{color:#000;font-size:14px;font-weight:400;line-height:25.2px;margin:0;padding:10px;border-radius:0;background:#fff;border:1px solid #ebebeb;box-shadow:none}
.tzsubmit{text-align:center}
#comments_form_submit{color:#000;font-size:13px;font-weight:600;line-height:15.6px;margin:37px 0 0;padding:10px 33px;border:2px solid #000;background:none;display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:54px;transition:all .3s linear 0;-moz-transition:all .3s linear 0;-webkit-transition:all .3s linear 0;-ms-transition:all .3s linear 0;-o-transition:all .3s linear 0}
#comments_form_submit:hover{background:#000;color:#fff}

.button_height_44 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	padding: 0px 20px !important;
	height: 44px;
	line-height: 44px;
	text-decoration: none !important;
	position: relative;
	border: none;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	background: #0f3178;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {



	.insBreadcrumb .breadcrumb li a:after {
		content: '-';
		position: absolute;
		right: 6px !important;
		height: 3px;
		width: 2px;
		top: 0px;
		border: none;
		right: 0;
		z-index: 999;
		font-size: 17px;
	}

	.insBreadcrumb .breadcrumb li a:before, .insBreadcrumb .breadcrumb li span:before{
		border:none !important;
	}

	.insBreadcrumb .breadcrumb li a, .insBreadcrumb .breadcrumb li span {

		margin-right: 0px !important;
		padding-right:15px;

	}


	#ad-orders-table .fixtableor {
		margin-top: 14px;
	}
	#addCartModal .modal-dialog {
		width: 90% !important;
	}
}


@media only screen and (max-width: 360px) {

	body {
		overflow-x: hidden;
	}


	.imgCartDetail h3 {

		font-size: 18px;
	}

	.clear360{
		clear:both;
	}
	.styleaddbutton360{
		float: left !important;
		display: inline-block;
		margin-top: 10px;
		clear: both !important;	
	}

}

@media only screen and (min-width: 992px) {

	.cartItem .product{
		width: 44%
	}

	.cartItem .linePrice{
		width: 20%
	}
	.cartItem .remove{
	}



}
.footer-info .icon {
	min-width: 18px;
}
.kktmt123{
	background: #0f3178 !important;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	margin-top: 10px;
	border:1px solid #0f3178 !important;
}
.fancybox-container {
	top:0!important;
}
.fancybox-container .fancybox-inner {
	width:100%;
	height:100%;
}
.continueShopping:hover ,.viewCartPage:hover {
	background: #fff !important;
	color: #0f3178 !important;
}
iframe{
	max-width:100% !important
}
.dmsp .aside-content .navbar-pills .lv1 ul .lv2 a:hover,.table.table-cart td .thumb-cart h4:hover{
	color: #0f3178 !important;
}
.block-content a.button:hover{
	background: #0f3178 !important;
	color: #fff;
} 

.addressbtn .button{
	border:1px solid #0f3178 !important;
}
.addressbtn .button:hover,.kktmt123:hover{
	background: #fff   !important;;
	color: #0f3178 !important;
}
.table.table-cart td .thumb-cart h4 {
	max-width:300px;
}
.block.social-login--facebooks.text-center {
	margin-top: 20px;
}
.top-cart{
	color: #fff;
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
}
.grecaptcha-badge {
	display: none !important;
}
/*=====================================*/
.top-cart:hover .has-item.mini-cart-wrapper{
	visibility: visible;
	opacity: 1;
}
.mini-cart-wrapper {
	visibility: hidden;
	position: absolute;
	right: 0px;
	top: 13px;
	margin-top: 16px;
	z-index: 9;
	opacity: 0;
	background: #fff;
	color: #000;
	transition: opacity .168s ease-in-out;
	border: 1px solid #000;
}
#minicart-content {
	margin: 16px;
	width: 208px;
}
#minicart-content .minicart-items-container {
	min-height: 219px;
}
#minicart-content .minicart-items-container li {
	margin-bottom: 16px;
	display: table;
}
#minicart-content .minicart-items-container li .minicart-item-image {
	display: block;
	width: 48px;
	height: auto;
	margin: 0 16px 0 0;
}
#minicart-content .minicart-items-container li .minicart-item-description {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	line-height: 12px;
}
#minicart-content .minicart-items-container li .minicart-item-description .minicart-item-name {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .2px;
}
#minicart-content .minicart-items-container li .minicart-item-description .minicart-item-price {
	font-size: 11px;
	letter-spacing: .2px;
	text-transform: none;
	margin-top: 4px;
	display: inline-block;
}
#minicart-content .minicart-actions .go-to-shop-cart {
	background-color: #fff;
	border-color: #000;
	color: #000;
	width: 100%;
	font-size: 14px;
	letter-spacing: .2px;
	line-height: 32px;
	box-sizing: border-box;
	font-weight: 700;
	display: block;
	border: 1px solid;
	text-align: center;
	text-transform: uppercase;
}
.mini-cart-overlay{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: transparent
}
@media(max-width: 767px){
	.cart-head img{
		filter: invert(1);
	}
	.hd-cart-count{
		color: #fff
	}
}
.main-nav li ul li > a{
	background: rgba(255, 255, 255, 0.85)
}
.main-nav li ul li:hover > a {
	background: #0f3178;
	color: #fff;
}
.top-cart {
	color: #103178;
}
.cart-head img {
	filter: invert(1);
}
.hd-cart-count{
	color: #fff;
}
.cap-xxx, .cap-xxx h3 {
	color: #0f3178;
}
@media(max-width: 767px){
	.sub-head{
		top: 21px !important;
	}
}
.snav-btn.active i{
	background: #fff
}
.main-nav li ul a{
	text-transform: none
}
.single-footer-widget.mb-30{
	height: initial;
	min-height: 62px;

}
.single-footer-widget.mb-30 *{
	color: #fff 
}
.child-table {
	background: url(//bizweb.dktcdn.net/100/393/615/themes/774596/assets/bg_footer.jpg?1683730917958);
	padding: 0 0 20px;
}
.child-table .title-table {
	font-size: 18px;
	text-transform: uppercase;
	border-top: none;
}
.child-table:hover .price-style .price-table::after {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 0;
	border-color: #333 transparent transparent transparent;
	position: absolute;
	right: -7px;
	bottom: -8px;
	height: 0px;
}
.child-table:hover .price-style .price-table::before {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 0;
	border-color: transparent #333 transparent transparent;
	position: absolute;
	left: -7px;
	bottom: -8px;
	height: 0px;
}
.child-table:hover .price-style::after {
	content: " ";
	width: 8px;
	height: 100%;
	position: absolute;
	right: -8px;
	top: 0px;
	background: #0f3178;
}
.child-table:hover .price-style::before {
	content: " ";
	width: 8px;
	height: 100%;
	position: absolute;
	left: -8px;
	top: 0px;
	background: #0f3178;
}
.child-table .price-style {
	background: #0f3178;
	width: 100%;
	margin: 0px !important;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}
.child-table span {
	margin: 0 20px;
	text-align: center;
	display: block ;
	line-height: 60px;
	height: 60px;
	/*border-top: 1px solid #ebebeb;*/
}
.child-table span.ct2{
	border-top: 1px solid #ebebeb;
}
.child-table .btn-view {
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	border-radius: 22px;
	text-transform: uppercase;
	height: 43px;
	text-align: center;
	line-height: 43px;
	width: 178px;
	float: none;
	display: inline-block;
	font-size: 13px;
	color: #111;
	text-decoration: none;
}
.child-table:hover .btn-view {
	background: #0f3178;
	color: #fff;
	border: 1px solid #0f3178;
}
@media(max-width: 991px){
	.scroll-mb{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-flex-wrap: unset;
		flex-wrap: unset;

	}
	.scroll-mb .col-xs-12{
		min-width: 80%
	}
}
.article-list-item{
	border: 1px solid rgba(128,128,128,.16);
	box-shadow: 0 1px 4px rgba(128,128,128,.11);
}

.article-list-item .article--excerpt-image {
	position: relative;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 52.5%;
}
.article-list-item .article--excerpt-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	visibility: visible;
	object-fit: cover;
	position: absolute;
}
.article-list-item .article--excerpt-content {
	width: 100%;
	padding: 1.25rem;
	white-space: normal;
}
.article-list-item .article--excerpt-meta {
	color: #5f5d5d;
}
.article-list-item .article--excerpt-title {
	font-size: 22px;
	margin-top: .5rem;
	margin-bottom: 1rem;
	line-height: 1.3;
	font-family: 'SVN-Veneer';
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 58px;
}
.article-list-item .article--excerpt-text {
	margin-bottom: 1rem;
}
.article-list-item .article--excerpt-readmore {
	margin-top: 1rem;
	line-height: 1;
}
.footer-payments-image{
	//text-align: left
}