/* Start:/bitrix/templates/poletomatia/css/vendor.css?146657709319058*/ /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */.fancybox-nav,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,176,235,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:transform,width;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:0s}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama--fullscreen,.fullscreen{width:100%!important;height:100%!important;margin:0!important}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child),.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/poletomatia/css/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/poletomatia/css/fotorama@2x.png) 0 0/240px 400px no-repeat}}.fotorama_dark .fotorama__arr,.fotorama_dark .fotorama__fullscreen-icon,.fotorama_dark .fotorama__video-close,.fotorama_dark .fotorama__video-play{background:url(/bitrix/templates/poletomatia/css/fotorama_b.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama_dark .fotorama__arr,.fotorama_dark .fotorama__fullscreen-icon,.fotorama_dark .fotorama__video-close,.fotorama_dark .fotorama__video-play{background:url(/bitrix/templates/poletomatia/css/fotorama_b@2x.png) 0 0/240px 400px no-repeat}}.fotorama__thumb{background-color:gray;background-color:rgba(128,128,128,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play,.fotorama_dark .fotorama__arr,.fotorama_dark .fotorama__fullscreen-icon,.fotorama_dark .fotorama__video-close,.fotorama_dark .fotorama__video-play{background:0 0!important}}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage,.fullscreen{background:#fff}.fotorama{min-width:1px;overflow:hidden}.fullscreen{max-width:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#fff}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full,.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block;height:0;overflow:visible}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:32px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__nav-wrap{margin-top:-36px;position:absolute}@media screen and (min-width:768px){.fotorama__nav-wrap{margin-top:-50px}}.fotorama__dot{display:block;width:6px;height:6px;position:relative;top:13px;border-radius:6px;border:1px solid #fff;box-shadow:0 1px 0 rgba(0,0,0,.5);margin-left:auto;margin-right:auto}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:6px;height:6px;border-width:1px;background-color:#fff}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama_dark .fotorama__dot{border:1px solid #282425}.fotorama_dark .fotorama__nav__frame.fotorama__active .fotorama__dot{background-color:#282425}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00b0eb;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__caption__wrap{box-sizing:border-box;background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr,.fotorama_dark .fotorama__arr{position:absolute;width:80px;height:80px;top:50%;margin-top:-40px}.fotorama__arr--prev,.fotorama_dark .fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next,.fotorama_dark .fotorama__arr--next{right:2px;background-position:-80px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;opacity:.1}.fotorama__fullscreen-icon,.fotorama_dark .fotorama__fullscreen-icon{width:80px;height:80px;top:2px;right:2px;background-position:0 -80px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-80px -80px}.fotorama__video-play{width:240px;height:240px;left:50%;top:50%;margin-left:-120px;margin-top:-120px;background-position:0 -160px;opacity:0}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:80px;height:80px;margin-left:-40px;margin-top:-40px;background-position:-160px -80px}.fotorama__video-close{width:80px;height:80px;top:0;right:0;background-position:-160px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{transform:translate3d(80px,-80px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){transform:translate3d(80px,-80px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){transform:translate3d(-120px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){transform:translate3d(120px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{transform:translate3d(80px,-80px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{transform:translate3d(-120px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{transform:translate3d(120px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/bitrix/templates/poletomatia/css/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(/bitrix/templates/poletomatia/css/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/bitrix/templates/poletomatia/css/blank.gif)}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/bitrix/templates/poletomatia/css/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/bitrix/templates/poletomatia/css/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/bitrix/templates/poletomatia/css/fancybox_loading@2x.gif);background-size:24px 24px}} /* End */ /* Start:/bitrix/templates/poletomatia/css/main.css?1763556555109036*/ body, h1 { font-family: "Exo 2", Arial, sans-serif; } .aside, h1 { text-transform: uppercase; } body, .h3, h3 { position: relative; text-align: left; } .ui-menu, ol, ul { list-style: none; } blockquote, body, dd, div, dl, dt, fieldset, form, h1, .h2, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; outline: 0; } abbr, acronym, fieldset, img { border: 0; } table, td, tr { margin: 0; padding: 0; border-collapse: collapse; } .h3.numbered, h3.numbered, h4.numbered { padding-left: 2em; width: 100%; margin-top: 48px; margin-bottom: 16px; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } caption, th { text-align: left; } h1, .h2, h2, h3, h4, h5, h6 { font-size: 100%; } a { text-decoration: none; outline: 0; -webkit-transition: 0.3s; transition: 0.3s; } a:hover { -webkit-transition: 0.1s; transition: 0.1s; cursor: pointer; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-bold.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-bold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bold.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bold.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-bolditalic.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-bolditalic.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bolditalic.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bolditalic.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-bolditalic.ttf) format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabold.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabold.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabold.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabold.ttf) format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabolditalic.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabolditalic.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabolditalic.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabolditalic.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-extrabolditalic.ttf) format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-italic.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-italic.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-italic.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-italic.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-italic.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Exo 2"; src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-regular.eot); src: url(/bitrix/templates/poletomatia/css/../fonts/exo2-regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-regular.woff2) format("woff2"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-regular.woff) format("woff"), url(/bitrix/templates/poletomatia/css/../fonts/exo2-regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } .invisible { display: none !important; } .noscroll { overflow: hidden; -webkit-overflow-scrolling: auto; height: 100%; } html { box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } body { width: 100%; height: 100%; overflow: auto; background: #fff; color: #000; margin: 0 auto; line-height: 1.4; } .frontpage .why, body.fixed, footer nav, form .errMsg { overflow: hidden; } .h3_number, .h4_number_out { color: #fff; height: 1.6em; border-radius: 100px; top: -0.2em; text-align: center; } @media screen and (max-width: 767px) { body { font-size: 14px; } } @media screen and (min-width: 768px) { body { font-size: 16px; } } main { background-color: #fff; } h1 { font-weight: 900; line-height: 1.02; padding-bottom: 0.5em; } .h2, h2, .h3, h3 { font-weight: 800; line-height: 1.2; font-family: "Exo 2", Arial, sans-serif; } @media screen and (max-width: 767px) { h1 { font-size: 36px; } } @media screen and (min-width: 768px) { h1 { font-size: 56px; } } .h2, h2 { margin-top: 32px; margin-bottom: 32px; } @media screen and (max-width: 767px) { .h2, h2 { font-size: 24px; } } @media screen and (min-width: 768px) { .h2, h2 { font-size: 36px; } } .h3, h3 { margin-top: 48px; margin-bottom: 16px; } @media screen and (max-width: 767px) { .h3, h3 { font-size: 20px; } } @media screen and (min-width: 768px) { .h3, h3 { font-size: 28px; } .aside { font-size: 12px; } } .h3 + h4, h3 + h4 { margin-top: 16px; } .h3_number { position: absolute; background-color: #f22a4f; width: 1.6em; line-height: 1.6em; left: 0; } .aside { float: right; width: 25%; margin-left: 12.5%; letter-spacing: 0.075em; } .link-button, .nav_container .auth, .nav_container nav .main { text-transform: uppercase; letter-spacing: 0.05em; } @media (max-width: 767px) { .mobile_invisible { display: none !important; } .aside { float: none; width: 88%; margin-left: 0; margin-bottom: 2em; } } h4 { font-family: "Exo 2", Arial, sans-serif; font-weight: 700; line-height: 1.4; margin-top: 40px; position: relative; margin-bottom: 8px; } h5, h6 { font-family: "Exo 2", Arial, sans-serif; font-weight: 800; } .content ul li, p { margin-top: 11px; } @media screen and (max-width: 767px) { .aside { font-size: 12px; } h4 { font-size: 18px; } } @media screen and (min-width: 768px) { h4 { font-size: 24px; } } .h4_number_out { position: absolute; background-color: #000; width: 1.6em; line-height: 1.6em; left: -2.2em; } #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .content ul li, .important-text, .large-text, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, h5, h6, input, p, select, textarea { line-height: 1.4; } @media screen and (max-width: 767px) { h5 { font-size: 16px; } } @media screen and (min-width: 768px) { h5 { font-size: 20px; } } h6 { padding-top: 11px; } #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .content ul li, .important-text, .large-text, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, input, p, select, textarea { font-weight: 400; font-family: "Exo 2", Arial, sans-serif; } @media screen and (max-width: 767px) { h6 { font-size: 14px; } } @media screen and (min-width: 768px) { h6 { font-size: 16px; } } @media screen and (max-width: 767px) { p { font-size: 14px; } } @media screen and (min-width: 768px) { p { font-size: 16px; } } .block_list { padding-left: 12.5%; } .content ul li { position: relative; margin-left: 1.2em; } .content ul li:before { content: "—"; position: absolute; left: -1.2em; } @media screen and (max-width: 767px) { .content ul li { font-size: 14px; } .important-text { font-size: 16px; } } @media screen and (min-width: 768px) { .content ul li { font-size: 16px; } .important-text { font-size: 20px; } } @media screen and (max-width: 767px) { .large-text { font-size: 18px; } } @media screen and (min-width: 768px) { .large-text { font-size: 24px; } } .text-container p { max-width: 30em; } .error-text { color: #f80; } @media screen and (max-width: 767px) { #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, input, select, textarea { font-size: 14px; } } @media screen and (min-width: 768px) { #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, input, select, textarea { font-size: 16px; } } #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .notification, .notification_error, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, form .phone .input_container:before { background-color: #f9f9f9; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0.5em 0.6em; font-family: "Exo 2", Arial, sans-serif; font-weight: 400; margin-right: 0.1em; min-width: 4em; color: #000; margin-bottom: 0.25em; margin-top: 0.25em; display: inline-block; } #paymentWin .title .button_compact.count, #paymentWin .title .button_compact.order-item-quantity__price, .button_compact.ui-selectmenu-button, .label__desc, .pricelist_container .pricelist .button_compact.ui-selectmenu-button, .pricelist_container .pricelist .ui-selectmenu-button, button.button_compact { padding-top: 0.2em; padding-bottom: 0.2em; } @media screen and (max-width: 767px) { #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .notification, .notification_error, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, form .phone .input_container:before { font-size: 14px; } } @media screen and (min-width: 768px) { #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .notification, .notification_error, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button, form .phone .input_container:before { font-size: 16px; } } #paymentWin .title .count, #paymentWin .title .order-item-quantity__price, .pricelist_container .pricelist .ui-selectmenu-button, .ui-selectmenu-button, button { cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } #paymentWin .title .nomargins.count, #paymentWin .title .nomargins.order-item-quantity__price, .nomargins.ui-selectmenu-button, .pricelist_container .pricelist .nomargins.ui-selectmenu-button, button.nomargins { margin-left: 0; margin-right: 0; } #paymentWin .title .button_wide.count, #paymentWin .title .button_wide.order-item-quantity__price, .button_wide.ui-selectmenu-button, .pricelist_container .pricelist .button_wide.ui-selectmenu-button, button.button_wide { padding-left: 2em; padding-right: 2em; } #paymentWin .title .count:focus, #paymentWin .title .order-item-quantity__price:focus, .pricelist_container .pricelist .ui-selectmenu-button:focus, .ui-selectmenu-button:focus, button:focus { outline: 0; } #paymentWin .title .count:hover, #paymentWin .title .order-item-quantity__price:hover, .pricelist_container .pricelist .ui-selectmenu-button:hover, .ui-selectmenu-button:hover, button:hover { background: #fff; -webkit-transition: 0.1s; transition: 0.1s; outline: 0; } #paymentWin .title .count:active, #paymentWin .title .order-item-quantity__price:active, .pricelist_container .pricelist .ui-selectmenu-button:active, .ui-selectmenu-button:active, button:active { background-color: #ededed; -webkit-transition: 0s; transition: 0s; outline: 0; } #paymentWin .title .count:disabled, #paymentWin .title .disabled.count, #paymentWin .title .disabled.order-item-quantity__price, #paymentWin .title .order-item-quantity__price:disabled, .disabled.ui-selectmenu-button, .pricelist_container .pricelist .disabled.ui-selectmenu-button, .pricelist_container .pricelist .ui-selectmenu-button:disabled, .ui-selectmenu-button:disabled, button.disabled, button:disabled { opacity: 0.35 !important; } @media screen and (max-width: 767px) { #paymentWin .title .big.count, #paymentWin .title .big.order-item-quantity__price, .big.ui-selectmenu-button, .pricelist_container .pricelist .big.ui-selectmenu-button, button.big { font-size: 18px; } } @media screen and (min-width: 768px) { #paymentWin .title .big.count, #paymentWin .title .big.order-item-quantity__price, .big.ui-selectmenu-button, .pricelist_container .pricelist .big.ui-selectmenu-button, button.big { font-size: 24px; } .button_comment { font-size: 12px; } } #paymentWin .title .primary.count, #paymentWin .title .primary.order-item-quantity__price, .pricelist_container .pricelist .primary.ui-selectmenu-button, .primary.ui-selectmenu-button, button.primary { background-color: #f22a4f; color: #fff; font-weight: 700; border-color: #f22a4f; } #paymentWin .title .primary.count:hover, #paymentWin .title .primary.order-item-quantity__price:hover, .primary.ui-selectmenu-button:hover, button.primary:hover { background: #ff4567; } #paymentWin .title .primary.count:active, #paymentWin .title .primary.order-item-quantity__price:active, .primary.ui-selectmenu-button:active, button.primary:active { background: #d92546; } .select-plusminus { display: inline-block; margin-right: 0.5em; } .select-plusminus .button_minus, .select-plusminus .button_plus { width: 2.5em; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; margin-left: 0; margin-right: 0; font-weight: 700; line-height: 1em; min-width: 0; } .select-plusminus .button_plus { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-plusminus .button_minus { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button_comment { text-align: center; line-height: 1.4; } .button-container { margin-top: 1em; } .button-container .button-explanation { display: inline-block; color: #999; line-height: 1.3; font-weight: 400; width: auto; margin-top: 0.25em; margin-bottom: 0.25em; vertical-align: middle; margin-left: 0.5em; } @media (max-width: 479px) { .button-container .button-explanation { display: block; margin-left: 0; } } .label__desc { display: inline-block; } label { margin-top: 1em; display: block; } form input, form textarea { padding: 0.5em 0.425em; line-height: 1.4; border: 1px solid #d8d8d8; border-radius: 4px; box-sizing: border-box; width: 100%; -webkit-transition: 0.3s; transition: 0.3s; margin-bottom: 0.25em; margin-top: 0.25em; } @media screen and (max-width: 767px) { .button_comment { font-size: 12px; } .button-container .button-explanation { font-size: 13px; } form input, form textarea { font-size: 14px; } } @media screen and (min-width: 768px) { .button-container .button-explanation { font-size: 14px; } form input, form textarea { font-size: 16px; } form .note { font-size: 12px; } } form input:focus, form textarea:focus { border-color: #909fc1; } form .note { display: block; color: #999; margin-top: 0.8em; } .hint, .notification, .notification_error { display: inline-block; } @media screen and (max-width: 767px) { form .note { font-size: 12px; } } label.checkbox_label input, label.radio_label input { width: auto; background: 0 0; border: none; position: absolute; top: 3px; left: 24px; visibility: hidden; } label.checkbox_label .radio, label.radio_label .radio { position: absolute; font-size: 1.2em; margin-bottom: 0.25em; left: 0; width: 1em; height: 1em; border: 1px solid #d8d8d8; border-radius: 100px; cursor: pointer; box-sizing: border-box; background-color: #fff; } label.checkbox_label input[type="radio"]:checked + .radio:after, label.radio_label input[type="radio"]:checked + .radio:after { content: ""; width: 0.5em; height: 0.5em; position: absolute; top: 50%; left: 50%; margin-top: -0.26em; margin-left: -0.26em; background-color: #f22a4f; border-radius: 4px; border: 1px solid #f22a4f; box-sizing: border-box; } label.checkbox_label .checkbox, label.radio_label .checkbox { display: inline-block; vertical-align: top; width: 1em; height: 1em; border: 1px solid #d8d8d8; border-radius: 2px; margin-right: 3px; cursor: pointer; } label.checkbox_label.checked .checkbox, label.radio_label.checked .checkbox { background-position: 0 -350px; } label.checkbox_label.checked .radio, label.radio_label.checked .radio { background-position: -49px -319px; } form textarea { height: auto; } form.error .errMsg { padding: 14px 20px 16px 42px; height: auto; margin: 0 -66px 40px; opacity: 1; } form .errMsg { background: #f65845; margin: 0 -66px; padding: 0 20px 0 42px; font-size: 14px; color: #fff; position: relative; height: 0; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } form .errMsg:before { content: ""; background: url(/bitrix/templates/poletomatia/css/../img/icons.png) -30px -220px no-repeat; width: 24px; height: 24px; position: absolute; left: 11px; top: 11px; } form .error input, form .error textarea, form.error input, form.error textarea { border-color: #f80; color: #f80; } form label { position: relative; } form label .hint { position: absolute !important; } form label.active .hint { opacity: 1; height: auto; padding: 5px 8px; z-index: 10; } form label.active .hint.error { opacity: 0; height: 0; } form label.error .hint { background-color: #f80; padding: 0.1em 0.5em; margin-top: 0.2em; border-radius: 4px; color: #fff; border: 1px solid #f80; -webkit-transition: 0s; transition: 0s; } form label.error .hint:before { border-color: #f80; background: #f80; } form label.error.active .hint.error { opacity: 1; height: auto; padding: 5px 8px; } .hint { padding: 0.2em 0.6em; top: 0.3em; position: relative; border: 1px solid #999; border-radius: 4px; background-color: #fff; color: #333; left: 0; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; } @media screen and (max-width: 767px) { .hint { font-size: 13px; } } @media screen and (min-width: 768px) { .hint { font-size: 14px; } } .hint.active { opacity: 1; height: auto; } .hint.error { background-color: #f80; color: #fff; border: 1px solid #f80; } .hint.error:before { border-left: #f80 1px solid; border-top: #f80 1px solid; background: #f80; } .hint:before { content: ""; position: absolute; left: 30px; top: -4px; width: 5px; height: 5px; border-left: #999 1px solid; border-top: #999 1px solid; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); } input::-webkit-input-placeholder, textatea::-webkit-input-placeholder { color: #999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } .labels { color: #fff; font-size: 15px; width: 20px; text-align: center; font-weight: 700; font-family: "Exo 2", Arial, sans-serif; } .notification { background-color: #2962e1; border-color: #2962e1; color: #fff; } .notification_error { background-color: #f80; border-color: #f80; color: #fff; } @-webkit-keyframes spinnow { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-moz-keyframes spinnow { 100% { transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-ms-keyframes spinnow { 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); } } footer { margin-top: 0; padding: 60px 6%; border-top: 1px solid #d8d8d8; } footer .copyright, footer .soc, footer nav ul { padding-right: 30px; padding-left: 30px; } footer .soc span, footer nav ul li { padding-bottom: 10px; } @media screen and (min-width: 768px) { footer { font-size: 12px; } } footer .copyright { margin-bottom: 2em; display: block; line-height: 150%; width: 100%; } footer .copyright i { font-style: normal; } footer nav { margin-right: 11%; } footer nav ul { display: inline-block; vertical-align: top; width: 32%; box-sizing: border-box; } footer nav ul a { text-decoration: none; color: #f22a4f; } footer .soc { float: right; width: 25%; box-sizing: border-box; } @media (max-width: 767px) { .fancybox-nav span { visibility: visible; } footer nav { display: none; } footer .soc { float: none; width: 100%; } } footer .soc span { display: block; line-height: 150%; } footer .soc a { display: inline-block; margin-right: 4px; } footer .soc a.tw { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -448px; width: 24px; height: 24px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .soc a.tw { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } footer .soc a.fb { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -404px; width: 24px; height: 24px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .soc a.fb { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } footer .soc a.vk { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -492px; width: 24px; height: 24px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .soc a.vk { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } header { position: relative; z-index: 2; color: #fff; height: 240px; margin-bottom: -240px; } #logo { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 0; width: 140px; height: 78px; position: absolute; top: 75px; left: 6%; display: block; margin-left: -22px; z-index: 200; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #logo { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { header { height: 140px; margin-bottom: -140px; } #logo { left: 13%; top: 30px; } } .theme-light header #logo { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -160px 0; width: 140px; height: 78px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .theme-light header #logo { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { .slideout-menu { position: fixed; left: auto; top: 0; bottom: 0; right: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; opacity: 0; transition: opacity 1s; } .slideout-panel { position: relative; z-index: 1; will-change: transform; } .slideout-open, .slideout-open .slideout-panel, .slideout-open body { overflow: hidden; } .slideout-open .slideout-menu { display: block; opacity: 1; } #paymentWin .title .menu_toggle_button.count, #paymentWin .title .menu_toggle_button.order-item-quantity__price, .menu_toggle_button.ui-selectmenu-button, .pricelist_container .pricelist .menu_toggle_button.ui-selectmenu-button, button.menu_toggle_button { position: absolute; right: 32px; top: 32px; background-color: transparent; border: 0; min-width: 0; margin: 0; padding: 0; z-index: 200; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -352px; width: 32px; height: 32px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { #paymentWin .title .menu_toggle_button.count, #paymentWin .title .menu_toggle_button.order-item-quantity__price, .menu_toggle_button.ui-selectmenu-button, .pricelist_container .pricelist .menu_toggle_button.ui-selectmenu-button, button.menu_toggle_button { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { #paymentWin .title .theme-light .menu_toggle_button.count, #paymentWin .title .theme-light .menu_toggle_button.order-item-quantity__price, .theme-light #paymentWin .title .menu_toggle_button.count, .theme-light #paymentWin .title .menu_toggle_button.order-item-quantity__price, .theme-light .menu_toggle_button.ui-selectmenu-button, .theme-light button.menu_toggle_button { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -300px; width: 32px; height: 32px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { #paymentWin .title .theme-light .menu_toggle_button.count, #paymentWin .title .theme-light .menu_toggle_button.order-item-quantity__price, .theme-light #paymentWin .title .menu_toggle_button.count, .theme-light #paymentWin .title .menu_toggle_button.order-item-quantity__price, .theme-light .menu_toggle_button.ui-selectmenu-button, .theme-light button.menu_toggle_button { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .theme-light .nav_container, .theme-light .nav_container .active, .theme-light .nav_container a { color: #000; } .theme-light .nav_container .minibutton { border: 2px solid #000; } @media (max-width: 767px) { .theme-light .nav_container .minibutton { border-color: #f22a4f; } } .theme-light .nav_container .minibutton.selected { color: #fff; background-color: #000; border-color: #000; } .nav_container { color: #fff; line-height: 1.4; z-index: 0; } .nav_container a { color: #fff; -webkit-transition: 0.2s; transition: 0.2s; text-decoration: none; } .nav_container a.selected, .nav_container a:hover { color: #f22a4f; opacity: 1; border-color: #f22a4f; } .nav_container a[href^="tel:"]:hover { color: #fff; } .nav_container nav .other .active { font-weight: 800; } @media (max-width: 767px) { .nav_container a[href^="tel:"]:hover { color: #000; } .nav_container nav .other a { position: relative; display: inline-block; } .nav_container nav .other a.active { cursor: default; } .nav_container nav .other a.active:before { content: ""; display: block; width: 3px; height: 0.8em; padding: 0; position: absolute; top: 50%; margin-top: -0.4em; left: -10px; background-color: #000; } } @media screen and (max-width: 767px) { footer { font-size: 12px; } .nav_container nav .other { font-size: 13px; } .nav_container nav .main { font-size: 14px; } } @media screen and (min-width: 768px) { .nav_container nav .other { font-size: 14px; } .nav_container nav .main { font-size: 16px; } } @media screen and (min-width: 768px) and (max-width: 919px) and (max-width: 767px) { .nav_container nav .main { font-size: 13px; } } @media screen and (min-width: 768px) and (max-width: 919px) and (min-width: 768px) { .nav_container nav .main { font-size: 14px; } } .nav_container nav .main .active { color: #ffda38; font-weight: 800; } @media (max-width: 767px) { .nav_container nav .main a { position: relative; display: inline-block; } .nav_container nav .main a.active { color: #000; cursor: default; } .nav_container nav .main a.active:before { content: ""; display: block; width: 3px; height: 0.8em; padding: 0; position: absolute; top: 50%; margin-top: -0.5em; left: -10px; background-color: #000; } } .nav_container .phone { font-weight: 200; line-height: 1.4; } @media screen and (max-width: 767px) { .nav_container .phone { font-size: 13px; } } @media screen and (min-width: 768px) { .nav_container .phone { font-size: 14px; } } .nav_container .phone a { cursor: default; font-family: "Exo 2", Arial, sans-serif; font-weight: 800; white-space: nowrap; } @media screen and (max-width: 767px) { .nav_container .phone a { font-size: 16px; } } @media screen and (min-width: 768px) { .nav_container .phone a { font-size: 20px; } .nav_container .auth { font-size: 12px; } } .nav_container .minibutton { border: 2px solid #fff; border-radius: 4px; padding-left: 0.5em; padding-right: 0.5em; margin-right: 1em; } @media screen and (max-width: 767px) { .nav_container .auth { font-size: 12px; } } @media (max-width: 767px) { .nav_container .auth, .nav_container nav .main { top: auto; width: 100%; text-transform: uppercase; position: relative; } .nav_container { background-color: #fff; color: #000; z-index: 0; box-sizing: border-box; box-shadow: inset 10px 0 25px -20px rgba(0, 0, 0, 0.5); padding: 2.5em 28px 5em; } .nav_container a { color: #000; } .nav_container nav { position: relative; width: 100%; left: auto; top: auto; height: auto; margin-top: 1em; } .nav_container nav .main { font-size: 14px; border-top: 1px solid #f22a4f; letter-spacing: 0.05em; left: auto; padding-top: 1em; } .nav_container nav .main li { display: block; padding-top: 0.6em; } .nav_container nav .main li a { display: block; padding-right: 0.5em; } .nav_container nav .other { position: relative; top: auto; left: auto; width: 100%; margin-top: 1.5em; } .nav_container nav .other li { display: block; } .nav_container nav .other li a { display: block; padding-left: 0; margin-bottom: 0.5em; } .nav_container .phone { display: block; position: relative; left: auto; width: 100%; top: auto; margin-bottom: 2em; } .nav_container .minibutton { border-color: #f22a4f; margin-right: 0; } .nav_container .auth { right: auto; text-align: left; } .nav_container .auth a { display: inline-block; margin-bottom: 0.6em; color: #f22a4f; } .nav_container #fast_order_button { position: relative; left: -0.6em; display: inline-block; margin-right: 2em; } } .hero_desc, .popup { margin-right: auto; } @media (min-width: 768px) { .slideout-menu { display: block; } .menu_toggle_button { display: none; } .nav_container nav .main li, .nav_container nav .main li a, .nav_container nav .other li { display: inline-block; } .nav_container { position: absolute; width: 100%; z-index: 3; } .nav_container nav { position: absolute; top: 0; left: 0; width: 100%; height: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); z-index: 1; } .nav_container nav .main { position: absolute; left: 22%; width: 52%; top: 80px; } .nav_container nav .main li a { padding-right: 0.15em; } .nav_container nav .main li a::after { content: "/"; padding-left: 0.5em; } .nav_container nav .other { position: absolute; top: 20px; left: 6%; width: 68%; z-index: 2; } .nav_container nav .other li a { display: inline-block; padding-right: 1em; opacity: 0.8; } .nav_container .phone { position: absolute; left: 76%; width: 18%; top: 80px; } .nav_container .phone a { display: block; margin-left: -1ex; } .nav_container .auth { position: absolute; right: 2%; top: 22px; width: 30em; text-align: right; z-index: 3; } } .hero { width: 100%; min-height: 590px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; padding-top: 240px; } .hero_desc { width: 62%; margin-left: 22%; position: relative; } @media (max-width: 767px) { .hero { padding-top: 140px; } .hero_desc { width: 74%; margin-left: auto; margin-right: auto; position: relative; } } @media screen and (min-width: 480px) and (max-width: 767px) and (max-width: 767px) { .hero_desc h1 { font-size: 36px; } } @media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 768px) { .hero_desc h1 { font-size: 56px; } } .link-button { display: inline-block; border: 2px solid #f22a4f; padding: 0.2em 0.5em; color: #f22a4f; text-decoration: none; font-size: 15px; } .section { width: 100%; border-top: 1px solid #d8d8d8; position: relative; box-sizing: border-box; padding: 100px 6%; } .section_borderless { border: none; padding: 0; } #fader { position: fixed; z-index: 98; left: -100px; right: -100px; padding: 100px; top: -100px; bottom: -100px; overflow: auto; -webkit-overflow-scrolling: touch; background-color: rgba(0, 0, 0, 0.75); opacity: 1; } #fader .popup { position: relative; top: 0; margin-bottom: 10px; } .popup { border-radius: 4px; box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.12); margin-top: 40px; background-color: #fff; z-index: 99; margin-left: auto; max-width: 400px; border: 1px solid #ededed; padding: 40px 40px 60px; } @media (max-width: 919px) and (min-width: 480px) { .popup { width: 94%; } } @media (max-width: 479px) { .popup { width: 96%; padding-top: 40px; } } .popup .popup__heading, .popup .h2, h2 { width: 75%; } .popup fieldset label { margin-bottom: 1em; display: block; } .popup_contained { width: 100%; max-width: none; margin-top: 0; margin-bottom: 0; } .popup_large { max-width: 880px; padding: 80px 7.5%; } @media (max-width: 919px) and (min-width: 480px) { .popup_large { width: 94%; padding-left: 6%; padding-right: 6%; } } @media (max-width: 479px) { .popup_large { width: 96%; padding-left: 6%; padding-right: 6%; padding-top: 20px; } } .popup_medium { width: 600px; max-width: 600px; z-index: 200; padding: 30px 50px 60px; } @media (max-width: 919px) and (min-width: 480px) { .popup_medium { width: 400px; padding-left: 40px; padding-right: 40px; } } @media (max-width: 479px) { .popup_medium { width: 90%; min-width: 288px; padding-left: 24px; padding-right: 24px; padding-top: 20px; } } .popup .close { position: absolute; right: 18px; top: 18px; transition: transform 0.2s; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -240px -719px; width: 40px; height: 40px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .popup .close { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .popup .close:hover { transform: rotate(90deg); } .popup#auth-win { width: 420px; } .popup#auth-win.login section.login, .popup#auth-win.recovery section.recovery, .popup#auth-win.reg section.reg { display: block; } .popup#auth-win nav a.reg { display: none !important; } .popup#auth-win.login nav a.reg { display: inline-block !important; } .popup#auth-win.login nav a.login { display: none; } .popup#auth-win section { padding: 38px 60px; display: none; } .popup#auth-win section.active { display: block; } .popup#auth-win section h5 { font: 700 32px "Exo 2", Arial, sans-serif; letter-spacing: -1px; margin-bottom: 32px; } .popup#auth-win section h6 { font: 700 24px/150% "Exo 2", Arial, sans-serif; letter-spacing: -1px; display: none; } .popup#auth-win section > p { font-size: 14px; margin: -14px 0 24px; } .popup#auth-win section form label { display: block; margin-bottom: 29px; } .popup#auth-win section form a.recovery { float: right; border: 1px solid #ebebeb; padding: 8px 13px; height: 14px; line-height: 13px; text-decoration: none; font-size: 13px; font-weight: 300; color: #bbb; border-radius: 16px; } .popup#auth-win section form a.recovery:hover { border-color: #bbb; color: #999; } .popup#auth-win nav { border-top: #b4fe02 1px solid; } .popup#auth-win nav .soc { float: left; width: 50%; border-right: #b4fe02 1px solid; text-align: center; padding: 20px; box-sizing: border-box; height: 96px; } .popup#auth-win nav .soc span { display: block; padding-bottom: 10px; line-height: 150%; } .popup#auth-win nav .soc a { display: inline-block; margin-right: 4px; background: url(/bitrix/templates/poletomatia/css/../img/icons.png) 0 -80px no-repeat; width: 26px; height: 26px; } .popup#auth-win nav .soc a.tw { background-position: -30px -80px; } .popup#auth-win nav .soc a.fb { background-position: -60px -80px; } .popup#auth-win nav .button { line-height: 96px; text-align: center; } .popup#auth-win nav .button a { display: inline-block; border: 1px solid #ebebeb; padding: 8px 23px; height: 14px; line-height: 14px; font-size: 14px; font-weight: 700; color: #000; border-radius: 16px; } .popup#auth-win nav .button a:hover { border-color: #bbb; } .popup#corpApp { width: 864px; margin-left: auto; margin-right: auto; } .popup#corpApp fieldset { border: 1px solid #d8d8d8; padding: 46px 46px 12px; } .popup#corpApp fieldset label { display: block; margin-bottom: 22px; margin-left: 286px; } .popup#corpApp fieldset label span:first-child { width: 265px; display: inline-block; text-align: right; line-height: 32px; position: absolute; left: -286px; } .popup#corpApp fieldset label input { width: 284px; } .popup#corpApp fieldset label textarea { width: 425px; height: 174px; vertical-align: top; } .popup#corpApp .button { text-align: center; } #paymentWin .title .popup#corpApp form .count, #paymentWin .title .popup#corpApp form .order-item-quantity__price, .popup#corpApp form #paymentWin .title .count, .popup#corpApp form #paymentWin .title .order-item-quantity__price, .popup#corpApp form .ui-selectmenu-button, .popup#corpApp form button { min-width: 170px; margin: 34px auto; height: 36px; border-radius: 18px; } .popup#change-pass, .popup#gift-edit { width: 741px; margin-left: -380px; } .popup#change-pass form > h4, .popup#gift-edit form > h4 { text-align: center; padding: 30px; font-size: 32px; border-bottom: #a8ef27 1px solid; margin-bottom: 30px; } .popup#change-pass label h4, .popup#gift-edit label h4 { font: 700 16px "Exo 2", Arial, sans-serif; margin-top: 44px; } .popup#change-pass .gift, .popup#gift-edit .gift { position: absolute; left: -80px; font-size: 14px; top: 1px; } .popup#change-pass .gift:before, .popup#gift-edit .gift:before { content: ""; background: url(/bitrix/templates/poletomatia/css/../img/icons.png) -100px 0 no-repeat; position: absolute; left: -24px; top: 0; width: 18px; height: 16px; } .popup#change-pass .price, .popup#gift-edit .price { background: #1b70da; padding: 5px 13px; height: 16px; line-height: 14px; font-family: "$default_font"; font-size: 16px; font-weight: 700; color: #fff; display: inline-block; border-radius: 6px; margin-top: 10px; } .comments-nav .comments-nav-link.active, .frontpage .reviews .review_item_author, .frontpage .why article .num span { font-family: "Exo 2", Arial, sans-serif; } .popup#change-pass #selectmenu-menu, .popup#gift-edit #selectmenu-menu { max-height: 135px; } .popup#change-pass fieldset { padding: 20px 0 40px; } form .phone { position: relative; } form .phone .input_container { position: relative; display: inline-block; } form .phone .input_container:before { content: "+7"; border-top-right-radius: 0; border-bottom-right-radius: 0; position: absolute; left: 0; top: 0; min-width: 2.5em; } form .phone .input_container.container-block { display: block; } form .phone .input_container input { padding-left: 3em; max-width: 15em; } .content-container { width: 88%; margin-left: auto; margin-right: auto; margin-bottom: 100px; position: relative; box-sizing: border-box; max-width: 1240px; padding: 240px 6% 0; } @media (max-width: 767px) { .content-container { padding-top: 140px; } } .content .taglist li { display: inline-block; list-style-type: none; margin-right: 1em; margin-left: 0; border-bottom: 1px solid #2962e1; transition: color 0.2s; } .content .taglist li:before, .frontpage .like { display: none; } .content .taglist li a, .content .taglist li a:visited { color: #2962e1; } .content .taglist li a:hover, .content .taglist li:hover { color: #f22a4f; border-bottom-color: #f22a4f; } .content .taglist li.selected, .content .taglist li.selected a, .content .taglist li.selected span { color: #f22a4f; border-bottom: 3px solid #f22a4f; font-weight: 800; cursor: default; } .map { height: 400px; width: 100%; margin-top: 1em; margin-bottom: 1em; } .map_canvas { height: 100%; border: 1px solid #e5e5e5; } .frontpage .hero { background-image: url(/bitrix/templates/poletomatia/css/../img/hero_img.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/hero_img.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/hero_img.webp); } } @media screen and (max-width: 767px) { .frontpage .hero h1 { font-size: 28px; } } @media screen and (min-width: 768px) { .frontpage .hero h1 { font-size: 48px; } } @media screen and (min-width: 480px) and (max-width: 767px) and (max-width: 767px) { .frontpage .hero h1 { font-size: 36px; } } @media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 768px) { .frontpage .hero h1 { font-size: 56px; } } @media screen and (min-width: 768px) and (max-width: 919px) and (max-width: 767px) { .frontpage .hero h1 { font-size: 24px; } } @media screen and (min-width: 768px) and (max-width: 919px) and (min-width: 768px) { .frontpage .hero h1 { font-size: 36px; } } .frontpage .services a.service { color: #000; } .frontpage .services .service { display: block; padding: 0; width: 50%; max-height: 700px; position: relative; z-index: 2; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 350px; margin-right: 50%; } .frontpage .services .service.service_alternate { left: 50%; } .frontpage .services .service.service_alternate .service_desc { left: -72%; } .frontpage .services .service .service_title { margin-top: 0; } .frontpage .services .service .service_desc { padding-top: 90px; position: relative; left: 128%; width: 40%; } .frontpage .services .service .service_desc::before { content: ""; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -310px; width: 50px; height: 50px; display: block; background-color: #f22a4f; margin-bottom: -50px; position: relative; left: -70px; top: -8px; border-radius: 100px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service .service_desc p { margin-top: 12px; } @media screen and (max-width: 767px) { .frontpage .services .service .service_desc p { font-size: 14px; } } @media screen and (min-width: 768px) { .frontpage .services .service .service_desc p { font-size: 16px; } } .frontpage .services .service .price { background-color: transparent; padding: 5px 11px; font-weight: 700; color: #000; display: inline-block; width: auto; border-radius: 2px; margin-top: 20px; border: 2px solid #000; margin-bottom: 100px; } .frontpage .services .service.parachute { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s01.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s01.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s01.webp); } } .frontpage .services .service.parachute .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -190px -234px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.parachute .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.aerotube { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s02.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s02.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s02.webp); } } .frontpage .services .service.aerotube .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -310px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.aerotube .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.tesla { background-image: url(/bitrix/templates/poletomatia/css/../img/services/tesla_pm.jpg); } .frontpage .services .service.delta { background-image: url(/upload/medialibrary/b7f/10.jpeg); /* background-image: url(/bitrix/templates/poletomatia/css/../img/services/delta-winter.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/delta-winter.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/delta-winter.webp); } */ } .frontpage .services .service.delta .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -280px -380px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.delta .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.flyboard { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s04.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s04.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s04.webp); } } .frontpage .services .service.flyboard .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -280px -310px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.flyboard .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.baloon { /* background-image: url(/bitrix/templates/poletomatia/css/../img/services/shar-pm.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/shar-pm.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/shar-pm.webp); } */ background-image: url(/upload/medialibrary/8a8/d.jpeg); } .frontpage .services .service.baloon .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -455px -70px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.baloon .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.helicopter { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s06.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s06.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s06.webp); } } .frontpage .services .service.helicopter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -350px -310px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.helicopter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.planer { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s13.jpg); } .frontpage .services .service.planer .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -380px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.planer .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.paraplane { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s07.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s07.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s07.webp); } } .frontpage .services .service.paraplane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -190px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.paraplane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.ropejumping { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s08.jpg); } .frontpage .services .service.ropejumping .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -70px -310px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.ropejumping .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.autogyro { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s09.jpg); } .frontpage .services .service.autogyro .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -350px -380px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.autogyro .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.plane { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s10.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s10.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s10.webp); } } .frontpage .services .service.plane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -70px -380px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.plane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.fighter { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s11.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s11.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s11.webp); } } .frontpage .services .service.fighter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -210px -310px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.fighter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .services .service.simulator { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s12.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s12.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s12.webp); } } .frontpage .services .service.simulator .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -210px -380px; width: 50px; height: 50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .services .service.simulator .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (min-width: 480px) and (max-width: 767px) { .frontpage .services .service.service_alternate { left: 50%; } .frontpage .services .service.service_alternate .service_desc { left: -85%; } .frontpage .services .service .service_desc { padding-top: 130px; position: relative; left: 115%; width: 70%; } .frontpage .services .service .service_desc::before { margin-bottom: -50px; position: relative; left: 0; top: -60px; } } @media (max-width: 479px) { .frontpage .services .service { min-height: 240px; } .frontpage .services .service.service_alternate { left: 50%; } .frontpage .services .service.service_alternate .service_desc { left: -85%; } .frontpage .services .service .service_desc { padding-top: 130px; position: relative; left: 115%; width: 70%; } .frontpage .services .service .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px -542px; width: 40px; height: 40px; margin-bottom: -50px; position: relative; left: 0; top: -60px; } .frontpage .services .service .service_desc .service_text { display: none; } .frontpage .services .service .service_desc .price { margin-top: 0; margin-bottom: 60px; } } @media (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.parachute .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -180px -719px; width: 40px; height: 40px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.parachute .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.aerotube .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px -542px; width: 40px; height: 40px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.aerotube .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.paraplane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px -61px; width: 40px; height: 41px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.paraplane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.plane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -300px -719px; width: 40px; height: 40px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.plane .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.baloon .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px 0; width: 40px; height: 41px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.baloon .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.helicopter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -120px -719px; width: 40px; height: 40px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.helicopter .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 479px) and (max-width: 479px) { .frontpage .services .service.planer .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -260px -234px; width: 40px; height: 41px; } } @media (max-width: 479px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 479px) and (max-width: 479px) and (min-resolution: 192dpi) { .frontpage .services .service.planer .service_desc::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .delivery { background-color: #2962e1; color: #fff; border-top: none; } .frontpage .delivery .h2, h2 { text-align: center; padding-bottom: 30px; } .frontpage .delivery > div { width: 100%; display: table; } .frontpage .delivery article { position: relative; width: 50%; display: table-cell; box-sizing: border-box; padding-bottom: 50px; } .frontpage .delivery article div { position: relative; max-width: 30em; margin-left: auto; margin-right: auto; -webkit-transition: 1.3s; transition: 1.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .frontpage .delivery article:first-child h5:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -455px -208px; width: 48px; height: 48px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .delivery article:first-child h5:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .delivery article h5 { text-align: center; padding-top: 90px; position: relative; max-width: 12em; margin-left: auto; margin-right: auto; } .frontpage .delivery article h5:before { content: ""; position: absolute; left: 50%; margin-left: -22px; top: 36px; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -455px -140px; width: 48px; height: 48px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .delivery article h5:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .delivery article p { text-align: center; padding: 4px 10%; } @media screen and (max-width: 767px) { .frontpage .services .service .price { font-size: 13px; } .frontpage .delivery article p { font-size: 14px; } } @media screen and (min-width: 768px) { .frontpage .services .service .price { font-size: 14px; } .frontpage .delivery article p { font-size: 16px; } } .frontpage .delivery article img { display: block; margin: 30px auto 0; } .frontpage .reviews { text-align: center; min-height: 200px; } .frontpage .reviews .h2, h2 { text-align: center; padding-bottom: 30px; } .frontpage .reviews .review_item { font-weight: 400; width: 58%; max-width: 720px; margin: 0 auto 60px; text-align: left; padding-bottom: 1em; transition: opacity 0.3s; opacity: 0; box-sizing: border-box; } @media screen and (max-width: 767px) { .frontpage .reviews .review_item { font-size: 20px; } } @media screen and (min-width: 768px) { .frontpage .reviews .review_item { font-size: 28px; } } @media (max-width: 479px) { .frontpage .reviews .review_item { width: 100%; padding-left: 30px; padding-right: 30px; } } .frontpage .reviews .fotorama__active .review_item { opacity: 1; } .frontpage .reviews .review_item_author, .frontpage .reviews .review_item_date { display: inline-block; margin-right: 0.3em; } .frontpage .reviews .review_item_author { margin-top: 1em; font-weight: 800; line-height: 1.4; } @media screen and (max-width: 767px) { .frontpage .reviews .review_item_author { font-size: 16px; } } @media screen and (min-width: 768px) { .frontpage .reviews .review_item_author { font-size: 20px; } } .frontpage .reviews .review_item_date { color: #999; } @media screen and (max-width: 767px) { .frontpage .reviews .review_item_date { font-size: 14px; } } @media screen and (min-width: 768px) { .frontpage .reviews .review_item_date { font-size: 16px; } } .frontpage .reviews .arrow_left { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -360px -719px; width: 38px; height: 25px; position: absolute; top: 50%; left: 10%; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .reviews .arrow_left { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .reviews .arrow_right { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -418px -719px; width: 38px; height: 25px; position: absolute; top: 50%; right: 10%; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .frontpage .reviews .arrow_right { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .frontpage .reviews .reviews_all { text-align: center; margin-top: 1em; } .frontpage .why { padding-top: 100px; padding-bottom: 100px; } .frontpage .why .h2, h2 { text-align: center; padding-bottom: 30px; } .frontpage .why .intro { font-weight: 700; text-align: center; width: 72%; max-width: 720px; margin: 0 auto 60px; } .frontpage .why article { float: left; width: 25%; padding: 0 30px; box-sizing: border-box; } .frontpage .why article .num { background: #f22a4f; border-radius: 100px; display: inline-block; } .frontpage .why article .num span { text-align: center; color: #fff; display: inline-block; font-weight: 700; } @media screen and (max-width: 767px) { .frontpage .why .intro { font-size: 18px; } .frontpage .why article .num span { width: 35.72px; height: 35.72px; line-height: 35.72px; } } @media screen and (min-width: 768px) { .frontpage .why .intro { font-size: 24px; } .frontpage .why article .num span { width: 50.01px; height: 50.01px; line-height: 50.01px; } } @media screen and (max-width: 767px) { .frontpage .why article .num span { font-size: 20px; } } @media screen and (min-width: 768px) { .frontpage .why article .num span { font-size: 28px; } } .frontpage .why article h4 { margin: 10px 0 12px; } .frontpage .why article p { padding-bottom: 12px; } @media screen and (max-width: 767px) { .frontpage .why article p { font-size: 13px; } } @media screen and (min-width: 768px) { .frontpage .why article p { font-size: 14px; } } @media (max-width: 479px) { .frontpage .why .row, .frontpage .why article { display: block; width: 100%; } .frontpage .why article { float: none; padding-bottom: 2em; } } @media (min-width: 480px) and (max-width: 919px) { .frontpage .why .row { display: table-row; width: 100%; } .frontpage .why article { display: table-cell; width: 50%; float: none; padding-bottom: 2em; } } @media (max-width: 767px) { .frontpage .delivery > div { display: block; } .frontpage .delivery article { position: static; width: 100%; display: block; box-sizing: border-box; padding-bottom: 0; } } .content_container { min-height: 100%; width: 88%; margin-left: auto; margin-right: auto; background-color: #fff; max-width: 1400px; } .product .content { width: 66%; padding-right: 8%; border-right: 1px solid #d8d8d8; padding-bottom: 100px; padding-top: 70px; } .product .content h3:first-child, .product .content .h3:first-child { margin-top: 0; } .fotorama_container { margin-top: 64px; box-sizing: border-box; width: 100%; } .pricelist_container { width: 34%; float: right; margin-right: -2px; padding-top: 48px; } .pricelist_container .pricelist { padding-left: 30px; width: 100%; padding-bottom: 56px; } .pricelist_container .pricelist .ui-selectmenu-button { display: inline-block; position: relative; margin-top: 0.8em; margin-bottom: 0.8em; } .pricelist_container .pricelist_table { width: 100%; } .pricelist_item, .pricelist_item_desc, .pricelist_item_price, .radio { vertical-align: top; box-sizing: border-box; } .pricelist_item { margin-top: 4px; padding-top: 4px; padding-bottom: 4px; box-sizing: border-box; position: relative; left: -4px; padding-left: 4px; border-radius: 4px; transition: all 0.2s; } @media screen and (max-width: 767px) { .pricelist_item { font-size: 13px; } } @media screen and (min-width: 768px) { .pricelist_item { font-size: 14px; } } .pricelist_item.selected, .pricelist_item.selected:hover { background-color: #f22a4f; color: #fff; } .pricelist_item.selected .radio, .pricelist_item.selected:hover .radio { border-color: #fff; } .pricelist_item.selected label:hover, .pricelist_item.selected:hover label:hover { cursor: default; } .pricelist_item:hover { background-color: #ededed; } .pricelist_item label { margin-top: 0; margin-bottom: 0; } .pricelist_item label:hover { cursor: pointer; } .pricelist_section { padding-top: 11px; } .pricelist_heading { font-size: 16px; min-width: 200px; max-width: 250px; padding-bottom: 0; text-align: left; margin-bottom: 16px; } @media (max-width: 479px) { .pricelist_heading { padding-right: 0; width: 80%; margin-top: 0; } } .pricelist_item_price { width: 5em; text-align: right; font-size: 1em; } .pricelist_item_desc { width: 100%; padding-left: 1.5em; padding-right: 6em; margin-right: -5em; display: inline-block; font-size: 1em; } .buttons { padding-top: 30px; vertical-align: top; } #paymentWin .title .buttons .count, #paymentWin .title .buttons .order-item-quantity__price, .buttons #paymentWin .title .count, .buttons #paymentWin .title .order-item-quantity__price, .buttons .pricelist_container .pricelist .ui-selectmenu-button, .buttons .ui-selectmenu-button, .buttons button, .pricelist_container .pricelist .buttons .ui-selectmenu-button { display: inline-block; vertical-align: top; margin-bottom: 0.5em; } .buttons .fast-order { display: inline-block; text-align: center; } .locations { margin: 40px 0; } .locations .map_container { background: #f9f9f9; position: relative; height: 380px; margin-bottom: 50px; } .locations .map_canvas { height: 100%; width: 100%; position: relative; } .warning { border: 1px dashed #f22a4f; border-radius: 4px; padding: 10% 13%; margin-top: 100px; margin-bottom: 100px; } .warning .warning_heading { margin-top: 0; position: relative; margin-left: 2em; } .warning .warning_heading:before { content: "!"; position: absolute; background-color: #f22a4f; color: #fff; width: 1.6em; height: 1.6em; border-radius: 100px; line-height: 1.6em; left: -2em; top: -0.2em; text-align: center; } .comment-line, .comments-tab { border-radius: 4px; } @media (min-width: 768px) { .price_variants { display: none; } } @media (min-width: 768px) and (max-width: 919px) { #paymentWin .title .buttons .count, #paymentWin .title .buttons .order-item-quantity__price, .buttons #paymentWin .title .count, .buttons #paymentWin .title .order-item-quantity__price, .buttons .fast-order, .buttons .pricelist_container .pricelist .ui-selectmenu-button, .buttons .ui-selectmenu-button, .buttons button, .pricelist_container .pricelist .buttons .ui-selectmenu-button { display: block; width: 100%; } .buttons .padded { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { #paymentWin .title .pricelist_container .buttons .count, #paymentWin .title .pricelist_container .buttons .order-item-quantity__price, .pricelist_container .buttons #paymentWin .title .count, .pricelist_container .buttons #paymentWin .title .order-item-quantity__price, .pricelist_container .buttons .ui-selectmenu-button, .pricelist_container .buttons button { font-size: 16px; } } @media screen and (max-width: 767px) and (min-width: 768px) { #paymentWin .title .pricelist_container .buttons .count, #paymentWin .title .pricelist_container .buttons .order-item-quantity__price, .pricelist_container .buttons #paymentWin .title .count, .pricelist_container .buttons #paymentWin .title .order-item-quantity__price, .pricelist_container .buttons .ui-selectmenu-button, .pricelist_container .buttons button { font-size: 20px; } } @media (max-width: 767px) { .content_container, .pricelist_container, .pricelist_container .pricelist_table { width: 100%; } .pricelist_section { padding-top: 0; } .pricelist_heading { margin-top: 16px; } .pricelist_container { padding-left: 5%; padding-right: 5%; box-sizing: border-box; float: none; min-height: 0; padding-top: 55px; border-bottom: 1px solid #d8d8d8; background-color: #f9f9f9; } .pricelist_container .price_variants { display: block; text-align: center; } .pricelist_container .price_variants h3, .pricelist_container .price_variants .h3 { margin-top: 0; } .pricelist_container .price_variants .buttons { margin-top: 0; padding-top: 0; } #paymentWin .title .pricelist_container .price_variants .buttons .count, #paymentWin .title .pricelist_container .price_variants .buttons .order-item-quantity__price, .pricelist_container .price_variants .buttons #paymentWin .title .count, .pricelist_container .price_variants .buttons #paymentWin .title .order-item-quantity__price, .pricelist_container .price_variants .buttons .ui-selectmenu-button, .pricelist_container .price_variants .buttons button { min-width: 13em; margin-bottom: 0.6em; } .pricelist_container .price_range { display: inline-block; } .pricelist_container .pricelist { padding-left: 0; width: 100%; padding-bottom: 50px; } .pricelist_container .buttons { margin-top: 20px; text-align: center; /*padding-bottom: 0;*/ } .product .content { width: 90%; padding-right: 0; margin-left: auto; margin-right: auto; border-right: none; overflow: visible; padding-bottom: 50px; } .fotorama_container, .locations .map_container { position: relative; width: 111.11111111%; overflow-x: hidden; margin-left: -5.5555555555%; margin-right: -5.5555555555%; } .locations .map_container { height: 300px; } .warning { margin: 50px 0; } .content .item-block .item-block__img { padding: 0; } .content .item-block .item-block__img img { width: 100%; } } .comments-nav .comments-nav-link.active { text-decoration: none; color: #000; font-weight: 800; line-height: 1.2; cursor: default; } #paymentWin .title .order-item-name, .comments-nav .comments-nav-link { font-family: "Exo 2", Arial, sans-serif; line-height: 1.4; } #add-review-form .rating-wrapper .rating-star, .comment .request:hover, .rating-wrapper .review-rating.hoverable { cursor: pointer; } @media screen and (max-width: 767px) { .comments-nav .comments-nav-link.active { font-size: 24px; } } @media screen and (min-width: 768px) { .comments-nav .comments-nav-link.active { font-size: 36px; } } .comments-nav .comments-nav-link { font-weight: 800; display: inline; margin-right: 1em; color: #f22a4f; text-decoration: underline; cursor: pointer; } @media screen and (max-width: 767px) { .comments-nav .comments-nav-link { font-size: 16px; } } @media screen and (min-width: 768px) { .comments-nav .comments-nav-link { font-size: 20px; } } .comments-tab { margin-top: 2em; } .comment { padding-top: 16px; padding-bottom: 16px; position: relative; } .comment.comment-initial { padding-top: 32px; margin-top: 16px; border-top: 1px solid #d8d8d8; } .comment.comment-initial:nth-child(2) { border-top: none; margin-top: 16px; } .comment.review { border-top: 1px solid #d8d8d8; padding-bottom: 45px; padding-top: 30px; } .comment.review h4 { margin-top: 24px; } .comment.review:nth-child(2) { border-top: none; margin-top: 16px; } .comment.review:last-child { margin-bottom: 40px; } .comment .request::before { content: ""; display: block; position: absolute; left: -20px; top: 1px; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -280px -98px; width: 16px; height: 16px; opacity: 0.3; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .comment .request::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .comment .request:hover { text-decoration: underline; } .comment-info { display: inline-block; } .comment-info .comment-username { font-weight: 800; display: inline-block; } @media screen and (max-width: 767px) { .comment-info .comment-username { font-size: 14px; } } @media screen and (min-width: 768px) { .comment-info .comment-username { font-size: 16px; } .comment-info .comment-date { font-size: 12px; } } .comment-info .comment-date { font-weight: 400; display: inline-block; color: #999; } .comment-recipient { font-weight: 700; } .comment-text p { margin-top: 4px; } .rating-wrapper { width: 115px; height: 18px; float: right; margin-top: 11px; } .rating-wrapper .review-rating { width: 100%; height: 100%; position: relative; } .rating-wrapper .mark5, .rating-wrapper .review-rating.added-mark5 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -152px; width: 115px; height: 18px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-wrapper .mark5, .rating-wrapper .review-rating.added-mark5 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .rating-wrapper .mark4, .rating-wrapper .review-rating.added-mark4 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -114px; width: 115px; height: 18px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-wrapper .mark4, .rating-wrapper .review-rating.added-mark4 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .rating-wrapper .mark3, .rating-wrapper .review-rating.added-mark3 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -76px; width: 115px; height: 18px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-wrapper .mark3, .rating-wrapper .review-rating.added-mark3 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .rating-wrapper .mark2, .rating-wrapper .review-rating.added-mark2 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -38px; width: 115px; height: 18px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-wrapper .mark2, .rating-wrapper .review-rating.added-mark2 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .rating-wrapper .mark1, .rating-wrapper .review-rating.added-mark1 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px 0; width: 115px; height: 18px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-wrapper .mark1, .rating-wrapper .review-rating.added-mark1 { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .rating-wrapper .rating-star { width: 20%; float: left; height: 100%; } [data-visible~="true"] + .comment { border-top: none; } .comment-form { margin-top: 60px; position: relative; border-top: 1px solid #d8d8d8; background-color: #f9f9f9; } .comment-form .comment-form-block, .comment-form .comment-username { width: 100%; } .comment-form .comment-username { font-weight: 800; display: inline-block; margin-bottom: 10px; } @media screen and (max-width: 767px) { .comment-info .comment-date { font-size: 12px; } .comment-text p { font-size: 14px; } .comment-form .comment-username { font-size: 16px; } } @media screen and (min-width: 768px) { .comment-text p { font-size: 16px; } .comment-form .comment-username { font-size: 20px; } } #paymentWin .title .comment-form .count, #paymentWin .title .comment-form .order-item-quantity__price, .comment-form #paymentWin .title .count, .comment-form #paymentWin .title .order-item-quantity__price, .comment-form .pricelist_container .pricelist .ui-selectmenu-button, .comment-form .ui-selectmenu-button, .comment-form button, .pricelist_container .pricelist .comment-form .ui-selectmenu-button { display: inline-block; margin-right: 0.5em; } .comment-form textarea { width: 100%; min-height: 8em; margin-top: 0.5em; margin-bottom: 0; } .comment-form h4 { margin-top: 0; } @media (min-width: 768px) { .comment-line { padding: 1em 30px; border-bottom: 1px solid #d8d8d8; background-color: #f9f9f9; } .comments-tab { border: 1px solid #d8d8d8; margin-top: 2em; border-radius: 4px; } .comment { padding-left: 76px; padding-right: 30px; } .comment.comment-initial .avatar { top: 36px; } .comment .avatar { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px -662px; width: 36px; height: 36px; position: absolute; left: 30px; top: 20px; } .comment.review .avatar { top: 32px; } .comment .request { position: absolute; right: 30px; bottom: 16px; font-weight: 400; color: #999; } } @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) { .comment .avatar { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media screen and (min-width: 768px) and (max-width: 767px) { .comment .request { font-size: 13px; } } @media screen and (min-width: 768px) and (min-width: 768px) { .comment .request { font-size: 14px; } } @media (min-width: 768px) { .comment .request::before { content: ""; display: block; position: absolute; left: -20px; top: 1px; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -280px -98px; width: 16px; height: 16px; opacity: 0.3; } } @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) { .comment .request::before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (min-width: 768px) { .comment .request:hover { text-decoration: underline; cursor: pointer; } .comment-text p { margin-right: 7em; } .rating-wrapper { float: right; margin-top: 11px; } .comment-form { padding: 50px 40px; } .comment-form.comment-form-reply { margin-top: 10px; margin-bottom: 30px; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #d8d8d8; display: none; } .comment-form.comment-form-reply::after { content: ""; position: absolute; top: -15px; right: 4em; z-index: 100; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -92px -675px; width: 16px; height: 16px; } } @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) { .comment-form.comment-form-reply::after { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media screen and (max-width: 767px) and (max-width: 767px) { .comments-nav .comments-nav-link.active { font-size: 18px; } } @media screen and (max-width: 767px) and (min-width: 768px) { .comments-nav .comments-nav-link.active { font-size: 24px; } } @media screen and (max-width: 767px) and (max-width: 767px) { .comments-nav .comments-nav-link { font-size: 14px; } } @media screen and (max-width: 767px) and (min-width: 768px) { .comments-nav .comments-nav-link { font-size: 16px; } } @media (max-width: 767px) { .comments-nav .comments-nav-link.active { text-decoration: none; color: #000; font-family: "Exo 2", Arial, sans-serif; font-weight: 700; line-height: 1.4; margin-top: 40px; position: relative; margin-bottom: 16px; cursor: default; } .comments-nav .comments-nav-link { font-family: "Exo 2", Arial, sans-serif; font-weight: 800; line-height: 1.4; padding-top: 11px; display: inline; margin-right: 0.5em; color: #f22a4f; text-decoration: underline; cursor: pointer; } .comment-line { padding: 1em 24px; border: 1px solid #d8d8d8; background-color: #f9f9f9; text-align: left; margin-right: -24px; margin-left: -24px; } .comments-tab { border: none; margin-top: 1em; border-radius: 4px; } .comment { padding: 12px 0 12px 36px; } .comment.comment-initial .avatar { top: 30px; } .comment.comment-initial:nth-child(2) { margin-top: 4px; } .comment .avatar { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -580px; position: absolute; left: 0; top: 8px; width: 24px; height: 24px; } .comment.review { padding-bottom: 35px; padding-top: 15px; } .comment.review .avatar { top: 24px; } .comment .request { position: relative; margin-top: 0.5em; display: inline-block; margin-left: 18px; bottom: 0; font-weight: 400; color: #999; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .comment .avatar { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media screen and (max-width: 767px) and (max-width: 767px) { .comment .request { font-size: 13px; } } @media screen and (max-width: 767px) and (min-width: 768px) { .comment .request { font-size: 14px; } } @media (max-width: 767px) { .comment-text p { margin-right: 0; } .rating-wrapper { float: none; position: relative; left: -4px; margin-top: 22px; margin-bottom: -16px; } .comment-form { padding: 24px; margin-top: 40px; border: 1px solid #d8d8d8; border-radius: 4px; margin-left: -24px; margin-right: -24px; box-sizing: border-box; } .comment-form.comment-form-reply { margin-top: 6px; margin-bottom: 30px; border-radius: 0; display: none; } .comment-form.comment-form-reply::after { content: ""; position: absolute; top: -15px; left: 80px; z-index: 100; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -92px -675px; width: 16px; height: 16px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .comment-form.comment-form-reply::after { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } .popup-block { height: 0; position: relative; } .popup-block .popup-review { position: absolute; left: 0; margin-top: 0; } #add-review-form .rating-wrapper { display: inline-block; position: static; float: none; vertical-align: middle; margin-top: -0.3em; margin-bottom: 0; margin-left: 0.5em; } #add-review-form p { display: inline-block; } .item-block { padding-top: 1.5em; padding-bottom: 2em; width: 100%; display: table; } @media (max-width: 919px) { .item-block { display: block; } } .item-block + .item-block { border-top: 1px solid #d8d8d8; padding-top: 2em; } .item-block .item-block__img { vertical-align: top; margin: 0; padding-right: 1.5em; width: 45%; display: table-cell; } @media (max-width: 919px) { .item-block .item-block__img { display: block; width: auto; max-width: 100%; } } .item-block .item-block__img img { max-width: 100%; width: auto; } .item-block .item-block__descr { width: 55%; vertical-align: top; display: table-cell; } @media (max-width: 919px) { .item-block .item-block__descr { width: 100%; display: block; margin-top: 1em; } } .item-block .item-block__heading { margin-top: 0; } #paymentWin form label.error .hint { left: 30%; top: 100%; margin-left: 4px; } @media (max-width: 767px) { #paymentWin form label.error .hint { left: 0; margin-top: 8px; margin-left: 0; } } #paymentWin #other-order-data { display: none; } #paymentWin .order-item-thumb { box-sizing: content-box; width: 76px; height: 76px; padding: 4px; border: 1px solid #d8d8d8; display: block; position: absolute; top: 6px; left: 0; border-radius: 4px; } #paymentWin .title { position: relative; padding-left: 106px; } @media (max-width: 479px) { #paymentWin .order-item-thumb { display: none; } #paymentWin .title { padding-left: 0; } } #paymentWin .title .order-item-name { font-weight: 700; margin-top: 40px; position: relative; margin-bottom: 16px; } @media screen and (max-width: 767px) { #paymentWin .title .order-item-name { font-size: 18px; } } @media screen and (min-width: 768px) { #paymentWin .title .order-item-name { font-size: 24px; } } #paymentWin .title .order-item-quantity .button_minus, #paymentWin .title .order-item-quantity .button_plus, #paymentWin .title .order-item-quantity .count, #paymentWin .title .order-item-quantity .order-item-quantity__price { display: inline-block; line-height: 1em; } @media screen and (max-width: 767px) { #paymentWin .title .order-item-quantity .button_minus, #paymentWin .title .order-item-quantity .button_plus, #paymentWin .title .order-item-quantity .count, #paymentWin .title .order-item-quantity .order-item-quantity__price { font-size: 16px; } } @media screen and (min-width: 768px) { #paymentWin .title .order-item-quantity .button_minus, #paymentWin .title .order-item-quantity .button_plus, #paymentWin .title .order-item-quantity .count, #paymentWin .title .order-item-quantity .order-item-quantity__price { font-size: 20px; } } #paymentWin .title .count { width: 4em; min-width: 0; text-align: center; margin-left: 0; margin-right: 0; border-left: none; border-right: none; background-color: #fff; border-radius: 0; cursor: default; } #paymentWin .title .count:active, #paymentWin .title .order-item-quantity__price:active { background-color: inherit; } #paymentWin .title .order-item-quantity__price { line-height: inherit; font-weight: 700; border-color: #000; cursor: default; box-shadow: inset 0 0 0 2px #000; } #paymentWin .order-section { padding-top: 1.5em; } #paymentWin .order-button { padding-top: 4em; } #paymentWin .switcher { display: table; border-collapse: collapse; width: 100%; table-layout: fixed; } #paymentWin .switcher.switcher_x3 .switcher__item { width: 33.3%; } #paymentWin .switcher.switcher_x4 .switcher__item { width: 25%; } #paymentWin .switcher .switcher__item { display: table-cell; width: 50%; padding: 3em 2em; text-align: center; min-height: 230px; cursor: pointer; border-width: 1px; border-color: #d8d8d8; border-style: solid; transition: box-shadow 0.2s; } #paymentWin .switcher .switcher__item.card:before, #paymentWin .switcher .switcher__item.cash:before { display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; content: ""; height: 40px; } #paymentWin .switcher .switcher__item:hover { box-shadow: inset 0 0 0 6px #d8d8d8; } #paymentWin .switcher .switcher__item.disabled:hover { box-shadow: none; cursor: default; } #paymentWin .switcher .switcher__item.disabled *, #paymentWin .switcher .switcher__item.disabled:before { opacity: 0.15; } #paymentWin .switcher .switcher__item .switcher__descr { margin-top: 0.5em; } #paymentWin .switcher .switcher__item.selected { box-shadow: inset 0 0 0 6px #2962e1; border-color: #fff; } #paymentWin .switcher .switcher__item.cash:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -749px -182px; width: 40px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.cash:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.card:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -140px -98px; width: 120px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.card:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.emoney:before { content: ""; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -98px; width: 120px; height: 40px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; } #paymentWin .switcher .switcher__item.box:before, #paymentWin .switcher .switcher__item.email:before, #paymentWin .switcher .switcher__item.envelope:before, #paymentWin .switcher .switcher__item.gift:before, #paymentWin .switcher .switcher__item.myself:before { height: 56px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; content: ""; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.emoney:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.gift:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -96px -158px; width: 75px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.gift:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.myself:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -234px; width: 75px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.myself:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.email:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -95px -234px; width: 75px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.email:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.envelope:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -158px; width: 76px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.envelope:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin .switcher .switcher__item.box:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -191px -158px; width: 75px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.box:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { #paymentWin .order-section { padding-top: 0.5em; } #paymentWin .switcher { display: block; } #paymentWin .switcher.switcher_x3 .switcher__item, #paymentWin .switcher.switcher_x4 .switcher__item { width: 100%; } #paymentWin .switcher .switcher__item { display: block; width: 100%; min-height: 0; text-align: left; margin-bottom: -1px; position: relative; padding: 1.5em 5.5em 1.5em 3em; } #paymentWin .switcher .switcher__item h5:before { content: ""; position: absolute; font-size: 1.2em; margin-top: 0.1em; margin-bottom: 0.2em; left: 0.7em; width: 1em; height: 1em; border: 5px solid #fff; border-radius: 100px; cursor: pointer; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 0 1px #d8d8d8; } #paymentWin .switcher .switcher__item.selected h5:before { background-color: #000; } #paymentWin .switcher .switcher__item.emoney:before { content: ""; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -320px -260px; width: 72px; height: 24px; display: block; position: absolute; right: 0.8em; top: 1.55em; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.emoney:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { #paymentWin .switcher .switcher__item.card:before { content: ""; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: 0 -675px; width: 72px; height: 24px; display: block; position: absolute; right: 0.8em; top: 1.55em; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.card:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media (max-width: 767px) { #paymentWin .switcher .switcher__item.cash:before { content: ""; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -693px -536px; width: 24px; height: 24px; display: block; position: absolute; right: 0.8em; top: 1.55em; } #paymentWin .switcher .switcher__item.box:before, #paymentWin .switcher .switcher__item.email:before, #paymentWin .switcher .switcher__item.envelope:before, #paymentWin .switcher .switcher__item.gift:before, #paymentWin .switcher .switcher__item.myself:before { display: none; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { #paymentWin .switcher .switcher__item.cash:before { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } #paymentWin fieldset { border: 1px solid #d8d8d8; padding: 40px 5%; } #paymentWin fieldset label { margin-bottom: 1.8em; display: block; } #paymentWin fieldset .label__desc { display: inline-block; width: 30%; text-align: right; vertical-align: top; padding-right: 1em; padding-top: 0.5em; border: 1px solid transparent; margin-top: 0.25em; margin-bottom: 0.25em; } #paymentWin fieldset .note, #paymentWin fieldset input, #paymentWin fieldset textarea { display: inline-block; width: 68%; } #paymentWin fieldset .note { position: relative; left: 30%; padding-left: 4px; } @media (max-width: 767px) { #paymentWin fieldset { padding-top: 24px; padding-bottom: 24px; } #paymentWin fieldset label { margin-bottom: 1em; } #paymentWin fieldset .label__desc, #paymentWin fieldset .note, #paymentWin fieldset input, #paymentWin fieldset textarea { width: 100%; display: block; left: 0; } #paymentWin fieldset .label__desc { text-align: left; margin-bottom: 0.5em; font-weight: 700; } } .ui-menu { padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 0.5em 0.6em; cursor: pointer; min-height: 0; } .ui-menu .ui-menu-item.ui-state-focus { background: #909fc1; color: #fff; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; padding-top: 5px !important; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; position: relative; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; background-image: url(/bitrix/templates/poletomatia/css/../img/sprite.png); background-position: -412px -260px; width: 16px; height: 16px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ui-selectmenu-button span.ui-icon { background-image: url(/bitrix/templates/poletomatia/css/../img/sprite@2x.png); background-size: 789px 759px; } } @media screen and (max-width: 767px) { .ui-widget { font-size: 14px; } } @media screen and (min-width: 768px) { .ui-widget { font-size: 16px; } } .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { border: 1px solid #d8d8d8; border-radius: 4px; background: #fff; color: #000; } .ui-widget-content a, .ui-widget-header { color: #000; } .ui-widget-header a { color: #fff; } #map { height: 400px; } .map-canvas { height: 100%; } .partner-list { margin-top: 2em; margin-bottom: 2em; } .partner-list .partner-item { padding-top: 2em; padding-bottom: 2em; border-top: 1px solid #d8d8d8; } .partner-list .partner-item:first-child { border-top: none; } .partner-gallery .thumbnails { margin-top: 1.5em; line-height: 0; } .partner-gallery .thumbnails img { display: inline-block; width: 64px; height: 64px; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; transition: all 0.2s; } .partner-gallery .thumbnails img:hover { cursor: pointer; box-shadow: 0 0 0 4px #f22a4f; } body.delivery { overflow-x: hidden; } body.delivery .content { position: relative; overflow: visible; } @media (min-width: 768px) { body.delivery .payment-container { position: relative; width: 40%; z-index: 2; } body.delivery .envelope-img { position: absolute; left: 100%; margin-left: 20px; top: 0; z-index: 1; } } @media (max-width: 767px) { body.delivery .payment-container { position: relative; width: 100%; z-index: 2; } body.delivery .envelope-img { position: relative; left: 0; top: 30px; z-index: 1; width: 100%; } } .about main { background: url(/bitrix/templates/poletomatia/css/../img/about-bg.jpg) left 240px no-repeat; } @media (max-width: 919px) { .about main { background-size: 90%; } } .about .content-container { position: relative; } .about .content-container:after { content: ""; clear: both; display: block; height: 0; } .about .partner-block { width: 280px; float: left; padding: 30px; border: 1px solid #f22a4f; border-radius: 4px; margin-top: 2em; } @media screen and (max-width: 767px) { .about .partner-block { font-size: 13px; } } @media screen and (min-width: 768px) { .about .partner-block { font-size: 14px; } } @media (max-width: 767px) { .about .partner-block { float: none; width: 100%; margin-top: 4em; } } .about .text-container { width: 100%; padding-right: 340px; margin-right: -280px; float: left; } .about .text-container h3, .about .text-container .h3, .about .text-container p { max-width: 100%; } @media (max-width: 767px) { .about .text-container { padding-right: 0; margin-right: 0; float: none; } } @media (min-width: 480px) and (max-width: 767px) { .about .text-container { padding-right: 20%; } } header .instagram { position: absolute; right: 20px; bottom: 20px; width: 180px; height: 180px; } footer .soc a.insm { margin-right: 4px; background: url(/images/instagram_icon.png); width: 24px; height: 24px; } .payment-container p { max-width: 440px; } .pack { margin: 30px 0 40px; display: inline-block; width: 320px; vertical-align: top; } .pack-right .pack-img { margin: -30px 0 0 -5px; } .pack-title { font-size: 16px; font-weight: 700; margin: 30px 0 10px; } .pack-text { font-size: 16px; line-height: 26px; } .pack-right .pack-title { margin: -12px 0 10px 40px; } .pack-right .pack-text { margin-left: 40px; } .pack-price { background: #9ee31a; color: #fff; padding: 5px; border-radius: 4px; } .delivery-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .delivery-section { background: url(/bitrix/templates/terr_polet/img/delivery-bg.jpg) no-repeat right 505px; } .subtitle { font-family: "Exo 2", Arial, sans-serif; font-weight: 700; line-height: 1.4; margin-top: 40px; position: relative; margin-bottom: 8px; } .mini-subtitle { font-family: "Exo 2", Arial, sans-serif; font-weight: 800; line-height: 1.4; } @media screen and (min-width: 768px) { .subtitle { font-size: 24px; } .mini-subtitle { font-size: 20px; } } @media screen and (max-width: 767px) { .subtitle { font-size: 18px; } .mini-subtitle { font-size: 16px; } } .send-text { font-size: 14px; color: #f22a4f; display: none; padding: 10px 0; position: absolute; bottom: 140px; } ul.left-menu { list-style: none; margin: 0; padding: 0; margin-bottom: 8px; position: relative; } ul.left-menu li { padding: 10px 16px; background: #f5f5f5 url(/bitrix/templates/poletomatia/css/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size: 100%; color: #bc262c; font-weight: 700; text-decoration: none; } ul.left-menu li a:visited { color: #bc262c; } ul.left-menu li a:hover { color: #bc262c; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color: #fc8d3d; } div.news-list img.preview_picture { float: left; margin: 0 4px 6px 0; } .news-date-time { color: #486daa; } .agreement-text { font-size: 0.7em; } .frontpage .services .service.khoverbord { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s14.jpg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/s14webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/s14.webp); } } .frontpage .services .service.snowkiting { background-image: url(/bitrix/templates/poletomatia/css/../img/services/snowkiting_mytishhi_4.jpeg); @supports ( background-image: url(/bitrix/templates/poletomatia/css/../img/services/snowkiting_mytishhi_4.webp) ) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/snowkiting_mytishhi_4.webp); } } .frontpage .services .service.kater { background-image: url(/bitrix/templates/poletomatia/css/../img/services/nareke_poletomania.jpeg); @supports (background-image: url(/bitrix/templates/poletomatia/css/../img/services/nareke_poletomania.webp)) { background-image: url(/bitrix/templates/poletomatia/css/../img/services/nareke_poletomania.webp); } } .article-h1 { font-size: 36px; margin-bottom: 70px; } .detail-article-text img { max-width: 100%; height: auto; } .article { margin-bottom: 70px; overflow: hidden; } .article_title-mobile { display: none; } .article_img { width: 33%; margin: 0 3% 3% 0; float: left; } .article_img img { max-width: 100%; } .article_category { margin-bottom: 20px; } .article_category:hover svg path { fill: #2962e1; } .article_category a, .article_category a:visited { color: #f22a4f; } .article_category a:hover { color: #2962e1; } .article_title { margin-top: 0; } .article_title a, .article_title a:visited, .article_detail-link a, .article_detail-link a:visited { color: #2962e1; } .article_title a:hover, .article_detail-link a:hover { color: #f22a4f; } .article_text p { width: 100%; max-width: 100%; } .article_detail-link { text-align: right; } .detail-article-img img { max-width: 100%; } .detail-article-text p { width: 100%; max-width: 100%; } .breadcrumb { list-style: none; margin-bottom: 10px; } .breadcrumb .breadcrumb-item { display: inline-block; margin: 0; padding: 0; } .breadcrumb .breadcrumb-item:before { content: ""; display: none; } .breadcrumb .breadcrumb-item:after { content: "/"; margin: 0 5px; } .breadcrumb .breadcrumb-item:last-child:after { display: none; content: ""; margin: 0; } .breadcrumb-item a, .breadcrumb-item a:visited { color: #f22a4f; } .breadcrumb-item a:hover { color: #2962e1; } .detail-article-text h2, .detail-article-text h3 { text-align: left; } .delivery h2, .reviews h2, .why h2 { width: 100%; } .logo-text { top: 155px; left: 6%; position: absolute; margin-left: -27px; } @media (max-width: 767px) { .logo-text { top: 110px; left: 13%; margin-left: -15px; } } @media (max-width: 480px) { .article-h1 { font-size: 28px; margin-bottom: 50px; } .article_title-mobile { display: block; font-size: 18px; margin-bottom: 20px; } .article_title { display: none; } .article_img { width: 100%; float: none; } .breadcrumb { display: none; } } .content .plane { padding-left: 226px; position: relative; display: block; min-height: 200px; padding-bottom: 54px; } .content .plane img { position: absolute; left: 0; top: 0; margin: 0; } .clear { clear: both; } .news-product { display: flex; flex-wrap: wrap; background: #f9f9f9; margin: 30px 0; } .news-product__left { width: 50%; display: flex; justify-content: center; align-items: center; } .news-product-img { max-width: 100%; } .news-product__right { width: 50%; padding: 30px; display: flex; align-content: center; flex-wrap: wrap; } .news-product__name { width: 100%; font-size: 24px; line-height: 1.4; font-weight: 600; margin-bottom: 10px; } .news-product__price { width: 100%; color: #f22a4f; font-size: 16px; margin-bottom: 10px; } .news-product__button { background-color: #f22a4f; color: #fff; font-weight: 700; border-radius: 4px; padding: 0.5em 0.6em; } @media (max-width: 767px) { .news-product__left, .news-product__right { width: 100%; } } .pagination { text-align: center; margin-bottom: 70px; } .pagination ul li:before { display: none; } @media only screen and (max-width: 767px) { .pagination .list { display: none; } } .pagination .prev { float: left; padding-left: 40px; } .pagination .prev:after { background: url(/upload/left-arrow-angle.png) no-repeat; top: 7px; left: 6px; } .pagination .prev:before { left: 0; } .pagination .next { float: right; padding-right: 40px; } .pagination .control { display: block; font-size: 16px; line-height: 30px; color: #757575; text-decoration: none; position: relative; } .pagination .control:before { display: block; content: ""; width: 30px; height: 30px; background-color: #ececec; position: absolute; } .pagination .next:after { background: url(/upload/right-arrow-angle.png) no-repeat; top: 7px; right: 6px; } .pagination .next:before { right: 0; } .pagination .control:after { display: block; content: ""; width: 16px; height: 16px; background-repeat: no-repeat; position: absolute; } .pagination .list { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; } .pagination .list > li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; margin: 0 2px; } .pagination .list > li.current span { cursor: default; } .pagination .list > li.current a, .pagination .list > li.current span { background-color: #f22a4f; color: #fff; } .pagination .list > li a, .pagination .list > li span { display: block; min-width: 30px; color: #757575; text-decoration: none; padding: 5px 5px; } .pagination:after { display: table; content: ""; width: 100%; } .pricelist_item { padding: 0; } .custom-radio { padding: 4px; display: flex; align-items: center; } label.custom-radio input { appearance: none; visibility: visible; padding: 0; position: relative; left: 0; top: 0; } .custom-radio input:checked { border: 0; } .custom-radio input::after { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; box-sizing: border-box; background-color: transparent; border: 1px solid #d8d8d8; } .custom-radio input:checked::after { border: 0.25em solid #fff; } .cookie-popup { position: fixed; bottom: 3px; right: 3px; background: #f9f9f9; padding: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); border-radius: 8px; display: none; justify-content: space-between; align-items: center; font-family: sans-serif; z-index: 999999; width: 300px; max-width: 50%; font-size: 12px; } .cookie-popup__title { font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } .cookie-popup__bnt, .cookie-popup__bnt:hover { width: 100%; background-color: #f22a4f; color: #fff; border: none; padding: 10px 16px; cursor: pointer; border-radius: 4px; font-size: 14px; margin-top: 5px; } .form__policy { font-size: 12px; opacity: 0.7; line-height: 1; text-align: left; } /* End */ /* Start:/bitrix/templates/poletomatia/template_styles.css?17406562711142*/ body footer { font-size: 14px; } body footer .soc a { margin-right: 21px; } .b-bold { font-weight: 700; } .pt-0 { padding-top: 0; } .why ul, .why ol { list-style-type: disc; } .hero_desc__subtitle { text-align: center; font-size: 48px; font-weight: 900; line-height: 1.02; width: 80%; margin: 0 auto; } .mobile-link { display: none !important; text-decoration: none; color: #f22a4f; } @media screen and (max-width: 767px) { .hero_desc__subtitle { width: 100%; font-size: 28px; } .mobile-link { display: block !important; } } @media screen and (max-width: 1280px) { .hero_desc { width: 90%; margin: 0 auto; margin-top: 40px; } .hero_desc__subtitle { width: 100%; } } .pricelist_item_price__block { width: 60%; text-align: center; display: block; font-weight: 700; } .pricelist_item_price__old { text-decoration: line-through; font-weight: 400; opacity: 0.8; } .pricelist__promo { padding-left: 1.5em; font-size: 12px; font-weight: 700; padding-right: 1em; } .frontpage .services .service.zipline { background-image: url(/upload/zipline-pm.jpg); } /* End */ /* /bitrix/templates/poletomatia/css/vendor.css?146657709319058 */ /* /bitrix/templates/poletomatia/css/main.css?1763556555109036 */ /* /bitrix/templates/poletomatia/template_styles.css?17406562711142 */