/* ======================================================================== / by --- Elegant Division (http://e-div.com) Markup --- for -- http://volgaverdi.com/ \ in --- 2014 ======================================================================== */ /* Common styles ======================================================================== */ button, input, select, textarea { color: #222; font: 400 1em/1.4 "Montserrat", sans-serif; text-transform: uppercase; outline: none !important; } html { background-color: #fff; } body { font: 400 1em/1.4 "Montserrat", sans-serif; color: #fff; background: -moz-linear-gradient(left, rgb(33,34,35) 0%, rgba(33,34,35,.88) 0%), #212223 /*url(../images/header-background.jpg) no-repeat 50% 0*/; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(33,34,35)), color-stop(0%,rgba(33,34,35,.88))), #212223 /*url(../images/header-background.jpg) no-repeat 50% 0*/; background: -webkit-linear-gradient(left, rgb(33,34,35) 0%, rgba(33,34,35,.88) 0%), #212223 /*url(../images/header-background.jpg) no-repeat 50% 0*/; background: -o-linear-gradient(left, rgb(33,34,35) 0%, rgba(33,34,35,.88) 0%), #212223 /*url(../images/header-background.jpg) no-repeat 50% 0*/; background: -ms-linear-gradient(left, rgb(33,34,35) 0%, rgba(33,34,35,.88) 0%), #212223 /*url(../images/header-background.jpg) no-repeat 50% 0*/; background: linear-gradient(to right, rgb(33,34,35) 0%, rgba(33,34,35,.88) 0%), #212223 /*url(../images/header-background.jpg) no-repeat fixed 50% 0*/; background-size: cover; border: 10px solid #A7FF38; text-transform: uppercase; cursor: url(../images/cursor.png), default; } body.page-product { background: #212223; color: #d9d9d9; } body.page-home { color: #222; background: #eeeeee; } a { color: #777; cursor: url(../images/cursor-hover.png), pointer; outline: none !important; } a:hover { text-decoration: none; } .icon { display: inline-block; vertical-align: middle; } .icon.club { background-image: url(../images/ico-club.png); width: 8px; height: 6px; } .icon.key { background-image: url(../images/ico-key.png); width: 12px; height: 6px; } #overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgb(24,25,27); background-color: rgba(24,25,27, .95); } #overlay.white { background-color: #fff; z-index: 890; } #overlay.dim { background-color: rgb(33,34,35); background-color: rgba(33,34,35, .96); z-index: 890; } #overlay.zoomed { background-color: rgb(255,255,255); background-color: rgba(255,255,255, .85); z-index: 890; } #overlay.original-photo { text-align: center; } #overlay.original-photo img { display: none; cursor: url(../images/cursor-hover.png), pointer; max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #overlay.original-photo img:first-child { display: inline; } #overlay.wpattern { /* background: rgba(255,255,255,.7) url(../images/faq-overlay-pattern.png); */ background: rgb(35, 36, 37); background: rgba(35, 36, 37, 0.97); z-index: 890; } #nightmode-title { position: fixed; top: 48px; left: 0; right: 0; width: 100%; text-align: center; font-size: 10px; line-height: 8px; color: #fff; letter-spacing: 1.8px; display: none; z-index: 999; } #nightmode-title p { margin: 25px 0 0; font-size: 8px; line-height: 11px; letter-spacing: 1.4px; } .uv-photos { position: absolute; z-index: 888; background: url(../images/loader.gif) no-repeat 50% 50%; } .uv-photos img { display: none; max-width: 100%; } #share-popup, #guide { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; display: none; z-index: 999; } #guide .disabled { opacity: 0.1; pointer-events: none; } #share-popup .inner, #guide .inner { width: 920px; margin: 50px auto; color: #fff; background-color: #1a1a1c; position: relative; top: 0; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #share-popup .close, #guide .inner > .close, #find-code .hide { position: absolute; top: 12px; right: 12px; background-image: url(../images/faq-close.png); width: 27px; height: 27px; opacity: .3; cursor: url(../images/cursor-hover.png), pointer; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #share-popup .close:hover, #guide .inner > .close:hover, #find-code .hide:hover { opacity: 1; } #guide .some-blabla { color: #a8a8a8; font-size: 8px; line-height: 14px; width: 386px; text-align: center; letter-spacing: 1.7px; margin: 0 0 63px 180px; } #guide .heading { font-size: 24px; line-height: 18px; margin: 0 0 67px 167px; letter-spacing: 8px; } #guide .footer { font-size: 9px; line-height: 7px; letter-spacing: 3px; width: 825px; } #guide .footer li { float: left; margin-right: 100px; } #guide .footer li:last-child { margin-right: 0; } #guide .footer a { text-decoration: none; color: #626263; } #guide .footer a:hover { color: #fff; } .cms-msg { position: fixed; top: 0px; right: 0px; background-color: rgba(255,255,255, .96); color: #100f0f; padding: 30px 32px; max-width: 65%; line-height: 33px; z-index: 999; } .cms-msg.good, .cms-msg.bad { padding-left: 78px; background-repeat: no-repeat; background-color: rgba(255,106,47,0.94); } .cms-msg.good { background-image: url(../images/msg-good.png); background-position: 32px 34px; background-color: rgba(147,251,15,0.94); } .cms-msg.bad { background-image: url(../images/msg-bad.png); background-position: 34px 36px; } .cms-msg a { color: #100f0f; text-decoration: none; border: 3px solid #100f0f; display: inline-block; line-height: 27px; padding: 0 8px; margin-left: 8px; } .cms-msg a:hover { color: #fff; background-color: #100f0f; } #fixed-logo { float: left; display: block; font-family: 'Montserrat','Proxima Nova',sans-serif; font-size: 16px; letter-spacing: 13px; text-transform: uppercase; color: white; position: relative; top: 22px; left: 40px; } #fixed-controls { position: fixed; right: 10px; top: 314px; /* matches with the select 50%; */ width: 64px; margin-top: -64px; height: 128px; z-index: 889; } #fixed-controls .back-to-top, #fixed-controls .glasses { cursor: url(../images/cursor-hover.png), pointer; border: 1px solid rgba(255,255,255, .2); width: 62px; height: 62px; position: absolute; display: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #fixed-controls .back-to-top:hover, #fixed-controls .glasses:hover, #fixed-controls .back-to-top.active, #fixed-controls .glasses.active { border-color: rgba(255,255,255, .5); } #fixed-controls .back-to-top { background: rgba(132,132,132, .1) url(../images/scroll-to-top-arrow.png) no-repeat 50% 50%; top: 1px; border-bottom: 1px solid rgba(255,255,255, 0); } #fixed-controls .back-to-top:hover { background: #fff url(../images/scroll-to-top-arrow-hover.png) no-repeat 50% 50%; } /* #fixed-controls .back-to-top .g { width: 64px; height: 64px; position: absolute; left: 0; display: none; } #fixed-controls .back-to-top .g.t { top: -64px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); } #fixed-controls .back-to-top .g.b { bottom: -64px; background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } */ #fixed-controls .glasses { top: 64px; background: rgba(132,132,132, .1) url(../images/ico-glasses.png) no-repeat 50% 50%; } #fixed-controls .glasses:hover { background-image: url(../images/ico-glasses-hover.png) !important; background-color: white; } #fixed-controls .glasses.active { background-color: white; } #zoom-photo { max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .do-uv.active { position: relative; z-index: 999; } /* // Common styles - end */ /* Header ======================================================================== */ .homelogo { width: 400px; height: 269px; position: relative; margin: auto; display: block; top: 26%; clear: both; } .homedesc { margin: auto; display: block; text-align: center; position: relative; top: 45%; width: 365px; height: auto; color: #C3C3C3; font: normal 13px/20px "Montserrat",sans-serif; letter-spacing: 2px; text-transform: uppercase; } .menu-container { position: fixed; width: 100%; z-index: 500 !important; } #header-first, #header-last { height: 1046px; background: #121411 url(../images/header-new-1.jpg) fixed repeat-x 50% 0px; position: relative; } #header-first1 { background: -moz-linear-gradient(left, rgba(255,255,255,.28) 6%, rgba(255,255,255,.1) 100%), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(255,255,255,.28)), color-stop(100%,rgba(255,255,255,.1))), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; background: -webkit-linear-gradient(left, rgba(255,255,255,.28) 6%,rgba(255,255,255,.1) 100%), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; background: -o-linear-gradient(left, rgba(255,255,255,.28) 6%,rgba(255,255,255,.1) 100%), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; background: -ms-linear-gradient(left, rgba(255,255,255,.28) 6%,rgba(255,255,255,.1) 100%), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; background: linear-gradient(to right, rgba(255,255,255,.28) 30%,rgba(255,255,255,.1) 100%), #121411 url(../images/header-background.jpg) no-repeat 50% -156px; } #cart-holder { float: right; margin: 2px; color: #fff; position: relative; z-index: 503 !important; } #cart-holder .cart { background: url(../images/header-ico-cart.png) no-repeat 0 50%; padding-left: 20px; margin: 0 43px 0 40px; line-height: 80px; font-size: 11px; position: relative; z-index: 502; letter-spacing: 1.4px; } #cart-holder a.cart { color: #fff; text-decoration: none; } #cart-holder .empty { position: absolute; left: -20px; top: 34px; color: #b6b6b6; font-size: 10px; font-weight: 700; opacity: 0; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #cart-holder .summary { display: none; width: 470px; position: absolute; top: 0; right: 0; z-index: 501; } #cart-holder .summary .box { padding: 37px 42px 29px; margin-bottom: 1px; background-color: rgba(61, 62, 63, 0.97); } #cart-holder .summary h3 { color: #979797; font-size: 9px; line-height: 7px; font-weight: 400; letter-spacing: 2px; margin: 0 0 46px; } #cart-holder .summary .total, #cart-holder .summary .items { font-size: 11px; line-height: 13px; color: #fff; } #cart-holder .summary .items { width: 100%; margin-bottom: -16px; letter-spacing: 1.3px; } #cart-holder .summary .items td { padding-bottom: 20px; vertical-align: top; } #cart-holder .summary .items .count, #cart-holder .summary .items .sum { text-align: right; width: 78px; } #cart-holder .summary .items a { color: #fff; text-decoration: none; } #cart-holder .summary .items .options { font-size: 8px; line-height: 6px; margin-top: 8px; } #cart-holder .summary .total { margin: -24px 0 40px; text-align: right; letter-spacing: 1.4px; } #cart-holder .summary .total .price { float: right; width: 80px; } #cart-holder .summary .edit { float: left; font-size: 9px; line-height: 7px; text-decoration: none; color: #fff; border-bottom: 1px solid #5c5b59; padding-bottom: 5px; margin-top: 16px; letter-spacing: 1.6px; } #cart-holder .summary .checkout { margin-left: 112px; text-decoration: none; display: block; width: 184px; height: 29px; line-height: 29px; text-align: center; color: #fff; border: 4px solid #fff; letter-spacing: 1.2px; font-weight: 700; font-size: 13px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #cart-holder .summary .checkout:hover { background-color: #fff; color: #393637; } #cart-holder:hover .empty { opacity: 1; } #cart-holder:hover .summary { display: block; -webkit-animation: fadein .2s; -moz-animation: fadein .2s; -ms-animation: fadein .2s; -o-animation: fadein .2s; animation: fadein .2s; } #head-menu { margin: 0 auto; padding-top: 26px; font-weight: 700; font-size: 15px; line-height: 25px; color: #fff; /*temp, while women aren't here width: 498px; */ padding-left: 0px; width: 498px; } #head-menu a { color: #fff; text-decoration: none; } #head-menu > li { float: left; letter-spacing: 2px; } #head-menu .sex { margin-right: 20px; } #head-menu .sex a { border: 4px solid transparent; display: block; height: 25px; padding: 0 11px; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; transition: border .3s ease-in-out; } #head-menu .sex a:hover { border-color: #fff; } #head-menu .sex.disabled a { opacity: 0.2; /*pointer-events: none;*/ } #head-menu .sex.disabled a:hover { } #head-menu .menu { margin: 10px 56px 0 20px; width: 20px; height: 15px; position: relative; } #head-menu .menu:hover .navigation { display: block; -webkit-animation: openHeadMenu .2s; -moz-animation: openHeadMenu .2s; -ms-animation: openHeadMenu .2s; -o-animation: openHeadMenu .2s; animation: openHeadMenu .2s; } #head-menu .call-menu { background: url(../images/header-menu-call-background.png); width: 20px; height: 15px; cursor: url(../images/cursor-hover.png), pointer; } #head-menu .navigation { position: absolute; width: 552px; left: -297px; top: 15px; padding-top: 38px; display: none; z-index: 3; } #head-menu .navigation .inner { border: 4px solid #fff; padding: 47px 0 0 55px; width: 552px; position: relative; background-color: rgba(61, 62, 63, 0.98); } #head-menu .navigation .inner:before { content: ""; display: block; position: absolute; top: -16px; left: -12px; margin-left: 50%; width: 25px; height: 16px; background: url(../images/header-menu-arrow2.png) no-repeat 0 0; } #head-menu .navigation dl { float: left; } #head-menu .navigation dl.brand { width: 170px; } #head-menu .navigation dl.customers { width: 220px; } #head-menu .navigation dt { margin-bottom: 25px; font-size: 7px; line-height: 6px; color: #bbbaba; letter-spacing: 2px; } #head-menu .navigation dd { clear: both; font-size: 9px; line-height: 23px; letter-spacing: 1.8px; } #head-menu .navigation dd a { display: block; float: left; border: 3px solid transparent; margin: 0 0 2px -10px; padding: 0 7px; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; transition: border .3s ease-in-out; } #head-menu .navigation dd a:hover { border-color: #fff; } #head-menu .navigation footer { clear: both; font-size: 7px; line-height: 6px; padding-top: 65px; margin: 0 13px 13px -42px; font-weight: 400; color: #bbb; letter-spacing: 1.3px; } #head-menu .navigation footer a { color: #bbb; -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; } #head-menu .navigation footer .privacy { margin-right: 18px; float: left; } #head-menu .navigation footer .copyright { float: right; } #head-menu .navigation footer a:hover { color: #fff; } #head-menu .timer { width: 184px; letter-spacing: .8px; } #head-menu .timer.past { width: auto; } #head-menu .timer .track { float: right; color: #9c9f9f; font-weight: 400; font-size: 9px; line-height: 7px; padding: 3px 5px 4px 18px; background-color: rgba(255,255,255, .12); letter-spacing: 1px; cursor: url(../images/cursor-hover.png), pointer; position: relative; margin-top: 11px; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out transition: background .15s ease-in-out; } #head-menu .timer.past .track { float: left; margin-top: 7px; } #head-menu .timer .track:after { content: ""; position: absolute; left: 6px; top: 4px; width: 5px; height: 5px; border-radius: 50%; background-color: #28cb5b; opacity: .8; } #head-menu .timer .track:hover { color: #555; background-color: rgba(255,255,255, 1); } #head-menu .timer .track:hover:after { opacity: 1; } #head-menu .timer .heading { font-size: 7px; color: #b2b1b1; line-height: 6px; margin: -7px 0 5px; letter-spacing: .6px; } #header-first .logo, #header-last .logo { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -60px; } #header-first .logo { background-image: url(../images/header-logo-volga.png); width: 119px; height: 11px; margin: -6px 0 0 -60px; } #header-last .logo { background-image: url(../images/header-logo-verdi.png); width: 127px; height: 12px; margin: -6px 0 0 -64px; } #header-last .newest-collection { float: right; border: 1px solid rgba(100, 100, 100, 0.28); margin: 128px 128px 0 0; padding: 60px 0 60px; text-align: center; width: 350px; } #header-last .newest-collection .t-1 { background-image: url(../images/text-introducing-the-newest-2014-collection-codenamed.png); width: 310px; height: 25px; margin: 0 auto 50px; } #header-last .newest-collection .t-2 { background-image: url(../images/text-win.png); width: 232px; height: 30px; margin: 0 auto 45px; } #header-last .newest-collection .read-news { color: #6b6d71; font-size: 10px; line-height: 8px; padding-bottom: 4px; border-bottom: 1px solid rgba(212,212,212, .15); text-decoration: none; letter-spacing: 5.7px; } #header-last .newest-collection .read-news:hover { color: #94979d; border-color: rgba(212,212,212, .25); } @media screen and (max-height: 740px) { } @media screen and (max-width: 1280px) { #header-last .newest-collection { margin-right: 0; } } /* Item page */ #header { height: 828px; background: #121411 url(../images/header-background-items.jpg) no-repeat 50% -5px; position: relative; } #header:after, #header:before { content: ""; position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; right: 0; } #header:after { height: 60px; background: url(../images/header-background-items-gradient.png) repeat-x 0 0; } #header:before { background: url(../images/header-background-items-pattern.png) repeat 50% 0; } #header > * { z-index: 2; position: relative; } #header #head-menu { z-index: 3; } #header .logo, #header-mini .logo { width: 251px; height: 11px; position: absolute; left: 50px; top: 37px; background-image: url(../images/header-logo.png); z-index: 501; } #header-mini .logo { top: 47px; } @media screen and (max-width: 1024px) { #header .logo, #header-mini .logo { transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); top: 146px; left: -90px; } } /* // Header - end */ .wrap { margin-left: auto; margin-right: auto; width: 91%; max-width: 1700px; } @media screen and (max-width: 1800px) { .wrap { /*margin-left: 80px; margin-right: 0; */ } } .latest-releas { margin: 250px 0 0; color: #525457; } .latest-releas header { text-align: center; margin-bottom: 196px; } .latest-releas header h2 { font-size: 40px; line-height: 28px; color: #3f4646; letter-spacing: 6px; margin-bottom: 320px; } .latest-releas header h4, .latest-releas header .limit { font-size: 9px; line-height: 14px; color: #bababa; letter-spacing: 1.65px; } .latest-releas header .limit { float: right; margin-top: 1px; } .latest-releas header .date { float: left; text-align: left; font-size: 11px; line-height: 9px; letter-spacing: 5.5px; margin-top: 1px; } .latest-releas header h3, .latest-releas header h4 { margin: 0 180px; font-weight: 400; } .latest-releas header h3 { font-size: 13px; letter-spacing: 8px; line-height: 11px; margin-bottom: 11px; } .latest-releas .box { width: 90%; margin: 0 auto; max-width: 1000px; min-width: 843px; } .latest-releas .reserve-holder, .latest-releas .item-holder, .latest-releas .info-holder { /* float: left; */ text-align: center; } .latest-releas footer { font-size: 8px; line-height: 13px; color: #cccccc; letter-spacing: 2.65px; } .latest-releas .reserve-holder { min-width: 255px; width: 10%; /*width: 170px; /* padding: 33px 0 0 75px; */ /* margin-right: 162px; */ float: left; } .latest-releas .reserve-holder .t-1 { font-size: 7px; line-height: 6px; color: #a9a9aa; letter-spacing: .7px; } .latest-releas .reserve-holder .p-1 { margin-bottom: 20px; } .latest-releas .reserve-holder .p-2 { margin-bottom: 26px; } .latest-releas .reserve-holder .price { margin: 0 0 23px 7px; } .latest-releas .reserve-holder .price li { display: inline-block; height: 77px; line-height: 77px; font-size: 25px; } .latest-releas .reserve-holder .price .new { width: 77px; margin-right: 4px; } .latest-releas .reserve-holder .price .new span { color: #909298; padding-right: 4px; } .latest-releas .reserve-holder .price .old { background-image: url(../images/reserve-oldprice-cross.png); font-family: Arial, Helvetica, sans-serif; color: #d7d7d7; width: 72px; padding-right: 5px; } .latest-releas .reserve-holder .reserve { background-image: url(../images/reserve-btn-do.png); width: 129px; height: 32px; margin: 0 auto 19px; } .latest-releas .reserve-holder .reserve:hover { background-position: 0 100%; } .latest-releas .reserve-holder .t-2 { margin-bottom: 39px; font-size: 8px; line-height: 7px; letter-spacing: 1.4px; } .latest-releas .reserve-holder .t-2 a { text-decoration: none; border-bottom: 1px dotted #b7b7b7; color: #525457; padding-bottom: 1px; } .latest-releas .reserve-holder .t-2 a:hover { color: #000; } .latest-releas .reserve-holder .time-left { line-height: 0; } .latest-releas .reserve-holder .time-left .timer { color: #909298; font: normal 10px/8px Arial, Helvetica, sans-serif; margin-bottom: 7px; letter-spacing: 2.7px; } .latest-releas .reserve-holder .time-left small { color: #a9a9aa; font-size: 7px; line-height: 6px; letter-spacing: 1.15px; } .latest-releas .reserve-holder .some-height { height: 500px; } .latest-releas .item-holder { width: 344px; /* 328px; why? */ /* margin-right: 124px; */ margin: auto; } .latest-releas .item-holder .photo, .latest-releas .item-holder .photo .pic { width: 344px; /* 328px; why? */ height: 328px; line-height: 328px; } .latest-releas .item-holder .photo { margin-bottom: 50px; height: 328px; line-height: 328px; } .latest-releas .item-holder .photo img { vertical-align: middle; } .latest-releas .item-holder .glasses { background: url(../images/ico-glasses.png) no-repeat 50% 50%; width: 62px; height: 42px; cursor: url(../images/cursor-hover.png), pointer; opacity: .3; margin: 0 auto; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .latest-releas .item-holder .glasses:hover { opacity: 1; } .latest-releas .item-holder .circles { margin-top: 56px; } .uv-photos.circle, .latest-releas .item-holder .circles a, .latest-releas .item-holder .circles a:before { width: 56px; height: 56px; background-color: #c9c9c9; border-radius: 50%; overflow: hidden; } .uv-photos.circle { background-color: transparent; } .latest-releas .item-holder .circles a { display: block; display: inline-block; margin: 0 21px; position: relative; } .latest-releas .item-holder .circles a:before { content: ""; display: block; position: absolute; top: 0; left: 0; opacity: .3; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .latest-releas .item-holder .circles a:hover:before { opacity: 0; } .uv-photos.circle img, .latest-releas .item-holder .circles img { margin: -32px 0 0 -32px; } .latest-releas .info-holder { min-width: 255px; padding-top: 9px; float: right; width: 10%; } .latest-releas .info-holder .brand-logo { margin-bottom: 22px; } .latest-releas .info-holder .item-name { line-height: 8px; font-size: 10px; margin-bottom: 12px; letter-spacing: 1.9px; } .latest-releas .info-holder .about { line-height: 10px; font-size: 7px; color: #b4b4b4; margin-bottom: 34px; letter-spacing: 1.4px; } .latest-releas .info-holder .features { font-size: 7px; line-height: 10px; letter-spacing: 1.2px; margin-bottom: 34px; } .latest-releas .info-holder .features li { display: inline-block; width: 88px; margin-bottom: 20px; } .latest-releas .info-holder .all-features { display: inline-block; border: 1px solid #bebebe; font-size: 10px; text-decoration: none; line-height: 25px; padding: 0 16px; color: #525457; letter-spacing: 1.5px; } .latest-releas .info-holder .all-features:hover { border: 4px solid #525457; line-height: 19px; padding: 0 14px; color: #2d2e30; } .latest-releas .info-holder .some-height { height: 479px; } .items-by-sex { margin-top: 150px; margin-bottom: 196px; color: #525457; } .items-by-sex > h1, .items-by-sex > h2 { font-size: 12px; line-height: 9px; text-indent: 58px; letter-spacing: 2.3px; font-weight: 400; margin: 0 0 140px; } .items-by-sex > h1 { font-size: 22px; letter-spacing: 2.8px; } .grid-products { text-align: center; } .grid-products .item { width: 492px; height: 492px; display: inline-block; background: #eeeeee no-repeat 50% 50%; margin: 0 35px 80px 35px; text-align: center; overflow: hidden; text-decoration: none; position: relative; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; } .grid-products .item:hover { background-color: #F2F2F2; } @media screen and (min-width: 1910px) { /*.grid-products .item:nth-child(3n) { margin-right: 0; }*/ } .grid-products .details { position: absolute; left: 19px; top: 13px; width: 81px; text-align: left; z-index: 2; } .grid-products .details h2 { color: #3d3d3d; font-size: 10px; line-height: 12px; font-weight: 400; margin-bottom: 13px; letter-spacing: 1.3px; height: 24px; } .grid-products .details .price { color: #5f5f5f; font-size: 14px; line-height: 12px; margin-bottom: 14px; } .grid-products .details .price .new { color: #5f5f5f; background-color: #c6f094; padding: 0 6px; margin: 0 3px 0 -6px; } .grid-products .details .price .old { color: #bebebe; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYt2/ffwAHsgM6WG9R0wAAAABJRU5ErkJggg==); background-repeat: repeat-x; background-position: 0 50%; padding: 0 9px; } .grid-products .details .status { color: #989897; font-size: 7px; line-height: 9px; letter-spacing: 1px; } .grid-products .cover { line-height: 492px; } .grid-products .cover img { vertical-align: middle; } .grid-products .extra { position: absolute; left: 0; width: 100%; bottom: 0; height: 55px; z-index: 2; font-size: 9px; line-height: 12px; color: #aeaeae; letter-spacing: 1.7px; } .grid-products .extra .mark { background-color: #b7e8b8; color: #44484b; padding: 1px 4px; cursor: url(../images/cursor-hover.png), pointer; } .grid-products .extra .mark:hover { background-color: #98e099; } .grid-products .extra .hint { background-color: #dedede; color: #b3b3b3; text-align: center; font-size: 10px; width: 13px; border: 1px solid #d1d1d1; display: inline-block; vertical-align: top; margin: -2px -22px 0 10px; cursor: url(../images/cursor-hover.png), pointer; } .grid-products .original { position: absolute; top: 0; left: 0; max-width: 100%; } .grid-products .item.placeholder { background-image: url(../images/no-image.png); } .grid-products .item.placeholder .details { left: 28px; top: 19px; } .grid-products .item.placeholder .details h2, .grid-products .item.placeholder .details .price { color: #a8a8a8; } .grid-products .item.placeholder .details h2 { height: 18px; letter-spacing: 1px; } .grid-products .item.placeholder .extra { font-size: 8px; color: #838a91; letter-spacing: 1.5px; } @media screen and (max-width: 1224px) { .items-by-sex { margin-left: 69px; width: 92%; } .grid-products .item { width: 352px; height: 352px; margin: 0 42px 42px 0; } .grid-products .cover { line-height: 352px; } .grid-products .cover img { width: 80%; } #head-menu { padding-left: 14%; } #head-menu .sex { margin-right: 6px; } #head-menu .menu { margin-right: 36px; } } #back-to-oldsite { margin-bottom: 196px; width: 100%; /* max-width: 1450px; */ } .homebans h2 { color: #454545; font-size: 16px; letter-spacing: 10px; line-height: 12px; font-weight: 400; margin: 0 0 105px; } .homebans h2 span { color: #93FF93; background: #FFE7C2; padding: 3px 3px 3px 13px; } #back-to-oldsite .banner { background: #ff05d9 url(../images/oldsite-background.jpg); height: 370px; line-height: 370px; display: block; color: #fff; text-decoration: none; overflow: hidden; position: relative; -webkit-animation: scrollbg 40s linear infinite; -moz-animation: scrollbg 40s linear infinite; -ms-animation: scrollbg 40s linear infinite; -o-animation: scrollbg 40s linear infinite; animation: scrollbg 40s linear infinite; } #back-to-oldsite .banner .text { font-size: 24px; background: url(../images/oldsite-arrow.png) no-repeat 100% 50%; float: left; padding-right: 70px; margin-left: 122px; letter-spacing: 7.8px; white-space: nowrap; position: relative; z-index: 2; } @media screen and (max-width: 1380px) { #back-to-oldsite .banner .text { font-size: 17px; padding: 0px; letter-spacing: 7.8px; position: relative; width: 82%; margin: auto; text-align: center; float: none; background:none; } #back-to-oldsite h2 { margin-left: 40px; } } #back-to-oldsite .banner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #bebebe; opacity: .8; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #back-to-oldsite .banner:hover:after { opacity: .5; } #instagram, #homeabout { margin-bottom: 196px; } #homeabout p { font: 300 16px/28px 'Montserrat'; letter-spacing: 2px; margin: 25px auto; text-align: center; } #homeabout div { margin: auto; background: #CAFFE5; width: 100%; padding: 25px 0; } #homeabout p a { color: #ADADAD; text-decoration: none; background: #F9FFC2; padding: 3px 5px 3px 7px; } #homeabout p a:hover { background: #DFFFC2; } #homeabout p.homeaboutbig { color: #C5C5C5; width: 873px; } #homeabout p.homeaboutsmall { font-size: 10px; line-height: 21px; width: 700px; color: #444; } .full-item { color: #fff; width: 85%; /* 1336px; */ /* min-width: 837px ; */ max-width: 1300px; margin: 112px auto 0; text-align: center; } .full-item .left-wing { float: left; width: 202px; position: relative; padding-top: 108px; margin-top: -10px; } .full-item .left-wing .brand-logo { position: absolute; left: -76px; width: 354px; top: 0; } .full-item .left-wing h1 { font-size: 12px; line-height: 14px; font-weight: 400; margin: 0 0 12px; letter-spacing: 3.2px; } .full-item .left-wing .about { font-size: 7px; line-height: 11px; color: rgba(255,255,255,0.7); margin-bottom: 47px; letter-spacing: 1.7px; } .full-item .left-wing .price { font-size: 35px; margin-bottom: 14px; margin-left: -10px; text-align: center; } .full-item .left-wing .price.special { width: 276px; text-align: left; margin-left: -40px; } .full-item .left-wing .price.special li { float: left; width: 138px; } .full-item .left-wing .price li.old { opacity: .25; } .full-item .left-wing .price .capt { font-size: 8px; line-height: 6px; margin-bottom: 18px; letter-spacing: 1.4px; } .full-item .left-wing .price.special .capt { padding-left: 40px; } .full-item .left-wing .price .sum { text-align: center; height: 64px; line-height: 64px; } .full-item .left-wing .price .old .sum { border-left: 1px solid #fff; background: url(../images/item-oldprice-cross.png) no-repeat 50% 0; } .full-item .left-wing .how-it-works { text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.2); padding-bottom: 1px; color: rgba(255,255,255,0.8); } .full-item .left-wing .how-it-works:hover { color: #C9C9C9; border-bottom: 1px dotted rgba(255,255,255,0.4); } .full-item .left-wing .time-left, .full-item .left-wing .how { font-size: 7px; line-height: 10px; text-align: left; margin-bottom: 6px; letter-spacing: 1.3px; } .full-item .left-wing .time-left { margin-bottom: 5px; } .full-item .left-wing .time-left .timer { font-size: 9px; letter-spacing: 4px; margin: 45px 0 20px 45px; } .full-item .left-wing .time-left p { margin: 9px 5px 0 0; text-align: center; } .full-item .left-wing .how a { color: #fff; text-decoration: none; border-bottom: 1px dotted #acb7b7; padding-bottom: 1px; } .full-item .item-holder { height: 430px; margin: auto; padding-top: 30px; } .full-item .item-holder .photo { /*margin-bottom: 48px;*/ } .full-item .item-holder .down { position: absolute; z-index: 3; bottom: -105px; left: 50%; margin-left: -31px; display: inline-block; width: 63px; height: 57px; border: dotted 1px transparent; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); background: url(../images/scroll-to-top-arrow.png) no-repeat 50% 50%; cursor: url(../images/cursor-hover.png), pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .full-item .item-holder .down:hover { border: dotted 1px rgba(255,255,255,0.2); } .full-item .item-holder .glasses { position: absolute; z-index: 2; bottom: 0; left: 50%; margin-left: -24px; display: none ; /*inline-block;*/ width: 48px; height: 42px; background: rgba(34,35,36, .1) url(../images/ico-glasses-gray-s.png) no-repeat 50% 50%; cursor: url(../images/cursor-hover.png), pointer; } .full-item .item-holder .glasses:hover { background-color: rgba(34,35,36, .3) } .full-item .right-wing { float: right; text-align: left; width: 150px; margin-left: 52px; padding-top: 0px; position: relative; } #save-share { position: relative; font-weight: 700; font-size: 10px; line-height: 20px; cursor: url(../images/cursor-hover.png), pointer; position: relative; display: inline-block; color: rgba(255,255,255,0.85); margin-bottom: 38px; letter-spacing: .72px; text-decoration: none; } #save-share:hover { color: #fff; } #save-share .count { position: absolute; top: 0; right: -68px; text-align: center; font-size: 13px; font-weight: 400; float: right; width: 49px; height: 20px; background-image: url(../images/share-count.png); padding-left: 7px; color: #e7e7e7; } #save-share:hover .count { background-position: 0 100%; } #share-popup { } #share-popup .inner { width: 904px !important; text-align: center; background-color: transparent !important; display: block !important; margin: 82px auto; } #share-popup .close { top: 60px; right: 50px; } #share-popup .heading { font-size: 24px; line-height: 24px; margin-bottom: 75px; } #share-popup .pre-title { font-size: 8px; color: #d8d8d9; letter-spacing: 2.2px; line-height: 6px; margin-bottom: 53px; } #share-popup .share { display: inline-block; position: relative; letter-spacing: 8.4px; padding-right: 90px; } #share-popup .share .count { position: absolute; font-size: 15px; letter-spacing: 3px; border: 1px solid #646565; width: 54px; height: 22px; line-height: 22px; padding-left: 4px; top: 1px; right: 2px; } #share-popup .share .count:before, #share-popup .share .count:after { content: ""; position: absolute; } #share-popup .share .count:before { border-right: 9px solid #808080; border-top: 9px solid rgba(113, 101, 58, 0); border-bottom: 9px solid rgba(113, 101, 58, 0); left: -9px; top: 2px; } #share-popup .share .count:after { border-right: 9px solid #212223; border-top: 9px solid rgba(255, 241, 190, 0); border-bottom: 9px solid rgba(255, 241, 190, 0); left: -8px; top: 2px; } #addthis .biggy { } #addthis .biggy a, #addthis .biggy .svpply_button { float: left; display: block; text-decoration: none; color: #fff; border: 1px solid transparent; font-size: 11px; letter-spacing: 1.8px; width: 224px; height: 265px; } #addthis .biggy .svpply_button:hover, #addthis .biggy a:hover { border-color: #353536; } #addthis .biggy img, #addthis .biggy .svpply_button:before { background-image: url(../images/social-icons-big.png); display: block; margin: 44px auto 0; } /* pinterest */ #addthis .biggy a.addthis_button_pinterest_share img { width: 133px; height: 132px; margin-bottom: 36px; } /* wanelo */ #addthis .biggy a.addthis_button_wanelo img { width: 123px; height: 123px; margin-top: 49px; margin-bottom: 40px; background-position: 0 -134px; } /* fancy */ #addthis .biggy a.addthis_button_thefancy img { width: 123px; height: 123px; margin-top: 49px; margin-bottom: 40px; background-position: 0 -260px; } /* svpply */ #addthis .biggy > div { display: inline; } #addthis .biggy .svpply_button { position: relative; background: none !important; } #addthis .biggy .svpply_button:after { content: "svpply"; display: block; } #addthis .biggy .svpply_button:before { content: ""; display: block; width: 127px; height: 127px; margin-bottom: 41px; background-position: 0 -385px; } /* twitter */ #addthis .biggy a.addthis_button_twitter img { width: 129px; height: 105px; margin-top: 55px; margin-bottom: 50px; background-position: 0 -514px; } /* polyvore */ #addthis .biggy a#addToPolyvore img { width: 128px; height: 128px; margin-bottom: 38px; background-position: 0 -621px; } /* facebook */ #addthis .biggy a.addthis_button_facebook img { width: 120px; height: 120px; margin-top: 47px; margin-bottom: 43px; background-position: 0 -751px; } /* e-mail */ #addthis .biggy a.addthis_button_email img { width: 113px; height: 85px; margin-top: 66px; margin-bottom: 59px; background-position: 0 -873px; } /* google+ */ #addthis .biggy a.addthis_button_google_plusone_share img { width: 128px; height: 128px; margin-top: 46px; margin-bottom: 39px; background-position: 0 -960px; } /* tumblr */ #addthis .biggy a.addthis_button_tumblr img { width: 132px; height: 132px; margin-bottom: 37px; background-position: 0 -1090px; } /* amazon */ #addthis .biggy a.addthis_button_amazonwishlist img { width: 130px; height: 130px; margin-top: 48px; margin-bottom: 35px; background-position: 0 -1224px; } /* stumbleupon */ #addthis .biggy a.addthis_button_stumbleupon img { width: 133px; height: 133px; margin-bottom: 36px; background-position: 0 -1356px; } #addthis .smally { margin-left: 159px; margin-top: 56px; position: relative; } #addthis .smally .fb-like-holder { position: absolute; top: 19px; left: -110px; width: 1px; height: 1px; } #addthis .smally a { float: left; display: block; text-decoration: none; color: #fff; font-size: 9px; letter-spacing: 1.8px; width: 94px; } #addthis .smally .bubble { float: left; background-image: url(../images/social-icons-small.png); background-position: -290px 0; width: 53px; height: 32px; line-height: 32px; color: #464646; padding-left: 7px; font-size: 16px; margin: 19px 0 0 -11px; } #addthis .smally a img { background-image: url(../images/social-icons-small.png); display: block; margin: 0 auto; } /* digg */ #addthis .smally a.addthis_button_digg img { width: 57px; height: 33px; margin-top: 15px; margin-bottom: 36px; } /* reddit */ #addthis .smally a.addthis_button_reddit img { width: 43px; height: 60px; margin-bottom: 24px; background-position: -59px 0; } /* linkedin */ #addthis .smally a.addthis_button_linkedin img { width: 45px; height: 45px; margin-top: 12px; margin-bottom: 27px; background-position: -104px 0; } /* vk */ #addthis .smally a.addthis_button_vk img { width: 43px; height: 43px; margin-top: 14px; margin-bottom: 27px; background-position: -151px 0; } /* odnoklassniki */ #addthis .smally a.addthis_button_odnoklassniki_ru img { width: 49px; height: 49px; margin-top: 11px; margin-bottom: 24px; background-position: -196px 0; } /* addthis compact */ #addthis .smally a.addthis_button_expanded img { width: 41px; height: 42px; margin-top: 14px; margin-bottom: 28px; background-position: -247px 0; } .full-item .size { height: 25px; position: relative; z-index: 2; letter-spacing: 1px; margin-bottom: 40px; } .ffSelectWrapper { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: .45; } .ffSelectWrapper:hover, .ffSelectWrapper.active { opacity: 1; } .ffSelectWrapper.error { background-color: rgba(255,0,0, .25); -webkit-box-shadow: 0 0 10px 5px rgba(255,0,0, .25); -moz-box-shadow: 0 0 10px 5px rgba(255,0,0, .25); box-shadow: 0 0 10px 5px rgba(255,0,0, .25); } .ffSelectWrapper .ffSelect, .ffSelectWrapper .ffSelectButton:after, .ffSelectWrapper .ffSelectMenuWrapper, .ffSelectWrapper .ffSelectMenuWrapper li { border-color: rgba(255,255,255, .7); -webkit-transition: border .15s ease-in-out; -moz-transition: border .15s ease-in-out; -o-transition: border .15s ease-in-out; transition: border .15s ease-in-out; } .ffSelectWrapper:hover .ffSelectButton:after, .ffSelectWrapper:hover .ffSelectMenuWrapper, .ffSelectWrapper:hover .ffSelectMenuWrapper li { border-color: rgba(255,255,255, .7); } .ffSelectWrapper.active .ffSelect, .ffSelectWrapper.active .ffSelectButton:after, .ffSelectWrapper.active .ffSelectMenuWrapper, .ffSelectWrapper.active .ffSelectMenuWrapper li { border-color: #fff; } .ffSelectWrapper li.disabled { cursor: default; } .ffSelectWrapper li.disabled span { opacity: .3; } .ffRadioWrapper, .ffCheckboxWrapper { } .ffRadioWrapper a, .ffCheckboxWrapper a { text-decoration: none; color: #fff; } .ffRadioWrapper .ffRadio, .ffCheckboxWrapper .ffCheckbox { float: left; width: 21px; height: 21px; border: 2px solid #e4e4e4; margin-right: 10px; } .ffRadioWrapper .ffRadio:after, .ffCheckboxWrapper .ffCheckbox:after { content: ""; display: block; width: 11px; height: 11px; border-radius: 50%; background-color: #4ec95d; margin: 5px auto 0; opacity: 0; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .ffRadioWrapper.on .ffRadio:after, .ffCheckboxWrapper.on .ffCheckbox:after { opacity: 1; } .ffSelect { border: 1px solid; font-size: 12px; line-height: 25px; color: #fff; letter-spacing: 2.3px; } .ffSelectWrapper.active .ffSelect { background-color: rgba(10,10,10, .81); } .ffSelect a { display: block; text-decoration: none; color: #fff; } .ffSelect .ffSelectButton { color: #fff; height: 25px !important; } .ffSelect .ffSelectButton span { display: block; padding: 0 8px; } .ffSelectButton:after { position: absolute; content: ""; top: 0; right: 0; background: url(../images/select-arrows.png) no-repeat 50% 9px; background-position: 50% -18px; height: 25px; width: 39px; border-left: 1px solid; } .ffSelectWrapper.active .ffSelectButton:after { background-position: 50% -45px !important; } .ffSelectMenuWrapper { width: 100%; border: 1px solid; border-top: none; left: -1px; top: 25px !important; } .ffSelectMenuWrapper li { border-top: 1px solid; background-color: rgb(22,22,22); background-color: rgba(22,22,22, .9); cursor: url(../images/cursor-hover.png), pointer; } .ffSelectMenuWrapper li.selected, .ffSelectMenuWrapper li:hover { background-color: white; color: #000; } .ffSelectMenuMid { text-align: center; border-bottom: none; } .full-item .fitting-info { text-align: left; /* center */ font-size: 9px; line-height: 7px; margin-bottom: 24px; margin-left: 55px; } .full-item .fitting-info a { color: #bdbdbd; border-bottom: 1px dotted #494a4a; text-decoration: none; letter-spacing: 1.2px; } .full-item .fitting-info a:hover { color: #fff; } .full-item .oos, .full-item .submit { margin-bottom: 38px; text-decoration: none; font-weight: 700; text-align: center; } .full-item .submit.reserve { background-image: url(../images/item-reserve.png); width: 149px; height: 37px; } .full-item .submit.reserve:hover { background-position: 0 100%; } .full-item .reserve-question { text-decoration: none; font-size: 12px; line-height: 30px; position: absolute; left: 165px; top: 130px; color: #cecfcf; } .full-item .reserve-question:hover { color: white; } .full-item .oos, .full-item .submit.add, .full-item .submit.checkout { border: 4px solid transparent; display: block; height: 29px; line-height: 29px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .full-item .oos { opacity: .5; border-color: #fff; } .full-item .submit.add { width: 142px; border-color: #fff; color: #fff; letter-spacing: 1.4px; font-size: 14px; } .full-item .submit.add:hover { background-color: #fff; color: #000; } .full-item .submit.checkout { width: 140px; border-color: #2fe667; color: #2fe667; letter-spacing: 1.8px; font-size: 13px; } .full-item .submit.checkout:hover { background-color: #2fe667; color: #fff; } .full-item .features { text-align: center; font-size: 8px; line-height: 10px; color: rgba(255,255,255,0.85); width: 260px; margin-left: -55px; letter-spacing: 1px; margin-bottom: 23px; } .full-item .features li { /* display: inline-block; width: 84px; margin-bottom: 25px; */ display: list-item; width: 164px; margin-bottom: 15px; text-align: left; margin-left: 55px; } .full-item .features .tiltpreorder { color: rgb(237, 255, 183); } .full-item .features li.two { width: 45%; } .full-item .features a { color: rgba(255,255,255,0.85); text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.5); font-size: 9px; padding-bottom: 2px; } .full-item .features a:hover { color: #fff; } #item-inform, #another-html-block { width: 620px; margin: 0 auto; padding: 92px 0 104px; text-align: center; } #another-html-block { margin-top: -165px; } #item-inform .story, #another-html-block { color: #cececf; font-size: 17px; line-height: 32px; text-transform: none; letter-spacing: .6px; } #item-inform .story p, #another-html-block p { margin: 0; } #item-inform .owners-club { float: right; margin: -24px -360px 0 0; width: 166px; color: #dfdfdf; display: none; } #item-inform .owners-club h4 { font-size: 9px; line-height: 8px; font-weight: 400; margin: 0 0 22px; letter-spacing: 2.2px; } #item-inform .owners-club h4 .icon { margin: 0 7px; vertical-align: 0; } #item-inform .owners-club .owners { background-image: url(../images/owners-club-users.jpg); height: 88px; margin-bottom: 21px; } #item-inform .owners-club .access-club { display: inline-block; height: 18px; text-decoration: none; font-size: 11px; line-height: 18px; font-weight: 700; margin: 0 0 11px; color: #dfdfdf; padding: 0 3px 0 5px; border: 1px solid #606161; letter-spacing: 2.2px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #item-inform .owners-club .access-club:hover { color: #fff; border-color: #fff; } #item-inform .owners-club .access-club .icon { margin: 0 5px 0 3px; vertical-align: 1px; } #item-inform .owners-club h6 { font-size: 7px; line-height: 6px; font-weight: 400; margin: 0; color: #8a8a8a; letter-spacing: 1.4px; } #item-inform .menu { float: left; margin: -10px 0 0 -356px; text-align: left; font-size: 9px; line-height: 33px; letter-spacing: 1.7px; display: none; } #item-inform .menu li { padding-left: 31px; background-position: 0 50%; background-repeat: no-repeat; } #item-inform .menu li.hires { background-image: url(../images/ico-menu-photo.png); } #item-inform .menu li.video { background-image: url(../images/ico-menu-video.png); } #item-inform .menu li.features { background-image: url(../images/ico-menu-features.png); background-position: 1px 50%; } #item-inform .menu li.owners { background-image: url(../images/ico-menu-club.png); } #item-inform .menu a { text-decoration: none; color: #cececf; border-bottom: 1px dotted #3b3c3d; padding-bottom: 3px; -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; } #item-inform .menu a:hover { color: #fff; } #item-big-ads, #item-medium-ads { text-align: center; overflow: hidden; } #item-big-ads img, #item-medium-ads img { max-width: 100%; } #item-medium-ads img { margin-bottom: 230px; } #item-big-ads { margin-bottom: 165px; position: relative; /* background-position: 50% 0; background-repeat: no-repeat; background-size: 100%; height: 955px; */ } #item-big-ads img { width: 100%; max-width: 100%; } #item-big-ads .text { line-height: 120px; color: #fff; font-size: 103px; letter-spacing: 147px; padding-left: 147px; display: none; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #item-slider .bxslider { position: relative; margin: 0; background: #212223; } #item-slider li { height: 768px; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; } .page-home #item-slider li { height: 568px; } #item-slider .caption { font-size: 10px; line-height: 20px; color: #212223; letter-spacing: 2.6px; width: 310px; margin: 0; padding: 10px 15px; background-color: rgba(255,255,255,0.7); position: relative; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #item-slider .bxslider img { max-width: 100%; display: block; margin: 0 auto; } #item-slider .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } #item-slider .bx-wrapper .bx-controls { position: relative; height: 208px; } #item-slider .bx-wrapper .bx-pager { text-align: center; padding-top: 60px; } #item-slider .bx-wrapper .bx-pager .bx-pager-item, #item-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } #item-slider .bx-wrapper .bx-pager.bx-default-pager a { background: #363839; text-indent: -9999px; display: block; width: 9px; height: 9px; margin: 0 9px; outline: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #item-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #item-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f0f8ff; } #item-slider .bx-wrapper .bx-prev, #item-slider .bx-wrapper .bx-next { position: absolute; width: 27px; height: 52px; top: 42px; overflow: hidden; text-indent: -9999px; } #item-slider .bx-wrapper .bx-prev { left: 52px; background-image: url(../images/slider-arrow-left.png); } #item-slider .bx-wrapper .bx-next { right: 52px; background-image: url(../images/slider-arrow-right.png); } #item-video { width: 816px; margin: 0 auto 238px; color: #d9d9d9; } #item-video h2 { text-align: center; font-size: 18px; line-height: 14px; letter-spacing: 5.4px; font-weight: 400; margin: 0 0 154px; } #item-video aside { float: right; width: 260px; margin: 125px -352px 0 0; } #item-video aside h4 { font-size: 9px; line-height: 7px; letter-spacing: 2.4px; font-weight: 400; margin: 0 0 31px; color: #5e5f5f; } #item-video aside h3 { font-size: 11px; line-height: 16px; letter-spacing: 2.6px; font-weight: 400; margin: 0 0 10px; } #item-video aside p { font-size: 7px; line-height: 13px; letter-spacing: 2px; margin: 0; padding-right: 50px; color: #bcbcbc; } #item-video .video { cursor: url(../images/cursor-hover.png), pointer; width: 100%; height: 394px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; } #item-video .video:after, #item-video .video:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #item-video .video:after { background: url(../images/item-video-play.png) no-repeat 50% 50%; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #item-video .video:before { background: rgba(17,17,25, .8) url(../images/video-pattern-over.png) repeat 0 0; } #item-video .video:hover:after { left: -18px; top: -18px; background-color: rgba(166,171,176, .06); } .popup .close { position: absolute; top: -11px; right: -11px; background-image: url(../images/ico-close.png); width: 22px; height: 22px; cursor: url(../images/cursor-hover.png), pointer; } #pop-video { display: none; position: absolute; z-index: 999; top: 0; left: 0; background-color: #000; height: 394px; width: 816px; } #pop-video .close { position: absolute; top: 0; right: -60px; background-image: url(../images/video-close.png); width: 25px; height: 25px; cursor: url(../images/cursor-hover.png), pointer; opacity: .3; } #pop-video .close:hover { opacity: 1; } #item-features { color: #d9d9d9; } #item-features h2 { text-align: center; font-size: 18px; line-height: 14px; letter-spacing: 6px; font-weight: 400; margin: 0 0 63px; padding-left: 6px; } #item-features .features { width: 80% ; /* 1216px; */ margin: 0 auto; text-align: center; padding-bottom: 100px; } #item-features dl { float: left; text-align: left; width: 25.8%; /*336px;*/ min-height: 250px; padding-top: 101px; margin-right: 11%; /*104px;*/ margin-bottom: 80px; } #item-features dl:nth-child(3n) { margin-right: 0; } #item-features dl.fabric { background: url(../images/features-fabric.jpg) no-repeat 50% 23px; } #item-features dl.print { background: url(../images/features-print.jpg) no-repeat 50% 22px; } #item-features dl.fit { background: url(../images/features-fit.jpg) no-repeat 50% 40px; } #item-features dl.finish { background: url(../images/features-finish.jpg) no-repeat 50% 17px; } #item-features dl.usa { background: url(../images/features-usa.png) no-repeat 50% 14px; } #item-features dl.return { background: url(../images/features-return.jpg) no-repeat 50% 0; } #item-features dt { border-top: 1px solid #2c2d2e; text-align: center; padding: 18px 11% 24px; font-size: 12px; line-height: 17px; letter-spacing: 3.5px; min-height: 34px; } #item-features dd { font: normal 12px/19px Arial, Helvetica, sans-serif; text-transform: none; padding: 0 5%; color: #eaeaea; max-width: 250px; margin: auto; } #item-features dl.return dd { /* background: url(../images/features-return-small.png) no-repeat 50% 100%; padding-bottom: 48px; */ } #item-extras { width: 585px; margin: 0 auto 162px; text-align: center; display: none; } #item-extras .owners-club { float: right; margin: 174px -270px 0 0; width: 128px; color: #dfdfdf; } #item-extras .owners-club h4 { font-size: 7px; line-height: 6px; font-weight: 400; margin: 0 0 18px; color: #8a8a8a; letter-spacing: 1.4px; } #item-extras .owners-club .access-club { display: inline-block; height: 18px; text-decoration: none; font-size: 11px; line-height: 18px; font-weight: 700; margin: 0 0 10px; color: #dfdfdf; padding: 0 3px 0 5px; border: 1px solid #606161; letter-spacing: 2.2px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #item-extras .owners-club .access-club:hover { color: #fff; border-color: #fff; } #item-extras .owners-club .access-club .icon { margin: 0 5px 0 3px; vertical-align: 1px; } #item-extras .owners-club .more { font-size: 8px; line-height: 7px; color: #ececec; text-decoration: none; border-bottom: 1px dotted #4d4e4f; padding-bottom: 2px; letter-spacing: 2.4px; } #item-extras .owners-club .more:hover { color: #fff; } #item-extras .powered { float: left; margin: 164px 0 0 -290px; width: 159px; font-size: 7px; line-height: 6px; color: #5e5f5f; background: url(../images/extras-volgaverdi.png) no-repeat 50% 0; padding-top: 147px; letter-spacing: 1.4px; } #item-extras h2 { font-size: 20px; line-height: 14px; letter-spacing: 5px; font-weight: 400; margin: 0 0 59px; padding-left: 6px; } #item-extras .tt { font-size: 14px; line-height: 19px; color: #f9f9f9; text-transform: none; } #item-extras .tt.t-1 { margin-bottom: 71px; } #item-extras .tt.t-2 { margin-bottom: 41px; } #item-extras .people { background: url(../images/extras-people.png) no-repeat 50% 50%; height: 48px; border: 5px solid #fff; position: relative; margin-bottom: 42px; } #item-extras .people:after { position: absolute; z-index: -1; content: ""; left: 50%; top: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 140px 20px rgba(255,255,255, .6); background-color: #303131; } #item-extras .t-3 { color: #9d9d9e; font-size: 8px; line-height: 13px; letter-spacing: 1.4px; border-bottom: 1px solid #383939; margin: 0 76px 29px; padding-bottom: 23px; } #item-extras .benefits { color: #ececec; font-size: 10px; line-height: 12px; letter-spacing: 1px; } #item-extras .benefits li { margin-bottom: 13px; } .big-sep { height: 15px; background-color: #fff; clear: both; } #item-reserve { padding: 155px 0 155px; margin: 0 auto; width: 90% ; /*1105px;*/ display: table; } #item-reserve .action, #item-reserve .info, #item-reserve .photo { display: table-cell; vertical-align: middle; } #item-reserve .info { text-align: center; width: 250px; } #item-reserve .info .heading { color: #fff; font-size: 18px; line-height: 19px; letter-spacing: 9px; margin-bottom: 16px; } #item-reserve .info .vv { color: #899095; font-size: 8px; line-height: 6px; letter-spacing: 4px; } #item-reserve .photo { text-align: center; width: 49%; padding: 0; } #item-reserve .photo a { position: relative; } #item-reserve .photo span:after { position: absolute; content: ""; left: 50%; top: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0 0 20px 10px #fff; -webkit-transition: box-shadow 6s ease-in-out; -moz-transition: box-shadow 6s ease-in-out; -o-transition: box-shadow 6s ease-in-out; transition: box-shadow 6s ease-in-out; } #item-reserve .photo span:hover:after { box-shadow: 0 0 140px 90px #fff; background-color: #fff; } #item-reserve .photo img { max-height: 314px; position: relative; z-index: 2; vertical-align: middle; } #item-reserve .action { width: 193px; padding-left: 57px; } #item-reserve .price { font-size: 13px; line-height: 12px; color: #fff; text-align: center; margin: 0 0 26px; letter-spacing: 2.8px; } #item-reserve .old-price { margin-left: 12px; color: #676d70; padding: 0 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNIzy34DwAExwJEVhYfmwAAAABJRU5ErkJggg==) repeat-x 0 50%; } #item-reserve .size { margin-bottom: 13px; } #item-reserve .guide { margin-bottom: 14px; font-size: 8px; line-height: 6px; letter-spacing: 1.4px; text-align: center; } #item-reserve .guide a { text-decoration: none; color: #899095; } #item-reserve .guide a.right { float: right; } #item-reserve .guide a:hover { color: #fff; } #item-reserve .oos, #item-reserve .submit { margin-bottom: 48px; text-decoration: none; font-weight: 700; text-align: center; display: block; } #item-reserve .submit.reserve { background-image: url(../images/item-reserve-biggy.png); height: 48px; margin-bottom: 33px; } #item-reserve .submit.reserve:hover { background-position: 0 100%; } #item-reserve .oos, #item-reserve .submit.add, #item-reserve .submit.checkout { border: 4px solid transparent; height: 29px; line-height: 29px; } #item-reserve .oos { opacity: .5; border-color: #fff; } #item-reserve .submit.add { border-color: #fff; color: #fff; letter-spacing: 1.4px; font-size: 14px; } #item-reserve .submit.add:hover { background-color: #fff; color: #000; } #item-reserve .submit.checkout { border-color: #2fe667; color: #2fe667; letter-spacing: 1.8px; font-size: 13px; } #item-reserve .submit.checkout:hover { background-color: #2fe667; color: #fff; } #item-reserve .reserve:hover { background-position: 0 100%; } #item-reserve .timer { } #item-reserve .timer .do-timer { font-size: 12px; line-height: 10px; padding-bottom: 11px; color: #c6d0d7; letter-spacing: 2.2px; margin: 0 auto; width: 96px; } #item-reserve .timer .time-left { font-size: 8px; line-height: 6px; color: #676d70; letter-spacing: 1.6px; text-align: center; } #item-more { max-width: 1352px; margin: 0 auto; padding-top: 118px; width: 88%; } .page-product #item-more, .page-product #item-reserve { display: none ;} #item-more h3 { font-size: 13px; line-height: 11px; letter-spacing: 3px; color: #fff; margin: 0 0 0 18px; } #item-more .bx-wrapper { position: relative; } #item-more .bx-viewport, #item-more .featured-items { padding-top: 150px; } #item-more .bx-prev, #item-more .bx-next { display: block; position: absolute; top: 50%; margin-top: -32px; width: 33px; height: 64px; overflow: hidden; text-indent: -999px; opacity: .8; } #item-more .bx-prev:hover, #item-more .bx-next:hover { opacity: 1; } #item-more .bx-prev { left: -32px; background-image: url(../images/feat-slider-left.png); } #item-more .bx-next { right: -32px; background-image: url(../images/feat-slider-right.png); } #item-more .items { } #item-more .items .item { float: left; width: 21%; /* 200px */ height: 354px; /*margin: 0 184px 60px 0;*/ /*margin: 0 13% 60px 0;*/ margin: 0 5% 60px 0; text-align: center; text-decoration: none; } #item-more .items .item.placeholder { padding-top: 242px; height: 108px; background: url(../images/no-image-2.png) no-repeat 50% 0; } #item-more .items .item:nth-child(4n) { margin-right: 0; } #item-more .items .photo { height: 200px; line-height: 200px; margin-bottom: 50px; position: relative; } /* #item-more .items .photo:after { position: absolute; content: ""; left: 50%; top: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 20px 5px #fff; -webkit-transition: box-shadow 7s ease-out; -moz-transition: box-shadow 7s ease-out; -o-transition: box-shadow 7s ease-out; transition: box-shadow 7s ease-out; } #item-more .items a.item:hover .photo:after { box-shadow: 0 0 120px 55px #fff; }*/ #item-more .items .photo img { max-height: 200px; max-width: 200px; position: relative; z-index: 2; } #item-more .items h2 { color: #dadada; font-size: 10px; line-height: 11px; letter-spacing: 3.1px; margin-bottom: 16px; } #item-more .items .placeholder h2 { color: #4c4c4c; letter-spacing: 2px; margin-bottom: 29px; } #item-more .items .price { color: #a9a9aa; font-size: 12px; line-height: 10px; letter-spacing: 2.7px; margin-bottom: 14px; } #item-more .items .old-price { padding: 0 6px; margin-left: 2px; color: #676d70; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNIzy34DwAExwJEVhYfmwAAAABJRU5ErkJggg==) repeat-x 0 50%; } #item-more .items .status { display: inline-block; line-height: 13px; height: 13px; padding: 0 4px 0 5px; font-size: 10px; color: #4c4c4c; letter-spacing: 1.2px; } #item-more .items .status.released { background-color: #4bdbf5; } #item-more .items .status.in-production { background-color: #32fd71; } #item-more .items .status.in-stock { color: #4d5052; font-size: 7px; margin-top: -2px; } #item-more .items .track { line-height: 11px; font-size: 7px; color: #4d5052; letter-spacing: 1.2px; margin-bottom: 16px; } #item-more .items .track .hint { background-color: #287a42; padding: 0 2px 0 4px; color: #212223; cursor: url(../images/cursor-hover.png), pointer; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } #item-more .items .track .hint:hover { background-color: #32fd71; } #item-more .items .quest { display: block; width: 12px; height: 12px; line-height: 12px; font-size: 10px; margin: 0 auto; border: 1px solid #2f2f30; background-color: #242526; color: #303132; text-decoration: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #item-more .items .quest:hover { color: #565758; border-color: #373839; } #footer { background: #121212 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAEUlEQVQImWMQEhL6LyYm9h8ACEMCd1RV6nYAAAAASUVORK5CYII=) repeat; padding: 78px 0 28px; } #footer .inner { margin: 0 auto; width: 88% ; /*1704px;*/ } #short-blog { margin-bottom: 120px; } #short-blog h3 { font-size: 15px; line-height: 11px; letter-spacing: 10px; color: #fff; margin: 0 0 72px; } #short-blog h3 a { text-decoration: none; border-bottom: solid 1px #202020; padding-bottom: 4px; } #short-blog h3 a span { letter-spacing: 0; } #short-blog .posts { } #short-blog .post { display: block; width: 19.5%; /* 294px; */ float: left; text-decoration: none; margin-right: 7%; /* 176px; */ -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #short-blog .post:nth-child(4n) { margin-right: 0; } #short-blog .post:hover { opacity: 0.75; } #short-blog .cover { /* height: 274px; */ margin-bottom: 1em; } #short-blog .cover img { width: 100%; } #short-blog h2 { color: #fff; font-size: 10px; line-height: 15px; letter-spacing: 1.8px; font-weight: 400; margin: 0; } #footer .forbes { background: url(../images/footer-forbes.png) no-repeat 100% 0; width: 386px; height: 35px; margin: 0 auto 57px; } #footer .subscribe { float: right; width: 295px; text-align: center; margin-top: 21px; } #footer .subscribe .text-holder { border-bottom: 1px solid #545454; padding: 0 2px 7px; margin-bottom: 15px; } #footer .subscribe .text-holder input { border: none; height: 23px; text-align: center; background: transparent; color: #4ec95d; width: 290px; padding: 0px; font-size: 9px; letter-spacing: 2px; text-align: left; -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; } #footer .subscribe .text-holder input::-webkit-input-placeholder { color: #515151; text-align: center; } #footer .subscribe .text-holder input::-moz-placeholder { color: #515151; text-align: center; } #footer .subscribe .text-holder input:-ms-input-placeholder { color: #515151; text-align: center; } #footer .subscribe input[type="submit"] { border: 1px solid #414141; color: #919191; background: transparent; height: 25px; padding: 0 6px 0 9px; font-size: 10px; letter-spacing: 2.2px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #footer .subscribe input[type="submit"]:hover { border-color: #555; color: #f1f1f1; } #footer .pride-icons { float: left; background-image: url(../images/footer-pride-icons.png); width: 318px; height: 43px; margin-top: 21px; } #footer .box { margin: 0 0 0 27.7%; } #footer .box .navigation { margin-bottom: 23px; font-size: 8px; line-height: 24px; letter-spacing: 1.6px; } #footer .box .navigation li { float: left; margin-right: 43px; white-space: pre-line; } #footer .box .navigation li:last-child { margin-right: 0; } #footer .box .navigation a { text-decoration: none; color: #dedede; } #footer .box .navigation a:hover { color: #fff; } #footer .box .sub-nav { line-height: 19px; font-size: 8px; letter-spacing: 1.6px; color: #fff; } #footer .box .sub-nav li { float: left; } #footer .box .sub-nav .c-1 { width: 96px; } #footer .box .sub-nav .c-2 { width: 99px; } #footer .box .sub-nav .c-3 { width: 125px; } #footer .box .sub-nav a { text-decoration: none; color: #a7a7a7; } #footer .box .sub-nav a:hover { color: #fff; } #footer .box .sub-nav .fb { margin-right: 83px; } #footer .box .sub-nav .social { margin-right: 5px; } #footer .box .sub-nav .social a { display: block; float: left; background-image: url(../images/footer-social-icons.png); width: 16px; height: 16px; opacity: .2; margin-right: 28px; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } #footer .box .sub-nav .social a:hover { opacity: .8; } #footer .box .sub-nav .social a.twitter { height: 14px; width: 17px; margin-top: 1px; } #footer .box .sub-nav .social a.facebook { background-position: -18px 0; } #footer .box .sub-nav .social a.instagram { background-position: -35px 0; } #footer .box .sub-nav .social a.mine { width: 14px; background-position: -52px 0; } #footer .box .sub-nav .copyright { letter-spacing: 1.2px; } /* footer response */ @media all and (max-width: 1760px) { #footer { padding-top: 38px; } #short-blog h3 { margin-bottom: 42px; } #footer .box .navigation { display: inline-block; text-align: left; } #footer .box { margin: 0 auto ; clear: both; text-align: center; } #footer .pride-icons { display: none; float: none; margin: 0 auto 30px; } #footer .box .sub-nav { clear: both; display: inline-block; margin-right: 48px; } #footer .box .sub-nav li { text-align: left; } #footer .box .sub-nav .social { margin-left: 48px; } #footer .subscribe { float: none; margin-left: auto; margin-right: auto; margin-bottom: 35px; } #footer .box .sub-nav .fb { margin-right: 30px; } } @media all and (max-width: 1015px) { #footer .box .navigation li { width: 120px; } #footer .box .navigation { width: 495px; padding-left: 90px; } #footer .box .sub-nav { margin-top: 15px; margin-right: 0; } #footer .box .sub-nav li { display: inline-block; float: none; text-align: center; } #footer .box .sub-nav .fb { clear: both; margin: 40px 0; width: 100%; } /* header */ #header { height: 978px; } .full-item { margin-top: 12px; } .full-item .item-holder .photo { margin-top: 20px; } .full-item .item-holder .photo img { width: 350px; } .full-item .right-wing, .full-item .left-wing { float: none; display: inline-block; } .full-item .left-wing { margin-right: 60px; } } /* ---------------------------------------------------------------- */ #faq-size { padding: 57px 0 48px 90px; letter-spacing: 1.8px; } #faq-size .sex { margin: 0 0 56px 256px; } #faq-size .size-holder a, #faq-size .sex a { display: block; float: left; border: 5px solid transparent; text-decoration: none; color: #fff; height: 31px; line-height: 31px; font-size: 11px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #faq-size .size-holder a:hover, #faq-size .sex a:hover { border-color: #272729; background-color: #272729; } #faq-size .size-holder a.active, #faq-size .sex a.active { border-color: #fff; background-color: transparent; cursor: default; } #faq-size .sex a { padding: 0 15px 0 17px; margin-right: 86px; } #faq-size .size-holder { margin: 0 0 82px 0; } #faq-size .size-holder li { float: left; } #faq-size .size-holder li.title { width: 110px; margin: 5px 114px 0 0; font-size: 9px; line-height: 13px; } #faq-size .size-holder li.measurement { margin-right: 104px; } #faq-size .size-holder li.measurement a { margin-right: 16px; padding: 0 7px; height: 26px; line-height: 26px; } #faq-size .size-holder li.unites { } #faq-size .size-holder li.unites a { padding: 0 4px 0 6px; height: 26px; line-height: 26px; font-size: 9px; } #faq-size .content { margin-bottom: 174px; } #faq-size .body-parts { float: left; width: 180px; font-size: 9px; line-height: 9px; letter-spacing: 2px; margin: 43px 66px 0 0; } #faq-size .body-parts li { border-bottom: 1px solid transparent; padding: 17px 0; height: 14px; cursor: url(../images/cursor-hover.png), pointer; } #faq-size .body-parts li:hover { border-color: #272729; } #faq-size .body-parts .in { display: none; } #faq-size .size { font-size: 11px; color: #bcff6b; } #faq-size .body-parts .size { float: right; } #faq-size .shirt { background-image: url(../images/size-shirt.jpg); width: 284px; height: 275px; float: left; position: relative; } #faq-size .shirt li { display: none; } #faq-size .shirt .lines { position: absolute; border: solid rgba(255,255,255, .1); border-width: 0 1px; } #faq-size .shirt .arrow { background-color: #bcff6b; height: 1px; position: absolute; left: 4px; right: 4px; } #faq-size .shirt .size { position: absolute; line-height: 9px; } #faq-size .shirt .in { display: none; } #faq-size .shirt .length .lines { width: 308px; height: 249px; border-width: 1px 0; left: -15px; top: 24px; } #faq-size .shirt .length .lines .arrow { left: 50%; margin-left: -2px; width: 1px; height: auto; top: 4px; bottom: 4px; left: 155px; right: auto; } #faq-size .shirt .length .arrow:after, #faq-size .shirt .length .arrow:before { width: 3px; height: 5px; left: -1px; } #faq-size .shirt .length .arrow:after { background-position: 0 -3px; top: -3px; bottom: auto; } #faq-size .shirt .length .arrow:before { background-position: 0 -8px; bottom: -3px; top: auto; } #faq-size .shirt .length .size { top: 144px; left: 151px; } #faq-size .shirt .waist .lines, #faq-size .shirt .chest .lines { width: 160px; height: 350px; left: 56px; top: -30px; } #faq-size .shirt .chest .lines .arrow { top: 111px; } #faq-size .shirt .waist .lines .arrow { bottom: 57px; } #faq-size .shirt .chest .size { top: 52px; left: 112px; text-align: center; width: 60px; } #faq-size .shirt .waist .size { top: 232px; left: 112px; text-align: center; width: 60px; } #faq-size .shirt .sleeve .lines { width: 72px; height: 66px; right: 15px; top: 0px; -webkit-transform: rotate(29deg); -moz-transform: rotate(29deg); -o-transform: rotate(29deg); -ms-transform: rotate(29deg); } #faq-size .shirt .sleeve .size { top: 5px; right: 70px; text-align: right; } #faq-size .shirt .sleeve .lines .arrow { top: 3px; } #faq-size .shirt .arrow:before, #faq-size .shirt .arrow:after { content: ""; position: absolute; top: -1px; background-image: url(../images/size-shirt-arrows.png); width: 5px; height: 3px; } #faq-size .shirt .arrow:after { left: -3px; } #faq-size .shirt .arrow:before { background-position: 5px 0; right: -3px; } #faq-size .content .title { float: left; font-size: 9px; line-height: 14px; width: 124px; margin: 124px 0 0 72px; } #faq-track { padding: 57px 0 48px 240px; letter-spacing: 1.8px; } #faq-track .some-blabla { margin: 0 0 66px 33px; } #faq-track .heading { margin: 0 0 87px 59px; width: 340px; text-align: center; } #faq-track .form { width: 439px; text-align: center; margin: 0 0 118px 6px; } #faq-track .form label { display: block; } #faq-track .sex { line-height: 25px; margin: 0 0 27px 134px; text-align: left; font-size: 11px; } #faq-track .sex .label { float: left; margin-right: 24px; color: #cecece; cursor: url(../images/cursor-hover.png), pointer; } #faq-track .email { margin: 0 0 45px 0; font-size: 10px; color: #626263; letter-spacing: 2.6px; } #faq-track .email input { font-size: 20px; color: #4ec95d; height: 47px; border: solid #f0f0f0; border-width: 0 0 1px; background-color: transparent; text-align: center; width: 429px; padding: 0; letter-spacing: 4.8px; margin-bottom: 8px; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #faq-track .submit { margin-bottom: 12px; } #faq-track button { border: 5px solid #fff; background-color: transparent; line-height: 39px; color: #fff; font-size: 32px; font-weight: 700; padding: 0 3px 0 9px; letter-spacing: 6px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #faq-track button:hover { background-color: #fff; color: #1a1a1c; } #faq-track .stop-track { font-size: 8px; color: #a1a1a2; letter-spacing: 2px; text-decoration: none; border-bottom: solid 1px #444; padding-bottom: 3px; } #faq-track .stop-track:hover { color: #fff; text-decoration: none; border-bottom-color: #888; } #faq-track .unsubscribe { margin-top: 20px; } #faq-track .reason-title { font-size: 15px; line-height: 18px; margin-bottom: 42px; letter-spacing: 5px; width: 465px; } #faq-track .reason-content { font-size: 14px; line-height: 20px; text-transform: none; color: #9c9da3; letter-spacing: 0; width: 465px; margin-bottom: 82px; } #faq-track .reason-content p { margin-bottom: 20px; } #faq-track .reason-content a { color: #9c9da3; } #faq-track .footer { margin-left: -152px; } #faq-rules { padding: 94px 188px 20px 218px; letter-spacing: 1.8px; width: 516px; } #faq-rules .heading { margin: 0 0 88px 0; text-align: center; } #faq-rules dl { margin-bottom: 100px; font-size: 11px; line-height: 19px; color: #dfdfdf; } #faq-rules dt { font-size: 14px; color: #5dff70; text-align: center; margin-bottom: 54px; letter-spacing: 2.8px; padding-right: 8px; } #faq-rules dd { margin-bottom: 13px; letter-spacing: 2px; } #faq-rules abbr a { text-decoration: none; color: #dfdfdf; } #faq-reserve { padding: 53px 192px 48px 240px; letter-spacing: 1.8px; } #faq-reserve .some-blabla { margin: 0 0 44px 33px; font-size: 10px; letter-spacing: 6px; } #faq-reserve .heading { margin: 0 0 97px 64px; } #faq-reserve dl { padding-top: 84px; margin-left: -28px; } #faq-reserve dl.new { width: 529px; background: url(../images/faq-reserve-b1.png) no-repeat 230px 0; margin-bottom: 100px; } #faq-reserve dl.limited { background: url(../images/faq-reserve-b2.png) no-repeat 50% 5px; margin-bottom: 80px; } #faq-reserve dl.soon { background: url(../images/faq-reserve-b3.png) no-repeat 50% 0; margin-bottom: 129px; } #faq-reserve dt { color: #fff; font-size: 14px; line-height: 22px; letter-spacing: 2.8px; margin-bottom: 38px; text-align: center; } #faq-reserve dl.new dt { padding-right: 22px; } #faq-reserve dd { color: #a8a8a8; font-size: 9px; line-height: 14px; letter-spacing: 1.8px; } #faq-reserve dd a { color: #a8a8a8; } #faq-reserve dl .track { background-color: #000; padding: 2px 2px 2px 16px; position: relative; cursor: url(../images/cursor-hover.png), pointer; margin-right: 3px; } #faq-reserve dl .track:hover { color: #fff; } #faq-reserve dl .track:after { content: ""; position: absolute; left: 5px; top: 4px; width: 7px; height: 7px; border-radius: 50%; background-color: #5dff70; } #faq-reserve dl.two-rows dd { float: left; } #faq-reserve dl.new.two-rows dd.first { width: 258px; margin-right: 37px; } #faq-reserve dl.new.two-rows dd.last { width: 234px; } #faq-reserve dl.limited.two-rows dd.first { width: 234px; margin-right: 60px; } #faq-reserve dl.limited.two-rows dd.last { width: 195px; } #faq-reserve dl.one-row dd { padding: 0 30px; } #faq-reserve .note { font-size: 9px; line-height: 17px; border: 1px solid #313133; padding: 45px 55px 45px 72px; width: 466px; margin: 0 0 48px -70px; } #faq-reserve .note:before { content: "*"; float: left; font-size: 23px; margin: 4px 0 0 -23px; } #faq-reserve .footer { margin-left: -150px; } #faq-club { padding: 53px 0 48px 0; letter-spacing: 1.8px; } #faq-club .some-blabla { margin: 0 0 60px 275px; } #faq-club .heading { margin: 0 0 89px 0; text-align: center; padding-left: 14px; } #faq-club .form { margin: 0 0 86px 276px; font-size: 7px; color: #9c9c9c; width: 388px; line-height: 20px; letter-spacing: 1.3px; } #faq-club .form.join { display: none } #faq-club .form .row { } #faq-club .form .right { float: right; } #faq-club .form .left { float: left; } #faq-club .form a { color: #9c9c9c; text-decoration: none; border-bottom: 1px dotted #484849; padding-bottom: 1px; } #faq-club .form .inputs { margin: 12px 0 23px; } #faq-club .form .social-login { } #faq-club .form .social-login li { float: left; margin-right: 18px; } #faq-club .form .social-login li:first-child { margin-right: 14px; } #faq-club .form .social-login a { font-size: 9px; padding-bottom: 2px; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } #faq-club .form .social-login .fb { color: #234890; } #faq-club .form .social-login .fb:hover { color: #2b69d9; } #faq-club .form .social-login .tw { color: #1a6a80; } #faq-club .form .social-login .tw:hover { color: #1ac2ec; } #faq-club .form .social-login .gp { color: #904b1a; } #faq-club .form .social-login .gp:hover { color: #ec7718; } #faq-club .form input.text { border: 1px solid #515153; background-color: transparent; height: 35px; color: #4ec95d; letter-spacing: 1.8px; font-size: 8px; padding: 0; } #faq-club .form.access input.text { margin: 12px 0 15px; width: 100%; text-align: center; } #faq-club .form.join input.text { float: left; width: 145px; padding: 0 21px; } #faq-club .form.join input.text.first { margin-right: 10px; } #faq-club .form input.text::-webkit-input-placeholder { color: #606061; } #faq-club .form input.text::-moz-placeholder { color: #606061; } #faq-club .form input.text:-ms-input-placeholder { color: #606061; } #faq-club .form input.text.key { background: url(../images/code-key.png) no-repeat 14px 50%; } #faq-club .form input[type="submit"] { font-size: 11px; color: #dfdfdf; background-color: transparent; border: 1px solid #5a5a5c; height: 18px; padding: 0 7px 0 8px; margin: 0 auto; display: block; letter-spacing: 1.9px; } #faq-club .form.join input[type="submit"] { float: right; padding: 0 14px 0 15px; height: 20px; } #faq-club .form input[type="submit"]:hover { color: #fff; border-color: #fff; } #faq-club .form .lost-pass { text-align: right; margin-top: 18px; } #find-code { border: solid #313133; border-width: 1px 0; margin-bottom: 70px; position: relative; padding: 50px 120px; display: none; } #find-code .hide { top: 35px; right: 44px; } #faq-club .short-benefits { margin: 0 0 65px 134px; } #faq-club .short-benefits dl { float: left; width: 254px; } #faq-club .short-benefits dl.first { margin-right: 192px; } #faq-club .short-benefits dt { display: inline-block; border: 4px solid #fff; font-size: 11px; line-height: 29px; padding: 0 15px; color: #efeff0; margin-bottom: 22px; } #faq-club .short-benefits dd { font-size: 8px; line-height: 14px; color: #bebebf; } #faq-club .short-benefits dd.link { width: 218px; text-align: center; margin-top: 28px; } #faq-club .short-benefits dd.link a { color: #9c9c9c; text-decoration: none; border-bottom: 1px dotted #484849; padding-bottom: 2px; font-size: 7px; } #faq-club .benefits-header { background: url(../images/faq-club-header.jpg) no-repeat 50% 50%; width: 918px; height: 249px; margin: 0 auto 52px; text-align: center; } #faq-club .benefits-header .title { letter-spacing: 7px; font-size: 17px; line-height: 13px; margin-bottom: 107px; padding: 56px 0 0 7px; } #faq-club .benefits-header .content { letter-spacing: 1px; font-size: 9px; line-height: 14px; color: #dedede; } #faq-club .membership, #faq-club .benefits { width: 490px; margin-left: 230px; } #faq-club .benefits dl { margin-bottom: 82px; } #faq-club .benefits dl.pic { padding-top: 40px; background-repeat: no-repeat; background-position: 50% 0; } #faq-club .benefits dl.personalized { background-image: url(../images/faq-club-ico-personalized.png); } #faq-club .benefits dl.prior { background-image: url(../images/faq-club-ico-prior.png); } #faq-club .benefits dl.private { background-image: url(../images/faq-club-ico-private.png); } #faq-club .benefits dl.direct { background-image: url(../images/faq-club-ico-direct.png); } #faq-club .benefits dl.secret { background-image: url(../images/faq-club-ico-secret.png); } #faq-club .benefits dl.star { background-image: url(../images/faq-club-ico-star.png); } #faq-club .benefits dt { margin-bottom: 25px; text-align: center; font-size: 13px; line-height: 18px; color: #dedede; } #faq-club .benefits dd { font: normal 14px/20px Arial, Helvetica, sans-serif; color: #9c9da3; text-transform: none; letter-spacing: 0; } #faq-club .benefits dd a { color: #9c9da3; } #faq-club .membership { margin-bottom: 58px; } #faq-club .membership .title { font-size: 17px; margin-bottom: 22px; text-align: center; letter-spacing: 8px; } #faq-club .membership .subtitle { font-size: 9px; margin: 0 34px 86px; text-align: center; border-top: 1px solid #313133; padding-top: 20px; color: #dedede; } #faq-club .membership .principles { font: normal 14px/20px Arial, Helvetica, sans-serif; color: #84848a; text-transform: none; letter-spacing: 0; } #faq-club .membership .principles li { margin-bottom: 20px; } #faq-club .power { font-size: 7px; line-height: 7px; color: #5b5b5c; margin-bottom: 66px; text-align: center; } #faq-club .power a { color: #5b5b5c; text-decoration: none; } #faq-club .footer { margin-left: 89px; } #text-page { font: normal 15px/25px Arial, Helvetica, sans-serif; text-transform: none; border-bottom: 10px solid #fff; padding: 142px 0 140px; } #text-page ol li { margin-bottom: 1.1em; line-height: 1.6em; } #text-page.list { padding-bottom: 80px; padding-top: 140px; } #text-page.list .blogtitle { font-size: 18px; color: #2a6c3f; margin-bottom: 85px; letter-spacing: 40px; } #text-page.list .one-post { margin-bottom: 180px; } #text-page .tags { text-align: center; margin-top: 57px; margin-bottom: 79px; color: #a9a9aa; font: normal 11px/8px "Montserrat", sans-serif; letter-spacing: 2px; text-transform: uppercase; } #text-page.list .tags { margin-top: 27px; margin-bottom: 39px; opacity: 0.7; font-size: 10px; } #text-page .tags .backblog { text-decoration: none; border-bottom: solid 1px #203C29; padding-bottom: 2px; margin-right: 100px; color: #2a6c3f; } #text-page .tags span { padding: 0 24px; } #text-page .tags .date { color: #2a6c3f; margin-left: 60px; } #text-page .pagination { text-align: center; margin-top: 160px; } #text-page h1, #text-page h2, #text-page h3, #text-page h4, #text-page h5, #text-page h6, #text-page p, #text-page ul, #text-page ol, #text-page table, #text-page blockquote { width: 726px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #text-page h1, #text-page h2, #text-page h3, #text-page h4, #text-page h5, #text-page h6 { font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 400; } #text-page h1, #text-page.list h2 { text-align: center; width: 80%; /* 1100px; */ font-size: 40px; line-height: 57px; letter-spacing: 24px; padding-left: 24px; margin-top: 0; } #text-page.list h2 { margin-bottom: 32px; } #text-page.list h2 a { text-decoration: none; } #text-page.list h2 a:hover { border-bottom: solid 1px rgba(255,255,255,0.1); } #text-page.compact h1 { padding-bottom: 80px; } #text-page h2 { text-align: center; margin-top: 122px; margin-bottom: 62px; font-size: 18px; line-height: 28px; letter-spacing: 5.8px; padding-left: 6px; } #text-page h3 { text-align: center; margin-top: 42px; margin-bottom: 20px; font-size: 11px; line-height: 20px; letter-spacing: 3px; text-align: left; } #text-page ul, #text-page ol { margin-bottom: 44px; } #text-page ul { padding: 0; } #text-page ul > li { background: url(../images/text-li-arrow.png) no-repeat 0 50%; padding-left: 23px; margin: 0 0 5px; list-style: none; } #text-page p { margin-bottom: 1.4em; } #text-page p.date { font-size: 8px; opacity: 0.2; text-transform: uppercase; letter-spacing: 2px; } #text-page p.date:before { content: "updated: "; } #text-page > p img { max-width: 100% !important; } #text-page blockquote { margin-top: 48px; margin-bottom: 82px; padding: 28px 32px; border: 4px solid #fff; text-align: justify; font: normal 16px/30px "Montserrat", sans-serif; } #text-page blockquote p { margin: 0; width: auto; } #text-page td { padding: 10px 14px; } #text-page a { color: inherit; } #text-page .figure { text-align: center; margin-top: 82px; margin-bottom: 82px; } #text-page .figure img { max-width: 100% !important; height: auto !important; } #text-page .figure p { text-align: left; width: 300px; margin-top: 28px; color: #cacaca; font: normal 9px/17px "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: 2.5px; } #text-page .fat { text-align: center; margin-top: 160px; margin-bottom: 160px; background-color: #d9d9d9; color: #212223; padding: 64px 0 43px; } #text-page .fat h2 { margin-top: 0; margin-bottom: 48px; } #text-page > p:last-child img { display: none; } #text-page .greenlink { background: #287a42; padding: 0px 4px 2px; text-decoration: none; } #text-page .greenlink:hover { background: #32fd71; } @media screen and (max-width: 1370px) { #text-page h1, #text-page.list h2 { font-size: 30px; line-height: 47px; letter-spacing: 21px; padding: 0; } } #bigcart { width: 904px; margin: 0 auto; padding-top: 36px; padding-bottom: 120px; } #bigcart h1 { text-align: center; font-size: 28px; font-weight: 400; line-height: 20px; letter-spacing: 24px; padding-left: 24px; margin: 0 0 98px; } #bigcart .order-informer { border: 1px solid; border-color: #2d2e2f; border-color: rgba(255,255,255,.05); width: 455px; padding: 20px 38px 35px 55px; margin: -50px auto 80px; font-size: 10px; line-height: 19px; letter-spacing: 1px; } #bigcart .order-informer h3 { font-size: 10px; margin-bottom: 14px; letter-spacing: 2.4px; } #bigcart .order-informer.order h3 { color: #c5ef00; } #bigcart .order-informer.production h3 { color: #16b4ef; } #bigcart .order-informer p { margin: 0; } #bigcart .order-informer a { color: #6d7174; text-decoration: underline; } #bigcart .order-informer a:hover { text-decoration: none; } #bigcart a { color: #fff; text-decoration: none; } #bigcart .items { width: auto; } #bigcart .items .image { width: 120px; } #bigcart .items .name { width: 328px; } #bigcart .items .size { width: 100px; } #bigcart .items .qty { width: 46px; text-align: center; } #bigcart .items .qty input { background-color: transparent; color: #999; border: 1px solid #333435; width: 44px; height: 37px; padding: 0; text-align: center; font-size: 14px; } #bigcart .items .reload { width: 38px; text-align: center; } #bigcart .items .pi { width: 98px; } #bigcart .items .total { width: 110px; } #bigcart .items .pi, #bigcart .items .total { text-align: right; } #bigcart .items .del { width: 11px; padding-left: 50px; } #bigcart .items th { color: #298f49; font-size: 8px; line-height: 6px; font-weight: 400; text-align: left; letter-spacing: 2px; padding-bottom: 34px; } #bigcart .items th.item { padding-left: 22px; } #bigcart .items td { padding-bottom: 50px; font-size: 13px; line-height: 17px; letter-spacing: 1.7px; } #bigcart .items td.name { vertical-align: middle; padding-bottom: 58px; } #bigcart .items td.size { font-size: 9px; padding-top: 23px; } #bigcart .items td.qty { padding-top: 11px; } #bigcart .items td.reload, #bigcart .items td.pi, #bigcart .items td.total { padding-top: 22px; } #bigcart .items td.del { padding-top: 21px; } #bigcart .items .stock { font-size: 10px; margin-bottom: 5px; letter-spacing: 2.4px; } #bigcart .items .stock.pre-order { color: #a0c20a; } #bigcart .items .stock.in-production { color: #1b7091; } #bigcart .finaltotal { border-top: 1px solid #37393a; padding: 36px 162px 0 155px; width: 864px; margin: 14px 0 0 -155px; font-size: 9px; letter-spacing: 1.8px; } #bigcart .finaltotal .right { float: right; text-align: right; width: 260px; } #bigcart .finaltotal .row { font-size: 13px; letter-spacing: 2.2px; } #bigcart .finaltotal .row .ttl { font-size: 8px; color: #cececf; float: left; padding-top: 2px; letter-spacing: 2px; } #bigcart .finaltotal .submit { display: inline-block; border: 3px solid #fff; height: 48px; line-height: 48px; font-size: 17px; font-weight: 700; padding: 0 22px; margin-top: 44px; letter-spacing: 2px; } #bigcart .finaltotal .submit:hover { background-color: #fff; color: #212223; } #bigcart .finaltotal .open-coupon { } #bigcart .finaltotal .open-coupon .hide { display: none; } #bigcart .finaltotal .coupon { margin-top: 30px; } #bigcart .finaltotal .coupon * { float: left; font-size: 13px; color: #fff; background-color: transparent; } #bigcart .finaltotal .coupon input[type="text"] { border: 1px solid #333435; width: 130px; height: 32px; padding: 0; text-align: center; font-size: 13px; } #bigcart .finaltotal .coupon input[type="submit"] { border: 2px solid #fff; height: 34px; padding: 0 20px; margin-left: 15px; } #bigcart .finaltotal .coupon input[type="submit"]:hover { background-color: #fff; color: #212223; } #checkout { width: 868px; margin: 0 auto 200px; padding-top: 140px; } #checkout.contact h1, #checkout header { margin: 0 0 40px; text-align: center; font-size: 27px; line-height: 19px; letter-spacing: 26px; padding-left: 26px; font-weight: 400; } #checkout header a { float: left; color: #fff; font-size: 8px; letter-spacing: 3px; position: relative; top: 3px; left: -26px; text-decoration: none; border-bottom: solid 1px #444; padding-bottom: 1px; } #checkout header a.logout { float: right; left: auto; } #checkout > section { border: 1px solid rgba(255,255,255, .07); border-bottom: 0; overflow: hidden; } #checkout > section:last-child { border-bottom: 1px solid rgba(255,255,255, .07); } #checkout > section.spoiler { cursor: url(../images/cursor-hover.png), pointer; } #checkout > section.spoiler.selected { cursor: default; } #checkout .title { line-height: 192px; text-align: center; opacity: .2; letter-spacing: 5px; } #checkout section.spoiler:hover .title, #checkout section.selected .title { opacity: 1; } #checkout .title.mod:hover { cursor: url(../images/cursor-hover.png), pointer; opacity: 1; } /*#co-delivery .title { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }*/ #checkout .content { display: none; font-size: 10px; } #checkout textarea, #checkout select, #checkout input[type="text"], #checkout input[type="email"], #checkout input[type="password"] { background: transparent url(../images/input-pattern.png); border: 1px solid rgba(255,255,255, .19); color: #fff; font-size: 9px; letter-spacing: 1px; padding: 0 12px; height: 29px; } #checkout select { padding-right: 0; } #checkout select option { background-color: #fff; color: #000; } #checkout textarea { padding: 12px; } @-moz-document url-prefix() { #checkout select { height: auto; padding-top: 7px; padding-bottom: 7px; padding-right: 7px; } } #checkout .button, #checkout button { background: transparent; border: solid #fff; color: #fff; padding: 0; font-weight: 700; position: relative; } #checkout .button { display: inline-block; text-decoration: none; } #checkout button.processing:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #1F2021; } button .loader, button .loader:before, button .loader:after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 12px; background: none; } button .loader:before { top: 0px; left: -25px; -webkit-animation: loader10g 1s ease-in-out infinite; animation: loader10g 1s ease-in-out infinite; } button .loader { top: 50%; left: 50%; margin: -6px 0 0 -6px; -webkit-animation: loader10m 1s ease-in-out infinite; animation: loader10m 1s ease-in-out infinite; } button .loader:after { top: 0px; left: 25px; -webkit-animation: loader10d 1s ease-in-out infinite; animation: loader10d 1s ease-in-out infinite; } @-webkit-keyframes loader10g{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, 1);} 50%{background-color: rgba(255, 255, 255, .2);} 75%{background-color: rgba(255, 255, 255, .2);} 100%{background-color: rgba(255, 255, 255, .2);} } @keyframes loader10g{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, 1);} 50%{background-color: rgba(255, 255, 255, .2);} 75%{background-color: rgba(255, 255, 255, .2);} 100%{background-color: rgba(255, 255, 255, .2);} } @-webkit-keyframes loader10m{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, .2);} 50%{background-color: rgba(255, 255, 255, 1);} 75%{background-color: rgba(255, 255, 255, .2);} 100%{background-color: rgba(255, 255, 255, .2);} } @keyframes loader10m{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, .2);} 50%{background-color: rgba(255, 255, 255, 1);} 75%{background-color: rgba(255, 255, 255, .2);} 100%{background-color: rgba(255, 255, 255, .2);} } @-webkit-keyframes loader10d{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, .2);} 50%{background-color: rgba(255, 255, 255, .2);} 75%{background-color: rgba(255, 255, 255, 1);} 100%{background-color: rgba(255, 255, 255, .2);} } @keyframes loader10d{ 0%{background-color: rgba(255, 255, 255, .2);} 25%{background-color: rgba(255, 255, 255, .2);} 50%{background-color: rgba(255, 255, 255, .2);} 75%{background-color: rgba(255, 255, 255, 1);} 100%{background-color: rgba(255, 255, 255, .2);} } #checkout button:hover { background: #fff; color: #212324; } #checkout .text-block { margin-right: 160px } #checkout .row { margin-bottom: 33px; } #checkout .row.error, #checkout .row.error .pure-gold { color: #ff5050; } #checkout .row.error .cbox { color: #fff; } #checkout .row.error input, #checkout .row.error select, #checkout .row.error textarea { border-color: #ff3333 !important; } #checkout .two-rows .row { float: left; margin-right: 22px; } #checkout .row label { display: block; line-height: 8px; margin-bottom: 9px; letter-spacing: 2.2px; position: relative; } #checkout .row label .all-fields-req { color: #7a7a7a; font-size: 7px; text-align: right; width: 290px; letter-spacing: 1.8px; position: absolute; left: 0; } #checkout .row .pure-gold { color: #fffc20; } #checkout input[type="text"], #checkout input[type="password"], #checkout input[type="email"] { width: 262px; } #checkout select { width: 288px; } #checkout .two-rows .row input[type="text"], #checkout .two-rows .row input[type="password"], #checkout .two-rows .row input[type="email"] { width: 107px; } #checkout .side { float: right; width: 208px; } #checkout .side select, #checkout .side input[type="text"], #checkout .side input[type="email"], #checkout .side input[type="password"] { width: 106px; } #checkout .side.cbox { margin-top: 25px; width: 182px; } #checkout .cbox { font-size: 8px; height: 16px; line-height: 17px !important; cursor: url(../images/cursor-hover.png), pointer; display: inline-block; letter-spacing: 1.2px; } label.custom-cb { background: transparent url(../images/custom-checkbox.png) no-repeat 0 0; padding-left: 26px; } input.custom-cb { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } input.custom-cb:checked + label.custom-cb { background-position: 0 -41px; } #shipping-address { margin: 54px 0 0; display: none; } #co-address h3, #shipping-address h3 { font-size: 18px; letter-spacing: 7px; font-weight: 400; margin: 74px 0 34px; } #shipping-address h3 { color: #fffc20; } #co-login { float: left; width: 262px; text-align: center; border-right: 1px solid rgba(255,255,255, .07); padding-top: 145px; padding-bottom: 1000px; margin-bottom: -1000px; } #co-login.normal { padding-top: 55px; margin-bottom: -945px; } #payment-address-logged #co-login, #shipping-address-logged #co-login { padding-top: 55px; } #co-login .logged { text-align: left; margin: 0 34px; } #co-login .logged label { padding-left: 25px; margin-bottom: 10px; display: block; cursor: url(../images/cursor-hover.png), pointer; } #co-login .logged label input { float: left; margin-left: -24px; } #co-login .logged #payment-existing, #co-login .logged #shipping-existing { margin-bottom: 30px; } #co-login .logged select { width: 100%; } #co-login .logged button { margin-top: 30px; width: 100%; } #co-login .logged button.blocked { opacity: .06; cursor: not-allowed; pointer-events: none; } #co-login h3 { font-size: 14px; line-height: 10px; margin-bottom: 42px; font-weight: 400; letter-spacing: 2.4px; } #co-login h4 { font-size: 8px; line-height: 6px; margin-bottom: 15px; color: #cececf; font-weight: 400; letter-spacing: 1.8px; } #co-login .inputs { margin-bottom: 23px; } #co-login .row { margin-bottom: 8px; } #co-login .row .forgotten { text-decoration: none; font-size: 12px; line-height: 30px; display: inline-block; color: #cecfcf; margin-left: 14px; margin-right: -22px; } #co-login .row .forgotten:hover { color: #fff; } #co-login input[type="text"], #co-login input[type="password"], #co-login input[type="email"] { width: 141px; } #co-login button { height: 34px; padding: 0 26px; font-size: 11px; letter-spacing: 1px; } #co-address { float: left; padding: 55px 0 65px 75px; width: 524px; position: relative; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } #co-address.blocked { opacity: .15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #co-address.blocked button { opacity: 0.15; pointer-events: none; } #co-address .blocker { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #co-address .save-details { display: block; margin-bottom: 20px; } #co-address .button, #co-address button { height: 48px; width: 284px; text-align: center; font-size: 17px; letter-spacing: 3px; margin-top: 46px; } #co-address .button { line-height: 48px; } #pasw-reg { margin: 35px 0 -35px; display: none; } #co-shipping { } #co-shipping .content { margin-bottom: 90px; text-align: center; } #co-shipping .content .options { margin-left: 240px; text-align: left; padding-top: 2px; } #co-shipping .content .option { font-size: 11px; letter-spacing: 1.4px; margin-bottom: 28px; } #co-shipping .content .option input[type=radio] { display: none; } #co-shipping .content .option label { position: relative; padding-left: 48px; height: 23px; line-height: 23px; cursor: url(../images/cursor-hover.png), pointer; } #co-shipping .content .option label:before, #co-shipping .content .option label:after { content: ""; display: block; position: absolute; border-radius: 50%; } #co-shipping .content .option label:before { width: 21px; height: 21px; left: 0; top: -5px; border: 1px solid #7d7e7e; } #co-shipping .content .option input[type=radio]:checked + label:after { width: 11px; height: 11px; background-color: #fff; left: 6px; top: 1px; } #co-shipping button { height: 48px; width: 284px; text-align: center; font-size: 17px; letter-spacing: 2px; margin: 46px auto 0; } #co-pay { } #co-pay .details { margin: 0 0 116px 168px; font-size: 10px; line-height: 14px; letter-spacing: 1.4px; } #co-pay .details ul { float: left; } #co-pay .details ul.first { width: 320px; margin-right: 20px; } #co-pay .details li { margin-bottom: 6px; } #co-pay .card-form { margin: 0 auto 30px; width: 290px; letter-spacing: 1.4px; } #co-pay .card-form .row { float: left; } #co-pay .card-form .ccv { float: right; width: 76px; } #co-pay .card-form .ccv input { width: 50px; } #co-pay .card-form .mo { margin-right: 18px; } #co-pay .card-form .mo input { width: 34px; } #co-pay .card-form .year { } #co-pay .card-form .year input { width: 56px; } #co-pay .confirm { text-align: center; width: 488px; margin: 0 auto 80px; } #co-pay .confirm .text { font-size: 10px; line-height: 18px; letter-spacing: 1px; margin-bottom: 18px; } #co-pay .confirm button { height: 56px; width: 288px; text-align: center; font-size: 17px; margin-bottom: 22px; letter-spacing: 3px; } #checkout button:hover { /* background: transparent; color: #298f49; border-color: #298f49; */ } #success-page { /*background: #212223 url(../images/success-bg.jpg) no-repeat 50% 0;*/ margin-top: -106px; padding: 186px 100px 50px; text-align: center; } #success-video:before { position: fixed; content: ""; bottom: 0; right: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: #212223; z-index: -2; } #success-video video { position: absolute; right: 0; top: 0; left: 0; z-index: -1; min-width: 100%; min-height: 100%; opacity: .15; box-shadow: 0 0 0 1000px #000; } #success-page .purchased { font-size: 11px; line-height: 21px; letter-spacing: 3.8px; margin-bottom: 140px; } #success-page h1 { font-size: 32px; font-weight: 400; line-height: 24px; letter-spacing: 30px; padding-left: 34px; margin: 0 0 150px; } #success-page .card { width: 370px; padding-left: 136px; background: url(../images/success-card.png) no-repeat 0 50%; text-align: left; margin: 0 auto; font-size: 10px; line-height: 19px; letter-spacing: 1.8px; } #success-page .card a { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255,255,255, .1); padding-bottom: 2px; } #checkout.contact { width: 802px; margin: 100px auto 180px; border: 1px solid rgba(255,255,255, .07); padding-bottom: 50px; font-size: 10px; } #checkout.contact h1 { margin: -115px 0 70px; } #checkout.contact aside { float: right; width: 294px; padding: 40px 44px 0 0; } #checkout.contact aside dl { margin-bottom: 65px; font-size: 14px; line-height: 23px; } #checkout.contact aside dt { letter-spacing: 2.4px; margin-bottom: 30px; } #checkout.contact aside dd { text-transform: none; padding-right: 20px; } #checkout.contact aside dd.small { margin-top: -12px; text-transform: uppercase; color: #cececf; font-size: 8px; line-height: 15px; letter-spacing: 1.4px; padding-right: 0; word-spacing: 3px; } #checkout.contact aside a { color: inherit; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid rgba(255,255,255, .1); } #checkout.contact aside a:hover { border-bottom: 1px solid rgba(255,255,255, .3); } #checkout.contact .form { width: 288px; padding: 54px 0 0 78px; } #checkout.contact .row { } #checkout.contact .row.textarea { margin-bottom: 38px; } #checkout.contact textarea, #checkout.contact input { width: 262px; } #checkout.contact textarea { height: 156px; } #checkout.contact .row.captcha img { height: 31px; float: left; } #checkout.contact .row.captcha input { width: 119px; margin-left: 10px; } #checkout.contact button { height: 46px; width: 100%; font-size: 17px; letter-spacing: 1px; } /* PowerTip Plugin */ #powerTip { cursor: default; background-color: #030303; color: #e3e2e2; display: none; padding: 0 7px 0 8px; position: absolute; white-space: nowrap; z-index: 2147483647; font-size: 7px; letter-spacing: 1.4px; margin: 2px 0 0 14px; line-height: 14px; }