@import url("https://use.typekit.net/ork7ykr.css");

@font-face {
  font-family: 'Montalban';
    src:  url('../fonts/montalban/Montalban.ttf.woff') format('woff'),
    url('../fonts/montalban/Montalban.ttf.svg#Montalban') format('svg'),
    url('../fonts/montalban/Montalban.ttf.eot'),
    url('../fonts/montalban/Montalban.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Montalban-Bold';
    src:  url('../fonts/montalban/Montalban-Bold.ttf.woff') format('woff'),
    url('../fonts/montalban/Montalban-Bold.ttf.svg#Montalban-Bold') format('svg'),
    url('../fonts/montalban/Montalban-Bold.ttf.eot'),
    url('../fonts/montalban/Montalban-Bold.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family:"Suissnord";
    src:  url("../fonts/suissnord/Suissnord.eot?") format("eot"),
	url("../fonts/suissnord/Suissnord.woff") format("woff"),
	url("../fonts/suissnord/Suissnord.ttf") format("truetype"),
	url("../fonts/suissnord/Suissnord.svg#Suissnord") format("svg");
	font-weight:normal;
	font-style:normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1em; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: #ccc;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select, button { vertical-align:middle; cursor: pointer; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

::selection { background: #fff; color:#000;	}
::-moz-selection { background: #fff; color:#000; }
::-webkit-input-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; opacity: 1; }
:-moz-placeholder { color: #fff; opacity: 1; }
:focus::-webkit-input-placeholder { color: transparent !important; }
:focus::--moz-placeholder { color: transparent !important; }
:focus::-ms-input-placeholder { color: transparent !important; }
:focus::-moz-placeholder { color: transparent !important; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; }
.hide { opacity: 0; }
a:active,a:focus { outline: none; }

img {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

body { background: #fff; color: #231F1F; font-size: 15px; font-family: 'proxima-nova', Georgia, sans-serif; }

.container { margin: 0px 100px; position: relative; width: auto; }

/* header */
header { display: block; height: 139px; width: 100%; }
header .social { display: inline-block; height: 32px; list-style: none; margin-top: 86px; vertical-align: top; width: auto; }
header .social li { display: inline-block; vertical-align: top; }
header .social li a { background:url(../img/socials.png) -32px -32px no-repeat; background-size: 32px auto; color: #fff; display: block; height: 32px; opacity: 1; overflow: hidden; position: relative; text-indent: -9999px; width: 32px; }
header .social li a:hover { opacity: 0.75; }
header .social li.icon-ig a { background-position: 0px 0px; }
header .social li.icon-fb a { background-position: 0px -32px; }
header .social li.icon-li a { background-position: 0px -64px; }
header span.logo { background:url(../img/logo.png) 0px 0px no-repeat; background-size: 97px auto; display: block; height: 94px; left: 50%; margin-left: -48.5px; width: 97px; position: absolute; top: 25px; }
header .button { display: block; float: right; margin-top: 75px; }
header .button a { background: #FF3838; color: #fff; display: block; font-size: 16px; font-weight: 800; height: 44px; line-height: 44px; padding: 0px 15px; }
header .button a small { display: none; }

header .button a:hover { background: #e51919; }


/* banner */
.banner { display: block; height: 760px; position: relative; width: auto; }
.banner h1 { bottom: 28px; color: #fff; font-size: 27.22px; font-weight: 300; line-height: 1.23em; position: absolute; right: 31px; text-align: center; text-transform: uppercase; width: 441px; }


/* aside */
aside { background: #fff; display: block; position: absolute; right: 31px; text-align: center; top: 176px; width: 441px; }
aside .content { display: block; margin: 0px auto; padding-bottom: 0; padding-top: 25px; width: 100%; }
aside .content h2 { font-size: 18px; font-weight: normal; padding-bottom: 40px; }
aside .content hr { background: #231F20; border: 0px none; display: block; height: 3px; margin: 0px auto; width: 31px; }
aside .content p.title { display: block; font-size: 30px; line-height: 1.26em; margin-top: 32px; }
aside .content p.price { display: block; font-size: 105.63px; font-weight: 100; line-height: 1.13em; margin-top: 0px; }
aside .content p.price span { font-size: 20px; }
aside .content p.note { display: block; font-size: 20px; line-height: 1.22em; margin-top: 0px; padding-bottom: 60px; padding-top: 13px; }
aside .content h3 { font-family: 'Montalban-Bold'; font-size: 24.78px; font-weight: normal; line-height: 1.37em; padding-bottom: 9px; padding-top: 37px; color: #fff;}
aside .content p.desc { display: block; font-size: 16px; line-height: 1.2em;  color: #fff; max-width:260px; margin: 0 auto;}
aside .content a { color: #ff3838;}
aside .content a:hover { text-decoration: underline;}
aside.is_stuck { border: 1px solid #DAD9D9; right: 131px !important; }
aside.is_stuck.sticky-bottom { right: 31px !important; }
aside.is_stuck ~ div { display: none !important; }


/* articles */
.articles { overflow: hidden; display: block; padding-top: 73px; width: calc( 100% - 498px); }
.articles .green-box { background: #034752; color: #fff; display: block; margin-bottom: 50px; padding-bottom: 100px; padding-top: 89px; text-align: center; width: 100%; }
.articles .green-box h1 { font-size: 30.67px; line-height: 1em; padding-bottom: 28px; }
.articles .green-box hr { background: #fff; border: 0px none; display: block; height: 1px; margin: 0px auto; width: 29px; }
.articles .green-box p { font-size: 20.67px; font-weight: bold; line-height: 1em; padding-bottom: 13px; padding-top: 37px; }
.articles .images-grid { height: 417px; width: 100%; }
.articles .images-grid .image1 { background-blend-mode: multiply; float: left; font-size: 31.32px; height: 417px; position: relative; width: 31%; z-index: 2; }
.articles .images-grid .image2 { background-blend-mode: multiply; float: left; height: 180px; position: relative; width: 23%; }
.articles .images-grid .image3 { background-blend-mode: multiply; float: left; font-size: 22px; height: 180px; position: relative; width: 23%; }
.articles .images-grid .image4 { background-blend-mode: multiply; float: right; font-size: 22px; height: 297px; position: relative; width: 23%; }
.articles .images-grid .image5 { background-blend-mode: multiply; float: left; height: 237px; position: relative; width: 46%; }
.articles .images-grid .image6 { background-blend-mode: multiply; float: right; height: 120px; position: relative; width: 23%; }
.articles .images-grid div { transition: background-color ease-in-out .55s; }
.articles .images-grid div:hover { background-color: white !important; }
.articles .images-grid div h2 { bottom: 17px; color: #fff; font-weight: 100; line-height: 1.2em; max-width: 150px; padding-left: 20px; position: absolute; }
.articles .images-grid .image1 h2 { bottom: 27px; max-width: 570px; min-width: 570px; }
.articles .images-grid .image3 h2 { bottom: 9px; }
.articles .products-grid { display: block; }
.articles .products-grid .products-content { display: block; padding-bottom: 47px; padding-top: 47px; text-align: center; }
.articles .products-grid .products-content p { font-size: 18px; line-height: 1.21em; margin: 0px auto; max-width: 780px; width: 94%; }
.articles .products-grid .products-intro { display: block; padding-bottom: 47px; padding-top: 33px; text-align: center; }
.articles .products-grid .products-intro h2 { font-family:"Suissnord"; font-size: 44px; font-weight: normal; line-height: 1em; }
.articles .products-grid .products-intro ul { display: block; margin-left: auto; margin-right: auto; max-width: 700px; padding-top: 50px; text-align: center; width: 92%; }
.articles .products-grid .products-intro ul li { border: 1px solid #DAD9D9; display: inline-block; margin: 0px 1%; position: relative; vertical-align: top; width: 30%; }
.articles .products-grid .products-intro ul li span { display: block; }
.articles .products-grid .products-intro ul li span.products-number { font-family:"Suissnord"; font-size: 80.93px; line-height: 1em; padding-bottom: 26px; padding-top: 46px; }
.articles .products-grid .products-intro ul li span.products-desc { border-top: 1px solid #DAD9D9; display: table; font-size: 14px; font-weight: 300; height: 61px; line-height: 1.14em; text-transform: uppercase; width: 100%; }
.articles .products-grid .products-intro ul li span.products-desc i { display: table-cell; font-style: normal; vertical-align: middle; }
.articles .products-grid .products-intro ul li span.products-desc i small { display: block; margin-left: auto; margin-right: auto; width: 130px; }
.articles .products-grid .products-intro ul li::before { border: 3px solid #231F1F; border-bottom-color: transparent; border-right-color: transparent; content: ""; height: 52px; left: -1px; position: absolute; top: -1px; width: 52px; }
.articles .products-grid .products-intro ul li::after { border: 3px solid #231F1F; border-left-color: transparent; border-top-color: transparent; content: ""; height: 52px; right: -1px; position: absolute; bottom: -1px; width: 52px; }
.articles .products-features { display: block; padding-bottom: 62px; padding-top: 62px; text-align: center; }
.articles .products-features h2 { font-family: 'Montalban-Bold'; font-size: 37.06px; font-weight: normal; line-height: 1.01em; padding-bottom: 14px; text-transform: uppercase; }
.articles .products-features p:first-of-type { font-size: 20.67px; font-weight: bold; line-height: 1.2em; max-width: inherit; padding-bottom: 26px; padding-top: 0px; }
.articles .products-features .product-notes { display: inline-block; vertical-align: top; width: 49%; }
.articles .products-features h3 { font-size: 20px; font-weight: 100; line-height: 1.3em; padding-top: 51px; text-transform: uppercase; }
.articles .products-features h1 { font-size: 44px; font-weight: bold; line-height: 1em; padding-bottom: 27px; padding-top: 26px; text-transform: uppercase; }
.articles .products-features hr { background: #231F1F; border: 0px none; display: block; height: 3px; margin: 0px auto; width: 36px; }
.articles .products-features p { font-size: 18.01px; line-height: 1.54em; margin-left: auto; margin-right: auto; max-width: 550px; padding-top: 29px; }
.articles .products-features p strong { font-weight: 600; }
.articles .products-features p:last-of-type { font-size: 16px; line-height: 1.56em; padding-top: 19px; }
.articles .products { display: block; padding-bottom: 34px; padding-top: 32px; }
.articles .products .product-notes { display: inline-block; position: relative; vertical-align: top; width: 49%; }
.articles .products .product-notes h2 { border: 1px solid #DAD9D9; border-right: 0px none; display: block; font-size: 18px; height: 61px; line-height: 61px; margin-bottom: 78px; text-align: center; width: 102%; }
.articles .products .product-notes img { display: block; height: auto; width: 100%; }
.articles .products .product-notes:nth-of-type(2) { float: right; }
.articles .products .product-notes:nth-of-type(2)::before { border-left: 1px solid #DAD9D9; content: ""; display: block; height: 65%; left: -1%; width: 1px; position: absolute; top: 120px; }
.articles .products .product-notes:nth-of-type(2) h2 { border-left: 0px none; border-right: 1px solid #DAD9D9; position: relative; left: -2%; }
.articles .products .product-notes:nth-of-type(2) h2::before { border-left: 1px solid #DAD9D9; content: ""; display: block; height: 33px; left: 1%; width: 1px; position: absolute; top: 13px; }
.articles .product-images .image { display: block; position: relative; }
.articles .product-images .image img { display: block; height: auto; margin-bottom: 50px; width: 100%; }
.articles .product-images .image h2 { color: #fff; font-size: 16.86px; font-weight: normal; line-height: 1.07em; max-width: 280px; position: absolute; right: 20px; text-align: right; top: 43px; z-index: 2; }
.articles .product-images .image:nth-of-type(1) .taggd__wrapper:nth-of-type(1) { display:block; height: auto; width: 246px; }
.articles .product-images .image:nth-of-type(1) .taggd__wrapper:nth-of-type(1) .taggd__popup { left: -231px; top: 15px; width: 100%; }
.articles .product-images .image:nth-of-type(1) .taggd__wrapper:nth-of-type(1) .taggd__popup::before { left: 223px; }
.articles .product-images .image:nth-of-type(1) .taggd__wrapper:nth-of-type(1) .taggd__popup::after { left: 223px; }
.articles .product-images .image:last-child img { margin-bottom: 0px; }


/* footer */
footer { display: block; padding-bottom: 96px; padding-top: 44px; position: relative; }
footer .container { background: #DCDBDB; color: #231F1F; }
footer .container form { display: inline-block; padding-bottom: 48px; padding-top: 42px; vertical-align: top; width: 80%; }
footer .container form fieldset { display: inline-block; padding-left: 40px; vertical-align: top; width: 38%; }
footer .container form fieldset:nth-of-type(2) { width: 45%; }
footer .container form fieldset h3 { font-size: 18px; font-weight: bold; line-height: 1em; padding-bottom: 9px; text-transform: uppercase; }
footer .container form fieldset input { background: none; border: 0px none; border-bottom: 2px solid #231F1F; border-radius: 0px; display: inline-block; font-family: 'proxima-nova', Georgia, sans-serif; font-size: 14px; margin-right: 20px; padding-bottom: 10px; padding-top: 10px; vertical-align: top; width: calc(49% - 20px); }
footer .container form button { background: none; border: 2px solid #231F1F; color: #231F1F; font-family: 'proxima-nova', Georgia, sans-serif; font-size: 13px; font-weight: bold; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; padding-top: 9px; position: relative; top: 1px; text-transform: uppercase; }
footer .container form button:hover { background: #231F1F; color: #fff; }
footer .container form fieldset *::-webkit-input-placeholder { color: #231F1F; opacity: 1; }
footer .container form fieldset *::-moz-placeholder { color: #231F1F; opacity: 1; }
footer .container form fieldset *:-ms-input-placeholder { color: #231F1F; opacity: 1; }
footer .container form fieldset *:-moz-placeholder { color: #231F1F; opacity: 1; }
footer .container .social { display: block; float: right; height: 32px; list-style: none; margin-top: 45px; margin-right: 40px; vertical-align: top; width: auto; }
footer .container .social li { display: inline-block; padding-left: 10px; vertical-align: top; }
footer .container .social li a { background:url(../img/socials.png) -32px -32px no-repeat; background-size: 32px auto; color: #fff; display: block; height: 32px; opacity: 1; overflow: hidden; position: relative; text-indent: -9999px; width: 32px; }
footer .container .social li a:hover { opacity: 0.75; }
footer .container .social li.icon-ig a { background-position: 0px 0px; }
footer .container .social li.icon-fb a { background-position: 0px -32px; }
footer .container .social li.icon-li a { background-position: 0px -64px; }
footer .footer-end { bottom: 55px; color: #C3C3C3; display: block; font-size: 14px; font-weight: normal; margin-right: 100px; padding-right: 30px; position: absolute; right: 0px; }
footer .footer-end a { border-bottom: 1px solid #fff; color: #231F1F; margin: 0px 10px; }
footer .footer-end a:hover { border-bottom: 1px solid #231F1F; }
aside .content-bottom {
	width: 100%;
	background-color: #231f20;
	padding-bottom: 70px;
	padding-top: 20px;
}