.mainFrame { width:1200px !important; margin:0 auto; } .halfFrame { width:600px !important; margin:0 auto; } .pc-yes { display:block; } .pc-no{ display:none; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .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:15px; color:#000000; line-height:100%; } .cookies .button { cursor:default; background-color:#659ad2; text-align:center; font-family:Dosis; font-weight:400; font-size:15px; color:#ffffff; line-height:150%; padding:5px 10px 5px 10px; } .cookies .button:hover { background-color:#fff600; color:#000000; }  .popupContainer { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.4); } .popupFrame { height:100%; padding:15px; } .popupFrame TABLE { width:100%; height:100%; } .popupFrame TD { vertical-align:middle; text-align:center; } .popupContent { position:relative; margin:0 auto; width:500px; height:400px; background-color:#ffffff; padding:30px; background-repeat:no-repeat; background-position:center; background-size:cover; } .popupContent .close { cursor:pointer; position:absolute; top:15px; right:15px; width:30px; 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:20px; color:#000000;  } .popupContent .content A { text-decoration:none; color:#659ad2; } .staticContainer .content A:hover { text-decoration:underline; } .popupContent .buttonContainer { margin-top:30px; } .popupContent .buttonContainer TABLE { width:auto; margin:0 auto; height:auto; } .popupContent .button { float:left; cursor:pointer; padding:10px 20px; text-align:center; background-color:#659ad2; border-radius:300px; font-family:'Dosis',sans-serif; font-weight:700; font-size:18px; color:#ffffff; } .popupContent .button:hover { background-color:#000000; }  .burgerMenu { display:none; } .burgerMenuFrame { display:none; }  .orderButton { padding:30px 0px; } .orderButton A { text-decoration:none; } .orderButton .button { cursor:default; float:left; height:60px; border-radius:30px; line-height:30px; padding:15px 30px; background-color:#fff600; font-family:Dosis; font-size:30px; font-weight:700; color:#000000; } .orderButton .button:hover { color:#fff600; background-color:#000000; } .orderButton .button .icon { float:left; width:30px; margin-right:10px; }  .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:0px; width:100%; background-color:#ffffff; } .fixedHeaderFrame { } .fixedHeadeBorder { margin:0px 15px; height:5px; background-image: linear-gradient(to left, #d81081, #659ad2); } .fixedHeadeDistance { height:120px; } .aNameFrame { position:relative; } .aName { position:absolute; top:-120px; } .fixedHeaderBase { height:120px; } .fixedHeaderLogo { } .fixedHeaderLogo IMG { width:100%; }  .fixedHeaderBurger { float:left; margin:40px 0px; cursor:pointer; } .fixedHeaderBurger .icon { float:left; width:32px; margin-right:10px; } .fixedHeaderBurger .label { float:left; line-height:30px; font-family:'Dosis',sans-serif; font-size:20px; font-weight:700; color:#000000; } .fixedHeaderHide { display:none; float:left; margin:23px 0px; cursor:pointer; } .fixedHeaderHide .icon { float:left; width:32px; margin-right:10px; } .fixedHeaderHide .label { float:left; line-height:30px; font-family:Dosis; font-size:20px; font-weight:600; color:#000000; } .fixedHeaderCart { float:right; margin:36px 0px; } .fixedHeaderCart .cart { cursor:default; margin-right:15px; float:left; padding:10px 10px; height:40px; line-height:18px; border-radius:30px; background-color:#fff600; font-family:'Dosis',sans-serif; font-size:14px; font-weight:700; color:#000000; } .fixedHeaderCart .cart:hover { color:#fff600; background-color:#000000; } .fixedHeaderFunctions { float:right; margin:18px 0px 0px 0px; } .fixedHeaderFunctions .lang { float:left; width:34px; margin-left:10px; text-align:center; font-family:Dosis; font-size:16px; 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:5px 0px; font-family:Dosis; font-size:20px; 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:15px 0px; } .header.women .headerFrame { padding-top:15px; border-top:5px solid #d81081; } .headerProductLabel { font-family:Dosis; font-size:50px; font-weight:400; color:#000000; text-align:center; line-height:100%; text-shadow: 0 0 15px #FFFFFF; } .headerProductContent { font-family:Dosis; font-size:18px; font-weight:400; color:#000000; line-height:150%; text-shadow: 0 0 15px #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:contain; background-repeat:no-repeat; background-position:right; } .orderFrame { padding:15px 0px; } .order.men { background-image: linear-gradient(to right, #ffffff, #ffffff, #cbe4ff); } .order.men .orderFrame { border-top:5px solid #659ad2; } .order.women { background-image: linear-gradient(to right, #ffffff, #ffffff, #f9bddf); } .order.women .orderFrame { border-top:5px solid #d81081; } .orderLabel { font-family:Dosis; font-size:36px; font-weight:400; color:#000000; line-height:110%; text-align:center; padding-bottom:30px; } .orderContent { font-family:Dosis; font-size:20px; font-weight:400; color:#000000; line-height:150%; } .order .orderButton { width:300px; 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:30px 0px; } .static.men .staticFrame { border-top:5px solid #659ad2; } .static.women .staticFrame { border-top:5px 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:36px; font-weight:400; color:#000000; line-height:110%; padding-bottom:30px; } .staticContent { font-family:Dosis; font-size:20px; font-weight:400; color:#000000; line-height:1.5em; } .staticContent UL { list-style:none; } .staticContent UL LI::before {content: "\2022"; color: red; font-weight:bold; display:inline-block; width: 1em; margin-left: -1em; } .static.men UL LI::before { color:#659ad2; } .static.women UL LI::before { color:#d81081; } .staticContent .leftImage { float:left; width:25%; } .staticContent .leftContent { float:left; width:calc(75% - 30px); padding-left:30px; }  .staticButton { padding:30px 0px; } .staticButton A { text-decoration:none; } .staticButton .button { cursor:default; float:left; height:60px; border-radius:30px; line-height:30px; padding:15px 30px; background-color:#000000; font-family:Dosis; font-size:24px; 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:30px; margin-right:10px; } .erection { background-size:cover; background-repeat:no-repeat; background-position:left; background-image:url(../layout/erection_men.jpg); } .libido { background-size:cover; background-repeat:no-repeat; background-position:left; background-image:url(../layout/libido_women.jpg); }  .shop { background-repeat:no-repeat; background-position:top right; background-image:url(../layout/shop.jpg); } .shopFrame { padding:30px 0px; border-top:5px solid #000000; } .shopLabel { font-family:Dosis; font-size:36px; font-weight:400; color:#000000; line-height:110%; text-align:center; padding-bottom:30px; } .shopContent { font-family:Dosis; font-size:20px; font-weight:400; color:#000000; line-height:150%; } .shopItem { height:275px; padding:15px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .shopItem TABLE { width:100%; height:100%; } .shopItem TD { vertical-align:middle; } .shopItemLeft { width:245px; padding:15px; float:left; height:100%; } .shopItemLeft IMG { width:100%; } .shopItemRight { width:calc(100% - 245px); padding:15px; float:left; height:100%; } .shopItemRight .label { text-align:center; font-family:Dosis; font-size:20px; font-weight:700; color:#000000; } .shopItemRight .sublabel { text-align:center; font-family:Dosis; font-size:20px; font-weight:700; color:#659ad2; } .shopItemRight .priceFrame { padding:15px 0px; } .shopItemRight .price { text-align:center; font-family:Dosis; font-size:20px; font-weight:400; color:#000000; line-height:100%; } .shopItemRight .price SPAN { font-size:34px; font-weight:700; color:#659ad2; } .shopItemRight .price .promo { font-size:25px; font-weight:400; color:#000000; text-decoration:line-through; } .shopItemOrder { width:200px; margin:0 auto; } .shopItemOrder A { text-decoration:none; } .shopItemOrder .button { cursor:default; float:left; height:50px; border-radius:30px; line-height:30px; padding:10px 20px; background-color:#fff600; font-family:Dosis; font-size:18px; font-weight:700; color:#000000; } .shopItemOrder .button:hover { color:#fff600; background-color:#000000; } .shopItemOrder .button .icon { float:left; width:30px; margin-right:10px; }  .argument { background-repeat:no-repeat; background-position:top right; } .argument.men { background-image:url(../layout/reportargument_men.jpg); } .argument.women { background-image:url(../layout/reportargument_women.jpg); }  .selectorFrame { position:fixed; width:100%; height:100%; top:0px; left:0px; 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:50px; font-weight:700; color:#ffffff; } .selectorSubLabel { font-family:Dosis; font-size:40px; font-weight:400; color:#ffffff; line-height:50px; } .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:24px 20px; height:2px; width:70px; background-color:#ffffff; } .selectorItemFrame A { text-decoration:none; } .selectorItemFrame.normal { float:left; width:500px; height:590px; padding:15px; font-size:20px; } .selectorItemFrame.selected { float:left; width:500px; height:590px; padding:0px; font-size:21px; } .selectorItemFrame.hided { float:left; width:500px; height:590px; padding:30px; opacity:0.7; font-size:18px; } .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:60px; padding:10px 20px; line-height:40px; border-radius:30px; border: solid 3px #000000; background-color:#dddddd; color:#ffffff; font-family:Dosis; font-size:1em; font-weight:400; color:#ffffff; } .selectorItem .button .svg { width:31px; float:left; margin-right:10px; } .selectorItem.men .button { box-shadow:0 5px 10px 0 #659ad2; background-color: #659ad2;} .selectorItem.women .button { box-shadow:0 5px 10px 0 #d81081; background-color:#d81081;}  .whereToBuyLabel {font-family:Dosis,sans-serif; font-weight:700; font-size:32px; color:#659ad2; margin-bottom:10px; } .whereToBuyItem { height:70px; background-position:center; background-repeat:no-repeat; background-size:contain; } .whereToBuyItemFrame { padding:5px; }