.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.inBlock.zoomIn{animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-transform:translate3d(0,0,0)}.resourceName h2 span{display:inline-block;position:relative;-webkit-transform:perspective(1000px) rotate3d(0,1,0,0deg);transform:perspective(1000px) rotate3d(0,1,0,0deg);-moz-transform:perspective(1000px) rotate3d(0,1,0,0deg);-o-transform:perspective(1000px) rotate3d(0,1,0,0deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,0deg);-webkit-transition:-webkit-transform .4s,color .4s;transition:transform .4s,color .4s;-moz-transition:transform .4s,color .4s;-o-transition:transform .4s,color .4s;-ms-transition:transform .4s,color .4s;min-width:10px}.resourceName h2.class8 span.char14{display:block}.resourceBlock:hover .resourceName h2 span{color:#fff;-webkit-transform:perspective(1000px) rotate3d(0,1,0,360deg);transform:perspective(1000px) rotate3d(0,1,0,360deg);-moz-transform:perspective(1000px) rotate3d(0,1,0,360deg);-o-transform:perspective(1000px) rotate3d(0,1,0,360deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,360deg)}.resourceName h2 span:nth-child(4),.resourceName h2:hover span:first-child{-webkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s}.resourceName h2 span:nth-child(3),.resourceName h2:hover span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s}.resourceName h2 span:nth-child(2),.resourceName h2:hover span:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s}.resourceName h2 span:first-child,.resourceName h2:hover span:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s}@media(min-width:740px) and (max-width:960px){.topSection{height:250px;padding-top:70px;box-sizing:border-box}.fixedTop{height:250px !important}.navDeck{display:block}.topPhoneRow,nav{height:auto;color:#fff}.topPhoneRow{margin-bottom:20px}body{background:#4e5051;position:relative}header{left:-300px;display:block;float:left;width:100%;max-width:284px;height:100%;-moz-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;background:transparent !important;overflow-y:auto}.logo{display:block;width:100%;padding:20px;text-align:center;height:auto;box-sizing:border-box}.logo img{margin-right:0;width:160px}.menu-active header{left:0}nav ul{display:block;width:100%}nav ul li{display:block;width:100%;box-sizing:border-box;padding:10px}#content{position:absolute;top:0;left:0;left:0;width:100%;overflow:scroll;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:-3px 0 6px #4a5562;-webkit-box-shadow:-3px 0 6px #4a5562;box-shadow:-3px 0 6px #4a5562;-moz-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}.menu-active #content{left:284px;border-radius:7px 0 0 7px;position:fixed;top:0;width:100%;height:100%;overflow:scroll}.menu-active #content .menu-trigger{left:294px}.textPlusImg{display:block;padding:30px 0 0}.textPlusImg div,.textPlusImg img{display:block;margin:0 auto 20px}.intro,.advantage,.terms{padding:30px 15px}.advantageTable br{display:none}.footer{display:block}.social,.map{display:block;width:100%;padding:20px 15px;box-sizing:border-box}.map{padding-bottom:50px;background-position:right top}.social{text-align:center}.resourceBlock{height:auto !important;display:block}.resourceName{padding:20px 0;width:100%}.resourceName,.resourceDescr{display:block}.resourceBlock a{height:40px;margin-top:30px}.resourceDescr{padding:20px 40px}.resourceDescr a{text-decoration:underline}}@media(max-width:739px){.topSection{height:200px;padding-top:50px;box-sizing:border-box}.topSection h1{line-height:30px;width:80%;font-size:1.6em;text-align:center;display:block;margin:0 auto 20px;white-space:inherit}.topSection p{font-size:1.2em}.topSection p img{width:250px}.fixedTop{height:200px !important}.navDeck{display:block}.topPhoneRow,nav{height:auto;color:#fff}.topPhoneRow{margin-bottom:20px}.topPhoneRow a{color:#fff}.topPhone{margin-left:0;font-size:1.7em;font-weight:700;display:block;text-align:center}#content{position:relative;left:0;left:0;top:0;width:100%;height:100%;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:-3px 0 6px #4a5562;-webkit-box-shadow:-3px 0 6px #4a5562;box-shadow:-3px 0 6px #4a5562;-moz-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}.menu-active #content{position:relative;z-index:1;border-radius:7px 0 0 7px;width:100%;height:100%}.menu-active #content .menu-trigger{left:274px}.textPlusImg{display:block;padding:20px 0 0;width:100%}.textPlusImg div,.textPlusImg img{display:block;margin:0 auto 20px}.textPlusImg>div,.textPlusImg>img{padding:0}.textPlusImg>img{width:100%;height:auto;margin-top:20px}.intro,.price,.advantage,.terms{padding:30px 15px}.advantageTable br{display:none}.advantageTable div p,.advantageTable div img{padding:20px 5px}.map p{margin-left:20px;margin-right:20px}.footer{display:block}.map{display:block;width:100%;padding:20px 0;box-sizing:border-box}.social{display:none}.map{padding-bottom:50px}.modal_close{width:30px;height:30px}.modal_close:before{height:30px;left:15px;background:#fff}.modal_close:after{height:30px;left:15px;background:#fff}#howMuch{width:100%;height:100%;top:0;left:0;margin:0;padding:0 0 20px;overflow-y:auto}#map{width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:hidden}.modalForm{margin:20px auto;width:100%;padding:0 10px;box-sizing:border-box}.resourceBlock{height:auto !important;display:block}.resourceName{padding:20px 0;width:100%}.resourceName,.resourceDescr{display:block}.resourceBlock a{height:40px;margin-top:30px}.resourceDescr{padding:20px 40px}.resourceDescr a{text-decoration:underline}.social iframe{display:inline-block;width:300px;height:280px}.footerPhone a{line-height:35px}}.itemWrapper{position:relative}.instruction{position:absolute;top:0;left:0;background:#e42da1;border-bottom-right-radius:10px;overflow:hidden;opacity:0;transition:all .3s ease;line-height:16px}.instruction:hover{background:#a2146e}.instruction .openModal{text-decoration:none;color:#fff;padding:.5rem 1.75rem;margin:0;display:inline-block;transition:all .5s ease;font-weight:700;text-transform:uppercase}.instruction .openModal:before{content:"";background:url("https://www.biodermis.com.ua/assets/css/img/info-icon.png") center no-repeat;background:url("https://www.biodermis.com.ua/assets/css/img/info-icon.svg") center no-repeat;display:inline-block;vertical-align:bottom;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;margin-right:6px}.itemWrapper:hover .instruction{opacity:1}#info{width:70%;height:100vh;overflow-y:auto;top:0;left:0;margin:0;padding:2rem}.infoWindow p{margin-bottom:1.2rem;max-width:600px;margin:0 auto 1.2rem}.infoWindow h1{text-align:center;font-family:"PT serif";font-weight:700;font-size:1.5rem;padding:2rem 0;max-width:600px;margin:0 auto}.text-center{text-align:center}.infoWindow img{max-width:100%}
.goodsWrapper{max-width:1030px;width:100%;margin:0 auto;padding:60px 0 0;text-align:center}.itemWrapper{box-sizing:border-box;border:1px solid #b3b3b3;display:inline-block;vertical-align:top;width:500px;height:300px;margin:10px 5px;transition:all .2s ease}.firstRow{display:table;width:480px;height:280px;margin:0 auto}.firstRow>div{display:table-cell;box-sizing:border-box}.itemImg{vertical-align:top;padding-top:10px;height:300px;transition:all .2s ease}.itemImg img{height:280px;width:280px;transition:all .2s ease}.itemDescription{vertical-align:top}.itemInfo{position:relative}.itemInfo h3{font-size:1.3em;text-align:center;margin:10px 0 30px;font-weight:700}.priceValue{font-size:1.5em;font-weight:700;margin-left:20px;position:relative;padding-right:25px}.priceValue:after{display:block;position:absolute;top:2px;right:0;content:"00";font-size:.5em;width:20px;text-align:left}.priceValue:before{display:block;position:absolute;bottom:2px;right:0;content:"грн";font-size:.4em;font-weight:400;text-transform:uppercase;width:20px;text-align:left}.itemDescription{font-size:.8em;font-style:italic;text-align:justify;margin:30px 0}.price{text-align:right}.prices{display:block;position:absolute;bottom:10px;right:0}.linksRow{height:0;opacity:0;overflow:hidden;text-align:center;transition:all .2s ease}.itemWrapper:hover .firstRow{height:240px}.itemWrapper:hover .linksRow{height:40px;opacity:1}.itemWrapper:hover .itemImg{height:240px}.itemWrapper:hover .itemImg img{height:220px;width:220px}.linksRow a{display:inline-block;line-height:35px;color:#177991;text-decoration:none;border:1px solid #177991;padding:0 20px;margin-top:3px}.linksRow a .phLogo{display:block;width:110px;background:url("/assets/css/img/ph-logo-min.png") center no-repeat;height:35px;float:right;margin-left:10px}.linksRow a:hover{color:#fff;background:#177991}.linksRow a:hover .phLogo{background:url("/assets/css/img/ph-logo-min-white.png") center no-repeat}.phLogoMain{opacity:.8}.phLogoMain:hover{opacity:1}nav ul li:hover ul{display:block}nav ul li ul{position:absolute;left:0;top:100%;background:rgba(78,80,81,1);width:800px;z-index:9;display:none;height:300px}nav ul li ul li{display:block;width:100%;padding:10px 10px;height:12.5%;text-align:left;border:0}nav ul li ul li.active,nav ul li ul li:hover{border:0;background:rgba(8,130,160,1)}nav ul li:not(.active) ul li.first{border:0;background:rgba(8,130,160,1)}nav ul li ul li{padding-right:430px}.imgAside{position:absolute;top:0;right:0;display:none;display:none;width:425px;height:100%;background:rgba(8,130,160,1);text-align:center;line-height:300px}.imgAside img{vertical-align:middle}nav ul li ul li.first .imgAside,nav ul li ul li.active .imgAside,nav ul li ul li:hover .imgAside{display:table;vertical-align:middle}nav ul li ul li.first .imgAside{z-index:1}nav ul li ul li.active .imgAside{z-index:2}nav ul li ul li:hover .imgAside{z-index:3}#itemName{margin-bottom:20px;display:inline-block;color:#09829f}@media screen and (max-width:739px){.imgAside,nav ul li ul li.first .imgAside,nav ul li ul li.active .imgAside,nav ul li ul li:hover .imgAside{display:none}.menu-active header{left:0}nav ul{display:block;width:100%}nav ul li{display:block;width:100%;box-sizing:border-box;padding:10px}nav ul li ul{display:block;background:none;position:relative;width:100%;height:auto;padding-top:5px;top:0}nav ul li:hover,nav ul li.active,nav ul li ul li:hover{background:none}nav ul li ul li{padding:5px}.goodsWrapper{width:100%}.itemWrapper{width:90%;margin:10px auto;display:block;height:auto}.firstRow,.itemWrapper:hover .firstRow{width:100%;display:block;height:auto}.firstRow>div{display:block}.itemImg,.itemWrapper:hover .itemImg{text-align:center;height:auto}.itemImg img,.itemWrapper:hover .itemImg img{width:200px;height:auto}.prices{position:relative}.itemDescription{padding:0 10px;margin:5px 0}.prices{position:relative}.price{padding:10px}.linksRow,.itemWrapper:hover .linksRow{height:auto;opacity:1;padding-bottom:10px}.itemInfo h3{margin:10px 0 10px}.openModal{margin:0 0 10px 0}.linksRow a{padding:0 10px}.content img{max-width:100%}.textPlusImg>div p,.textPlusImg>div,.textPlusImg>div img,.textPlusImg{width:100%}.instruction{opacity:1}}
@import url("/assets/components/ajaxform/css/lib/jquery.jgrowl.min.css");.af-message-success{background-color:green !important}.af-message-error{background-color:brown !important}.af-message-info{background-color:black !important}.ajax_form.af_example{width:100%}.ajax_form.af_example .controls input,.ajax_form.af_example .controls textarea{width:100%}.ajax_form .error{color:brown}@media screen and (min-width:320px){.ajax_form.af_example .controls button[type="submit"]{float:right}}@media screen and (max-width:320px){.ajax_form.af_example .controls button{width:100%;margin-top:5px}}