.mainFrame { width:100%; padding:0vw; } .tablet-yes { display:block; } .tablet-no{ display:none; }  .col-t-0 {width:0.00%;} .col-t-0- {width:4.17%;} .col-t-0-- {width:6.25%;} .col-t-1 {width:8.33%;} .col-t-1- {width:12.50%;} .col-t-2 {width:16.66%;} .col-t-2- {width:20.83%;} .col-t-3 {width:25.00%;} .col-t-3- {width:29.17%;}  .col-t-4 {width:33.33%;} .col-t-4- {width:37.50%;} .col-t-5 {width:41.66%;} .col-t-5- {width:45.83%;} .col-t-6 {width:50.00%;} .col-t-6- {width:54.17%;} .col-t-7 {width:58.33%;} .col-t-7- {width:62.50%;}  .col-t-8 {width:66.66%;} .col-t-8- {width:70.83%;} .col-t-9 {width:75.00%;} .col-t-9- {width:79.17%;} .col-t-10 {width:83.33%;} .col-t-10- {width:87.50%;} .col-t-11 {width:91.67%;} .col-t-11- {width:95.83%;}  .col-t-12 {width:100.00%;} .col-t-no {display:none;} .debug { background-color:yellow; } .debugFrame { padding:3vw 1.5vw 1.5vw 1.5vw; font-size:1.5vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; }  .cookies { position:fixed; z-index:100; bottom:0px; left:0px; width:100%; background-color:#ffffff; border-top:3px solid #659ad2; font-family:Dosis; font-weight:400; font-size:1.5vw; color:#000000; line-height:100%; } .cookies .button { cursor:default; background-color:#659ad2; text-align:center; font-family:Dosis; font-weight:400; font-size:1.5vw; color:#ffffff; line-height:4vw; padding:0px 15px 0px 15px;} .cookies .button:hover { background-color:#fff600; color:#000000; }  .popupContainer { display:none; position:fixed; top:0vw; left:0vw; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.4); } .popupFrame { height:100%; padding:1.5vw; } .popupFrame TABLE { width:100%; height:100%; } .popupFrame TD { vertical-align:middle; text-align:center; } .popupContent { position:relative; margin:0 auto; width:70vw; height:50vw; background-color:#ffffff; padding:3vw; background-repeat:no-repeat; background-position:center; background-size:cover; } .popupContent .close { cursor:pointer; position:absolute; top:1.5vw; right:1.5vw; width:3vw; color:#659ad2; } .popupContent .close:hover { color:#dd0000; } .popupContent TABLE { width:100%; height:100%; } .popupContent TD { vertical-align:middle; text-align:center; } .popupContent .content { font-family:'Dosis',sans-serif; font-weight:400; font-size:2vw; color:#000000;  } .popupContent .content A { text-decoration:none; color:#659ad2; } .staticContainer .content A:hover { text-decoration:underline; } .popupContent .buttonContainer { margin-top:3vw; } .popupContent .buttonContainer TABLE { width:auto; margin:0 auto; height:auto; } .popupContent .button { float:left; cursor:pointer; padding:1vw 2vw; text-align:center; background-color:#659ad2; border-radius:30vw; font-family:'Dosis',sans-serif; font-weight:700; font-size:1.8vw; color:#ffffff; } .popupContent .button:hover { background-color:#000000; }  .burgerMenu { position:fixed; display:none; top:0vw; left:0vw; z-index:300; height:100%; width:100%; padding:0vw; background-color:rgba(0,0,0,0.3); } .burgerMenuFrame { position:fixed; display:none; top:0vw; left:0vw; width:40vw; padding:1.5vw; background-color:#ffffff; z-index:301; height:100%; } .burgerMenuLeft { float:left; width:22%; height:100%; padding:1.5vw; } .burgerMenuLeft .close { color:#000000; padding:1.5vw 0vw; } .burgerMenuRight { float:left; width:78%; height:100%; padding:1.5vw; } .burgerMenuRight .logo { width:100%; padding:1.5vw 0vw; } .burgerMenuRight .logo IMG { width:100%; } .burgerMenuRight .item { font-family:Dosis; font-size:2.6vw; font-weight:400; color:#000000; padding:0.5vw 0vw; } .burgerMenuRight .item A { text-decoration:none; }  .orderButton { padding:3vw 0vw; } .orderButton A { text-decoration:none; } .orderButton .button { cursor:default; float:left; height:6vw; border-radius:3vw; line-height:3vw; padding:1.5vw 3vw; background-color:#fff600; font-family:Dosis; font-size:3vw; font-weight:700; color:#000000; } .orderButton .button:hover { color:#fff600; background-color:#000000; } .orderButton .button .icon { float:left; width:3vw; margin-right:1vw; }  .pageContent { } .pageContent.blur { filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='svgMask'><feGaussianBlur stdDeviation='5' /></filter></svg>#svgMask"); }  .fixedHeader { position:fixed; top:0vw; width:100%; background-color:#ffffff; } .fixedHeaderFrame { } .fixedHeadeBorder { margin:0vw 1.5vw; height:0.5vw; background-image: linear-gradient(to left, #d81081, #659ad2); } .fixedHeadeDistance { height:12vw; } .aNameFrame { position:relative; } .aName { position:absolute; top:-12vw; } .fixedHeaderBase { height:12vw; } .fixedHeaderLogo { } .fixedHeaderLogo IMG { width:100%; } .fixedHeaderBurger { float:left; margin:2vw 0vw 0vw 0vw; cursor:pointer; } .fixedHeaderBurger .icon { float:left; width:3.2vw; margin-right:1vw; } .fixedHeaderBurger .label { float:left; line-height:3vw; font-family:Dosis; font-size:2vw; font-weight:600; color:#000000; } .fixedHeaderHide { display:none; float:left; margin:2vw 0vw 0vw 0vw; cursor:pointer; } .fixedHeaderHide .icon { float:left; width:3.2vw; margin-right:1vw; } .fixedHeaderHide .label { float:left; line-height:3vw; font-family:Dosis; font-size:2vw; font-weight:600; color:#000000; } .fixedHeaderFunctions { float:right; margin:1.8vw 0vw 0vw 0vw; } .fixedHeaderFunctions .cart { cursor:default; margin-right:1.5vw; float:left; padding:1vw 2vw; width:6vw; height:4vw; border-radius:3vw; background-color:#fff600; color:#000000; } .fixedHeaderFunctions .cart:hover { color:#fff600; background-color:#000000; } .fixedHeaderFunctions .lang { float:left; width:3.4vw; margin-left:1vw; text-align:center; font-family:Dosis; font-size:1.6vw; font-weight:700; color:#b8b8b8; } .fixedHeaderFunctions .lang IMG { width:100%; } .fixedHeaderFunctions .lang.selected { color:#000000; } .fixedHeaderFunctions .lang A { text-decoration:none; } .fixedHeaderMenu { display:none; } .headerMenu { } .headerMenu.men { } .headerMenu.women { } .headerMenu .item { padding:0.5vw 0vw; font-family:Dosis; font-size:2vw; font-weight:600; color:#000000; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { text-decoration:underline; }  .header { background-size:cover; background-repeat:no-repeat; background-position:bottom center; } .header.men { background-image:url('../layout/bg_home_men.jpg'); } .header.women { background-image:url('../layout/bg_home_women.jpg'); } .headerFrame { padding:1.5vw 0vw; } .header.women .headerFrame { padding-top:1.5vw; border-top:0.5vw solid #d81081; } .headerProductLabel { font-family:Dosis; font-size:5vw; font-weight:400; color:#000000; text-align:center; line-height:100%; text-shadow: 0 0 1.5vw #FFFFFF; } .headerProductContent { font-family:Dosis; font-size:1.8vw; font-weight:400; color:#000000; line-height:150%; text-shadow: 0 0 1.5vw #FFFFFF; } .headerProductContent UL { list-style:none; } .headerProductContent UL LI::before {content: "\2022"; color: red; font-weight:bold; display:inline-block; width: 1em; margin-left: -1em; } .headerProductContent.men UL LI::before { color:#659ad2; } .headerProductContent.women UL LI::before { color:#d81081; } .headerProductImage { width:100%; } .headerProductImage IMG { width:100%; }  .order { background-size:cover; background-repeat:no-repeat; background-position:right; } .orderFrame { padding:1.5vw 0vw; } .order.men { background-image: linear-gradient(to right, #ffffff, #ffffff, #cbe4ff); } .order.men .orderFrame { border-top:0.5vw solid #659ad2; } .order.women { background-image: linear-gradient(to right, #ffffff, #ffffff, #f9bddf); } .order.women .orderFrame { border-top:0.5vw solid #d81081; } .orderLabel { font-family:Dosis; font-size:3.6vw; font-weight:400; color:#000000; line-height:110%; text-align:center; padding-bottom:3vw; } .orderContent { font-family:Dosis; font-size:2vw; font-weight:400; color:#000000; line-height:150%; } .order .orderButton { width:30vw; margin:0 auto; }  .svg { width:100%; } .svg.men { color:rgba(101, 154, 210, 0.5); } .svg.women { color:rgba(216, 16, 129, 0.5); } .img { width:100%; } .img IMG { width:100%; } .static { } .staticFrame { padding:3vw 0vw; } .static.men .staticFrame { border-top:0.5vw solid #659ad2; } .static.women .staticFrame { border-top:0.5vw solid #d81081; } .static.men.right { background-image: linear-gradient(to right, #ffffff, #ffffff, #cbe4ff); } .static.men.left { background-image: linear-gradient(to left, #ffffff, #ffffff, #cbe4ff); } .static.women.right { background-image: linear-gradient(to right, #ffffff, #ffffff, #f9bddf); } .static.women.left { background-image: linear-gradient(to left, #ffffff, #ffffff, #f9bddf); } .staticLabel { font-family:Dosis; font-size:3.6vw; font-weight:400; color:#000000; line-height:110%; padding-bottom:3vw; } .staticContent { font-family:Dosis; font-size:2vw; font-weight:400; color:#000000; line-height:150%; } .staticButton { padding:3vw 0vw; } .staticButton A { text-decoration:none; } .staticButton .button { cursor:default; float:left; height:6vw; border-radius:3vw; line-height:3vw; padding:1.5vw 3vw; background-color:#000000; font-family:Dosis; font-size:2.4vw; font-weight:700; color:#ffffff; } .static.men .staticButton .button:hover { background-color:#659ad2; } .static.women .staticButton .button:hover { background-color:#d81081; } .staticButton .button .icon { float:left; width:3vw; margin-right:1vw; } .erection { background-image: linear-gradient(to left, #ffffff, #ffffff, #cbe4ff); } .libido { background-image: linear-gradient(to left, #ffffff, #ffffff, #f9bddf); }  .shop { background-repeat:no-repeat; background-position:top right; background-image:url(../layout/shop.jpg); } .shopFrame { padding:3vw 0vw; border-top:0.5vw solid #000000; } .shopLabel { font-family:Dosis; font-size:3.6vw; font-weight:400; color:#000000; line-height:110%; text-align:center; padding-bottom:3vw; } .shopContent { font-family:Dosis; font-size:2vw; font-weight:400; color:#000000; line-height:150%; } .shopItem { height:26vw; padding:1.5vw; box-shadow:0 0 1vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .shopItem TABLE { width:100%; height:100%; } .shopItem TD { vertical-align:middle; } .shopItemLeft { width:20vw; padding:1.5vw; float:left; height:100%; } .shopItemLeft IMG { width:100%; } .shopItemRight { width:calc(100% - 20vw); padding:1.5vw; float:left; height:100%; } .shopItemRight .label { text-align:center; font-family:Dosis; font-size:2vw; font-weight:700; color:#000000; } .shopItemRight .sublabel { text-align:center; font-family:Dosis; font-size:2vw; font-weight:700; color:#659ad2; } .shopItemRight .priceFrame { padding:1.5vw 0vw; } .shopItemRight .price { text-align:center; font-family:Dosis; font-size:2vw; font-weight:400; color:#000000; line-height:100%; } .shopItemRight .price SPAN { font-size:3.4vw; font-weight:700; color:#659ad2; } .shopItemRight .price .promo { font-size:2.5vw; font-weight:400; color:#000000; text-decoration:line-through; } .shopItemOrder { width:20vw; margin:0 auto; } .shopItemOrder A { text-decoration:none; } .shopItemOrder .button { cursor:default; float:left; height:5vw; border-radius:3vw; line-height:3vw; padding:1vw 2vw; background-color:#fff600; font-family:Dosis; font-size:1.8vw; font-weight:700; color:#000000; } .shopItemOrder .button:hover { color:#fff600; background-color:#000000; } .shopItemOrder .button .icon { float:left; width:3vw; margin-right:1vw; }  .selectorFrame { position:fixed; width:100%; height:100%; top:0vw; left:0vw; background-color:rgba(0,0,0,0.7); } .selectorFrame TABLE { margin:0 auto; height:100%; } .selectorFrame TD { vertical-align:middle; } .selectorLabel { text-align:center; font-family:Dosis; font-size:5vw; font-weight:700; color:#ffffff; } .selectorSubLabel { font-family:Dosis; font-size:4vw; font-weight:400; color:#ffffff; line-height:5vw; } .selectorSubLabel TABLE { margin:0 auto; height:auto; } .selectorSubLabel .men { float:left; color:#a2cfff; } .selectorSubLabel .women { float:left; color:#ff9dd4; } .selectorSubLabel .or { float:left; } .selectorSubLabel .line { float:left; margin:2.4vw 2vw; height:0.2vw; width:7vw; background-color:#ffffff; } .selectorItemFrame.normal { float:left; width:45vw; height:53vw; padding:1.5vw; font-size:1.8vw; } .selectorItemFrame.selected { float:left; width:45vw; height:53vw; padding:0vw; font-size:1.9vw; } .selectorItemFrame.hided { float:left; width:45vw; height:53vw; padding:3vw; opacity:0.7; font-size:1.6vw; } .selectorItem { cursor:pointer; padding:7% 10%; background-color:#ffffff; width:100%; height:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; } .selectorItem.men { background-image:url(../layout/selector_men.jpg); } .selectorItem.women { background-image:url(../layout/selector_women.jpg); } .selectorItem .logo { width:90%; margin:0 auto; } .selectorItem .logo IMG { width:100%; } .selectorItem .box { width:90%; padding:18% 10%; margin:0 auto; } .selectorItem .box IMG { width:100%; } .selectorItem .button { width:100%; height:6vw; padding:1vw 2vw; line-height:4vw; border-radius:3vw; border: solid 0.3vw #000000; background-color:#dddddd; color:#ffffff; font-family:Dosis; font-size:1em; font-weight:400; color:#ffffff; } .selectorItem .button .svg { width:3.1vw; float:left; margin-right:1vw; } .selectorItem.men .button { box-shadow:0 0.5vw 1vw 0 #659ad2; background-color: #659ad2;} .selectorItem.women .button { box-shadow:0 0.5vw 1vw 0 #d81081; background-color:#d81081;}  .whereToBuyLabel {font-family:'Dosis',sans-serif; font-weight:700; font-size:3.2vw; color:#659ad2; margin-bottom:1vw; } .whereToBuyItem { height:12vw; background-position:center; background-repeat:no-repeat; background-size:contain; }