/* Base */
::-moz-selection{background: #666; color: #fff; text-shadow: none;}
::selection{background: #666; color: #fff; text-shadow: none;}

/* Forms */
input:invalid, textarea:invalid { background-color: #f0dddd;}

/* Print styles */
@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited { text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after { content: " (" attr(title) ")";}
    /** Don't show links for images, or javascript/internal links  */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img { page-break-inside: avoid;}
    img { max-width: 100% !important;}
    @page { margin: 0.5cm;}
    p, h2,h3 { orphans: 3; widows: 3;}
    h2,h3 {page-break-after: avoid;}
}

.navobile-mobile-only {
    display: none;
}

#navobile-device-pixel {
  width: 0;
}

@media screen and (min-width: 0px) and (max-width: 765px) {
    .navobile-bound {
      overflow-x: hidden;
      overflow-y: scroll;
      height: auto;
      width: 100%;
    }

    .overflowscrolling {
      -webkit-overflow-scrolling: touch;
    }
    
    #navobile-device-pixel {
      width: 1px;
    }

    .navobile-mobile-only {
      display: block;
    }

    .navobile-desktop-only {
      display: none;
    }

    .navobile-navigation {
      height: 100%;
      right: -100%;
      overflow: auto;
      position: absolute;
      top: -100%;
      width: 80%;
      z-index: -1;
      
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    .navobile-bound .navobile-navigation {
        right: 0;
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .navobile-navigation ul {
      overflow: hidden;
    }

    .navobile-navigation li {
      float: none;
      overflow: hidden;
    }

    .navobile-content {
      position: relative;
      z-index: 3;

      -webkit-transition: -webkit-transform 0.2s linear;
      transition: transform 0.2s linear;
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translateX(80%);
      transform: translateX(80%);
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translate3d(80%,0,0);
      transform: translate3d(80%,0,0);
    }
}





.content.container {
background: #fff;
left: 0;
max-width: 1440px;
min-width: 320px;
position: relative;
width: 100%;
z-index: 2;
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease; }
.content.container.nav-open {
left: -70%;
top: 0; }


/*	MEDIA QUERY - 768PX	*************************************************/
@media only screen and (min-width: 768px) {
.container {
width: 92.1875%; }
.container.content.nav-open {
left: 0; }

.grid.fourths > .cell {
width: 25%; }
.grid.thirds > .cell {
width: 33.33%; }
.grid.thirds > .cell.two {
width: 66.66%; }
.grid.thirds > .cell.halves {
width: 48.93617021276596%; }
.grid.thirds > .cell.halves:first-child {
margin-right: 2.127659574468085%; }
.grid.halves > .cell {
width: 50%; }

.buttons-set input[type="button"],
.buttons-set button,
.buttons-set .button {
font-size: 14px;
line-height: 1em;
 } }
/*	MEDIA QUERY - 960PX	*************************************************/

/*	MEDIA QUERY - 320PX (NORMAL)	*************************************/
@media only screen and (max-width: 767px) {
body.nav-open, html.nav-open {
height: 100%;
overflow: hidden;
position: fixed;
width: 100%; } }
.page-header {
background: #1a1a1a;
height: 67px;
position: relative; }
.page-header .logo {
display: block;
float: left;
height: 100%;
padding: 0 1.25em 0 0;
width: auto; }
.page-header .logo svg {
display: block;
height: 24px;
margin-top: -12px;
position: relative;
top: 50%;
width: 94px; }
.page-header .logo img {
display: none; }
.page-header .menu-btn {
display: block;
font-size: 14px;
height: 100%;
line-height: 0.875em;
padding: 0 1.7em;
position: absolute;
right: 0;
top: 0; }
.page-header .menu-btn:hover {
background: #5fcf53; }
.page-header .menu-btn:hover path {
fill: #fff; }
.page-header .menu-btn svg {
display: block;
height: 18px;
margin-top: -9px;
position: relative;
top: 50%;
width: 25px; }
.page-header .menu-btn svg path {
fill: #5fcf53; }

#page-nav {
background: #5fcf53;
box-shadow: 5px 0 0 rgba(0, 0, 0, 0.05) inset;
display: block;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 1.25em;
position: fixed;
right: -70%;
top: 0;
width: 70%;
z-index: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
#page-nav.nav-open {
right: 0; }
#page-nav li {
margin: 0; }
#page-nav .main-links {
margin: 53px 0 0;
margin: 3.3125rem 0 0;
padding: 0; }
#page-nav .trigger {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #fff;
display: block;
font-size: 24px;
letter-spacing: 0.075em;
line-height: 2.375em; }
#page-nav .trigger.shop {
border-top: 1px solid rgba(0, 0, 0, 0.05); }
#page-nav .trigger:hover, #page-nav .trigger.hover {
background-color: #5fcf53; }
@media only screen and (max-width: 767px) {
#page-nav .trigger:hover, #page-nav .trigger.hover {
color: #4c4c4c !important; } }
#page-nav .trigger svg {
display: none; }
#page-nav .wrapper {
max-height: none; }
@media only screen and (max-width: 767px) {
#page-nav .wrapper {
height: auto !important; } }
#page-nav .wrapper .sub-links {
display: none;
padding: 0; }
@media only screen and (max-width: 767px) {
#page-nav .wrapper .sub-links .container {
margin: 0 auto !important; }
#page-nav .wrapper .sub-links .cell {
padding: 0 !important; }
#page-nav .wrapper .sub-links a {
color: #fff !important;
display: block !important;
padding: 1em 0 0.44em !important; }
#page-nav .wrapper .sub-links a:hover, #page-nav .wrapper .sub-links a:active {
color: #4c4c4c !important; } }
#page-nav .wrapper.shop .sub-links .level0 {
display: block;
padding: 0;
width: 100%; }
#page-nav .wrapper.shop .sub-links .level0 > a {
color: #1a1a1a;
display: inline-block;
font-size: 18px;
line-height: 1em;
padding: 1.944em 0 0.44em; }
#page-nav .wrapper.shop .sub-links .level1,
#page-nav .wrapper.shop .sub-links .level2 {
display: none; }
#page-nav .wrapper.explore .sub-links .cell {
margin: 0;
padding: 0;
width: 100%; }
#page-nav .wrapper.explore .sub-links .cell img {
display: none; }
#page-nav .wrapper.explore .sub-links .cell .txt {
margin: 0;
position: relative; }
#page-nav .wrapper.explore .sub-links .cell .title {
font-size: 18px; }
#page-nav .wrapper.explore .sub-links .cell .desc {
display: none; }
@media only screen and (max-width: 767px) {
#page-nav .wrapper.explore .sub-links .featured a {
background-color: transparent !important; } }
#page-nav #search_mini_form {
left: 0;
padding: 1.25em 1.125em 0;
position: absolute;
top: 0;
width: 100%; }
#page-nav #search_mini_form .form-search {
position: relative; }
@media only screen and (max-width: 767px) {
#page-nav #search_mini_form input {
border: none;
border-radius: 3px;
font-size: 20px;
margin: 0;
outline: none;
overflow: hidden;
padding: 0.25em 0.5em;
width: 100%; }
#page-nav #search_mini_form button {
background: #fff !important;
border: none;
border-radius: 3px;
cursor: pointer;
height: 100%;
margin: 0;
outline: none;
padding: 0 0.75em;
position: absolute;
right: 0;
top: 0;
width: auto; }
#page-nav #search_mini_form button .title {
display: none; }
#page-nav #search_mini_form .input-box {
padding: 0; } }
#page-nav #search_mini_form label,
#page-nav #search_mini_form .trigger {
display: none; }
#page-nav #search_mini_form .sub-links {
display: block; }
#page-nav #search_mini_form .popular-tags {
display: none; }
#page-nav .customer-links h3 {
display: none; }
#page-nav .customer-links path {
fill: #5fcf53; }
#page-nav .customer-links #cart-helpers {
margin: 0;
padding: 0; }
#page-nav .customer-links .cart .quantity:before {
content: '('; }
#page-nav .customer-links .cart .quantity:after {
content: ')'; }
#page-nav .customer-links .cart-helper {
display: none; }

@media only screen and (min-width: 768px) {
.page-header .menu-btn {
display: none; }

/*.grid.thirds>.cell{width:33.33%;}
.grid.thirds>.cell.two{width:66.66%;} */
#page-nav {
background: transparent;
box-shadow: none;
overflow: visible;
padding: 0;
position: static;
right: 0;
width: auto;
/* .grid.fourths>.cell{width: 25%;} */ }
#page-nav .trigger {
color: #fff;
border-bottom: none;
display: block;
font-size: 14px;
letter-spacing: 0.075em;
line-height: 1.43em;
padding: 1.43em;
text-transform: uppercase; }
#page-nav .trigger:hover, #page-nav .trigger.hover {
background-color: #5fcf53;
color: #fff !important; }
#page-nav .trigger.shop {
border-top: none; }
#page-nav .trigger svg {
display: inline; }
#page-nav .trigger .title {
display: none; }
#page-nav .main-links {
float: left;
height: inherit;
margin: 0; }
#page-nav .main-links > li {
display: block;
float: left;
height: inherit; }
#page-nav .wrapper {
background: #fff;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
max-height: 0;
height: auto;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
-webkit-transition: max-height 0.25s ease-out;
transition: max-height 0.25s ease-out; }
#page-nav .wrapper.front {
z-index: 2;
-webkit-backface-visibility: hidden; }
#page-nav .wrapper .sub-links {
display: block !important;
overflow: hidden; }
#page-nav .wrapper .sub-links .nav-link {
color: #737373;
font-size: 16px;
line-height: 1em; }
#page-nav .wrapper .sub-links .all {
color: #5fcf53;
font-size: 16px;
line-height: 1em; }
#page-nav .wrapper.shop .sub-links {
padding-bottom: 30px;
padding-bottom: 1.66667rem;
-webkit-column-count: 4;
column-count: 4;
overflow: hidden; }
#page-nav .wrapper.shop .sub-links .level0 {
display: inline-block; }
#page-nav .wrapper.shop .sub-links .level0 > a {
color: #1a1a1a;
display: block;
font-size: 18px;
line-height: 1em;
padding: 1.944em 0 0.44em; }
#page-nav .wrapper.shop .sub-links .level1,
#page-nav .wrapper.shop .sub-links .level2 {
display: block;
padding: 0; }
#page-nav .wrapper.shop .sub-links .level1.parent > a,
#page-nav .wrapper.shop .sub-links .level2.parent > a {
display: none; }
#page-nav .wrapper.explore .sub-links .cell {
margin-left: 2.8%;
margin-bottom: 40px;
overflow: hidden;
padding: 0;
position: relative;
width: 22.9%; }
#page-nav .wrapper.explore .sub-links .cell:first-child, #page-nav .wrapper.explore .sub-links .cell:nth-child(5n) {
margin-left: 0; }
#page-nav .wrapper.explore .sub-links .cell:before {
content: '';
display: block;
padding-top: 48%; }
#page-nav .wrapper.explore .sub-links .cell a {
display: block;
height: 100%;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%; }
#page-nav .wrapper.explore .sub-links .cell a:hover img {
opacity: 0;
filter: alpha(opacity=0); }
#page-nav .wrapper.explore .sub-links .cell a:hover .txt {
bottom: 80%;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
#page-nav .wrapper.explore .sub-links .cell a:hover .title {
color: #1a1a1a; }
#page-nav .wrapper.explore .sub-links .cell a:hover .desc {
opacity: 1;
filter: alpha(opacity=100);
}
#page-nav .wrapper.explore .sub-links .cell img {
display: block;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-backface-visibility: hidden; }
#page-nav .wrapper.explore .sub-links .cell .txt {
margin: 0;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: bottom 0.2s ease;
transition: bottom 0.2s ease; }
#page-nav .wrapper.explore .sub-links .cell .title {
color: #808080;
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; }
#page-nav .wrapper.explore .sub-links .cell .desc {
color: #999;
display: block;
font-size: 16px;
font-weight: 200;
line-height: 1.166em;
margin: 0;
padding: 0 5px;
position: absolute;
left: 0;
top: 125%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease 0.15s;
transition: opacity 0.2s ease 0.15s; }
#page-nav .wrapper.explore .sub-links .featured .cell {
margin-top: 40px; }
#page-nav .wrapper.explore .sub-links .featured .cell:before {
padding-top: 80%; }
#page-nav .wrapper.explore .sub-links .featured .txt {
bottom: 16%; }
#page-nav .wrapper.explore .sub-links .featured .title {
color: #fff !important;
font-size: 18px;
text-transform: none; }
#page-nav .wrapper.explore .sub-links .featured .desc {
color: #fff;
top: 165%; }
#page-nav .wrapper.explore .sub-links .featured a:hover .txt {
bottom: 65%; }
#page-nav .customer-links {
height: 100%;
float: right; }
#page-nav .customer-links > * {
height: inherit;
float: right;
position: relative; }
#page-nav .customer-links h3 {
display: block; }
#page-nav .customer-links .button {
padding: 1em 0; }
#page-nav .customer-links #cart-helpers {
margin: 0;
padding: 0; }
#page-nav .customer-links #cart-helpers ol {
padding: 0 20px 20px; }
#page-nav .customer-links #cart-helpers .cart.level-top {
display: block;
height: inherit; }
#page-nav .customer-links #cart-helpers .cart-helper {
display: none; }
#page-nav .customer-links #cart-helpers a:hover .title {
color: #ff8a73 !important; }
#page-nav .customer-links #cart-helpers .item {
border-top: 1px solid #e5e5e5;
padding: 7px 0 5px; }
#page-nav .customer-links #cart-helpers .item img {
float: left;
height: 55px;
width: 55px; }
#page-nav .customer-links #cart-helpers .item sup {
position: relative;
top: 4px; }
#page-nav .customer-links #cart-helpers .item .details {
float: left;
padding: 9px 0 14px 10px;
text-align: left;
width: 78.8%; }
#page-nav .customer-links #cart-helpers .item .title {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0; }
#page-nav .customer-links #cart-helpers .item .desc {
color: #a6a6a6;
font-size: 14px;
line-height: 1em; }
#page-nav .customer-links #cart-helpers .empty {
border-top: 1px solid #e5e5e5;
font-size: 14px;
margin: 0 20px;
padding: 10px 0 20px; }
#page-nav .customer-links .trigger {
color: #5fcf53;
display: block;
font-size: 14px;
height: 100%;
line-height: 1em;
padding: 1.43em; }
#page-nav .customer-links .trigger svg {
display: block;
height: 18px;
width: auto; }
#page-nav .customer-links .trigger path {
fill: #5fcf53; }
#page-nav .customer-links .trigger:hover, #page-nav .customer-links .trigger.hover {
background: #5fcf53;
color: #fff !important; }
#page-nav .customer-links .trigger:hover path, #page-nav .customer-links .trigger.hover path {
fill: #fff; }
#page-nav .customer-links .wrapper {
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
left: auto;
right: 0;
text-align: center;
width: 300px; }
#page-nav .customer-links .wrapper h3 {
color: #1a1a1a;
font-size: 16px;
line-height: 1em;
margin: 0;
padding: 27px 0;
text-transform: uppercase; }
#page-nav .customer-links .wrapper h3 a {
color: inherit;
display: block; }
#page-nav .customer-links .customer-link-account .button.register {
background: #4c4c4c; }
#page-nav .customer-links .customer-link-account .forgot {
color: #737373;
display: block;
font-size: 12px;
margin: 0 30px 30px; }
#page-nav .customer-links .customer-link-account .link-list {
padding: 0 20px 20px; }
#page-nav .customer-links .customer-link-account .link-list a {
border-top: 1px solid #e5e5e5;
color: #1a1a1a;
display: block;
font-size: 16px;
line-height: 1em;
padding: 20px 0; }
#page-nav .customer-links .customer-link-account svg {
width: 21px; }
#page-nav .customer-links .cart svg {
float: left;
width: 20px; }
#page-nav .customer-links .cart .quantity {
float: right;
padding: 5px 0 0; }
#page-nav .customer-links .cart .quantity:before, #page-nav .customer-links .cart .quantity:after {
content: '';
display: none; }
#page-nav .customer-links .search svg {
width: 17px; }
#page-nav #search_mini_form {
display: block;
padding: 0;
position: relative;
width: auto; }
#page-nav #search_mini_form #search {
color: #5fcf53; }
#page-nav #search_mini_form button .title {
display: block; }
#page-nav #search_mini_form button .icon {
display: none; }
#page-nav #search_mini_form label,
#page-nav #search_mini_form .trigger {
display: block; }
#page-nav #search_mini_form .form-search {
display: none; }
#page-nav #search_mini_form .popular-tags {
display: block;
font-size: 14px;
margin: 0 0 30px; }
#page-nav #search_mini_form .popular-tags h4 {
color: #737373;
font-weight: 400;
margin-bottom: 0;
text-transform: uppercase; }
#page-nav #search_mini_form .popular-tags a {
color: #1a1a1a;
display: inline-block;
padding: 0 5px; }

.page-footer .sub {
padding: 40px 0; }
.page-footer .sub .logo svg {
height: 36px;
width: 28px; }
.page-footer .sub .info {
font-size: 12px;
line-height: 1.6em;
width: 75%; }
.page-footer #verisign {
top: -24px; }
.page-footer .footer-newsletter-form {
margin-bottom: 20px; }

#footer-nav {
padding: 25px 0; }
#footer-nav a {
color: #808080;
line-height: 1.43em; }
#footer-nav li {
float: none;
width: 100%; }
#footer-nav .title {
padding: 15px 0; }
#footer-nav .store {
float: left;
width: 20%; }
#footer-nav .company {
float: left;
width: 68.08510638297872%; }
#footer-nav .company .cell {
width: 21.875%;
margin-right: 3.125%; }
#footer-nav .company li {
display: block; }
#footer-nav .company .title {
padding-bottom: 5px; }
#footer-nav .social {
float: right;
width: 31.914893617021278%; }
#footer-nav .social li {
text-align: right; }
#footer-nav .social li a {
display: inline-block; }

.breadcrumbs {
color: #b2b2b2;
display: block;
font-size: 12px;
font-size: 0.66667rem;
line-height: 1em;
text-transform: uppercase; }
.breadcrumbs li {
display: block;
float: left;
margin: 0;
white-space: nowrap; }
.breadcrumbs a {
color: #b2b2b2; }
.breadcrumbs a:after {
color: #b2b2b2 !important;
content: '';
padding: 0 0; }

.data-table {
display: table; }

.modal {
position: fixed;
top: 0;
left: 50%;
width: 50%;
height: 50%;
margin-left: -25%;
z-index: 2000; }
.modal:before {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
content: ' '; }
.modal .modal-center {
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle; }
.modal .modal-wrapper {
background: #fff;
padding: 20px;
width: 100%;
height: 100%;
overflow: auto;
position: relative;
z-index: 20; }
.modal .modal-wrapper .modal-hide {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
font-size: 40px;
width: 30px;
height: 30px;
font-weight: 600;
text-align: center;
line-height: 30px;
color: #ff5736;
-webkit-transition: color 0.125s;
transition: color 0.125s; }
.modal .modal-wrapper .modal-hide:hover {
color: #e54e30; } }

/* Added 21 feb */
.paypal-logo > a:hover { background-color: transparent !important;}
.checkout-onepage-success .cs_success_btn {float:left !important;}


.header .login-container li.last{line-height:0!important; }
/*.block-login label{display:block; line-height:15px} */
ul.form-list li label{display:block; line-height:15px; }
.block-login input.input-text{margin-bottom:8px!important; }
#sociallogin_button{margin-top:18px!important; }
.top-links #sociallogin_button ul li{margin-bottom:6px!important; }
.block-login.drp{margin-top:0!important; }