/* Theme Name: Поставки свежих продуктов Date: 03.02.16 Version: 1.0 */ /*---------------- Fonts ----------------*/ @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-regular-webfont.eot'); src: url('../fonts/pfagoraserifpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-regular-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-regular-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-regular-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-regular-webfont.svg#pf_agora_serif_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-italic-webfont.eot'); src: url('../fonts/pfagoraserifpro-italic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-italic-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-italic-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-italic-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-italic-webfont.svg#pf_agora_serif_proitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-medium-webfont.eot'); src: url('../fonts/pfagoraserifpro-medium-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-medium-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-medium-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-medium-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-medium-webfont.svg#pf_agora_serif_promedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-mediumital-webfont.eot'); src: url('../fonts/pfagoraserifpro-mediumital-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-mediumital-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-mediumital-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-mediumital-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-mediumital-webfont.svg#pf_agora_serif_proMdIt') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-bold-webfont.eot'); src: url('../fonts/pfagoraserifpro-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-bold-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-bold-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-bold-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-bold-webfont.svg#pf_agora_serif_probold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-bolditalic-webfont.eot'); src: url('../fonts/pfagoraserifpro-bolditalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-bolditalic-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-bolditalic-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-bolditalic-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-bolditalic-webfont.svg#pf_agora_serif_probold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-black-webfont.eot'); src: url('../fonts/pfagoraserifpro-black-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-black-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-black-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-black-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-black-webfont.svg#pf_agora_serif_problack') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AgoraSerif'; src: url('../fonts/pfagoraserifpro-blackitalic-webfont.eot'); src: url('../fonts/pfagoraserifpro-blackitalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagoraserifpro-blackitalic-webfont.woff2') format('woff2'), url('../fonts/pfagoraserifpro-blackitalic-webfont.woff') format('woff'), url('../fonts/pfagoraserifpro-blackitalic-webfont.ttf') format('truetype'), url('../fonts/pfagoraserifpro-blackitalic-webfont.svg#pf_agora_serif_proBlkIt') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-reg.eot'); src: url('../fonts/pfagorasanspro-regd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-reg.woff2') format('woff2'), url('../fonts/pfagorasanspro-reg.woff') format('woff'), url('../fonts/pfagorasanspro-reg.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-italic.eot'); src: url('../fonts/pfagorasanspro-italicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-italic.woff2') format('woff2'), url('../fonts/pfagorasanspro-italic.woff') format('woff'), url('../fonts/pfagorasanspro-italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-xthin.eot'); src: url('../fonts/pfagorasanspro-xthind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-xthin.woff2') format('woff2'), url('../fonts/pfagorasanspro-xthin.woff') format('woff'), url('../fonts/pfagorasanspro-xthin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-xthinitalic.eot'); src: url('../fonts/pfagorasanspro-xthinitalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-xthinitalic.woff2') format('woff2'), url('../fonts/pfagorasanspro-xthinitalic.woff') format('woff'), url('../fonts/pfagorasanspro-xthinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-thin.eot'); src: url('../fonts/pfagorasanspro-thind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-thin.woff2') format('woff2'), url('../fonts/pfagorasanspro-thin.woff') format('woff'), url('../fonts/pfagorasanspro-thin.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-thinital.eot'); src: url('../fonts/pfagorasanspro-thinitald41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-thinital.woff2') format('woff2'), url('../fonts/pfagorasanspro-thinital.woff') format('woff'), url('../fonts/pfagorasanspro-thinital.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-light.eot'); src: url('../fonts/pfagorasanspro-lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-light.woff2') format('woff2'), url('../fonts/pfagorasanspro-light.woff') format('woff'), url('../fonts/pfagorasanspro-light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-lightital.eot'); src: url('../fonts/pfagorasanspro-lightitald41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-lightital.woff2') format('woff2'), url('../fonts/pfagorasanspro-lightital.woff') format('woff'), url('../fonts/pfagorasanspro-lightital.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-medium.eot'); src: url('../fonts/pfagorasanspro-mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-medium.woff2') format('woff2'), url('../fonts/pfagorasanspro-medium.woff') format('woff'), url('../fonts/pfagorasanspro-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-mediumital.eot'); src: url('../fonts/pfagorasanspro-mediumitald41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-mediumital.woff2') format('woff2'), url('../fonts/pfagorasanspro-mediumital.woff') format('woff'), url('../fonts/pfagorasanspro-mediumital.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-bold.eot'); src: url('../fonts/pfagorasanspro-boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-bold.woff2') format('woff2'), url('../fonts/pfagorasanspro-bold.woff') format('woff'), url('../fonts/pfagorasanspro-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-bolditalic.eot'); src: url('../fonts/pfagorasanspro-bolditalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-bolditalic.woff2') format('woff2'), url('../fonts/pfagorasanspro-bolditalic.woff') format('woff'), url('../fonts/pfagorasanspro-bolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-black.eot'); src: url('../fonts/pfagorasanspro-blackd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-black.woff2') format('woff2'), url('../fonts/pfagorasanspro-black.woff') format('woff'), url('../fonts/pfagorasanspro-black.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-blackital.eot'); src: url('../fonts/pfagorasanspro-blackitald41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-blackital.woff2') format('woff2'), url('../fonts/pfagorasanspro-blackital.woff') format('woff'), url('../fonts/pfagorasanspro-blackital.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-ultrablack.eot'); src: url('../fonts/pfagorasanspro-ultrablackd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-ultrablack.woff2') format('woff2'), url('../fonts/pfagorasanspro-ultrablack.woff') format('woff'), url('../fonts/pfagorasanspro-ultrablack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AgoraSans'; src: url('../fonts/pfagorasanspro-ultrablackit.eot'); src: url('../fonts/pfagorasanspro-ultrablackitd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/pfagorasanspro-ultrablackit.woff2') format('woff2'), url('../fonts/pfagorasanspro-ultrablackit.woff') format('woff'), url('../fonts/pfagorasanspro-ultrablackit.ttf') format('truetype'); font-weight: 900; font-style: italic; } /*---------------- Animation ----------------*/ /* Button shadow */ @-webkit-keyframes si-button-pulse {from {box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0),0 0 4px 71px rgba(255, 48, 26, 0);}} @-moz-keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;} to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 71px rgba(255, 48, 26, 0);}} @keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 71px rgba(255, 48, 26, 0);}} .pulse-button:hover{box-shadow:none;-webkit-animation: si-button-pulse 0.8s 0s ease-out 1;-moz-animation: si-button-pulse 0.8s 0s ease-out 1;animation: si-button-pulse 0.8s 0s ease-out 1;} /* Shake */ @-webkit-keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-moz-keyframes shake {0%, 100% {-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-moz-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-o-keyframes shake {0%, 100% {-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-o-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} /* Buzz out */ @-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-moz-keyframes buzz-out{10%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-moz-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-moz-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-o-keyframes buzz-out{10%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-o-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-o-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} /* Rotate */ @-webkit-keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @-moz-keyframes si-rotate {from {-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-moz-transform:rotate(360deg);transform:rotate(360deg);}} @-o-keyframes si-rotate {from {-o-transform:rotate(0deg);transform:rotate(0deg);} to {-o-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} .si-rotate{-webkit-animation:si-rotate infinite linear 1.8s;-moz-animation:si-rotate infinite linear 1.8s;-o-animation:si-rotate infinite linear 1.8s;animation:si-rotate infinite linear 1.8s;} .si-error{-webkit-animation:shake 1 linear 0.8s;-moz-animation:shake 1 linear 0.8s;-o-animation:shake 1 linear 0.8s;animation:shake 1 linear 0.8s;} .buzz-out{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;} /*---------------- Reset ----------------*/ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} button,img{border:0;vertical-align:middle} ul,li{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%;} body,td,div,input,textarea,select {font-style:normal;font-weight:normal;} *:focus{outline:none} header,footer,nav,section,article,aside{display:block} iframe{border:0} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#2e2e30;} input::-moz-placeholder,textarea::-moz-placeholder{color:#2e2e30;} input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#2e2e30;} input.placeholder,textarea.placeholder{color:#2e2e30;} input.si-error::-webkit-input-placeholder,textarea.si-error::-webkit-input-placeholder{color:#cb0707;} input.si-error::-moz-placeholder,textarea.si-error::-moz-placeholder{color:#cb0707;} input.si-error::-ms-input-placeholder,textarea.si-error::-ms-input-placeholder {color:#cb0707;} input.si-error.placeholder,textarea.si-error.placeholder{color:#cb0707;} label{cursor:pointer} label.block{display:block;text-align:left;margin:5px auto 0;width:388px;} /* === Inputs === */ .input, textarea{position:relative;width:388px;color:#2e2e30;font:18px AgoraSans;border:1px solid #c2bfb6;padding:20px 16px;margin:5px 0;box-shadow:inset 0 4px 0 #e0e0e0;border-radius:10px;box-sizing:border-box;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .input:focus, textarea:focus{box-shadow:inset 0 4px 0 #649a3a, 0 0 10px #fff;} .input.si-error, textarea.si-error{color:#cb0707;border-color:#cb0707;box-shadow:inset 0 4px 0 #cb0707} textarea{resize:none;overflow:hidden;} .form-agree{margin:10px 0 0 310px;cursor:pointer;text-align:left;} .form-agree-check{display:block;float:left;margin:2px 10px 0 0;cursor:pointer;position:relative;border:1px solid #bdbdbe;width:18px;height:18px;background:#efebe0;border-radius:4px;} .form-agree-check:before{opacity:0;display:block;content:'';position:absolute;width:8px;height:8px;background:#aece5e;border-radius:2px;top:5px;left:5px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .form-agree:hover .form-agree-check:before{opacity:0.5;} .form-agree:active .form-agree-check:before,.form-agree-check.checked:before{opacity:1 !important;} .form-agree-text{overflow:hidden;padding:1px 0 0;} .input.big{margin:5px 12px;width:483px;background:#efebe0 url(../images/form-icons.png) -999px no-repeat;padding:23px 62px;box-shadow:inset 0 4px 0 #d2cfc5;} .input.big:focus{box-shadow:inset 0 4px 0 #649a3a, 0 0 10px #fff;} .input.big.si-error, textarea.big.si-error{background-image:url(../images/form-icons-red.png);box-shadow:inset 0 4px 0 #cb0707} .input.big.client-name{background-position:24px 26px;} .input.big.client-phone{background-position:24px -43px;} .input.small{width:284px;padding:15px 20px;} .submit{-webkit-appearance:none;cursor:pointer;border:0;position:relative;overflow:hidden;margin:10px 0;padding:17px 0 15px;width:386px;color:#fff;font:700 18px/22px AgoraSerif;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 18px 4px -16px rgba(0,0,0,.5);background:#86ab59;border-bottom:4px solid #659b3b;border-radius:10px;-webkit-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;-moz-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;-o-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;} .submit .text{position:relative;z-index:2;} .submit:before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:inset 0 50px 40px -20px #c7de71;border-radius:10px;} .submit:after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/noise.png);border-radius:10px;} .submit:hover{background:#96b96b;} .submit:hover:before{box-shadow:inset 0 50px 40px -20px #d1e780;} .submit:active{top:2px;background:#709741;border-bottom-width:2px;margin:10px 0 12px;box-shadow:none;} .submit:active:before{box-shadow:inset 0 50px 40px -20px #709741;} .submit.disabled{cursor:default;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);} .submit.big{width:481px;margin:25px 0 10px;padding:27px 0 25px} .submit.big:active{margin-bottom:12px;} /*---------------- Styles ----------------*/ html,body{overflow-x:hidden} html{background:#fff;color:#2e2e30;font:18px/22px AgoraSans;} #global-wrapper{overflow:hidden;position:relative;} h1{} h2{font:700 48px/60px AgoraSerif;} h2 i{display:block;font:italic 500 30px/36px AgoraSerif;padding:5px 0 0;} h2 em{display:block;font:500 24px/30px AgoraSerif;padding:5px 0 0;} .h2-lines{display:block;width:57px;height:12px;background:url(../images/decorations.png) 0 -13px no-repeat;margin:0;} .h2-image{position:absolute;} h2.center{text-align:center;} h2.center .h2-lines{margin:0 auto;} h3{} h4{font:700 18px/24px AgoraSerif;padding:0 0 5px;} h5{} h6{} p{padding:5px 0} a{color:inherit;text-decoration:none;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} a:hover{} a.dashed-link{display:inline-block;margin:5px 0;border-bottom:1px dotted;font:500 18px/22px AgoraSans;} a.dashed-link:hover{color:#6e9657;} a.button{position:relative;display:inline-block;overflow:hidden;margin:10px 0;padding:17px 60px 15px;color:#fff;font:700 18px/22px AgoraSerif;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 18px 4px -16px rgba(0,0,0,.5);background:#86ab59;border-bottom:4px solid #659b3b;border-radius:10px;-webkit-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;-moz-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;-o-transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;transition:background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;} a.button .text{position:relative;z-index:2;} a.button:before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:inset 0 50px 40px -20px #c7de71;border-radius:10px;} a.button:after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/noise.png);border-radius:10px;} a.button:hover{background:#96b96b;} a.button:hover:before{box-shadow:inset 0 50px 40px -20px #d1e780;} a.button:active{top:2px;background:#709741;border-bottom-width:2px;margin:10px 0 12px;box-shadow:none;} a.button:active:before{box-shadow:inset 0 50px 40px -20px #709741;} a.button.fixed{padding:28px 0 24px;text-align:center;width:485px;box-sizing:border-box;} a.button.fixed-small{padding:20px 0 18px;width:325px} a.button.block{display:block;text-align:center;box-sizing:border-box;} a.button.thin{padding:12px 0 10px;} a.button.thin:before{box-shadow:inset 0 40px 40px -20px #c7de71;} a.button.thin:hover:before{box-shadow:inset 0 40px 40px -20px #d1e780;} a.button.thin:active:before{box-shadow:inset 0 40px 40px -20px #709741;} .clear {clear:both;display:block;} .centered{width:1100px;margin:0 auto;position:relative} .justify{text-align:justify;} .justify:after{display:inline-block;content:'';width:100%;height:0;visibility:hidden} .last-line-hack{display:inline-block;width:100%;height:0;visibility:hidden} .si-clear{} .si-clear:after{display:block;content:'';clear:both;} .invisible{display:none} .text-align-center{text-align:center} .yellow{color:#ffdc38;} .icon{display:inline-block;vertical-align:top;position:relative;background:url(../images/icons.png) no-repeat} .hover-icon{background:none;} .hover-icon:before,.hover-icon:after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/icons.png) no-repeat;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .hover-icon:before{opacity:1;} .hover-icon:after{opacity:0;} .icon-hover:hover .hover-icon:before{opacity:0.2;} .icon-hover:hover .hover-icon:after{opacity:1;} .login-icon{width:14px;height:14px;background-position:0 0;margin:3px 5px 0 0;} .phone-icon{width:10px;height:18px;background-position:-16px 0;margin:2px 10px 0 0;} .header-usp-icon{display:block;margin:0 auto 10px;height:33px;} .header-usp-icon.i-1{width:33px;background-position:0 -20px;} .header-usp-icon.i-2{width:38px;background-position:-35px -20px;margin-bottom:0;} .header-usp-icon.i-3{width:36px;background-position:-75px -20px;} .header-usp-icon.i-4{width:31px;background-position:-113px -20px;} .action-title-icon{display:block;margin:0 auto;width:38px;height:50px;background:url(../images/icons.png) -146px 0 no-repeat;} .action-title-icon2{display:block;margin:0 auto;width:46px;height:46px;background:url(../images/icons.png) -186px 0 no-repeat;} .farmer-icon{display:block;float:left;margin:0 11px 0 0;height:36px;} .farmer-icon.i-1{width:33px;background-position:-94px -55px;} .farmer-icon.i-2{width:33px;background-position:-129px -55px;} .farmer-icon.i-3{width:34px;background-position:-164px -55px;margin-right:10px;} .farmer-icon.i-4{width:33px;background-position:-200px -55px;} .pay-icon{margin:0 5px;height:34px;} .pay-icon.visa-icon{width:72px;background-position:0 -119px} .pay-icon.master-icon{width:57px;background-position:-75px -119px} .pay-icon.qiwi-icon{width:86px;background-position:-134px -119px} #top{position:absolute;top:0;left:0;width:100%;height:80px;background:#fff;z-index:99;} .logo{display:block;font:500 18px/22px AgoraSans;color:#2e2e30;position:absolute;left:0;top:17px;} .logo b{font:700 18px/22px AgoraSerif} .si-phone{position:absolute;right:0;text-align:right;top:10px;} .si-phone a:hover{color:#6e9657} .si-phone .enter-link{font:700 18px/22px AgoraSans;display:inline-block;margin:0 0 7px;} .si-phone .enter-link .dashed{border-bottom:1px dotted;} .si-phone .phone-link{font:700 24px/26px AgoraSerif;display:inline-block;margin:0 0 2px;} .si-phone .modal-link{font:500 18px/22px AgoraSans;border-bottom:1px dotted;} .top-download{position:absolute;left:420px;top:25px} #nav{position:absolute;top:80px;left:0;width:100%;height:46px;background:#efebe0;z-index:99;} #top-nav{width:100%;} #top-nav li{display:inline-block;vertical-align:top;} #top-nav li a{position:relative;display:block;font:500 18px/46px AgoraSans;padding:0 12px;} #top-nav li:last-child a{padding-right:0;} #top-nav li a:hover,#top-nav li a.active{color:#6e9657;} #top-nav li a:active{color:#577e40;} #top-nav li a:before{display:block;content:'';width:5px;height:5px;background:#6e9657;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-2px;} header{height:941px;background:fixed url(../images/header-bg.jpg) center top no-repeat;} .header-overlay{width:504px;height:676px;background:url(../images/header-overlay.png) no-repeat;text-align:center;position:absolute;left:-3px;top:208px;} .header-title{position:relative;padding:40px 0 10px;font:30px/36px AgoraSans;} .header-title i{font:italic 500 30px/36px AgoraSerif;} .header-title i .relative{display:inline-block;position:relative;} .header-title i .relative:before{display:block;content:'';width:94px;height:4px;background:url(../images/decorations.png) no-repeat;position:absolute;top:16px;left:-98px;} .header-title i .relative:after{display:block;content:'';width:87px;height:5px;background:url(../images/decorations.png) 0 -6px no-repeat;position:absolute;top:16px;right:-98px;} .header-title b{font:700 60px/66px AgoraSerif;} .header-title-z{width:49px;height:8px;background:url(../images/decorations.png) -96px 0 no-repeat;margin:10px auto;} .header-usp{} .header-usp-item{margin:0 0 10px;font:500 18px/22px AgoraSans;} #conditions{padding:90px 0 30px;} .conditions{margin:80px 0 20px;min-height:255px;background:url(../images/conditions.png) center top no-repeat;} .conditions-col{float:left;width:447px;} .conditions-col:last-child{float:right;} .conditions-title{font:500 24px/30px AgoraSerif;padding:0;} .condition-item{font:500 18px/22px AgoraSans;padding:0 0 0 35px;margin:20px 0;position:relative;} .condition-item:before{display:block;content:'';width:23px;height:18px;background:url(../images/icons.png) -28px 0 no-repeat;position:absolute;top:2px;left:0;} .conditions-button-inner{display:inline-block;position:relative;} .conditions-button-inner:before,.conditions-button-inner:after{display:block;content:'';width:49px;height:8px;background:url(../images/decorations.png) -96px 0 no-repeat;position:absolute;top:43px;} .conditions-button-inner:before{left:-70px;} .conditions-button-inner:after{right:-70px;} #actions{background:#efebe0;padding:55px 0 55px;} .counter-wrapper{text-align:center;font:500 18px/22px AgoraSans;padding:5px 0;} .counter{min-height:70px;background:url(../images/counter-bg.png) center top no-repeat;margin:10px 0 0;} .counter-item{display:inline-block;vertical-align:top;width:68px;color:#6e9657;font:italic 700 16px/20px AgoraSerif;} .counter-item b{color:#fff;font:700 48px/54px AgoraSerif;display:block;padding:10px 0 10px;} .counter-dots{display:inline-block;vertical-align:top;color:#fff;font:700 48px/54px AgoraSerif;} .actions{margin:20px 0 30px;} .action-item{float:left;width:278px;margin:0 132px 0 0;} .action-item:last-child{margin-right:0;} .action-photo-wrapper{display:block;position:relative;margin:0 0 10px;} .photo-overlay{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(110,150,87,.8);opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .photo-overlay{opacity:1;} .photo-border{position:absolute;top:9px;left:9px;right:9px;bottom:9px;border:2px dashed #759b60;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .photo-border{border:2px dashed #fff;} .photo-overlay-text{display:block;position:absolute;top:50%;margin-top:-10px;left:0;width:100%;text-align:center;color:#fff;font:500 18px/22px AgoraSerif;opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .photo-overlay-text b{font-weight:800;} .show-zoom:hover .photo-overlay-text{opacity:1;} .product-title{font:700 18px/22px AgoraSerif;} .product-articul{font:18px/22px AgoraSans;} .product-price{font:700 24px/30px AgoraSerif;} .product-price.small{font:700 18px/24px AgoraSerif;} .product-dots{width:58px;height:10px;background:url(../images/decorations.png) -59px -13px no-repeat;margin:5px 0;} .product-dots.small{width:37px;height:6px;background:url(../images/decorations.png) -119px -13px no-repeat;margin:5px 0;} .owl-controls{} .owl-nav{position:absolute;top:122px;left:0;width:100%;} .owl-prev, .owl-next{display:block;width:50px;height:30px;position:absolute;top:0;} .owl-prev:active, .owl-next:active{top:1px;} .owl-prev{left:-90px;} .si-arrow-left{display:block;width:45px;height:30px;background:url(../images/icons.png) 0 -55px no-repeat;position:absolute;top:0;right:0;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .owl-prev:hover .si-arrow-left{-moz-transform: translateX(-5px);-webkit-transform: translateX(-5px);-o-transform: translateX(-5px);-ms-transform: translateX(-5px);transform: translateX(-5px);} .si-arrow-left.hovered{opacity:0;background-position:0 -87px;} .owl-prev:hover .si-arrow-left{opacity:0;} .owl-prev:hover .si-arrow-left.hovered{opacity:1;} .owl-next{right:-90px;} .si-arrow-right{display:block;width:45px;height:30px;background:url(../images/icons.png) -47px -55px no-repeat;position:absolute;top:0;right:0;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .owl-next:hover .si-arrow-right{-moz-transform: translateX(5px);-webkit-transform: translateX(5px);-o-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px);} .si-arrow-right.hovered{opacity:0;background-position:-47px -87px;} .owl-next:hover .si-arrow-right{opacity:0;} .owl-next:hover .si-arrow-right.hovered{opacity:1;} .owl-dots{text-align:center;margin:10px 0 0} .owl-dot{display:inline-block;position:relative;margin:0 4px;width:18px;height:15px;background:url(../images/icons.png) -53px 0 no-repeat;} .owl-dot span{display:block;position:absolute;top:5px;left:7px;width:5px;height:5px;background:transparent;border-radius:50%;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .owl-dot:hover span{background:#aece5e;} .owl-dot.active{} .owl-dot.active span{background:#6e9657;border:3px solid #6e9657;top:3px;left:4px;} .actions-dots{width:494px;height:5px;background:url(../images/decorations.png) 0 -27px no-repeat;margin:10px auto 20px;} #catalog{padding:110px 0 90px;} .catalog{margin:80px 0 50px;} .catalog-item{float:left;width:346px;background:#efebe0;box-sizing:border-box;padding:15px;margin:0 31px 31px 0;} .catalog-item.last{margin-right:0;} #farmers{background:#efebe0;padding:85px 0 105px;} .farmers{margin:60px 0 0;} .farmer-photos{width:615px;float:left;} .farmer-photo-wrapper{display:block;float:left;position:relative;margin:0 11px 10px 0;} .farmer-text{overflow:hidden} .farmer-text-item{margin:0 0 10px;} .farmer-text-item-inner{overflow:hidden;} .farmer-text-item-title{font:700 24px/30px AgoraSerif;padding:6px 0 0;} #farmers .owl-nav{top:132px;} #recipes{background:fixed url(../images/recipes-bg.jpg) center center no-repeat;padding:110px 0;} .recipes-wrapper{position:relative;background:#efebe0;margin:30px 0 0;padding:0 0 30px;box-shadow:0 0 5px rgba(0,0,0,.4)} .recipes-wrapper:before{display:block;content:'';width:0;height:0;border:40px solid #efebe0;border-color:transparent #efebe0 transparent transparent;position:absolute;top:200px;left:-80px;} .recipes-wrapper:after{display:block;content:'';width:0;height:0;border:40px solid #efebe0;border-color:transparent transparent transparent #efebe0;position:absolute;top:200px;right:-80px;} .recipes-wrapper.one:before,.recipes-wrapper.one:after{display:none;} .recipes{} .recipe-item{padding:30px;} .recipe-title{font:700 24px/30px AgoraSerif;padding:5px 0 10px;} .recipe-left{width:580px;float:left;margin:0 70px 0 0;} .recipe-photo-wrapper{width:300px;display:block;float:left;margin:5px 25px 0 0;position:relative;} .recipe-composition{overflow:hidden;} .recipe-products{padding:20px 0 0;} .recipe-product-item{width:185px;float:left;margin:10px 10px 10px 0;} .recipe-product-item.last{margin:10px 0 10px;} .recipe-product-photo-wrapper{display:block;position:relative;margin:0 0 10px;} .recipe-right{overflow:hidden;} .recipe-right-hidden p:first-child{padding-top:0;margin-top:0;} .recipe-right-hidden{display:none;margin:20px 0;} .recipe-show-hidden-wrapper{padding:20px 0;} #recipes .owl-nav{top:225px} #recipes .owl-prev{left:-32px;} #recipes .owl-next{right:-30px;} #about{padding:100px 0 50px;} .about{margin:120px 0 0;} .about-item{display:inline-block;vertical-align:top;width:295px;text-align:center;position:relative;} .about-item:after{display:block;content:'';width:48px;height:14px;background:url(../images/icons.png) -94px -93px no-repeat;position:absolute;right:-74px;top:32px;} .about-item:last-child:after{display:none;} .about-border{position:relative;width:175px;height:76px;margin:0 auto 10px;background:url(../images/about-border.png) no-repeat;color:#aece5e;font:800 36px/80px AgoraSerif;} .about-border .more{display:block;position:absolute;top:-15px;left:46px;font:italic 500 24px/24px AgoraSerif;padding:5px 10px;background:#fff;color:#2e2e30;} .about-border sup{vertical-align:baseline;font:800 24px/24px AgoraSerif;position:relative;top:-15px;} #providers{background:#efebe0;padding:85px 0 95px;} .providers{margin:60px 0 0;} .provider-item{width:200px;display:inline-block;vertical-align:top;} .provider-item-inner{display:table-cell;width:200px;height:150px;vertical-align:middle;text-align:center;} .provider-item-inner img{max-width:200px;max-height:150px;} #providers .owl-nav{top:70px} #certs{background:fixed url(../images/certs-bg.jpg) center center no-repeat;padding:90px 0 80px;} .certs-wrapper{margin:75px 95px 0;} .certs{} .cert-photo-wrapper{position:relative;display:inline-block;vertical-align:top;width:275px;height:374px;background:url(../images/cert-item.png) no-repeat;} .cert-image{margin:12px 0 0 12px;} #certs .owl-nav{top:167px} .page-form-block{padding:50px 0 80px;} .page-form{text-align:center;margin:40px 0 0;} footer{background:#efebe0;overflow:hidden;} .footer-data{float:left;width:820px;padding:15px 0 30px;} #ya-map{width:355px;height:248px;margin:15px 15px 0 0;float:left;} .footer-data-text{overflow:hidden;font:500 18px/22px AgoraSans;padding:15px 0 0;} footer .si-phone{top:50px} .footer-pay{position:absolute;top:125px;right:0;} .creator{position:absolute;top:295px;right:0;font:500 12px/14px AgoraSans;} .creator a{font-weight:700;border-bottom:1px dotted transparent;} .creator a:hover{color:#6e9657;border-bottom:1px dotted #6e9657;} #toTop { width: 100px; background: url(../images/vvh.png) no-repeat; background-size: 100% auto; text-align: center; width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; font-family: verdana; font-size: 11px; border-radius: 100%; opacity: 0.5; color: #fff0; } html.si-lock{overflow:hidden !important;} .fancybox-margin{margin-right:0 !important} .si-overlay, .si-overlay-2{display:none;background:rgba(0,0,0,.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index:203;} .si-overlay-2{z-index:205} .si-modals-wrapper, .si-modals-wrapper-2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:203;overflow:auto;-webkit-overflow-scrolling:touch} .si-modals-wrapper-2{z-index:205} .si-modal{display:none;position:relative;background:url(../images/modal-bg.png) no-repeat;text-align:center;padding:10px;width:524px;height:608px;margin:50px auto;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .modal-form .form-title{position:relative;padding:20px 0 0;font:700 48px/54px AgoraSerif;} .modal-form .form-title.pad{padding:20px 0;} .modal-form .form-title i{font:italic 500 30px/36px AgoraSerif;} .modal-form .form-title i .relative{display:inline-block;position:relative;} .modal-form .form-title i .relative:before{display:block;content:'';width:94px;height:4px;background:url(../images/decorations.png) no-repeat;position:absolute;top:16px;left:-98px;} .modal-form .form-title i .relative:after{display:block;content:'';width:87px;height:5px;background:url(../images/decorations.png) 0 -6px no-repeat;position:absolute;top:16px;right:-98px;} .modal-line{} .modal-time{font:24px/30px AgoraSans;} .si-close{display:block;width:54px;height:54px;background:#efebe0;position:absolute;right:-30px;top:-38px;border-radius:50%;} .si-close:hover{background:#aece5e;} .si-close:active{background:#8eb234;top:-37px;} .si-close:before,.si-close:after{position:absolute;top:18px;left:18px;display:block;content:'';width:16px;height:17px;background:url(../images/icons.png) no-repeat;opacity:0;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .si-close:before{opacity:1;} .si-close:hover:before{opacity:0;} .si-close:hover:after{opacity:1;} .si-close:before{background-position:-75px 0px} .si-close:after{background-position:-95px 0px} .si-login-modal, .small-modal{width:504px;height:455px;background:url(../images/success-bg.png) no-repeat;} .modal-login-links{width:386px;margin:0 auto;} .si-login-modal .si-close, .small-modal .si-close{right:-38px;} .small-modal{font:24px/30px AgoraSans;} .modal-title{font:700 30px/36px AgoraSerif;padding:80px 0 20px;} .modal-buttons{} .big-modal{text-align:left;width:1006px;height:883px;background:url(../images/modal-big-bg.png) no-repeat;padding:0;} .goods-modal-title{font:700 48px/54px AgoraSerif;padding:30px 0 0;text-align:center;} .cart{height:500px;margin:25px 55px 0;} .cart-item{overflow:hidden;border:1px solid #6e9657;padding:2px;margin:0 0 8px;background:#fff;} .cart-item:last-child{margin:0;} .cart-image{float:left;border:2px dashed #6e9657;margin:0 25px 0 0;} .cart-info{float:left;width:300px;} .cart-info-inner{font:500 20px/22px AgoraSans;display:table-cell;width:300px;height:129px;vertical-align:middle;} .cart-info i{font:14px/16px AgoraSans;color:#919191;} .cart-count{float:left;font:16px/22px AgoraSans;color:#919191;width:115px;padding:43px 0 0;} input.really-small{width:42px;border:2px solid #6e9657;color:#6e9657;font:700 18px/22px AgoraSans;padding:6px 0;margin:0 5px 0 0;text-align:center;box-sizing:border-box;} .cart-price{font:30px/40px Oranien;float:left;width:205px;padding:43px 0 0;} .cart-price .rub{font:30px/40px AgoraSans;} .cart-remove{float:right;padding:47px 10px 0 0;} .remove-link{position:relative;display:inline-block;padding:5px 10px;background:#6e9657;font:14px/20px AgoraSans;color:#fff;} .remove-link:hover{background:#81a56d;} .remove-link:active{background:#5c8644;top:1px;} .goods-modal-bottom{padding:25px 50px 10px;} .goods-form{line-height:0;} .goods-form .form-title{padding:0 0 20px;font:700 18px/22px AgoraSerif;text-align:center;} .si-success-modal{display:none;position:relative;background:url(../images/success-bg.png) no-repeat;text-align:center;padding:10px;width:504px;height:455px;font:24px/30px AgoraSans;margin:50px auto;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-success-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .si-success-modal h2{font:700 48px/60px AgoraSerif;padding:100px 0 10px;} .success-time{padding:10px 0 0;font:18px/22px AgoraSans;} .si-success-modal .si-close{right:-38px;} .si-page-message-overlay{display:block;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;z-index:299;background:rgba(0,0,0,.8);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-overlay.show{opacity:1;visibility:visible;} .si-page-message{display:block;position:fixed;width:101%;height:0;top:50%;left:50%;background:#ffc728;opacity:0;visibility:hidden;z-index:300;box-shadow:0 0 10px #000;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message.show{height:200px;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner{display:table-cell;opacity:0;height:200px;width:1920px;text-align:center;vertical-align:middle;font-size:30px;line-height:36px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner.show{opacity:1;-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;}