@import url('33ce45c8f1a84eefa84cb21f415cff7b.css');



@font-face {

	font-family:"FuturaStd-Book";src:url("../fonts/FuturaStd-Book/35e5d1a7aa6da471de4cfb4a47ebaca8.eot");src:url("../fonts/35e5d1a7aa6da471de4cfb4a47ebaca8.eot") format("embedded-opentype"),url("../fonts/35e5d1a7aa6da471de4cfb4a47ebaca8.woff2") format("woff2"),url("../fonts/35e5d1a7aa6da471de4cfb4a47ebaca8.woff") format("woff"),url("../fonts/35e5d1a7aa6da471de4cfb4a47ebaca8.ttf") format("truetype"),url("../fonts/35e5d1a7aa6da471de4cfb4a47ebaca8.svg#futurastd-book") format("svg")

}



body {

	font-family: "FuturaStd-Book";

	font-weight: 400

}



h1,h2,h3,h4,h5,h6 {

	color: #1e65d0;

	font-weight: 500

}



h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {

	color: inherit

}



h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {

	color: #069

}



h1 {

	font-size: 60px;

	font-weight: 400;

	line-height: 150px;

	color: #fff

}



h2 {

	font-size: 28px;

	line-height: 40px

}



h3 {

	font-size: 36px

}



h4 {

	font-size: 22px

}



h5 {

	font-size: 25px

}



p {

	font-size: 20px;

	font-weight: 400;

	line-height: 28px;

	color: #222

}



span,input,img {

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out

}



ul {

	margin: 0;

	padding: 0

}



li {

	list-style: none

}



img {

	max-width: 100%;

	transition: all .3s ease-out 0s

}



.container-wrapper {

	max-width: 1430px;

	margin: 0 auto

}



.container-wrapper-home4 {

	max-width: 1480px;

	margin: 0 auto

}



.extra-padding-40 {

	padding-left: 40px;

	padding-right: 40px

}



.slider-wrapper {

	max-width: 1820px;

	margin: 0 auto

}



.home-page-4-bg {

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: top center;

	background-color: #f5f5f5

}



a,button,li {

	transition: .3s;

	-webkit-transition: all .3s ease-out 0s;

	-moz-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s

}



.over-hidden {

	overflow: hidden;

}



.clear-both {

	clear: both

}



.over-scroll {

	overflow: scroll

}



.over-x-hidden {

	overflow-x: hidden

}



.over-x-scroll {

	overflow-y: scroll

}



.transition-3 {

	transition: .3s

}



.mlr-15 {

	margin-left: -15px;

	margin-right: -15px

}



a:focus,button:focus,.btn:focus {

	text-decoration: none;

	outline: 0;

	box-shadow: none

}



a:focus,a:hover,.portfolio-cat a:hover,.footer-menu li a:hover {

	color: #222;

	text-decoration: none;

	outline: 0 none

}



*::-moz-selection {

	background: #fc8459;

	color: #fff;

	text-shadow: none

}



::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none

}



::selection {

	background: #444;

	color: #fff;

	text-shadow: none

}



*::-moz-placeholder {

	color: #858585;

	font-size: 14px;

	opacity: .6

}



*::placeholder {

	color: #858585;

	font-size: 14px;

	opacity: .6

}



.transition {

	transition: .3s

}



.btn:focus {

	outline: 0 none

}



.icon-clear {

	color: #999

}



.btn {

	padding: 20px 75px;

	font-size: 16px;

	line-height: 21px;

	border-radius: 0;

	background: #fff;

	color: #000;

	outline: 0 none;

	text-transform: capitalize;

	transition: .3s

}



.btn:hover {

	color: #fff;

	background: #000

}



.single-blog .btn,.footer-widget .btn {

	padding: 16px 52px

}



.subscriber-area .btn {

	background: transparent;

	color: #fff

}



.footer-widget .btn:hover {

	background: #fff;

	color: #000

}



.btn.btn3 {

	color: #fff;

	background: #222;

	line-height: 55px;

	padding: 15px 75px

}



.subscribe-form .btn,.blog-subscribe .btn {

	padding: 20px 90px;

	background: #000;

	color: #fff

}



.contact-form-right .btn {

	background: #222

}



.contact-form-right .btn:hover {

	background: #000

}



.slick-dots {

	position: absolute;

	right: 55px;

	top: 50%;

	transform: translateY(-50%)

}



.slider-2 .slick-dots,.slider-3 .slick-dots,.slider-6 .slick-dots,.slider-4 .slick-dots,.testimonial-active .slick-dots {

	right: auto;

	top: auto;

	left: 50%;

	bottom: 20px;

	transform: translateX(-50%)

}



.slick-dots li {

	width: 9px;

	height: 9px;

	border-radius: 50%;

	background: #fff;

	box-shadow: 0 0 1 #fff;

	opacity: .3;

	display: block;

	text-indent: -10000px;

	margin: 10px 2px;

	border: 2px solid transparent

}



.slider-2 .slick-dots li,.slider-3 .slick-dots li,.slider-6 .slick-dots li,.slider-4 .slick-dots li,.testimonial-active .slick-dots li {

	display: inline-block;

	margin: 0 10px

}



.slider-6 .slick-dots li {

	background: #000;

	box-shadow: 0 0 1 #000

}



.slick-dots li.slick-active {

	position: relative;

	background: transparent;

	opacity: 1

}



.slick-dots li.slick-active::before {

	position: absolute;

	content: "";

	width: 16px;

	height: 16px;

	top: -5px;

	left: -5px;

	border: 2px solid #fff;

	border-radius: 50%;

	background: transparent

}



.slider-6 .slick-dots li.slick-active::before {

	border: 2px solid #000

}



.slider-2 .slick-dots li.slick-active::before,.slider-3 .slick-dots li.slick-active::before,.slider-6 .slick-dots li.slick-active::before {

	top: -5px

}



.slick-arrow .l-a,.slick-arrow .r-a,.blog-post-active .slick-arrow .l-a,.blog-post-active .slick-arrow .r-a {

	position: absolute;

	left: 10px;

	top: 36%;

	transform: translateY(-50%);

	border: 0;

	background: 0;

	color: #fff;

	z-index: 1;

	font-size: 28px;

	visibility: hidden;

	transition: .7s

}



.slick-arrow .r-a {

	right: 10px;

	left: auto

}



.blog-post-active .slick-arrow .l-a,.blog-post-active .slick-arrow .r-a {

	top: 35%;

	left: 10px;

	background: #000;

	padding: 8px 15px

}



.blog-post-active .slick-arrow .r-a {

	right: 10px;

	left: auto

}



.blog-slider-active:hover .slick-arrow .r-a,.blog-slider-active:hover .slick-arrow .l-a,.blog-post-active:hover .slick-arrow .l-a,.blog-post-active:hover .slick-arrow .r-a {

	visibility: visible

}



.tooltip-inner {

	background-color: #fff;

	color: #222;

	border: 1px solid #222;

	font-size: 12px;

	border-radius: 100%;

	padding: 1px 10px

}



.tooltip .arrow {

	display: none

}



.section-title p {

	font-size: 14px

}



.store-product-position .section-title p,.subscribe-area .section-title p {

	font-size: 16px;

	color: #666

}



.section-title-2 h2 {

	font-weight: 400;

	color: #fff

}



.underline::before {

	position: absolute;

	content: "";

	width: 35px;

	height: 2px;

	background: #000;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%)

}



.section-content span,.section-content p {

	font-size: 20px;

	line-height: 16px;

	text-transform: capitalize

}



.section-content a.btn2 {

	font-size: 30px

}



.section-content a.btn2::before {

	position: absolute;

	width: 24px;

	height: 2px;

	background: #fff;

	content: "";

	bottom: 0;

	left: 0;

	transition: .3s

}



.section-content a:hover::before {

	width: 100%

}



.section-content-position {

	top: 0;

	left: 0;

	right: 0;

	bottom: 0

}



.page-title{

  position: relative;

  z-index: 2;

}



.page-title h2 {

	font-size: 50px

}



.page-height {

	min-height: 590px

}



.header {

	left: 0;

	top: 0;

	width: 100%;

	z-index: 22;

	transition: .3s;

	position: relative;

}



.body-overlay {

	background-color: rgba(0,0,0,0.5);

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 99;

	left: 0;

	opacity: 0;

	visibility: hidden;

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out

}



.body-overlay.opened {

	opacity: 1;

	visibility: visible

}



.sticky-menu {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 22;

	width: 100%

}



.sticky-menu .header-6 {

	top: -20px

}



.sticky-menu .header {

	background: #fff;

	-webkit-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.1);

	-moz-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.1);

	box-shadow: 0 8px 4px -7px rgba(115,115,115,0.1)

}



.header-area.sticky-menu,.header:hover {

	background: #fff

}



.logo img {

	max-width: 100px

}



/* .logo img {

	filter: invert(1) sepia(1) hue-rotate(0deg) brightness(1.2)

} */



.sticky-menu .header .logo img,.header-area:hover .logo img,.header-2 .logo img,.header-6 .logo img {

	filter: none;

}



.sticky-menu .header a.active::before,.header-area:hover a.active::before,.header.header-2 a.active::before,.header.header-6 a.active::before {

	background: #222

}



.main-menu ul li {

	display: inline-block;

	margin: 0 22px;

	position: relative

}



.main-menu ul li>a {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	display: inline-block;

	text-transform: capitalize;

	padding: 30px 0;

	position: relative

}



.main-menu ul li:hover>a {

	color: #222

}



.main-menu ul li>a::before {

	content: "";

	position: absolute;

	right: 0;

	width: 0;

	bottom: 30px;

	background: #fff;

	height: 2px;

	transition: .3s

}



.main-menu ul li>a.active::before {

	width: 100%

}



.main-menu ul li>a:hover::before,.main-menu ul li>a:hover a.active::before {

	background: #222;

	width: 100%;

	left: 0

}



.main-menu ul li .mega-menu {

	position: absolute;

	top: 100%;

	left: 0;

	min-width: 750px;

	height: auto;

	background: #fff;

	padding-left: 28%;

	opacity: 0;

	visibility: hidden;

	transition: .3s;

	z-index: 2;

	background-repeat: no-repeat;

	background-position: center top;

	box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);

	-ms-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transform-origin: 50% 0;

	transition: .5s;

	-webkit-transition: transform 500ms ease,opacity 500ms ease;

	-moz-transition: transform 500ms ease,opacity 500ms ease;

	-ms-transition: transform 500ms ease,opacity 500ms ease;

	-o-transition: transform 500ms ease,opacity 500ms ease;

	transform: scaleY(0);

	-ms-transform: scaleY(0);

	-webkit-transform: scaleY(0)

}



.header-area.white-bg .mega-menu {

	top: 100%

}



.main-menu ul li:hover>.mega-menu {

	opacity: 1;

	visibility: visible;

	transform: scaleY(1)

}



.main-menu ul li:hover>.mega-menu.mega-sub-menu {

	top: -25px

}



.main-menu ul li .mega-menu li {

	display: block;

	height: auto;

	margin: 25px 0;

	margin-right: 0

}



.main-menu ul li .mega-menu a {

	font-size: 14px;

	font-weight: 400;

	color: #222;

	padding: 0 10px;

	display: block

}



.main-menu ul li .mega-menu a::before {

	position: static

}



.main-menu ul li .mega-menu li a:hover {

	color: #069;

	padding-left: 30px

}



.main-menu ul li .mega-menu li a.mega-title:hover {

	padding-left: 0

}



.main-menu ul li .mega-menu li>a:hover {

	padding-left: 10px

}



.main-menu ul li .mega-menu li .mega-menu {

	left: 100%;

	top: 0

}



.main-menu ul li .mega-menu .mega-title a,.main-menu ul li .mega-menu a.mega-title {

	font-size: 18px

}



.main-menu ul li .mega-menu .mega-title a {

	padding-top: 30px

}



.main-menu ul li .mega-menu.mega-dropdown-menu,.main-menu ul li .mega-menu .mega-sub-menu {

	min-width: 250px

}



.mega-dropdown-menu li a span {

	font-size: 13px;

	font-size: 300

}



.main-menu ul li.full-mega-menu-position {

	position: static

}

@media screen and (max-width: 1200px) {
	.main-menu ul li.full-mega-menu-position{
		position: relative;
	}
	.main-menu ul li.full-mega-menu-position > .sub-menu{
		position: absolute;
    top: 0;
    right: 0;
    padding: 30px 10px;
    font-size: 16px;
    font-weight: 500;
	}
	.main-menu ul li ul.mega-menu.full-mega-menu{
		position: relative;
    opacity: 1;
    transform: scale(1);
    flex-direction: column;
    padding-left: 0;
    visibility: visible;
    width: 100%;
    min-width: auto;
		padding-left: 20px;
    box-shadow: none;
		display: none;
	}

	.main-menu ul li .mega-menu.full-mega-menu > li{
		display: flex;
    min-width: auto;
    padding: 0;
	}
		
}

@media screen and (min-width: 1200px) {
	#mobile-menu > ul{
		display: flex;
	}
}



.mean-container.main-menu ul li.full-mega-menu-position {

	position: inherit

}



.mean-container .mega-menu {

	background-image: none!important

}



.main-menu ul li .mega-menu.full-mega-menu {

	top: 100%;

	width: 100%;

	display: flex

}



.mega-menu.full-mega-menu>li {

	min-width: 210px;

	padding-left: 55px;

	padding-top: 35px

}



.mean-container .mega-menu.full-mega-menu>li {

	padding-left: 0;

	padding-top: 0

}



.main-menu .mega-menu ul>li {

	margin-left: 0

}



.main-menu ul li .mega-menu.full-mega-menu a {

	padding: 0

}



.header-right ul li {

	padding-left: 26px

}



.header-right ul li a,a.mobile-menubar {

	color: #fff;

	font-size: 18px

}

@media screen and (max-width: 768px) {
	.header-right ul li a,a.mobile-menubar {

		color: #000;
	
	}
}



.header a.mobile-menubar {

	font-size: 20px

}



.s-count {

	font-size: 12px;

	font-family: 'Rubik',sans-serif;

	padding-left: 3px

}



.main-menu ul li.logo>a::before {

	display: none

}



.header-2 .main-menu ul li,.header-3 .main-menu ul li {

	margin-left: 45px;

	margin-right: 0

}



.header-2 ul li a,.header-2 .header-right li a {

	color: #222

}



.sticky-menu .header a,.header-area:hover a,.header.header-2 a,.header.header-6 a {

	color: #222

}



.header-right .header-login a,.header-2 .header-right .search a {

	font-size: 14px

}



.slider-height {

	min-height: 900px

}



.slider-2 .slider-active {

	min-height: 820px

}



.slider-height-2,.slider-site {

	min-height: 815px

}



.slider-height-3 {

	min-height: 800px

}



.slider-height-4 {

	min-height: 660px

}



.slider-height-5 {

	min-height: 100vh

}



.slider-5 {

	min-height: 100vh

}



.slider-height-6 {

	min-height: 765px

}



.page-height4 {

	min-height: 285px

}



.single-slider {

	background-size: cover;

	background-position: center right

}



.slider-content {

	position: absolute;

	left: 15.5%

}



.slider-2 .slider-content,.slider-4 .slider-content {

	left: 5.5%

}



.slider-4 .slider-content {

	left: 8.6%

}



.slider-3 .slider-content {

	left: 13.5%

}



.slider-6 .slider-content {

	left: 12.8%

}



.slider-5 .slider-content {

	left: 7.5%;

	top: -50px

}



.slider-2 h1 {

	font-size: 116px

}



.slider-4 h1 {

	font-size: 100px

}



.slider-5 h1 {

	font-size: 88px;

	line-height: 1

}



.slider-6 h1 {

	font-size: 120px;

	margin-top: 30px

}



.slider-content span {

	font-size: 16px;

	letter-spacing: 1px;

	line-height: 60px;

	text-transform: capitalize

}



.slider-content-5 {

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%)

}



.slider-content>span::before,.history-title span:before {

	position: absolute;

	content: "";

	width: 30px;

	height: 2px;

	background: #fff000;

	left: 0;

	top: 50%;

	transform: translateY(-50%)

}



.history-title span::before {

	background: #000;

	left: -140px;

	width: 100px

}



.slider-6 .slider-content>span::before {

	background: #000

}



.slider-content p {

	line-height: 24px;

  text-shadow: 0 0 10px rgba(0,0,0,.5);

}



.single-banner img {

	min-height: 265px

}



.feature-position {

	top: -115px;

	margin-bottom: -115px

}



.feature-position .single-feature>img {

	height: 100%;

	transition: .3s;

	width: 100%

}



.single-feature:hover .img-zoom,.single-blog .blog-img img:hover,.single-banner:hover .img-zoom,.single-store-product .img-zoom:hover,.portfolio-img .img-zoom:hover {

	transform: scale(1.1)

}



.sale-off-img {

	max-width: 235px

}



.feature-position .single-feature.single-feature-3>img {

	height: 360px

}



.feature-position-3 {

	margin-bottom: 0

}



.single-product {

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out

}



/* .single-product:hover {

	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.1);

	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);

	box-shadow: 0 0 25px rgba(0,0,0,0.1)

} */

.single-product-img{ border: 1px solid #dcdcdc;}

.single-product-img img {

	width: 100%;

	height: 100%;

}



.countdown-time .count-time {

	padding: 6px 0 2px

}



.single-product-button li a span,.sale-tag {

	width: 50px;

	height: 50px;

	background-color: #222;

	border-radius: 50%;

	line-height: 50px;

	text-align: center;

	margin: 5px;

	display: inline-block

}

@media screen and (max-width: 768px) {
	.single-product-button li a span,.sale-tag {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}

	a.sale-tag{	
		font-size: 12px;
		top: 4px;
		left: 4px;
	}

	#row_change > div{
		padding: 0 2px !important;
	}
}



.timer {

	padding: 8px 1px 3px 1px

}



.timer span {

	font-size: 10px;

	color: #222;

	font-family: 'Rubik',sans-serif;

	min-width: 45px;

	display: inline-block;

	text-align: center;

	line-height: 1;

	font-weight: 500

}



.timer p {

	text-transform: uppercase;

	font-size: 10px;

	font-family: 'Rubik',sans-serif;

	margin-bottom: 0;

	line-height: 2.1

}



.timer .time-count {

	position: relative

}



.timer .time-count::after {

	content: '';

	position: absolute;

	bottom: -3px;

	left: 12px;

	right: 12px;

	height: 1px;

	background: -moz-linear-gradient(left,#f5f5f5 0,#ededed 36%,#ededed 56%,#ededed 57%,#f5f5f5 76%,#f5f5f5 100%)

}



.single-product-img .countdown-time {

	bottom: 0;

	left: 50%;

	transform: translate(-50%);

	opacity: 1;

	transition: .3s

}



.single-product:hover .countdown-time {

	opacity: 0

}



.single-product-button {

	bottom: 25px;

	left: 55%;

	transform: translate(-50%);

	opacity: 0;

	transition: .5s

}



.single-product:hover .single-product-button {

	left: 50%;

	opacity: 1

}



.single-product-button li a span {

	color: #fff

}



.single-product-button li a span:hover {

	background: #069

}



.product-price span {

	font-weight: 500;

	font-size: 14px;

	font-family: 'Rubik',sans-serif

}



.product-price span.old-price {

	color: #999

}



.sale-tag {

	font-size: 13px;

	top: 10px;

	left: 10px;

	background: #f54949;

	z-index: 1

}



.single-product-hover-img {

	top: 0;

	left: 0;

	right: 0;

	bottom: 0

}



.single-product-hover-img a img {

	opacity: 0;

	transition: .3s

}



.single-product:hover .single-product-hover-img a img {

	opacity: 1

}



.product-dot span {

	width: 10px;

	height: 10px;

	display: inline-block;

	border-radius: 50%

}



.product-offer-height .single-feature>img {

	min-height: 450px;

	transition: .3s

}



.date {

	color: #069

}



.single-blog .blog-img {

	height: 290px

}



.instagram-img img {

	width: 100%;

	opacity: 1;

	transition: .3s

}



.instagram-img img:hover {

	opacity: .93

}



.product-modal {

	padding-left: 15px;

	padding-right: 15px;

	max-width: 1080px;

	border-radius: 0;

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out

}



.product-view-scroll-area .dialog-modal-dialog {

	height: auto

}



.close {

	font-size: 30px

}



.modal-content {

	border-radius: 0

}



.product-tabs {

	/* width: 100px */

  -webkit-justify-content:center;

	justify-content:center;

}



.product-tabs .nav-link {

	width: 100px;

	height: 100px;

	padding: 0;

	opacity: .6; 

  box-sizing: border-box;

  border: 1px solid transparent;

  border-radius: 0;

}



.product-tabs .nav-link img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link,.nav-pills .nav-link:hover,.nav-pills .show>.nav-link {

	background-color: transparent;

	opacity: 1; 

}



.product-modal-left h4 {

	font-size: 30px

}



.product-modal-left .price>span {

	font-family: 'Rubik',sans-serif;

	font-size: 20px;

	font-weight: 500

}



.modal-old-price {

	color: #999;

	font-size: 16px!important

}



.product-modal-left p {

	font-size: 14px

}



.available p,.suk p {

	line-height: 1

}



.quantity-field {

	position: relative!important

}



.add-cart-btn {

	height: 62px;

	line-height: 60px;

	padding: 0 40px;

	background: #131215;

	color: #fff;

	border: 1px solid transparent;

	display: inline-block;

	margin-bottom: 20px

}



.add-cart-btn:hover {

	border-color: #131215;

	color: #131215;

	background: #fff

}



.quantity-field input {

	width: 110px;

	height: 63px;

	padding: 0 20px

}



.custom-prev,.custom-next {

	position: absolute;

	right: 32px;

	top: 60%;

	transform: translateY(-50%);

	font-size: 12px;

	color: #c8c8c8;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%)

}



.custom-next {

	top: 40%

}



.social-sharing li {

	font-size: 14px;

	display: inline-block

}



.social-sharing li a {

	font-size: 14px;

	width: 40px;

	height: 40px;

	display: inline-block;

	background: #fff;

	color: #555;

	border: 1px solid #e1e1e1;

	border-radius: 50%;

	line-height: 40px;

	text-align: center;

	margin-right: 10px;

	transition: .3s

}



.social-sharing li a:hover {

	background: #004A80;

	color: #fff;

	border: 0

}



.store-product-title {

	top: 0;

	left: 0

}



.store-product-title h4 {

	font-size: 21px

}



.store-product-title span a {

	font-size: 14px;

	color: #888

}



.single-store-product img {

	max-height: 370px

}



.author-signature img {

	width: 180px

}



.welcome-bg {

	height: 970px;

	background-size: cover;

	background-position: center;

	background-attachment: fixed

}



.single-service-feature h4 {

	font-size: 18px

}



.single-service-feature p {

	font-size: 14px

}



.service-feature-bg {

	background-image: linear-gradient(180deg,#16151a 0,#16151a 100%)

}



.ser-f-icon::before,.ser-f-icon span::after {

	font-size: 50px

}



.single-service-feature {

	padding: 0 20px

}



.product-left-img-info .social-sharing li a {

	margin-right: 10px;

	margin-left: 0

}



.product-left-img-info .price span {

	font-size: 24px;

	font-weight: 700

}



.product-view-tab .nav-link {

	color: #999;

	font-size: 20px;

	border-bottom: 2px solid transparent

}



.product-view-tab .nav-link:hover {

	color: #222

}



.product-view-tab .nav-link.active {

	color: #222;

	border-bottom: 2px solid #222

}



.desc-title {

	font-size: 18px;

	font-weight: 600

}



.describe-text p {

	font-size: 14px;

	color: #555;

	line-height: 30px

}



.add-color-area h6,.add-brand-area h6 {

	font-weight: 600

}



.add-color li {

	font-style: italic

}



.add-brand-area,.group-p-table thead {

	background: rgba(0,0,0,.025)

}



.group-p-table .table td,.table th {

	padding: 22px

}



.group-p-table a {

	font-size: 15px

}



.rat {

	display: none;

	top: -2px;

	left: 0;

	right: 0;

	bottom: 0;

	transition: .3s

}



.ratting a {

	color: #ffae00;

	font-size: 14px

}



.product-review .ratting:hover .rat {

	display: block

}



.product-left-img-info p,.quantity {

	font-size: 14px

}



.product-left-img img {

	cursor: crosshair;

	margin-bottom: 40px

}



.product-left-img {

	height: 600px;

	overflow-x: hidden

}



.tbl-title {

	min-width: 150px

}



.p-view-position .dialog-modal-dialog {

	max-width: 470px;

	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);

	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);

	box-shadow: 0 10px 25px rgba(0,0,0,.5)

}



.product-img a {

	cursor: crosshair

}



.p-view-position .modal-content {

	border-radius: 4px;

	border: 18px solid #f9f9f9;

	background: #fff

}



.p-view-position .close span {

	border-radius: 50px;

	width: 32px;

	height: 32px;

	font-size: 24px;

	border: 2px solid #fff;

	line-height: 22px

}



.p-view-position .modal-close {

	top: 0;

	right: 0

}



.product-gallery-btn a {

	box-shadow: 0 0 4px rgba(0,0,0,.2);

	border-radius: 100px;

	padding: 10px 15px

}



.product-gallery-btn {

	left: 0;

	top: 0

}



.product-gallery-btn.right-site {

	left: auto;

	top: auto;

	right: 0;

  bottom: 0;

}



.vertical-left-tab .product-gallery-btn {

	left: auto;

	right: 0;

	top: 0

}



.product-gallery-btn a:hover {

	box-shadow: 0 0 10px rgba(0,0,0,.2)

}



.cart-empty {

	border-top: 3px solid #069;

	font-size: 14px

}



.cart-height {

	height: 300px

}



.p-horizontal-tab .product-tabs {

	width: 100%

}



.page-height3 {

	min-height: 500px

}



.nice-select.open .list {

	border-radius: 0

}



.nice-select .option.selected {

	font-weight: normal

}



.nice-select {

	height: 22px;

	line-height: 20px

}



.shop-title h5,.product-filter a,.single-product-content p {

	font-size: 16px

}



.ser-icon {

	min-width: 22px;

	height: 16px;

	display: block

}



.nav-tabs .nav-item.show .nav-link.ser-icon,.nav-tabs .nav-link:hover .ser-icon,.nav-tabs .nav-item.show .nav-link.ser-icon,.nav-tabs .nav-link.active .ser-icon,.nav-tabs .nav-item.show .nav-link .ser-icon,.nav-tabs .nav-link:focus .ser-icon {

	filter: invert(0) sepia(0) hue-rotate(0deg) brightness(0)

}



.option-input:checked::after {

	background: #000;

	content: "";

	display: block;

	position: relative;

	z-index: 1

}



.option-input.radio {

	border-radius: 50%

}



.option-input.radio::after {

	border-radius: 50%

}



.option-input {

	appearance: none;

	position: relative;

	top: 0;

	right: 0;

	bottom: 0;

	height: 20px;

	width: 20px;

	transition: .15s;

	border: 1px solid #e1e1e1;

	color: #000;

	cursor: pointer;

	display: inline-block;

	outline: 0;

	position: relative;

	z-index: 1

}



.product-choose-colors .option-input {

	height: 25px;

	width: 25px

}



.option-input:checked::before {

	position: absolute;

	content: "✓";

	display: inline-block;

	font-size: 14px;

	left: 50%;

	top: 45%;

	transform: translate(-50%,-50%)

}



.f-choose-color .option-input {

	color: #fff

}



.product-menubar a {

	color: #999;

	font-size: 14px

}



.product-menubar h4,.single-product-content h5 {

	font-size: 18px

}



.product-menubar a:hover {

	color: #222

}



.product-menubar {

	height: 210px

}



.ui-widget.ui-widget-content {

	border: 1px solid #000;

	height: 0

}



.ui-slider-horizontal .ui-slider-handle {

	top: -10px;

	border-radius: 50px

}



.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {

	border: 6px solid #000;

	background: #fff;

	font-weight: normal;

	color: #454545

}



.product-filter-details {

	width: 100%;

	box-shadow: 0 8px 32px -8px rgba(0,0,0,.1);

	top: 50px;

	left: 0;

	transition: .5s;

	z-index: 11;

	/* display: none */

}



.product-filter-details.product-filter-block {

	box-shadow: none

}



#col5 .container-wrapper .col-xl-2 {

	min-width: 20%!important

}



.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:focus {

	border-color: transparent

}



.nav-tabs a {

	color: #999;

	padding-left: 8px

}



.product-search input {

	height: 50px

}



.product-search p {

	top: 50%;

	right: 20px;

	transform: translateY(-50%)

}



.shop-left-sidebar-area #col-5 .single-product:hover {

	box-shadow: none;

	background: 0

}



.fitler-input input {

	max-width: 90px;

	font-size: 14px

}



.single-product-list .single-product-img img {

	min-width: 320px;

}



.single-product-img a {

	display: block;

}



.shop-sidebar-left .product-search p {

	right: 50px

}



.single-product-list-button li.tool a:hover {

	border: 1px solid #000

}



.single-product-list-button li {

	padding: 0!important;

	border: none!important

}



.single-product-list-button li a span {

	display: inline-block;

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	color: #343a40

}



#list .single-product-list-button li a span {

	width: 54px;

	height: 54px;

	line-height: 54px

}



.single-product-list-button span {

	line-height: 54px;

	text-align: center;

	display: block

}



.wishlist-area a {

	font-size: 14px

}



.table-content .p-img img {

	width: 90px;

	height: 100px

}



.table th {

	border-top: 0;

	font-weight: 400

}



.table td,.table th {

	vertical-align: middle;

	border-bottom: 1px solid #dee2e6

}



.table thead th {

	border-bottom: 0

}



.table-content.table-content1 {

	width: 20px

}



.table-content.table-content2 {

	width: 110px

}



.wishlist-area .table-content6 a {

	font-size: 16px

}



.btn.p-add-cart {

	width: 230px

}



.mobile-wishlist .p-img img {

	max-width: 110px

}



.p-remove {

	right: 0;

	top: 30px

}



.pn {

	margin-top: 10px

}



.page-title-content h2 {

	font-size: 50px

}



.page-title-content .blog-tag li a {

	font-size: 16px

}



.page-height-2 {

	min-height: 900px

}

 



.page-height-2::before {

	position: absolute;

	content: "";

	background: rgba(0,0,0,.2);

	top: 0;

	left: 0;

	right: 0;

	bottom: 0

}



.page-nav {

	left: 0;

	right: 0;

	bottom: 30px

}



.blog-testimonial .testimonials-text {

	font-size: 24px;

	line-height: 44px

}



.blog-testimonial .client h5 {

	font-size: 18px

}



.blog-content .post-tag li,.social-link li {

	display: inline-block

}



.blog-content .post-tag li a:hover {

	color: #fff;

	background: #000

}



.author-post span,.blog-posts a {

	font-size: 18px

}



.author-post span::before {

	position: absolute;

	content: "";

	width: 30px;

	height: 2px;

	background: #222;

	left: 0;

	top: 50%;

	transform: translateY(-50%)

}



.single-author-post li a span {

	font-size: 16px

}



.author-img {

	max-width: 125px

}



.reply-form form .save-info input {

	height: 0

}



.reply-form h3 {

	font-size: 30px;

	font-weight: 600

}



.blog-testimonial-client-img {

	width: 110px

}



.single-blog-box img {

	height: 275px;

	width: 100%

}



.blog-large-img {

	width: 100%

}



.blog-large-img img {

	height: 590px;

	width: 100%

}



.single-box-content h4 {

	font-size: 24px

}



.single-box-content {

	top: 40%;

	left: 0;

	right: 0;

	bottom: 0;

	background: linear-gradient(rgba(0,0,0,0) 0,#000 60%)

}



.single-box-text {

	left: 0;

	right: 0;

	bottom: 0

}



.single-blog-box-hover {

	margin: 0;

	transition: .3s;

	transition: .3s ease;

	-webkit-transition: .3s ease;

	-o-transition: .3s ease;

	-ms-transition: .3s ease

}



.single-blog-box {

	transition: .3s

}



.single-blog-box:hover .single-blog-box-hover {

	transform: translateY(-20px)

}



.single-box-content .blog-post-data {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	opacity: 0

}



.single-blog-box:hover .blog-post-data {

	opacity: 1;

	height: 12%

}



.single-blog-box .blog-post-data li {

	width: 50%

}



.blog-grid-img img {

	transition: .3s;

	opacity: 0;

	visibility: hidden

}



.blog-gird-content {

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: transparent;

	z-index: 1

}



.blog-grid-iteams .blog-gird-content:hover {

	background: rgba(0,0,0,.8)

}



.blog-grid-iteams:hover .blog-grid-img img {

	visibility: visible;

	opacity: 1

}



.blog-grid-iteams:hover p,.blog-grid-iteams:hover li,.blog-grid-iteams:hover h4,.blog-grid-iteams :hover a {

	color: #fff

}



.blog-tag li a {

	background: #069;

	padding: 6px 12px;

	font-size: 14px;

	margin-right: 5px

}



.blog-right-sidebar-left-content h3 {

	font-size: 30px

}



.blog-right-sidebar-left-content p {

	line-height: 30px;

	color: #555

}



.blog-post-data li {

	display: inline-block;

	color: #555

}



.blog-widget h5 {

	font-size: 20px

}



.blog-widget h5 {

	position: relative

}



.blog-widget h5::before {

	position: absolute;

	background: #222;

	width: 40px;

	height: 2px;

	content: "";

	bottom: 0;

	left: 0

}



.blog-search-form {

	background: #cde5d3

}



.blog-widget input {

	height: 60px;

	padding: 25px 22px;

	border-radius: 0;

	border: 1px solid #222

}



.blog-widget.blog-search-form form span {

	right: 20px;

	top: 50%;

	transform: translateY(-50%)

}



.blog-slider-active span,.blog-subscribe p,.blog-widget p {

	font-size: 14px

}



.blog-subscribe {

	background: #f2e1e0

}



.search-tag li {

	display: inline-block

}



.search-tag li a {

	font-size: 12px;

	color: #7d7d7d;

	background: #f5f5f5;

	padding: 7px 16px;

	margin: 0 10px 8px 0;

	display: block;

	border-radius: 30px;

	transition: .3s

}



.search-tag li a:hover {

	background: #069;

	color: #fff

}



.blog-instagram-img {

	background: #e0e7f2

}



.blog-widget .instagram-img {

	height: 100px;

	width: 100px

}



.agota-page .page-item.active .page-link {

	color: #fff;

	background-color: #069;

	border-color: #069

}



.agota-page .page-link {

	width: 42px;

	height: 40px;

	text-align: center;

	color: #888;

	border: 1px solid #dee2e6;

	margin-right: 10px;

	line-height: 24px;

	display: block;

	font-size: 14px

}



.agota-page .page-item.active .page-link {

	color: #fff;

	background-color: #069;

	border-color: #069

}



.agota-page .page-link:hover {

	background-color: #069;

	border-color: #069;

	color: #fff

}



.page-item:last-child .page-link,.page-item:first-child .page-link {

	border-radius: 0

}



.single-page {

  position: relative;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat

}

.single-page:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  right: 0;

  box-shadow: inset 0 130px 40px -12px rgba(0, 0, 0, 0.3);

  z-index: 1;

  transition: all 500ms ease;

}

.single-portfolio .portfolio-img img {

	width: 100%

}



.our-single-service h5 {

	font-size: 24px

}



.ship-icon span::before {

	font-size: 130px

}



.our-icon span::before {

	font-size: 62px

}



.shipping-content {

	height: 800px;

	background-attachment: fixed

}



.team-member h5,.client h5 {

	font-size: 18px

}



.client.text-center span {

	color: #333

}



.testimonial-bg {

	background-color: transparent;

	background-image: linear-gradient(180deg,#cda772 100%,#f2295b 100%);

	/* height: 900px */

}





.quit a {

	font-size: 30px

}



.client img {

	max-width: 300px;

	margin: 0 auto

}



.about-bg {

	background: #161619;

	height: 100vh

}



.about-me-img {

	left: 0;

	top: 0;

	width: 50%;

	bottom: 0;

	background-position: left center;

	background-size: cover;

	height: 100%

}



.about-d-height {

	top: 0;

	right: 0;

	width: 50%;

	bottom: 0

}



.about-details {

	max-width: 75%;

	max-height: 70vh;

	overflow: hidden;

	overflow-y: scroll;

	margin: auto

}



.about-details p,.about-details li {

	color: #999;

	line-height: 24px

}



.about-details li {

	color: #fff;

	line-height: 24px

}



.about-details h1 {

	font-size: 80px;

	line-height: 1

}



.my-social-info li {

	display: inline-block

}



.my-social-info li a {

	font-size: 16px;

	width: 120px;

	height: 40px;

	line-height: 40px

}



.about-footer {

	margin-top: -90px

}



.about-footer ul li a,.about-footer a,.about-footer p {

	color: #fff;

	font-size: 14px

}



.about-footer .copyright-text::before {

	display: none

}



.no-page-height {

	height: 950px

}



.no-page-height h3 {

	font-size: 48px

}



.no-page-height h1 {

	font-size: 220px

}



.contact-form-area {

	z-index: 100

}



.contact-form-left span,.contact-form-right span {

	font-size: 25px

}



.contact-form-right input,.comment textarea {

	height: 55px;

	border-radius: 0;

	padding: 20px

}



.comment textarea {

	min-height: 150px

}



.contact-map {

	z-index: -1;

	top: -270px;

	margin-bottom: -275px;

	width: 100%

}



.contact-map iframe {

	width: 100%;

	height: 570px;

	border: 0

}



.login-area,.register-area {

	width: 85%

}



.login-form {

	background: #f7f7f7

}



.login-register-area h5 {

	font-size: 20px

}



.login-form label,.login-form .login-check p,.f-get-pass a,.register-form label,.register-form input {

	font-size: 14px;

	color: #222

}



.login-register-area input {

	height: 55px;

	border-radius: 0

}



.login-register-area input.form-control:focus {

	border-color: #7d7d7d;

	border: 2px solid #7d7d7d;

	box-shadow: none

}



.f-get-pass a {

	border-bottom: 2px solid #222

}



.register-form h6 {

	font-size: 16px

}



.register-form p {

	font-size: 14px;

	line-height: 26px;

	color: #555

}



.footer-widget h4 {

  color: #000;

	font-size: 13px;

	font-weight: 900

}



.widget-area p,.widget-area li,.widget-area li a {

	color: #999;

	font-size: 14px;

	margin-bottom: 15px;

	display: block

}



 



.footer-info form input {

	width: 420px;

	height: 55px;

	padding-left: 20px;

	background: transparent;

	border: 1px solid #999;

	color: #fff

}



.footer-4 .footer-info form input {

	border: 1px solid #2e2e30;

	width: 95%;

	text-align: center;

	color: #fff

}



.footer-4 .footer-info form input:focus {

	border: 1px solid #fff

}



.footer-4 .footer-widget.subscriber-area {

	border-left: 1px solid #2e2e30;

	border-right: 1px solid #2e2e30

}



.copyright-text::before {

	position: absolute;

	content: "";

	

	width: 1px;

	height: 25px;

	right: 60px;

	top: 0

}



.copyright-text-4::before {

	display: none

}



.footer-area-2 .copyright-text::before {

	display: none

}



.copyright-area p,.copyright-area li,.copyright-area li a {

	margin-bottom: 0

}



.copyright-text p a:hover {

	color: #069!important

}



.copyright-menu {

	margin-left: -26px

}



.copyright-area .copyright-menu li {

	margin-right: 25px

}



.footer-area-2 .copyright-menu li a {

	color: #222;

	font-size: 14px

}



.footer-6 .footer-address li {

	margin-bottom: 12px

}



.footer-4 .footer-widget li a {

	color: #e1e1e1

}



.footer-area-5 {

	bottom: 60px;

	width: 100%

}



.footer-area-5 .copyright-menu li a {

	color: #999

}



.footer-area-5 .copyright-text p {

	font-size: 14px

}



.top {

	position: fixed;

	color: #fff;

	right: 30px;

	bottom: 30px;

	cursor: pointer;

	background: #2196f3;

	border-radius: 5px

}



.top span {

	font-size: 18px;

	padding: 12px 12px;

	display: block

}



.header-search-details {

	width: 100%;

	position: fixed;

	top: -250%;

	left: 0;

	z-index: 55;

	height: 100%;

	transition: .5s

}



.header-search-details.open-search-info {

	top: 0

}



.header-search-content h4 {

	font-size: 30px

}



.header-search-details .close-icon {

	font-size: 30px

}



.header-search-content ul li a {

	font-size: 18px;

	color: #888;

	margin: 30px;

	display: block

}



.header-search-content ul li a:hover,.header-search-details ul li a.active {

	color: #222

}



.header-search-content form a {

	left: 10px;

	top: 18px;

	font-size: 22px;

	color: #555

}



.header-search-content form input,.subscribe-form input {

	border: 0;

	border-bottom: 2px solid #e1e1e1;

	padding: 0;

	width: 100%;

	padding-left: 45px;

	margin: 0;

	color: #555;

	padding-left: 10px;

	font-size: 14px;

	background: 0;

	box-shadow: none;

	height: 45px;

	text-indent: 40px

}



.subscribe-form form input {

	text-align: center;

	height: 55px;

	padding-left: 0

}



.header-search-content form input:focus,.subscribe-form input:focus {

	border-bottom: 2px solid #222

}



.search-form input::-webkit-input-placeholder {

	color: #fff

}



.search-form input::-moz-placeholder {

	color: #fff

}



.search-form input:-ms-input-placeholder {

	color: #fff

}



.search-form input:-moz-placeholder {

	color: #fff

}



.header-shopping-cart-details {

	width: 430px;

	position: fixed;

	right: -205%;

	top: 0;

	z-index: 999;

	height: 100%;

	transition: .7s

}



.header-shopping-cart-details.open-shopping-info {

	right: 0

}



.header-shopping-cart-details h5 {

	font-size: 18px

}



.side-mobile-menu {
	padding: 0 0 0 20px;
	background-color: #fff;

	width: 65%;

	position: fixed;

	left: -65%;

	top: 0;

	z-index: 9999;

	height: 100%;

	transition: all .3s ease-out;

	overflow: scroll;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out

}



.side-mobile-menu.open-menubar {

	left: 0

}



.close-icon {

	font-size: 30px

}



.side-mobile-menu .header-search-content ul li a {

	font-size: 16px;

	margin: 12px;

	color: #222

}



.side-mobile-menu .header-search-content ul li a:hover,.side-mobile-menu .header-search-content ul li a.active {

	color: #069

}



.side-mobile-menu .header-search-content form a {

	right: 10px;

	left: auto;

	font-size: 18px

}



.side-mobile-menu .header-search-content form input {

	text-indent: 0

}



.side-mobile-menu .menu-login ul li a {

	color: #222;

	font-size: 16px

}



.side-mobile-menu .menu-login ul li {

	padding: 15px 0

}



.side-mobile-menu .menu-login {

	clear: both

}



#preloader {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999;

	width: 100%;

	height: 100%;

	overflow: visible;

	background: #fff url('../images/agota-preloader.gif') no-repeat center center

}



 .footer-social-links a {

  width: 50px;

  height: 50px; 

  line-height: 50px;

  text-align: center;

  display: inline-block;

  color: #fff;

  background: rgba(0, 0, 0, 1);

  -webkit-transition: all 0.25s linear;

  transition: all 0.25s linear;

  margin-right: 10px;

  font-size: 20px;

}



.swiper-box-father {

  position: relative;

  

}

.swiper-box-father .swiper-next{ 

  position: absolute;

  top: -60px;

  right: 0;

  opacity: 0.5;

  background-size:20px;

}

.swiper-box-father .swiper-prev{ 

  position: absolute;

  top: -60px;

  left: auto;

  right: 100px;

  opacity: 0.5;

  background-size:20px;

}

.ins_name{

  font-size: 24px;

  color: #000; 
	padding-left: 20px;

}

.ins_name img{

  margin-right: 10px;
	max-width: 40px;

}

.instagram-img{

  padding: 5px;

}

.ins-row { margin: 20px 0 60px;}

.ins-row a{ display: inline-block; margin: 0 10px ; padding: 5px 10px; border-radius: 5px;}

.ins-row a i{ vertical-align: middle; margin-bottom: 4px;}

.ins-row .a1{ background-color: rgb(51, 51, 51); color: #fff; margin-bottom: 12px;}

.ins-row .a2{ background-color: rgb(64, 139, 209); color: #fff;}

.instagram-list{ width: 94%; margin: 0 auto;}

.instagram-list .leo-item{ width: 50%;}

.product-name { font-size: 15px;}

.product-name:hover a{ color: #dda973;}

.product-name a{ color: #333;}

.section-title h2{ color: #1e65d0;}

@media screen and (max-width: 576px) {
	.swiper-box-father .swiper-next,.swiper-box-father .swiper-prev {
		top: -56px;
		background-size: 12px;
	}

	.material-swiper .swiper-next,.material-swiper .swiper-prev {
		top: -40px;
	}

	.swiper-box-father .swiper-prev {
		right: 44px;
	}
}

@media screen and (max-width: 420px) {
	.section-title h2{
		font-size: 20px;
	}
}

.material-title{
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px;
}

.material-swiper{
	/* padding: 0 15px; */
}

#column-list .single-product-img{ border: 0;}



#column-list .single-product-img > a{margin:2rem;min-height:320px;width: 320px;}



.contact-form-box {

  width: 100%;

  /* float: right; */

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  /* padding-right: 60px; */

  margin-top: 60px;

  box-sizing: border-box;

}

.contact-form-box .contact-form .form-group .item {

  border-bottom: 1px solid rgba(217, 217, 217, 0.7);

}

.contact-form-box .contact-form input {

  width: 100%;

  padding: 2px 7px;

  height: 48px;

  font-size: 14px;

  outline: none;

  color: #fff;

  background-color: transparent;

  border: 0;

}

.contact-form-box .contact-form input::placeholder {

  color: #fff;

}

.contact-form-box .contact-form textarea {

  width: 100%;

  height: 120px;

  padding: 14px 7px;

  font-size: 14px;

  outline: none;

  color: #fff;

  background-color: transparent;

  border: 0;

}

.contact-form-box .contact-form textarea::placeholder {

  color: #fff;

}

.contact-form-box .submit-btn {

  width: 100%;

  height: 60px;

  background-color: #d4876c;

  color: #fff;

  border: 0;

  outline: 0;

  margin-right: 8px;

  text-transform: uppercase;

  text-align: center;

  line-height: 60px;
	margin-top: 34px;

}



.flex_box{

  width: 100%;

  display: flex;
	flex-direction: column;

  align-items: center;

}

.left_title{

  /* flex: 1; */

}

.elementor-widget-form{

  /* flex: 1; */
	width: 70%;

}

.elementor-heading-title {

  color: #fff;

  padding-bottom: 20px;

  margin-bottom: 20px;

  position: relative;

  font-size: 60px;

}

.elementor-heading-title::after{

  content: '';

  display: block;

  width: 120px;

  height: 3px;

  background-color: #d4876c;

  position: absolute;

  bottom: 0;

  left: 0;

}

.left_title p{

  color: #fff;

  font-size: 30px;

}

.la-advanced-product-filters .widget .widget-title {

  font-size: 16px;

  margin-bottom: 20px;

  color: #000;

}

.la-advanced-product-filters .sidebar-inner--filters {

  padding: 40px 40px 0;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.la-advanced-product-filters {

  box-shadow: 0 0 32px 0 rgba(0,0,0,0.05);

  display: none;

  margin-bottom: 30px;

	padding-bottom: 30px;

  font-size: 14px;

}

.woocommerce-widget-layered-nav-list a{color: #666;}





.ptb-70 {

  padding-top: 70px;

  padding-bottom: 70px;

}

#down_list{
	display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.down-li{ 
	/* width: 20%;  */
	width: 50%;
	/* height: 120px;  */
	/* float: left;  */
	font-size: 16px; padding: 10px 10px;margin-bottom: 0px;overflow: hidden;
}

.down-li .item{ 
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	position: relative; 
	text-align: center;
    /* box-shadow: inset 0 -130px 40px -70px rgba(0, 0, 0, 0.9); */
  	z-index: 1;  
		background-size: cover;
}

  .down-li .item::after{content: ''; display: block; 

    background-image: linear-gradient(to right, rgba(0,0,0,0.5) , rgba(0,0,0,0)  );

    position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.down-li span{font-weight: bold;line-height: 38px;display: inline-block;}

.down-li span i.bx{font-size: 34px;vertical-align: middle;}

.down-li a{ z-index: 10;  color: #fff; 
	/* padding: 4px 16px; */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.down-li .fa{ margin-right: 6px;}



.primary-btn {

	position: relative;

	overflow: hidden;

	border: 0;

	outline: none!important;

	cursor: pointer;

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	background: #fc5a34;

	color: #fff;

	text-transform: capitalize;

	font-size: 15px;

	font-weight: 600;

	padding: 12px 30px;

	border-radius: 3px;

	-webkit-transition: .5s;

	transition: .5s;

	z-index: 1

}



.primary-btn::before,.primary-btn::after {

	position: absolute;

	content: '';

	width: 72%;

	height: 100%;

	background: #2f3e49;

	opacity: 0;

	visibility: hidden;

	z-index: -1;

	-webkit-transform: skew(-30deg);

	transform: skew(-30deg);

	-webkit-transition: .5s;

	transition: .5s

}



.primary-btn::before {

	left: -100%;

	top: 0

}



.primary-btn::after {

	right: -100%;

	top: 0

}



.primary-btn:hover {

	color: #fff

}



.primary-btn:hover::before,.primary-btn:hover::after {

	opacity: 1;

	visibility: visible

}



.primary-btn:hover::before {

	left: -20%

}



.primary-btn:hover::after {

	right: -20%

}



.pagination-lllo {

  display: block;

  margin-top: 35px;

  margin-left: auto;

  margin-right: auto;

}





.product-price{
	width: 100%;
  line-height: 22px;  
  padding-right: 10px;
	/* overflow: hidden; */
	/* text-overflow:ellipsis; */
	white-space: wrap;
	word-wrap:break-word;
　word-break:break-all;
}



.shop_attributes{

  width: 100%;

  margin-top: 40px;

  border: 1px solid #dcdcdc;

}

.shop_attributes th, .shop_attributes td{

  padding: 10px;

  vertical-align: top;

  border-bottom: 1px solid #dcdcdc;

  border-right: 1px solid #dcdcdc;

  color: #3e3e3e;

  font-size: 16px;

}

.product-left-img-info .product_title{

  margin-bottom: 10px;

  /* padding-bottom: 10px; */

  /* border-bottom: 1px solid #dcdcdc; */

}



.shop-product-tab{

  vertical-align: middle;

}

.view-mode{ align-items: center;}

.view-mode span{ font-size: 20px;}



.wc-toolbar-right{

  -webkit-align-items:center;

	align-items:center;
	flex-wrap: wrap;
	justify-content: center;
}

.single-product-list{
	flex-wrap: wrap;
	display: flex;
	overflow: hidden;
	justify-content: center;
}

.single-product-list .single-product-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto !important;
	margin-bottom: 30px !important;
}

.single-product-list .single-product-content .single-product-list-button{
	display: flex;
	align-items: center;
}

.Bestsellers.Products-area .col-product{
	padding: 4px !important;
}



.page-numbers-ul{ text-align: center;}

.page-numbers-ul li{

  display: inline-block;

  margin: 0 5px 0 0;

}

.page-numbers-ul .page-numbers {

  text-align: center;

  display: block;

  position: relative;

  padding: 10px 2px;

  line-height: 20px;

  min-width: 44px;

  transition: all .3s;

  color: #dcdcdc;

  border: 2px solid #dcdcdc;

  font-size: 18px;

}

.page-numbers-ul .page-numbers.current, .page-numbers-ul .page-numbers:hover{

  color: #000;

  border-color:   #000;

}

.nice-select{ font-size: 18px;}



.product-title{ padding-bottom: 10px; position: relative;}

.product-title::after{ content: ''; display: block; width: 40px; height: 2px; background-color: #1e65d0; position: absolute; left: 0; bottom: 0;}

.quick-add-to-cart .btn{ padding: 12px 20px;}

.blog-right-sidebar-left-content{ position: relative;}

.blog-right-sidebar-left-img{ height: 260px; overflow: hidden;}

.blog-right-sidebar-left-img img{ height: 100%; object-fit: cover;}

.blog-right-sidebar-left-img::after{ 

  content: '';

  display: block;

  background-image: linear-gradient(to right, rgba(0,0,0,0.8) , rgba(0,0,0,0) );

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;}

.blog-right-sidebar-left-content .text-box{ width: 45%; position: absolute; left: 5%; top: 50%; transform: translateY(-50%); z-index: 10;}
.blog-right-sidebar-left-content .text-box.right-text{
	left: unset;
	right: 5%;
	text-align: right;
}


.blog-right-sidebar-left-content .text-box.right-text p,.blog-right-sidebar-left-content .text-box.right-text h3,.blog-right-sidebar-left-content .text-box.right-text ul{
	text-align: right;
}


.newList-wrap{ 
	/* width: 1200px; */
	margin: 0 auto;
	width: 100%;
}

.newList-wrap>div:nth-child(even){

  text-align: right;



}

.newList-wrap>div:nth-child(even) .blog-right-sidebar-left-content .text-box{ 
	/* left: auto;  right: 5%; */
	text-align: left;
}



.follow-inline{ display: inline-block; vertical-align: top;}

.qrcode img{ border: 1px solid #dcdcdc;}





.attribute_color{

  position: absolute; 

  bottom: 0;

  left: 48px;

}

.attribute_color .list-color a {

  display: inline-block;

  height: 27px; 

  margin-right: 10px;

  position: relative;

  text-align: center;

  width: 26px;

  line-height: 27px;

  float: left;

  border-radius: 0;

}

.attribute_color .list-color a:last-child {

  margin-right: 0;

}

.attribute_color .list-color a:hover::before, .attribute_color .list-color a.active::before {

  color: #fff;

  content: "✓";

  display: inline-block; 

  font-size: 12px;

  left: 0;

  position: absolute;

  width: 100%;

}

.attribute_color .list-color .color1:hover::before, .attribute_color .list-color .color1.active::before {

  color: #0a0a0a;

}

.attribute_color .list-color .color1 {

  border: 1px solid #eee;

}

.attribute_color .list-color .color2 {

  background: #0a0a0a;

}

.attribute_color .list-color .color3 {

  background: #4a5365;

}

.attribute_color .list-color .color4 {

  background: #84664d;

}

.attribute_color .list-color .color5 {

  background: #faf1d0;

}

.attribute_color .list-color .color6 {

  background: #2f511f;

}

.attribute_color .list-color .color7 {

  background: #bdbcb7;

}

.attribute_color .list-color .color8 {

  background: #9b938d;

}

.leo_leavemsg{

  position: absolute;

  left: 50%;

  top:50px;

}



.pop_msg{

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  z-index: 32;

  background-color: rgba(0, 0, 0, 0.8);

}

.pop_msg .reply-form{ position: relative; background-color: #fff; padding: 30px;}

.pop_msg .close{ position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}



.view_box .nav-link{ padding: 0 ;}

.view_box .nav-link.active{background: transparent;}



#col-8 .row > div{ 

  flex: 0 0 12.5%;

  max-width: 12.5%;

  padding: 0 5px;

}

#col-12 .row > div{  

  padding: 0 5px;

}

.filters_contral input{

	width: 108px;

	height: 36px;

	border: 1px solid #ddd;

	outline: none;

	border-radius: 6px;

	margin: 0 10px;

	font-size: 16px;

  }

  .filters_contral input:hover{ background-color: #000; color: #fff; border: 1px solid #000;}

  .filters_contral .tijiao{ background-color: #fff; color: #333;}

  .filters_contral .resBtn{ background-color: #fff;  color: #333;}


	/* img preview */
	.product-img-preview{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: scale(0);
		z-index: 999;
	}

	.product-img-preview .swiper-container{
		width: 60%;
		height: auto;
	}

	.product-img-preview	.swiper-slide{
		transition: all .3s ease-out;
	}

	.product-img-preview	.swiper-slide img{
		display: block;
		margin: 0 auto;
	}

	.product-img-preview .swiper-pagination {
		color: #fff;
		bottom: 20%;
	}

	.product-img-preview .close-preview-btn{
		position: absolute;
		top: 3%;
		right: 6%;
		font-size: 50px;
		color: #fff;
		font-weight: 100;
		opacity: 1;
	}


	/* related products */
	.slick-list{
		
	}

	.Sale-Products-active ul.slick-dots{
		display: flex !important;
		top: 94%;
	}

	.Sale-Products-active ul.slick-dots li.slick-active{
		color: #333;
	}

	.Sale-Products-active ul.slick-dots li.slick-active::before{
		border: 2px solid #333;
	}

	.Sale-Products-active ul.slick-dots li{
		color: #666;
		background: #333;
	}

    /* 修改这里是锁定自适应效果的 
    body,html{
      min-width: 1200px!important;
    }
    .container-fluid{
      min-width: 1200px!important;
    }*/