/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/*
font-family:'Lato', sans-serif;
font-family:'Cutive Mono', serif;
font-family:'Crimson Text', serif;
font-family:'Open Sans', sans-serif;
*/

/* Reset ================================================================================= */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);

* {margin:0;padding:0;outline:none;}

body          {font:14px/1.55em 'Lato', sans-serif;color:#000}

img           {border:0;vertical-align:top;}

a             {text-decoration:none;color:#5b5957}
a:hover       {text-decoration:none;color:#000}
:focus        {outline:0;}

/* Headings */
h1            {font-size:20px;}
h2            {font-size:18px;}
h3            {font-size:16px;}
h4            {font-size:14px;}
h5            {font-size:12px;}
h6            {font-size:11px;}

/* Forms */
form          {text-align:left;}
fieldset      {border:0;}
legend        {display:none;}

/* Table */
table         {border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:100%;}
caption,th,td {vertical-align:top;text-align:left;font-weight:normal;}

/* Content */
p             {margin:0 0 10px;}
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;}
sup           {font-size:1em;vertical-align:top;}

/* Lists */
ul,ol         {list-style:none;}

/* Tools */
.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;}
.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;}
.clear        {clear:both}
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper {}
.page {}
.page-print {}
.page-empty {}
.page-popup {}
.main-container{width:1024px;margin:0 auto;overflow:hidden}
.main-container:after{display:block;width:100%;clear:both}

.main{}

/* Base Columns */
.col-left{}
.col-main {float:right;width:810px;}
.col-right {float:right;width:124px;margin-right:50px;}

/* 1 Column Layout */
.col1-layout .col-main{}

/* 2 Columns Layout */
.col2-left-layout .col-main{float:right;width:810px;}
.col2-left-layout .sidebar{float:right;width:170px;margin-right:40px;}
.col2-right-layout .col-main{}

/* 3 Columns Layout */
.col3-layout .col-main{}
.col3-layout .col-wrapper{}
.col3-layout .col-wrapper .col-main{}

/* Content Columns */
.col2-set .col-1{}
.col2-set .col-2{}
.col2-set .col-narrow{}
.col2-set .col-wide{}

.col3-set .col-1{}
.col3-set .col-2{}
.col3-set .col-3{}

.col4-set .col-1{}
.col4-set .col-2{}
.col4-set .col-3{}
.col4-set .col-4{}
/* ======================================================================================= */

/* MAIN FOOTER =========================================================================== */
h1{
font-size:15px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
}

div.footer-wrapper{width:1024px;clear:both;margin:20px auto 0}
.share .inner{border-bottom:1px solid #e2e2e2;padding:20px 0;}

.footer-wrapper .inner .social{margin-top:-4px; margin-left: 30px; float: left;}

.footer-wrapper .inner .social a.icon{
width:25px;
height:25px;
background:url('../img/social.svg')no-repeat;
display:inline-block;
margin-right:6px;
}

.footer-wrapper .inner .social  a.icon:hover{opacity:0.8;}
.footer-wrapper .inner .social a.fb{background-position:2px center;}
.footer-wrapper .inner .social a.tw{background-position:-42px 3px;}
.footer-wrapper .inner .social a.ig{background-position:-85px 2px;}
.footer-wrapper .inner .social a.pin{background-position:-126px 2px;}

@media (max-width: 835px) {
	.footer-wrapper .inner .social {display: none;}
}

.header .inner .social{margin-top:5px;}

.header .inner .top-right .social a.icon{
width:25px;
height:25px;
background:url('../img/social.svg')no-repeat;
display:inline-block;
margin-right:6px;
}

.header .inner .top-right .social  a.icon:hover{opacity:0.8;}
.header .inner .top-right .social a.fb{background-position:2px center;}
.header .inner .top-right .social a.tw{background-position:-42px 3px;}
.header .inner .top-right .social a.ig{background-position:-85px 2px;}
.header .inner .top-right .social a.pin{background-position:-126px 2px;}

.header .inner .top-right .login{
float:none;
text-transform:uppercase;
letter-spacing:1px;
}

.share{padding:25px 0}
.share .inner .subscribe{float:right;}
.share .inner .subscribe .text{
font-family:'Open Sans', sans-serif;
display:inline-block;
text-transform:uppercase;
font-size:11px;
vertical-align:middle;
letter-spacing:2px;
margin-right:20px;
color:#000;
font-weight:600;
}

.share .inner .subscribe form{display:inline-block;overflow:hidden;vertical-align:middle;}

.share .inner .subscribe form input[type="text"],
.share .inner .subscribe form input[type="email"]{
border-left:1px solid #E2E2E2;
border-top:1px solid #E2E2E2;
border-bottom:1px solid #E2E2E2;
padding:4px 10px;
float:left;
font-family:'Lato', sans-serif;
width:280px;
letter-spacing:1px;
font-size:10px;
border-right:0;
}

.share .inner .subscribe form input[type="submit"]{
float:left;
border:0;
background:#000;
color:#FFF;
font-family:'Open Sans', sans-serif;
text-transform:uppercase;
padding:4px 23px;
letter-spacing:2px;
font-size:10px;
cursor:pointer;
}

.share .inner .subscribe form input[type="submit"]:hover{background:#333;}

.news{margin-top:30px;padding:25px 0}
.news .inner{}

.news .inner .column_sep{display: none;}

.news .inner .column{
display:inline-block;
width:310px;
text-align:center;
vertical-align:top;
padding-bottom:30px;
font-family:'Open Sans', sans-serif;
padding-right:20px;

}


.news .inner .column .wrap2{}

.news .inner .column.news-wrap{padding-right:10px;width:320px;}
.news .inner .column.news-wrap .dot{}

.news .inner .column.news-wrap .title{
/*font-family:'Lato', sans-serif;
text-align:center;
display:block;
margin-bottom:30px;
font-size:14px;
color:#000;
letter-spacing:1px;*/
}

.news .inner .column.news-wrap .new{text-align:left;}
.news .inner .column.news-wrap .new .img-wrap{display:inline-block;vertical-align:top;}
.news .inner .column.news-wrap .new img{display:block;}

.news .inner .column.news-wrap .new .text{
display:inline-block;
width:190px;
margin-left:10px;
}

.news .inner .column.news-wrap .new .text h3{
text-transform:uppercase;
font-size:11px;
margin-bottom:8px;
color:#000;
font-weight:600;
letter-spacing:1px;
font-family:'Lato', sans-serif;
}

.news .inner .column.news-wrap .new .text p{
font-size:12px;
line-height:1.4;
margin-bottom:10px;
}

.news .inner .column.news-wrap .new .text .more{
font-family:'Lato', sans-serif;
text-decoration:underline;
font-size:12px;
color:#000;
}

.news .inner .column.news-wrap .new .text .more:hover{color:#777777;}
.news .inner .column.ig{
	/* border-left:1px solid #e2e2e2; */
border-right:1px solid #e2e2e2;
}

.news .inner .column.ig .icon{}
.news .inner .column.ig .dot{}


.news .inner .column.news-wrap .title,
.news .inner .column.tw .hash,
.news .inner .column.ig .hash,
.news .inner .column.fb .hash{
display:block;
margin:5px 0 20px 0;
font-size:14px;
letter-spacing:1px;
font-family:'Lato';
color:#000;
}


.news .inner .column.ig img{
transition:opacity 0.3s ease;
-webkit-transition:opacity 0.3s ease;
-moz-transition:opacity 0.3s ease;
}

.news .inner .column.ig img:hover{opacity:0.8;}

.news .inner .column.tw{ border-right:1px solid #e2e2e2; margin-right: 20px;}
.column .bx-wrapper .bx-viewport{min-height:115px;/*max-height:115px;*/}
.news .inner .column.tw p{
width:85%;
margin:15px auto;
font-size:13px;
line-height:1.4em;
font-family:'Lato',sans-serif;
font-weight:400;
color:#000;
letter-spacing:1px;
}
.news .inner .column.tw p span{display:block;color:#97999A;}

.dot{
background:url('images/dots.svg')no-repeat;
width:25px;
height:25px;
margin:auto;
background-position:-3px 0px;
}


.news .inner .column.news-wrap .dot,
.copyright .dot,
.front-page .dot{
background: url('images/small_logo.png')no-repeat center;
}

.news .inner .column.fb{
width:308px;
width:308px;
color: #000;
}

.news .inner .column.fb p{
color:#000;
font-size: 13px;
font-family: 'Lato';
line-height: 1.5;
}

.news .inner .column.fb .cff-text-wrapper{
display: inline-block;
width: 187px;
text-align: left;
vertical-align: top;
}

.news .inner .column.fb .cff-photo{
display: inline-block;
width: 105px;
height: 105px;
margin-left:5px;
}

.news .inner .column.fb .cff-photo img{height: 105px;}

.cff-expand,
.news .inner .column.fb .cff-date,
.news .inner .column.fb .cff-shared-link,
.cff-post-desc{display: none !important;}

.fbicon {
margin: 0 auto;
width: 25px;
height: 25px;
background: url('images/fb-icon.png')center no-repeat;
}

.dot.tw{background-position:-3px -52px;}
.dot.ig{background-position:-2px -105px;}


/*============================== FOOTER ==============================*/

/*news slider*/
.bx-wrapper{margin:0 auto;}
.bx-wrapper .bx-viewport{box-shadow:none !important;border:0 !important;left:auto !important;}

.news .bx-wrapper .bx-controls-direction a{
width:25px;
height:26px;
cursor:pointer;
bottom:-30px;
margin:0;
top:auto;
}

.news .bx-wrapper .bx-next{
background:url('../img/next.png')no-repeat center;
right:0;
}

.news .bx-wrapper .bx-prev{
left:auto;
right:35px;
background:url('../img/prev.png')no-repeat center;
}

.news .bx-wrapper .bx-controls-direction a:hover{background-color:#E4E4E4;}


.bx-wrapper .bx-viewport #twitter-slider li p {margin: 0 auto;}
.bx-wrapper .bx-viewport #instagram-slider li a { display: inline-block;}
.bx-wrapper .bx-viewport #instagram-slider li a img { width: 105px; height: 105px}

.footer{
position:relative;
clear:both;
background:#FFF;
margin-top:50px;
padding:25px 0 75px 0;
}

.footer .inner{border-top:1px solid #e2e2e2;padding-top:15px;}
.login{}

.inner .login a{
font-size:11px;
text-transform:uppercase;
font-family:'Open Sans', sans-serif;
font-weight:600;
}
.footer .inner nav.column{float:left;}
.footer .inner nav.column ul{}
.footer .inner nav.column ul li{
margin-bottom:5px;
display:inline-block;
padding-right:1px;
}
.footer .inner nav.column ul li:after{
content:"|";
display:inline-block;
margin:0 0px 0 -1px;
font-size:13px;
color:#000;
font-weight:300;
}

.footer .inner nav.column ul li:last-child:after{display:none;}

.footer .inner nav.column ul li a{
font-weight:600;
color:#737272;
font-size:9px;
font-family:'lato', sans-serif;
text-transform:uppercase;
display:inline-block;
padding-right:4px;
}

.footer .inner nav.column ul li a:hover{color:#000}

.copyright{
font-size:11px;
font-family:'Open Sans', sans-serif;
color:#6D6D6D;
float:right;
}

/*.copyright.mobile{display:none;}*/
.copyright .dot{
display:inline-block;
margin:0;
height:16px;
vertical-align:middle;
}

.copyright span{
display:inline-block;
vertical-align:middle;
margin-left:2px;
}
.copyright span a{color:#6d6d6d;}
/*- - - - - - - - - - - - - - - - - - - */
.footer-container{float:none;clear:both!important;width:1024px;margin:50px auto 0;font-size:11px;padding-bottom:80px;}
.footer-container *{color:#ccc;font-weight:normal;}
/* ======================================================================================= */



/* categories Product ======================================================================== */
.category-products{}

.category-products ul.products-grid{
overflow:hidden;
margin: 0 -10px;
}

.category-products ul.products-grid li.item{
width: 25%;
padding: 0 10px 20px 10px;
margin: 0;
letter-spacing:2px;
float:left;
    
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;    
}

@media screen and (min-width:1066px){
	.category-products ul.products-grid li.item.first{margin-left:0}
}

.category-products ul.products-grid li.item a{font-size:11px;text-transform:capitalize;}
.category-products ul.products-grid li.item a.product-image{
display:block;
width:100%;
height:auto;
background:none;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.category-products ul.products-grid li.item a.product-image img{width:100%;display:block;height:auto}

.category-products ul.products-grid li.item h2.product-name{
text-transform:lowercase;
font-size:11px;
padding-top:10px;
margin-bottom:2px;
letter-spacing:1px;
}

.category-products ul.products-grid li.item div.soldout,
.product-shop .add-to-box div.soldout{
color:#BB1212;
font-weight:bold;
text-transform:lowercase;
letter-spacing:1px;
}

.product-shop .add-to-box div.soldout{
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
color: #F75454;
}

.category-products ul.products-grid li.item a.product-image img.back{display:none;}
.category-products ul.products-grid li.item:hover a.product-image img.back{display:block;}
.category-products ul.products-grid li.item:hover a.product-image img.front{display:none;}

.category-products ul.products-grid li.item:hover a.product-image{opacity:0.9;}
.category-products ul.products-grid li.item:hover h2.product-name a{text-decoration:underline;}

.category-products ul.products-grid li.item div.price-box{font-size:11px;float:left;}
.category-products ul.products-grid li.item div.actions{display:none}
.category-products ul.products-grid li.item ul.colors{display:none}
.category-products ul.products-grid li.item ul.colors li{float:right;width:12px;height:12px;background:#000;border-radius:6px;margin-left:7px}
.category-products ul.products-grid li.item ul.colors li a{display:block;height:100%}
.category-products .toolbar{display:block;}
p.amount{display:none}
.limiter{display:none}
.sorter{display:none}
.category-products .pages ol li{display:inline-block !important;}
/* ======================================================================================= */
/* Widget Product ======================================================================== */
.widget-products{}
.widget-products ul.products-grid{}
.widget-products ul.products-grid li.item{float:left;width:255px;margin-left:32.5px}
.widget-products ul.products-grid li.item:nth-child(3n+1){margin-left:0}
.widget-products ul.products-grid li.item a.product-image{display:block;width:100%;height:320px;background:#f2f2f2}
.widget-products ul.products-grid li.item a.product-image img{width:100%;display:block;padding-top:20px;height:auto}
.widget-products ul.products-grid li.item h3.product-name{text-transform:uppercase;letter-spacing:2px;text-align:center;margin:15px auto 20px}
.widget-products ul.products-grid li.item div.price-box{font-size:12px;font-weight:600}
.widget-products ul.products-grid li.item div.actions{display:none}

/* ======================================================================================= */

/* Sidebar =============================================================================== */
.col2-left-layout .sidebar img{display:none;}
/* ======================================================================================= */


/* Header ================================================================================ */
/*header{
	width:930px;
	margin:0 auto;
	height:110px;/*150px - 20px padding top / bottom*/
	/*font-family:'Cutive Mono', serif;
	padding:20px 0;
}
header *{color:#000}
header img.logo{margin-top:45px;float:left;}
header nav.shop{float:right;}
header nav.shop ul{height:20px;padding:0 7px;border:1px solid #a1a1a4;overflow:hidden;float:left;margin-right:20px;}
header nav.shop ul *{color:#a1a1a4;}
header nav.shop ul li{padding-top:1px}
header nav.shop p{
	float:left;
	padding-left:20px;
	background:url(http://face3media.com/beta/mattandnat/shop/skin/frontend/mattandnat/default/images/bag.png) no-repeat 2px center;
}

header nav.main-nav{clear:both;font-size:14px;text-align:right}
header nav.main-nav a{padding:0 27px}
header nav.main-nav a:hover{text-decoration:underline;}
header nav.main-nav a.icon-loupe{background:url(http://face3media.com/beta/mattandnat/shop/skin/frontend/mattandnat/default/images/loupe.png) no-repeat center;}
*/

.header-container{display:none;}
header:after, .header-container:after{
	clear:both;
	display:block;
	width:910px;
	margin:auto;
	padding:10px;
	background:url(/shop/skin/frontend/mattandnat/default/images/dot.png) repeat-x center;
}
/*============================== HEADER ==============================*/
body{font-family:'lato',serif;font-size:11px;color:#5b5957}
/* font-family:'Cutive',serif ==> for bold */

/*header*/
.header{
background:#ffffff;
padding:18px 0 30px 0;
position:relative;
z-index:999997;
}

.header .inner{width:1024px;margin:0 auto;}
.header .inner .top-right{text-align:right;margin-bottom:11px;}

.header .inner .top-right .item{
display:inline-block;
margin-left:16px;
vertical-align:middle;
}

.header .inner .top-right .item.login{font-size:10px;color:#8B8B8D;margin-left:20px;}
.header .inner .top-right .item.login:hover{color:#000}
.header .inner .top-right .item.language{
position:relative;
font-family:'Open Sans', sans-serif;
width:111px;
text-align:left;
cursor:pointer;
background:#FFF url('img/dd.svg')no-repeat 97px center;
height:37px;
}


.header .inner .top-right .item.language .text{
font-size:9px;
letter-spacing:1px;
color:#8B8B8D;
text-transform:uppercase;
padding:10px 0px 10px 10px;
}

/*.header .inner .top-right .item.language:hover #options{}*/

.header .inner .top-right .item.language #options{
display:none;
border:1px solid #A7A9AC;
border-top:0;
position:absolute;
top:36px;
left:-1px;
width:109px;
background:#FFF;
}

.header .inner .top-right .item.language #options li{}
.header .inner .top-right .item.language #options li a{
display:block;
padding:5px 10px;
font-size:9px;
letter-spacing:1px;
color:#8B8B8D;
}
.header .inner .top-right .item.language #options li a:hover{background:#eee;}

.header .inner .top-right .item.cart{
font-family:'Open Sans', sans-serif;
background:#FFF url('img/cart.svg') no-repeat 13px 8px;
width:62px;
background-size:13px;
height:35px;
position:relative;
z-index:1;
}

.header .inner .top-right .item.cart .sub-menu{
display:none;
position:absolute;
top:33px;
right:0px;
width:210px;
background:#FFF;
border:1px solid #A7A9AC;
text-align:left;
z-index:-1;
font-family:'Helvetica Neue, Helvetica, Arial', sans-serif;
}

.header .inner .top-right .item.cart > span{
display:inline-block;
padding-top:6px;
padding-right:11px;
}


.header .inner .top-right .item.cart .empty{
display:block;
font-size:11px;
color:#919191;
text-align:center;
padding-bottom:20px;
letter-spacing:1px;
}

.sub-menu #products-cart{padding:20px 20px 0 20px;}

.sub-menu #products-cart .product{
display:block;
margin-bottom:5px;
padding-bottom:12px;
}

.sub-menu #products-cart .product:last-child{margin-bottom:0;}

.sub-menu #products-cart .product:hover{border-color:#7C7C7C;}
.sub-menu #products-cart .product:hover .image{opacity:0.9;filter:alpha(opacity=90);}

.sub-menu #products-cart .product .image{
display:inline-block;
width:45px;
vertical-align:top;
}

.sub-menu #products-cart .product .image img{}

.sub-menu #products-cart .product .text{
display:inline-block;
width:105px;
margin-left:15px;
}

.sub-menu #products-cart .product .text span{
font-size:10px;
display:block;
margin:0;
line-height:1.4;
letter-spacing:1px;
}
.sub-menu #products-cart .product .text .name{text-transform:uppercase;}
.sub-menu #products-cart .product:hover .name{color:#000;}

.sub-menu #products-cart .product .text .color{}
.sub-menu #products-cart .product .text .qty{}
.sub-menu #products-cart .product .text .price{font-size:10px}

.header .inner .top-right .item.cart .sub-menu .total{
text-align:left;
color:#000;
font-weight:600;
letter-spacing:1px;
font-size:11px;
padding:0 20px 10px 20px;
text-transform:uppercase;
border-bottom:1px solid #999;
}

.header .inner .top-right .item.cart .sub-menu .buttons{
display:block;
padding:8px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
font-size:11px;
}

.header .inner .top-right .item.cart .sub-menu #go-to-cart{}
.header .inner .top-right .item.cart .sub-menu #go-to-cart:hover{}

.header .inner .top-right .item.cart .sub-menu #go-to-checkout{background:#000;color:#FFF;}
.header .inner .top-right .item.cart .sub-menu #go-to-checkout:hover{background:#222;}

.header .inner .logo{float:left;height:25px;overflow:hidden;margin-top:25px;}
.header .inner .logo:hover img{opacity:0.9;filter:alpha(opacity=90);}
.header .inner nav.top-menu{
float:right;
margin-top:20px;
width:765px;
text-align:right;
}
.header .inner nav.top-menu ul.first{}
.header .inner nav.top-menu ul.first li{display:inline-block;}
.header .inner nav.top-menu ul.first li a{
padding:10px 25px;
display:block;
color:#000;
font-size:14px;
letter-spacing:1px;
}

.header .inner nav.top-menu ul.first li > a{text-transform:uppercase;font-size:11px;letter-spacing:2px;}

.header .inner nav.top-menu ul.first > li:hover > a{color:#8B8B8D;}

.header .inner nav.top-menu ul.first li .sub-menu{
position:absolute;
width:100%;
left:0;
background:#FFF;
padding:35px 0 50px 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
display:none;
top:122px;
text-align:center;
}

.header .inner nav.top-menu ul.first li .sub-menu li{
vertical-align:top;
width:160px;
margin-right:15px;
text-align:left;
}
.header .inner nav.top-menu ul.first li .sub-menu li .sub-menu li{height:auto}

.header .inner nav.top-menu ul.first li .sub-menu > li:nth-child(5){border-right:0;}

.header .inner nav.top-menu ul.first li .sub-menu li a{
padding:0;
margin-bottom:6px;
letter-spacing:1px;
font-weight:400;
text-transform:none;
font-size:14px;
font-family:'Helvetica Neue, Helvetica ,Arial',sans-serif;
}

.header .inner nav.top-menu ul.first li .sub-menu li .sub-menu{
position:static;
padding:0;
display:block;
box-shadow:none;
border:0;
}

.header .inner nav.top-menu ul.first li .sub-menu li .sub-menu li{
display:block;
border:0;
width:100%;
margin:0;
}

.header .inner nav.top-menu ul.first li .sub-menu li .sub-menu li a{
font-family:'Helvetica Neue, Helvetica ,Arial',sans-serif;
font-size:13px;
letter-spacing:1px;
font-weight:400;
text-transform:none;
color:#6d6e71;
}

.header .inner nav.top-menu ul.first li .sub-menu li .sub-menu li a:hover{color:#999;}

.header .inner nav.top-menu ul.first li .sub-menu li.last{border:0;}


.header .inner nav.top-menu ul.first li .sub-menu li.shipping{
background:url('img/shipping.svg')no-repeat center 28px;
border:1px #dfdfdf solid;
padding:75px 15px 15px 15px;
min-height:140px;
width:110px;
}

.header .inner nav.top-menu ul.first li .sub-menu li.shipping a{
font-family:'Lato', sans-serif;
text-transform:uppercase;
font-size:12px;
color:#000;
pointer-events:none;
text-align:center;
line-height:1.5em;
}

.header .inner nav.top-menu .search{
background:url('img/search.svg')no-repeat center;
width:30px;
height:30px;
float:right;
cursor:pointer;
margin-top:4px;
margin-left:50px;
}

.header .inner nav.top-menu .search:hover{opacity:0.8;}
.header .inner nav.top-menu .search.active{background-color:#f3f3f3;}

.header #search-bar{overflow:hidden;padding:15px 0;display:none;}
.header #search-bar input[type="text"]{
float:left;
border:1px solid #848484;
display:block;
padding:8px 20px;
width: 84.746094%;
letter-spacing:2px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:32px;
}

.header #search-bar input[type="submit"]{
float:left;
border-top:1px solid #848484;
border-bottom:1px solid #848484;
border-right:1px solid #848484;
border-left:0;
display:block;
padding:8px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
font-size:11px;
background:#FFF;
color:#848484;
width: 15.253906%;
cursor:pointer;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:32px;
}

.header #search-bar input[type="submit"]:hover{background:#000;color:#fff;}

.sidebar_category{
font-family:'Lato', serif;
font-size:11px;
color:#5b5957;
text-transform:uppercase;
}

.sidebar_category a{color:#000;font-weight:600;}

.col-left.sidebar ul{
margin-bottom:20px;
line-height:2em;
letter-spacing:1px;
}

.col-left.sidebar ul li{
line-height:1.4;
margin-bottom:8px;
}

.sidebar_subcategory a:hover{text-decoration:underline;}

.free-shiping{
border-top:2px solid black;
border-bottom:2px solid black;
margin-top:30px;
display:none;
}

.free-shiping h2{
font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:600;
margin-bottom:5px;
}

.free-shiping p{
font-family:'Lato', sans-serif;
font-size:14px;
line-height:7px;
}

section div.inner{width:1024px;margin:0 auto}

section .select{
border:1px solid #999;
font-family:'Open Sans', sans-serif;
padding:3px 5px 3px 8px;
float:right;
margin:0 0px -1px 0px;
font-size:9px;
background:#FFF url('img/dd.svg')no-repeat 93% center;
text-align:left;
width:70px;
height:17px;
letter-spacing:2px;
}

.filter{
width:810px;
float:right;
border:1px solid #999999;
display:none;
margin-bottom:50px;
position:relative;
}

.filter input[type="checkbox"]{
appearance:none;
-webkit-appearance:none;
border:1px solid #000;
height:12px;
width:12px;
}

.filter input:active, .filter input:checked{background-color:#000}
.filter ul{width:200px;padding-top:25px}

.filter ul li{float:left;margin:0 20px 0px 0;}

.filter ul li span{
background-color:#333;
display:block;
height:12px;
width:12px;
float:left;
margin-left:7px;
}

.filter input{float:left;}

.filter p{
float:left;
width:40px;
margin-left:8px;
margin-top:-3px;
font-size:10px;
letter-spacing:1px;
}

.sub-filter{padding:24px 0 24px 24px;float:left;}
.filter-color ul{border-right:1px solid #b8b8b8;}

.filter h3{text-transform:uppercase;font-size:11px;letter-spacing:1px;}

.sub-filter ul{float:left;border-right:1px solid #b8b8b8;min-height:215px;}

.filter-size ul{width:145px;border-right:none;}
.filter-size ul li{clear:left;}

.filter-collections ul{width:115px}
.filter-collections p,
.filter-types p{width:70px;}
p.filter-subs {width: 90px;padding-right: 5px;}
.filter-types ul{width:250px; /*border-right: none;*/}

.filter-price{
position:absolute;
bottom:0;
right:0;
width:170px;
}
.filter-price h3{padding-left:15px;}
.filter-price ul{width:auto;padding-top:15px}
.filter-price ul li{float:none;height:34px;margin:0;margin-left:-1px}
.filter-price ul li button{
display:block;
float:none;
width:100%;
appearance:none;
-webkit-appearance:none;
border:1px solid #b8b8b8;
border-right:none;
background:#f1f1f1;
text-transform:uppercase;
color:#b8b8b8;
padding:10px 0;
}
.filter-price ul li button:active,
.filter-price ul li button:hover,
.filter-price ul li button:checked{background:#e6e6e6;}

.clear_all{
/*border:1px solid #999999;
padding:3px 20px 3px 20px;
float:right;
margin:-20px 13px 13px 0px;
font-size:9px;
font-family:'Open Sans', sans-serif;
font-weight:400;*/
display:none;
}

/*Login page*/
.customer-account-login .col-main{width:1024px;margin:auto;float:none;}
.account-login{
width:600px;
margin:50px auto;
border:1px solid #E2E2E2;
padding:20px;
}

.account-login .page-title h1{
font-size:20px;
text-transform:uppercase;
padding-bottom:20px;
border-bottom:1px solid #C9C9C9;
margin-bottom:20px;
letter-spacing:1px;
color:#000;
font-weight:600;
}

#login-form{overflow:hidden;}
#login-form p{
color:#7B7984;
font-size:12px;
letter-spacing:1px;
line-height:1.5;
}

#login-form h2{
text-transform:uppercase;
font-size:16px;
letter-spacing:1px;
color:#000;
margin-bottom:10px;
}

#login-form .col2-set{display:inline-block;vertical-align:middle;width:48%;}
#login-form .col2-set:nth-child(2){text-align:right}

#login-form .col-2 .content{}
#login-form .content ul.form-list{}
#login-form .content ul li{margin-bottom:20px;}

#login-form label{
font-size:12px;
color:#000;
letter-spacing:1px;
line-height:1.1;
margin:7px 0;
display:inline-block;
vertical-align:middle;
}

#login-form input:-webkit-autofill{-webkit-box-shadow:0 0 0px 100px white inset;}
#login-form input[type="password"],
#login-form input[type="text"]{
border:1px solid #9E9E9E;
padding:6px 10px;
display:inline-block;
vertical-align:middle;
font-family:'Lato', sans-serif;
width:230px;
font-size:14px;
color:#4E4E4E;
letter-spacing:1px;
}

#login-form button{
display:inline-block;
border:0;
background:#000;
color:#FFF;
font-family:'Open Sans', sans-serif;
text-transform:uppercase;
text-align:center;
padding:10px;
font-size:11px;
letter-spacing:1px;
cursor:pointer;
}

#login-form button:hover{background:#333}

#login-form .buttons-set .f-left{
float:none;
font-size:12px;
color:#646464;
line-height:3em;
letter-spacing:1px;
margin-right:10px;
}

#login-form .buttons-set .f-left:hover{color:#000;}
#login-form p.required{color:#BEBEBE;font-size:12px;}
#login-form .col-1.new-users{margin-bottom:20px;}
#login-form .col2-set:nth-child(2) .col-1.new-users{margin-bottom:100px;}

/* ======================= = = = = = DASHBOARD = = = = = */
h2,h3,h4{
font-size:15px;
color:#000;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:15px;

}

button{
border:0;
font-family:'Lato',sans-serif;
color:#FFF;
background:#000;
font-size:11px;
text-transform:uppercase;
padding:12px 20px;
display:inline-block;
letter-spacing:2px;
cursor:pointer;
}

button:hover{background-color:#333;}

.block-content .actions button{
width:100%;
background:#A2A2A2;
margin:15px 0;
padding:12px 10px;
}

address,
.my-account p {
font-size:12px;
letter-spacing:1px;
line-height:1.4em;
color:#000;
}

.my-account .welcome-msg{margin:20px 0;}
.my-account .block{margin-bottom:20px;}
.my-account .block h4{color:#999;font-size:13px;}

.my-account .box-title{margin-bottom:15px;}

.block-content .actions a,
.my-account a{
color:#A5A5A5;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
margin-top:5px;
font-size:11px;
}

.block-content .actions a:hover,
.my-account a:hover{color:#000}
.my-account #my-orders-table a{margin-top:0;}

.my-account th,
.my-account td{
padding:10px;
font-size:13px;
width:16.666667%;
vertical-align:middle;
}

.my-account th:first-child,
.my-account td:first-child{padding-left:0;}

.my-account th{
font-weight:600;
color:#000;
text-transform:uppercase;
font-size:11px;
}

.my-account .box-account.box-info{overflow:hidden;}
.my-account .box-account.box-recent{margin-bottom:30px;}

.my-account .col{
float:left;
width:50%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.my-account .col.left{padding-right:20px;}
.my-account .col.right{padding-left:20px;}

.col-left.sidebar .block-title{
color:#000;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:10px;
}

.col-left.sidebar .block-content li a:hover{text-decoration:underline;}

.col-left.sidebar ul li.current{display:block;color:#000;}
#cart-sidebar-reorder p.product-name {display:inline-block;margin-left:5px;}

.error-msg,
.validation-advice{
letter-spacing:1px;
font-size:11px;
line-height:1.3;
margin: 0 0 10px 0;
color:#E75959;
font-weight:600;
text-transform:uppercase;
}

.error-msg{margin-bottom:20px;}

#login-form input[type="password"].validation-failed, 
#login-form input[type="text"].validation-failed,
.validation-failed{background:#fef3ef url('../img/invalid.png') no-repeat right center;}

.fieldset{margin-bottom:30px;}

#form-validate .form-list{letter-spacing:1px;font-size:12px;}
.page-title.title-buttons{position:relative;}

.new-add{
background:#fff;
position:absolute;
right:0;
width:120px;
border:1px solid #BEBEBE;
color:#000;
font-size:10px;
padding:10px;
top:0;
}

.new-add:hover{background-color:#E7E7E7;}

#form-validate h2,
#form-validate h1{margin-bottom:20px;}

#form-validate .control{margin-bottom:20px;}
label.side{display:inline-block !important;margin-left:10px;}

/* -   -   -   -   -*/

/*CHECKOUT*/
body.onepagecheckout-index-index .col1-layout .col-main{float:none;}
#onepagecheckout_orderform label{font-size:12px;letter-spacing:1px;color:#5B5957;}

#onepagecheckout_orderform .col-3,
#onepagecheckout_orderform .col-2,
#onepagecheckout_orderform .col-1{float:none !important;width:100% !important;margin:auto !important;}

#onepagecheckout_orderform .onepagecheckout_block{width:100%;}

#onepagecheckout_orderform #checkout-payment-method-load,
#onepagecheckout_orderform #checkout-shipping-method-load,
#onepagecheckout_orderform .form_fields{padding:20px 60px;font-size:12px;letter-spacing:1px;}
#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields div.full select{
width:300px;
border:1px solid #848484;
padding:30px;
border-radius:0;
background:#FFF;
color:#333;
font-size:14px;
margin-bottom:30px;
}
#onepagecheckout_orderform .op_block_title{
text-transform:uppercase;
letter-spacing:2px;
font-weight:600;
color:#000;
font-size:16px;
padding:15px;
background:#F3F3F5;
margin:20px 0;
border:0;
}
.ptdivline{display:none !important;}
#onepagecheckout_orderform .col3-set .col-2, #onepagecheckout_orderform .col3-set .col-1{min-height:0 !important}
#onepagecheckout_orderform .customer-name{overflow:hidden;}
#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields input.t1{
border:0;
background:#FFF;
padding:15px;
font-size:15px;
color:#999;
font-weight:200;
font-family:Open Sans;
letter-spacing:1px;
width:275px;
}

#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields div.two_fields .short{
float:none !important;
width:100% !important;
}

#onepagecheckout_orderform .discount-form input{
background:#FFF;
border:1px solid #A7A9AC;
padding:10px;
font-size:12px;
width:280px;
}

#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields div.full .data_area,
#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields div.two_fields .data_area{
width:300px;
display:inline-block;
vertical-align:middle;
margin-left:25px;
}

/*#onepagecheckout_orderform .onepagecheckout_datafields .col-1 .form_fields div.full #billing:street2{margin-left:100px;}*/

#onepagecheckout_orderform .form_fields label{
font-size:14px;
font-weight:200;
width:230px;
display:inline-block;
vertical-align:middle;
float:none;
}
/*- - - - - - - */

/*SINGLE PRODUCT*/
.breadcrumbs{margin:20px 0;}
.breadcrumbs ul{
overflow:hidden;
text-transform:lowercase;
letter-spacing:2px;
font-size:10px;
}
.breadcrumbs ul li{float:left;}
.breadcrumbs ul li a{color:#999;}
.breadcrumbs ul li a:hover{color:#000;}
.breadcrumbs ul li span{}

.breadcrumbs ul li span.bar,
.breadcrumbs ul li span.spacer{margin:0 10px;}

.breadcrumbs ul li.go-back{}
.breadcrumbs ul li.go-back a{}
.breadcrumbs ul li.go-back a span{color:#999;margin-right:10px;}



.col2-right-layout .col-main{overflow:hidden;}
#main-image-gallery{float:left;width:655px;}
#main-image-gallery .main-image img{width:100%;height:auto;}


#main-image-gallery .main-image{position:relative; float:left}
#main-image-gallery .main-image.zoom-open{ float:none}
/*#main-image-gallery .main-image:hover .click-to{display:block;}*/
#main-image-gallery .main-image .click-to{
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(255, 255, 255, 0.6);
cursor:pointer
}

#main-image-gallery .main-image .click-to span{
position:absolute;
width:190px;
display:block;
background:#F4F4F4;
font-size:11px;
text-transform:uppercase;
letter-spacing:4px;
text-align:center;
padding:17px 0;
left:50%;
margin-left:-95px;
top:50%;
}

.box-tags{display:none;}
.paypal-logo{display:none;}

#actions{float:right;width:350px;}

#product_addtocart_form .price-box,
body.catalog-product-view .col-right.sidebar{display:none !important;}

body.checkout-cart-index .col-main,
body.catalog-product-view .col-main{float:none;width:auto;}

#product_addtocart_form .product-name{
padding-bottom:10px;
border-bottom:1px solid #8A8A8A;
margin-bottom:20px;
}

#product_addtocart_form h1{
font-size:13px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
}

#product_addtocart_form .product-collateral .price{
font-size:13px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
display:block;
margin:20px 0 15px 0;
font-weight:600;
line-height:1;
}

#product_addtocart_form h1 span{margin-left:5px;}
.add-to-box{position:relative;min-height:110px;margin-bottom:25px;margin-top:22px;}
#product-social{border-bottom:1px solid #e2e2e2;padding:10px 0 15px 0;}

#product-social .btn{display:inline-block;margin-right:10px;text-align:right;margin-bottom:3px; vertical-align:top;}
.btn iframe#twitter-widget-0{width:88px !important;}
#___plusone_0{width:59px !important;}

#select-color{margin-bottom:15px;}
#select-color ul{
overflow:hidden;
display:inline-block;
vertical-align:middle;
}

#select-color ul li{
display:block;
height:12px;
width:12px;
float:left;
margin-right:7px;
border:1px solid #fff;
cursor:pointer;
}

#select-color ul li:hover{opacity:0.8;filter:alpha(opacity=80);}
#select-color ul li.active{border:1px solid #000;}
.add-to-cart{}

.add-to-cart label{
font-weight:600;
color:#000;
letter-spacing:2px;
font-size:12px;
width:100px;
display:inline-block;
vertical-align:middle;
}

.add-to-cart input[type="text"]{
border:1px solid #E2E2E2;
background:#FFF;
font-size:10px;
padding:5px 5px;
max-width:20px;
}

.add-to-cart button{
border:0;
font-family:'Lato',sans-serif;
color:#FFF;
background:#000;
font-size:11px;
text-transform:uppercase;
padding:12px 28px;
display:block;
margin-top:30px;
letter-spacing:2px;
cursor:pointer;
}

.add-to-cart button:hover{background:#333;}
.free-shipping{margin:70px 0 10px 0;}
.free-shipping p{
color:#000;
font-weight:600;
letter-spacing:1px;
font-size:12px;
}

.free-shipping p span{display:block;text-transform:uppercase;}

.add-to-cart p.availability{
color:#000;
font-size:11px;
font-weight:600;
letter-spacing:2px;
margin-bottom:5px;
font-style:italic;
margin-left:102px;
margin-top:5px;
}

.product-shop h2{
color:#000;
font-size:13px;
text-transform:uppercase;
font-weight:600;
letter-spacing:2px;
margin-bottom:10px;
line-height:1.4;
}

.product-collateral p{
font-size:12px;
letter-spacing:1px;
line-height:1.2em;
color:#000;
}

#details-box{margin-top:25px;}
#details-box p{
font-size:12px;
letter-spacing:2px;
line-height:1.7em;
padding:5px;
}
.details-buttons{overflow:hidden;padding-bottom:10px;}

.details-buttons h3{
color:#C6C6C6;
font-size:11px;
text-transform:uppercase;
font-weight:400;
letter-spacing:4px;
padding:6px 10px;
text-align:left;
cursor:pointer;
padding:5px 9px 6px 9px;
border:1px solid #A7A7A7;
}

#show-details span, #show-materials span{float:right;font-size:14px;}
.details-buttons h3.active:hover,
.details-buttons h3:hover{color:#333;}

.details-buttons h3.active{
padding:5px 9px 6px 9px;
border:1px solid #A7A7A7;
color:#6D6D6D;
}

#details-box ul{border:1px solid #A7A7A7;padding:20px;}
#details-box ul li{display:none;}
#details-box ul li:first-child{display:block;}
#details-box ul p{
font-size:12px;
letter-spacing:2px;
line-height:1.7em;
}

.materials-content{display:none;}
#thumbnail-area .main-image,
#main-image-gallery ul.img-thumbs{display:none;}

#thumbnail-area{position:relative; top:0; float:left}
#thumbnail-area.zoom-open{display:none;}
#thumbnail-area ul#slider-thumbnails{overflow:hidden; padding-right:10px}
#thumbnail-area ul#slider-thumbnails li{width:92px;margin-bottom:15px;}
#thumbnail-area ul#slider-thumbnails li a{}
#thumbnail-area ul#slider-thumbnails li a img{width:100%;height:auto;}
#thumbnail-area ul#slider-thumbnails li:hover img{filter:alpha(opacity=90);opacity:0.9;}

.single-product-wrap{overflow:hidden;margin-bottom:30px; position:relative;}

#related{}
#related h4{
font-size:11px;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:10px;
color:#6B6B6B
}
#related .products{overflow:hidden;}
#related .products a{
display:block;
float:left;
margin-right:24px;
width:232px;
}

#related .products a:hover p{color:#333;}
#related .products a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#related .products a:last-child{margin-right:0;}

#related .products a .img-cont{
margin-bottom:10px;
overflow:hidden;
}

#related .products a .img-cont img{width:100%;height:auto;}

#related .products a p{
font-size:12px;
letter-spacing:1px;
color:#6B6B6B;
}

#related .products a p span{display:block;}
/*- - - - - - - */

/*  ================== CART ==================*/
.page-title.empty h1{
font-size:16px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
padding-top:30px;
text-align:center;
}
.cart-empty{padding:50px 0;text-align:center;}

.cart-empty .empty-bag{
width:140px;
height:150px;
background:url('../img/bag.svg') no-repeat center;
margin:15px auto 50px auto;
}

.cart-empty p{font-size:14px;color:#000;letter-spacing:1px;}
.cart-empty p a{color:#A2A2A2;}

.onepagecheckout-index-index .page-title,
.inner.cart .page-title{
border-bottom:1px solid #c8c8c8;
padding:15px 0;
}

.checkout-cart-index .col-main .page-title{
border-bottom:none;
overflow:hidden;
}

.checkout-cart-index .col-main .page-title ul {float:right;}
.checkout-cart-index .col-main .page-title ul li {display:inline-block;}
.checkout-cart-index .col-main button.button-reset-cart{display:none;}

.h1_opc,
.inner.cart h1{
text-transform:uppercase;
letter-spacing:3px;
color:#000;
font-size:21px;
margin-top:10px;
float:left;
}

.checkout-cart-index .page-title h1{
float:left;
font-size: 24px;
line-height: 1.5;
margin:0px 0 40px 0;
}
.checkout-cart-index fieldset{width: 100%;}

#onepagecheckout_orderform button,
.checkout-cart-index .col-main button{
border:0;
background:#000;
padding:10px;
color:#FFF;
font-size:12px;
text-transform:uppercase;
font-family:'Lato', sans-serif;
letter-spacing:3px;
display:inline-block;
}



#onepagecheckout_orderform button{display:block;float:none;}
.checkout-cart-index .col-main button.btn-proceed-checkout{
padding:9px 10px;
border:1px solid #848484;
background:#fff;
color:#333;
cursor:pointer;
}

.checkout-cart-index .col-main button.btn-proceed-checkout:hover{background:#E4E4E4;}

.checkout-cart-index .col-main h2{
text-transform:uppercase;
letter-spacing:2px;
font-weight:600;
color:#000;
font-size:16px;
}

.checkout-cart-index .col-main p,
.checkout-cart-index .col-main label{
font-size:12px;
color:#000;
letter-spacing:1px;
line-height:1.3;
margin:10px 0;
display:block;
}

#shopping-cart-table{
width:100%;
margin-bottom:20px;
color:#000;
}

#shopping-cart-table thead{ border-top:1px solid #ccc;  border-bottom:1px solid #ccc; }
#shopping-cart-table tr td:first-child{width:10%}
#shopping-cart-table tr td:nth-child(2){width:20%}
#shopping-cart-table tr td:last-child{width:8%}
#shopping-cart-table tr td {border-bottom:1px solid #ccc}
#shopping-cart-table input{width:auto;}


#shopping-cart-totals-table td,
#shopping-cart-table th,
#shopping-cart-table td{padding:1.5%;font-size:14px; vertical-align:middle;}

#shopping-cart-table th{
color:#000;
font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
}

.inner.cart select{
width:100%;
padding: 13px 50px 13px 10px;
border:1px solid #A7A9AC;
border-radius:0;
background:#FFF url('../img/select.svg')no-repeat right center;
color:#333;
font-size:14px;
margin-bottom:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
letter-spacing: 1px;
}

.checkout-cart-index .col-main h2.product-name{
background:transparent;
font-size:15px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
padding:0;
}

.checkout-cart-index .col-main h2.product-name a{color:#000}

.checkout-cart-index .col-main input{
background: #FFF;
border: 1px solid #A7A9AC;
padding: 10px;
font-size: 12px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.cart-collaterals{
margin-top:50px;
overflow: hidden;
}

.cart-collaterals .shipping ,
.cart-collaterals #discount-coupon-form {
 display:inline-block;
 width:265px;
 vertical-align:top
}
.cart-collaterals .shipping{
padding-left: 30px;
}

.cart-collaterals #discount-coupon-form{
padding-right: 30px;
border-right: 1px solid #CCC;
padding-bottom: 50px;
}
.cart-collaterals input {
width:94.9%;
padding:13px 2.5%;
}


.checkout-cart-index .col-main .cart-collaterals .col-2 button{
background-color:#ccc;
margin-top:20px;
width:100%;
}

.main .cart{overflow:hidden;}

.cart-collaterals .col2-set{overflow:hidden;float:left;}
.cart-collaterals .col2-set .col-2{
float:left;
}

.cart-collaterals input[type="radio"]{
-webkit-appearance:none;
appearance:none;
border-radius:7px;
border:1px solid #A7A9AC;
width:15px;
height:15px;
padding:0; 
margin:10px 10px 0px 0;
display:inline-block;
}
.cart-collaterals input[type="radio"]:checked{ background:#A7A9AC}
.cart-collaterals .shipping-form form {margin-bottom:20px;}
.cart-collaterals input[type="radio"] ~ label{display:inline;}

.totals{
float: right;
width: 300px;
letter-spacing: 1px;
}
.totals .a-right .price {white-space:nowrap;}

.totals .payment-review{margin-bottom:10px; color:#000;font-size:12px;}
.totals .payment-review .review-left{ display:inline-block; width:49%;  text-transform:uppercase; }
.totals .payment-review .review-right{ display:inline-block; width:49%; text-align:right}

.totals .checkout-types{margin-top:20px;text-align:right;}

.cart-collaterals .shipping-methods dt{
font-size: 12px;
text-transform: uppercase;
color: #000;
margin-top: 20px;
letter-spacing: 1px;
font-weight: 600;
}

#shopping-cart-totals-table{width:100%;}
#shopping-cart-totals-table td{font-size:12px; padding:0;}
/*.checkout-cart-index .main-container{
max-width:960px;
width: 90%;
}*/

/* -     -     -     -    -    -*/

/* ================== ONEPAGE CHECKOUT ====================*/
#checkoutSteps button,
#checkoutSteps input[type="submit"]{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

color:#fff;
border:0;
padding:0;
margin:0;
}
/*.checkout-onepage-index .col-right.sidebar{display:none;}*/
#checkoutSteps button{
display:inline-block;
font-family:'Lato', sans-serif;
font-size:11px;
background:#000;
color:#FFF;
border:0;
padding:10px 15px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
#checkoutSteps button:hover{background-color:#333;}

#checkoutSteps button span{color:#fff;}

#checkoutSteps input[type="text"], 
#checkoutSteps input[type="password"], 
#checkoutSteps input[type="password"], 
#checkoutSteps input[type="text"]{
border: 1px solid #9E9E9E;
padding: 10px;
display: block;
vertical-align: middle;
font-family: 'Lato', sans-serif;
width: 100%;
font-size: 14px;
color: #4E4E4E;
margin-bottom: 14px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

#checkoutSteps label{
color:#000;
font-size:12px;
margin: 10px 0 5px 0;
display:inline-block;
letter-spacing:1px;
}

.checkout-onepage-index .col2-set{
overflow:hidden;
font-size:12px;
letter-spacing:1px;
color:#000;
}

#checkoutSteps h3{
margin:25px 0;
text-transform:uppercase;
font-size:16px;
letter-spacing:1px;
font-weight:600;
line-height: 1.3;
}

#checkoutSteps h4{margin-bottom:15px;font-size: 13px}
#checkoutSteps input[type="radio"]{margin:0 8px 0 1px;}

.checkout-onepage-index .col2-set .col-1{float:left;width:49%;}
.checkout-onepage-index .col2-set .col-2{float:right;width:49%;}

.checkout-onepage-index .main{overflow:hidden;}
.checkout-onepage-index .col-main{float: left;width: 600px;}

#checkout-step-login .col-2{width:275px;}
#checkout-step-login button{display:block;}
#checkout-step-login a{margin-bottom:10px;display:block;float:none;color:#999;}

.checkout-onepage-index #checkoutSteps .step-title a{
color: #000;
font-size: 16px;
font-weight: 600;
background: #ADADAD;
display: inline-block;
height: 57px;
text-align: center;
line-height: 57px;
float: right;
padding: 0;
width: 54px;
}

.checkout-onepage-index #checkoutSteps .step-title a:hover{background-color:#BEBEBE;}


.checkout-onepage-index .page-title h1{
font-size: 24px;
line-height: 1.5;
margin: 10px 0 40px 0;
}

.checkout-onepage-index .sidebar{
width: auto;
margin: 85px 0 0 0;
}

#checkoutSteps{max-width:600px;}
#checkoutSteps li{margin-bottom: 10px;}
#checkoutSteps li .step-title{background:#F3F3F5;overflow:hidden;}
#checkoutSteps li .step-title .number{display:none;}

#checkoutSteps li .step-title h2{
padding: 20px;
margin: 0;
display: inline-block;
float: left;
}

#checkoutSteps li .step-title a{}

#checkoutSteps .step{padding:20px;}
#checkoutSteps p.required{
color: #ADADAD;
font-size: 12px;
margin: 20px 0;
font-weight: 600;
}
#checkoutSteps p{}

#checkoutSteps .shipping-methods dt{
font-size: 14px;
text-transform: uppercase;
color: #000;
font-weight: 600;
letter-spacing: 1px;
}

#checkoutSteps .please-wait{
color: #9E9E9E;
font-size: 11px;
letter-spacing: 1px;
margin-left: 10px;
text-transform: uppercase;
}

#checkout-step-review .payment-review{
overflow: hidden;
margin-bottom:10px;
}

#checkout-step-review .review-left{
float: left;
width:60%;
font-size: 12px;
color: #000;
line-height: 1.2;
text-transform: uppercase;
}

#checkout-step-review .review-right{
float: right;
width: 35%;
text-align: right;
font-size: 13px;
color: #000;
line-height: 1.2;
font-weight: 600;
}


#checkout-review-table.data-table{
width: 100%;
margin: 50px 0;
}

#checkout-review-table.data-table th,
#checkout-review-table.data-table td{
color: #000;
letter-spacing: 1px;
font-size: 11px;
padding: 5px;
text-transform: uppercase;
width: 25%;
vertical-align: middle;
}

#checkout-review-table.data-table .cart-price{
font-size: 12px;
margin-top: 0;
font-weight: 600;
}

#checkout-review-table.data-table h3{
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #000;
font-size: 12px;
border:0;
margin: 0;
}

#checkout-step-review #checkout-review-submit{text-align: right;}

#checkout-step-review #checkout-review-submit p{
float: none;
font-size: 12px;
color: #000;
margin-bottom: 40px;
}

#checkout-step-review #checkout-review-submit p a{margin-left: 5px;color: #888;}
/*========================================*/

#search2{display:none;}
#mobile-social{display:none;}

#co-billing-form {}
.input-box select{
appearance:none;
-webkit-appearance:none;
border:1px solid #9E9E9E;
padding:10px 15px;
display:block;
vertical-align:middle;
font-family:'Lato', sans-serif;
width:100%;
font-size:14px;
color:#4E4E4E;
margin-bottom:14px;
border-radius:0;
position:relative;
background:#FFF url('../img/select.svg')no-repeat right center;
}
.input-box{position:relative;overflow: hidden;}
.input-box select:after{
	content:'';
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	background:#000;
	top:7px;
	right:7px;


}
p.back-link{display:none;}
/* ============== LOGIN POP UP===========*/
.overlay{
display:none;
position:fixed;
background:#fff;
opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height:100%;
z-index:999998;
top:0;
}

#user-login .close-a{
position:absolute;
right:0;
top:0;
background:url('../img/close.svg')no-repeat center;
width:43px;
height:43px;
border-left:1px solid #999;
border-bottom:1px solid #999;
cursor:pointer;
display:block;
}

#user-login .close-a:hover{background-color:#f5f5f5;}

#user-login{
display:none;
position:absolute;
right:15%;
top:80px;
z-index:999999;
background:#fff;
border:solid 1px #939393;
color:#000;
width:700px;
padding:75px 30px 30px 30px;
overflow:hidden;
}

#user-login .left-side{
float:left;
width:29%;
border-right:1px solid #000;
padding-right:10%;
}

#user-login .right-side{float:right;width:55%;}

#user-login .register-column{
display:inline-block;
vertical-align:top;
min-height:460px;
}

#user-login .register-column input[type="submit"]{
display:block;
font-family:'Lato', sans-serif;
font-size:11px;
background:#000;
color:#FFF;
border:0;
padding:10px 15px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
margin-top:30px;
cursor:pointer;
}

#user-login .register-column input[type="submit"]:hover{background:#333;}

#form-validate label,
#register-form label{
color:#000;
font-size:12px;
margin-bottom:4px;
display:block;
letter-spacing:1px;
}

#user-login h2{
font-size:18px;
color:#000;
font-weight:400;
letter-spacing:1px;
margin-bottom:20px;
text-transform:uppercase;
line-height: 1.4;
}

#firecheckout-form label span, 
#firecheckout-login-form label,
#form-validate label span{display:none;}

#firecheckout-form label.required span, 
#firecheckout-login-form label.required span,
#form-validate label.required span{
display:inline;
color:#B3B3B3;
font-size:10px;
margin-left:7px;	
}
/*#register-form label.required:after{
content:'Required';
color:#B3B3B3;
font-size:10px;
margin-left:10px;	
}*/

#user-login h2 span{
text-transform:none;
font-size:12px;
margin-right:5px;
}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

#form-validate input[type="text"],
#form-validate input[type="password"],
#register-form input[type="password"], 
#register-form input[type="text"]{
border:1px solid #9E9E9E;
padding:10px 15px;
display:block;
vertical-align:middle;
font-family:'Lato', sans-serif;
width:100%;
font-size:14px;
color:#4E4E4E;
margin-bottom:14px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
letter-spacing: 1px;
}

#user-login .forgot{
display:inline-block;
color:#B3B3B3;
font-size:10px;
margin-top:10px;
letter-spacing:1px;
}

.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
    z-index: 999999;
}
.fancybox-overlay {
    z-index: 999998 !important; 
}

#user-login .forgot:hover{color:#333;text-decoration:underline;}
#thank-you-subscribe{padding:60px;}

#thank-you-subscribe h3{
font-family:'Lato',serif;
font-size:26px;
line-height:32px;
color:#222222;
}

#thank-you-subscribe p {font-size:17px;margin:21px 0 17px;color:#020202;}
img{-webkit-box-shadow:#000 0em 0em 0em;box-shadow:#000 0em 0em 0em;-ms-interpolation-mode:bicubic;}

/*=========================================PAGINATION=====================================*/
.pager{
padding:20px 0;
border-top:1px solid #E2E2E2;
margin-top:20px;
position:relative;
}

.pager .wide-line{
display:none;
height:2px;
border-top:1px solid #E2E2E2;
position:absolute;
bottom:65px;
width:1400px;
left:-200px;
}

.pager .pages{text-align:right;}
.pager p{
display:inline-block;
vertical-align:middle;
margin:0;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#000;
}

.pager ol{display:inline-block;vertical-align:middle;margin-left:20px;}

.blog .wp-pagenavi a:hover,
.pager a:hover,
.pager ol li.current{
padding:5px 0;
background:#000;
color:#FFF;
width:27px;
text-align:center;
}

.pager a{
display:block;
padding:5px 0;
color:#000;
width:27px;
text-align:center;
}

.blog .wp-pagenavi span{
display:inline-block;
vertical-align:middle;
margin:0;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#000;
border:0;
}

.blog .wp-pagenavi span.pages{margin-right:20px;}
.blog .wp-pagenavi a{
padding:5px 0;
color:#000;
width:27px;
text-align:center;
display:inline-block;
border:0;
vertical-align:middle;
margin:0 3px 0px 0;
}

.blog .wp-pagenavi span.current{
display:inline-block;
vertical-align:middle;
padding:5px 0;
background:#000;
color:#FFF;
width:27px;
text-align:center;
border:0;
}

.blog .wp-pagenavi a.last{
width:auto;
font-size:12px;
letter-spacing:1px;
padding:5px;
}

.body.blog .inner{overflow:hidden;}
.blog .wp-pagenavi{float:right;}


/* ================= checkout review ===============*/
.checkout-onepage-index .sidebar{width:auto;}
#checkout-progress-wrapper{
width: 265px;
padding: 0 25px 15px 25px;
border: 1px solid #A6AAAD;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}

#checkout-progress-wrapper .block-title{
width: 100%;
margin: 0 0 25px -25px !important;
border-bottom: 1px solid #A6AAAD;
padding: 0 25px;
background: none;
}

#checkout-progress-wrapper .block-title span{
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
color: #000;
font-size: 14px;
padding: 15px 0;
display: block;
}

#checkout-review-table .items-wrap{
padding:0 25px;
width:100%;
margin-left:-25px;
padding-bottom:0px;
margin-bottom:30px;
border-bottom:1px solid #999;
}

#checkout-review .item-info{display:inline-block;width:155px;}

#checkout-review .items-wrap li{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #000;
}

#checkout-review .items-wrap li:last-child{border:none;}
#checkout-review-table .payment-review{overflow:hidden;margin-bottom:10px;}
#checkout-review-table .payment-review .review-left{
float:left;
width:60%;
}

#checkout-review-table .payment-review .review-right{
float:right;
width:35%;
margin-left:5%;
}

#checkout-review-table .product-image{
float:none;
width:80px;
display:inline-block;
vertical-align:top;
margin:0 25px 0 0;
}

#checkout-review.side h3{
text-transform: lowercase;
letter-spacing: 1px;
font-weight: 600;
color: #000;
font-size: 12px;
border-bottom: 1px solid #858585;
margin: 0;
}

#checkout-review-table .product-code{
text-transform:uppercase;
display:block;
font-size:11px;
margin-bottom:10px;
color:#000;
}


#checkout-review-table .qty-wrapper input{
background: #FFF;
border: 1px solid #A7A9AC;
padding: 0 0 !important;
font-size: 12px;
text-align: center;
color: #000;
width: 30px !important;
height: 30px;
margin-left: 5px;
}

#checkout-review.side #checkout-review-table .cart-price{
font-size: 15px;
display: block;
margin-top: 10px;
color:#000;
}

#checkout-review-table .qty-wrapper .update{
color: #6F6F6D;
font-size: 10px;
text-decoration: underline;
margin-left: 10px;
letter-spacing: 1px;
text-transform: none;
font-weight: 400;
}

#checkout-review.side #checkout-review-table .payment-review .review-right,
#checkout-review.side #checkout-review-table .payment-review .review-left{
color: #000;
letter-spacing: 1px;
font-size: 12px;
}

#checkout-review.side #checkout-review-table .payment-review .review-right{text-align:right;}

/*========================================FIRECHECKOUT======================================*/
#firecheckout-login-window{
display:block;
position:absolute;
top:230px;
width:210px;
}

#firecheckout-login-form{padding-bottom:22px;}

#send2{}

#firecheckout-form .block1{overflow:hidden;float:left;width:620px;}

#firecheckout-form .block2{width:317px;float:right;}

#firecheckout-form .block2 #checkout-review{
width:265px;
padding:0 25px 15px 25px;
border:1px solid #A6AAAD;
}
#shipping-login .fields, #firecheckout-login-form .fields{margin-bottom:10px;}

#firecheckout-login-window p{
color:#999;
margin-bottom:20px;
font-family:'lato',serif;
letter-spacing:1px;
font-size:10px;
line-height:1.5;
}

#firecheckout-login-window p a{color:#6F6F6D;text-decoration:underline;}

#firecheckout-login-window p a:hover{color:#000;}

#billing-address p{color:#999;margin-bottom:20px;}
#firecheckout-form #shipping-login input[type="submit"]{margin:10px 0 20px 0;}

#billing-address h3{margin-bottom:25px;}
#billing-address h4{
font-size:13px;
font-weight:400;
letter-spacing:1px;
margin-bottom:0;
}


.firecheckout-set #shipping-method .sp-methods dt{
margin:0 0 5px 0;
font-weight:600;
text-transform:uppercase;
margin-top:25px;
font-size:13px;
}


#payment-method h4,
#checkout-shipping-method-load h4{
padding-bottom:10px;
border-bottom:1px dashed #000;
margin-bottom:20px;
font-size:13px;
letter-spacing:2px;
}

#firecheckout-form #shipping-method label{font-weight:600;}
#firecheckout-form #shipping-method label .price{font-weight:400;}


#register-customer-password{margin-top:20px;}
.firecheckout-index-index .col-left #checkout-payment-method-load{padding:0;}

#payment-tool-tip .btn-close{}
#billing-new-address-form{}

#firecheckout-form .block1 .same-address{padding-left:50%;margin-bottom:35px;}

#firecheckout-form .block1 .same-address li.control,
.firecheckout-set .form-list li.control, 
.firecheckout-set .form-list ul li.control{background:url('../img/check-sprite.svg')no-repeat 0px -55px}

#firecheckout-form .block1 .same-address li.control.checked,
.firecheckout-set .form-list li.control.checked, 
.firecheckout-set .form-list ul li.control.checked{background-position:0px 5px;}

.firecheckout-set .form-list li.control input[type="checkbox"],
.firecheckout-set .form-list ul li.control input[type="checkbox"]{opacity:0;}

#checkout-review-table .total-review{margin-bottom:30px;}      
  	
#checkout-review-table .ship-to{
padding:10px 25px 0 25px;
margin-left:-25px;
border-top:1px solid #999;
width:100%;
}

#firecheckout-form #checkout-review-submit button{
width:100%;
font-size:12px;
letter-spacing:3px;
}
#checkout-reviewaccordion #checkout-review-submit button {
	width:auto;
}
/*==============================================*/

#firecheckout-form .col-left{
width:50%;
float:left;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
padding-right:50px;
}

#firecheckout-form #payment-method .col-left{padding:0;width:55%;}

#firecheckout-form .col-right{
width:50%;
float:right;
overflow:hidden;
margin:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
#firecheckout-form #payment-method .col-right{margin:0;width:35%;}

#shipping-address .block-content{
width:50%;
float:right;
}

#firecheckout-form .block-content{padding:0;}
#firecheckout-form .fields .field {float:none;}

#firecheckout-form .firecheckout-section{
border-radius:0;
border:0;
background:#FFF;
color:#000;
letter-spacing:1px;
font-size:12px;
overflow:hidden;
margin-bottom:10px;
}

#firecheckout-form .firecheckout-section .block-content{display:none;margin-top:15px;}
#firecheckout-form #billing-address .block-content{display:block;}

#shipping-method,
#payment-method{}

#firecheckout-form .firecheckout-section .block-title{
background:#F3F3F5;
overflow:hidden;
padding:0;
margin:0;
border-radius:0;
position:relative;
height:auto;
border:0;
cursor:pointer;
}

#firecheckout-form .firecheckout-section.open:hover .block-title{cursor:default;}

#firecheckout-form .firecheckout-section .block-title p{
top:0;
right:0;
border-radius:0;
border:0;
background:#DFDFDF;
color:#5C5C5C;
text-shadow:none;
font-size:20px;
padding:15px 10px;
float:right;
position:absolute;
width:25px;
text-align:center;
}

#firecheckout-form .firecheckout-section .block-title:hover{background:#E9E9E9;}
#firecheckout-form .firecheckout-section .block-title:hover p{background:#000;color:#fff;}

#firecheckout-form .firecheckout-section.open:hover .block-title{background:#F3F3F5;}
#firecheckout-form .firecheckout-section.open:hover .block-title p{background:#DFDFDF;color:#5C5C5C;}

#firecheckout-form #checkout-review .block-title{
width:100%;
margin:0 0 25px -25px !important;
border-bottom:1px solid #A6AAAD;
padding:0 25px;
background:none;
}

#firecheckout-form #checkout-review .block-title span{padding:15px 0;}

#firecheckout-form .page-title h1{
text-transform:uppercase;
letter-spacing:3px;
color:#000;
font-size:21px;
}

#firecheckout-form .firecheckout-section .block-title span{
text-transform:uppercase;
letter-spacing:2px;
font-weight:600;
color:#000;
font-size:14px;
float:left;
padding:15px;
}

#firecheckout-form .firecheckout-section .block-title .num{display:none;}

#firecheckout-form .firecheckout-set #payment-method-reset,
#firecheckout-form .firecheckout-set #shipping-method-reset{
position:static;
color:#A3A3A3;
text-transform:none;
text-decoration:underline;
background:none;
display:inline-block;
font-size:9px;
padding:15px 10px;
float:none;
top:0;
right:0;
border-radius:0;
border:0;
text-shadow:none;
}

#firecheckout-form .firecheckout-set #payment-method-reset .block-content,
#firecheckout-form .firecheckout-set #shipping-method .block-content{/*padding:0 15px;*/}

#firecheckout-form input[type="checkbox"],
#firecheckout-form input[type="radio"]{display:inline-block;vertical-align:middle;margin-left:1px;}
#firecheckout-form .input-box{margin-bottom:20px;}

#firecheckout-form input[type="text"],
#firecheckout-form input[type="password"],
#firecheckout-login-form input[type="text"],
#firecheckout-login-form input[type="password"],
#firecheckout-form .firecheckout-set .input-text,
#firecheckout-form .firecheckout-set .form-list textarea{
background:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
border-radius:0;
background:#FFF;
border:1px solid #A7A9AC;
padding:13px 10px;
font-size:11px;
width:100%;
height:auto;
letter-spacing:1px;
font-family:'Lato',sans-serif;
}

#firecheckout-login-form input.validation-failed,
#firecheckout-form .input-text.validation-failed,
#firecheckout-form .form-list textarea.validation-failed{
background:#fef3ef url('../img/invalid.png') no-repeat right center;}

#firecheckout-form .firecheckout-set select{
text-transform:uppercase;
color:#000;
font-family:'Lato',sans-serif;
letter-spacing:2px;
cursor:pointer;
background:#FFF url('../img/select.svg')no-repeat right center;
border:1px solid #A7A9AC;
border-radius:0;
font-size:11px;
width:100%;
padding:13px 50px 13px 10px;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
text-indent:0.01px;
text-overflow:'';
}

#firecheckout-form .firecheckout-set #checkout-coupon-discount-load input-text{}
#firecheckout-form  #checkout-coupon-discount-load button{float:right}

#firecheckout-form .discount-form .input-field-wrapper, 
#firecheckout-form .giftcard-form .input-field-wrapper{float:none;}

#firecheckout-form label, #firecheckout-login-form label{
font-size:12px;
color:#000;
letter-spacing:1px;
line-height:1.1;
margin:7px 0 8px 0;
display:inline-block;
vertical-align:middle;
max-width:280px;
line-height: 1.3;
}

#firecheckout-form input[type="submit"],
#firecheckout-login-form input[type="submit"], 
#firecheckout-form button,
#firecheckout-login-form button{
border:0;
background:#000;
padding:12px 15px;
color:#FFF;
font-size:10px;
text-transform:uppercase;
font-family:'Lato', sans-serif;
letter-spacing:2px;
margin:10px 0 0 0;
display:inline-block;
cursor:pointer;
}

#firecheckout-form #checkout-review-load button{padding:0px;width:20px;margin:0;}

#firecheckout-login-form button:hover,
#firecheckout-form input[type="submit"]:hover,
#firecheckout-form button:hover{background-color:#333;}

#firecheckout-form .firecheckout-set #advice-required-entry-ccsave_expiration_yr{width:auto;}

#firecheckout-form #checkout-coupon-discount-load .validation-advice,
#firecheckout-form .firecheckout-set .form-list .validation-advice{
margin:5px 0 0 0;
color:#E23E3E;
font-weight:600;
}

#firecheckout-form input[type="checkbox"] ~ label,
#firecheckout-form input[type="radio"] ~ label{margin-left:10px;margin-top:4px;}

#checkout-review-table td{
padding:8px 5px;
font-size:12px;
color:#000;
letter-spacing:1px;
}

#checkout-review-table th{
color:#949494;
letter-spacing:1px;
font-size:11px;
padding:10px 5px;
text-transform:uppercase;
}



#firecheckout-form #checkout-review-table .qty-wrapper{width:100%;}
#firecheckout-form #checkout-review-table .qty-wrapper input{
border-radius:0;
background:#FFF;
border:1px solid #A7A9AC;
padding:0 0 !important;
font-size:12px;
text-align:center;
color:#000;
width:30px !important;
height:30px;
margin-left:5px;
}

#firecheckout-form #checkout-review-table .qty-wrapper label{font-size:10px;}

#firecheckout-form a.update,
#firecheckout-login-form a.update{
color:#6F6F6D;
font-size:10px;
text-decoration:underline;
margin-left:10px;
letter-spacing:1px;
text-transform:none;
font-weight:400;
}

#firecheckout-form a.update:hover,
#firecheckout-login-form a.update:hover{color:#000;}

#firecheckout-form #payment-method a.update{margin-left:0;margin-top:10px;}
#firecheckout-form #payment-method .col-right p{
white-space:pre-line;
font-weight:400;
font-size:12px;
}

#checkout-review-table .cart-price{
font-size:15px;
display:block;
margin-top:10px;
}

#firecheckout-form .discount-form{padding:0;}
.firecheckout-index-index .firecheckout-set #review-buttons-container{padding:0;margin:20px 0 0 0;}
.firecheckout-index-index .firecheckout-set #checkout-review-submit{margin:0;padding:0;text-align:right;}

.firecheckout-set #checkout-payment-method-load .form-list #authorizenet_cc_type_exp_div .input-box{overflow:hidden;}
.firecheckout-set #checkout-payment-method-load .form-list #authorizenet_cc_type_exp_div .input-box select{margin:0;}

#authorizenet_cc_type_exp_div .input-box .v-fix {
float:left;
width:48%;
max-width:none;
margin-right:4%;
margin-bottom:10px;
}

a.cvv-what-is-this{display:inline-block;margin-top:10px;}
.firecheckout-set #payment-method .sp-methods dt{margin:0 0 15px 0;}

#authorizenet_cc_type_exp_div .input-box .v-fix:nth-child(2){margin:0;}
.tool-tip-content{margin-bottom:10px;}

body #firecheckout-mask{
background:#fff;
opacity:0.8;
filter:alpha(opacity=80);
}

body .firecheckout-window .page-title span{
color: #000;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 10px;
}

body .firecheckout-window p{
font-size: 12px;
color: #000;
letter-spacing: 1px;
margin-bottom: 20px;
}

.firecheckout-window #firecheckout-forgot-window .buttons-set{border:0;margin:0;}

.firecheckout-window #firecheckout-forgot-window label{
font-size: 12px;
color: #000;
letter-spacing: 1px;
line-height: 1.1;
margin: 7px 0 4px 0;
display: inline-block;
}

.firecheckout-window #firecheckout-forgot-window .form-list input.input-text{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
background: #FFF;
border: 1px solid #A7A9AC;
padding: 13px 10px;
font-size: 11px;
width: 100%;
height: auto;
letter-spacing: 1px;
font-family: 'Lato',sans-serif;
}

.cms-home h1{
font-size:17px;
color:#000;
text-transform:uppercase;
letter-spacing:3px;
margin-bottom:20px;
}

.block-layered-nav,.block-currency{display:none;}
.catalogsearch-result-index h1{display:none;}

.messages .success-msg{
color:#69CC65;
letter-spacing:1px;
font-size:12px;
margin-bottom:10px;
}

.inner.cart .totals .checkout-types a{
color:#B3B3B3;
letter-spacing:2px;
margin-bottom:10px;
display:inline-block;
font-size:12px;
}
.inner.cart .totals .checkout-types a:hover{color:#000;}

.circle-or {
background:#ADADAD;
color:#FFF;
border-radius:50%;
height:35px;
width:35px;
position:absolute;
top:0;
right:50px;
text-align:center;
line-height:35px;
text-transform:uppercase;
font-size:10px;
}


@media screen and (min-width:1400px){
	.main-container, .footer-wrapper .inner{width:auto;}
		
	.main-container,
	div.footer-wrapper,
	.shop_filters .inner,
	.cms-home .main-container,
	.header .inner{max-width:1400px;width:90%;}
	
	.catalog-product-view .main-container{width:1024px;}
	.news{text-align:center;}
	
	.col2-left-layout .sidebar{float:left;width:12.142857%;margin-right:0;}
	.col3-layout .col-wrapper .col-main,
	.col2-left-layout .col-main {width:85%;}
	
    
    .category-products ul.products-grid{margin: 0 -15px;}
    .category-products ul.products-grid li.item{padding: 0 15px 30px 15px;}
    

	
	.pager{border:0;}
	/*.pager .wide-line{display:block;}*/
	.footer .login {float:none;}
	#copyright{margin-top:0;float:left;line-height:1.2;position:static;}	
	#copyright .dot{height:15px;background-position:-3px -7px;}
	
	.inner.cart .cart-collaterals .shipping,
	.inner.cart .cart-collaterals #discount-coupon-form{width:290px;}
    
    .stickybanner .main-container {padding-left: 205px;}
	
}

/*================= SUCCESS ===========*/
.checkout-onepage-success .col-right{display:none;}
.checkout-onepage-success .col2-right-layout .col-main{float:none;width:1024px;text-align: center;}
.checkout-onepage-success p{margin: 0 0 20px 0;font-size: 14px;letter-spacing: 1px;}
.checkout-onepage-success .buttons-set{margin-top:55px;}
.checkout-onepage-success h1{
font-size: 20px;
color: #000;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1.3;
margin-bottom: 20px;
}

/*================== SOCIAL MOBILE =============*/
.social.mobile{display:none;}

/* ==================== DESKTOP HOVER =========== */
@media screen and (min-width:1066px){
	.header .inner .top-right .item.language:hover{
	height:35px;
	border:1px solid #A7A9AC;
	width:109px;
	background-position:96px center
	}
	
	.header .inner .top-right .item.language:hover .text{padding:9px 0px 9px 9px;color:#555;}
	
	.header .inner .top-right .item.cart:hover{
	width:61px;
	border-top:1px solid #A7A9AC;
	border-left:1px solid #A7A9AC;
	border-right:1px solid #A7A9AC;
	border-bottom:1px solid #FFF;
	height:33px;
	margin-left:15px;
	margin-top:-1px;
	}
	
	.header .inner .top-right .item.cart:hover > span{padding-right:10px;}
	.header .inner .top-right .item.cart:hover .sub-menu{right:-1px;}
	
	.header .inner nav.top-menu ul.first li:hover > .sub-menu{display:block;}
	.header .inner nav.top-menu ul.first > li.sub:hover > a{
	padding:9px 24px;
	border:1px solid #999;
	border-bottom:1px solid #fff;
	}

	.header .inner nav.top-menu ul.first li:hover{background:#fff;}
	.body.single#lookbook{max-width: 1024px;margin: 30px auto 0 auto;}
}
.page img{max-width:100%;height:auto;}
/*=================== mobile toggle ==========*/
.header .inner .top-right .item.language.open{
height:35px;
border:1px solid #A7A9AC;
width:109px;
background-position:96px center
}

.header .inner .top-right .item.cart.open{
width:61px;
border-top:1px solid #A7A9AC;
border-left:1px solid #A7A9AC;
border-right:1px solid #A7A9AC;
border-bottom:1px solid #FFF;
height:33px;
margin-left:15px;
margin-top:-1px;
}

.header .inner .top-right .item.language.open .text{padding:9px 0px 9px 9px;color:#555;}
.header .inner .top-right .item.cart.open > span{padding-right:10px;}
.header .inner .top-right .item.cart.open .sub-menu{right:-1px;}

.header .inner nav.top-menu ul.first li.open{}
/*========================*/

/*================== 404 ==================*/

.cms-no-route .col-main{float: none;width: auto;}
.not-found .text{padding: 80px 50px;text-align:center;}
.not-found h2{
font-size:60px;
letter-spacing: 3px;
color: #CACACA;
line-height: 1;
margin-bottom:30px;
font-weight: 200;
}
.not-found h3{
font-size: 14px;
color: #000;
letter-spacing: 1px;
font-weight: 400;
}




.block.block-reorder{display:none;}
.my-account .pager{border:0;padding:0;overflow:hidden}
.sales-order-history #my-orders-table{margin: 30px 0 60px 0;}

.pager .limiter{float: right;}
.pager .amount{float: left;}

.limiter select{
appearance: none;
-webkit-appearance: none;
border: 1px solid #9E9E9E;
padding: 5px 10px;
display: inline-block;
vertical-align: middle;
font-family: 'Lato', sans-serif;
width: 100px;
font-size: 11px;
color: #4E4E4E;
margin: 0 5px 0 0;
border-radius: 0;
position: relative;
background: #FFF url('img/dd.svg')no-repeat 82px center;
}
.limiter label{
color: #000;
margin-right: 5px;
vertical-align: middle;
font-size: 12px;
letter-spacing: 1px;
}

.catalogsearch-result-index .note-msg{
font-size: 16px;
letter-spacing: 2px;
color: #000;
text-align: center;
padding: 50px 0;
}

/*.catalogsearch-result-index .col-main{width:100%;float:none;}*/
span.mobile-title{display:none;}
/*COLORS*/
/*black #000
cognac #444243
	green #527a62
	peach #dcb6a3
	taupe #6f6357
	brown #5c4035
caramel #c69a69
glacier #bfccd5
paprika #b85b54
*/

#select-color ul li.black, #select-color ul li.noir{background-color:#000;}
#select-color ul li.glacier{background-color:#bfccd5;}
#select-color ul li.cognac{background-color:#444243;}
#select-color ul li.green{background-color:#527a62;}
#select-color ul li.peach{background-color:#dcb6a3;}
#select-color ul li.taupe{background-color:#6f6357;}
#select-color ul li.brown{background-color:#5c4035;}
#select-color ul li.caramel{background-color:#c69a69;}
#select-color ul li.paprika{background-color:#b85b54;}
#select-color ul li.cork{background:url('../img/cork.png')no-repeat center;}
#select-color ul li.citrus{background-color:#D9CC55;}
#select-color ul li.storm, #select-color ul li.orage{background-color:#B1B2B5;}
#select-color ul li.midnight, #select-color ul li.minuit{background-color:#424671;}
#select-color ul li.walnut{background-color:#A2958C;}
#select-color ul li.clay, #select-color ul li.argile{background-color:#B2C6C7;}
#select-color ul li.poppy, #select-color ul li.pavot {background-color:#F63F43;}
#select-color ul li.champagne{background-color:#B3A0A0;}
#select-color ul li.iris{background-color:#8B91BC;}
#select-color ul li.ash, #select-color ul li.cendre{background-color:#F0EBE6;}
#select-color ul li.nature{background-color:#E4Ba9C;}
#select-color ul li.pewter, #select-color ul li.etain {background-color:#000000;}
#select-color ul li.dune{background-color:#C4B1A1;}
#select-color ul li.gravel{background-color:#809397;}
#select-color ul li.cocoa{background-color:#5B3D3D;}
#select-color ul li.macaroon{background-color:#C59D89;}
#select-color ul li.bordeaux{background-color:#9B1E22;}
#select-color ul li.cardamom{background-color:#BFA07E;}
#select-color ul li.fig{background-color:#55444D;}
#select-color ul li.chili{background-color:#8B4C29;}
#select-color ul li.midnight{background-color:#242E52;}
#select-color ul li.sage{background-color:#65655E;}
#select-color ul li.petal{background-color:#D5C0BB;}
#select-color ul li.grape{background-color:#755366;}
#select-color ul li.abyss{background-color:#434C5F;}


#select-color ul li.blaze{background-color:#9B1E22;}
#select-color ul li.pond{background-color:#809397;}
#select-color ul li.willow{background-color:#5B3D3D;}

/*   ^ ^ ^ latests colors = = = > change filters    */

.filter ul li .brown + span{background-color:#5e3320;}
.filter ul li .pink + span{background-color:#E784A4;}
.filter ul li .cognac + span{background-color:#482b27;}
.filter ul li .blue + span{background-color:#41b4d3;}
.filter ul li .taupe + span{background-color:#A99F95;}
.filter ul li .mauve + span{background-color:#925F6E;}
.filter ul li .caramel + span{background-color:#A16737;}
.filter ul li .plum + span{background-color:#522F4F;}
.filter ul li .grey + span{background-color:#5e5e5e;}
.filter ul li .ivy + span{background-color:#01654D;}
.filter ul li .cork + span{background:url('../img/cork.png')no-repeat center;}
.filter ul li .Cork + span{background:url('../img/cork.png')no-repeat center;}
.filter ul li .black + span, .filter ul li .noir + span{background-color:#000;}
.filter ul li .glacier + span{background-color:#bfccd5;}
.filter ul li .paprika + span{background-color:#b85b54;}
.filter ul li .peach + span{background-color:#dcb6a3;}
.filter ul li .green + span{background-color:#527a62;}
.filter ul li .citrus + span{background-color:#D9CC55;}
.filter ul li .storm + span, .filter ul li .orage + span{background-color:#B1B2B5;}
.filter ul li .midnight + span, .filter ul li .minuit + span{background-color:#424671;}
.filter ul li .walnut + span{background-color:#A2958C;}
.filter ul li .clay + span,.filter ul li .argile + span{background-color:#B2C6C7;}
.filter ul li .poppy + span,.filter ul li .pavot + span{background-color:#F63F43;}
.filter ul li .champagne + span{background-color:#B3A0A0;}
.filter ul li .iris + span{background-color:#8B91BC;}
.filter ul li .ash + span,.filter ul li .cendre + span{background-color:#F0EBE6;}
.filter ul li .nature + span{background-color:#E4Ba9C;}
.filter ul li .pewter + span, .filter ul li .etain + span{background-color:#000000;}
.filter ul li .dune + span{background-color:#C4B1A1;}
.filter ul li .gravel + span{background-color:#809397;}
.filter ul li .cocoa + span{background-color:#5B3D3D;}
.filter ul li .macaroon + span{background-color:#C59D89;}
.filter ul li .bordeaux + span{background-color:#9B1E22;}
.filter ul li .cardamom + span{background-color:#BFA07E;}
.filter ul li .fig + span{background-color:#55444D;}
.filter ul li .chili + span{background-color:#8B4C29;}
.filter ul li .midnight + span{background-color:#242E52;}
.filter ul li .sage + span{background-color:#65655E;}
.filter ul li .petal + span{background-color:#D5C0BB;}
.filter ul li .grape + span{background-color:#755366;}
.filter ul li .abyss + span{background-color:#434C5F;}

.filter ul li .blaze + span{background-color:#9B1E22;}
.filter ul li .pond + span{background-color:#809397;}
.filter ul li .willow + span{background-color:#5B3D3D;}

/* NEW FALL 2014 COLORS */
#select-color ul li.pewter {background-color:#3f3f41;}
#select-color ul li.dusk {background-color:#787e8a;}
#select-color ul li.chutney {background-color:#5f3527;}
#select-color ul li.natural {background-color:#dcb6a3;}
#select-color ul li.berry{background-color:#512e2c;}
#select-color ul li.blush{background-color:#806458;}
#select-color ul li.elephant{background-color:#817e6f;}
#select-color ul li.kale{background-color:#544d31;}
.filter ul li .pewter + span{background-color:#3f3f41;}
.filter ul li .dusk + span{background-color:#787e8a;}
.filter ul li .chutney + span{background-color:#5f3527;}
.filter ul li .natural + span{background-color:#dcb6a3;}
.filter ul li .berry + span{background-color:#512e2c;}
.filter ul li .blush + span{background-color:#806458;}
.filter ul li .elephant + span{background-color:#817e6f;}
.filter ul li .kale + span{background-color:#544d31;}


/* Hide Catalogue Advanced Search in breadcrumb on collection pages - AB. */
li.search {display:none;}

.dropdown-heading{cursor:default;}

/* Category Description/Image Styling */
.category-container{margin-bottom:20px;overflow: hidden;}

.category-container .category-image{
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}

.category-description.std{}

.category-description.std p{letter-spacing: 1px;font-size: 12px;}
.category-container {position: relative;overflow: hidden;}

.category-description {
width: 35%;
margin-left: 4%;
position:absolute;
top: 29%;
right:10%;
vertical-align: middle;
display: inline-block;
}

.category-image img {/*max-width: none;*/}

/*.category-container {width:100%;position:relative;}
.category-description {position:absolute;top:30%;right:8%;max-width:35%;}
.category-image img {max-width:100%;}
*/

span.availability.out-of-stock {text-transform: uppercase;}

/* ==================  NEWSLETTER popup  =======================*/
#newsletter_signup{
display:none;
position: fixed;
top: 50%;
left: 50%;
width: 450px;
height:300px;
padding: 20px;
z-index: 999998;
background:url('/wp-content/themes/mattandnat2014/img/newsletter_subscribe.jpg')no-repeat center top;
background-color: #FFF;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
margin-left: -225px;
margin-top: -150px !important;

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#newsletter_signup.fr {
	background:url('/wp-content/themes/mattandnat2014/img/newsletter_subscribe.jpg')no-repeat center top;
}

/*
http://mattandnat.com/wp-content/themes/mattandnat2014/img/mn_popup_signup_content_en.png
http://mattandnat.com/wp-content/themes/mattandnat2014/img/mn_popup_signup_content_fr.png

http://mattandnat.com/wp-content/themes/mattandnat2014/img/mn_popup_signup_thanks_fr.png
http://mattandnat.com/wp-content/themes/mattandnat2014/img/mn_popup_signup_thanks_en.png

*/

#newsletter_signup .close-a {

	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	margin: 0;
	padding: 0;

}

#newsletter_signup .close-a:hover {

	color: #000;
	cursor: pointer;

}

#newsletter_signup .content{
/*background: url('/wp-content/themes/mattandnat2014/img/newsletter_subscribe.jpg')no-repeat right -25px;*/
height: 250px;
}


#newsletter_signup.thankYou .content{
background-image: url('/wp-content/themes/mattandnat2014/img/mn_popup_signup_thanks_en.png');
background-position:-25px -25px;
}

#newsletter_signup.fr .content{
/*background-image: url('/wp-content/themes/mattandnat2014/img/mn_popup_signup_content_fr.png');*/
background-position: -23px -25px;
}

#newsletter_signup.fr.thankYou .content{
background-image: url('/wp-content/themes/mattandnat2014/img/mn_popup_signup_thanks_fr.png');
background-position: -23px -30px;
}


#newsletter_signup form{
position: absolute;
bottom: 30px;
right: 30px;
overflow:hidden;
}


#newsletter_signup form input{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

border: 0;
margin: 0;
padding: 0;
font-family: 'lato',serif;
letter-spacing: 1px;

font-size: 13px;
}


form.fb-nl input[type="email"],
#newsletter_signup form input[type="email"]{
border: 1px solid #000;
float: left;

padding: 5px 12px;
height: 30px;
width: 250px;
}

form.fb-nl input[type="submit"],
#newsletter_signup form input[type="submit"]{
background: #000;
color: #FFF;
float: left;
text-transform: uppercase;
padding: 5px 15px;
height: 30px;
cursor:pointer;

}

form.fb-nl input[type="email"]{
width: 60%;
box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: 'Lato',sans-serif;
font-size: 12px;
letter-spacing: 1px;
}

form.fb-nl input[type="submit"]{
border: 0;
width: 40%;
padding: 0;
font-family: 'Lato',sans-serif;
letter-spacing: 1px;
font-size: 12px;
}


form.fb-nl input[type="submit"]:hover,
#newsletter_signup form input[type="submit"]:hover{background-color:#222;}

.popupWrap.fb{
position: fixed;
width: 450px;
left: 50%;
margin-left: -225px;
padding: 15px 15px 15px 125px;
background: url('../img/mn_fb-nl.jpg')no-repeat bottom left;
background-color: #F4F3EF;
z-index: 99;
top: 30%;
min-height: 165px;

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}



/* =================   sales page (v2) ==============  */
.sales-banner{
text-align:center;
background:url('../img/sales-banner-bg.jpg')no-repeat center;
margin-bottom: 30px;
background-size: cover;
display:block;
}

.sales-banner .banner-text{
letter-spacing: 0;
font-size: 44px;
line-height: 1;
font-weight: normal;
}

.sales-banner .banner-text a{
display:block;
padding: 20px 0;
}

.stickybanner{
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 99999;

-webkit-transition:transform 0.4s linear;
-moz-transition:transform 0.4s linear;
transition:transform 0.4s linear;
    
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%);
}

.stickybanner.show{
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}

.stickybanner .sales-banner{
background:url('../img/sales-banner-sticky.jpg')no-repeat center;
background-size: cover;
}

.stickybanner .sales-banner .banner-text a{
color: #FFF;
font-size:26px;
}


.stickybanner .main-container{padding-left: 215px;}
.stickybanner .sales-banner{margin: 0;position: relative;}

.stickybanner .close{
position: absolute;
right: 10px;
top: 50%;
font-size: 26px;
width: 25px;
height: 25px;
line-height: 25px;
cursor: pointer;
z-index: 10;
display: block !important;
color: #FFF;
margin-top: -12px;
}
.stickybanner .close:after{content: '\00D7';}


.stickybanner *,
.category-cols *{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.category-cols{
overflow: hidden;
margin: 0 -15px 40px -15px;
padding-bottom: 40px;
border-bottom: 1px solid #E5E5E5;
}

.category-cols .columns{
padding: 0 15px 20px 15px;
border-left: 1px solid #d8d8d8;
width: 25%;
float: left;
}

.category-cols .columns:first-child{border:0;}

.category-cols .category-title{}

.category-cols .category-text{
font-size: 14px;
font-weight: normal;
text-align: center;
margin: 0 0 15px 0;
}

.category-cols .category-list{}
.category-cols .category-list li{margin-bottom: 20px;}
.category-cols .category-list img{}

.category-cols .product-image{}

.category-cols .product-image .front{}

.category-cols .product-image .back{display: none;}
.category-cols .product-image:hover .front{display: none;}
.category-cols .product-image:hover .back{display: block;}

.category-cols .product-name{}

.category-cols h2.product-name {
padding-top: 10px;
margin-bottom: 2px;
letter-spacing: 1px;
}

.category-cols .product-name a{
font-size: 11px; 
text-transform: capitalize;
}

.category-cols .product-name a:hover{text-decoration:underline;}


.category-cols .price-box .old-price{}
.category-cols .price-box .special-price{}

.category-cols .price-box .price{
font-size: 11px;    
letter-spacing: 2px;
margin: 0 3px 0 0;
}

.sub-menu .shop-sale{
padding-top: 20px !important;
}
.sub-menu .shop-sale a, .sidebar_category.sale a{color: #EE0000 !important;}
.sale-items-heading{
text-align: center;
margin-bottom: 35px;
}
.sale-items-heading .heading-text{
font-size: 18px;
line-height: 1.3;
}

/* ------------------- CHARITY ---------------------------- */


/*HOME PAGE charity */
.shop-hope {padding-top: 20px;}
.shop-hope a{color:#A1D9EF!important;}
.shop-hope a:hover{color: #C3DFEA!important;}
.charity-bag-presentation--content {padding-top: 20px;}
.charity-bag-presentation--content--thumb{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	position: relative;
}
.charity-bag-presentation--content--thumb img {
	width: 100%;
	height: auto;
}
.charity-bag-presentation--content--descr{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding-left: 5%;
	color: #c3dfea;
}
.charity-bag-presentation--content--descr .header--sub-title{
	text-align: left;
	padding: 0 0 10% 0;
	font-weight: 300;
}
.charity-bag-presentation--content--descr a {
	background: #000;
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding :20px 0;
	width: 260px;
	font-size: 16px;
	font-weight: 400;
}
.charity-bag-presentation--content--descr a:hover{opacity: 0.8}

.charity-bag-presentation .charity-bag-presentation--amount{
	padding: 110px 0 80px;
}
.charity-bag-presentation .charity-bag-presentation--amount > span:first-child{
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	text-align: right;
}
.charity-bag-presentation .charity-bag-presentation--amount .amount{
	width: 60%;
	letter-spacing: 0.2em;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding-left: 10%;
}

@media screen and (max-width: 1090px){
    .charity-suggestion--col--heading{
        font-size: 25px;}
}
@media screen and (max-width: 835px){

    .organization-thumb{height: 190px;}
    .organization-descr{top: 300px;}
    .organization-descr--logo{
        display: block;
        float: right;
        width: 60px;
        height: 60px;
        margin-top: -10px;
        position: relative; 
    }
    .organization-descr--logo img{ width: auto; height: 100%;}
    .organization-descr--content{display: block; width: 100%}
    .organisation-descr--content--title{font-size: 20px;}
    .organisation-descr--content--title a{display: block;}

    .charity-suggestion--col {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .charity-bag-presentation--amount {width: 100%; font-size: 40px;}
    .amount-table{height: 80px; border-width: 4px;}
    .amount-table td{border-width: 4px; width: 40px;}

    .charity-bag-presentation .charity-bag-presentation--amount > span:first-child,
    .charity-bag-presentation .charity-bag-presentation--amount .amount {
    	text-align: center;
    	display: block;
    	padding: 0 ;
    	line-height: 1em;
    	width: 100%;
    }
    .charity-bag-presentation .charity-bag-presentation--amount > span:first-child{
    	margin-bottom: 20px;
    }

    
}
@media screen and (max-width: 580px){
    .header--title{font-size: 20px; width: 100%; padding: 50px 0 ;}
    .header--title:after{padding-top: 40px;}
    .header--sub-title{font-size: 20px; padding-left: 0; padding-right: 0; padding-bottom: 40px}
    
    section.charity-header{padding-bottom: 10px;}
    .header--descr--col,
    .header--descr--col:last-child{display: block; width: 100%; padding: 0}
    
    .charity-learn:before{height: 34%}
    .organization-thumb{height: 100px;}
    .organization-descr{top: 200px;}


    .charity-bag-presentation--amount{font-size: 25px; }
    .amount-table{height: 60px; border-width: 3px;}
    .amount-table td{border-width: 3px; width: 20px;}

    .charity-suggestion--col--heading{
        font-size: 20px;
        width: 90%;
    }

    .charity-bag-presentation--content--thumb{
    	display: block;
    	margin: 0 auto;
    	width: 280px;
    }
    .charity-bag-presentation--content--descr{
    	display: block;
    	width: 100%;
    	padding-left: 0;
    }
    .charity-bag-presentation--content--descr .header--sub-title{
    	text-align: center;
    	padding-top: 40px;
    }
    .charity-bag-presentation--content--descr a{
    	margin: 0 auto;
    }
}
@media screen and (max-width: 430px){
    .organization-descr{top: 170px;}
    .charity-learn--organizations{padding-bottom: 480px;}
}
/* IE 8 AND 9 HACK*/
@media \0screen\,screen\9 {
    .header--title,
    .amount-table,
    .charity-suggestion--col--heading,
    .organisation-descr--content--title{font-family: helvetica, arial;}
    .active .organization-thumb{margin-bottom: -20px;}
}