/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

body { font-family: 'Roboto', sans-serif;, sans-serif; background:#f8f8f8;  }

* { margin:0; padding:0; }

img           { border:0; vertical-align:top; max-width:100%; }

a             { color:#2c2c2c; text-decoration:none; }
a:hover       { text-decoration:none; color: #8F9296; }
a:focus       { outline:0; color:#2c2c2c; }


h1, h2, h3, h4 {  }

h5, h6 {font-family: 'Roboto', sans-serif; font-size: 0.813rem; }

h3 { font-size: 1rem; margin-bottom: 20px; }


h3 span { font-weight: bold; }

li, p, a, b, .std { font-family: 'Roboto', sans-serif; font-size: 0.750rem; color: #222429; }

.std ul li,
.std ol li { list-style: disc; }

.largeRow {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100em; }

p.required { color: red; font-size: 0.688rem; margin: 10px; float: right; }

.required em { color: red; margin-right: 1px; }

.f-left { color: #8F9296; float: left; margin: 10px 0; }

.form-list { margin: 10px 0; float: left; width: 100%; }

.panel { float: left; width: 100%; }

.form-list .wide { float: left; width: 100%; margin:5px 0; padding: 0 10px; }

.form-list .wide input { width: 100%; }

.form-list label { margin: 7px 5px 5px 5px; }

.control { margin: 10px 0; }


.block input + span.label,
.control input + label,
.sp-methods input + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
    padding-left: 25px !important;
    margin-right: 15px;
    font-size: 12px;
    color: #868798;
    float: left;
    width: 100%;
}

.block input + span.label:before,
.control input + label:before,
.sp-methods input + label:before
{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #dddddd;
}

.block input + span.label:before,
.control input + label:before,
.sp-methods input + label:before {
    border-radius: 15px;
}

.block input:checked + span.label:before,
.control input:checked + label:before,
.sp-methods input:checked + label:before {
    content: "\2022";
    color: #8F9296;
    font-size: 25px;
    text-align: center;
    line-height: 17px;
}

.block input.radio,
.control input.checkbox,
.control input.radio,
.sp-methods input.radio { display: none; }

.block span.label { text-align: left; padding-top: 5px; float:left; }

.block span.label label { float: left; margin-left: -30px; padding-left: 30px; margin-bottom: 3px; position: relative; z-index: 3; }

/* Headings */


/* Forms */
form          { display:inline; }
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 */
strong        { font-weight:bold; }
address       { font-style:normal; }
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 !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; min-height:147px; position:relative; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }



/* Global */

header { background: white; }

header, footer { float: left; width: 100%; }

/* header .row { max-width: 88.750em; } make header wider */

.main { float: left; width: 100%; min-height: 300px; background: white; }

/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

body { font-family: 'Roboto', sans-serif;, sans-serif; background: white;  }

* { margin:0; padding:0; }

img           { border:0; vertical-align:top; max-width:100%; }

a             { color:#2c2c2c; text-decoration:none; }
a:hover       { text-decoration:none; color: #8F9296; }
a:focus       { outline:0; color:#2c2c2c; }


h1, h2, h3, h4 {  }

h5, h6 {font-family: 'Roboto', sans-serif; font-size: 0.813rem; }

h3 { font-size: 1rem; margin-bottom: 20px; }


h3 span { font-weight: bold; }

li, p, a, b, .std { font-family: 'Roboto', sans-serif; font-size: 0.750rem; color: #222429; /* float: left; */}

.std ul li,
.std ol li { list-style: disc; }

.largeRow {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100em; }

p.required { color: red; font-size: 0.688rem; margin: 10px; float: right; }

.required em { color: red; margin-right: 1px; }

.f-left { color: #8F9296; float: left; margin: 10px 0; }

.form-list { margin: 10px 0; float: left; width: 100%; }

.panel { float: left; width: 100%; }

.form-list .wide { float: left; width: 100%; margin:5px 0; padding: 0 10px; }

.form-list .wide input { width: 100%; }

.form-list label { margin: 7px 5px 5px 5px; }

.control { margin: 10px 0; }


.block input + span.label,
.control input + label,
.sp-methods input + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
    padding-left: 25px !important;
    margin-right: 15px;
    font-size: 12px;
    color: #868798;
    float: left;
    width: 100%;
}

.block input + span.label:before,
.control input + label:before,
.sp-methods input + label:before
{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #dddddd;
}

.block input + span.label:before,
.control input + label:before,
.sp-methods input + label:before {
    border-radius: 15px;
}

.block input:checked + span.label:before,
.control input:checked + label:before,
.sp-methods input:checked + label:before {
    content: "\2022";
    color: #8F9296;
    font-size: 25px;
    text-align: center;
    line-height: 17px;
}

.block input.radio,
.control input.checkbox,
.control input.radio,
.sp-methods input.radio { display: none; }

.block span.label { text-align: left; padding-top: 5px; float:left; }

.block span.label label { float: left; margin-left: -30px; padding-left: 30px; margin-bottom: 3px; position: relative; z-index: 3; }

/* Headings */


/* Forms */
form          { display:inline; }
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 */
strong        { font-weight:bold; }
address       { font-style:normal; }
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 !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; min-height:147px; position:relative; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }



/* Global */

header { background: white; }

header, footer { float: left; width: 100%; }

/* header .row { max-width: 88.750em; } make header wider */

.main { float: left; width: 100%; min-height: 300px; background: white; }

.homepage-container-1600 img {
    max-width: 1600px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success { color:#3d6611; font-weight:bold; }
.error { color:#ee001c; font-weight:bold; }
.notice { color:#ccc; }

.messages { float: left; width: 100%; }
.messages,
.messages ul { list-style:none !important; margin:0; padding:0; }
.messages { overflow:hidden; margin:0 0 10px; }
.messages li { margin:0; list-style: none; text-align: center; }
.messages li li { margin:0; list-style: none; }
.messages a { text-decoration:underline; }
.catalog-category-view .messages { margin-top:15px; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    background-position:25px center !important;
    background-repeat:no-repeat !important;
    padding:20px !important;
    font-size:12px !important;
}
.error-msg {
    border-color:#c02230;
    background-color:#F5DAD3;
    color:#c02230;
}
.success-msg {
    border-color:#296a23;
    background-color:#e9ffca;
    color:#296a23;
}
.note-msg,
.notice-msg {
    border-color:#7c622a;
    background-color:#FDEDA4;
    color:#7c622a;
    float:left;
    width: 100%;
    margin-top: 10px;
}

.validation-advice {
    display: block;
    padding: 0.33333rem 0.5rem 0.5rem;
    margin-top: -1px;
    margin-bottom: 0.88889rem;
    font-size: 0.66667rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF;
}

/* Buttons */


/* Common styles for buttons
-------------------------------------------------------------- */

button.button,
a.button,
button {
    background: #737155 !important;
    padding: 7px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    text-shadow: none;
}

button.button:hover,
a.button:hover,
button:hover {
    background: #8F9296;
}

button.button.right-btn,
a.button.right-btn,
button.right-btn,
button.coupon {
    padding: 7px 33px;
}

button.btn-update { position: absolute; bottom: 0; right: 15px; }

button.coupon { padding: 6px 10px; }

button.button.white,
a.button.white,
button.white {
    background: white;
    border: 1px #ddd solid;
    color: black;
    text-transform: none;
    text-shadow: none;
}

.buttons-set { float: left; width: 100%; padding: 10px 0; }

.buttons-set button { float: right; clear: right; margin: 5px 0; background: #737155; border-radius: 0;}

.buttons-set .back-link { float: left; padding:0; }

.account-create .buttons-set button { float: right; }

.btn-remove,
.btn-remove2,
.btn-edit,
.tool-tip .btn-close a {
    display:block;
    width:17px;
    height:17px;
    font-size:0;
    line-height:0;
    text-indent:-999em;
    overflow:hidden;
}

.btn-remove,
.btn-remove2,
.tool-tip .btn-close a {
    background:url(../images/img/pix.png) 0 -150px no-repeat;
}
.btn-remove:hover,
.btn-remove2:hover,
.tool-tip .btn-close a:hover { background-position: -17px -150px; }
.btn-remove:active,
.btn-remove2:active,
.tool-tip .btn-close a:focus { background-position: -34px -150px; }

/* Tables */

.data-table tr th,.data-table tr td { font-size: 0.725rem; }

/* Forms */

.form-subscribe .input-box { float: left; width: 100%; }

.form-subscribe button { display: table; margin: auto; }

/* Header */

header {
    position: relative;
    background: #C69721;
}

h1.logo-text { padding:0; margin: 0; }

h1.logo-text strong, .logo strong { display: none; }

/* Nav */

@media (min-width: 40.063em) {

    /* Nav Desktop */


}



/* Form Search */

.form-search {
    float: right;
    width: 100%;
    margin: 0;
    padding: 3px;
    margin-top: 13px;
    border: 1px solid #333;
    border-radius: 3px; }

.form-search input[type="text"] {
    color: #ddd;
    font-size: 0.750rem;
    border:0;
    float: left;
    width: 80%;
    margin: 0;
    padding:5px;
    background: white;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    top:0;
    height: 39px;
}

.form-search input:focus {
    background: #fff;
    color: #333;
    border-color: #8F9296;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0);
    box-shadow: 0 0 5px rgba(0,0,0,0);
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;

}

.form-search button.button {
    float: right;
    width: 20%;
    height: 39px;
    padding:0;
    margin: 0;
    text-indent: 1000%;
    white-space: nowrap;
    overflow: hidden;
    background: white url(../images/img/magnify.png) no-repeat 50% !important;
    top:0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


/* Header */

.topHeader { background: #0b0b0b; float: left; width: 100%;}
span.big-phone {
    font-size:18px;
    margin-left:5px;
}

.form-language select {
    color: #fff !important;
    border: none;
    font-size: 12px;
    background: #575757;
    float: left;
    width: auto;
    max-width: 150px;
    height: 41px;
    line-height: 1;
    font-family: BrandonGrotesqueMedium;
    padding-right: 30px;
}

.form-language p {
    float: left;
    color: #fff;
    padding: 10px 0;
    margin: 0;
    margin-right: 10px;
}

.form-language span { float: left; width: 15%; }

.form-language span img {
    padding: 5px 0;
    float: right;
    margin-right: 10px;
}

.form-language .fa {
    color: #fff;
    position: absolute;
    top: 30%;
    left: 70%;
}

.accountLinks { float: right; margin: 0; margin-right: 0;  }

.accountLinks li { float: left; line-height: 40px;}

.accountLinks li:last-child { margin-right: 0; }

.accountLinks li a { color: #adadad; font-size: 11px; line-height: 40px; font-family: 'Roboto' sans-serif; }

.accountLinks li.account a { text-transform: uppercase; }

.accountLinks a:hover { color: white; }

.accountLinks li.cart { background: white; }

.accountLinks li.cart a { color: #222; text-transform: uppercase; /* padding: 0 10px; */  }

.accountLinks li.cart {
    background: white;
    height: 41px;
    margin-left: 15px;
}
.accountLinks li .icon {
    float: left;
    height: 41px;
    width: 40px;
    background: url(../images/img/basket.png) #c7b570 no-repeat center; }

.logo {position: relative; z-index: 99;}

.logo img {
    position: absolute;
    top: -4px;
    left: -2px;
    width: auto;
    max-width: 344px;
    height: 80px;
}
header .specials-row {
    padding-left: 30px;
}
.lowerHeader { background: white; }

.top-bar { height: 75px; background: none; margin-left: 50px; }

.top-bar ul, .top-bar-section li a:not(.button)  { background: white !important; text-transform: uppercase;}

.top-bar-section ul li:hover:not(.has-form)>a { background: #c7b570!important; }

.top-bar-section li a:not(.button) { padding: 13px !important; line-height: 65px; color: #222; font-family: 'Roboto' sans-serif; }

.no-js .top-bar-section ul li:hover > a { color: #878484; background: none; border-top: 3px solid #C7B570; }

.top-bar-section ul li.active>a { background: none; color: #222; }

.companyLinks li { float: left; margin-right: 25px; }

.companyLinks li:last-child { margin: 0; }

.companyLinks li a { line-height: 65px; color: #adadad; }

ul.companyLinks { float: right; margin: 0; padding-right: 40px; }

.top-bar-section .has-dropdown>a:after { display: none; }

.top-bar-section .dropdown li { background: white; margin-bottom: 5px;  }

.top-bar-section .dropdown li a:not(.button) { line-height: 45px; }

.no-js .top-bar-section .has-dropdown ul li:hover>a { border: none; margin: 0; }

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none;
    color: #0b0b0b;
    /*color: #fff;*/
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
    /* border-top: 3px solid #c7b570; */
}
ul#nav .level-top .over:hover{
    color:#0b0b0b;
}
ul.title-area {
    display:none
}
/* Footer */

footer { background: #282828; }

footer ul { margin:0; float: left; width: 100%; }

.mainFooter { padding: 40px 0px; }

.lowerFooter { background: white; float: left; width: 100%;  }

footer .lowerFooter .copy  { margin-top: 14px; font-size:0.625rem; float: right; }
footer .lowerFooter .copy a b { font-size:0.625rem; color: white; }

.lowerFooter .cards {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/img/cards.png) no-repeat 0%;
}

footer a, footer li, footer p {
    font-family: BrandonGrotesqueRegular !important;
    font-size: 14px;
    margin: 0;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: normal !important;
    color: #fff;
}

footer a:hover { color: #f8e60f; }

footer li { line-height: 30px; }

footer h3,footer h3 span {
    color: white;
    font-family: BrandonGrotesqueMedium !important;
    font-size: 14px;
    margin: 0;
    line-height: 34px;
    letter-spacing: 1px;
    font-weight:normal !important;
}


.form-subscribe .input-box input[type="text"] {
    height: 33px;
    width: 100%;
    background: #FFFFFF;
    border: none;
    color: #0B0B0B;
    font-size: 14px;
    font-family: BrandonGrotesqueMedium !important;
}
.form-subscribe button { display: none; }

.socialLinks {
    float: left;
    width: auto;
    margin: 0;
    padding: 5px; }

.socialLinks li {
    float: left;
    list-style: none;
    margin-right: 10px;
    width: auto; }

.socialLinks li a {
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/social.png) no-repeat; }

.socialLinks .twitter a {
    background-position: -28px; }

.socialLinks .mail a {
    background-position: -60px; }

footer .copy span { float: right; }



/* Home Page */
.grey-background {
    background:#f5f5f5;
    width:100%;
    float:left;
    /* padding-bottom: 20px; */
}

.spesh h2 {
    font-weight:900;
    font-size:30px;
    text-transform:uppercase;
    margin-top:20px;
    margin-bottom: 30px;
    color:#0b0b0b;
    position: relative;
}

.spesh h2:after {
    background:#c7b570;
    content:'';
    width:60px;
    margin-top:60px;
    height:5px;
    position:absolute;
    left: 0;

}

.clear-fix {
    width:100%;
    float:left;
    background:white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.clear-fix-white {
    background:white;
}
.homepage-container-1600 { max-width: 100.000em; }

.homepage-container-1400 { max-width: 88.750em;  }

.twitter li { padding: 20px; margin-bottom: 10px; }

#tweecool {
    background:white;
    float:left;
    width:100%;
    padding:40px;
    margin-bottom:30px;
    margin-top:30px;
    height:200px;
    margin-right:30px;
}

#tweecool li {
    float:left;
    width:100%;
}
div#instafeed {
    width:100%;
    height:200px;
    float:left;
    margin-top:29px;
    background:white;
}
.tweets_txt {
    margin-top: 10px;
}

/* Just for looks */
#latest-tweets {
    background: #fafafa;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    border-radius: 5px;
    overflow: hidden;
}

/* Remove padding, margin, bullets and
   make sure it's only one line */
#latest-tweets ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    float: left; /* This makes the ul the full width of the children */
}

/* Tweets on one line, separated */
#latest-tweets ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

#latest-tweets ul li p {
    margin: 0;
}

/* Hide some stuff we don't want */
#latest-tweets ul li div.user,
#latest-tweets ul li p.timePosted,
#latest-tweets ul li p.interact {
    display: none;
}

/* Scroll it (thanks: http://stackoverflow.com/questions/21233033/css3-marquee-effect) */
#latest-tweets ul {
    padding-left: 110%;  /* show the marquee just outside the paragraph */
    -webkit-animation: marquee 30s linear infinite;
}

#latest-tweets ul:hover {
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
#instafeed .slick-slide img { display: block; position: relative; flat:left; width:150px; padding: 10px; margin-top:30px; margin-left: 30px;}
#instafeed p {
    float:right;
    width:50%;
    margin-top: -125px;
    margin-right: 25px;

    height: 95px;
    overflow: hidden;
}
.slick-dots { position: absolute; bottom: -15px !important; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.greyboxes {
    background:#f5f5f5;
    padding: 10px;
    border-radius:10px;
    margin-top: 20px;
    box-sizing: border-box;
    margin-left: 0;
    float: left;
    width: 100%;
}
.tags-list .littlebox {
    padding-left:0 !important;
    background:#f5f5f5;
    margin-right: 2.5%;
    width: auto;
    border-radius:10px;
    padding-right: 0 !important;
}
.tags-list ul {
    margin-bottom:0;
}
.social-links h1{
    margin-bottom:20px;
    padding-bottom: 27px;
    /* padding-top:8px; */
}

a.social_btn {
    background: url(../images/img/sprite-performance.png) no-repeat;
    width: 54px;
    height:54px;
    float:left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.footer_social_btns {
    background: url(../images/img/google116.png) no-repeat;
    width: 54px;
    height:54px;
    float:left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.footer_social_btns.google {
    background-position: -24px -30px;
    width: 27px;
    height: 27px;
    margin-top: -5px;
}
a.social_btn.facebook {
    background-position: -155px -3px;
    width: 54px;
    height: 54px;
}
a.social_btn.instagram {
    background-position: -93px -3px;
    width: 54px;
    height: 54px;
}

a.social_btn.twitter {
    background-position: -32px -3px;
    width: 54px;
    height: 54px;
}
a.footer_social_btn {
    background: url(../images/img/sprite-performance.png) no-repeat;
    width: 20px;
    height:20px;
    float:left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.footer_social_btn.facebook {
    background-position: 0px -276px;
    width: 20px;
    height: 20px;
}
a.footer_social_btn.email {
    background-position: -62px -276px;
    width: 20px;
    height: 20px;
}

a.footer_social_btn.twitter {
    background-position: -29px -276px;
    width: 20px;
    height: 20px;
    margin-right:5px;
}

@media(max-width:1024px){
    .tags-list .littlebox {
        padding-left:0 !important;
        background:#f5f5f5;
        margin-right: 2.5%;
        width: 100%;
        border-radius:10px;
        padding-right: 0 !important;
        margin-bottom:20px;
    }
    .tags-list .littlebox img{
        width:auto;
        display:block;
        margin:0 auto
    }
}
@media(max-width:680px){
    .grey-background li {
        float: none;
        width: 100%;
        text-align: center;

    }
}
/* Slider */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; position: relative; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-slide .title { position: absolute; top: 30%; left: 18%; z-index: 1000; width: 60%; }
.slick-slide .title h1 { color: white; text-align: center; font-family: 'Roboto' sans-serif; font-size: 45px; text-shadow: 3px 2px 8px #222; }

.slick-slide .seemore { position: absolute; top: 90%; left: 45%; z-index: 1000; }
.slick-slide .seemore a { color: white; font-size: 11px; }


/* home Posts */


.postWrap {
    position: relative;
    background: #fff;
    border: 3px solid white; }

.postWrap * {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.postWrap .overlayContent {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    display: table;
    margin: auto;
    float: none;
    width: 80%; }

.postWrap .overlayContent * {
    text-align: center; }

.postWrap .overlayContent {
    opacity: 0;
    z-index: 1; }

.postWrap:hover .overlayContent {
    opacity: 1; }

.postWrap:hover span.date {
    opacity: 0; }

.postWrap:hover img {
    opacity: 0.2; }

.postWrap .overlayContent h1 {
    font-size: 18px;
    color: #222222;
    font-family: 'Roboto' sans-serif; }

.postWrap .overlayContent p {
    font-size: 10px;
    color: #222222; }

.postWrap span.date {
    float: left;
    width: 60px;
    height: 60px;
    background: #f8e60f;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #222429;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    text-transform: uppercase;
    padding-top: 18px;
}

#singleTweet { padding-top: 60px; }

#singleTweet .tweets_txt {
    text-align: center;
    float: left;
    width: 100%;
    background: url(../images/twitter.png) no-repeat top center;
    padding-top: 40px; }


#singleTweet .tweets_txt span {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 10px; }

/* Services */

.services { margin-top: 30px; }

.services .slick-slide .title { position: absolute; top: 74%; left: 10px; z-index: 1000; }
.services .slick-slide .title h1 {
    font-size: 16px;
    float: left;
    text-shadow: none;
    background: #f8e60f;
    padding: 10px 20px;
    color: #222429;
}

.services .slick-slide .service-desc p { text-align: center; }
.services .slick-slide .service-desc { position: absolute; float: left; top: 10%; left: 66%; width: 30%; }
.services .slick-slide .service-desc a.btn {
    color: white;
    background: #898989;
    position: absolute;
    left: 17%;
    margin-top: 40px;
    padding: 10px 20px;
}

.services .slick-slide img { padding: 10px; }
.services .slick-initialized .slick-slide { background: white; }

.services .serviceimg { width: 65%; }

.services .servicetxt { width: 30%; }


/* Home Page New Products */

.featured { background: white; margin-top: 30px;  padding: 10px 30px; }

.featured .items-new .maintitle { display: none; }

.items-new .bottom-box { padding-top: 10px; }
.f-fix h2.product-name a {
    font-weight: normal;
    color: #666;
    font-size: 14px;
    text-transform:uppercase;
}

/* Icons */

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

.slick-prev, .slick-next { margin: 0; display: none !important; }

/* Dots */
.slick-slider,
.slick-slide p { margin-bottom: 0; }



.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px;  font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }


.featured_block .items-best,.featured_block .items-new, .featured_block .items-featured { visibility: hidden; opacity: 0;  -webkit-transition: all 400ms ease;
                                                                                          -moz-transition: all 400ms ease;
                                                                                          -ms-transition: all 400ms ease;
                                                                                          -o-transition: all 400ms ease;
                                                                                          transition: all 400ms ease; }
.featured_block .items-new.show { visibility: visible; opacity: 1;  -webkit-transition: all 400ms ease;
                                  -moz-transition: all 400ms ease;
                                  -ms-transition: all 400ms ease;
                                  -o-transition: all 400ms ease;
                                  transition: all 400ms ease; }
.featured_block .items-best.show { visibility: visible; opacity: 1;  -webkit-transition: all 400ms ease;
                                   -moz-transition: all 400ms ease;
                                   -ms-transition: all 400ms ease;
                                   -o-transition: all 400ms ease;
                                   transition: all 400ms ease;}
.featured_block .items-featured.show { visibility: visible; opacity: 1;  -webkit-transition: all 400ms ease;
                                       -moz-transition: all 400ms ease;
                                       -ms-transition: all 400ms ease;
                                       -o-transition: all 400ms ease;
                                       transition: all 400ms ease;}

.featured_block { position: relative; height:420px; float: left; width: 100%; margin-bottom: 30px; }
.featured_block .items-best,
.featured_block .items-new, .featured_block .items-featured {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
}

.featured_block .title { background: white; float: left; width: 100%; height: 50px; margin-bottom: 20px; }

.featured_block .title ul { display:table; margin: auto; }

.featured_block .title li { float: left; padding:0; height: 50px; margin-right: 10px; }

.featured_block .title li a {
    display: block;
    height: 50px;
    font-size: 0.850rem;
    padding:12px 20px 10px 40px;
    background: white url(../images/img/star.png) 5% 40% no-repeat;
}

.featured_block .title li a span { font-weight: bold; }

.featured_block .title li a.active { background: #f8f8f8 url(../images/img/star.png) 5% 40% no-repeat;}

.featured_block .slick-prev { left: 0; top: -62px; }

.featured_block .slick-next { right: 0; top: -62px; }

.featured_block .titlemain,
.featured_block .viewall { display: none; }

.featured_block .products-grid .item .container {
    position: relative;
}

.featured_block .special-price .price { color: #9a3535;  }

.featured_block .products-grid .actions {
    background: rgba(0,0,0,0.8);
    padding: 10px;
    margin: 0;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left:0;
}

.featured_block .products-grid .active .actions {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}



.featured_block .products-grid .actions button,
.featured_block .products-grid .actions .button {
    background: none;
    text-transform: none;
    font-size: 0.688rem;
    text-shadow:none;
    color: white;
    float: left;
    width: 100%;
    padding:0;
    margin: 20px 0;
}
.featured_block .products-grid .actions a.i-link {
    color: white;
    float: left;
    width: 100%;
    padding:0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 0.688rem;
}

.featured_block .products-grid .actions .button {
    padding-top: 20px;
    background: url(../images/img/white_gauge_icon.png) no-repeat 50% 0;
}
.featured_block .products-grid .actions a.i-link {
    padding-top: 20px;
    background: url(../images/img/white_info_icon.png) no-repeat 50% 0;
}

.featured_block .products-grid .actions button.button {
    background: url(../images/img/white_cart_icon.png) no-repeat 50% 0;
}

/* Bottom Box */
.featured_block .bottom-box { float: left; width: 100%; background: white; margin-top: 10px; }
.featured_block .active .bottom-box { background: #8F9296; color: white; }
.featured_block .active .bottom-box a { color: white; }
.featured_block .active .bottom-box .right-box .price { color: white; }

.featured_block .bottom-box .product-name { float: left; width: 70%; padding: 10px;  }
.featured_block .bottom-box .product-name a { font-size: 0.688rem;  }
.featured_block .bottom-box .right-box { float: left; width: 30%; padding: 10px;  }
.featured_block .bottom-box .right-box .price { font-size: 0.850rem; text-align: center; width: 100%; float: left; }

.featured_block .bottom-box .vat {  display: none; }

.featured_block .bottom-box .is_new { color: white; background: #8F9296; text-align: center; margin-bottom: 5px; }

.featured_block .product-image { background: white; }

.featured_block .active .bottom-box { background: #8F9296; color: white; }

.featured_block .products-grid .item .ratings {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.featured_block .products-grid .item .ratings .amount {
    color: #666;
    line-height: 1.4;
    font-size: 0.688rem;
    text-transform: none;
    background: none;
    margin-right:3px;
}

/* Sidebar Blocks */

.block {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.block label,.block .label { background: none; }

.block .block-title {
    float: left;
    width: 100%;
    padding: 18px;
    margin-bottom: 10px;
    background: #F8F8F8;
    color:#27479e;
    text-transform: uppercase;
}

.block .block-content { float: left; width: 100%; }

.block ul { float:left; width: 100%; margin:0; margin-bottom: 20px; }

.block ul li { padding: 10px; float:left; width: 100%; border-bottom:1px #ddd solid;  }

.block .block-title strong { font-weight: normal; font-size: 0.875rem; }

.block dt { font-size: 0.875rem; margin-top: 10px; padding: 10px 0; border-top:1px #f1f1f1 solid; color: #adadad; text-transform: uppercase; }

.block ol { margin: 0; }

.block dl { padding: 0 5px; float: left; width: 100%; }

.sidebar .block input[type="checkbox"] { float: right; margin: 10px; }

#poll-answers { float: left; width: 100%;  }

#poll-answers li { float: left; width: 100%; padding: 10px; background: white; border-bottom: 1px solid #ddd; margin-bottom: 5px; }

#poll-answers .answer { float: left; }

#poll-answers .votes { float: right; }

/* Accordion */

.block-layered-nav dt + dd {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}
.block-layered-nav dt.open + dd {
    height: auto;
    overflow: hidden;
    visibility: visible;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}

.block-layered-nav dt {
    color: #adadad;
    cursor: pointer;
}

.block-layered-nav dt.open {
    color: #000;
}

.block-layered-nav dt:after {
    content: '+';
    float: right;
}

.block-layered-nav dt.open:after {
    content: '-';
    float: right;

}

.block-layered-nav .btn-remove { float: right; }

.block-layered-nav .label {
    color: #c4c4c4;
    font-size: 0.750rem;
    background:none;
    padding: 0;
}

.currently li { margin-bottom: 5px; background:#f1f1f1; border-bottom: 1px solid #ddd; padding: 3px;  }

.block-layered-nav .actions { float: left; width: 100%; }

.block-layered-nav .actions a { font-size: 0.688rem; color: #c4c4c4; float: right;  }

/* Product Page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.category-title h1 { margin-bottom: 10px; color: #27479e; font-family: 'Roboto' sans-serif; margin-top: 0px; font-size: 30px; }

.main-description { padding-bottom: 20px; }

.topDescription { text-align: center; margin-bottom: 30px;  }

.category-description.std { line-height: 24px; color: #adadad; }


/* Breadcrumbs */

.breadcrumbs {
    display: block;
    padding: 5px 0;
    margin-top: 15px;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    background: none;
    border: none;
    margin-bottom: 0px;
}

.catalog-product-view .breadcrumbs { margin-bottom: 15px; }

.breadcrumbs>* a,
.breadcrumbs>* span {
    text-transform: uppercase;
    color: #8F9296;
    font-size: 0.688rem;
}

.breadcrumbs>*:before {
    content: "/";
    color: #aaa;
    margin: 0 5px;
    position: relative;
    top: 0px;
}

/* Sorter
-------------------------------------------------------------- */




.sorter { padding:5px 0; }

/* View mode */
.view-mode { float:left; margin-left: 6rem; }
.view-mode label { margin-right:5px; font-size: 0.688rem; }
.view-mode .grid,
.view-mode .list {
    display:inline-block;
    vertical-align:middle;

    margin:0 0 0 1px;
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.view-mode .grid { background-position:0 -207px; }
.view-mode .list { background-position:-30px -207px; margin-left:-5px; }
.view-mode a.grid:hover { background-position:0 -237px; }
.view-mode a.list:hover { background-position:-30px -237px; }

.view-mode .grid, .view-mode .list {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 1px;
    background-image: url(../images/img/pix.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/*.sorter .view-mode .grid { background-position:0 -277px; }
.sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; }
.sorter .view-mode a.grid:hover { background-position:0 -307px; }
.sorter .view-mode a.list:hover { background-position:-30px -307px; }*/
/* Currently selected mode icon */
/*.sorter .view-mode span.grid,
.sorter .view-mode span.list {}*/

/* Sort by */
.sort-by { float:left; margin-right:10px; padding-right:3px;  }
.sort-by .category-asc,
.sort-by .category-desc {
    display:inline-block;
    text-indent:-9999px;
    overflow:hidden;
}
.sort-by .category-asc { background:url(../images/img/pix.png) 0 -87px no-repeat transparent; }
.sort-by .category-desc { background:url(../images/img/pix.png) -60px -87px no-repeat transparent; }
.sort-by .category-asc:hover { background-position:-30px -87px; }
.sort-by .category-desc:hover { background-position:-90px -87px; }

/* Pager
-------------------------------------------------------------- */
.pager { float: right; }


/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
    float: left;
    width: 100%;
    margin:0;
}

.toolbar-bottom { float: left; width: 100%; margin-bottom: 20px; }

.toolbar-bottom .toolbar-compare { display: none; }

.toolbar-top { float: left; width: 100%; background: #f8f8f8; margin-bottom: 15px; margin-top: 15px; padding: 10px; }

.toolbar-top .amount {
    float:left;
    padding: 10px;
    font-size: 0.688rem;
    width: 25%;
    text-align: center;
    background: none;
    border-right: #e5e5e5 1px solid;
}

.toolbar-top .amount strong { text-transform: uppercase; color: #27479e; font-weight: normal; }

.toolbar .limiter select {
    width:100px;
    text-align: center;
    background-position-x:93%;
    font-size: 0.688rem;
    padding:5px;
    border: none;
    background: none;
}

.toolbar select {
    width: 100px;
    text-align: center;
    background-position-x: 93%;
    font-size: 0.688rem;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #27479e;
    background: white;
}

.toolbar .limiter select { width:50px; }

.toolbar label { display: inline; font-size: 0.688rem; }

.pager .pages ol { margin:0; }
.pager .pages ol li { float: left; text-align: center; }

.pager .pages ol li a {
    display: block;
}

.pager .pages ol li.next a {
    float: left;
    display: block;
    width: 100%;
}

.toolbar .limiter,.toolbar .sort-by { float:left; width: 25%; text-align: center; padding: 3px; }
.toolbar .limiter label { color: #27479e; font-weight: normal; text-transform: uppercase; }

.sort-by label { color: #27479e; text-transform: uppercase; font-weight: normal; }

.sort-by a:hover,.view-mode a:hover { background-color:#666;  }

/* Bottom toolbar */
.toolbar-bottom { margin-top:10px; }
.toolbar-bottom .toolbar { border-bottom:none; }
.toolbar-bottom .toolbar .pager { border-top:none; }
.toolbar-bottom .sorter {}

.toolbar-compare { float: left; }


/* Common styles for toolbar elements
-------------------------------------------------------------- */

/* Size */
.sorter,
.pager { line-height:36px; } /* Important: the same as the height of the form elements */
.view-mode .grid,
.view-mode .list,
.sort-by .category-asc,
.sort-by .category-desc,
.pager .pages li { width:30px; height:30px; line-height:30px; }
.sort-by .category-asc { display: none; }


/* Active icon */
.view-mode span.grid,
.view-mode span.list,
.pager .pages li.current
{
    background-color: #e5e5e5;
}

/* Amount */
.pager .amount,
.amount { float:left; padding-right:10px; margin-right:10px; background:url(../images/img/link-separator.png) right center no-repeat; }




/* Products */

p.up, p.dn, a.up, a.dn {
    float: left;
    width: 20px;
    background: #000;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin: 13px 0;
}

p.up { margin-right: 10px; float: right; }

.product-view .product-shop { background: #f8f8f8; padding: 20px; border-bottom: 2px solid #27479e; }

.product-view .product-collateral { margin-top: 30px;  }

.product-view #ProductInfo .std { line-height: 24px; font-family:BrandonGrotesqueRegular; }

.products-list .item { float:left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; }

.products-list .item h2 a { font-weight: bold; color: #8F9296; }

.products-list .item .link-learn { font-weight: bold; color: #8F9296; }

.products-grid h2.product-name {
    line-height: 12px;
    float: left;
    width: 60%;
    margin-top: -5px;
}

.products-grid .item { position: relative; }

.products-grid .actions,
.products-list .actions { margin-top: 10px; padding: 5px 7px; }

.product-view .actions { padding: 0px; }

.products-grid .actions,
.product-view .actions,
.products-list .actions { float: left; width: 100%; }

.product-view .actions { padding: 0 0; }

.products-grid .actions { background: #F8F8F8; padding: 15px 10px; }

.products-grid .actions .price-box,
.product-view .actions .price-box,
.products-list .actions .price-box {
    display: table;
    margin: 10px auto;
}

.products-grid .actions .price-box { margin: 0; float: right; }

.product-view .actions .price-box { margin: auto; padding-bottom: 13px; padding-top: 10px; display: block;}

.products-list .item form { display: table; margin: auto; }

.products-grid .actions #qty,
.compare-table .actions #qty,
.product-view .actions #qty,
.products-list .actions #qty { float: left; width: 60px; height: 33px; }


.products-grid .actions .price-box .price,
.compare-table .actions .price-box .price,
.product-view .actions .price-box .price,
.products-list .actions .price-box .price { color: #8F9296; font-size: 0.950rem; font-weight: bold; }

.products-grid .actions .price-box .price { font-size: 0.750rem; color: #222429; font-weight: normal; }

.products-grid .actions .price-box .label,
.compare-table .actions .price-box .label,
.product-view .actions .price-box .label,
.products-list .actions .price-box .label { background:none; color: #c4c4c4;  }

.products-grid .actions span.vat,
.compare-table .actions span.vat,
.product-view .actions span.vat,
.products-list .actions span.vat { color: #c4c4c4; font-size: 0.750rem; line-height: 2; }



.products-grid .item .ratings {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

ul.add-to-links { float: left; width: 100%; margin:0;  }

.add-to-links a { font-size: 0.688rem; float: left; }

.add-to-links a:before {
    content: '+';
    float: left;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -13px;
}

.add-to-links li:last-child a {float: right;}

a.button.compare { padding: 2px 5px 2px 30px; background:url('../images/img/icon_gauge.png') no-repeat 10% 50%;   }

a.button.clear { padding: 2px 15px 2px 15px; }

.block-compare .block-content { padding: 10px; border: 1px #ddd solid; float: left; width: 100%; }

.block-compare .title { margin-top: 20px; }

.toolbar .block-compare .title { float:left; width: 100%; margin-top: -28px; }

.sidebar .block-compare .title { margin-top: 0; }

.sidebar .block-compare { margin-bottom: 20px; }



.block-compare h3 { float:left; padding: 10px; border: 1px #ddd solid; border-bottom: 0; width: auto; margin: 0; }

#compare-items .btn-remove { float: right; }

#compare-items .product-name {padding:0; margin: 0;}

#compare-items .product-name a { font-size: 0.688rem; color: #666;  }

#compare-items li { padding: 5px; background:#f8f8f8; margin-bottom: 3px; border-bottom: 1px #ddd solid;  }
#compare-items li:last-child { margin-bottom: 10px; }

.compare-table {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background:#f7f8fa;
}

.compare-table td { background: white; }

.compare-table h2,.compare-table h3,.compare-table h4 { font-size: 0.850rem; margin: 5px 0; padding:0; }
.compare-table p { margin-bottom:3px; font-size: 0.688rem; }

th span.nobr { color: #666; }

.product-view h1 { font-family: 'Roboto', sans-serif; font-size: 1.313rem; margin-top: 0; }

.product-view .availability { font-weight: bold; }

.product-view .availability.in-stock span { color: green; }

.product-view .actions .price-box .price { font-size: 1.313rem; font-weight: normal; color: #27479e; }

.product-view .actions p.quantity { float: left; line-height: 38px; padding-right: 20px; }

.product-view .actions .btn-cart { padding: 7px 28px; width: 100%; background: #27479e; height: 50px;  }

.product-view .actions #qty { height: 38px; }

.product-view .tiers { float: left; width: 100%; /* padding: 10px 0; */ }

.product-view .tier-prices { margin: 0; }

.product-view .tier-prices li { float: left; width: 33%; }

.product-view .tier-prices li span { float: left; width: 100%; padding:5px; padding-left: 0; font-size: 0.688rem;  }

.product-view .tier-prices li.tier-price span { padding-left: 10px; }

.product-view .tier-prices li span:last-of-type { border-top: 1px solid #ddd; }

.product-view .tier-prices .msrp-price-hide-message { display: none; }

.product-view .benefit { color: #c12323; }

.product-view .product-img-box .product-image { border: 1px solid #ddd;  height: 450px; width: 320px; float: right; }

.product-view .product-image img { display: block; }

.product-view .std br {display: none;}

.product-view .std h2,.product-view .std h3,.product-view .std h4 { font-size: 1rem; margin: 5px 0; padding:0; font-weight: bold; }

.more-views { float: left; width: 40%; margin: 10px 0 30px 0; position: absolute; }

.more-views ul { float: left; width: 100%; margin: 0; }

.more-views li { float: left; width:89px; margin: 0 0px 10px 0px; border: 1px solid #ddd; }

.product-view .product-options label { color: #222429; font-size: 12px; }

.product-view .product-options .input-box select { font-size: 12px; background-color: white; }

.product-view p.required { display: none; }

.product-options-bottom .price-box { float:left; margin:0; padding:0; display: none}

/* Product Share */

.product-view .share ul { margin: 0; }

.product-view .share li { margin-bottom: 10px; }

.product-view .share .facebooksh { background-color: #3b5998; padding: 10px; }

.product-view .share .facebooksh a { color: white; text-transform: uppercase; font-size: 10px; }

.product-view .share .twittersh { background-color: #00aced; padding: 10px; }

.product-view .share .twittersh a { color: white; text-transform: uppercase; font-size: 10px; }

.product-view .share .facebooksh a::before {
    content: '';
    float: left;
    background: url(../images/share-sprite.png) 0% 100% no-repeat;
    height: 38px;
    width: 38px;
    background-color: #3a4f7a;
    margin-right: 20px;
    background-position: 10px -42px;
    margin-top: -9px;
    margin-left: -9px;
}

.product-view .share .twittersh a::before {
    content: '';
    float: left;
    background: url(../images/share-sprite.png) 100% 0% no-repeat;
    height: 39px;
    width: 39px;
    background-color: #037fae;
    margin-right: 20px;
    background-position: 11px 11px;
    margin-top: -10px;
    margin-left: -10px;
}



/* Tabs */

.tabs a.button {
    margin-right: 10px;
    font-size: 0.750rem;
    text-transform: none;
    text-shadow:none;
    padding: 15px 35px 15px 35px;
    background-color: #27479e;
    border-radius: 0;
    color: white;
}

.tabs a.button:hover,
.tabs .active a.button,
.tabs dd.active a
{
    background-color: #f8f8f8;
    color: #27479e;
    border-radius: 0;
    border-top: 2px solid #27479e;
}

#gallery { position: relative; }

#gallery .zoomer {
    position: absolute;
    top:10px;
    right: 15px;
    z-index: 2;
    font-size: 1rem;
    display: none;
}

/* Prices */

.minimal-price-link { }
.minimal-price-link label,
.minimal-price-link .label { background:none; color: #666;  padding: 0; }
.minimal-price-link .price {  text-decoration: underline;  }

.cart-cell .minimal-price-link .price { float: left; }

.add-to-cart-alt button.button { width: 100px; padding: 5px; font-size: 0.750rem; }

.price-box .old-price,
.price-box .special-price { float: left; margin: 0 5px;  }

.price-box .old-price .price { color: #999; text-decoration: line-through; }
.price-box .special-price .price { color: #9a3535; }

.products-grid .price-box .old-price .price,
.compare-table .price-box .old-price .price,
.products-list .price-box .old-price .price { color: #999; text-decoration: line-through; }
.products-grid .price-box .special-price .price,
.compare-table .price-box .special-price .price,
.products-list .price-box .special-price .price
{ color: #9a3535; }


.price-box .old-price .price-label,
.price-box .special-price .price-label
{ display: none; }

/* Related and Upsells
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.related ol { margin-left:20px; }

.related .product { margin-top: 0; }

.related .block-title { background: #f8f8f8; color: #1e1e1e; padding: 10px 0; margin: 0; border-top: 1px solid #f8e60f; }

.related .block-title span { text-transform: uppercase; display: table; margin: auto;     font-size: 20px; padding: 8px; letter-spacing: 1px; font-weight: 500; color: #0B0B0B; }

.related a.product-image { float: left; width: 100%; margin-right: 10px; }

.related .related-checkbox { display: none; float: right; }

.related .product-details { display: block;
    float: right;
    width: 100%;
    padding: 25px;
    background: white; }

.related .item { float: left; margin-bottom: 30px; width: 100%; }

.related .add-to-links { float: left; width: 100%; }

.related .price-box, .related a.product-name { float: left;
    width: 100%;
    /* display: block; */
    /* width: inherit; */
    /* height: 180px; */
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; }

.related .price-box,
.box-up-sell .price-box { color: #8F9296;
    font-size: 1rem;
    margin-top: 0px;
    letter-spacing: 0px; }

.box-up-sell h2 { font-size: 1rem; margin-bottom: 50px; }

.box-up-sell { margin-bottom: 50px; }

.box-up-sell h3 { font-size: 0.750rem; font-family: 'Roboto', sans-serif; }


/* Blog */

.content, .blog .sidebar, .single .sidebar {
    margin-top: 0;
    background: #F5F5F5 !important;
    margin-bottom: 20px;
    padding-left: 30px !important;
}

.post, .blog .sidebar, .single .sidebar { margin-bottom: 20px; }

.post:first-child, .blog .sidebar, .single .sidebar { margin-top: 20px; }

.content h1 { margin: 0; font-size: 16px; padding-top: 10px; }

.content h1 a { font-size: 16px; }

.content .text { border-bottom: 2px solid #f3f3f3; }

.content a.button { background: #27479e; border-radius: 0; font-size: 12px; text-transform: none;  }

.blog .sidebar .block-title, .single .sidebar .block-title { background: none; color: #222429; text-transform: none; padding: 10px 5px; }

.blog .sidebar .block ul li, .single .sidebar .block ul li { background: #f8f8f8; border: none; }

.blog .sidebar .block, .single .sidebar .block { margin-bottom: 20px; }

p.tweet { font-size: 0.875rem; margin-left: 5px; }

.post-content p { margin-top: 20px; font-size: 11px; background: #f5f5f5;}

.post-content h1 { font-family: 'Roboto' sans-serif; font-size: 16px; }

.tweets_header img { display: none; }

.single .post-content { padding: 10px; }

.single .post-content .content { background: none!important; }

.timeAgo { float: right; font-size: 11px; padding-top: 10px; color: #adadad; }

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #666;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

}

.mfp-counter { display: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }




/* Modal */

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 99;
    height: auto;
    background-color: #fff;
    padding: 1.25rem;
    border: solid 1px #666;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    top: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow-x:auto;

}


.reveal-modal h1 {
    color:#8F9296;
    font-size: 0.850rem;
}

.reveal-modal table tr.even, .reveal-modal table tr.alt, .reveal-modal table tr:nth-of-type(even) {
    background: none;
}

.reveal-modal table tr { border-bottom: 1px #ddd solid; }


/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ratings,
.no-rating { line-height:1.0833em; margin:15px 0 15px; }
.ratings a { line-height:1.0833em; }
.ratings strong { float:left; margin:1px 5px 0 0; }
.ratings .rating-links .separator {
    display:inline-block;
    text-indent:-9999px;
    width:1px;
    background:url(../images/img/bg-separator1.gif) no-repeat;
}

.no-rating { display: none; }

.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:14px; font-size:0; line-height:0; background:url(../images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:14px; background:url(../images/img/rating.png) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:8px; }
.ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; }

.ratings-table th,
.ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0;background: #F5F5F5; }
.ratings-table th { padding-right:8px; background:#F5F5F5; }
.product-essential .additional{
    float: none;
    background: no-repeat;
    display: inline-block;
    font-family: BrandonGrotesqueRegular;
}


/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-reviews h2 { font-size: 1rem; }
.box-reviews fieldset { margin: 0; padding: 0; }
.box-reviews { margin-top:15px; font-family: BrandonGrotesqueRegular; }
.box-reviews dl { margin:0 0 15px; }
.box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; }

.box-reviews dt { font-size: 0.850rem; }

.box-reviews dt span { font-weight:bold; }
.box-reviews dt a { font-size: 0.850rem; margin-right:8px; }
.box-reviews dd { margin:0; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; font-size: 0.688rem; }
.box-reviews dd .date { display:block; margin-top:3px; font-style:italic; font-size: 0.688rem; }
.box-reviews .ratings-table { margin:5px 0; }

.box-reviews .form-add {}
.box-reviews .form-add h2 { text-transform:uppercase; font-size: 1rem; font-family:BrandonGrotesqueMedium; }
.box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; }
.box-reviews .form-add h3 span { font-weight:bold; }
.box-reviews .form-add h4 { font-size:1em; font-weight:normal; }
.box-reviews .form-add h3,
.box-reviews .form-add h4 { font-family:BrandonGrotesqueMedium; font-size: 16px; }
.box-reviews .form-add .form-list { margin:15px 0; }
.box-reviews .form-add .form-list .input-box { margin:10px 0;  }
.box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; }
.box-reviews .form-add .form-list textarea { width:100%; max-width:500px; }
.box-reviews .buttons-set button.button { float:left; margin-left:0; }

.box-reviews .form-add .data-table { max-width:176px; font-family:BrandonGrotesqueMedium; }
.box-reviews .form-add .data-table th,
.box-reviews .form-add .data-table td { text-align:center; line-height:1em; font-size: 15px; font-family:BrandonGrotesqueMedium; }
.box-reviews .form-add .data-table td .radio { margin:0; }


/* Cart */

.cart img,
.data-table img { max-width: none; }

.cart table td { font-size: 0.688rem; }

.cart table th { font-size: 0.750rem; }

.cell-label { display: none; }

.cart-table { width: 100%; }

.cart-table .a-center { border:1px #ddd solid; width: 65px; }

.cart-table .a-center.quant li { list-style: none; }

.cart-table .a-center.quant li a.dn { margin-right: 4px; }

.cart-table h2 { line-height:1.2; }

.cart-table h2 a { float: left; }

.cart-table tfoot,
.cart-table tfoot td { background: none; border:0; padding: 0; }
.cart-table tfoot tr { border:0; background: #f9f9f9; }
.cart-table tfoot tr td { padding-top: 20px; }

.cart-table button { background: #f1f1f1; color: #444; border:1px #ddd solid; text-shadow:0;  }

.cart-table button:hover { background:#f9f9f9; color: #666; }

.cart-table tfoot button.btn-continue { float: left; }

.totals table { float: right; width: 100%; }

.totals table tr,
.cart-table tr { border:1px #ddd solid;  }

.totals { width: 100%; float: left; }

.checkout-cart-index .main { background: none; }

.checkout-types { margin: 0; float:right; }

.discount { background: white; border: 1px #ddd solid; padding:5px 10px; }

/* OPC */

.checkout-onepage-index .page-title { display: none; }

.opc .step {
    margin-top: 0;
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 10px;
    margin: 0;
}

.sp-methods label { float: left; }

.sp-methods dd,
.sp-methods dt { float:left; margin: 10px 0; width: 100%; }

.opc .section {
    margin-bottom: 10px;
    padding: 0;
    background: white;
    float: left;
    width: 100%;
}

.opc #checkout-review-table { float: left; width: 100%; }

#checkout-step-payment .sp-methods dt:first-of-type input + label { padding-left: 140px !important; }

.opc .section .form-list,
.opc .section fieldset
{ margin: 0; padding: 0;}

.opc .section .form-list {margin: 10px 0; padding: 0; float: left; width: 100%;}


.opc .section .form-list .fields {
    float: left;
    width: 45%;
    margin: 10px;
}

.opc .section .form-list ul { margin: 0; }


.opc .please-wait { width: 100%; float: right; text-align: right; padding: 20px 0; }

.opc {
    position: relative;
    margin: 10px 0;
    float: left;
    width: 100%;
}


.customer-account-login a.button{
    margin-bottom:10px;
    float:right;
    border-radius:0 !important;
}

#opc-login h3, .opc-register h4 {
    margin-top: 10px;
    font-size: 18px;
}

p.guesty strong, p.guesty,
.registered h4,
.registered p,
.opc-register p { font-size: 12px; }


.registered fieldset {
    border: 0;
    padding: 0;
}

.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin-right: 6px;
    margin: 0;
}


#opc-login .col-1 button { float: left; }

.opc .active .step-title {
    background-color: #f9f9f9;
    cursor: default;
    padding: 0;
}

.opc .step-title .number {
    float: left;
    background: #fff;
    padding: 10px 30px;
    margin: 0 8px 0 0;
    font-size: 1.6rem;
    color: #8F9296;
}

.opc .allow .step-title .number {
    border:1px #f1f1f1 solid;
    margin-bottom: -1px;
    border-width: 1px 1px 0 1px;
    position: relative;
    z-index: 1;
}

.opc .step {
    border:1px #f1f1f1 solid;

}


.opc .active .step-title h2, .opc .step-title h2 {
    font-size: 2rem;
    padding-top: 4px;
    color: #666;
}

.opc .step-title {
    background: #8F9296;
    padding: 0;
    float: left;
    width: 100%;
}

.opc .step-title h2 { color: white; }

.opc .active .step-title {
    border-bottom: 0;
    float: left;
    width: 100%;
    background: #f8f8f8;
}

.opc .allow .step-title,
.opc .allow .step-title h2 { color: #ddd; background: #f8f8f8; }

.opc .allow .step-title .number { background: #f8f8f8; color: #ddd; }

.opc .allow.active .step-title,
.opc .allow.active .step-title h2,
.opc .allow.active .step-title .number { color: #444; }

.opc .allow.active .step-title .number { background: white; }


.opc .ul {
    list-style: disc outside;
    padding-left: 0;
}

.opc .ul li {  }

#opc-login .step-title { padding: 0; float: left; width: 100%; }

.opc .step-title a {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    font-size: 12px;
}

.opc .step-title h2 { float: left; }

.opc .step-title a {
    display: none;
    float: right;
    margin-top: 8px;
}

.opc .allow .step-title a { display: block; }

.opc .active .step-title a { display: none; }

li#billing-new-address-form ul { margin: 0; }

#opc-login .buttons-set a {
    font-size: 0.750rem;
}

.opc .sp-methods,
.opc .order-review { float: left; width: 100%; padding: 10px; }

.sp-methods ul { margin: 0; }

#shipping_method-progress-opcheckout span.price { float: right; }
#checkout-review-table h3.product-name { text-align: left; }



table#shopping-cart-totals-table  tr:nth-of-type(even) {
    background: #fff;
}

.block-progress .block-title {
    background: none;
    border: 0;
    padding: 0;
}


.checkout-onepage-index address, .block-progress p {
    font-style: normal;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
    width: 100%;
    margin: 0;
}

.block-progress dd.complete {
    font-style: normal;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    margin: 0;
}

.block-progress .block-title strong { display: none; }

.opc .section .buttons-set {
    padding: 10px;
}

.opc .section:first-of-type .buttons-set {
    padding: 0;
}


.block-progress dt {
    background: white;
    padding: 10px;
    border-bottom:1px solid #ddd;
}

input.radio {
    margin-right: 3px;
    margin: 0;
}

.form-list input.input-text {
    width: 100%;
    height: 30px;
    margin-bottom: 0;
    font-size: 12px;
}

.block-progress .block-content {
    background: none;
    padding: 0;
    margin-top: 0;
    border: none;
}

.block-progress dt.complete {
    background: #8F9296 url(../images/img/checkout-progress-done.png) 3% 50% no-repeat;
    border-bottom: solid 1px darkgray;
    padding-left: 40px;
    padding-right: 2px;
    color: white;
}

.block-progress dt.complete a { color: white; }

.block-progress dt.complete a:hover { color: #ddd; }


/* Account */

/* Reset Account stuff */

.my-account h1,
.my-account h2,
.my-account h3,
.my-account h4,
.my-account h5  {
    font-size:1.6rem;
    margin: 0;
    padding:10px 20px 10px 20px;
    border:1px solid #ddd;
    float: left;
    border-bottom: 0;
    background: white;
    position: relative;
    z-index: 1;
    font-family: 'Roboto' sans-serif;
}

.my-account .box-info h1,
.my-account .box-info h2,
.my-account .box-info h3,
.my-account .box-info h4,
.my-account .box-info h5  {
    font-size:1rem;
    border:0;
    margin: 0;
    padding:5px 0;
    float: left;
    width: auto;

}

.block.block-account { margin: 0; }
.block.block-account .block-title { background: #c7b570; color: white; }

.my-account .box-info .box-title {  float: left; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 10px; }

.my-account .box-info .box-title a,
.my-account .box-head a,
.my-account address a,
.my-account .box-info ol a   {
    float: right;
    font-size: 0.688rem;
    padding: 10px;
    background: white;
    border: 1px #ddd solid;
    border-bottom: 0;
    color: black;
    text-transform: none;
    text-shadow: none;
}
.my-account .box-info .box-title a:hover,
.my-account .box-head a:hover {
    background: #8F9296;
    color: white;
}

.my-account .box-info ol { float: left; width: 100%; margin: 0; }

.my-account .box-info ol li { float: left; width: 100%; margin-bottom: 10px; }

.my-account address a { border-bottom: 1px #ddd solid; }

.my-account address {
    font-size: 0.750rem;
    float: left;
    width: 100%;
    line-height:1.3;
    background: #f1f1f1;
    padding:10px;
}


.my-account .page-title,
.my-account .box-head { float: left; width: 100%;  }



.my-account .box-info {
    float: left;
    width: 100%;
    padding: 20px;
    background: white;
    margin-bottom: 20px;
    border:1px solid #ddd;
    margin-top: -1px;
}

.my-account .box-info .wide { padding:0;}

#wishlist-view-form .buttons-set button.button {
    float: left;
    margin-right: 25px;
    background: #ddd;
    color: #444;
    text-shadow:none;
}
#wishlist-view-form h3,
#wishlist-view-form .description { margin: 10px 0; }

#wishlist-view-form .qty {
    float: left;
    clear: left;
    margin: 5px 0;
    width: 60px;
    height: 33px;
}


/* Repsonsive */

/* A Usefull Break Point */
@media (max-width: 978px) {
    .top-bar-section ul li {
        background: #333;
        float: left;
    }
    .reveal-modal {
        left: 50%;
        margin-left: -40%;
        width: 80%;
    }

    footer .upper-footer li { float: left; width: 50%; padding: 20px; margin-right: 0;}
    footer .upper-footer li img { margin-right: 15px; }

}


/* Ipad Portrait */
@media (max-width: 768px) {

    .left,
    .right { width: 100%; }

    footer .upper-footer li { float: left; margin-right:0; padding: 20px; }

    /* Header */

    ul.companyLinks { display: none; }

    /* Home Page */

    .services .slick-slide .service-desc { display: none; }

    .services .slick-slide .title { top: 71%; }

    .services .serviceimg { width: 100%; }

    .slick-slide .title h1 { font-size: 26px; }

    footer h3, footer li { text-align: center; }

    footer .social h3, footer .social p { text-align: center; }

    .form-subscribe .input-box input[type="text"] { display: table; margin: auto; }

    footer .social { margin-top: 20px; }

    .related .item { width: 25%; }

}


/* TopBar Break Point */

@media (max-width: 640px) {



    .form-search { width:100%; }
    .form-search input { width: 90%; }

    #search_mini_form, .top-bar { float: left; width: 100%; margin-bottom: 10px; }

    /* Top Nav */

    .top-bar,
    .top-bar.expanded .title-area,
    .top-bar-section ul li>a {
        color: white;
        background: #8F9296;
    }

    .top-bar.expanded .toggle-topbar a { color: #f1f1f1; }

    .top-bar.expanded .toggle-topbar a span,
    .top-bar .toggle-topbar.menu-icon a span  {
        -webkit-box-shadow: 0 10px 0 1px #f1f1f1,0 16px 0 1px #f1f1f1,0 22px 0 1px #f1f1f1;
        box-shadow: 0 10px 0 1px #f1f1f1,0 16px 0 1px #f1f1f1,0 22px 0 1px #f1f1f1;
    }

    .top-bar-section ul li:hover>a {
        background: #f1f1f1;
        color: #2c2c2c;
    }

    footer .upper-footer ul { margin: auto; float: none; width: 65%; }

    footer .upper-footer li img { margin-right:40px; }

    footer .upper-footer li { float: left; width: 100%; padding: 20px; margin-right: 0;}


    footer div { padding: 10px 0; }


    footer .social ul {
        display: table;
        margin: 20px auto;
        float: none;
        width: auto;
    }
    footer .social li { margin-top: 20px; }

    footer .lower-footer li  { width: 100%; }

    /* Header */

    .mobile-header { background: #27479e; height: 65px; margin-bottom: 20px; }

    .accountLinks { float: left; margin: 0; top: 20%; }

    .accountLinks li { margin: 0; }

    .accountLinks li.cart { float: right; margin-right: 5px; }

    .accountLinks li.account { float: left; }

    .accountLinks li.cart a { padding: 0; }

    .accountLinks li .items { display: block; }



    .top-bar { margin-left: 0; background: none; float: right; }

    .top-bar.expanded ul { background: white; }

    .no-js .top-bar-section ul li:hover>a { border: none; margin: 0; }

    .top-bar.expanded .title-area { background: #27479e; margin-bottom: 20px; }

    .top-bar.expanded { z-index: 1000; }

    .top-bar .toggle-topbar.menu-icon { top: 70%; }

    .accountLinks li .accicon {
        float: left;
        height: 40px;
        width: 40px;
        background: url(../images/accounticon.png) #f8e60f no-repeat center; }

    /* Home Page */

    .slick-slide .title h1 { font-size: 21px; }

    .slick-slide .seemore { display: none; }

    .services .slick-slide .service-desc { display: none; }

    .services .serviceimg { width: 100%; }

    .services .slick-slide .title { top: 62%; }

    #singleTweet { padding: 30px 0px; }

    /* Category */

    .toolbar select { width: 75px; }

    /* Product */

    .related .item { width: 33.333%; }

    .product-view .product-shop { border: none; }



}

@media (max-width: 460px) {

    /* Home Page */

    .services .slick-slide .title h1 { font-size: 14px; padding: 10px 23px; }

    footer .upper-footer ul { margin: auto; float: none; width: 85%; }

    footer .upper-footer li img { margin-top: 0; margin-right:10px; width: 30px; }

    /* Cart Styles */

    .cell-label { display: block; }

    .checkout-types {
        float: none;
    }

    .cart-table thead, .cart-table tfoot {
        border-top: 0;
        display: none;
    }

    .totals td {}

    .cart-table { width: 100%; }

    .cart-table .product-image { float:left; }

    .cart .data-table td.col-image { float: left; width:100%; }

    .cart .totals tfoot th strong, .cart .totals tfoot td strong {
        width: 100%;
    }

    .cart .data-table thead,
    .my-wishlist .data-table thead,
    .my-account .data-table thead,
    .order-review .data-table thead { display:none; }

    .cart .data-table .cell-label { display: block; float:left; width:100%; }
    .cart .data-table .cart-price { display: block; float:left; width:100%; }

    .cart .data-table .cart-price span.price, .cart .totals span.price { width: auto; line-height: 1; }

    .cart .data-table tbody,
    .my-wishlist .data-table tbody,
    .my-account .data-table tbody,
    .order-review .data-table tbody { background:transparent !important; }

    .col-edit a { background:#ddd; padding:2px; }

    .cart .data-table tr,
    .cart .data-table td,
    .my-wishlist .data-table tr,
    .my-wishlist .data-table td,
    .my-account .data-table tr,
    .my-account .data-table td,
    .order-review .data-table tr,
    .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }


    .cart .data-table tr,.cart .data-table td { float: left; width: 100%; }

    .cart .data-table td.col-img { width: 50% }

    .cart .data-table td.a-right { border-top: 1px #ddd solid !important; border-bottom: 1px #ddd solid !important; }

    .cart .data-table tr,
    .my-wishlist .data-table tr,
    .my-account .data-table tr,
    .order-review .data-table tr {  margin-bottom:20px; }

    .cart .data-table td.col-delete {  }

    .cart .btn-checkout, .cart .btn-checkout span { width: 100%; }

    #opc-login .col-1,#opc-login .col-2 { padding-top: 20px; }
    .account-login .buttons-set button, #opc-login .buttons-set button {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    .account-login .buttons-set button.button span,#opc-login .buttons-set button.button span { width: 100%; }

    .opc .buttons-set p.required {
        margin: 0;
        padding: 0 0 10px;
        font-size: 10px;
        float: left;
    }

    .form-list label.required em {
        float: right;
        font-style: normal;
        position: absolute;
        top: 10px;
        right: -8px;
    }

    #opc-login .buttons-set a {
        float: left !important;
        width: 100%;
        margin: 8px 0;
        font-size: 12px;
    }

    /* Highlight first cell in table footer */
    .my-account .data-table tfoot tr td:first-child,
    .order-review .data-table tfoot tr td:first-child { font-weight:bold; }

    /* Show cell label */
    .data-table .cell-label {
        display:inline-block;
        width:30%;
        min-width:100px;
        max-width:140px;
        margin-right:10px;
        font-weight:bold;
    }

    .cart button.button { margin:0; margin-bottom:20px; text-align:center; float: left !important; clear:left; width:100%; }

    .discount { margin-top:10px; }
    .cart .discount .buttons-set {
        margin: 0;
    }

    .cart .totals .checkout-types {
        text-align: right;
        margin: 0;
    }

}

@media (max-width: 320px) {



    .slick-slide .title h1 { font-size: 12px; }

    .services { display: none; }

    .tabs a.button { padding: 12px 11px 12px 11px; }

    .related .item { width: 50%; }

    .top-bar.extended { width: 170px !important; }

    /* Blog */

    .blog .text { width: 100%; }

    .blog .image, .blog .image a img { width: 100%; }



}





/*HEADER - Angelo
---------------------------*/
li.spesh-li {
    list-style:none;
    padding-top:14px;

}
li.sociallinks {
    margin-top:10px;
}

li.sociallinks a.footer_social_btn.facebook {
    margin-right:10px;
}

.shipping img{
    padding-top:10px;
    text-align: right;
    right: 0;
}




/*****Products Page - angelo
*************************************/

ul.add-to-links {
    display:none;
}

.f-fix {
    background:#f5f5f5;
    padding:15px;
    text-align:center;
    padding-bottom:35px;
}

.products-list .item h2 a {
    font-weight: 500;
    color: #373737;
    font-size:22px;
    text-transform:uppercase
}

button.right-btn {
    background:#bee4de;
    color:white;
    text-shadow:none;
    font-weight:lighter;
    width:100%;
    padding:10px;
}

.products-list .actions #qty {
    display:none;
}
.products-list .item {
    float:left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 20px;
}

#products-list img{
    width:80%;
}
.toolbar {
    display:none;
}

.page-title.category-title {
    display:none
}
ul.breadcrumbs {
    display:none;
}
p.category-image {
    width:100%;
}
p.category-image img{
    display:block;
    margin:0 auto;
    width: auto;
    text-align: center;
}
.reveal-modal-bg {
    background: #000;
    background: rgba(0,0,0,0.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    left: 0;
}
.reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 30%;
}
.item.first img{
    display:block;
    margin:0 auto;
}
.item.first .product-name a{
    font-size:18px;
    font-weight:bold;
    color:#373737;
    text-transform:uppercase;
    float:left;
    margin-top:20px;;
}

.item.first .price-box {
    float:right;
    text-align:right;
    margin-top:15px;
}

.item.first .price-box .price {
    color:#373737;
    font-weight:bold;
    font-size:16px;
}

span#old-price-2 {
    color:#bbb
}

.item.first input#qty {
    float:left;
    width:10%;
    margin-top:20px;
}

.item.first button.button.btn-cart {
    float:right;
    margin-top:20px;
    background: #737155;
    border-radius:0;
    width:40%;
    font-size:14px;
    padding:12px;
    color:white;
}
.reveal-modal .ratings{
    display:none;
}


/*** Product Details Page - angelo
************************************/
ol#block-related li {
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
@media(max-width:640px){
    ol#block-related li{
        width: 34% !important;
    }
}
.related .block-title { background: none; color: #1e1e1e; padding: 10px 0; margin: 0; border-top:none;    font-family: BrandonGrotesqueMedium !important; }
div#gallery-thumbs-mobile {
    display:none !important;
}
img#main-img {
    width:100%;
    float:left;
    display:block;
    margin:0 auto;
}

div#gallery-thumbs li {
    width: 50px;
    clear:both;

}
div#gallery-thumbs {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: -170px;
    width:25px;
    position:relative;
    display: none !important;
}
.product-view .product-shop {
    background: none;
    padding: 20px;
    border-bottom: none;
    text-align:left;
    background: #F5F5F5 !important;
    top: 30px;
    border: solid 1px #D5D5D5;
    float: left;
    width: 100%;
    border-bottom:0 !important;
}

.product-view .product-img-box .product-image {
    border: none;
    height: auto;
    width:100%;
    float: left;
}

.catalog-product-view .breadcrumbs {
    margin-bottom: 15px;
    display: none;
}
.product-view .actions #qty {
    height: 50px;
    margin-right: 20px;
    display: none;
}.product-view h1 {
    font-size:24px; margin-top: 20px;
    text-transform:uppercase;
    color:#0B0B0B;
    font-family:BrandonGrotesqueMedium !important;
    letter-spacing:1px;
}
p.availability.in-stock {
    display:none;
}
.product-view .actions .price-box .price {
    font-size: 35px;
    font-weight: normal;
    color: #0B0B0B;
    font-weight: 500;
    font-family:BrandonGrotesqueMedium;
}
.product-view .actions .btn-cart {
    padding: 7px 28px;
    width: 100% !important;
    background: #61C159 !important;
    height: 50px;
    float: right;
    border-radius: 0 !important;
    font-family: BrandonGrotesqueRegular;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#product-addtocart-button i {
    padding-right: 10px;
}
.tabs a.button {
    margin-right: 5px;
    font-size: 0.750rem;
    text-transform: none;
    text-shadow:none;
    padding: 15px 35px 15px 35px;
    background-color: #D5D5D5 !important;
    border-radius: 0;
    color: #373737;
    font-family: BrandonGrotesqueMedium;
    font-size: 16px;
}

.tabs a.button:hover,
.tabs .active a.button,
.tabs dd.active a
{
    background-color: #F5F5F5 !important;
    color: #373737;
    border-top:0;
    border-left:0;
    border-right:0;
    border-top-right-radius:0;
    border-top-left-radius:0;
    font-family: BrandonGrotesqueMedium;
    font-size: 16px;
}
.tabs-content {
    border-top:0;
}
.socialmediaboxes {
    float:left;
    width:100%;
    margin-bottom:30px;
    margin-top:10px;
}
span.items {
    padding:0 10px;
}
.greyboxes.spesh p{
    float:left;
}
.breadcrumbs>*.current a {
    color: #ebebeb;
    cursor: default;
}
.breadcrumbs>* a, .breadcrumbs>* span {
    text-transform: uppercase;
    color: #ebebeb;
    font-size: 1rem;
}
.breadcrumbs>*:before {
    content: "//";
    color: #ebebeb;
    margin:5px;
    position: relative;
    top: 0px;
    font-size:1rem;
}
.rating-box .rating { float: left; height:14px; background:url(../images/img/rating.png) 0 100% repeat-x; display: block;margin: 0 auto;clear: both;}
.ratings .rating-box { float: none; margin-right:8px; display: table;margin: auto;/* text-align: center; *//* clear: both; */}
/*LOGIN PAGE - angelo
**************************/
.panel{
    background:white !important;
    margin-top:30px;
    width:100%;
    float:left;
}
/*Checkout page - angelo */
form.the-cart-form fieldset{
    padding:0 ;
}
.checkout-types {
    margin: 0;
    display: block;
    text-align: center;
    margin-top: 15px;
    float:none;
}
.one-step-checkout #billing_step_header,.one-step-checkout #shipping_step_header
{
    background: url(../../images/onestepcheckout/billing_title.png) center left no-repeat #C7B570 !important;

}

.one-step-checkout .shipping-method #shipping_method_step_header
{
    background:url(../../images/onestepcheckout/method_title.png) center left no-repeat #C7B570 !important;
}

.one-step-checkout #payment_method_step_header
{
    background:url(../../images/onestepcheckout/payment_title.png) center left no-repeat #C7B570 !important;
}

.one-step-checkout #review_step_header
{
    background:url(../../images/onestepcheckout/order_title.png) center left no-repeat #C7B570 !important;
}
.one-step-checkout #time_of_delivery_header
{
    background: url(../../images/onestepcheckout/time_title.png) center left no-repeat #C7B570 !important;
}
.onestepcheckout-review-info ol{
    margin:0;
}

.order-review-section ol{
    margin:0;
}
#one-step-checkout-form .checkout-review-load .data-table{
    border: none !important;
    border-top: 1px solid #ededed !important;
    border-bottom: 1px solid #ededed !important;
    clear:both;
    width: 100%;
}
.order-review-section .payment-method .onestepcheckout-payment-methods .sp-methods .form-list{
    float:left;
    width: 100% !important;
    margin:0;
    padding:0 !important;
    box-sizing: content-box;
}
.payment-method .input-box select.month{
    width: 100% !important;
}
.address-information ul li{padding-top: 10px !important; width: 92%;margin: 0 auto !important;float: left;box-sizing: content-box;display: block !important;}
.onestepcheckout-place{
    padding:0px;
    background: #C7B570 !important;
    border:none;
    float:right;
    margin-top: 15px !important;
    width: 380px !important;
    height: 48px;
}
/*FOOTER
------------*/
.mainFooter li{
    list-style:none;
}
/*Tweetcool
-------------------------*/
div#tweecool img{
    float:left;
    margin-right:20px;
    width:auto;
    margin-top:30px;
}

.tweets_txt {
    float:right;
    width:75%;
}

#tweecool {
    background:white;
    float:left;
    width:100%;
    padding:40px;
    margin-bottom:30px;
    margin-top:30px;
    height: 200px;
    margin-right:30px;
    overflow: hidden;
}

#tweecool li {
    float:left;
    width:100%;
    height: 150px;
    min-height: 100px;
    overflow: hidden;
    clear: both;
}

/*FEATURED PRODUCTS HOME PAGE
------------------------------------*/
.content.featured li {
    /* width: 20%; */
    float:left;
    /* margin-right:3%; */
    /* max-height: 331px; */
}
.content.featured .f-fix {
    background:none;
    padding: 10px 0;
}

.content.featured .desc.std {
    display:none;
}

.content.featured .price-box {
    text-align:center;
    display: table;
    margin: 0 auto;
    width: auto;
}
.content.featured img{
    display:block;
    margin:0 auto;
}
.content.featured h2.product-name {
    line-height:12px;
    margin-bottom:10px;
    /* height: 65px; */
}
.content.featured .products-list .item h2 a {
    font-weight: normal;
    color: #666;
    font-size: 14px;
    text-transform:uppercase;
}
.content.featured span.amount {
    display:none;
}
.content.featured .ratings {
    display:table;
    margin:auto;
    margin-bottom:5px;
}

/*BLOG - angelo
--------------------------8*/
.post {
    background:#F5F5F5;
    float:left;
    width:100%;
    padding:10px
}
.cms-page-view h1{
    font-weight:900;
    font-size:30px;
    text-transform:uppercase;
    margin-top:20px;
    margin-bottom: 30px;
    color:#0b0b0b;
    position: relative;
}
.cms-page-view h1:after {
    background:#c7b570;
    content:'';
    width:60px;
    margin-top:60px;
    height:5px;
    position:absolute;
    left: 0;

}

.contacts-index-index  h1{
    font-weight:900;
    font-size:30px;
    text-transform:uppercase;
    margin-top:20px;
    margin-bottom: 30px;
    color:#0b0b0b;
    position: relative;
}
.contacts-index-index  h1:after {
    background:#c7b570;
    content:'';
    width:60px;
    margin-top:60px;
    height:5px;
    position:absolute;
    left: 0;

}
/*MEDIA QUERIES - angelo
---------------------------*/
@media(max-width:1150px){
    .hide-me-hide {
        display:none;
    }
}

@media(max-width:980px){
    a.level-top {
        z-index:99999;
        display:block;
        position:relative;
        clear:both;
    }
    .top-bar.expanded .toggle-topbar a span, .top-bar .toggle-topbar.menu-icon a span {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color:#666;
    }
    .tab-bar .menu-icon span::after {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        right: 0.9375rem;
        box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
        width: 16px;
    }
    a.left-off-canvas-toggle.menu-icon {
        margin-top:15px !important;
        color:black;
    }
    .top-bar { height: 75px; background: none; margin-left: 0 !important; }

}
.left-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
    border-right:none;
    left: 0;
}
.tab-bar {
    -webkit-backface-visibility: hidden;
    background: white;
    color: #fff;
    height: 4rem;
    line-height: 2.8125rem;
    position: relative;
}
.show-me{display:none;
}
@media(max-width:939px){
    ul.title-area {
        display: block;
    }
    .top-bar-section ul li {
        /* background: white; */
        float: none;
    }
    .show-me{display:block;}
    .hide-me{display:none !important;}

    .topHeader { background: white; float: left; width: 100%; }
    .top-bar-section li a:not(.button) { padding: 13px !important; line-height: normal; color: #222; font-family: 'Roboto' sans-serif; letter-spacing: -0.5px; text-align: center;}
    .top-bar .toggle-topbar.menu-icon { top: -50%; }
    .form-search input[type="text"] {
        color: #ddd;
        font-size: 0.750rem;
        border:0;
        float: left;
        width: 78%;
        margin: 0;
        padding:5px;
        background: white;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0);
        -webkit-transition: background 300ms ease;
        -moz-transition: background 300ms ease;
        -ms-transition: background 300ms ease;
        -o-transition: background 300ms ease;
        transition: background 300ms ease;
        top:0;
        height: 39px;
        border:1px solid silver;
        margin-left:10px;
    }
    .top-bar .toggle-topbar.menu-icon a {
        color: #fff;
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        position: relative;
    }
    .top-bar .toggle-topbar a {
        color: #fff;
        display: block;
        font-size: 0.8125rem;
        font-weight: bold;
        height: 2.8125rem;
        line-height: 2.8125rem;
        padding: 0 0.9375rem;
        position: relative;
        text-transform: uppercase;
    }
    .form-search {
        float: left;
        width: 100%;
        margin:0;
        padding: 3px;
    }
    .accountLinks { float: right; margin: 0; margin-right: 40px;  z-index: 9999999;position: relative;}
    .accountLinks li { float: left; line-height: 40px; margin-right: 35px; font-size: 10px; color:#adadad;  width: 100%;}

    .logo img { position: relative; top: 0px; left: 0; right: 0;  display: table; margin: auto; margin-top: 0; width: auto;  float: left;max-width: 75%;
                max-height: 65px; }

    .tab-bar{background:#C69721;}
    .right-small {
        height: 2.8125rem;
        position: absolute;
        top: 0;
        width: 2.8125rem;
        border-left: none;
        right: 0;
        margin-right: 5px;
        margin-top: 10px;
    }
    ul.off-canvas-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    ul#nav .level-top .over:hover{
        color:#ccc;
    }
    .top-bar ul, .top-bar-section li a:not(.button)  { background: #333 !important; text-transform: none; font-weight: 100 !important; width:auto; color:#ccc !important;}
    ul.off-canvas-list li a:hover {
        background: #242424 !important;
    }

    .form-search button.button {
        float: right;
        width: 18%;
        height: 39px;
        padding:0;
        margin: 0;
        text-indent: 1000%;
        white-space: nowrap;
        overflow: hidden;
        background: white url(../images/img/magnify.png) no-repeat 50% !important;
        top:0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .form-search {
        float: left;
        width: 90%;
        margin:0;
        padding: 3px;
    }
    .slick-slide{
        overflow-x:hidden;
        overflow-y:scroll;
    }
    section.right-medium {
        right: 0;
        float: right;
        margin-top: 0;
        margin-right: 10px;
        padding-top: 26px !important;
    }
    section.right-medium a:nth-child(2) {
        display: none;
    }


    section.right-medium span{
        margin-right:5px;
        float: right;
        font-size: 20px;
    }
    .bask_price .fa {
        float: left;
        margin-right:10px;
        font-size: 20px !important;
    }
}
@media(max-width:860px){
    #products-list img{
        width: auto;
        display: block;
        margin: 0 auto;
        margin-bottom: 1
            0px;
    }
    .content.featured li.item.odd {
        width: 45%;
        float:left;
        margin-right:3%;
    }

    .content.featured li.item.even {
        float:left;
        width: 45%;
        margin-right:3%;
    }
}
@media(max-width:640px){
    .top-bar .toggle-topbar.menu-icon { top: 70%; }

    .one-step-checkout{
        background: none;
        border: none;
        padding: 0px;
        float:left;
        width:100%;
        margin: 0;
    }
    .content.featured li.item.odd {
        width: 100%;
        float:left;
        margin-right:3%;
    }

    .content.featured li.item.even {
        float:left;
        width: 100%;
        margin-right:3%;
    }
    .product-view .product-img-box .product-image {
        border: none;
        height: auto;
        width:100%;
        float: left;
        display;table;
        margin: auto;
    }
}
@media(max-width:480px){
    .spesh h2 {
        font-weight:900;
        font-size: 20px;
        text-transform:uppercase;
        margin-top:20px;
        margin-bottom: 30px;
        color:#0b0b0b;
        position: relative;
        padding-left:20px;
    }

    .spesh h2:after {
        background:#c7b570;
        content:'';
        width:60px;
        margin-top: 40px;
        height:5px;
        position:absolute;
        margin-left:20px !important;
    }
    .spesh.slick-slide.slick-active p{
        padding:20px;
    }
    div#instafeed {
        width:100%;
        height:200px;
        float:left;
        margin-top:29px;
        background:white;
        margin-bottom: 30px;
    }
    div#tweecool img{
        float: none;
        margin-right: 0;
        margin-top:0;

    }

    .tweets_txt {
        float: left;
        width: 100%;
    }
    #instafeed p {
        float: left;
        width: 95%;
        margin-top: -10px;
        margin-right: 0;
        height: 95px;
        overflow: hidden;
        text-align: center;
    }

    #tweecool{
        height:auto;
    }
    #instafeed{
        height: 300px!important;
    }
    .form-search input[type="text"] {
        color: #ddd;
        font-size: 0.750rem;
        border:0;
        float: left;
        width: 75%;
        margin: 0;
        padding:5px;
        background: white;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0);
        -webkit-transition: background 300ms ease;
        -moz-transition: background 300ms ease;
        -ms-transition: background 300ms ease;
        -o-transition: background 300ms ease;
        transition: background 300ms ease;
        top:0;
        height: 39px;
        border:1px solid silver;
        margin-left:10px;
    }
    .small-6 {
        width: 100%;
    }
    section.right-medium span{
        margin-right:5px;
        clear: both;
        /*float: left;*/
        margin-top: -20px;
    }
    a.bask_price span{
        margin-top:0;
    }
    section.right-medium {
        right:0;
        floaT:right;
        margin-top: 0;
        margin-right:10px;
    }
}

#one-step-checkout-form li.delivery {
    display:none;
}
.gallery-banner{
    float:left;
    width:100%;
}

/********** PIPL Style Start ***********/
@font-face {
    font-family: BrandonGrotesqueBlack;
    src: url('../fonts/BrandonGrotesqueBlack.woff');
}
@font-face {
    font-family: BrandonGrotesqueBlackItalic;
    src: url('../fonts/BrandonGrotesqueBlackItalic.otf');
}
@font-face {
    font-family: BrandonGrotesqueBold;
    src: url('../fonts/BrandonGrotesqueBold.otf');
}
@font-face {
    font-family: BrandonGrotesqueBoldItalic;
    src: url('../fonts/BrandonGrotesqueBoldItalic.woff');
}
@font-face {
    font-family: BrandonGrotesqueLight;
    src: url('../fonts/BrandonGrotesqueLight.woff');
}
@font-face {
    font-family: BrandonGrotesqueLightItalic;
    src: url('../fonts/BrandonGrotesqueLightItalic.woff');
}
@font-face {
    font-family: BrandonGrotesqueMedium;
    src: url('../fonts/BrandonGrotesqueMedium.otf');
}
@font-face {
    font-family: BrandonGrotesqueMediumItalic;
    src: url('../fonts/BrandonGrotesqueMediumItalic.woff');
}
@font-face {
    font-family: BrandonGrotesqueRegular;
    src: url('../fonts/BrandonGrotesqueRegular.otf');
}
@font-face {
    font-family: BrandonGrotesqueRegularItalic;
    src: url('../fonts/BrandonGrotesqueRegularItalic.woff');
}
@font-face {
    font-family: BrandonGrotesqueThin;
    src: url('../fonts/BrandonGrotesqueThin.otf');
}
@font-face {
    font-family: BrandonGrotesqueThinItalic;
    src: url('../fonts/BrandonGrotesqueThinItalic.woff');
}
.prodetails_rating_section h3 {
    margin-bottom: 0;
    padding: 30px 0 20px 0;
    float: left;
    display: inline-block;
    font-size: 18px;
    font-family:BrandonGrotesqueMedium !important;
    width:100%;
}
.prodetails_rating_section .columns {
    padding: 0 !important;
}
.prodetails_rating_section p {
    font-size: 14px;
    margin-bottom: 0;
    font-family: BrandonGrotesqueMedium !important;
    line-height: 18px;
}
.prodetails_rating_section h3 span {
    font-weight: normal;
}
.prodetails_rating_section .fa-star:before {
    content: "\f005";
    font-size: 14px;
    color: #61C159;
}
p.rating_name {
    color: #919191;
}
.topHeader .top-bar-section a.level-top, .topHeader .accountLinks.top-bar-section a.level-top {
    background: #0b0b0b !important;
    line-height: 15px !important;
    color: #909090;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: BrandonGrotesqueMedium;
    display: inherit;
}
.topHeader .top-bar-section a.level-top:hover {
    background: #0b0b0b !important;
    color: #FFFFFF;
}
.topHeader .top-bar-section {
    float: right;
}
.topHeader .menu-top-menu-container.top-bar-section::after {
    content: "";
    width: 1px;
    height: 20px;
    background: #909090;
    position: absolute;
    right: 0;
    top: 10px;
}
.top-bar-section ul#menu-secondmenu li > a {
    background: #C69721 !important;
    line-height: 24px;
    /*color: #0b0b0b;*/
    color: #fff;
    letter-spacing: 1px;
    font-family: BrandonGrotesqueBold;
}
.top-bar-section ul#menu-secondmenu li > a:hover {
    background: #9D781B !important;
    color: #FFFFFF;
}
.bask_price .fa {
    font-size: 14px;
}
.bask_price span.items {
    font-family: BrandonGrotesqueBold;
    font-size: 14px;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    position: relative;
}
.bask_price span.items:after {
    content: "";
    width: 1px;
    height: 20px;
    background: #909090;
    position: absolute;
    right: 0;
    top: 0;
}
.bask_price .cart_total {
    font-family: BrandonGrotesqueMedium;
    font-size: 14px;
}
.bask_price{line-height:1 !important;}
span.rating_date {
    font-size: 12px;
}
.form-language {
    float: left;
    position: relative;
}
.form-language::after {
    content: '\f0d7';
    position: absolute;
    color: #fff;
    right: 12px;
    top: 0;
    font-family: FontAwesome;
    line-height: 40px;
    font-size: 12px;
}
.block.block-related .block-subtitle {
    display: none;
}
.short-description h3 {
    margin-bottom: 10px;
    font-family: BrandonGrotesqueMedium;
    font-size:16px;
    color:#0B0B0B;
}
.short-description .std p{
    font-family: BrandonGrotesqueRegular;
    font-size:16px;
    color:#0B0B0B;
}
#product-review-table .odd, #product-review-table .even{
    background: #F5F5F5;
}
.meal_right_fixed{position: fixed !important;}
.product-shop .ratings, .no-rating {
    text-align: center !important;
    display: inline-block;
    margin: 0 auto;
    float: none;
    width: 100%;
    margin-top: 20px;
}
.ratings p.rating-links {
    font-size: 10px !important;
    padding-top: 10px !important;
    font-family: BrandonGrotesqueLight !important;
    font-weight: 300;
}
.actions p.up, p.dn{display: none;}
.product-view .actions span.vat{
    color: #9A9A9A !important;
    font-size: 16px !important;
    line-height: 2 !important;
    font-family: BrandonGrotesqueRegular !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.img_back {
    background: #C69721;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
}
img.img-truck-free {
    width: 45px;
    padding: 5px;
    /* height: 45px; */
}
.secure_prodetails {
    float: left;
    width: 100%;
    padding: 15px 15px;
    border-bottom: solid 1px #ddd;
    background:#FFFFFF;
}
.secure_prodetails:nth-child(2){
    border-bottom:0 !important;
}
.secure_prodetails h3 {
    margin: 0 !important;
    line-height: 43px;
    padding-left: 48px;
    font-size: 16px;
    font-family: BrandonGrotesqueRegular !important;
    letter-spacing: 1px;
}
.deliver_blg_section {
    border: solid 1px #ccc;
    float: left;
    padding: 0;
}
.secure_prodetails h3 span{font-weight:normal !important;}
.microwave_img_section {
    background: #222;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.microwave_blg_section {
    float: left;
    clear: both;
    padding-top: 20px;
    text-align: center;
}
.prodetails_microwave {
    float: left;
    width: 33%;
    text-align: center;
    margin: 0 auto;
    padding: 0 15px;
}
.prodetails_microwave h4 {
    font-size: 13px;
    text-align: center !important;
    margin: 0 auto;
    font-family: BrandonGrotesqueRegular;
    width: 100%;
    padding-top: 10px;
}
img.microimg {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 10px;
}
.top_right_attri {
    background: #FFFFFF;
}
.top_right_attri ul {
    margin: 0;
}
.top_right_attri ul li {
    float: left;
    width: auto;
    min-width: 35%;
    text-align: center;
    font-family: BrandonGrotesqueRegular;
    font-size: 16px;
    border-right: solid 1px #CBCBCB;
    padding:0 20px;
}
.top_right_attri {
    background: #FFFFFF;
    float: left;
    width: 100%;
    padding: 5px 0;
}
.top_right_attri ul li:nth-child(2){
    border-right: 0;
}
.short-description {
    float: left;
    padding-top: 20px;
}
.product_img {
    float: left;
    width: 80%;
}
.pro_img_attri {
    width: 20%;
    float: left;
}
.pro_img_attri ul {
    margin: 0;
    padding-left: 10px;
}
.pro_img_attri ul li{
    text-align: center;
    font-size: 14px;
    font-family: BrandonGrotesqueRegular;
    padding:18px 10px;
    color:#fff;
    line-height:1.2;
    margin-bottom: 5px;
}
.pro_img_attri ul li:nth-child(1) {
    background: #F68725;
}
.pro_img_attri ul li:nth-child(2) {
    background: #D42F32;
}
.pro_img_attri ul li:nth-child(3) {
    background: #502F91;
}
.pro_img_attri ul li:nth-child(4) {
    background: #C69721;
    color: #000;
    padding: 14px;
}
.pro_img_attri ul li:nth-child(5) {
    background: #110D02;
}
.pro_img_attri ul li span {
    font-size: 20px;
    display: block;
    line-height: 1;
    font-weight: 600;
}
.product-img-box.medium-7.columns {
    padding-right: 0 !important;
}
.tabs a.button{margin-bottom:0 !important;}
.piplside_fixed {
    padding-top: 30px;
}
.pack_products {
    float: left;
    display: block;
    width: 100%;
    position: relative;
}
.related_pack_img {
    float: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.related_pack_shortdes {
    padding-right: 0 !important;
    font-family:BrandonGrotesqueRegular; font-size:12px; color:#0B0B0B;
}
.related_pack_table {
    padding-right: 0 !important;
    padding-left: 10px !important;
}
.related_pack_title a {
    font-size: 14px;
    color:#0B0B0B;
    font-family:BrandonGrotesqueMedium;
}
.related_pack_sku{font-family:BrandonGrotesqueRegular; font-size:12px; color:#0B0B0B;}
.related_pack_prize{font-family:BrandonGrotesqueRegular; font-size:12px; color:#d95b5b;padding-bottom:3px;}
.related_pack_table th {
    font-size: 12px;
    color:#0B0B0B;
    font-family:BrandonGrotesqueRegular;
    padding: 2px 10px;
    background: #F5F5F5;
}
.related_pack_table td {
    font-size: 12px;
    color: #0B0B0B;
    font-family: BrandonGrotesqueMedium;
    padding: 2px 10px;
    background: #FFFFFF !important;
    margin-bottom: 11px !important;
    border-bottom: solid 2px #F5F5F5;
}
.related_pack_shortdes {
    padding-right: 0 !important;
    font-family: BrandonGrotesqueRegular;
    font-size: 12px;
    color: #0B0B0B;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: initial;
    max-height: -webkit-fill-available;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.packproduct_box {
    float: left;
    background: #F5F5F5;
    margin-bottom: 20px;
    padding: 5px 4px;
    border:solid 1px #D5D5D5;
}
.related_pack_table table {
    margin-bottom: 0;
}
.pack_products h4{
    font-family: BrandonGrotesqueMedium;
    color: #0B0B0B;
    font-size:18px;
    padding-bottom: 20px;
}
.related_pack_title {
    padding-bottom: 4px;
}
#rwspmore, #rwspless {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-family: BrandonGrotesqueRegular;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: normal;
    /*position: absolute;*/
    /*    bottom: -17px;*/
    z-index: 9999;
}

#rwspmore span, #rwspless span {
    background: #C69721;
    padding: 10px;
    color: #fff;
}
#rwspless {
    margin-bottom: 20px;
}
#rwspmore span i, #rwspless span i {
    border: solid 2px #fff;
    border-radius: 50px;
    font-size: 12px;
    padding: 5px 6px;
    font-weight: 300 !important;
}
/**********PERFECTION RESPONSIVE PIPL Style Start ***********/
@media(max-width:991px){
    .product_img {
        width: 100%;
    }
    .pro_img_attri {
        width: 100%;
        display: none;
    }
    .pro_img_attri ul {
        margin: 0;
        padding-left: 0;
    }
    .pro_img_attri ul li{float: left; font-size:12px}

}
@media(max-width:767px){
    .product-img-box.medium-7.columns{width:100%; padding-right:0.9375em !important;}
    .medium-5.columns.piplside_fixed{width:100%;}
    .pro_img_attri{display: none;}
    .tabs a.button{padding:15px !important;}
    .content, .blog .sidebar, .single .sidebar{padding-left:10px;}
    .related_pack_img img {
        width: 100%;
    }
    .related_pack_table table {
        width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .related_pack_table, .related_pack_shortdes{padding-left:0 !important;}
    .microwave_blg_section{padding-bottom:20px !important; }
    .stickey_parent {position:relative !important;
                     float: left;
                     margin: 0 !important;
                     margin-bottom: 0;
                     top: 0 !important;
    }
    .product-view .product-shop{padding:15px;}
}
.stickey_parent {
    position:sticky;
    top:30px;
    left: 0%;
    width: 100%;
    margin: 0;
    /*overflow:hidden;*/
}
.catalog-product-view .off-canvas-wrap{overflow:visible !important;}

/*.stickey_parent {
     float: left; 
    position: relative;
    top: 0;
    display: block;
    min-height: 590px;
}*/
/********** PIPL Style End ***********/