/** Shopify CDN: Minification failed

Line 303:4 Expected identifier but found "*"
Line 328:4 Expected identifier but found "*"
Line 343:4 Expected identifier but found "*"
Line 804:8 Expected identifier but found "*"
Line 1404:4 Expected identifier but found "*"
Line 1766:4 Expected identifier but found "*"
Line 2446:4 Expected identifier but found "*"
Line 2590:4 Expected identifier but found "*"
Line 2617:4 Expected identifier but found "*"
Line 3085:11 Expected identifier but found "*"
... and 10 more hidden warnings

**/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

.hide {
display: none;
  visibility:hidden;

}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #ff5131;
}

::selection {
    color: #fff;
    background: #ff5131;
}

body {
    margin: 0;
    overflow-x:hidden;
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    font-size: 100%
}

body {
    background: white;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue","Helvetica",Helvetica,"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative
}

a:focus {
    outline: 0
}

img,object,embed {
    max-width: 100%;
    height: auto
}

object,embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object {
    max-width: none!important
}

.left {
    float: left!important
}

.right {
    float: right!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-justify {
    text-align: justify!important
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 83.33333em;
    *zoom:1}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse .column,.row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left
}

.row .row {
    width: auto;
    margin-left: -1.25em;
    margin-right: -1.25em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom:1}

.row .row:before,.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom:1}

.row .row.collapse:before,.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    position: relative;
    padding-left: 1.25em;
    padding-right: 1.25em;
    width: 100%;
    float: left
}

@media only screen {
    .column,.columns {
        position: relative;
        padding-left: 1.25em;
        padding-right: 1.25em;
        float: left
    }

    .small-1 {
        position: relative;
        width: 8.33333%
    }

    .small-2 {
        position: relative;
        width: 16.66667%
    }

    .small-3 {
        position: relative;
        width: 25%
    }

    .small-4 {
        position: relative;
        width: 33.33333%
    }

    .small-5 {
        position: relative;
        width: 41.66667%
    }

    .small-6 {
        position: relative;
        width: 50%
    }

    .small-7 {
        position: relative;
        width: 58.33333%
    }

    .small-8 {
        position: relative;
        width: 66.66667%
    }

    .small-9 {
        position: relative;
        width: 75%
    }

    .small-10 {
        position: relative;
        width: 83.33333%
    }

    .small-11 {
        position: relative;
        width: 91.66667%
    }

    .small-12 {
        position: relative;
        width: 100%
    }

    .small-offset-1 {
        position: relative;
        margin-left: 8.33333%
    }

    .small-offset-2 {
        position: relative;
        margin-left: 16.66667%
    }

    .small-offset-3 {
        position: relative;
        margin-left: 25%
    }

    .small-offset-4 {
        position: relative;
        margin-left: 33.33333%
    }

    .small-offset-5 {
        position: relative;
        margin-left: 41.66667%
    }

    .small-offset-6 {
        position: relative;
        margin-left: 50%
    }

    .small-offset-7 {
        position: relative;
        margin-left: 58.33333%
    }

    .small-offset-8 {
        position: relative;
        margin-left: 66.66667%
    }

    .small-offset-9 {
        position: relative;
        margin-left: 75%
    }

    .small-offset-10 {
        position: relative;
        margin-left: 83.33333%
    }

    [class*="column"]+[class*="column"]:last-child {
        float: right
    }

    [class*="column"]+[class*="column"].end {
        float: left
    }

    .column.small-centered,.columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none!important
    }
}

@media only screen and (min-width: 300px) and (max-width:400px) {

  .product-item {
    float:left !important;

  }

}

@media only screen and (max-width: 768px) {
  .product-grid {
    width:90%;

  }
}


@media only screen and (max-width: 400px) {


  .product-item {
    float:left !important;
   width: 48% !important;
    padding:10px;
  }


}

@media only screen and (min-width: 768px) {
    .large-1 {
        position:relative;
        width: 8.33333%
    }

    .large-2 {
        position: relative;
        width: 16.66667%
    }

    .large-3 {
        position: relative;
        width: 25%
    }

    .large-3k {
        position: relative;
        width: 25%;
        text-align: center
    }

    .large-4 {
        position: relative;
        width: 25%;
        text-align: center
    }

    .large-5 {
        position: relative;
        width: 41.66667%
    }

    .large-6 {
        position: relative;
        width: 50%
    }

    .large-7 {
        position: relative;
        width: 58.33333%
    }

    .large-8 {
        position: relative;
        width: 66.66667%
    }

    .large-9 {
        position: relative;
        width: 75%
    }

    .large-10 {
        position: relative;
        width: 83.33333%
    }

    .large-11 {
        position: relative;
        width: 91.66667%
    }

    .large-12 {
        position: relative;
        width: 100%
    }

    .large-13 {
        position: relative;
        width: 70%
    }

    .row .large-offset-1 {
        position: relative;
        margin-left: 8.33333%
    }

    .row .large-offset-2 {
        position: relative;
        margin-left: 16.66667%
    }

    .row .large-offset-3 {
        position: relative;
        margin-left: 25%
    }

    .row .large-offset-4 {
        position: relative;
        margin-left: 33.33333%
    }

    .row .large-offset-5 {
        position: relative;
        margin-left: 41.66667%
    }

    .row .large-offset-6 {
        position: relative;
        margin-left: 50%
    }

    .row .large-offset-7 {
        position: relative;
        margin-left: 58.33333%
    }

    .row .large-offset-8 {
        position: relative;
        margin-left: 66.66667%
    }

    .row .large-offset-9 {
        position: relative;
        margin-left: 75%
    }

    .row .large-offset-10 {
        position: relative;
        margin-left: 83.33333%
    }

    .row .large-offset-11 {
        position: relative;
        margin-left: 91.66667%
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column.large-centered,.columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none!important
    }

    .column.large-uncentered,.columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: none
    }
}

@media only screen {
    [class*="block-grid-"] {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom:1}

    [class*="block-grid-"]:before,[class*="block-grid-"]:after {
        content: " ";
        display: table
    }

    [class*="block-grid-"]:after {
        clear: both
    }

    [class*="block-grid-"]>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 10px
    }

    .small-block-grid-1>li {
        width: 100%;
        padding: 0 10px 10px
    }

    .small-block-grid-1>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        width: 50%;
        padding: 0 10px 10px
    }

    .small-block-grid-2>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .small-block-grid-3>li {
        width: 33.33333%;
        padding: 0 10px 10px
    }

    .small-block-grid-3>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        width: 25%;
        padding: 0 10px 10px
    }

    .small-block-grid-4>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        width: 20%;
        padding: 0 10px 10px
    }

    .small-block-grid-5>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        width: 16.66667%;
        padding: 0 10px 10px
    }

    .small-block-grid-6>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        width: 14.28571%;
        padding: 0 10px 10px
    }

    .small-block-grid-7>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        width: 12.5%;
        padding: 0 10px 10px
    }

    .small-block-grid-8>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        width: 11.11111%;
        padding: 0 10px 10px
    }

    .small-block-grid-9>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        width: 10%;
        padding: 0 10px 10px
    }

    .small-block-grid-10>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        width: 9.09091%;
        padding: 0 10px 10px
    }

    .small-block-grid-11>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        width: 8.33333%;
        padding: 0 10px 10px
    }

    .small-block-grid-12>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 768px) {
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear:none
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: none
    }

    .large-block-grid-1>li {
        width: 100%;
        padding: 0 10px 10px
    }

    .large-block-grid-1>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        width: 50%;
        padding: 0 10px 10px
    }

    .large-block-grid-2>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .large-block-grid-3>li {
        width: 33.33333%;
        padding: 0 10px 10px
    }

    .large-block-grid-3>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        width: 25%;
        padding: 0 10px 10px
    }

    .large-block-grid-4>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        width: 20%;
        padding: 0 10px 10px
    }

    .large-block-grid-5>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        width: 16.66667%;
        padding: 0 10px 10px
    }

    .large-block-grid-6>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        width: 14.28571%;
        padding: 0 10px 10px
    }

    .large-block-grid-7>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        width: 12.5%;
        padding: 0 10px 10px
    }

    .large-block-grid-8>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        width: 11.11111%;
        padding: 0 10px 10px
    }

    .large-block-grid-9>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        width: 10%;
        padding: 0 10px 10px
    }

    .large-block-grid-10>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        width: 9.09091%;
        padding: 0 10px 10px
    }

    .large-block-grid-11>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        width: 8.33333%;
        padding: 0 10px 10px
    }

    .large-block-grid-12>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

[class*="column"]+[class*="column"]:last-child {
    float: left
}

.row .row {
    padding: 0;
    margin: 0
}

.lt-ie9 .row {
    width: 100%;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto
}

.lt-ie9 .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px
}

.lt-ie9 .row.large-collapse .column,.lt-ie9 .row.large-collapse .columns {
    padding: 0
}

.lt-ie9 .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px
}

.lt-ie9 .row .row.large-collapse {
    margin: 0
}

.lt-ie9 .column,.lt-ie9 .columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative
}

.lt-ie9 .column.large-centered,.columns.large-centered {
    float: none;
    margin: 0 auto
}

.lt-ie9 [class*="column"]+[class*="column"]:last-child {
    float: right
}

.lt-ie9 [class*="column"]+[class*="column"].end {
    float: left
}

.lt-ie9 .large-1,.lt-ie9 .row .large-1 {
    width: 8.33333%
}

.lt-ie9 .large-2,.lt-ie9 .row .large-2 {
    width: 16.66667%
}

.lt-ie9 .large-3,.lt-ie9 .row .large-3 {
    width: 25%
}

.lt-ie9 .large-4,.lt-ie9 .row .large-4 {
    width: 25%
}

.lt-ie9 .large-5,.lt-ie9 .row .large-5 {
    width: 41.66667%
}

.lt-ie9 .large-6,.lt-ie9 .row .large-6 {
    width: 50%
}

.lt-ie9 .large-7,.lt-ie9 .row .large-7 {
    width: 58.33333%
}

.lt-ie9 .large-8,.lt-ie9 .row .large-8 {
    width: 66.66667%
}

.lt-ie9 .large-9,.lt-ie9 .row .large-9 {
    width: 75%
}

.lt-ie9 .large-10,.lt-ie9 .row .large-10 {
    width: 83.33333%
}

.lt-ie9 .large-11,.lt-ie9 .row .large-11 {
    width: 91.66667%
}

.lt-ie9 .large-12,.lt-ie9 .row .large-12 {
    width: 100%
}

.lt-ie9 .row .large-offset-1 {
    margin-left: 8.33333%
}

.lt-ie9 .row .large-offset-2 {
    margin-left: 16.66667%
}

.lt-ie9 .row .large-offset-3 {
    margin-left: 25%
}

.lt-ie9 .row .large-offset-4 {
    margin-left: 33.33333%
}

.lt-ie9 .row .large-offset-5 {
    margin-left: 41.66667%
}

.lt-ie9 .row .large-offset-6 {
    margin-left: 50%
}

.lt-ie9 .row .large-offset-7 {
    margin-left: 58.33333%
}

.lt-ie9 .row .large-offset-8 {
    margin-left: 66.66667%
}

.lt-ie9 .row .large-offset-9 {
    margin-left: 75%
}

.lt-ie9 .row .large-offset-10 {
    margin-left: 83.33333%
}

.lt-ie9 .pull-2 {
    right: 16.66667%
}

.lt-ie9 .pull-3 {
    right: 25%
}

.lt-ie9 .pull-4 {
    right: 33.33333%
}

.lt-ie9 .pull-5 {
    right: 41.66667%
}

.lt-ie9 .pull-6 {
    right: 50%
}

.lt-ie9 .pull-7 {
    right: 58.33333%
}

.lt-ie9 .pull-8 {
    right: 66.66667%
}

.lt-ie9 .pull-9 {
    right: 75%
}

.lt-ie9 .pull-10 {
    right: 83.33333%
}

.lt-ie9 .push-2 {
    left: 16.66667%
}

.lt-ie9 .push-3 {
    left: 25%
}

.lt-ie9 .push-4 {
    left: 33.33333%
}

.lt-ie9 .push-5 {
    left: 41.66667%
}

.lt-ie9 .push-6 {
    left: 50%
}

.lt-ie9 .push-7 {
    left: 58.33333%
}

.lt-ie9 .push-8 {
    left: 66.66667%
}

.lt-ie9 .push-9 {
    left: 75%
}

.lt-ie9 .push-10 {
    left: 83.33333%
}

.lt-ie9 .row {
    *zoom:1}

.lt-ie9 .row:before,.row:after {
    content: " ";
    display: table
}

.lt-ie9 .row:after {
    clear: both
}

.lt-ie9 .row .row {
    margin: 0;
    padding: 0
}

.show-for-small,.show-for-medium-down,.show-for-large-down {
    display: inherit!important
}

.show-for-medium,.show-for-medium-up,.show-for-large,.show-for-large-up,.show-for-xlarge {
    display: none!important
}

.hide-for-medium,.hide-for-medium-up,.hide-for-large,.hide-for-large-up,.hide-for-xlarge {
    display: inherit!important
}

.hide-for-small,.hide-for-medium-down,.hide-for-large-down {
    display: none!important
}

table.show-for-small,table.show-for-medium-down,table.show-for-large-down,table.hide-for-medium,table.hide-for-medium-up,table.hide-for-large,table.hide-for-large-up,table.hide-for-xlarge {
    display: table
}

thead.show-for-small,thead.show-for-medium-down,thead.show-for-large-down,thead.hide-for-medium,thead.hide-for-medium-up,thead.hide-for-large,thead.hide-for-large-up,thead.hide-for-xlarge {
    display: table-header-group!important
}

tbody.show-for-small,tbody.show-for-medium-down,tbody.show-for-large-down,tbody.hide-for-medium,tbody.hide-for-medium-up,tbody.hide-for-large,tbody.hide-for-large-up,tbody.hide-for-xlarge {
    display: table-row-group!important
}

tr.show-for-small,tr.show-for-medium-down,tr.show-for-large-down,tr.hide-for-medium,tr.hide-for-medium-up,tr.hide-for-large,tr.hide-for-large-up,tr.hide-for-xlarge {
    display: table-row!important
}

td.show-for-small,td.show-for-medium-down,td.show-for-large-down,td.hide-for-medium,td.hide-for-medium-up,td.hide-for-large,td.hide-for-large-up,td.hide-for-xlarge,th.show-for-small,th.show-for-medium-down,th.show-for-large-down,th.hide-for-medium,th.hide-for-medium-up,th.hide-for-large,th.hide-for-large-up,th.hide-for-xlarge {
    display: table-cell!important
}

@media only screen and (min-width: 768px) {
    .show-for-medium,.show-for-medium-up {
        display:inherit!important
    }

    .show-for-small {
        display: none!important
    }

    .hide-for-small {
        display: inherit!important
    }

    .hide-for-medium,.hide-for-medium-up {
        display: none!important
    }

    table.show-for-medium,table.show-for-medium-up,table.hide-for-small {
        display: table
    }

    thead.show-for-medium,thead.show-for-medium-up,thead.hide-for-small {
        display: table-header-group!important
    }

    tbody.show-for-medium,tbody.show-for-medium-up,tbody.hide-for-small {
        display: table-row-group!important
    }

    tr.show-for-medium,tr.show-for-medium-up,tr.hide-for-small {
        display: table-row!important
    }

    td.show-for-medium,td.show-for-medium-up,td.hide-for-small,th.show-for-medium,th.show-for-medium-up,th.hide-for-small {
        display: table-cell!important
    }
}

@media only screen and (min-width: 1280px) {
    .show-for-large,.show-for-large-up {
        display:inherit!important
    }

    .show-for-medium,.show-for-medium-down {
        display: none!important
    }

    .hide-for-medium,.hide-for-medium-down {
        display: inherit!important
    }

    .hide-for-large,.hide-for-large-up {
        display: none!important
    }

    table.show-for-large,table.show-for-large-up,table.hide-for-medium,table.hide-for-medium-down {
        display: table
    }

    thead.show-for-large,thead.show-for-large-up,thead.hide-for-medium,thead.hide-for-medium-down {
        display: table-header-group!important
    }

    tbody.show-for-large,tbody.show-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-down {
        display: table-row-group!important
    }

    tr.show-for-large,tr.show-for-large-up,tr.hide-for-medium,tr.hide-for-medium-down {
        display: table-row!important
    }

    td.show-for-large,td.show-for-large-up,td.hide-for-medium,td.hide-for-medium-down,th.show-for-large,th.show-for-large-up,th.hide-for-medium,th.hide-for-medium-down {
        display: table-cell!important
    }
}

@media only screen and (min-width: 1440px) {
    .show-for-xlarge {
        display:inherit!important
    }

    .show-for-large,.show-for-large-down {
        display: none!important
    }

    .hide-for-large,.hide-for-large-down {
        display: inherit!important
    }

    .hide-for-xlarge {
        display: none!important
    }

    table.show-for-xlarge,table.hide-for-large,table.hide-for-large-down {
        display: table
    }

    thead.show-for-xlarge,thead.hide-for-large,thead.hide-for-large-down {
        display: table-header-group!important
    }

    tbody.show-for-xlarge,tbody.hide-for-large,tbody.hide-for-large-down {
        display: table-row-group!important
    }

    tr.show-for-xlarge,tr.hide-for-large,tr.hide-for-large-down {
        display: table-row!important
    }

    td.show-for-xlarge,td.hide-for-large,td.hide-for-large-down,th.show-for-xlarge,th.hide-for-large,th.hide-for-large-down {
        display: table-cell!important
    }
}

.show-for-landscape,.hide-for-portrait {
    display: inherit!important
}

.hide-for-landscape,.show-for-portrait {
    display: none!important
}

table.hide-for-landscape,table.show-for-portrait {
    display: table
}

thead.hide-for-landscape,thead.show-for-portrait {
    display: table-header-group!important
}

tbody.hide-for-landscape,tbody.show-for-portrait {
    display: table-row-group!important
}

tr.hide-for-landscape,tr.show-for-portrait {
    display: table-row!important
}

td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait {
    display: table-cell!important
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,.hide-for-portrait {
        display:inherit!important
    }

    .hide-for-landscape,.show-for-portrait {
        display: none!important
    }

    table.show-for-landscape,table.hide-for-portrait {
        display: table
    }

    thead.show-for-landscape,thead.hide-for-portrait {
        display: table-header-group!important
    }

    tbody.show-for-landscape,tbody.hide-for-portrait {
        display: table-row-group!important
    }

    tr.show-for-landscape,tr.hide-for-portrait {
        display: table-row!important
    }

    td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait {
        display: table-cell!important
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,.hide-for-landscape {
        display:inherit!important
    }

    .hide-for-portrait,.show-for-landscape {
        display: none!important
    }

    table.show-for-portrait,table.hide-for-landscape {
        display: table
    }

    thead.show-for-portrait,thead.hide-for-landscape {
        display: table-header-group!important
    }

    tbody.show-for-portrait,tbody.hide-for-landscape {
        display: table-row-group!important
    }

    tr.show-for-portrait,tr.hide-for-landscape {
        display: table-row!important
    }

    td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape {
        display: table-cell!important
    }
}

.show-for-touch {
    display: none!important
}

.hide-for-touch {
    display: inherit!important
}

.touch .show-for-touch {
    display: inherit!important
}

.touch .hide-for-touch {
    display: none!important
}

table.hide-for-touch {
    display: table
}

.touch table.show-for-touch {
    display: table
}

thead.hide-for-touch {
    display: table-header-group!important
}

.touch thead.show-for-touch {
    display: table-header-group!important
}

tbody.hide-for-touch {
    display: table-row-group!important
}

.touch tbody.show-for-touch {
    display: table-row-group!important
}

tr.hide-for-touch {
    display: table-row!important
}

.touch tr.show-for-touch {
    display: table-row!important
}

td.hide-for-touch {
    display: table-cell!important
}

.touch td.show-for-touch {
    display: table-cell!important
}

th.hide-for-touch {
    display: table-cell!important
}

.touch th.show-for-touch {
    display: table-cell!important
}

.flex-video {
    position: relative;
    padding-top: 2.08333em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1.33333em;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.show-for-medium-only {
    display: none
}

@media only screen and (min-width: 768px) and (max-width:1279px) {
    .show-for-medium-only {
        display:inherit!important
    }
}

.lt-ie9 .hide-for-ie9-down,.lt-ie9 .hide-for-medium,.lt-ie9 .hide-for-medium-up {
    display: none!important
}

.lt-ie9 .show-for-ie9-down,.lt-ie9 .show-for-medium,.lt-ie9 .show-for-medium-only,.lt-ie9 .show-for-medium-up {
    display: inherit!important
}

.clearfix {
    *zoom:1}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.all-caps {
    text-transform: uppercase
}

.remove_button_styles,.popup-modal-close,.promo-bar button {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #ffffff;
    text-transform: inherit;
    background: transparent;
    font-size: 14px
}

.plain-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.plain-list li {
    margin-bottom: 5px
}

.hide {
    display: none
}

.hide-until-js {
    display: none
}

.no-js .hide-until-js {
    display: inherit
}

.hide-for-js {
    display: none
}

.no-js .hide-for-js {
    display: inherit
}

.divider {
    border-top: 1px solid#ebebeb
}

.border-decoration {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right: 2.5em
}

.border-decoration:after {
    content: "";
    display: block;
    border-bottom: 1px solid#ebebeb
}

.font-logo {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
}

.font-nav {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
}

.font-accent {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 500!important
}

.font-title {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase
}

.font-headings,.template-index .widgets .title {
    text-transform: uppercase;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
}

h1 a,h1 a:link,h1 a:visited,h1 a:hover,h2 a,h2 a:link,h2 a:visited,h2 a:hover,h3 a,h3 a:link,h3 a:visited,h3 a:hover,h4 a,h4 a:link,h4 a:visited,h4 a:hover,h5 a,h5 a:link,h5 a:visited,h5 a:hover,h6 a,h6 a:link,h6 a:visited,h6 a:hover {
    color: #444444
}

p,ul,li,a {
    margin-top: 0;
}

blockquote {
    font-style: italic;
    color: #999999;
    padding-left: 20px;
    margin-left: 0;
    border-left: 2px solid#999999
}

a,a:link,a:visited,a:hover {
    color: #444444;
    text-decoration: none
}

a:hover {
    color: #444444
}

.colored-links a,.colored-links a:link,.colored-links a:visited,.colored-links a:hover {
    color: #999999
}

.colored-links a:hover {
    color: #444444
}

.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4,.wf-loading h5,.wf-loading h6,.wf-loading p,.wf-loading ul,.wf-loading li,.wf-loading a,.wf-loading blockquote {
    visibility: hidden
}

@font-face {
    font-family: 'anr-theme';
    src: url('/cdn/shop/files/anr-theme.eot?17628824780414210628');
    src: url('/cdn/shop/files/anr-theme.eot?17628824780414210628#iefix') format("embedded-opentype"),url('/cdn/shop/files/anr-theme.woff?17628824780414210628') format("woff"),url('/cdn/shop/files/anr-theme.ttf?17628824780414210628') format("truetype"),url('/cdn/shop/files/anr-theme.svg?17628824780414210628') format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: 'anr-theme';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyph {
    font-family: 'anr-theme';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyph.arrow-right:before {
    content: "\e600"
}

.glyph.arrow-left:before {
    content: "\e601"
}

.glyph.zoom-in:before {
    content: "\e602"
}

.glyph.zoom-out:before {
    content: "\e603"
}

.glyph.radio-checked:before {
    content: "\e605"
}

.glyph.radio-unchecked:before {
    content: "\e606"
}

.glyph.feed:before {
    content: "\e60a"
}

.glyph.youtube:before {
    content: "\e60d"
}

.glyph.soundcloud:before {
    content: "\e607"
}

.glyph.menu:before {
    content: "\e626"
}

.glyph.minus:before {
    content: "\e616"
}

.glyph.plus:before {
    content: "\e617"
}

.glyph.cross:before {
    content: "\e618"
}

.glyph.arrow-down:before {
    content: "\e619"
}

.glyph.slider-left:before {
    content: "\e61a"
}

.glyph.slider-right:before {
    content: "\e61b"
}

.glyph.arrow-dropdown:before {
    content: "\e61c"
}

.glyph.list:before {
    content: "\e61d"
}

.glyph.tumblr:before {
    content: "\e61e"
}

.glyph.pinterest:before {
    content: "\e61f"
}

.glyph.facebook:before {
    content: "\e620"
}

.glyph.twitter:before {
    content: "\e621"
}

.glyph.vimeo:before {
    content: "\e622"
}

.glyph.googleplus:before {
    content: "\e623"
}

.glyph.linkedin:before {
    content: "\e624"
}

.glyph.instagram:before {
    content: "\e625"
}

.glyph.visa:before {
    content: "\e604"
}

.glyph.googlewallet:before {
    content: "\e608"
}

.glyph.discover:before {
    content: "\e609"
}

.glyph.paypal:before {
    content: "\e60b"
}

.glyph.diners:before {
    content: "\e60e"
}

.glyph.switch:before {
    content: "\e610"
}

.glyph.stripe:before {
    content: "\e611"
}

.glyph.moneybookers:before {
    content: "\e615"
}

.glyph.amex:before {
    content: "\e627"
}

.glyph.mastercard:before {
    content: "\e60c"
}

.glyph.account:before {
    content: "\e60f"
}

.glyph.search:before {
    content: "\e628"
}

.glyph.cart:before {
    content: "\e629"
}

@font-face {
    font-family: 'payment-icons';
    src: url('/cdn/shop/t/4/assets/payment-icons.eot?13401214447518860821');
    src: url('/cdn/shop/t/4/assets/payment-icons.eot?13401214447518860821?#iefix') format("embedded-opentype"),url('/cdn/shop/t/4/assets/payment-icons.woff?13401214447518860821') format("woff"),url('/cdn/shop/t/4/assets/payment-icons.ttf?13401214447518860821') format("truetype"),url('/cdn/shop/t/4/assets/payment-icons.svg?13401214447518860821') format("svg");
    font-weight: normal;
    font-style: normal
}

.payment-options .icon {
    font-family: 'payment-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.payment-options .icon-american_express:before {
    content: "\41"
}

.payment-options .icon-bitcoin:before {
    content: "\42"
}

.payment-options .icon-cirrus:before {
    content: "\43"
}

.payment-options .icon-dankort:before {
    content: "\64"
}

.payment-options .icon-diners_club:before {
    content: "\63"
}

.payment-options .icon-discover:before {
    content: "\44"
}

.payment-options .icon-fancy:before {
    content: "\46"
}

.payment-options .icon-google_wallet:before {
    content: "\47"
}

.payment-options .icon-interac:before {
    content: "\49"
}

.payment-options .icon-jcb:before {
    content: "\4a"
}

.payment-options .icon-maestro:before {
    content: "\6d"
}

.payment-options .icon-master:before {
    content: "\4d"
}

.payment-options .icon-paypal:before {
    content: "\50"
}

.payment-options .icon-stripe:before {
    content: "\53"
}

.payment-options .icon-visa:before {
    content: "\56"
}

.breadcrumbs {
    display: block;
    padding: .75em 1.16667em .75em;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #f6f6f6;
    border-color: gainsboro;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.breadcrumbs>* {
    margin: 0;
    float: left;
    font-size: .91667em;
    text-transform: uppercase;
    color: magenta
}

.breadcrumbs>*:hover a,.breadcrumbs>*:focus a {
    text-decoration: underline
}

.breadcrumbs>* a,.breadcrumbs>* span {
    text-transform: uppercase;
    color: magenta
}

.breadcrumbs>*.current {
    cursor: default;
    color: #333
}

.breadcrumbs>*.current a {
    cursor: default;
    color: #333
}

.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a {
    text-decoration: none
}

.breadcrumbs>*.unavailable {
    color: #999
}

.breadcrumbs>*.unavailable a {
    color: #999
}

.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default
}

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

.breadcrumbs>*:first-child:before {
    content: " ";
    margin: 0
}

.inline-list {
    margin: 0 auto 1.41667em auto;
    margin-left: -1.83333em;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.83333em;
    display: block
}

.inline-list>li>* {
    display: block
}

.pagination li {
    color: #222;
    font-size: 10px;
}

.pagination li a {
    color: #999
}

.pagination li:hover a,.pagination li a:focus {
    background: #e6e6e6
}

.pagination li.unavailable a {
    cursor: default;
    color: #999
}

.pagination li.unavailable:hover a,.pagination li.unavailable a:focus {
    background: transparent
}

.pagination li.current a {
    color: white;
    font-weight: bold;
    cursor: default;
    position: relative;
    top: -1px;
}

.side-nav {
    display: block;
    margin: 0;
    padding: 1.16667em 0;
    list-style-type: none;
    list-style-position: inside
}

.side-nav li {
    margin: 0 0 .58333em 0;
    font-size: 1.16667em
}

.side-nav li a {
    display: block;
    color: magenta
}

.side-nav li.active>a:first-child {
    color: #4d4d4d;
    font-weight: bold
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    padding: 0;
    list-style: none;
    border-top-color: #e6e6e6
}

.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin: -0.33333em 0 1.5em;
    padding-top: .33333em;
    margin-right: 0;
    margin-left: -0.75em
}

.sub-nav dt,.sub-nav dd {
    float: left;
    display: inline;
    margin-left: .75em;
    margin-bottom: .83333em;
    font-weight: normal;
    font-size: 1.16667em
}

.sub-nav dt a,.sub-nav dd a {
    color: #999;
    text-decoration: none
}

.sub-nav dt.active a,.sub-nav dd.active a {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    font-weight: bold;
    background: magenta;
    padding: .25em .75em;
    cursor: default;
    color: white
}

.has-tip {
    border-bottom: dotted 1px #ccc;
    cursor: help;
    font-weight: bold;
    color: #333
}

.has-tip:hover,.has-tip:focus {
    border-bottom: dotted 1px #909;
    color: magenta
}

.has-tip.tip-left,.has-tip.tip-right {
    float: none!important
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.3;
    padding: .66667em;
    max-width: 85%;
    left: 50%;
    width: 100%;
    color: white;
    background: black;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tooltip>.nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent;
    top: -10px
}

.tooltip.opened {
    color: magenta!important;
    border-bottom: dotted 1px #909!important
}

.tap-to-close {
    display: block;
    font-size: .83333em;
    color: #888;
    font-weight: normal
}

@media only screen and (min-width: 768px) {
    .tooltip>.nub {
        border-color:transparent transparent black transparent;
        top: -10px
    }

    .tooltip.tip-top>.nub {
        border-color: black transparent transparent transparent;
        top: auto;
        bottom: -10px
    }

    .tooltip.tip-left,.tooltip.tip-right {
        float: none!important
    }

    .tooltip.tip-left>.nub {
        border-color: transparent transparent transparent black;
        right: -10px;
        left: auto;
        top: 50%;
        margin-top: -5px
    }

    .tooltip.tip-right>.nub {
        border-color: transparent black transparent transparent;
        right: auto;
        left: -10px;
        top: 50%;
        margin-top: -5px
    }
}

.tabs-wrapper.vertical {
    *zoom:1;margin-bottom: 10px
}

.tabs-wrapper.vertical:after {
    content: "";
    display: table;
    clear: both
}

.tabs-wrapper.vertical .headings {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    float: left
}

@media only screen and (min-width: 768px) {
    .tabs-wrapper.vertical .headings {
        width:30%
    }
}

.lt-ie9 .tabs-wrapper.vertical .headings {
    width: 30%
}

.tabs-wrapper.vertical .headings>li {
    margin: 0
}

.tabs-wrapper.vertical .headings .trigger {
    margin: 0;
    cursor: pointer;
    padding: 20px 30px;
    position: relative;
    z-index: 0;
    float: left;
    width: 100%
}

.tabs-wrapper.vertical .headings .trigger a,.tabs-wrapper.vertical .headings .trigger a:link,.tabs-wrapper.vertical .headings .trigger a:visited,.tabs-wrapper.vertical .headings .trigger a:hover {
    color: #444444
}

.tabs-wrapper.vertical .headings .trigger .bg {
    z-index: -1;
    filter: alpha(opacity=50);
    opacity: .5;
    background: #fafafa;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.tabs-wrapper.vertical .headings .trigger .bg:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.tabs-wrapper.vertical .headings li.active .trigger .bg {
    filter: alpha(opacity=100);
    opacity: 1
}

.tabs-wrapper.vertical .tabs.content {
    float: left;
    width: 100%;
    overflow: auto;
    padding: 20px;
    margin: 0;
    list-style: none
}

@media only screen and (min-width: 768px) {
    .tabs-wrapper.vertical .tabs.content {
        width:70%;
        padding: 0 20px
    }
}

.lt-ie9 .tabs-wrapper.vertical .tabs.content {
    width: 70%;
    padding: 0 20px
}

.tabs-wrapper.vertical .tabs.content>li {
    display: none
}

.tabs-wrapper.vertical .tabs.content>li.active {
    display: block
}

.tabs-wrapper.horizontal {
    overflow: hidden
}

.tabs-wrapper.horizontal .headings {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    text-transform: uppercase;
  font-size:10px;
}

.tabs-wrapper.horizontal .headings>li {
    margin: 0
}

.tabs-wrapper.horizontal .headings .trigger {
    margin: 0;
    cursor: pointer;
    position: relative;
}

.tabs-wrapper.horizontal .headings .trigger .bg {
    z-index: -1;
    filter: alpha(opacity=50);
    opacity: .5;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.tabs-wrapper.horizontal .headings .trigger .bg:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.tabs-wrapper.horizontal .headings li.active .trigger .bg {
    filter: alpha(opacity=100);
    opacity: 1
}

.tabs-wrapper.horizontal .tabs.content {
    text-align: left;
    *zoom:1;clear: both;
    float: left;
    width: 100%;
    overflow: auto;
    padding: 20px 0 20px 0;
    margin: 0;
    list-style: none;
    margin-bottom: 5px;
}

.tabs-wrapper.horizontal .tabs.content:after {
    content: "";
    display: table;
    clear: both
}

.tabs-wrapper.horizontal .tabs.content>li {
    display: none;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 11px
}

.tabs-wrapper.horizontal .tabs.content>li.active {
    display: block
}

.accordion-wrapper {
    *zoom:1;margin-bottom: 10px
}

.accordion-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.accordion-wrapper ul.accordion {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    float: left
}

.accordion-wrapper ul.accordion>li {
    margin: 0
}

.accordion-wrapper ul.accordion .trigger {
    margin: 0;
    cursor: pointer;
    padding: 20px 30px;
    position: relative;
    z-index: 0
}

.accordion-wrapper ul.accordion .trigger a,.accordion-wrapper ul.accordion .trigger a:link,.accordion-wrapper ul.accordion .trigger a:visited,.accordion-wrapper ul.accordion .trigger a:hover {
    color: #444444
}

.accordion-wrapper ul.accordion .trigger .bg {
    z-index: -1;
    filter: alpha(opacity=50);
    opacity: .5;
    background: #fafafa;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.accordion-wrapper ul.accordion .trigger .bg:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.accordion-wrapper ul.accordion li.active .trigger .bg {
    filter: alpha(opacity=100);
    opacity: 1
}

.accordion-wrapper ul.accordion .content {
    display: none;
    padding: 20px 20px 0;
    margin: 0
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.owl-carousel .owl-wrapper-outer-koku {
    overflow: hidden;
    position: relative;
    max-width: 960px;
    margin: 0 auto
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(/cdn/shop/t/4/assets/grabbing.png?13401214447518860821) 8 8,move
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(/cdn/shop/t/4/assets/AjaxLoader.gif?13401214447518860821) no-repeat center center
}

.owl-carousel .owl-wrapper-outer {
    z-index: 1
}

.owl-carousel .owl-pagination {
    z-index: 2
}

button,.button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.66667em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.08333em;
    padding-left: 2em;
    font-size: 1em;
    background-color: magenta;
    border-color: #c0c;
    color: white
}

button:hover,button:focus,.button:hover,.button:focus {
    background-color: #c0c
}

button:hover,button:focus,.button:hover,.button:focus {
    color: white
}

button-update,.button-update {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.66667em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.08333em;
    padding-left: 2em;
    font-size: 1em;
    background-color: magenta;
    border-color: #c0c;
    color: white
}

button-update:hover,button-update:focus,.button-update:hover,.button-update:focus {
    background-color: #c0c
}

button-update:hover,button-update:focus,.button-update:hover,.button-update:focus {
    color: white
}

.text-button {
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #444;
    font-size: 1.17em;
    text-transform: uppercase;
    letter-spacing: .11em
}

button.secondary,.button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333
}

button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus {
    background-color: #d0d0d0
}

button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus {
    color: #333
}

button.success,.button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white
}

button.success:hover,button.success:focus,.button.success:hover,.button.success:focus {
    background-color: #457a1a
}

button.success:hover,button.success:focus,.button.success:hover,.button.success:focus {
    color: white
}

button.alert,.button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white
}

button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus {
    background-color: #970b0e
}

button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus {
    color: white
}

button.large,.button.large {
    padding-top: 1.33333em;
    padding-right: 2.66667em;
    padding-bottom: 1.41667em;
    padding-left: 2.66667em;
    font-size: 1.66667em
}

button.small,.button.small {
    padding-top: .75em;
    padding-right: 1.5em;
    padding-bottom: .83333em;
    padding-left: 1.5em;
    font-size: 1.08333em
}

button.tiny,.button.tiny {
    padding-top: .58333em;
    padding-right: 1.16667em;
    padding-bottom: .66667em;
    padding-left: 1.16667em;
    font-size: .91667em
}

button.expand,.button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

button.left-align,.button.left-align {
    text-align: left;
    text-indent: 1em
}

button.right-align,.button.right-align {
    text-align: right;
    padding-right: 1em
}

button.disabled,button[disabled],.button.disabled,.button[disabled] {
    background-color: magenta;
    border-color: #c0c;
    color: white;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus {
    background-color: #c0c
}

button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus {
    color: white
}

button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus {
    background-color: magenta
}

button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus {
    background-color: #d0d0d0
}

button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus {
    color: #333
}

button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus {
    background-color: #e9e9e9
}

button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus {
    background-color: #457a1a
}

button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus {
    color: white
}

button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus {
    background-color: #5da423
}

button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus {
    background-color: #970b0e
}

button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus {
    color: white
}

button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus {
    background-color: #c60f13
}

button,.button {
    padding-top: 1.08333em;
    padding-bottom: 1em
}

button.tiny,.button.tiny {
    padding-top: .66667em;
    padding-bottom: .58333em
}

button.small,.button.small {
    padding-top: .83333em;
    padding-bottom: .75em
}

button.large,.button.large {
    padding-top: 1.375em;
    padding-bottom: 1.375em
}

@media only screen {
    button,.button {
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -webkit-transition: all .35s ease;
        transition: all .35s ease
    }

    button:active,.button:active {
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
        box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset
    }

    button.radius,.button.radius {
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    button.round,.button.round {
        -webkit-border-radius: 1000px;
        border-radius: 1000px
    }
}

@media only screen and (min-width: 768px) {
    button,.button {
        display:inline-block
    }
}

@media only screen and (min-width:768px)  {
/* modify below for mobile*/ 
.frame{height: 600px !important; }
}

form {
    margin: 0 0 .83333em;
    text-align: center
}

form .row .row {
    margin: 0 -0.41667em
}

form .row .row .column,form .row .row .columns {
    padding: 0 .41667em
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,form .row .row.collapse .columns {
    padding: 0
}

form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns {
    padding-left: .41667em
}

label {
    font-size: 1.16667em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 1.25em
}

label.right {
    float: none;
    text-align: right
}

label.inline {
    margin: 0 0 .83333em 0;
    padding: .58333em 0
}

.prefix,.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 1.16667em;
    height: 2.33333em;
    line-height: 2.33333em
}

.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.83333em
}

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.83333em
}

.prefix.button.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.prefix.button.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

span.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: 0;
    color: #333
}

span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

span.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}

span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.radius>*:first-child,.input-group.radius>*:first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group.radius>*:last-child,.input-group.radius>*:last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.round>*:first-child,.input-group.round>*:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.input-group.round>*:last-child,.input-group.round>*:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: #444444;
    display: block;
    font-size: 1.16667em;
    margin: 0 0 .83333em 0;
    padding: .41667em;
    height: 2.33333em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;
    -moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;
    transition: box-shadow .45s,border-color .45s ease-in-out
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus {
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    border-color: #999
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: 0
}

input[type="text"][disabled],input[type="text-quantity"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="month"][disabled],input[type="week"][disabled],input[type="email"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="time"][disabled],input[type="url"][disabled],textarea[disabled] {
    background-color: #ddd
}

input[type="text-quantity"] {
    background-color: white;
    font-family: inherit;
    color: #444444;
    display: block;
    font-size: 1.16667em;
    margin: 0 0 .83333em 0;
    padding: .41667em;
    height: 2.33333em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;
    -moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;
    transition: box-shadow .45s,border-color .45s ease-in-out
}

input[type="file"],input[type="checkbox"],input[type="radio"],select {
    margin: 0 0 .83333em 0
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: solid 1px #ddd;
    padding: 1.66667em;
    margin: 1.5em 0
}

fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 .25em;
    margin: 0;
    margin-left: -0.25em
}

.error input,input.error,.error textarea,textarea.error {
    border-color: #c60f13;
    background-color: rgba(198,15,19,0.1)
}

.error input:focus,input.error:focus,.error textarea:focus,textarea.error:focus {
    background: #fafafa;
    border-color: #999
}

.error label,label.error {
    color: #c60f13
}

.error small,small.error {
    display: block;
    padding: .5em .33333em;
    margin-top: -1.25em;
    margin-bottom: .83333em;
    font-size: 1em;
    font-weight: bold;
    background: #c60f13;
    color: white
}

form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden
}

form.custom .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    vertical-align: middle;
    border: solid 1px#ebebeb;
    background: white
}

form.custom .custom.checkbox {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: -1px
}

form.custom .custom.radio {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    padding: 3px
}

form.custom .custom.checkbox:before {
    content: "";
    display: block;
    font-size: 16px;
    color: white
}

form.custom .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: #222;
    position: relative
}

form.custom .custom.checkbox.checked:before {
    content: "\00d7";
    color: #222;
    position: absolute;
    top: -50%;
    left: 50%;
    margin-top: 4px;
    margin-left: -5px
}

form.custom .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: 2.33333em;
    margin-bottom: 1.66667em;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.16667em;
    vertical-align: top
}

form.custom .custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px
}

form.custom .custom.dropdown .current {
    cursor: default;
    white-space: nowrap;
    line-height: 2.25em;
    color: #444444;
    text-decoration: none;
    overflow: hidden;
    display: block;
    margin-left: .41667em;
    margin-right: 2.33333em
}

form.custom .custom.dropdown .selector {
    cursor: default;
    position: absolute;
    width: 2.08333em;
    height: 2.33333em;
    display: block;
    right: 0;
    top: 0
}

form.custom .custom.dropdown .selector:after {
    content: "";
    display: block;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #444444transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    left: .625em;
    top: 50%;
    margin-top: -3px
}

fform.custom .custom.dropdown:hover a.selector:after,form.custom .custom.dropdown.open a.selector:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #444444transparent transparent transparent;
    border-top-style: solid
}

form.custom .custom.dropdown .disabled {
    color: #888
}

form.custom .custom.dropdown .disabled:hover {
    background: transparent;
    color: #888
}

form.custom .custom.dropdown .disabled:hover:after {
    display: none
}

form.custom .custom.dropdown.open ul {
    display: block;
    z-index: 10;
    min-width: 100%;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

form.custom .custom.dropdown.small {
    max-width: 134px
}

form.custom .custom.dropdown.medium {
    max-width: 254px
}

form.custom .custom.dropdown.large {
    max-width: 434px
}

form.custom .custom.dropdown.expand {
    width: 100%!important
}

form.custom .custom.dropdown.open.small ul {
    min-width: 134px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.medium ul {
    min-width: 254px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.large ul {
    min-width: 434px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: -1px;
    top: auto;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: solid 1px#ebebeb;
    font-size: 12px
}

form.custom .custom.dropdown ul li {
    color: #444444;
    font-size: 1.16667em;
    cursor: default;
    padding-top: .33333em;
    padding-bottom: .33333em;
    padding-left: .5em;
    padding-right: 3.16667em;
    min-height: 2em;
    line-height: 2em;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

form.custom .custom.dropdown ul li.selected {
    background: #fafafa;
    color: #444444
}

form.custom .custom.dropdown ul li:hover {
    background-color: #fafafa;
    color: #444444
}

form.custom .custom.dropdown ul li.selected:hover {
    background: #fafafa;
    cursor: default;
    color: #444444
}

form.custom .custom.dropdown ul.show {
    display: block
}

form.custom .custom.disabled {
    background: #ddd
}

table {
    background: white;
    margin-bottom: 1.66667em;
    border: solid 1px #ddd
}

table thead,table tfoot {
    background: whitesmoke;
    font-weight: bold
}

table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td {
    padding: .66667em .83333em .83333em;
    font-size: 1.16667em;
    color: #222;
    text-align: left
}

table tr th,table tr td {
    padding: .75em .83333em;
    font-size: 1.16667em;
    color: #222
}

table tr.even,table tr.alt,table tr:nth-of-type(even) {
    background: #f9f9f9
}

table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td {
    display: table-cell;
    line-height: 1.5em
}

html.touch form.custom .dropdown {
    display: none
}

form.custom .custom.dropdown {
    font-size: 1em
}

form.custom .custom.dropdown ul li {
    font-size: 1em
}

form.custom .custom.dropdown ul li.disabled {
    text-decoration: line-through
}

select {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 1px solid;
    color: #444444;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: none;
    letter-spacing: 1px
}

.ie9 select,.lt-ie9 select {
    padding-right: 10px;
    background-image: none
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea {
    font-size: 1em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    color: #444444;
    border: 1px solid#ebebeb;
    letter-spacing: .8px;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-appearance: none!important
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus {
    background: #ffffff;
    color: #444444;
    border: 1px solid#ebebeb
}

button,.button,a.button {
    background: #444444;
    color: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ebebeb;
    font-weight: 300;
    font-size: 1.2em;
    text-transform: uppercase;
    border: 0;
    letter-spacing: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

button:focus,.button:focus,a.button:focus {
    background: #444444
}

button:hover,.button:hover,a.button:hover {
    color: #ffffff;
    background: #777777
}

button.disabled,.button.disabled,a.button.disabled {
    background: #444444;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

button.disabled:hover,button.disabled:focus,.button.disabled:hover,.button.disabled:focus,a.button.disabled:hover,a.button.disabled:focus {
    background: #444444
}

button.prefix,.button.prefix,a.button.prefix {
    line-height: 1
}

table {
    background: transparent;
    border: solid 1px#ebebeb
}

table tr td {
    color: #444444
}

table thead,table tfoot {
    background: #fafafa
}

table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td {
    color: #444444
}

table tr:nth-of-type(even) {
    background: #fafafa
}

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

.cart-table thead {
    border-bottom: solid 1px #e9e9e9;
    background: #fff;
    padding-bottom: 35px
}

.cart-table thead tr th.image,.cart-table thead tr th.title,.cart-table thead tr th.quantity,.cart-table thead tr th.total,.cart-table thead tr th.remove {
    padding-bottom: 20px
}

@media only screen and (max-width: 768px) {
    table.responsive {
        display:block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
        border: 0
    }

    table.responsive thead,table.responsive tbody,table.responsive th,table.responsive td,table.responsive tr {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.responsive tr {
        border: 1px solid#ebebeb;
        padding: 15px
    }

    table.responsive td {
        padding: 0;
        line-height: 1.6;
        border: 0;
        border-bottom: 0;
        position: relative;
        padding: 5px 0
    }

    table.responsive td:empty {
        padding: 0
    }

    table.responsive td:before {
        display: block;
        font-weight: bold;
        word-wrap: break-word;
        max-width: 100%
    }

    table.responsive td:before {
        content: attr(data-label)
    }
}

html {
    margin: 0;
    padding: 0
}

.error {
    color: #f25a1d
}

body {
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    line-height: 1.6;
    font-size: 12px;
    letter-spacing: 1px
}

body.modal-on {
    overflow: hidden
}

body.modal-unfix {
    overflow-x: hidden;
    overflow-y: auto
}

.page-title {
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 4px
}

label {
    color: #444444
}

.row {
    max-width: none
}

@media only screen and (min-width: 768px) {
    .row {
        padding:0 40px
    }
}

.lt-ie9 .row {
    padding: 0 40px
}

.cart-row {
    max-width: none;
}

@media only screen and (min-width: 768px) {
}

.lt-ie9 .cart-row {
    padding: 0 40px
}

html,body {
    background: #ffffffurl('/cdn/shop/t/4/assets/bg-custom.png?13401214447518860821') repeat scroll;
    background: #ffffffurl('/cdn/shop/t/4/assets/bg-custom.png?13401214447518860821') no-repeat scroll;
    background: url('/cdn/shop/t/4/assets/bg-custom.png?13401214447518860821') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #ffffff
}

.main-header {
    position: relative;
    z-index: 2;
    width: 100%
}

.main-header .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff
}

.main-header .top.row {
    padding-top: 30px;
    padding-bottom: 20px;
    background: transparent;
    min-height: 50px
}

.main-header .bottom-row {
    background: transparent;
}

.main-header .bottom-row.hover {
    background: transparent
}

.lt-ie9 .main-header .bottom-row .menu-container {
    width: 100%;
    display: block
}

.main-header .bottom-row .menu-container.text-center {
    padding: 0 120px
}

.main-header .bottom-row .menu-container .main-menu {
    display: inline-block
}

.main-header .bottom-row .menu-container .main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-header .bottom-row .menu-container .main-menu li {
    display: inline-block
}

.main-header .bottom-row .cart-container {
    width: auto;
    position: absolute;
    right: 75px;
    padding: 0;
    font-family: arial;
    text-transform: uppercase;
    font-size: 10px;
  margin-top:10px;
}

.main-header .main-menu-dropdown-panel {
    background: #444444;
    background: transparent;
    width: 100%;
    display: none;
    color: #444444
}



.main-header .bottom-row .menu-container  .main-menu .font-nav .nav-item-link .sub-nav .row .sub-nav-item .submenu-item  ul > li > a[href$='/#']{
  color:#ff2000;
}

.main-header .main-menu-dropdown-panel  .title span {
  color:red;
}


.main-header .main-menu-dropdown-panel a,.main-header .main-menu-dropdown-panel a:link,.main-header .main-menu-dropdown-panel a:visited,.main-header .main-menu-dropdown-panel a:hover {
    color: #444444
}

@media only screen and (min-width: 768px) {
    .main-header .main-menu-dropdown-panel {
        display:block
    }
}

.lt-ie9 .main-header .main-menu-dropdown-panel {
    display: block
}

.main-header .main-menu-dropdown-panel a.disabled {
    cursor: default
}

.main-header .main-menu-dropdown-panel .sub-nav-item.columns {
    width: auto
}

.main-header .main-menu-dropdown-panel .sub-nav-item.columns.large-3 {
    width: 25%
}

.main-header .main-menu-dropdown-panel .columns {
    filter: alpha(opacity=0);
    opacity: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 15px
}

.lt-ie9 .main-header .main-menu-dropdown-panel .columns {
    background-color: #ffffff
}

.main-header .main-menu-dropdown-panel .row {
    display: none;
    padding-top: 15px;
    padding-bottom: 40px
}

.main-header .main-menu-dropdown-panel .title {
    margin: 0 0 25px 0;
    letter-spacing: 1px;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #444444
}

.main-header .main-menu-dropdown-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.main-header .main-menu-dropdown-panel ul li {
    padding-bottom: 10px;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 11px
}

.main-header .main-menu-dropdown-panel ul li a {
    color: #444444;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.main-header .currency-selector.left-aligned {
    margin-top: 7px;
    position: absolute;
    left: 40px;
    width: 200px;
    z-index: 1
}


.main-header .currency-selector.right-aligned {
    width: auto;
    position: relative;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .main-header .currency-selector {
        display:block
    }
}

.lt-ie9 .main-header .currency-selector {
    display: block
}

.main-header .currency-selector .custom.dropdown {
    margin-top: -5px;
    width: 65px;
    float: left
}

.main-header .currency-selector select {
    display: inline-block;
    width: auto;
}

.main-header .language-selector.right-aligned {

    position: absolute;
    right: 40px;
    width: 100px;
    z-index: 1
}

.main-header .currency-selector.left-aligned {
    margin-top: 7px;
    position: absolute;
    left: 40px;
    width: 200px;
    z-index: 1
}


.main-header .currency-selector.right-aligned {
    width: auto;
    position: relative;
    display: inline-block
}

.main-header .language-selector.mobile .container {
    padding: 0 15px
}

.main-header .language-selector.mobile form {
    margin: 0
}

@media only screen and (min-width: 768px) {
    .main-header .language-selector {
        display:block
    }
}

.lt-ie9 .main-header .language-selector {
    display: block
}

.main-header .language-selector .custom.dropdown {
    margin-top: -5px;
    width: 65px;
    float: left
}

.main-header .language-selector select {
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .main-header .logo-center h1.title {
        text-align:center
    }
}

.lt-ie9 .main-header .logo-center h1.title {
    text-align: center
}


@media only screen and (min-width: 768px) {
    .main-header h1.title {
        padding-right: 40px
    }
}

.main-header h1.title img {
    max-width: 250px;
    max-height: 25px;
}

@media only screen and (min-width: 768px) {
    .main-header .search-account {
        display:block
    }
}

.lt-ie9 .main-header .search-account {
    display: block
}

.main-header .search-account .font-normal {
    font-weight: normal
}



.main-header .search-account a.glyph,.main-header .search-account a:link.glyph {
    font-weight: normal
}


.main-header .search-account .menu .searchbar-open .glyph {
    font-size: 1.16667em;
    margin: 0 0 0 10px
}

.main-header .search-account .menu .seperator {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 1px;
    margin: 0 10px;
    background: #444444;
    top: 4px;
    visibility: hidden;
    display: none
}

.main-header .search-account .menu .account-open {
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

.main-header .search-account .menu .account-open .glyph {
  font-size: 14px;
  position: relative;
  bottom: -1px;
}



.main-header .search-account .searchbar-container button {
    background: 0;
    border: 0;
    padding: 0;
    margin: 0;
    color: #444444
}

.main-header .search-account .searchbar-container .glyph.cross {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 6px
}

.main-header .search-account .account-container {
    display: none;
    top: 11px;
    right: 15px;
    padding: 0;
    width: 100%;
    position: relative
}

.main-header .search-account .account-container .glyph.cross {
    font-size: 18px;
    position: relative;
    top: 4px
}

.main-header .cart {
    width: 100%;
    text-align: right;
    padding: 0
}

.main-header .cart .cart-link {
    line-height: 30px;
    color: #444444;
    font-weight: bold
}

.main-header .cart .glyph.cart {
    margin-left: 5px;
}

.main-header .cart a,.main-header .cart a:link {
    margin-left: 8px
}

.main-header .cart .button,.main-header .cart a.button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: -15px
}

.main-header .cart .heading {
    font-size: 1em
}

.main-header .cart .recently-added {
    display: none;
    border: 1px solid#ebebeb;
    background: #ffffff;
    text-align: left;
    position: absolute;
    width: 350px;
    top: 40px;
    right: 0px;
    z-index: 10
}

.main-header .cart .recently-added.mobile {
    width: 280px;
    left: 50%;
    right: auto;
    margin-left: -140px;
    position: fixed;
    top: 45%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-header .cart .recently-added.mobile img {
    max-width: 80px
}

.main-header .cart .recently-added.mobile .close {
    position: absolute;
    font-size: 30px;
    color: #000;
    background: #fff;
    padding: 10px;
    filter: alpha(opacity=30);
    opacity: .3;
    top: 0;
    right: 0;
    display: block;
    z-index: 1
}

.main-header .cart .recently-added.mobile .close:hover {
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.main-header .cart .recently-added.mobile:before {
    display: none
}

.main-header .cart .recently-added.mobile:after {
    display: none
}

.main-header .cart .recently-added a {
    margin-left: 0
}

.main-header .cart .recently-added .empty-cart {
    padding: 10px
}

.main-header .cart .recently-added form {
    margin: 0
}

.main-header .cart .recently-added table {
    font-size: .83333em;
    margin: 0 0 10px 0;
    border: 0
}

.main-header .cart .recently-added table tr td {
    padding: 10px 5px
}

.main-header .cart .recently-added table img {
    max-width: 80px
}

.main-header .cart .recently-added table .cart-item {
    padding-left: 0
}

.main-header .cart .recently-added table .cart-price {
    width: 25%;
    padding-right: 0;
    text-align: right
}

.main-header .cart .recently-added table tr:nth-of-type(even) {
    background: 0
}

.main-header .cart .recently-added table thead {
    background: 0
}

.main-header .cart .recently-added table tfoot {
    border-top: 1px solid#ebebeb;
    background: 0
}

.main-header .cart .recently-added table tfoot .items-count {
    font-weight: normal
}

.main-header .cart .recently-added table tfoot tr,.main-header .cart .recently-added table tfoot td {
    padding: 20px 0
}

.main-header .cart .recently-added h1,.main-header .cart .recently-added h2,.main-header .cart .recently-added h3 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0
}

.main-header .cart .recently-added .button {
    margin-top: 10px;
    width: 100%;
    margin: 0
}

.main-header .cart .recently-added .error {
    display: none;
    padding: 10px
}

.main-header .cart .recently-added-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=80);
    opacity: .8
}

.main-header .menu-container.text-center nav.widescreen {
    margin: 0
}

.main-header .main-menu .glyph.arrow-down {
    top: 2px;
    right: -4px;
    position: relative;
    font-size: 14px
}

.main-header .main-menu .widescreen {
    display: none;
    font-size: 11px;
    font-family: aria,sans-serif;
    text-transform: uppercase;
    font-weight: 100
}

@media only screen and (min-width: 768px) {
    .main-header .main-menu .widescreen {
        display:block
    }
}

.lt-ie9 .main-header .main-menu .widescreen {
    display: block
}

.main-header .main-menu .widescreen>ul {
    margin: 0
}

.main-header .main-menu .widescreen>ul>li {
    margin: 0
}

.main-header .main-menu .widescreen>ul>li>a {
    color: #444444;
    padding: 10px 24px 10px 10px;
    margin-right: 10px;
    line-height: 30px;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 400;

    position: relative;
}

.main-header .main-menu .widescreen>ul>li>a:hover {
    color: #444444;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

.main-header .main-menu .widescreen .sub-nav {
    display: none;
    left: 0;
    width: 100%;
    list-style: none;
    position: absolute;
    top: 45px;
    margin: 0;
    padding: 15px 20px 0 20px;
    background: #ffffff;
    background: transparent
}

.main-header .main-menu .widescreen .sub-nav.catalog li {
    float: none
}

@media only screen and (min-width: 768px) {
    .main-header .mobile-tools {
        display:none
    }
}

.lt-ie9 .main-header .mobile-tools {
    display: none
}

.main-header .mobile-tools a {
    color: #444444;
    font-size: 20px;
    padding: 0;
}

.main-header .mobile-tools a:hover {
    color: #444444
}

.main-header .mobile-menu {
    display: none
}

@media only screen and (min-width: 768px) {
    .main-header .mobile-menu {
        display:none!important
    }
}

.lt-ie9 .main-header .mobile-menu {
    display: none!important
}

.main-header .mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-header .mobile-menu .sub-nav {
    position: relative;
    display: none;
    /*padding-left: 50px*/
}

.main-header .mobile-menu .sub-nav h3 {
    margin: 0
}

.main-header .mobile-menu .sub-nav .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=10);
    opacity: .1
}

.main-header .mobile-menu .sub-nav .sub-nav {
    margin-left: -50px;
    padding-left: 100px
}

.main-header .mobile-menu .sub-nav ul {
    margin-left: -30px;
    padding-left: 60px
}

.main-header .mobile-menu .glyph.plus,.main-header .mobile-menu .glyph.minus {
    font-size: 14px;
    top: 2px;
    position: relative;
    margin-left: 5px
}

.main-header .mobile-menu .glyph.minus {
    display: none
}

.main-footer {
    padding: 0 0 60px 0;
    background: #ffffff;
    color: #333333;
    margin-top: 50px
}

.main-footer .footer-divider {
    padding: 0 0 10px 0
}

.main-footer a,.main-footer a:link {
    color: #333333
}

.main-footer p {
    margin-top: 0
}

.main-footer .title {
    font-size: 1.16667em;
    margin: 30px 0 -10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: bold;
    letter-spacing: 4px
}

.main-footer .content {
    margin: 30px 0 0 0;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase
}

.main-footer .widget-heading {
    padding-bottom: 5px;
    margin-bottom: 25px
}

.main-footer .column-3 {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .main-footer .column-3 {
        text-align:left
    }
}

.lt-ie9 .main-footer .column-3 {
    text-align: left
}

.main-footer .column-3 .text {
    margin-top: 0
}

.main-footer .column-2 {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .main-footer .column-2 {
        text-align:left
    }
}

.lt-ie9 .main-footer .column-2 {
    text-align: left
}

.main-footer .column-2 .footer-nav {
    margin: 0;
    padding: 0;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase
}

.main-footer .column-2 .footer-nav li {
    margin: 0;
    padding: 0 0 5px
}

.main-footer .column-2 .footer-nav li a {
    padding: 0;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .main-footer .column-2 .footer-nav li {
        padding:0
    }
}

.lt-ie9 .main-footer .column-2 .footer-nav li {
    padding: 0
}

.main-footer .column-1 {
    text-align: left
}

@media only screen and (min-width: 768px) {
    .main-footer .column-3 {
        text-align:left
    }
}

.lt-ie9 .main-footer .column-1 {
    text-align: left
}

.main-footer .column-1 .contact-form,.main-footer .column-1 .mailchimp-form {
    display: inline-block
}

.main-footer .column-1 .contact-form input[type="email"],.main-footer .column-1 .mailchimp-form input[type="email"] {
    display: inline-block;
    width: auto;
    margin-right: 5px
}

.main-footer .column-1 .contact-form input[type="submit"],.main-footer .column-1 .mailchimp-form input[type="submit"] {
    display: inline-block;
    width: auto;
    padding: 0 15px
}

.main-footer .column-1 .contact-form .success,.main-footer .column-1 .mailchimp-form .success {
    font-style: italic
}

.main-footer .payment-options {
    margin: 10px 0 30px 0;
    padding: 0;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .main-footer .payment-options {
        text-align:left
    }
}

.lt-ie9 .main-footer .payment-options {
    text-align: center
}

.main-footer .payment-options li {
    display: inline-block;
    font-size: 1.5em;
    margin: 20px 10px 10px 0
}

.main-footer .payment-options .glyph.mastercard {
    font-size: 2em
}

.main-footer .payment-options li .icon {
    font-size: 30px
}

.main-footer form {
    margin: 0
}

.main-footer .social-follow a {
    display: inline-block;
    margin: 0 10px 10px 0
}

.main-footer .social-follow a:last-child {
    margin-right: 0
}

.main-footer .social-follow .glyph {
    font-size: 20px
}

.social-follow a {
    display: inline-block;
    margin: 0 10px 10px 0;
      color:#444 !important;
}

.social-follow a:last-child {
    margin-right: 0;
}

.social-follow .glyph {
    font-size: 20px;
}


.searchbar-container {
    position: relative
}


.searchbar-container .text {
    display: inline-block;
    font-size: 1em
}

.product-grid {
    margin: 0 auto;
    width: 100%;
    min-width: 290px;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 768px) {
    .product-grid {
        width:100%
    }
  .product-item {
        float:left;
      width:49%;
      padding:10px;
    }
}

.lt-ie9 .product-grid {
    width: 100%
}

.product-grid.owl-carousel {
    margin: 0 auto;
    width: 100%;
    min-width: 0
}

.product-grid .product-item {
    text-align: center;
    float: left;
    margin-bottom: 30px
}


.lt-ie9 .product-grid .product-item {
    float: left
}

.touchevents .product-grid .product-item.has-hover .hover-image {
    display: none;


}

.no-touchevents .product-grid .product-item.has-hover:hover img:last-child,.no-touchevents .product-grid .product-item.has-hover:focus img:last-child {
    opacity: 0;

}

.no-touchevents .product-grid .product-item.has-hover:hover img.hover-image,.no-touchevents .product-grid .product-item.has-hover:focus img.hover-image {
    opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.no-touchevents .product-grid .product-item.has-hover img {
    -moz-transition: .5s,opacity;
    -o-transition: .5s,opacity;
    -webkit-transition: .5s,opacity;
    transition: .5s,opacity
}

.no-touchevents .product-grid .product-item.has-hover img.hover-image {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.product-grid .image-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .product-grid .image-wrapper {
        height:auto!important
    }
}

.product-grid .image-wrapper a.image-link {
    position: relative;
    vertical-align: middle;
    width: 100%
}

.product-grid .image-wrapper img {
    max-width: 100%
}

.product-grid .image-wrapper .hover {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%
}

.product-grid .caption {
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px
}

.product-grid .circle {
    text-align: center;
    text-transform: uppercase;
    display: block;
    position: absolute;
    z-index: 1;
    color: #ffffff;
    background: #444444;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em;
    font-weight: 300;
    padding: 4px;
    top: 5px;
    right: 5px;
    background: transparent;
    color: #f00;
    border-bottom: 2px solid #f00
}

.product-grid .circle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -1px
}

.product-grid .circle span {
    max-width: 57px;
    margin-left: 4px;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 1280px) {
    .product-grid .circle {
        font-size:.9em;
        top: 15px;
        right: 15px;
        height: 90px
    }

    .product-grid .circle span {
        max-width: 82px
    }
}

.product-grid .sold-out {
    color: #ffffff;
    background: #cccccc;
    border-bottom: 2px solid #000;
    color: #000;
    background-color: transparent
}

.product-grid .title {
    font-size: .96667em;
    text-transform: uppercase;
    margin-bottom: 0
}

.product-grid .title a {
    color: #444444;
    font-weight: bold
}

.product-grid .vendor a {
    color: #444444;
    text-transform: capitalize
}

.product-grid .price {
    margin-top: 0;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em;
    color: #444444
}

.product-grid em.marked-down-from {
    text-decoration: line-through;
    font-size: 1em;
    text-transform: lowercase;
    color: #999999
}

.breadcrumbs {
    color: #999999;
    background: 0;
    border: 0;
    padding-bottom: 35px;
    margin: 0 0 0 -13px
}

.breadcrumbs>* {
    font-size: 10px;
    color: #444444;
    text-transform: uppercase
}

.breadcrumbs>* a {
    font-size: 10px;
    color: #444444;
    text-transform: uppercase
}

.pagination li a,.pagination li.unavailable a,.pagination li.current a {
    color: #444444;
    background: 0;
}

.pagination li a:hover,.pagination li.unavailable a:hover,.pagination li.current a:hover {
    background: 0;
    color: #999999
}

.pagination li:hover a {
    color: #999999;
    background: 0
}

.pagination li.current a:hover {
    color: #444444
}

.pagination li.unavailable.arrow a {
    display: none
}

.pagination .arrow.left {
    background: 0
}

.pagination .glyph {
    padding: 0 10px 0 0
}

.pagination .arrow.right a,.pagination .arrow.right .glyph {
    padding-right: 0
}

.rte-content table {
    width: 100%;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 9px;
    text-transform: uppercase
}

.rte-content h1 {
    font-size: 24px
}

.rte-content h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 4px
}

.rte-content h3 {
    font-size: 18px;
    margin: 0 0 18px
}

.rte-content h4 {
    font-size: 16px;
    margin: 0 0 16px
}

.rte-content h5 {
    font-size: 14px;
    margin: 0 0 14px
}

.rte-content h6 {
    font-size: 12px;
    margin: 0 0 12px
}

.rte-content blockquote {
    font-weight: 300
}

.rte-content ul,.rte-content ol,.rte-content table,.rte-content blockquote,.rte-content, .main-content p {
    margin-bottom: 20px;
    font-family: arial,sans-serif
}



.edito  {
   font-family: arial,sans-serif !important;
  font-size:30px!important;
  margin-bottom: 50px;
}

@media only screen and (min-width : 1025px) and (max-width: 1640px) {
    .edito  {
       font-size: 20px !important;
    margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .edito  {
       font-size: 16px !important;
    margin-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .edito  {
       font-size: 14px !important;
    margin-bottom: 50px;

    }
}


.product-list  {
   font-family: arial,sans-serif !important;
  font-size:12px!important;
  margin-bottom: 50px;
  text-align:left !important;
  padding:0 20%;
}

@media only screen and (min-width : 1025px) and (max-width: 1640px) {
    .product-list  {
       font-size: 12px !important;
    margin-bottom: 50px;
      text-align:center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .product-list  {
       font-size: 12px !important;
    margin-bottom: 50px;
      text-align:center !important;
    }
}

@media only screen and (max-width: 768px) {
    .product-list  {
       font-size: 12px !important;
    margin-bottom: 50px;
      text-align:center !important;
    }
}


.rte-content ul {
    padding-left: 20px
}

.rte-content ul {
    padding-left: 20px
}

.rte-content li {
    margin-top: 0;
    margin-bottom: 10px
}

.rte-content img {
    margin: 10px 0
}



.rte-content ol {
    counter-reset: item;
    padding: 0
}

.rte-content ol li {
    display: block
}

.rte-content ol li:before {
    content: counters(item,".") " ";
    counter-increment: item
}

.rte-content ol ol {
    padding-left: 20px;
    margin-top: 10px
}

.rte-content a,.rte-content a:link,.rte-content a:visited,.rte-content a:hover {
    color: #999999
}

.rte-content a:hover {
    color: #444444
}

.modal {
    display: none;
    position: fixed;
    top: 50%!important;
    left: 50%;
    margin-left: -480px;
    z-index: 9999;
    background: #ffffff
}

.modal img {
    overflow: auto;
    display: block;
    max-width: 100%
}

.modal .loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -12.5px 0 0 -12.5px;
    height: 25px;
    width: 25px
}

.modal .slides {
    display: none
}

.modal .slides .photo {
    display: none
}

.modal .slides .active {
    display: block
}

.modal .prev,.modal .next {
    display: none;
    position: fixed;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    margin-top: -25px;
    top: 50%!important;
    transition: .3s,opacity;
    filter: alpha(opacity=80);
    opacity: .8
}

.modal .prev:hover,.modal .prev:focus,.modal .next:hover,.modal .next:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.modal .prev {
    margin-top: -25px;
    left: 0;
    top: 50%
}

.modal .next {
    margin-top: -25px;
    right: 0;
    top: 50%
}

.modal.video {
    background: 0;
    width: 600px;
    max-width: 90%;
    margin: -200px 0 0 -450px
}

.modal.video.wide {
    width: 900px
}

.modal.video>.bg {
    background: #ffffff;
    filter: alpha(opacity=80);
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal.video .cross {
    z-index: 1
}

.modal.video .player {
    padding: 0
}

.modal.video .player .flex-video {
    margin-bottom: 0
}

.modal.video .caption {
    padding: 20px
}

.modal.video .caption .title {
    font-size: 1em
}

.modal.video .caption .sub-title {
    font-size: .83333em
}

.modal.video .caption a.button {
    font-size: .83333em;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .modal.video .caption {
        padding:90px 30px 30px
    }

    .modal.video .caption .title {
        font-size: 1.16667em
    }

    .modal.video .caption .sub-title {
        font-size: 1em
    }

    .modal.video .caption a.button {
        font-size: .83333em
    }
}

.lt-ie9 .modal.video .caption {
    padding: 90px 30px 30px
}

.lt-ie9 .modal.video .caption .title {
    font-size: 1.16667em
}

.lt-ie9 .modal.video .caption .sub-title {
    font-size: 1em
}

.lt-ie9 .modal.video .caption a.button {
    font-size: .83333em
}

@media only screen and (min-width: 1280px) {
    .modal.video .caption .title {
        font-size:1.5em
    }

    .modal.video .caption .sub-title {
        font-size: 1.16667em
    }

    .modal.video .caption a.button {
        font-size: 1em
    }
}

.modal-mask,.popup-modal-mask {
    display: none;
    filter: alpha(opacity=80);
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
    background-color: #000
}

@-moz-keyframes modal-open {
    to {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }
}

@-webkit-keyframes modal-open {
    to {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }
}

@keyframes modal-open {
    to {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }
}

@-moz-keyframes modal-close {
    0% {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.9,0.9,1) translate3d(-50%,-50%,0);
        z-index: -1
    }
}

@-webkit-keyframes modal-close {
    0% {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.9,0.9,1) translate3d(-50%,-50%,0);
        z-index: -1
    }
}

@keyframes modal-close {
    0% {
        opacity: 1;
        transform: scale3d(1,1,1) translate3d(-50%,-50%,0)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.9,0.9,1) translate3d(-50%,-50%,0);
        z-index: -1
    }
}

#subscribe_module>p {
    font-weight: bold;
    font-size: 24px
}

.page-contents+#subscribe_module>p {
    font-size: 12px
}

.popup-modal-close {
    filter: alpha(opacity=80);
    opacity: .8;
    transition: .3s,opacity;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    background-color: transparent;
    margin: 0;
    padding: 10px;
    font-size: 15px
}

@media only screen and (min-width: 768px) {
    .popup-modal-close {
        padding:15px
    }
}

.lt-ie9 .popup-modal-close {
    padding: 15px
}

.modal-on .popup-modal-close {
    display: block
}

.popup-modal-close:hover,.popup-modal-close:focus {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .popup-modal-close {
        font-size:24px
    }
}

.lt-ie9 .popup-modal-close {
    font-size: 24px
}

.popup-modal {
    display: none;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: fixed;
    border: 0;
    overflow: hidden;
    opacity: 0;
    top: 50%!important;
    left: 50%;
    transform: scale3d(1.1,1.1,1) translate3d(-50%,-50%,0);
    z-index: 9999;
    margin: 0;
    padding: 0;
    max-width: 100%;
    padding: 40px 30px;
    background: transparent;
    width: 660px
}

.popup-modal.full-width {
    width: 100%
}

.popup-modal .inner,.popup-modal .popup-image {
    position: relative
}

@media only screen and (min-width: 768px) {
    .popup-modal .inner,.popup-modal .popup-image {
        -webkit-flex:1;
        flex: 1;
        max-width: 50%
    }
}

.lt-ie9 .popup-modal .inner,.lt-ie9 .popup-modal .popup-image {
    -webkit-flex: 1;
    flex: 1;
    max-width: 50%
}

.popup-modal .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4em 2em;
    text-align: center;
    width: 100%;
    background: #ffffff;
    color: #444444;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    .popup-modal .inner {
        overflow:hidden
    }
}

.lt-ie9 .popup-modal .inner {
    overflow: hidden
}

.popup-modal .inner:only-child {
    max-width: none
}

.popup-modal .popup-image {
    background: 0;
    background-color: #ffffff
}

.popup-modal .popup-image a {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block
}

@media only screen and (min-width: 768px) {
    .popup-modal .popup-image {
        min-height:480px;
        background-image: url('https://cdn.shopify.com/s/files/1/0731/7783/t/43/assets/popup.jpg?1539');
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% 0
    }
}

.lt-ie9 .popup-modal .popup-image {
    min-height: 480px;
    background-image: url('https://cdn.shopify.com/s/files/1/0731/7783/t/43/assets/popup.jpg?1539');
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0
}

.popup-modal .popup-image img {
    display: none
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
    background: 0;
    max-width: 100%;
    margin: 0 auto
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image a {
    position: relative
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image img {
    display: block;
    margin: 0 auto
}

.popup-modal.opened,.popup-modal.closed,.popup-modal.completed {
    display: -webkit-flex;
    display: flex
}

.no-flexbox .popup-modal.opened,.flexboxtweener .popup-modal.opened,.no-flexbox .popup-modal.closed,.flexboxtweener .popup-modal.closed,.no-flexbox .popup-modal.completed,.flexboxtweener .popup-modal.completed {
    display: table
}

.no-flexbox .popup-modal.opened .inner,.no-flexbox .popup-modal.opened .popup-image,.flexboxtweener .popup-modal.opened .inner,.flexboxtweener .popup-modal.opened .popup-image,.no-flexbox .popup-modal.closed .inner,.no-flexbox .popup-modal.closed .popup-image,.flexboxtweener .popup-modal.closed .inner,.flexboxtweener .popup-modal.closed .popup-image,.no-flexbox .popup-modal.completed .inner,.no-flexbox .popup-modal.completed .popup-image,.flexboxtweener .popup-modal.completed .inner,.flexboxtweener .popup-modal.completed .popup-image {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .no-flexbox .popup-modal.opened .inner,.no-flexbox .popup-modal.opened .popup-image,.flexboxtweener .popup-modal.opened .inner,.flexboxtweener .popup-modal.opened .popup-image,.no-flexbox .popup-modal.closed .inner,.no-flexbox .popup-modal.closed .popup-image,.flexboxtweener .popup-modal.closed .inner,.flexboxtweener .popup-modal.closed .popup-image,.no-flexbox .popup-modal.completed .inner,.no-flexbox .popup-modal.completed .popup-image,.flexboxtweener .popup-modal.completed .inner,.flexboxtweener .popup-modal.completed .popup-image {
        width:50%
    }
}

.lt-ie9 .no-flexbox .popup-modal.opened .inner,.lt-ie9 .no-flexbox .popup-modal.opened .popup-image,.lt-ie9 .flexboxtweener .popup-modal.opened .inner,.lt-ie9 .flexboxtweener .popup-modal.opened .popup-image,.lt-ie9 .no-flexbox .popup-modal.closed .inner,.lt-ie9 .no-flexbox .popup-modal.closed .popup-image,.lt-ie9 .flexboxtweener .popup-modal.closed .inner,.lt-ie9 .flexboxtweener .popup-modal.closed .popup-image,.lt-ie9 .no-flexbox .popup-modal.completed .inner,.lt-ie9 .no-flexbox .popup-modal.completed .popup-image,.lt-ie9 .flexboxtweener .popup-modal.completed .inner,.lt-ie9 .flexboxtweener .popup-modal.completed .popup-image {
    width: 50%
}

.no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,.flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,.no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,.flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,.no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,.flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons {
    display: block
}

.no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
        width:100%
    }
}

.lt-ie9 .no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.lt-ie9 .flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.lt-ie9 .no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.lt-ie9 .flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.lt-ie9 .no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,.lt-ie9 .flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
    width: 100%
}

.popup-modal.opened {
    -moz-animation: modal-open .3s linear forwards;
    -webkit-animation: modal-open .3s linear forwards;
    animation: modal-open .3s linear forwards
}

.ie9 .popup-modal.opened {
    opacity: 1;
    top: 30px!important;
    position: absolute!important;
    margin-top: 0!important
}

.popup-modal.closed {
    -moz-animation: modal-close .3s linear forwards;
    -webkit-animation: modal-close .3s linear forwards;
    animation: modal-close .3s linear forwards
}

.ie9 .popup-modal.closed {
    opacity: 0
}

.popup-modal.completed {
    transform: scale3d(1,1,1) translate3d(-50%,-50%,0);
    opacity: 1
}

.modal-unfix .popup-modal.completed {
    position: absolute;
    top: 0!important;
    left: 50%;
    transform: translateX(-50%)
}

.popup-modal .social-follow {
    margin: 0 auto;
    text-align: center
}

.popup-modal .social-follow a {
    display: inline-block;
    margin: 10px 5px
}

.popup-modal .glyph {
    font-size: 2em
}

.popup-modal [type=email] {
    padding: 0 .8em;
    height: 3.2em
}

.popup-modal [type=submit] {
    padding: 1.2em 0 2.4em
}

.social-share .glyph {
    display: inline-block;
    font-size: 18px;
    border-radius: 3px;
    padding: 8px;
    background: #ffffff;
    -webkit-transition: background-color 300ms ease-out,color 300ms ease-out,border-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out,color 300ms ease-out,border-color 300ms ease-out;
    transition: background-color 300ms ease-out,color 300ms ease-out,border-color 300ms ease-out
}

.social-share .glyph span {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    vertical-align: top;
    line-height: 20px;
    padding: 0 5px;
    letter-spacing: 0
}

.social-share .glyph:hover {
    color: #ccc
}

.promo-bar {
    min-height: 33px;
    width: 100%;
    background-color: #444444;
    color: #ffffff;
    transition: .3s;
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.modal-on .promo-bar {
    display: none
}

.promo-bar a,.promo-bar a:link,.promo-bar a:visited,.promo-bar a:hover {
    color: #ffffff
}

.promo-bar span.text {
    padding: 0 28px;
    display: block
}

.promo-bar.closed {
    max-height: 0;
    min-height: 0;
    padding: 0
}

.promo-bar button {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.promo-bar button:focus,.promo-bar button:hover {
    background: transparent
}

.template-index .main-content {
    padding: 0
}

.template-index .main-footer {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .template-index.transparent-menu .main-header {
        position:absolute
    }

    .template-index.transparent-menu .main-header .bg {
        display: none;
        filter: alpha(opacity=95);
        opacity: .95
    }
}

.lt-ie9 .template-index.transparent-menu .main-header {
    position: absolute
}

.lt-ie9 .template-index.transparent-menu .main-header .bg {
    display: none;
    filter: alpha(opacity=95);
    opacity: .95
}

.template-index.transparent-menu .header-divider {
    display: none
}

.template-index .slider {
    border-bottom: 1px solid#ebebeb
}

@media only screen and (min-width: 768px) {
    .template-index .slider {
        border-bottom:0
    }
}

.lt-ie9 .template-index .slider {
    border-bottom: 0
}

.template-index .slider .flex-video {
    padding-bottom: 45%
}

.template-index .slider .video .caption,.template-index .slider .video .video-src {
    display: none
}

.template-index .slider .video .play-button {
    display: block;
    visibility: hidden;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    border: 4px solid #fff;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.template-index .slider .video .play-button:hover {
    filter: alpha(opacity=60);
    opacity: .6
}

.template-index .slider .video .play-button .triangle {
    -moz-transform: scale(0.9999);
    position: relative;
    top: 21px;
    left: 30px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff
}

.template-index .slider .owl-controlls {
    margin-top: 0
}

.template-index .slider .row {
    position: relative;
    padding: 0
}

.template-index .slider .slide {
    position: relative
}

.template-index .slider .slide img {
    display: inline-block;
    width: 100%
}

.template-index .slider .slide .caption {
    visibility: hidden;
    position: static;
    padding: 20px;
    background-color: #ffffff
}

@media only screen and (min-width: 768px) {
    .template-index .slider .slide .caption {
        background-color:transparent;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 20px;
        margin: 20px 20px 10px
    }
}

.lt-ie9 .template-index .slider .slide .caption {
    background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 20px 10px
}

.template-index .slider .slide .caption.right {
    float: none!important
}

.template-index .slider .slide .caption .bg {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    filter: alpha(opacity=80);
    opacity: .8
}

@media only screen and (min-width: 768px) {
    .template-index .slider .slide .caption .bg {
        display:block
    }
}

.lt-ie9 .template-index .slider .slide .caption .bg {
    display: block
}

.template-index .slider .slide .caption .title {
    color: #444444;
    position: relative;
    margin-top: 0;
    font-size: 1em;
    padding-bottom: 0;
    line-height: 1.2
}

.template-index .slider .slide .caption .sub-title {
    color: #444444;
    position: relative;
    font-size: .83333em;
    font-weight: 300
}

.template-index .slider .slide .caption a.button {
    color: #f7f7f7;
    background: #444444;
    position: relative;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: .83333em;
    text-transform: none;
    margin-bottom: 0
}

.template-index .slider .slide .caption a.button:hover {
    color: #f7f7f7;
    background: #999999
}

@media only screen and (min-width: 768px) {
    .template-index .slider .slide .caption {
        position:absolute;
        max-width: 350px;
        margin: 20px 55px 30px;
        padding: 15px
    }

    .template-index .slider .slide .caption .title {
        font-size: 1.16667em
    }

    .template-index .slider .slide .caption .sub-title {
        font-size: 1em
    }

    .template-index .slider .slide .caption a.button {
        font-size: 11px
    }

    .template-index .slider .slide .caption.top {
        top: 125px;
        margin-top: 0
    }

    .template-index .slider .slide .caption.middle {
        top: 50%;
        margin-top: 0
    }

    .template-index .slider .slide .caption.bottom {
        bottom: 0
    }

    .template-index .slider .slide .caption.left {
        left: 0
    }

    .template-index .slider .slide .caption.center {
        left: 50%;
        margin-left: 0
    }

    .template-index .slider .slide .caption.right {
        right: 0
    }

    .template-index .slider .slide .caption.bottom.right {
        bottom: 45px
    }
}

.lt-ie9 .template-index .slider .slide .caption {
    position: absolute;
    max-width: 350px;
    margin: 20px 55px 30px;
    padding: 15px
}

.lt-ie9 .template-index .slider .slide .caption .title {
    font-size: 1.16667em
}

.lt-ie9 .template-index .slider .slide .caption .sub-title {
    font-size: 1em
}

.lt-ie9 .template-index .slider .slide .caption a.button {
    font-size: 11px
}

.lt-ie9 .template-index .slider .slide .caption.top {
    top: 125px;
    margin-top: 0
}

.lt-ie9 .template-index .slider .slide .caption.middle {
    top: 50%;
    margin-top: 0
}

.lt-ie9 .template-index .slider .slide .caption.bottom {
    bottom: 0
}

.lt-ie9 .template-index .slider .slide .caption.left {
    left: 0
}

.lt-ie9 .template-index .slider .slide .caption.center {
    left: 50%;
    margin-left: 0
}

.lt-ie9 .template-index .slider .slide .caption.right {
    right: 0
}

.lt-ie9 .template-index .slider .slide .caption.bottom.right {
    bottom: 45px
}

@media only screen and (min-width: 1280px) {
    .template-index .slider .slide .caption {
        max-width:400px;
        padding: 20px
    }

    .template-index .slider .slide .caption .title {
        font-size: 1.5em
    }

    .template-index .slider .slide .caption .sub-title {
        font-size: 1.16667em
    }

    .template-index .slider .slide .caption a.button {
        font-size: 1em
    }
}

.template-index .slider .owl-controls {
    margin-top: 0
}

.template-index .slider .owl-pagination {
    position: absolute;
    right: 20px;
    bottom: 18px;
    top: auto;
    margin: 0;
    padding: 5px
}

@media only screen and (min-width: 768px) {
    .template-index .slider .owl-pagination {
        right:50px;
        bottom: 20px
    }
}

.lt-ie9 .template-index .slider .owl-pagination {
    right: 50px;
    bottom: 20px
}

.template-index .slider .owl-pagination .owl-page {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    margin: 0 7px 0 0;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
    background-color: #444444;
    filter: alpha(opacity=60);
    opacity: .6
}

.template-index .slider .owl-pagination .owl-page:last-child {
    margin-right: 0
}

.template-index .slider .owl-pagination .owl-page.active {
    filter: alpha(opacity=80);
    opacity: .8
}

.template-index .product-slider {
    background: #ffffff;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .template-index .product-slider {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.lt-ie9 .template-index .product-slider {
    padding-top: 100px;
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) {
    .template-index .product-slider.disabled .owl-wrapper {
        width:100%!important;
        text-align: center
    }

    .template-index .product-slider.disabled .owl-item,.template-index .product-slider.disabled .product-item {
        display: inline-block!important;
        float: none;
        width: 100%
    }

    .template-index .product-slider.disabled .row.content {
        text-align: center
    }

    .template-index .product-slider.disabled .product-grid {
        display: inline-block;
        width: 100%;
        min-width: 0
    }
}

.lt-ie9 .template-index .product-slider.disabled .owl-wrapper {
    width: 100%!important;
    text-align: center
}

.lt-ie9 .template-index .product-slider.disabled .owl-item,.lt-ie9 .template-index .product-slider.disabled .product-item {
    display: inline-block!important;
    float: none;
    width: 100%
}

.lt-ie9 .template-index .product-slider.disabled .row.content {
    text-align: center
}

.lt-ie9 .template-index .product-slider.disabled .product-grid {
    display: inline-block;
    width: 100%;
    min-width: 0
}

.template-index .product-slider .content.row {
    padding: 0 50px
}

.template-index .product-slider .product-item {
    max-width: 100%;
    width: 450px;
    display: none;
    padding: 0 5px;
    margin-bottom: 0
}

.template-index .product-slider .owl-prev,.template-index .product-slider .owl-next {
    color: #444444;
    font-family: 'blockshop-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 35px;
    position: absolute;
    top: 50%;
    background: 0;
    filter: alpha(opacity=80);
    opacity: .8
}

.template-index .product-slider .owl-prev {
    left: 0;
    margin: -80px 0 0 -40px
}

.template-index .product-slider .owl-prev:before {
    content: "\e61a"
}

.template-index .product-slider .owl-next {
    right: 0;
    margin: -80px -40px 0 0
}

.template-index .product-slider .owl-next:before {
    content: "\e61b"
}

.template-index .product-slider h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 4px
}

@media only screen and (min-width: 768px) {
    .template-index .product-slider h2 {
        margin-bottom:50px
    }
}

.lt-ie9 .template-index .product-slider h2 {
    margin-bottom: 50px
}

.template-index .product-slider ul {
    list-style: none;
    margin-top: 50px
}

.template-index .product-slider ul li .columns {
    float: left!important
}

.template-index .widgets .row {
    padding: 30px 10px 0
}

@media only screen and (min-width: 768px) {
    .template-index .widgets .row {
        padding:100px 30px 0
    }
}

.lt-ie9 .template-index .widgets .row {
    padding: 100px 30px 0
}

.template-index .widgets .columns {
    padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .template-index .widgets .columns {
        padding-bottom:100px
    }
}

.lt-ie9 .template-index .widgets .columns {
    padding-bottom: 100px
}

.template-index .widgets .featured-promo {
    background: #f7f7f7
}

.template-index .widgets .featured-promo img {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .template-index .widgets .featured-promo img {
        margin:0 auto
    }
}

.lt-ie9 .template-index .widgets .featured-promo img {
    margin: 0 auto
}

@media only screen and (min-width: 1280px) {
    .template-index .widgets .featured-promo .vimeo-wrapper {
        padding:0 40px
    }
}

.template-index .widgets .featured-promo .description {
    font-size: 1.16667em;
    line-height: 1.8;
    max-width: 800px;
    display: inline-block
}

.template-index .widgets .featured-promo .description .call-to-action a {
    margin-top: 30px;
    margin-bottom: 0;
    text-transform: none
}

.template-index .widgets .featured-promo .description .call-to-action a .button {
    margin-bottom: 0
}

.template-index .widgets .small-promos {
    padding: 0
}

.template-index .widgets .small-promos .row {
    padding: 0
}

.template-index .widgets .small-promos .columns {
    margin: 0;
    padding: 0
}

.template-index .widgets .small-promos .columns:last-child {
    margin: 0
}

.template-index .widgets .small-promos .image-text-widget {
    position: relative
}

.template-index .widgets .small-promos img {
    width: 100%
}

.template-index .widgets .small-promos .block {
    min-height: 140px
}

.template-index .widgets .small-promos .caption {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0
}

.template-index .widgets .small-promos .caption .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 0
}

.template-index .widgets .small-promos .caption .inner {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center
}

.template-index .widgets .small-promos .caption h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px 0;
    color: #444444;
    font-size: 40px;
    text-transform: uppercase
}

.template-index .widgets .small-promos .caption h2 {
    color: #999999;
    margin: 0;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1.16667em;
    font-weight: normal;
    text-transform: uppercase
}

.template-index .widgets .social-feeds {
    background: #ffffff
}

.template-index .widgets .social-feeds .title {
    text-align: center
}

.template-index .widgets .title {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 4px
}

@media only screen and (min-width: 768px) {
    .template-index .widgets .title {
        margin-bottom:50px
    }
}

.lt-ie9 .template-index .widgets .title {
    margin-bottom: 50px
}

.template-index .image-widget {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .template-index .image-widget {
        padding:0
    }
}

.lt-ie9 .template-index .image-widget {
    padding: 0
}

.template-index .image-widget img {
    width: 100%
}

.template-index .twitter-widget {
    text-align: center
}

.template-index .twitter-widget iframe {
    display: block;
    margin: 0 auto
}

.template-index .blog-widget {
    max-width: 300px;
    margin: 0 auto
}

.template-index .blog-widget ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.template-index .blog-widget li {
    margin-bottom: 30px
}

.template-index .blog-widget li:last-child {
    margin: 0
}

.template-index .blog-widget .item-title {
    font-weight: bold;
    text-transform: capitalize
}

.template-index .blog-widget .date {
    font-size: .83333em;
    text-transform: uppercase;
    margin-bottom: 10px
}

.template-index .blog-widget .content {
    margin-bottom: 10px
}

.template-index .template-page .main-content .single-column-nr.row {
    margin-top: 60px;
    padding: 50px;
    text-align: center
}

.template-index .template-page .main-content .anr-700, .template-page .template-page .main-content .anr-700 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 2%;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.template-index .template-page .main-content .anr-500-left, .template-page .template-page .main-content .anr-500-left {
    width: 50%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 35px
}

@media only screen and (max-width: 768px) {
    .template-index .template-page .main-content .anr-500-left , .template-page .template-page .main-content .anr-500-left {
        padding-right:0
    }
}

.template-index .template-page .main-content .anr-500-left-small, .template-page .template-page .main-content .anr-500-left-small {
    width: 50%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 125px
}

@media only screen and (max-width: 768px) {
    .template-index .template-page .main-content .anr-500-left-small, .template-page .template-page .main-content .anr-500-left-small {
        padding-right:0
    }
}

.template-index  .main-content .anr-500-right, .template-page  .main-content .anr-500-right {
    width: 50%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    padding-left: 35px
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-500-right, .template-page  .main-content .anr-500-right {
        padding-left:12px
    }
}

.template-index  .main-content .anr-30-left, .template-page  .main-content .anr-30-left {
    width: 30%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 35px
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-30-left, .template-page  .main-content .anr-30-left {
        padding-right:0;
          width:100% !important;
      float:left;
      height:auto;
    }
}



.template-index  .main-content .anr-30-right, .template-page  .main-content .anr-30-right {
    width: 30%;
    margin: 0;
    text-align: center;
    height: 100%;
  	/*float:right;*/
    display: table-cell;
    vertical-align: middle;
    /*padding-right: 35px*/
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-30-right, .template-page  .main-content .anr-30-right {
        padding-right:0;
      width:100% !important;
      float:right;
      height:auto;
    }
}
.template-index  .main-content .anr-70-right, .template-page  .main-content .anr-70-right {
    width: 70%;
    margin: 0;
    /*float: right;*/
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
   /* padding: 20px;*/
    padding-left: 35px
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-70-right, .template-page  .main-content .anr-70-right {
        padding-left:12px;
          width:100% !important;
float:right;
      height:auto;
    }
}

.template-index  .main-content .anr-70-left, .template-page  .main-content .anr-70-left {
    width: 70%;
    margin: 0;
    /*float: left;*/
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    /*padding: 20px;
    padding-left: 35px*/
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-70-left, .template-page  .main-content .anr-70-left {
       padding-left:0;
      width:100% !important;
      float:left;
      height:auto;
    }
}

.template-index  .main-content .anr-45-left-small, .template-page  .main-content .anr-45-left-small {
    width: 45%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    /*padding-right: 65px*/
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-45-left-small, .template-page  .main-content .anr-45-left-small {
        padding-right:0
    }
}

.template-index  .main-content .anr-55-right, .template-page  .main-content .anr-55-right {
    width: 55%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 35px
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-55-right, .template-page  .main-content .anr-55-right {
        padding-left:12px
    }
}

.template-index   .main-content .anr-60-left  {
    width: 60%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 75px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-60-left {
        padding-right:0
    }
}

.template-page   .main-content .anr-60-left {
    width: 60%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 75px;
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .anr-60-left {
        padding-right:0;
      width:100%;
      display:block;
      height:auto;
      clear:both;
    }
}

.template-index   .main-content .anr-60-left-alt, .template-page   .main-content .anr-60-left-alt {
    width: 60%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding: 0 3% 14% 3%;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-60-left-alt, .template-page  .main-content .anr-60-left-alt {
        padding-bottom:70px;
      width:100%;
      float:left;
    }
}

.template-index   .main-content .anr-60-left-double, .template-page   .main-content .anr-60-left-double {
    width: 60%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: top;
    padding-right: 75px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-60-left-double, .template-page  .main-content .anr-60-left-double {
        padding-right:0;
      width:100%;
      display:block;
    }
}


.template-index  .main-content .anr-40-left {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-40-left{
        padding:0 4%;
    }
}

.template-page  .main-content .anr-40-left {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 6%;
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .anr-40-left {
        padding:0 40px;
      width:100%;
      float:left;
      height:auto;
    }
}

.template-page  .main-content .anr-40-alt {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 6%;
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .anr-40-alt {
        padding:0 4%;
      width:100%;
      float:left;
      height:auto;
    }
}

.template-index  .main-content .anr-50-left-alt-2, .template-page  .main-content .anr-50-left-alt-2 {
    width: 50%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0 6%;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-left-alt-2, .template-page  .main-content .anr-50-left-alt-2 {
        padding:0 40px;
      width:100%;
      float: left;
      margin-bottom: 70px;
    }
}


.template-index   .main-content .anr-33-left, .template-page   .main-content .anr-33-left {
    width: 30%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1%;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-33-left, .template-page  .main-content .anr-33-left {
        padding: 0 40px;
          width:100%;
      display:block;
      float:left;
    }
}


.template-index   .main-content .anr-33, .template-page   .main-content .anr-33 {
    width: 30%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0.5%;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-33, .template-page  .main-content .anr-33 {
         padding: 0 40px;
          width:100%;
      display:block;
      float:left;
    }
}


.template-index   .main-content .anr-33-last, .template-page   .main-content .anr-33-last {
    width: 30%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 1%;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-33-last, .template-page  .main-content .anr-33-last {
         padding: 0 40px;
          width:100%;
      display:block;
      float:right;
    }
}


.template-index  .main-content .anr-40-right {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-40-right {
        width:100%;

    }
}

.template-page  .main-content .anr-40-right {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .anr-40-right {
        width:100%;
      float:right;
      height:auto;
      display:block;

    }
}

.template-index  .main-content .anr-50-right, .template-page  .main-content .anr-50-right {
    width: 50%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-right, .template-page  .main-content .anr-50-right {
        width:100%;

    }
}

.template-index  .main-content .anr-80-right, .template-page  .main-content .anr-80-right {
    width: 80%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-80-right, .template-page  .main-content .anr-80-right {
        width:100%;

    }
}

.template-index  .main-content .anr-40-right-double, .template-page  .main-content .anr-40-right-double {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  padding: 0 60px

}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-40-right-double, .template-page  .main-content .anr-40-right-double {
       width:100%;
      display:block;
      overflow:inherit;
    }
}

.template-index  .main-content .anr-40-right-alt , .template-page  .main-content .anr-40-right-alt {
    width: 40%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 55px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-40-right-alt, .template-page  .main-content .anr-40-right-alt {
        padding:0 40px;
    }
}

.template-index  .main-content .anr-40-right-alt-2 , .template-page  .main-content .anr-40-right-alt-2 {
    width: 40%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
   /*padding: 55px;*/
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-40-right-alt-2, .template-page  .main-content .anr-40-right-alt-2 {
        padding:0 40px;
      width:100%;
      float:right;
    }
}

.template-index   .main-content .anr-60-right {
    width: 60%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-60-right {
        padding-right:0;
      width:60%;
        /*float: right;*/
    }
}

.template-page   .main-content .anr-60-right {
    width: 60%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.template-page   .main-content .anr-90-right {
    width: 90%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.template-page   .main-content .anr-10-right {
    width: 10%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.template-page   .main-content .anr-10-left {
    width: 10%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.template-page   .main-content .anr-90-left {
    width: 90%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}


@media only screen and (max-width: 768px) {
    .template-page  .main-content .anr-60-right {
        padding-right:0;
      width:100%;
        /*float: right;*/
      clear:both;
      display:block;
    }
}

.template-index   .main-content .anr-60-right-alt, .template-page   .main-content .anr-60-right-alt {
    width: 60%;
    margin-top: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-60-right-alt, .template-page  .main-content .anr-60-right-alt {
        padding-right:0;
      width:100%;
       float: right;
      margin-top:0;
    }
}



.template-index  .main-content .anr-95-right, .template-page  .main-content .anr-95-right {
    width: 95%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-95-right, .template-page  .main-content .anr-95-right {
        padding-left:0
    }
}



.template-index  .main-content .anr-5-left, .template-page  .main-content .anr-5-left {
    width: 5%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .template-index .main-content .anr-5-left, .template-page .main-content .anr-5-left {
        padding-right:12px
    }
}

.template-index  .main-content .anr-95-left, .template-page  .main-content .anr-95-left {
    width: 95%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-95-left, .template-page  .main-content .anr-95-left {
        padding-right:30px;
    }
}



.template-index  .main-content .anr-5-right, .template-page  .main-content .anr-5-right {
    width: 5%;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-5-right {
        padding-left:12px
    }
}

.template-index  .main-content .anr-50-left, .template-page  .main-content .anr-50-left {
    width: 50%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 35px 0;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-left, .template-page  .main-content .anr-50-left {
        padding-right:0;
      width:100%;
      float:left;
    }
}

.template-index  .main-content .anr-20-left, .template-page  .main-content .anr-20-left {
    width: 15%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 35px 0;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-20-left, .template-page  .main-content .anr-20-left {
        padding-right:0;
      width:100%;
      float:left;
    }
}

.template-index  .main-content .anr-50-left-alt, .template-page  .main-content .anr-50-left-alt {
    width: 50%;
    margin: 0;
    text-align: left;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding:  0 35px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-left-alt, .template-page  .main-content .anr-50-left-alt {
        padding:60px 40px;
      width:100%;
      display: block;
    }
}


.template-index  .main-content .anr-50-right, .template-page  .main-content .anr-50-right {
    width: 50%;
    margin: 0;
    /*text-align: center;*/
    height: 100%;
    display: table-cell;
    vertical-align: middle;

}
@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-right, .template-page  .main-content .anr-50-right {
        padding-left:0;
      width:100% !important;
      display:block;
      float:right;
    }
}


.template-index  .main-content .anr-50-right-alt, .template-page  .main-content .anr-50-right-alt {
    width: 50%;
    margin: 0;
    text-align: left;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  padding:0 35px;

}
@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-right-alt, .template-page  .main-content .anr-50-right-alt {

      width:100%;
      display:block;
      margin-bottom:70px;
      overflow:inherit;
      padding: 60px 40px;
    }
}

.template-index  .main-content .anr-50-right-alt-2, .template-page  .main-content .anr-50-right-alt-2 {
    width: 50%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  padding:0 4%;
  position: relative;

}
@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-50-right-alt-2, .template-page  .main-content .anr-50-right-alt-2 {

      width:100%;
      display:block;
      margin-bottom:70px;
      overflow:inherit;
      padding: 60px 40px;
      float:right;
    }
}





.template-index  .main-content .anr-330, .template-page  .main-content .anr-330 {
    width: 33%;
    float: left;
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.template-index  .main-content .anr-100, .template-page  .main-content .anr-100 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 35%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 40%
}

.template-index  .main-content .anr-100-c, .template-page  .main-content .anr-100-c {
    width: 100%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  padding:0 4%;
  position: relative;
  column-count: 2;
  column-gap: 120px;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-100-c, .template-page  .main-content .anr-100-c  {

      width: 100%;
    margin: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  padding:0 4%;
  position: relative;
  column-count: 1;

    }
}

.template-index  .main-content .anr-over, .template-page  .main-content .anr-over {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 35%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 15%
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .anr-over, .template-page  .main-content .anr-over {

      bottom:25%;
    }
}

.template-index  .main-content .anr-over-b, .template-page  .main-content .anr-over-b {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 35%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 50%
}

@media only screen and (max-width: 768px) {
.template-index  .main-content .anr-over-b, .template-page  .main-content .anr-over-b {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 90px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 43%
}
}

.template-index  .main-content .anr-over-stroke-center, .template-page  .main-content .anr-over-stroke-center {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 25%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 35%
}

@media only screen and (max-width: 768px) {
.template-index  .main-content .anr-over-stroke-center, .template-page  .main-content .anr-over-stroke-center {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 40px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom:35%;
}

}

.template-index  .main-content .anr-over-stroke-bottom, .template-page  .main-content .anr-over-stroke-bottom {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 35%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 70%
}

.template-index  .main-content .anr-over-stroke-top, .template-page  .main-content .anr-over-stroke-top {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 25%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: -10%;
      z-index:999;
}

@media only screen and (max-width: 768px) {
.template-index  .main-content .anr-over-stroke-top, .template-page  .main-content .anr-over-stroke-top {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 40px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top:10%;
}
}



.template-index  .main-content .anr-100-2, .template-page  .main-content .anr-100-2 {
    width: 100%;
    /*float: right;*/
    margin: 0;
    padding: 0 5%;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.template-index  .main-content .anr-100-3, .template-page  .main-content .anr-100-3 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 25%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%
}

.template-index  .main-content .anr-100-4, .template-page  .main-content .anr-100-4 {
    float: right;
    margin: 0;
    padding: 0 30px;
    text-align: left;
    vertical-align: middle;
    position: absolute;
    top: 40%
}

.template-index  .main-content .anr-100-5, .template-page  .main-content .anr-100-5 {
    float: right;
    margin: 0;
    padding: 0 30px;
    text-align: left;
    vertical-align: middle;
    position: absolute;
    top: 12%
}

.template-index  .main-content .vertical-left, .template-page  .main-content .vertical-left {
    margin: 0;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transform: rotate(-90deg);
    display: block;
    position: absolute;
    left: 20%;
    margin-left: -130px;
  color:#fff;
    letter-spacing: 4px;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .vertical-left, .template-page  .main-content .vertical-left {
        display:none
    }
}

.template-index  .main-content .vertical-right, .template-page  .main-content .vertical-right {
    margin-right: -250px;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transform: rotate(90deg);
    right: 20%;
    position: absolute;
    letter-spacing: 4px;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .vertical-right, .template-page  .main-content .vertical-right  {
        display:none
    }
}

img.template-index  .main-content .anr-100-2, img.template-page  .main-content .anr-100-2 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.template-index  .main-content .anr-300, .template-page  .main-content .anr-300 {
    width: 42%;
    margin: 0;
    padding: 2%;
    vertical-align: middle;
    display: table-cell
}

.template-index  .main-content .single-column-nr-7030.row.clearfix , .template-page  .main-content .single-column-nr-7030.row.clearfix {
    margin-top: 120px;
    padding: 0 15%;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-index  .main-content .single-column-nr-7030.row.clearfix:after , .template-page  .main-content .single-column-nr-7030.row.clearfix:after {
    display: inline-block
}

.template-index  .main-content .single-column-nr-1000.row.clearfix , .template-page  .main-content .single-column-nr-1000.row.clearfix {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-index  .main-content .single-column-nr-1000.row.clearfix:after, .template-page  .main-content .single-column-nr-1000.row.clearfix:after {
    display: inline-block
}

.template-index  .main-content .single-column-nr-1000-2.row.clearfix{
    margin-top: 120px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
  margin-bottom:300px;
}

.template-index  .main-content .single-column-nr-1000-2.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-2.row.clearfix {
        margin:0;
        padding: 60px 40px;
        text-align: center;
        width: 100%;
        height: 100%;
       /* display: table-cell;*/
        position: relative
    }
}

.template-page  .main-content .single-column-nr-1000-2.row.clearfix {
    margin:10% 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;

}

.template-page  .main-content .single-column-nr-1000-2.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-2.row.clearfix  {
        margin:15% 0;
        padding: 0 4%;
        text-align: center;
        width: 100%;
        height: 100%;
       /* display: table-cell;*/
        position: relative
    }
}

.template-password  .main-content .single-column-nr-1000-2.row.clearfix {
    margin-top: 120px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-password  .main-content .single-column-nr-1000-2.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-password .main-content .single-column-nr-1000-2.row.clearfix,  {
        margin:0;
        padding: 0 3%;
        text-align: center;
        width: 100%;
        height: 100%;
        /*display: table-cell;*/
        position: relative
    }
}


.template-index  .main-content .single-column-nr-1000-0.row.clearfix , .template-page  .main-content .single-column-nr-1000-0.row.clearfix{
    margin: 0;
    text-align: center;
    width: 100%;
    display: table;
    position: relative
}

.template-index  .main-content .single-column-nr-1000-0.row.clearfix:after, .template-page  .main-content .single-column-nr-1000-0.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-0.row.clearfix , .template-page  .main-content .single-column-nr-1000-0.row.clearfix{
        margin-top:80px;
        padding: 0 3%;
        text-align: center;
        width: 100%;
        display: table;
        position: relative;
      margin-bottom:80px;
    }
}

.template-index  .main-content .single-column-nr-1000-3.row.clearfix {
    margin-top: 250px;
    margin-bottom: 210px;
    text-align: center;
    padding: 0 20%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-index  .main-content .single-column-nr-1000-3.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-3.row.clearfix  {
        margin:4% 0;
        padding: 0 4%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}



.template-page  .main-content .single-column-nr-1000-3.row.clearfix{
     margin:10% 0;
    text-align: center;
    padding: 0 20%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-page  .main-content .single-column-nr-1000-3.row.clearfix:after{
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-3.row.clearfix {
        margin:15% 0;
        padding: 0 4%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}

.template-index  .main-content .single-column-nr-1000-4.row.clearfix {
     margin:10% 0;
    text-align: center;
    padding: 0 25%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-index  .main-content .single-column-nr-1000-4.row.clearfix:after{
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-4.row.clearfix{
        margin-top:80px;
        padding: 0 4%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}

.template-page  .main-content .single-column-nr-1000-4.row.clearfix{
     margin:10% 0;
    text-align: center;
    padding: 0 25%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page  .main-content .single-column-nr-1000-4.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-4.row.clearfix {
        margin:15% 0;
        padding: 0 4%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}

.template-index  .main-content .single-column-nr-1000-5.row.clearfix {
    margin: 0;
    text-align: center;
    padding: 0 38%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 300px;
    margin-bottom: 400px
}

.template-index  .main-content .single-column-nr-1000-5.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 1440px) {
    .template-index  .main-content .single-column-nr-1000-5.row.clearfix  {
        margin-top:80px;
        padding: 0 20%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        margin-bottom: 350px;
      margin-top:200px;
    }
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-5.row.clearfix {
        margin-top:80px;
        padding: 0 10%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        margin-bottom: 100px
    }
}


.template-page  .main-content .single-column-nr-1000-5.row.clearfix {
    margin:10% 0;
    text-align: center;
    padding: 0 38%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page  .main-content .single-column-nr-1000-5.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 1440px) {
    .template-page  .main-content .single-column-nr-1000-5.row.clearfix {
        margin:8% 0;
        padding: 0 20%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-5.row.clearfix {
        margin:15% 0;
        padding: 0 10%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}


.template-index  .main-content .single-column-nr-1000-6.row.clearfix {
    margin: 0;
    text-align: center;
    padding: 0 10%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 300px
}

.template-index  .main-content .single-column-nr-1000-6.row.clearfix:after{
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-6.row.clearfix {
        margin-top:80px;
        padding: 0 6%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
      margin-bottom: 140px;
    }
}

.template-page  .main-content .single-column-nr-1000-6.row.clearfix {
     margin:10% 0;
    text-align: center;
    padding: 0 10%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page  .main-content .single-column-nr-1000-6.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-6.row.clearfix {
        margin:4% 0;
        padding: 0 6%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}

.template-index  .main-content .single-column-nr-1000-7.row.clearfix  {
    margin: 10% 0;
    text-align: center;
    padding: 0 32%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-index  .main-content .single-column-nr-1000-7.row.clearfix:after  {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-7.row.clearfix {
        margin:15% 0;
        padding: 0 12%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;

    }
}

.template-page  .main-content .single-column-nr-1000-7.row.clearfix  {
     margin:10% 0;
    text-align: center;
    padding: 0 32%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page  .main-content .single-column-nr-1000-7.row.clearfix:after  {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-7.row.clearfix {
        margin:15% 0;
        padding: 0 8%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}


.template-index .main-content .single-column-nr-1000-8.row.clearfix {
    margin: 0;
    text-align: center;
    padding: 0 30%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 100px;
  margin-bottom:-160px;
}

.template-index  .main-content .single-column-nr-1000-8.row.clearfix:after{
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index  .main-content .single-column-nr-1000-8.row.clearfix{
        margin-top:80px;
        padding: 0 8%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
       margin-bottom:-20px;
    }
}

.template-page  .main-content .single-column-nr-1000-8.row.clearfix  {
     margin:10% 0;
    text-align: center;
    padding: 0 30%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page  .main-content .single-column-nr-1000-8.row.clearfix:after  {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page  .main-content .single-column-nr-1000-8.row.clearfix {
       margin:15% 0;
        padding: 0 8%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
    }
}



#my-video {
    width: 100%;
}

.orange-mobile{
  visibility:hidden;
  display:none;

}

@media only screen and (max-width: 768px) {

.orange-mobile{
  width:100%;
  display:table;
  padding:0 30px;
  visibility:visible;

}
}

.trapped-mobile{
  visibility:hidden;
  display:none;

}

@media only screen and (max-width: 768px) {

.trapped-mobile{
  width:100%;
  display:table;
  padding:0 30px;
  visibility:visible;
  display:block;
  float:left;

}
}

.video-js {
    width: 100% !important;
  height:100%;
      background-color: #fff;
}

.video-js .vjs-tech {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
   height: auto ;
  margin-bottom:40px;


}



@media only screen and (max-width: 768px) {

.video-js {
    width: 100% !important;
  /*height:100%;*/
      background-color: #fff;
  visibility:hidden;
  display:none;
}

}

.video-js-trapped {
    width: 100% !important;
  height:100%;
      background-color: #fff;
  padding-bottom:40px;
}

.video-js-trapped .vjs-tech {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
   height: auto ;



}



@media only screen and (max-width: 768px) {

.video-js-trapped {
    width: 100% !important;
  height:100%;
      background-color: #fff;
   visibility:hidden;
  display:none;

}

}





.template-index .main-content .single-column-nr-1000-9.row.clearfix {
    margin: 0;
    text-align: left;
    padding: 10% 0 0 10%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 100px
}

.template-index .main-content .single-column-nr-1000-9.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index .main-content .single-column-nr-1000-9.row.clearfix {
        margin-top:80px;
        padding: 6% 0 0 6%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}



.template-index .main-content .single-column-nr-1000-9.row.clearfix:after {
    display: inline-block
}

.template-page .main-content .single-column-nr-1000-9.row.clearfix {
     margin:10% 0;
    text-align: left;
    padding: 10% 0 0 10%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;

}

.template-page .main-content .single-column-nr-1000-9.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page .main-content .single-column-nr-1000-9.row.clearfix {
        margin:15% 0;
        padding: 6% 0 0 6%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}



.template-page .main-content .single-column-nr-1000-9.row.clearfix:after {
    display: inline-block
}

.template-index .main-content .single-column-nr-1000-10.row.clearfix {
    margin: 0;
    text-align: center;
    padding: 5% 22% 21% 22%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 100px
}

.template-index .main-content .single-column-nr-1000-10.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index .main-content .single-column-nr-1000-10.row.clearfix {
        margin-top:80px;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
      margin-bottom: 120px
    }
}

.template-page .main-content .single-column-nr-1000-10.row.clearfix {
     margin:10% 0;
    text-align: center;
    padding: 5% 22% 21% 22%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page .main-content .single-column-nr-1000-10.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page .main-content .single-column-nr-1000-10.row.clearfix {
        margin:15% 0;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;

    }
}


.template-password .main-content .single-column-nr-1000-10.row.clearfix {
    margin: 0;
    text-align: center;
   padding:5% 15% 1% 15%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 300px
}

.template-password .main-content .single-column-nr-1000-10.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-password .main-content .single-column-nr-1000-10.row.clearfix {
        margin-top:80px;
        padding: 5% 15% 1% 15%;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}


.template-page .main-content .single-column-nr-1000-11.row.clearfix {
  margin:10% 0;
    text-align: center;
    padding: 0 5%;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.template-page .main-content .single-column-nr-1000-11.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page .main-content .single-column-nr-1000-11.row.clearfix {
        margin:5% 0;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;

    }
}



.template-index .main-content .single-column-nr-1000-full.row.clearfix {
    margin: 200px 0 200px 0;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-index .main-content .single-column-nr-1000-full.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-index .main-content .single-column-nr-1000-full.row.clearfix {
        margin-top:80px;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}


.template-page .main-content .single-column-nr-1000-full.row.clearfix {
    margin: 10% 0;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.template-page .main-content .single-column-nr-1000-full.row.clearfix:after {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .template-page .main-content .single-column-nr-1000-full.row.clearfix {
        margin:15% 0;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: table;
        position: relative
    }
}

.template-index .main-content .single-column-nr-video.row {
    margin: 0;
    padding: 100px 50px;
    text-align: center
}

.anr-col-3 {
    width: 33%;
    display: block;
    float: left
}

img.nr-featured {
    display: block;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle
}

a.anr-col-3 {
    width: 100%;
    display: block;
    float: left
}

a:hover.anr-col-3 {
    width: 100%;
    display: block;
    float: left;
    opacity: .5
}

a.featured-links {
    font-size: 11px;
    clear: both;
    padding: 14px 0;
    text-transform: uppercase
}

a:hover.featured-links {
    font-size: 11px;
    clear: both;
    padding: 14px 0;
    text-transform: uppercase;
    color: #3d3d3d
}

@media only screen and (max-width: 480px) {
    .anr-col-3 {
        width:100%;
        display: block;
        float: left;
        padding: 0 15px
    }

    a:hover.anr-col-3 {
        width: 100%;
        display: block;
        float: left;
        opacity: .5
    }

    a.anr-col-3 {
        width: 100%;
        display: block;
        float: left
    }
}

.template-index .main-content .single-column-nr-featured {
    margin: 0;
    padding: 100px 22%;
    text-align: center
}

@media only screen and (max-width: 1280px) {
    .template-index .main-content .single-column-nr-featured {
        margin:0;
        padding: 100px 100px;
        text-align: center
    }
}

@media only screen and (max-width: 768px) {
    .template-index .main-content .single-column-nr-featured {
        margin:0;
        padding: 100px 40px;
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .template-index .main-content .single-column-nr-featured {
        margin:0;
        padding: 100px 10px;
        text-align: center
    }
}

.template-index .main-content .single-column-nr-promo.row {
    margin: 0;
    padding: 100px 0 50px 0;
    text-align: center
}

.template-index .main-content .single-column-nr-last.row {
    margin: 0;
    padding: 50px;
    text-align: center;
    margin-bottom: 100px
}

img.nr-home {
    display: block;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: middle
}

img.nr-home-2 {
    display: block;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 50px
}

img.nr-home-3 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 35px
}

img.nr-home-4 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 35px;
  width:100%;
}





img.nr-home-6 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10%;
  width:100%;
}



img.nr-home-7 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10%;
  width:100%;
}

img.nr-home-8 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    padding: 20%;
  width:100%;
}

img.nr-home-9 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5% 40px 5%;
  width:100%;
}

img.nr-home-10 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 35%;
    float: right
}

img.nr-home-11 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10%;
  /*margin-bottom: 40px;*/
  width:100%;
}

@media only screen and (max-width: 768px) {
    img.nr-home-11 {
        padding:0;
      margin-bottom:10px;
    }
}



@media only screen and (max-width: 768px) {
    img.nr-home-5 {
        padding-right:25px;
      margin-bottom:10px;
    }
}

@media only screen and (max-width: 768px) {
    img.nr-home-10 {
         margin-bottom: 0;
    }
}

img.nr-home-full {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 40px;
    width: 100%;

}

img.nr-page-full {
    display: block;
    display: inline-block;
    vertical-align: middle;
    width: 100%;

}


img.lookbook-full {
   /* display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 35px;*/
    width: 33%;
  padding:10px;
}

@media only screen and (max-width: 768px) {
    img.lookbook-full {
        width:100%;
    }
}



img.lookbook-half {
   /* display: block;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 35px;*/
    width: 49%;
  padding:10px;
}

@media only screen and (max-width: 768px) {
    img.lookbook-half {
        width:100%;
    }
}


img.nr-home-5 {
    display: block;
    display: inline-block;
    vertical-align: middle;
    /*margin-bottom: 40px;*/
  padding:5% 5% 0 5%;

}

img.anr-home {
    display: block;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 50px;
    width: 100%
}

a.nr-links {
    text-align: center;
    font-size: 15px;
    clear: both;
    padding: 14px 0;
    text-transform: uppercase;
    margin-bottom: 80px
}

a:hover.nr-links {
    font-size: 15px;
    clear: both;
    padding: 14px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    border-bottom: 2px solid #333
}

a.nr-links-2 {
    text-align: center;
    font-size: 15px;
    clear: both;
    padding: 3px 0;
    text-transform: uppercase;
    margin-bottom: 50px
}

a:hover.nr-links-2 {
    font-size: 15px;
    clear: both;
    padding: 3px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    border-bottom: 2px solid #333
}

.nr-titles {
    letter-spacing: 4px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

p.nr-titles {
    text-align: center;
    font-size: 24px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    margin-bottom: 80px
}

a:hover.nr-titles {
    color: #fff;
    font-size: 24px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff
}

a.nr-titles {
    color: #fff;
    font-size: 24px;
    line-height: 20px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    a.nr-titles {
        font-size:13px
    }
}

@media only screen and (max-width: 768px) {
    a:hover.nr-titles {
        font-size:13px
    }
}

.nr-titles-small {
    letter-spacing: 4px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;

}

p.nr-titles-small {
    text-align: center;
    font-size: 13px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

a:hover.nr-titles-small {
    color: #fff;
    font-size: 13px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

a.nr-titles-small {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-weight: bold;
     border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
    a.nr-titles-small {
      padding-bottom:4px;
    }
}

@media only screen and (max-width: 768px) {
    a:hover.nr-titles-small {
      padding-bottom:4px;
    }
}

.nr-titles-small-b {
    letter-spacing:4px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000
}

p.nr-titles-small-b {
    text-align: center;
    font-size: 13px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    margin-bottom: 80px
}

a:hover.nr-titles-small-b {
    clear: both;
    padding-bottom: 14px;
    border-bottom: 1px solid #000
}

a.nr-titles-small-b {
    color: #000;
    font-size: 11px;
    line-height: 20px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    letter-spacing:2px;
  	font-family: Arial, sans-serif ;
}

@media only screen and (max-width: 768px) {
    a.nr-titles-small-b {
          letter-spacing:2px;
    }
}

@media only screen and (max-width: 768px) {
    a:hover.nr-titles-small-b {
          letter-spacing:2px;
    }
}

.nr-titles-free {
    letter-spacing: 9px;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff !important;
}

p.nr-titles-free {
    text-align: center;
    font-size: 60px;
    clear: both;
    padding-bottom: 14px;
    text-transform: uppercase;
    margin-top: 230px;
      color: #fff;
}

a.nr-titles-free {
    color: #000;
    font-size: 124px;
    line-height: 170px;
    clear: both;
    padding-bottom: 114px;
    text-transform: uppercase;
  text-decoration: underline;
  display:block;
  color: #fff;

}


a:hover.nr-titles-free {
    color: #000;
    font-size: 124px;

    clear: both;
    padding-bottom: 114px;
    text-transform: uppercase;
  color: #fff;

}

@media only screen and (max-width: 768px) {
    a.nr-titles-free {
            font-size: 36px;
    line-height: 160px;
    }

   a:hover.nr-titles-free {
        font-size:36px
    }
}


@media only screen and (max-width: 768px) {
    p.nr-titles-free {
        font-size:34px
    }
}

@media only screen and (max-width: 768px) {
    a.nr-titles {
        font-size:13px
    }
}

@media only screen and (max-width: 768px) {
    a:hover.nr-titles {
        font-size:13px
    }
}

template-index .main-conent .nr-titles-2 {
    letter-spacing: 4px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0
}



.nr-titles-q {
    letter-spacing: 4px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 0
}

p.nr-titles-q {
    text-align: center;
    font-size: 13px;
    clear: both;
    padding-bottom: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    p.nr-titles-q {
        display: inline-block;
      letter-spacing:2px;
    }
}


.template-page .main-content h2{

    letter-spacing: 1px;
    font-size: 41px;
    text-transform: uppercase;
    margin-bottom: 0;
  text-align:justify;

}

@media only screen and (min-width : 1025px) and (max-width: 1640px) {
    .template-page .main-content h2 {
       font-size: 29px;
    text-transform: uppercase;
    padding: 10% 4%;
      letter-spacing:1px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .template-page .main-content h2 {
       font-size: 20px;
    text-transform: uppercase;
    /*padding: 10% 6%;*/
      letter-spacing:2px;
    }
}

@media only screen and (max-width: 768px) {
    .template-page .main-content h2 {
       font-size: 18px;
    text-transform: uppercase;
    /*padding: 10% 6%;*/
      letter-spacing:2px;
    }
}



.template-page .main-content h5{

    letter-spacing: 1px;
    font-size: 18px;
    text-transform: uppercase;
  text-align:center;

}

.template-page .main-content h3{

    letter-spacing: 1px;
    font-size: 46px;
    text-transform: uppercase;
  text-align:justify;
  margin-bottom:0;
  /*padding:0 6%;*/

}

@media only screen and (min-width: 400px) and (max-width: 1024px) {
    .template-page .main-content h3 {
       font-size: 16px;
    text-transform: uppercase;
    padding: 10% 6%;
      letter-spacing:2px;
    }
}

@media only screen and (min-width : 1025px) and (max-width: 1640px) {
    .template-page .main-content h3 {
       font-size: 28px;
    text-transform: uppercase;
    padding: 10% 4%;
      letter-spacing:1px;
    }
}


.template-page .main-content h4{


    font-size: 75px;
    text-transform: uppercase;
    margin-bottom: 0;
  text-align:left;

}


@media only screen and (max-width: 768px) {
    .template-page .main-content h4 {
        font-size: 35px;
      margin-bottom:50px
    }
}

.template-page .main-content  p{

  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-align:justify;
  margin-top:14px;

}

.template-page .main-content  p.single{

  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-align:center;
  margin-top:14px;

}

.nr-titles-2 {
    letter-spacing: 4px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 0
}

a.nr-titles-2 {
    text-align: center;
    font-size: 13px;
    clear: both;
    padding-bottom: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: bold
}

p.nr-titles-2 {
    text-align: center;
    font-size: 14px;
    clear: both;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    a:hover.nr-titles-2 {
        display: inline-block
    }

   p.nr-titles-2 {
        display: inline-block
    }
}

.nr-titles-3 {
    letter-spacing: 6px;
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .nr-titles-3 {
        letter-spacing: 4px;
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 18px
    }

    ]}

.nr-titles-over {
    letter-spacing: 9px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #fff;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    .nr-titles-over {
        letter-spacing: 7px;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 18px
    }

    ]}

.nr-titles-over-stroke {
    letter-spacing: 9px;
    font-size: 130px !important;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: transparent;
  -webkit-text-stroke-width: 0.012em;
      -webkit-text-stroke-color: black;
    text-align:center;

}

@media only screen and (min-width : 1025px) and (max-width: 1640px) {
   .nr-titles-over-stroke {
        letter-spacing: 7px;
        font-size: 80px !important;
        text-transform: uppercase;
        margin-bottom: 18px;
      -webkit-text-stroke-width: 0.014em;
      -webkit-text-stroke-color: black;
    }

    ]
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .nr-titles-over-stroke {
        letter-spacing: 7px;
        font-size: 60px !important;
        text-transform: uppercase;
        margin-bottom: 18px;
      -webkit-text-stroke-width: 0.014em;
      -webkit-text-stroke-color: black;
    }

    ]
}

@media only screen and (max-width: 768px) {

  .nr-titles-over-stroke {
        letter-spacing: 7px;
        font-size: 40px !important;
        text-transform: uppercase;
        margin-bottom: 18px;
      -webkit-text-stroke-width: 0.054em;
      -webkit-text-stroke-color: black;
    }

    ]
}


@media only screen and (max-width: 768px) {
    .nr-titles-over-stroke {
        letter-spacing: 7px;
        font-size: 45px !important;
        text-transform: uppercase;
        margin-bottom: 18px;
      -webkit-text-stroke-width: 0.014em;
      -webkit-text-stroke-color: black;
    }

    ]}

.nr-titles-over-stroke::-moz-selection { /* Code for Firefox */
    color: transparent;
    background: #ff5131;
}

.nr-titles-over-stroke::selection {
    color: transparent;
    background: #ff5131;
}

.nr-titles-over-b {
    letter-spacing: 9px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #000;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    .nr-titles-over-b {
        letter-spacing: 7px;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 18px
    }

    ]}

.nr-titles-4 {
    letter-spacing: 14px;
    font-size: 58px;
    text-transform: uppercase;
    margin-bottom: 70px;
    transform: rotate(90deg);
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 220px;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .nr-titles-4 {
        letter-spacing: 12px;
        font-size: 34px;
        text-transform: uppercase;
        margin-bottom: 70px;
        transform: rotate(90deg);
        position: absolute;
        margin: 0 auto;
        width: 100%;
        top: 120px;
        color: #fff
    }
}

.nr-titles-5 {
    letter-spacing: 14px;
    font-size: 58px;
    text-transform: uppercase;
    margin-bottom: 70px;
    position: absolute;
    margin-left: -400px;
    width: 800px!important;
    top: 420px;
    color: #fff;
    left: 50%
}

@media only screen and (max-width: 768px) {
    .nr-titles-5 {
        letter-spacing: 14px;
        font-size: 58px;
        text-transform: uppercase;
        margin-bottom: 70px;
        position: absolute;
        margin-left: -200px;
        width: 400px!important;
        top: 120px!important;
        color: #fff;
        left: 50%
    }
}

a.nr-shopnow {
    text-align: center;
    font-size: 15px;
    clear: both;
    padding-top: 44px;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    width: 110px
}

a:hover.nr-shopnow {
    font-size: 15px;
    clear: both;
    padding: 44px 0 14px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    border-bottom: 2px solid #333;
    display: block;
    margin: 0 auto;
    width: 110px
}

.title-promo {
    font-size: 5em;
    text-transform: uppercase;
    height: 30px;
    min-width: 1px;
    font-weight: bold;
    letter-spacing: 8px
}

@media only screen and (max-width: 768px) {
    .title-promo {
        font-size:3em;
        text-transform: uppercase;
        line-height: 32px;
        min-width: 1px;
        font-weight: bold;
        letter-spacing: 8px
    }
}

.template-list-collections .page-title {
    margin-bottom: 20px
}

.template-list-collections .collection-item {
    max-width: 100%;
    margin: 1.25em 0;
    text-align: center
}

.template-list-collections .collection-item .image-wrapper {
    max-width: 100%
}

.template-list-collections .collection-item .image-wrapper img {
    max-width: 100%
}

.template-list-collections .pagination {
    float: right
}

.template-list-collections .image-wrapper {
    display: inline-block
}

.template-list-collections .caption {
    display: none;
    width: 100%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0
}

.template-list-collections .caption .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 0
}

.template-list-collections .caption .inner {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center
}

.template-list-collections .caption .title {
    position: relative;
    z-index: 1;
    margin: 0 0 10px 0;
    color: #444444;
    font-size: 1.5em
}

.template-list-collections .caption .product-count {
    color: #999999;
    margin: 0;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1.16667em;
    font-weight: normal;
    text-transform: uppercase
}

.template-collection .main-content {
    margin-bottom: 0
}

.template-collection .main-content header .tag-filter {
    text-align: right;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase
}

.template-collection .main-content header .tag-filter .title {
    margin-right: 5px;
    vertical-align: top
}

.template-collection .main-content header .tag-filter form.custom {
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 0
}

.template-collection .main-content header .tag-filter form.custom .custom.dropdown {
    margin: 0
}

.template-collection .main-content header .tag-filter form.custom .custom.dropdown ul {
    left: auto;
    right: -1px;
    text-align: left
}

.template-collection .main-content .description {
    text-transform: uppercase;
    margin: 40px 0;
  	font-size:18px;
  width:55%;
}

@media only screen and (max-width: 768px) {
.template-collection .main-content .description {
    text-transform: uppercase;
    margin: 40px 0;
  	font-size:13px;
  width:100%;
}
}

.template-collection .main-content .product-grid {
    margin: 30px auto 0
}

.template-collection .main-content .divider.bottom-margin {
    margin-bottom: 20px
}

.template-collection .main-content footer .right .pagination {
    float: right
}

.template-collection .main-footer {
    margin-top: 0
}

#sticky {
    display: block;
    height: 10px;
    background: red;
    width: 100%
}

#fixed_wrapper {
    float: right;
    position: fixed;
    left: 70%
}

.size-chart {
    display: none
}

.product-low-in-stock p {
    font-weight: bold
}

.template-product .popup-modal.size-chart-container {
    color: #444444;
    width: 760px
}

.template-product .popup-modal.size-chart-container .size-chart {
    display: block;
    width: 100%;
    overflow: auto;
    background: #ffffff;
    padding: 4em 2em;
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .template-product .popup-modal.size-chart-container .size-chart {
        overflow:initial
    }
}

.lt-ie9 .template-product .popup-modal.size-chart-container .size-chart {
    overflow: initial
}

.template-product .size-chart-enabled .single-option-selector {
    display: inline-block;
    width: 50%;
    margin-right: 22px
}

.template-product .main-footer {
    margin-top: 0
}

.template-product header .breadcrumbs {
    padding-bottom: 10px
}

.template-product header .previous-next a {
    text-transform: capitalize;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em
}

.template-product header .previous-next .columns {
    height: 80px;
    padding-top: 30px;
    padding-bottom: 30px
}

.template-product article {
    padding-top: 30px;
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) {
    .template-product article .left-column {
        width:50%;
        display: block
    }
}

.lt-ie9 .template-product article .left-column {
    width: 50%;
    display: block
}

@media only screen and (min-width: 1280px) {
    .template-product article .left-column {
        width:25%;
        display: block
    }
}

.template-product article .right-column {
    display: none
}

@media only screen and (min-width: 1280px) {
    .template-product article .right-column {
        display:block
    }
}

.template-product article .page-title {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    color: #444444;
    text-transform: uppercase;
  	margin-bottom:6px;
}

.template-product article .vendor {
    text-transform: uppercase;
    font-weight: normal;
    color: #444444
}

.template-product article .vendor a {
    color: #444444
}

.template-product article .variants.hidden {
    display: none
}

.template-product article .variants {
    max-width: 250px;
    font-family: arial,san-serif;
    margin: auto;
    font-size: 9px;
    text-transform: uppercase
}

.template-product article .prices .actual-price {
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 14px;
    padding-right: 14px
}

.template-product article .prices {
    padding-bottom: 40px
}

.template-product article .prices .compare-price {
    text-decoration: line-through;
    font-size: 14px;
    text-transform: lowercase;
    color: #999999;
    font-style: italic
}

.template-product article .quantity {
    float: left;
    margin-right: 22px
}

.template-product article .quantity input {
    font-size: 1em;
    width: 70px
}

.template-product article .add-to-cart .sold-out {
    display: none;
    padding: 24px 0 0 0;
    float: left;
    font-size: 1em;
    color: #f25a1d;
    max-width: 180px
}

.template-product article .add-to-cart .sold-out.long {
    padding-top: 21px;
    font-size: 1em;
    font-style: italic
}

.template-product article .add-to-cart.disabled .purchase {
    display: none
}

.template-product article .add-to-cart.disabled .sold-out {
    display: block
}

.template-product article .add-to-cart .button {
    margin: auto;
   /* margin-top: 20px;*/
    color: #fff;
    font-size: 0.86667em;
    background: #ff4000 ;
    text-transform: uppercase;
    letter-spacing: 1px;
  width:250px;
  border: 1px solid #ff4000;
}

.template-product article .add-to-cart .button:hover {
    background: #fff;
  border: 1px solid #ebebeb;
  color:#333;
}

.template-product article .add-to-cart .button.disabled:hover {
    background: #444444
}

.template-product article .product-unavailable {
    max-width: 250px;
    display: none
}

.template-product article .product-unavailable input[type="email"] {
    float: left;
    width: 180px
}

.template-product article .product-unavailable .button {
    float: left;
    margin-left: 5px;
    width: auto;
    padding: 0 10px
}

.template-product article .description.show-for-medium-down {
    margin-top: 30px
}

.template-product .thumbs {
    display: inline-block;
    padding-bottom: 20px
}

@media only screen and (min-width: 1280px) {
    .template-product .thumbs {
        text-align:left
    }
}

.template-product .thumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

.template-product .thumbs .thumb {
    padding: 3px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
    text-align: left;
    max-width: 32%;
    width: 100px
}

@media only screen and (min-width: 768px) {
    .template-product .thumbs .thumb {
        max-width:none
    }
}

.lt-ie9 .template-product .thumbs .thumb {
    max-width: none
}

.template-product .thumbs img {
    width: 90px
}

@media only screen and (min-width: 768px) {
    .template-product .thumbs img {
        width:auto
    }
}

.lt-ie9 .template-product .thumbs img {
    width: auto
}

.template-product .thumbs .previous-next {
    margin: 20px 10px 20px 0;
    text-align: right;
    text-transform: uppercase
}

.template-product .photos {
    text-align: center;
    padding-left: 0;
    min-height: 1px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .template-product .photos .container {
        cursor:pointer
    }
}

.lt-ie9 .template-product .photos .container {
    cursor: pointer
}

.template-product .photos .container {
    display: inline-block;
    position: relative;
    overflow: hidden;
    outline: 0 solid#ebebeb;
    max-width: 100%
}

.template-product .photos .container .photo {
    display: none;
    top: 0;
    left: 0;
    position: relative
}

.template-product .photos .container .zoomImg {
    background: #ffffff
}

.template-product .social-share {
    text-align: center;
    padding: 15px 0
}

.lt-ie9 .template-product .social-share {
    margin-top: 10px
}

.template-product .social-share .title {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 13px
}

.template-product .similar-products {
    text-align: center;
    margin: 0;
}

.template-product .similar-products h2.title {
    font-weight: bold;
    letter-spacing: 4px;
    font-size: 1.8em;
    text-transform: uppercase;
    margin-bottom: 30px
}

.template-product .similar-products .product-item {
    margin-bottom: 0
}

.template-product .similar-products .caption .title {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1.16667em;
    text-transform: uppercase
}

.template-product .similar-products .caption .title .price {
    font-size: 1em
}



.template-page .main-content .row {
    max-width: 1200px;
    margin: 0
}

.template-page .main-content .edito.row {
    max-width: 100%;
    margin: 200px 0;
  padding:0;
}

@media only screen and (min-width: 768px) {
.template-page .main-content .edito.row {
    max-width: 100%;
    margin: 0;
  padding:0;
}
}

.template-page .main-content .full-width.row {
    max-width: none
}

.template-page .main-content .lookbook-full.row {
    max-width: none
}

.template-page .main-content .single-column.row {
    max-width: 700px;
    margin: 0
}

.template-page .main-content .single-column-stockists.row {
    max-width: 1080px;
    margin: 0;
    padding: 15px
}

.nr-stores {
    width: 33%;
    margin: 0;
    float: left;
    padding-right: 10px
}

@media only screen and (max-width: 480px) {
    .template-page .main-content .single-column-stockists.row {
        margin:0;
        padding: 15px
    }
}

@media only screen and (max-width: 480px) {
    .nr-stores {
        width:100%;
        margin: 0;
        float: left
    }
}

.template-page .main-content .left-side-column,.template-page .main-content .right-side-column {
    position: relative;
    float: left
}

@media only screen and (min-width: 768px) {
    .template-page .main-content .left-side-column,.template-page .main-content .right-side-column {
        width:30%
    }
}

.lt-ie9 .template-page .main-content .left-side-column,.lt-ie9 .template-page .main-content .right-side-column {
    width: 30%
}

@media only screen and (min-width: 768px) {
    .template-page .main-content .left-side-column.with-2-sidebars,.template-page .main-content .right-side-column.with-2-sidebars {
        width:25%
    }
}

.lt-ie9 .template-page .main-content .left-side-column.with-2-sidebars,.lt-ie9 .template-page .main-content .right-side-column.with-2-sidebars {
    width: 25%
}

.template-page .main-content .left-side-column {
    padding-right: 30px
}

.template-page .main-content .right-side-column {
    padding-left: 30px
}

.template-page .main-content .main-column {
    position: relative;
    float: left
}

@media only screen and (min-width: 768px) {
    .template-page .main-content .main-column {
        width:70%
    }
}

.lt-ie9 .template-page .main-content .main-column {
    width: 70%
}

@media only screen and (min-width: 768px) {
    .template-page .main-content .main-column.with-2-sidebars {
        width:50%
    }
}

.lt-ie9 .template-page .main-content .main-column.with-2-sidebars {
    width: 50%
}

.template-page .main-content .contact-form input[type="text"],.template-page .main-content .contact-form input[type="email"],.template-page .main-content .contact-form input[type="tel"] {
    max-width: 300px
}

.template-page .main-content .contact-form textarea {
    max-width: 300px;
    height: 100px
}

.template-search .main-content .narrow.row {
    max-width: 960px;
    margin: 0
}

.template-search .main-content .page-title {
    padding-top: 15px
}

.template-search .main-content .divider {
    border-top: 1px solid#ebebeb
}

.template-search .main-content .row.summary {
    padding: 10px 20px
}

@media only screen and (min-width: 768px) {
    .template-search .main-content .row.summary {
        padding:25px 40px
    }
}

.lt-ie9 .template-search .main-content .row.summary {
    padding: 25px 40px
}

.template-search .main-content .row.summary p {
    margin: 5px 0 0 0
}

.template-search .main-content .row.summary input {
    margin: 0!important
}

.template-search .main-content .row.summary .columns {
    padding: 10px 0
}

@media only screen and (min-width: 768px) {
    .template-search .main-content .row.summary .columns {
        padding:0 15px
    }
}

.lt-ie9 .template-search .main-content .row.summary .columns {
    padding: 0 15px
}

.template-search .main-content .row.results {
    margin: 30px 0
}

.template-search .main-content .searchbar-container {
    max-width: 250px
}

.template-search .main-content .searchbar-container form {
    position: relative;
    padding-left: 0
}

.template-search .main-content .searchbar-container .text {
    padding-right: 27px
}

.template-search .main-content .thumbnail {
    min-height: 1px
}

.template-blog .blog-title .text,.template-article .blog-title .text {
    font-weight: bold;
    letter-spacing: 4px;
    font-size: 2em;
    color: #444444;
    padding-bottom: 0;
    margin: 0
}

.template-blog .left-two-columns-wrapper,.template-article .left-two-columns-wrapper {
    margin: 0;
    padding-top: 30px
}

@media only screen and (min-width: 768px) {
    .template-blog .articles,.template-article .articles {
        width:66.66667%
    }
}

.lt-ie9 .template-blog .articles,.lt-ie9 .template-article .articles {
    width: 66.66667%
}

@media only screen and (min-width: 1280px) {
    .template-blog .articles,.template-article .articles {
        width:75%
    }
}

.template-blog .previous-next a,.template-article .previous-next a {
    text-transform: capitalize;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em
}

.template-blog .previous-next .columns,.template-article .previous-next .columns {
    min-height: 59px;
    padding-top: 10px;
    padding-bottom: 30px
}

.template-blog .article .left-sidebar,.template-article .article .left-sidebar {
    padding-left: 0
}

.template-blog .article .left-sidebar .title,.template-article .article .left-sidebar .title {
    font-size: 1em;
    color: #444444;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px
}

@media only screen and (min-width: 768px) {
    .template-blog .article .middle-column,.template-article .article .middle-column {
        width:100%
    }
}

.lt-ie9 .template-blog .article .middle-column,.lt-ie9 .template-article .article .middle-column {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .template-blog .article .middle-column,.template-article .article .middle-column {
        width:75%
    }
}

.template-blog .article .middle-column .title,.template-article .article .middle-column .title {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 2em;
    color: #999999;
    margin: 0
}

.template-blog .article .middle-column .content,.template-article .article .middle-column .content {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    padding: 10px 0 30px 0
}

.template-blog .article .middle-column .content .read-more,.template-article .article .middle-column .content .read-more {
    text-align: right;
    margin-top: 10px
}

.template-blog .article .middle-column img,.template-article .article .middle-column img {
    margin: 15px 0
}

.template-blog .article .middle-column .social-share,.template-article .article .middle-column .social-share {
    margin-left: -10px;
    padding: 15px 0
}

.template-blog .article .middle-column .comments,.template-article .article .middle-column .comments {
    border-top: 1px solid#ebebeb
}

.template-blog .article .middle-column .comments .comment,.template-article .article .middle-column .comments .comment {
    border-bottom: 1px solid#ebebeb;
    padding: 15px 0
}

.template-blog .article .middle-column .comments .title,.template-article .article .middle-column .comments .title {
    font-size: 1.5em;
    color: #444444;
    padding: 15px 0
}

.template-blog .article .middle-column .comments label,.template-article .article .middle-column .comments label {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 1em
}

.template-blog .article .middle-column .comments .date,.template-article .article .middle-column .comments .date {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: .83333em;
    font-weight: normal;
    text-transform: uppercase;
    font-style: italic
}

.template-blog .article .middle-column .comments .comment-form,.template-article .article .middle-column .comments .comment-form {
    max-width: 400px
}

.template-blog .article .middle-column .comments .comment-form #comment_body,.template-article .article .middle-column .comments .comment-form #comment_body {
    height: 100px
}

.template-blog .side-bar,.template-article .side-bar {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .template-blog .side-bar,.template-article .side-bar {
        width:33.33333%
    }
}

.lt-ie9 .template-blog .side-bar,.lt-ie9 .template-article .side-bar {
    width: 33.33333%
}

@media only screen and (min-width: 1280px) {
    .template-blog .side-bar,.template-article .side-bar {
        width:25%
    }
}

.template-blog .side-bar .title,.template-article .side-bar .title {
    text-transform: uppercase;
    font-size: 1em;
    color: #444444;
    font-weight: bold;
    letter-spacing: 4px
}

.template-blog .side-bar ul,.template-article .side-bar ul {
    padding: 0
}

.template-blog .side-bar ul li.item,.template-article .side-bar ul li.item {
    list-style-type: none;
    display: inline-block;
    padding: 0 10px 20px 10px;
    font-size: 1em;
    text-transform: capitalize
}

.template-blog .side-bar ul li.item.active a,.template-blog .side-bar ul li.item.active a:link,.template-blog .side-bar ul li.item.active a:visited,.template-blog .side-bar ul li.item.active a:hover,.template-article .side-bar ul li.item.active a,.template-article .side-bar ul li.item.active a:link,.template-article .side-bar ul li.item.active a:visited,.template-article .side-bar ul li.item.active a:hover {
    color: #444444;
    border-bottom: 1px solid#ebebeb
}

.template-blog .side-bar ul em,.template-article .side-bar ul em {
    font-size: .83333em;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal
}

.template-blog .side-bar .recent-articles li.item,.template-article .side-bar .recent-articles li.item {
    width: 100%
}

.template-blog .pagination,.template-article .pagination {
    float: right
}

.template-blog .article {
    border-top: 1px solid#ebebeb;
    padding-top: 30px
}

.template-blog .side-bar .divider {
    margin-bottom: 30px
}

.template-article .side-bar .divider {
    display: none
}

@media only screen and (min-width: 768px) {
    .template-article .article {
        width:66.66667%
    }
}

.lt-ie9 .template-article .article {
    width: 66.66667%
}

@media only screen and (min-width: 1280px) {
    .template-article .article {
        width:75%
    }
}

.template-cart .main-content .row {
    margin: 0
}

.template-cart .empty-cart.row {
    max-width: 60em
}

.template-cart .empty-cart.row h1 {
    font-size: 1.16667em;
    margin-bottom: 30px
}

.template-cart .empty-cart.row h2 {
    font-size: 1em
}

.template-cart h3 {
    font-weight: bold;
  font-size:1.15em;
    text-transform: uppercase;
}

.template-cart h3 a, a:hover {
  cursor:pointer;
}

.template-cart .cart-table {
    margin-bottom: 30px;
    border: 0
}

.template-cart .cart-table tr th,.template-cart .cart-table tr td {
    padding: 6px 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px
}

@media only screen and (min-width: 768px) {
    .template-cart .cart-table tr th,.template-cart .cart-table tr td {
        padding:.75em .83333em
    }
}

.lt-ie9 .template-cart .cart-table tr th,.lt-ie9 .template-cart .cart-table tr td {
    padding: .75em .83333em
}

.template-cart .cart-table .item {
    max-width: 400px
}

.template-cart .cart-table .quantity input {
    width: 30px;
    margin: 0 auto;
    text-align: center
}

.template-cart .cart-table .title {
    display: none
}

@media only screen and (min-width: 768px) {
    .template-cart .cart-table .title {
        display:table-cell;
        text-align: left
    }
}

.lt-ie9 .template-cart .cart-table .title {
    display: table-cell;
    text-align: left
}

.template-cart .cart-table .mobile-title {
    margin: 15px 0 0;
    padding: 0 5px;
    display: block;
    font-size: .83333em
}

@media only screen and (min-width: 768px) {
    .template-cart .cart-table .mobile-title {
        display:none
    }
}

.lt-ie9 .template-cart .cart-table .mobile-title {
    display: none
}

.template-cart .cart-table th.image {
    width: 40%
}

@media only screen and (min-width: 768px) {
    .template-cart .cart-table th.image {
        width:auto
    }
}

.lt-ie9 .template-cart .cart-table th.image {
    width: auto
}

.template-cart .cart-table .image img {
    max-width: none;
    height: 100px;
}

.template-cart .cart-table .glyph.cross {
    font-size: 18px
}

.template-cart .order-notes {
    padding: 0;
    text-align: right;
    margin-bottom: 45px
}

@media only screen and (min-width: 1280px) {
}

.template-cart .order-notes .container {
    display: inline-block;
    width: 100%
}

.template-cart .order-notes h3 {
    text-align: center
}

.template-cart .totals {
    padding: 0
}

@media only screen and (min-width: 1280px) {
}

.template-cart .totals .or {
    padding: 0 10px
}

.template-cart .totals .button {
    padding: 12px 18px;
    width: 100%;
  background:#ff4000 ;
  border: 1px solid #ff4000;
}
.template-cart .totals .button:hover {
    background: #fff;
  border: 1px solid #ebebeb;
  color:#333;
}

@media only screen and (min-width: 768px) {
    .template-cart .totals .button {
        padding:16px 24px
    }
}

.lt-ie9 .template-cart .totals .button {
    padding: 12px 24px
}

.template-cart .shipping-info {
    margin-bottom: 40px
}

.template-cart .shipping-title {
    margin-bottom: 40px
}

.template-cart .policy-info {
    margin-bottom: 80px
}

.template-cart .policy-title {
    margin-bottom: 40px
}

.template-cart .policy-title a {
    color:#ff2000;
  cursor:pointer;
}

.return-policy h3 a:hover {
  color:#ff2000 !important;
  cursor:pointer;
}

.template-cart .checkout-instructions {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
}

.template-cart .continue-shopping-anr {
    float: left
}

@media only screen and (min-width: 768px) {
    .template-cart .continue-shopping-anr {
        float:left
    }
}

.template-cart .update-cart-anr {
    float: right
}

.template-cart .shipping-calculator {
    display: none;
    width: 100%;
    max-width: 300px
}

.template-cart .shipping-calculator .button {
    padding: 12px 18px
}

@media only screen and (min-width: 768px) {
    .template-cart .shipping-calculator .button {
        padding:12px 24px
    }
}

.lt-ie9 .template-cart .shipping-calculator .button {
    padding: 12px 24px
}

.template-cart .shipping-calculator #address_zip {
    margin-bottom: 30px
}

.account-content .row {
    max-width: 57.5em;
    margin: 0
}

.account-content .row.large {
    max-width: 106.66667em
}

.account-content #create_customer,.account-content #customer_login {
    max-width: 330px
}

.account-content h2 {
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.16667em
}

@media only screen and (min-width: 768px) {
    .account-content h2 {
        margin-top:0
    }
}

.lt-ie9 .account-content h2 {
    margin-top: 0
}

.account-content a,.account-content a:link {
    text-decoration: underline
}

.account-content #customer_sidebar {
    text-align: left
}

.account-content #customer_orders {
    overflow-x: auto
}

.account-content .address_table {
    margin: 0 0 40px 0
}

.account-content #order_details {
    width: 100%;
    margin: 40px 0 0 0
}

.account-content .table-wrapper {
    margin: 40px 0 0 0
}

.account-content .table-wrapper #order_details {
    margin: 0
}

.account-content table th {
    word-wrap: break-word;
    max-width: 130px
}

.template-password {
    background-color: #fff;
}

.template-password .fullscreen-bg-image {
    z-index: 1;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0
}

.template-password .main-header,.template-password .main-footer {
    display: none
}

.template-password .login {
    z-index: 9999999;
    
    margin-top: 30px;
    margin-left: 49%;
  position:relative;
  font-size:20px;
  text-transform:uppercase;
}

.template-password .login .login-form {
    visibility: hidden;
    position: fixed;
    margin: -50.5px 0 0 -200px;
    left: 50%;
    top: 50%;
    width: 400px
}

.template-password .login .login-form .errors {
    color: #f25a1d
}

.template-password .login .login-form .errors ul {
    list-style: none;
    margin: 0 0 15px;
    padding: 0
}

.template-password .login .button {
    margin-right: 10px
}

.template-password .wrapper {
    position: relative;
    z-index: 2;
    margin: 30px auto 30px;
    text-align: center;
    float: none
}

.template-password h1.title {
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) {
    .template-password h1.title {
        margin-bottom:150px
    }
}

.lt-ie9 .template-password h1.title {
    margin-bottom: 150px
}

.template-password h1.title a {
    font-family: 'Open Sans', sans-serif
}

.template-password .mailing_list {
    margin-top: 30px;
    display: inline-block
}

.template-password .mailing_list input[type="email"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
      padding:17px;
}

.template-password .mailing_list input[type="submit"] {
    display: inline-block;
    width: auto;
    padding: 0 15px;
      background:#ff4000;
}

.template-password .mailing_list .success {
    font-style: italic
}

.template-password .powered_by {
    width: 100%;
    padding: 50px 30px 10px;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .template-password .powered_by {
        padding-top:150px
    }
}

.lt-ie9 .template-password .powered_by {
    padding-top: 150px
}

.template-password .lock-svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: baseline;
  margin:auto;
}

.template-password .shopify-logo-svg {
    width: 82.28571px;
    height: 24px;
    display: inline-block;
    line-height: 0;
    vertical-align: top
}

.template-password .shopify-logo-svg path,.template-password .lock-svg path {
    fill: currentColor
}

.template-password .shopify-name {
    display: none
}

.lt-ie9 .template-password .shopify-logo-svg {
    display: none
}

.lt-ie9 .template-password .shopify-name {
    display: inline
}

#modlbox-email {
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border: 0 solid #ccc!important;
    transition: border linear .2s,box-shadow linear .2s;
    font-size: 14px;
    min-height: 30px;
    padding: 0 6px;
    line-height: 14px;
    color: #555;
    display: inline-block;
    max-width: 800px!important;
    height: 60px!important;
    width: 70%!important;
    font-family: Arial,Sans-serif!important;
    font-size: 12px!important
}

@media only screen and (max-width: 768px) {
    #modlbox-email {
        width:75%!important
    }
}

.mdlbx_230c06 #modlbox-subscribe {
    color: #fff;
    background: #333!important;
    border-color: #333!important;
    height: 60px!important
}

#modlbox-mailchimp-230c06 .input-append {
    margin-bottom: 0;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%!important
}

@media screen and (max-width: 768px) #modlbox-mailchimp-230c06 form {
    transform:scale(0.9)!important;
    -webkit-transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%}

.modlbox-alert {
    color: #fd3e3e;
    background: transparent!important;
    padding: 0!important
}

.modlbx-mfp-move-from-top .modlbx-mfp-content {
    vertical-align: middle!important
}

.additional-checkout-button--paypal-express {
    background-color: #fff!important;
    color: #000!important
}


/* ===============================================
// Reveal module
// =============================================== */

.reveal .hidden { display: block !important; visibility: visible !important;}
.product:hover .reveal img { opacity: 1; }
.reveal { position: relative; }
.reveal .hidden {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.reveal:hover .hidden {
  z-index: 100000;
  opacity: 1;
}
.reveal .caption {
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: white; /* fallback for IE8 */
  background-color: rgba(255, 255, 255, 0.7);
  font: 13px/1.6 sans-serif;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 1px;
  text-align: center;
  text-rendering: optimizeLegibility;
}
.reveal .hidden .caption .centered {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 480px) and (max-width: 979px) {
  .reveal .caption {
    font-size: 11px;
  }
}

.sticky-koku{
  clear:both;
}

/* Help Center */
.s4com-helpcenter {
max-width:700px;
  padding:0 40px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.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;
  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-loading.mfp-figure {
  display: none; }

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

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

.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;
  box-shadow: none;
  touch-action: manipulation; }

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;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    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 {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    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: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  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: #444; }
  .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;
    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; } }


/* ===============================================
// Masonry
// =============================================== */



/*.grid-item {
  float: left;
  width: 200px;
  height: 60px;
  border: 2px solid hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width: 360px; }
.grid-item--height2 { height: 140px; }
*/

/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 20%; }
/* 2 columns */
.grid-item--width2 { width: 30%; }
.grid-item--width3 { width: 40%; }
.grid-item--width4 { width: 10%; }

@media only screen and (max-width: 768px) {

  .grid-sizer,
.grid-item { width: 50%; }
/* 2 columns */
.grid-item--width2 { width: 50%; }

}


/* ===============================================
// NEW YEAR
// =============================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}


/* Content */
.content {
	text-align: center;
	position: relative;
}

/* Related demos */
.content-related {
	text-align: center;
	font-weight: bold;
	padding: 3em 0;
}

.media-item {
	display: inline-block;
	padding: 1em;
	vertical-align: top;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.media-item__img {
	opacity: 0.7;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
	opacity: 1;
}

.media-item__title {
	font-size: 1em;
	margin: 0;
	padding: 0.5em;
}

@media screen and (max-width: 50em) {
	.codrops-header {
		padding: 3em 10% 4em;
	}
}

@media screen and (max-width: 40em) {
	.codrops-header h1 {
		font-size: 2.8em;
	}
}



/* Main stuff */
.text {
  fill: none;
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-dasharray: 70 330;
  stroke-dashoffset: 0;
  -webkit-animation: stroke 6s infinite linear;
  animation: stroke 6s infinite linear; }
  .text:nth-child(5n + 1) {
    stroke: #ff3c00 ;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s; }
  .text:nth-child(5n + 2) {
    stroke: #0024ff;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s; }
  .text:nth-child(5n + 3) {
    stroke: #ff3c00 ;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s; }
  .text:nth-child(5n + 4) {
    stroke: #ff3c00 ;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s; }
  .text:nth-child(5n + 5) {
    stroke: #ff3c00 ;
    -webkit-animation-delay: -6s;
    animation-delay: -6s; }

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: -400; } }
@keyframes stroke {
  100% {
    stroke-dashoffset: -400; } }

svg {
  width: 100%;
  margin: 0 auto 50px;
  display: block;
  text-transform: uppercase;}

.gr-title {
  font-size:12px;
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 4px;
         padding: 0 40%;
    text-transform: uppercase;
}

@media screen and (max-width: 979px) {
  .gr-title {padding: 0;}
}

.full-page-zoom-figure{
    background-color: rgb(255, 255, 255) !important;
}

/*# sourceMappingURL=style12.css.map */