/*---------------------------------------------------------

    Template Name: oxelar eCommerce html template
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template default css
    2. header-area
    3. slider-area
    4. about-area
    5. new-product-area
    6. banner-area
    7. feature-area
    8. testimonial-area
    9. blog-area
    10. newsletter-area
    11. service-area
	12. footer
    	12.1 footer-top-area
    	12.2 footer-banner-area
    	12.3 footer-bottom-area
	13. home-2
	14. home-3
	15. home-4
	16. home-5
	17. home-6
	18. 404-error
	19. about-us
	20. blog
	21. blogdetails
	22. compare
	23. contact-us
	24. frequently-questions
	25. login
	26. shop
	27. shopping-cart
	28. single-product 
	

-----------------------------------------------------*/

/*----------------------------*/
/*  1. Template default css
/*----------------------------*/
@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url('../fonts/font/Pe-icon-7-stroke.woff2') format('woff2'),
        url('../fonts/font/Pe-icon-7-stroke.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url('../fonts/font/Pe-icon-7-stroke.woff2') format('woff2'),
        url('../fonts/font/Pe-icon-7-stroke.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Montserrat:400,700|Open+Sans:300,600';
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {
    float:left;
    margin-right:15px;
    margin-bottom: 15px;
}
.alignright {
    float:right;
    margin-left:15px;
    margin-bottom: 15px;
}
.aligncenter {
    display:block;
    margin:0 auto 15px;
}
a:focus {outline:0px solid;text-decoration: none;}
img {
    max-width:100%;
    height:auto;
}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px;}
a {transition: all 0.3s ease 0s;
    text-decoration:none;
}
a:hover {
    /*color: #cccccc;
    color: #000000;*/
    text-decoration: none;
}
a:active, a:hover {
    outline: 0 none;
    text-decoration: none;
}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.more
{
      padding: 7px;
    /*background: #000;*/
    border: 0px;
    color: #fff;
    padding-left: 33px;
    padding-right: 34px;
    margin-top: 19px;
    font-size: 14px;
    text-transform: uppercase;  
}
.clear{clear:both}
body {
    background-color: white;
    background: url("img/top_bg.png")no-repeat scroll 0 0;
    color: #666666;
/*    font-family: 'Montserrat', sans-serif;*/
    font-size: 13px;
    height: 100%;
    line-height: 18px;
    margin: 0;
    min-width: 320px;
    transition: all 300ms ease-in 0s;
    background-position: top right;
}
#index-2{background: none;}


::-moz-selection {
    /*background: #b3d4fc;*/
	background: #cccccc;
    text-shadow: none;
}
::selection {
    /*background: #b3d4fc;*/
	background: #cccccc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}


.mb-22 {margin-bottom: 22px;}
.mb-18 {margin-bottom: 18px;}
.mb-29 {margin-bottom: 29px;}
.mb-17 {margin-bottom: 17px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}

.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-85 {padding-top: 85px;}
.pt-90 {padding-top: 90px;}

.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}

.ptb-25 {padding: 25px 0;}
.ptb-30 {padding: 30px 0;}
.ptb-35 {padding: 35px 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-85{padding: 80px 0;}
.ptb-90{padding: 90px 0;}
.ptb-100 {padding: 100px 0;}
.mtb-28{margin: 28px 0}
.mtb-30{margin: 30px 0}

.pr-30{padding-right: 30px}
.plr-30{padding: 0 30px;}
.bg {background: #363636;}
.bg-2 {background: #2F2F2F;}

.border-bottom {border-bottom: 1px solid #4a4a4a;}
.border-bottom-light {border-bottom: 1px solid #ddd;}
.border-top {border-top: 1px solid #4a4a4a;}
.border-right {border-right: 1px solid #e5e5e5;}
.white-bg{background: #fff}

/*carosel-control*/
.carosel-control .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #262626;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    left: 46%;
    margin-top: 5px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease 0s;
}
.carosel-control .owl-controls .owl-buttons div.owl-next {
    left: auto;
    transition: all 0.3s ease 0s;
    right: 46%;
}
.carosel-control:hover .owl-controls .owl-buttons div {
    opacity: 1;
    top: 0;
}
.carosel-control .owl-controls .owl-buttons div:hover {color: #cccccc;}

/*carosel-control-2*/
.carosel-control-2 .owl-controls .owl-buttons div {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	left: 135px;
	margin-top: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	top: 30%;
	transition: all 0.3s ease 0s;
}
.carosel-control-2 .owl-controls .owl-buttons div:hover{color: #cccccc;}
.carosel-control-2 .owl-controls .owl-buttons div.owl-next {
	left: auto;
	right: 135px;
}
.carosel-control-2 .owl-controls .owl-buttons div.owl-prev:before {
	background: rgba(0, 0, 0, 0) url("img/pv_lg_light.png") no-repeat scroll right center;
	content: "";
	height: 13px;
	left: -55px;
	position: absolute;
	top: 2px;
	transition: all 300ms ease 0s;
	width: 44px;
}
.carosel-control-2 .owl-controls .owl-buttons div.owl-prev:hover:before {background: rgba(0, 0, 0, 0) url("img/pv_lg_light.png") no-repeat scroll right -44px center;}

.carosel-control-2 .owl-controls .owl-buttons div.owl-next:after {
	background: rgba(0, 0, 0, 0) url("img/nx_lg_light.png") no-repeat scroll left center;
	content: "";
	height: 13px;
	position: absolute;
	right: -55px;
	top: 2px;
	transition: all 300ms ease 0s;
	width: 44px;
}
.carosel-control-2 .owl-controls .owl-buttons div.owl-next:hover:after{background: rgba(0, 0, 0, 0) url("img/nx_lg_light.png") no-repeat scroll left -44px center;}

/*style of more*/
a.more {
    color: #262626;
    display: inline-block;
    font-size: 14px;
/*    font-weight: 700;*/
    overflow: hidden;
    padding: 0 60px 0 0;
    position: relative;
    text-transform: uppercase;
    font-family: 'MuseoSans500';
}
.testi-bg a.more {
    color: #fff;   
}
a.more:after {
    background: url(img/nx_lg.png) no-repeat scroll left top;
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 44px;
}
a.more:hover:after {background:url(img/nx_lg.png) no-repeat scroll right top;}
a.more:hover {color: #cccccc;}

/* overlay */
.overlay a {
    overflow: hidden
}
.overlay img{
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.overlay a:hover img, .blog-inner:hover img{
    -webkit-filter: saturate(2);
    -moz-filter: saturate(2);
    filter: saturate(2)
}

.logo {
    margin-top: -25px;
}
.logo img {
    max-width: 100px;
}

/*----------------------------*/
/*    2. header-area
/*----------------------------*/
.mainmenu{position: relative;}
.mainmenu nav ul {text-align: center;}
.mainmenu nav ul li {
	display: inline-block;
	padding: 0 18px;
	position: relative;
}
.mainmenu nav ul li.static{position: static;}
.mainmenu nav ul li::after {
	color: #404242;
	content: "/";
	font-size: 12px;
	position: relative;
	right: -22px;
}
.mainmenu nav ul li:last-child::after {content: none;}

.mainmenu nav ul li a {
	color: #fff;
	display: inline-block;
	font-family: Montserrat;
	font-size: 12px;
	/*font-weight: 700;*/
	font-weight: normal;
	padding: 0px 0px 8px;
	position: relative;
	text-transform: uppercase;
}

.mainmenu nav ul li a.active {color: #000000;}

.mainmenu nav ul li a::after {
	border-bottom: 2px solid #000000;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 0;
}

.mainmenu nav ul li a.active::after {
	width: 50%;
	color: #000000;
}
.mainmenu nav ul li:hover a::after {width: 50%;}
.mainmenu nav ul li a i {padding-left: 5px;}
.mainmenu nav ul li:hover a {color: #cccccc;}
.mainmenu nav ul li:hover ul li a {color: #262626;}

.mainmenu nav ul li:hover ul li a:hover,
.mainmenu nav ul li:hover .mega-menu span a:hover,
.mainmenu nav ul li:hover .mega-menu-2 span a:hover {
	color: #cccccc;
}

/*dropdown style*/
.mainmenu nav ul li ul, .mainmenu nav ul li .mega-menu, .mainmenu nav ul li .mega-menu-2 {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  left: -80px;
  opacity: 0;
  padding: 30px 0 20px 30px;
  position: absolute;
  top: 28px;
  transform: scaleY(0);
  transform-origin: center top 0;
  transition: all 0.7s ease 0s;
  visibility: hidden;
  width: 235px;
  z-index: 9;
}
.mainmenu nav ul li .mega-menu {
	left: -365px;
	width: 790px;
}
.mainmenu nav ul li .mega-menu-2 {
	left: 0;
	width: 100%;
}
.mainmenu nav ul li:hover ul,
.mainmenu nav ul li:hover .mega-menu,
.mainmenu nav ul li:hover .mega-menu-2 {
	opacity: 1;
	transform: scaleY(1);
	visibility: visible;
}
.mainmenu nav ul li ul li {
	display: block;
	padding: 0px;
}
.mainmenu nav ul li ul li::after {display: none;}
.mainmenu nav ul li ul li a {
	color: #262626;
	display: block;
	font-family: 'Montserrat';
	font-size: 12px;
	/*font-weight: 700;*/
	font-weight: normal;
	padding: 0 0 8px;
	text-transform: uppercase;
	text-align: left;
}
.mainmenu nav ul li ul li a::after,
.mainmenu nav ul li .mega-menu span a::after,
.mainmenu nav ul li .mega-menu-2 span a::after {display: none}
.mainmenu nav ul li .mega-menu span {
	width: 50%;
	float: left;
}
.mainmenu nav ul li .mega-menu-2 span {
	width: 33.33%;
	float: left;
	
}
.mainmenu nav ul li .mega-menu-2 .menu-image {
	overflow: hidden;
	padding-top: 15px;
	width: 100%;
}
.mainmenu nav ul li .mega-menu-2 .menu-image span {
	float: left;
	width: 33.33%;
}
.mainmenu nav ul li .mega-menu span a.mega-title,
.mainmenu nav ul li .mega-menu-2 span a.mega-title {
	display: block;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 700;
	padding: 0 0 12px;
	text-transform: uppercase;
	text-align: left;
	font-style: normal;
	color: #262626;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.mainmenu nav ul li .mega-menu span a,
.mainmenu nav ul li .mega-menu-2 span a {
	color: #727272;
	display: block;
	font-family: 'Droid Serif';
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 12px;
	text-transform: capitalize;
	text-align: left;
	font-style: italic;
}
.top-control {float: right;}
.top-control li {
	cursor: pointer;
	display: inline-block;
	line-height: 25px;
	margin-right: 21px;
}
.top-control li i {
	color: #929292;
	font-size: 16px;
}
.top-control li.search:hover i,
.top-control li.settings:hover i,
.top-control li.cart:hover i,
.top-control li.cart:hover span.count {
	color: #cccccc;
}
.top-control li.cart:hover span.count-dark,
.top-control li.cart:hover span.count-dark::before {
	background: #000000;
	color: #fff;
}
.top-control li.search:hover .inner-form form button i,
.top-control li.cart:hover ul i {
	color: #929292;
}
.top-control li.settings:hover ul li a {
	color: #262626
}
.top-control li.settings:hover ul li a.active {
	color: #cccccc
}
.top-control li.search:hover .inner-form form button:hover i,
.top-control li.settings:hover ul li a:hover,
.top-control li.cart:hover ul i:hover {
	color: #cccccc;
}
.top-control li.cart:hover ul li:hover .checkout-bg i {
	color: #fff
}
li.settings {position: relative;}
li.settings ul {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 0;
	top: 30px;
	width: 270px;
	z-index: 999;
	display: none;
	padding: 15px
}
li.settings ul li {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 10px 0;
}
li.settings ul li:first-child {	padding-top: 0;}
li.settings ul li:last-child {
	border: 0px;
	padding-bottom: 0
}
li.settings ul li a {
	color: #262626;
	display: block;
	font-size: 13px;
	line-height: 21px;
}
.pad-left {	padding-left: 15px;}
li.settings ul li a.active {color: #000000;}
.top-control li.search {position: relative;}
.inner-form {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 9;
}
.inner-form form {
	position: relative;
	width: 270px;
}
.inner-form form input {
	border: medium none;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	height: 40px;
	padding-left: 5px;
	width: 100%;
}
.inner-form form button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	border-left: 1px solid #ccc;
}
.inner-form form button:hover {color: #cccccc;}
li.cart {position: relative;}
li.cart span.count {
	background: #fff none repeat scroll 0 0;
	border-radius: 1px;
	font-size: 10px;
	font-weight: normal;
	height: 17px;
	line-height: 17px;
	position: absolute;
	right: -21px;
	text-align: center;
	top: 2px;
	width: 16px;
}
li.cart span.count:before {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 5px;
	left: -2px;
	position: absolute;
	top: 7px;
	transform: rotate(45deg);
	width: 5px;
	z-index: 1;
}
.top-control li.cart ul {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	display: none;
	position: absolute;
	right: -21px;
	top: 30px;
	width: 300px;
	z-index: 9999999;
}
li.cart ul li {
	display: block;
	overflow: hidden;
	padding: 15px 0;
	margin: 0 15px;
}
li.cart ul li.p-0 {padding: 0;}
li.cart ul li.border {
	border-bottom: 1px solid #262626;
	padding-top: 20px;
}
li.cart ul li:last-child {
	padding-bottom: 0px;
}
li.cart ul li.single-cart {
	border-bottom: 1px solid #ddd
}
.cart-img {
	float: left;
	width: 30%;
}
.cart-content {
	float: left;
	width: 60%;
	padding-left: 15px;
}
.cart-content h4 a {
	color: #9c9b9b;
	font-size: 14px;
}
.cart-content h4 a span {
	color: #262626;
	font-size: 14px;
	transition: all 0.3s ease 0s;
}
.cart-content span a {
	color: #9d9a95;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
.cart-content span a:hover {color: #C06B82;}
.cart-del {
	float: right;
	cursor: pointer;
}
.cart-del i {
	color: #999;
	font-size: 16px;
}
.cart-del:hover i,
.cart-content h4 a span:hover {color: #C06B82;}
.cart-price {
	color: #262626;
	font-weight: normal;
}
span.total-price {
	border-bottom: medium none;
	color: #262626;
	font-weight: 700;
}
span.right {
	float: right;
	color: #262626;
	font-weight: 700;
}
li.cart ul li.check-out {
	margin: 0;
	padding: 0;
}
.checkout-bg {
	background: #999999none repeat scroll 0 0;
	color: #fff;
	display: block;
	padding: 20px 0;
	text-align: center;
	margin-top: 15px;
}
.checkout-bg a {
	border: 1px solid #fff;
	color: #fff;
	padding: 6px 95px;
}
.top-control li ul li.check-out .checkout-bg a i{color: #fff}
.checkout-bg a:hover {
	background: #8A1E43;
}
.checkout-bg i {
	font-size: 16px;
	margin-left: 5px;
	color: #fff;
}
.sticky {
	background: #282b31 none repeat scroll 0 0;
	left: 0;
	padding: 16px 0 10px;
	top: 0;
	width: 100%;
	z-index: 100;
	animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
	margin: 0 auto;
	position: fixed !important;
	right: 0;
	z-index: 999;
}
/*----------------------------*/
/*    3. slider-area
/*----------------------------*/
.slider-container {position: relative;}
.nivo-caption {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	box-sizing: border-box;
	color: #fff;
	display: none;
	left: 0;
	opacity: 1;
	overflow: hidden;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 8;
}
.middle-text {
	display: inline-block;
	margin-left: 12%;
	margin-top: 10%;
	text-align: center;
}
.middle-text a {
    color: #fff;
}
.middle-text img {position: static;}
.middle-text p.title {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0 0;
	text-transform: uppercase;
}
.middle-text p.pera-2 {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 30px;
	font-family: 'Droid Serif';
}
.middle-text h1 {
	font-size: 2.5vw;
	font-weight: 700;
	margin: 15px 0;
	text-transform: uppercase;
	font-style: italic;
}
.middle-text-h2 {
	text-align: left;
	margin-top: 160px;
}
.middle-text-h2 p.title {
	letter-spacing: 0.2em;
}
.middle-text-h2 h1 {
	font-size: 5vw;
	text-transform: none;
}
.slider-area .slider-container .nivo-controlNav a {
	background: #fff none repeat scroll 0 0;
	border-radius: 100%;
	box-shadow: 0 0 0 3px #d7d7d7 inset;
	cursor: pointer;
	display: inline-block;
	font-size: 0;
	height: 13px;
	margin: 0 3px;
	width: 13px;
}
.slider-area .slider-container .nivo-controlNav a.active,
.slider-area .slider-container .nivo-controlNav a:hover {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 0 3px #999999inset;
}
.nivo-controlNav {
	bottom: 60px;
	position: absolute;
	right: 110px;
	z-index: 9;
}
/*----------------------------*/
/*    4. about-area
/*----------------------------*/
.about-img {
	overflow: hidden;
}
.about-img a{position: relative;overflow: hidden;display: block;}
.about-img a::after {
	/*background: rgba(0, 0, 0, 0) url("img/about/2.png") no-repeat scroll 0 0; */
	bottom: 0;
	content: "";
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(1.1);
	transition: all 0.4s ease 0s;
	z-index: 99;
	background-size: cover;
}
.about-area:hover a::after {
	opacity: 1;
	transform: scale(1)
}
.about-img img {
	width: 100%;
}
.about-content {
	margin-left: 35px;
	margin-top: 20px;
}
.about-content p.title {
	color: #000000;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.about-content h3 {
	color: #262626;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin: 0;
	text-transform: uppercase;
}
.rotate {
	display: inline-block;
	float: left;
	margin-left: -68px;
	margin-top: 180px;
	position: relative;
	transform: rotate(-90deg);
}
.rotate:after {
	background: #262626 none repeat scroll 0 0;
	content: "";
	height: 3px;
	position: absolute;
	right: -40px;
	top: 8px;
	width: 35px;
}
.rotate p {
	color: #000000;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 6px;
	position: relative;
}
.content {
	display: block;
	float: left;
	margin-left: -30px;
	overflow: hidden;
	width: 75%;
}
.content p {
	display: block;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;
	line-height: 28px;*/
	margin-top: 16px;
}
.learn-more {
	display: inline-block;
	float: left;
	margin: 50px 0 0 80px;
	overflow: hidden;
}

/*----------------------------*/
/*    5. new-product-area
/*----------------------------*/
.section-title {text-align: center; position: relative;}
.section-title h3 {
	color: #262626;
	font-size: 55px;
	font-weight: normal;
	/*line-height: 27px;*/
	margin: 0;
	text-transform: uppercase;
	/*font-family: 'MuseoSans500';*/
	margin-bottom: 12px;
	font-family: 'Barley Aged';
	font-family: 'Brixton_Lead Vector';
	word-spacing: -3px;
}
.section-title p {
	font-size: 16px;
	/*color: #727272;
	font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	margin: 17px 0 3px;
	padding-bottom: 70px;
	position: relative;*/
}
.section-title p::after {
	background: rgba(0, 0, 0, 0) url("img/title_dark.png") no-repeat scroll 0 0;
	content: "";
	display: block;
	height: 60px;
	margin-left: -150px;
	background-position: center;
	position: relative;
	top: 0px;
	width: 300px;
	margin: 0 auto;
	left: 0;
	right: 0;
	/*left: 50%;position: absolute;top: 30px;*/
}
ul.promo {text-align: center;}
ul.promo li {
	display: inline-block;
	padding: 0 25px;
	position: relative;
}
ul.promo li:after {
	content: "/";
	position: absolute;
	right: -10px;
	top: 10px;
}
ul.promo li:last-child:after {display: none;}
ul.promo li.active a,
ul.promo li:hover a {
	color: #cccccc;
}
ul.promo li a {
	color: #262626;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	padding: 10px;
	text-transform: uppercase;
	transition: all 300ms ease 0s;
}
.tab-content > .tab-pane {
	display: block;
	height: 0;
	overflow: hidden;
}
.tab-content > .active {
	display: block;
	height: auto;
	overflow: visible;
}
.new-product-carosel .single-item {
	padding: 10px;
}

/*----------------------------*/
/*    6. banner-area
/*----------------------------*/
.single-banner {overflow: hidden;}
.single-banner a {
	display: block;
	overflow: hidden;
	position: relative;
	background: #efefef
}
.single-banner a img {
	width: 100%;
	transition: all 700ms ease
}
.single-banner a img {
	width: 100%;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}
.single-banner a:hover img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px)
}
.single-banner a .out {
	bottom: 0;
	box-shadow: 0 0 0 2px white inset;
	display: block;
	left: 0;
	margin: auto;
	max-height: 66px;
	max-width: 70%;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 700ms ease 0s;
}
.single-banner a:hover .out {
	bottom: -50%;
	opacity: 0.75
}
.single-banner a .out .in {
	display: block;
	padding: 0 5px;
	line-height: 56px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	background: white;
	color: #262626
}
.lebel-out {
	position: absolute;
	z-index: 2;
	left: 25px;
	top: 0;
}
.lebel-out .lebel-in {
	display: block;
	background: #000000;
	padding: 0 20px;
	font-size: 14px;
	font-style: italic;
	line-height: 32px;
	color: white;
	float: left;
	transform-origin: left top 0;
	position: relative;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: rotate(90deg) translate(-130%, -100%);
	-moz-transform: rotate(90deg) translate(-130%, -100%);
	-ms-transform: rotate(90deg) translate(-130%, -100%);
	-o-transform: rotate(90deg) translate(-130%, -100%);
	transform: rotate(90deg) translate(-130%, -100%)
}
.lebel-out .lebel-in:after {
	content: '';
	border: 16px solid #000000;
	border-right-color: transparent;
	border-right-width: 10px;
	position: absolute;
	top: 0;
	right: -10px
}
.single-banner a:hover .lebel-out .lebel-in {
	-webkit-transform: rotate(90deg) translate(0, -100%);
	-moz-transform: rotate(90deg) translate(0, -100%);
	-ms-transform: rotate(90deg) translate(0, -100%);
	-o-transform: rotate(90deg) translate(0, -100%);
	transform: rotate(90deg) translate(0, -100%)
}

/*----------------------------*/
/*    7. feature-area
/*----------------------------*/
.single-item {
	background: #f2f2f3 none repeat scroll 0 0;
	margin: 30px 0 10px;
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: center;
	transition: all 500ms ease 0s;
}
.single-item:hover {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.15);
}
.product-img {
	position: relative;
	overflow: hidden;
}
.product-img img {
	position: relative;
	width: 100%;
	z-index: 1;
}
@-webkit-keyframes prdmove {
	0 {
		-webkit-transform: scale(1) translateX(0);
		-moz-transform: scale(1) translateX(0);
		-ms-transform: scale(1) translateX(0);
		-o-transform: scale(1) translateX(0);
		transform: scale(1) translateX(0)
	}
	25% {
		-webkit-transform: scale(1.35) translateX(0);
		-moz-transform: scale(1.35) translateX(0);
		-ms-transform: scale(1.35) translateX(0);
		-o-transform: scale(1.35) translateX(0);
		transform: scale(1.35) translateX(0)
	}
	50% {
		-webkit-transform: scale(1.35) translateX(30px);
		-moz-transform: scale(1.35) translateX(30px);
		-ms-transform: scale(1.35) translateX(30px);
		-o-transform: scale(1.35) translateX(30px);
		transform: scale(1.35) translateX(30px)
	}
	75% {
		-webkit-transform: scale(1.35) translateX(-30px);
		-moz-transform: scale(1.35) translateX(-30px);
		-ms-transform: scale(1.35) translateX(-30px);
		-o-transform: scale(1.35) translateX(-30px);
		transform: scale(1.35) translateX(-30px)
	}
	100% {
		-webkit-transform: scale(1) translateX(0);
		-moz-transform: scale(1) translateX(0);
		-ms-transform: scale(1) translateX(0);
		-o-transform: scale(1) translateX(0);
		transform: scale(1) translateX(0)
	}
}
@keyframes prdmove {
	0 {
		-webkit-transform: scale(1) translateX(0);
		-moz-transform: scale(1) translateX(0);
		-ms-transform: scale(1) translateX(0);
		-o-transform: scale(1) translateX(0);
		transform: scale(1) translateX(0)
	}
	25% {
		-webkit-transform: scale(1.35) translateX(0);
		-moz-transform: scale(1.35) translateX(0);
		-ms-transform: scale(1.35) translateX(0);
		-o-transform: scale(1.35) translateX(0);
		transform: scale(1.35) translateX(0)
	}
	50% {
		-webkit-transform: scale(1.35) translateX(30px);
		-moz-transform: scale(1.35) translateX(30px);
		-ms-transform: scale(1.35) translateX(30px);
		-o-transform: scale(1.35) translateX(30px);
		transform: scale(1.35) translateX(30px)
	}
	75% {
		-webkit-transform: scale(1.35) translateX(-30px);
		-moz-transform: scale(1.35) translateX(-30px);
		-ms-transform: scale(1.35) translateX(-30px);
		-o-transform: scale(1.35) translateX(-30px);
		transform: scale(1.35) translateX(-30px)
	}
	100% {
		-webkit-transform: scale(1) translateX(0);
		-moz-transform: scale(1) translateX(0);
		-ms-transform: scale(1) translateX(0);
		-o-transform: scale(1) translateX(0);
		transform: scale(1) translateX(0)
	}
}
.single-item:hover .product-img img {
	animation: 2500ms linear 0s normal forwards 1 running prdmove;
}
.product-img > a::before {
	background: transparent none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 500ms ease 0s;
	width: 100%;
	z-index: 2;
}
.single-item:hover a:before {
	background: rgba(201, 44, 97, 0.05) none repeat scroll 0 0;
}
.product-action {
	position: absolute;
	right: 0;
	top: 0;
	background: #464646 none repeat scroll 0 0;
	z-index: 3;
	opacity: 0;
	transition: all 700ms ease 0s;
}
.product-action ul li {border-bottom: 1px solid #444;}
.product-action ul li:last-child {border-bottom: 0;}
.product-action ul li i {
	background: #282b31 none repeat scroll 0 0;
	color: #fff;
	display: block;
	padding: 14px 12px;
	font-size: 16px;
}
.product-action ul li i:hover {
	color: #fff;
	background: #000000;
}
.single-item:hover .product-action {opacity: 1;}
.product-img .hook-reviews {
	bottom: 10px;
	left: 0;
	position: absolute;
	transition: all 300ms ease 0s;
	width: 100%;
	z-index: 2;
}
.single-item:hover .hook-reviews {opacity: 0;}
.hook-reviews i {color: #000000;}
.hook-reviews i.black {color: #262626;}
.product-content {
	background: #f2f2f3 none repeat scroll 0 0;
	overflow: hidden;
	padding: 5px 5px 15px;
	position: relative;
}
.product-content::before {
	background: transparent none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 500ms ease 0s;
	width: 100%;
	pointer-events: none;
}
.single-item:hover .product-content:before {
	background: rgba(201, 44, 97, 0.05) none repeat scroll 0 0;
}
.product-content a h5 {
	color: #262626;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	margin: 15px 0 0;
}
.product-content a h5:hover {color: #000000;}
p.manufacturer_name {
    
    margin: 7px 0 0;
    /*font-family: "Droid Serif";
    font-size: 12px;color: #b7b7b7;
    font-size: 14px;
    font-style: italic;*/
}
.price p {
	color: #323232;
	font-weight: 700;
	margin-top: 8px;
}
a.add-button {
	border: 2px solid #7b7b7b;
	border-radius: 20px;
	display: inline-block;
	margin-bottom: 15px;
	padding: 9px 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #323232;
}
a.add-button:hover {
	color: #000000;
	border: 2px solid #000000;
}

/*----------------------------*/
/*    8. Testimonial-area
/*----------------------------*/
.section-title {text-align: center;}
.testimonial-area .section-title h3 {color: #fff;}
.testimonial-area .section-title p:after {
	background: rgba(0, 0, 0, 0) url("img/title_light.png") no-repeat scroll 0 0;
    background-position: center;
}
.testi-bg {
	background: rgba(0, 0, 0, 0) url("img/testi_bg.jpg") no-repeat scroll center center / cover;
	/*min-height: 500px;*/
    min-height: 300px;
    background-position: top right;
}
.single-testimonial {
	overflow: hidden;
	padding: 0 240px;
	text-align: center;
}
.single-testimonial p {
	color: #ddd;
	margin-top: 25px;
	/*font-size: 16px;
	font-family: "Droid Serif";
	font-style: italic;
	line-height: 30px;*/
}
.single-testimonial h3 {
	color: white;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	margin: 35px 0 0;
	text-transform: uppercase;
}
.single-testimonial span {
	margin: 11px 0 0;
	/*font-family: "Droid Serif";
	color: #a4a4a4;
	font-size: 14px;
	font-style: italic;
	line-height: 30px;*/
}

/*----------------------------*/
/*    9. blog-area
/*----------------------------*/
.blog-border {border-bottom: 1px solid #ebebeb;}
.single-blog {margin-top: 35px;}
.inner-img img {width: 100%;}
.inner-content {text-align: center;}
.inner-content h3 {
	color: #262626;
	display: block;
	font-size: 16px;
	font-style: inherit;
	font-weight: 700;
	line-height: 19px;
	margin: 0;
	text-transform: uppercase;
	margin-top: 30px;
}
.inner-content span {
	color: #9b9b9b;
	font-size: 10px;
	font-style: italic;
	font-weight: 700;
	line-height: 35px;
	text-transform: uppercase;
	position: relative;
}
.inner-content span:after {
	background: #999999none repeat scroll 0 0;
	bottom: -20px;
	content: "";
	height: 2px;
	left: 35%;
	position: absolute;
	width: 50px;
}
.inner-content p {
	/*color: #6f6f6f;
	font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;
	line-height: 24px;*/
	margin: 20px 0;
}

/*----------------------------*/
/*    10. newsletter-area
/*----------------------------*/
.subscribe {
	text-align: center;
	margin-top: 20px;
}
.subscribe form {margin-bottom: 40px;}
.subscribe form input {
	background: none;
	border-color: #404040;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 2px;
	padding: 0 0 23px;
	text-align: center;
	width: 70%;height: auto;
	outline: none;
	/*font-family: "Droid Serif";
	color: #727272;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;*/
}

/*----------------------------*/
/*    11. service-area
/*----------------------------*/
.service-bg {background: #F4F4F4;}
.single-service {
	padding: 10px 0;
	text-align: center;
}
.service-border{border-right: 1px solid #ddd;}
.border-none {border-right: 0px;}
.single-service .service-img {
	display: inline-block;
	margin-right: 12px;
	vertical-align: top;
}
.single-service .text {
	display: inline-block;
	text-align: left;
}
.text h3 {
	color: #262626;
	font-size: 14px;
	font-style: italic;
	line-height: 25px;
	margin-bottom: 5px;
	text-transform: uppercase;
	transition: all 300ms ease 0s;
}
.single-service:hover .text h3 {color: #000000;}
.text p {
	transition: all 300ms ease 0s;
	/*font-family: "Droid Serif";
	color: #aeaeae;
	font-size: 12px;
	font-style: italic;*/
}
.single-service:hover .text p {color: #262626;}

/*----------------------------*/
/*    12.1 footer-top-area
/*----------------------------*/
.footer-content {
	text-align: center;
	/*background: rgba(0, 0, 0, 0) url("img/footer-bg.jpg") no-repeat scroll 0 0 / cover;*/
	background: rgba(0, 0, 0, 0) url("img/night-life.jpg") no-repeat scroll 0 0 / cover;
	min-height: 400px;
    /*overflow: hidden;*/
    position: relative;
    background-position: center;
}
.footer-content.video:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 1;
}
.thevideo {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -25%;
    bottom: 0;
    width: 100%;
}
.footer-content p {
	display: block;margin-top: 22px;
	/*color: #bdbdbd;
	font-family: "Droid Serif";
	font-size: 16px;
	font-style: italic;
	line-height: 24px;*/
}
.social-button a {
	border: 2px solid #fff;
	border-radius: 100%;
	color: white;
	display: inline-block;
	font-size: 13px;
	height: 40px;
	line-height: 38px;
	margin: 0 17px 15px;
	overflow: hidden;
	text-align: center;
	width: 40px;
}
.social-button a:hover {
	color: #000000;
	border: 2px solid #000000;
}

/*----------------------------*/
/*    12.2 footer-banner-area
/*----------------------------*/
.footer-banner {
    clear: both;
    position: relative;
    opacity: 1;
    background: none;
    margin-left: -2px;
    margin-right: -2px;
}
.footer-banner img {
/*	margin-right: -4px;*/
	/*width: 25%;*/
	width: 33.3%;
}

/*----------------------------*/
/*    12.3 footer-bottom-area
/*----------------------------*/
.footer-bottom-area {text-align: center;}
.footer-bottom-area p {
	color: #848484;
	font-size: 14px;
/*	font-style: italic;*/
	line-height: 21px;
	margin: 0;
/*	font-family: 'Droid Serif';*/
}

/*----------------------------*/
/*    home-2
/*----------------------------*/
#no-bg {background: none;}

/* home2-header-area */
.menu-icon {text-align: center;}
.menu-icon i {
	color: #262626;
	cursor: pointer;
	display: inline-block;
	font-size: 32px;
	margin-top: -5px;
	padding: 0 5px;
	transition: all 0.3s ease 0s;
}
.menu-icon i:hover {color: #000000;}
.menu-expand {
	background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
	bottom: 0;
	display: none;
	left: 0;
	padding-top: 21vw;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.hide-icon i {
	color: #fff;
	cursor: pointer;
	font-size: 55px;
	position: absolute;
	right: 4%;
	top: 6%;
	transition: all 0.3s ease 0s;
}
.hide-icon i:hover {color: #000000;}
.dark li i {color: #262626;}
.top-down {top: 45px;}
.top-down form input {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);}
li.cart span.count-dark::before {background: #262626 none repeat scroll 0 0;}
li.cart span.count-dark {
	background: #262626 none repeat scroll 0 0;
	color: #fff;
}
.sticky-light {
	background: #fff none repeat scroll 0 0;
	left: 0;
	padding: 16px 0 10px;
	top: 0;
	width: 100%;
	z-index: 100;
	animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
	margin: 0 auto;
	position: fixed !important;
	right: 0;
	z-index: 999;
}

/* home2-slider-area */
.home2-middle-text {
	margin-left: 13%;
	margin-top: 14%;
	text-align: left;
}
.home2-middle-text p.title {letter-spacing: 0.2em;}
.home2-middle-text h1 {
	font-size: 5vw;
	text-transform: none;
	font-style: normal;
}
/* home2-new-arrivals-area */
.arrival-img{
	margin-top: -200px;
	z-index: 99;
	position: relative;
}
.arrival-img img{
	opacity: 0.85;
	transition: all 0.3s ease 0s;
}
.new-arrivals-area:hover .arrival-img img{opacity: 1;}
.new-arrivals .content {
	display: block;
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 635px;
}
.new-arrivals .learn-more {
	display: inline-block;
	float: left;
	margin: 20px 0 0;
	overflow: hidden;
}
.new-arrivals h1 {
	color: #262626;
	font-size: 60px;
	font-weight: 700;
	line-height: 63px;
	margin: 17px 0 0;
	text-transform: uppercase;
}
.new-arrivals h1.price {
	color: #000000;
	font-size: 48px;
	font-weight: 900;
	line-height: 51px;
	margin: 45px 0 20px;
	overflow: hidden;
}
.new-arrivals h1 sup {
	color: #333333;
	font-size: 27px;
}
.new-arrivals .content {
	display: block;
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 70%;
}
.new-arrivals .learn-more {
	margin: 20px 0 0;
	width: 100%;
}

/*----------------------------*/
/*    home-3
/*----------------------------*/

/* home3-header-area */
.left-menu-icon .menu-icon {
	display: inline-block;
	text-align: left;
}
.menu-icon > span {
	color: #262626;
	text-transform: uppercase;
	font-weight: 700;
	vertical-align: top;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.left-menu-icon:hover span,
.left-menu-icon:hover i {
	color: #000000;
}
.center-logo .logo {text-align: center;}
.fixed-header-light {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	padding-right: 50px;
	padding-left: 50px;
}
.fixed-sticky-light {
	animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
	background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
	left: 0;
	margin: 0 auto;
	padding: 16px 50px 10px;
	position: fixed !important;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

/* home3-slider-area */
.home3-middle-text {text-align: left;}
.home3-middle-text p.title {color: #000000;}
.home3-middle-text h1 {
	font-size: 4.5vw;
	font-weight: 700;
	text-transform: uppercase;
	font-style: normal;
}
.home3-middle-text p.price {
	color: #262626;
	display: block;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 35px;
}
.home3-middle-text p.price .red-price {
	color: #000000;
	font-size: 3vw;
	font-weight: 700;
	overflow: hidden;
	text-transform: uppercase;
}
.home3-middle-text p.pera-2 {margin: 30px 0 50px;}

/* home3-greetings-area */
.greetings-content {text-align: center;}
.greetings-content h3 {
	color: #262626;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px;
	margin-top: 11px;
	text-transform: uppercase;
}
.greetings-content p {
	/*color: #6f6f6f;
	font-family: "Droid Serif";
	font-size: 14px;
	line-height: 24px;
	font-style: italic;*/
	margin-top: 25px;
	padding: 0 210px;
	
}

/* home3-service-area */
.home3-single-service > img {
  margin-bottom: 30px;
}
.home3-service-content {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.home3-single-service {
	padding: 40px 0;
	text-align: center;
}
.home3-single-service .text h3{font-style: normal;}
.home3-single-service:hover .text h3{color: #000000;}
.home3-single-service:hover .text p{color: #262626}
.service-border-none {border-right: 0px;}

/* home3-new-arrival */
.single-arraival .single-item {margin: 0;}
.single-arraival .single-item .product-content a h5 {
	line-height: 8px;
	margin: 0;
}
.single-arraival .single-item .product-content a.add-button {margin-bottom: 0;}
.home3-new-arrival .section-title { margin-bottom: 35px;}
.arraival-banner {overflow: hidden;}
.arraival-banner a {
	position: relative;
	display: block;
}
.arraival-banner a:before {
	background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
	content: "";
	height: 100%;
	transform: scale(0.5);
	width: 100%;
	z-index: 1;
}
.arraival-banner a:before,
.arraival-banner a:after {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 300ms ease 0s;
}
.arraival-banner a:after {
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	content: "L";
	font-family: "ElegantIcons";
	font-size: 40px;
	height: 46px;
	line-height: 42px;
	transform: scale(0.5) rotate(-180deg);
	width: 46px;
	z-index: 2;
}
.arraival-banner a:hover:before,
.arraival-banner a:hover:after {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

/* home3-promotion */
.home3-promotion {background: #f2f2f3;}
.promotion-content {
	text-align: right;
	margin-top: 15%;
}
.promotion-content span.red-title {
	color: #000000;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.promotion-content h1 {
	color: #262626;
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 33px;
	margin: 15px 0 0;
	text-transform: uppercase;
}
.promotion-content p {
	margin: 25px 0 0;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;
	line-height: 24px;*/
}
.promotion-content p.manufacturer_name {
	font-size: 16px;
	margin: 5px 0 20px;
}
.promotion-content .price {
	color: #000000;
	font-size: 30px;
	font-weight: 900;
	line-height: 33px;
}
.promotion-content .price span.old {
	color: #b7b7b7;
	/*font-family: "Droid Serif";
	font-size: 20px;
	font-style: italic;
	line-height: 23px;*/
	margin: 7px 20px 0 0;
}
.promotion-content .hook-reviews {margin-top: 20px;}
.countdown {margin: 20px 0;}
.promotion-content a.add-button {margin: 30px 0;}
.home3-blog-inner .inner-img {overflow: hidden;}
.home3-blog-inner .inner-img a {
	display: block;
	margin: 0 -190px;
}
.home3-blog-inner .inner-img a.middle-zoom {
	display: block;
	margin: 0 -44px;
}
.home3-blog-inner .inner-img a img,
.home3-blog-inner .inner-img a.middle-zoom img {
	display: block;
	width: 100%;
}
@-webkit-keyframes mymove {
	0% {
		left: 0px;
	}
	25% {
		left: 40px;
	}
	75% {
		left: -40px
	}
	100% {
		left: 0px;
	}
}
@keyframes mymove {
	0% {
		left: 0px;
	}
	25% {
		left: 40px;
	}
	75% {
		left: -40px
	}
	100% {
		left: 0px;
	}
}
.home3-blog-inner:hover .inner-img a img {
	animation: mymove 3s;
	position: relative;
}

/* home3-bottom-banner */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 1
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 1
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
.dark-banner a {
	display: block;
	overflow: hidden;
	position: relative;
}
.box-content-dark {
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 500ms ease 0s;
	width: 100%;
	z-index: 2;
}
.box-content-dark .box-content {
	bottom: 0;
	box-shadow: 0 0 0 4px white inset;
	height: 270px;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(45deg);
	width: 270px;
}
.box-content-dark .box-content:before {
	box-shadow: 0 0 0 1px white inset;
	content: "";
	display: block;
	height: 80%;
	left: 10%;
	opacity: 0;
	position: absolute;
	top: 10%;
	width: 80%;
}
.box-content-dark .box-content .dark-text {
	color: #000000;
	display: block;
	font-size: 20px;
	line-height: 270px;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(-45deg);
}
.dark-banner:hover .box-content-dark {opacity: 1;}
.dark-banner:hover .box-content-dark .box-content {
	animation: 500ms ease 250ms normal forwards 1 running zoomIn;
}
.dark-banner:hover .box-content-dark .box-content:before {
	animation: 500ms ease 500ms normal forwards 1 running zoomIn;
}
.dark-banner:hover .box-content-dark .box-content .dark-text {
	animation: 500ms ease 750ms normal forwards 1 running zoomIn;
}

/*----------------------------*/
/*    home-4
/*----------------------------*/

/* home4-header-area */
.header-pad {
	padding-left: 50px;
	padding-right: 50px;
}

/* home4-main-banner */
.pl-none {padding-left: 0;}
.pr-none {padding-right: 0;}
.plr-none{padding: 0;}
.main-banner-img {position: relative;overflow: hidden;}
.main-banner-img > a {
	position: relative;
	display: block;
}
.main-banner-img > a:before {
	/*background: rgba(201, 44, 97, 0.55) none repeat scroll 0 0;*/
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(0.5);
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 3;
}

.visible{top: 96px;}
.main-banner-img:hover a:before {
	opacity: 1;
	transform: scale(1);
}
.main-banner-img img { width: 100%;}
.main-banner-left {margin-right: 16px;}
.main-banner-right {margin-left: 15px;}
.main-banner-content {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top:35%;
    z-index: 9999;
    transition: all 300ms ease 0s;
    transform: scale(.5);
    opacity: 0;
    width:95%;
    top: 45%;
    cursor: pointer;
}

.main-banner-content a , .main-banner-content h5{
    color: #c09a68;
}
.main-banner-content h5:hover{ color: #c09a68; }
.main-banner-img:hover .main-banner-content {
	opacity: 1;
	transform: scale(1);
}

.main-banner-content h5 {
    color: white;
    font-size: 22px;
    line-height: 17px;
    text-transform: uppercase;
    /*font-size: 14px;*/
    font-family: 'MuseoSans300';
}

.main-banner-content p.manufacturer_name {
	color: #e4e4e4;
	margin-top: -5px;
}
.main-banner-content .hook-reviews {margin: 8px 0;}
.main-banner-content .hook-reviews i.white {color: white;}
.main-banner-content .price p {color: white;}
.main-banner-content a.add-button {
	color: white;
	border-color: white;
}
.main-banner-content a.add-button:hover {
	color: #000000;
	border-color: #000000;
	background: #fff;
}

/*----------------------------*/
/*    home-5
/*----------------------------*/

/* home5-header-area */
.menu-dark-text nav ul li a {color: #000000;}
.menu-dark-text nav ul li::after {display: none;}

/* home5-slider-area */
/*.h5-red p.title {color: #000000;}*/
.h5-red p.title {color: #fff;}

/* home5-Featuring-Products */
.home5-product .main-banner-img > a::before {
    /*background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;*/
    background-color: rgba(0, 0, 0, 0.7);
    transition-duration: 700ms;
}
.home5-product .main-banner-content h5 {transition: all 0.3s ease 0s;}
.home5-product .main-banner-content h5:hover {}
.home5-wraper {margin: 30px -2px; padding: 0 !important;}
.home5-product {
	display: inline-block;
	float: left;
	overflow: hidden;
	padding: 2px !important;
	width: 25%;
}
.home5-product .main-banner-img img
{
    -webkit-transition-property: padding,background,color,opacity,box-shadow,-webkit-transform;
    transition-property: padding,background,color,opacity,box-shadow,transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
        transition-duration: 700ms;
}
.home5-product:hover .main-banner-img img
{
    opacity: 1;
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
}


/*----------------------------*/
/*    home-6
/*----------------------------*/

/* home6-banner-top */
.home6-banner-wraper {
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.home6-banner-wraper > a {
	position: relative;
	display: block;
}
.home6-banner-wraper > a:before {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	display: block;
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	transition: all 0.3s ease 0s;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transform: scale(.5);
	z-index: 2
}
.home6-banner-wraper:hover a:before {
	opacity: 1;
	transform: scale(1)
}
.home6-banner-wraper:hover img.first {
	transform: scale(1.2);
}
img.first {
	transition: 7s;
	transform: scale(1);
}
img.second {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

/* home6-service-area */
.home6-service-bg {
	background: rgba(0, 0, 0, 0) url("img/accessories-bg.jpg") no-repeat scroll center center / cover;
	min-height: 450px;
}
.home6-service-single {
	border: 1px solid #868483;
	margin: 20px -5px;
	padding: 112px 0;
	position: relative;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.home6-service-single:hover {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.home6-service-single:hover .text h3,
.home6-service-single:hover .text p {
	color: #000000;
}
.home6-service-single:hover img.service-first {opacity: 0;}
.home6-service-single:hover img.service-second {
	opacity: 1;
	transform: rotateX(0deg);
}
img.service-second {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 32%;
	transform: rotateX(180deg);
	transition: all .5s ease 0s;
	opacity: 0;
}
.m-left {margin-left: 20px;}
.m-right {margin-right: 20px;}
.home6-service-single .text h3 {
	color: white;
	font-style: normal;
}
.home6-service-single .text p {color: #aeaeae;}

/* home6-add-bottom */
.single-add-bootom-wraper {
	overflow: hidden;
	background: #F2F2F3;
}
.single-add-bottom {
	float: left;
	overflow: hidden;
	width: 62%;
}
.add-bottom-carousel-wraper {
	overflow: hidden;
	width: 38%;
	float: left;
}
.add-bottom-carousel .single-item {
	background: none;
	margin: 0;
	padding: 0;
}
.add-bottom-carousel .single-item:hover {box-shadow: none;}
.add-bottom-carousel .single-item:hover a:before {background: none;}
.add-bottom-carousel .single-item:hover .product-content:before {
	background: none;
}
.add-bottom-carousel .single-item:hover .hook-reviews {opacity: 1;}

/*----------------------------*/
/*    404-error
/*----------------------------*/
.content-404 {
	background: #fff;
	text-align: center;
}
.content-404 h2 {
	font-size: 36px;
	margin: 30px 0;
	padding: 0;
	text-transform: uppercase;
	color: #262626;
	font-weight: 700;
	line-height: 1.35;
}
.content-404 p {
	/*color: #6f6f6f;
	font-style: italic;
	font-family: "Droid Serif";
	font-size: 14px;*/
	margin-bottom: 60px;
}
.content-404 form {
	border-bottom: 2px solid #222;
	width: 50%;
	margin: auto;
	position: relative;
}
.content-404 form i {
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	top: 10px;
}
.content-404 input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	height: 40px;
	padding-left: 20px;
	padding-right: 80px;
	width: 100%;
}

/*----------------------------*/
/*    about-us
/*----------------------------*/
.about-us-bg {background: #fff;}
.single-about-content {
	padding: 42px 0;
	text-align: center;
}
.single-about-content h2,
.team-area h2 {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	color: #262626;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 5px;
}
.single-about-content h3,
.single-about-progress h3 {
	text-transform: uppercase;
	color: #262626;
	font-weight: 700;
}
.single-about-content p {
	/*font-family: "Droid Serif";
	color: #6f6f6f;
	font-size: 14px;
	line-height: 24px;*/
}
.single-about-progress {
	margin: 60px auto auto;
	width: 85%;
}
.progress-bar {
	background-color: #7b7b7b;
	height: 100%;
}
.progress {
	background-color: #ebebeb;
	border-radius: 0;
	height: 8px;
	margin: 10px 0 20px;
}
.single-progress span {
	color: #b3b3b3;
	font-family: "droid serif";
	font-weight: 700;
	text-transform: uppercase;
}
.team-area {text-align: center;}
.team-area h2 {font-size: 24px;}
.team-area > p {
	/*color: #6f6f6f;
	font-family: "Droid Serif";
	font-size: 14px;*/
	margin-bottom: 40px;
}
.single-team h4 {
	font-weight: 500;
	margin-top: 15px;
	text-transform: capitalize;
	color: #262626;
}
.single-team p {
	/*color: #6f6f6f;
	font-family: "Droid Serif";
	font-size: 14px;*/
}
.link-profile a {
	color: #262626;
	display: inline-block;
	font-size: 15px;
	padding: 4px;
	transition: all .3s ease 0s;
}
.link-profile a:hover {color: #000000;}

/*----------------------------*/
/*    blog
/*----------------------------*/
.blog-top {
	background: rgba(0, 0, 0, 0) url("img/blog-bg.png") no-repeat scroll 0 0 / cover;
	min-height: 280px;
	text-align: center;
}
.blog-hedding {margin-top: 110px;}
.blog-hedding h2 {
	color: white;
	font-size: 30px;
	font-weight: 700;
	line-height: 34px;
	text-transform: uppercase;
}
.blog-area {background: #fff none repeat scroll 0 0;}
.content-box form input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	color: #555;
	width: 100%;
	height: 35px;
	padding: 0 35px 0 10px;
}
.content-box form i {
	margin-left: -30px;
	color: #262626;
	font-size: 14px;
}
.content-box ul.blog-list {
	margin: 0;
	padding: 0;
}
.content-box ul.blog-list li {border-bottom: none;}
.content-box ul.blog-list li a {
	color: #555;
	font-style: italic;
	font-family: "droid serif";
	font-size: 14px;
	line-height: 30px;
	transition: all .3s ease 0s;
}
.content-box ul.blog-list li a:hover {color: #000000;}
.blog-bottom {
	border-top: 1px solid #d6d4d4;
	margin-top: 20px;
	padding: 25px 0;
	text-align: center;
}
.blog-pagination a.blog-active {
	background: #222222 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 40px;
	padding: 10px 0;
	width: 40px;
	font-family: "droid serif";
	font-weight: 700;
	transition: all .3s ease 0s;
}
.blog-pagination a {
	background: #fff none repeat scroll 0 0;
	color: #222222;
	display: inline-block;
	font-size: 16px;
	height: 40px;
	padding: 10px 0;
	width: 40px;
	font-family: "droid serif";
	font-weight: 700;
	transition: all .3s ease 0s;
}
.blog-pagination a i {font-weight: 700;}
.blog-pagination a:hover {
	background: #222222 none repeat scroll 0 0;
	color: #fff;
}

/*----------------------------*/
/*    Blog-details
/*----------------------------*/

.blog-heading h1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	margin-top: 20px;
	text-transform: uppercase;
	color: #262626;
}
.blog-heading span {
	color: #9b9b9b;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.blog-content p {
	color: #6f6f6f;
	font-family: "droid serif";
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 25px;
}
.tag {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	color: #555;
	padding: 10px 0;
	font-size: 12px;
}
.tag span a {
	color: #555;
	transition: all .3s ease 0s;
}
.tag span a:hover {color: #000000;}
.social-link a {
	color: #a2a2a2;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	margin: 30px 0;
	padding: 0 5px;
	transition: all 0.3s ease 0s;
}
.social-link a:hover {color: #000000;}
.blog-comment h2,
.reply-area h2 {
	border-bottom: 2px solid #e8e8e8;
	color: #262626;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
	margin: 0 0 30px;
	line-height: 40px;
}
.blog-comment h2:after,
.reply-area h2:after {
	background: #ffa200 none repeat scroll 0 0;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 120px;
}
.single-comment {
	margin-bottom: 25px;
	font-family: "droid serif";
}
.user-img {
	display: inline-block;
	float: left;
}
.comment-body {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-left: 60px;
	padding: 10px;
	position: relative;
}
.comment-body:before {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	display: block;
	content: "";
	height: 10px;
	width: 10px;
	left: -5px;
	top: 10px;
	transform: rotate(45deg);
	position: absolute;
}
.comment-body span {
	color: #555;
	display: block;
	font-size: 12px;
	line-height: 1;
	margin-bottom: 15px;
}
.comment-body span a {color: #000000;}
.comment-body p {color: #6f6f6f;}
.reply-area span {
	color: #555;
	display: block;
	font-family: "droid serif";
	font-size: 12px;
	margin-bottom: 20px;
}
.reply-area form {
	color: #555;
	font-family: "droid serif";
}
.reply-area form label {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.reply-area form textarea {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}
.reply-area form .single {
	display: block;
	float: left;
	margin: 25px 0;
	width: 33.33%;
}
.reply-area form .single input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #555;
	height: 35px;
	padding: 5px;
	width: 100%;
}

/*----------------------------*/
/*    compare
/*----------------------------*/
.text-left {text-align: left;}
.compare-area {border-bottom: 1px solid #ddd;}
.compare-area .breadcrumb {padding: 30px 0;}
.compare-area .breadcrumb li a {
	color: #bdbdbd;
	transition: all .3s ease 0s;
}
.compare-area .breadcrumb li a:hover{color: #000000;}
.compare-inner-area h1 {
	border-bottom: 1px solid #d6d4d4;
	color: #555454;
	font: 600 18px/22px "Open Sans", sans-serif;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 0 17px;
	text-transform: uppercase;
}
.compare-box{margin: 0 0 60px;}
.compare-box table {
	font-family: "droid serif";
	background: #fff none repeat scroll 0 0;
	border-color: #e5e5e5;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	text-align: center;
	width: 100%;
}
.compare-box table thead tr th,
.compare-box table tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.compare-box table tfoot tr td.text-right,
.compare-box table tfoot tr td.total-right {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
.compare-box table tfoot tr td.price,
.compare-box table tfoot tr td.total-price {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}
.compare-box table tr td {padding: 12px 20px;}
.compare-box table tr td strong {color: #333;}
.compare-box table tr td span.comnt {
	color: #555454;
	font: 600 18px/22px "Open Sans", sans-serif;
	text-transform: uppercase;
}
.social-compare {
	padding-top: 320px;
	text-align: left;
}
.compare-box table tr td span.feature {
	color: #555454;
	font: 600 18px/22px "Open Sans", sans-serif;
	text-transform: uppercase;
	float: left;
}
.social-compare > p {
	font-size: 14px;
	font-style: italic;
	color: #333333;
}
.social-compare span {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 5px;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
}
.social-compare span.twitter i {color: #00AAF0;}
.social-compare span.twitter:hover {background: #00AAF0;}
.social-compare span.facebook i {color: #435F9F;}
.social-compare span.facebook:hover {background: #435F9F;}
.social-compare span.google i {color: #E04B34;}
.social-compare span.google:hover {background: #E04B34;}
.social-compare span.pinterest i {color: #CE1F21;}
.social-compare span.pinterest:hover {background: #CE1F21;}
.social-compare span:hover {color: #fff;}
.social-compare span:hover i {color: #fff;}
.compare-box table tr td .remove i {
	color: #c0c0c0;
	float: right;
	font-size: 25px;
	margin-top: -10px;
	padding: 12px 10px;
	transition: all 0.3s ease 0s;
}
.compare-box table tr td .remove i:hover {color: #515151;}
.compare-img {
	display: inline-block;
	position: relative;
}
.compare-img a {
	border: 1px solid #d6d4d4;
	display: inline-block;
	margin: 0 0 8px;
	padding: 9px;
}
.compare-img a.new-box {
	height: 85px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: -4px;
	width: 85px;
	z-index: 0;
	left: -4px;
	border: none;
}
.compare-img a.new-box span.new-label {
	background: #6ad4ff none repeat scroll 0 0;
	color: white;
	display: block;
	font: 700 14px/12px Arial, Helvetica, sans-serif;
	left: -33px;
	padding: 9px 0 7px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
	text-transform: uppercase;
	top: 16px;
	transform: rotate(-45deg);
	width: 130px;
	z-index: 1;
}
.compare-img a.new-box span.new-label:before {
	border-color: #21a3d8 transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0;
	bottom: -3px;
	content: ".";
	height: 0;
	position: absolute;
	right: 5px;
	text-indent: -5000px;
	transform: rotate(225deg);
	width: 0;
}
.compare-img a.new-box span.new-label:after {
	border-color: #21a3d8 transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0;
	bottom: -3px;
	content: ".";
	height: 0;
	left: 3px;
	position: absolute;
	text-indent: -5000px;
	transform: rotate(135deg);
	width: 0;
}
.compare-box table tr td a h5 {
	color: #333;
	font-family: "Montserrat";
	font-size: 16px;
	margin: 10px 0 40px;
}
.compare-box table tr td .price p {
	color: #333333;
	font: 600 21px/26px "Open Sans", sans-serif;
}
.comparison-button {margin: 25px 0;}
.comparison-button a.add {
	border: 1px solid #0079b6;
	padding: 12px 0;
}
.comparison-button a.add span {
	background: #009ad0 linear-gradient(to bottom, #009ad0 0px, #007ab7 100%) repeat-x scroll 0 0;
	color: #fff;
	font-family: "Montserrat";
	font-size: 16px;
	padding: 10px 16px;
	vertical-align: top;
}
.comparison-button a.add:hover span {background: #006fa8;}
.comparison-button a.view {
	border: 1px solid #b7b7b7;
	padding: 12px 0;
}
.comparison-button a.view span {
	background: #f7f7f7 linear-gradient(to bottom, #f7f7f7 0px, #ededed 100%) repeat-x scroll 0 0;
	color: #333;
	font-family: "Montserrat";
	font-size: 16px;
	padding: 10px 16px;
	vertical-align: top;
}
.comparison-button a.view:hover span {background: #eee;}
.compare-box table tr td a.v-comments {
	border: 1px solid #5f5f5f;
	padding: 4px 0;
}
.compare-box table tr td a.v-comments span {
	background: #666666 none repeat scroll 0 0;
	color: #fff;
	font-family: "Montserrat";
	font-size: 13px;
	padding: 4px 8px;
}
.compare-box table tr td a.v-comments span i {
	font-size: 20px;
	font-weight: 700;
	margin-left: 3px;
	vertical-align: top;
	line-height: 16px;
}
.compare-box table tr td a.v-comments:hover span {background: #5f5f5f;}
.back-link a {
	border: 1px solid #b7b7b7;
	padding: 12px 0;
    display: inline-block;
}
.back-link {
  margin-top: 20px;
}
.back-link a span {
	background: #f7f7f7 linear-gradient(to bottom, #f7f7f7 0px, #ededed 100%) repeat-x scroll 0 0;
	color: #333;
	font-family: "Montserrat";
	font-size: 16px;
	padding: 10px 16px;
	vertical-align: top;
	font-weight: 700;
}
.back-link a span i {
	color: #777777;
	font-size: 25px;
	font-weight: 700;
	line-height: 18px;
	margin-right: 4px;
	vertical-align: top;
}
.back-link a:hover span {background: #eee;}

/*----------------------------*/
/*    contact-us
/*----------------------------*/
.contact-us-area {border-bottom: 1px solid #ddd;}
.contact-us-area .breadcrumb {padding: 30px 0;}
.contact-us-area .breadcrumb li a {
	color: #bdbdbd;
	transition: all 0.3s ease 0s;
}
.contact-us-inner-area h1 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	color: #262626;
}
.contact-us-topbar {
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #ddd;
	text-align: center;
	margin-top: 20px;
}
.contact-us-info {padding: 20px 0;}
.contact-us-info i {
	font-size: 36px;
	color: #262626;
	margin-bottom: 10px;
}
.contact-us-info h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #262626;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 5px;
}
.contact-us-info p {
	color: #6f6f6f;
	font-family: "droid serif";
	font-size: 16px;
	line-height: 25px;
}
.contact-us-no span {
	display: block;
	padding: 30px 0;
	font-size: 16px;
	font-family: "droid serif";
}
.contact-us-no span a {color: #262626;}
.contact-us-no span a:hover {color: #000000;}
.contact-us-no span i {
	color: #262626;
	font-size: 16px;
	margin-right: 10px;
}
.contact-us-form {
	font-family: "droid serif";
	color: #555;
}
.contact-us-form form input {
	background: #f8f8f8 none repeat scroll 0 0;
	border: none;
	height: 40px;
	padding: 5px;
	width: 100%;
}
.contact-us-form form .single {
	float: left;
	margin: 15px 0;
	width: 50%;
}
.contact-us-form form .single-full {
	margin: 15px 0;
	width: 100%;
}
.contact-us-form form textarea {
	background: #f8f8f8 none repeat scroll 0 0;
	border: none;
	padding: 10px;
	width: 100%;
	margin: 15px 0
}
.contact-us-form .add-button {
	border: 2px solid #ddd;
	border-radius: 0;
	float: right;
	font-family: "Montserrat";
	margin-top: 20px;
}

/*----------------------------*/
/*    frequently-questions
/*----------------------------*/
.frequently-questions-area {border-bottom: 1px solid #ddd;}
.frequently-questions-area .breadcrumb {padding: 30px 0;}
.frequently-questions-area .breadcrumb li a {
	color: #bdbdbd;
	transition: all 0.3s ease 0s;
}
.question-top h1 {
	color: #262626;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.question-top h4 {
	font-size: 16px;
	margin: 0 0 10px;
	color: #262626;
	font-weight: 700;
}
.question-top p {
	color: #6f6f6f;
	font-family: "droid serif";
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 40px;
}
.question-accordion .panel-heading {padding: 0;}
.question-accordion .panel-title > a {
	border: 1px solid #000000;
	color: #000000;
	display: block;
	font-size: 21px;
	padding: 15px 10px 15px 25px;
	background: #F8F8F8;
	position: relative;
}
.question-accordion .panel-title > a:after {
	content: "\f068";
	font-family: "fontawesome";
	font-size: 13px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 17px;
}
.question-accordion .panel-title > a.collapsed:after {	content: "\f067";}
.question-accordion .panel-title > a.collapsed {
	color: #6f6f6f;
	font-size: 21px;
	padding: 15px 10px 15px 25px;
	border: 1px solid #ddd;
}
.question-accordion .panel-body {
	color: #6f6f6f;
	font-family: droid serif;
	font-size: 14px;
	padding: 25px;
	border: 1px solid #000000;
}
.question-accordion .panel-default {border-color: #fff;}
.question-accordion .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
}

/*----------------------------*/
/*    login
/*----------------------------*/

.authentication-area {background: #fff none repeat scroll 0 0;}
.authentication-area .breadcrumb {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	padding-left: 18%;
	padding-top: 30px;
}
.authentication-area .breadcrumb li a {color: #bdbdbd;}
.log-in-area h1 {
	border-bottom: 1px solid #d6d4d4;
	color: #555454;
	font: 600 18px/22px "Open Sans", sans-serif;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 0 17px;
	text-transform: uppercase;
}
.form-single form {
	background: #fbfbfb none repeat scroll 0 0;
	border: 1px solid #d6d4d4;
	margin: 0 0 30px;
	padding: 15px 20px;
}
.form-single h3 {
	border-bottom: 1px solid #d6d4d4;
	color: #555454;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 12px;
	padding: 0 0 15px;
	text-transform: uppercase;
}
.form-single p {
	font-size: 14px;
	font-style: italic;
	font-family: "droid serif";
}
.form-single label {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333333;
	font-family: "droid serif";
}
.form-single input {
	background-color: white;
	border: 1px solid #d6d4d4;
	border-radius: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #9c9b9b;
	display: block;
	font-size: 13px;
	height: 28px;
	margin-bottom: 10px;
	padding: 3px 6px;
	width: 271px;
}
.form-single input:focus {border-color: #66afe9;}
.form-single button {
	border: 1px solid #db8600;
	border-radius: 0;
	margin: 10px 0 50px;
	padding: 12px 0;
	transition: all 300ms ease 0s;
}
.form-single button i {
	font-size: 23px;
	line-height: 10px;
	margin-right: 10px;
}
.form-single button span.button-inner {
	background: #fdaa02 none repeat scroll 0 0;
	color: white;
	font-family: droid serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 21px;
	padding: 12px 15px;
}
.form-single button:hover span.button-inner {background: #db8600;}
.form-single span.forgot {
	font-size: 14px;
	font-style: italic;
	font-family: "droid serif";
	text-decoration: underline;
	display: block
}
.form-single span.forgot:hover {
	color: #111;
	text-decoration: none;
}
.form-single-right button {
	border: 1px solid #333;
	border-radius: 0;
	margin: 15px 0 3px;
	padding: 10px 1px;
	transition: all 300ms ease 0s;
}
.form-single button i {
	font-size: 23px;
	line-height: 10px;
	margin-right: 10px;
}
.form-single-right button span.button-inner {
	background: #333 none repeat scroll 0 0;
	color: white;
	font-family: droid serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 21px;
	padding: 9px 14px;
}
.form-single-right button:hover span.button-inner {
	background: #000000;
}
.form-single-right button:hover {
	border-color: #000000;
}

/*----------------------------*/
/*    shop
/*----------------------------*/
.accessories-top {
	background: rgba(0, 0, 0, 0) url("img/accessories-bg.jpg") no-repeat scroll 0 0 / cover;
	min-height: 430px;
	text-align: center;
}
.accessories-hedding {margin-top: 170px;}
.accessories-hedding h2 {
	color: white;
	font-size: 30px;
	font-weight: 700;
	line-height: 34px;
	text-transform: uppercase;
}
.breadcrumb {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin: 0;
	padding: 0;
}
.breadcrumb li.active {
	color: #000000;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;*/
}
.breadcrumb li a {
	color: #fff;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;*/
}
.breadcrumb li a:hover {color: #000000;}
.accessories-area {background: #fff;}
.content-box {
	margin-bottom: 30px;
	overflow: hidden;
}
.content-box h2 {
	border-bottom: 1px dashed #e1e1e1;
	color: #333;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	margin-bottom: 15px;
	padding-bottom: 12px;
	text-transform: uppercase;
}
.content-box ul {padding-left: 10px;}
.content-box ul li {
	border-bottom: 1px dashed #e1e1e1;
	padding: 5px 0;
}
.content-box ul li span.checkit {float: left;}
.content-box ul li span.checkit input.checkbox {margin-top: 2px;}
input[type="checkbox"] .content-box ul li label {display: block;}
.content-box p label {
	color: #333333;
	font-family: "droid serif";
}
.content-box p input {
	color: #8c8c8c !important;
	font-family: "droid serif";
    border:0;
    color:#f6931f; 
    font-weight:bold;
}
.content-box ul li label a {
	color: #8c8c8c;
	display: block;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;*/
	font-weight: normal;
	overflow: hidden;
	padding-left: 8px;
	text-transform: capitalize;
}
.content-box ul li label a:hover{color: #000000;}
.content-box ul li label {display: block;}
.content-box ul li label a span.check-right {
	color: #8c8c8c;
	float: right;
	font-weight: normal;
}
.content-box-img {
	display: inline-block;
	float: left;
	width: 35%;
}
.content-box-text {
	display: inline-block;
	margin-left: 20px;
	width: 55%;
}
.content-box-text h4 {
	color: #262626;
	font-size: 12px;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}
.content-box-text h4:hover {color: #000000;}
.content-box-text p {
	/*font-size: 14px;
	font-style: italic;
	font-family: "Droid Serif";*/
}
.control-bar {
	border: 2px solid #ebebeb;
	padding: 16px 10px;
}
.sort-by {display: inline-block;}
.sort-by label {
	color: #333333;
	display: inline-block;
	font-family: "droid serif";
	font-weight: bold;
	margin-top: 4px;
}
.sort-by select {
	background: #fbfbfb none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	float: right;
	height: 27px;
	margin-left: 5px;
	margin-top: 0;
	padding-left: 5px;
	padding-top: 0;
	width: 190px;
}
.sort-by select option {
	color: #aaa;
	font-family: "arial";
	font-size: 12px;
	font-weight: normal;
}
.control-bar ul.promo {
	display: inline-block;
	float: right;
}
.control-bar ul.promo li {
	margin-right: 5px;
	padding: 0;
}
.control-bar ul.promo li::after {display: none;}
.control-bar ul.promo li a {
	border: 2px solid #ccc;
	color: #ccc;
	padding: 0;
}
.control-bar ul.promo li.active a,
.control-bar ul.promo li:hover a {
	color: #000000;
	border-color: #000000;
}
.control-bar ul.promo li a i {
	font-size: 16px;
	line-height: 15px;
	padding: 5px;
}
.single-list {overflow: hidden;}
.single-list .single-item {margin: 0;}
.single-list .single-item:hover {
	background: #fff none repeat scroll 0 0;
	box-shadow: none;
}
.product-content-2 a h5 {
	color: #262626;
	font-size: 16px;
	line-height: 15px;
	margin-top: 5px;
	text-transform: uppercase;
}
.product-content-2 a h5:hover {color: #000000;}
.product-content-2 .hook-reviews {
	display: inline-block;
	margin: 15px 0 0;
}
.product-content-2 .hook-reviews span {
	color: #262626;
	font-family: initial;
	margin-left: 5px;
}
.product-content-2 .price p {
	color: #323232;
	font-size: 24px;
	font-weight: 700;
	margin: 30px 0;
}
.product-content-2 p.details {
	border-top: 1px solid #ebebeb;
	margin: 25px 0 0;
	padding: 17px 0 0;
	/*font-family: "Droid Serif";
	font-size: 14px;
	font-style: italic;
	line-height: 24px;*/
}
.product-content-2 a.add-button {
	border: 2px solid #7b7b7b;
	border-radius: 20px;
	color: #323232;
	display: inline-block;
	font-weight: 700;
	margin-top: 25px;
	padding: 9px 16px;
	text-transform: uppercase;
}
.product-content-2 a.add-button:hover {
	color: #000000;
	border: 2px solid #000000;
}
.main-wraper-bottom {
	border-top: 1px solid #d6d4d4;
	margin-top: 20px;
	padding: 30px 0;
}
span.item-quantity {font-family: "droid serif";}

.main-wraper-bottom .button {
	border: 1px solid #333;
border-radius: 0;
display: inline-block;
float: right;
padding: 10px 1px;
transition: all 300ms ease 0s;
margin-top: -15px;
}

.main-wraper-bottom .button span{background: #333 none repeat scroll 0 0;
color: white;
font-family: "droid serif";
font-size: 17px;
font-weight: bold;
line-height: 21px;
padding: 9px 14px;}
.main-wraper-bottom .button:hover {border: 1px solid #000000;}
.main-wraper-bottom .button:hover span{background: #000000;}

/*----------------------------*/
/*    shopping-cart
/*----------------------------*/

.shopping-cart-area {border-bottom: 1px solid #ddd;}
.shopping-cart-area .breadcrumb {padding: 30px 0;}
.shopping-cart-area .breadcrumb li a {
	color: #bdbdbd;
	transition: all 0.3s ease 0s;
}
h1.cart-heading {
	color: #252525;
	font-size: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.cart-title-area {padding-top: 30px;}
.car-header-title h2 {
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
}
.table-content table {
	background: #fff none repeat scroll 0 0;
	border-color: #e5e5e5;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	margin: 0 0 50px;
	text-align: center;
	width: 100%;
}
.table-content.wish table {
  margin: 0 0 0px;
}
.table-content table th {
	border-top: medium none;
	font-family: "Montserrat";
	font-weight: normal;
	padding: 20px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}
.table-content table th,
.table-content table td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.table-content table td {
	border-top: medium none;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 13px;
}
.table-content table td input {
	background: #e5e5e5 none repeat scroll 0 0;
	border: medium none;
	border-radius: 3px;
	color: #6f6f6f;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	height: 40px;
	padding: 0 5px 0 10px;
	width: 60px;
}
.table-content table td.product-subtotal {
	font-size: 14px;
	font-weight: bold;
	width: 120px;
}
.table-content table td.product-name a {
	font-size: 14px;
	font-weight: 700;
	margin-left: 10px;
	color: #6f6f6f;
}
.table-content table td.product-name {width: 270px;}
.table-content table td.product-thumbnail {width: 130px;}
.table-content table td.product-remove i {
	color: #919191;
	display: inline-block;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.table-content table .product-price .amount {
	font-size: 15px;
	font-weight: 700;
}
.table-content table td.product-remove i:hover {color: #000000;}
.table-content table td.product-quantity {width: 180px;}
.table-content table td.product-remove {width: 150px;}
.table-content table td.product-price {width: 130px;}
.table-content table td.product-name a:hover,
.buttons-cart a:hover {
	color: #EC4445
}
.buttons-cart {
	margin-bottom: 30px;
	overflow: hidden;
}
.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.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;
	display: inline-block;
	float: left;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	padding: 0 15px;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type=submit]:hover,
.buttons-cart a:hover {
	background: #000000;
	color: #fff
}
.buttons-cart a {
	color: #fff;
	float: left;
	height: 40px;
	line-height: 40px;
}
.coupon {
	margin-bottom: 40px;
	overflow: hidden;
	padding-bottom: 20px;
}
.coupon h3 {
	margin: 0 0 10px;
	font-size: 14px;
	text-transform: uppercase;
}
.coupon input[type=text] {
	border: 1px solid #e5e5e5;
	float: left;
	height: 40px;
	margin: 0 6px 20px 0;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 170px;
}
.cart_totals {
	float: left;
	text-align: right;
	width: 100%;
}
.cart_totals h2 {
	border-bottom: 2px solid #333;
	display: inline-block;
	font-size: 30px;
	margin: 0 0 35px;
	text-transform: uppercase;
}
.cart_totals table {
	border: medium none;
	float: right;
	margin: 0;
	text-align: right;
}
.cart_totals table th {
	border: medium none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px 12px 0;
	text-align: right;
	text-transform: uppercase;
	vertical-align: top;
}
.cart_totals table td {
	border: medium none;
	padding: 0 0 12px;
	vertical-align: top;
}
.cart_totals table td .amount {
	color: #000000;
	float: right;
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	text-align: right;
	text-transform: uppercase;
}
.cart_totals table td ul#shipping_method {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.cart_totals table td ul#shipping_method li {
	float: left;
	margin: 0 0 10px;
	padding: 0;
	text-indent: 0;
	width: 100%;
}
.cart_totals table td ul#shipping_method li input {
	margin: 0;
	position: relative;
	top: 2px;
}
a.shipping-calculator-button {
	font-weight: bold;
	color: #6f6f6f;
}
a.shipping-calculator-button:hover {color: #83CBDC;}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
	font-size: 20px;
	text-transform: uppercase;
	white-space: nowrap;
}
.wc-proceed-to-checkout a {
	background: #e53b75 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	padding: 0 30px;
	text-transform: none;
}
.wc-proceed-to-checkout a:hover {background: #000000;}

/*----------------------------*/
/*    single-product
/*----------------------------*/

.single-product-top {
  background: rgba(0, 0, 0, 0) url("img/accessories-bg.jpg") no-repeat scroll 0 0 / cover ;
  min-height: 430px;
  text-align: center;
}
.single-product-top-hedding {
  margin-top: 170px;
}
.single-product-top-hedding h2 {
  color: white;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
}

.expand-button {
	background: #fff none repeat scroll 0 0;
	bottom: 8%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	color: #777676;
	cursor: pointer;
	font-family: "droid serif";
	font-size: 13px;
	font-weight: 700;
	left: 38%;
	padding: 10px 15px;
	position: absolute;
}
.expand-button i {
	color: #aaa;
	font-size: 16px;
	margin-left: 8px;
	transition: all 0.3s ease 0s;
}
.expand-button:hover i {color: #333;}
.product-tab-slider {margin-top: 10px;}
.product-tab-slider .owl-controls .owl-buttons div {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #444;
	border-radius: 0;
	color: #444;
	font-size: 22px;
	height: 35px;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	transform: translateY(-40%);
	transition: all 0.3s ease 0s;
	width: 35px;
	padding: 4px 0;
}
.product-tab-slider:hover .owl-controls .owl-buttons div {
	opacity: 1;
	margin-left: 14px;
}
.product-tab-slider .owl-controls .owl-buttons div.owl-next {
	left: auto;
	right: 0;
	transition: all 0.3s ease 0s;
}
.product-tab-slider:hover .owl-controls .owl-buttons div.owl-next {
	margin-right: 14px;
}
.product-tab-slider .owl-controls .owl-buttons div:hover {
	color: #000000;
	border: 2px solid #000000
}
.product-details-area {background: #fff;}
.single-product-content h1 {
	color: #262626;
	font-size: 24px;
	line-height: 27px;
	margin: 0;
	padding-bottom: 12px;
	text-transform: uppercase;
}
.single-product-content .hook-reviews {
	display: inline-block;
	font-size: 16px;
	padding-right: 10px;
}
span.reviews a {
	border-left: 1px solid #ccc;
	color: #262626;
	padding: 0 10px;
	text-transform: uppercase;
}

span.reviews a:hover {color: #000000;}
.single-product-content .price p {
	border-bottom: 1px solid #ccc;
	color: #262626;
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.reference {border-bottom: 1px solid #ccc;}
.reference p {
	color: #333333;
	font-size: 14px;
	font-style: italic;
}
.reference p span {
	font-family: "droid serif";
	color: #000000;
}
p.product-inshort {
	color: #828282;
	font-family: "droid serif";
	font-size: 14px;
	font-style: italic;
	padding: 15px 0;
}
.quantity-no,
.size {
	margin-bottom: 10px;
}
.quantity-no label,
.size label,
.color label {
	color: #333333;
	display: block;
	font-weight: 700;
	font-size: 14px;
}
.quantity-no input {
	padding: 3px;
	width: 80px;
	border: 1px solid #ccc;
}
.quantity-no i {
	border: 1px solid #ccc;
	color: #ccc;
	cursor: pointer;
	height: 26px;
	padding: 5px 0;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: top;
	width: 25px;
}
.quantity-no i:hover {color: #333333;}
.size select {
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 200px;
}
.color ul li {
	border: 1px solid #aaa;
	display: inline-block;
	height: 24px;
	padding: 1px;
	width: 24px;
}
.color ul li a {
	background: #ddd;
	display: inline-block;
	height: 20px;
	width: 20px;
}
.color ul li a.dark {background: #333;}
.upper-icon a {margin-top: 20px;}
.upper-icon i,
.share i {
	border: 2px solid #e1e1e1;
	border-radius: 25px;
	color: #898989;
	font-size: 14px;
	height: 40px;
	margin-left: 8px;
	padding: 11px 0;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.upper-icon i:hover {
	color: #000000;
	border: 2px solid #000000;
}
.share p {
	color: #333333;
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
.share i.fa-twitter:hover {
	background: #00AAF0;
	color: #fff;
}
.share i.fa-facebook:hover {
	background: #435F9F;
	color: #fff;
}
.share i.fa-google-plus:hover {
	background: #E04B34;
	color: #fff;
}
.share i.fa-pinterest:hover {
	background: #CE1F21;
	color: #fff;
}
.product-details-tab ul {
	margin-bottom: 15px;
	text-align: left;
	border-bottom: 2px solid #ddd;
}
.product-details-tab ul li {
	padding: 0;
	position: relative;
}
.product-details-tab ul li:first-child {padding-left: 0;}
.product-details-tab ul li:last-child::after {display: block;}
.product-details-tab ul li a {
	color: #ddd;
	padding: 10px 30px 10px 0;
}
.product-details-tab ul li:after {
	border-bottom: 2px solid #000000;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: auto;
	transition: all 0.3s ease 0s;
	width: 0;
}
.product-details-tab ul li:hover:after {width: 40%;}
.product-details-tab ul li.active:after {width: 40%;}
table.product-details {width: 100%;}
table.product-details tbody tr {border-top: 1px solid #ccc;}
table.product-details tbody tr.last {border-bottom: 1px solid #ccc;}
table.product-details tbody tr td.bold {
	font-weight: 700;
	border-right: 1px solid #ccc;
	width: 30%
}
table.product-details tbody tr td {
	color: #333;
	padding: 10px 20px;
	text-align: left;
	font-family: "droid serif";
}
.tab p {
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: 15px;
	font-family: "droid serif";
	font-size: 14px;
	line-height: 20px;
}
.author-info {
	display: block;
	width: 30%;
	float: left;
	font-family: "droid serif";
	margin-top: 20px;
}
.author-info span {font-weight: 700;}
.author-info .hook-reviews {
	display: inline-block;
	margin-left: 5px;
}
.author-info strong {
	color: #333333;
	display: block;
	margin-top: 10px;
}
.author-info em {display: block;}
.author-info a {
	background: #555 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-family: "Montserrat";
	margin-top: 20px;
	padding: 5px 10px;
}
.author-info a:hover {background: #222;}
.comment_details {
	border-left: 1px solid #ddd;
	display: block;
	float: left;
	font-family: "droid serif";
	font-size: 14px;
	padding-left: 20px;
	width: 60%;
	font-style: italic;
	margin-top: 20px;
}

/*----------------------------*/
/*    scrolup
/*----------------------------*/
#scrollUp {
	background: #232323 none repeat scroll 0 0;
	bottom: 69px;
	color: white;
	cursor: pointer;
	display: none;
	font-size: 24px;
	height: 42px;
	padding-top: 8px;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 42px;
	z-index: 999;
}
#scrollUp:hover {
	background: #000000;
}

/*---------------------------start shop-details page.-----------------------------*/
.cart-form {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    width: 100%;
    padding-bottom: 80px;
}
.cart-f{
    margin-top: 40px;
}
.s-cart-all .page-title  h1 {
    color: #505050;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.s-cart-all .page-title  h1 {
    margin: 25px 0px 30px;
}
.cart-form .cart-table th {
    padding: 15px;
}
.cart-form .cart-table td {
    text-align: center;
}
.cart-table .sop-icon a i {
    border: 1px solid #3F4859;
    height: 40px;
    line-height: 37px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    color: #3F4859;
    font-size: 22px;
}
.cart-table .sop-cart > a,.cart-table .sop-cart {
    color: #454545;
    font-size: 15px;
    font-weight: 700;
}
.cart-table .sop > a {
    font-size: 16px;
}

.cart-form .a-all {
    margin: 20px 10px 0px;
}
.cart-form .a-all .a-right{
    float: right;
    margin-right: 5px;
}
.a-right .Estimate{
    margin-right: 35px;
}
.cart-form .a-all .button2.notice {
    padding: 13px 25px;
}
.cart-collaterals{
    padding: 40px 0 0;
}
.cart-collaterals .ma-cart{
    border-bottom: none;
    margin-bottom: 0px;
}
.cart-collaterals .ma-cart.ma-cart h2{
    border-bottom: 1px solid #2ba8db;
    color: #262626;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    text-transform: capitalize;
    display: block;
}
.cart-collaterals .ma-cart h2::before{
    border-top: 2px solid #2ba8db;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 139px;
}
.shipping-form1 > p{
    margin: 0px; 
}
.shipping-form1 .form-list .required,.shipping-form1 > p,.shipping-zip-form .form-list .required,#collapseOne p {
    font-size: 12px;
    color: #5c5c5c;
    font-weight: 400;
}
.shipping-form1 .button2.get,.shipping-zip-form .button2.get{
    float: right;
    margin-top: 10px;
}
.shipping-zip-form {
    border-bottom: 1px solid #e1e1e1;
}
.input-one label.get {
    padding: 10px 0 0;
}
.shipping-form1 .input-one input.email{
    border: 1px solid #e1e1e1;
    padding: 6px;
    width: 100%;
    margin-bottom: 25px;
}
.shipping-zip-form .input-one input.in-get{
    border: 1px solid #e1e1e1;
    padding: 6px;
    width: 254px;
    margin-bottom: 25px;
}
.cart-collaterals .totals{
    padding: 40px;
    display: block;
    background-color: #F3F3F3;
    text-align: right;
}
.cart-collaterals .totals .button2.get{
    width: 100%;
    margin-left: 0px;
    padding: 13px 25px;
}
.totals .subtotal p{
    color: #393939;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
.totals .subtotal{
    border-bottom: 1px solid #393939;
    margin-bottom: 20px;
}
.totals .subtotal p span{
    padding-left: 20px;
    font-size: 15px;
}
.cart-collaterals .totals a{
    color: #ababab;
    font-size: 13px;
}
.cart-collaterals .totals a:hover{
    color: #39b3e4;
}
.shipping-form1 .input-one select.s-email option,.shipping-form1 .input-one select.s-email,.country-select select.s-email option,.country-select select.s-email,.experi .date select.s-email,.input-one select.s-wid{
    font-size: 12px;
    color: #888888;
}
.experi .date select.email, .input-one select.s-wid {
  border: 1px solid #e1e1e1;
  padding: 6px;
  width: 96%;
}
.experi .date select.email {
  margin-bottom: 20px;
  margin-left: 15px;
}
.use-billing-add select.s-wid{
    width: 250px;
}
.input-one select.s-wid{
    margin-top: 12px;
}
/*---------------------------start check-out page.-----------------------------*/
.faq-accordion .panel.panel-default.actives .panel-title a {
    color: #009587;
}
.faq-accordion .panel-title a {
    color: #313131;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 2.2;
    position: relative;
    text-decoration: none;
}
.collapse_area {
  margin-bottom: 50px;
}
.faq-accordion .panel-title a span.number{
    color: #fff;
    background-color: #000000;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    width: 33px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    position: relative;
}
.panel-title a:hover{
    text-decoration: none;
}
/* collapse end */
.faq-accordion .Register h3::before,.Register4 h3::before {
    border-top: 2px solid #000000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 139px;
}
.Register4 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.faq-accordion .Register h3,.Register4 h3  {
    border-bottom: 1px solid #000000;
    color: #262626;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    text-transform: capitalize;
    margin-top: 0px;
}
 .method-input-box label {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}
.easy-text h4 {
    color: #444444;
    font-family: Arial;
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 14px;
    padding: 5px 0;
}
 .button2.get {
    float: right;
}
.block-button-right {
    padding-top: 30px;
    overflow: hidden;
}
.block-button-right a {
    color: #000000;
    float: left;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
}
.form-group {
  margin-top: 15px;
}
.block-button-right a.o-back-to{
    float: left;
    margin-top: 10px;
    color: #454545;
    text-transform: uppercase;
    display: block; 
}
.block-button-right a.o-back-to:hover{
    color: #000000;
}
.left-info .left-up span,.shiping-method p{
    display:block;
    line-height: 20px;
    color: #666;
    font-size: 13px;
}
.left-info a{
    color: #454545;
    text-transform: uppercase;
    display: block;
    margin: 10px 0px 12px;
}
.country-select select.email{
    border: 1px solid #e1e1e1;
    padding: 6px;
}
.use-billing-add label{
    color: #666;
    font-weight: normal;
    font-size: 13px;
    margin-top: 12px;
}
.verificationcard{
    margin-bottom: 30px;
}
.block-button-right {
    display: block;
}
.table-responsive {
    overflow-y: hidden;
    overflow-x: inherit;
    border: 0 solid #ddd !important;
    margin-bottom: 10px;
}
.order-review table thead tr th {
    border: 1px solid #f2f2f2 !important;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
}
.order-review table thead tr th.width-2 {
    width: 11%;
}
.order-review table thead tr th.width-3 {
    width: 5%;
}
.order-review table thead tr th.width-4 {
    width: 12%;
}
.order-review table tbody tr td {
    border: 1px solid #f2f2f2 !important;
}
.o-pro-dec p {
    color: #454545;
    font-size: 16px;
    font-weight: 600;
}
.order-review table tbody tr td {
    border: 1px solid #f2f2f2 !important;
}
.o-pro-price, .o-pro-qty, .o-pro-subtotal {
    text-align: center;
}
.o-pro-price > p, .o-pro-qty > p, .o-pro-subtotal > p {
    color: #a6a6a6;
    font-size: 16px;
}
.order-review table tfoot tr {
    border-bottom: 0 solid #f2f2f2 !important;
}
.order-review table tfoot tr td {
    color: #a6a6a6;
    text-align: right;
}
.order-review table tfoot tr td {
    font-size: 16px;
}
.order-review table tfoot tr td {
    border-right: 0 solid #f2f2f2 !important;
    border-top: 0 solid #f2f2f2 !important;
    padding: 1px 5px;
}
.order-review .block-right span {
    float: left;
}
.block-rightt {
    margin-top: 40px;
    text-align: right;
    overflow: hidden;
    display: block;
}
.Checkout-sidebar ul {
    margin-top: 20px;
}
.sidebar-list ul li a::before, .Checkout-sidebar ul li::before {
    color: #d6d6d6;
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 10px;
}
.Checkout-sidebar ul li {
    border-bottom: 1px solid #d6d6d6;
    display: block;
    color: #8c8c8c;
    padding: 8px 0;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;
    text-transform: capitalize;
}
.Checkout-sidebar ul li a{
    color: #8c8c8c;
}
.Checkout-sidebar ul li a:hover{
    color: #000000;
}
.check h1 {
  color: #505050;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.faq-accordion .panel-heading{
    background-color: #F6F6F6;
}
.easy {
    overflow: hidden;
    padding: 40px;
}
.form-add .input-one input.email, .form-add .input-one textarea.email, .shipping-zip-form select.email, .form-list input.email, .billing-info select.email, .input-one select.email {
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding: 6px;
  width: 100%;
}
button.button2 {
  background: #383838 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  padding: 9px 25px 6px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
button.button2:hover {
  background: #999999none repeat scroll 0 0;
  transition: all 0.4s ease 0s;
}
.o-back-to{
    color: #000000;
}
.o-back-to:hover{
    color: #333;
}
.faq-accordion label {
  font-weight: normal;
}


/****************** FEB 15 2015 **********************/

    .outer {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
    }
    
    .middle {
	display: table-cell;
	vertical-align: middle;
    }
    
    .inner {
	margin-left: auto;
	margin-right: auto; 
	width: 100%;
    }

.page-inner {
    clear: both;
}

*:focus-visible, a:focus-visible, a:focus, *:focus {outline: 1px solid #fff;border: 1px solid #000;}
.footer-logo a:focus-visible img {border: 1px solid #fff;}

@media (min-width: 1600px){
	.footer-content {
    text-align: center;
    /* background: rgba(0, 0, 0, 0) url(img/footer-bg.jpg) no-repeat scroll 0 0 / cover; */
    /*background: rgba(0, 0, 0, 0) url(img/night-life.jpg) no-repeat scroll 0 0 / cover;*/
    min-height: 400px;
    overflow: hidden;
    position: relative;
     background-repeat: no-repeat; 
    /* background-size: auto; */
    background-position: center;
}
.imgcontent {
    width: 100%;
    position: relative;
    z-index: 3;
    float: left;
    background: #fff;
    margin-left: 0px;
}