a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:"";content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
*{margin: 0;padding: 0;box-sizing: border-box}
@font-face {
    font-family: "RobotoRegular";
    src: url("fonts/RobotoRegular/RobotoRegular.eot");
    src: url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
        url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
        url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoMedium";
    src: url("fonts/RobotoMedium/RobotoMedium.eot");
    src: url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
        url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
        url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoLight";
    src: url("fonts/RobotoLight/RobotoLight.eot");
    src: url("fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
        url("fonts/RobotoLight/RobotoLight.woff") format("woff"),
        url("fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "roboto-black";
    src: url("fonts/roboto-black.ttf");
}
@font-face {
    font-family: "CalligraphRuss";
    src: url("fonts/CalligraphRuss.otf");
}
body
{
    font-family: "RobotoRegular";
    overflow: hidden;
}
.fl-l
{
    float: left;
}
.fl-r
{
    float: right;
}
.ip-header {
    position: absolute;
    top: 0;
    z-index: 100;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #E6EAEE;
}

.ip-header h1 {
    margin: 0;
}

.ip-logo,
.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}
.wrapper
{
    width:1000px;
    margin: 0 auto;
}
.ip-logo {
    top: 0;
  /*  bottom:0;*/
    -webkit-transform: translate3d(0,30%,0); 
    transform: translate3d(0,30%,0); 
    height: 100%;
    text-align: center;
}
.ip-logo img
{
    /*position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 1.2s;*/
}
.loaded .ip-logo img
{
    /*left: 0%;
    transform: translateX(0%);*/
}
.ip-loader {
    top: 50%;
}

.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
}

.ip-header .ip-logo svg {
    min-width: 320px;
    max-width: 480px;
    width: 25%;
}

.ip-header .ip-logo svg path {
    fill: #ef6e7e;
}

.ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
    stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    -webkit-transition: stroke-dashoffset 0.2s;
    transition: stroke-dashoffset 0.2s;
    stroke: #40AA4B;
}

/* Content */
.ip-main {
    overflow: hidden;
    background: url('../images/bg-main.jpg') no-repeat center;
    background-size: cover;
    position: absolute;
    top:0;
    bottom: 0;
    width:100%;

}
#ip-container
{
    position: absolute;
    top:0;
    bottom: 0;
    width:100%;
}
.browser {
    margin: 0 auto;
    padding-top: 8%;
    min-height: 400px;
    max-width: 1000px;
    width: 100%;
    border-radius: 8px;
    background: #fff url(../img/browser.png) no-repeat 50% 0;
    background-size: 100%;
    color: #d3d3d3;
}

.box {
    float: left;
    padding: 3.5em;
    width: 33.3%;
    font-size: 0.7em;
    line-height: 1.5;
}

.box p {
    font-family: 'Blokk', Arial, sans-serif;
}

[class^="icon-"]::before, 
[class*=" icon-"]::before {
    display: block;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-radius: 5px;
    background: #dfdfdf;
    color: #fff;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 5em;
    font-family: 'feather';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bell:before {
    content: "\e006";
}

.icon-cog:before {
    content: "\e023";
}

.icon-heart:before {
    content: "\e024";
}

/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,100%,0); }
}

@keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
    opacity: 1;
}

.loaded .ip-logo {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
    -moz-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0px,50px,0) scale3d(1,1,1); }
}

@keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0px,50px,0) scale3d(1,1,1);  }
}
@-moz-keyframes animLoadedLogo {
    to { -moz-transform: translate3d(0,100%,0) translate3d(0px,50px,0) scale3d(1,1,1);  }
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
    fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .bloc-main, .loaded .bloc-main h1, .loaded .bloc-main h2,
.loaded .bottom-text, .loaded footer, .loaded .block-choose-herbs .top, .loaded .block-choose-herbs .center, .loaded .block-choose-herbs .bottom
{
    -webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .bloc-main h1, .loaded .block-choose-herbs .center
{
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loaded .bloc-main h2,.loaded .block-choose-herbs .bottom {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.loaded .bottom-text {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loaded footer {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

@-webkit-keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}

/* Change layout class for header */
.layout-switch .ip-header {
    /*position: absolute;*/
}

/* No JS */
.no-js .ip-header {
    position: relative;
    min-height: 0px;
}

.no-js .ip-header .ip-logo {
    margin-top: 20px;
    height: 180px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .ip-header .ip-logo svg path {
    fill: #fff;
}
.ip-main
{

}
.wrp-main
{
    width: 650px;
    margin: 0 auto;
}
.ip-main .table
{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    display: table;
    height: 100%;
}
.ip-main .table .tbl
{
    display: table-cell;
    vertical-align: middle;
}
/* Media queries */
.bloc-main
{
    border:10px solid #FFFFFF;
    width: 650px;
    overflow: hidden;
    padding: 28px 28px 28px 33px;
}
.bloc-main h1
{
    font-weight: normal;
    font-size: 32px;
    color:#faa01c;
    text-transform: uppercase;
    font-family: "RobotoMedium";
    letter-spacing: 1.2px;
}
.bloc-main h2
{
    font-weight: normal;
    font-size: 65px;
    color:#faa01c;
    font-family: "roboto-black";
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 2.3px;
}
footer
{
    height: 90px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    width:100%;
}
footer .copy
{
    color:#8caec2;
    font-size: 18px;
    line-height: 5em;

}
footer .copy a
{
    color: #8caec2;
}
footer .copy a:hover {
    text-decoration:none;
}

.social-button
{
    margin: 24px 0px 0 192px;
}
.social-button > span
{
    color:#5c7487; 
    display: inline-block;
    vertical-align: middle;
}
.social-button .s
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
.s a
{
    vertical-align: middle;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #7D909F;
    position: relative;
    margin-right: 4px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.s a.fb,
.s a.sharefb
{
     background: #40579D;
}
.s a.vk,
.s a.sharevk
{
    background: #5275A2;
}
.s a.od,
.s a.shareod
{
        background: #EE811C;
}
a:focus
{
    outline: none;
}
.s a:hover
{
    background: #4E5458;
}
.s a:before
{
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    display: inline-block;

}
.s a.fb:before,
.s a.sharefb:before
{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAYAAACp65zuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0REQURDMEEzNjAxMUU1ODlGRjlBMkI0RTRERTc3MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0REQURDMUEzNjAxMUU1ODlGRjlBMkI0RTRERTc3MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRERBREJFQTM2MDExRTU4OUZGOUEyQjRFNERFNzcyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDRERBREJGQTM2MDExRTU4OUZGOUEyQjRFNERFNzcyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++iqeNQAAAJhJREFUeNpi+P//PwMy/vP3bwAQ7wPiL0D8H4q/oitqQJJExn8ZQQpA4O+/f2pA6gYQMzJggo9MSBwXNEVLgVgXiBWBWI8FSUIMzZSFzExMV2AcJgbc4DcyhwXoNgMoWwJNoQpQ7gOMwwjyFQMRgImBOPCZWIVfmKDeB+GJaJKRSHJmLMAgeAAN8A9oCl/A5Ehx4whVCBBgANdQaEMk+oyRAAAAAElFTkSuQmCC');
}
.s a.vk:before,
.s a.sharevk:before
{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzM3ODczMkEzNjAxMUU1OUNCRENDNTgzQjA4NjI2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzM3ODczM0EzNjAxMUU1OUNCRENDNTgzQjA4NjI2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3Mzc4NzMwQTM2MDExRTU5Q0JEQ0M1ODNCMDg2MjYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3Mzc4NzMxQTM2MDExRTU5Q0JEQ0M1ODNCMDg2MjYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u5xhBQAAAN1JREFUeNpi+Pv3738C+B0QrwNik////zOAMCNIgoE48BuIPZmYmPYyYZH8DMRfsIizAnEriIFNkxzQNF4gLQbEm9Dk1HFpAgOgxtdAagWa8Bu8mv79+8cIpJzQhNeBCGwBcRSIQWJKQCyFJL4KiOOALvjJgsUSayxiP4H4OdSfj0kJchB4B8QO2DTpA/EnKNsAiCeCQhRJfj8DlhQgAIt5EAbyk9DkfzIR4aR/aHw2FjxBDkoBVkBcjSZ1m9SAAIFCJhI1gAJlIgsBRX+A+BkQHwTiKcCIPQUSBAgwAGPHlYn4BSEcAAAAAElFTkSuQmCC');
}
.s a.od:before,
.s a.shareod:before
{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRURCNjcxOEEzNjAxMUU1OEYxQjlBNTQzQTBCQjk0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRURCNjcxOUEzNjAxMUU1OEYxQjlBNTQzQTBCQjk0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJFREI2NzE2QTM2MDExRTU4RjFCOUE1NDNBMEJCOTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFREI2NzE3QTM2MDExRTU4RjFCOUE1NDNBMEJCOTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zxA7lAAAAWtJREFUeNp0k7FLw1AQxtMWh0IRLSoILXVzaruIuw7+AYpDca84ieAqOHbyL3ARQXTQ0UEH3QQR1LFDpw5CjIuKoOYlfhfvwedhAj9e7u77kruXlyBN08ATx64JjkAEUl0lbrKODR3wpWKL5Dt/TEi0jOEFXOvKxhabjqko92XNl22NTaEmP0DFzFnRvNRDyRWD32tc16hUKr4HdGkcsc6bBrrWnUvabNK4zjpvOiHdOYSrYEZWiamW6QrSI4qjuL8Fs0H+1QfzaPeVB66Bm5zvJPma1xYQyNMXwKkOvKRMgmdwoUyAFXAlbxjSkdkCDbPlDc37ozWUNz3A3Tb9h+AJTIMpU3uUJ1XBAUhy5vEkqqtmu6ffQ2ZbBnNgEYyBN3AJ7sAZdq6fibl/nWGNDq+T2Gr+MzjTlsTdvP+pawz3xrxh/6d1I9gDsrM9k99k0ycVeqblXarFYMQX9nX4HTu01rfBNziU+EeAAQALJbYKxZqfPgAAAABJRU5ErkJggg==');
}
.wrp-main .bottom-text
{
    margin: 2.3em 2.8em 0 2.8em;
}
.wrp-main .bottom-text span
{
    color:#754c24;
    font-size: 18px;
    font-family: "RobotoMedium";
    text-transform: uppercase;
    width: 360px;
    display: block;
}
.btn1
{
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #FAA01C;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-size: 15px;
    color:#fff;
    text-transform: uppercase;
    height: 45px;
    margin-top: 4px;
    width: 176px;
    text-align: center;
    line-height: 3em;
    letter-spacing: 1px;
    border:none;
}
input.btn1:hover
{
    background: #DA7C23;
}
input.btn1:disabled
{
    background: none;
    box-shadow:inset 0 0 0 2px #FAA01C;
    color:#FAA01C;
}
#resp-back
{
     background: none;
    box-shadow:inset 0 0 0 2px #FAA01C;
    color:#FAA01C;
}
#resp-back:before
{
    display: none;
}
#resp-back:hover
{
     background: #FAA01C;
     color:#fff;
}
input.btn1:hover
{
    
}
.btn1:before
{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #DA7C23;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn1:hover:before
{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
button:focus
{
    outline: none;
}
.full-m
{
    position: absolute;
    width:100%;
    top:0;
    bottom:0;
    z-index: 1000;
    display: none;
    background: #000;
}
.pite-items
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.pite-items .wrapper
{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    top:0;
    bottom:0;
}
.pite-items .pine_1
{
    position: absolute !important;
    left: -71.5% !important;
    top: -18% !important;
    width: 567px !important;
    height: 492px !important;
}
.pite-items .pine_2
{
    position: absolute !important;
    left: -45.5% !important;
    bottom: 0% !important;
    width: 615px !important;
    height: 499px !important;
    top: initial !important;
}
.pite-items .pine_3
{
       position: absolute !important;
    left: 63% !important;
    top: -25% !important;
    width: 419px !important;
    height: 489px !important;
    /* transform: rotate(10deg) !important; */
}
.pite-items .pine_4
{
    position: absolute !important;
    right: -72% !important;
    top: -9% !important;
    width: 518px !important;
    height: 457px !important;
    left: initial !important;
}
.pite-items .pine_5
{
    position: absolute !important;
    right: -37% !important;
    bottom: -5% !important;
    width: 566px !important;
    height: 492px !important;
    top: initial !important;
    left: initial !important;
    /*   transform: rotate(64deg) !important;*/
}
.pite-items .pine_6
{
    position: absolute !important;
    left: 30% !important;
    bottom: -26% !important;
    width: 567px !important;
    height: 492px !important;
    top: initial !important;
}
.doris
{
    margin-top: 29px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.doris:hover
{
    opacity: 0.8;
}
@media only screen and (max-height : 880px) 
{
    .pite-items .pine_6
    {
        bottom: -36% !important;
    }
}
@media only screen and (max-height : 700px) 
{
    .pite-items .pine_6
    {
        bottom: -50% !important;
    } 
}


/***dialog***/
.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        z-index: 111;
}

.dialog {
    position: fixed;
   /* display: -webkit-flex;
    display: flex;*/
    /*-webkit-align-items: center;
    align-items: center;*/
   /* -webkit-justify-content: center;
    justify-content: center;*/
    pointer-events: none;
}

.dialog__overlay {
    position: absolute;
    z-index: 1;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}

.dialog__content {
   width: 50%;
    max-width: 600px;
    min-width: 290px;
    background: #fff;
    border: 8px solid #F3A01D;
    text-align: center;
    position: absolute;
    z-index: 5;
    opacity: 0;
    /*padding: 64px 0px 4em 0;*/
    margin: 0 auto 0;
    left: 50%;
        
    /*transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);*/
    top: 50%;
    
}
.dialog__content > div
{
    padding: 4em 0px 4em 0;
}
.dialog__content .t
{
    font-size:16px;
    color:#536c80;
    margin-bottom: 12px;
}
.social-share
{
    margin-bottom: 30px;
}
.social-share a
{
    display: inline-block;
    font-size:15px;
    color: #fff;
    text-decoration: none;
    width: 145px;
    height: 37px;
    line-height: 2.3;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.social-share a:hover
{
    opacity: 0.8;
}
.social-share a.facebook
{
    background: #40579D;


}
.social-share a.fb span
{

}
.social-share a.facebook span:before
{
    line-height: initial;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAYAAACp65zuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0REQURDMEEzNjAxMUU1ODlGRjlBMkI0RTRERTc3MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0REQURDMUEzNjAxMUU1ODlGRjlBMkI0RTRERTc3MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRERBREJFQTM2MDExRTU4OUZGOUEyQjRFNERFNzcyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDRERBREJGQTM2MDExRTU4OUZGOUEyQjRFNERFNzcyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++iqeNQAAAJhJREFUeNpi+P//PwMy/vP3bwAQ7wPiL0D8H4q/oitqQJJExn8ZQQpA4O+/f2pA6gYQMzJggo9MSBwXNEVLgVgXiBWBWI8FSUIMzZSFzExMV2AcJgbc4DcyhwXoNgMoWwJNoQpQ7gOMwwjyFQMRgImBOPCZWIVfmKDeB+GJaJKRSHJmLMAgeAAN8A9oCl/A5Ehx4whVCBBgANdQaEMk+oyRAAAAAElFTkSuQmCC');
}
.social-share a.odnoklassniki
{
    background: #EE811C;

}
.social-share a.fb span
{

}
.social-share a.odnoklassniki span:before
{
    line-height: initial;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRURCNjcxOEEzNjAxMUU1OEYxQjlBNTQzQTBCQjk0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRURCNjcxOUEzNjAxMUU1OEYxQjlBNTQzQTBCQjk0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJFREI2NzE2QTM2MDExRTU4RjFCOUE1NDNBMEJCOTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFREI2NzE3QTM2MDExRTU4RjFCOUE1NDNBMEJCOTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zxA7lAAAAWtJREFUeNp0k7FLw1AQxtMWh0IRLSoILXVzaruIuw7+AYpDca84ieAqOHbyL3ARQXTQ0UEH3QQR1LFDpw5CjIuKoOYlfhfvwedhAj9e7u77kruXlyBN08ATx64JjkAEUl0lbrKODR3wpWKL5Dt/TEi0jOEFXOvKxhabjqko92XNl22NTaEmP0DFzFnRvNRDyRWD32tc16hUKr4HdGkcsc6bBrrWnUvabNK4zjpvOiHdOYSrYEZWiamW6QrSI4qjuL8Fs0H+1QfzaPeVB66Bm5zvJPma1xYQyNMXwKkOvKRMgmdwoUyAFXAlbxjSkdkCDbPlDc37ozWUNz3A3Tb9h+AJTIMpU3uUJ1XBAUhy5vEkqqtmu6ffQ2ZbBnNgEYyBN3AJ7sAZdq6fibl/nWGNDq+T2Gr+MzjTlsTdvP+pawz3xrxh/6d1I9gDsrM9k99k0ycVeqblXarFYMQX9nX4HTu01rfBNziU+EeAAQALJbYKxZqfPgAAAABJRU5ErkJggg==');
}
.social-share a.vkontakte
{
    background: #5275A2;

}
.social-share a.fb span
{

}
.social-share a.vkontakte span:before
{
    line-height: initial;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzM3ODczMkEzNjAxMUU1OUNCRENDNTgzQjA4NjI2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzM3ODczM0EzNjAxMUU1OUNCRENDNTgzQjA4NjI2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3Mzc4NzMwQTM2MDExRTU5Q0JEQ0M1ODNCMDg2MjYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3Mzc4NzMxQTM2MDExRTU5Q0JEQ0M1ODNCMDg2MjYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u5xhBQAAAN1JREFUeNpi+Pv3738C+B0QrwNik////zOAMCNIgoE48BuIPZmYmPYyYZH8DMRfsIizAnEriIFNkxzQNF4gLQbEm9Dk1HFpAgOgxtdAagWa8Bu8mv79+8cIpJzQhNeBCGwBcRSIQWJKQCyFJL4KiOOALvjJgsUSayxiP4H4OdSfj0kJchB4B8QO2DTpA/EnKNsAiCeCQhRJfj8DlhQgAIt5EAbyk9DkfzIR4aR/aHw2FjxBDkoBVkBcjSZ1m9SAAIFCJhI1gAJlIgsBRX+A+BkQHwTiKcCIPQUSBAgwAGPHlYn4BSEcAAAAAElFTkSuQmCC');
}
.dialog__content p
{
    color: #536c80;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.5em;
}
.dialog__content .social-auth
{
    margin-bottom: 2em;
}
.dialog__content .social-auth a
{
    height: 50px;
    width: 50px;
    margin: 0 13px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.dialog__content .social-auth a:hover
{
    opacity: 0.8;
}
.dialog__content .social-auth a.fb
{
    background: #40579D;
}
.dialog__content .social-auth a.vk
{
    background: #5275A2;
}
.dialog__content .social-auth a.od
{
    background: #EE811C;
}
.dialog__content .mail-f
{

}
input:focus
{
    outline: none;
}
#ename {
    border: 1px solid #566C80;
    height: 33px;
    width: 218px;
    margin: 0 auto 38px;
}
.dialog__content .mail-f input[type="text"]
{
    border:1px solid #566C80;
    height: 33px;
    width: 163px;
}
.dialog__content .mail-f input[type="submit"]
{
    background: #566C80;
    border:none;
    color:#fff;
    height: 33px;
    margin-left: -0.3em;
    width: 55px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-transform: uppercase;
}
.dialog__content .mail-f input[type="submit"]:hover
{
    background: #4E5458;
}
.dialog__content .mail-f input[type="submit"]:disabled
{
    background: #95A8B9;
}
.dialog__content .action
{
    width:40px;
    height:40px;
    position: absolute;
    top:3px;
    right:4px;
    cursor:pointer;
    text-align: center; 
    border-radius: 100px;
    border: 2px solid transparent;
    line-height: 38px;
    padding: 0;

    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y2Qjg0NzhBNEM1MTFFNTg4ODNCNDRFRjE1NDBCOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y2Qjg0NzlBNEM1MTFFNTg4ODNCNDRFRjE1NDBCOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjZCODQ3NkE0QzUxMUU1ODg4M0I0NEVGMTU0MEI5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjZCODQ3N0E0QzUxMUU1ODg4M0I0NEVGMTU0MEI5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtFuZs8AAADGSURBVHjanNSxDcIwEAVQ88UYWYMlaMMIKaFKjSBK7YqWBZCoWYI1Mghn6RwRJ/b5ztKXLMd+snIn79rz/eWc6ymTM4z34+ZOl6GhqQdDT0pjwRgK53vwjTojGKGObjiBFy3gAgoL+PuoAVdQitWCM5QWDRubS2AWymE5sAiVsBQ8SFAYe+FHh4NXyodylBobFVUbGRqlKqOm/JRvTdtAUX6xbaDpIwmEpo8kEEpoBfKrscA0UBaEEdoEA+aNUHxpI+h/AgwAovpU3fYtc9IAAAAASUVORK5CYII=') no-repeat center center;
}
.dialog__content .action:hover
{
    border: 2px solid #8395A3;
    transform: scale(.8);
    -webkit-transform: scale(.8) rotateZ(90deg);
    -moz-transform: scale(.8) rotateZ(90deg);
    -ms-transform: scale(.8) rotateZ(90deg);
}
.dialog__content .action:before
{

}
.dialog--open .dialog__content {
    pointer-events: auto;
}

/* Content */
.dialog h2 {
    margin: 0;
    font-weight: 400;
    font-size: 2em;
    padding: 0 0 2em;
    margin: 0;
}
.block-choose-herbs
{
    text-align: center;
}
.block-choose-herbs .top
{
    color:#536c80;
    margin-bottom: 6%;
}
.block-choose-herbs .top .t
{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: 2px;
}
.block-choose-herbs .top p
{
    font-size:18px;
    font-family: "RobotoLight";
    letter-spacing: 2px;
}
.block-choose-herbs .bottom
{
    margin-top: 6%;
}
.block-choose-herbs .center
{

}
.choose-herbs
{

}
.choose-herbs label
{
    display: inline-block;
    vertical-align: top;
    width: 150px;
    cursor: pointer;
    color:#536c80;
    margin: 0 22px;
    position: relative;
}
.choose-herbs label:first-child
{
    margin-left: 0;
}
.choose-herbs label:last-child
{
    margin-right: 0;
}
.choose-herbs input
{
   
}
.choose-herbs span.icon
{
    display: inline-block;
}
.choose-herbs span.icon > span
{
    display: table-cell;
    width: 150px;
    height: 163px;
    vertical-align: middle;
}
.choose-herbs span.icon > span img
{   
    width: 135px;
    transition:all 0.3s cubic-bezier(0.7,0,0.3,1);
    -webkittransition:all 0.3s cubic-bezier(0.7,0,0.3,1);
}
.choose-herbs label:hover img
{
    transform: scale3d(1.2,1.2,1.3); 
    -webkit-transform: scale3d(1.2,1.2,1.3);  
}
.choose-herbs label input:checked + span.herb i, .choose-herbs label input:checked + span.herb .name
{
    color:#faa01c;
}
.choose-herbs label:input:checked
{

}
.choose-herbs i
{
    display: block;
    font-family: "RobotoLight";
    font-size:14px;
    transition:all 0.3s cubic-bezier(0.7,0,0.3,1);
    -webkittransition:all 0.3s cubic-bezier(0.7,0,0.3,1);
}
.choose-herbs .name
{
    font-size:18px;
    text-transform: uppercase;
    transition:all 0.3s cubic-bezier(0.7,0,0.3,1);
    -webkittransition:all 0.3s cubic-bezier(0.7,0,0.3,1);
}
.choose-herbs label svg {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 0;
    pointer-events: none;
}
.choose-herbs label svg path {
    stroke: #F3A01D;
    stroke-width: 13px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.choose-herbs label .ch
{
    border-radius: 50%;
    border: 4px solid #F3A01D;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 13px;
    right: -8px;
    opacity: 0;
    background: rgba(255,255,255,0.8);

}
.choose-herbs label .herb
{
    display: block;
}
.choose-herbs label input
{
    /* display: none; */
    opacity: 0;
    position: absolute;
    width: 150px;
    height: 234px;
    left: 0;
    cursor: pointer;
    z-index: 11;
}
.choose-herbs label input:checked + span + span
{
    transition:all 0.3s cubic-bezier(0.7,0,0.3,1);
    -webkittransition:all 0.3s cubic-bezier(0.7,0,0.3,1);
    opacity: 1;
}
.greeting
{
    font-family: "CalligraphRuss";
    margin: -40px 0 -40px 0;
}
.greeting > div:first-child
{
    float: left;
    width: 425px;
    color: #2E824F;
    margin: 84px 0 0 58px;
}
.greeting > div:last-child
{
    float: right;
    width: 577px;
    position: relative;
    margin: 0 -60px 0 0;
}
.greeting > div:last-child img
{
    max-width: 100%;
}
.greeting > div:last-child p
{
    color: #536c80;
    font-size: 44px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-63%);
    left: 50%;
    line-height: 0.8;
}
@media only screen and (max-height : 920px) 
{
    .greeting img
    {
        max-width: 100%;
    }
    .greeting > div:first-child
    {
        width:370px;
    }
    .greeting > div:last-child
    {
        width: 490px;
        margin: 0;
    }
    .greeting > div:last-child p
    {
        font-size:40px;
    }
}
@media only screen and (max-height : 820px) 
{
    .greeting > div:first-child 
    {
        width: 320px;
        margin-left: 90px;
    }
    .greeting > div:last-child 
    {
        width: 420px;
        margin: 0 20px 0 0;
    }
    .greeting > div:last-child p
    {
        font-size: 33px;
    }
}
@media only screen and (max-height : 830px) 
{
    .block-choose-herbs .top .t
    {
        font-size:18px;
        letter-spacing: 1px;
    }
    .block-choose-herbs .top p
    {
        font-size: 15px;
        letter-spacing: 1px;
    }
    body
    {
        overflow: visible;
    }
    #ip-container
    {
        min-height: 800px;
    }
}

@media only screen and (max-width : 1024px) 
{

    .wrapper
    {
        width: 980px;
    }
    #ip-container
    {
        /*overflow: hidden;*/
    }
    .greeting > div:last-child
    {
        width: 420px;
    }
    .greeting > div:last-child img
    {
        max-width: 100%;
    }
}
body
{
    min-width: 980px;
}
#ip-container
{
    min-width: 980px;
}
@media  screen and (min-width: 720px) and  (max-width: 1024px)
{
    .pite-items .pine_3
    {
        left: 68% !important;
    }
}
@media  screen and (min-width: 720px) and  (max-width: 980px)
{
    body,#ip-container
    {
        min-width: 720px;
    }
    .wrapper
    {
        width: 720px;
    }
    .greeting > div:first-child
    {
        width: 290px;
        margin-left: 0px;
    }
    .greeting > div:last-child 
    {
        width: 420px;
        margin: 0;
    }
    .greeting img
    {
        max-width: 100%;
    }
    .social-button
    {
        margin-left: 50px;
    }
    .pite-items .pine_3
    {
        left: 68% !important;
    }
    .pite-items .pine_2 {
        position: absolute !important;
        left: -73.5% !important;
        bottom: -3% !important;
        width: 615px !important;
        height: 499px !important;
        top: initial !important;
    }
    .pite-items .pine_5 {
        position: absolute !important;
        right: -65% !important;
        bottom: -5% !important;
        width: 566px !important;
        height: 492px !important;
        top: initial !important;
        left: initial !important;
        /* transform: rotate(64deg) !important; */
    }
    .pite-items .pine_6 {
        position: absolute !important;
        left: 30% !important;
        bottom: -29% !important;
        width: 567px !important;
        height: 492px !important;
        top: initial !important;
    }
}


@media screen and (min-width: 0px) and (max-width: 720px), only screen and (min-device-width: 0px) and (max-device-width: 720px)
{
    body,#ip-container
    {
        min-width: 310px;
           min-height: initial;
    }
    .ip-main
    {
        position: relative;
        padding: 130px 0 57px 0;
        background: none;
        overflow: visible;
         background: url('../images/bg-main.jpg') no-repeat center;
         background-size: cover;
         
    }
    .ip-logo img
    {
        width: 180px;
    }
    .ip-main .table
    {
        position: relative;
        display: block;
    }
    .ip-main .table > .tbl
    {
        display: block;
    }
    .wrapper
    {
        width: 310px;
    }
    .pite-items
    {
        display: none;
    }
    .wrp-main
    {
        width: 310px;
    }
    .bloc-main
    {
        width: 290px;
        margin: 0 auto;
        border: 5px solid #fff;
        padding: 10px;
        margin-bottom: 15px;

    }
    .choose-herbs label
    {
        margin: 0;
    }
    footer
    {
        position: relative;
        height: auto;
    }
    img
    {
        max-width:100%;
    }
    .greeting > div:first-child
    {
        width: 100%;
        margin: 40px auto 40px;
        padding: 0 35px;
    }
    .greeting > div:last-child
    {
        width: 100%;
        margin: 0px auto 50px;
        padding: 0 35px;
    }
    .wrp-main .bottom-text
    {
        margin: 0;
        text-align: center;
    }
    .wrp-main .bottom-text span
    {
        width:100%;
    }
    .bloc-main h1
    {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .bloc-main h2
    {
        font-size: 23px;
    }
    .wrp-main .bottom-text span
    {
        font-size: 14px;
        text-align: center;
        margin-bottom: 15px;

    }
    
    .ip-logo
    {
              
    }
   /* .loaded .ip-logo {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
        -moz-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
        animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
    }

    @-webkit-keyframes animLoadedLogo {
        to { -webkit-transform: translate3d(0,100%,0) translate3d(0px,50%,0) scale3d(1,1,1); }
    }

    @keyframes animLoadedLogo {
        to { -webkit-transform: translate3d(0,100%,0) translate3d(0px,50%,0) scale3d(1,1,1);  }
    }
    @-moz-keyframes animLoadedLogo {
        to { -moz-transform: translate3d(0,100%,0) translate3d(0px,50px,0) scale3d(1,1,1);  }
    }*/
    footer
    {
        z-index: -1;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .social-button > span
    {
        margin-bottom: 10px;
    }
    footer > div > div
    {
        float: none !important;
        margin: 0 0 15px 0 !important; 
    }
    footer .copy
    {
        line-height: inherit;
    }
    .dialog__content p
    {
        font-size: 11px;
    }
    .dialog__content .t
    {
        font-size: 10px;
    }
    .dialog__content .social-auth a
    {
        width: 35px;
        height: 35px;
    }
    .dialog__content > div
    {
        padding: 3em 0 2.2em 0;
    }
    .block-choose-herbs .top .t
    {
        font-size: 14px;
        letter-spacing: 0;
    }
    .block-choose-herbs .top p
    {
        font-size: 14px;
        letter-spacing: 0;
    }
    .choose-herbs label
    {
        display: block;
        margin: 0 auto 20px !important;
    }
    .choose-herbs .name
    {
        font-size: 14px;
    }
    .choose-herbs span.icon > span img
    {

    }
    .ip-logo
    {
       
    }
    .ip-header
    {
        position: fixed;
    }
     .ip-header
    {
        position: absolute !important;
    }
}
@media screen and  (max-device-width: 380px)
{
    .ip-header
    {
        position: absolute !important;
    }
}