html, body {
font-family: "Open Sans",sans-serif; line-height: 1.5; color: #111111;
font-size: 16px;
min-width: 1170px;
}
.hBlock {
min-width: 1170px;
}
.hBlockContent {
width: 1170px;
max-width: 1170px;
min-width: 1170px;
}
.cartAddOK {
font-family: Circe, sans-serif;
left: 50px; top: 50px;
padding-right: 40px;
}
.cartAddOK .header {
font-size: 19px; font-weight: bold;
padding-bottom: 5px;
}
.cartAddOK span {
font-weight: bold;
}
.expand {
border-bottom: 1px Solid #e8e8e8;
text-align: center;
line-height: 0;
margin: 17px 0px 32px 0;
}
.expand .roundBtn {
margin-bottom: -15px;
padding: 9px 15px 7px 15px;
}
/*** карточка товара ***/
.spoiler-link, /*Убрать поÑле замены на spoilerLink */
.spoilerLink, .spoilerClose {text-decoration: none; border-bottom-color: #416AA0; border-bottom-style: dashed; border-bottom-width: 1px; color: #416AA0; font-size: 12px;}
.spoilerBody {display:none;}
.breadscrumbs {
margin-bottom: 15px;
}
#center-breadcrumb .bread {
margin: 20px 0 16px;
font-size: 13px;
}
#center-breadcrumb .bread a,
#center-breadcrumb .bread a:visited,
#center-breadcrumb .bread a:active {
color: #111111;
text-decoration: none;
}
#center-breadcrumb .bread a:hover {
color: #777777;
}
#center-breadcrumb .breadcrumb-delimiter {
display: inline-block; _display: inline;
margin: 0 10px;
height: 1em;
color: transparent;
vertical-align: middle;
background: url(/images/userdata/publicSite/v2/card/icon-breadscrumbs-separator.png) no-repeat center center;
}
.mainPicWrap {
text-align: center;
position: relative;
}
/*.mainPicWrap img.mainPic {*/
.mainPicWrap img {
max-width: 100%;
box-sizing: border-box;
}
.mainPicWrap.zoomable img {
cursor: zoom-in;
}
.mainPicZoom {
position: absolute; left: 100%; top: 0px; z-index: 50;
overflow: hidden;
border: 1px Solid #cccccc;
width: 500px; height: 500px;
display: none;
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);
background: url(/images/ajax-loader1.gif) no-repeat center center #ffffff;
}
.zoomArea { position: absolute; z-index: 1; display: none;}
.zoomArea.T { border-top: 1px Solid black; width: 100px; margin-left: -50px; margin-top: -50px; }
.zoomArea.L { border-left: 1px Solid black; height: 100px; margin-left: -50px; margin-top: -50px; }
.zoomArea.R { border-right: 1px Solid black; height: 100px; margin-left: 50px; margin-top: -50px; }
.zoomArea.B { border-bottom: 1px Solid black; width: 100px; margin-left: -50px; margin-top: 50px; }
.extraLabelWrap {
/* float: right;
padding-left: 7px; */
position: absolute;
right: 5px;
z-index: 10;
}
.extraLabel {
float: right;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -10px;
}
.photoPreview {
float: left;
border: 1px Solid #cccccc;
width: 60px; height: 60px;
margin: 1px 10px 1px 1px;
}
.photoPreview.active {
margin: 0px 9px 0px 0px;
border: 2px Solid #449ce5;
}
.goToRecallBlock {
margin-top: 37px;
font-size: 17px; font-family: Circe, sans-serif;
line-height: 1.3;
}
.goToRecallBlock a {
text-decoration: none;
}
.recallIcon {
vertical-align: middle; margin-right: 5px;
}
.mainProduct .productName {
font-size: 36px; font-family: Gotham Pro, sans-serif;
font-weight: bold; color: #111111; line-height: 1;
margin-bottom: 6px; margin-top: 13px;
font-weight: 400;
}
.mainProduct .productCode {
font-family: Tahoma, sans-serif;
text-align: left;
color: #333333;
font-size: 14px;
}
.mainProduct .productContentCount {
font-family: Tahoma, sans-serif;
text-align: left;
color: #333333;
font-size: 14px;
margin-top: 15px;
}
.mainProduct .productSlogan {
font-size: 18px; font-family: Circe, sans-serif;
margin-top: 21px; line-height: 1.15; color: #111111;
}
.mainProduct .productShortDescription {
font-size: 14px;
margin-top: 12px;
color: #111111;
line-height: 1.5;
}
.mainProduct .complexBlock {
margin-top: 20px; margin-bottom: 0px;
}
.mainProduct .complex {
float: left;
margin-right: 10px;
}
div.active-complex-wrapper { margin: 0; }
span.active-complex { width: 75px; height: 56px; margin: 0 0 5px 0; float: left; }
span.active-complex-tea { width: 75px; height: 75px; margin: 0 0 5px 0; float: left; }
span.active-complex-el { width: 78px; height: 53px; margin: 0 0 5px 0; float: left; }
span.active-complex-men { width: 68px; height: 64px; margin: 0 0 5px 0; float: left; }
span.active-complex-el-all { width: 72px; height: 53px; margin: 0 0 5px 0; float: left; }
span.active-complex-gshape-all { width: 65px; height: 65px; margin: 0 0 5px 5px; float: left; }
span.active-complex-gshapelight-all { width: 70px; height: 65px; margin: 0 0 5px 5px; float: left; }
span.active-complex-aredacaps-all { width: 97px; height: 73px; margin: 0 5px 5px 0; float: left; }
span.active-complex-richfiber-all { width: 75px; height: 65px; margin: 0 0 5px 0; float: left; }
span.active-complex-radonta-all { margin: 0 5px 5px 5px; float: left; }
span.active-complex-glorisbeauty-new-all { margin: 0 5px 5px 0; float: left; }
span.g-balance { background: url("/images/userdata/v7/catalog/activecomplexes/G-Balance.png") no-repeat; }
span.g-vitamix { background: url("/images/userdata/v7/catalog/activecomplexes/G-VitaMix.png") no-repeat; }
span.g-fibers { background: url("/images/userdata/v7/catalog/activecomplexes/G-Fibers.png") no-repeat; }
span.g-block { background: url("/images/userdata/v7/catalog/activecomplexes/G-Block.png") no-repeat; }
span.g-balance-light { background: url("/images/userdata/v7/catalog/activecomplexes/G-BalanceLight.png") no-repeat; }
span.g-vitamix-light { background: url("/images/userdata/v7/catalog/activecomplexes/G-VitaMixLight.png") no-repeat; }
span.g-fibers-light { background: url("/images/userdata/v7/catalog/activecomplexes/G-FibersLight.png") no-repeat; }
span.g-block-light { background: url("/images/userdata/v7/catalog/activecomplexes/G-BlockLight.png") no-repeat; }
span.richFiber { background: url("/images/userdata/v7/catalog/activecomplexes/RichFiber_1.png") no-repeat; }
span.richProbiotic { background: url("/images/userdata/v7/catalog/activecomplexes/RichProbiotic_1.png") no-repeat; }
span.richTriphala { background: url("/images/userdata/v7/catalog/activecomplexes/RichTriphala_1.png") no-repeat; }
span.phytosept { background: url("/images/userdata/v7/catalog/activecomplexes/phytosept_1.png") no-repeat; width: 70px; height: 56px; }
span.seasave { background: url("/images/userdata/v7/catalog/activecomplexes/seasave_1.png") no-repeat; width: 55px; height: 56px; }
span.greenton { background: url("/images/userdata/v7/catalog/activecomplexes/greenton_1.png") no-repeat; width: 70px; height: 56px; }
span.dentalhelp { background: url("/images/userdata/v7/catalog/activecomplexes/dentalhelp_1.png") no-repeat; width: 70px; height: 56px; }
span.healsygum { background: url("/images/userdata/v7/catalog/activecomplexes/healsygum_1.png") no-repeat; width: 70px; height: 56px; }
span.greenrelax { background: url("/images/userdata/v7/catalog/activecomplexes/greenrelax_1.png") no-repeat; width: 70px; height: 56px; }
span.haemastop { background: url("/images/userdata/v7/catalog/activecomplexes/haemastop_1.png") no-repeat; width: 70px; height: 56px; }
span.pureSkin { background: url("/images/userdata/v7/catalog/activecomplexes/PureSkin.png") no-repeat; width: 72px; height: 38px; }
span.dayProtect { background: url("/images/userdata/v7/catalog/activecomplexes/Day_Protect.png") no-repeat; width: 72px; height: 38px; }
span.liftActive { background: url("/images/userdata/v7/catalog/activecomplexes/LiftActive.png") no-repeat; width: 72px; height: 38px; }
span.eyeFresh { background: url("/images/userdata/v7/catalog/activecomplexes/EyeFresh_1.png") no-repeat; width: 72px; height: 38px; }
span.beautifeye_TM { background: url("/images/userdata/v7/catalog/activecomplexes/Beautifeye_TM.png") no-repeat; width: 89px; height: 38px; }
span.oligoceane_TM { background: url("/images/userdata/v7/catalog/activecomplexes/Oligoceane_TM.png") no-repeat; width: 89px; height: 38px; }
span.renewEffect { background: url("/images/userdata/v7/catalog/activecomplexes/RenewEffect.png") no-repeat; width: 89px; height: 38px; }
span.agv { background: url("/images/userdata/v7/catalog/activecomplexes/agv.png") no-repeat; }
span.age_control { background: url("/images/userdata/v7/catalog/activecomplexes/age_control.png") no-repeat; }
span.eco_pro { background: url("/images/userdata/v7/catalog/activecomplexes/eco_pro.png") no-repeat; }
span.hydro_vital { background: url("/images/userdata/v7/catalog/activecomplexes/hydro_vital.png") no-repeat; }
span.sebo_stop { background: url("/images/userdata/v7/catalog/activecomplexes/sebo_stop.png") no-repeat; }
span.skin_renew { background: url("/images/userdata/v7/catalog/activecomplexes/skin_renew.png") no-repeat; }
span.gloriderm { background: url("/images/userdata/v7/catalog/activecomplexes/gloriderm.png") no-repeat; }
span.all100organic { background: url("/images/userdata/v7/catalog/activecomplexes/all_100_organic.png") no-repeat; }
span.allNatulal { background: url("/images/userdata/v7/catalog/activecomplexes/allNatulal.png") no-repeat; }
span.allHelth { background: url("/images/userdata/v7/catalog/activecomplexes/allHelth.png") no-repeat; }
span.antiCold { background: url("/images/userdata/v7/catalog/activecomplexes/Anti_Cold.png") no-repeat; }
span.breeze { background: url("/images/userdata/v7/catalog/activecomplexes/Breeze_1.png") no-repeat; }
span.felProtect { background: url("/images/userdata/v7/catalog/activecomplexes/Fel_Protect.png") no-repeat; }
span.gastroPhit { background: url("/images/userdata/v7/catalog/activecomplexes/GastroPhit_1.png") no-repeat; }
span.goodnight { background: url("/images/userdata/v7/catalog/activecomplexes/Good_Night.png") no-repeat; }
span.greenClean { background: url("/images/userdata/v7/catalog/activecomplexes/Green-Clean.png") no-repeat; }
span.hypoTon { background: url("/images/userdata/v7/catalog/activecomplexes/Hypo_Ton.png") no-repeat; }
span.phitoSept { background: url("/images/userdata/v7/catalog/activecomplexes/Phito_Sept.png") no-repeat; }
span.reFlex { background: url("/images/userdata/v7/catalog/activecomplexes/ReFlex.png") no-repeat; }
span.uroSafe { background: url("/images/userdata/v7/catalog/activecomplexes/Uro_Safe.png") no-repeat; }
span.activetime { background: url("/images/userdata/v7/catalog/activecomplexes/activetime.png") no-repeat; }
span.aterosave { background: url("/images/userdata/v7/catalog/activecomplexes/aterosave.png") no-repeat; }
span.enervit { background: url("/images/userdata/v7/catalog/activecomplexes/enervit.png") no-repeat; }
span.lovetime { background: url("/images/userdata/v7/catalog/activecomplexes/lovetime.png") no-repeat; }
span.maxyflex { background: url("/images/userdata/v7/catalog/activecomplexes/maxyflex.png") no-repeat; }
span.mineralset { background: url("/images/userdata/v7/catalog/activecomplexes/mineralset.png") no-repeat; }
span.superdetox { background: url("/images/userdata/v7/catalog/activecomplexes/superdetox.png") no-repeat; }
span.superindol { background: url("/images/userdata/v7/catalog/activecomplexes/superindol.png") no-repeat; }
span.dts { background: url("/images/userdata/v7/catalog/activecomplexes/DST.png") no-repeat; }
span.eco { background: url("/images/userdata/v7/catalog/activecomplexes/eco.png") no-repeat; }
span.organic { background: url("/images/userdata/v7/catalog/activecomplexes/organic.png") no-repeat; }
span.enetvit-m { background: url("/images/userdata/v7/catalog/activecomplexes/enetvit-m.png") no-repeat; }
span.lovetime-m { background: url("/images/userdata/v7/catalog/activecomplexes/lovetime-m.png") no-repeat; }
span.mineral-m { background: url("/images/userdata/v7/catalog/activecomplexes/mineral-m.png") no-repeat; }
span.cardioTon { background: url("/images/userdata/v7/catalog/activecomplexes/cardioTon.png") no-repeat; }
span.gastroClean { background: url("/images/userdata/v7/catalog/activecomplexes/Gastro_Clean.png") no-repeat; }
span.gastroPhit2 { background: url("/images/userdata/v7/catalog/activecomplexes/Gastro_Phit.png") no-repeat; }
span.gastroSafe { background: url("/images/userdata/v7/catalog/activecomplexes/Gastro_Safe.png") no-repeat; }
span.maxRenew { background: url("/images/userdata/v7/catalog/activecomplexes/Max_Renew.png") no-repeat; }
span.lookSafe { background: url("/images/userdata/v7/catalog/activecomplexes/Look_Safe.png") no-repeat; }
span.neuroVit_V { background: url("/images/userdata/v7/catalog/activecomplexes/Neuro_Vit_V.png") no-repeat; }
span.berryVit { background: url("/images/userdata/v7/catalog/activecomplexes/Berry_Vit.png") no-repeat; }
span.omegaPlus { background: url("/images/userdata/v7/catalog/activecomplexes/Omega_Plus.png") no-repeat; }
span.neuroVit_G { background: url("/images/userdata/v7/catalog/activecomplexes/Neuro_Vit_G.png") no-repeat; }
span.neuroAmin { background: url("/images/userdata/v7/catalog/activecomplexes/Neuro_Amin.png") no-repeat; }
span.neuroStrong { background: url("/images/userdata/v7/catalog/activecomplexes/Neuro_Strong.png") no-repeat; }
span.brainSafe { background: url("/images/userdata/v7/catalog/activecomplexes/Brain_Safe.png") no-repeat; }
span.neuroVit_VB { background: url("/images/userdata/v7/catalog/activecomplexes/Neuro_Vit_VB.png") no-repeat; }
span.goodNight_VB { background: url("/images/userdata/v7/catalog/activecomplexes/Good_Night_VB.png") no-repeat; }
span.omegaComp { background: url("/images/userdata/v7/catalog/activecomplexes/Omega_Comp.png") no-repeat; }
span.enerPluse { background: url("/images/userdata/v7/catalog/activecomplexes/Ener_Pluse.png") no-repeat; }
span.blockAge { background: url("/images/userdata/v7/catalog/activecomplexes/Block_Age.png") no-repeat; }
span.maxiZym { background: url("/images/userdata/v7/catalog/activecomplexes/Maxi_Zym.png") no-repeat; }
span.bifidoNorm { background: url("/images/userdata/v7/catalog/activecomplexes/Bifido_Norm.png") no-repeat; }
span.hepaNorm { background: url("/images/userdata/v7/catalog/activecomplexes/Hepa_Norm.png") no-repeat; }
span.infoStop { background: url("/images/userdata/v7/catalog/activecomplexes/Info_Stop.png") no-repeat; }
span.antiGelm { background: url("/images/userdata/v7/catalog/activecomplexes/Anti_Gelm.png") no-repeat; }
span.infoStop_XL { background: url("/images/userdata/v7/catalog/activecomplexes/Info_Stop_XL.png") no-repeat; }
span.immunoPhit { background: url("/images/userdata/v7/catalog/activecomplexes/Immuno_Phit.png") no-repeat; }
span.vita-C { background: url("/images/userdata/v7/catalog/activecomplexes/Vitaspectr-C.png") no-repeat; }
span.detox { background: url("/images/userdata/v7/catalog/activecomplexes/Detox_1.png") no-repeat; }
span.hepasafe { background: url("/images/userdata/v7/catalog/activecomplexes/Hepasafe_1.png") no-repeat; }
span.antiOx { background: url("/images/userdata/v7/catalog/activecomplexes/Anti_Ox.png") no-repeat; }
span.loveTimeF { background: url("/images/userdata/v7/catalog/activecomplexes/Love_Time.png") no-repeat; }
span.marinaDetox { background: url("/images/userdata/v7/catalog/activecomplexes/Marina_Detox.png") no-repeat; }
span.hepatoProtect { background: url("/images/userdata/v7/catalog/activecomplexes/Hepato_Protect.png") no-repeat; }
span.superRelax { background: url("/images/userdata/v7/catalog/activecomplexes/Super_Relax.png") no-repeat; }
span.superBrain { background: url("/images/userdata/v7/catalog/activecomplexes/Super_Brain.png") no-repeat; }
span.superActivity { background: url("/images/userdata/v7/catalog/activecomplexes/Super_Activity.png") no-repeat; }
span.superEnergy { background: url("/images/userdata/v7/catalog/activecomplexes/Super-Energy.png") no-repeat; }
span.everyday { background: url("/images/userdata/v7/catalog/activecomplexes/everyday.png") no-repeat; }
span.gloridermMen { background: url("/images/userdata/v7/catalog/activecomplexes/gloridermMen.png") no-repeat; }
span.ultraglade { background: url("/images/userdata/v7/catalog/activecomplexes/ultraglade.png") no-repeat; }
span.proaxatreme { background: url("/images/userdata/v7/catalog/activecomplexes/proaxatreme.png") no-repeat; }
span.aqua_control { background: url("/images/userdata/v7/catalog/activecomplexes/aquaControl.png") no-repeat; width: 100px; height: 17px; margin: 0 10px 5px 0; float: left; }
span.enzy_roll { background: url("/images/userdata/v7/catalog/activecomplexes/enzyRoll.png") no-repeat; width: 80px; height: 18px; margin: 0 0 5px 0; float: left; }
.naturalVibration { background: url("/images/userdata/v7/catalog/activecomplexes/naturalVibration.png") no-repeat; }
.ballon.complexInfo {
width: 250px; font-size: 13px;
}
.priceBlock {
font-family: Circe, sans-serif; color: #111111;
font-size: 12px;
margin-top: 20px;
margin-bottom: 26px;
line-height: 1;
}
.price {
font-family: Circe, sans-serif;
color: #111111;
font-size: 32px;
font-weight: bold;
line-height: 1;
}
.price p { margin: 0; }
.price-major { font-size: 1em; }
.price-base-coin { font-size: 0.6em; }
.price_currency { font-size: 0.6875em; }
.price .strike {
position: relative;
color: #777777;
margin-right: 20px;
}
.price .strike .line {
position: absolute; left: -4px; bottom: 0;
height: calc(50% - 0.05em); width: 110%;
border-top: 0.1em Solid #ed232b;
}
.mainProduct .price {
font-size: 34px;
}
.mainProduct .price .price_currency {
font-size: 30px;
}
.pvWrap { float: right; padding: 7px 32px 0px 32px; height: 48px; box-sizing: border-box; margin-top: 20px;
background: url(/images/userdata/publicSite/v2/card/pv-l.png) repeat-y left center, url(/images/userdata/publicSite/v2/card/pv-r.png) repeat-y right center, #ffef94;
font-size: 19px;
}
/* плюÑ-Ð¼Ð¸Ð½ÑƒÑ ÐºÐ¾Ð½Ñ‚Ñ€Ð¾Ð»Ñ‹ */
.actionsInner { margin: 10px 0;}
.plus-minus-wrapper {white-space:nowrap;display:inline-block;}
.plus-minus-input-wrapper {display: inline-block; height: 21px; vertical-align: top; background:white; border:1px solid #ccc;}
.plus-minus-wrapper a.input-control-minus,
.plus-minus-wrapper a.input-control-plus {display:inline-block;text-decoration:none;height:21px;width:21px;vertical-align:top;}
.plus-minus-wrapper input.plus_minus_input { text-align: center; display:inline-block;vertical-align:top;padding:0 0 0 1px;margin:0;background:none;border:none;height:19px;width:20px;font-size:14px;font-family:Tahoma;line-height:19px;color:#333;}
.plus-minus-wrapper .plus-minus { width: 70; float: left; }
.plus-minus-wrapper a.input-control-plus {background: url("/images/userdata/v7/catalog/icon/plus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus {background: url("/images/userdata/v7/catalog/icon/minus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus:hover { background:url("/images/userdata/v7/catalog/icon/minus-grey.png") no-repeat;}
.plus-minus-wrapper a.input-control-plus:hover { background:url("/images/userdata/v7/catalog/icon/plus-grey.png") no-repeat;}
strike.prodCostOld { font-size: 13px; color: #BE3033; font-weight: normal; }
/*.prodCost strike.prodCostOld span { font-size: 10px; }*/
.countSwitch {
border-radius: 10px;
border: 1px Solid #dedede;
position: relative;
height: 46px;
width: 39px;
padding-right: 24px;
overflow: hidden;
display: inline-block; _display: inline; vertical-align: middle;
box-shadow: inset 0px 2px 0px 0px #f2f2f2;
}
.countSwitch .count {
text-align: center;
font-size: 16px !important;
font-weight: bold;
font-family: Circe, sans-serif !important;
border: none !important;
height: 46px !important;
width: 36px !important;
padding: 0 !important;
background: transparent !important;
color: #303030 !important;
}
.countSwitch .plus-minus-input-wrapper {
border: none;
background: transparent;
}
.countSwitch .increase,
.countSwitch .input-control-plus {
position: absolute; top: 0px; right: 0px;
height: 23px !important; width: 27px !important;
background: white;
background-image: none !important;
border-left: 1px Solid #e8e8e8;
color: #777777 !important;
}
.countSwitch .input-control-plus:after {
position: absolute; left: 0; top: 0;
content: "+"; line-height: 22px;
display: block;
width: 27px; height: 23px; text-align: center;
}
.countSwitch .decrease,
.countSwitch .input-control-minus {
position: absolute; bottom: 0px; right: 0px;
height: 22px !important; width: 27px !important;
border-left: 1px Solid #e8e8e8;
border-top: 1px Solid #e8e8e8;
text-align: center;
background: white;
background-image: none !important;
font-weight: bold;
color: #777777 !important;
}
.countSwitch .input-control-minus:after {
position: absolute; left: 2px; top: 0;
content: "-"; line-height: 15px;
display: block;
width: 25px; height: 22px; text-align: center;
}
.countSwitch hr {
position: absolute; right: 0px; top: 24px;
margin: 0;
border: none; border-top: 1px Solid #cccccc;
width: 28px;
}
.putToCartBtn {
margin-left: 3px;
}
.putToCartBtn img {
vertical-align: middle;
margin-right: 5px;
position: relative; top: 1px;
}
.putToCartBtn.btn_disabled {
background: #ececec;
color: #adadad;
cursor: default;
border-color: #ececec;
}
.productRemarks {
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;
}
.productRemarks p { margin: 0; }
.productRemarks .trouble { color: #ed1c24; }
.productRemarks .products_in_card { color: #3cc03f; }
.otherLineProducts {
color: #111111;
}
.otherLineProducts .wrapOtherProducts {
padding-left: 20px;
}
.otherLineProducts .wrapOtherProducts > .header {
width: 100%; float: right;
font-family: Circe, sans-serif;
font-size: 16px; font-weight: bold;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: right;
}
.otherLineProduct {
float: right; width: 232px;
margin-top: 16px; margin-bottom: 10px;
}
.otherLineProduct .productPic {
width: 97px; float: left; text-align: left;
min-height: 1px;
margin-right: 9px;
}
.otherLineProduct .productPic img {
width: 92px;
}
.otherLineProduct .productInfo {
float: left;
width: 135px;
}
.otherLineProduct .productName {
font-family: Circe, sans-serif;
font-size: 16px; font-weight: bold;
line-height: 1.15;
margin-bottom: 5px;
padding-left: 1px;
}
.productName a,
.productName a:visited,
.productName a:active,
.otherLineProduct .productName a,
.otherLineProduct .productName a:visited,
.otherLineProduct .productName a:active {
text-decoration: none;
color: #111111;
}
.otherLineProduct .productName a:hover, .productName a:hover {
color: #777777;
text-decoration: underline;
}
.otherLineProduct .productSlogan {
font-size: 13px;
line-height: 1.3;
}
.otherLineProduct .productPrice {
margin-top: 13px;
font-size: 19px;
padding-left: 1px;
}
.otherLineProduct .productPrice .price-base-coin { font-size: 0.7368em; }
.otherLineProduct .productPrice .price_currency { font-size: 0.9474em; }
.otherLineProduct .productRecall {
margin-top: 6px;
font-size: 13px;
padding-left: 1px;
}
.otherLineProduct .productRecall img {
height: 14px;
}
.otherLineProduct .productRecall a {
text-decoration: none;
}
.otherLineProducts .seeAllBtnBlock {
text-align: center;
padding-top: 21px;
}
.tabsLine {
background: white;
border-top: 1px Solid #f2f2f2;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}
.responsesCount {
font-family: "Circe", sans-serif;
font-weight: bold; font-size: 16px; margin-left: 5px;
}
ul.productInfoTabs {
padding: 0; margin: 0;
}
ul.productInfoTabs li {
display: inline-block;
font-size: 15px;
padding: 18px 0 20px;
margin-right: 34px;
}
ul.productInfoTabs li:last-child {
margin-right: 0px;
}
ul.productInfoTabs a, ul.productInfoTabs a:visited, ul.productInfoTabs a:active {
color: #111111;
text-decoration: none;
}
ul.productInfoTabs a:hover {
color: #777777;
}
ul.productInfoTabs li.active {
border-bottom: 2px Solid #ed232b;
}
ul.productInfoTabs li.active a,
ul.productInfoTabs li.active a:visited,
ul.productInfoTabs li.active a:active {
color: #ed232b;
}
ul.productInfoTabs li.active a:hover {
color: #F79B9E;
}
ul.shareProduct {
padding-left: 0;
padding-top: 21px;
float: right;
font-size: 11px;
margin: 0;
}
ul.shareProduct li {
display: inline-block;
padding: 0 0 0 15px;
}
ul.shareProduct li.sharingTitle {
letter-spacing: 0.12em;
}
ul.shareProduct li.vkLI { padding-left: 5px; }
ul.shareProduct li.tgLI { padding-left: 12px; }
.share {
display: inline-block;
background: url(/images/userdata/publicSite/v2/card/icon-socials2.png) no-repeat top left;
width: 20px; height: 20px;
vertical-align: middle;
position: relative; top: -2px;
}
.share.vk { background-position: 0px 0px; }
.share.ok { background-position: -20px 0px; }
.share.fb { background-position: -40px 0px; }
.share.tg { width: 19px; background-position: -60px 0px; }
.share.vk:hover { background-position: 0px -20px; }
.share.ok:hover { background-position: -20px -20px; }
.share.fb:hover { background-position: -40px -20px; }
.share.tg:hover { background-position: -60px -20px; }
h2, .tabHeader {
font-weight: normal;
font-size: 26px; font-family: Circe, sans-serif;
margin-top: 30px;
}
.tabHeader {
display: none;
}
.productInfoTab {
display: none;
padding-bottom: 40px;
}
.productInfoTab.nopad {
padding-bottom: 0px;
}
.productInfoTab.responses {
padding-bottom: 20px;
}
.productInfoTab.active {
display: block;
}
.tabsContent .hBlockContent {
padding: 40px 0 75px 0;
}
/*********************************************************************************************************/
form.addRecallForm {
font-size: 13px; display: none; padding-bottom: 20px;
}
#addRecallSuccess {
padding: 10px 16px 10px 14px;
background: #3cc03f; color: white;
line-height: 34px;
font-size: 14px;
display: inline-block; _display: inline;
border-radius: 15px;
margin: 12px 0;
}
#addRecallSuccess img {
vertical-align: middle;
position: relative; top: -2px;
margin-right: 9px;
}
form.addRecallForm .formHeader {
text-transform: uppercase;
font-size: 18px;
font-family: Circe, sans-serif;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
form.addRecallForm label {
display: block;
margin-bottom: 7px;
}
form.addRecallForm input[type=text],
form.addRecallForm textarea {
border: 1px Solid #dedede;
border-radius: 5px;
font-size: 16px; padding: 10px;
width: calc(100% - 22px - 10px);
box-shadow: inset 0px 2px 0px 0px #f2f2f2;
}
form.addRecallForm .captchaBlock {
padding-top: 10px;
}
.error_detail {
font-style: italic;
color: #eb1c24;
background: url(/images/userdata/publicSite/v2/card/icon-error.png) no-repeat 1px 0px;
min-height: 24px;
padding-left: 32px;
margin-top: 12px;
padding-top: 2px;
}
form.addRecallForm .error label {
color: #eb1c24;
}
form.addRecallForm .error input[type=text],
form.addRecallForm .error textarea {
border-color: #eb1c24;
}
form.addRecallForm .authorBlock.fieldGroup,
form.addRecallForm .authorCityBlock.fieldGroup,
form.addRecallForm .authorPhotoBlock.fieldGroup,
form.addRecallForm .productPhotosBlock.fieldGroup,
form.addRecallForm .videoResponseBlock.fieldGroup,
form.addRecallForm .responseDescription {
margin-bottom: 20px;
}
form.addRecallForm textarea {
height: 150px;
resize: none;
}
form.addRecallForm .photoBlock {
position: relative;
width: 98px; height: 73px;
border: 1px Solid #d1d1d1;
border-radius: 5px;
margin-right: 10px;
}
form.addRecallForm button.photoBlock { padding: 0; width: 100px; height: 75px; }
form.addRecallForm .photoBlock.photoAdd {
cursor: pointer;
background: url(/images/userdata/publicSite/v2/card/icon-photo-add.png) 26px 17px no-repeat;
}
form.addRecallForm .photoBlock.photoAdd:hover {
background-color: #f1f1f1;
}
form.addRecallForm .photoBlock .progressBar {
position: absolute; bottom: 11px; left: 12px;
width: 74px; height: 6px;
background: #e2f0f6;
border-radius: 3px;
overflow: hidden;
}
form.addRecallForm .photoBlock .progressBar .progress {
background: #3cc03f;
width: 0%; height: 6px;
width: 33%; /* Ð”Ð»Ñ Ð´ÐµÐ¼Ð¾ прогреÑÑа загрузки */
}
form.addRecallForm .photoBlock a.removePhoto {
position: absolute; right: 5px; top: 5px;
display: none;
background: url(/images/userdata/publicSite/v2/card/icon-photo-remove.png) top left no-repeat;
width: 22px; height: 22px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
border-radius: 11px;
display: none;
}
form.addRecallForm .photoBlock:hover a.removePhoto {
display: inline-block; _display: block;
}
form.addRecallForm .photos {
display: flex;
}
/********************************************************************/
.telegramBlockWrap {
position: -ms-sticky;
position: -webkit-sticky;
position: -o-sticky;
position: sticky;
top: 0px;
}
.telegramBlock {
background: url("/images/userdata/publicSite/v2/card/telegramBlockBg.png") no-repeat top left #039ddb;
border-radius: 15px;
padding-left: 99px;
width: 260px; height: 112px;
padding-top: 19px;
font-family: "Open Sans", Tahoma, sans-serif;
box-shadow: 0px 13px 12px 0px #d8f0f9;
color: white;
line-height: 1.2;
}
.telegramBlock .txt1 { font-size: 15px; line-height: 1;}
.telegramBlock .txt2 { font-size: 15px; font-weight: bold; line-height: 1; margin-top: 5px; }
.telegramBlock .txt3 { font-size: 13px; line-height: 1.3; margin-top: 16px; }
.telegramBlock a.white { text-decoration: none; }
.telegramBlock a.extraUnderline:after { bottom: -4px; border-color: #78ceed; }
/********************************************************************/
.videoreviews .videoBlock {
display: inline-block;
_display: inline;
border: solid 1px #ebebeb;
}
.videoReviewItemNew { margin-top: 20px; margin-bottom: 20px; }
.videoReviewItemNew .videoPreview img {
width: 100%; height: 298px;
border: 1px Solid black;
border-radius: 10px;
vertical-align: middle;
}
.videoReviewItemNew .videoHeader {
font-family: Circe, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 0.025em;
margin-top: 16px;
margin-bottom: 4px;
}
.videoReviewItemNew .videoDescription {
font-size: 14px;
}
/*******************************************************************************************/
.mainResponseBlock {
background: #f7f1eb;
margin-top: 40px;
padding-bottom: 40px;
}
.mainResponseBlock .roundBtn.blue {
margin-left: 9px; vertical-align: middle;
}
.responsesList {
padding: 20px 0;
}
.responsesList .responseSeparator {
border-bottom: 1px Solid #cccccc;
margin: 35px 0px 29px 83px;
}
.response {
position: relative;
background: url(/images/userdata/publicSite/v2/card/icon-comment.png) no-repeat 0px 5px;
padding-left: 83px;
min-height: 70px;
}
.response .responseAuthorPhoto {
position: absolute; left: 0px; top: 5px;
border-radius: 35px;
width: 65px; height: 65px;
background: #ffffff;
}
.response .responseAuthor {
font-family: Circe, sans-serif;
font-size: 17px;
font-weight: bold;
}
.response .responseDescription {
padding-top: 1.5em;
}
.response .responseHeader {
font-size: 17px; margin-bottom: 12px;
}
.response .responseContent {
font-size: 13px;
}
.response .responseMedia {
display: flex;
margin-top: 19px;
}
.response .responseMedia .mediaItem {
width: 148px; height: 111px; border: 1px Solid #d1d1d1;
border-radius: 6px;
margin-right: 15px;
}
.response .responseMedia .mediaItem.video {
position: relative;
}
.response .responseMedia .mediaItem.video .overlay {
position: absolute; left: 50%; top: 50%;
margin-top: -15px;
margin-left: -20px;
}
.responseContent span.cut {
display: inline-block; _display: inline;
margin-left: -300px;
width: 300px; height: 1.5em;
background: linear-gradient(to right, transparent, white 85%);
}
.response .expand {
/*margin-right: 85px;*/
}
/******************************************************************************/
.recommendations {
padding-bottom: 70px;
}
.recommendations h2 {
margin-top: 0px;
}
.recommendations .productsWrap {
position: relative;
}
.recommendations .products {
margin-right: -40px;
display: flex;
flex-direction: row;
align-items: stretch;
}
.recommendations .product {
/*border: 2px Solid #caefff;*/
border: 2px Solid transparent;
width: calc(25% - (4px + 34px)); /*height: 348px;*/ padding: 17px 17px 147px;
border-radius: 8px;
font-size: 13px;
color: #111111;
float: left;
margin-top: 0px;
position: relative;
}
.recommendations .product.activityProduct {
padding-bottom: 172px;
}
.recommendations .product:hover {
border: 2px Solid #caefff;
}
.recommendations .product .labels {
width: 0; overflow: visible;
float: left;
}
.recommendations .product .extraLabelWrap {
float: none;
padding-left: 0px;
}
.recommendations .product .extraLabel {
float: none;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 6px; text-align: center;
margin-left: -3px;
margin-bottom: -15px;
}
.recommendations .product .extraLabel.n1 { z-index: 2; }
.recommendations .product .extraLabel.n2 { z-index: 1; }
.recommendations .product .productPic {
height: 155px; text-align: center;
}
.recommendations .product .productPic img {
height: 100%;
}
.recommendations .product .productName {
font-family: Circe, sans-serif;
font-size: 17px; font-weight: bold;
margin-bottom: 4px;
}
.recommendations .product .productName a,
.recommendations .product .productName a:visited,
.recommendations .product .productName a:active {
text-decoration: none;
color: #111111;
}
.recommendations .product .productName a:hover {
color: #777777;
text-decoration: underline;
}
.recommendations .product .productPrice {
padding-top: 18px;
padding-bottom: 5px;
}
.recommendations .product .productPrice.price {
font-size: 19px;
}
.recommendations .product .productRecall a {
text-decoration: none;
font-size: 15px;
}
.recommendations .product .productRecall .recallIcon {
width: 14px;
}
/******/
.recommendations .product .priceGroup {
position: absolute; bottom: 0; left: 0;
width: calc(100% - 34px);
padding: 0 17px 26px 17px;
}
.recommendations .product .productsRemarks {
display: none;
margin-bottom: 13px;
font-size: 13px;
min-height: 19.5px;
}
.recommendations .product .productsRemarks .trouble { color: #ed1c24; }
.recommendations .product .productsRemarks .products_in_card { color: #3cc03f; }
.recommendations .product .productPrice {
}
.recommendations .product .productPrice.price {
font-size: 25px;
}
.recommendations .product .price_currency {
font-size: 0.8em;
}
.recommendations .product .productVolume {
font-size: 20px; font-family: Circe, Tahoma, sans-serif;
font-weight: normal; padding-top: 5px; text-align: right;
letter-spacing: -0.005em;
}
.recommendations .buyBlock {
margin-top: 14px;
}
.recommendations .countSwitch {
width: 29px; height: 38px;
padding-left: 24px;
padding-right: 24px;
}
.recommendations .countSwitch .count {
font-size: 17px !important;
height: 37px !important;
width: 28px !important;
}
.recommendations .countSwitch .plus-minus-wrapper a.input-control-minus {
left: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-right: 1px Solid #e8e8e8;
}
.recommendations .countSwitch .plus-minus-wrapper a.input-control-minus:after {
width: 23px;
font-size: 20px;
left: 0px; top: 1px;
}
.recommendations .countSwitch .plus-minus-wrapper a.input-control-plus {
right: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-left: 1px Solid #e8e8e8;
}
.recommendations .countSwitch .plus-minus-wrapper a.input-control-plus:after {
width: 23px;
font-size: 20px;
left: 0px; top: -1px;
}
.recommendations .putToCartBtn {
font-size: 16px;
height: 34px;
border-radius: 30px;
padding: 0px 19px 2px 11px;
}
/******/
.recommendations .left {
position: absolute; left: 0px; top: calc(50% - 21px);
background: url(/images/userdata/publicSite/v2/icon-gallery-left.png) no-repeat;
}
.recommendations .right {
background: url(/images/userdata/publicSite/v2/icon-gallery-right.png) no-repeat;
}
.leftNavK {
float: left;
font-family: "Open Sans", Tahoma, sans-serif;
font-size: 14px;
padding-left: 15px;
width: 216px;
padding-right: 29px;
}
.leftNavK ul {
padding-left: 0;
list-style: none;
}
.leftNavK ul li,
.leftNavK ul li a,
.leftNavK ul li a:visited {
text-decoration: none;
color: #000000;
}
.leftNavK ul li a:hover {
text-decoration: underline;
}
.leftNavK ul.lvl-0 {
background: #e9f6ff;
padding: 27px 23px 7px;
border-radius: 13px;
}
.leftNavK ul.lvl-0 > li {
font-family: Circe, Tahoma, sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 1.1;
padding-bottom: 21px;
}
.leftNavK ul.lvl-1 {
font-weight: normal;
font-size: 14px;
margin-top: 9px;
}
.leftNavK ul.lvl-1 > li {
padding: 5px 0;
}
.leftNavK ul.lvl-1 > li.active,
.leftNavK ul.lvl-1 > li.active a,
.leftNavK ul.lvl-1 > li.active a:visited {
font-weight: bold;
color: #ed1c24;
}
.groupBlock, .rightK {
margin-left: 260px;
padding-right: 15px;
}
.groupBlock .groupName {
font-size: 47px;
font-family: Circe, Tahoma, sans-serif;
margin-top: 0;
margin-bottom: 0;
line-height: 1.4;
letter-spacing: -0.012em;
}
.groupBlock .groupInfo {
font-size: 14px;
line-height: 1.4;
margin-bottom: 32px;
}
.groupBlock .groupInfo span.cut {
display: inline-block; _display: inline;
margin-left: -300px;
width: 300px; height: 1.5em;
background: linear-gradient(to right, transparent, white 85%);
}
.groupBlock .groupInfo .full p:first-child {
margin-top: 0px;
}
.groupBlock .groupInfo .full p:last-child {
margin-bottom: 0px;
}
.groupProducts {
padding-bottom: 30px;
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-wrap: wrap;
}
.groupProducts .product {
position: relative;
border: 2px Solid transparent;
width: 251px; padding: 15px 21px 105px 22px;
border-radius: 10px;
font-size: 13px;
color: #111111;
float: left;
margin: 4px 0px;
}
.groupProducts .product:hover {
border-color: #caefff;
}
.groupProducts .product.activityProduct {
padding-bottom: 120px;
}
.groupProducts .product .extraLabelWrap {
position: absolute; left: 13px; top: 13px;
padding-left: 7px;
}
.groupProducts .product .extraLabel {
float: right;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -10px;
}
.groupProducts .product .extraLabelWrap {
float: none;
padding-left: 0px;
}
.groupProducts .product .extraLabel {
float: none;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -3px;
margin-bottom: -15px;
}
.groupProducts .product .extraLabel.n1 { z-index: 2; }
.groupProducts .product .extraLabel.n2 { z-index: 1; }
.groupProducts .product .productPic {
text-align: center;
}
.groupProducts .product .productPic img {
vertical-align: middle;
}
.groupProducts .product .productName {
line-height: 1.3;
margin-bottom: 5px;
}
.groupProducts .product .productName a {
font-family: Circe, sans-serif;
font-size: 19px; font-weight: bold;
text-decoration: none;
color: #303030;
line-height: 1.3;
}
/*.groupProducts .product .productName a:hover { text-decoration: underline; color: #777777; }*/
.groupProducts .product .productRecall {
margin-bottom: 12px;
}
.groupProducts .product .productRecall a {
text-decoration: none;
}
.groupProducts .product .productSlogan {
margin-bottom: 25px;
line-height: 1.45;
max-height: 5.8em;
position: relative; overflow: hidden;
}
.groupProducts .product .productSlogan.overflowGap:after {
display: block;
content: "";
background: linear-gradient(to top,#fff 0%, rgba(255,255,255,0.75) 65%, rgba(255,255,255,0.5) 99%, transparent 100%);
position: absolute; bottom: 0; left: 0;
height: 2.9em; /* 2 по 1.45em */
width: 100%;
}
.groupProducts .product .productSloganInner {
}
.groupProducts .product .priceGroup {
position: absolute; bottom: 0; left: 0;
width: calc(100% - 43px);
padding: 0 21px 26px 22px;
}
.groupProducts .product .productsRemarks {
display: none;
margin-bottom: 13px;
font-size: 13px;
min-height: 19.5px;
}
.groupProducts .product .productsRemarks .trouble { color: #ed1c24; }
.groupProducts .product .productsRemarks .products_in_card { color: #3cc03f; }
.groupProducts .product .productPrice {
}
.groupProducts .product .productPrice.price {
font-size: 25px;
}
.groupProducts .product .price_currency {
font-size: 0.8em;
}
.groupProducts .product .productVolume {
font-size: 20px; font-family: Circe, Tahoma, sans-serif;
font-weight: normal; padding-top: 5px; text-align: right;
letter-spacing: -0.005em;
}
.groupProducts .buyBlock {
margin-top: 14px;
}
.groupProducts .countSwitch {
width: 29px; height: 38px;
padding-left: 24px;
padding-right: 24px;
}
.groupProducts .countSwitch .count {
font-size: 17px !important;
height: 37px !important;
width: 28px !important;
}
.groupProducts .countSwitch .plus-minus-wrapper a.input-control-minus {
left: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-right: 1px Solid #e8e8e8;
}
.groupProducts .countSwitch .plus-minus-wrapper a.input-control-minus:after {
width: 23px;
font-size: 20px;
left: 0px; top: 1px;
}
.groupProducts .countSwitch .plus-minus-wrapper a.input-control-plus {
right: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-left: 1px Solid #e8e8e8;
}
.groupProducts .countSwitch .plus-minus-wrapper a.input-control-plus:after {
width: 23px;
font-size: 20px;
left: 0px; top: -1px;
}
.groupProducts .putToCartBtn {
font-size: 16px;
height: 34px;
border-radius: 30px;
padding: 0px 19px 2px 11px;
}
.contentK {
margin: 0 auto;
padding-bottom: 30px;
width: 893px;
font-size: 16px;
line-height: 1.4;
}
.contentK h1 {
text-align: center;
margin-bottom: 0;
font-family: Circe;
font-weight: bold;
font-size: 46px;
}
.paymentOk .message,
.paymentFailed .message {
text-align: center;
padding-top: 106px;
padding-bottom: 106px;
}
.paymentFailed .message .messageIcon {
}
.paymentOk .colored,
.paymentFailed .colored {
color: #f30909;
font-weight: bold;
font-size: 26px;
line-height: 1.2;
margin-top: 28px;
margin-bottom: 24px;
}
.paymentOk .orderNumber,
.paymentFailed .orderNumber {
font-size: 16px;
font-weight: bold;
margin-bottom: 28px;
}
.paymentOk .orderNumber span,
.paymentFailed .orderNumber span {
text-decoration: underline;
margin: 10px 0;
}
.paymentOk .orderInfo,
.paymentFailed .orderInfo {
margin: 10px 0 53px;
font-size: 15px;
line-height: 1.2;
}
.paymentOk .orderInfo {
margin-bottom: 10px;
}
.paymentOk .phone {
font-size: 17px;
margin-bottom: 51px;
}
.paymentOk .phone span {
font-weight: bold;
}
.paymentOk .blue-button,
.paymentFailed .blue-button {
font-family: Circe;
font-weight: bold;
border-radius: 43px;
background-color: #1b70b6;
height: 49px;
box-sizing: border-box;
text-align: center;
padding: 12px 27px 0px;
color: #fff;
font-size: 18px;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.paymentOk .blue-button {
margin-bottom: 17px;
}
.paymentOk .blue-button img,
.paymentFailed .blue-button img {
vertical-align: middle;
margin-right: 21px;
margin-top: -4px;
}
.paymentOk .colored {
color: #0aa70f;
}
.paymentOk .greyLink, .paymentOk .greyLink:active, .paymentOk .greyLink:visited {
color: #333333;
font-size: 15px;
}
.paymentOk .greyLink:hover {
opacity: 0.75;
}
/*******************************************************************************************************************/
/* Стили Ð´Ð»Ñ Ñтраницы теÑтов */
.testsBlock {
width: 100%;
max-width: 1140px;
padding: 0 15px 30px 15px;
font-size: 16px;
}
.testsBlock h1 {
font-family: Circe, Tahoma, sans-serif;
font-weight: bold;
font-size: 46px;
margin-bottom: 0;
margin-top: 0;
}
.testsBlock p {
font-size: 14px;
margin-top: 3px;
}
.testsBlock .testsHeader {
text-align: center;
font-size: 26px;
font-weight: 300;
}
.testsBlock .tests {
position: relative; min-height: 500px;
background: #fff4ec;
border-radius: 20px;
margin-top: 29px;
}
.testsBlock .step1 .testsHeader {
position: absolute; top: 100px; width: 100%; left: 0; z-index: 1;
}
.testsBlock .step2 .testsHeader,
.testsBlock .step3 .testsHeader {
margin: 22px 0 25px;
}
.testsBlock .genderSwitchHolder {
position: absolute; left: 0; top: 35px; width: 100%; text-align: center; z-index: 1;
}
.testsBlock .genderSwitch {
overflow: hidden;
padding: 0; list-style: none;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
font-size: 0;
display: inline-block;
border-radius: 20px;
vertical-align: middle; margin-top: -1px; margin-left: 10px;
}
.testsBlock .genderSwitch li {
width: 115px; height: 40px;
display: inline-block;
cursor: pointer;
background: linear-gradient(to top, #edf2f4, #ffffff);
color: #222222;
font-size: 15px;
font-family: "Open Sans", Tahoma, sans-serif;
text-align: center;
line-height: 2.5;
margin: 0;
border-left: 1px Solid White;
border-right: 1px Solid #f0f0f0;
}
.testsBlock .genderSwitch li.active {
background: #21ae24;
background: linear-gradient(to right, #319233 0%, #21ae24 15%, #21ae24 85%, #319233 100%);
color: white;
border-left: 1px Solid #319233;
border-right: 1px Solid #319233;
}
.testsBlock .agesBlock {
display: inline-block;
position: relative; top: 0px; left: 0px; z-index: 1;
margin-left: 25px;
vertical-align: middle;
}
.testsBlock .agesBlock input {
border: 1px Solid #fbeee4; border-radius: 8px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1) inset;
width: 67px; height: 38px;
padding: 0px 7px;
font-size: 16px; font-family: "Open Sans", Tahoma, sans-serif; margin-left: 10px;
}
.testsBlock .agesBlock .errorAlert {
display: none;
background: #ee272e;
color: white;
font-size: 14px; font-family: "Open Sans", Tahoma, sans-serif;
position: absolute; left: 68px; top: -40px;
width: 150px; border-radius: 8px; padding: 6px 12px;
}
.testsBlock .agesBlock .errorAlert:after {
display: block; content: "";
border: 6px Solid transparent; border-top-color: #ee272e; border-bottom: none;
position: absolute; top: 100%; left: 50%; margin-left: -6px;
}
.testsBlock .squareBtn {
text-align: center;
text-transform: uppercase;
font-family: Circe, Tahoma, sans-serif;
font-size: 16px; font-weight: bold;
line-height: 53px;
padding: 0;
background: #21ae24;
background: linear-gradient(to top, #319233 0%, #3bbf3e 100%);
color: white;
border: 0;
border-radius: 14px;
letter-spacing: 0.03em;
cursor: pointer;
height: 55px;
}
.testsBlock .tests .squareBtn {
position: absolute; bottom: 35px; right: 38px; z-index: 1;
width: 204px;
outline: none;
}
.testsBlock .step2 .squareBtn {
width: 259px;
margin-top: 20px;
margin-bottom: 10px;
}
.testsBlock .squareBtn[disabled] {
background: #ececec;
color: #adadad;
cursor: default;
border-color: #ececec;
}
.testsBlock .gender.woman {
background: url(/images/userdata/publicSite/v2/tests/bgWoman2.jpg) no-repeat top left;
height: 843px; width: 893px; position: relative;
}
.testsBlock .gender.man {
background: url(/images/userdata/publicSite/v2/tests/bgMan2.jpg) no-repeat top left;
height: 843px; width: 893px; position: relative;
display: none;
}
.testsBlock .gender.child {
background: url(/images/userdata/publicSite/v2/tests/bgChild2.jpg) no-repeat top left;
height: 784px; width: 893px; position: relative;
display: none;
}
.testsBlock .trouble {
display: block;
position: absolute;
width: 64px; height: 64px;
border: 2px Solid transparent;
border-radius: 35px;
background-image: url(/images/userdata/publicSite/v2/tests/icons-bodyparts3.png);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
cursor: pointer;
}
.testsBlock .trouble.selected {
border: 2px Solid #ed1c24;
}
.testsBlock .trouble.brain { background-position: -64px 0px; }
.testsBlock .trouble.heart { background-position: -448px 0px; }
.testsBlock .trouble.lungs { background-position: -192px 0px; }
.testsBlock .trouble.liver { background-position: -128px 0px; }
.testsBlock .trouble.stomach { background-position: -320px 0px; }
.testsBlock .trouble.fatty { background-position: 0px 0px; }
.testsBlock .trouble.bones { background-position: -384px 0px; }
.testsBlock .trouble.peeee { background-position: -256px 0px; }
.testsBlock .trouble.brain:hover, .testsBlock .trouble.brain.selected { background-position: -64px -64px; }
.testsBlock .trouble.heart:hover, .testsBlock .trouble.heart.selected { background-position: -448px -64px; }
.testsBlock .trouble.lungs:hover, .testsBlock .trouble.lungs.selected { background-position: -192px -64px; }
.testsBlock .trouble.liver:hover, .testsBlock .trouble.liver.selected { background-position: -128px -64px; }
.testsBlock .trouble.stomach:hover, .testsBlock .trouble.stomach.selected { background-position: -320px -64px; }
.testsBlock .trouble.fatty:hover, .testsBlock .trouble.fatty.selected { background-position: 0px -64px; }
.testsBlock .trouble.bones:hover, .testsBlock .trouble.bones.selected { background-position: -384px -64px; }
.testsBlock .trouble.peeee:hover, .testsBlock .trouble.peeee.selected { background-position: -256px -64px; }
.testsBlock .trouble.brain.disabled, .testsBlock .trouble.brain.disabled:hover { background-position: -64px -128px; }
.testsBlock .trouble.heart.disabled, .testsBlock .trouble.heart.disabled:hover { background-position: -448px -128px; }
.testsBlock .trouble.lungs.disabled, .testsBlock .trouble.lungs.disabled:hover { background-position: -192px -128px; }
.testsBlock .trouble.liver.disabled, .testsBlock .trouble.liver.disabled:hover { background-position: -128px -128px; }
.testsBlock .trouble.stomach.disabled, .testsBlock .trouble.stomach.disabled:hover { background-position: -320px -128px; }
.testsBlock .trouble.fatty.disabled, .testsBlock .trouble.fatty.disabled:hover { background-position: 0px -128px; }
.testsBlock .trouble.bones.disabled, .testsBlock .trouble.bones.disabled:hover { background-position: -384px -128px; }
.testsBlock .trouble.peeee.disabled, .testsBlock .trouble.peeee.disabled:hover { background-position: -256px -128px; }
.testsBlock .woman .trouble.brain { top: 184px; left: 347px; }
.testsBlock .woman .trouble.heart { top: 397px; left: 456px; }
.testsBlock .woman .trouble.lungs { top: 410px; left: 363px; }
.testsBlock .woman .trouble.liver { top: 497px; left: 354px; }
.testsBlock .woman .trouble.stomach { top: 521px; left: 444px; }
.testsBlock .woman .fatty { top: 582px; left: 298px; }
.testsBlock .woman .trouble.bones { top: 505px; left: 621px; }
.testsBlock .woman .trouble.peeee { top: 584px; left: 399px; }
.testsBlock .man .trouble.brain { top: 192px; left: 349px; }
.testsBlock .man .trouble.heart { top: 431px; left: 468px; }
.testsBlock .man .trouble.lungs { top: 444px; left: 375px; }
.testsBlock .man .trouble.liver { top: 543px; left: 344px; }
.testsBlock .man .trouble.stomach { top: 577px; left: 467px; }
.testsBlock .man .trouble.fatty { top: 647px; left: 301px; }
.testsBlock .man .trouble.bones { top: 590px; left: 613px; }
.testsBlock .man .trouble.peeee { top: 634px; left: 407px; }
.testsBlock .textMark {
position: absolute;
width: 210px;
font-size: 14px; font-style: italic; line-height: 20px; font-family: "Open Sans", sans-serif;
}
.testsBlock .textMark.r { text-align: right; }
.testsBlock .textMark.c { text-align: center; }
.testsBlock .child .textMark { font-size: 15px; }
.testsBlock .woman .textMark.brain { left: 122px; top: 198px; }
.testsBlock .woman .textMark.heart { left: 607px; top: 351px; }
.testsBlock .woman .textMark.lungs { left: 25px; top: 411px; }
.testsBlock .woman .textMark.liver { left: 17px; top: 508px; }
.testsBlock .woman .textMark.stomach { left: 636px; top: 613px; }
.testsBlock .woman .textMark.fatty { left: 7px; top: 598px; }
.testsBlock .woman .textMark.bones { left: 705px; top: 521px; }
.testsBlock .woman .textMark.peeee { left: 45px; top: 704px; }
.testsBlock .man .textMark.brain { left: 124px; top: 206px; }
.testsBlock .man .textMark.heart { left: 619px; top: 385px; }
.testsBlock .man .textMark.lungs { left: 37px; top: 457px; }
.testsBlock .man .textMark.liver { left: 20px; top: 554px; }
.testsBlock .man .textMark.stomach { left: 659px; top: 669px; }
.testsBlock .man .textMark.fatty { left: 5px; top: 660px; }
.testsBlock .man .textMark.bones { left: 665px; top: 501px; }
.testsBlock .man .textMark.peeee { left: 31px; top: 751px; }
.testsBlock .child .textMark { left: 130px; top: 220px; }
.testsBlock .question {
margin: 21px 0;
}
.testsBlock .questionHeader {
background: #3c57a7;
background: linear-gradient(to right, #3c57a7, #7a288a);
color: white;
letter-spacing: 0.035em;
border-radius: 15px 15px 0px 0px;
}
.testsBlock .questionHeader .questionIcon {
display: inline-block; width: 64px; height: 64px;
background-image: url(/images/userdata/publicSite/v2/tests/icons-question.png);
background-position: top left;
background-repeat: no-repeat;
vertical-align: middle;
margin: 0px -4px 0px 3px;
}
.testsBlock .questionHeader .questionIcon.brain { background-position: -64px 50%; }
.testsBlock .questionHeader .questionIcon.heart { background-position: -448px 50%; }
.testsBlock .questionHeader .questionIcon.lungs { background-position: -192px 50%; }
.testsBlock .questionHeader .questionIcon.liver { background-position: -128px 50%; }
.testsBlock .questionHeader .questionIcon.stomach { background-position: -320px 50%; }
.testsBlock .questionHeader .questionIcon.fatty { background-position: 0px 50%; }
.testsBlock .questionHeader .questionIcon.bones { background-position: -384px 50%; }
.testsBlock .questionHeader .questionIcon.peeee { background-position: -256px 50%; }
.testsBlock .questionHeader .questionIcon.woman { background-position: -512px 50%; }
.testsBlock .questionHeader .questionIcon.man { background-position: -576px 50%; }
.testsBlock .questionHeader .questionIcon.child { background-position: -640px 50%; }
.testsBlock .answers {
border: 1px Solid #dddddd; border-radius: 0px 0px 15px 15px;
border-top: none;
padding: 6px 32px 6px 22px;
}
.testsBlock .answerRow {
position: relative;
padding-left: 0px;
font-size: 14px;
margin: 16px 0;
color: #303030;
}
.testsBlock .answerRow.checked {
font-weight: bold;
}
.testsBlock .answerRow .inputs {
padding-top: 6px;
}
.testsBlock .answerRow .inputs input {
vertical-align: middle; margin-top: -3px; margin-left: 0;
}
.testsBlock .answerRow .inputs input[type=radio]:checked + label {
font-weight: bold;
}
.testsBlock .backLink, .testsBlock .backLink:visited {
margin-top: 20px;
color: #222222;
}
.testsBlock .step3 .questionHeader {
border-radius: 15px;
}
.testsBlock .step3 .productsList {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.testsBlock .step3 .productsList .product .picGroup {
float: left; position: relative;
width: 168px; min-height: 165px;
}
.testsBlock .step3 .productsList .product .picGroup img {
width: 165px;
height: auto;
}
.testsBlock .step3 .productsList .product {
width: 391px; padding-left: 22px; padding-right: 22px;
/*height: 391px;*/ padding-top: 20px; padding-bottom: 22px;
border: 1px Solid #dddddd;
margin: 10px 0px;
border-radius: 15px;
}
.testsBlock .step3 .productsList .product .priceGroup {
float: left; width: 223px;
}
.testsBlock .step3 .productsList .product .productName {
font-size: 19px; font-weight: bold; font-family: Circe, Tahoma, sans-serif; line-height: 1.1; letter-spacing: 0.01em;
}
.testsBlock .step3 .productsList .product .productName a,
.testsBlock .step3 .productsList .product .productName a:visited
.testsBlock .step3 .productsList .product .productName a:active {
color: #111111;
}
.testsBlock .step3 .productsList .product .productName a:hover {
color: #777777;
}
.testsBlock .step3 .productsList .product .productRecall {
margin-top: 6px;
font-size: 15px; font-family: Circe, Tahoma, sans-serif;
}
.testsBlock .step3 .productsList .product .productRecall a { text-decoration: none; }
.testsBlock .step3 .productsList .product .productRecall .recallIcon { width: 14px; }
.testsBlock .step3 .productsList .product .priceRow {
margin-top: 36px;
}
.testsBlock .step3 .productsList .product .buyFormBlock {
margin-top: 11px;
}
.testsBlock .step3 .productsList .product .description {
float: left; width: 100%;
font-size: 13px;
margin-top: 24px;
}
.testsBlock .step3 .productsList {
padding: 10px 0;
}
.testsBlock .step3 .productsList .product .btns {
float: left; width: 100%;
}
.testsBlock .step3 .productsList.wide .product {
width: 45%;
}
.testsBlock .step3 .productsList.wide .product .priceGroup {
width: calc(100% - 168px);
}
.testsBlock .step3 .startTestAgainBlock {
margin-top: 20px;
text-align: center; font-size: 15px;
}
.testsBlock .step3 .startTestAgainBlock a img {
vertical-align: middle; margin-right: 10px;
}
.testsBlock .step3 .product .extraLabelWrap {
position: absolute; left: 0px; top: 0px;
padding-left: 7px;
}
.testsBlock .step3 .product .extraLabel {
float: right;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -10px;
}
.testsBlock .step3 .product .extraLabelWrap {
float: none;
padding-left: 0px;
}
.testsBlock .step3 .product .extraLabel {
float: none;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -3px;
margin-bottom: -15px;
}
.testsBlock .step3 .product .extraLabel.n1 { z-index: 2; }
.testsBlock .step3 .product .extraLabel.n2 { z-index: 1; }
.testsBlock .step3 .product .productPrice {
}
.testsBlock .step3 .product .productPrice.price {
font-size: 25px;
}
.testsBlock .step3 .product .price_currency {
font-size: 0.8em;
}
.testsBlock .step3 .product .productVolume {
font-size: 20px; font-family: Circe, Tahoma, sans-serif;
font-weight: normal; padding-top: 5px; text-align: right;
letter-spacing: -0.005em;
}
.testsBlock .step3 .countSwitch {
width: 29px; height: 38px;
padding-left: 24px;
padding-right: 24px;
}
.testsBlock .step3 .countSwitch .count {
font-size: 17px !important;
height: 37px !important;
width: 28px !important;
}
.testsBlock .step3 .countSwitch .plus-minus-wrapper a.input-control-minus {
left: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-right: 1px Solid #e8e8e8;
}
.testsBlock .step3 .countSwitch .plus-minus-wrapper a.input-control-minus:after {
width: 23px;
font-size: 20px;
left: 0px; top: 1px;
}
.testsBlock .step3 .countSwitch .plus-minus-wrapper a.input-control-plus {
right: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-left: 1px Solid #e8e8e8;
}
.testsBlock .step3 .countSwitch .plus-minus-wrapper a.input-control-plus:after {
width: 23px;
font-size: 20px;
left: 0px; top: -1px;
}
.testsBlock .step3 .putToCartBtn {
font-size: 16px;
height: 34px;
border-radius: 30px;
padding: 0px 19px 2px 11px;
margin-left: 6px;
}
.testsBlock .step3 .product .productsRemarks {
display: none;
margin-bottom: 13px;
font-size: 13px;
min-height: 19.5px;
}
.testsBlock .step3 .product .productsRemarks .trouble { color: #ed1c24; }
.testsBlock .step3 .product .productsRemarks .products_in_card { color: #3cc03f; }
.testsBlock .sharingBlock {
background-color: #62addc;
background: url(/images/userdata/publicSite/v2/tests/bgSharing.jpg) no-repeat top left;
min-height: 259px;
}
.testsBlock .sharingBlock ul.genderSelect {
padding-left: 0px;
padding-top: 5px;
text-align: center;
}
.testsBlock .sharingBlock ul.genderSelect li { display: inline-block; margin-right: 7px; font-size: 15px; }
.testsBlock .sharingBlock ul.genderSelect li.genderSelectBtn {
background-color: #cbfdfa;
font-family: "Open Sans", Tahoma, sans-serif;
font-size: 13px;
color: #111111;
height: 20px; padding: 5px 8px;
cursor: pointer;
border-radius: 5px;
}
.testsBlock .sharingBlock .genderSelectBtn span {
display: inline-block; vertical-align: middle;
width: 19px; height: 20px;
background: url(/images/userdata/publicSite/v2/tests/genderSelectIcons.png) no-repeat;
}
.testsBlock .sharingBlock .genderSelectBtn.male span { background-position: 0px 0px; }
.testsBlock .sharingBlock .genderSelectBtn.woman span { background-position: -19px 0px; }
.testsBlock .sharingBlock .genderSelectBtn.child span { background-position: -38px 0px; }
.testsBlock .sharingBlock ul.genderSelect li.genderSelectBtn.selected {
background-color: #006889;
color: white;
box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.3) inset;
}
.testsBlock .sharingBlock .genderSelectBtn.male.selected span { background-position: 0 -20px; }
.testsBlock .sharingBlock .genderSelectBtn.woman.selected span { background-position: -19px -20px; }
.testsBlock .sharingBlock .genderSelectBtn.child.selected span { background-position: -38px -20px; }
.testsBlock .sharingBlock .roundBtn.orange,.testsBlock .sharingBlock .roundBtn.orange:visited,.testsBlock .sharingBlock .roundBtn.orange:active {
border-color: #ff8327;
background: #ff8327;
height: 38px; border-radius: 20px;
font-size: 15px; font-family: Circe, sans-serif;
font-weight: bold; color: white; box-sizing: border-box;
margin-left: 10px;
text-decoration: none;
}
.testsBlock .sharingBlock .roundBtn.orange:hover {
border-color: #ea7210;
background: #ea7210;
text-decoration: none;
}
.testsBlock .sharingBlock .social { background: url(/images/userdata/publicSite/v2/tests/socials.png) no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.testsBlock .sharingBlock .social.vk { background-position: 0px 0px }
.testsBlock .sharingBlock .social.vk:hover { background-position: 0px -22px; }
.testsBlock .sharingBlock .social.fb { background-position: -22px 0px }
.testsBlock .sharingBlock .social.fb:hover { background-position: -22px -22px; }
.testsBlock .sharingBlock .social.ok { background-position: -44px 0px }
.testsBlock .sharingBlock .social.ok:hover { background-position: -44px -22px; }
.testsBlock .sharingBlock .social.gp { background-position: -66px 0px }
.testsBlock .sharingBlock .social.gp:hover { background-position: -66px -22px; }
.testsBlock .sharingBlock .social.wh { background-position: -88px 0px }
.testsBlock .sharingBlock .social.wh:hover { background-position: -88px -22px; }
.testsBlock .sharingBlock .social.tg { background-position: -110px 0px }
.testsBlock .sharingBlock .social.tg:hover { background-position: -110px -22px; }
.testsBlock .sharing {
padding: 16px 22px; border-radius: 10px;
background: rgba(255,255,255,0.5);
width: 465px;
margin: 25px auto 0;
}
.testsBlock .sharing input.link {
background: white;
border: none;
border-radius: 10px;
color: #777777;
font-family: "Open Sans", Tahoma, sans-serif;
height: 38px; width: 250px;
font-size: 14px; padding: 0px 10px;
}
.testsBlock .socialsBlock {
font-size: 14px;
margin-top: 12px;
}
.testsBlock .systems {
width: 750px; margin: 0 auto;
padding: 20px 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.testsBlock .system {
float: left; width: 50%; margin: 10px 0;
}
.testsBlock .system .trouble {
position: static;
background-color: white;
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
float: left;
}
.testsBlock .systemInfo {
padding-left: 10px;
font-size: 14px;
font-style: italic;
line-height: 20px;
font-family: "Open Sans", sans-serif;
float: left;
}
.testsBlock .system .systemInfo .systemRemarks {
display: none;
color: #35bb38;
}
.testsBlock .system .systemInfo .systemName {
padding-top: 1em;
}
.testsBlock .system.complete {
color: #999999;
}
.testsBlock .system.complete .systemInfo .systemRemarks {
display: block;
}
.testsBlock .reTestOtherSystemsBlock {
padding-top: 1px;
box-shadow: 0 25px 40px rgba(66, 53, 43, 0.1);
border-radius: 15px;
border: 1px solid #f6f7f7;
padding-bottom: 30px;
margin-top: 30px;
}
.testsBlock .reTestOtherSystemsBlock button {
width: 204px;
}
.testsBlock #sendTestToEmail {
text-align: center; margin: 30px 0;
}
.testsBlock #sendTestToEmail input.submitEmail {
background-color: #1b70b6;
border: none;
color: white;
font-family: Circe, Tahoma, sans-serif;
font-weight: bold;
font-size: 16px;
padding: 7px 24px 8px 23px;
border-radius: 20px;
}
.testsBlock #sendTestToEmail input.submitEmail:hover {
cursor: pointer;
background-color: #005b9f;
}
.testsBlock #sendTestToEmail .emailIcon {
vertical-align: middle; position: relative; top: -5px;
}
.testsBlock #sendTestToEmail input.email {
font-family: "Open Sans", 'Tahoma', sans-serif;
font-size: 14px;
font-style: italic;
padding-left: 12px;
height: 32px;
border: none;
border-radius: 30px 0px 0px 30px;
width: 202px;
outline: none;
}
.testsBlock #sendTestToEmail.error .errorMark {
display: inline-block; _display: inline;
}
.testsBlock #sendTestToEmail.error input.email {
width: 171px;
}
.testsBlock #sendTestToEmail span {
margin-left: 10px; margin-right: 10px;
color: #303030;
}
.testsBlock #sendTestToEmail.ok span {
color: #222222;
}
.testsBlock #sendTestToEmail .errorMark {
vertical-align: middle;
display: none;
margin-right: 5px;
}
.testsBlock #sendTestToEmail .inputWrap {
padding: 3px;
border-radius: 30px;
position: relative;
display: inline-block; border: 2px Solid #dddddd;
}
.testsBlock #sendTestToEmail .inputWrap .errorMessage {
position: absolute; left: 15px; top: 110%;
color: #ed1c24; font-size: 13px; font-family: "Circe", Tahoma, sans-serif; font-style: italic;
display: none;
}
.testsBlock #sendTestToEmail.error .inputWrap .errorMessage {
display: block;
}
.testsBlock #sendTestToEmail.ok .formPiece {
display: inline-block;
text-align: left;
}
.testsBlock #sendTestToEmail .sendSuccess {
display: none;
}
.testsBlock #sendTestToEmail.ok .formPiece.form {
display: none;
}
.testsBlock #sendTestToEmail.ok .sendSuccess {
display: inline-block;
}
.testsBlock .tests.cosmetic {
/*margin-top: 73px;*/
background: white;
}
.testsBlock .tests.cosmetic .step1 {
width: 893px; height: 561px;
background-color: white;
background-image: url(/files/images/publicSite/v2/tests/cosmetic/step1bg.jpg);
background-repeat: no-repeat;
background-position: top left;
border: 1px Solid #f0f0f0;
border-radius: 15px;
box-sizing: border-box;
padding-left: 197px;
padding-top: 25px;
box-shadow: 0px 10px 25px 0px rgba(138,138,138,0.15);
position: relative;
}
.testsBlock .tests.cosmetic .step1 .stepHeader {
font-size: 35px;
font-family: "Circe", Tahoma, sans-serif;
}
.testsBlock .tests.cosmetic .step1 p {
font-size: 15px;
padding-left: 6px;
margin-top: 2px;
}
.testsBlock .tests.cosmetic .step1 .ageSelectPart {
padding-left: 4px;
font-size: 21px;
font-family: "Circe", Tahoma, sans-serif;
margin-top: 35px;
background-image: url(/images/userdata/publicSite/v2/tests/cosmetic/step1arrow.png);
background-repeat: no-repeat;
background-position: 183px 100%;
padding-bottom: 26px;
}
.testsBlock .tests.cosmetic .step1 .ageSelectPart input {
margin-left: 7px;
margin-right: 7px;
border: 1px solid #dddddd;
font-size: 21px;
font-family: "Circe", Tahoma, sans-serif;
padding: 9px 4px 7px;
border-radius: 25px;
width: 83px;
box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.1);
text-align: center;
vertical-align: middle;
outline: none;
}
.testsBlock .tests.cosmetic .step1 .ageSelectPart .pinkButton {
margin-left: 11px;
}
.testsBlock .tests.cosmetic .step1 .agesInputWrap {
display: inline-block; position: relative;
}
.testsBlock .tests.cosmetic .step1 #agesBlockErrorAlert { display: none;
background: #ee2a74;
color: white;
font-size: 14px;
font-family: "Open Sans", Tahoma, sans-serif;
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
width: 150px;
border-radius: 8px;
padding: 6px 12px;
text-align: center;
width: 200px;
margin-left: -112px;
}
.testsBlock .tests.cosmetic.wide .step1 #agesBlockErrorAlert { display: none;
background: #ee2a74;
color: white;
font-size: 14px;
font-family: "Open Sans", Tahoma, sans-serif;
position: absolute;
left: 50%;
bottom: calc(100% + 28px);
width: 150px;
border-radius: 8px;
padding: 6px 12px;
text-align: center;
width: 200px;
margin-left: -55px;
}
.testsBlock .tests.cosmetic .step1 #agesBlockErrorAlert:after {
display: block;
content: "";
border: 6px Solid transparent;
border-top-color: #ee2a74;
border-bottom: none;
position: absolute;
top: 100%;
left: 50%;
margin-left: -6px;
}
.testsBlock button.pinkButton {
background: #ee2a74;
border: none;
color: white;
text-transform: uppercase;
font-size: 15px;
font-family: "Circe", Tahoma, sans-serif;
font-weight: bold;
/*width: 167px;*/
padding-right: 29px;
padding-left: 31px;
padding-top: 13px;
padding-bottom: 11px;
border-radius: 22px;
letter-spacing: 0.03em;
text-align: center;
vertical-align: middle;
}
.testsBlock button.pinkButton:hover {
cursor:pointer;
background-color: #e3286f;
}
.testsBlock button.pinkButton[disabled] {
background: #b4b4b4;
color: #efefef;
cursor: default;
}
.testsBlock .tests.cosmetic button.silverButton {
background: #f3f3f3;
border: none;
color: #303030;
font-size: 17px;
font-family: "Circe", Tahoma, sans-serif;
padding: 9px 29px 13px 25px;
border-radius: 22px;
text-align: center;
vertical-align: middle;
}
.testsBlock .tests.cosmetic button.silverButton:hover {
cursor:pointer;
background-color: #e6e6e6;
}
.testsBlock .tests.cosmetic button.silverButton[disabled] {
background: #b4b4b4;
color: #efefef;
cursor: default;
}
.testsBlock .tests.cosmetic .step2 {
display: none;
}
.testsBlock .tests.cosmetic .step2 .stepHeader {
font-size: 26px; font-family: "Circe", Tahoma, sans-serif;
}
.testsBlock .tests.cosmetic .step2 .question {
margin: 14px 0px 23px;
border: 1px Solid #f3ead7; border-radius: 15px;
padding-bottom: 1px;
color: #303030;
background-image: url(/images/userdata/publicSite/v2/tests/cosmetic/questionBg.jpg);
background-repeat: no-repeat;
background-position: top left;
box-shadow: 0px 12px 14px 0 rgba(239,229,209,0.35);
}
.testsBlock .tests.cosmetic .step2 .question.error {
border-color: #ee2a74;
box-shadow: 0px 12px 14px 0 rgba(255,207,225,0.35);
position: relative;
margin-bottom: 50px;
}
.testsBlock .tests.cosmetic .step2 .question .errorMessage {
display: none;
}
.testsBlock .tests.cosmetic .step2 .question.error .errorMessage {
display: block;
position: absolute;
bottom: -32px; font-size: 14px; font-weight: 600;
color: #ee2a74;
}
.testsBlock .tests.cosmetic .step2 .question .questionHeader {
font-size: 17px; background: none;
color: #303030;
height: 89px;
margin-top: 2px;
}
.testsBlock .tests.cosmetic .step2 .question .questionHeader td {
padding-left: 18px;
line-height: 1.35;
vertical-align: middle;
}
.testsBlock .tests.cosmetic .step2 .question .variant {
border-top: 1px Solid #f3ead7;
font-size: 14px;
padding-left: 41px;
position: relative;
padding-top: 13px;
padding-bottom: 12px;
line-height: 1.35;
}
.testsBlock .tests.cosmetic .question .variant input {
position: absolute;
left: 17px;
top: 50%;
margin-top: -6.5px;
}
.testsBlock .tests.cosmetic .step2 .buttons {
display: flex;
margin-top: 46px;
}
.testsBlock .tests.cosmetic .step2 .buttons > div {
width: 50%;
}
.testsBlock .tests.cosmetic .step2 .buttons .right {
text-align: right;
}
.testsBlock .tests.cosmetic .step3 {
}
.testsBlock .tests.cosmetic .step3 .tips {
/* background: url("/images/userdata/publicSite/v2/tests/cosmetic2/cosmetolog2.jpg") no-repeat top left; */
height: 135px;
border: 1px Solid #e8e8e8;
border-radius: 15px;
box-shadow: 0px 5px 5px 0px rgba(39,39,39,0.05);
}
.testsBlock .tests.cosmetic .tipHeader {
font-size: 18px; font-family: "Open Sans", Tahoma, sans-serif;
padding-left: 25px;
padding-top: 25px;
padding-right: 50px;
line-height: 1.3;
}
.testsBlock .tests.cosmetic .tipContent {
font-size: 14px;
padding-left: 25px;
padding-top: 22px;
padding-right: 50px;
line-height: 1.4;
}
.testsBlock .tests.cosmetic .tipContent .tipPrefix {
font-weight: bold;
margin-right: 4px;
}
.testsBlock .tests.cosmetic #sendTestToEmail {
background: url(/images/userdata/publicSite/v2/tests/cosmetic/sendEmailBg.jpg) no-repeat top left;
height: 60px;
text-align: left;
padding-left: 22px;
padding-top: 19px;
font-size: 15px;
box-shadow: 0px 1px 0px 0px rgba(152,138,103,0.2);
border-radius: 15px;
margin-bottom: 26px;
}
.testsBlock .tests.cosmetic #sendTestToEmail .inputWrap {
padding: 0px;
background: white; border-radius: 41px;
border: 0px Solid #dddddd;
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15) inset;
}
.testsBlock .tests.cosmetic #sendTestToEmail .inputWrap input.email {
background: transparent;
}
.testsBlock .tests.cosmetic #sendTestToEmail input.email {
width: 198px;
padding-left: 16px;
}
.testsBlock .tests.cosmetic #sendTestToEmail.error input.email {
width: 167px;
padding-left: 16px;
}
.testsBlock .tests.cosmetic #sendTestToEmail.error .inputWrap .errorMessage {
top: 103%;
}
.testsBlock .tests.cosmetic #sendTestToEmail input.submitEmail {
padding: 10px 21px 10px 23px;
}
.testsBlock .tests.cosmetic #startTestAgain {
text-align: center;
font-size: 17px;
font-weight: bold;
font-family: "Circe", Tahoma, sans-serif;
}
.testsBlock .tests.cosmetic #startTestAgain a {
color: #3cc03f;
text-decoration: none;
}
.testsBlock .tests.cosmetic #startTestAgain a img {
vertical-align: middle;
margin-left: 10px;
}
.testsBlock .tests.cosmetic #startTestAgain a:hover {
text-decoration: underline;
}
.testsBlock .sharingBlock.cosmetic {
width: 710px; height: 210px; min-height: auto;
box-shadow: 0px 0px 0px 0px rgba(238,42,116,0.12);
background-image: url(/images/userdata/publicSite/v2/tests/cosmetic/sharingBlockBg.png);
background-position: top left;
background-repeat: no-repeat;
border-radius: 6px;
margin: 0 auto 11px;
color: #303030;
}
.testsBlock .sharingBlock.cosmetic.wide {
width: auto; height: 134px;
background-image: url(/images/userdata/publicSite/v2/tests/cosmetic2/sharingBlockBgWide2.png);
background-position: top left;
background-repeat: no-repeat;
}
.testsBlock .sharingBlock.cosmetic .blockHeader {
font-size: 21px;
text-align: center;
padding-top: 27px;
line-height: 1.2;
}
.testsBlock .sharingBlock.cosmetic .sharing {
background-color: transparent;
width: 482px;
margin-top: 2px;
}
.testsBlock .sharingBlock.cosmetic.wide .sharing {
display: flex;
padding: 21px 15px 16px;
width: 893px; margin: 0 auto;
}
.testsBlock .sharingBlock.cosmetic .sharing .pinkButton {
text-transform: none;
padding-right: 18px;
padding-left: 16px;
padding-top: 10px;
padding-bottom: 11px;
font-size: 14px;
margin-left: 8px;
}
.testsBlock .sharingBlock.cosmetic input.link {
box-shadow: inset 0px 1px 2px 0px rgba(1,0,1,0.25);
border-radius: 5px;
width: 258px;
outline: none;
}
.testsBlock .sharingBlock.cosmetic .socialsBlock {
padding-left: 50px;
}
.testsBlock .sharingBlock.cosmetic.wide .socialsBlock {
padding-left: 21px;
}
.testsBlock .sharingBlock.cosmetic .ya-share2 {
float: left;
margin: 2px 0px 0px 6px;
}
.testsBlock .sharingBlock.cosmetic .socialsBlock .caption {
font-size: 13px;
letter-spacing: -0.014em;
float: left;
}
.testsBlock.cosmetic_v2 {
padding-top: 15px;
}
.testsBlock.cosmetic_v2.noMenu {
padding-left: 15px;
width: auto;
margin-left: 0px;
}
.testsBlock.cosmetic_v2 .sFGButton {
display: inline-block;
/*width: 178px;*/ height: 57px; box-sizing: border-box;
font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase;
border: 1px Solid white;
color: #ffffff;
text-shadow: 0 2px 4px rgba(93,124,7,0.5);
border-radius: 29px;
background: #91d018;
background: linear-gradient(-49deg, #98d926 0%, #6c9b1b 66%, #91d523 100%);
box-shadow: 0px 7px 9px 0px rgba(129,173,12,0.65), 0px 3px 0px 0px rgba(93,124,7,0.8);
padding: 20px 30px 0px 33px;
position: relative;
cursor: pointer;
font-family: "BloggerSans Medium";
}
.testsBlock.cosmetic_v2 button.sFGButton {
padding-top: 0px;
}
.testsBlock.cosmetic_v2 .sFGButton[disabled],
.testsBlock.cosmetic_v2 .sFGButton.disabled {
opacity: 0.4; cursor: default;
}
.testsBlock.cosmetic_v2 .tests {
background: transparent;
margin-top: 0px;
}
.testsBlock.cosmetic_v2 .tests .step1 {
background: url("/images/userdata/publicSite/v2/tests/cosmetic2/step1.jpg") no-repeat top left transparent;
min-height: 625px;
box-shadow: 0px 1px 1px 0px rgba(168,139,119,0.4);
border-radius: 16px;
position: relative;
}
.testsBlock.cosmetic_v2.noMenu .tests .step1 {
background: url("/images/userdata/publicSite/v2/tests/cosmetic2/step1nomenu.jpg") no-repeat top left transparent;
width: auto;
}
.testsBlock.cosmetic_v2 .step1 input {
border: 2px Solid #bba79b; border-radius: 40px;
box-shadow: inset 0 2px 5px 0px rgba(0,0,0,0.17);
}
.testsBlock.cosmetic_v2 .tests.cosmetic .step1 .stepHeader {
font-family: "BloggerSans Light";
font-size: 43px; line-height: 41px;
background: linear-gradient(to right, #8BC618, #73A41B);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #81B719;
position: absolute; left: 90px; top: 114px;
text-align: center;
width: 408.15px;
}
.testsBlock.cosmetic_v2.noMenu .tests.cosmetic .step1 .stepHeader {
left: 150px;
}
.testsBlock.cosmetic_v2 .step1 .text1 {
position: absolute; left: 105px; top: 210px;
text-align: center; font-size: 15px; line-height: 22px;
}
.testsBlock.cosmetic_v2 .step1 .text1 {
left: 165px;
}
.testsBlock.cosmetic_v2 .fieldSet {
display: flex;
justify-content: space-between;
position: absolute;
font-size: 16px;
align-items: center;
width: 224px;
}
.testsBlock.cosmetic_v2 .fieldSet .inputHolder {
position: relative;
display: inline-block;
}
.testsBlock.cosmetic_v2 .fieldSet label {
margin-bottom: 4px;
}
.testsBlock.cosmetic_v2 .fieldSet input {
padding: 12px; text-align: center;
font-size: 15px; font-family: "Open Sans"; line-height: 1;
outline: none;
}
.testsBlock.cosmetic_v2 .fieldSet.n1 {
left: 190px;
top: 309px;
}
.testsBlock.cosmetic_v2 .fieldSet.n2 {
left: 190px;
top: 370px;
}
.testsBlock.cosmetic_v2.noMenu .fieldSet.n1 {
left: 250px;
}
.testsBlock.cosmetic_v2.noMenu .fieldSet.n2 {
left: 250px;
}
.testsBlock.cosmetic_v2 .fieldSet.n1 input { width: 150px; }
.testsBlock.cosmetic_v2 .fieldSet.n2 input { width: 85px; }
.testsBlock.cosmetic_v2 .step1 .beginBtn {
position: absolute; left: 218px; top: 448px;
}
.testsBlock.cosmetic_v2.noMenu .step1 .beginBtn {
left: 278px;
}
.testsBlock.cosmetic_v2 .greyButton {
background: #f3f3f3;
width: 185px; height: 43px;
font-family: Circe; font-size: 17px;
box-shadow: 0 1px 1px 0px rgba(0,1,2,0.25);
border-radius: 24px; box-sizing: border-box;
text-align: center;
padding-top: 1px;
border: none;
}
.testsBlock.cosmetic_v2 .miniHeader {
font: normal 26px Circe;
line-height: 38.1px;
}
.testsBlock.cosmetic_v2 .tests.cosmetic .step2 h1 {
margin-top: -17px;
}
.testsBlock.cosmetic_v2 .tests.cosmetic .step2 .question {
background: none; border: none; box-shadow: none;
}
.testsBlock.cosmetic_v2 .questionNumber {
font-family: Circe; font-weight: bold; font-size: 20px; line-height: 23px; margin-top: 16px;
}
.testsBlock.cosmetic_v2 .questionBlock {
background: url(/images/userdata/publicSite/v2/tests/cosmetic2/questionBg.jpg) no-repeat top left;
border-radius: 15px;
box-shadow: 0px 1px 1px 0px rgba(168,139,119,0.4);
margin-top: 9px;
padding-bottom: 14px;
margin-bottom: 29px;
}
.testsBlock.cosmetic_v2.noMenu .questionBlock {
background: url(/images/userdata/publicSite/v2/tests/cosmetic2/questionBgnomenu.jpg) no-repeat top left;
}
.testsBlock.cosmetic_v2 .questionHeader {
font-size: 19px; line-height: 25px;
font-family: "Open Sans";
color: #111111;
background: transparent;
letter-spacing: 0;
padding: 23px 10px 18px 31px;
}
.testsBlock.cosmetic_v2 .tests.cosmetic .step2 .question .questionHeader {
height: auto;
}
.testsBlock.cosmetic_v2 .questionAnswer {
font-size: 15px; line-height: 21px;
box-shadow: 0px 1px 1px 0px rgba(0,1,2,0.15);
border-radius: 15px;
background: white; padding: 16px 10px 18px 42px;
margin: 9px 13px;
position: relative;
}
.testsBlock.cosmetic_v2 .questionAnswer input {
position: absolute;
left: 14px;
top: 50%;
margin-top: -7px;
}
.testsBlock.cosmetic_v2 .moreQuestion {
font-family: Circe; font-size: 21px; line-height: 23px; text-align: center;
margin-top: 35px;
padding-right: 18px;
}
.testsBlock.cosmetic_v2 .moreQuestion img {
margin-top: -9px; vertical-align: text-top; margin-right: 9px;
}
.testsBlock.cosmetic_v2 .navControls {
display: flex;
margin-top: 31px;
}
.testsBlock.cosmetic_v2 .navControls .left,
.testsBlock.cosmetic_v2 .navControls .right {
width: 50%;
}
.testsBlock.cosmetic_v2 .navControls .right {
text-align: right;
}
.testsBlock.cosmetic_v2 .naborRecomendaciy {
margin-top: 14px;
border: 5px Solid #8adbf6; border-radius: 15px;
box-shadow: inset 0px 0px 35px 0px rgba(213,251,255,0.45);
padding: 22px 37px;
}
.testsBlock.cosmetic_v2 .naborRecomendaciy .separatorTC {
border-bottom: 1px Solid #dddddd;
margin: 18px 0 30px;
}
.testsBlock.cosmetic_v2 .naborRecomendaciy .header {
display: flex; align-items: center; margin-bottom: 24px;
}
.testsBlock.cosmetic_v2 .naborName {
font-family: Circe; font-size: 23px; line-height: 27px;
}
.testsBlock.cosmetic_v2 .step3 .naborRecomendaciy .countSwitchBlock {
margin: 3px 20px 0 24px;
}
.testsBlock.cosmetic_v2 .step3 .naborRecomendaciy .countSwitch {
width: 29px;
}
.testsBlock.cosmetic_v2 .totalPriceBlock {
margin-top: 5px; margin-left: 3px;
font-size: 27px; line-height: 38.1px; font-family: Circe; font-weight: bold; white-space: nowrap;
}
.testsBlock.cosmetic_v2 .buyBtnBlock {
padding-left: 16px;
border-left: 1px Solid #dddddd; margin-left: 20px;
min-height: 67px;
display: flex; align-items: center;
white-space: nowrap;
/*background: #3cc03f;*/
margin-top: 6px;
}
.testsBlock.cosmetic_v2 .buyBtnBlock .roundBtn {
font-size: 18px;
padding: 0px 20px 2px 23px;
margin-top: -1px;
height: 43px;
}
.testsBlock.cosmetic_v2 .buyBtnBlock .roundBtn img {
top: -1px;
background: #3cc03f;
margin-right: 4px;
}
.testsBlock.cosmetic_v2 .prods {
display: flex;
}
.testsBlock.cosmetic_v2 .prods .prod {
width: 25%;
text-align: center;
font-family: Circe;
}
.testsBlock.cosmetic_v2 .prods .prod .prodName {
font-size: 17px; line-height: 20px; margin-bottom: 5px;
}
.testsBlock.cosmetic_v2 .prodCount {
position: relative; top: 8px; margin-bottom: -68px;
border: 5px Solid White; border-radius: 60px; width: 68px; height: 68px; box-sizing: border-box;
font-weight: bold; font-size: 16px;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(to bottom, #e5f8ff, #f2fcff);
box-shadow: 0px 15px 25px 0 rgba(196,196,196,0.75);
}
.testsBlock.cosmetic_v2 .prods .prod .prodPrice {
font-weight: bold; font-size: 22px; line-height: 38.1px;
}
.testsBlock.cosmetic_v2 .step3 .miniHeader {
text-align: center; margin-top: 50px;
}
.testsBlock.cosmetic_v2 .tests.cosmetic #startTestAgain {
text-align: center;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.035em;
font-family: "Circe", Tahoma, sans-serif;
text-transform: uppercase;
}
.testsBlock.cosmetic_v2 .tests.cosmetic #startTestAgain a {
color: #111111;
text-decoration: none;
display: inline-flex; width: 272px; height: 62px;
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.08);
border-radius: 40px;
border: 1px Solid #eaeaea;
align-items: center;
justify-content: center;
}
.testsBlock.cosmetic_v2 .tests.cosmetic #startTestAgain a img {
vertical-align: middle;
margin-left: 10px;
width: 34px;
}
.testsBlock.cosmetic_v2 .tests.cosmetic #startTestAgain a:hover {
text-decoration: underline;
}
.testsBlock.cosmetic_v2 .tests.cosmetic .errorAlert {
display: none;
background: #ee272e;
color: white;
font-size: 14px;
font-family: "Open Sans", Tahoma, sans-serif;
position: absolute;
left: 50%; margin-left: -122px;
bottom: calc(100% + 10px);
width: 220px;
border-radius: 8px;
padding: 6px 12px;
text-align: center;
}
.testsBlock.cosmetic_v2 .tests.cosmetic .errorAlert:after {
display: block; content: "";
border: 6px Solid transparent; border-top-color: #ee272e; border-bottom: none;
position: absolute; top: 100%; left: 50%; margin-left: -6px;
}
.testsBlock.cosmetic_v2 .sendEmail {
background: url(/images/userdata/publicSite/v2/tests/cosmetic2/sendEmailBg.jpg) no-repeat top left;
margin-top: 14px;
margin-bottom: 20px;
height: 151px;
border-radius: 12px;
box-shadow: 0px 1px 1px 0px rgba(129,153,172,0.4);
}
.testsBlock.cosmetic_v2 .sendEmail.wide {
background: url(/images/userdata/publicSite/v2/tests/cosmetic2/sendEmailWide2.png) no-repeat top left;
}
.testsBlock.cosmetic_v2 .sendEmail .sendEmailText {
margin-left: 212px;
margin-right: -6px;
margin-bottom: 8px;
font-size: 16px;
line-height: 1.4;
text-align: left;
padding-top: 19px;
}
.testsBlock.cosmetic_v2 .sendEmail .emailError {
display: none;
text-align: center;
background-color: #F00000;
color: white;
padding: 5px 10px;
width: 230px;
position: absolute;
left: 44%;
top: calc(100% + 10px);
margin-left: -150px;
}
.testsBlock.cosmetic_v2 .sendEmail .emailError:after {
content: "";
position: absolute; left: 50%; bottom: 100%;
box-sizing: border-box;
border: 10px Solid Transparent;
border-bottom-color: #F00000;
margin-left: -10px;
}
.testsBlock.cosmetic_v2 .sendEmail .fakeInput {
height: 45px; border-radius: 35px;
padding: 3px 6px 3px 5px;
box-shadow: inset 0px 2px 2px 0 rgba(50,50,50,0.1);
background: white;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 209px;
width: 338px;
position: relative;
}
.testsBlock.cosmetic_v2 .sendEmail .fakeInput.sendSuccess {
display: none;
color: #0aa70f;
font-size: 17px;
justify-content: center;
font-weight: bold;
}
.testsBlock.cosmetic_v2 .sendEmail input[type=text] {
font-style: italic;
border: none;
height: 40px;
margin-left: 13px;
font-size: 15px;
width: 203px;
font-family: "Open Sans";
outline: none;
}
.testsBlock.cosmetic_v2 .sendEmail .blue-button {
font-size: 15px;
font-family: Circe;
background: #1b70b6;
padding: 0px 24px;
font-weight: bold;
height: 39px;
border: none;
border-radius: 40px;
color: white;
margin-top: 2px;
}
.rightK h1 {
font-family: "Circe", Tahoma, sans-serif;
font-size: 47px; font-weight: bold; margin: 0;
}
.rightK.activities {
padding-bottom: 50px;
}
.rightK.activities .activity { }
.rightK.activities .activityName { font-size: 21px; font-weight: bold; font-family: "Circe", Tahoma, sans-serif; margin-bottom: 5px; }
.rightK.activities .activityName a,
.rightK.activities .activityName a:active,
.rightK.activities .activityName a:visited { text-decoration: none; color: #111111; }
/*.rightK.activities .activityName a:hover { text-decoration: underline; color: #777777; }*/
.rightK.activities .activityPic {}
.rightK.activities .activityDates { font-size: 17px; font-weight: bold; font-family: "Circe", Tahoma, sans-serif; margin-top: 10px; }
.rightK.activities .activityDesc { font-size: 14px; }
.rightK.activities .activitySeparator { border-top: 1px Solid #dcdcdc; margin: 20px 0; }
.rightK.activities .activityProductsHeader {
font-family: "Circe", Tahoma, sans-serif;
font-size: 21px;
font-weight: bold;
margin-top: 30px;
}
.rightK.activities .activityProducts {
padding-bottom: 30px;
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-wrap: wrap;
}
.rightK.activities .activityProducts .product {
position: relative;
border: 2px Solid transparent;
width: 251px; padding: 15px 21px 105px 22px;
border-radius: 10px;
font-size: 13px;
color: #111111;
float: left;
margin: 4px 0px;
}
.rightK.activities .activityProducts .product:hover {
border-color: #caefff;
}
.rightK.activities .activityProducts .product.activityProduct {
padding-bottom: 120px;
}
.rightK.activities .activityProducts .product .extraLabelWrap {
position: absolute; left: 13px; top: 13px;
padding-left: 7px;
}
.rightK.activities .activityProducts .product .extraLabel {
float: right;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -10px;
}
.rightK.activities .activityProducts .product .extraLabelWrap {
float: none;
padding-left: 0px;
}
.rightK.activities .activityProducts .product .extraLabel {
float: none;
border: 3px Solid White; background: #ed1c24;
color: white; font-family: "Circe", sans-serif; font-size: 12px; font-weight: bold;
border-radius: 29px; width: 51px; height: 33px; line-height: 1.15;
transform: rotate(-9deg);
padding-top: 18px; text-align: center;
margin-left: -3px;
margin-bottom: -15px;
}
.rightK.activities .activityProducts .product .extraLabel.n1 { z-index: 2; }
.rightK.activities .activityProducts .product .extraLabel.n2 { z-index: 1; }
.rightK.activities .activityProducts .product .productPic {
text-align: center;
}
.rightK.activities .activityProducts .product .productPic img {
vertical-align: middle;
}
.rightK.activities .activityProducts .product .productName {
line-height: 1.3;
margin-bottom: 5px;
}
.rightK.activities .activityProducts .product .productName a {
font-family: Circe, sans-serif;
font-size: 19px; font-weight: bold;
text-decoration: none;
color: #303030;
line-height: 1.3;
}
/*.rightK.activities .activityProducts .product .productName a:hover { text-decoration: underline; color: #777777; }*/
.rightK.activities .activityProducts .product .productRecall {
margin-bottom: 12px;
}
.rightK.activities .activityProducts .product .productRecall a {
text-decoration: none;
}
.rightK.activities .activityProducts .product .productSlogan {
margin-bottom: 40px;
line-height: 1.45;
max-height: 5.8em;
position: relative; overflow: hidden;
}
.rightK.activities .activityProducts .product .productSlogan.overflowGap:after {
display: block;
content: "";
background: linear-gradient(to top,#fff 0%, rgba(255,255,255,0.75) 65%, rgba(255,255,255,0.5) 99%, transparent 100%);
position: absolute; bottom: 0; left: 0;
height: 2.9em; /* 2 по 1.45em */
width: 100%;
}
.rightK.activities .activityProducts .product .productSloganInner {
}
.rightK.activities .activityProducts .product .priceGroup {
position: absolute; bottom: 0; left: 0;
width: calc(100% - 43px);
padding: 0 21px 26px 22px;
}
.rightK.activities .activityProducts .product .productsRemarks {
display: none;
margin-bottom: 13px;
font-size: 13px;
min-height: 19.5px;
}
.rightK.activities .activityProducts .product .productsRemarks .trouble { color: #ed1c24; }
.rightK.activities .activityProducts .product .productsRemarks .products_in_card { color: #3cc03f; }
.rightK.activities .activityProducts .product .productPrice {
}
.rightK.activities .activityProducts .product .productPrice.price {
font-size: 25px;
}
.rightK.activities .activityProducts .product .price_currency {
font-size: 0.8em;
}
.rightK.activities .activityProducts .product .productVolume {
font-size: 20px; font-family: Circe, Tahoma, sans-serif;
font-weight: normal; padding-top: 5px; text-align: right;
letter-spacing: -0.005em;
}
.rightK.activities .activityProducts .buyBlock {
margin-top: 14px;
}
.rightK.activities .activityProducts .countSwitch {
width: 29px; height: 38px;
padding-left: 24px;
padding-right: 24px;
}
.rightK.activities .activityProducts .countSwitch .count {
font-size: 17px !important;
height: 37px !important;
width: 28px !important;
}
.rightK.activities .activityProducts .countSwitch .plus-minus-wrapper a.input-control-minus {
left: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-right: 1px Solid #e8e8e8;
}
.rightK.activities .activityProducts .countSwitch .plus-minus-wrapper a.input-control-minus:after {
width: 23px;
font-size: 20px;
left: 0px; top: 1px;
}
.rightK.activities .activityProducts .countSwitch .plus-minus-wrapper a.input-control-plus {
right: 0; top: 8px; height: 22px !important;
width: 23px !important;
border: none;
border-left: 1px Solid #e8e8e8;
}
.rightK.activities .activityProducts .countSwitch .plus-minus-wrapper a.input-control-plus:after {
width: 23px;
font-size: 20px;
left: 0px; top: -1px;
}
.rightK.activities .activityProducts .putToCartBtn {
font-size: 16px;
height: 34px;
border-radius: 30px;
padding: 0px 19px 2px 11px;
}
.price_vol_number_2016 {
color: #333;
font-size: 19px;
font-weight: 400;
}
.price_vol_currency_2016 {
font-size: 15px;
color: #333;
font-weight: 400;
}
/* ÑоÑтав продукта */
.table-of-contents { background-color: #ebebeb; width: 485px; padding: 10px 10px 15px 15px; font-size: 16px; }
.table-of-contents div { clear: both; list-style-type: none; }
.table-of-contents div span:first-child { float: left; padding: 0 .4em 0 0; margin: 0; }
.table-of-contents div span + span { float: right; padding: 0 5px 0 .4em; margin: 0; }
.table-of-contents div:after { content: ""; display: block; overflow: hidden; height: 1em; border-bottom: 2px dotted #707070; }
/*******************************************************************************************************************/
/*@media (max-width: 768px) {
.hBlock {
padding: 0 15px;
}
.greyRow .rowBlock{
float: none;
}
.logoMainBlock {
float: none;
text-align: center;
}
.mainNav {
padding-top: 10px;
float: none; text-align: center;
}
.contactPhone {
padding-top: 10px;
padding-bottom: 10px;
}
ul.subNav { width: 100%; }
.subNav li {
display: block;
}
.mainProduct .productName {
text-align: center;
}
.otherLineProducts {
padding-top: 30px;
}
.otherLineProducts .wrap {
padding-left: 0;
}
.otherLineProducts .wrap > .header {
text-align: center;
}
.responseBlock {
margin-bottom: 0;
}
.responseDescription {
padding-top: 0px;
padding-bottom: 1.5em;
}
.authorBlock {
padding-bottom: 16px;
}
.authorCityBlock {
padding-bottom: 16px;
}
.recommendations .products {
margin-right: 0;
}
.recommendations .product {
width: calc(50% - (4px + 10px + 10px));
padding: 5px;
margin-right: 10px;
height: auto;
}
}*/