/*  ################################################################

  File Name: main.css
  Template Name: Metric
  Created By: justthemevalley 
 
 [Table of contents]
 
  
  1. Common styles
  2. Collestion area
  3. Layout 
     3.1. col1 layout
     3.2. col2 layout
     3.3. col3 layout
  4. Header
		4.1 
		4.2 header top
		4.3 language & currency
		4.4 Top Search
		4.5 Logo
		4.6 Header banner
		4.7 Top Cart
	5. Home top banner
	6. Sale & New label
	7. product hover
	8. Home tabs
	9. About section
	10. owl.carousel Slider
	11. Featured Slider
	12. testimonials
	13. Latest news
	14. Pie charts
	15. Counter charts
	16. video BG
	17. Our clients
	18. Contact form
	19. Totop
	20. footer
	21. Main menu
	22. toolbar
	23. filter price
	24. breadcrumbs
	25. sidebar
		25.1 category sidebar
		25.2 sidebar cart
		25.3 product price range
		25.4 filter color
		25.5 shop by
		25.6 compare
		25.7 popular tags
		25.8 Add banner
	26. category description
	27. products grid
	28. products list
	29. price box
	30. products view
	31. products tabs
	32. shopping cart
	33. My Wishlist
	
	
	HOME2
	
	1. collestion-area


################################################################# */ 

/******************************************
1. Common styles
******************************************/


body {
	background: #fff;
	color: #000;
	font-family: "Karla", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: left
}

* {
	margin: 0;
	padding: 0
}
img {
	border: 0;
	max-width: 100%
}
a {
	color: #333;
	text-decoration: none;
	transition: 0.5s all ease
}
a:hover {
	text-decoration: none;
	color: #A800FF;
}
a:focus {
	outline: 0;
	text-decoration: none;
	color: #666
}
:focus {
	outline: none;
}
hr{
	border: 0;
    height: 1px;
    background: #ff3276;
    background: -moz-linear-gradient(left, #ff3276 0%, #d232ff 21%, #207cca 51%, #89ffa5 77%, #ffe900 100%);
    background: -webkit-linear-gradient(left, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    background: linear-gradient(to right, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3276', endColorstr='#ffe900',GradientType=1 );
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #262a2d
}
h1 {
	text-align: center;
    font-family: "Times New Roman", Times, serif;
    line-height: 18px;
}
h1 small{ font-size:35%; line-height: 21px;}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: bold
}
h4 {
	font-weight: bold
}
h5 {
	font-weight: bold
}
h6 {
	font-weight: bold
}
form {
	display: inline
}
fieldset {
	border: 0
}
legend {
	display: none
}
table {
	border: 0;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%
}
caption, th, td {
	vertical-align: top;
	text-align: left;
	font-weight: normal
}
thead tr th {
	font-weight: bold;
	text-transform: none;
	font-size: 12px
}
p {
	margin: 0
}
strong {
	font-weight: bold
}
address {
	font-style: normal;
	line-height: 1.35
}
cite {
	font-style: normal
}
q, blockquote {
	quotes: none
}
q:before, q:after {
	content: ''
}
small, big {
	font-size: 1em
}
ul, ol {
	padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0
}
ul.unstyled, ol.unstyled {
	margin-left: 0;
	list-style: none
}
ul.inline, ol.inline {
	margin-left: 0;
	list-style: none
}
ul.inline>li, ol.inline>li {
	display: inline-block;
*display:inline;
	padding-right: 5px;
	padding-left: 5px;
*zoom:1
}
ul ul, ol ul {
	list-style-type: circle
}
.hidden {
	display: block !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important
}
.nobr {
	white-space: nowrap !important
}
.wrap {
	white-space: normal !important
}
.a-left {
	text-align: left !important
}
.a-center {
	text-align: center !important
}
.a-right {
	text-align: right !important
}
.v-top {
	vertical-align: top
}
.v-middle {
	vertical-align: middle
}
.f-left, .left {
	float: left !important
}
.f-right, .right {
	float: right !important
}
.f-none {
	float: none !important
}
.f-fix {
	float: left;
	width: 100%
}
.no-display {
	display: none
}
.no-margin {
	margin: 0 !important
}
.no-padding {
	padding: 0 !important
}
.no-bg {
	background: none !important
}
small {
	font-size: 85%;
	font-weight: normal;
	color: #999999
}
input:focus {
	outline: none
}


.lead {
	font-size: 13px;
	padding-top:10px
}
* 2.1 small buttons */


.but_small_box a {
	overflow: hidden;
	margin-bottom: 20px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
}
.but_small1 {
	color: #fff;
	padding: 5px 12px;
	background-color: #6C4201;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.but_small1:hover {
	color: #fff;
	background-color: #000;
}
.but_small1.gray {
	color: #fff;
	background-color: #000;
}
.but_small1.gray:hover {
	color: #fff;
	background-color: #A800FF;;
}
.but_small3 {
	display: inline-block;
	height: 41px;
	line-height: 41px;
	padding-right: 20px;
	padding-left: 58px;
	position: relative;
	background-color: #A800FF;;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";
	zoom: 1;
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#ff123852, Positive=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2, Color=#33000000, Positive=true);
}
.but_small3 span {
	position: absolute;
	left: 0;
	width: 41px;
	background-color: #e2184a;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 1px solid rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
.but_small3:hover {
	color: #fff;
}
.but_small3 span i {
	color: #fff;
	font-size: 18px;
	margin-left: 12px;
}
.but_small3:hover span, .but_small3.active span {
	color: #fff;
	background-color: #000;
	border-right: 1px solid #181818;
}
.but_small3.gray {
	background-color: #636363;
}
.but_small3.gray span {
	background-color: #454545;
}
.but_small3.gray:hover {
	color: #fff;
}
.but_small3.gray span i {
	color: #fff;
	font-size: 18px;
	margin-left: 12px;
}
.but_small3.gray:hover span, .but_small3.gray.active span {
	color: #fff;
	background-color: #000;
	border-right: 1px solid #181818;
}

/******************************************
4. Header
******************************************/

/*4.2 header top */
.header-top {
	background: #ff3276;
    background: -moz-linear-gradient(left, #ff3276 0%, #d232ff 21%, #207cca 51%, #89ffa5 77%, #ffe900 100%);
    background: -webkit-linear-gradient(left, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    background: linear-gradient(to right, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3276', endColorstr='#ffe900',GradientType=1 );
    background-size: 100%;
    border-bottom: 1px solid #eaeaea;
    line-height: 32px;
    width: 100%;
}
.header-top a {
	color: #fff
}
.header-top a:hover {
	color: #A800FF;;
	background: #fbfbfb
}
.welcome-msg {
	text-align: left;
	display: inline-block;
	padding: 0px;
	margin: 1px 5px 0;
	font-size: 13px;
	color: #999;
	float: right
}

/*4.3 language & currency */
.language-currency-wrapper .block {
	float: left;
	margin: 0;
	position: relative;
	background: #1e61aa;;
	border-bottom: none
}
.language-currency-wrapper .block span {
	display: inline-block;
	text-transform: capitalize
}
.language-currency-wrapper .block:hover {
	cursor: pointer
}
.language-currency-wrapper .block>div {
	line-height: 40px;
	position: relative
}
.language-currency-wrapper .block>div>span:hover {
	color: #fff
}
.language-currency-wrapper .block>div img {
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 15px
}
@media (max-width:990px) {
.language-currency-wrapper .block>div img {
	margin-left: 10px
}
}
.language-currency-wrapper .block>div>span {
	color: #fff
}
@media (max-width:990px) {
.lg-cur span .lg-fr {
	display: none
}
}
.language-currency-wrapper .block>ul {
	position: absolute;
	left: 0;
	top: 52px;
	padding: 10px;
	background: #1E61AA;;
	visibility: hidden;
	z-index: 999
}
.language-currency-wrapper .block>ul li {
	list-style: none;
}
.language-currency-wrapper .block>ul li a {
	position: relative;
	white-space: nowrap;
	line-height: 30px;
	color: #fff;
	font-size: 85.71%;
	padding-left: 0;
	display: block
}
.language-currency-wrapper .block>ul li a img {
	margin-right: 8px;
	margin-top: 0px
}
.language-currency-wrapper .block>ul li a .cur_icon {
	margin-right: 6px
}
.language-currency-wrapper .block>ul li a:hover {
	color: #fff;
	background: #A800FF;;
	text-decoration: none
}
.language-currency-wrapper .block:hover>ul {
	margin-top: 0;
	top: 32px;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.language-currency-wrapper .block.block-language {
	width: 115px;
	text-align:center
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-language {
	width: 80px
}
}
@media (max-width:990px) {
.language-currency-wrapper {
	padding-right: 0px
}
}
.language-currency-wrapper .block.block-language>ul {
	min-width: 132px;
	left: 0px;
	margin: auto;
	text-align:left
}
.language-currency-wrapper .block.block-currency {
	border-left: none;
	width: 80px
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-currency {
	width: 55px
}
}
.language-currency-wrapper .block.block-currency>div {
	margin-left: 12px
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-currency>div {
	margin-left: 8px
}
}
.language-currency-wrapper .block.block-currency>ul {
	min-width: 114px;
	margin: auto
}
@media (max-width:479px) {
.headerlinkmenu {
	padding-left: 0px
}
}
.headerlinkmenu {
	line-height: normal;
	display: inline-block;
	text-align: right;
	float: right
}
.headerlinkmenu .links {
	text-align: right;
	display: inline-block
}
.headerlinkmenu .links div {
	display: inline-block;
	text-align: right
}
.headerlinkmenu div.links div a {
	display: inline-block;
	padding: 0px;
	color: #333;
	font-size: 12px;
	padding: 8px 10px 5px 8px;
	text-transform: none;
	text-decoration: none
}
.headerlinkmenu div.links div a span {
	margin-left: 8px
}
.headerlinkmenu div.links div a:hover {
	color: #A800FF;;
	text-decoration: none
}

.modal-header {
	text-align: left
}
.modal-open {
	padding: 0px !important
}
/*4.5 Logo */
.logo {
	vertical-align: middle;
	margin-top: 30px;
	text-align:center;
	display: inline-block;
	margin-bottom: 30px;
	width:100%
}
.logo img {
	position: relative;
	z-index: 10
}
.logo center{
	font-size: 14px;
	padding-top: 10px
}
@media (max-width:767px) {
.logo {
	margin-top: 15px;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 0px;
}
	.logo center{
	font-size: 12px;
	
}
}
@media (max-width:479px) {
header .logo a img {
	width: 45%
}

}
@media (max-width:768px) {
header .logo a img {
	width: auto
}
}
.stick-logo {
	display: none
}
nav.stick .stick-logo {
	left: 15px;
	position: absolute;
	top: 8px;
	display: block
}
@media only screen and (min-width:768px) and (max-width:1169px) {
nav.stick .stick-logo {
	display: none
}
}
.stick-logo a:hover {
	background: inherit
}


.page-header {
	border: none;
	padding-bottom: 0px;
	margin: 30px 0
}
.page-header h1 {
	font-size: 32px;
	text-transform: none;
	color: #000
}
.page-header .over h2 {
    font-size: 17px;
    color: #FFFFFF;
    letter-spacing: .15em;
    line-height: 1.2;
    font-weight: 100;
    background-color: #9C27B0;
    padding: 10px;
    margin: 25px 0 0;}
@media (max-width:479px) {
.page-header { margin:10px 0
}
.page-header h2 {
	font-size: 15px;
	margin-top:10px
}
}
.page-header .text-main {
	color: #A800FF;
}

/******************************************
9. About section
******************************************/

#about-section {
	text-align: center;
	overflow: hidden;
	position: relative;
	padding: 10px 0 30px;
	text-transform: initial
}
#about-section .lead {
	font-size: 18px
}
#about-section .about-bg {
	background: url(../images/scroll_bg.png) repeat top right #eaeaea;
	-webkit-animation: animatedBackground 400s linear infinite;
	-moz-animation: animatedBackground 400s linear infinite;
	animation: animatedBackground 400s linear infinite;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 100%;
	min-height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}
#about-section .page-header h2 {
	color: #333
}
.page-header h1 {
	color: #333
}
.page-header h2 {
	color: #000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:20px 0
}

.height{overflow: auto; padding: 5px 0;}
.info-box-1 h4 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	margin-bottom: 8px;
	color: #A800FF;;
	border-bottom:1px solid #A800FF;
}
.info-box-1 {
	display: block;
	margin: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.rainbow_border{
	position: relative;
    border: 0;
    background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3276+0,d232ff+21,207cca+51,89ffa5+77,ffe900+100 */ background: #ff3276;
    background: -moz-linear-gradient(left, #ff3276 0%, #d232ff 21%, #207cca 51%, #89ffa5 77%, #ffe900 100%);
    background: -webkit-linear-gradient(left, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    background: linear-gradient(to right, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3276', endColorstr='#ffe900',GradientType=1 );
    overflow: hidden;
    padding: 1px;
	margin-bottom:5px}

.panel_pro_white{
	padding: 5px;
    text-align: left;
    text-decoration: none;
    color: #111;
    background-color: #fff;
    height: 100%;}
.panel_pro_white h2{ 
    font-size: 16px;
    color: #A800FF;
    border-bottom: 1px solid #C14BFF;
    padding: 5px 0;
    margin-bottom: 5px;}
.panel_pro_white a{ color:#FF33C0;}
.panel_product{
	overflow: scroll;
    width: 100%;
    height: 168px;}


/******************************************
12. testimonials
******************************************/
.product_area {
	margin:20px 0;
	overflow: auto;
}
.testimonials {
	background: #ffcccc; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffcccc 0%, #fffdcc 32%, #fffdcc 32%, #e3ffde 65%, #fbe5fb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffcccc 0%,#fffdcc 32%,#fffdcc 32%,#e3ffde 65%,#fbe5fb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffcccc 0%,#fffdcc 32%,#fffdcc 32%,#e3ffde 65%,#fbe5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcccc', endColorstr='#fbe5fb',GradientType=1 ); /* IE6-9 */
	padding-top: 30px;
	padding-bottom: 30px;
	overflow:auto
}
.testimonials .owl-theme .owl-controls {
	display: none !important;
}
.testimonials .ui-progress span.ui-label {
	color: #fff;
}
.testimonials .pro_bar h5 {
	text-transform: none;
	color: #fff;
}
.gray {
	background-color:#F5F5F5;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow:auto
}
.white {
	padding-top: 30px;
	padding-bottom: 30px;
	overflow:auto
}

.testimonials .divider-icon {
	color: #f9f9f9
}


/******************************************
13. Latest news
******************************************/

.single_panel_product{
	padding: 14px;
    clear: both;
    overflow: hidden;}
.panel_pro_left {
    width: 32%;
    float: left;
}
.panel_pro_left .panelp_img {
    border: 1px #fff solid;
	margin-bottom:5px
}
.panel_pro_right {
    width: 68%;
    float: left;
    padding: 0px 0px 0px 10px;
}
#latest-news .page-header h2 {
	color: #333
}
@media (max-width:1023px) {
#latest-news .product-flexslider {
	margin: 20px 12px 0px
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
#latest-news .owl-item .item {
	margin: 0 5px
}
}

.readMore i {
	font-size: 16px;
	margin-left: 6px;
}
.readMore {
	background: none repeat scroll 0 0 #A800FF;
    border-radius: 10px;
	margin:10px 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 22px;
}
.readMore:hover {
	color: #333;
	background: none repeat scroll 0 0 #fff
}

#latest-news .post-thumbnail {
	margin-bottom: 15px
}

.slider-items-products .owl-buttons .owl-next a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	text-transform: none;
	font-size: 24px;
	line-height: 30px
}
.slider-items-products .owl-buttons .owl-prev a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f104";
	text-transform: none;
	font-size: 24px;
	line-height: 30px
}
.content-meta {
	text-align: center;
	padding-top: 18px;
	background: #f9f9f9;
	margin: 2px;
	padding-bottom: 18px
}
.content-meta h3{ font-size:13px}
.post-wrapper {
	position: relative;
	border: 1px solid #f5f5f5;
	background: #fff
}
ul.post-info {
	background: #f5f5f5;
	padding: 10px;
	border-top: 1px #f0f0f0 solid;
	border-bottom: 1px #f0f0f0 solid;
	margin: 18px auto 14px auto;
}
ul.post-info li a {
	color: #333
}
.post-wrapper .content-meta .excerpt {
	padding: 2px 15px
}



.movie{ padding:15px 0;
overflow: auto;}
.movie p a{color: #FF00CC;}

@media (max-width:480px) {


.panel_pro_left {
    width: 45%;
    padding-right: 7px;
}
.single_panel_product{
	padding:0}
.panel_pro_right{
	width: 55%;
    padding-left: 5px;}
.panel_pro_right h2{
	    font-size: 23px;
    line-height: 23px;}}
	
@media (max-width:479px) {

.lead{margin-bottom:0px;}
}

/******************************************
18. Contact form
******************************************/

.contact-form {
	background: url(../images/contact-us.jpg) no-repeat top;
	background-size: cover
}
.contact-form form {
	position: relative
}
.contact-form .form-control {
	background-color: transparent;
	margin-bottom: 20px;
	padding: 20px;
	color: #fff;
	border-width: 2px
}
.contact-form .form-control:focus {
	border: 2px solid #A800FF;;
	box-shadow: none
}
.contact-form .form-control:focus {
	background: rgba(255,255,255,0.1)
}
.contact-form .heading {
	color: #fff
}
.commands {
	text-align: center
}
#contact .page-header h2 {
	color: #333
}
#contact .lead {
	font-size: 18px;
	text-transform: none;
	margin: auto 8% 45px
}
@media (max-width:479px) {
#contact .lead {
	margin: auto 0% 45px
}
}
#contact .contact-form .page-header h2 {
	color: #fff
}
.contact-form .lead {
	font-size: 18px;
	text-transform: none;
	margin: auto 8% 45px;
	color: #fff
}
#contact .contact-form .divider-icon {
	color: #fff
}
.masked {
	background: rgba(19,19,22,0.5);
	background-image: url('../images/patern.png');
	width: 100%;
	height: 100%;
	display: block;
	padding-bottom: 50px;
	background-size: cover
}
.adress-element {
	text-align: center;
	margin-bottom: 50px
}
.adress-element .fa {
	color: #A800FF;;
	font-size: 36px;
	margin-bottom: 15px
}
#contact h3 {
	font-size: 18px
}
.send-btn {
	background: #A800FF;
	color: #fff;
	font-size: 14px;
	padding: 10px 30px;
	border: none;
	cursor: pointer;
	display: inline-block;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 2px solid rgba(0,0,0,0.08);
	font-weight: bold;
	border-radius: 50px;
	text-transform: none
}
.rating {
	color: #999;
	font-size: 12px
}
.rating .fa-star {
	color: #FC0
}
/******************************************
19. Totop
******************************************/

.totop {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #A800FF;;
	border-radius: 50px;
	bottom: 40px;
	color: #000;
	display: inline-block;
	height: 40px;
	line-height: 35px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	right: 10px;
	text-align: center;
	transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	visibility: hidden;
	white-space: nowrap;
	width: 40px;
	z-index: 100
}
.totop:before {
	content: "\f062";
	font-family: FontAwesome;
	font-size: 18px
}
.totop.totop-is-visible, .totop.totop-fade-out, .no-touch .totop:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s
}
.totop.totop-is-visible {
	visibility: visible;
	opacity: 1
}
.no-touch .totop:hover {
	background-color: #000;
	opacity: 1
}
.send-btn {
    background: #A800FF;
    color: #fff;
    font-size: 14px;
    padding: 3px 30px;
    border: none;
    cursor: pointer;
    display: inline-block;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 2px solid rgba(0,0,0,0.08);
    font-weight: bold;
    border-radius: 50px;
    text-transform: none;}
.ukyou{color: #795D05;
    font-size: 42px;
    font-family: "Times New Roman", Times, serif;
    text-transform: none;
    margin-top: 0px;
    line-height: normal;}
.smallprof {
    border: 1px solid rgba(121, 93, 5, 0.51);
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}

.smallprof h1 {
    color: #966A05;
    font-weight: 100;
    border-bottom: 1px solid #956E39;
}
/******************************************
20. footer
******************************************/

footer {
	padding: 30px 0;
	overflow: hidden;
	background: #ff3276;
    background: -moz-linear-gradient(left, #ff3276 0%, #d232ff 21%, #207cca 51%, #89ffa5 77%, #ffe900 100%);
    background: -webkit-linear-gradient(left, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    background: linear-gradient(to right, #ff3276 0%,#d232ff 21%,#207cca 51%,#89ffa5 77%,#ffe900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3276', endColorstr='#ffe900',GradientType=1 );
}


.coppyright {
	padding-top: 5px;
	text-align: center;
	color: rgba(255, 255, 255, 0.67)}
.coppyright a{
	color:#fff}
@media (max-width:640px) {
.coppyright {
	float: none;
	margin-bottom: 10px;
	text-align: center
}
}

/******************************************
21. Main menu
******************************************/

nav.stick {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10
}
nav {
	height: 52px;
	position: relative;
	margin: auto;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.176);
    border-top: 1px #DEDEDE solid;
}
nav a {
	color: #000
}
nav a:hover {
	color: #000
}
@media (max-width:767px) {
nav {
	display: none;
	
}
}
.mtmegamenu .menu-items {
	opacity: 0;
	display: block;
	overflow: hidden;
	transform: perspective(1160px) rotateX(-90deg);
	-ms-transform: perspective(1160px) rotateX(-90deg);
	-webkit-transform: perspective(1160px) rotateX(-90deg);
	-moz-transform: perspective(1160px) rotateX(-90deg);
	-o-transform: perspective(1160px) rotateX(-90deg);
	transform-origin: 0 0 0;
	transition: transform 0.3s ease 0s, opacity 0.4s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
}
.mtmegamenu li:hover .menu-items {
	opacity: 1;
	overflow: visible;
	-ms-transform: perspective(1160px) rotateX(0deg);
	-webkit-transform: perspective(1160px) rotateX(0deg);
	-moz-transform: perspective(1160px) rotateX(0deg);
	-o-transform: perspective(1160px) rotateX(0deg);
	transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	z-index: 999;
}
.mtmegamenu {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: auto 15px;
	font-family: "Karla", sans-serif
}
.mtmegamenu a:focus {
	outline: 0
}
.mtmegamenu>ul {
	display: block;
	clear: both;
	margin: 0
}
.mtmegamenu>ul {
	height: 28px;
	padding: 0;
	text-align: center
}
.mtmegamenu>ul>li {
	display: inline-block;
	font-size: 16px;
	text-transform: none;
	margin-right: 1px;
	background: none !important;
	margin-right: 40px;
	font-family: "Karla", sans-serif
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu>ul>li {
	margin-right: 20px;
	font-size: 14px
}
}

@media only screen and (min-width:768px) and (max-width:1368px) {
.stick .mtmegamenu>ul>li:last-child {
	float: none
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.stick .mtmegamenu>ul>li {
	margin-right: 12px
}
}
@media only screen and (min-width:1024px) and (max-width:1169px) {
.stick .mtmegamenu>ul>li {
	margin-right: 20px
}
}
.mtmegamenu .mt-root-item.no-description .title {
	padding: 0 12px;
	display: block;
	padding-top: 1px
}
.mtmegamenu .mt-root:hover .mt-root-item>a>.title, .mtmegamenu .mt-root:hover .mt-root-item>.title, .mtmegamenu .mt-root.active .mt-root-item>a>.title, .mtmegamenu .mt-root.active .mt-root-item>.title, .mtmegamenu .mt-root .mt-root-item>a.active>.title {
	color: #fff
}
.mtmegamenu>ul>li img {
	max-width: 100%;
	padding: 3px;
	border: 1px solid #f5f5f5
}
#header_menu .mtmegamenu>ul>li:hover {
	padding-bottom: 40px
}
.mtmegamenu .mt-root>li {
	overflow: hidden
}
.mtmegamenu .mt-root-item {
	float: left;
	cursor: pointer;
	padding: 14px 0 17px;
	white-space: nowrap
}
.mtmegamenu a .title.title_font span {
	color: #fff;
	font-weight: normal;
	padding: 0px;
}
.mtmegamenu .title_font span {
	color: #fff;
	font-weight: normal;
	padding: 0;
}
.mtmegamenu .mt-root-item a {
	font-weight: bold
}

.mtmegamenu .mt-root-item .title .icon-has-sub {
	font-size: 14px;
	margin-left: 10px;
	margin-top: 16px;
	vertical-align: top
}
.mtmegamenu .menu-items .icon {
	margin-right: 10px
}
.mtmegamenu .description {
	display: block;
	clear: both;
	font-size: 11px;
	color: #84888f
}
.mtmegamenu .menu-items {
	position: absolute;
	z-index: 99999;
	left:0px;
	top: 50px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	height: auto;
	max-width: 1150px;
	border-bottom: 5px solid #A800FF;;
	background: #fff;
	-webkit-box-shadow: 0 8px 14px 0 rgba(0,0,0,0.25), inset 0 1px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 8px 14px 0 rgba(0,0,0,0.25), inset 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 8px 14px 0 rgba(0,0,0,0.25), inset 0 1px 1px rgba(0,0,0,0.35);
	line-height: normal;
	margin: auto;
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .menu-items {
	left: 0 !important;
	max-width: 730px
}
}
.mtmegamenu .demo_custom_link_cms .menu-items {
	padding: 12px 6px;
	margin: auto;left: auto;
}
.mtmegamenu .menu-items ul {
	font-size: 0
}
.mtmegamenu .menu-items li {
	font-size: 13px;
	list-style: none
}
.mtmegamenu .menu-items>li {
	float: left;
	padding: 0 8px;
	list-style: none
}
.mtmegamenu .menu-item.depth-1>.title.title_font {
	margin: 12px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: bold
}
.mtmegamenu .submenu .title a {
	text-transform: capitalize
}

.mtmegamenu .menu-item>.title {
	padding: 5px 0
}
.mtmegamenu .submenu {
	overflow: hidden;
	margin-left: -1%;
	margin-right: -1%
}
.mtmegamenu .submenu>li {
	margin: 0 1%
}
.mtmegamenu .submenu>li .submenu>li {
	padding-left: 10px
}
.mtmegamenu .submenu>li.no-title>.submenu>li {
	padding-left: 0
}
.mtmegamenu .submenu .title a:before {
	content: "\f105";
	font-family: "fontawesome";
	margin-right: 5px
}
.mtmegamenu .submenu .title {
	float: none
}
.mtmegamenu .menu-item.divider {
	position: relative;
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 1%;
	width: 100%;
	border: none
}
.mtmegamenu .custom-content p {
	padding: 5px 0
}
.mtmegamenu .custom-content ul {
	list-style-type: disc
}
.mtmegamenu .custom-content ol {
	list-style-type: decimal
}
.mtmegamenu .custom-content li {
	margin-left: 16px
}
.mtmegamenu .product.withimage {
	display: inline-block;
	float: left;
	vertical-align: top;
	padding-bottom: 8px;
	padding-top: 15px
}
.mtmegamenu .product.withimage .product-item {
	margin: 0 2px
}
.mtmegamenu .product.withimage .right-block {
	padding-bottom: 0;
	min-height: 90px
}
.mtmegamenu>ul>li span.img_root img {
	border: none;
	padding: 0
}
.mtmegamenu .product .product-image {
	display: block
}
.mtmegamenu .product.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.product .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.mtmegamenu .manufacturer.withimage {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 1px 0 !important
}
.mtmegamenu .manufacturer.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.manufacturer .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.mtmegamenu .supplier.withimage {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 1px 0 !important
}
.mtmegamenu .supplier.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.supplier .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.category_demo_custom>ul>li.customcontent {
	width: 40%;
	margin-top: 5px
}
[class*="menucol-"] {
float:left
}
.menucol-1-1 {
	width: 100% !important
}
.menucol-1-2 {
	width: 50% !important
}
.menucol-1-3 {
	width: 33.33% !important
}
.menucol-2-3 {
	width: 66.67% !important
}
.menucol-1-4 {
	width: 25% !important
}
.menucol-3-4 {
	width: 75% !important
}
.menucol-1-5 {
	width: 21% !important
}
.menucol-2-5 {
	width: 37% !important
}
.menucol-1-6 {
	width: 16.66% !important
}
.menucol-1-10 {
	width: 10% !important
}
.mtmegamenu .inline ul {
	font-size: 0
}
.mtmegamenu .inline li {
	display: inline-block;
	float: left;
	padding: 0 10px;
	width: 20%;
	vertical-align: top;
	font-size: 12px;
	list-style: none
}
.mtmegamenu .text-center ul, .mtmegamenu .text-center li {
	text-align: center
}
.mtmegamenu .menu-item.no-title>.title {
	display: none
}
.mtmegamenu .menu-item.no-description>.description {
	display: none
}
#header_menu {
	background: #f5f5f5;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -14px
}
.fieldmm-nav {
	position: relative;
	text-align: left
}
#fieldmm-button {
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 21px;
	margin-right: 0;
	position: absolute;
	right: 15px
}
.right_block_img_menu {
	padding-top: 15px
}
.custom_link_feature a {
	text-transform: none;
	line-height: 32px
}
.custom_link_feature a:before {
	font-family: fontawesome;
	content: "\f105";
	margin-right: 10px
}
.mtmegamenu .menu-item.depth-1.cmspage .title {
	font-size: 14px;
	border: 0
}
.mtmegamenu .demo_custom_link_cms .menu-items>li {
	width: 100%;
	padding: 0 5px 8px
}
.mtmegamenu .demo_custom_link_cms .menu-items>li:last-child {
	padding: 0 5px 0px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a {
	font-size: 13px;
	text-transform: capitalize;
	font-weight: normal;
	border: 0;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:hover {
	padding-left: 5px;
	transition: all .3s ease-in-out 0s;
	color: #A800FF;
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before {
	font-family: fontawesome;
	content: "\f105";
	margin-right: 8px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before:hover {
margin-left:5px;
transition:all .3s ease-in-out 0s
}
.mtmegamenu .menu-items .icon, .mtmegamenu .menu-items .title a:hover .icon {
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title:hover a {
	margin-left: 5px;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a {
	margin-left: 0;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a:hover {
	color: #A800FF;
}
.mtmegamenu>ul>li img:hover {
	opacity: .8
}
.mtmegamenu>ul>li.active, .menu-bottom .menu-bottom-dec a {
	margin-left: 0;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu>ul>li.active:hover, .menu-bottom .menu-bottom-dec a:hover {
	color: #A800FF;
}
.mtmegamenu a.active .title.title_font span {
	background: #A800FF;;
	color: #fff;
	padding: 4px 6px;
	border-radius: 3px;
}
.custom-menu-bottom img {
	float: left;
	margin-right: 20px
}
@media only screen and (min-width:768px) and (max-width:992px) {
.custom-menu-bottom img {
	margin-right: 10px
}
}
.custom-menu-bottom, .custom-menu-top {
	min-height: 140px;
	margin-top: 6px
}
.menu-bottom .menu-bottom-dec a {
	padding: 8px 18px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	font-weight: bold;
	
}
.menu-bottom .menu-bottom-dec a:hover {
	color: #A800FF;
}
.menu-bottom p {
	margin: 0;
	text-transform: none;
	line-height: 22px;
	color: #000
}
@media only screen and (min-width:768px) and (max-width:992px) {
.menu-bottom p {
	display: none
}
}
.menu-bottom h3 {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 4px
}
@media only screen and (min-width:768px) and (max-width:992px) {
.menu-bottom h3 {
	font-size: 14px
}
}
.left_column_img, .right_column_img {
	float: left;
	padding: 0;
	margin-bottom: 8px
}
.right_column_img {
	text-align: right
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .product.withimage .product-item {
	margin: 0px
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .product.withimage .product-item .item-inner {
	margin-bottom: 0px
}
}

html {
	overflow-x: hidden
}
#page {
	position: relative;
	left: 0;
	overflow: hidden
}
.mmPushBody {
	width: 100%;
	height: 100%;
	overflow-x: hidden
}
#mobile-menu {
	position: absolute;
	top: 0;
	background: #000;
	z-index: 99999;
	display: none;
	font-size: 13px;
	line-height: 1.42857;
	text-transform: none;
	border-right: 2px #fff solid
}
.mobile-menu {
	list-style-type: none;
	margin: 0;
	width: 100%;
	float: left;
	margin-left: 0;
	padding-left: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.mobile-menu ul {
	margin-left: 0;
	padding-left: 0
}
.mobile-menu .home {
	background-color: #A800FF;;
	color: white;
	height: 43px;
	overflow: hidden
}
.mobile-menu .home i {
	padding-right: 5px
}
.mobile-menu .home a.active {
	color: #fff !important
}
.mobile-menu .expand {
	right: 0;
	position: absolute;
	padding: 0 10px;
	color: #A800FF;;
	margin-left: 100px
}
.mobile-menu .expand:hover {
	cursor: pointer
}
.mobile-menu li {
	display: block;
	border-top: 1px solid #333;
	width: 100%;
	float: left;
	margin-left: 0;
	padding-left: 0;
	position: relative
}
.mobile-menu li .home a {
	color: #fff
}
.mobile-menu li a {
	display: block;
	overflow: hidden;
	white-space: normal;
	color: #f5f5f5;
	text-decoration: none;
	padding: 10px;
	padding-left: 15px
}
.mobile-menu li a.active {
	color: #A800FF;
}
.mobile-menu li li {
	background: #111
}
.mobile-menu li li a {
	padding-left: 25px
}
.mobile-menu li li a span {
	font-family: "Karla", sans-serif;
	text-transform: capitalize;
}
.mobile-menu li li li {
	background: #333;
	border-bottom: 1px #666 solid
}
.mobile-menu li li li a {
	padding-left: 35px
}
.mobile-menu li li li:last-child {
	border-bottom: none
}
.mobile-menu li li a span.fa-plus:before {
	display: none
}
.mm-toggle-wrap {
	color: white;
	width: 40px;
	height: 40px;
	background: #A800FF;;
	line-height: 1;
	overflow: hidden
}
.mm-toggle {
	cursor: pointer;
	font-size: 20px;
	display: none;
	padding: 10px 10px;
	width: auto;
	float: left;
	background: #000;
	height: 40px
}
.mm-toggle-wrap {
	display: none
}
@media (max-width:767px) {
.mm-toggle {
	display: block
}
.mm-toggle .mm-label {
	margin-left: 3px
}
.mm-toggle-wrap {
	display: block
}
}
.mm-toggle .mm-label {
	display: none
}
.page-title h1, .page-title h2 {
	color: #000;
	font-size: 32px;
	font-family:"Times New Roman", Times, serif;
	text-transform: none;
	margin-top: 0px;
	line-height: normal
}
@media (max-width:767px) {
.page-title h1, .page-title h2 {
	font-size: 26px
}
}
.mtmegamenu .mt-root-item .title.title_font {
	position: relative;
}
/******************************************
24. breadcrumbs
******************************************/

.breadcrumbs {
	padding: 6px 0px;
	margin: auto;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	text-transform: none
}
.breadcrumbs a {
	color: #666
}
.breadcrumbs span {
	display: inline-block;
	margin: 0 5px 0 5px;
	color: #666;
	font-size: 15px
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px
}
.breadcrumbs ul li {
	list-style-type: none;
	display: inline
}

/******************************************
29. price box
******************************************/
.price {
	font-size: 14px;
	color: #505050;
	
}
.price-box {
	margin: 8px 0 2px; min-height:25px;
}
@media (max-width:480px) {
.price-box {
	margin:0
}
}
/******************************************
30. products view
******************************************/
.magni_con {
	position: relative;
	width: 830px !important;
	height: auto;
}
.magni_con img {
	width: 100%;
	box-shadow: none !important;
}
#mlens_wrapper_0 {
	width: 100% !important;
}
.ls-phone {
	width: 100%;
	display: none;
}
.ls-phone img {
	width: 100%;
}
.large-image img {
	max-width: 100%;
	height: auto
}
.product-view-area .product-img-box .product-image {
	margin: 0 0 13px;
	position: relative;
	overflow: hidden
}
.magnifier img {
	max-width: inherit
}
.product-big-image {
	position: relative;
	overflow: hidden;
	padding: 0px;
	border-right: 1px #e5e5e5 solid
}
@media (max-width:480px) {
.product-big-image {
	border-right: none
}
}
@media (max-width:480px) {
.magnifier {
	left: 15px !important
}
}
.product-view-area {
	margin: auto;
	position: relative;
	z-index: 0;
	margin: 10px 15px;
	background: #fff;
	border: 1px #e5e5e5 solid;
	display: inline-block
}
@media (max-width:480px) {
.product-view-area {
	width: 90%
}
}
.product-view-area .flexslider-thumb {
	max-width: 580px;
	padding: 22px 70px;
	position: relative;
	background: #f9f9f9;
	margin: 1px;
	border-top: 1px #e5e5e5 solid
}
@media (max-width:479px) {
.product-view-area .flexslider-thumb {
	padding: 22px 32px;
	border-bottom: 1px #e5e5e5 solid
}
}
@media (max-width:767px) {
.product-view-area .flexslider-thumb {
	padding: 22px 48px;
	border-bottom: 1px #e5e5e5 solid
}
}
@media (min-width:768px) and (max-width:991px) {
.product-view-area .flexslider-thumb {
	padding: 22px 35px;
	border-bottom: 1px #e5e5e5 solid
}
}
.product-view-area-compact .flexslider-thumb {
	margin: 17px auto 0
}
.product-view-area .flexslider-thumb .flex-viewport {
	z-index: 10
}
.product-view-area .flexslider-thumb .flex-direction-nav {
	top: 30%;
	left: 0;
	width: 100%;
	z-index: 9
}
.product-view-area .flexslider-thumb .flex-prev {
	position: absolute;
	left: 20px;
	top: 8px;
	border: 1px #e5e5e5 solid;
	background: #fff;
	width: 32px;
	height: 32px;
	line-height: 28px;
	border-radius: 100%;
	text-align: center;
	font-size: 11px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
@media (max-width:768px) {
.product-view-area .flexslider-thumb .flex-prev {
	left: 0
}
}
.product-view-area .flexslider-thumb .flex-direction-nav a:hover {
	color: #fff;
	background: #A800FF;;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.product-view-area .flexslider-thumb .flex-next {
	position: absolute;
	right: 20px;
	top: 8px;
	border: 1px #e5e5e5 solid;
	background: #fff;
	width: 32px;
	height: 32px;
	line-height: 28px;
	border-radius: 100%;
	text-align: center;
	font-size: 11px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
@media (max-width:480px) {
.product-view-area .flexslider-thumb .flex-next {
	right: 0
}
}
@media (max-width:768px) {
.product-view-area .flexslider-thumb .flex-next {
	right: 5px
}
}
.product-view-area .flexslider-thumb li img {
	cursor: pointer;
	-moz-user-select: none;
	border: 1px #e5e5e5 solid;
	padding: 2px
}
.product-view-area .previews-list {
	padding: 0;
	list-style-type: none;
	text-align: center
}
.product-view-area .previews-list li {
	margin-right: 15px;
	padding: 0;
	float: none;
	display: inline-block
}
.product-view-area .flexslider-thumb-vertical-outer {
	margin: 0 10px 15px 0;
	width: 76px;
	float: left;
	position: relative;
	z-index: 1
}
.product-view-area .flexslider-thumb-vertical .flex-viewport {
	height: 300px !important
}
.product-view-area .flexslider-thumb-vertical .slides {
	margin: -4px 0 0;
	padding: 0;
	list-style-type: none
}
.product-view-area .flexslider-thumb-vertical .slides li {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.product-view-area .flexslider-thumb-vertical .slides li img {
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
	-webkit-transform: translate3d(0, 0, 0)
}
.product-view-area li {
	list-style: none
}
.product-color-size-area {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px
}
.product-color-size-area .color-area {
	display: inline-block;
	width: 40%;
	float: left;
	margin-right: 18px
}
@media only screen and (min-width:768px) and (max-width:992px) {
.product-color-size-area .color-area {
	width: 42%
}
}
@media (max-width:480px) {
.product-view-area .color ul li, .product-view-area .size li {
	margin-bottom: 5px
}
}
.product-color-size-area .size-area {
	display: inline-block;
	width: 40%
}
@media (max-width:768px) {
.product-color-size-area .size-area {
	width: 52%
}
}
.product-view-area .product-details-area {
	margin-top: 0;
	z-index: -9;
	padding: 20px 12px 12px
}
@media (max-width:768px) {
.product-view-area .product-details-area {
	padding: 10px 0px
}
}
.product-view-area .product-name h1 {
	font-size: 24px;
	color: #956E39;
	margin: 0 0 18px;
	text-align: left;
	line-height: normal;
	padding-bottom: 4px;
	letter-spacing: normal;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #e5e5e5
}
@media (max-width:480px) {
.product-view-area .product-name h1 {
	font-size: 24px
}
}
.product-view-area .short-description {
	font-size: 13px;
	padding-top: 12px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 15px
}
.product-view-area .short-description h2 {
	font-size: 15px;
	text-transform: none;
	color: #333;
	margin-bottom: 5px;
	font-weight: bold
}
.product-view-area .short-description p {
	font-size: 14px
}
.product-view-area .product-details-area .ratings {
	padding: 5px 0 0;
	margin: auto
}
.product-view-area .product-details-area .ratings .rating {
	margin-bottom: 15px;
	display: inline-block;
	margin-right: 10px
}
.product-view-area .product-details-area .ratings .rating i {
	font-size: 15px
}
.product-view-area .product-details-area .ratings .rating-links {
	margin-bottom: 12px;
	display: inline-block
}
@media (max-width:768px) {
.product-view-area .product-details-area .ratings .rating-links {
	display: none
}
}
.availability.in-stock span {
	color: #fff;
	background-color: #5cb85c;
	padding: 5px 12px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold
}
.availability.out-of-stock span {
	color: #fff;
	background-color: #d9534f;
	padding: 5px 12px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold
}
.product-view-area .product-details-area .price-box {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #e5e5e5
}
.product-view-area .product-details-area .price-box .old-price {
	margin-right: 5px;
	margin-top: 0;
	display: inline-block
}
.product-view-area .product-details-area .special-price {
	display: inline-block;
	margin: 0;
	padding: 0
}
.product-view-area .product-details-area .old-price .price {
	font-size: 20px;
	font-weight: normal;
	color: #ccc;
	margin-left: 10px
}
.product-view-area .product-details-area .price {
	font-size: 28px;
	color: #DC00A2;
	font-weight: bold
}
.cart-plus-minus .qty {
	border: 1px solid #ddd;
	color: #000;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
	margin-right: 0;
	padding: 0 5px 1px;
	text-align: center;
	width: 65px
}
.dec.qtybutton {
	background-color: #e5e5e5;
	border: 1px #ddd solid;
	border-right: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	color: #333;
	font-size: 14px;
	line-height: normal;
	padding: 12px 14px 9px 16px;
	line-height: 18px;
	display: inline-block;
	border-radius: 50px 0 0 50px;
	height: 40px;
	float: left;
	cursor: pointer
}
.dec.qtybutton:hover, .inc.qtybutton:hover {
	background-color: #A800FF;;
	color: #fff
}
.inc.qtybutton {
	background-color: #e5e5e5;
	border: 1px #ddd solid;
	border-left: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	color: #333;
	font-size: 14px;
	line-height: normal;
	padding: 12px 14px 9px 16px;
	line-height: 18px;
	display: inline-block;
	border-radius: 0 50px 50px 0;
	height: 40px;
	float: left;
	cursor: pointer
}
.cart-plus-minus label {
	display: inline-block;
	float: left;
	margin-top: 10px;
	text-align: left;
	text-transform: none;
	font-size: 13px;
	font-weight: 700;
	margin-right: 10px
}
@media (min-width:768px) and (max-width:991px) {
.cart-plus-minus label {
	display: none
}
}
.cart-plus-minus {
	display: inline-block;
	float: left;
	margin-right: 18px
}
@media (max-width:480px) {
.cart-plus-minus {
	margin-right: 0px;
	margin-bottom: 8px
}
}
.product-variation {
	display: inline-block;
	width: 100%;
	border: 1px #e5e5e5 solid;
	background: #f9f9f9;
	padding: 15px;
	margin-bottom: 15px
}
.numbers-row {
	float: left
}
.pro-add-to-cart {
	float: left
}
button.button.pro-add-to-cart {
	background: #A800FF;;
	color: #fff;
	padding: 7px 22px
}
button.button.pro-add-to-cart:hover {
	background: #000;
	border: 2px #000 solid
}
button.button.pro-add-to-cart span {
	font-size: 16px
}
button.button.pro-add-to-cart span i {
	margin-right: 10px
}
.email-addto-box {
	display: inline-block;
	margin-top: 30px
}
.product-cart-option ul {
	margin: auto;
	display: inline-block
}
.product-cart-option ul li {
	border-right: 1px solid #e5e5e5;
	float: left;
	margin-right: 15px;
	padding-right: 15px
}
.contact{ margin-bottom:30px}
@media (max-width:480px) {
.product-cart-option ul li {
	border-right: none;
	margin-right: 0px
}
}
@media (min-width:768px) and (max-width:991px) {
.product-cart-option ul li {
	margin-right: 6px;
	padding-right: 6px
}
}
.product-cart-option ul li a {
	color: #636363;
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 22px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none
}
.product-cart-option ul li a:hover, .product-cart-option ul li a:hover i {
	color: #A800FF;
}
.product-cart-option ul li:last-child {
	border: none
}
.product-cart-option ul li a i {
	color: #bbb;
	font-size: 14px;
	margin-right: 8px
}
.product-cart-option ul li a i.fa.fa-heart {
	font-size: 12px
}
.product-overview-tab {
	margin-top: 18px
}

.news ul {
	margin-top: 14px;
	padding-left: 0;
	text-align: center
}
.news ul li {
	padding-right: 20px;
	display: inline-block;
	list-style: none
}
@media only screen and (min-width:1024px) and (max-width:1169px) {
.news ul li {
	padding-right: 0px;
	margin-bottom: 5px
}
}
.news ul li a {
	color: #a9a9a9;
	text-decoration: none;
	list-style: none
}
.news ul li {
	font-weight: 300;
	color: #a9a9a9;
	font-size: 13px;
	text-decoration: none;
	list-style: none
}
.news ul li a i {
	padding-right: 5px
}
.news li i {
	padding-right: 5px
}
.news ul li a:hover {
	color: #A800FF;
}