/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'ocrbef-regularregular';
    src: url('ocrbef-regular-opentype-webfont.eot');
    src: url('ocrbef-regular-opentype-webfont.eot?#iefix') format('embedded-opentype'),
         url('ocrbef-regular-opentype-webfont.woff2') format('woff2'),
         url('ocrbef-regular-opentype-webfont.woff') format('woff'),
         url('ocrbef-regular-opentype-webfont.svg#ocrbef-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box }

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

html,
body { height: 100% }

html { tap-highlight-color: rgba(0,0,0,0) }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none }

img, iframe, video, audio, object { max-width: 100% }

img, iframe { border: 0 none }

img { height: auto; display: inline-block; font-size: 0; vertical-align: middle }

b,
strong { font-weight: bold }

address { font-style: normal }

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

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default }

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

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"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none }

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

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased }

button,
select { text-transform: none }

table { width: 100%; border-collapse: collapse; border-spacing: 0 }

nav ul,
nav ol { list-style: none outside none }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'ocrbef-regularregular', Arial, Tahoma, Verdana, Geneva, sans-serif; font-size: 14px; line-height: 1.5; color: #666 }


	body { background-color: #ffffff; }




a { color: inherit; text-decoration: none }

a:hover { text-decoration: underline; }

a[href^="tel"] { text-decoration: none }

h1 { font-size: 2em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1em; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.75em; font-weight: normal; color: #000; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.5em }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0 }

.highlight { font-weight: inherit; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px }

/*  Hidden  */

[hidden],
.hidden { display: none }

/*  Alignleft  */

.alignleft { float: left }

/*  Alignright  */

.alignright { float: right }

/*  Disabled  */

[disabled],
.disabled { cursor: default }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; position: relative; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 960px; margin: 0 auto; }


/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.menu-toggle { position: absolute; top: 22px; left: 30px; font-size: 60px; color: #121212; z-index: 10; text-decoration: none; -webkit-transition: color 0.3s, text-shadow 0.3s; transition: color 0.3s, text-shadow 0.3s;  }
.menu-toggle span { display: none; }
.menu-toggle:before { content: 't'; transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block; }
.menu-toggle:hover { color:#fff; text-decoration: none; text-shadow: 0 0 2px #000; }
.menu-toggle.show { left: auto; right: 30px; color: #fff; font-size: 0; text-indent: 9999px; line-height: 0; }
.menu-toggle.show:before { display: none; }
.menu-toggle.show:after { content: 'X'; display: inline-block; font-size: 24px; text-indent: 0; border: 1px solid #fff; width: 30px; line-height: 30px; text-align: center; }

.header { display: none; }
.wrapper .header.show { display: block; }
.header .overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; opacity: 0.4; z-index: 7; display: none; }
.header.hide .logo { opacity: 0; visibility: hidden; pointer-events: none; }
.header.hide .nav { opacity: 0; visibility: hidden; pointer-events: none; }

.wrapper .header.show .overlay { display: block !important; opacity: 0.4 !important; z-index: 7; }

.logo { position: absolute; top: 22px; left: 30px; -webkit-transform: rotate(180deg); transform: rotate(180deg); font-size: 60px; z-index: 3; text-decoration: none; -webkit-transition: color .3s; transition: color .3s; color: #121212; z-index: 9;  }
.logo:hover { text-decoration: none; color:#fff; -webkit-transform: rotate(0); transform: rotate(0); }

.nav { position: fixed; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; transition: all 0.3s;  }
.nav ul { margin: 0; }
.nav ul li { display: block; }
.cart-link a,
.nav ul li a { display: inline-block; font-size: 60px; line-height: 46px; text-decoration: none; text-transform: uppercase; }
.cart-link a span,
.nav ul li a span {  -webkit-transition: all 0.3s; transition: all 0.3s; display: block; color: #121212; }
@media screen and (min-width: 1025px){
	.cart-link a:hover > span,
	.nav ul li a:hover > span { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); color:#fff; }
}
.nav ul ul { display: none; }
.nav ul ul li { padding-left: 40px; position: relative; }
.nav ul ul li.current-menu-item a:before,
.nav ul ul li a:hover:before { content: ''; position: absolute; top: 15px; left: 15px; width: 15px; height: 18px; background-image: url(arrow@2x.png); background-size: 15px 18px; background-repeat: no-repeat; }

.wrapper .header.show .cart-link a span,
.header.hovered .cart-link a span,
.wrapper .header.show .logo,
.header.hovered .logo,
.wrapper .header.show .nav ul li a span,
.header.hovered .nav ul li a span { color:#fff; }

.nav ul li.current-menu-item > a span { color:#f2ff00 !important; }
.nav ul li.current-menu-item ul { display: block; }
.nav ul li.current-menu-item ul a:nefore { content: ''; position: absolute; top: 15px; left: 15px; width: 15px; height: 18px; background-image: url(arrow@2x.png); background-size: 15px 18px; }

.wrapper .header.show .logo,
.wrapper .header.show .nav { opacity: 1; visibility: visible; }


.default-header .menu-toggle { display: none; }
.default-header .header { display: block; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding: 120px 10px 0; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { }


/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {  }


/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none }

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0 }

.btn { display: inline-block; padding: 8px 15px; border: 0; font-size: 12px; color: #000; background-color: #bbbbbb; border-radius: 4px; transition: all 0.2s ease; }
.btn:hover { text-decoration: none; background-color: #a2a2a2; }

.btn-return,
.btn-addresses,
.btn-new-adress { float: right; margin-top: 2px; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

::-ms-clear { display: none; }
input:invalid { box-shadow: none; }

input::-webkit-input-placeholder { color: #d9d9d9; opacity: 1; }
input::-moz-placeholder { color: #d9d9d9; opacity: 1; }
input:-ms-input-placeholder { color: #d9d9d9; opacity: 1; }
input::placeholder { color: #d9d9d9; opacity: 1; }

textarea::-webkit-input-placeholder { color: #d9d9d9; opacity: 1; }
textarea::-moz-placeholder { color: #d9d9d9; opacity: 1; }
textarea:-ms-input-placeholder { color: #d9d9d9; opacity: 1; }
textarea::placeholder { color: #d9d9d9; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset }

.field { }

.textarea { }

.select { }

.radio { }

.checkbox { }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { }
.slider-product li { list-style: none; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { }

/* ------------------------------------------------------------ *\
	#Templates
\* ------------------------------------------------------------ */


.page-title { padding-bottom: 30px; }

.breadcrumbs { padding: 5px 0; }

.collection-head { text-align: center;  }

/* ------------------------------------------------------------ *\
	Homepage
\* ------------------------------------------------------------ */

.row-images { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; font-size: 0; white-space: nowrap; overflow: auto; user-select: none; }
.row-images * { user-select: none; }
.row-images img { display: inline-block; width: auto; height: 100vh; vertical-align: top; max-width: none; }
.row-images img.mobile { display: none; }
.row-images .video-section { display: inline-block; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.row-images .video-section iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; }
.row-images .video-section img { position: relative; z-index: 1;  }
.row-images .play-btn { position: absolute;  width: 70px; height: 70px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; z-index: 2; cursor: pointer; background-size: 70px 70px;  }
.row-images .video-section.playing .pay-btn { display: none; }
.row-images .video-section.playing img { z-index: 1; }
.row-images .video-section.playing iframe { z-index: 2; }

@media(max-width: 768px){
	.row-images.has-mobile-image { display: flex; align-items: flex-start; }
	.row-images.has-mobile-image img { order: 2; }
	.row-images.has-mobile-image img:first-child { display: none; }
	.row-images.has-mobile-image img.mobile { display: inline-block; order: 1; width: 100vw; height: auto; flex: 0 0 100vw; }
	.row-images.has-mobile-image.mobile-image-first img:nth-child(2) { display: none; }
}

/* ------------------------------------------------------------ *\
	Collection
\* ------------------------------------------------------------ */

.row-images .img-holder { display: inline-block; position: relative; vertical-align: top; }
.row-images .img-holder .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;  }

/* ------------------------------------------------------------ *\
	Archive
\* ------------------------------------------------------------ */

.archive-images { display: -webkit-flex;  -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden;
   display: -webkit-flex;
   display: flex;

   -webkit-flex-flow: column wrap;
   flex-flow: column wrap;

   height: 100vh;
}
.archive-images .image { display: inline-block; width: 25vh; height: 33.333vh; background-size: cover; background-position: center center; background-position: center center; background-repeat: no-repeat; }

.nicescroll-rails.nicescroll-rails-hr { z-index: 9 !important;  }

/* ------------------------------------------------------------ *\
	Contact Page
\* ------------------------------------------------------------ */

.contact-page { min-height: 100vh; background-size: cover; box-sizing: border-box; padding: 157px 43px 50px;  }
.contact-page .inner-content { max-width: 960px; }
.contact-page p { color: #121212; font-size: 16px; line-height: 31px; }
.contact-page .text-blocks { overflow: hidden; }
.contact-page .text-blocks .block { float: left; width: 50%; }
.contact-page .text-blocks .block p { margin-bottom: 0; }


/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */

.single-product .product-details { position: fixed; top: 0; right: 0; width: 348px; height: 100vh; padding: 70px 44px 50px; background-color: #1d1d1d; z-index: 6; box-sizing: border-box; overflow: auto; }
.single-product .product-details .show-more { display: none; }
.product-details h1 { margin-bottom: 45px; font-size: 24px; color:#fff; font-weight: normal; }
.product-details h1 .product-price { display: inline-block; font-size: 16px; }
.product-details p { font-size: 14px; }

.template-product .row-images { padding-right: 348px; }
.product-details .selector-wrapper { margin-bottom: 15px; }
.product-details .product-description { font-size: 14px; line-height: 28px; opacity: 0.7; color: #fff; margin-bottom: 50px; }
.product-details .size_chart_link { display: block; margin-bottom: 11px; }
.product-details .additional_description { margin-top: 20px; }
.product-details .additional_description p span { font-family: 'ocrbef-regularregular', arial, sans-serif !important; }
.product-details .selectric { background: none; border-color:#8e8e8e; }
.product-details .selectric .label { padding: 0 21px; margin: 0; color:#8e8e8e; font-size: 16px; font-family: 'ocrbef-regularregular', arial, sans-serif;  }
.product-details label.quantity-selector { display: none; }
.product-details input.quantity-selector { padding: 10px; background: none; border: 1px solid #8e8e8e; width: 100%; margin-bottom: 15px; }
.product-details .btn { width: 100%; height: 50px; background: #fff; border-radius: 0; font-size: 16px; color: #111; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s;  }
.product-details .btn:hover { background-color: #000; color:#fff; }
.product-details .related_products .section__title { margin: 56px 0 11px 0; }
.product-details .related_products .section__title h5 { color: #fff; opacity: .5; font-size: 14px; }
.product-details .related_products ul { display: flex; justify-content: flex-start; list-style: none; }
.product-details .related_products ul li { width: 33.33%; overflow: hidden; width: 100%; }
.product-details .related_products ul li + li { margin-left: 32px; }
.product-details .related_products ul li .product__image { margin-bottom: 9px; }
.product-details .related_products ul li .product__title { font-size: 10px; text-align: center; width: 100%;  }
.product-details .related_products ul li a { display: block; transition: all .3s; }
.product-details .related_products ul li a:hover { opacity: .8; text-decoration: none; }

.product-details .terms_link { margin-top: 67px; font-size: 12px; text-transform: uppercase; color: #8a8a8a; text-align: center;  }

@media(max-width: 1024px) {
    .product-details .related_products ul li + li { margin-left: 20px; }
}

@media(max-width: 767px) {
    .product-details .related_products ul li + li { margin-left: 32px; }
}

/* ------------------------------------------------------------ *\
	Blog Article
\* ------------------------------------------------------------ */

.grid-articles .article { margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

.template-gallery .main { padding: 0; }

.template-gallery .row-images .video-section { width: 50vw; height: 100vh;  }

/* ------------------------------------------------------------ *\
	Coming Soon
\* ------------------------------------------------------------ */

.coming-soon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;   }
.coming-soon .text-holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); font-size: 58px; color:#fff; text-shadow: 0 0 2px #000; text-align: center; text-transform: uppercase;  }
.coming-soon .text-holder > * { font-size: 48px; color:#fff; }


/* ------------------------------------------------------------ *\
	Tablet
\* ------------------------------------------------------------ */

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

	.shell { margin: 0; }


	.cart-link a:hover > span,
	.nav ul li a:hover > span { -webkit-transform: rotateX(0); transform: rotateX(0); }

	.logo { position: fixed; }

	.menu-toggle { position: fixed; }

	.row-images { position: relative; overflow: auto; }
	.row-images img { height: 100vh;  }

	.row-images .video-section img { width: 100%; opacity: 0; }
	.row-images .img-holder .overlay { display: none; }

	/* Product */

	.single-product .main { padding: 0; }
	.template-product .row-images { width: auto; padding-right: 295px; }
	.single-product .product-details { padding: 30px; width: 300px; }
	.product-details h1 { font-size: 18px; margin-bottom: 20px; }
	.product-details .product-description { font-size: 12px; line-height: 18px; margin-bottom: 20px; }

}


/* ------------------------------------------------------------ *\
	Mobile
\* ------------------------------------------------------------ */

@media screen and (max-width: 767px){
	.wrapper { max-width: 100%; overflow: auto; }

	.logo { font-size: 38px; top: 10px; left: 15px; }

	.nav { left: 15px; }
	.cart-link a,
	.nav ul li a { font-size: 40px; line-height: 1; }

	.nav ul ul li { padding-left: 20px; }
	.nav ul ul li.current-menu-item a:before,
	.nav ul li a { font-size: 25px; }
	.nav ul ul li.current-menu-item a:before { top: 1px; left: 4px; }
	.nav ul ul li a:hover:before,
	.nav ul ul li a:hover:before { top: 11px; left: 5px; width: 10px; height: 10px; background-size: contain;  }

	.template-archive .wrapper { min-height: 0; }
	.template-archive .wrapper,
	.template-archive .row-images,
	.template-archive .shopify-section { height: 100%; }
	.template-archive .main { padding: 0; }

	.archive-images .image {
		width: 35vw;
		height: auto;
		flex: 0 0 calc(100%/3);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.default-header .menu-toggle { display: block; }
	.default-header .header { display: none; }

	.menu-toggle { font-size: 38px; right: auto; left: 15px; top: 10px; color: #fff; transform: translateX(0) rotate(180deg); -webkit-transform: translateX(0) rotate(180deg);  }
	.menu-toggle.show { -webkit-transform: translateX(0); transform: translateX(0); max-width: 30px; }
	.menu-toggle:before { display: none; }
	.menu-toggle span { display: block; }
	.default-header .menu-toggle { color:#fff; text-shadow: 0 0 2px #000; }

	.wrapper .header.show .overlay { display: none; }

	.main { padding-top: 80px; }

	.row-images .img-holder { vertical-align: top; }
	.row-images	.img-holder:first-child { width: 100%; }
	.row-images .img-holder:first-child img {position: relative; left: 50%; transform: translateX(-50%); }

	/* Product */

	.row-images { padding-right: 0; overflow: auto; }
	.template-product .row-images { padding-right: 0; height: auto; }

	.single-product .product-details { top: auto; bottom: 0; right: auto; left: 0; width: 100%; height: auto; padding: 10px; overflow: auto; max-height: 100vh; }
	.single-product .product-details .show-more { display: block; position: absolute; top: 22px; right: 10px; font-size: 14px; color:#fff; }

	.product-details h1 { font-size: 20px; margin-bottom: 0; padding-right: 100px; }
	.product-details .product-description { display: none; font-size: 12px; line-height: 18px; letter-spacing: 0; margin-bottom: 20px; }
	.product-details #AddToCartForm,
  .product-details .additional_description,
  .product-details .size_chart_link,
  .product-details .terms_link,
  .product-details .related_products { display: none; }

	.single-product .product-details.show { height: 100%; padding-top: 60px; }
	.single-product .product-details.show .product-description,
  .single-product .product-details.show #AddToCartForm,
  .single-product .product-details.show .additional_description,
  .single-product .product-details.show .size_chart_link,
  .single-product .product-details.show .terms_link,
  .single-product .product-details.show .related_products { display: block; }
  .single-product .product-details.show .show-more { top: 72px; }

	/* Contact page */

	.contact-page { padding: 65px 10px 20px; }
	.contact-page p { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
	.contact-page .inner-content { padding: 0; }
	.contact-page .text-blocks { text-align: center; padding: 20px 0 0; }
	.contact-page .text-blocks .block { float: none; width: auto;  }
}

@media screen and (max-width: 767px) and (min-width: 420px) {
	.row-images .img-holder:first-child {
		width: auto !important;
	}
}


/* ------------------------------------------------------------ *\
  Size Chart
\* ------------------------------------------------------------ */


.section-size_chart table + table { margin-top: 40px; }

.section-size_chart table,
.section-size_chart td { border: 2px solid #000; opacity: .9; }

.section-size_chart table { width: 600px; }
.section-size_chart th { font-weight: 500; text-align: left; padding: 10px; opacity: .9; }
.section-size_chart td { padding: 10px; text-align: center; width: 16.67%; }

.mfp-ajax-holder .mfp-content { background-color: #fff; width: 700px !important; padding: 50px; opacity: .9;  }

@media(max-width: 767px) {
  .section-size_chart { font-size: 12px;  }
  .section-size_chart table,
  .section-size_chart { width: 90%; margin: 0 auto; }
  .section-size_chart th { padding: 7px;  }
  .section-size_chart td { padding: 7px; }
  .mfp-ajax-holder .mfp-content { padding: 15px; width: 100% !important;  }
}


@media(max-width: 421px) {
  .section-size_chart { font-size: 10px;  }
  .section-size_chart table { width: 100%;  }
  .section-size_chart th { padding: 5px;  }
  .section-size_chart td { padding: 5px; }
  .mfp-ajax-holder .mfp-content { padding: 40px 10px; }
}

/* ------------------------------------------------------------ *\
    Section Terms
\* ------------------------------------------------------------ */

.section-terms { color: #000; }