/* Start:/local/templates/new_drofa/js/enjoyhint/enjoyhint.css?15354464537235*/ @font-face{font-family:casino_handregular;src:url(/local/templates/new_drofa/js/enjoyhint/Casino_Hand/casino_hand-webfont.eot);src:url(/local/templates/new_drofa/js/enjoyhint/Casino_Hand/casino_hand-webfont.eot?#iefix) format('embedded-opentype'),url(/local/templates/new_drofa/js/enjoyhint/Casino_Hand/casino_hand-webfont.woff) format('woff'),url(/local/templates/new_drofa/js/enjoyhint/Casino_Hand/casino_hand-webfont.ttf) format('truetype'),url(/local/templates/new_drofa/js/enjoyhint/Casino_Hand/casino_hand-webfont.svg#casino_handregular) format('svg');font-weight:400;font-style:normal}.enjoyhint{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1010;pointer-events:none;overflow:hidden}.enjoyhint_hide{display:none}.enjoyhint_disable_events{position:absolute;width:2000px;height:1500px;z-index:1011;pointer-events:all}.enjoyhint_next_btn,.enjoyhint_skip_btn{-webkit-box-sizing:content-box;width:100px;height:40px;font:normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;cursor:pointer;margin:0 auto;letter-spacing:1px;text-align:center}.enjoyhint_close_btn,.enjoyhint_next_btn,.enjoyhint_skip_btn{z-index:1012;pointer-events:all;-o-text-overflow:clip;text-overflow:clip;-moz-box-sizing:content-box}.enjoyhint_next_btn{position:absolute;box-sizing:content-box;border:2px solid #1ecd97;-webkit-border-radius:40px;border-radius:40px;color:#1ecd97;background:rgba(0,0,0,0);-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0)}.enjoyhint_next_btn:hover{color:rgba(255,255,255,1);background:#1ecd97}.enjoyhint_next_btn:active{border:2px solid rgba(33,224,163,1);background:rgba(33,224,163,1);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.enjoyhint_skip_btn{box-sizing:content-box;border:2px solid #1ecd97;-webkit-border-radius:40px;border-radius:40px;color:#1ecd97;background:rgba(0,0,0,0);-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0)}.enjoyhint_skip_btn:hover{color:rgba(255,255,255,1);background:#1ecd97}.enjoyhint_skip_btn:active{border:2px solid rgba(33,224,163,1);background:rgba(33,224,163,1);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.enjoyhint_close_btn{display:inline-block;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:.3em;height:.3em;border:none;-webkit-border-radius:1em;border-radius:1em;font:400 8em/normal Arial,Helvetica,sans-serif;color:rgba(0,0,0,1);background:rgba(0,0,0,0);border:2px solid rgba(33,224,163,1)}.enjoyhint_close_btn::after,.enjoyhint_close_btn::before{-webkit-box-sizing:content-box;width:73%;height:2px;position:absolute;content:"";border:none;font:400 100%/normal Arial,Helvetica,sans-serif;color:rgba(0,0,0,1);background:#fff;text-shadow:none;-o-text-overflow:clip;text-overflow:clip;display:inline-block}.enjoyhint_close_btn::before{-moz-box-sizing:content-box;box-sizing:content-box;top:48%;left:14%;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.enjoyhint_close_btn::after{-moz-box-sizing:content-box;box-sizing:content-box;top:46%;left:15%;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.enjoyhint_close_btn:hover{color:rgba(255,255,255,1);background:#1ecd97;cursor:pointer}.enjoyhint_close_btn:active{border:2px solid rgba(33,224,163,1);background:rgba(33,224,163,1);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.enjoyhint_btn{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:150px;height:40px;cursor:pointer;margin:0 auto;border:2px solid #1ecd97;-webkit-border-radius:40px;border-radius:40px;font:normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;color:#1ecd97;text-align:center;-o-text-overflow:clip;text-overflow:clip;letter-spacing:1px;background:rgba(0,0,0,0);-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0)}#kinetic_container,.enjoyhint_canvas,.enjoyhint_svg_wrapper,.enjoyhint_svg_wrapper svg{width:100%;height:100%;position:absolute}.enjoyhint_btn:hover{color:rgba(255,255,255,1);background:#1ecd97}.enjoyhint_btn:active{border:2px solid rgba(33,224,163,1);background:rgba(33,224,163,1);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.enjoyhint div.canvas-container{position:absolute}.enjoyhint_canvas{z-index:100;pointer-events:none}#kinetic_container{pointer-events:none;top:0;left:0}.enjoyhint_svg_wrapper{top:0;left:0;z-index:100;-webkit-transition:opacity .4s cubic-bezier(.42,0,.58,1);-moz-transition:opacity .4s cubic-bezier(.42,0,.58,1);transition:opacity .4s cubic-bezier(.42,0,.58,1)}.enjoyhint_svg_wrapper svg{top:0;left:0}.enjoyhint_svg_transparent .enjoy_hint_label,.enjoyhint_svg_transparent .enjoyhint_svg_wrapper{opacity:0}.enjoy_hint_label{position:absolute;color:#fff;z-index:107;font-size:22px;font-family:casino_handregular,Arial;-webkit-transition:opacity .4s cubic-bezier(.42,0,.58,1);-moz-transition:opacity .4s cubic-bezier(.42,0,.58,1);transition:opacity .4s cubic-bezier(.42,0,.58,1);display:inline-block;min-width:200px;text-align:center;max-width:80%}div.kineticjs-content{position:absolute!important}.enjoyhint_skip_btn{position:fixed} .antNext{left:calc(50% + 20px) !important;} .antSkip{left:calc(50% - 120px) !important;} /* End */ /* Start:/local/templates/new_drofa/css/specific-reset.css?1535446452182*/ img,textarea { vertical-align: top; } img { max-width: 100%; } input { border-radius: 0; } input[type="submit"],input[type="button"] { -webkit-appearance: none; outline: none; } /* End */ /* Start:/local/templates/new_drofa/assets/js/slick/slick.css?15354464521729*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/new_drofa/components/bitrix/menu/dopmenu/style.min.css?1535446452490*/ 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(/local/templates/new_drofa/components/bitrix/menu/dopmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;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} /* End */ /* Start:/local/templates/new_drofa/components/bitrix/breadcrumb/.default/style.min.css?1535446452448*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/new_drofa/components/bitrix/menu/main_bottom_menu/style.min.css?1535446452490*/ 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(/local/templates/new_drofa/components/bitrix/menu/main_bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;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} /* End */ /* Start:/local/templates/new_drofa/fonts/icon/css/icon.css?15354464522887*/ @font-face { font-family: 'icon'; src: url('/local/templates/new_drofa/fonts/icon/css/../font/icon.eot?22608365'); src: url('/local/templates/new_drofa/fonts/icon/css/../font/icon.eot?22608365#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/icon/css/../font/icon.woff2?22608365') format('woff2'), url('/local/templates/new_drofa/fonts/icon/css/../font/icon.woff?22608365') format('woff'), url('/local/templates/new_drofa/fonts/icon/css/../font/icon.ttf?22608365') format('truetype'), url('/local/templates/new_drofa/fonts/icon/css/../font/icon.svg?22608365#icon') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'icon'; src: url('/local/templates/new_drofa/fonts/icon/css/../font/icon.svg?22608365#icon') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-attention:before { content: '\e80c'; } /* '' */ .icon-bookmark:before { content: '\e832'; } /* '' */ .icon-build:before { content: '\e833'; } /* '' */ .icon-calc:before { content: '\e834'; } /* '' */ .icon-cam:before { content: '\e835'; } /* '' */ .icon-case:before { content: '\e836'; } /* '' */ .icon-copy:before { content: '\e837'; } /* '' */ .icon-document:before { content: '\e838'; } /* '' */ .icon-docum-monitor:before { content: '\e839'; } /* '' */ .icon-flask:before { content: '\e83a'; } /* '' */ .icon-globe:before { content: '\e83b'; } /* '' */ .icon-microscope:before { content: '\e83c'; } /* '' */ .icon-open-book:before { content: '\e83d'; } /* '' */ .icon-pen:before { content: '\e83e'; } /* '' */ .icon-pen-and-book:before { content: '\e83f'; } /* '' */ .icon-reader:before { content: '\e840'; } /* '' */ .icon-science:before { content: '\e841'; } /* '' */ .icon-time:before { content: '\e842'; } /* '' */ .icon-apple:before { content: '\e843'; } /* '' */ .icon-bag:before { content: '\e844'; } /* '' */ .icon-bank:before { content: '\e845'; } /* '' */ .icon-down-arrow:before { content: '\e846'; } /* '' */ /* End */ /* Start:/local/templates/new_drofa/css/fancybox.css?154963566218412*/ body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/new_drofa/assets/select2/css/select2.min.css?153544645215196*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/new_drofa/assets/magnific/magnific-popup.css?15354464527806*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* End */ /* Start:/local/templates/new_drofa/assets/wow_book/wow_book.css?153544645264410*/ /* * @name wowBook * @desc style for wowBook plugin for jQuery * * @author Marcio Aguiar * @version 1.3.4 * * Date: Wed Dec 8 10:05:49 2010 -0200 */ .wowbook { position : relative; zoom: 1; -ms-text-size-adjust: auto; -webkit-text-size-adjust: auto; } .wowbook-origin { z-index: 1; } .wowbook-page { zoom: 1; } .wowbook-page-content { position : absolute; overflow : hidden; background: white; zoom: 1; } .wowbook-loading .wowbook-page-content { background-image: url(/local/templates/new_drofa/assets/wow_book/./loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } .wowbook-loading .wowbook-zoomcontent { opacity: 0; } .wowbook-zoomcontent { opacity: 1; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .wowbook.wowbook-loading { background-image: url(/local/templates/new_drofa/assets/wow_book/./loading.gif) ; background-position: 50% 50%; background-repeat: no-repeat; } img.wowbook-lazy { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wowbook-fullscreen-fix { height: 100% !important; width: 100% !important; } /* marker class */ .wowbook-left{} .wowbook-right{} .wowbook-disabled{} .wowbook-handle { cursor : pointer; height : 100%; position : absolute; top : 0; width : 50px; z-index : 100001; /* without this Chrome will mess the zindex of hardcover when it flips, making the cover to jump when the "curl page corner on hover" is enabled */ -webkit-transform: translate3d(0px, 0px, 10000px); } .wowbook-handle.wowbook-disabled { display : none; } .wowbook-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .wowbook-page-content.wowbook-double-page { padding: 0; } /* hard page edge */ .wowbook-hardpage { -moz-transform-style : preserve-3d; -o-transform-style : preserve-3d; -webkit-transform-style : preserve-3d; -ms-transform-style : preserve-3d; transform-style : preserve-3d; } .wowbook-3d-border { background: #eee; height: 100%; left: 100%; position: absolute; top: 0; width: 5px; -moz-transform : rotateY(90deg); -o-transform : rotateY(90deg); -webkit-transform : rotateY(90deg); -ms-transform : rotateY(90deg); transform : rotateY(90deg); -moz-transform-origin : 0 0 0; -o-transform-origin : 0 0 0; -webkit-transform-origin : 0 0 0; -ms-transform-origin : 0 0 0; transform-origin : 0 0 0; } .wowbook-left .wowbook-3d-border { left: 0; } /* shadows */ .wowbook-shadow-clipper { position : absolute; overflow : hidden; z-index : 999; zoom: 1; -webkit-backface-visibility: hidden; /* eliminate jagged edges */ } .wowbook-shadow-container { display : none; position : absolute; z-index : 999; zoom: 1; } .wowbook-shadow-internal { background : url(/local/templates/new_drofa/assets/wow_book/./shadow_internal_fold.png) repeat-y; height : 500px; width : 200px; position : absolute; zoom: 1; -webkit-backface-visibility: hidden; /* eliminate jagged edges */ } .wowbook-shadow-fold { background : url(/local/templates/new_drofa/assets/wow_book/./shadow_fold.png) right top repeat-y; height : 500px; width : 100px; position : absolute; zoom : 1; -webkit-backface-visibility: hidden; /* eliminate jagged edges */ } .wowbook-shadow-fold-flipped { background-image : url(/local/templates/new_drofa/assets/wow_book/./shadow_fold_flip_h.png); } .wowbook-fold-gradient { background : url(/local/templates/new_drofa/assets/wow_book/./fold_gradient.png) right top repeat-y; height : 500px; width : 125px; position : absolute; top : 0; zoom: 1; -webkit-backface-visibility: hidden; /* eliminate jagged edges */ } .wowbook-fold-gradient-flipped { background-image : url(/local/templates/new_drofa/assets/wow_book/./fold_gradient_flip_h.png); } .wowbook-fold-gradient-container { position : absolute; z-index : 1001; } .wowbook-gutter-shadow { height : 100%; width : 40px; position : absolute; top : 0; z-index : 1; pointer-events: none; } .wowbook-left .wowbook-gutter-shadow { background : url(/local/templates/new_drofa/assets/wow_book/./gutter_shadow_left.png) right top repeat-y; right : 0; width : 70px; } .wowbook-right .wowbook-gutter-shadow { background : url(/local/templates/new_drofa/assets/wow_book/./gutter_shadow_right.png) right top repeat-y; left : 0; } .wowbook-hard-page-shadow { background: rgba(0,0,0,0.2); left: 0; height: 100%; position: absolute; top: 0; width: 100%; transform: translatez(0); -webkit-transform: translatez(0); } .wowbook-hard-page-dropshadow { background : #888; box-shadow: 0 0 7px 0px #666; background: rgba(96, 96, 96, 0.5); position : absolute; top : 0; z-index : 999; transform: translatez(0); -webkit-transform: translatez(0); } .wowbook-book-shadow { -moz-box-shadow: 0 0 7px #666; -ms-box-shadow: 0 0 7px #666; -webkit-box-shadow: 0 0 7px #666; -o-box-shadow: 0 0 7px #666; box-shadow: 0 0 7px #666; /* if you change this, change the .wowbook-hard-page-dropshadow too */ } /* this should avoid a faint gray line in shadows element on android */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wowbook-shadow-internal, .wowbook-gutter-shadow, .wowbook-fold-gradient, .wowbook-shadow-fold { image-rendering: pixelated; } } .wowbook-page-number { bottom : 0; padding-bottom: 0.3em; position : absolute; z-index: 1; } .wowbook-left .wowbook-page-number { left : 0; padding-left: 0.5em; } .wowbook-right .wowbook-page-number { right : 0; padding-right: 0.5em; } .wowbook-page-holded { } .wowbook-page-holded object { /* visibility: hidden; */ } /* Thumbnails */ .wowbook-thumbnails { background: none; left: 0px; top: 0px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; image-rendering:optimizeQuality; z-index: 10000; } .wowbook-thumbnails .wowbook-clipper { overflow: hidden; position: relative; -webkit-overflow-scrolling: touch; } .wowbook-thumbnails ul { position: relative; margin : 0; padding : 0; } .wowbook-thumbnails .wowbook-button { background: none no-repeat 50% 50% #333; cursor: pointer; font-family: wowbook-toolbar-fonts; left: 0; position: absolute; top: 0; text-align: center; } .wowbook-thumbnail { cursor : pointer; display : inline-block; *display: inline; /* for IE7 */ zoom: 1; /* for IE7 */ overflow: hidden; position: relative; vertical-align: top; } .wowbook-thumbnail.wowbook-thumbnail-custom { background-color: white; background-size: 100% 100%; } .wowbook-thumbnail-custom.wowbook-loading { background-image: url(/local/templates/new_drofa/assets/wow_book/./loading.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto; } .wowbook-thumbnails .wowbook-button:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 1px; } .wowbook-thumbnails .wowbook-button:after { display: inline-block; vertical-align: middle; } /* BUGFIX. IE8 apparently ignores background-position when zoom<>1 is applied and the element has position:absolute */ .wowbook-thumbnail .wowbook-page-content { position: relative; } .wowbook-thumbnail.wowbook-right { margin-right: 1em; } .wowbook-overlay { left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 100000; } /* Thumbnails - horizontal */ .wowbook-horizontal.wowbook-thumbnails{ width: 100%; } .wowbook-horizontal.wowbook-thumbnails .wowbook-clipper { height: 100%; position: relative; margin: 0 30px; /* margin is the width of the buttons */ } .wowbook-horizontal.wowbook-thumbnails ul { display: inline-block; *display: inline; /* IE7 */ *zoom: 1; /* IE7 */ white-space: nowrap; } .wowbook-horizontal.wowbook-thumbnails .wowbook-button { width: 30px; height: 100%; text-align: center; } .wowbook-horizontal.wowbook-thumbnails .wowbook-button:after{ content: "\f053"; /* fa-chevron-left */ } .wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button:after { content: "\f054"; /* fa-chevron-right */ } .wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button { left: auto; right: 0; } .wowbook-horizontal .wowbook-thumbnail { /* without this, the "nowrap" value set in the "ul" will be inherited and (probably) mess with your thumbnails */ white-space: normal; /* BUT IE7 NEED THIS */ *white-space: nowrap; } .wowbook-horizontal .wowbook-thumbnail .wowbook-page-content{ /* AGAIN, IE7 NEED THIS */ *white-space: normal; } /* Thumbnails - vertical */ .wowbook-vertical.wowbook-thumbnails { display: inline-block; height: 100%; } .wowbook-vertical.wowbook-thumbnails .wowbook-clipper { position: absolute; top: 30px; bottom: 30px; /* this value is the height of the buttons */ } .wowbook-vertical.wowbook-thumbnails .wowbook-button { height: 30px; line-height: 30px; width: 100%; } .wowbook-vertical.wowbook-thumbnails .wowbook-button:after { vertical-align: baseline; } .wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button { bottom: 0; top: auto; } .wowbook-vertical.wowbook-thumbnails .wowbook-button:after{ content: "\f077"; /* fa-chevron-up */ } .wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button:after { content: "\f078"; /* fa-chevron-down */ } .wowbook-vertical .wowbook-thumbnail { margin-bottom: 5px; margin-top: 5px; } .wowbook-vertical .wowbook-thumbnail.wowbook-right { margin-right: 0; } .wowbook-vertical.wowbook-closable .wowbook-thumbnail:first-child { margin-left: 50%; } /* Cursor */ .wowbook-draggable { cursor:hand; cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; -moz-user-select: none; } .wowbook-draggable.wowbook-dragging { cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; } /* PDF */ .wowbook-pdf .wowbook-page-content { padding: 0; } .wowbook-pdf-annotations { position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 2; /* must be above the pdf-text div */ } .wowbook-pdf .annotLink { padding: 0; } .wowbook-pdf .annotLink > a { font-size: 1em; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wowbook-pdf .annotLink > a:hover { background: none repeat scroll 0 0 #ff0; box-shadow: 0 2px 10px #ff0; opacity: 0.2; } .wowbook-pdf .linkAnnotation { position: absolute; padding: 0; } .wowbook-pdf .linkAnnotation > a { font-size: 1em; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wowbook-pdf .linkAnnotation > a:hover { background: #ff0 none repeat scroll 0 0; box-shadow: 0 2px 10px #ff0; opacity: 0.2; } .wowbook-pdf-text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.25; line-height: 1.0; z-index: 1; } .wowbook-pdf-text > div { color: transparent; position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .wowbook-pdf-text .highlight { margin: -1px; padding: 1px; background-color: rgb(180, 0, 170); border-radius: 4px; } .wowbook-pdf-text .highlight.begin { border-radius: 4px 0px 0px 4px; } .wowbook-pdf-text .highlight.end { border-radius: 0px 4px 4px 0px; } .wowbook-pdf-text .highlight.middle { border-radius: 0px; } .wowbook-pdf-text .highlight.selected { background-color: rgb(0, 100, 0); } .wowbook-pdf-text ::selection { background: rgb(0,0,255); color: transparent; } .wowbook-pdf-text ::-moz-selection { background: rgb(0,0,255); color: transparent; } .wowbook-pdf-text .endOfContent { display: block; position: absolute; left: 0px; top: 100%; right: 0px; bottom: 0px; z-index: -1; cursor: default; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .wowbook-pdf-text .endOfContent.active { top: 0px; } /* Table of contents */ .wowbook-toc { background: white; display: inline-block; overflow-y:auto; position: absolute; top: 0; bottom: 0; left: 0; z-index: 10001; width: 250px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .wowbook-toc .wowbook-close { float: right; } .wowbook-toc h1 { font-size: larger; } .wowbook-toc-items { list-style: none; margin: 0; padding-left: 0; } .wowbook-toc-item { border-top: 1px solid #D3D3D3; margin: 0; padding: 0px; position: relative; } .wowbook-toc-item a { display: block; padding: 10px; } .wowbook-toc-item a, .wowbook-toc-item a:visited, .wowbook-toc-item a:active, .wowbook-toc-item a:hover { outline: none; text-decoration: none; } .wowbook-toc-item .page { float: right; } /* nested toc items */ .wowbook-toc-items a { padding-left: 1em; } .wowbook-toc-items .wowbook-toc-items { padding-left: 1em; } .wowbook-toc-item-toggle { cursor: pointer; position: absolute; width: 1em; padding: 10px 0; text-align: center; } .wowbook-toc-item-toggle::before { content: "-"; } .wowbook-toc-item.wowbook-collapsed > .wowbook-toc-item-toggle::before { content: "+"; } .wowbook-toc-item.wowbook-collapsed > .wowbook-toc-items { display: none; } /* Container */ .wowbook-container { position: relative; box-sizing: border-box; margin-bottom: 10px; } .wowbook-book-container { position: relative; box-sizing: border-box; /* padding: 20px;*/ } .wowbook-book-container .wowbook { margin: auto; -moz-transform: translateY( -50% ); -webkit-transform: translateY( -50% ); -o-transform: translateY( -50% ); -ms-transform: translateY( -50% ); transform: translateY( -50% ); top: 50%; } .wowbook-container-full { z-index: 1000; position: fixed; top:0; left:0; bottom: 0; right: 0; } /* Lightbox */ .wowbook-lightbox-on { overflow: hidden; } .wowbook-lightbox-overlay { display: none; background: rgb(0,0,0); background: rgba(0,0,0,0.5); z-index: 100000; position: fixed; top:0; left:0; bottom: 0; right: 0; } .wowbook-lightbox { background: white; box-sizing: border-box; display: none; overflow: hidden; padding: 0px; position: fixed; width: 100%; height: 100%; z-index: 100001; } .wowbook-lightbox .wowbook-book-container { box-sizing: border-box; padding: 20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wowbook-lightbox .wowbook-toolbar { box-sizing: border-box; position: absolute; width: 100%; } .wowbook-lightbox > .wowbook-close { background: #222; border: 1px solid #555; position: absolute; right: 0; color: white; top: 0; z-index: 10000; height: 1.5em; line-height: 1em; padding: 0; width: 1.5em; } /* Toolbar/Controls */ .wowbook-toolbar { position: relative; text-align: center; z-index: 10000; padding: 0; -webkit-overflow-scrolling: touch; height: 46px; /* same as the wowbook-control*/ } .wowbook-controls { border-radius: 0px; display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,0.3); height: auto; line-height: 46px; width: 100%; vertical-align: top; } .wowbook-control { cursor: pointer; display: inline-block; font-size: 24px; overflow: hidden; padding: 0; text-align: center; color: white; background: black; white-space: nowrap; height: 46px; /* same as the wowbook-toolbar */ line-height: 46px; line-height: inherit; vertical-align: top; width: 48px; min-width: 48px; } .wowbook-control:hover { background: #2C2C2C; } .wowbook-control, .wowbook-control:visited, .wowbook-control:active, .wowbook-control:hover { color: white; outline: none; text-decoration: none; } .wowbook-control-toggle-toolbar { float: left; } /* Wowbook toolbar font is a custom built font that contains icons from the following free icon sets: - fontawesome http://fontawesome.io - icomoon https://icomoon.io */ @font-face { font-family: 'wowbook-toolbar-fonts'; src: url('/local/templates/new_drofa/assets/wow_book/fonts/wowbook-toolbar-fonts.eot'); } @font-face { font-family: 'wowbook-toolbar-fonts'; ssrc: url(data:application/x-font-ttf;base64,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) format('truetype'); src: url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SDtwAAAC8AAAAYGNtYXDU88+GAAABHAAAAVxnYXNwAAAAEAAAAngAAAAIZ2x5ZrJ4FqUAAAKAAAAnPGhlYWQOS84IAAApvAAAADZoaGVhCLcFIQAAKfQAAAAkaG10eNjVAdgAACoYAAAA7GxvY2HyfP0aAAArBAAAAHhtYXhwAEYAxQAAK3wAAAAgbmFtZbitMkcAACucAAACLnBvc3QAAwAAAAAtzAAAACAAAwPNAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADx5QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQBQAAAAEwAQAAFAAwAAQAg6QDpYOmK6bvpwunH6g3qFuob6ibqKupE6nHwA/AK8A7wEPAV8BnwJvAo8EzwVPBm8HjwmvDK8NLw1fDh8aHxpPHg8eX//f//AAAAAAAg6QDpYOmF6brpwunH6g3qFeoa6iXqKupB6nHwAvAK8A3wEPAV8BnwJvAo8EvwUvBl8HfwmfDK8NLw1fDg8aHxpPHg8eX//f//AAH/4xcEFqUWgRZSFkwWSBYDFfwV+RXwFe0V1xWrEBsQFRATEBIQDhALD/8P/g/cD9cPxw+3D5cPaA9hD18PVQ6WDpQOWQ5VAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAAAAAQAA6EABQAOAAAJAjUJAQcRIREhESERAQQA/gD+AAIAAgCA/wD/AP8AAYABcgGN/nOiAY3+c5T+gAEA/wABgAEgAAACAAD/wAQAA4AABgASAAAJASMRIxEjBQcNAS0BJwURBSURAgABAMCAwAHpSAEE/lv+WwEESP7pAgACAAGAAQABAP8Al0hhnZ1hSGn/AMDAAQAAAAAGAAD/wAQAA8AAAwAHACkANwBFAFMAABMhFSElIRUhASMRIREhESERIyIGFREUFjMhMjY1ETMRFBYzITI2NRE0JgEjIiY1NDY7ATIWFRQGEyMiJjU0NjsBMhYVFAYBIyImNTQ2OwEyFhUUBkABgP6AAgABgP6AAXg4/wD/AP8AOB4qKh4BMB4qgCoeATAeKir9hvgPFRUP+A8VFbVADRMTDUANExMBb/gPFRUP+A8VFQPAQEBA/wABAP8AAQD/ACoe/dAeKioeAXj+iB4qKh4CMB4q/YATDQ0TEw0NEwHAEw0NExMNDRP+QBMNDRMTDQ0TAAAAAgAA/9gD6APAACIANgAAJScuAQc+ATU0LgIjIg4CFRQeAjMyNjcGFh8BHgE3NiYBIi4CNTQ+AjMyHgIVFA4CA+DyEycQKzE8aYtQUItpPDxpi1BHgDIBEBHOG0sbGgT9gjVdRigoRl01NV1GKChGXVnOERABMoBHUItpPDxpi1BQi2k8MSsQJxPyHgQaG0sBAihGXTU1XUYoKEZdNTVdRigAAAADAAD/2APoA8AAIgA2AEIAACUnLgEHPgE1NC4CIyIOAhUUHgIzMjY3BhYfAR4BNzYmASIuAjU0PgIzMh4CFRQOAhMjFSMVMxUzNTM1IwPg8hMnECsxPGmLUFCLaTw8aYtQR4AyARARzhtLGxoE/YI1XUYoKEZdNTVdRigoRl0LgICAgICAWc4REAEygEdQi2k8PGmLUFCLaTwxKxAnE/IeBBobSwECKEZdNTVdRigoRl01NV1GKAHAgICAgIAAAAADAAD/2APoA8AAIgA2ADoAACUnLgEHPgE1NC4CIyIOAhUUHgIzMjY3BhYfAR4BNzYmASIuAjU0PgIzMh4CFRQOAgMhFSED4PITJxArMTxpi1BQi2k8PGmLUEeAMgEQEc4bSxsaBP2CNV1GKChGXTU1XUYoKEZd9QGA/oBZzhEQATKAR1CLaTw8aYtQUItpPDErECcT8h4EGhtLAQIoRl01NV1GKChGXTU1XUYoAUCAAAQAAP/ABAADwAAGAA0AFAAbAAABIRcHFzcXGQEHJwcXBykBJzcnBycZATcXNyc3BAD+YKDAYMCgoMBgwKD9oAGgoMBgwKCgwGDAoAPAoMBgwKD9oAGgoMBgwKCgwGDAoAJg/mCgwGDAoAAAAAQAAP/ABAADwAAGAA0AFAAbAAABISc3JwcnGQE3FzcnNykBFwcXNxcZAQcnBxcHAkABoKDAYMCgoMBgwKD94P5goMBgwKCgwGDAoAIAoMBgwKD94P5goMBgwKCgwGDAoAIgAaCgwGDAoAAAAAYAAP/ABAADwAADAAcACwAPABMAFwAAEyERISUhFSEFIREhJSEVIQUhESElIRUhAAEA/wABgAKA/YD+gAEA/wABgAKA/YD+gAEA/wABgAKA/YADwP8AwIDA/wDAgMD/AMCAAAAGAAD/wAQAA8AAAwAHAAsAFwAjAC8AAAEhFSERIRUhESEVIQE0NjMyFhUUBiMiJhE0NjMyFhUUBiMiJhE0NjMyFhUUBiMiJgGAAoD9gAKA/YACgP2A/oBLNTVLSzU1S0s1NUtLNTVLSzU1S0s1NUsDgID/AID/AIADQDVLSzU1S0v+tTVLSzU1S0v+tTVLSzU1S0sAAgAAABUEAANAACgALwAAAS4DIyIGBy4BIyIGFRQWFS4BIyIOAhUUHgI7ARc3MzI2NTQmJwEnMzUzFTMDewEmQVUxOWEhEjcgOE4BCBEJKEc1Hh41Ryhb4+NvSGZMOf6FwICAgAJYMFU/JDEqGBxONwUKBAECHzRHKChHNR7r62ZIPl4O/ijAwMAAAAADAAAAAAPAA4AABgALAA8AAAkCMxEzEQMhESERByM1MwLg/wD/AKDAYP4gA8BAgIACAP8AAQABgP6A/wD/AAEAgEAAAAMAAP/ABAADwAATACcAMwAAASIOAhUUHgIzMj4CNTQuAgMiLgI1ND4CMzIeAhUUDgITBycHFwcXNxc3JzcCAGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZhKoKBgoKBgoKBgoKADwFCLu2pqu4tQUIu7amq7i1D8YEFxmFZWmHFBQXGYVlaYcUECoKCgYKCgYKCgYKCgAAMAAP/ABAADwAATACcAKgAAASIOAhUUHgIzMj4CNTQuAgMiLgI1ND4CMzIeAhUUDgIDDQECAGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZjWAYD+gAPAUIu7amq7i1BQi7tqaruLUPxgQXGYVlaYcUFBcZhWVphxQQKA4OAAAAQAAP/ABAADwAATACcAKwAvAAABIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAgEzESMBMxEjAgBqu4tQUIu7amq7i1BQi7tqVphxQUFxmFZWmHFBQXGY/uqAgAEAgIADwFCLu2pqu4tQUIu7amq7i1D8YEFxmFZWmHFBQXGYVlaYcUECYP6AAYD+gAAAAAAEAAD/wAQAA8AAEwAnACoALQAABTI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgIBJzcBJzcCAGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZgBFuDg/wDg4EBQi7tqaruLUFCLu2pqu4tQA6BBcZhWVphxQUFxmFZWmHFB/cCgoP7AoKAAAAAEAAD/wAQAA8AAEwAnACoALQAAASIOAhUUHgIzMj4CNTQuAgMiLgI1ND4CMzIeAhUUDgIBFwcBFwcCAGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZj+6uDgAQDg4APAUIu7amq7i1BQi7tqaruLUPxgQXGYVlaYcUFBcZhWVphxQQJAoKABQKCgAAACAAAAQAQAA0AAAwAGAAA3IRUhCQEhAAQA/AACAAIA/ADAgAMA/gAABAAAAAAEQAN+ACMAQwBcAHcAACUiJicmNDc+AzU0LgInJjQ3NjIXHgMVFA4CBw4BIyciJicmNDc+ATQmJyY0NzYyFx4DFRQOAgcOASMxJyImJyY0Nz4BNCYnJjQ3NjIXHgEUBgcOAQciJi8BIyImNRE0NjsBNz4BFx4BFREUBgcOAQN6CRIHDg4hMyISEiIzIQ4ODigOKD0pFhYpPSgHEgmqChEHDg4xMTExDg4OJw4fLyARESAvHwcRCasJEgcODh4fHx4ODg4oDiwtLSwHEo4GDAX2cw0TEw1z9gcTCQkLCwkDBiYHBw4oDiFMU1ouLlpTTCEOKA4ODihbZWw4OGxlWygHB1oHCA4nDjJ7gnsyDicODw8eR01UKytUTUceCAdbBwcOKA4eTVBNHg4oDg4OLHF0cSwHB9sFBPcTDQFADRP3BgQDBBAK/MAKEAQBAQAAAAIAAAAAA8ADfgAPACoAAAEVIycHIzU3JzUzFzczFQcBIiYvASMiJjURNDY7ATc+ARceARURFAYHDgEDwFVra1Vra1Vra1Vr/ksGDAX2cw0TEw1z9gcTCQkLCwkDBgFVVWtrVWtrVWtrVWv+QAUE9xMNAUANE/cGBAMEEAr8wAoQBAEBAAMAAP/ABAADwAATACcALQAAExQeAjMyPgI1NC4CIyIOAgUUDgIjIi4CNTQ+AjMyHgIHNwkBFzcAUIu7amq7i1BQi7tqaruLUAOgQXGYVlaYcUFBcZhWVphxQd1a/uP+41rDAcBqu4tQUIu7amq7i1BQi7tqVphxQUFxmFZWmHFBQXGY81oBHv7iWsIAAwAA/8AEAAPAABMAJwAtAAABIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAicXCQEHFwIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmPNaAR7+4lrCA8BQi7tqaruLUFCLu2pqu4tQ/GBBcZhWVphxQUFxmFZWmHFB3VoBHQEdWsMAAAAAAwAA/8AEAAPAABMAJwAtAAABNC4CIyIOAhUUHgIzMj4CJTQ+AjMyHgIVFA4CIyIuAjcHCQEnBwQAUIu7amq7i1BQi7tqaruLUPxgQXGYVlaYcUFBcZhWVphxQd1aAR0BHVrDAcBqu4tQUIu7amq7i1BQi7tqVphxQUFxmFZWmHFBQXGY81r+4gEeWsIAAAAAAwAA/8AEAAPAABMAJwAtAAAFMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhcnCQE3JwIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmPNa/uIBHlrCQFCLu2pqu4tQUIu7amq7i1ADoEFxmFZWmHFBQXGYVlaYcUHdWv7j/uNawwAKAAAAAAQAA4AAAwAHAAsADwATABcAGwAfACMAJwAAExEhEQE1IRUdASE1ARUhNSMVITURIRUhJSEVIRE1IRUBIRUhITUhFQAEAP2AAQD/AAEA/wBA/wABAP8AAoABAP8AAQD8gAEA/wACgAEAA4D8gAOA/cDAwEDAwAIAwMDAwP8AwMDAAQDAwP7AwMDAAAACAAD/twO3A24ADwA2AAABNCcmIyIHBhUUFxYzMjc2ARQHBiMiLwEGIyInJicmJyY1NDc2NzY3NjMyFxYXFhcWFRQHFxYVApJLS2ppTEtLTGlqS0sBJRYWHR8VxGZ+UUtLNjYfICAfNjZLS1FSS0o2NiAgR8QVAdtqS0tLS2ppS0xMS/6OHhUWFsNHICA2NkpLUVJLSjY2ICAgIDY2SktSfWfEFR4AAAADAAAAAAQAAyUAIABQAGQAACURBgcGBwYHBgcGKwEiJyYnJicmJyYnERQXFjMhMjc2NRE1MTUmIwYnJgcGJyEiBwYVFBcWFxYXFhcWFxYXFjsBMjc2NzY3Njc2NzY3Njc2NTcRFAcGIyEiJyY1ETQ3NjMhMhcWA7cSFplaHRITHx8bAhsfHxMSHVqZFhIGBQcDSgcFBgEBAgECAwQE/LYHBQZUbncEEBEKCRAQDQ0LAgsNDRAQCQoREAR3bh8aG0kbGyX8tiUbGxsbJQNKJRsbWwG3FBF2TBgODg4ODg4ODhhMdhEU/kkHBQYGBQcCWQ4HCAEGBQEBAgUFCGBCV14DDg4IBwsKBQUFBQoLBwgODgNeVxgqKSIV/ZIlGxsbGyUCbiYbGxsbAAkAAABJBAADbgATACcAOwBPAGMAdwCLAJ8AswAAJRUUBwYrASInJj0BNDc2OwEyFxYRFRQHBisBIicmPQE0NzY7ATIXFgEVFAcGKwEiJyY9ATQ3NjsBMhcWARUUBwYrASInJj0BNDc2OwEyFxYBFRQHBisBIicmPQE0NzY7ATIXFgEVFAcGKwEiJyY9ATQ3NjsBMhcWARUUBwYrASInJj0BNDc2OwEyFxYBFRQHBisBIicmPQE0NzY7ATIXFhEVFAcGKwEiJyY9ATQ3NjsBMhcWASUQEBe3FxAQEBAXtxcQEBAQF7cXEBAQEBe3FxAQAW0QEBe2FxAQEBAXthcQEP6TEBAXtxcQEBAQF7cXEBABbRAQF7YXEBAQEBe2FxAQAW4QEBe3FxAQEBAXtxcQEP6SEBAXthcQEBAQF7YXEBABbhAQF7cXEBAQEBe3FxAQEBAXtxcQEBAQF7cXEBDubhcQEBAQF24XEBAQEAENbRcQEBAQF20XEBAQEP7FbhcQEBAQF24XEBAQEAIybhcQEBAQF24XEBAQEP7EbRcQEBAQF20XEBAQEP7FbhcQEBAQF24XEBAQEAIybhcQEBAQF24XEBAQEP7EbRcQEBAQF20XEBAQEAEObhcQEBAQF24XEBAQEAABAD8APwLmAuYALAAAJRQPAQYjIi8BBwYjIi8BJjU0PwEnJjU0PwE2MzIfATc2MzIfARYVFA8BFxYVAuYQThAXFxCoqBAXFhBOEBCoqBAQThAWFxCoqBAXFxBOEBCoqBDDFhBOEBCoqBAQThAWFxCoqBAXFxBOEBCoqBAQThAXFxCoqBAXAAAAAwAA/7cDtwNuACwAPABjAAABFRQHBisBFRQHBisBIicmPQEjIicmPQE0NzY7ATU0NzY7ATIXFh0BMzIXFhUXNCcmIyIHBhUUFxYzMjc2ARQHBiMiLwEGIyInJicmJyY1NDc2NzY3NjMyFxYXFhcWFRQHFxYVAkkFBgeABgUHJQcGBYAIBQYGBQiABQYHJQcFBoAHBgVJS0tqaUxLS0xpaktLASUWFR4fFcRmflFLSzY2HyAgHzY2S0tRUktKNjYgIEfEFQHuJQcGBYAIBQUFBQiABQYHJQcGBYAHBgUFBgeABQYHE2pLS0tLamlLTExL/o4eFhUWw0cgIDY2SktRUktKNjYgICAgNjZKS1J9Z8QVHgAAAwAA/7cDtwNuABQAJABLAAABFRQHBiMhIicmPQE0NzYzITIXFhUXNCcmIyIHBhUUFxYzMjc2ARQHBiMiLwEGIyInJicmJyY1NDc2NzY3NjMyFxYXFhcWFRQHFxYVAkkFBgf+twgFBgYFCAFJBwYFSUtLamlMS0tMaWpLSwElFhUeHxXEZn5RS0s2Nh8gIB82NktLUVJLSjY2ICBHxBUB7iUHBgUFBgclBwYFBQYHE2pLS0tLamlLTExL/o4eFhUWw0cgIDY2SktRUktKNjYgICAgNjZKS1J9Z8QVHgAAAAACAA8ASQOoAyYAFwA/AAABERQHBisBNSMVIyInJjURNDc0MQkBFhU3BwYHIyInCQEGJyYvASY3NDcBNjMyHwE1NDc2OwEyFxYdARcWFxYHAyULCw/bk9sPCwsBAUgBSQF/IwUHAggE/nT+dQcHBwUjBQEGAZsSGRoSiwUGCG0IBQZ9BQEBBQGA/u4PCwvc3AsLDwESAQEBAQ/+8QECJyoFAQQBSv62BQEBBSoGCAgEAVYPD3RvCAUGBgUI6WgECAgGAAAABAAAAEkDtwO3ABAAIQA9AFkAACU0JyYjIgcGFRQXFjMyNzY1MzQnJiMiBwYVFBcWMzI3NjU3FRQHBiMhIicmPQE0NzYzIRcWMzI/ASEyFxYVAxYHAQYjIicBJjc2OwERNDc2OwEyFxYVETMyFwLbCgsPDwsLCwsPDwsKkwsLDw8LCgoLDw8LC0kQEBf8txcQEBAQFwEKTSEsLSFOAQkXEBC6ChL/AAoQDwr/ABIKCRiTCwoPkw4LC5IYCrcPCwoKCw8PCwsLCw8PCwoKCw8PCwsLCw+AtxcQEBAQF7cXEBBOICBOEBAXAUUXEf8ACwsBABEXFgEADwsLCwsP/wAWAAEAAABbAbcDEgAaAAABERQHBiMiLwEjIicmPQE0NzY7ATc2MzIXFhUBtwsLDw8Kv5UPCwsLCw+VvwoPDwsLAu79kg8LCwu/CgsP3A4LC74LCwoPAAQAAAAhA7cDTQAaAEMAaACVAAABERQHBiMiLwEjIicmPQE0NzY7ATc2MzIXFhUTFAcGBwYjIicmNTQ3Njc2NzY3NjU0JyYnJicmJyY1NDc2MzIXFhcWFTMUBwYHBiMiJyY1NDc2NzY3NjU0JyYnJicmNTQ3NjMyFxYXFhUzFAcGBwYjIicmNTQ3Njc2NzY3Njc2NTQnJicmJyYnJicmNTQ3NjMyFxYXFhUBtwsLDw8Kv5UPCwsLCw+VvwoPDwsL2xgYKAYJDgsLBwcJCgoJBwcHBwkKCgkHBwsLDgkGKBgYkzExUAcHDwsLFiAMKhgXFxgqDCAWCwsPBwdQMTGSSUh5BwgPCgsWBAkJBBoVRicoKCdGFRoECQkEFgsKDwgHeUhJAu79kg8LCwu/CgsP3A4LC74LCwoP/sksJSUQAwoLDwwJCAYGBwcNDRQTDQ4HBwYGCAgMEAoLAw8mJitYSkohAwsLDhcLEQgfLy41NC8vHgkRCxYPCwsDIkpKV4RubjQCCgsPFQ0CBAQCDg80Tk1YV05ONA8OAgQEAg0VDgsLAzRuboMAAAABAAD//gMkA3AADwAACQEGJyY1ETQ3NhcBFhUUBwMX/QkNCgkJCg0C9w0NAaX+WgcGBQ8DSQ8GBgj+WwgKCggAAgAAAAADbgNuABQAKQAAAREUBwYjISInJjURNDc2MyEyFxYVIREUBwYjISInJjURNDc2MyEyFxYVA24LCw/+3A8LCwsLDwEkDwsL/gALCw/+3A8LCwsLDwEkDwsLA0n83A8LCwsLDwMkDwsLCwsP/NwPCwsLCw8DJA8LCwsLDwACAAEASQNuAygADwAkAAATATYzMhcBFgcGIyEiJyY3ASEiJyY9ATQ3NjMhMhcWHQEUBwYjCAGWCw4PCwGWCwQDD/y3DwMECwNC/NsPCwoKCw8DJQ8KCwsKDwGHAZYLC/5qCggHBwgK/sILCw+SDwsLCwsPkg8LCwABAFgADwKoA6gAGgAACQIWFRQPAQYjIicBJjU0NwE2MzIfARYVFAcCnf7RAS8LC18LDg8L/lgLCwGoCw8OC18LCwML/tD+0QsPDwpfCwsBqAsODwsBqAsLXwsODwsAAAABADMADwKDA6gAGgAACQEGIyIvASY1NDcJASY1ND8BNjMyFwEWFRQHAnn+WAsPDwtfCwsBMP7QCwtfCw8PCwGoCgoBwv5YCwtfCg8PCwEvATALDw4LXwsL/lgLDw4LAAACAAAAAANuA24AHwA/AAABFA8BFxYVFAcGIyEiJyY1ETQ3NjMyHwE3NjMyHwEWFQERFAcGIyIvAQcGIyIvASY1ND8BJyY1NDc2MyEyFxYVAa8FvlILCwsO/wAPCwsLCw8OC1O9BgcIBkEFAb8LCw8PC1K+BQgHBkEGBr5TCgoLDwEADwsLAVsHBr1TCw4PCwsLCw8BAA4LCwtSvgUFQQYIAe7/AA8LCgpTvgYGQQYHCAW+UgsPDwsLCwsPAAIABwAHA2YDZgAfAD8AAAERFAcGIyIvAQcGIyIvASY1ND8BJyY1NDc2MyEyFxYVARQPARcWFRQHBiMhIicmNRE0NzYzMh8BNzYzMh8BFhUBtwsLDw8KU70GCAcGQQYGvlILCwoPAQAPCwsBrwW+UgsLCw//AA4LCwsLDg8LUr4GBwgFQgUBkv8ADwoLC1K+BgZBBgcIBr1TCg8PCwsLCw8BgAcGvlILDw4LCwsLDgEADwsLC1K+BQVCBQgAAQAzAJ4DzQLuABoAAAEHBiMiJwkBBiMiLwEmNTQ3ATYzMhcBFhUUBwPCXwsPDwv+0f7RCw8PC18LCwGoCw8PCwGoCwsBB14LCwEw/tALC14LDxAKAagLC/5YChAPCwAAAQAzAJoDzQLpABoAAAkBBiMiJwEmNTQ/ATYzMhcJATYzMh8BFhUUBwPC/lgLDw8L/lgLC18LDw8LAS8BLwsPDwtfCwsCTP5YCgoBqAsPDwteCwv+0QEvCwteCw8PCwAAAQAZAEkDngMlADsAAAEGBxYVFAcGBwYHBgcGIyInFjMyNyYnJicWMzI3JicmPQEWFyYnJjU0NxYXFhcmNTQ3NjMyFzY3Bgc2NwOeJzYBFhYsLD0+VlZim4EUGYBlPDAvEhMQGRhAKionLCYWFhlFY2NyBTY2TVA2PzcWPDY1As44KAgQSkpKREQ0NR8fUwJPASMkOAMGDTMyQwIVAhkpKDAyK1UzNAUVFU02NjsMIUIkBhcAAQA2AAACJAO3ABcAAAEVIyIHBh0BMwcjESMRIzUzNTQ3NjMyFwIkWjEREacWka+Skjs8Y1QuA7CXFBUpbKn+TgGyqXxrOjsHAAAAAAYAAAAlBAADSQAQACAANQBFAFoAbgAANxQHBiMiJyY1NDc2MzIXFhURFAcGIyInJjU0NzYzMhcWARUUBwYjISInJj0BNDc2MyEyFxYVARQHBiMiJyY1NDc2MzIXFgEVFAcGIyEiJyY9ATQ3NjMhMhcWFREVFAcGIyEiJyY9ATQ3NjMhMhcW2yAgLS4gICAgLi0gICAgLS4gICAgLi0gIAMlBQYH/UkIBQUFBQgCtwcGBfzbICAtLiAgICAuLSAgAyUFBgf9SQgFBQUFCAK3BwYFBQYH/UkIBQUFBQgCtwcGBZItICAgIC0uICAgIC4BJS4gICAgLi4gICAg/uRuBwUGBgUHbggFBQUFCAISLSAgICAtLiAgICD+5W4HBgUFBgduBwYFBQYHASRtCAUGBgUIbQgFBgYFAAEAAAAAA24DbgBnAAABFAcGBwYjIic2NzY3FhcWMzI3Njc2NTQnJicmIyIHBgcGBwYHBhUUFxYXFjc2NzY3NicmNTQ3NjMyFxYVFAcGIyInJjc2NzY3NjU0JyYjIgcGFRQXBwYXJicmNTQ3Njc2MzIXFhcWFQNuOztlZXdAPSILBRoLHh8jRTY2Hh4iIkFAUjw0NCQkGhoMDRcXLBEFAQMEAQMJHjw8YFcwMCcnPSMVFQgECwoHBxAPHSMZGA45CQJ2SEk7O2VkeHdlZTs7Abd4ZGU7OxI1KRNmFxAQJydFRFZBOTkkJBARGxwjJCYnJjsuLRIHEgQODgMNDCMzVj4+Li9LYUREGRgjFCIhGhkSHBMTISAxKRzvKD00bG2Fd2VlOzs7O2VldwAAAAQAEgAAA5oDtwBBAGAAjQCaAAABFBcWFxYXFhcWFRQHBgcGIyInJicmNTQ3Njc2NyYnJjU0NwYjIicmNTQ3Njc2NzY7AQcjFhcWFRQHBgcGBwYHBhUnMjc2NzY1NCcmJyYnJiMiBwYHBhUUFxYXFhcWFxYzEzI3Njc2NzY1NCcmJyYnJicmJyYnJicmJyYjIgcGBwYHBgcGFRQXFhcWFxYzATMVIxUjNSM1MzUzFQGkEhMaGhkaEhMcKU9QW0tCQSEVGhkqS5wSCQkMGg1UOjoUFSQsPD1A7k5LKhYVDg4TFBQUDg5TFRcXDx4KCRISHx4kGBgXDhsGBgwMEhEZGh4BIR4fGhoQDwQEBAQLCwYGEBAFBRMTAgkSHh4eHyAYGA8PFBQgICQkJQHPeXk8eno8AfAVExQTExcXJSQtMzBFISEYFzcjKC4oJxsuCxgSEhgUHAI3N1UvLCwfJRMSMiQoKDQpISEUFBEREhMTNwkKDyE6ISYnIyQYFwsLEyI6Gh0eHR4XFw8P/g0HCA8PGhskDg4NCwoNDgYHDQ0EAw4OAQEEBAoLEBAaGyIoHh8REAkIAfU+fX0+fHwAAAIAAAAABAADJQAfAEwAAAERFAcGIyEiJyY1ERYXFhcWFxYXFjsBMjc2NzY3Njc2NxQHBgcGBwYHBgcGBwYHBisBIicmJyYnJicmJyYnJicmJyY1NDc2MyEyFxYVBAAbGyX8tiUbGxkhz00gFRQiIR0CHSEiFBUgYbwgGRwcKtc0BhITDA0RERAPDQINDxAREQ0MExIGNGJhFCMgHxgXLANKJRsbAiH+OiUbGxsbJQHGHBaMORgNDg4ODg4ODRhHfhfDLSkpHZYkBA4NCAkKCgUFBQUKCgkIDQ4EJEREDhgqKiQsHh4bGyYAAAAAAwAAABsDbgNiAAQAFQA5AAATESMRMzcWBwYrASInJjU0NzYzMhcWAREjETQnJiMiBwYHBhURIzY1NC8BMxUjNjc2NzY3NjMyFxYVx7y8DAEdHjABLxwdHR4vMBwdApu8FxgxJBgYDAe8AgEBvAEMDAwUFB4dJGI7PAJS/ckCN68qHBwcHCoqHBsbHP41/rsBLzwiIhMUHREe/sTkjo4bHFMTDQ4QEAkJQUF9AAgAMP+3BPUDtwAeAC4APwBKAGMAbgB+AMIAACUUBwYHBiMiJyY1NDc2MzIXFhcWMzI3Njc2MzIXFhUlFAcGIyInJjU0NzYzMhcWBRQHBiMiJyY1NDc2MzIXFhUlJiMiBwYVFBc2NwU0JyYnJiMiBwYHBhUUFxYXFjMyNzY3NjU3NCcmIyIHFhc2NQM0JyYjIgcGFRQXFjMyNzYTFAcGBxYVFAcGBwYHBiMiJyYnJicmNTQ3JicmNTQ3NjMyFzY3EzYzMhc2NzYzMhcWFRQHBiMiJyYvAQcWFzYzMhcWFQNeBx03NjqQNgcHBwoICSEnJjU0JyciCAkKBgf+0RkYIyIaGRkZIyMYGQFwGRgjIhoZGRkjIxgZ/U4WHCYbGx8fUAOVjkleXWBgXV5Kjo5KXl1gYF1eSY5DGxslHRhQHSNSFBQbHBQTExQcGxQUghMTIAMtLklQY2RnZ2RjUEotLQMeEhEpKDo0J5fVUwURDs4OHB0iLyIhISIvLyIhAcJHx5IoNTkpKYYICCIODT0ICAoHBwccCQoKCRwHBwcK4CMZGBkYIyMZGRkZIyMZGBkYIyMZGRkZI6gQGxsmKRxRQOt/XzAYGBgYMF9/fl8wGBgYGDBffp8mGxsRQlEcLAGCHBQTExQcGxQUFBT+mSUgIRMUEk9DQjE0GhkZGjQxQkNPFRQTIB8kOSkpImEEAQUQMx8TEyIiLy8iISEiLi7iCF4kKSk5AAAAAAIAAAAUBEkDWgAoAEAAAAE1NCcmIyIHBhURFAcGIyInJj0BMxUUFxYzMjc2NRE0NzYzMhcWHQEHFzMVFAcGIyInJj0BFzcVFBcWMzI3Nj0BAl8RERgYEhFISGVmR0i7EhEYGBERSElkZEhIb+S7SEdmZUhIS28RERgYEhECIEMYEhEREhj+o2RHR0hHZpiWGBEREREYAWNhRkVGRmJOIVyYZkdIR0dlmSMhmhgRERERGJ0AAAEAAAAAA24DbgA0AAABMhcWFRQHBiMiJyY1NDcnBiMiJyY1NDc2MzIXNyY1NDc2MzIXFhUUBwYjIicHFhUUBxc2MwK3TDU2NjVMTDY1Ac40SEw2NTU2TEg0zgE1NkxMNTY2NUxINc0BAc01SAFuNjVMTDY1NTZMBwxnMTU2TEw1NjFmDQdMNTY2NUxMNjUxZwwHBw1mMQAABQAA/7cEAAO3ABQAGQAtADoARwAAAREUBwYjERQHBiMhIicmNRETNjsBMxEjETMBERQHBiMhIicmNREiJyY1ETMyFyUVIzU0NzY7ATIXFhUhFSM1NDc2OwEyFxYVAZILCg8LCw/+3A8LC44EDvK3kpIBtwsLD/7cDwsLDwoL8g4E/jPKBgUIpAgFBgGAygYFCKQIBQYDAP5JDwsK/rYOCwsLCw4BJQHzDf5uAZL+AP7bDgsLCwsOAUoKCw8Btw2ygIAIBQUFBQiAgAgFBQUFCAAAAAABAAAAAQAA2qLjg18PPPUACwQAAAAAANUbxMoAAAAA1RvEygAA/7cE9QPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAUlAAAAAAT1AAEAAAAAAAAAAAAAAAAAAAA7BAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAARAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAADtwAABAAAAAQAAAADJQA/A7cAAAO3AAADtwAPA7cAAAG3AAADtwAAAyUAAAQAAAADbwABAtsAWALbADMEAAAABAAABwQAADMEAAAzA7cAGQJJADYEAAAABAAAAAO3ABIEAAAABAAAAAUlADAESQAABAAAAAQAAAAAAAAAAAoAFAAeAEIAbADmATgBmAHwAiYCXAKOAtgDHgNAA44D0AQaBGIEqgS+BWgFqgXwBjgGgAbGBw4HYgf2COgJLAm2CiYKiAsICzIMBgwmDGYMogzSDQINYA2+De4OHg54Dp4POg/QEK4RJBF6Eo4S6BM0E54AAQAAADsAwwAKAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABUAAAABAAAAAAACAAcA3gABAAAAAAADABUAYAABAAAAAAAEABUA8wABAAAAAAAFAAsAPwABAAAAAAAGABUAnwABAAAAAAAKABoBMgADAAEECQABACoAFQADAAEECQACAA4A5QADAAEECQADACoAdQADAAEECQAEACoBCAADAAEECQAFABYASgADAAEECQAGACoAtAADAAEECQAKADQBTHdvd2Jvb2stdG9vbGJhci1mb250cwB3AG8AdwBiAG8AbwBrAC0AdABvAG8AbABiAGEAcgAtAGYAbwBuAHQAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMHdvd2Jvb2stdG9vbGJhci1mb250cwB3AG8AdwBiAG8AbwBrAC0AdABvAG8AbABiAGEAcgAtAGYAbwBuAHQAc3dvd2Jvb2stdG9vbGJhci1mb250cwB3AG8AdwBiAG8AbwBrAC0AdABvAG8AbABiAGEAcgAtAGYAbwBuAHQAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcndvd2Jvb2stdG9vbGJhci1mb250cwB3AG8AdwBiAG8AbwBrAC0AdABvAG8AbABiAGEAcgAtAGYAbwBuAHQAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'); font-weight: normal; font-style: normal; } .fa-th:before { content: "\f00a"; } .fa-close:before { content: "\f00d"; } .fa-remove:before { content: "\f00d"; } .fa-binoculars:before { content: "\f1e5"; } .fa-search:before { content: "\f002"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-home:before { content: "\f015"; } .fa-download:before { content: "\f019"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-list-ul:before { content: "\f0ca"; } .fa-envelope-o:before { content: "\f003"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f09a"; } .fa-pinterest:before { content: "\f0d2"; } .fa-google-plus:before { content: "\f0d5"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-reddit:before { content: "\f1a1"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-share-alt:before { content: "\f1e0"; } .icon-home:before { content: "\e900"; } .icon-download:before { content: "\e960"; } .icon-binoculars:before { content: "\e985"; } .icon-search:before { content: "\e986"; } .icon-zoom-in:before { content: "\e987"; } .icon-zoom-out:before { content: "\e988"; } .icon-enlarge:before { content: "\e989"; } .icon-shrink:before { content: "\e98a"; } .icon-list:before { content: "\e9ba"; } .icon-list2:before { content: "\e9bb"; } .icon-cloud-download:before { content: "\e9c2"; } .icon-download3:before { content: "\e9c7"; } .icon-cancel-circle:before { content: "\ea0d"; } .icon-play2:before { content: "\ea15"; } .icon-pause:before { content: "\ea16"; } .icon-backward:before { content: "\ea1a"; } .icon-forward2:before { content: "\ea1b"; } .icon-eject:before { content: "\ea25"; } .icon-volume-high:before { content: "\ea26"; } .icon-volume-mute2:before { content: "\ea2a"; } .icon-circle-up:before { content: "\ea41"; } .icon-circle-right:before { content: "\ea42"; } .icon-circle-down:before { content: "\ea43"; } .icon-circle-left:before { content: "\ea44"; } .icon-table2:before { content: "\ea71"; } /* * styles for toolbar icons */ .wowbook-nav { position: absolute; height: 48px; width: 48px; -moz-transform: translateY( -50% ); -webkit-transform: translateY( -50% ); -o-transform: translateY( -50% ); -ms-transform: translateY( -50% ); transform: translateY( -50% ); top: 50%; margin: 0; padding: 0; line-height: 100%; text-align: center; border: none; border-radius: 5px; font-size: 20px; } .wowbook-nav.wowbook-disabled { display: none; } .wowbook-nav-left { left: 10px; } .wowbook-nav-left i { margin-left: -5px; } .wowbook-nav-right { right: 10px; } .wowbook-nav i, .wowbook-control i, .wowbook-findbar a i { font-family: 'wowbook-toolbar-fonts'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wowbook-close i:before { font-family: 'wowbook-toolbar-fonts'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea0d"; /* .icon-cancel-circle */ font-size: bigger; } /* toolbar and control fontawesome icons */ .wowbook-fontawesome.wowbook-nav-left i:before, .wowbook-fontawesome .wowbook-control-left i:before { content: "\f053"; /* fa-chevron-left */ } .wowbook-fontawesome.wowbook-nav-right i:before, .wowbook-fontawesome .wowbook-control-right i:before { content: "\f054"; /* fa-chevron-right */ } .wowbook-fontawesome .wowbook-control-lastLeft i:before, .wowbook-fontawesome .wowbook-control-first i:before { content: "\f053\f053"; /* fa-chevron-left */ letter-spacing: -6px; margin-left: -10px; } .wowbook-fontawesome .wowbook-control-back i:before { content: "\f053"; /* fa-chevron-left */ } .wowbook-fontawesome .wowbook-control-next i:before { content: "\f054"; /* fa-chevron-right */ } .wowbook-fontawesome .wowbook-control-lastRight i:before, .wowbook-fontawesome .wowbook-control-last i:before { content: "\f054\f054"; /* fa-chevron-right */ letter-spacing: -6px; margin-left: -5px; } .wowbook-fontawesome .wowbook-control-zoomin i:before { content: "\f00e"; /* .fa-search-plus */ } .wowbook-fontawesome .wowbook-control-zoomout i:before { content: "\f010"; /* .fa-search-minus */ } .wowbook-fontawesome .wowbook-control-slideshow i:before { content: "\f04b"; /* .fa-play-circle-o */ } .wowbook-fontawesome .wowbook-control-slideshow.wowbook-disabled i:before { content: "\f04c"; /* .fa-pause */ } .wowbook-fontawesome .wowbook-control-flipsound i:before { content: "\f028"; /* .fa-volume-up */ } .wowbook-fontawesome .wowbook-control-flipsound.wowbook-disabled i:before { content: "\f026"; /* .fa-volume-off */ } .wowbook-fontawesome .wowbook-control-fullscreen i:before { content: "\f065"; /* .fa-expand */ } .wowbook-fontawesome .wowbook-control-fullscreen.wowbook-disabled i:before { content: "\f066"; /* .fa-compress */ } .wowbook-fontawesome .wowbook-control-thumbnails i:before { content: "\f00a"; /* .fa-th */ } .wowbook-fontawesome .wowbook-control-toc i:before { content: "\f0ca"; /* .fa-list-ul */ } .wowbook-fontawesome .wowbook-control-download i:before { content: "\f019"; /* .fa-download */ } .wowbook-fontawesome .wowbook-control-home i:before { content: "\f015"; /* .fa-home */ } .wowbook-fontawesome .wowbook-control-share > i:before { content: "\f1e0"; /* .fa-share-alt */ } .wowbook-fontawesome .wowbook-control-find > i:before { content: "\f1e5"; /* .fa-binoculars */ } .wowbook-fontawesome .wowbook-control-toggle-toolbar i:before { content: "\f052"; /* .fa-eject */ } .wowbook-control-toggle-toolbar.wowbook-collapsed { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .wowbook-control-toggle-toolbar { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); transform: scaleY(-1); transition: 0.4s; } .wowbook-control span.wowbook-disabled { display: none; } .wowbook-control.wowbook-disabled span { display: none; } .wowbook-control.wowbook-disabled span.wowbook-disabled { display: block; } /* toolbar icomoon icons */ .wowbook-icomoon.wowbook-nav-left i:before, .wowbook-icomoon .wowbook-control-left i:before { content: "\f053"; /* fa-chevron-left */ } .wowbook-icomoon.wowbook-nav-right i:before, .wowbook-icomoon .wowbook-control-right i:before { content: "\f054"; /* fa-chevron-right */ } .wowbook-icomoon .wowbook-control-lastLeft i:before, .wowbook-icomoon .wowbook-control-first i:before { content: "\f053\f053"; /* fa-chevron-left */ letter-spacing: -6px; margin-left: -10px; } .wowbook-icomoon .wowbook-control-back i:before { content: "\f053"; /* fa-chevron-left */ } .wowbook-icomoon .wowbook-control-next i:before { content: "\f054"; /* fa-chevron-right */ } .wowbook-icomoon .wowbook-control-lastRight i:before, .wowbook-icomoon .wowbook-control-last i:before { content: "\f054\f054"; /* fa-chevron-right */ letter-spacing: -6px; margin-left: -5px; } .wowbook-icomoon .wowbook-control-zoomin i:before { content: "\e987"; /* .icon-zoom-in */ } .wowbook-icomoon .wowbook-control-zoomout i:before { content: "\e988"; /* .icon-zoom-out*/ } .wowbook-icomoon .wowbook-control-slideshow i:before { content: "\ea15"; /* .icon-play2 */ } .wowbook-icomoon .wowbook-control-slideshow.wowbook-disabled i:before { content: "\ea16"; /* .icon-pause */ } .wowbook-icomoon .wowbook-control-flipsound i:before { content: "\ea26"; /* .icon-volume-high */ } .wowbook-icomoon .wowbook-control-flipsound.wowbook-disabled i:before { content: "\ea2a"; /* .icon-volume-mute2 */ } .wowbook-icomoon .wowbook-control-fullscreen i:before { content: "\e989"; /* .icon-enlarge */ } .wowbook-icomoon .wowbook-control-fullscreen.wowbook-disabled i:before { content: "\e98a"; /* .icon-shrink */ } .wowbook-icomoon .wowbook-control-thumbnails i:before { content: "\ea71"; /* .icon-table2 */ } .wowbook-icomoon .wowbook-control-toc i:before { content: "\e9ba"; /* .icon-list */ } .wowbook-icomoon .wowbook-control-download i:before { content: "\e960"; /* .icon-download */ } .wowbook-icomoon .wowbook-control-home i:before { content: "\e900"; /* .icon-home */ } .wowbook-icomoon .wowbook-control-find i:before { content: "\e985"; /* .icon-binoculars */ } .wowbook-icomoon .wowbook-control-toggle-toolbar i:before { content: "\ea25"; /* .icon-eject */ } /* Share buttons */ .wowbook-share-buttons { position: absolute; margin-top: 2px; } .wowbook-share-buttons.wowbook-hidden { display: none; } .wowbook-share-buttons.wowbook-up { bottom: 100%; margin-bottom: 2px; } .wowbook-share-button { font-size: 1em; display: block; /* height: 48px; width: 48px; line-height:48px; */ } .wowbook-share-button:hover { background: #2D2D2D; } .wowbook-hidden{ display:none; } /* Control current page */ .wowbook-control-currentPage { position: relative; vertical-align: top; } .wowbook-control-currentPage .wowbook-current-page, .wowbook-control-currentPage .wowbook-input-page { display: inline-block; font-size: 70%; vertical-align: top; } .wowbook-input-page { box-sizing: border-box; line-height: normal; text-align: center; vertical-align: middle !important; width: 90%; left: 5%; position:absolute; border: 1px solid gray; color: black; } .wowbook-lightbox-ios { -webkit-overflow-scrolling : touch; overflow: auto; } /* Find Bar */ .wowbook-findbar { position: absolute; background: inherit; width: 100%; font-family: Helvetica,Arial,sans-serif; font-size: 13px; zIndex: 1001; } .wowbook-findbar.wowbook-hidden { display: none; } .wowbook-findbar.wowbook-up { bottom: 100%; } .wowbook-findbar.wowbook-find-pending .wowbook-find-count { background-image: url("/local/templates/new_drofa/assets/wow_book/loading-small.png"); background-position: left center; background-repeat: no-repeat; padding-left: 21px; } .wowbook-find-text-container { display: inline-block; position: relative; } .wowbook-find-count { position: absolute; right: 0; color: black; padding-right: 8px; } input.wowbook-find-text { line-height: normal; color: initial; } .wowbook-findbar input[type="checkbox"] { margin: 0; vertical-align: text-bottom; } .wowbook-findbar label { display: inline; font-weight: normal; margin: 0; } .wowbook-findbar a { transition: none; cursor: pointer; outline: medium none; border: 0 none; border-radius: 0; height: 100%; width: 36px; color: inherit; vertical-align: middle; display: inline-block; } .wowbook-findbar a:hover { text-decoration: none; } .wowbook-findbar a:active { background-color: hsla(0,0%,0%,.2); background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45); box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, 0 0 1px hsla(0,0%,0%,.2) inset, 0 1px 0 hsla(0,0%,100%,.05); } .wowbook-findbar a span { width: 0; height: 0; overflow: hidden; display: inline-block; } .wowbook-find-count { display: inline-block; } .wowbook-findbar .wowbook-control-back { text-indent: -2px; } .wowbook-findbar .wowbook-close { margin-left: 5px; } .wowbook-toolbar.wowbook-small .wowbook-findbar { } .wowbook-toolbar.wowbook-small .wowbook-findbar a { width: 30px; margin-left: 0px; } .wowbook-toolbar.wowbook-small .wowbook-findbar label { font-size: smaller; } .wowbook-toolbar.wowbook-small .wowbook-find-text-container { width:150px; } .wowbook-toolbar.wowbook-small .wowbook-find-text { width:90%; } @keyframes wowbook-flash-animation { 0%, 100% {opacity: 1;} 50% {opacity: 0;} } .wowbook .highlight.selected { animation-name: wowbook-flash-animation; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 10;/*infinite*/ } /* Dark color scheme (default) */ .wowbook-controls, .wowbook-share-buttons, .wowbook-nav { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background: #222; background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%); background-repeat: repeat-x; color: white; } .wowbook-control, .wowbook-control:visited, .wowbook-control:active, .wowbook-control.remove-sticky-hover-style:hover { background: transparent; color: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .wowbook-nav:active, .wowbook-nav:hover, .wowbook-control:active, .wowbook-control:hover { background: #2D2D2D; } .wowbook-toc { color: white; color: #b8b8b8; background: #222; background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%); background-repeat: repeat-x; border-color: #080808; box-shadow: 2px 0 8px rgba(0,0,0,0.5); } .wowbook-toc h1 { color: #b8b8b8; color: inherit; padding-left: 10px; } .wowbook-toc .wowbook-close { display: block; line-height: 1.4em; margin: 0.5em 0.5em 0 0; position: absolute; right: 0; top: 0; text-align: center; background: transparent; color: inherit; border: none; outline: none; padding: 0; } .wowbook-toc .wowbook-close:hover { color: white; } .wowbook-toc li { border: none; } .wowbook-toc a { border-top: 1px solid #101010; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; text-decoration: none; } .wowbook-toc-item a, .wowbook-toc-item a:visited, .wowbook-toc-item a:active { color: #b8b8b8; color: inherit; } .wowbook-toc a:hover { background: #555; color: white; } .wowbook-thumbnails { background: rgba(128, 128, 128, 0.5) none repeat scroll 0 0; box-shadow: 0 0 15px rgba(128, 128, 128, 0.48); border-bottom: 1px solid rgba(64, 64, 64, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.5); } .wowbook-thumbnails > .wowbook-wrapper > .wowbook-button { color: white; } .wowbook-horizontal.wowbook-thumbnails { padding-top: 10px; padding-bottom: 10px; } .wowbook-lightbox > .wowbook-close { background: #222 linear-gradient(to bottom, #3c3c3c 0px, #222 100%) repeat-x scroll 0 0; border: 1px solid #b8b8b8; color: #b8b8b8; } /* White color scheme */ .wowbook-cs-white.wowbook-nav, .wowbook-cs-white .wowbook-controls, .wowbook-cs-white.wowbook-controls { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .wowbook-cs-white.wowbook-nav, .wowbook-cs-white .wowbook-control { background: #fbfbfb; } .wowbook-cs-white.wowbook-nav, .wowbook-cs-white .wowbook-control, .wowbook-cs-white .wowbook-control:visited, .wowbook-cs-white .wowbook-control:active { color: inherit; } .wowbook-cs-white.wowbook-nav, .wowbook-cs-white .wowbook-control:hover { color: #262626; background: #f5f5f5; } .wowbook-cs-white.wowbook-nav, .wowbook-cs-white .wowbook-controls, .wowbook-cs-white .wowbook-share-buttons, .wowbook-cs-white.wowbook-controls, .wowbook-cs-white.wowbook-share-buttons { background: #fbfbfb; color: #737373; } .wowbook-cs-white .wowbook-toc, .wowbook-cs-white.wowbook-toc { color: #737373; background: #fbfbfb; border-color: #080808; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .wowbook-cs-white .wowbook-toc h1, .wowbook-cs-white.wowbook-toc h1 { color: inherit; padding-left: 10px; } .wowbook-cs-white .wowbook-toc .wowbook-close, .wowbook-cs-white.wowbook-toc .wowbook-close { background: transparent; color: #adadad; margin-right: 10px; bborder: 1px solid #f3f3f3; bborder-radius: 2px; } .wowbook-cs-white .wowbook-toc .wowbook-close:hover { background: #f5f5f5; color: #262626; } .wowbook-cs-white .wowbook-toc li, .wowbook-cs-white.wowbook-toc li { border: none; } .wowbook-cs-white .wowbook-toc a, .wowbook-cs-white.wowbook-toc a { text-decoration: none; border-top: 1px solid #f3f3f3; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; color: inherit; text-decoration: none; } .wowbook-cs-white .wowbook-toc a:hover, .wowbook-cs-white.wowbook-toc a:hover { background: #f5f5f5; color: #262626; } .wowbook-cs-white.wowbook-thumbnails { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #d3d3d3; box-shadow: 0 0 15px rgba(128, 128, 128, 0.48); } .wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-back.wowbook-button { border-width: 0 0 1px 0; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2); } .wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button { border-width: 1px 0 0 0; box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.2); } .wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-back.wowbook-button { border-width: 0 1px 0 0; box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.2); } .wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button { border-width: 0 0 0 1px; box-shadow: -4px 0 4px -2px rgba(0, 0, 0, 0.2); } .wowbook-cs-white.wowbook-thumbnails .wowbook-button { color: #737373; background: white; border: 0px solid #d3d3d3; z-index: 1; } .wowbook-cs-white.wowbook-thumbnails .wowbook-button:hover { color: #262626; background: #f5f5f5; } .wowbook-lightbox > .wowbook-close.wowbook-cs-white { background: #fbfbfb; border-color: 1px solid #f3f3f3; color: #737373; } /* End */ /* Start:/local/templates/new_drofa/template_styles.css?1594027214540105*/ @charset "UTF-8"; @font-face { font-family: 'Circe'; src: url('/local/templates/new_drofa/fonts/circe/circe_light.eot'); src: url('/local/templates/new_drofa/fonts/circe/circe_light.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/circe/circe_light.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/circe/circe_light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Circe'; src: url('/local/templates/new_drofa/fonts/circe/circe_regular.eot'); src: url('/local/templates/new_drofa/fonts/circe/circe_regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/circe/circe_regular.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/circe/circe_regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Circe'; src: url('/local/templates/new_drofa/fonts/circe/circe_bold.eot'); src: url('/local/templates/new_drofa/fonts/circe/circe_bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/circe/circe_bold.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/circe/circe_bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-regular.eot'); src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-regular.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-italic.eot'); src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-italic.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700.eot'); src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700italic.eot'); src: url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700italic.woff2') format('woff2'), url('/local/templates/new_drofa/fonts/ptserif/pt-serif-v11-latin_cyrillic-700italic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; position: relative; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } progress { vertical-align: baseline; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover, a:focus, a:after, a:before { outline: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; border: 0; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, input::-moz-focus-inner { border-style: none; border: 0; padding: 0; } button, button:active, button:hover, button:focus, button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: none; } input { line-height: normal; overflow: visible; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; box-sizing: content-box; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; box-sizing: border-box; display: table; max-width: 100%; white-space: normal; color: inherit; padding: 0; } optgroup { font-weight: bold; } textarea { overflow: auto; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } a { color: #4D88CE; } :root { font-size: 87.5%; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.6; } html { height: 100%; } body { font-family: 'Circe', sans-serif; height: 100%; } body.nonscroll { overflow: hidden; position: fixed; width: 100%; height: 100%; } a { cursor: pointer; } p { text-align: left; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.4; margin: 3rem 0 2rem; } h1 { font-size: 2.57143rem; } h2 { font-size: 2.14286rem; } h3 { font-size: 1.85714rem; } h4 { font-size: 1.57143rem; font-weight: 700; margin: 2rem 0 1rem; } h5 { font-size: 1.28571rem; font-weight: 700; margin: 2rem 0 1rem; } h6 { font-size: 1.14286rem; font-weight: 700; margin: 2rem 0 1rem; } .overflow { overflow: hidden; } .amain.layout_home, .amain.wrapper { background: #f6f7fc; } .amain.wrapper { overflow: hidden; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } .wrapper__body { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .layout { background-color: #fff; position: relative; } .layout__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .layout__row_header { display: block; height: 120px; position: relative; } .layout__row_main { -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; min-height: 100vh; } .layout__float-header { position: absolute; left: 0; right: 0; z-index: 101; background-color: #fff; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .layout__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .layout__col_main-logo { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; text-align: center; } .layout__col_sandwich { display: none; } .layout__col_user-nav { text-align: right; display: none; } .layout__col_side-nav { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; width: 320px; -ms-flex-item-align: stretch; align-self: stretch; position: relative; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; } .layout_home .layout__col_side-nav { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; width: 320px; } .layout__col_side-main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout__section_activity { padding: 1rem 0; } .layout__section_products { padding: 2rem 0; } .layout__section_contact { padding: 6rem 0 2rem; } .layout__section_news { padding: 2rem 0; } .layout__section_articles { padding: 2rem 0; } .layout__section_container { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .layout__section_bottom-space { margin-bottom: 4rem; } .layout__section-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .layout__section-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .layout__section-col_sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .layout__section-col_content-right { padding-left: 2rem; } .layout__section-col_content-left { padding-left: 2rem; } .layout__section--grey { background: #f6f7fc; } .layout__section--padding { padding-top: 2rem; padding-bottom: 2rem; } blockquote footer { text-align: right; font-size: 1rem; font-style: normal; color: #777; } blockquote cite { font-style: inherit; } .error { padding: 200px 0; background-image: url('/local/templates/new_drofa/assets/images/404-bg.jpg'); background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; } .error__inner { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 600px; margin: auto; } .error__title { margin: 0 0 2rem; text-align: center; color: #fff; } .error__description { text-align: center; color: #fff; padding: 0 2rem; } .error__link { color: inherit; } .error__form { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 2rem 1rem 0; } .error__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; margin-right: 1rem; } .error__input:focus { border-color: #1976d2; } .error__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 2.4rem; line-height: 2.4rem; border: none; box-sizing: border-box; color: #fff; background-color: #1976d2; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .error__btn:hover { background-color: #1562ae; } .author__row_title { text-align: center; margin: 1rem 0 1rem; } .author__row_photo { margin: 4rem 0 1rem; } .author__row_labels { text-align: center; margin: 0 0 1rem; color: #999; } .author__row_documents { margin: 2rem 0; border-top: 1px solid #eee; } .author__title { margin: 0; } .event-box { padding: 2rem 0; } .event-box__title { text-align: center; margin: 1rem 0; } .event-box__subtitle { text-align: center; margin: 1rem 0; } .event-box__caption { text-align: center; margin: 1rem 0; } .material__row_title { text-align: center; margin: 4rem 0 1rem; } .material__row_labels { text-align: center; margin: 0 0 1rem; } .material__row_documents { margin: 2rem 0; border-top: 1px solid #eee; } .material__title { margin: 0; } .repair-password { padding-bottom: 4rem; } .repair-password__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -2rem; } .repair-password__col { padding: 2rem; box-sizing: border-box; } .repair-password__col_form { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } .repair-password__col_side { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .repair-password__side-title { margin-top: 0; } .repair-password__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; width: auto; background-color: #fafafa; border-color: transparent; } .repair-password__btn-like + .repair-password__btn-like { margin-right: 1rem; } .repair-password__btn-like_primary { background-color: #ff5722; color: #fff; border-color: transparent; } .shops__row_title { text-align: center; } .shops__row_tabs { margin-bottom: 40px; } .shops__wrap { position: relative; height: 60vh; } .shops__col { box-sizing: border-box; } .shops__col_map { height: 100%; } .shops__col_info { background-color: #fff; height: 100%; padding: 16px 0; position: absolute; top: 0; right: calc(50% - 585px); width: 400px; } .shops__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: 0 -4px; } .shops__tab-item { padding: 0 4px; width: 100%; } .shops__tab-item_selected .shops__tab-link { background-color: #4D88CE; color: #fff; } .shops__tab-link { border: 2px solid #4D88CE; border-radius: 4px; display: block; color: #4D88CE; font-size: 16px; padding: 4px 20px; text-align: center; text-decoration: none; white-space: nowrap; } .shops__tab-link_for-schools { color: #ff5722; } .shops__tab-content { font-size: 16px; } .shops__shops { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .shops__shops_school { height: auto; } .shops__shop-filter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 16px; } .shops__shop-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; padding-top: 16px; overflow: hidden; position: relative; } .shop-item { padding: 0 16px; } .shops .file-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-left: -12px; margin-right: -12px; } .shops .file-list * { box-sizing: border-box; } .shops .file-list__item { border: none; margin-bottom: 24px; padding: 0 12px; width: 50%; } .shops .file-item { box-shadow: 0 0 22px rgba(196, 206, 222, 0.4); height: 100%; padding: 16px; } .shops .file-item__row_title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height: 100%; margin-bottom: 0; } .shops .file-item__title { font-size: 16px; padding-right: 16px; text-align: left; } .shops .file-item__actions { margin: 0; text-align: center; } .shops .author-list { display: block; margin: 40px 0 0; } .shops .author-list__item { border-bottom: 1px solid #D1D7DB; margin-bottom: 20px; padding-bottom: 20px; } .shops .author-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; text-align: left; } .shops .author-item__row_photo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; } .shops .author-item__row_info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; } .shops .author-item__row_name { font-size: 18px; line-height: 1.3; margin-bottom: 12px; } .shops .author-item__row_contacts { color: #767A8C; } .shops .author-item__row_city { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 12px; margin-left: 20px; text-align: center; width: 100%; } .shops .ant_manager_item { display: block; margin: 0; } .shops .form__multiply-col { padding: 0; } .shop-item__title { font-size: 1.28571rem; } .shop-item__address { font-weight: 700; } .shop-item__phone { display: inline-block; } .shop-item__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0; color: #4D88CE; text-decoration: none; } .shop-item__select:hover { text-decoration: underline; } .shop-list { font-size: 14px; padding: 0; margin: 0; overflow-y: auto; height: 100%; width: 100%; box-sizing: border-box; position: absolute; background: #fff; } .shop-list__city-item { list-style: none; } .shop-list__city { background-color: #F6F7FC; font-size: 20px; font-weight: 700; padding: 8px 16px; } .shop-list__city a { color: #1F2029; } .shop-list__item { list-style: none; border-bottom: 1px solid #D1D7DB; padding: 16px 0; } .shop-list__local { padding: 0; margin: 0; } .shop-item__row_address { line-height: 1.4; margin: 4px 0; } .online-shop-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; list-style: none; margin: 0 -16px; padding: 0; } .online-shop-list__item { box-sizing: border-box; margin-bottom: 24px; padding: 0 12px; width: 50%; } .online-shop-item { box-shadow: 0 0 22px rgba(196, 206, 222, 0.4); box-sizing: border-box; color: #1F2029; display: block; height: 100%; padding: 16px 24px; text-decoration: none; } .online-shop-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 20px; } .online-shop-item__logo { max-height: 40px; max-width: 100px; } .online-shop-item__logo + .online-shop-item__name { display: none; } .online-shop-item__name { margin-right: auto; } .online-shop-item__tag { font-size: 16px; display: inline-block; color: #767A8C; margin-right: 1rem; } .online-shop-item__tag:last-child { margin-right: 0; } .online-shop-item__tag-text { display: inline-block; vertical-align: middle; } .online-shop-item__tag-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; } .online-shop-item__title { margin: 0; } .online-shop-item:not(.online-shop-item_search) .online-shop-item__title { font-size: 1.28571rem; } .online-shop-item__actions { margin: 0.5rem 0; } .online-shop-item__save-link { -webkit-appearance: none; background: none; border: 1px solid #4D88CE; border-radius: 2px; box-sizing: border-box; color: #4D88CE; cursor: pointer; display: inline-block; font-weight: 400; line-height: 2.4rem; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .online-shop-item__save-link:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .online-shop-item__save-link:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .online-shop-item_search .online-shop-item__save-link { border: none; color: #fff; background-color: #4D88CE; } .online-shop-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .online-shop-item__caption { display: inline-block; vertical-align: middle; } .sign-up { padding-bottom: 4rem; } .sign-up__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -2rem; } .sign-up__col { padding: 2rem; box-sizing: border-box; } .sign-up__col_form { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } .sign-up__col_side { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .sign-up__side-title { margin-top: 0; } .sign-up__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; width: auto; background-color: #fafafa; border-color: transparent; } .sign-up__btn-like + .sign-up__btn-like { margin-right: 1rem; } .sign-up__btn-like_primary { background-color: #ff5722; color: #fff; border-color: transparent; } .about__row_title { margin: 2em 0 1em; text-align: center; } .about__row_more { text-align: center; } .about__title { font-size: 3.42857rem; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .about__more-link { width: 2rem; height: 2rem; display: inline-block; color: inherit; } .about-slider { padding: 100px 0; background-color: #213298; background-image: url('/local/templates/new_drofa/assets/images/bg-pattern.png'); overflow: hidden; } .about-slider__container { width: 1170px; margin: 0 auto; overflow: visible; position: relative; } .about-slider__tip { position: absolute; top: 50%; left: 50%; width: 240px; margin-left: -120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(0, 0, 0, 0.7); padding: 40px; box-sizing: border-box; text-align: center; color: white; border-radius: 4px; } .about-slider__tip-text { font-size: 15px; } .about-slider__tip-icon { margin-top: 2rem; } .about-slider__tip-btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #fff; font-weight: 400; margin-top: 2rem; } .about-slider__list { padding: 0; margin: 0; font-size: 0; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: w-resize; -webkit-transition: transform 0.4s ease-out; transition: transform 0.4s ease-out; } .about-slider__item { padding: 0; margin: 0; list-style: none; font-size: 1rem; white-space: normal; vertical-align: middle; display: inline-block; width: 50%; } .about-content { font-size: 16px; } .about-content h1 { text-align: center; } .about-content p { margin-top: 0; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 800px; } .about__mission { background-color: #213298; color: #fff; font-size: 20px; margin-top: 60px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 40px; text-align: center; } .about__mission h3 { font-size: 32px; margin-top: 0; } .about__mission p { text-align: center; } .about__values { padding-top: 20px; padding-bottom: 40px; } .about__values h3 { font-size: 32px; margin-top: 0; text-align: center; } .about__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; counter-reset: about__list; } .about__list-item { counter-increment: about__list; margin-bottom: 30px; width: 30%; } .about__list-title:before { content: counter(about__list); color: #7fc9ff; display: inline-block; font-size: 90px; line-height: 0.9; margin-right: 20px; } .about__list-title { font-size: 26px; line-height: 1.4; margin-bottom: 10px; } .about__list-text { font-size: 18px; } .about__vacancies { color: #767A8C; font-size: 20px; margin-top: 40px; text-align: center; } .about__projects { padding-top: 40px; padding-bottom: 40px; } .about__projects h3 { font-size: 32px; margin-top: 0; text-align: center; } .about__projects-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__projects-column-item { box-sizing: border-box; font-size: 16px; padding-left: 60px; position: relative; width: 46%; } .about__projects-column-item:before { background: url('/local/templates/new_drofa/images/check-circle.png') no-repeat left top; border-radius: 50%; content: ''; height: 45px; left: 0; position: absolute; top: 0; width: 45px; } .about__projects-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; text-align: center; } .about__history { padding-top: 40px; padding-bottom: 40px; } .about__history h3 { font-size: 32px; margin-top: 0; text-align: center; } .about__history-item { max-width: 800px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 50px; position: relative; } .about__history-item:before { background-color: #7fc9ff; border-radius: 50%; content: ''; height: 9px; left: 60px; margin-top: -5px; position: absolute; top: 50%; width: 9px; } .about__history-item:after { background-color: #7fc9ff; content: ''; height: calc(100% + 50px); left: 64px; position: absolute; top: 50%; width: 1px; } .about__history-item:last-child:after { display: none; } .about__history-year { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 75px; width: 32px; } .about__history-desc { font-size: 16px; } .about__requisites { padding-top: 40px; padding-bottom: 40px; } .about__requisites h3 { font-size: 32px; margin-top: 0; text-align: center; } .about__requisites-block { background: #FFFFFF; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); font-size: 16px; padding: 30px 60px; } .article-author { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-author__col { padding: 1rem; box-sizing: border-box; } .article-author__col_photo { text-align: center; } .article-author__col_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-author__photo-wrapper { width: 120px; height: 120px; display: inline-block; border-radius: 60px; overflow: hidden; } .article-author__photo { vertical-align: middle; width: 100%; } .article-author__title { margin: 0 0 1rem; } .article-bar { color: #777; font-size: 0.92857rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-bar__social { padding: 0.5rem; box-sizing: border-box; } .article-bar__actions { padding: 0.5rem; box-sizing: border-box; } .article-bar__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #ff5722; border-color: transparent; color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .article-bar__btn:hover { background-color: #ff4003; } .article-cover { background-size: cover; background-position: center; position: relative; } .article-cover::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0.6); } .article-cover__content { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; padding-top: 8.57143rem; padding-bottom: 8.57143rem; position: relative; z-index: 2; } .article-gallery__frame { position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; background-color: #fafafa; } .article-gallery__slides { display: inline-block; padding: 0; margin: 0; width: 100%; } .article-gallery__slide { position: relative; display: inline-block; list-style: none; width: 100%; vertical-align: middle; text-align: center; } .article-gallery__figure { margin: 0; } .article-gallery__figure img { max-width: 100%; margin: 0 !important; } .article-gallery__figcaption { display: none; } .article-gallery__info { padding-top: 1rem; font-size: 0.92857rem; color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; } .article-gallery__control { border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.4rem; width: 2.4rem; padding: 0; vertical-align: top; display: inline-block; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .article-gallery__control_disabled { color: #ccc; } .article-gallery__controls { white-space: nowrap; padding: 0.4rem 0; } .article-gallery__pagination { display: inline-block; height: 2.4rem; line-height: 2.4rem; vertical-align: top; } .article-gallery__caption { padding-left: 2rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .article-label { border-radius: 3px; background-color: #e5f1ff; color: #1976d2; display: inline-block; padding: 0 1rem; } .article-label_white { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .article-label { border-radius: 3px; background-color: #e5f1ff; color: #1976d2; display: inline-block; padding: 0 1rem; } .article-label_white { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .article-label-list { padding: 0; margin: 0; } .article-label-list__item { list-style: none; display: inline-block; padding: 0.2rem; } .article-map__wrapper { position: relative; padding-bottom: 36%; height: 0; width: 100%; } .article-map__embed { position: absolute; left: 0; width: 100%; height: 100%; } .article-meta { color: inherit; } .article-meta__item { display: inline-block; margin-right: 2rem; font-size: 0.92857rem; } .article-meta__item:last-child { margin-right: 0; } .article-meta__icon { display: inline-block; height: 0.8em; width: 0.8em; line-height: 1.6; vertical-align: middle; margin-right: 0.4rem; } .article-meta__label { display: inline-block; vertical-align: middle; margin-right: 0.4rem; } .article-meta__text { vertical-align: middle; display: inline-block; } .article-meta a { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .article-meta a:hover { color: #0e4377; } .article-meta a:active { color: #ff5722; } .article-offer { text-align: center; } .article-offer__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; margin-right: 1rem; color: #fff; } .article-offer__btn:last-child { margin-right: 0; } .article-offer__btn_primary { border-color: transparent; background-color: #ff5722; } .article-video__wrapper { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; } .article-video__embed { position: absolute; left: 0; width: 100%; height: 100%; } .banner { background-color: #d8e9f6; padding: 4rem 0; } .banner__content { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .banner__col { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .banner__image { max-width: 100%; } .banner__title { color: #1976d2; font-size: 2.85714rem; line-height: 1.4em; font-weight: 400; margin: 0; } .banner__text { font-size: 1.14286em; line-height: 1.6em; margin: 1.2em 0 1.8em; } .banner__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #ff5722; color: #fff; border-color: #ff5722; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .banner__btn:hover { background-color: #ee3900; border-color: #ee3900; } .banner-slider__list { padding: 0; margin: 0; } .banner-slider__item { width: 100%; overflow: hidden; list-style: none; } .banner-slider__slide { background-position: center; background-size: auto 100%; height: 500px; width: 100%; margin: 0 auto; display: inline-block; } .banner-slider__mobile-slide { background-position: center; background-size: auto 100%; width: 100%; margin: 0 auto; padding-bottom: 75%; height: 0; display: none; } .banner-slider .flickity-prev-next-button { z-index: 50; } .book { border-top: 1px solid #eee; } .book__grid { padding-top: 32px; } .book__grid:after { clear: both; content: ''; display: block; } .book__col_small { box-sizing: border-box; float: left; max-width: 350px; min-height: 340px; text-align: center; width: 30%; } .book__col__title { box-sizing: border-box; float: right; margin-bottom: 2rem; padding-left: 4rem; width: 70%; } .book__col_large { box-sizing: border-box; clear: right; float: right; padding-left: 4rem; width: 70%; } .book__container { width: 1230px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; position: relative; overflow: hidden; } .book__recomendation { border: 1px solid #4D88CE; border-radius: 3px; box-sizing: border-box; margin: 0 auto 24px; max-width: 736px; padding: 20px 24px; } .book__recomendation__link { color: #4D88CE; text-decoration: underline; } .book__recomendation__list-title { font-size: 16px; margin-bottom: 24px; } .book__recomendation__list { margin: 0 -12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .book__recomendation__item { box-sizing: border-box; padding: 0 12px; text-decoration: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .book__recomendation__image { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); margin-right: 12px; max-width: 64px; } .book__recomendation__name { color: #4D88CE; font-size: 16px; } .book__row_title { margin-bottom: 16px; } .book__row_title { margin-bottom: 16px; } .book__title { font-size: 30px; line-height: 1.2; margin: 0; } .book__image { width: 100%; vertical-align: middle; } .book__cover { position: relative; margin: 0 0 24px; box-shadow: 0px 10px 22px rgba(196, 206, 222, 0.81); display: inline-block; } .book__cover__buttons { text-align: center; } .book__cover__btn { border: 1px solid #4D88CE; border-radius: 2px; box-sizing: border-box; color: #4D88CE; display: inline-block; margin-bottom: 16px; max-width: 240px; padding: 6px 10px; text-align: center; text-decoration: none; width: 100%; } .book__preview-btn--mobile { display: none; } .book__cover__ico-audio { fill: #4D88CE; display: inline-block; height: 16px; margin-right: 6px; vertical-align: middle; width: 17px; } .book__row__labels { font-size: 0; margin-bottom: 15px; } .book__row__labels .labels__item { font-size: 18px; margin-right: 8px; padding: 4px 8px; } .book__row__labels .labels__item:last-child { margin-right: 0; } .book__reviews { margin-top: 5px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .book__reviews .reviews__star { height: 23px; width: 24px; } .book__reviews .reviews__star-active::before { height: 20px; width: 21px; } .book__reviews .product-item__reviews-count { font-size: 14px; } .book__reviews-link { color: #4D88CE; display: inline-block; margin-left: 16px; text-decoration: none; } .book__reviews-link__add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; color: #4D88CE; margin-left: 16px; text-decoration: none; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .book__reviews-link__add svg { fill: #4D88CE; height: 16px; margin-right: 4px; width: 16px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .book__reviews-link__add:hover { color: #0e4377; } .book__reviews-link__add:hover svg { fill: #0e4377; } .book__format { float: left; margin-bottom: 24px; padding-left: 4rem; } .book__format-title { margin-bottom: 5px; } .book__format-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .book__format-item { background: #F6F8FB; border: 1px solid #F6F8FB; border-radius: 2px; box-sizing: border-box; color: #1F2029; cursor: pointer; height: 120px; margin-right: 1rem; padding: 1rem; text-align: center; text-decoration: none; width: 120px; } .book__format-item:last-child { margin-right: 0; } .book__ico-book { fill: #C4CEDE; display: inline-block; height: 35px; width: 27px; } .book__format-name { text-align: center; } .book__format-item .product-item__price { font-size: 14px; } .book__contents { border-right: 1px solid #eee; padding: 2rem 0 0; padding-right: 2rem; } .book__parts { border-right: 1px solid #eee; padding: 2rem 0; } .book__heading { font-weight: 700; font-size: 24px; line-height: 1.6; margin: 0 0 16px; text-align: center; } .book__details { margin: 2rem 0; } .book__offer { min-height: 180px; float: right; text-align: center; width: 280px; } .book__offer-title { margin-bottom: 4px; text-align: center; } .book__offer-block { background: #fff; box-shadow: 0px 0px 22px rgba(196, 206, 222, 0.4); border-radius: 2px; display: none; padding: 16px; margin-bottom: 16px; } .offer__contents-item_active { display: block; } .book__offer-price__lecta { font-size: 20px; font-weight: 700; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .book__offer-price { margin-bottom: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .book__offer-price__free { font-size: 18px; margin-bottom: 16px; text-align: center; } .book__offer-price .product-item__price { font-size: 24px; margin-bottom: 0; } .book__offer-logo { max-height: 24px; max-width: 64px; } .book__offer-btn { background: #4D88CE; border-radius: 2px; clear: both; color: #fff; display: block; padding: 10px; text-align: center; text-decoration: none; } .promo-block__button { background: none; border: none; box-shadow: none; cursor: pointer; font-size: 16px; margin-bottom: 8px; padding: 4px; position: relative; text-align: center; width: 240px; } .promo-block__copy { background: none; border: none; box-shadow: none; color: #4D88CE; display: inline-block; font-size: 14px; font-weight: 700; padding: 0; text-align: center; width: 100%; } .promo-block__tooltip { display: none; font-size: 13px; font-weight: 300; left: 50%; position: absolute; top: -40px; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .promo-block__tooltip--inner { background: #fff; box-shadow: 0px 0px 22px rgba(196, 206, 222, 0.4); display: block; padding: 6px 20px; transition: all 0.3s ease; } .promo-block__title { display: block; font-size: 14px; font-weight: 700; margin-top: 4px; } .promo-block__tooltip:before { border-width: 6px; border-style: solid; border-color: #fff transparent transparent; bottom: -12px; content: ''; left: 50%; margin-left: -6px; position: absolute; } .promo-block__button:hover .promo-block__tooltip { display: block; } .book__offer-link { color: #4D88CE; display: inline-block; margin-top: 1.4rem; text-decoration: none; } .book__description { margin: 2rem 0; } .book__text { font-size: 16px; line-height: 1.6; margin: 0 auto; max-width: 736px; } .table-of-contents__list { font-size: 14px; list-style: none; margin: 0; padding: 0; } .table-of-contents__list li { margin-bottom: 4px; page-break-inside: avoid; } .book__text__col { -webkit-columns: 2; columns: 2; } .book__btn--center { margin-top: 24px; text-align: center; } .book__btn { background: #4D88CE; border-radius: 2px; clear: both; color: #fff; display: inline-block; padding: 10px; text-align: center; text-decoration: none; } .book__btn--width { min-width: 238px; } .book__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .book__link:hover { color: #0e4377; } .book__link:active { color: #ff5722; } .book__methodical-complex { padding: 2rem 0; overflow: hidden; } .section_another-books { padding: 2rem 0; overflow: hidden; } .book__assistance { padding: 2rem 0; } .book__feedback { padding: 2rem 0; } .book-contents__list { margin: 0; padding: 0; } .book-contents__list_hidable { display: none; } .book-contents__item { list-style: none; padding: 1rem 0; font-size: 1.14286rem; } .book-contents__section { font-weight: bold; cursor: pointer; display: inline-block; } .book-contents__chapter { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .book-contents__chapter:hover { color: #0e4377; } .book-contents__chapter:active { color: #ff5722; } .book__map-section { padding-top: 20px; padding-bottom: 80px; } .book__map-block { height: 560px; position: relative; } .book__map-info { bottom: 84px; position: absolute; right: 24px; top: 24px; width: 388px; } .book__map-search { background: #fff; border: 1px solid #E9ECF6; margin-bottom: 16px; padding: 10px 24px; } .book__map-search .filter__select-wrap { border: none; } .book__map-list { background: #fff; color: #1F2029; padding: 24px; } .book__map-list__count { font-size: 14px; margin-bottom: 16px; } .book__map-list__item { border-bottom: 1px solid #E9ECF6; margin-bottom: 16px; padding-bottom: 16px; } .book__map-list__item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .book__map-list__name { font-size: 18px; font-weight: 700; margin-bottom: 8px; } .book__map-list__address { font-size: 14px; font-weight: 700; } .book__map-list__stock { font-size: 14px; } .book__map-list__price { font-size: 16px; font-weight: 700; margin-top: 4px; margin-bottom: 4px; } .book__map-list__link { color: #4D88CE; font-size: 14px; } .book-feedback__row_title { text-align: center; padding: 2rem 0; } .book-feedback__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .book-feedback__link:hover { color: #0e4377; } .book-feedback__link:active { color: #ff5722; } .book-feedback__title { display: inline; font-size: 3.42857rem; font-weight: 400; font-size: 2.57143rem; } .book-parts__list { margin: 0; padding: 0; } .book-parts__item { padding: 0 1rem 1rem 0; list-style: none; } .icon { width: inherit; height: inherit; color: inherit; fill: currentColor; vertical-align: top; } .breadcrumbs { padding: 30px 0; font-weight: 300; background-color: #F6F7FC; border-top: 1px solid #eee; font-size: 14px; } .breadcrumbs-section { padding: 30px 0; font-weight: 300; font-size: 15px; } .breadcrumbs__list { box-sizing: border-box; line-height: 22px; margin: 0 auto; max-width: 1230px; padding: 0 30px; width: 100%; } .breadcrumbs__item { list-style: none; display: inline-block; white-space: nowrap; max-width: 100%; margin-right: 40px; position: relative; } .breadcrumbs__item:before { background: url('/local/templates/new_drofa/images/breadcrumbs-chevron.svg'); content: ''; height: 8px; right: -23px; margin-top: -4px; position: absolute; top: 50%; width: 5px; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item:last-child:before { display: none; } .breadcrumbs__link { color: #6A8AB0; display: block; line-height: 22px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .breadcrumbs__link:hover { text-decoration: underline; } .breadcrumbs__link_current { color: #767A8C; } .breadcrumbs__link_current:hover { text-decoration: none; } .breadcrumbs__item_filter { margin-right: 0.4rem; } .breadcrumbs__item_filter:before { display: none; } .breadcrumbs__filter { position: relative; display: inline-block; border-radius: 3px; background-color: #e5f1ff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 0 0.4rem 0 1.6rem; color: #4D88CE; box-sizing: border-box; } .breadcrumbs__filter_clear { border: 1px solid #4D88CE; background-color: transparent; } .breadcrumbs__filter-cross { width: 0.5rem; height: 0.5rem; display: inline-block; position: absolute; left: 0.8rem; top: 50%; margin-top: -0.25rem; margin-left: -0.25rem; color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .breadcrumbs__filter-caption { display: inline-block; } .breadcrumbs__label { display: inline-block; margin-right: 5px; padding: 2px 10px; border-radius: 3px; background-color: #ecf3fd; color: #4D88CE; text-decoration: none; margin: 2px; } .breadcrumbs__label:first-of-type { margin-left: 10px; } .breadcrumbs__label-cross { cursor: pointer; width: 8px; height: 8px; margin-left: 5px; fill: #767A8C; } .section__title--mobile { background: #f6f7fc; display: none; padding: 24px 0; } .section__title--mobile .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .title--mobile__link-back { margin-right: 45px; } .title--mobile__link-ico { fill: #1E201D; height: 12px; width: 16px; } .title--mobile__title { font-weight: 700; font-size: 18px; overflow: hidden; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; } .categories__list { margin: 0; padding: 0; text-align: center; } .categories__item { list-style: none; display: inline-block; margin: 0.4rem; } .categories__link { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #e5f1ff; color: #1976d2; border-color: transparent; font-weight: 400; height: 2.6rem; line-height: 2.6rem; padding: 0 1rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .categories__link:hover { background-color: #c6e1ff; } .certificate-mis-pop-up { max-height: 80vh; overflow-x: hidden; overflow-y: auto; padding: 2rem; width: 600px; } .certificate-mis-pop-up__title { margin-top: 0; } .contact-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -1rem; } .contact-map__col { padding: 1rem; box-sizing: border-box; } .contact-map__col_map { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding: 0; margin: 1rem; } .contact-map__col_info { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; } .contact-map__map { height: 100%; width: 100%; position: absolute !important; top: 0; left: 0; } .contact-map__info { background-color: #fafafa; padding: 2rem; } .contact-map__title { font-size: 1.28571rem; } .contact-map__address { font-weight: 700; margin-bottom: 1rem; } .contact-map__email { margin-top: 1rem; } .contact-map__schedule { margin-top: 1rem; } .contact-us { background: #fff; border-radius: 2px; box-shadow: 0 0 8px rgba(86, 92, 101, 0.1); margin-top: 0; padding: 1.4rem 2rem 2rem; } .contact-us_tale { padding: 0; margin-top: 0; background-color: transparent; } .contact-us:not(.contact-us_tale) .contact-us__container { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .contact-us__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-us__col { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .contact-us__col_input { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: right; } .contact-us_tale .contact-us__col { min-width: 100%; } .contact-us__title { color: #1F2029; font-size: 16px; line-height: 1.6; font-weight: 700; vertical-align: middle; } .contact-us__social { display: inline-block; vertical-align: middle; padding-left: 0.6rem; margin: 0.6rem 0; } .contact-us__description { color: #1F2029; font-size: 14px; line-height: 1.6; } .contact-us__input-form { display: inline-block; position: relative; width: 400px; } .contact-us_tale .contact-us__input-form { width: 100%; } .contact-us__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #4D88CE; height: 2.4em; border-radius: 2px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; height: 2.8em; padding: 0 1.5em; width: 100%; } .contact-us__input:focus { border-color: #1976d2; } .contact-us__btn { -webkit-appearance: none; background: none; padding: 0; margin: 0; border: none; outline: none; height: 2.4em; width: 2.4em; border-radius: 3px; position: absolute; right: 0; top: 0; cursor: pointer; height: 2.8em; width: 2.8em; box-sizing: border-box; padding: 0.5em; } .contact-us__icon { display: inline-block; width: 100%; height: 100%; color: #1976d2; } .contacts { text-align: center; } .contacts__phone { font-size: 1.14286rem; font-weight: 700; white-space: nowrap; } .contacts__schedule { font-size: 0.92857rem; color: #999; white-space: nowrap; } .event-header { text-align: center; color: #fff; } .event-header__time { padding: 0.5rem; border-radius: 3px; background-color: #4bbb93; } .event-header_past .event-header__time { background-color: #ccc; color: #414141; } .event-header__title { margin: 1rem 0; } .event-header__actions { margin-top: 3rem; } .event-header__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; margin: 0 0.5rem 1rem; color: #fff; } .event-header__btn:last-child { margin-right: 0; } .event-header__btn_primary { border-color: transparent; background-color: #ff5722; } .events-recommendations { padding-bottom: 4rem; } .events-recommendations__row_title { margin: 2em 0; text-align: center; } .events-recommendations__title { display: inline; font-size: 3.42857rem; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .events-recommendations__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 3rem 0 2rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .events-recommendations__count:hover { color: #1976d2; } .events-recommendations__count:active { color: #ff5722; } .event__header { color: #fff; text-align: center; padding-top: 120px; padding-bottom: 100px; position: relative; } .event__header:after { background: rgba(33, 50, 152, 0.8); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .event__header--image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .event__header--image-light { background-color: #F3F6FF; background-position: center top; color: #999999; padding-top: 220px; padding-bottom: 200px; } .event__header--image-light:after { display: none; } .event__header--image-light .event__title { color: #1F2029; } .event__header--bg-light:after { display: none; } .event__header--dark-text { color: #1F2029; } .event__header--video { padding-top: 70px; padding-bottom: 50px; text-align: left; } .event__header--video .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .event__header--video .event__date-place { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .event__header .container { position: relative; z-index: 20; } .event__date-place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; margin-bottom: 16px; } .event__ico { display: inline-block; fill: #4D88CE; height: 25px; margin-top: -4px; vertical-align: middle; width: 26px; } .event__span { display: inline-block; vertical-align: middle; } .event__date { margin-right: 20px; } .event__logo { margin-bottom: 20px; text-align: center; } .event__logo img + img { margin-left: 40px; } .event__title { font-size: 64px; font-weight: 700; line-height: 0.9; margin-top: 0; margin-bottom: 16px; } .event__subtitle { font-size: 18px; margin-bottom: 20px; } .event__video { background: #fff; cursor: pointer; display: block; margin-bottom: 8px; padding: 7px; position: relative; } .event__video:after { background: url('/local/templates/new_drofa/images/icon-play.png') no-repeat center center; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .event__video img { display: block; max-width: 100%; } .event__broadcast { background: #1F2029; padding-top: 24px; padding-bottom: 24px; text-align: center; } .event__about { padding-top: 50px; padding-bottom: 50px; } .event__h3 { font-size: 32px; margin-top: 0; text-align: center; } .event__about-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .event__about-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 24px; } .event__about-text { color: #767A8C; font-size: 18px; } .event__about-text p { margin-top: 0; margin-bottom: 24px; } .event__about-text p:last-child { margin-bottom: 0; } .event__h2 { font-size: 48px; margin-top: 0; text-align: center; } .event__program { padding-top: 50px; padding-bottom: 50px; } .event__program-days-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .event__program-day { border: 1px solid #4D88CE; color: #4D88CE; cursor: pointer; font-size: 18px; line-height: 1.2; padding: 10px; position: relative; text-align: center; width: 100%; } .event__program-day + .event__program-day { margin-left: 20px; } .event__program-day.active { background: #4D88CE; color: #fff; font-weight: 700; } .event__program-day.active:after { border-width: 15px; border-style: solid; border-color: #4D88CE transparent transparent; content: ''; display: block; left: 50%; margin-left: -15px; position: absolute; top: 100%; } .event__program-item { display: none; } .event__program-item.active { display: block; } .event__program-tabs { margin-bottom: 40px; text-align: center; } .event__program-tabs__item { border-bottom: 1px solid transparent; color: #767A8C; cursor: pointer; font-size: 18px; display: inline-block; padding-bottom: 10px; } .event__program-tabs__item + .event__program-tabs__item { margin-left: 60px; } .event__program-tabs__item.active { border-bottom-color: #4D88CE; color: #4D88CE; } .event__program-content__item { display: none; } .event__program-content__item.active { display: block; } .event__program-block { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 80px; position: relative; } .event__program-block:last-child { padding-bottom: 0; } .event__program-block:before { background: #E5E5E5; content: ''; display: block; height: calc(100% - 45px); left: 22px; position: absolute; top: 57px; width: 1px; } .event__program-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; border: 1px solid #4D88CE; border-radius: 50%; box-sizing: border-box; height: 45px; margin-top: 12px; margin-right: 40px; width: 45px; } .event__program-icon img { max-height: 100%; max-width: 100%; } .event__program-description { position: relative; width: 100%; } .event__program-description--show .event__program-text { display: block; } .event__program-description--show .event__program-toggle__ico { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .event__program-toggle { cursor: pointer; position: absolute; right: 16px; top: 32px; } .event__program-toggle__ico { display: block; fill: #4D88CE; height: 16px; width: 27px; } .event__program-date { color: #767A8C; font-size: 15px; margin-bottom: 4px; } .event__program-title { font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; padding-right: 50px; } .event__program-title a { color: #1F2029; } .event__program-text { font-size: 15px; color: #767A8C; display: none; margin-bottom: 16px; } .event__program-speakers { margin-bottom: 16px; } .event__program-speakers__item { margin-bottom: 8px; } .event__program-speakers__item:last-child { margin-bottom: 0; } .event__program-speakers__name { color: #4D88CE; font-size: 18px; line-height: 1.2; } .event__program-speakers__about { color: #1F2029; font-size: 15px; } .event__program-speakers__more { color: #4D88CE; cursor: pointer; font-size: 15px; text-decoration: underline; } .event__program-link { color: #4D88CE; font-size: 15px; } .event__map { padding-top: 50px; } .event__map-block { height: 530px; position: relative; } .event__address { background: #fff; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); box-sizing: border-box; left: 50%; margin-left: -585px; padding: 30px; position: absolute; top: 120px; width: 345px; } .event__address-title { font-size: 24px; font-weight: 700; margin-bottom: 24px; } .event__address-value { color: #1F2029; font-size: 18px; margin-bottom: 12px; } .event__address-time { color: #999999; font-size: 18px; } .event__contacts { background: rgba(33, 50, 152, 0.1); padding-top: 50px; padding-bottom: 50px; } .event__contacts-block { background: #FFFFFF; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); padding: 60px; text-align: center; } .event__contacts-text { color: #333333; font-size: 18px; margin-left: auto; margin-right: auto; max-width: 350px; } .event__contacts-phone { font-size: 25px; font-weight: 700; line-height: 1.2; margin-top: 24px; } .event__contacts-email { font-size: 25px; font-weight: 700; line-height: 1.2; margin-bottom: 24px; } .event__contacts-phone a, .event__contacts-email a { color: #4D88CE; text-decoration: none; } .feedback-slider { position: relative; box-sizing: border-box; width: 100%; padding: 0 2rem; } .feedback-slider__frame { position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; width: 100%; } .feedback-slider__slides { display: inline-block; margin: 0; padding: 0; width: 100%; } .feedback-slider__slide { vertical-align: top; position: relative; display: inline-block; list-style: none; } .feedback-slider__normalize { font-size: 1rem; white-space: normal; line-height: 1.6; } .feedback-slider__controls { position: absolute; top: 50%; margin-top: -1.5rem; left: 2rem; right: 2rem; display: block; } .feedback-slider__control { height: 2.5rem; width: 1.5rem; position: absolute; top: 0; color: #999; padding: 0; background: none; border: none; appearence: none; } .feedback-slider__control_prev { left: -1.5rem; } .feedback-slider__control_next { right: -1.5rem; } .filter-edu-lvl { padding: 0; margin: 0; margin: -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-edu-lvl__item { list-style: none; box-sizing: border-box; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-edu-lvl__title { line-height: 2.4rem; padding-right: 1rem; } .filter-edu-lvl__list { padding: 0; margin: -0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-edu-lvl__filter-item { list-style: none; box-sizing: border-box; padding: 0.2rem; } .filter-edu-lvl__link { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; /* border-radius: 0.21429rem; */ box-sizing: border-box; line-height: 3em; /* border: 1px solid currentColor; */ padding: 0 2em; cursor: pointer; height: 2.4rem; line-height: 2.4rem; padding: 0 0.6rem; /* border-color: #ccc; */ color: inherit; font-weight: 400; width: 100%; text-align: center; overflow: hidden; } .filter-edu-lvl__link_selected { color: #fff; border-color: #1976d2; background-color: #1976d2; } .filter-edu-lvl__link_disabled { opacity: 0.4; cursor: default; } .filtered-authors__row_title { margin: 2em 0 0; text-align: center; } .filtered-authors__row_filters { margin: 1rem 0; } .filtered-authors__row_pagination { text-align: center; padding: 2rem 0 4rem; } .filtered-authors__row_content { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .filtered-authors__title { display: inline; font-size: 3.42857rem; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .filtered-events-list__row_title { margin: 2em 0 0; text-align: center; } .filtered-events-list__row_filters { margin: 1rem 0; } .filtered-events-list__row_pagination { text-align: center; padding: 2rem 0 4rem; } .filtered-events-list__row_content { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .filtered-events-list__title { display: inline; font-size: 3.42857rem; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .filtered-events-list__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 3rem 0 2rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .filtered-events-list__count:hover { color: #1976d2; } .filtered-events-list__count:active { color: #ff5722; } .filtered-news-list__row_title { text-align: center; } .filtered-news-list__row_pagination { text-align: center; padding: 2rem 0 4rem; } .filtered-news-list__row_content { max-width: 1230px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; width: 100%; } .filtered-news-list__title { display: inline; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .filtered-news-list__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 3rem 0 2rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .filtered-news-list__count:hover { color: #1976d2; } .filtered-news-list__count:active { color: #ff5722; } .filtered-products-list__row_title { margin-bottom: 28px; } .filtered-products-list__row_filters { margin: 1rem 0; } .filtered-products-list__row_pagination { text-align: center; padding: 2rem 0 4rem; } .filtered-products-list__row_content { width: 1230px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; } .filtered-products-list__title { display: inline; font-weight: 400; display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; font-size: 24px; } .filtered-products-list__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 3rem 0 2rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .filtered-products-list__count:hover { color: #1976d2; } .filtered-products-list__count:active { color: #ff5722; } .filter__list-title { display: none; } .filter__list-item { margin-bottom: 24px; } .filter__checkbox { display: block; } .filter__checkbox input { display: none; } .filter__checkbox input:checked + .filter__checkbox-span { color: #4D88CE; } .filter__checkbox input:checked + .filter__checkbox-span:before { border-color: #4D88CE; } .filter__checkbox input:checked + .filter__checkbox-span:after { -webkit-transform: scale(1); transform: scale(1); } .filter__checkbox-span { cursor: pointer; line-height: 21px; padding-left: 30px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .filter__checkbox-span:before { border: 1px solid #CDD5E3; border-radius: 2px; content: ''; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .filter__checkbox-span:after { background: url('/local/templates/new_drofa/images/ico-checkbox.svg'); content: ''; display: block; height: 12px; left: 4px; position: absolute; top: 5px; width: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); } .filter__checkbox-cnt { color: #4D88CE; margin-left: 10px; } .filters__icon { height: 0.5rem; width: 0.5rem; display: inline-block; vertical-align: middle; margin-right: 0.4rem; } .filters__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #607d8b; } .filters__btn-like_clear { position: absolute; right: 1rem; top: 50%; margin-top: -1rem; height: auto; line-height: 2rem; font-weight: 400; padding: 0 1rem; } .filters__text { display: inline-block; vertical-align: middle; } .filters__form { padding: 0 0 2rem; } .filters__sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #999; padding: 16px 0 24px; } .filters__select { border: none; background: none; border-bottom: 1px dotted #999; padding: 0; text-decoration: dotted; } .social-list { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .social-list__item { list-style: none; margin-right: 1em; display: inline-block; } .social-list__item:last-child { margin-right: 0; } .social-list_small .social-list__item { margin-right: 0.6em; } .social-list_small .social-list__item:last-child { margin-right: 0; } .social-list__link { display: inline-block; } .social-list__icon { display: inline-block; width: 2em; height: 2em; color: #fff; fill: currentColor; padding: 0.5em; border-radius: 3px; border: 1px solid transparent; } .social-list__icon_vk { background-color: #45668e; } .social-list__icon_ok { background-color: #ed812b; } .social-list__icon_youtube { background-color: #ff3333; } .social-list__icon_facebook { background-color: #365397; } .social-list_bordered .social-list__icon { background-color: transparent; } .social-list_bordered .social-list__icon_vk { fill: #45668e; border-color: #45668e; } .social-list_bordered .social-list__icon_ok { fill: #ed812b; border-color: #ed812b; } .social-list_bordered .social-list__icon_youtube { fill: #ff3333; border-color: #ff3333; } .social-list_bordered .social-list__icon_facebook { fill: #365397; border-color: #365397; } .social-list_small .social-list__icon { width: 1.4em; height: 1.4em; color: #fff; fill: currentColor; padding: 0.4em; } .links-list { padding: 0; margin: 0 -1em; } .links-list__item { list-style: none; display: inline-block; margin: 0 0.4em; } .links-list__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; color: inherit; } .links-list__link:hover { color: #0e4377; } .links-list__link:active { color: #ff5722; } .full-news { border-top: 1px solid #eee; } .full-news__container { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .full-news__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .full-news__col { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .full-news__col_content { padding-right: 3rem; padding-bottom: 4rem; } .full-news__col_sidebar { border-left: 1px solid #eee; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 21.42857rem; flex: 0 0 21.42857rem; max-width: 21.42857rem; } .full-news__content p { font-size: 1.14286rem; } .full-news__content img { /* max-width: 100%; */ /* margin: 2rem 0 1rem; ant_edit*/ } .full-news__bar { margin-top: 2rem; } .full-news__photos { margin: 2rem 0; } .help-bar { position: fixed; top: 0; bottom: 0; right: 0; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 60px; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .help-bar_opened-mobile-nav { -webkit-transform: translateX(270px); transform: translateX(270px); } .help-bar_opened-mobile-user-nav { -webkit-transform: translateX(-270px); transform: translateX(-270px); } .help-bar__row { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .help-bar__row_info { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; width: 60px; } .help-bar__up { width: 100%; height: 100%; position: relative; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none; background: none; padding: 0; margin: 0; background-color: rgba(25, 118, 210, 0.1); color: #1976d2; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .help-bar__up:hover { background-color: rgba(25, 118, 210, 0.8); color: #fff; } .help-bar__info { width: 100%; height: 100%; position: relative; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none; background: none; padding: 0; margin: 0; background-color: #ff5722; color: #fff; cursor: pointer; } .help-bar__icon { position: absolute; top: 50%; left: 50%; display: inline-block; margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; } .js-up-btn { opacity: 0; z-index: -1; } .js-up-btn_active { opacity: 1; z-index: 1; } .svg { width: inherit; height: inherit; vertical-align: top; } .main-logo { text-align: center; width: 100%; max-width: 300px; display: inline-block; } .main-logo__img { display: inline-block; width: inherit; height: 44px; margin-bottom: 5px; } .main-logo__caption { display: inline-block; width: inherit; text-transform: uppercase; color: #000; font-size: 9px; letter-spacing: 0.15em; } .main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .main-nav__col_contacts { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; } .main-nav__col_main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 2rem; box-sizing: border-box; } .main-nav__list { margin: 0 auto; max-width: 800px; padding: 0; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-nav__item { list-style: none; margin: 0 0.8rem; white-space: nowrap; } .main-nav__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; position: relative; display: inline-block; margin: -0.5em; padding: 0.5em; font-size: 17px; color: inherit; } .main-nav__link:hover { color: #0e4377; } .main-nav__link:active { color: #ff5722; } .main-nav__link_selected { color: #ff5722; } .main-nav__link_selected:hover { color: #ee3900; } .main-nav__link_selected::before { content: ""; position: absolute; bottom: -0.5em; margin-bottom: -1px; left: 50%; margin-left: -11px; width: 0; height: 0; border: 11px solid transparent; border-bottom-color: #edebde; } .main-nav__link_selected::after { content: ""; position: absolute; bottom: -0.5em; margin-bottom: -1px; left: 50%; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #f8f7f2; } .main-nav__icon { display: inline-block; width: 1em; height: 1em; vertical-align: middle; margin-right: 0.6em; color: inherit; } .main-nav__text { display: inline-block; vertical-align: middle; } .main-nav__user-photo { width: 26px; height: 26px; margin-right: 8px; border-radius: 13px; overflow: hidden; display: inline-block; vertical-align: middle; } .main-nav__image { vertical-align: middle; width: 100%; } .member-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f1f3f5; margin-bottom: 15px; padding: 15px; } .member-form__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 0 10px; box-sizing: border-box; } .member-form__title { font-size: 1.5rem; } .member-form__btn { line-height: 2.4rem !important; height: 2.4rem !important; } .mobile-nav { position: fixed; left: -270px; width: 270px; top: 0; height: 100%; overflow-y: scroll; z-index: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.2s ease-out 0s; transition: -webkit-transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; -webkit-overflow-scrolling: touch; } .mobile-nav__list { margin: 0; padding: 0; -webkit-transform: translateZ(0); } .mobile-nav__item { list-style: none; margin-right: -1px; width: 100%; background-color: #fff; border-right: 1px solid #eee; box-sizing: border-box; } .mobile-nav__item_separated { border-bottom: solid 1px #eee; padding-bottom: 1rem; margin-bottom: 1rem; } .mobile-nav__link { vertical-align: middle; text-decoration: none; display: inline-block; position: relative; color: inherit; font-size: 1.07143rem; box-sizing: border-box; width: 100%; border: 1px solid transparent; border-right: none; border-left: none; white-space: nowrap; } .mobile-nav__link_highlighted { font-weight: bold; } .mobile-nav__link:hover { background-color: #fafafa; } .mobile-nav__link_selected { border-color: #eee; background-color: #fafafa; } .mobile-nav__link_selected::after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background-color: #fafafa; } .mobile-nav__link_opened { background-color: #fafafa; } .mobile-nav__icon { width: 26px; height: 26px; box-sizing: border-box; position: absolute; top: 50%; left: 30px; margin-left: -13px; margin-top: -13px; } .mobile-nav__text { margin-left: 60px; height: 45px; line-height: 45px; display: inline-block; padding-left: 0.4rem; } .mobile-nav__search { display: block; color: #999999; position: relative; font-size: 1.07143rem; background-color: #f7f7f7; border-right: 1px solid #eee; box-sizing: border-box; } .mobile-nav__search-input { display: block; width: 100%; padding: 0 0.4rem 0 4.4rem; height: 4.3rem; line-height: 4.3rem; font: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-sizing: border-box; } .mobile-nav__subject-nav { background-color: #fafafa; display: none; } .mobile-nav__subject-nav_opened { display: block; } .mobile-profile { width: 1.6rem; height: 1.5rem; padding: 1.4rem 1rem; cursor: pointer; color: #999; border: none; background: 0 0; box-sizing: content-box; } .mobile-profile:hover { color: #404040; } .mobile-profile__user-photo { width: 30px; height: 30px; margin: -5px; border-radius: 15px; overflow: hidden; display: inline-block; vertical-align: middle; } .mobile-profile__image { vertical-align: middle; width: 100%; } .mobile-sandwich { width: 1.6rem; height: 1.5rem; padding: 1.4rem 1rem; cursor: pointer; color: #999; border: none; background: 0 0; box-sizing: content-box; } .mobile-sandwich:hover { color: #404040; } .mobile-user-nav { position: fixed; right: -270px; width: 270px; top: 0; height: 100%; overflow-y: scroll; z-index: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.2s ease-out 0s; transition: -webkit-transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; -webkit-overflow-scrolling: touch; box-sizing: border-box; border-left: 1px solid #eee; } .mobile-user-nav__row { margin-top: 1rem; padding: 0 1rem; } .mobile-user-nav__row_register { text-align: center; padding-bottom: 2rem; } .mobile-user-nav__title_primary { margin: 0; } .mobile-user-nav__title_addition { margin-top: 0; } .mobile-user-nav__social { margin-bottom: 1rem; display: inline-block; } .mobile-user-nav__btn { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #fafafa; border-color: transparent; text-decoration: none; color: inherit; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mobile-user-nav__btn:hover { background-color: #e6e6e6; } .news-header_color_white { color: #fff; } .news-header__meta { color: #777; } .news-header_color_white .news-header__meta { color: #fff; } .news-header__subtitle { font-style: italic; font-size: 1.21429rem; text-align: left; } .offer__tab-list { margin: 0; padding: 0; } .offer__tab-item { list-style: none; display: inline-block; margin-bottom: 1rem; margin-right: 1rem; } .offer__tab-item:last-child { margin-right: 0; } .offer__tab-btn { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; border-bottom: 1px solid rgba(25, 118, 210, 0.3); -webkit-transition: border-bottom-color 0.1s ease-out; transition: border-bottom-color 0.1s ease-out; border-bottom-style: dashed; cursor: pointer; position: relative; font-size: 1.14286rem; } .offer__tab-btn:hover { color: #0e4377; } .offer__tab-btn:active { color: #ff5722; } .offer__tab-btn:hover, a:hover .offer__tab-btn { border-bottom-color: rgba(3, 16, 28, 0.3); } .offer__tab-btn:active, a:active .offer__tab-btn { border-bottom-color: rgba(255, 87, 34, 0.3); } .offer__tab-btn_active { color: #4D88CE; border-color: #4D88CE; } .offer__tab-btn_active .book__ico-book { fill: #4D88CE; } .offer__tab-btn_active:hover { color: #4D88CE; border-color: #4D88CE; } .book__format-item.active { border-color: #4D88CE; } .offer__contents-list { margin: 0; padding: 0; } .offer__contents-item { list-style: none; display: none; } .offer__contents-item_active { display: block; } .offer__edition { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -0.14286rem; } .offer__box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #f8f7f2; border: 1px solid #edebde; border-radius: 3px; margin: 0.14286rem; padding: 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offer__box_primary { padding: 1.6rem 2rem 1.6rem; } .offer__box_secondary { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.6rem 1rem; } .offer__box-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offer__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .offer__col_width_full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .offer__col_width_auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .offer__price { font-weight: 700; font-size: 1.28571rem; } .offer__price::after { font-family: 'Rouble'; content: '\20BD'; font-weight: 400; text-transform: none; text-decoration: none; font-style: normal; display: inline-block; } .offer__price_primary { font-size: 2.14286rem; } .offer__availability { color: #999999; font-size: 0.92857rem; text-transform: lowercase; } .offer__availability-indicator { vertical-align: middle; display: inline-block; width: 0.6em; height: 0.6em; margin: 0 0.3em; border-radius: 0.3em; background-color: #09d250; } .offer__availability-indicator_not-available { background-color: #ea4a30; } .offer__availability-indicator_preorder-available { background-color: #e2cf36; } .offer__availability-caption { vertical-align: middle; display: inline-block; margin-left: 0.6em; } .offer__delivery { color: #999999; font-size: 0.92857rem; text-transform: lowercase; } .offer__delivery-icon { width: 1.2em; height: 1.2em; vertical-align: middle; display: inline-block; } .offer__delivery-caption { vertical-align: middle; display: inline-block; margin-left: 0.6em; } .offer__go-shopping { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .offer__go-shopping:hover { color: #0e4377; } .offer__go-shopping:active { color: #ff5722; } .offer__go-shopping_btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0; cursor: pointer; margin-top: 1.2rem; width: 100%; text-align: center; background-color: #ea6630; border-color: transparent; color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .offer__go-shopping_btn:hover { background-color: #db4f16; color: #fff; } .offer__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .offer__link:hover { color: #0e4377; } .offer__link:active { color: #ff5722; } .pa-welcome-pop-up { max-width: 460px; } .pa-welcome-pop-up__title { margin-top: 0; text-align: center; } .pa-welcome-pop-up__message { text-align: center; } .pa-welcome-pop-up__message--big { font-size: 16px; } .pa-welcome-pop-up__actions { text-align: center; } .pa-welcome-pop-up__actions--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-top: 40px; } .pa-welcome-pop-up__actions--flex .btn { margin: 10px 10px 0; } .pa-welcome-pop-up__actions--flex .btn:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pa-welcome-pop-up__btn { margin: 0.5rem; -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; text-decoration: none; background-color: #f7f7f7; color: inherit; font-weight: 400; border: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pa-welcome-pop-up__btn:hover { background-color: #ededed; } .pa-welcome-pop-up__btn_primary { color: #fff; background-color: #ff5722; } .pa-welcome-pop-up__btn_primary:hover { background-color: #f83c00; } .pagination { padding: 0; margin: 0; display: inline-block; } .pagination__item { list-style: none; display: inline-block; } .pagination__link { font-size: 1.28571rem; line-height: 1.5rem; display: inline-block; padding: 0.5rem 1rem; text-decoration: none; color: inherit; border-right: 1px solid #eee; } .pagination__link_current { border: 1px solid #eee !important; border-radius: 3px; background-color: #fafafa; color: #999; } .pagination__item:last-child .pagination__link { border-right: none; } .partner-quick-access { margin: 2rem 0; } .partner-quick-access__list { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem; } .partner-quick-access__item { list-style: none; box-sizing: border-box; padding: 1rem; } .partner-quick-access__item_3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .partner-quick-access__item_2 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .partner-quick-access__item_5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .partner-quick-access__tale { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 1rem; box-sizing: border-box; border: 1px solid #eee; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .partner-quick-access__tale_subscribtion { background-color: #f1f3f5; border: none; } .partner-quick-access__tale_drofa:hover { background-color: rgba(25, 118, 210, 0.05); } .partner-quick-access__tale_ventana:hover { background-color: rgba(255, 87, 34, 0.05); } .partner-quick-access__tale_new:hover { background-color: #f6fbff; } .partner-quick-access__tale_catalog:hover { background-color: #fffcf5; } .partner-quick-access__tale_contacts:hover { background-color: #fffbfa; } .partner-quick-access__tale_api:hover { background-color: #fffbfa; } .partner-quick-access__content { text-align: center; } .partner-quick-access__photo { display: inline-block; margin-bottom: 1rem; } .partner-quick-access__title { text-transform: uppercase; font-weight: 700; display: block; } .partner-quick-access__subtitle { display: block; } .product-type-nav { padding-top: 2rem; padding-bottom: 2rem; } .product-type-nav__list { margin: 0 -8px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-type-nav__item { list-style: none; box-sizing: border-box; padding: 8px; } .book__properties { box-sizing: border-box; float: left; padding-left: 4rem; width: 40%; } .book__federal { color: #038b16; margin-bottom: 10px; } .properties { font-size: 14px; } .properties a { color: #4D88CE; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .properties a:hover { color: #0e4377; } .properties a:active { color: #ff5722; } .properties__nav { padding: 0; margin: 32px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .properties__link { display: inline-block; padding-left: 28px; position: relative; } .properties__nav__ico { display: block; width: 20px; height: 13px; left: 0; margin-right: 8px; position: absolute; top: 4px; } .properties__icon { width: 1rem; height: 1rem; margin-right: 1rem; display: inline-block; vertical-align: middle; } .properties__caption { display: inline-block; vertical-align: middle; } .properties__list { margin: 0; padding: 0; } .properties__list_hidden { display: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .properties__item { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .properties__item_space { margin: 4px 0; } .properties__key { min-width: 140px; color: #999999; padding: 0.2em 0; } .properties__value { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 0.2em 0; } .properties__show-more { color: #4D88CE; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; cursor: pointer; } .properties__show-more:hover { color: #0e4377; } .properties__show-more:active { color: #ff5722; } .properties__show-more:hover, a:hover .properties__show-more { border-bottom-color: rgba(3, 16, 28, 0.3); } .properties__show-more:active, a:active .properties__show-more { border-bottom-color: rgba(255, 87, 34, 0.3); } .section-shops { border-top: 1px solid #E9ECF6; border-bottom: 1px solid #E9ECF6; margin-top: 24px; margin-bottom: 24px; padding-top: 32px; padding-bottom: 32px; } .shops-block__title { font-weight: bold; font-size: 24px; line-height: 1.2; margin-bottom: 16px; text-align: center; } .shops-block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shops-block__item { background: #F6F8FB; border-radius: 2px; box-sizing: border-box; margin-right: 8px; max-width: 280px; padding: 10px; } .shops-block__item:last-child { margin-right: 0; } .shops-block__item:only-child, .shops-block__item:nth-child(1):nth-last-child(2), .shops-block__item:nth-child(2):nth-last-child(1) { max-width: 540px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .shops-block__item:only-child .shops-block__stock, .shops-block__item:nth-child(1):nth-last-child(2) .shops-block__stock, .shops-block__item:nth-child(2):nth-last-child(1) .shops-block__stock { width: auto; -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; } .shops-block__item:only-child .shops-block__btn, .shops-block__item:nth-child(1):nth-last-child(2) .shops-block__btn, .shops-block__item:nth-child(2):nth-last-child(1) .shops-block__btn { margin-top: 0; margin-left: 16px; } .shops-block__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .shops-block__logo img { display: block; max-height: 24px; max-width: 64px; } .shops-block__stock { color: #6D727F; font-size: 14px; line-height: 1.2; padding-left: 20px; position: relative; width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; } .shops-block__stock:after { border-radius: 50%; content: ''; display: block; height: 6px; position: absolute; left: 2px; top: 4px; width: 6px; } .shops-block__stock.in-stock:after { background: #70BC63; box-shadow: 0 0 2px 0 #70BC63; } .shops-block__btn { background: #4D88CE; border-radius: 2px; clear: both; color: #fff; display: block; margin-top: 8px; padding: 10px; text-align: center; text-decoration: none; white-space: nowrap; } .shops-block__price { font-size: 26px; font-weight: 700; } .shops-block__price .old-price { color: #CDD5E3; font-size: 22px; font-weight: 400; margin-right: 16px; text-decoration: line-through; } .recover-password-pop-over { width: 600px; padding-bottom: 2rem; } .recover-password-pop-over__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -2rem; } .recover-password-pop-over__col { padding: 2rem; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .recover-password-pop-over__col_register { max-width: 310px; border-left: 1px solid #eee; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .recover-password-pop-over__title_primary { margin: 0; } .recover-password-pop-over__title_addition { margin-top: 0; } .recover-password-pop-over__btn { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #fafafa; border-color: transparent; text-decoration: none; color: inherit; } .section__row_title { margin-top: 3em; /* text-align: center; */ } .section__row_title .section__title { font-size: 24px; } .section__row_content { margin-top: 2rem; } .section__row_grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -1rem; margin-right: -1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section__row_pagination { margin-top: 1rem; text-align: center; } .section_red-centers .section__row_title { text-align: left; } .section_met-centers .section__row_title { text-align: left; } .section__title { font-size: 3.42857rem; display: inline-block; vertical-align: middle; font-size: 2.57143em; margin: 1rem 0; } .section__title--center { text-align: center; } .section__title--center .section__title { font-size: 24px; } .section__title_block { width: 100%; padding: 30px; } .product-list--slider .slick-list { margin-left: 0 !important; overflow: visible; min-width: 100%; } .product-list--slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; } .product-list--slider .slick-slide { float: none; height: 100%; margin-left: 0 !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; padding: 1rem 1rem 0; } .product-list--slider-arrow { background: #4D88CE; box-shadow: 0px 4px 16px rgba(77, 136, 206, 0.32); border-radius: 2px; cursor: pointer; height: 48px; margin-top: -24px; position: absolute; top: 50%; width: 48px; z-index: 100; } .product-list--slider-left { left: -48px; } .product-list--slider-right { right: -48px; } .product-list--slider-ico { fill: #fff; height: 14px; margin-top: -7px; margin-left: -15px; stroke: #fff; width: 31px; left: 50%; position: absolute; top: 50%; } .product-list--slider-arrow.slick-disabled { background: none; box-shadow: none; cursor: default; } .product-list--slider-arrow.slick-disabled .product-list--slider-ico { fill: #CDD5E3; stroke: #CDD5E3; } .section__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 1rem 0 1rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .section__count:hover { color: #1976d2; } .section__count:active { color: #ff5722; } .section__col { padding: 0 1rem; box-sizing: border-box; } .section__col_small { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 46.15385%; flex: 0 0 46.15385%; max-width: 46.15385%; } .section__col_large { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 53.84615%; flex: 0 0 53.84615%; max-width: 53.84615%; } .side-nav { position: relative; width: 100%; z-index: 100; top: 0; left: 0; overflow: visible; /* &__subject-nav_red &__subject-nav-content { background-color: transparentize(#E53935, 0.8); } &__subject-nav_pink &__subject-nav-content { background-color: transparentize(#D81B60, 0.8); } &__subject-nav_purple &__subject-nav-content { background-color: transparentize(#8E24AA, 0.8); } &__subject-nav_deep-purple &__subject-nav-content { background-color: transparentize(#5E35B1, 0.8); } &__subject-nav_indigo &__subject-nav-content { background-color: transparentize(#3949AB, 0.8); } &__subject-nav_blue &__subject-nav-content { background-color: transparentize(#1E88E5, 0.8); } &__subject-nav_light-blue &__subject-nav-content { background-color: transparentize(#039BE5, 0.8); } &__subject-nav_cyan &__subject-nav-content { background-color: transparentize(#00ACC1, 0.8); } &__subject-nav_teal &__subject-nav-content { background-color: transparentize(#00897B, 0.8); } &__subject-nav_green &__subject-nav-content { background-color: transparentize(#43A047, 0.8); } &__subject-nav_light-green &__subject-nav-content { background-color: transparentize(#689F38, 0.8); } &__subject-nav_lime &__subject-nav-content { background-color: transparentize(#C0CA33, 0.8); } &__subject-nav_yellow &__subject-nav-content { background-color: transparentize(#FBC02D, 0.8); } &__subject-nav_amber &__subject-nav-content { background-color: transparentize(#FFA000, 0.8); } &__subject-nav_orange &__subject-nav-content { background-color: transparentize(#EF6C00, 0.8); } &__subject-nav_deep-orange &__subject-nav-content { background-color: transparentize(#F4511E, 0.8); } &__subject-nav_brown &__subject-nav-content { background-color: transparentize(#8D6E63, 0.8); } */ } .side-nav__floating { box-sizing: border-box; background-color: #f9f9f9; min-height: 100vh; width: 320px; position: relative; z-index: 51; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .layout_home .side-nav__floating { width: 320px; } .side-nav__floating_opened { -webkit-transition: width 0s ease-out; transition: width 0s ease-out; width: 320px !important; } .side-nav__list { margin: 0; padding: 0; } .side-nav__item { list-style: none; } .side-nav__item-inner { position: relative; width: 320px; background-color: #f9f9f9; box-sizing: border-box; } .side-nav__item-inner_opened { width: 320px; overflow: visible; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .layout_home .side-nav__item-inner { width: 320px; } .layout_home .side-nav__item-inner_opened { width: 320px; overflow: visible; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .side-nav__link { vertical-align: middle; text-decoration: none; display: inline-block; position: relative; color: inherit; font-size: 17px; box-sizing: border-box; width: 100%; white-space: nowrap; overflow: hidden; } .side-nav__link_highlighted { font-weight: bold; } .side-nav__link:hover { color: #fff; background-color: #ff5722; } .side-nav__link_selected { color: #fff; background-color: #ff5722; } .side-nav__link_selected::after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background-color: #fafafa; } .side-nav__item_red .side-nav__link:hover, .side-nav__item_red .side-nav__link_selected { background-color: #E53935; } .side-nav__item_pink .side-nav__link:hover, .side-nav__item_pink .side-nav__link_selected { background-color: #D81B60; } .side-nav__item_purple .side-nav__link:hover, .side-nav__item_purple .side-nav__link_selected { background-color: #8E24AA; } .side-nav__item_deep-purple .side-nav__link:hover, .side-nav__item_deep-purple .side-nav__link_selected { background-color: #5E35B1; } .side-nav__item_indigo .side-nav__link:hover, .side-nav__item_indigo .side-nav__link_selected { background-color: #3949AB; } .side-nav__item_blue .side-nav__link:hover, .side-nav__item_blue .side-nav__link_selected { background-color: #1E88E5; } .side-nav__item_light-blue .side-nav__link:hover, .side-nav__item_light-blue .side-nav__link_selected { background-color: #039BE5; } .side-nav__item_cyan .side-nav__link:hover, .side-nav__item_cyan .side-nav__link_selected { background-color: #00ACC1; } .side-nav__item_teal .side-nav__link:hover, .side-nav__item_teal .side-nav__link_selected { background-color: #00897B; } .side-nav__item_green .side-nav__link:hover, .side-nav__item_green .side-nav__link_selected { background-color: #43A047; } .side-nav__item_light-green .side-nav__link:hover, .side-nav__item_light-green .side-nav__link_selected { background-color: #689F38; } .side-nav__item_lime .side-nav__link:hover, .side-nav__item_lime .side-nav__link_selected { background-color: #C0CA33; } .side-nav__item_yellow .side-nav__link:hover, .side-nav__item_yellow .side-nav__link_selected { background-color: #FBC02D; } .side-nav__item_amber .side-nav__link:hover, .side-nav__item_amber .side-nav__link_selected { background-color: #FFA000; } .side-nav__item_orange .side-nav__link:hover, .side-nav__item_orange .side-nav__link_selected { background-color: #EF6C00; } .side-nav__item_deep-orange .side-nav__link:hover, .side-nav__item_deep-orange .side-nav__link_selected { background-color: #F4511E; } .side-nav__item_brown .side-nav__link:hover, .side-nav__item_brown .side-nav__link_selected { background-color: #8D6E63; } .side-nav__icon { width: 26px; height: 26px; box-sizing: border-box; position: absolute; top: 50%; left: 30px; margin-left: -13px; margin-top: -13px; } .side-nav__icon svg { height: 100%; width: 100%; } .side-nav__text { margin-left: 60px; height: 45px; line-height: 45px; display: inline-block; padding-left: 0.4rem; } .side-nav__search { display: block; color: #999999; position: relative; font-size: 1.07143rem; background-color: #f0eeef; box-sizing: border-box; cursor: pointer; width: 320px; } .side-nav__search_opened { width: 320px; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .side-nav__search_focus { width: 320px; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .layout_home .side-nav__search { width: 320px; } .layout_home .side-nav__search_opened { width: 320px; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .layout_home .side-nav__search_focus { width: 320px; -webkit-transition: width 0s ease-out; transition: width 0s ease-out; } .side-nav__search-input { display: block; width: 100%; padding: 0 0.4rem 0 4.4rem; height: 45px; line-height: 45px; font: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-sizing: border-box; } @-webkit-keyframes pull-window { 0% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } 10% { -webkit-transform: translate(-760px, 0); transform: translate(-760px, 0); } 12% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } 100% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } } @keyframes pull-window { 0% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } 10% { -webkit-transform: translate(-760px, 0); transform: translate(-760px, 0); } 12% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } 100% { -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); } } .side-nav__subject-nav { position: fixed; left: 320px; top: 120px; bottom: 0px; overflow-x: hidden; overflow-y: scroll; width: 500px; z-index: 50; background-color: #fafafa; background-clip: padding-box; border-right: 15px solid transparent; -webkit-transform: translate(-765px, 0); transform: translate(-765px, 0); cursor: pointer; -webkit-transition: translate 0.3s ease-out; transition: translate 0.3s ease-out; } .side-nav__subject-nav:hover { -webkit-animation-name: pull-window; animation-name: pull-window; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .side-nav__subject-nav_red { border-color: #E53935; background-color: #fad7d7; } .side-nav__subject-nav_pink { border-color: #D81B60; background-color: #f7d1df; } .side-nav__subject-nav_purple { border-color: #8E24AA; background-color: #e8d3ee; } .side-nav__subject-nav_deep-purple { border-color: #5E35B1; background-color: #dfd7ef; } .side-nav__subject-nav_indigo { border-color: #3949AB; background-color: #d7dbee; } .side-nav__subject-nav_blue { border-color: #1E88E5; background-color: #d2e7fa; } .side-nav__subject-nav_light-blue { border-color: #039BE5; background-color: #cdebfa; } .side-nav__subject-nav_cyan { border-color: #00ACC1; background-color: #cceef3; } .side-nav__subject-nav_teal { border-color: #00897B; background-color: #cce7e5; } .side-nav__subject-nav_green { border-color: #43A047; background-color: #d9ecda; } .side-nav__subject-nav_light-green { border-color: #689F38; background-color: #e1ecd7; } .side-nav__subject-nav_lime { border-color: #C0CA33; background-color: #f2f4d6; } .side-nav__subject-nav_yellow { border-color: #FBC02D; background-color: #fef2d5; } .side-nav__subject-nav_amber { border-color: #FFA000; background-color: #ffeccc; } .side-nav__subject-nav_orange { border-color: #EF6C00; background-color: #fce2cc; } .side-nav__subject-nav_deep-orange { border-color: #F4511E; background-color: #fddcd2; } .side-nav__subject-nav_brown { border-color: #8D6E63; background-color: #e8e2e0; } .side-nav__subject-nav_opened { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-animation-name: none; animation-name: none; cursor: default; border: none; } .side-nav__subject-nav_opened:hover { -webkit-animation-name: none; animation-name: none; } .side-nav__subject-nav-close { position: absolute; top: 1rem; right: 1rem; width: 1rem; height: 1rem; color: #999; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; margin: 0; overflow: hidden; padding: 0; } .side-nav__subject-nav-close:hover { color: #404040; } .side-nav__tooltip { position: absolute; left: 100%; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; margin-left: 20px; padding: 0 10px; border-radius: 3px; opacity: 0; display: inline-block; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); white-space: nowrap; } .side-nav__link:hover + .side-nav__tooltip { opacity: 1; } .layout_home .side-nav__tooltip { display: none; } .side-nav__item-inner_opened .side-nav__tooltip { display: none; } .side-user-info { text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2rem; margin: 2rem 0; } .side-user-info_mobile { border: none; padding: 0; } .side-user-info__row { margin-top: 1rem; } .side-user-info__row_pload-photo { margin-top: 0; } .side-user-info__photo { width: 100px; height: 100px; border-radius: 50px; display: inline-block; overflow: hidden; } .side-user-info__photo img { vertical-align: middle; } .side-user-info__photo-input { width: 0; height: 0; z-index: -1; opacity: 0; position: absolute; } .side-user-info__upload-link { margin: 7px 0; font-weight: 300; font-size: 16px; text-decoration: none; color: #090909; } .side-user-info__upload-link:hover { text-decoration: underline; } .side-user-info__name { font-weight: 700; } .side-user-info__progress-bar { padding: 3px; border-radius: 3px; border: 1px solid #999; } .side-user-info__progress-bar-inner { height: 8px; border-radius: 3px; background-color: #ff5722; } .side-user-member { text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2rem; margin: 2rem 0; } .side-user-member__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #ff5722; height: 3.8em; line-height: 1.4em; } .side-user-nav { border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2rem; margin: 2rem 0; } .side-user-nav_mobile { border: none; padding: 0; } .side-user-nav__list { margin: 0; padding: 0; } .side-user-nav__item { list-style: none; } .side-user-nav__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .side-user-nav__link:hover { color: #0e4377; } .side-user-nav__link:active { color: #ff5722; } .side-user-nav__link_current { color: #ff5722; } .side-user-nav__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.4rem; } .side-user-nav__text { display: inline-block; vertical-align: middle; } .sidebar__list { margin: 0; padding-left: 2rem; padding-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sidebar__item { list-style: none; margin: 1rem 0; } .sign-in-pop-over { width: 600px; padding-bottom: 2rem; } .sign-in-pop-over__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -2rem; } .sign-in-pop-over__col { padding: 2rem; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .sign-in-pop-over__col_register { max-width: 310px; border-left: 1px solid #eee; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sign-in-pop-over__title_primary { margin: 0; } .sign-in-pop-over__title_addition { margin-top: 0; } .sign-in-pop-over__social { margin-bottom: 1rem; } .sign-in-pop-over__btn { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #fafafa; border-color: transparent; text-decoration: none; color: inherit; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sign-in-pop-over__btn:hover { background-color: #e6e6e6; } .sticky-nav { z-index: 10 !important; background-color: #fafafa; border-bottom: 1px solid #eee; text-align: center; } .sticky-nav__list { margin: 0; padding: 0; display: inline-block; } .sticky-nav__item { list-style: none; display: inline-block; margin-right: 2rem; } .sticky-nav__item:last-child { margin-right: 0; } .sticky-nav__link { color: inherit; text-decoration: none; padding: 1rem; display: inline-block; margin-bottom: -1px; border-bottom: 2px solid transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sticky-nav__link_active { color: #ff5722; border-bottom-color: #ff5722; } .subject-header { text-align: center; color: #fff; } .subject-header__title { color: inherit; } .subject-header__description { max-width: 600px; display: inline-block; color: inherit; } .subject-nav { display: block; padding-bottom: 2rem; } .subject-nav__row { padding: 2rem 0 0; } .subject-nav__row_sub { text-align: center; } .subject-nav__row_btn { text-align: center; } .subject-nav__square-btn { display: inline-block; text-align: center; color: inherit; vertical-align: top; margin: 0 2rem; width: 10rem; padding: 1rem 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; } .subject-nav__square-btn:hover { color: #1976d2; } .subject-nav__square-btn-icon { display: inline-block; width: 6rem; height: 4rem; color: inherit; } .subject-nav__square-btn-caption { display: block; font-size: 1.14286rem; padding-top: 1rem; } .subject-nav__row-title { font-size: 1.28571rem; font-weight: 700; text-align: center; margin: 0; } .subject-nav__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #ff5722; color: #fff; border-color: transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .subject-nav__btn:hover { background-color: #f83c00; } .subject-nav__list { margin: 0; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subject-nav__item { list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 1rem; box-sizing: border-box; } .subject-nav__card { display: inline-block; color: inherit; text-decoration: none; } .subject-nav__card-row { display: block; margin: 0.4rem 0 0; text-align: center; } .subject-nav__card-row_title { font-size: 1rem; font-weight: 400; } .subject-nav__photo { vertical-align: middle; max-width: 100%; } .subject-nav__category { font-size: 0.85714rem; text-transform: uppercase; color: #777; font-weight: 700; } .subject-nav__date { font-size: 0.85714rem; color: #777; } .umk-catalog__row_title { margin: 2em 0; text-align: center; } .umk-catalog__row_pagination { text-align: center; padding: 2rem 0 4rem; } .umk-catalog__title { font-size: 3.42857rem; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 2.57143em; } .umk-catalog__count { -webkit-appearance: none; background: none; text-decoration: none; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; display: inline-block; background-color: #fafafa; border-color: #eee; height: 2.6rem; line-height: 2.6rem; margin: 3rem 0 2rem 2rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .umk-catalog__count:hover { color: #1976d2; } .umk-catalog__count:active { color: #ff5722; } .umk-components__row_title { text-align: center; padding: 2rem 0; position: relative; } .umk-components__title { display: inline; font-size: 3.42857rem; font-weight: 400; font-size: 2.57143rem; } .umk-components__group-header { padding: 1rem; color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; background-color: #f3f3f3; margin-bottom: 1px; cursor: pointer; } .umk-components__group-header:hover { color: #0e4377; } .umk-components__group-header:active { color: #ff5722; } .umk-components__group-content { padding: 2rem; display: none; } .umk-components__product-list { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -2rem; } .umk-components__product-item { list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding: 2rem; box-sizing: border-box; } .umk-components__toggle-list { margin: 0; padding: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .umk-components__toggle-item { list-style: none; display: inline-block; } .umk-components__toggle-btn { border: 1px solid #999; background: none; width: 1rem; height: 1rem; box-sizing: content-box; padding: 0.2rem; color: #999; } .umk-components__toggle-btn_active { border-color: #ff5722; color: #ff5722; } .umk-components__table { width: 100%; } .umk-components__trow { background-color: #f3f3f3; border-bottom: 1px solid #fff; } .umk-components__tcell { padding: 2rem; white-space: nowrap; } .umk-components__tcell_head { white-space: nowrap; text-align: center; } .umk-components__tcell_title { text-align: left; } .umk-components__type { display: none; } .umk-components__type_active { display: block; } .umk-components__type_2 { overflow-x: auto; } .umk-description { padding: 2rem 6rem; text-align: center; } .umk-description__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #ff5722; } .umk-description__bar { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .umk-feedback__row_title { text-align: center; padding: 2rem 0; } .umk-feedback__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .umk-feedback__link:hover { color: #0e4377; } .umk-feedback__link:active { color: #ff5722; } .umk-feedback__title { display: inline; font-size: 3.42857rem; font-weight: 400; font-size: 2.57143rem; } .umk-full-text-pop-up { max-height: 80vh; overflow-y: auto; padding: 2rem; width: 760px; } .umk-header { text-align: center; } .umk-header__title { color: #fff; } .umk-header_no-image .umk-header__title { color: inherit; } .umk-header__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #fff; } .umk-video-pop-up { width: 760px; } .user-events { padding-bottom: 4rem; } .user-materials { padding-bottom: 4rem; } .user-materials__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .user-materials__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .user-personal-info { padding-bottom: 4rem; } .user-personal-info__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .user-personal-info__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .video-info-pop-up { width: 600px; } .about-card { text-align: center; color: #fff; } .about-card a { color: #fff; } .about-card__row_picture { margin: 2rem; } .about-card__row_title { font-weight: 700; font-size: 15px; } .about-card__row_description { margin: 1rem; } .article-item { background: #fff; box-shadow: 0px 0px 8px rgba(86, 92, 101, 0.1); height: 100%; border-radius: 3px; } .article-item__row { display: block; margin: 0; margin-bottom: 1em; font-size: 1em; line-height: 1.6; } .article-item__row_photo { background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 3px 3px 0 0; margin-bottom: 0; height: 180px; overflow: hidden; position: relative; } .article-item__row_photo:after { background: -moz-linear-gradient(top, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); background: linear-gradient(to bottom, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf4d88ce', endColorstr='#bf24548d', GradientType=0); border-radius: 3px 3px 0 0; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .article-item:hover .article-item__row_photo:after { opacity: 0; } .article-item__row_title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 1rem; } .article-item__row_category { margin-left: -2px; margin-right: -2px; padding-top: 12px; padding-left: 6%; padding-right: 6%; } .article-item__row_date { padding-bottom: 10px; padding-left: 6%; padding-right: 6%; } .article-item__row:last-child { margin-bottom: 0; } .article-item_no-image .article-item__row { margin-bottom: 0; } .article-item__photo { width: 100%; vertical-align: middle; } .article-item__overlay { background-image: url('/local/templates/new_drofa/assets/images/no-image.png'); padding-bottom: 69.47%; height: 0; position: relative; display: block; } .article-item__overlay-inner { position: absolute; height: 100%; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-item_no-image .article-item__link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .article-item__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; text-decoration: none; color: inherit; } .article-item__box:hover { box-shadow: 12px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .article-item__category { background: #4d88ce; border: 1px solid #4d88ce; color: #FFFFFF; display: inline-block; padding: 3px 10px 1px 10px; font-weight: 300; margin: 2px; border-radius: 3px; font-size: 11px; text-decoration: none; text-transform: uppercase; } .article-item_no-image .article-item__box:hover .article-item__category { color: #999999; } .article-item__title { display: inline-block; font-weight: 700; font-size: 15px; line-height: 1.4; overflow: hidden; text-decoration: none; } .article-item_no-image .article-item__box:hover .article-item__title { color: #404040; } .article-item__date-ico { width: 15px; height: 15px; fill: #4d88ce; } .article-item__date { color: #999999; font-size: 14px; display: inline-block; } .article-item__date_upcoming { color: #fff; padding: 0.3rem; border-radius: 3px; background-color: #4bbb93; display: inline-block; line-height: 1.2; } .article-item__date_past { background-color: #eee; color: #414141; padding: 0.3rem; border-radius: 3px; display: inline-block; line-height: 1.2; } .article-item__box:hover .article-item__date_upcoming { color: #fff; background-color: transparent; } .article-item__box:hover .article-item__date_past { color: #fff; background-color: transparent; } .article-item_no-image .article-item__box:hover .article-item__date { color: #999999; } .article-item__description { font-size: 1rem; padding: 1rem; display: inline-block; } .article-item__link { color: inherit; text-decoration: none; } .article-item-short { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -1rem; } .article-item-short_size_small { margin: -0.5rem; } .article-item-short_size_large { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-item-short__cell { padding: 1rem; } .article-item-short__cell_visual { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; text-align: center; } .article-item-short__cell_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-item-short_size_small .article-item-short__cell { padding: 0.5rem; } .article-item-short_size_small .article-item-short__cell_visual { -webkit-box-flex: 0; -ms-flex: 0 0 82px; flex: 0 0 82px; } .article-item-short_size_large .article-item-short__cell_visual { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-item-short__row { margin-bottom: 0.5rem; } .article-item-short__row:last-child { margin-bottom: 0; } .article-item-short_size_small .article-item-short__row { margin-bottom: 0; } .article-item-short__photo { max-width: 100%; vertical-align: middle; } .article-item-short__link { display: block; } .article-item-short__title { display: inline-block; color: #404040; font-weight: 700; font-size: 1.14286em; line-height: 1.6em; min-height: 3.2em; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; text-decoration: none; } .article-item-short__title:hover { color: #145ca4; } .article-item-short__title:active { color: #1976d2; } .article-item-short_size_small .article-item-short__title { font-size: 0.85714em; } .article-item-short_size_large .article-item-short__title { min-height: initial; } .article-item-short__category { text-transform: uppercase; font-weight: 700; color: #999999; font-size: 0.85714em; } .article-item-short__date { color: #999999; font-size: 0.85714em; line-height: 1.6em; } .article-item-short_size_small .article-item-short__date { font-size: 0.78571em; } .article-list { margin: 1.2rem 0 0; padding: 0; } .article-list__item { list-style: none; padding: 0.5rem 0; } .article-list__item:first-child { padding-top: 0; } .article-list__item:last-child { padding-bottom: 0; border-bottom: none; } .assistance-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; margin: -1em; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .assistance-list__item { list-style: none; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 1em 1em; box-sizing: border-box; } .assistance-list_col_3 .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .author-header { text-align: center; } .author-header__photo-holder { width: 120px; height: 120px; border-radius: 60px; display: inline-block; overflow: hidden; } .author-header__photo { width: 100%; vertical-align: middle; } .author-item { text-align: center; } .author-item__link { text-decoration: none; color: inherit; } .author-item__row { display: block; } .author-item__row_photo { height: 120px; overflow: hidden; margin-bottom: 8px; } .author-item__row_name { margin-bottom: 4px; } .author-item__photo { width: 120px; vertical-align: middle; } .author-item__name { font-size: 14px; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .author-item__link:hover .author-item__name { color: #1976d2; } .author-item__subject { font-size: 12px; color: #999; } .author-list__list { padding: 0; margin: 0; } .author-list__list_author { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .author-list__item { list-style: none; } .author-list__item_letter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; margin-bottom: 20px; } .author-list__item_author { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; box-sizing: border-box; max-width: 140px; padding: 10px; } .author-list__letter { font-size: 36px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; text-align: center; padding: 40px 0; line-height: 40px; } .contact-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -1rem; padding: 1rem 0; } .contact-item__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; box-sizing: border-box; } .contact-item__col_info { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; text-align: right; } .contact-item__email { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .contact-item__email:hover { color: #0e4377; } .contact-item__email:active { color: #ff5722; } .contact-item__phone { font-weight: 700; } .contact-list { padding: 0; margin: 0; } .contact-list__item { list-style: none; border-bottom: 1px solid #eee; } .document-list { padding: 0; margin: 0; } .document-list__item { list-style: none; border-bottom: 1px solid #eee; padding: 1rem 0; } .event-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .event-item__time { color: #fff; padding: 0.3rem; border-radius: 3px; background-color: #4bbb93; display: inline-block; line-height: 1.2; } .event-item_past .event-item__time { background-color: #eee; color: #414141; } .event-item__title { margin: 1rem 0; font-size: 1.28571rem; } .event-item__actions { margin: 0.5rem 0; } .event-item__save-link { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; border-color: #ff5722; text-decoration: none; color: #ff5722; height: 2.4rem; line-height: 2.4rem; font-weight: 400; padding: 0 1rem; margin: 0.2rem 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .event-item__save-link:hover { background-color: #ff5722; color: #fff; } .event-item__save-link_secondary { border-color: transparent; color: inherit; background-color: transparent; margin-left: 0.2rem; } .event-item__save-link_secondary:hover { background-color: #fafafa; color: inherit; } .event-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .event-item__caption { display: inline-block; vertical-align: middle; } .event-item__tag { font-size: 1rem; display: inline-block; color: #999; margin-right: 1rem; } .event-item__tag:last-child { margin-right: 0; } .event-item__tag-text { display: inline-block; vertical-align: middle; } .event-item__tag-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; } .event-list { padding: 0; margin: 0; } .event-list__item { list-style: none; border-bottom: 1px solid #eee; padding: 1rem 0; } .feedback-item { text-align: center; padding: 2rem; } .feedback-item__text { font-size: 1.14286rem; text-align: center; } .feedback-item__author { color: #999; } .file-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } .file-item__time { font-size: 0.85714rem; color: #999; } .file-item__title { margin: 0; } .file-item__actions { margin: 0.5rem 0; } .file-item__save-link { -webkit-appearance: none; display: inline-block; background-color: #4D88CE; border-radius: 2px; box-sizing: border-box; border: 1px solid #4D88CE; cursor: pointer; color: #fff; line-height: 2.4rem; font-size: 14px; font-weight: 400; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .file-item__save-link:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .file-item__save-link:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .file-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .file-item__caption { display: inline-block; vertical-align: middle; } .file-list { padding: 0; margin: 0; } .file-list__item { list-style: none; border-bottom: 1px solid #eee; padding: 1rem 0; } .form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; margin-bottom: 16px; } .form__item .small { font-size: 12px; } .form__name { box-sizing: border-box; font-size: 16px; margin-top: 6px; line-height: 1.2; padding-right: 15px; width: 35%; } .form__name--full { width: 100%; } .form__wrap--big .form__name { width: 60%; } .form__value { position: relative; width: 65%; } .form__wrap--big .form__value { width: 40%; } .form__required { color: #f00; } .form__subtext { color: #767A8C; line-height: 1.2; margin-bottom: 8px; display: block; font-size: 12px; font-weight: normal; } .form__buttons { padding-top: 20px; } .form__fieldset { padding: 0; margin: 0; border: 0; } .form__fieldset--vertical .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; padding: 0; text-align: left; } .form__fieldset--vertical .form__col_label { margin-bottom: 3px; padding: 0; } .form__legend { font-weight: 700; padding: 2rem 0 1rem; font-size: 1.2rem; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.4rem 0; font-size: 16px; } .form__row--captcha, .form__fieldset--vertical .form__row--captcha { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-top: 30px; margin-bottom: 30px; } .form__row_align_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .form__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .form__col_label { box-sizing: border-box; padding: 0.4rem 0; } .form__notice { position: absolute; left: 100%; max-width: 200px; top: 0; margin-left: 1rem; padding: 0.4rem 1rem; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; } .form__notice_invalid { color: #ea3030; border: 1px solid #ea3030; background-color: #fff6f6; } .form__input_text { font-size: 16px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } textarea.form__input_text { height: 100px; padding-top: 6px; padding-bottom: 6px; } .form__input_text:focus { border-color: #1976d2; } .form__input_dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; width: 100%; } .form__input_dropdown:focus { border-color: #1976d2; } .form__input_checkbox { position: absolute; z-index: -1; opacity: 0; } .form__input_checkbox + span { display: inline-block; vertical-align: top; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form__input_checkbox + span::before { margin-right: 0.6rem; content: ""; display: inline-block; vertical-align: top; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; background-size: 13px 13px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; } .form__input_checkbox:checked + span::before { background-image: url('/local/templates/new_drofa/assets/images/checkmark.svg'); } .form__input-wrap { display: block; } .form__input_radio { position: absolute; z-index: -1; opacity: 0; } .form__input_radio + span { display: inline-block; vertical-align: top; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form__input_radio + span::before { margin-right: 0.6rem; content: ""; display: inline-block; vertical-align: top; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 0.7rem; background-size: 10px 10px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; } .form__input_radio:checked + span::before { background-image: url('/local/templates/new_drofa/assets/images/dot.svg'); } .form__input_button { width: auto; -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #fafafa; border-color: transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .form__input_button:hover { background-color: #e6e6e6; } .form__input_primary { background-color: #ff5722; color: #fff; border-color: transparent; margin-bottom: 10px; margin-top: 10px; } .form__input_primary:hover { background-color: #f83c00; } .form__input_stretch { box-sizing: border-box; width: 100%; } .form__input_search { height: 2.4rem; line-height: 2.4rem; background-color: #1976d2; color: #fff; width: 100%; text-align: center; } .form__input_search:hover { background-color: #1667b7; } .form__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; text-align: center; } .form__btn-like_filter-link { height: 2.4rem; line-height: 2.4rem; border-color: #ccc; font-size: 0.92857rem; font-weight: 400; padding: 0 0.4rem; width: 100%; } .form__link-like { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form__link-like:hover { color: #0e4377; } .form__link-like:active { color: #ff5722; } .form__checkbox-item { cursor: pointer; } .form__checkbox-el { position: absolute; z-index: -1; opacity: 0; } .form__checkbox-caption { display: inline-block; border: 1px solid #ccc; border-radius: 3px; min-width: 1.4rem; line-height: 1.4rem; text-align: center; } .form__checkbox-el:checked + .form__checkbox-caption { color: #fff; background-color: #1976d2; border-color: #1976d2; } .form__multiply { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -0.4rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form__multiply_vert { display: block; } .form__multiply_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__multiply_align_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .form__multiply-col { padding: 0.4rem; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .form__multiply-col_1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form__multiply-col_2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .form__multiply-col_3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .form__multiply-col_1-of-3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .form__multiply-col_3-of-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .form__multiply-col_center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .form__multiply-col_stretch { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form__multiply-col_search { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .form__multiply-row { display: block; padding: 0.4rem; } .form__input_text.form__input_invalid { border-color: #ea3030; background-color: #fff6f6; } .form__input_dropdown.form__input_invalid { border-color: #ea3030; background-color: #fff6f6; } .form__input_checkbox.form__input_invalid + span { color: #ea3030; } .form__input_checkbox.form__input_invalid + span::before { border-color: #ea3030; background-color: #fff6f6; } .form__input_radio.form__input_invalid + span { color: #ea3030; } .form__input_radio.form__input_invalid + span::before { border-color: #ea3030; background-color: #fff6f6; } .form__input_radio--dark + span, .form__input_checkbox--dark + span { cursor: pointer; } .form__input_radio--dark + span:before, .form__input_checkbox--dark + span:before { background-color: #fafafa; } .form__input_radio--dark + span:hover:before, .form__input_checkbox--dark + span:hover:before { background-color: #ebe9e9; } .form__input_radio--dark:checked + span:before, .form__input_checkbox--dark:checked + span:before { background-color: #ebe9e9; } .form__container .inputtext, .form__container .inputtextarea { font-size: 16px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .form__container .inputtextarea { height: 150px; } .form__container label { vertical-align: middle; } .form__container label + label { margin-left: 4px; } .form__container input[type='checkbox'] { vertical-align: middle; } .form__container input[type='checkbox'] + label { margin-left: 4px; } .form__container .form__value label:first-child { margin-top: 4px; } .form__container .form__value label:first-child + label { margin-top: 4px; } .form__container .form__value input[type='checkbox']:first-child { margin-top: 4px; } .form__container .form__value input[type='checkbox']:first-child + label { margin-top: 4px; } .form__container ~ .form__input_button { display: table; margin-top: 40px; margin-left: auto; margin-right: 0; } .form__container ~ .form__input_button + p { text-align: right; } .icon { width: inherit; height: inherit; color: inherit; fill: currentColor; vertical-align: top; } .input-calendar { position: relative; } .input-calendar__el { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; background-color: #fff; width: 100%; } .input-calendar__el:focus { border-color: #1976d2; } .input-calendar__pop-up { position: absolute; left: 0; right: 0; display: none; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; z-index: 1; } .input-calendar__quick-filter { padding: 1rem; margin: -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .input-calendar__filter-item { list-style: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; padding: 0.5rem; } .input-calendar__weekdays-wrap { overflow-y: scroll; visibility: hidden; } .input-calendar__weekdays { padding: 0 1rem; text-align: center; visibility: visible; cursor: default; } .input-calendar__filter { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; width: 100%; box-sizing: border-box; font-weight: 400; padding: 0 1rem; font-size: 0.92857rem; height: 2.4em; line-height: 2.4em; border-color: #ccc; text-decoration: none; color: inherit; text-align: center; } .input-calendar__list { padding: 0 1rem; margin: 0; max-height: 400px; overflow-y: auto; border-top: 1px solid #ccc; } .input-calendar__item { list-style: none; overflow: hidden; text-align: center; padding: 1rem 0; } .input-calendar__month-name { text-align: center; text-transform: uppercase; font-weight: 700; padding: 1rem 0; } .input-calendar__month-table { width: 252px; margin: 0 auto; border-collapse: collapse; } .input-calendar__wday { vertical-align: middle; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-size: 0.85714rem; color: #999; font-weight: 700; } .input-calendar__iday { opacity: 0; } .input-calendar__iday span { width: 36px; height: 36px; } .input-calendar__day { vertical-align: middle; text-align: center; padding: 0; margin: 0; } .input-calendar__day span { position: relative; width: 36px; height: 36px; line-height: 36px; display: inline-block; border-radius: 3px; text-align: center; cursor: pointer; box-sizing: border-box; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .input-calendar__day span:hover { background-color: rgba(25, 118, 210, 0.1); } .input-calendar__day span::before { content: ""; height: 100%; width: 6px; background-color: transparent; position: absolute; left: -3px; top: 0; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .input-calendar__day_now span { border: 2px solid #1976d2; line-height: 32px; } .input-calendar__day_selected span { background-color: #1976d2; border: none; line-height: 36px; color: #fff; } .input-calendar__day_selected span:hover { background-color: #1976d2; color: #fff; } .input-calendar__day_invisible span { cursor: default; } .input-calendar__actions { padding: 1rem; border-top: 1px solid #ccc; } .input-calendar__btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #1976d2; border-color: transparent; } .input-calendar__btn_apply { width: 100%; text-align: center; color: #fff; font-weight: 400; } .input-checklist { position: relative; } .input-checklist__el { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; width: 100%; } .input-checklist__el:focus { border-color: #1976d2; } .input-checklist__list { padding: 0; margin: 0; position: absolute; left: 0; right: 0; display: none; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; max-height: 16rem; overflow-y: auto; z-index: 21; } .input-checklist__item { list-style: none; cursor: default; overflow: hidden; } .input-checklist__label { display: inline-block; width: 100%; box-sizing: border-box; } .input-checklist__box { z-index: -1; position: absolute; opacity: 0; } .input-checklist__caption { display: inline-block; vertical-align: top; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: inherit; text-decoration: none; width: 100%; box-sizing: border-box; padding: 5px 15px; } .input-checklist__caption:hover { background-color: #eee; } /*.input-checklist__caption::before { content: ""; display: inline-block; vertical-align: top; width: 16px; height: 16px; background-size: 12px 12px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; margin-right: 4px; } .input-checklist__box:checked + .input-checklist__caption::before { background-image: url('/local/templates/new_drofa/assets/images/checkmark.svg'); }*/ .input-suggest { position: relative; } .input-suggest:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .input-suggest__el { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CDCCD2; border-radius: 2px; box-sizing: border-box; outline: none; padding: 8px 11px; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; width: 100%; } .input-suggest__el:focus { border-color: #4D88CE; } .input-suggest__list { padding: 0; margin: 0; position: absolute; left: 0; right: 0; display: none; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; max-height: 16rem; overflow-y: auto; z-index: 25; } .input-suggest__item { font-size: 16px; list-style: none; cursor: default; overflow: hidden; } .input-suggest__item-group { list-style: none; cursor: default; overflow: hidden; color: #999; padding: 0 0.5rem; } .input-suggest__link { line-height: 1.2; padding: 5px 15px; color: inherit; text-decoration: none; width: 100%; display: inline-block; box-sizing: border-box; } .input-suggest__link:hover { background-color: #eee; } .map { height: 100%; width: 100%; } .material-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .material-item__tag { font-size: 1rem; display: inline-block; color: #999; margin-right: 1rem; } .material-item__tag:last-child { margin-right: 0; } .material-item__tag-text { display: inline-block; vertical-align: middle; } .material-item__tag-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; } .material-item__title { margin: 0; font-size: 1.28571rem; } .material-item__actions { margin: 0.5rem 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .material-item__save-link { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; border-color: #ff5722; text-decoration: none; color: #ff5722; height: 2.4rem; line-height: 2.4rem; font-weight: 400; padding: 0 1rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .material-item__save-link:hover { background-color: #ff5722; color: #fff; } .material-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .material-item__caption { display: inline-block; vertical-align: middle; } .material-list { padding: 0; margin: 0; } .material-list__item { list-style: none; border-bottom: 1px solid #eee; padding: 1rem 0; } .news-list { margin: 0; padding: 0; } .news-list__item { list-style: none; padding: 1rem 0; border-bottom: 1px solid #eeeeee; } .news-list__item:first-child { padding-top: 0; } .news-list__item:last-child { padding-bottom: 0; border-bottom: none; } .news-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -1rem; } .news-item_size_large { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-item__cell { padding: 1rem; } .news-item__cell_visual { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; text-align: center; } .news-item__cell_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .news-item_size_large .news-item__cell_visual { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .news-item_size_large .news-item__cell_info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .news-item__row { margin: 0; font-size: 1em; line-height: 1.6; margin-bottom: 0.5rem; display: block; } .news-item__row:last-child { margin-bottom: 0; } .news-item__photo { max-width: 100%; vertical-align: middle; } .news-item__link { display: block; } .news-item__title { display: inline-block; color: #404040; font-weight: 700; font-size: 1.14286em; line-height: 1.6em; min-height: 3.2em; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; text-decoration: none; } .news-item__title:hover { color: #145ca4; } .news-item__title:active { color: #1976d2; } .news-item_size_large .news-item__title { min-height: initial; } .news-item__category { text-transform: uppercase; font-weight: 700; color: #999999; font-size: 0.85714em; } .news-item__date { color: #999999; font-size: 0.85714em; } .pop-over { position: absolute; background-color: #fff; border-radius: 3px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); display: none; z-index: 300; padding: 2rem 4rem; } .pop-over_opened { display: block; } .pop-over__controls { position: absolute; top: 0.8rem; right: 0.8rem; } .pop-over__btn_close { margin: 0; padding: 0.2rem; width: 0.8rem; height: 0.8rem; box-sizing: content-box; border: none; background: none; vertical-align: top; overflow: hidden; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .pop-over__btn_close:hover { color: #1976d2; } .pop-up { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; } .pop-up_opened { display: block; } .pop-up__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(51, 51, 51, 0.2); z-index: 1000; } .pop-up__holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pop-up__window { position: relative; background-color: #fff; border-radius: 3px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); z-index: 1001; padding: 2rem 4rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; box-sizing: border-box; max-height: 100%; overflow: auto; } .pop-up__window--medium { padding: 20px 32px; } .pop-up__window--medium .pop-up__content { max-width: 480px; width: 100%; } .pop-up--big .pop-up__window { max-width: 700px; padding: 60px 70px; width: 100%; } .pop-up--medium .pop-up__window { max-width: 500px; padding: 60px 70px; width: 100%; } .pop-up--md .pop-up__window { max-width: 600px; padding: 30px 50px; width: 100%; } .pop-up--md .pa-welcome-pop-up { max-width: 100%; } .pop-up__title { font-size: 24px; font-weight: 700; margin-bottom: 15px; } .pop-up__subtitle { font-size: 20px; font-weight: 700; } .pop-up_opened { display: block; } .pop-up__controls { position: absolute; top: 0.8rem; right: 0.8rem; } .pop-up__btn_close { margin: 0; padding: 0.2rem; width: 0.8rem; height: 0.8rem; box-sizing: content-box; border: none; background: none; vertical-align: top; overflow: hidden; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; cursor: pointer; } .pop-up__btn_close:hover { color: #1976d2; } #video_pop-over .pop-up__window { max-height: 100%; } .pop-up__content--video { max-width: 100%; position: relative; width: 1280px; } .pop-up__content--video img { max-height: 100%; width: 100%; } .pop-up__content--video iframe { bottom: 0; height: 100%; left: 0; position: absolute; top: 0; right: 0; width: 100%; } .pop-up__promo-title { line-height: 32px; font-size: 27px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; text-align: center; } .pop-up__promo-title img { display: inline-block; vertical-align: middle; } .pop-up__promo-title--left { text-align: left; } .pop-up__promo-title--big { font-size: 36px; margin-bottom: 30px; } .pop-up__promo-title strong { font-size: 36px; } .pop-up__promo-title--big strong { font-size: 42px; } .pop-up__promo-text { font-size: 18px; margin-bottom: 30px; text-align: center; } .promo-block__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .promo-block__button-copy, .promo-block__button-email { color: #00AEEF; cursor: pointer; font-size: 18px; text-decoration: underline; } .promo-block__wrap .promo-block__copy { color: #FF6564; font-size: 26px; font-weight: 400; } .promo-block__copy-success { font-size: 18px; margin-top: 20px; margin-bottom: 20px; text-align: center; } .pop-up__promo-btn-wrap { margin-top: 40px; text-align: center; } .pop-up__promo-btn { background: #00AEEF; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); box-sizing: border-box; color: #fff; display: inline-block; height: 60px; font-size: 18px; padding: 15px 30px; text-align: center; text-decoration: none; width: 264px; } .pop-up__promo-btn span, .pop-up__promo-btn img { display: inline-block; margin: 0 3px; vertical-align: middle; } .promo-block__email-wrap { display: none; margin: 20px auto 0; position: relative; width: 264px; } .promo-block__email-wrap.show { display: table; } .promo-block__email-input { border: 1px solid #C4C4C4; border-radius: 4px; box-shadow: none; box-sizing: border-box; font-size: 18px; height: 60px; padding: 15px 40px 15px 15px; width: 100%; } .promo-block__email-submit { background: url('/local/templates/new_drofa/images/arrow_blue.png') no-repeat center center; border: none; box-shadow: none; font-size: 0; height: 60px; padding: 0; position: absolute; right: 1px; top: 0; width: 56px; } .pop-up__promo-image { float: left; margin-right: 18px; max-width: 160px; } .pop-up__promo-image img { display: block; max-width: 100%; } .pop-up__promo-text-wrap { overflow: hidden; } .pop-up__promo-text-wrap .pop-up__promo-text, .pop-up__promo-text-wrap .promo-block__copy, .pop-up__promo-text-wrap .pop-up__promo-btn-wrap, .pop-up__promo-text-wrap .promo-block__copy-success { text-align: left; } .pop-up__promo-text-wrap .promo-block__email-wrap { margin-left: 0; margin-right: 0; } .product-item { background: #fff; border-radius: 2px; box-shadow: 0 0 20px rgba(86, 92, 101, 0.1); box-sizing: border-box; height: 100%; margin: 0; padding: 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-item_vertical { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; margin: -0.5rem; } .product-item__cell { padding: 0.5rem; box-sizing: border-box; position: relative; } .product-item__row { margin: 0; font-size: 1em; font-weight: 400; line-height: 1.6; margin-bottom: 1em; } .product-item__row_photo { height: 240px; overflow: hidden; } .product-item__row_title { text-overflow: ellipsis; height: 4.8rem; overflow: hidden; } .product-item__row_offer { display: inline-block; vertical-align: middle; } .product-item__row_price { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 1rem; } .product-item__row:last-child { margin-bottom: 0; } .product-item__row_photo .product-item__link { height: 100%; display: inline-block; } .product-item_vertical .product-item__row_photo { height: 100px; } .product-item_vertical .product-item__row_title { height: 3.2rem; } .product-item__info { padding-top: 20px; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-item__photo { vertical-align: middle; height: 100%; } .product-item_vertical .product-item__photo { max-width: none; max-height: 100%; } .product-item__labels { font-size: 0; left: 0; position: absolute; top: 0; } .labels__item { border-radius: 2px; display: inline-block; color: #fff; font-size: 14px; line-height: 20px; margin-right: 3px; padding: 0 4px; } .labels__item:last-child { margin-right: 0; } .labels__new { background: #00C3A1; } .labels__preorder { background: #009CE8; } .labels__audio { background: #4D88CE; } .labels__action { background: #FF3E5E; } .product-item__images { padding: 1rem 0 2rem; text-align: center; } .product-item__images a { display: inline-block; height: 180px; text-decoration: none; } .product-item__images-img { box-shadow: 0px 10px 22px rgba(196, 206, 222, 0.81); max-width: 130px; max-height: 100%; } .product-item__images a:before { height: 100%; content: ''; display: inline-block; vertical-align: middle; } .product-item__images .product-item__images-img { display: inline-block; vertical-align: middle; } .product-item__author { color: #767A8C; font-weight: 300; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .product-item__title { font-size: 15px; } .product-item__link { color: #1F2029; text-decoration: none; } .product-item__reviews { margin-top: 5px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .product-item__reviews-count { color: #1F2029; font-size: 12px; font-weight: 300; margin-left: 5px; line-height: 1em; } .product-item__reviews-stars { font-size: 0; } .reviews__star { background: url('/local/templates/new_drofa/images/star-o.svg') no-repeat center center / 100%; display: inline-block; height: 14px; margin-right: 2px; position: relative; width: 16px; } .reviews__star-active:before { background: url('/local/templates/new_drofa/images/star.svg') no-repeat center center / 100%; content: ''; display: block; height: 12px; left: 2px; position: absolute; top: 2px; width: 13px; } .product-item__price { font-weight: 700; font-size: 18px; margin-bottom: 10px; } .product-item__price::after { content: '\20BD'; font-weight: inherit; text-transform: none; text-decoration: none; font-style: normal; display: inline-block; } .product-item__btn-icon { background: url('/local/templates/new_drofa/images/icon-cart.png') no-repeat left center; padding-left: 26px; } .product-item__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; background-color: #1976d2; color: white; border-color: transparent; height: auto; line-height: 2.5em; padding: 0 1em; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-item__btn-like:hover { background-color: #1562ae; } .product-item__icon { display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-right: 0.4em; } .product-item__text { display: inline-block; vertical-align: middle; } .product-item__sticker { position: absolute; top: 0; left: 2rem; } .product-item__sticker-image { display: inline-block; height: 89px; width: 51px; background-repeat: no-repeat; } .product-item__sticker-image_new { background-image: url('/local/templates/new_drofa/assets/images/new.png'); } .product-item__sticker-image_announcement { background-image: url('/local/templates/new_drofa/assets/images/announcement.png'); } .product-item__sticker-image_sale { background-image: url('/local/templates/new_drofa/assets/images/sale.png'); } .product-item__sticker-tip { position: absolute; display: inline-block; left: 100%; margin-left: 20px; height: 30px; line-height: 30px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 0 10px; opacity: 0; font-weight: 700; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; white-space: nowrap; z-index: 3; border-radius: 3px; } .product-item__sticker-image:hover + .product-item__sticker-tip { opacity: 1; } .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; padding: 1rem 0; } .product-list__item { list-style: none; -ms-flex-item-align: stretch; align-self: stretch; padding: 0.5rem; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 1rem; } .product-list_col_3 .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .product-type-item { text-align: center; display: block; text-decoration: none; color: inherit; } .product-type-item__row { display: block; } .product-type-item__row_title { padding: 1rem 0 2rem; } .product-type-item__title { font-size: 1.14286rem; } .product-type-item__photo { vertical-align: middle; max-width: 100%; } .project-item { color: #fff; background-size: cover; background-position: center; height: 100%; } .project-item__overlay { background-color: rgba(0, 0, 0, 0.4); box-sizing: border-box; height: 100%; padding: 6rem 4rem; } .project-item__row_description { margin: 1rem 0 2rem; } .project-item__title { font-size: 24px; font-weight: 700; line-height: 1.2; margin: 0; color: inherit; } .project-item__description { font-size: 16px; color: inherit; height: 4.8em; overflow: hidden; } .project-item__more-btn { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-size: 16px; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: inherit; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .project-item__more-btn:hover { background-color: #4d88ce; border-color: #4d88ce; } .project-list { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .project-list__item { list-style: none; margin-bottom: 32px; padding: 0 16px; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .school-contact-item { text-align: center; } .school-contact-item__photo-wrapper { width: 140px; height: 140px; border-radius: 70px; overflow: hidden; display: inline-block; } .school-contact-item__photo { width: 100%; vertical-align: middle; } .school-contact-item__region { font-size: 0.85714rem; color: #999; } .school-contact-item__phone { font-size: 0.85714rem; } .school-contact-item__email { font-size: 0.85714rem; } .school-contact-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: -1rem; } .school-contact-list__item { list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 1rem; box-sizing: border-box; } .sidebar-block__title { font-size: 1.5rem; vertical-align: middle; } .sidebar-block__count { border: 1px solid #eee; display: inline-block; background-color: #f8f8f8; border-radius: 3px; vertical-align: middle; padding: 0.1em 0.5em; margin-left: 0.5rem; font-size: 1.07143em; text-decoration: none; color: inherit; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .sidebar-block__count:hover { color: #1976d2; } .sidebar-block__count:active { color: #ff5722; } .sidebar-block__block { margin-top: 0.6em; } .search-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-item__tag { font-size: 1rem; display: inline-block; color: #999; margin-right: 1rem; } .search-item__tag:last-child { margin-right: 0; } .search-item__tag-text { display: inline-block; vertical-align: middle; } .search-item__tag-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; } .search-item__title { margin: 0; } .search-item__actions { margin: 0.5rem 0; } .search-item__save-link { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; text-decoration: none; border: none; color: #fff; background-color: #ff5722; height: 2.4rem; line-height: 2.4rem; font-weight: 400; padding: 0 1rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .search-item__save-link:hover { background-color: #f83c00; } .search-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .search-item__caption { display: inline-block; vertical-align: middle; } .search-list { padding: 0; margin: -1rem 0 2rem; } .search-list__item { list-style: none; padding: 1rem 0; border-bottom: 1px solid #eee; } .social-list { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .social-list__item { list-style: none; margin-right: 1em; display: inline-block; } .social-list__item:last-child { margin-right: 0; } .social-list_small .social-list__item { margin-right: 0.6em; } .social-list_small .social-list__item:last-child { margin-right: 0; } .social-list__link { display: inline-block; } .social-list__icon { display: inline-block; width: 2em; height: 2em; color: #fff; fill: currentColor; padding: 0.5em; border-radius: 3px; border: 1px solid transparent; } .social-list__icon_vk { background-color: #45668e; } .social-list__icon_ok { background-color: #ed812b; } .social-list__icon_youtube { background-color: #ff3333; } .social-list__icon_facebook { background-color: #365397; } .social-list_bordered .social-list__icon { background-color: transparent; } .social-list_bordered .social-list__icon_vk { fill: #45668e; border-color: #45668e; } .social-list_bordered .social-list__icon_ok { fill: #ed812b; border-color: #ed812b; } .social-list_bordered .social-list__icon_youtube { fill: #ff3333; border-color: #ff3333; } .social-list_bordered .social-list__icon_facebook { fill: #365397; border-color: #365397; } .social-list_small .social-list__icon { width: 1.4em; height: 1.4em; color: #fff; fill: currentColor; padding: 0.4em; } .svg { width: inherit; height: inherit; vertical-align: top; } .tag-list__list { margin: 0; padding: 0; } .tag-list__item { list-style: none; margin-bottom: 0.6em; } .tag-list__item:last-child { margin-bottom: 0; } .tag-list__link { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; font-size: 1.07143em; } .tag-list__link:hover { color: #0e4377; } .tag-list__link:active { color: #ff5722; } .umk-item { background-color: #fff; box-sizing: border-box; box-shadow: 0 0 20px rgba(86, 92, 101, 0.1); height: 100%; text-align: center; padding: 16px 24px; } .umk-item_no-border { border: none; } .umk-item__link { text-decoration: none; color: inherit; } .umk-item__row { margin: 0; font-size: 1em; font-weight: 400; line-height: 1.6; margin-bottom: 1em; } .umk-item__row_photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 190px; } .umk-item__row_title { text-overflow: ellipsis; } .umk-item__row:last-child { margin-bottom: 0; } .umk-item__photo { vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .umk-item__photo_a { -webkit-transform: translateX(30px); transform: translateX(30px); position: relative; z-index: 2; } .umk-item__photo_a:only-child { -webkit-transform: translateX(0); transform: translateX(0); } .umk-item__photo_b { -webkit-transform: translateX(-30px); transform: translateX(-30px); position: relative; z-index: 1; } .umk-item__link:hover .umk-item__photo_a { -webkit-transform: translateX(10px); transform: translateX(10px); } .umk-item__link:hover .umk-item__photo_b { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .umk-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: -12px; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .umk-list__item { list-style: none; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding: 12px; box-sizing: border-box; } .umk-list_subject-nav .umk-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .umk-option { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: -0.5rem; } .umk-option__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.5rem; box-sizing: border-box; } .umk-option__col_photo { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .umk-option__photo { width: 100%; } .vacancies__title { font-size: 32px; font-weight: 700; margin: 0; } .vacancies__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 32px; padding-bottom: 32px; } .vacancies__aside { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 32px; margin-right: 30px; width: 270px; } .vacancies__quote blockquote { background: none; margin: 0; padding-left: 60px; padding-right: 60px; } .vacancies__quote blockquote:before { left: 0; } .vacancies__quote blockquote h3 { margin-top: 0; } .vacancy-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 24px; } .vacancy-item__description { padding: 0 24px; } .vacancy-item__title { font-size: 24px; margin: 0; } .vacancy-item__hidden { display: none; padding: 0 24px; position: relative; overflow: hidden; } .vacancy-item__more { color: #1976d2; text-decoration: none; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; background: none; border: none; border-top: 1px solid #eeeeee; font-size: 14px; padding: 12px 0 0; width: 100%; } .vacancy-item__more:hover { color: #0e4377; } .vacancy-list { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; padding: 0; margin: 0; width: 100%; } .vacancy-list__item { background-color: #fff; box-shadow: 0px 0px 20px rgba(86, 92, 101, 0.1); border-radius: 2px; font-size: 16px; margin-bottom: 20px; padding: 24px 0 12px; } .video-item__row_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-item__tag { font-size: 1rem; display: inline-block; color: #999; margin-right: 1rem; } .video-item__tag:last-child { margin-right: 0; } .video-item__tag-text { display: inline-block; vertical-align: middle; } .video-item__tag-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 0.5rem; } .video-item__title { margin: 0; font-size: 1.28571rem; } .video-item__actions { margin: 0.5rem 0; } .video-item__save-link { -webkit-appearance: none; background: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; border-color: #ff5722; text-decoration: none; color: #ff5722; height: 2.4rem; line-height: 2.4rem; font-weight: 400; padding: 0 1rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .video-item__save-link:hover { background-color: #ff5722; color: #fff; } .video-item__icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin-right: 1rem; } .video-item__caption { display: inline-block; vertical-align: middle; } .video-list { padding: 0; margin: 0; } .video-list__item { list-style: none; border-bottom: 1px solid #eee; padding: 1rem 0; } .ant_forgotpasswd { color: #000; } .ant_search { margin: 0; } .ant_search button { padding: 0; border: none; background: transparent; } .jivo-state-widget { right: 100px !important; } .cursor_pointer { cursor: pointer; } .ya_container { text-align: right; } /*.ant_vacancy { text-align: left; } .ant_vacancy .form__col_label { padding-right: 10px; }*/ .ant_rainbow_img { width: 100%; margin-bottom: 35px; } .ant_events { width: 300px; position: relative; display: block; } .ant_h { font-size: 200%; } .ant_h1 { text-align: center; font-weight: 400; font-size: 2.57143rem; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .ant_h5 { font-size: 1.28571rem; font-weight: 700; } .ant_h3 { font-size: 1.85714rem; font-weight: 400; margin-left: 12px; line-height: 1.1; } .ant_right { text-align: right; } .file-item__save-link { white-space: nowrap; } textarea.ant_input_text { height: 80px; resize: vertical; } .ant_table_form { width: 100%; } .ant_table_form td { vertical-align: top; } .ant_table_form .podtext, .form-table.data-table .podtext { display: block; font-size: 12px; font-weight: normal; } .ant_table_form .input-suggest__el { margin-bottom: 0px; } .ant_table_form .input-suggest_dropdown { margin-bottom: 15px; } .input-suggest_dropdown .input-suggest__link { text-align: left; } .ant_see_also_li { border-left: 1px solid #ccc; } .dop_materials .ant_h1 { border: none; } .ant_product-type-item { height: 267px; } .ant_button { background-color: #ff5722; color: #fff; border-color: transparent; width: auto; -webkit-appearance: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; padding: 0 2em; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 7px auto; } .ant_button:hover { background-color: #f83c00; } .form__input_checkbox-label { display: block; padding-top: 5px; padding-bottom: 5px; } .form__tooltip { box-shadow: 0 0 20px rgba(86, 92, 101, 0.1); box-sizing: border-box; color: #767A8C; display: table; font-size: 13px; font-weight: 400; line-height: 14px; margin-left: 0; height: 40px; padding: 6px 18px; position: relative; width: 100%; z-index: 20; } .form__tooltip:after { background-repeat: no-repeat; background-size: 100%; content: ''; height: 24px; right: 8px; position: absolute; top: -32px; width: 24px; } .form__tooltip span { display: table-cell; vertical-align: middle; } .form__tooltip--error { background: #FFECEE; } .form__tooltip--error:after { background-image: url('/local/templates/new_drofa/images/inputbox-error.png'); } .form__input--error .form__input_text { border-color: #FF4E60; } .book-contents__item { list-style: none; padding: 0 0; font-size: 1.10086rem; } .ant_book-contents__list { overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ant_minwidth33 { min-width: 33%; } .ant_noresult { text-align: center; font-size: 18px; padding: 120px 20px 80px; } .ant_news_block_detail { font-size: 13pt; } .ant_height_auto { /* height: auto !important; */ } .ant_event-header__actions { margin-top: -30px; margin-bottom: -27px; } .ant_item_checklist span { cursor: pointer; } .ant_item_checklist a { text-decoration: none; color: black; } .ant_center { margin: 0 auto; } .ant_assistance-list__item { max-width: 100%; padding: 4px; width: 250px; } .ant_member-form__col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-bottom: 2px; } .ant_product-list__item.product-list__item { display: block; width: 100%; max-width: 100%; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .ant_product-list__item .product-item { display: block; } .ant_product-list__item .product-item:after { clear: both; content: ''; display: block; } .ant_product-list__item .product-item__row_photo { height: auto; } .ant_product-list__item .product-item__row_title { height: auto; } .feedback-item__row li { text-align: left; } .article-author__desc { font-size: 13pt; } .ant_time { font-size: 80%; color: #8a0d0d; opacity: 0.7; display: block; } .ant_comment { font-style: italic; } .ant_comment_time { display: block; font-size: 70%; } .event-complaint .event-item__time { background-color: #ef0808; } .ant_edit_link { background-color: #fff; color: #000; border: 1px solid #ccc; padding: 0.3rem; border-radius: 3px; display: inline-block; line-height: 1.2; } .ant_edit_link:hover { background-color: #4bb6bb; color: #fff; border-color: #4bb6bb; } .ant_all_comment { background-color: rgba(255, 236, 4, 0.14); padding: 5px; margin-bottom: 15px; text-align: center; } .ant_all_comment:hover { background-color: rgba(255, 236, 4, 0.54); } .ant_warning { position: absolute; margin-top: -20px; right: 16px; color: red; font-size: 12px; display: none; } .ant_block_like { font-size: 13pt; } .ant_block_like img { position: relative; top: 10px; margin-top: -30px; } .ant_class_hide { display: none; } #ant_class1, #ant_class2 { width: 45%; } .fa-times.fa-fw { background-image: url('/local/templates/new_drofa/images/icon-cross.svg'); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 24px; width: 24px; } .ant_questions { background: #fdc89e; margin-top: 28px; } .ant_sticky-nav__link { color: inherit; text-decoration: none; padding: 1rem; display: inline-block; margin-bottom: -1px; border-bottom: 2px solid transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .second_part { display: none; } .file-item__title.ant_h3 a { color: #000; text-decoration: none; } .file-item__title.ant_h3 a:hover { color: #145ca4; } .js_add_users_block { display: none; } .ant_click { cursor: pointer; } .ant_pa-welcome-pop-up { max-width: 520px; } .js_add_users_block_check { display: none; } .active_subauthors { display: table-row; } .font_coauthor { font-size: 70%; } .ant_cross { position: absolute; cursor: pointer; } .ant_block_keep_status { font-size: 70%; color: red; } /*strana*/ @font-face { font-family: 'dinprocond'; src: url('/local/templates/new_drofa/fonts/dinprocond/DINPro-Cond.eot'); src: local('☺'), url('/local/templates/new_drofa/fonts/dinprocond/DINPro-Cond.woff') format('woff'), url('/local/templates/new_drofa/fonts/dinprocond/DINPro-Cond.ttf') format('truetype'), url('/local/templates/new_drofa/fonts/dinprocond/DINPro-Cond.svg') format('svg'); font-weight: normal; font-style: normal; } .tabs__wrap { border-bottom: 1px solid #333333; margin-bottom: 40px; } .tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; list-style-type: none; margin: 0; padding: 0; font-size: 13pt; } .tabs__item { position: relative; overflow: hidden; width: 25%; text-align: center; padding-bottom: 2px; margin-bottom: -2px; } .tabs__input { background: none; border: none; position: absolute; left: 0; right: 0; width: 0; height: 0; opacity: 0; } .tabs__name { display: inline-block; line-height: 1.2; padding-bottom: 8px; } .tabs__input:checked + .tabs__name { color: #ff5722; font-weight: bold; position: relative; } .tabs__input:checked + .tabs__name:before { content: ''; position: absolute; width: 50px; height: 3px; left: 50%; margin-left: -25px; background: #ff5722; bottom: -2px; border-radius: 2px; } .conditions__content { padding: 0 25px; } .conditions__ttl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .conditions__num { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #ffffff; width: 87px; height: 35px; line-height: 35px; text-align: center; font-size: 24px; font-weight: bold; background: #ff5722; margin-right: 15px; } .conditions__num2 { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #ffffff; width: 87px; height: 35px; line-height: 35px; text-align: center; font-size: 24px; font-weight: bold; background: #a1a1a1; margin-right: 15px; } .conditions__num + span { display: inline-block; font-weight: bold; } .conditions__attention span { text-transform: uppercase; color: #ff5722; font-weight: bold; font-size: 20px; } .conditions__list { margin: 0; padding: 0; list-style-type: none; font-size: 13pt; } .conditions__icon_list { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .conditions__icon_item { width: 18%; text-align: center; line-height: 1.4; } .conditions__icon { position: relative; height: 50px; display: block; margin-bottom: 10px; } .conditions__icon:before { content: ''; position: absolute; width: 70%; right: 80%; top: 50%; border-top: 1px solid #ff5722; } .conditions__icon_item:first-child .conditions__icon:before { display: none; } .conditions__icon svg { max-height: 50px; max-width: 50px; } .conditions__icon .st0 { max-height: 50px; fill: #ff5722; } .conditions__icon_text strong { display: block; } .page-nav { background: #ff5722; } .page-nav__list { padding: 0 2rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1170px; font-size: 13pt; } .page-nav__icon { display: none; } .page-nav__item { line-height: 42px; display: block; width: 20%; text-align: center; } .page-nav__link { color: #ffffff; } .page-nav__link:hover { font-weight: bold; } .article-item_color { background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-item_color--blue { border-color: #e5f1ff; } .article-item_color__box:hover { color: #000000; } .article-item_color__box--blue:hover { background: #e5eff9; } .article-item_color__box--yellow:hover { background: #f9eee0; } .article-item_color__box--pink:hover { background: #fbe8ea; } .article-item_color__box--green:hover { background: #dce9d4; } .article-item_color--blue:hover { border-color: #e5f1ff; } .article-item_color--yellow { border-color: #fceed9; } .article-item_color--yellow:hover { border-color: #f4e1c7; } .article-item_color--pink { border-color: #fde4e7; } .article-item_color--pink:hover { border-color: #fbd7db; } .article-item_color--green { border-color: #cfe3c3; } .article-item_color--green:hover { border-color: #c2d4b7; } .article-item_color__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; padding: 15px; font-size: 20px; line-height: 1.2; } .article-item_color__top--blue { background: url('/local/templates/new_drofa/images/strana/b_t1.png') right bottom no-repeat; } .article-item_color__top--yellow { background: url('/local/templates/new_drofa/images/strana/b_t2.png') right bottom no-repeat; } .article-item_color__top--pink { background: url('/local/templates/new_drofa/images/strana/b_t3.png') right bottom no-repeat; } .article-item_color__top--green { background: url('/local/templates/new_drofa/images/strana/b_t4.png') right bottom no-repeat; } .article-item_color__box:hover .article-item_color__top--blue { background: url('/local/templates/new_drofa/images/strana/b_t1_h.png') right bottom no-repeat; } .article-item_color__box:hover .article-item_color__top--yellow { background: url('/local/templates/new_drofa/images/strana/b_t2_h.png') right bottom no-repeat; } .article-item_color__box:hover .article-item_color__top--pink { background: url('/local/templates/new_drofa/images/strana/b_t3_h.png') right bottom no-repeat; } .article-item_color__box:hover .article-item_color__top--green { background: url('/local/templates/new_drofa/images/strana/b_t4_h.png') right bottom no-repeat; } .article-item_color__ttl { font-weight: bold; text-transform: uppercase; display: block; } .article-item_color__bottom { text-align: left; padding: 10px 15px; font-size: 14px; line-height: 1.4; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .article-item_color__bottom--blue { background: #e5f1ff; } .article-item_color__box:hover .article-item_color__bottom--blue { background: #c1dcfb; } .article-item_color__bottom--yellow { background: #fceed9; } .article-item_color__box:hover .article-item_color__bottom--yellow { background: #f4e1c7; } .article-item_color__bottom--pink { background: #fde4e7; } .article-item_color__box:hover .article-item_color__bottom--pink { background: #fbd7db; } .article-item_color__bottom--green { background: #cfe3c3; } .article-item_color__box:hover .article-item_color__bottom--green { background: #c2d4b7; } .mobile-visible { display: none; } .feedback-slider--mobile { padding: 0 0 40px; max-width: 243px; margin: 0 auto; } .feedback-slider--mobile .feedback-item { padding: 0 0 20px; } .feedback-slider--mobile .feedback-slider__controls { top: 100%; margin-top: -40px; right: inherit; width: 50px; } .feedback-slider--mobile .feedback-slider__controls button { outline: none; height: 23px; } .feedback-slider--mobile .feedback-slider__control:active .icon { fill: #ff5722; } .article-item-image { position: relative; } .article-item-image__img { display: block; width: 100%; } .article-item-image__content-box { position: absolute; top: 0; height: 330px; left: 0; right: 0; } .article-item-image__content-box--hover { display: none; color: #ffffff; background: #ff5722; overflow: hidden; padding: 20px 10px; bottom: 0; height: auto; } .article-item-image__data { background: #ff5722; color: #ffffff; position: absolute; left: 0; top: 15px; max-width: 100%; height: 38px; font-size: 17px; line-height: 38px; padding: 0 9px; } .article-item-image__data--green { background: #1bbb93; } .article-item-image__data-inner { height: 60px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 22px; display: block; width: 100%; text-align: center; } .article-item-image__title { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0 8px 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-item-image__text { position: relative; height: 80%; overflow: hidden; } .article-item-image__text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: -moz-linear-gradient(top, rgba(255, 87, 34, 0) 40%, rgba(255, 87, 34, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(255, 87, 34, 0) 40%, rgba(255, 87, 34, 0.8) 100%); background: linear-gradient(to bottom, rgba(255, 87, 34, 0) 40%, rgba(255, 87, 34, 0.8) 100%); } .article-item-image__button { height: 60px; box-sizing: border-box; padding-top: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .article-item-image__ttl { font-size: 23px; line-height: 1.2; text-transform: uppercase; } .article-item-image__ttl span { text-transform: none; font-weight: bold; } .article-item-image__box:hover .article-item-image__content-box--hover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .button__grey { outline: none; -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; border-radius: 0.21429rem; box-sizing: border-box; color: #333333; border: 1px solid #eee; cursor: pointer; background-color: #fafafa; height: 2.6rem; line-height: 2.6rem; vertical-align: middle; padding: 0 1rem; font-size: 1.14286em; font-weight: 400; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .button__grey:hover { color: #ff5722; } .article-header__content { font-family: 'dinprocond'; width: 30%; padding: 10% 0; min-width: 300px; font-size: 50px; line-height: 1.6; text-transform: uppercase; color: #ffffff; } .article-header__content2 { font-family: 'dinprocond'; width: 65%; padding: 10% 0; min-width: 30px; font-size: 50px; line-height: 1.6; text-transform: uppercase; color: #000000; } .article-header { background-size: cover; background-position: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; } .layout__section_container-mt { margin-top: 40px; font-size: 13pt; } .section__title--orange span { font-weight: bold; display: block; } .section__title--orange { color: #ff5f2d; text-transform: uppercase; font-size: 20px; } .section__row_button { text-align: center; } .section__row_content--mb { margin-bottom: 40px; } .section__count--nml { margin-left: 0; } .article-item__name { display: inline-block; font-size: 18px; line-height: 1.4; color: #ff5722; margin: 9px 0 0; } .article-item__box:hover .article-item__name { color: #ffffff; } .article-item__row_name + .article-item__row_title .article-item__title { font-weight: normal; } .article-item__box:hover .article-item__title { color: inherit; } .article-item_color__content { margin: 0 auto; } #juri p { font-size: 13pt; } /*strana end*/ .ask-question { /* padding-bottom: 4rem; */ /* ant_edit */ } .ask-question__col { padding: 1rem; width: 600px; margin: 0 auto; } .ask-question__side-title { margin-top: 0; } .ask-question__title { text-align: center; } .ask-question__btn-like { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; width: auto; background-color: #fafafa; border-color: transparent; } .ask-question__btn-like + .ask-question__btn-like { margin-right: 1rem; } .ask-question__btn-like_primary { background-color: #ff5722; color: #fff; border-color: transparent; } .c-faq-list { margin-top: 40px; border-top: 1px solid #eee; } .form_narrow .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__input_textarea { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 2.4em; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; height: auto; padding-top: 0.7em; padding-bottom: 0.7em; min-height: 12em; } .form__input_textarea:focus { border-color: #1976d2; } .c-question-item { border-bottom: 1px solid #eee; } .c-question-item__title-row { padding: 20px 60px; cursor: pointer; position: relative; } .c-question-item__answer-row { padding: 0px 60px 40px; } .c-question-item_is-closed .c-question-item__answer-row { display: none; } .c-question-item__marker { position: absolute; top: 50%; left: 30px; margin-top: -5px; margin-left: -2px; width: 11px; height: 11px; shape-rendering: crispEdge; } .c-question-item__marker-wrapper { -webkit-transform: translate(0, 4px); transform: translate(0, 4px); } .c-question-item__marker-line { background-color: currentColor; width: 100%; height: 3px; -webkit-transform-origin: 50% 1.5px; transform-origin: 50% 1.5px; position: absolute; top: 0; left: 0; } .c-question-item_is-closed .c-question-item__marker-line_2 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .c-question-item__title { margin: 0; font-size: 18px; } .c-question-item__answer { margin: 0; font-size: 18px; } .input-suggest__el_ant { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; height: 38px; border-radius: 3px; box-sizing: border-box; outline: none; padding: 0 1em; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; width: 100%; } .ant_cross_form { position: absolute; top: 0; right: 0; } .ant_cross_form a { cursor: pointer; display: block; padding: 10px 12px 0 0; } .ant_cross_form i { color: #999; font-size: 16pt !important; opacity: 0.6; padding: 6px 8px 0 0; cursor: pointer; } .ant_cross_form i:hover { opacity: 1; } .ant_manager_item { margin: 15px; } #projects li.project-list__item { height: 360px; } #projects .project-item__overlay { height: 185px; } #projects .project-item__row_more { margin-top: 25px; } .ant-header_content { width: 75%; align: center; padding: 10% 0; min-width: 30px; font-size: 50px; line-height: 1.6; text-transform: uppercase; color: #ffffff; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .ant-page-nav { background: #3498db; } .ant_cart_menu { height: 16px; width: 16px; vertical-align: baseline; } .ant_title_font_blue { color: #1976d2; text-transform: uppercase; } .ant_question_item_row { border: none; } /* INTERVIEW start */ .interview__block { padding: 35px 20px; margin: 40px auto 10px; border: 1px solid #dcd9d9; } .interview__title { font-size: 18px; margin-bottom: 10px; } .interview__title--grey { color: #656363; } .interview__title--no-mb { margin-bottom: 0; } .interview__title--big { font-size: 20px; font-weight: bold; margin-bottom: 20px; } [data-relation] { margin-bottom: 15px; /* ant_edit */ } .interview__title--middle { font-size: 18px; } .interview__title--mb { margin-bottom: 30px; } .interview__title--center { text-align: center; } .interview__title--in-col { display: flex; align-items: center; height: 1.85em; line-height: 1; margin-bottom: 0; } .interview__title-inner { display: inline-block; font-size: 18px; max-width: 240px; margin: 0 auto; } .interview__container { margin-bottom: 5px; } .interview__container--pb50 { padding-bottom: 50px; } .interview__container:last-child { /* margin-bottom: 0; */ /* ant_edit */ } .interview__container--with-column { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .interview__container-col { width: calc((100% - 90px) / 2); } .interview__container-row { display: flex; } .interview__element { margin-top: 20px; } .interview__element:first-child { margin-top: 0; } .interview__element--inline { margin-top: 0; margin-left: 20px; } .interview__element--inline:first-child { margin-left: 0; } .interview__element-label { display: block; font-size: 18px; padding: 7px 8px; background: #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } .interview__element-label--hover, .interview__element-label:hover { background: #ebe9e9; } .interview__element-label:active, .interview__element-label--checked { background: #dcd9d9; } .interview__element-label .form__input_checkbox:checked + span::before { background-color: #ffffff; } .interview__element-label span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .interview__mobile-header, .interview__element-mobile-label { display: none; } .interview__suggest { position: relative; } .interview__suggest:before { content: ''; position: absolute; top: 50%; right: 14px; width: 32px; height: 32px; background-color: #fafafa; background-image: url('/local/templates/new_drofa/images/dropdown.svg'); transform: translateY(-50%); } .interview__suggest .input-suggest__el { background: #fafafa; border-color: #fafafa; cursor: pointer; } .interview__suggest .input-suggest__el:focus { background: #ebe9e9; border-color: #ebe9e9; } .interview__subtext { color: #999999; font-size: 14px; line-height: 1.2; margin-bottom: 10px; } .interview__subtext--mb30 { margin-bottom: 30px; } .interview__container-col2 { width: calc((75% - 50px) / 2); } .interview__container-col2--title { width: calc(25% - 50px); align-self: center; } .interview__container-col3 { width: calc(100% - 297px); } .interview__container-col3--title { align-self: center; width: 257px; flex-shrink: 0; line-height: 1.1; } .interview__container-col4 { width: calc((100% - 25% - 100px) / 5); text-align: center; align-self: center; } .interview__container-col4--title { align-self: center; width: 30%; flex-shrink: 0; line-height: 1.1; text-align: left; } .interview__container-col4--big { width: calc(100% - 25% - 20px); } .interview__container-col5 { width: calc((100% - 25% - 80px) / 4); max-width: 110px; text-align: center; align-self: center; } .interview__container-col5--title { align-self: center; width: 25%; max-width: 25%; flex-shrink: 0; line-height: 1.1; text-align: left; } .interview__container-col-label { display: flex; align-items: center; font-size: 16px; padding: 4px 18px; min-height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .interview__container-col-label--top { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; line-height: 1.4; padding: 5px; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .interview__container-col-label--top:before { content: ''; position: absolute; top: 100%; left: 50%; border: 10px solid transparent; border-top-color: #fafafa; transform: translateX(-50%); } .interview__container-col-label--top.interview__element-label--hover:before, .interview__container-col-label--top:hover:before { border-top-color: #ebe9e9; } .interview__container-col-label--top.interview__element-label--checked:before, .interview__container-col-label--top:active:before { border-top-color: #dcd9d9; } .interview--mb30 { margin-bottom: 30px; } .interview--mt20 { margin-top: 20px; } .interview__mobile-visible { display: none; } .rating__row { position: relative; display: flex; height: 46px; background: #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rating__item { width: 10%; display: flex; align-items: center; justify-content: center; cursor: pointer; } /* .rating__star { position: relative; display: block; width: 26px; height: 26px; color: #fff; background: #b3b3b3; border-radius: 5px; text-align: center; vertical-align: middle; padding-top: 3px; background: url("/local/templates/new_drofa/images/star-rating-empty.svg") no-repeat; z-index: 1; } */ .rating__star--full { /* background: url("/local/templates/new_drofa/images/star-rating.svg") no-repeat; */ background: #ff5722; } .rating__valuation { position: relative; display: block; width: 26px; height: 26px; color: #fff; background: #b3b3b3; border-radius: 5px; text-align: center; vertical-align: middle; padding-top: 3px; /* background: url("/local/templates/new_drofa/images/star-rating-empty.svg") no-repeat; */ z-index: 1; } .rating__valuation--full { /* background: url("/local/templates/new_drofa/images/star-rating.svg") no-repeat; */ background: #ff5722; } .rating__progress { position: absolute; left: 0; top: 0; bottom: 0; background: #ebe9e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rating__hint { position: absolute; top: 100%; padding: 12px 14px; margin-top: 10px; text-align: center; color: #656363; font-size: 18px; line-height: 1; background: #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2; } .rating__hint:before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 9px solid transparent; border-bottom-color: #fafafa; } /* INTERVIEW end */ /* FAQ start*/ .search-block { background-color: #f1f3f5; padding: 3em 0; margin-top: 2.2rem; margin-bottom: 20px; } .search-block__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-block__col { width: 100%; } .search-block__col--sm { width: 90px; padding-left: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .search-block__btn { height: 33px; line-height: 33px; } .search-result__count-row { font-size: 11px; } .search-result__count-label { color: #999999; } .search-result__list-item { padding: 40px 0; border-bottom: 1px solid #eeeeee; } .search-result__name { color: #404040; font-size: 17px; font-weight: bold; z-index: 2; } .search-result__name:hover, .search-result__name:active { text-decoration: none; } .search-result__text { margin-top: 10px; } .search-result__find-text { position: relative; } .search-result__find-text span { padding: 2px 0; background: #e5f1ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .search-result__more-wrap { padding: 50px 0 0; text-align: center; } .search-result__more, .search-result__more:focus { text-decoration: none; color: #4283c0; } .search-result__more:hover { text-decoration: none; color: #0e4377; } .search-result__more:active { text-decoration: none; color: #ff5722; } .form__column { width: 100%; } .form__column--label { width: 135px; flex-shrink: 0; } .form__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .form__wrapper-col { width: 100%; } .form__wrapper-col--small { flex-shrink: 0; width: 300px; padding-left: 40px; } .form__grid-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__grid-col-3 { width: calc((100% - 20px) / 3); margin-bottom: 10px; } .form__list, .form__text { font-size: 13px; color: #999999; margin: 10px 0 0; } .form__list { padding: 0 0 0 15px; margin: 0 0 10px; } .form__file-add { position: relative; margin: 10px 0; } .form__file-add-label { display: block; height: 36px; line-height: 36px; width: 200px; padding: 0 10px 0 45px; font-size: 16px; text-align: center; overflow: hidden; cursor: pointer; background: #e8e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form__file-add-label::before { content: ''; position: absolute; left: 10px; top: 50%; width: 19px; height: 20px; background: url('/local/templates/new_drofa/assets/images/clip.svg') no-repeat; -webkit-background-size: 100%; background-size: 100%; transform: translateY(-50%); } .form__file-add--small { margin: 0; } .form__file-add-label--small { line-height: 25px; height: 25px; font-size: 12px; width: auto; padding: 0 0px 0 20px; text-align: left; } .form__file-add-label--small::before { width: 14px; height: 14px; left: 0; top: 9px; } .form__file-add-input { position: absolute; width: 0; height: 0; opacity: 0; z-index: -1; } .form__file-delete { height: 17px; width: 17px; margin-left: 15px; background: url('/local/templates/new_drofa/assets/images/multiply.png') no-repeat; -webkit-background-size: 100%; background-size: 100%; cursor: pointer; } .form__file-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } .form__file-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; margin: 0 15px 10px 0; } .form__grey-block { padding: 35px; background: #fafafa; border: 1px solid #eeeeee; } .form__grey-block-title { color: #404040; font-size: 24px; font-weight: bold; margin-bottom: 25px; } .form__grey-block-text { padding: 0; margin: 0; font-size: 16px; list-style: none; } .qa__list { margin-bottom: 50px; } .qa__item { border-top: 1px solid #eee; } .qa__item:first-child { border-top: none; } .qa__title { color: #404040; font-size: 24px; font-weight: bold; padding: 40px 0; cursor: pointer; } .qa__title:hover { text-decoration: underline; } .qa__sublist { display: none; margin-left: 40px; } .qa__sublist--open { display: block; } .qa__sublist-item { border-top: 1px solid #eee; padding: 30px 0; } .qa__sublist-item:first-child { border-top: none; } .qa__sublist-title { color: #404040; font-size: 17px; font-weight: bold; cursor: pointer; } .qa__sublist-title:hover { text-decoration: underline; } .qa__sublist-text { display: none; margin-top: 30px; } .qa__sublist-item--open .qa__sublist-text { display: block; } .c-question-item__answer-row p { font-size: 18px; } /* FAQ end*/ ol.vote-items-list li.vote-item-vote-first { border: none; } .js_responsible { font-size: 130%; padding: 10px; display: none; } /*heed_help start*/ .button_chat { position: fixed; bottom: 0px; right: 20px; height: 45px; line-height: 41px; padding: 0 20px; background: #3b393f; color: #fff; font-size: 16px; border: 2px solid #ff5722; cursor: pointer; outline: none; text-decoration: none; z-index: 999; } .button_chat:hover { box-shadow: 0 0 10px #ff5722; } .button_chat:active { box-shadow: none; bottom: 0px; } .button_chat__icon { display: inline-block; vertical-align: middle; width: 26px; height: 23px; margin-left: 6px; background: url('/local/templates/new_drofa/assets/images/comment.svg') no-repeat; } /*heed_help end*/ /*support start*/ .helper__text-center { text-align: center; } .support-service__content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .support-service__list-item { padding: 25px 20px; border-top: 1px solid #eeeeee; } .support-service__list-item--message { background: #fafafa; } .support-service__list-item:first-child { border-top: none; } .support-service__list-item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 10px; } .support-service__list-item-date { align-self: flex-end; font-size: 11px; } .support-service__list-item-header-col { width: 100%; } .support-service__list-item-header-col--date { width: 100px; flex-shrink: 0; } .support-service__list-item-status { display: inline-block; color: #ff5722; margin-right: 6px; } .support-service__list-item-status--new { position: relative; font-weight: bold; } .support-service__list-item-status--new::before { content: ''; position: absolute; left: -16px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #ff5722; border-radius: 100%; } .support-service__list-item-num { display: inline-block; color: #999999; } .support-service__list-item-name { font-weight: bold; max-width: 100%; margin-bottom: 10px; } .support-service__list-item-name span { display: inline-block; text-overflow: ellipsis; max-width: 97%; white-space: nowrap; overflow: hidden; } .support-service__title { margin-top: 50px; margin-bottom: 10px; } .support-service__list { border-top: 1px solid #eeeeee; padding-top: 20px; margin-bottom: 40px; font-size: 16px; } .support-service__history-text p, .support-service__list-item-text p { margin: 10px 0 0; } .support-service__history-text p:first-child, .support-service__list-item-text p:first-child { margin-top: 0; } .support-service__history { border-left: 1px solid #cccccc; padding: 10px 0 10px 10px; margin-top: 10px; } .support-service__history-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .support-service__history-author { font-weight: bold; margin-right: 6px; } .support-service__history-date { color: #999999; } .support-service__list-item-show, .support-service__list-item-hide, .support-service__list-item-readmore { display: inline-block; margin-top: 10px; font-weight: bold; text-decoration: underline; cursor: pointer; } .support-service__history-box, .support-service__list-item-text.support-full-text { display: none; } .support-service__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 20px 0; } .support-service__form-col { width: 100%; } .support-service__form-col--small { width: 208px; padding-left: 15px; } .support-service__form-textarea { min-height: 100px; resize: vertical; } .support-service__list-item-show:hover, .support-service__list-item-hide:hover, .support-service__list-item-readmore:hover { color: #ff5722; } .support-service__list-item-show:active, .support-service__list-item-hide:active, .support-service__list-item-readmore:active { text-decoration: none; } .support-service__form-el { margin-top: 15px; } .support-service__form-el:first-child { margin-top: 0; } /*support end*/ .main-banner-slider__list *, .info-box__wrap *, .rubrics * { box-sizing: border-box; } /* UI */ .button { display: inline-block; line-height: 38px; padding: 0 15px; font-size: 18px; text-align: center; font-weight: 300; border: none; text-decoration: none; cursor: pointer; outline: none; -webkit-transition: .2s background; -o-transition: .2s background; transition: .2s background; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .button--blue { color: #fff; background: #4d88ce; } .button--blue:hover { color: #fff; background: #66a1e7; } .button--blue:active { color: #fff; background: #0b62b9; } .button--big { min-width: 300px; line-height: 55px; } .button__more-text::after { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .button__icon { display: inline-block; margin-right: 5px; } .button__icon--basket { width: 18px; height: 15px; background: url('/local/templates/new_drofa/assets/images/icon-basket.svg') no-repeat; } .btn, .event-header__btn_primary { background: #4D88CE; border: 1px solid #4D88CE; border-radius: 2px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; height: auto; line-height: 36px; outline: none; padding: 0 15px; text-align: center; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn:hover, .event-header__btn_primary:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .btn:active, .event-header__btn_primary:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .btn--border { background: none; border: 1px solid #4D88CE; color: #4D88CE; } .btn--border:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .btn--icon svg { display: inline-block; fill: currentColor; height: 18px; margin-right: 8px; width: 18px; vertical-align: middle; } .btn--icon span { display: inline-block; vertical-align: middle; } .btn--light { background: #fff; border: 1px solid #fff; color: #1F2029; } .btn--full { width: 100%; } .btn--big, .event-header__btn_primary { font-size: 18px; line-height: 46px; padding: 5px 36px; } .btn--width-s { min-width: 120px; } .btn--width-m { min-width: 240px; } .btn--width-l { min-width: 300px; } .btn--padding-m { padding-left: 40px; padding-right: 40px; } .btn--shadow { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); } .btn-left { text-align: left; } .btn-right { text-align: right; } .btn-center { text-align: center; } .ui-tabs { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: flex-end; padding: 0; margin: 0; width: 100%; font-size: 14px; line-height: 1; list-style: none; } .ui-tabs__item { position: relative; text-transform: uppercase; opacity: 0.6; padding-bottom: 15px; margin-left: 10%; cursor: pointer; white-space: nowrap; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .ui-tabs__item:hover { opacity: 1; } .ui-tabs__item:first-child { margin-left: 0; } .ui-tabs__item--active { font-weight: bold; opacity: 1; border-bottom: 2px solid #4d88ce; } .ui-tabs--light .ui-tabs__item { color: #ffffff; margin-left: 30px; } .ui-tabs--light .ui-tabs__item:first-child { margin-left: 0; } /* FEEDBACK */ .info-line__wrap { background: #262626; padding: 50px 0; color: #fff; font-size: 18px; line-height: 1.2; text-align: center; } .info-line__wrap--light { color: #000; background: #fff url('/local/templates/new_drofa/assets/images/bg_img.png') center center no-repeat; background-size: 100% auto; } .info-line__title { font-size: 36px; } .info-line__text { max-width: 580px; margin: 30px auto; font-weight: 300; } .feedback-from__field-wrap { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; background: #fff; height: 50px; width: 368px; max-width: 100%; } .feedback-from__field { width: 100%; border: none; min-width: 0; padding: 0 20px; outline: none; } .feedback-from__submit { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; background: none; border: none; padding: 0; height: 100%; width: 50px; flex-shrink: 0; color: #0089d2; padding-right: 7px; } .feedback-from__submit img { width: 30px; height: 30px; } /* MAIN SLIDER */ .layout__section--slider { max-height: 493px; overflow: hidden; position: relative; } .layout__section--slider::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: #4d88ce; } .main-banner-slider__list { position: relative; margin: 0; padding: 30px 0 0; list-style: none; } .main-banner-slider__list .flickity-page-dots { bottom: 45px; padding: 30px; z-index: 3; } .main-banner-slider__list .flickity-page-dots .dot { vertical-align: middle; width: 6px; height: 6px; margin: 0 14px; background: #ffffff; opacity: 1; box-sizing: content-box; } .main-banner-slider__list .flickity-page-dots .is-selected { background: none; border: 2px solid #fff; } .main-banner-slider__list .flickity-slider { z-index: 2; } .main-banner-slider__list .flickity-prev-next-button { background: none; z-index: 3; } .main-banner-slider__list .flickity-prev-next-button:disabled { display: none; } .main-banner-slider__list .flickity-prev-next-button.previous { left: -25px; } .main-banner-slider__list .flickity-prev-next-button.next { right: -25px; } .main-banner-slider__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; height: 463px; padding: 30px 50px; box-sizing: border-box; } .main-banner-slider__container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; max-width: 1140px; margin: 0 auto; } .main-banner-slider__content { padding-left: 6%; } .main-banner-slider__name { font-size: 43px; font-weight: bold; line-height: 1.1; margin-bottom: 20px; } .main-banner-slider__name a { color: #000; text-decoration: none; } .main-banner-slider__text { font-size: 21px; margin-bottom: 20px; } .main-banner-slider__image { position: relative; /* max-width: 40%; ant_edit */ width: 400px; flex-shrink: 0; padding-bottom: 35%; /* ant_edit */ overflow: hidden; display: block; } .main-banner-slider__image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .main-banner-slider__button { border: 1px solid #f4f3f8; } /* CALENDAR */ .calendar__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 30px; padding-bottom: 30px; color: #ffffff; background: #090909; } .calendar__list { position: relative; padding: 30px 0; } .calendar__list .flickity-viewport { position: static; } .calendar__list:before { content: ''; position: absolute; top: 0; bottom: 0; width: 100%; left: 100%; margin-left: -20px; background: rgba(0, 0, 0, 0.9); background: linear-gradient(to right, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.6) 40px, rgba(0, 0, 0, 0.7) 90px, rgba(0, 0, 0, 0.9) 50%, #000000); z-index: 1; } .calendar__list:after { content: ''; position: absolute; top: 0; bottom: 0; width: 100%; right: 100%; margin-right: -20px; background: rgba(0, 0, 0, 0.9); background: linear-gradient(to left, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.6) 40px, rgba(0, 0, 0, 0.7) 90px, rgba(0, 0, 0, 0.9) 50%, #000000); z-index: 1; } .calendar__wrap .flickity-prev-next-button.next { right: -25px; z-index: 2; } .calendar__wrap .flickity-prev-next-button.previous { left: -25px; z-index: 2; } .calendar__item { width: 33.3333%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .calendar__list_active { display: block; } .calendar__item.is-selected + .calendar__item { border-left: 1px solid rgba(255, 255, 255, 0.1); } .calendar__item.is-selected + .calendar__item + .calendar__item { border-left: 1px solid rgba(255, 255, 255, 0.1); } .calendar__block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .calendar__top-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background: #4d88ce; color: #ffffff; text-decoration: none; } .calendar__time { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 150px; padding: 5px; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .calendar__time-num { font-size: 48px; font-weight: bold; } .calendar__time-text { font-weight: 300; font-size: 15px; text-align: center; max-width: 100%; } .calendar__time-type { position: relative; font-weight: 300; font-size: 11px; text-transform: uppercase; padding-top: 15px; margin-top: 15px; text-align: center; max-width: 100%; } .calendar__time-type:before { content: ''; position: absolute; left: 50%; top: 0; width: 15px; height: 1px; background: #ffffff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .calendar__image { position: relative; width: 190px; height: 150px; flex-shrink: 0; overflow: hidden; } .calendar__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .calendar__bottom-info { position: relative; padding: 20px 0 40px; } .calendar__tags { margin-bottom: 15px; } .calendar__name-wrap { /* min-height: 80px; ant_edit*/ } .calendar__name { font-size: 21px; line-height: 1.2; color: #ffffff; text-decoration: none; } .calendar__date { position: absolute; bottom: 0; left: 0; right: 0; font-size: 16px; line-height: 1.2; font-weight: lighter; color: #4d88ce; } .calendar__date::before { display: inline-block; content: ''; left: 0; width: 14px; height: 15px; background: url('/local/templates/new_drofa/assets/images/calendar-blue.svg') no-repeat; margin-right: 10px; } .calendar__wrap .flickity-prev-next-button, .calendar__wrap .flickity-prev-next-button:hover { background: none; } .calendar__wrap .flickity-prev-next-button.next { right: -25px; } .calendar__wrap .flickity-prev-next-button.previous { left: -25px; } .calendar__wrap .flickity-prev-next-button .arrow { fill: #fff; } /* BLOCKS */ .info-section { margin: 80px 0; } .info-section__title { font-size: 24px; margin-bottom: 5px; } .info-section__head-group { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-end; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #d8d9e1; } .info-section__head-group--light { border-bottom-color: rgba(255, 255, 255, 0.1); } .info-section__head-group-col { width: 50%; } .info-section__head-group-col .info-section__title { margin-bottom: 0; line-height: 1.2; padding-bottom: 10px; } .info-section__head-group-col--big { width: 610px; flex-shrink: 0; } .info-section__buttons { text-align: center; margin-top: 35px; margin-bottom: 20px; } .info-box__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .info-box__wrap--jc-sb { justify-content: space-between; } .info-box { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .info-box--2 { width: calc((100% - 25px) / 2); } .info-box--3 { width: calc((100% - 50px) / 3); min-width: 170px; min-height: 240px; margin-left: 25px; padding-bottom: 41%; height: 430px; } .info-box--3:first-child { margin-left: 0; } .info-box--4 { width: calc((100% - 75px) / 4); min-width: 170px; margin-left: 25px; } .info-box--4:first-child { margin-left: 0; } .info-box__img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .info-box__img img { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; /* max-width: 110%; */ -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .info-box__img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } .info-box__img--green::before { background: rgba(12, 59, 34, 0.75); } .info-box__img--purple::before { background: rgba(32, 7, 48, 0.8); } .info-box__img--red::before { background: rgba(69, 17, 1, 0.7); } .info-box__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; z-index: 1; } .info-box__title { position: relative; text-align: center; font-size: 24px; line-height: 1.1; font-weight: bold; padding-bottom: 30px; max-width: 90%; } .info-box__title::before { content: ''; position: absolute; left: 50%; bottom: 15px; width: 34px; margin-left: -17px; height: 1px; background: #fff; } .info-box__text { font-size: 18px; line-height: 1.2; padding: 0 20px; text-align: center; font-weight: 300; max-width: 100%; } .info-section__button-row { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } /* PRODUCTS */ .product-card { position: relative; display: block; padding: 18px 27px 70px 23px; max-width: 100%; font-size: 15px; line-height: 1.2; font-weight: 300; color: #000; background: #fff; text-decoration: none; } .product-card__name { font-weight: normal; } .product-card__img { margin-bottom: 15px; height: 200px; overflow: hidden; } .product-card__img img { max-width: 100%; max-height: 100%; } .product-card__author { color: #999; margin-bottom: 10px; } .product-card__buy { position: absolute; bottom: 15px; left: 23px; right: 27px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin-top: 15px; } .product-card__price { width: 100%; white-space: nowrap; font-size: 24px; font-weight: bold; } .product-card__buy-button-wrap { min-width: 112px; flex-shrink: 0; } .product-card__buy-button { width: 100%; min-width: inherit; } /* RUBRICS */ .rubrics { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .rubrics__item { width: calc(33.333% - 16.6667px); margin-bottom: 10px; margin-right: 25px; display: flex; flex-direction: column; } .rubrics__item:nth-child(3n) { margin-right: 0; } .rubrics__link { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; min-height: 65px; padding: 3px 20px; background: #fff; border-radius: 4px; font-size: 17px; line-height: 1.2; color: #000; overflow: hidden; text-decoration: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .rubrics__link:hover { background: rgba(216, 233, 246, 0.3); } .rubrics__link:active { background: rgba(216, 233, 246, 0.7); } .rubrics__link::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; } .rubrics__link--orange::before { background: #fec335; } .rubrics__link--red::before { background: #f6597a; } .rubrics-slider__list { display: none; } .rubrics-slider__list * { width: 100%; } .rubrics-slider__list .flickity-page-dots { position: static; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; height: 30px; } .rubrics-slider__list .flickity-page-dots .dot { width: 6px; height: 6px; } .rubrics-slider__list .flickity-page-dots .dot.is-selected { background: none; border: 2px solid #0089d2; box-sizing: content-box; } .rubrics-slider__item .rubrics__item { width: 100%; } /* CATEGORY */ .category__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; } .category__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 35px; -ms-align-items: center; align-items: center; margin-left: 7px; padding: 0 18px; font-size: 13px; text-transform: uppercase; background: #fff; cursor: pointer; border-radius: 2px; } .category__item:first-child { margin-left: 0; } .category__item:hover { background: rgba(216, 233, 246, 0.3); } /* NEWS */ .news__top { position: relative; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; min-height: 220px; } .news__top-image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; } .news__top-image::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } .news__top-image img { position: absolute; top: 50%; left: 50%; min-height: 100%; max-width: 150%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news__top-label { position: absolute; top: 20px; left: 20px; display: block; line-height: 20px; padding: 4px 10px 1px; font-size: 12px; color: #fff; text-transform: uppercase; background: #ea306c; border-radius: 2px; } .news__top-content { position: absolute; color: #fff; bottom: 30px; padding: 0 20px; line-height: 1.2; } .news__top-name { color: inherit; font-size: 21px; font-weight: bold; text-decoration: none; display: block; } .news__top-text { font-size: 15px; font-weight: 300; margin: 10px 0; } .news__top-date { font-size: 14px; font-weight: 300; opacity: 0.7; } .news__list-wrap { background: #fff; padding: 30px; } .news__list { margin: 0; padding: 0 0 0 15px; list-style: none; } .news__list-item { position: relative; font-size: 14px; line-height: 1.2; margin-top: 30px; } .news__list-item:first-child { margin-top: 0; } .news__list-item::before { content: ''; position: absolute; left: -10px; top: 4px; width: 5px; height: 5px; background: #ea306c; border-radius: 50%; } .news__list-link { text-decoration: none; } .news__list-item-name { color: #000; font-size: 18px; } .news__list-item-name:hover { color: #0089d2; } .info-line__wrap--light .info-line__text { font-weight: normal; } .news__list-item-date { color: #999; font-weight: 300; margin-top: 10px; } /* ARTICLE */ .article__list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .article__line { margin-top: 25px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-start; align-items: flex-start; } .article__line:first-child { margin-top: 0; } .article__item { width: calc((100% - 75px) / 4); margin-left: 25px; } .article__item:first-child { margin-left: 0; } .article { background: #ffffff; margin-top: 25px; } .article:first-child { margin-top: 0; } .article__img { display: block; position: relative; padding-bottom: 56%; overflow: hidden; } .play_icon { background: url('/local/templates/new_drofa/images/play.png') no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; z-index: 100; } .article__img img { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; } .article__content { padding: 25px 20px; line-height: 1.2; min-height: 155px; } .article__tag { display: inline-block; font-size: 11px; color: #4d88ce; min-height: 20px; padding: 0 5px; line-height: 20px; border: 1px solid #4d88ce; border-radius: 2px; text-decoration: none; text-transform: uppercase; } .article__name { font-size: 16px; margin: 15px 0 10px; } .article__link { display: inline-block; height: 36px; color: #000; text-decoration: none; overflow: hidden; } .article__link:hover { color: #0089d2; } .article__date { font-size: 12px; color: #999; } /* ACTIONS */ .actions__list { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .actions__item { position: relative; width: calc((100% - 75px) / 4); min-width: 170px; min-height: 196px; margin-top: 20px; margin-left: 25px; padding-bottom: 26.4%; } .actions__item:nth-child(4n) { margin-left: 0; } .actions__item--big { width: calc(((100% - 75px) / 4) * 2 + 25px); margin-left: 0; } .actions__img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .actions__img::after { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } .actions__img--green::after { background: rgba(12, 59, 34, 0.75); } .actions__img--purple::after { background: rgba(32, 7, 48, 0.8); } .actions__img--red::after { background: rgba(69, 17, 1, 0.7); } .actions__img img { position: absolute; max-width: 170%; min-height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .actions__content { position: absolute; top: 60px; bottom: 70px; left: 20px; right: 20px; color: #fff; line-height: 1.2; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; z-index: 2; } .actions__content--left { align-items: flex-start; justify-content: flex-end; bottom: 80px; } .actions__name { text-align: center; max-width: 100%; } .actions__item--big .actions__name { text-align: left; max-width: 340px; } .actions__title { color: #ffffff; font-size: 21px; font-weight: bold; text-decoration: none; } .actions__type { position: absolute; top: 20px; left: 8%; height: 20px; line-height: 22px; padding: 0 10px; color: #fff; font-size: 12px; text-transform: uppercase; background: #4d88ce; border-radius: 2px; z-index: 2; } .actions__date { position: absolute; bottom: 25px; left: 20px; right: 20px; height: 35px; line-height: 35px; font-size: 15px; text-align: center; background: #ffffff; cursor: default; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } .actions__date--empty { color: #ffffff; max-width: 150px; border: 1px solid #0089d2; background: none; } .footer__wrap * { box-sizing: border-box; } .footer-section { padding: 30px 0; background-color: #090909; } .footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 1170px; padding: 0 30px; } .footer__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; max-width: 270px; width: 100%; } .footer__col:not(:last-child) { margin-right: 30px; } .footer__col:not(:first-child) { padding: 0 0 0 5%; border-left: 1px solid #232323; } .footer__col:first-child { min-width: 270px; } .footer__logo { margin: 30px 0; opacity: 0.6; width: 100%; } .footer__contacts { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #5c5c5c; } .footer__contacts-row { display: block; } .footer__contacts-address { display: inline-block; font-style: normal; color: #adadad; } .footer__contacts-tel, .footer__contacts-mail { color: #4D88CE; text-decoration: none; } .footer__contacts-tel:hover, .footer__contacts-mail:hover { text-decoration: underline; } .footer__title { margin-top: 15px; margin-bottom: 20px; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #606060; } .footer__link { font-size: 14px; padding: 10px 0; text-decoration: none; color: #adadad; } .footer__link:hover { text-decoration: underline; } .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; padding: 1em 0; } .footer-nav__list { display: inline-block; } .footer-nav__question { display: inline-block; margin-left: 3em; } .footer-nav__question button { -webkit-appearance: none; background: none; text-decoration: none; display: inline-block; height: 3em; font-weight: 700; border-radius: 0.21429rem; box-sizing: border-box; line-height: 3em; color: inherit; border: 1px solid currentColor; padding: 0 2em; cursor: pointer; color: #ff5722; } /*end НОВЫЙ ДИЗАЙН*/ .ant_block_calendar { height: 460px; overflow-y: hidden; } .icon__cart { margin-top: 5px; } .ant_note_right { margin: 0; padding: 0; bottom: 55px; right: 10px; position: fixed; border: none; z-index: 999999; } .antBlocNote .dop_title { position: absolute; right: 30px; top: 0px; color: #808080; font-size: 10px; line-height: 18px; } .antBlocNote a { text-decoration: none; } .antBlocNote { display: none; position: relative; width: 370px; /* max-width: 90%; */ padding: 30px 20px; margin: 12px; border: none; background-color: #fafafa; border-radius: 0; box-shadow: 0 4px 7px rgba(63, 63, 63, 0.35); } .antBlocNote .title_item { font-weight: bold; font-size: 16px; line-height: 18px; color: #2e2e2e; } .antBlocNote .form__input_primary { margin-bottom: 0; font-size: 15px; line-height: 42px; height: 42px; } .antBlocNote .close_icon { width: 12px; height: 12px; line-height: 12px; position: absolute; top: 15px; right: 15px; cursor: pointer; } .greek { font-family: "Times New Roman", Times, serif; font-size: 1.2em !important; } .adaptive-table { border-collapse: collapse; border-spacing: 0; } .adaptive-table-col { box-sizing: border-box; vertical-align: top; padding: 10px; } .adaptive-table-col:first-child { padding-left: 0; width: auto; } .adaptive-table-col:last-child { padding-right: 0; width: auto; } .table-responsive { border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; } .table-responsive th, .table-responsive td { line-height: 1.2; padding: 5px 10px; } .table-border th, .table-border td { border: 1px solid; } .table-border td { vertical-align: top; } .img100 { width: 100%; max-width: 1114px; } .img70 { width: 70%; max-width: 1114px; } .red { color: red; } .ant_news_block_detail .book__cover + div { display: block !important; } .ant_news_block_detail .book__cover { float: left; margin: 0 20px 10px 0 !important; } .breadcrumbs__label_clear { background-color: #fff; border: 1px solid #1976d2; padding: 1px 3px; } .scrollbar-inner selected { color: #0089d2; } .ant_table_form td > * { margin-bottom: 5px; } .filter-section .file-item__save-link { background-color: #1976d2; } .filter-section .file-item__save-link:hover { background-color: #1562ae; } .article-description { font-family: "PT Serif", serif; } .member-form__desc, .user-materials__col, .repair-password__row { font-size: 16px; } /* cookie-notification */ .b-cookie-notification { background-color: rgba(0, 134, 213, 0.8); background-clip: padding-box; z-index: 20005; font-size: 19px; line-height: 1.2; position: fixed; bottom: 0; left: 0; box-sizing: border-box; width: 100%; padding: 20px 50px; text-align: center; color: #fff; } .b-cookie-notification__text { text-align: center; margin: 0; padding: 0; border: 0; font: inherit; } .b-cookie-notification .b-cookie-notification__cross-button { margin-top: -13px; position: absolute; top: 50%; right: 20px; cursor: pointer; } .b-cookie-notification .auth-popup__close-ico { display: block; fill: #fff; height: 25px; width: 25px; } .g-button_hoverable:not(.i-control_hover_disable):hover, .g-button_pablo.g-button_aquamarine-theme:active { color: #FFF; background-color: #47B3AC; cursor: pointer; } /* start Lecta */ .mat-lecta__title { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .mat-lecta__logo { margin-right: 30px; } .mat-lecta__tooltip { font-size: 20px; font-weight: 700; } .mat-lecta__block--wrap { position: relative; z-index: 20; } .mat-lecta__block { margin-bottom: 60px; padding: 30px 0; position: relative; } .mat-lecta__block:before { background: #eef4f9; content: ''; display: block; height: 100%; left: -200%; position: absolute; top: 0; width: 1000%; z-index: 10; } .mat-lecta__button { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .mat-lecta__button--btn { display: inline-block; text-decoration: none; padding: 5px 15px; border: 1px solid #0089d2; border-radius: 3px; margin-right: 30px; text-align: center; max-width: 225px; min-width: 225px; } .mat-lecta__info--title { font-size: 18px; font-weight: 700; } .mat-lecta__info--text { font-size: 18px; line-height: 24px; } .mat-lecta__ico { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); right: -320px; width: 230px; height: 230px; z-index: 11; } .mat-lecta__ico--circle { background: #e6f1f8; border-radius: 50%; } .mat-lecta__ico--circle .mat-lecta__ico--ico { position: relative; z-index: 13; } .mat-lecta__ico--circle:before { background: #d9eaf5; border-radius: 50%; content: ''; display: block; left: 30px; position: absolute; top: 30px; height: 170px; width: 170px; z-index: 11; } .mat-lecta__ico--circle:after { background: #c7e2f3; border-radius: 50%; content: ''; display: block; left: 60px; position: absolute; top: 60px; height: 110px; width: 110px; z-index: 12; } .mat-lecta__ico--ico { width: 70px; opacity: 0.3; fill: #0089d2; } .mat-lecta__button--name { font-size: 120%; } .font_black { color: #000; } /* end Lecta */ .gwt-Image { width: 100% !important; height: 100% !important; } .hide { display: none; } .fancybox { position: relative; } .fancybox:before { background: url('/local/templates/new_drofa/images/icon-fancybox.png'); content: ''; display: block; height: 24px; position: absolute; right: 10px; top: 10px; width: 24px; } .container { position: relative; box-sizing: border-box; max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 30px; } .slider-dots { display: flex; justify-content: center; margin: 0; width: 100%; padding: 1.4rem 0; } .slider-dots li { margin: 0 8px; display: inline-block; overflow: hidden; width: 8px; height: 8px; border-radius: 100%; cursor: pointer; background-color: #C4CEDE; } .slider-dots li button { display: none; content: ""; box-sizing: border-box; } .slider-dots li.slick-active { background-color: #4d88ce; } .slick-slide { margin-left: 27px; height: auto !important; } .slick-list { margin-left: -27px !important; } .button-more { display: inline-block; box-sizing: border-box; min-width: 190px; padding: 15px 40px; text-decoration: none; border-radius: 3px; border: 1px solid #fff; } .button-more__title { font-size: 18px; } .button-more__ico { width: 8px; height: 8px; margin: 0 5px; fill: inherit; stroke-width: 3px; stroke: inherit; } .button-more--mob-blue { display: none; } .button-pink-border { display: inline-block; box-sizing: border-box; min-width: 200px; margin: 0 10px 10px 0; padding: 15px 40px; text-decoration: none; border-radius: 3px; border: 1px solid #f6597a; } .button-pink-border__title { display: inline-block; color: #f6597a; font-size: 100%; } .button-pink-border__ico { width: 17px; min-width: 17px; height: 17px; fill: #f6597a; } .button-pink-border__title ~ .button-pink-border__ico, .button-pink-border__ico ~ .button-pink-border__title { margin-left: 10px; } .caption-section { overflow: hidden; } .caption-section--image { background-position: center center; background-size: cover; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); padding-top: 40px; padding-bottom: 40px; position: relative; } .caption-section--image:after { background: rgba(33, 50, 152, 0.62); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .caption-section--image .container { position: relative; z-index: 100; } .caption-section--image .item-link { border-color: #fff; color: #fff; } .caption-section--image .caption-section__caption { font-size: 36px; } .caption-section--blue { background-color: #ecf7fc; } .caption-section__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 5; } .caption-section__button-container--center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .caption-section__text { color: #fff; font-size: 18px; line-height: 1.2; max-width: 650px; } .caption-section .button-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; min-width: 200px; height: 56px; margin: 0 10px 10px 0; border-color: #4D88CE; color: #fff; background-color: #4D88CE; position: relative; z-index: 9; } .caption-section .button-more:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .caption-section .button-more:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .caption-section .button-pink-border { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; clear: left; float: left; width: 280px; height: 56px; margin: 0 10px 10px 0; padding-left: 30px; padding-right: 30px; } .caption-section .button-pink-border__title { margin-bottom: -5px; } .caption-section .button-pink-border__ico { margin-bottom: -2px; } .caption-section__row-labels { position: relative; z-index: 5; } .caption-section__row-labels .item-link { margin: 0 5px 5px 0; } .caption-section__wrap { padding: 30px 0; } .caption-section__caption { position: relative; z-index: 5; margin: 0; padding: 25px 0; font-size: 28px; line-height: 1.3; color: #1F2029; max-width: 780px; } .caption-section__caption--white { color: #fff; } .caption-section__time { color: #fff; font-size: 18px; margin-left: 20px; } .caption-section__ico-block { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; width: 230px; height: 230px; } .caption-section__icon-circle { position: absolute; width: 27px; height: 27px; fill: #c9e7f6; } .caption-section__icon-circle--one { top: -10px; left: -4%; } .caption-section__icon-circle--two { bottom: -10px; right: 26%; } .caption-section__icon-circle--three { top: -10px; right: -4%; } .caption-section__subcaption { padding-top: 10px; position: relative; z-index: 5; } .caption-section__subcaption + .caption-section__caption { padding-top: 0; } .caption-section__subcaption--sub { font-size: 14px; display: inline-block; margin-right: 40px; vertical-align: middle; } .caption-section__subcaption-views { color: #767A8C; display: inline-block; font-size: 14px; vertical-align: middle; } .caption-section__subcaption-views span { display: inline-block; vertical-align: middle; } .caption-ico__ico--eye { display: inline-block; vertical-align: middle; fill: #767A8C; height: 12px; width: 17px; } .caption-section__information { color: #1F2029; font-size: 14px; line-height: 18px; padding-bottom: 25px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; z-index: 5; } .caption-section__information .caption-ico__ico { display: inline-block; height: 35px; vertical-align: middle; width: 35px; } .caption-section__information--date { margin-right: 35px; } .caption-section__information--date span, .caption-section__information--place span { display: inline-block; vertical-align: middle; } .caption-ico--circle { background: #dff4fb; border-radius: 50%; } .caption-ico--circle .caption-ico__ico { position: relative; z-index: 3; } .caption-ico--circle:before { background: #d2edf8; border-radius: 50%; content: ''; display: block; left: 30px; position: absolute; top: 30px; height: 170px; width: 170px; z-index: 1; } .caption-ico--circle:after { background: #c3e6f6; border-radius: 50%; content: ''; display: block; left: 60px; position: absolute; top: 60px; height: 110px; width: 110px; z-index: 2; } .caption-section__button--one .button-more { margin-right: 0; } .caption-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .caption-ico--blue { background: url('/local/templates/new_drofa/images/caption-ico-waves--blue.png') center / cover no-repeat; } .caption-ico--white { background: url('/local/templates/new_drofa/images/caption-ico-waves--white.png') center / cover no-repeat; } .caption-ico__ico { width: 90px; fill: #4D88CE; } .caption-ico__ico--webinar-cam { width: 70px; } .caption-section .button-register { background: none; color: #4D88CE; } .caption-section--online { background-image: url('/local/templates/new_drofa/images/caption-online.jpg'); background-position: center center; } .caption-section--online .item-link { background-color: #fff; } .caption-section--online .button-pink-border { background-color: #fff; } .caption-section--online .caption-section__icon-circle { display: none; } .course-about__section { background: #373737; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05); } .course-about__list { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .course-about__item { color: #fff; text-align: center; } .course-about__icon { display: inline-block; fill: currentColor; height: 37px; width: 37px; } .course-about__title { font-size: 20px; font-weight: 700; text-transform: uppercase; } .course-about__info { color: #E5E5E5; font-size: 18px; } .course-price__section { padding-top: 8px; } .course-price__list { background: #fff; padding: 40px 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .course-price__item { max-width: 380px; } .course-price__title { font-size: 18px; margin-bottom: 15px; } .course-price__price { font-size: 36px; font-weight: 700; margin-bottom: 15px; } .course-price__price--old { color: #FF3551; font-size: 27px; text-decoration-line: line-through; } .course-price__info { color: #6F747C; font-size: 15px; } .course-social__section { padding: 20px 0; } .course-social__section .mat-social__row { border: none; } .course-program__section { margin-top: 20px; margin-bottom: 40px; } .course-program__section h3 { margin-top: 0; } .course-program__item { background: #fff; border-radius: 4px; border-left: 4px solid #F6597A; margin-bottom: 20px; padding: 25px 90px 25px 30px; } .course-program__header { font-size: 18px; position: relative; } .course-program__title { color: #1976D2; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } .course-program__icon { cursor: pointer; fill: #C4C4C4; height: 18px; margin-top: -10px; position: absolute; right: -50px; top: 50%; width: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; transition: transform 0.3s ease; } .course-program__body { display: none; padding-top: 10px; } .course-program__text { color: #6F747C; font-size: 15px; } .course-program__text p:last-child { margin-bottom: 0; } .course-program__text ul, .course-program__text ol { margin: 0; padding-left: 20px; } .open .course-program__icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .open .course-program__body { display: block; } .course-btn { padding: 20px 0; text-align: center; } .course-text__section { background: #6470b7; color: #fff; font-size: 18px; padding: 40px 0; } .course-text__section h3 { margin-top: 0; margin-bottom: 15px; } .course-list__section { background: #fff; padding: 40px 0; } .course-list__section h3 { margin-top: 0; text-align: center; } .course-list__item { font-size: 18px; text-align: center; } .course-list__item p { text-align: center; } .course-list__icon { display: inline-block; fill: #1976D2; height: 69px; width: 69px; } .course-author__section { padding: 60px 0; } .course-author__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .course-author__item { box-sizing: border-box; margin: 0 2%; position: relative; text-align: center; width: 30%; } .course-author__title { margin-bottom: 10px; } .course-author__image { background-position: center center; background-size: cover; border-radius: 50%; display: inline-block; height: 90px; margin-bottom: 10px; overflow: hidden; width: 90px; } .course-author__name { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 10px; } .course-author__about { color: #6F747C; font-size: 18px; line-height: 1.4; } .course-author__item:only-child { min-height: 156px; padding-left: 200px; text-align: left; width: 50%; } .course-author__item:only-child .course-author__image { height: 156px; left: 0; margin-bottom: 0; position: absolute; top: 0; width: 156px; } .course-author__item:first-child:nth-last-child(2), .course-author__item:nth-child(2):last-child { min-height: 100px; padding-left: 130px; text-align: left; width: 40%; } .course-author__item:first-child:nth-last-child(2) .course-author__image, .course-author__item:nth-child(2):last-child .course-author__image { height: 100px; left: 0; margin-bottom: 0; position: absolute; top: 0; width: 100px; } .course-sertificat__section { background: #fff; padding: 60px 0; } .course-sertificat__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .course-sertificat__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 430px; } .course-sertificat__title { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 20px; } .course-sertificat__text { font-size: 18px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .course-sertificat__info { color: #6F747C; font-size: 15px; } .course-sertificat__images { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 56%; flex: 0 0 56%; } .course-sertificat__images-name { font-size: 18px; text-align: right; } .course-sertificat__images-item { position: relative; text-align: right; z-index: 50; } .course-sertificat__images-item:not(:only-child) { margin-right: 35%; } .course-sertificat__images-item:nth-child(2) { margin-right: 0; position: absolute; top: 50%; right: 0; width: 37%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .course-sertificat__images-item:nth-child(2) .course-sertificat__images-name { color: #6F747C; font-size: 15px; } .course-sertificat__images-item:nth-child(2) .course-sertificat__images-link { border: 1px solid #AAAAAA; border-left: none; display: block; } .curator__section { background: #f8f8f8; padding: 40px 0; } .curator__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; font-size: 18px; } .curator__block-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 90px; max-width: 120px; } .curator__block-text.small { color: #6F747C; font-size: 15px; margin-bottom: 4px; } .curator__block-links { font-size: 14px; margin-top: 4px; } .curator__block-links a { display: inline-block; font-size: 15px; margin-right: 30px; text-decoration: underline; } .curator__block-links a:last-child { margin-right: 0; } .curator__block-links a:hover { text-decoration: none; } .course-reviews__section { padding: 40px 0; } .course-reviews__section h3 { margin-top: 0; text-align: center; } .course-reviews__section .reviews-slide__author { color: #6F747C; font-size: 15px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; min-height: 48px; text-align: center; } .course-reviews__section .reviews-slide { padding: 32px 80px; } .course-reviews__section .reviews-slide__text-more { font-size: 15px; } .course-list__arrow { cursor: pointer; fill: #AAAAAA; height: 39px; margin-top: -20px; position: absolute; top: 50%; width: 23px; } .course-list__arrow--left { left: -43px; } .course-list__arrow--right { right: -43px; } .course-pluses__section { background: #fff; padding: 60px 0; } .course-pluses__section h3 { margin-top: 0; margin-bottom: 15px; text-align: center; } .course-pluses__subtitle { font-size: 18px; margin: 0 auto 30px; max-width: 750px; text-align: center; } .course-pluses__list-title { font-size: 18px; color: #AAAAAA; margin-bottom: 20px; } .course-pluses__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .course-pluses__item { width: 18%; } .course-pluses__icon { display: inline-block; fill: #0089D2; height: 70px; margin-bottom: 15px; width: 70px; } .course-pluses__text { font-size: 15px; } .readmore-link { color: #4d88ce; cursor: pointer; } .mail-link { color: #4d88ce; } .mobil-menu-section.closed { display: none; } .b-readmore { padding: 15px 0 0 0; } .b-readmore__open { display: inline-block; } .b-readmore__close { display: none; } .b-readmore--opened .b-readmore__open { display: none; } .b-readmore--opened .b-readmore__close { display: inline-block; } .radio-input, .checkbox-input { display: none; } select { display: none; } /* COMMON */ /*input::-webkit-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } input::-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } input:-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } input:-ms-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } textarea::-webkit-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } textarea::-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } textarea:-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } textarea:-ms-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } textarea:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } textarea:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } textarea:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } textarea:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; }*/ .mode--mob-visible { display: none; } .mode--mob-hidden { display: inherit; } /* OVERLAY PARTS */ .hint-info { display: flex; position: absolute; z-index: 9999; bottom: calc(100% + 13px); left: 0; flex-direction: column; align-items: flex-start; box-sizing: border-box; width: 240px; padding: 15px 20px; background-color: #FFF; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.15); } .hint-info:before { content: ""; position: absolute; bottom: -13px; left: 0; width: 100%; height: 13px; } .hint-info:after { content: ""; position: absolute; bottom: -10px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .hint-info__title { font-weight: bold; font-size: 15px; } .hint-info__text { margin: 10px 0; font-weight: 300; font-size: 15px; color: #727375; } .hint-info__btn { display: flex; align-items: center; justify-content: center; align-self: flex-end; text-decoration: none; padding: 4px 10px; border-radius: 3px; font-size: 14px; color: #fff; background-color: #0089d2; } .hint-auth { display: none; position: absolute; z-index: 9999; top: 50%; left: 100%; transform: translateY(-50%); flex-direction: column; align-items: flex-start; box-sizing: border-box; width: 50vw; max-width: 350px; padding: 15px 20px; background-color: #FFF; box-shadow: 1px 3px 20px 1px rgba(10, 29, 55, 0.15); } .hint-auth.show { display: flex; } .hint-auth:before { content: ""; position: absolute; top: 0; left: -13px; width: 13px; height: 100%; } .hint-auth:after { content: ""; position: absolute; top: calc(50% - 10px); left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; } .hint-auth__title { font-weight: bold; font-size: 16px; } .hint-auth__title--favorite { color: #ea306c; } .hint-auth__title--like { color: #4478df; } .hint-auth__text { font-weight: 300; font-size: 16px; color: #090909; } .hint-auth__link { font-weight: 300; font-size: 16px; color: #4478df; text-decoration: none; } .account-popup { position: absolute; z-index: 555; top: calc(100% + 10px); right: 0; display: none; flex-direction: column; width: 240px; background-color: #FFF; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.15); } .account-popup.show { display: flex; } .account-popup__user-row { display: flex; align-items: center; padding: 10px 20px; } .account-popup__img { width: 33px; min-width: 33px; height: 33px; margin-right: 15px; border-radius: 50px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .account-popup__name { margin-bottom: -3px; font-weight: bold; font-size: 14px; line-height: 20px; color: #090909; } .account-popup__link { padding: 5px 20px; font-weight: 300; font-size: 14px; text-decoration: none; color: #090909; } .account-popup__link:hover { background-color: #f2f6fc; } .account-popup__logout { display: flex; align-items: center; padding: 10px 20px; text-decoration: none; border-top: 1px solid #f0f4f9; } .account-popup__logout:hover { background-color: #f2f6fc; } .account-popup__logout-ico { width: 17px; height: 17px; margin-right: 10px; fill: #090909; } .account-popup__logout-text { margin-bottom: -4px; color: #090909; } .auth-popup { display: none; width: 100%; max-width: 830px; padding: 30px 4%; box-sizing: border-box; background-color: #FFF; } .auth-popup__wrap { position: relative; display: flex; align-items: center; } .auth-popup__form { display: flex; flex-direction: column; width: 65%; padding: 0 30px 0 0; box-sizing: border-box; border-right: 1px solid #e8ebed; } .auth-popup__h1 { margin: 10px 0; font-weight: bold; font-size: 36px; } .auth-popup__form-row { display: flex; padding: 7px 0; } .auth-popup__form-row--jucsb { justify-content: space-between; } .auth-popup__inp-txt { width: 100%; height: 40px; padding: 10px; box-sizing: border-box; border-radius: 3px; font-weight: 300; font-size: 18px; border: 1px solid #d1d7db; color: #090909; } .auth-popup__checkbox { display: flex; align-items: center; margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .auth-popup__checkbox-ico { display: flex; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 20px; padding: 4px; box-sizing: border-box; margin-right: 10px; border-radius: 3px; border: 1px solid #dfdee6; background-color: #fff; fill: #0089d2; } .auth-popup__checkbox-ico use { display: none; } .auth-popup__checkbox-text { margin-top: 3px; font-weight: 300; font-size: 15px; color: #090909; } .checkbox-input:checked + .auth-popup__checkbox .auth-popup__checkbox-ico use { display: block; } .auth-popup__btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 40px; padding: 0 20px; font-size: 18px; text-decoration: none; border-radius: 3px; text-align: center; } .auth-popup__btn--border-gray { margin: 5px 10px 5px 0; font-weight: 300; border: 1px solid #d1d7db; color: #090909; } .auth-popup__btn--blue { margin: 5px 0; font-weight: 400; border: 1px solid #0089d2; background-color: #0089d2; color: #fff; } .auth-popup__other { display: flex; flex-wrap: wrap; width: 35%; margin-left: 30px; } .auth-popup__title { width: 100%; margin: 10px 0; } .auth-popup__icon-wrap { display: flex; align-items: center; justify-content: center; width: 90px; height: 40px; margin: 0px 10px 5px 0; border-radius: 3px; border: 1px solid transparent; text-decoration: none; } .auth-popup .icon-like { background-color: #4478df; fill: #fff; } .auth-popup .icon-vk { border-color: #4d75a3; fill: #4d75a3; } .auth-popup .icon-fb { border-color: #3e5294; fill: #3e5294; } .auth-popup .icon-ok { border-color: #f48223; fill: #f48223; } .auth-popup .icon-tw { border-color: #55acee; fill: #55acee; } .auth-popup__icon-ico { width: 20px; height: 20px; } .auth-popup__icon-ico + .auth-popup__icon-text { margin-left: 10px; } .auth-popup__close { position: absolute; right: 0; top: 0; cursor: pointer; } .auth-popup__close-ico { width: 20px; height: 20px; fill: #7b7c7d; } /* STYLE */ .item-link { display: inline-block; padding: 3px 10px 1px 10px; border: 1px solid #4D88CE; border-radius: 3px; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #4D88CE; } .item-link--icon img { display: block; } .item-description { width: 100%; font-size: 15px; color: #7d7e85; } .item-download-button { display: inline-block; text-decoration: none; padding: 5px 15px; border: 1px solid #4D88CE; border-radius: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .item-download-button:hover { background-color: #66A1E7; border-color: #66A1E7; } .item-download-button:hover .item-download-button__ico { fill: #ffffff; } .item-download-button:hover .item-download-button__text { color: #ffffff; } .item-download-button__ico { width: 17px; height: 16px; margin-right: 5px; fill: #4D88CE; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .item-download-button__text { font-size: 15px; color: #090909; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tooltip { display: none; } .tooltip.show { display: block; position: fixed; padding: 3px 10px; font-size: 13px; color: #1f1f1f; background-color: #FFF; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); } .dopmenu-section { background-color: #f7f8fb; } .dopmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .dopmenu-nav__list-container { font-size: 0; margin: 10px 0; padding: 0; list-style: none; } .dopmenu-nav__list { display: inline-block; vertical-align: top; } .dopmenu-nav__list:not(:last-child) { margin-right: 20px; } .dopmenu-nav__link { text-decoration: none; vertical-align: top; font-weight: 300; font-size: 15px; color: #535556; } .dopmenu-nav__ico--cart { margin-right: 5px; width: 20px; height: 15px; } .dopmenu-login { position: relative; display: inline-block; text-decoration: none; color: #4D88CE; cursor: pointer; } .dopmenu-login__ico { fill: #4D88CE; } .dopmenu-login__ico--login { width: 13px; height: 13px; margin-right: 5px; } .dopmenu-login__ico--arrow-down { width: 8px; height: 8px; margin: 0 5px; stroke-width: 1px; stroke: #4D88CE; } .dopmenu-login__text { font-size: 15px; color: #4D88CE; } .menu-section { border-bottom: 1px solid #f0f4f9; background-color: #fff; } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .menu__logo { width: 270px; } .menu__search { width: 270px; } .menu-nav { padding: 0; margin: 0; list-style: none; } .menu-nav__list { display: inline-block; } .menu-nav__list:not(:last-child) { margin-right: 20px; } .menu-nav__link { position: relative; display: inline-block; padding: 40px 0; text-decoration: none; font-size: 18px; color: #1F2029; } .menu-nav__link.active[data-menu-link]:before, .menu-nav__link.active[data-menu-link]:after { content: ""; position: absolute; z-index: 999; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f0f4f9; } .menu-nav__link.active[data-menu-link]:before { bottom: 0; border-bottom-color: #e3e3ee; } .menu-nav__link.active[data-menu-link]:after { bottom: -2px; } .menu-search-form__input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 3px; border: 1px solid #d1d7db; } .menu-search-form__input-search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 7px 15px; border: none; outline: none; } .menu-search-form__input-search::-webkit-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } .menu-search-form__input-search::-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } .menu-search-form__input-search:-moz-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } .menu-search-form__input-search:-ms-input-placeholder { opacity: 1; font-weight: 300; font-size: 18px; color: #d1d7db; transition: opacity 0.3s ease; } .menu-search-form__input-search:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .menu-search-form__input-search:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .menu-search-form__input-search:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .menu-search-form__input-search:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .menu-search-form__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 60px; border: none; outline: none; background-color: transparent; } .menu-search-form__button:hover svg { fill: #0089d2; } .menu-search-form__ico { width: 15px; height: 15px; fill: #d1d7db; } .opened-menu-section { display: none; position: absolute; width: 100%; padding: 40px 0; z-index: 10; background-color: #f0f4f9; border-top: 1px solid #e3e3ee; box-shadow: 0px 18px 40px 1px rgba(10, 29, 55, 0.05); z-index: 500; } .opened-menu-section.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .opened-menu-section__close { position: absolute; right: -20px; top: 0; cursor: pointer; } .opened-menu-section__close-ico { width: 20px; height: 20px; fill: #7b7c7d; } .opened-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .opened-menu--projects .opened-menu__link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .opened-menu__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 270px; } .opened-menu__col:not(:last-child) { margin-right: 30px; } .opened-menu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; box-sizing: border-box; width: 100%; padding: 7px; text-decoration: none; border-radius: 3px; min-height: 44px; } .opened-menu__link:hover { background-color: #e4e8ef; } .opened-menu__link:not(:last-child) { margin-bottom: 7px; } .opened-menu__ico { width: 25px; height: 25px; fill: #4D88CE; } .opened-menu__ico--pink { fill: #f6597a; } .opened-menu__ico--purple { fill: #330099; } .opened-menu__text { margin-left: 20px; margin-bottom: -4px; font-size: 15px; color: #1F2029; line-height: 17px; display: inline-block; } .opened-menu__img { display: inline-block; width: 100%; height: 220px; background-color: #f0f4f9; background-position: center; background-size: cover; background-repeat: no-repeat; } .opened-menu__title { margin-top: 20px; font-size: 15px; color: #1F2029; } .opened-menu-row { width: 100%; margin-top: 20px; text-align: center; } .opened-menu-row .button-more { border: none; } .opened-menu-row .button-more__title { color: #1F2029; } .opened-menu-row .button-more__ico { stroke-width: 2px; stroke: #1F2029; } .header__fixed { left: 0; position: fixed; top: 0; width: 100%; z-index: 2000; } .header__fixed .header-menu.fixed { box-shadow: none; padding: 0; position: static; } .header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin: -5px; } .header-menu.fixed { background: #fff; box-shadow: 0 0 20px rgba(86, 92, 101, 0.1); box-sizing: border-box; left: 0; margin: 0; padding: 0 25px; position: fixed; top: -100%; width: 100%; z-index: 500; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; } .header-menu.isfixed { top: 0; } .header-menu__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin: 5px; } .header-menu__logo img { display: block; max-width: none; height: 40px; } .header-menu__logo-link { display: block; } .header-menu__logo-link + .header-menu__logo-link { margin-left: 25px; } .header-menu__form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; overflow: hidden; width: 270px; height: 37px; margin: 5px; border-radius: 3px; border: 1px solid #d1d7db; } .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-nav__link { position: relative; display: inline-block; margin: 10px; padding: 30px 0; text-decoration: none; font-size: 18px; color: #1F2029; } .header-search__inpt { padding: 7px 15px; border: none; outline: none; width: 80%; } .header-search__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 60px; border: none; outline: none; background-color: transparent; } .header-search__button svg { width: 15px; height: 15px; fill: #d1d7db; } .header-search__button:hover svg { fill: #4D88CE; } .mob-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin: 5px; } .mob-menu__account-nemu { display: none; margin: 5px 15px 5px 0; } .mob-menu__account-nemu svg { width: 20px; height: 20px; } .mob-menu__account-nemu.active svg { fill: #4D88CE; } .mob-menu__link-back { display: none; margin: 5px 15px 5px 0; } .mob-menu__link-back svg { width: 20px; height: 20px; } .mob-menu__link-search { display: none; margin: 5px 15px 5px auto; } .mob-menu__link-search svg { width: 20px; height: 20px; } .mob-sandwich { display: none; } .header-search { position: relative; overflow: inherit; } /* STAND-SECTION */ .stand-section { padding: 50px 0 30px 0; } .stand-section--gray { background-color: #f6f7fc; } .stand-section__title { margin: 0; font-weight: 400; font-size: 24px; color: #090909; } .stand-section__description { font-weight: 300; font-size: 16px; color: #090909; } .stand-section__title ~ .stand-section__container { margin-top: 20px; } .stand-section__title ~ .product-list { padding-top: 0; } /* TABS-SECTION */ .nav-section { box-shadow: 0px 6px 14px 1px rgba(10, 29, 55, 0.05); } .nav-section.fixed { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; } .nav-links { display: flex; } .nav-links__link { display: block; text-decoration: none; margin-right: 30px; padding: 15px 0; text-align: center; font-weight: 300; font-size: 16px; color: #4d88ce; border-bottom: 2px solid transparent; } .nav-links__link--active { border-bottom: 2px solid #4d88ce; } /* ABOUT-SECTION */ .about-section { padding: 30px 0; } .about-section .about { display: flex; padding: 24px 0; } .about-content-text { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .about-content-text__text { font-weight: 300; font-size: 16px; width: 100%; } .about-content-text__button.button-more { min-width: 200px; margin: 0 10px 10px 0; background-color: #4d88ce; } .about-content-text__button.button-more .button-more__title { color: #fff; } .about-content-text__button.button-more .button-more__ico { fill: #fff; stroke: #fff; } .about-content-text__button.button-more.button-more--video { background-color: #fff; border-color: #4d88ce; } .about-content-text__button.button-more.button-more--video .button-more__title { color: #4d88ce; } .about-content-image { position: relative; width: 330px; height: 270px; min-width: 330px; margin: 0 30px; } .about-content-image__image { position: absolute; width: 190px; height: 250px; vertical-align: top; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.17); } .about-content-image__image--front { top: 0; left: 0; z-index: 5; } .about-content-image__image--back { top: 20px; left: 170px; } /* COMPONENTS-SECTION */ /* accordion */ .accordion { width: 100%; max-width: 100%; } .accordion__row { position: relative; padding: 15px 20px; background-color: #FFF; border-radius: 3px; margin-bottom: 5px; cursor: pointer; transition: box-shadow 0.1s; } .accordion__row:hover { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .accordion__row--opened .accordion__ico { transform: translateY(-50%) rotate(180deg); } .accordion__title { color: #090909; font-size: 20px; } .accordion__ico { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 10px; height: 10px; color: #d1d7db; stroke: #d1d7db; stroke-width: 1px; } .accordion__content { display: none; } .accordion__content-in { display: flex; flex-wrap: wrap; overflow: hidden; height: auto; padding-top: 20px; } .accordion-block { box-sizing: border-box; width: calc(25% - 23px); max-width: 270px; min-height: 450px; margin-bottom: 30px; margin-right: 30px; padding: 20px; border-radius: 3px; text-decoration: none; background-color: #FFF; transition: box-shadow 0.1s; display: flex; flex-direction: column; justify-content: space-between; } .accordion-block:hover { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .accordion-block:nth-child(4n) { margin-right: 0; } .accordion-block__image { width: 90%; margin: 20px auto 30px auto; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.17); /* max-height: 200px; */ overflow: hidden; background: #E8E8E9; } .accordion-block__description { margin: 20px 0 0 0; font-size: 15px; color: #090909; } /* EVENT-SECTION */ .event-section { padding: 30px 0; background-color: #FFF; } .event-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #e8ebed; } .event-header__title { font-size: 30px; color: #090909; } .event-header__link { display: inline-block; padding: 15px 0; text-decoration: none; font-size: 14px; color: #090909; text-transform: uppercase; cursor: pointer; } .event-header__link:not(:first-child) { margin-left: 30px; } .event-header__link--active { color: #0089d2; border-bottom: 2px solid #0089d2; } .event-slider { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; height: 0; overflow: hidden; } .event-slider__arrow-block { position: absolute; width: 20px; z-index: 100; top: 50%; transform: translateY(-50%); cursor: pointer; } .event-slider__arrow-block--left { left: -50px; } .event-slider__arrow-block--right { right: -50px; } .event-slider__arrow { top: 50%; width: 20px; fill: #4c4c4c; } .event-slider__arrow-block { display: none; } .event-slider--active { opacity: 1; height: auto; overflow: visible; } .event-slide { display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; text-decoration: none; width: 100%; padding-right: 30px; margin-top: 30px; border-right: 1px solid #e8ebed; outline: none; } .event-slide__image-block { display: flex; align-self: stretch; height: 150px; margin-bottom: 15px; } .event-slide__image-text { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background-color: #0089d2; } .event-slide__day { font-weight: bold; font-size: 48px; line-height: 55px; color: #fff; } .event-slide__day-caption { font-weight: 300; font-size: 15px; color: #fff; } .event-slide__event-type { position: relative; margin-top: 20px; font-weight: 300; font-size: 12px; text-transform: uppercase; color: #fff; padding: 0 12px; } .event-slide__event-type:before { content: ""; position: absolute; top: -12px; left: calc(50% - 10px); width: 20px; height: 1px; background-color: #FFF; } .event-slide__image { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .event-slide__subject-link { display: inline-block; padding: 3px 10px 1px 10px; border: 1px solid #0089d2; border-radius: 3px; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #0089d2; } .event-slide__description { min-height: 110px; margin-top: 15px; font-size: 18px; border-bottom: 1px solid #e8ebed; color: #090909; } .event-slide__date-block { display: flex; margin-top: 10px; } .event-slide__date-ico { width: 13px; height: 18px; margin-right: 5px; fill: #0089d2; } .event-slide__date-text { font-weight: 300; font-size: 16px; color: #7b7c83; } /* METHASSIST-SECTION */ .methassist { display: flex; flex-wrap: wrap; } .methassist__in { display: flex; flex-wrap: wrap; width: calc(100% + 12px); margin: 0 -6px; } .methassist-block { display: inline-flex; align-items: center; width: calc(100% / 3 - 12px); margin: 5px 6px; height: 64px; padding: 0 20px 0 20px; box-sizing: border-box; border-left: 3px solid #f0f4f9; border-radius: 4px; text-decoration: none; font-size: 18px; line-height: 22px; color: #090909; background-color: #FFF; transition: box-shadow 0.1s; } .methassist-block:hover { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .methassist-block--yellow { border-color: #fec335; } .methassist-block--pink { border-color: #f6597a; } .methassist.more .methassist__in { min-width: 906px; position: relative; } /* METHASSIST-BANNER-SECTION */ .methassist-banner-section { background-color: #469cde; } .methassist-banner { display: flex; justify-content: space-between; align-items: center; height: 170px; } .methassist-banner__ico-block { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 230px; height: 230px; } .methassist-banner__ico-block .caption-ico__ico { fill: #fff; } .methassist-banner .button-more__title { color: #fff; } .methassist-banner .button-more__ico { fill: #fff; stroke: #fff; } .methassist-banner__text-block { margin-left: 25%; padding: 0 20px 0 0; } .methassist-banner__header { margin: 0; font-weight: bold; font-size: 24px; color: #fff; } .methassist-banner__description { font-weight: 300; font-size: 16px; color: #fff; } .audio-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .audio__playlist { list-style: none; margin: 0; padding: 0; } .audio__playlist .audiojs { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: transparent; font-family: 'Circe'; width: 196px; } .audio__playlist .audiojs__play-pause { background-color: #f6f7fc; } .audio__playlist .audiojs__scrubber { background: #f6f7fc; display: block; height: 5px; position: absolute; left: 60px; right: 0; bottom: 0; width: auto; } .audio__playlist .audiojs__progress { height: 5px; } .audio__playlist .audiojs__loaded { background-color: #D1D7DB; height: 5px; } .audio__playlist .audiojs__volume { display: none; } .audio__playlist .audiojs__time { box-sizing: border-box; color: #767A8C; font-size: 16px; width: 140px; } .audio-container .audio { display: block; } .audio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; margin-bottom: 12px; } .audio:last-child { border-bottom: none; margin-bottom: 0; } .audio__row-title { padding: 20px 0; font-weight: bold; font-size: 24px; color: #1F2029; } .audio__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; padding: 15px 0; border-top: 1px solid #e8ebed; } .audio__number { display: inline-block; margin-bottom: 4px; } .audio__name { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 18px; margin-bottom: 4px; text-decoration: none; color: #1F2029; } .audio__src { display: none; width: 100%; } .audio__listen-button { text-decoration: none; margin-right: 10px; padding: 5px 15px; border: 1px solid transparent; } .audio__listen-ico { width: 15px; height: 15px; margin-right: 5px; fill: #4D88CE; } .audio__listen-text { font-size: 15px; color: #4D88CE; } .audio__download-button { display: inline-block; text-decoration: none; padding: 5px 15px; border: 1px solid #4D88CE; border-radius: 3px; } .audio__download-ico { width: 17px; height: 16px; margin-right: 5px; fill: #4D88CE; } .audio__download-text { font-size: 15px; color: #1F2029; } .audio-tabs { box-sizing: border-box; display: none; } .audio-tabs__link { display: inline-block; padding: 15px 0; text-decoration: none; font-size: 14px; color: #090909; text-transform: uppercase; } .audio-tabs__link:not(:first-child) { margin-left: 30px; } .audio-tabs__link--active { color: #4D88CE; border-bottom: 2px solid #4D88CE; } /* REVIEWS-SECTION */ .reviews__section { padding-bottom: 24px; } .reviews__title { text-align: center; } .reviews__row { width: 100%; margin-top: 20px; text-align: center; } .reviews-slider { display: flex; flex-direction: column; } .reviews-slider .slick-track { margin: 0 auto; } .reviews-slider__arrow-block { position: absolute; z-index: 100; top: -50px; cursor: pointer; } .reviews-slider__arrow-block--left { right: 54px; } .reviews-slider__arrow-block--right { right: 0; } .reviews-slider__arrow { fill: #4D88CE; height: 14px; stroke: #4D88CE; width: 31px; } .reviews-slide { box-shadow: 0px 0px 8px rgba(86, 92, 101, 0.1); display: flex; flex-direction: column; box-sizing: border-box; border-radius: 2px; padding: 32px; background-color: #FFF; outline: none; } .reviews-slide__wrap { box-sizing: border-box; padding-top: 53px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; } .reviews-slide__image { border-radius: 50%; display: block; height: 106px; margin-top: -85px; margin-left: auto; margin-right: auto; width: 106px; } .reviews-slide__name { font-size: 24px; font-weight: 700; margin-top: 20px; text-align: center; } .reviews-slide__text { font-size: 16px; color: #1F2029; } .reviews-slide__text p { margin: 0 0 10px; } .reviews-slide__author { margin-top: 20px; font-size: 14px; color: #1F2029; } .reviews__dots { list-style: none; margin: 0; padding: 0 0 1.4rem; text-align: center; } .reviews__button-link { background: #4D88CE; border-radius: 2px; color: #fff; display: inline-block; padding: 10px 60px; text-decoration: none; } .reviews-thanks { padding-top: 120px; padding-bottom: 120px; text-align: center; } .reviews-thanks__text { font-size: 18px; margin-bottom: 40px; } .text-block--white { background: #fff; border-radius: 2px; box-shadow: 0 0 8px rgba(86, 92, 101, 0.1); } .text-block { padding: 32px; } .text-block h5:first-child { margin-top: 0; } .title__menu-list { font-size: 16px; margin-bottom: 16px; padding-left: 32px; } /* RATING-SECTION */ .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .rating__title { flex-grow: 1; margin: 0; font-weight: bold; font-size: 24px; color: #090909; } .rating__caption { margin: 0 40px; font-size: 18px; } .rating__stars { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 26px; cursor: pointer; position: relative; } .rating__stars:hover .rating__star polygon { fill: #ffd055 !important; } .rating__stars .rating__star:hover ~ .rating__star polygon { fill: #d8d8d8 !important; } .rating__stars[data-stars] .rating__star polygon { fill: #ffd055; } .rating__stars[data-stars="0"] .rating__star polygon { fill: #d8d8d8; } .rating__stars[data-stars="1"] .rating__star:nth-child(1) ~ .rating__star polygon { fill: #d8d8d8; } .rating__stars[data-stars="2"] .rating__star:nth-child(2) ~ .rating__star polygon { fill: #d8d8d8; } .rating__stars[data-stars="3"] .rating__star:nth-child(3) ~ .rating__star polygon { fill: #d8d8d8; } .rating__stars[data-stars="4"] .rating__star:nth-child(4) ~ .rating__star polygon { fill: #d8d8d8; } .rating__stars[data-stars="5"] .rating__star:nth-child(5) ~ .rating__star polygon { fill: #d8d8d8; } .rating .hint-auth { bottom: 100%; left: auto; top: auto; right: 0; transform: translateY(-10px); } .rating .hint-auth:after { border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; left: calc(50% - 10px); top: 100%; } .filter-section { padding-top: 30px; } .filter-mob-header { display: none; } .mob-filter-open { display: none; } .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 15px; border-bottom: 1px solid #e1e2e9; } .filter__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .filter__description { display: block; margin: 0 0 5px 0; width: 100%; color: #1F2029; } .filter__class-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; cursor: pointer; width: 48px; height: 48px; margin: 0; font-size: 24px; border: 1px solid #dfdee6; color: #1F2029; background-color: #FFF; } .filter__class-label:not(:last-of-type) { border-right: 0; } .filter__class-label:first-of-type { border-radius: 3px 0 0 3px; } .filter__class-label:last-of-type { border-radius: 0 3px 3px 0; } .filter__class-label.active, .filter__age-wrap.active { border: 1px solid #4D88CE; color: #4D88CE; } .filter__block-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; max-width: calc(100% - 10px); margin: 5px; } .filter__block-wrap.no-grow { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .filter__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__select-wrap { box-sizing: border-box; position: relative; width: 100%; border-radius: 3px; border: 1px solid #dfdee6; background-color: #fff; } .filter__select-wrap:after { content: ""; top: 0; right: 0; width: 10px; height: 100%; } .filter__select-wrap ~ .filter__select-wrap { margin-left: 10px; } .filter__class { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow-x: auto; overflow-y: hidden; margin: 0 -20px; padding: 0 20px; width: 100%; } .filter__class:after { content: ""; min-width: 20px; } .checkbox-input:checked + .filter__checkbox-big { border-color: #4D88CE; color: #4D88CE; } .filter__checkbox-big { text-align: center; display: block; width: 100%; box-sizing: border-box; padding: 12px 19px 12px 19px; font-size: 16px; color: #1F2029; cursor: pointer; } .filter__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; width: 100%; box-sizing: border-box; padding: 12px 40px 12px 20px; border: none; font-size: 16px; color: #1F2029; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .filter__select:disabled { color: #b6bdc7; } .filter__select .current { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .filter__select-ico { position: absolute; z-index: 1; top: 50%; right: 10px; width: 10px; height: 10px; padding: 10px 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter__checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .filter__checkbox-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; padding: 4px; box-sizing: border-box; margin-right: 10px; border-radius: 3px; border: 1px solid #dfdee6; background-color: #fff; fill: #4D88CE; } .filter__checkbox-ico use { display: none; } .filter__checkbox-text { margin-top: 3px; font-weight: 300; font-size: 15px; color: #1F2029; } .checkbox-input:checked + .filter__checkbox .filter__checkbox-ico use { display: block; } .filter__select-wrap_multiple { position: relative; } .filter__select-wrap_multiple:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; width: 5px; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .filter__select-wrap_multiple.filter__select-wrap_active:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .filter__select-wrap_multiple .filter__select::placeholder { color: #1F2029; font-size: inherit; font-weight: inherit; opacity: 1; } .filter__select-wrap_multiple .filter__select::-webkit-input-placeholder { color: #1F2029; font-size: inherit; font-weight: inherit; opacity: 1; } .filter__select-wrap_multiple .filter__select::-moz-placeholder { color: #1F2029; font-size: inherit; font-weight: inherit; opacity: 1; } .filter__select-wrap_multiple .filter__select:-ms-input-placeholder { color: #1F2029; font-size: inherit; font-weight: inherit; opacity: 1; } .filter__select-wrap_multiple .filter__select:-moz-placeholder { color: #1F2029; font-size: inherit; font-weight: inherit; opacity: 1; } .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::placeholder { color: #4D88CE; opacity: 1; } .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::-webkit-input-placeholder { color: #4D88CE; opacity: 1; } .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::-moz-placeholder { color: #4D88CE; opacity: 1; } .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select:-ms-input-placeholder { color: #4D88CE; opacity: 1; } .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select:-moz-placeholder { color: #4D88CE; opacity: 1; } .filter__select-wrap_active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .filter__select-items { display: none; position: absolute; top: 47px; left: -1px; width: 100%; max-height: 200px; overflow-y: auto; z-index: 100; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #dfdee6; border-top-width: 0; } .filter__select-wrap_active .filter__select-items { display: block; } .filter__select-item { position: relative; display: block; padding: 10px 10px 10px 25px; font-size: 16px; line-height: 18px; color: #1F2029; text-decoration: none; } .filter__select-item_active:after { position: absolute; display: block; content: ''; top: 50%; left: 4px; width: 14px; height: 14px; background: url('/local/templates/new_drofa/images/ico-checkbox.svg') no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter__select-item:hover, .filter__select-item:focus, .filter__select-item_focused { background-color: rgba(0, 0, 0, 0.03); } .filter-page-title { margin: 20px 0; font-weight: bold; font-size: 24px; color: #1F2029; } .filter-section--catalog.filter-section { padding-top: 0; background-color: transparent; } .filter-section--catalog .filter { padding-bottom: 0; border-bottom: none; } .filter-section--catalog .filter__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 12px; } .filter-section--catalog .filter__row:last-child { margin-bottom: 0; } .filter-section--catalog .filter-block__filter { background: #fff; box-shadow: 0 0 6px rgba(205, 213, 227, 0.3); padding: 24px 32px 32px; } .filter-section--catalog .filter__description { color: #1F2029; font-size: 15px; line-height: 22px; margin-bottom: 4px; } .filter-section--catalog .filter__class-label { box-sizing: border-box; color: #1F2029; position: relative; border-radius: 2px; border: 1px solid #CDCCD2; background-color: #fff; font-size: 14px; height: auto; line-height: 20px; margin-right: 9px; padding: 4px 8px; text-align: center; text-decoration: none; white-space: nowrap; width: auto; } .filter-section--catalog .filter__class-label:last-child { margin-right: 0; } .filter-section--catalog .filter__class-label:not(:last-of-type) { border-right: 1px solid #CDCCD2; } .filter-section--catalog .filter__class-label:first-of-type { border-radius: 2px; } .filter-section--catalog .filter__class-label:last-of-type { border-radius: 2px; } .filter-section--catalog .filter__class-label.active, .filter-section--catalog .filter__age-wrap.active { border: 1px solid #4D88CE; color: #4D88CE; } .filter-section--catalog .filter__block-wrap { display: block; margin: 0 24px 12px 0; max-width: none; } .filter-section--catalog .filter__block-wrap:last-child { margin-right: 0; } .filter-section--catalog .ant_filter__block-wrap { margin-bottom: 4px; } .filter-section--catalog .filter__checkbox-disabled { background: #F5F4FA; color: #C1C0C6; cursor: not-allowed; } .filter-section--catalog .filter-block__grow { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filter-section--catalog .filter-block__nogrow { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .filter-section--catalog .filter__select-wrap { border: 1px solid #CDCCD2; border-radius: 2px; } .filter-section--catalog .filter__class { margin: 0; padding: 0; } .filter-section--catalog .filter__class:after { display: none; } .filter-section--catalog .filter-block__reset { margin-top: 32px; } .filter-section--catalog .filter-block__reset-link { color: #4D88CE; font-size: 15px; text-decoration: none; } .filter-section--catalog .filter-block__reset-ico { fill: #4D88CE; height: 10px; width: 10px; } .filter-section--catalog .filter__select { padding: 8px 11px; font-size: 15px; } .filter-section--catalog .filter__checkbox { line-height: 22px; } .filter-section--catalog .filter__checkbox-ico { border: 1px solid #CDCCD2; } .filter-section--catalog .filter__checkbox-text { line-height: 22px; font-weight: 400; color: #1F2029; } .filter-section--catalog .filter__select-items { top: calc(100% + 1px); } .filter-section--catalog .filter__select-item { font-size: 15px; } .filter-section--catalog ~ .view-sort-section { background: none; } .filter-section--catalog .filter__select-wrap_multiple .filter__select::placeholder { opacity: 0.5; } .filter-section--catalog .filter__select-wrap_multiple .filter__select::-webkit-input-placeholder { opacity: 0.5; } .filter-section--catalog .filter__select-wrap_multiple .filter__select::-moz-placeholder { opacity: 0.5; } .filter-section--catalog .filter__select-wrap_multiple .filter__select:-ms-input-placeholder { opacity: 0.5; } .filter-section--catalog .filter__select-wrap_multiple .filter__select:-moz-placeholder { opacity: 0.5; } .filter-section--catalog .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::placeholder { opacity: 1; } .filter-section--catalog .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::-webkit-input-placeholder { opacity: 1; } .filter-section--catalog .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select::-moz-placeholder { opacity: 1; } .filter-section--catalog .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select:-ms-input-placeholder { opacity: 1; } .filter-section--catalog .filter__select-wrap_multiple.filter__select-wrap_fill .filter__select:-moz-placeholder { opacity: 1; } .filter-section--catalog .filter__row--search, .filter-block__author .filter__row--search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background: #fff; box-shadow: 0 0 6px rgba(205, 213, 227, 0.3); margin-bottom: 4px; padding: 10px 32px; } .filter-section--catalog .filter-block__search-input, .filter-block__author .filter-block__search-input { background: none; border: none; box-shadow: none; font-family: 'Circe', sans-serif; font-size: 16px; padding: 0 32px; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filter-section--catalog .filter-block__search-input:before, .filter-block__author .filter-block__search-input:before { background: url('/local/templates/new_drofa/images/icon-search.png') no-repeat; background-size: auto auto; background-size: 100%; content: ''; display: block; height: 16px; left: 0; position: absolute; top: 11px; width: 16px; } .filter-section--catalog .filter-block__search-input:after, .filter-block__author .filter-block__search-input:after { display: none; } .filter-section--catalog .filter-block__search-input input, .filter-block__author .filter-block__search-input input { border: none; font-family: 'Circe', sans-serif; font-size: 16px; padding: 0; } .filter-section--catalog .filter-block__search-btn, .filter-block__author .filter-block__search-btn { background: #4D88CE; border: none; border-radius: 2px; box-shadow: none; color: #fff; font-size: 14px; padding: 8px 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .filter-section--catalog .filter-block__search-cross, .filter-block__author .filter-block__search-cross { display: block; fill: #999; height: 16px; width: 16px; } .filter-section--author .filter__class-label { padding: 9px 11px; } .filter-section--author .filter__block-wrap { margin-bottom: 0; } .filter-block__letters { background-color: #fff; box-shadow: 0 0 6px rgba(205, 213, 227, 0.3); font-size: 0; margin-top: 4px; margin-bottom: 40px; padding: 10px 32px; text-align: center; } .filter-block__letters-item { border-radius: 2px; color: #6A8AB0; display: inline-block; font-size: 18px; font-weight: 700; height: 32px; line-height: 32px; margin-right: 2px; text-align: center; text-decoration: none; text-transform: uppercase; width: 32px; } .filter-block__letters-item:last-child { margin-right: 0; } .filter-block__letters-item:hover { color: #767A8C; } .filter-block__letters-item.active { background-color: #eceff6; color: #767A8C; } .author-list___section { padding-top: 50px; padding-bottom: 50px; } .author-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-left: -16px; margin-right: -16px; } .author-list___item { box-sizing: border-box; color: #000000; margin-bottom: 36px; padding-left: 16px; padding-right: 16px; text-align: center; text-decoration: none; width: 16.666%; } .author-list__image { border-radius: 50%; display: inline-block; height: 120px; margin-bottom: 16px; overflow: hidden; position: relative; width: 120px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .author-list__image img { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .author-list__image:hover { opacity: 0.5; } .author-list__name { font-size: 16px; line-height: 1.4; } .author-list__count { font-size: 16px; margin-bottom: 50px; } .author-item___section { padding-top: 50px; padding-bottom: 50px; } .author-block__info { min-height: 168px; margin-right: 200px; padding-left: 200px; position: relative; } .author-block__name { font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; } .author-block__date { color: #767A8C; font-size: 14px; margin-bottom: 16px; } .author-block__image { border-radius: 50%; height: 168px; left: 0; overflow: hidden; position: absolute; top: 0; width: 168px; } .author-block__image img { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .author-block { margin-left: 200px; margin-right: 200px; } .author-block .mat-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #ECEFF6; border-bottom: 1px solid #ECEFF6; padding-top: 32px; padding-bottom: 32px; } .author-block__share .mat-social__text, .author-block__like .mat-social__text { color: #767A8C; font-size: 14px; margin-bottom: 8px; } .author-block__share .mat-social__block-icons, .author-block__like .mat-social__block-icons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .author-block .mat-social { margin-bottom: 50px; } .author-block__about { margin-bottom: 50px; } .author-block__about h2 { font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; } .author-block__slider { margin-top: 32px; } .author-block__slider-caption { color: #767A8C; font-size: 16px; margin-top: 12px; } .author-block__about-text, .author-block__about-more { font-size: 16px; } .author-block__about-more { display: none; } .show.author-block__about-more { display: block; } .author-block__btn-show, .author-block__btn-hide { color: #1976D2; cursor: pointer; display: inline-block; font-size: 14px; } .author-block__chronology h2 { font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; } .author-block__chronology-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 50px; position: relative; } .author-block__chronology-item:before { background-color: #ECEFF6; border-radius: 50%; content: ''; height: 9px; left: 60px; margin-top: -5px; position: absolute; top: 50%; width: 9px; } .author-block__chronology-item:after { background-color: #ECEFF6; content: ''; height: calc(100% + 50px); left: 64px; position: absolute; top: 50%; width: 1px; } .author-block__chronology-item:last-child:after { display: none; } .author-block__chronology-year { color: #767A8C; margin-right: 75px; width: 32px; } .author-block__chronology-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 32px; } .author-block__chronology-image img { position: relative; max-width: 46px; z-index: 2; box-shadow: 0px 4px 10px rgba(205, 213, 227, 0.4); } .author-block__chronology-image img:last-child { margin-left: -15px; z-index: 1; } .author-block__chronology-name { font-size: 16px; } .author-add__section { overflow: hidden; padding-top: 30px; padding-bottom: 30px; } .author-add__section .stand-section__title { margin-bottom: 16px; } .author-page__umk { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-left: -16px; margin-right: -16px; } .author-page__umk-item { box-sizing: border-box; margin-bottom: 32px; padding-left: 16px; padding-right: 16px; width: 33.333%; } .author-page__umk-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background-color: #fff; border-radius: 2px; padding: 12px 16px; } .author-page__umk-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 16px; } .author-page__umk-image img { position: relative; max-width: 96px; z-index: 2; box-shadow: 0px 4px 10px rgba(205, 213, 227, 0.4); } .author-page__umk-image img:last-child { margin-left: -20px; z-index: 1; } .rubrics__list { columns: 3; margin-bottom: 32px; } .rubrics__list-item { margin-bottom: 16px; } .rubrics__list-link { color: #1976D2; font-size: 16px; text-decoration: underline; } .rubrics__list-cnt { color: #1976D2; opacity: 0.5; } /* VIEW-SORT-SECTION */ .view-sort-section { background-color: #f6f7fc; padding-top: 30px; } .sort-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* ALLMATERIALS-SECTION */ .allmaterials-section { display: none; padding: 30px 0 160px 0; background-color: #f6f7fc; } .allmaterials-section.active { display: block; } .allmaterials { display: flex; align-items: flex-start; justify-content: space-between; } .allmaterials__sidebar { min-width: 330px; max-width: 330px; margin-right: 15px; background-color: #FFF; } .allmaterials__content { flex-grow: 1; } .sidebar-container__row { display: block; text-decoration: none; padding: 15px 20px; font-size: 15px; cursor: pointer; color: #090909; } .sidebar-container__row.disabled { opacity: 0.3; } .sidebar-container__row:not(:last-child) { border-bottom: 1px solid #eae9ee; } .sidebar-container__row.active { background-color: #f2f6fc; border-left: 2px solid #0089d2; } .allmaterials-content { padding: 10px 30px; background-color: #fff; } .allmaterials-content__section { margin-bottom: 20px; } .allmaterials-content__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .allmaterials-content__row:not(:last-child) { border-bottom: 1px solid #eae9ee; } .allmaterials-content__row .allmaterials-content__row { padding-left: 15px; } .allmaterials-content__row.opened > .allmaterials-content__row-part > .allmaterials-content__ico { transform: rotate(180deg); } .allmaterials-content__row-part { display: flex; align-items: center; cursor: pointer; min-width: 150px; max-width: calc(100% - 150px); } .allmaterials-content__row-part.disabled .allmaterials-content__part-in-title, .allmaterials-content__row-part.disab .allmaterials-content__part-title { opacity: 0.3; } .allmaterials-content__row-part.disabled .allmaterials-content__part-in-title + .allmaterials-content__ico { display: none; } .allmaterials-content__add-text { font-size: 15px; color: #0089d2; } .allmaterials-content__add-ico { width: 10px; height: 10px; margin: 0 5px; fill: #0089d2; } .allmaterials-content__row-content { display: none; width: 100%; padding: 0 20px 0 45px; margin: 0 -20px 0 -45px; } .allmaterials-content__desc { display: flex; flex-wrap: wrap; align-items: center; padding: 30px 0; border-bottom: 1px solid #eae9ee; } .allmaterials-content__title { padding: 15px 0; font-weight: bold; font-size: 24px; border-bottom: 1px solid #eae9ee; } .allmaterials-content__part-title { margin: 20px 0; font-weight: bold; font-size: 18px; } .allmaterials-content__part-in-title { margin: 20px 0; font-weight: 300; font-size: 18px; } .allmaterials-content__ico { width: 10px; height: 10px; margin: 0 10px; } .allmaterials-content__img { width: 100px; margin-right: 30px; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.15); } .allmaterials-content__mat-title { margin: 15px 0; } .allmaterials-content__button-more { margin-bottom: 20px; background-color: #0089d2; } .allmaterials-content .button-more { background-color: #0089d2; color: #fff; fill: #fff; stroke: #fff; stroke-width: 1px; } .allmaterials-content .button-more__title { font-size: 15px; } .am-title { margin: 10px 0; font-weight: 300; font-size: 18px; color: #f6597a; } .am-row { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; margin-bottom: 5px; border-radius: 3px; background-color: #f2f6fc; } .am-row__labels { text-align: right; } .am-row__title { min-width: 130px; max-width: 560px; text-decoration: none; color: #090909; } .am-row__author { min-width: 210px; text-align: left; } .am-row .item-link { margin: 3px 0 3px 6px; } /* ALLTHEMES-SECTION */ .allthemes-section { display: none; padding: 30px 0 160px 0; background-color: #f6f7fc; } .allthemes-section.active { display: block; } .allthemes { display: flex; flex-wrap: wrap; margin: -15px; } .view-sort { display: flex; } .view-sort__container { display: flex; align-items: baseline; padding: 8px 13px; border: 1px solid #dfdee6; color: #090909; background-color: #FFF; cursor: pointer; } .view-sort__container:not(:last-of-type) { border-right: 0; } .view-sort__container:first-of-type { border-radius: 3px 0 0 3px; } .view-sort__container:last-of-type { border-radius: 0 3px 3px 0; } .view-sort__container.active { color: #0089d2; fill: blue; border: 1px solid #0089d2; } .view-sort__container.active + .view-sort__container { border-left: 0; } .view-sort__container.active .view-sort__ico { fill: #0089d2; } .view-sort__ico { width: 15px; height: 13px; margin: 5px; fill: #bfc9d6; } .view-sort__text { font-size: 15px; } .sortby-row { cursor: pointer; } .sortby-row__text { font-size: 15px; color: #090909; } .sortby-row__ico { width: 10px; height: 10px; margin: 0 5px; } .sortby-row.hidden { display: none; } .item-theme { display: flex; flex-direction: column; box-sizing: border-box; box-shadow: 0px 0px 8px rgba(86, 92, 101, 0.1); text-decoration: none; width: calc(25% - 30px); margin: 15px; border-radius: 3px; background-color: #FFF; cursor: pointer; transition: box-shadow 0.1s; } .item-theme.active .item-theme__date { font-weight: 400; color: #767A8C; } .item-theme:hover { box-shadow: 12px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .item-theme:hover .item-theme__image-block:after { opacity: 0; } .item-theme__image-block { height: 190px; background-color: #5ab2f5; background-position: center; background-size: cover; border-radius: 3px 3px 0 0; position: relative; } .item-theme__image-block:after { background: -moz-linear-gradient(top, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); background: linear-gradient(to bottom, rgba(77, 136, 206, 0.5) 0%, rgba(36, 84, 141, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf4d88ce', endColorstr='#bf24548d', GradientType=0); border-radius: 3px 3px 0 0; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .item-theme__image-block--no-image { background-size: contain; } .item-theme__description-block { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; padding: 12px 16px 0 16px; margin: -2px; } .item-theme__description-block .item-link { background: #4D88CE; border-color: #4D88CE; color: #FFFFFF; font-weight: 300; margin: 2px; } .item-theme__description-block .item-link--icon { background: none; border: none; padding: 0; } .item-theme__title { flex-grow: 1; padding: 12px 16px 0 16px; color: #1F2029; font-size: 14px; line-height: 21px; font-weight: 700; } .item-theme__name { padding: 12px 16px; color: #1F2029; font-size: 16px; font-weight: 700; line-height: 1.4; } .item-theme__text { color: #1F2029; padding: 0 16px 12px 16px; } .item-theme__date-block { padding: 10px 16px; } .item-theme__date { font-weight: 300; font-size: 14px; color: #090909; } .item-theme__author-block { display: flex; align-items: baseline; padding: 17px 8%; font-weight: 300; color: #090909; } .item-theme__author-ico { width: 15px; height: 15px; fill: #4D88CE; } .item-theme__author-ico--cup { fill: #f6597a; } .item-theme__author-ico--arrow-down { width: 10px; height: 10px; stroke: #090909; stroke-width: 1px; } .item-theme__author { margin: 0 10px; font-size: 15px; } /* CAPTION SUBJECT */ .cap-sub { display: flex; align-items: center; justify-content: space-between; } .cap-sub__title { margin-right: 20px; font-weight: bold; font-size: 28px; } .cap-sub .item-download-button { padding: 10px 20px; min-width: 230px; } /* LINE-UMK */ .line-umk-scroll { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 20px -15px -15px -15px; } .line-umk-item { position: relative; display: flex; flex-direction: column; box-sizing: border-box; width: calc(25% - 30px); margin: 15px; overflow: hidden; text-decoration: none; border-radius: 3px; background-color: #FFF; cursor: pointer; transition: box-shadow 0.1s; } .line-umk-item:hover { box-shadow: 3px 3px 30px 12px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .line-umk-item:hover .line-umk-item__block-hover { bottom: 0; opacity: 1; transition: bottom 0.5s, opacity 0.3s; /* padding-top: 20px; */ } .line-umk-item__description { padding: 0 20px 40px 20px; font-size: 15px; } .line-umk-item__image-container { display: flex; align-items: flex-start; justify-content: space-between; padding: 40px 25px 30px 25px; } .line-umk-item__image { position: relative; width: 60%; max-width: 140px; z-index: 2; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.17); } .line-umk-item__image:last-child { margin-left: -135px; z-index: 1; } .line-umk-item__block-hover { position: absolute; z-index: 5; bottom: -100%; display: flex; flex-direction: column; height: 100%; width: 100%; box-sizing: border-box; /* overflow-y: auto; */ opacity: 0; background-color: #fff; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; transition: bottom 0.5s, opacity 0.3s; } .line-umk-item__block-hover i { padding: 0 20px 5px 20px; display: block; } .line-umk-item__bh-text { padding: 20px; font-size: 15px; flex-grow: 1; } .line-umk-item .button-more { max-width: 90%; text-align: center; background-color: #4D88CE; margin: 0 20px; padding: 10px 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .line-umk-item .button-more:hover { background: #66A1E7; } .line-umk-item .button-more__title { font-weight: 300; font-size: 15px; color: #fff; } .line-umk-item .button-more__ico { margin: 0 5px; stroke: #fff; stroke-width: 1px; fill: #fff; } .line-umk-item__bh-linkteach { display: block; padding: 10px 20px 30px 20px; text-align: center; text-decoration: none; color: #4D88CE; } /* MATERIAL PAGE */ .webinar-article-section { padding: 50px 0; } .webinar-article-section .stand-section__title { margin: 15px 0; } .webinars-article { display: flex; flex-wrap: wrap; margin: 0 -16px; } .webinars-article--slider { display: block; margin: 0 -1rem !important; } .webinars-article--slider .slick-track { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .webinars-article--slider .slick-list { margin-left: 0 !important; } .webinars-article--slider .item-theme { height: 100%; margin: 0 !important; min-width: 0; width: 100% !important; } .webinars-article--slider-item { float: none; margin-left: 0 !important; padding: 16px; } .material-content { margin-top: 30px; overflow: hidden; } .material-content .content-sidebar { display: flex; } .material-content .article-section, .material-content .aside-section, .material-content .aside-author-section { position: relative; } .material-content .aside-section, .material-content .aside-author-section { width: 270px; } .material-content .aside-author-section { box-sizing: border-box; } .material-content .article-section { flex-grow: 1; margin-right: 50px; max-width: calc(100% - 320px); } .material-content .aside-author-section + .article-section { margin-right: 0; margin-left: 50px; } .material-content .clearfix.content-sidebar { display: block; } .material-content .clearfix .article-section { float: right; } .material-content .clearfix .aside-section, .material-content .clearfix .aside-author-section { clear: left; float: left; } .article-slider { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 143px; } .article-slider__slide { left: 0; overflow: hidden; position: absolute; right: 0; } .article-slider__content { background-color: #fff; padding: 0 0 30px; } .article-slider__content .material-content { margin-top: 0; padding-top: 30px; } .article-slider__bg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 0; pointer-events: none; } .article-slider__line { background-color: #0089d2; height: 3px; left: 0; position: fixed; top: 0; width: 0; z-index: 3000; } .article-section { max-width: 840px; } .mat-article { color: #090909; } .mat-article__photoheader { padding: 140px 40px; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; font-family: "Circe", "Arial", "Helvetica", sans-serif; margin-bottom: 20px; } .mat-article__photoheader:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33, 50, 152, 0.75); } .mat-article__photoheader > * { position: relative; z-index: 2; color: #fff; } .mat-article__photoheader svg { fill: #fff; } .mat-article__photoheader .item-link { color: #fff; border-color: #fff; } .mat-article__header { margin: 10px 0; font-weight: bold; font-size: 30px; line-height: 35px; } .mat-article__row-info { display: flex; align-items: center; justify-content: flex-start; margin: 15px 0; font-weight: 300; font-size: 15px; } .mat-article__author { margin-right: 30px; } .mat-article__date { margin-right: 30px; } .mat-article__short-desc { margin: 10px 0; font-weight: 300; font-size: 18px; display: block; } .mat-article__views { display: flex; align-items: center; width: 10%; float: right; height: 55px; vertical-align: middle; } .mat-article__views-ico { width: 18px; height: 18px; margin-right: 7px; fill: #abb2bd; } .mat-article__row-labels { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 10px -2px 30px -2px; position: relative; z-index: 2; } .mat-article__row-labels .item-link { margin: 2px; } .mat-article__row-alert { margin: 10px 0; font-weight: 300; font-size: 15px; color: #7c7d7f; } .mat-article__photo-slider { width: 100%; margin-top: 30px; } .mat-article__photo-slider img { width: 100%; } .mat-article__text { margin: 20px 0; font-family: "PT Serif", serif; font-size: 18px; line-height: 1.6; } .mat-article__text audio { width: 100%; } .audiojs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background: #f6f7fc; box-sizing: border-box; height: 60px; overflow: hidden; width: 100%; } .audiojs audio { display: none; } .audiojs__play-pause { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 60px; height: 60px; overflow: hidden; } .audiojs__play-pause * { display: none; cursor: pointer; } .audiojs__play { border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 11px solid #090909; display: block; } .audiojs__pause { border-top: none; border-bottom: none; border-left: 4px solid #090909; border-right: 4px solid #090909; box-sizing: border-box; height: 18px; width: 11px; } .audiojs__loading { background: url('/local/templates/new_drofa/images/preloader.gif') center center / contain; height: 11px; width: 11px; } .audiojs__error { background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 2px), #000000 50%, rgba(0, 0, 0, 0) calc(50% + 2px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 2px), #000000 50%, rgba(0, 0, 0, 0) calc(50% + 2px), rgba(0, 0, 0, 0) 100%); height: 11px; width: 11px; } .audiojs__scrubber { background: #d8d7d7; position: relative; width: 100%; height: 3px; overflow: hidden; } .audiojs__progress { position: absolute; top: 0; left: 0; height: 3px; width: 0; background: #4D88CE; z-index: 1; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; } .audiojs__loaded { position: absolute; top: 0; left: 0; height: 3px; width: 0; background: #c4c4c4; } .audiojs__time { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 60px; line-height: 60px; padding: 0 24px; color: #090909; } .audiojs__played { display: inline-block; padding-right: 2px; font-style: normal; width: 40px; } .audiojs__duration { display: inline-block; padding-left: 2px; font-weight: normal; width: 40px; } .audiojs .error-message { display: none; margin: 0px 10px; height: 60px; overflow: hidden; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } .audiojs__volume { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; cursor: pointer; width: 60px; height: 4px; background-color: #c4c4c4; margin-right: 24px; } .audiojs__volume-progress { display: block; height: 4px; position: absolute; top: 0; left: 0; background-color: #000; z-index: 10; width: 90%; } .audiojs__volume-progress:after { border-radius: 50%; background: #000; content: ''; display: block; height: 10px; position: absolute; right: 0; top: -3px; width: 10px; } .audiojs__playing .audiojs__play, .audiojs__playing .audiojs__loading, .audiojs__playing .audiojs__error { display: none; } .audiojs__playing .audiojs__pause { display: block; } .audiojs__loading .audiojs__play, .audiojs__loading .audiojs__pause, .audiojs__loading .audiojs__error { display: none; } .audiojs__loading .audiojs__loading { display: block; } .audiojs__erroring .audiojs__time, .audiojs__erroring .audiojs__play, .audiojs__erroring .audiojs__pause, .audiojs__erroring .audiojs__scrubber, .audiojs__erroring .audiojs__loading, .audiojs__erroring .audiojs__volume { display: none; } .audiojs__erroring .audiojs__error { display: block; } .audiojs__erroring .play-pause * { cursor: auto; } .audiojs__erroring .error-message { display: block; } .mat-article__bq { margin: 30px 0; } .mat-article__bqs { margin: 30px 0; } .mat-article__part-title { display: inline-block; width: 100%; margin: 20px 0; text-align: center; font-family: "Circe", "Arial", "Helvetica", sans-serif; font-weight: bold; font-size: 24px; } .mat-article__second-header { margin: 30px 0 10px 0; font-family: "Circe", "Arial", "Helvetica", sans-serif; font-weight: bold; font-size: 24px; } .mat-article__block-img--center { width: 80%; margin: 0 auto; } .mat-article__block-img-img { width: 100%; } .mat-article__block-img-caption { padding: 20px 0; font-family: "PT Serif", serif; font-size: 15px; font-style: italic; border-bottom: 1px solid #e5e9eb; } .mat-article__img { width: 100%; margin: 20px 0; } .mat-article__float-img { float: left; width: 270px; height: 260px; margin: 40px 40px 40px 0; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; } .mat-article__float-img:hover { transform: scale(1.2) translateX(23px); box-shadow: 2px 2px 20px 1px rgba(10, 29, 55, 0.2); } .mat-article__ul { padding-left: 20px; font-family: "PT Serif", serif; } .mat-article__li { margin: 15px 0; font-size: 18px; } .mat-article__yt-video { position: relative; width: 100%; margin: 30px 0; } .mat-article__yt-video iframe, .mat-article__yt-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mat__more-block { background: #F0F4F9; box-shadow: 0 0 60px 140px #fff; font-family: 'Circe'; margin-bottom: 20px; padding: 56px 0 65px; position: relative; text-align: center; z-index: 100; } .mat__more-block:before { background: #F0F4F9; content: ''; height: 100%; left: -1000px; position: absolute; right: -1000px; top: 0; z-index: 50; } .mat__more-block__wrap { left: 160px; position: relative; z-index: 60; } .mat__more-block__title { font-size: 24px; font-weight: 700; margin-bottom: 40px; } .ma-block-quote, blockquote { position: relative; padding: 40px 110px; border-radius: 2px; background-color: #ecf3f9; } .ma-block-quote__quote { font-family: "PT serif", serif; font-weight: bold; font-size: 18px; line-height: 1.6; color: #101010; } .ma-block-quote__author-block { display: flex; align-items: center; /* justify-content: center; */ margin-top: 30px; } .ma-block-quote__author-img { width: 90px; min-width: 90px; height: 90px; margin-right: 30px; border-radius: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .ma-block-quote__author-info { display: flex; flex-direction: column; } .ma-block-quote__author-name { margin-bottom: 10px; font-weight: 300; font-size: 18px; } .ma-block-quote__author-desc { font-weight: 300; font-size: 14px; color: #757a84; } .ma-block-quote:before, blockquote:before { content: ""; position: absolute; top: 50px; left: 50px; width: 35px; height: 30px; background: url('/local/templates/new_drofa/images/ico-quote-open.svg') center / contain no-repeat; } .mat-article__background { background-color: #ecf3f9; border-radius: 2px; font-family: "PT Serif", serif; font-weight: 700; font-size: 18px; line-height: 1.6; margin: 28px 0; padding: 56px 112px; } .mat-article__background p { margin-top: 0; } .mat-article__background p:last-child { margin-bottom: 0; } .ma-style-bq { position: relative; margin: 50px 0; padding: 20px 0; background: none; } .ma-style-bq:before, .ma-style-bq:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 150px; height: 1px; background-color: #0089d2; } .ma-style-bq:before { top: 0; } .ma-style-bq:after { bottom: 0; } .ma-style-bq__text { font-family: "PT Serif", serif; font-weight: bold; font-size: 20px; color: #0089d2; text-align: center; } .ma-block-buy { position: relative; display: flex; margin: 10px 0; padding: 40px; border-radius: 2px; background-color: #f7fbff; } .ma-block-buy__block-img { margin-right: 40px; max-width: 200px; min-width: 140px; width: 100%; } .ma-block-buy__img { box-shadow: 0px 0px 20px 1px rgba(10, 29, 55, 0.05); height: auto; } .ma-block-buy__title { font-family: "PT Serif", serif; font-weight: bold; font-size: 18px; } .ma-block-buy__text { padding: 20px 0; font-family: "PT Serif", serif; font-size: 18px; line-height: 1.6; } .ma-block-buy__btn-buy { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 130px; height: 45px; margin: 0; font-size: 15px; border-radius: 3px; border: 1px solid #4D88CE; background-color: #4D88CE; color: #fff; text-decoration: none; cursor: pointer; } .ma-block-buy__btn-buy:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .ma-block-buy__btn-buy:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .ma-block-buy__btn-buy-ico { width: 20px; height: 20px; fill: #fff; } .ma-block-buy__btn-buy-text { margin-left: 7px; margin-bottom: -2px; } .loyal-image { background-color: #EBF4FC; background-image: url('/local/templates/new_drofa/images/loyal-image-bg.png'); background-repeat: no-repeat; background-position: center center; } .loyal-image__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background: -moz-linear-gradient(left, #ebf4fc 0%, rgba(235, 244, 252, 0) 100%); background: -webkit-linear-gradient(left, #ebf4fc 0%, rgba(235, 244, 252, 0) 100%); background: linear-gradient(to right, #ebf4fc 0%, rgba(235, 244, 252, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf4fc', endColorstr='#00ebf4fc', GradientType=1); padding: 25px 30px; position: relative; text-align: left; } .loyal-image__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 64px; margin-right: 30px; width: 56px; } .loyal-image__title { font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 5px; } .loyal-image__text { font-size: 16px; } .ap-slider__slide { outline: none; } .ap-slider__nav { display: flex; align-items: center; justify-content: center; margin: 20px 0; } .ap-slider__arrow { padding: 4px 15px; cursor: pointer; } .ap-slider__slide-num { width: 70px; text-align: center; font-weight: bold; font-size: 18px; color: #090909; } .ap-slider__current-slide { display: inline-block; text-align: right; } .ap-slider__count-slide { display: inline-block; text-align: left; } .ap-slider__ico { width: 10px; height: 10px; stroke-width: 4px; stroke: #aba9ae; fill: #aba9ae; } .mat-readmore { background: #edf2f6; margin: 40px 0; } .mat-readmore__title { font-size: 16px; font-weight: 700; line-height: 20px; padding: 20px; } .mat-readmore__list { padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .mat-readmore__item { box-sizing: border-box; color: #090909; padding: 10px 20px; text-decoration: none; width: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .mat-readmore__item:only-child { width: 100%; } .mat-readmore__item:hover { background: #e1e9f0; } .mat-readmore__item:hover .mat-readmore__item-text { text-decoration: underline; } .mat-readmore__item-image { background-position: center center; background-size: cover; height: 60px; margin-right: 20px; width: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mat-readmore__item-text { font-size: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mat-downloads { margin: 40px 0 40px 0; } .mat-downloads__header { display: block; margin: 10px 0; font-size: 24px; } .mat-downloads__container { padding: 0px 30px; background-color: #f6f7fc; } .mat-downloads__row { display: flex; align-items: center; padding: 25px 0; } .mat-downloads__row:not(:last-child) { border-bottom: 1px solid #d4dae3; } .mat-downloads__ico-pdf { width: 40px; height: 40px; margin-right: 20px; fill: #0089d2; } .mat-downloads__button { box-sizing: border-box; min-width: 110px; margin-right: 30px; } .mat-downloads__title { flex-grow: 1; font-size: 18px; text-decoration: none; } .mat-downloads__title + .mat-downloads__button { margin-right: 0; } .mat-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-top: 40px; padding: 20px 0 0; } .mat-author__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 20px; margin-right: 40px; } .mat-author__image { min-width: 90px; height: 90px; margin-right: 20px; overflow: hidden; border-radius: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; } .mat-author__name { font-size: 18px; font-weight: 700; } .mat-author__desc { font-size: 15px; } /* Social */ .mat-social__row { display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0; border-top: 1px solid #e8ebed; } .mat-social__row--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .mat-social__text { color: #999999; margin-right: 20px; font-size: 18px; } .mat-social__block-icons { position: relative; display: flex; align-items: center; justify-content: center; margin: -2px; } .mat-social__icon-wrap { display: flex; align-items: center; justify-content: center; width: 75px; height: 40px; margin: 2px; border-radius: 3px; border: 1px solid transparent; text-decoration: none; } .mat-social .icon-like { width: auto; padding: 0 20px; box-sizing: border-box; background-color: #4D88CE; fill: #fff; } .mat-social .icon-like svg { margin-top: -3px; width: 17px; height: 17px; } .mat-social .icon-vk { border-color: #4d75a3; fill: #4d75a3; } .mat-social .icon-fb { border-color: #3e5294; fill: #3e5294; } .mat-social .icon-ok { border-color: #f48223; fill: #f48223; } .mat-social .icon-tw { border-color: #55acee; fill: #55acee; } .mat-social__icon-ico { width: 20px; height: 20px; } .mat-social__icon-ico + .mat-social__icon-text { margin-left: 10px; } .mat-social__icon-text { margin-bottom: -4px; font-size: 14px; color: #fff; } .mob-social .mat-social__block-icons { width: 100%; justify-content: center; } .ya-share2__list { list-style: none; margin: 0; padding: 0; text-align: left; } .ya-share2__item { box-sizing: border-box; cursor: pointer; display: inline-block; margin-right: 10px; } .ya-share2__item:last-child { margin-right: 0; } .ya-share2__item.ya-share2__item_service_collections { display: none; } .ya-share2__link { border: 1px solid transparent; border-radius: 3px; box-sizing: border-box; display: block; height: 45px; position: relative; width: 60px; } .ya-share2__icon { background-position: center center; background-repeat: no-repeat; background-size: 100%; display: block; height: 20px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px; } .ya-share2__counter { font-size: 13px; left: 0; line-height: 1; margin-top: 4px; position: absolute; text-align: center; text-decoration: none; top: 100%; width: 100%; } .ya-share2__title { display: none; } .ya-share2__item_service_vkontakte .ya-share2__link { border-color: #4C75A3; color: #4C75A3; } .ya-share2__item_service_vkontakte .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/bvk.png'); } .ya-share2__item_service_facebook .ya-share2__link { border-color: #3B5998; color: #3B5998; } .ya-share2__item_service_facebook .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/bfb.png'); } .ya-share2__item_service_odnoklassniki .ya-share2__link { border-color: #ED812B; color: #ED812B; } .ya-share2__item_service_odnoklassniki .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/bok.png'); } .ya-share2__item_service_twitter .ya-share2__link { border-color: #2daae1; color: #2daae1; } .ya-share2__item_service_twitter .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/btw.png'); } .ya-share2__item_service_whatsapp .ya-share2__link { border-color: #25D366; color: #25D366; } .ya-share2__item_service_whatsapp .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/bwh.png'); } .ya-share2__item_service_viber .ya-share2__link { border-color: #8F5DB7; color: #8F5DB7; } .ya-share2__item_service_viber .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/bvb.png'); } .ya-share2__item_service_telegram .ya-share2__link { border-color: #0088CC; color: #0088CC; } .ya-share2__item_service_telegram .ya-share2__icon { background-image: url('/local/templates/new_drofa/images/btg.png'); } .ya-share--small { font-size: 0; } .ya-share--small .ya-share2__link { border: none; height: 30px; width: 30px; } .mat-audio__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; color: #999; font-size: 18px; padding-top: 20px; padding-bottom: 20px; } .mat-audio__row img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 8px; } .mat-favorites { display: flex; flex-wrap: wrap; margin-top: 10px; margin-bottom: 10px; padding: 30px; background-color: #f6f7fc; } .mat-favorites__text { width: 100%; margin: 0 0 15px 0; font-size: 18px; } .mat-favorites__btn-wrap { position: relative; } .mat-favorites__btn-fv { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 160px; height: 45px; margin: 5px 20px 5px 0; border-radius: 3px; border: 1px solid #d4dae3; text-decoration: none; cursor: pointer; } .mat-favorites__ico { width: 20px; height: 20px; margin-right: 10px; fill: #ea306c; } .mat-favorites__btn-fv-text { font-weight: 300; font-size: 15px; color: #ea306c; } .mat-favorites__tomail-block { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; } .mat-favorites__inp-txt { box-sizing: border-box; width: 300px; height: 45px; padding: 5px 10px; border-radius: 3px 0 0 3px; border: 1px solid #d4dae3; outline: none; -webkit-appearance: none; -moz-appearance: none; } .mat-favorites__inp-txt::-webkit-input-placeholder { opacity: 1; font-weight: 300; font-size: 15px; color: #9fa8b0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt::-moz-placeholder { opacity: 1; font-weight: 300; font-size: 15px; color: #9fa8b0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:-moz-placeholder { opacity: 1; font-weight: 300; font-size: 15px; color: #9fa8b0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:-ms-input-placeholder { opacity: 1; font-weight: 300; font-size: 15px; color: #9fa8b0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .mat-favorites__inp-txt:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .mat-favorites__btn { position: relative; width: 130px; height: 45px; margin: 5px 0; font-size: 15px; border-radius: 0 3px 3px 0; border: 1px solid #4D88CE; background-color: #4D88CE; color: #fff; } .mat-favorites__btn:hover { background: #66A1E7; border-color: #66A1E7; color: #fff; } .mat-favorites__btn:active { background: #0B62B9; border-color: #0B62B9; color: #fff; } .mat-hint { margin: 40px 0; } .mat-hint__text { font-weight: 300; font-size: 15px; } .mat-comment { display: flex; flex-wrap: wrap; padding: 30px; margin-top: 30px; background-color: #f6f7fc; } .mat-comment__header { width: 100%; margin: 10px 0; font-size: 24px; } .mat-comment__form { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .mat-comment__textarea { display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; border-radius: 3px; border: 1px solid #d4dae3; background-color: #FFF; resize: vertical; } .mat-comment__text { margin: 10px 0; font-weight: 300; font-size: 18px; } .mat-comment__btn-wrap { position: relative; } .mat-comment__btn { position: relative; display: flex; align-items: center; justify-content: center; width: 130px; height: 45px; margin: 15px 20px 15px 0; font-size: 15px; border-radius: 0 3px 3px 0; border: 1px solid #0089d2; background-color: #0089d2; color: #fff; text-decoration: none; } .mat-comment__checkbox { display: flex; align-items: center; margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .mat-comment__checkbox-ico { display: flex; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 20px; padding: 4px; box-sizing: border-box; margin-right: 10px; border-radius: 3px; border: 1px solid #dfdee6; background-color: #fff; fill: #0089d2; } .mat-comment__checkbox-ico use { display: none; } .mat-comment__checkbox-text { margin-top: 3px; font-weight: 300; font-size: 15px; color: #090909; } .checkbox-input:checked + .mat-comment__checkbox .mat-comment__checkbox-ico use { display: block; } .mat-paginator { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 40px; margin-bottom: 40px; } .mat-paginator__block { display: flex; align-items: flex-start; max-width: 280px; text-decoration: none; color: #090909; cursor: pointer; } .mat-paginator__arrow { width: 20px; min-width: 20px; } .mat-paginator__ico { width: 100%; height: 12px; } .mat-paginator__content { padding: 0 15px; } .mat-paginator__title { display: block; margin-bottom: 13px; font-weight: 300; font-size: 15px; color: #798087; } .mat-paginator__text { display: block; font-weight: 300; font-size: 18px; line-height: 23px; } .aside-author { display: flex; align-items: center; flex-wrap: wrap; } .aside-author:not(:last-child) { margin-bottom: 40px; } .aside-author__image { width: 55px; min-width: 55px; height: 55px; border-radius: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .aside-author__image + .aside-author__block-text { margin-left: 15px; } .aside-author__block-text { width: calc(100% - 55px -15px); } .aside-author__post { font-size: 15px; } .aside-author__name { font-weight: bold; font-size: 18px; max-width: 200px; } .aside-author__desc { width: 100%; margin-top: 10px; font-size: 15px; color: #6f747c; } .aside-paginator { /*display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;*/ margin-top: 40px; margin-bottom: 40px; } .aside-paginator__block { display: flex; align-items: flex-start; margin-bottom: 20px; text-decoration: none; color: #090909; cursor: pointer; } .aside-paginator__arrow { width: 20px; min-width: 20px; } .aside-paginator__ico { width: 100%; height: 12px; } .aside-paginator__content { padding: 0 15px; } .aside-paginator__title { display: block; margin-bottom: 10px; font-size: 15px; } .aside-paginator__header { display: block; margin-bottom: 10px; font-weight: 300; font-size: 15px; line-height: 18px; } .aside-paginator__text { display: block; font-weight: 300; font-size: 15px; line-height: 18px; color: #798087; } .aside-dopmat { margin-bottom: 40px; } .aside-dopmat__header { padding-bottom: 10px; font-weight: bold; font-size: 18px; border-bottom: 1px solid #e3e7e9; } .aside-dopmat__row { padding: 15px 0; border-bottom: 1px solid #e3e7e9; } .aside-dopmat__label { font-weight: 300; font-size: 15px; } .aside-dopmat__desc { font-weight: 300; font-size: 13px; color: #7d7e85; } .aside-dopmat__title { margin: 10px 0; font-size: 15px; color: #4D88CE; text-decoration: none; } .asd-row-image { display: flex; flex-wrap: wrap; text-decoration: none; } .asd-row-image--mini-sqr .asd-row-image__image { width: 65px; min-width: 65px; height: 65px; margin-right: 15px; } .asd-row-image--mini-sqr .asd-row-image__info-block { width: calc(100% - 80px); } .asd-row-image--big .asd-row-image__image { width: 100%; max-width: 320px; height: 190px; } .asd-row-image--big .asd-row-image__info-block { width: 100%; margin-top: 10px; } .asd-row-image__image { background-position: center; background-size: cover; background-repeat: no-repeat; } .asd-row-image__header { margin-bottom: 10px; font-size: 15px; color: #000; text-decoration: none !important; } .asd-row-image__date { font-weight: 300; font-size: 13px; color: #7d7e85; } .eduedi-section { padding: 40px 0; } .eduedi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin: 0 -15px; } .item-eduedi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(25% - 30px); margin: 15px; background-color: #FFF; transition: box-shadow 0.1s; } .item-eduedi:hover { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .item-eduedi__block-image { padding: 40px; text-align: center; } .item-eduedi__image { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.17); } .item-eduedi__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-grow: 1; } .item-eduedi__author { font-weight: 300; font-size: 15px; padding: 10px 20px; color: #909396; } .item-eduedi__title { padding: 10px 20px; font-size: 15px; text-decoration: none; color: inherit; } .item-eduedi__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; padding: 20px; } .item-eduedi__cost { font-weight: 700; font-size: 24px; } .item-eduedi__btn-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; text-decoration: none; position: relative; width: 130px; height: 45px; margin: 0; font-size: 15px; border-radius: 3px; border: 1px solid #4D88CE; background-color: #4D88CE; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .item-eduedi__btn-buy:hover { background: #66A1E7; border-color: #66A1E7; } .item-eduedi__btn-buy-ico { width: 20px; height: 20px; fill: #fff; } .item-eduedi__btn-buy-text { margin-left: 7px; margin-bottom: -2px; } .eduedi--slider { display: block; margin: 0 -16px 20px; } .eduedi--slider img { display: inline-block; } .eduedi--slider .slick-list { margin-left: 0 !important; } .eduedi--slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; } .eduedi--slider .slider__item-eduedi { float: none; margin: 0 !important; padding: 16px; } .eduedi--slider .item-eduedi { box-shadow: 0 0 22px rgba(196, 206, 222, 0.4); margin: 0; height: 100%; width: 100%; } .eduedi--slider .item-eduedi__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .eduedi--slider .item-eduedi__author { padding: 0 16px 16px; } .eduedi--slider .item-eduedi__title { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 16px; } .eduedi--slider .item-eduedi__row { padding: 16px; } .expac-block-author, .expac-block-author__block-photo, .expac-block-author__block-name, .expac-block-author__block-progress { display: flex; flex-direction: column; align-items: center; } .mode-bg-gray { background-color: #f6f7fc; } .expac { display: flex; } .expac-content { width: 100%; } .data-table-expac { width: 100%; } .expac-section { background-color: #fff; } .expac-aside { width: 270px; min-width: 270px; margin-right: 15px; border-right: 2px solid #dadada; z-index: 9; } .expac-closearea { display: none; } .expac-closearea.show { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.38); } .expac-block-author { padding-bottom: 20px; border-bottom: 2px solid #dadada; } .expac-block-nav__container { padding: 20px; } .exp-a-photo__photo { width: 120px; height: 120px; border-radius: 100%; background: #0089d2 center / cover no-repeat; } .exp-a-photo__photo.nophoto { display: flex; align-items: center; justify-content: center; } .exp-a-photo__photo.nophoto svg { width: 90px; height: 90px; fill: #fff; } .exp-a-photo__link { margin: 7px 0; font-weight: 300; font-size: 16px; text-decoration: none; color: #090909; } .exp-a-photo__link:hover { text-decoration: underline; } .exp-a-name__name { padding: 20px; font-size: 21px; line-height: 1.2; text-align: center; } .exp-a-progress__title { font-weight: 300; font-size: 16px; color: #090909; } .exp-a-progress__desc { font-weight: 300; font-size: 16px; color: #8e8e8e; } .exp-a-progress__block-progress { display: flex; width: 150px; margin: 10px 0; padding: 0 2px; border-radius: 2px; border: 1px solid #0089d2; } .exp-a-progress__progress-field { width: 12px; height: 20px; margin: 2px; border-radius: 2px; } .exp-a-progress__progress-field.active { background-color: #0089d2; } .exp-a-nav__link { display: block; margin: 10px 0; font-weight: 300; font-size: 16px; line-height: 1.2; text-decoration: none; color: #090909; } .exp-a-nav__link:hover { text-decoration: underline; } .exp-a-nav__link.current { color: #0089d2; } .exp-a-mob-close { display: none; } .exp-a-mob-close__ico { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 16px; min-width: 16px; height: 14px; padding: 10px; } .expac-desc { padding: 15px; } .expac-desc__header { margin: 0 0 20px 0; font-size: 30px; } .expac-desc__desc { font-size: 21px; line-height: 1.2; } .expac-desc__desc p { font-size: 18px; line-height: 1.2; } .expac-material { margin: 20px 0; padding: 15px; background-color: #f6f7fc; overflow-x: hidden; } .expac-material__title { margin: 30px 0; font-weight: bold; font-size: 24px; line-height: 1.2; color: #090909; } .expac-material__content { display: flex; } .expac-material__content-main { width: 65%; margin-right: 20px; } .expac-material__content-side { width: 35%; } .expac-material__block { margin: 0 0 25px 0; } .expac-material__buttons { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px -5px; } .expac-material__button { margin: 5px; padding: 10px 40px; text-align: center; } .expac-material .button-more { background-color: #0089d2; } .expac-material .button-more__title { color: #fff; } .expac-material .button-more__ico { fill: #fff; stroke: #fff; stroke-width: 5px; } .expac-material .button-more:hover { background-color: #119ae3; } .exp-m-desc { display: flex; } .exp-m-desc.isset { fill: #0089d2; color: #0089d2; } .exp-m-desc__ico { width: 25px; min-width: 25px; height: 25px; } .exp-m-desc__desc { margin-left: 20px; font-size: 16px; color: #0089d2; line-height: 1.2; } .exp-m-block__name { text-transform: uppercase; font-weight: 300; font-size: 14px; } .exp-m-block__text { margin: 10px 0; font-size: 18px; line-height: 1.2; color: #090909; } .exp-m-block__labels { display: flex; flex-wrap: wrap; margin: -3px; } .exp-m-block__labels .item-link { margin: 3px; } .exp-m-block__downloads { margin: 20px 0; } .exp-mb-download { display: flex; text-decoration: none; } .exp-mb-download:hover .exp-mb-download__block-ico { background-color: #119ae3; } .exp-mb-download__block-ico { display: flex; align-items: center; justify-content: center; width: 31px; min-width: 31px; height: 28px; margin-right: 15px; border-radius: 2px; background-color: #0089d2; } .exp-mb-download__ico { width: 17px; height: 16px; fill: #fff; } .exp-mb-download__title { display: block; margin-top: 5px; font-size: 18px; line-height: 1.2; color: #090909; } .expac-moreworks { margin: 50px 0; padding: 0 20px; } .expac-moreworks__button { display: inline-block; padding: 10px 40px; border-radius: 2px; font-size: 18px; text-align: center; text-decoration: none; color: #fff; background-color: #f6597a; } .expac-moreworks__button:hover { background-color: #ff6a8b; } /* NORM-DOCS */ .norm-docs { display: flex; flex-direction: column; } .norm-docs__title { padding: 20px 0; font-weight: bold; font-size: 24px; color: #090909; border-bottom: 1px solid #dfe4e9; } .norm-docs__row { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #dfe4e9; } .norm-docs__name { text-decoration: none; font-size: 18px; color: #090909; flex-grow: 1; font-weight: 500; } .norm-docs__doc-ico { width: 30px; height: 30px; fill: #4D88CE; margin-right: 2%; margin-bottom: -9px; } .norm-docs__download-button { margin-left: 20px; } /* PROJECTS */ .us-projects-in { display: flex; margin: -15px; } .item-projects { display: inline-block; width: calc(100% / 3 - 30px); margin: 15px; overflow: hidden; text-decoration: none; text-align: center; border-radius: 3px; background-position: center; background-size: cover; background-repeat: no-repeat; transition: box-shadow 0.1s; } .item-projects:hover { box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); transition: box-shadow 0.1s; } .item-projects__overlay { height: 100%; padding: 40% 30px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.34); } .item-projects__title { position: relative; display: inline-block; max-width: 90%; margin-bottom: 30px; font-weight: bold; font-size: 24px; color: #fff; } .item-projects__title:after { content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); height: 1px; width: 30px; background-color: #FFF; } .item-projects__text { font-weight: 300; font-size: 18px; color: #fff; } /* POPUPS */ .popup-section { width: 100%; max-width: 900px; height: 100vh; max-height: 600px; padding: 50px 70px; box-sizing: border-box; border-radius: 3px; background-color: #FFF; overflow: hidden; } .popup-container { display: flex; max-height: 100%; height: 100%; box-sizing: border-box; overflow-y: auto; } .popup-container iframe { width: 100%; height: 100%; } .popup-close { position: absolute; right: 20px; top: 20px; cursor: pointer; } .popup-close__ico { width: 20px; height: 20px; fill: #7b7c7d; } .text-popup__text { font-size: 16px; } .text-popup__h3 { font-size: 18px; } .paginator__section { padding: 0 0 32px; } .paginator--white { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background-color: #fff; box-shadow: 0 0 8px rgba(86, 92, 101, 0.1); padding: 15px 0; } .paginator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; padding: 30px 0; } .paginator--small-padding { padding: 0; } .paginator__arrow { display: inline-block; padding: 4px 14px 2px 14px; text-decoration: none; } .paginator__arrow--left { margin-right: 3%; } .paginator__arrow--right { margin-left: 3%; } .paginator__ico { width: 10px; height: 10px; fill: #767A8C; stroke: #767A8C; stroke-width: 1px; } .paginator__page { display: inline-block; margin: 0 2px; padding: 4px 14px 2px 14px; border-radius: 3px; border: 1px solid transparent; font-size: 18px; color: #1F2029; text-decoration: none; } .paginator__page.current { border-color: #4D88CE; color: #4D88CE; cursor: auto; } .webinars-section { display: none; padding: 30px 0; background-color: #f6f7fc; } .webinars-section.active { display: block; } .webinars { display: flex; flex-wrap: wrap; margin: -15px; } .webinars-row-section { display: none; padding: 30px 0; background-color: #f6f7fc; } .webinars-row-section.active { display: block; } .webinars-row-container { display: flex; flex-wrap: wrap; justify-content: center; background-color: #FFF; box-shadow: 3px 5px 20px 1px rgba(10, 29, 55, 0.05); } .webrc-container { width: 100%; } .webrc { display: flex; align-items: center; padding: 30px 3%; border-bottom: 1px solid #eae9ee; transition: background-color 0.3s; } .webrc:hover { background-color: #f2f6fc; transition: background-color 0.3s; } .webrc__block-date { display: flex; flex-direction: column; min-width: 200px; color: #727375; } .webrc.active .webrc__block-date { color: #090909; } .webrc__block-title { /* display: flex; */ /* flex-direction: column; */ align-items: flex-start; margin: 0 40px; color: #727375; width: 100%; } .webrc .webrc__block-title { color: #090909; } .webrc__block-button { display: flex; align-items: center; justify-content: center; width: 180px; min-width: 180px; } .webrc__date-text { margin-bottom: 10px; font-weight: 300; font-size: 15px; } .webrc__date-date { font-weight: bold; } .webrc__date-time { font-weight: 300; font-size: 15px; } .webrc__title-link { margin-bottom: 10px; } .webrc__title-text { font-weight: bold; font-size: 18px; } a.webrc__title-text { color: #090909; text-decoration: none; } .webrc__button { width: 100%; min-width: 100%; box-sizing: border-box; padding: 7px 10px; border: 1px solid #0089d2; text-align: center; background-color: transparent; color: #0089d2; } .webrc.active .webrc__button { background-color: #0089d2; color: #fff; } .webrc__button-text { font-size: 15px; } .text-section { background-color: #f6f7fc; } .txt-block { padding: 40px 0 60px 0; } .txt-block__h { font-weight: bold; font-size: 24px; } .txt-block__p { font-weight: 300; font-size: 15px; } .txt-block .b-readmore__link { font-weight: 300; font-size: 15px; } .webitheme { padding: 20px; background-color: #FFF; overflow: hidden; } .shbtn-menu { display: flex; align-items: center; cursor: pointer; } .shbtn-menu__ico { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 25px; height: 19px; } .shbtn-menu__ico-part { display: block; width: 3px; height: 3px; border-radius: 5px; border: 1px solid #0089d2; } .shbtn-menu__text { margin-bottom: -2px; margin-left: 20px; font-size: 15px; color: #0089d2; } .opened-menu.closed .opened-menu__col .opened-menu__link:not(:nth-child(-n+2)) { display: none; } .opened-menu.closed .opened-menu__col:last-child .opened-menu__link:not(:nth-child(-n+1)) { display: none; } .opened-menu.closed .opened-menu__col:last-child .opened-menu__link:last-child { display: flex; } a.filter__checkbox-big, a.filter__class-label { color: #000; text-decoration: none; } .checkbox-input:checked + .filter__checkbox-big a { color: #0089d2; } .filter__checkbox-disabled { color: #999; cursor: default; } .filter__label-disabled { border-radius: 3px; border: 1px solid #dfdee6; background-color: #fff; color: #999; cursor: default; } .checkbox-input:checked + a .filter__checkbox .filter__checkbox-ico use { display: block; } a.filter__checkbox { text-decoration: none; } .clearfix:after { content: ""; display: table; clear: both; } .item-theme__image-block.noimage { background-image: url('/local/templates/new_drofa/images/caption-ico-waves--white.png'); background-repeat: no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; } .item-theme__image-inner { bottom: 8px; left: 16px; position: absolute; z-index: 10; } .item-theme__image-icon { background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: inline-block; height: 35px; margin-right: 4px; position: relative; width: 36px; vertical-align: middle; } .item-theme__image-ico { left: 50%; margin-left: -9px; margin-top: -11px; position: absolute; top: 50%; width: 20px; height: 20px; fill: #fff; } .item-theme__image-title { color: #FFFFFF; display: inline-block; font-size: 18px; text-transform: uppercase; vertical-align: middle; } .expac-content { width: 100%; padding: 10px; background: #fff; } .expac-content .user-personal-info__row { margin: 10px; } .expac-desc .item-theme { width: calc(33% - 30px); } .user-personal-info__title, .user-events__title, .user-subscription__title, .user-change-password__title { margin-top: 0; } .adaptive-table-col img { max-width: none !important; } #assistance .item-theme { width: calc(25% - 30px); } .js_hide_detail_text { display: none; } .hint-auth.mater { top: 50%; right: calc(100% + 13px); left: auto; } .adaptive-table-col a > img { max-width: none; } .ant_mobile_800 { display: none; } .clear_a { text-decoration: none; color: inherit; } .mob-filter-count { color: #adadad; padding-right: 4px; } .howWorks { position: relative; background-color: #f1f3f5; padding: 15px 15px 15px 25px; display: none; } .howWorks .member-form__title { width: 100%; } .howWorks .hideCross { position: absolute; color: black; width: 16px; height: 16px; top: 0; right: 0; padding: 20px; } .howWorks .hideCross:hover { color: #1976d2; } .exp-a-nav__link.nav_second { margin-left: 20px; } .events_calendar { overflow: hidden; margin-bottom: 50px; max-width: 865px; } .events_calendar .event-section .event { padding: 0 20px; } .filter-section--catalog .filter__block-wrap--checkboxes { margin-bottom: 0; padding-top: 19px; } .filter-section--catalog .filter__block-wrap--checkboxes .filter__block-wrap { margin-right: 0; } .filter-section--catalog .filter__block-wrap--checkboxes .filter__block-wrap:last-child { margin-bottom: 0; } .filter-section--catalog .filter__checkbox { margin-right: 0; } .ant_filter__block-wrap { margin-bottom: 4px; padding-top: 4px; } .asd-row-image__info-block a { text-decoration: none; } #factAnswers { width: 1170px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } #factAnswers > div { background: #f3f1ed; padding: 2rem; width: 60%; margin-top: 20px; } .searchResult { font-size: 11px; border: 1px solid #c7c7c7; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); padding: 1em; display: none; position: absolute; background: white; z-index: 999; width: 100%; top: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .searchResult .row { margin-bottom: 10px; } .searchResult ul { list-style: none; padding: 0; margin: 0; } .searchResult .row_title { border-bottom: 1px solid #1976d2; font-size: 1.3em; text-align: center; } .searchResult .row_title + ul { margin: 10px 0 0 10px; } .searchResult ul li { padding: 5px; height: 1.5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%; cursor: pointer; } .mistake { background: #e6e6e6; padding: 15px; } .mistake a { font-size: 18px; } #assistance.container-box--3 .item-theme { width: calc((100% - 90px) / 3); } span.exp-a-nav__link:hover { text-decoration: none; } .modal-form h3 { text-align: center; font-size: 24px; } .modal-form { max-width: 760px; background-color: #fff; padding: 20px 70px; padding-bottom: 40px; border-radius: 3px; margin: 0 auto; position: relative; } .modal-form .item { margin-bottom: 15px; } .modal-form .title-form { width: 245px; display: inline-block !important; vertical-align: middle; margin: 0; font-size: 15px; margin-left: 0 !important; float: left; } .modal-form .title-form span { color: #ee0000; } .modal-form input { display: inline-block; vertical-align: middle; text-indent: 5px; border-radius: 3px; padding: 9px 0; width: 100%; border: solid 1px #e8e8e8; } .modal-form .nice-select { width: 100%; float: none; border-radius: 3px; } .modal-form textarea { width: 100%; text-indent: 5px; border-radius: 3px; border: solid 1px #e8e8e8; font-size: 14px; padding: 7px 0; resize: vertical; } .modal-form ::placeholder { font-size: 14px; padding-left: 15px; color: #E6E6E6; } .modal-form .nice-select .current { color: #E6E6E6; } .modal-form .title-form + div { width: calc(100% - 267px); display: inline-block; } .modal-form .btn-blue { float: right; } .modal-form .footnote { float: left; margin-top: 15px; } .hidden { display: none!important; } .modal-form .error { border: 1px solid #ee0000; background: #fff; } .select2-container { width: 100% !important; } .select2-container--default .select2-selection--single { border-radius: 3px; border: solid 1px #e8e8e8; } .select2-container--default .select2-selection--single .select2-selection__rendered { /*color: #dad5d5;*/ font-size: 14px; font-weight: 200; padding-left: 20px; line-height: 40px; } .select2-container--default .select2-selection--single { height: 43px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; right: 7px; } select.error + .select2-container--default .select2-selection--single { border: 1px solid #ee0000; } .btn-blue { display: inline-block; text-decoration: none; color: #fff; background-color: #4d88ce; border-radius: 3px; padding: 12px 35px; font-size: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; } .btn-blue:hover { background-color: #2e67ab; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .aside-dopmat__colleft { display: block; padding-right: 15px; text-align: center; } .aside-dopmat__colleft img { max-width: 130px; } .aside-dopmat__colright { text-align: center; } .aside-dopmat__colright .item-eduedi__author { display: block; } .aside-dopmat__colright .item-eduedi__title { display: block; padding: 5px 20px; } .aside-dopmat__colright .item-eduedi__row { padding: 0 20px; } .modal-form .title-form2 { width: 70%; display: inline-block !important; vertical-align: middle; margin: 5px 0; font-size: 15px; margin-left: 0 !important; float: left; } .checkbox_red:not(checked) + label:after { border: 1px solid red !important; } .ppt_html { max-height: 500px; width: 100%; overflow: auto; margin-bottom: 40px; border: 1px solid gray; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; } .interview_img { max-height: 250px; max-width: 250px; } @font-face { font-family: 'Akrobat'; font-style: normal; font-weight: 700; src: url('/local/templates/new_drofa/fonts/Akrobat-Bold.otf') format('opentype'); } @font-face { font-family: 'Akrobat'; font-style: normal; font-weight: 900; src: url('/local/templates/new_drofa/fonts/Akrobat-Black.otf') format('opentype'); } .alink-block { border: 1px solid #e6e6e6; box-shadow: 0 0 16px rgba(188, 188, 188, 0.33); font-family: 'Akrobat', sans-serif; margin-top: 30px; margin-bottom: 30px; } .alink-block__link { text-decoration: none; background-image: url('/local/templates/new_drofa/images/alink-bg-1.png'); background-position: center right; background-size: cover; cursor: pointer; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .article-section .alink-block__sale--cnt { height: 56px; display: table-cell; vertical-align: middle; } .alink-block__sale--wrap { margin-right: 10px; padding-right: 40px; position: relative; } .alink-block__sale { background: #fff; padding: 10px 5px 5px 20px; position: relative; width: 230px; overflow: hidden; } .aside-section .alink-block__sale { width: unset; } .alink-block__sale--wrap:before { background: url('/local/templates/new_drofa/images/alink-triangle-right.png') no-repeat right center; content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 40px; } .alink-block__sale--logo { display: inline-block; } .alink-block__sale--cnt { color: #0088d2; font-size: 36px; font-weight: 900; text-transform: uppercase; } .article-section .alink-block__sale--cnt { font-size: 28px; } .alink-block__info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .alink-block__title { color: #ffffff; font-size: 24px; font-weight: 700; line-height: 26px; max-width: 320px; } .alink-block__title span { display: block; } .alink-block__btn { background: #fff; box-shadow: 0 3px 9px rgba(0, 20, 37, 0.25); color: #262931; font-size: 20px; font-weight: 700; /*letter-spacing: 0.05em;*/ line-height: 28px; padding: 7px 25px; text-transform: uppercase; min-width: 130px; text-align: center; } .aside-section .advertising_insert .alink-block .alink-block__link { background-image: url('/local/templates/new_drofa/images/alink-bg-2.png'); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 20px; padding-right: 0; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .aside-section .advertising_insert .alink-block .alink-block__info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .aside-section .advertising_insert .alink-block .alink-block__sale--wrap { margin-right: 0; padding-bottom: 37px; padding-right: 0; text-align: center; width: 100%; } .aside-section .advertising_insert .alink-block .alink-block__sale { padding: 10px 30px 0; } .aside-section .advertising_insert .alink-block .alink-block__sale--wrap:before { background: url('/local/templates/new_drofa/images/alink-triangle.png') no-repeat center bottom; bottom: 0; height: 52px; right: 0; top: auto; width: 100%; } .aside-section .advertising_insert .alink-block .alink-block__title { font-size: 22px; margin-bottom: 10px; text-align: center; width: 100%; } .alink-block__link--image .alink-block__link { padding-right: 0; padding-bottom: 0; } .alink-block__link--image img { display: block; width: 100%; } .advertisingInsert { margin-bottom: 40px; text-align: center; } .advertisingInsert a img { display: none; } .aside-section .advertisingInsert a img { display: unset; } .category__item--efir { padding-left: 8px; } .category__item--efir .sticky-nav__link { background: url('/local/templates/new_drofa/images/icon-efir.png') no-repeat left center; color: #ff131a; display: block; line-height: 22px; padding: 0 8px 0 35px; background-size: 11%; } .blue_button-link { min-width: 200px; margin: 0 10px 10px 10px; background-color: #0089d2; display: inline-block; box-sizing: border-box; padding: 15px 40px; text-decoration: none; border-radius: 3px; border: 1px solid #fff; color: white; } .blue_button-link svg { fill: #fff; stroke: #fff; } .mat-article__steps { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .mat-article__step { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #F7F7F7; border: 1px solid #E6E6E6; border-radius: 2px; box-sizing: border-box; color: #1F2029; font-family: 'Circe'; margin-right: 20px; padding: 20px 20px 20px 70px; position: relative; width: 33.333%; } .mat-article__step:last-child { margin-right: 0; } .mat-article__step-title { font-size: 16px; font-weight: 700; margin-bottom: 5px; } .mat-article__step-text { font-size: 16px; } .mat-article__step-text a { text-decoration: none; } .mat-article__step-icon { left: 20px; position: absolute; top: 20px; } .mat-article__step-buttons { margin-top: 10px; } .mat-article__step-buttons + .mat-article__step-text { margin-top: 10px; } .mat-article__step-text + .mat-article__step-text { margin-top: 15px; } .mat-article__step-buttons .btn { line-height: 30px; } .mat-article__step-buttons .btn + .btn { margin-top: 10px; } .mat-article__step--current { background: #fff; border-color: #4D88CE; } .mat-article__step--success { background: #F4FBF7; border-color: #D1F0DE; } .mat-article__step--wrong { background: #fff; border-color: #CE0408; } .mat-article__step-text--wrong { color: #CE0408; } .mat-article__step--success .mat-article__step-text { color: #27AE60; } .mat-article__step--success .mat-article__step-text--dark { color: #1F2029; } .test-block { font-family: 'Circe'; } .test__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 15px; } .test__timer { color: #F6597A; font-size: 16px; font-weight: 700; margin-left: 20px; } .test__timer-ico { display: inline-block; fill: #F6597A; height: 16px; margin-right: 8px; vertical-align: middle; width: 13px; } .test__timer-text { display: inline-block; vertical-align: middle; } .test__title-title { color: #1F2029; font-size: 24px; font-weight: 700; } .test__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 30px; } .test__steps-item { background: #CDD5E3; border-radius: 50%; color: #fff; font-size: 16px; height: 32px; line-height: 35px; margin-right: 20px; position: relative; text-align: center; width: 32px; } .test__steps-item:after { background: #CDD5E3; content: ''; display: block; height: 2px; left: 100%; position: absolute; top: 15px; width: 20px; } .test__steps-item:last-child { margin-right: 0; } .test__steps-item:last-child:after { display: none; } .test__steps-item--active { background: #4D88CE; } .test__steps-item--active:after { background: #4D88CE; } .test__item { border-radius: 2px; box-shadow: 0px 0px 20px rgba(86, 92, 101, 0.1); padding: 32px; } .test-question { color: #1F2029; font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 25px; } .test-answer__item { color: #1F2029; font-size: 16px; margin-bottom: 12px; } .test-buttons { font-size: 0; margin-top: 30px; } .test-buttons .btn + .btn { margin-left: 12px; } .checkbox-style { cursor: pointer; display: inline-block; } .checkbox-style input { display: none; } .checkbox-style__span { display: block; padding-left: 34px; position: relative; } .checkbox-style__span:before { background: #fff; border: 1px solid #868686; box-sizing: border-box; border-radius: 2px; content: ''; display: block; height: 18px; left: 0; position: absolute; top: 3px; width: 18px; -webkit-transition: 0.3s; transition: 0.3s; } .checkbox-style__span:after { background: url('/local/templates/new_drofa/images/icon-checked.svg'); content: ''; display: block; height: 10px; left: 2px; position: absolute; top: 7px; width: 14px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s; transition: 0.3s; } .checkbox-style input:checked + .checkbox-style__span:before { background: #4D88CE; border-color: #4D88CE; } .checkbox-style input:checked + .checkbox-style__span:after { -webkit-transform: scale(1); transform: scale(1); } .radio-style { cursor: pointer; display: inline-block; } .radio-style input { display: none; } .radio-style__span { display: block; padding-left: 20px; position: relative; } .radio-style__span:before { background: #fff; border: 1px solid #868686; box-sizing: border-box; border-radius: 50%; content: ''; display: block; height: 16px; left: 0; position: absolute; top: 4px; width: 16px; -webkit-transition: 0.3s; transition: 0.3s; } .radio-style__span:after { background: #4D88CE; border-radius: 50%; content: ''; display: block; height: 8px; left: 4px; position: absolute; top: 8px; width: 8px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s; transition: 0.3s; } .radio-style input:checked + .radio-style__span:before { border-color: #4D88CE; } .radio-style input:checked + .radio-style__span:after { -webkit-transform: scale(1); transform: scale(1); } .radio-inline { margin-right: 9px; } .radio-inline:last-child { margin-right: 0; } .test-result__title { color: #1F2029; font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 10px; } .test-result__title--success { color: #27AE60; } .test-result__title--wrong { color: #CE0408; } .test-result__text { font-size: 16px; } .test-result__text a { text-decoration: none; } .test-result__success { color: #27AE60; font-weight: bold; font-size: 20px; margin-top: 15px; margin-bottom: 20px; } .test-result__wrong { color: #CE0408; font-weight: bold; font-size: 20px; margin-top: 15px; margin-bottom: 20px; } .test-result__btns { margin-top: 20px; margin-bottom: 20px; } .test-result__block { border-top: 1px solid #C4C4C4; margin-top: 20px; padding-top: 20px; } .test-result__block-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .test-result__block-title span { display: inline-block; line-height: 1; } .collapse-out { font-size: 20px; font-weight: 700; } .collapse-in { border-bottom: 1px dashed; color: #4D88CE; cursor: pointer; font-size: 16px; } .collapse-hide .collapse-out { color: #4D88CE; cursor: pointer; border-bottom: 1px dashed; } .collapse-hide .collapse-in { display: none; } .collapse-hide .test-results { display: none; } .test-results__item { margin-top: 32px; padding: 20px; } .test-results__item .test-question { font-size: 20px; margin-bottom: 10px; } .test-results__item .checkbox-style, .test-results__item .radio-style { cursor: text; } .test-results__item--success { background: #F4FBF7; } .test-answer__item--success .checkbox-style__span, .test-answer__item--success .radio-style__span { color: #27AE60; font-weight: 700; } .test-answer__item--success .checkbox-style__span:before, .test-answer__item--success .checkbox-style input:checked + .checkbox-style__span:before, .test-answer__item--success .radio-style__span:before, .test-answer__item--success .radio-style input:checked + .radio-style__span:before { border-color: #27AE60; } .test-answer__item--success .checkbox-style input:checked + .checkbox-style__span:before { background: #27AE60; } .test-answer__item--success .radio-style__span:after { background: #27AE60; } .test-results__item--wrong { background: #FDF2F3; } .test-answer__item--wrong .checkbox-style__span, .test-answer__item--wrong .radio-style__span { color: #CE0408; } .test-answer__item--wrong .checkbox-style input:checked + .checkbox-style__span:before, .test-answer__item--wrong .radio-style__span:before, .test-answer__item--wrong .radio-style input:checked + .radio-style__span:before { border-color: #CE0408; } .test-answer__item--wrong .radio-style__span:after { background: #CE0408; } .test-answer__item--wrong .checkbox-style input:checked + .checkbox-style__span:before { background: #CE0408; } .dm-uploader { border: 2px dashed #EDEFF5; border-radius: 5px; padding: 20px 24px; } .dm-uploader.active { border: 2px solid #4d88ce; } .dm-uploader__title { margin-bottom: 10px; text-align: center; } .dm-uploader .btn input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; border: solid transparent; width: 100%; opacity: 0; cursor: pointer; } .dm-uploader__btn { display: block; position: relative; overflow: hidden; width: 100%; } .dm-uploader__file-item { margin-top: 6px; padding-right: 15px; position: relative; } .dm-uploader__delete { background: url('/local/templates/new_drofa/images/icon-cross-light.png') no-repeat center center / 100%; cursor: pointer; display: block; height: 10px; position: absolute; right: 0; top: 6px; width: 10px; } .quality__form { font-size: 18px; padding: 60px 0; } .quality__form-text { margin-bottom: 20px; } .quality__form-title { font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 30px; text-align: center; } .quality__form-submit { margin-bottom: 40px; text-align: center; } .quality__form-buttons { font-size: 0; margin-bottom: 40px; text-align: center; } .quality__form-label { border: 2px solid transparent; border-radius: 3px; display: inline-block; margin: 0 5px; } .quality__form-label span { box-sizing: border-box; cursor: pointer; display: block; font-size: 18px; line-height: 22px; padding: 5px; text-align: center; width: 55px; } .quality__form-label:nth-child(1), .quality__form-label:nth-child(2), .quality__form-label:nth-child(3) { background: #f5ffec; border-color: #a8cb82; color: #a8cb82; } .quality__form-label:nth-child(4), .quality__form-label:nth-child(5), .quality__form-label:nth-child(6), .quality__form-label:nth-child(7) { background: #fff7eb; border-color: #f9c067; color: #f9c067; } .quality__form-label:nth-child(8), .quality__form-label:nth-child(9), .quality__form-label:nth-child(10) { background: #fff5f5; border-color: #fda5a5; color: #fda5a5; } .quality__form-label input { display: none; } .quality__form-label:nth-child(1) input:checked + span, .quality__form-label:nth-child(2) input:checked + span, .quality__form-label:nth-child(3) input:checked + span { background: #a8cb82; color: #fff; } .quality__form-label:nth-child(4) input:checked + span, .quality__form-label:nth-child(5) input:checked + span, .quality__form-label:nth-child(6) input:checked + span, .quality__form-label:nth-child(7) input:checked + span { background: #f9c067; color: #fff; } .quality__form-label:nth-child(8) input:checked + span, .quality__form-label:nth-child(9) input:checked + span, .quality__form-label:nth-child(10) input:checked + span { background: #fda5a5; color: #fff; } .testing__scale-wrap { background: #fff; left: 0; padding: 20px 0; position: fixed; top: 0; width: 100%; z-index: 2000; } .testing__scale { box-sizing: border-box; font-family: Circe, sans-serif; margin-bottom: 20px; overflow: hidden; padding: 0 40px; position: relative; width: calc(100% - 320px); } .testing__scale-bar { background: #C4C4C4; border-radius: 4px; height: 2px; left: 40px; position: absolute; right: 40px; top: 8px; } .testing__scale-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .testing__scale-item { font-size: 16px; height: 17px; padding-bottom: 30px; position: relative; width: 100%; } .testing__scale-progress { background: #0089D2; height: 2px; left: 0; position: absolute; top: 8px; } .testing__scale-circle { background: #fff; border: 1px solid #C4C4C4; border-radius: 50%; box-sizing: border-box; content: ''; height: 17px; left: -8px; position: absolute; top: 0; width: 17px; z-index: 20; } /*.testing__scale-item:first-child:after { background: #fff;; content: ''; height: 4px; position: absolute; left: -10px; top: 14px; right: 50%; z-index: 15; }*/ /*.testing__scale-item--current:before { background: #0089D2; content: ''; height: 2px; position: absolute; right: 50%; top: 8px; width: 2000px; z-index: 10; }*/ .testing__scale-item--current .testing__scale-circle:before { background: #0089D2; border-radius: 50%; content: ''; display: block; height: 9px; left: 3px; position: absolute; top: 3px; width: 9px; } .testing__scale-name { bottom: 0; font-size: 15px; left: 0; position: absolute; white-space: nowrap; transform: translateX(-50%); } .audio__text { font-size: 16px; margin-bottom: 24px; } .tag__nav { list-style: none; margin: 0 0 32px; padding: 0; } .tag__nav-item { display: inline-block; margin-bottom: 4px; } .tag__nav-link { display: block; border: 2px solid #4D88CE; border-radius: 3px; color: #4D88CE; font-size: 16px; padding: 4px 20px; text-decoration: none; } .tag__nav-link:hover { background-color: #4D88CE; color: #fff; } .audio__title { font-size: 24px; margin-bottom: 20px; } .audio__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-left: -16px; margin-right: -16px; } .audio__item { box-sizing: border-box; margin-bottom: 32px; padding: 0 12px; width: 25%; } .audio__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; box-shadow: 0 0 22px rgba(196, 206, 222, 0.4); box-sizing: border-box; color: #000; height: 100%; padding: 16px; text-align: center; text-decoration: none; } .audio__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 180px; margin-bottom: 24px; width: 140px; } .audio__item-image img { display: block; height: auto; max-width: 100%; width: 100%; } .audio__item-desc { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .audio__item-name { font-size: 16px; line-height: 1.2; margin-bottom: 8px; } .audio__item-info { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; color: #767A8C; margin-bottom: 8px; } .audio-table__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .audio-table { margin-bottom: 24px; width: 48%; } .audio-table:nth-child(2n) { margin-left: 4%; } .audio-table__title { border-bottom: 1px solid; font-size: 28px; margin-bottom: 16px; padding-bottom: 4px; } .audio-table__item { border-bottom: 1px solid #e3e7e9; margin-bottom: 12px; padding-bottom: 12px; } .audio-table__name { font-size: 18px; } .audio-table__link { background-position: left center; background-repeat: no-repeat; background-size: 16px; color: #4d88ce; display: inline-block; font-family: 'Circe', sans-serif; font-size: 14px; padding-left: 24px; text-decoration: none; } .audio-table__link + .audio-table__link { margin-left: 16px; } .audio-table__link span { border-bottom: 1px dotted; display: inline-block; vertical-align: middle; } .audio-table__link--download { background-image: url('/local/templates/new_drofa/images/icon-download.png'); } .audio-table__link--audio { background-image: url('/local/templates/new_drofa/images/icon-audio.png'); } .audio-table__info { font-family: 'Circe', sans-serif; font-size: 12px; text-align: right; } @media (min-width: 600px) { .line-umk-item:hover .line-umk-item__block-hover { padding-top: 80px; } } @media (min-width: 780px) { .contact-us__col_text { min-width: 34.28571rem; } } @media (min-width: 781px) { .article-item-short_size_large .article-item-short__title { font-size: 1.5em; } .news-item_size_large .news-item__title { font-size: 1.5em; } } @media (min-width: 1511px) { .side-nav__tooltip { display: none; } } @media (max-width: 1509px) { .layout__col_side-nav { -ms-flex-preferred-size: 60px; flex-basis: 60px; width: 60px; overflow: visible; } .layout_home .layout__section_container { width: 100%; } .about-slider__container { width: 100%; } .layout_home .banner__content { width: 100%; } .banner-slider__slide { padding-bottom: 40%; height: 0; } .layout_home .contact-us:not(.contact-us_tale) .contact-us__container { width: 100%; } .layout_home .footer__nav { width: 100%; } .layout_home .footer__info { width: 100%; } .side-nav__floating { width: 60px; } .side-nav__item-inner { width: 60px; } .side-nav__search { overflow: hidden; width: 60px; } .side-nav__search:hover { width: 320px; -webkit-transition: width 0.3s ease-out 0.2s; transition: width 0.3s ease-out 0.2s; } .layout_home .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .layout_home .assistance-list__item:nth-child(4n) { display: none; } .layout_home .product-list__item { -ms-flex-item-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (max-width: 1365px) { .layout__col_main-logo { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; } .main-nav__col_contacts { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .main-nav__link { font-size: 1rem; } } @media screen and (max-width: 1300px) { .event-header { flex-direction: column; align-items: flex-start; } } @media (max-width: 1279px) { .layout_home .layout__col_side-nav { -ms-flex-preferred-size: 60px; flex-basis: 60px; width: 60px; overflow: visible; } .layout_home .side-nav__floating { width: 60px; } .layout_home .side-nav__item-inner { width: 60px; } .layout_home .side-nav__search { width: 60px; } .layout_home .side-nav__tooltip { display: block; } .layout_home .assistance-list__item:nth-child(4n) { display: block; } .course-list__slider .slider-dots { padding-top: 20px; } .course-reviews__slider .slider-dots { padding-top: 20px; } .layout__section--slider { max-height: 523px; } .main-banner-slider__list { padding-bottom: 30px; } .main-banner-slider__list .flickity-page-dots { bottom: 0; } .product-list--slider-left { left: 0; } .product-list--slider-right { right: 0; } .shops__tab-list { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .shops__tab-item { margin-top: -2px; } .shops__col_info { right: 30px; } } @media (max-width: 1225px) { .layout__section-col_pa-side { display: none; } .about__title { font-size: 2.57143rem; } .banner { padding: 2rem 0; } .banner__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner__col { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .book__contents { display: none; } .book-feedback__title { font-size: 2.57143rem; } .contact-us__col_input { text-align: center; } .events-recommendations__title { font-size: 2.57143rem; } .filtered-authors__title { font-size: 2.57143rem; } .filtered-events-list__title { font-size: 2.57143rem; } .filtered-news-list__title { font-size: 2.57143rem; } .filtered-products-list__title { font-size: 2.57143rem; } .section__title { font-size: 2.57143rem; } .sticky-wrapper { display: none; } .sticky-nav { display: none; } .umk-catalog__title { font-size: 2.57143rem; } .umk-components__title { font-size: 2.57143rem; } .umk-components__product-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; } .umk-feedback__title { font-size: 2.57143rem; } .layout_home .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .assistance-list_col_3 .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .form__multiply-col_1-of-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .project-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .school-contact-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .assistance-list_col_3 .ant_assistance-list__item { flex: 0 0 33%; } .sticky-wrapper--visible .sticky-nav { display: block; } .event__address { left: 30px; margin-left: 0; } .footer { padding: 0; } } @media (max-width: 1225px) and (min-width: 320px) { .layout__section_container { width: auto; } .article-cover__content { width: auto; } .banner__content { width: auto; } .book__container { width: auto; } .breadcrumbs__list { width: auto; } .contact-us:not(.contact-us_tale) .contact-us__container { width: auto; } .filtered-authors__row_content { width: auto; } .filtered-events-list__row_content { width: auto; } .filtered-news-list__row_content { width: auto; } .filtered-products-list__row_content { padding: 0 20px; width: auto; } .footer__nav { width: auto; } .footer__info { width: auto; } .full-news__container { width: auto; } } @media all and (max-width: 1210px) { .alink-block__info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alink-block__title { margin-bottom: 10px; text-align: center; width: 100%; } } @media screen and (max-width: 1150px) { .item-eduedi { width: calc(100% / 3 - 30px); } .menu { padding: 30px 0 0 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .menu__nav { order: 1; align-self: center; width: 100%; text-align: center; } .menu__search { padding: 30px 0; } .menu-nav__link { padding: 20px 0; } .methassist-banner .button-more { min-width: 200px; } .caption-section__ico-block { opacity: 0.6; } .caption-section__caption { font-size: 24px; } .caption-section__icon-circle { position: absolute; width: 23px; height: 23px; fill: #c9e7f6; } .caption-section__icon-circle--one { top: -10%; left: 4%; } .caption-section__icon-circle--two { bottom: -10%; right: 46%; } .caption-section__icon-circle--three { top: -10%; right: -44%; } .caption-section .caption-ico__ico { opacity: 0.4; } .accordion-block { width: calc(100% / 3 - 14px); max-width: 370px; margin-right: 20px; } .accordion-block:nth-child(4n) { margin-right: 20px; } .accordion-block:nth-child(3n) { margin-right: 0; } .event-header__link { font-size: 12px; } .item-theme { width: calc(100% / 3 - 30px); } .allmaterials__sidebar { display: none; } /* LINE-UMK */ .line-umk-scroll { margin: 20px -15px -15px -15px; } .line-umk-item { width: calc(100% / 3 - 30px); } .line-umk-item__description { padding: 0 15px 30px 15px; font-size: 14px; } .line-umk-item .button-more { text-align: center; background-color: #0089d2; margin: 0 20px; padding: 10px; } .line-umk-item .button-more__title { font-weight: 300; font-size: 14px; } .item-projects__overlay { padding: 30% 5%; } .item-projects__title { font-size: 18px; } .item-projects__text { font-size: 14px; } .opened-menu__col:not(:last-child) { margin-right: 10px; } .loyal-image__title { font-size: 18px; } } @media (max-width: 1140px) { .interview__block { padding: 30px 40px; } .header-menu__logo-link + .header-menu__logo-link { margin-left: 20px; } .header-menu__logo img { height: 32px; } .header-menu__form-search { width: 220px; } .header-nav__link { padding: 20px 0; font-size: 16px; } .header-search__inpt { width: 150px; } .mat-article__steps { display: block; } .mat-article__step { margin-bottom: 10px; margin-right: 0; width: 100%; } } @media (max-width: 1100px) { .expac-material__content { flex-wrap: wrap; } .expac-material__content-main { width: 100%; } .expac-material__content-side { width: 100%; } } @media (max-width: 1079px) { .layout__row_header { height: 60px; } .layout_opened-mobile-nav .layout__row_main { -webkit-transform: translateX(270px); transform: translateX(270px); } .layout_opened-mobile-user-nav .layout__row_main { -webkit-transform: translateX(-270px); transform: translateX(-270px); } .layout__float-header { position: fixed; top: 0; } .layout_opened-mobile-nav .layout__float-header { -webkit-transform: translateX(270px); transform: translateX(270px); } .layout_opened-mobile-user-nav .layout__float-header { -webkit-transform: translateX(-270px); transform: translateX(-270px); } .layout__col_sandwich { display: block; } .layout__col_main-nav { display: none; } .layout__col_user-nav { display: block; } .layout__col_side-nav { display: none; } .book__row_navigation { display: none; } .footer-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-info__col { -ms-flex-item-align: start; align-self: flex-start; margin-top: 1rem; } .footer-nav__question { display: none; } .full-news__col_content { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } .full-news__col_sidebar { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-left: none; border-top: 1px solid #eee; } .main-logo__img { height: 30px; margin-bottom: 0; } .main-logo__caption { font-size: 8px; } .mobile-nav_opened { -webkit-transform: translateX(270px); transform: translateX(270px); -webkit-transition: -webkit-transform 0.2s ease-out 0.1s; transition: -webkit-transform 0.2s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s; } .mobile-user-nav_opened { -webkit-transform: translateX(-270px); transform: translateX(-270px); -webkit-transition: -webkit-transform 0.2s ease-out 0.1s; transition: -webkit-transform 0.2s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s; } .partner-quick-access__item_3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .partner-quick-access__item_2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .partner-quick-access__item_5 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .sidebar__list { padding-left: 0; } .sidebar__item_nav { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sidebar__item_articles { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .subject-nav__square-btn { width: 7rem; margin: 0 0.5rem; } .subject-nav__square-btn-icon { width: 5rem; height: 3rem; } .subject-nav__square-btn-caption { font-size: 1rem; } .pop-up__content--video { height: 100%; } .layout_home .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .school-contact-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .umk-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .adaptive-table { font-size: 16px; } .adaptive-table .adaptive-table { display: block; } .adaptive-table .adaptive-table tbody { display: block; } .adaptive-table .adaptive-table tr { display: block; padding: 10px 0; } .adaptive-table .adaptive-table .adaptive-table-col { display: block; padding: 0 0 5px; width: 100% !important; } .b-cookie-notification { padding: 15px 40px 15px 15px; } .b-cookie-notification__text { font-size: 15px; } .button_chat { height: 20px; padding: 10px; } .button_chat span { display: none; } .button_chat .button_chat__icon { display: block; margin-left: 0; } .caption-section--image .caption-section__caption { width: 100%; } .course-about__title { font-size: 18px; } .course-about__info { font-size: 15px; } .course-price__list { padding: 30px; } .header__fixed { position: static; } .header__fixed .header-menu.fixed { box-shadow: 0 0 20px rgba(86, 92, 101, 0.1); padding: 0 25px; position: fixed; } .article-slider { position: static; } .article-slider__slide { margin-top: 0 !important; position: static; } } @media (max-width: 1079px) and (min-width: 901px) { .table-responsive-6, .table-responsive-6 * { display: block; } .table-responsive-6 thead, .table-responsive-6 th { display: none; } .table-responsive-6 td { border: none; } .table-responsive-6 td:before { color: #999999; content: attr(data-title); display: block; font-size: 12px; font-weight: 700; } .table-responsive-6 tr { border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; } .table-responsive-6 { border-bottom: 1px solid; } .table-responsive-5, .table-responsive-5 * { display: block; } .table-responsive-5 thead, .table-responsive-5 th { display: none; } .table-responsive-5 td { border: none; } .table-responsive-5 td:before { color: #999999; content: attr(data-title); display: block; font-size: 12px; font-weight: 700; } .table-responsive-5 tr { border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; } .table-responsive-5 { border-bottom: 1px solid; } } @media (max-width: 1023px) { .interview__block { padding: 30px 20px; } .interview__element-label { font-size: 14px; } .interview__title { font-size: 14px; } .interview__subtext { font-size: 12px; } .interview__suggest:before { width: 20px; height: 20px; right: 1em; } .interview__container-col { width: calc((100% - 40px) / 2); } .interview__container-col-label--top { font-size: 10px; } .interview__container-col3 { width: calc(100% - 30% - 30px); } .interview__container-col3--title { width: 30%; } .interview__container-col4 { width: calc((100% - 23% - 50px) / 5); } .interview__container-col4--title { width: 23%; } .interview__container-col4--big { width: calc(100% - 23% - 10px); } .interview__container-col5 { width: calc((100% - 23% - 40px) / 4); } .interview__container-col5--title { width: 23%; max-width: 23%; } .rating__row { height: 36px; } .rating__star { width: 20px; height: 20px; } .form__wrapper-col--small { width: 30%; padding-left: 20px; } .form__grey-block { padding: 20px; } .form__grey-block-title { font-size: 20px; } .form__grey-block-text { font-size: 14px; } .button--big { line-height: 40px; } .calendar__list .flickity-viewport { position: relative; } .calendar__list:before, .calendar__list:after { display: none; } .product-card { padding: 8px 12px 90px 11px; } .mobile-scroll-block { overflow-x: auto; padding-bottom: 10px; /*margin: 0 -28px;*/ /*padding: 0 28px;*/ } .info-box--3 { width: calc((100% - 20px) / 3); margin-left: 10px; height: 330px; } .info-box--4 { width: calc((100% - 30px) / 4); margin-left: 10px; } .actions__item { width: calc((100% - 29px) / 4); margin-left: 8px; } .actions__item--big { width: calc(((100% - 29px) / 4) * 2 + 10px); margin-left: 0; } .info-box__title { font-size: 16px; } .info-box__text { font-size: 12px; max-height: 100px; overflow: hidden; } .button { font-size: 14px; line-height: 40px; min-width: 170px; } .button__icon--basket { width: 14px; height: 12px; } .product-card__buy { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; right: 11px; left: 12px; } .product-card__buy-button-wrap { width: 100%; margin-top: 10px; } .product-card__buy-button { min-width: inherit; line-height: 28px; } .info-section__head-group { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .info-section__head-group-col { width: 100%; } .info-section__head-group-col--big { width: 100%; margin-top: 15px; } .ui-tabs { justify-content: flex-start; } .ui-tabs__item { margin-left: 30px; } .calendar__item { width: 50%; } .calendar__time { height: 120px; } .calendar__image { height: 120px; } .calendar__time-num { font-size: 38px; } .calendar__time-text { font-size: 12px; } .calendar__time-type { font-size: 11px; } .actions__title { font-size: 14px; } .article__item { width: calc((100% - 50px) / 3); margin-left: 25px; } .article__item:nth-child(4n) { display: none; } .category__list { flex-wrap: wrap; -ms-flex-wrap: wrap; } .category__item { margin-bottom: 5px; } .main-banner-slider__name { font-size: 27px; } .book__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .book__col__title { float: none; margin-bottom: 20px; padding-left: 0; width: 100%; } .book__col_small { float: none; min-height: 0; width: 40%; } .book__offer-wrap { padding-left: 4rem; } .book__format { float: none; padding-left: 0; } .book__offer { float: none; min-height: 0; width: 255px; } .book__properties { float: none; padding-top: 20px; padding-left: 0; width: 100%; } .about__list-item { width: 45%; } } @media (max-width: 1023px) and (min-width: 901px) { .table-responsive-4, .table-responsive-4 * { display: block; } .table-responsive-4 thead, .table-responsive-4 th { display: none; } .table-responsive-4 td { border: none; } .table-responsive-4 td:before { color: #999999; content: attr(data-title); display: block; font-size: 12px; font-weight: 700; } .table-responsive-4 tr { border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; } .table-responsive-4 { border-bottom: 1px solid; } } @media (max-width: 1020px) { .ant_product-type-item { height: 335px; } } @media all and (max-width: 1079px) and (min-width: 481px) { .adaptive-table td:first-child:nth-last-child(2) { width: 50%; } .adaptive-table td:last-child:nth-child(2) { width: 50%; } } @media (max-width: 1000px) { .header-menu__logo img { height: 26px; } .header-menu__form-search { width: 175px; } .header-search__inpt { width: 110px; } .webinars-article { position: relative; flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; width: auto; } .webinars-article:after { content: ""; min-width: 5px; height: 100px; } .webinars-article--slider { overflow: hidden; width: auto; } .webinars-article .item-theme { min-width: 240px; } .webinars-article .item-theme:first-child { margin-left: 20px; } .webinars-article--slider .item-theme { margin: 0 0 0 27px; min-width: 0; } } @media (max-width: 970px) { .dopmenu-nav__list:not(:last-child) { margin-right: 15px; } .dopmenu-login__text { font-size: 14px; } .dopmenu-nav__link { font-size: 14px; } .methassist-block { width: calc(100% / 2 - 12px); } .methassist.more { overflow-x: auto; box-sizing: border-box; width: calc(100% + 60px); margin: 20px -30px 0 -30px; padding: 0 30px; -webkit-overflow-scrolling: touch; } .methassist.more .methassist__in:after { content: ""; position: absolute; top: 0; right: -25px; width: 30px; height: 10px; } .methassist.more .methassist-block { max-width: 300px; } .event__about-inner { display: block; } .event__about-image { display: table; margin-bottom: 24px; margin-left: auto; margin-right: auto; } .event__header--video .container { display: block; text-align: center; } .event__header--video .event__date-place { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .event__header-video { display: table; margin-top: 24px; margin-left: auto; margin-right: auto; } .layout__section--slider { max-height: 420px; } .main-banner-slider__item { height: 360px; padding: 30px 22px; } .main-banner-slider__image { width: 300px; } .main-banner-slider__content { padding-left: 4%; } .main-banner-slider__name { font-size: 24px; margin-bottom: 10px; } .main-banner-slider__text { font-size: 18px; margin-bottom: 15px; } .author-list___section { padding-top: 30px; padding-bottom: 30px; } .author-list___item { width: 20%; } .author-page__umk-item { width: 50%; } .shops__wrap { height: auto; } .shops__col_map { height: 400px; } .shops__col_info { height: 400px; position: static; width: 100%; } .shops .author-item { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .shops .author-item__row_info { max-width: 400px; width: auto; } .shops .author-item__row_city { margin-top: 20px; margin-left: 0; } .shops .file-list__item { width: 100%; } .online-shop-list__item { width: 100%; } } @media all and (max-width: 900px) { .book__map-section { padding-bottom: 0; } .book__map-block { height: auto; } .book__map-iframe { height: 200px; margin-bottom: 16px; } .book__map-info { position: static; width: 100%; } .book__map-list { background: #f6f7fc; margin: 0 -30px; padding: 20px 30px; } .section__title--mobile { display: block; } .filtered-products-list { padding-top: 20px; } .mat-lecta__tooltip { font-size: 18px; } .mat-lecta__block { padding: 20px 0; } .mat-lecta__button { margin-bottom: 40px; } .mat-lecta__ico { right: -75px; } .mat-lecta__info--title { font-size: 16px; } .mat-lecta__info--text { font-size: 16px; } .mat-lecta__ico--ico { opacity: 0.1; } .mat-lecta__title { margin-bottom: 20px; } .auth-popup__h1 { font-size: 24px; } .auth-popup__icon-wrap { width: calc(50% - 5px); margin: 0; } .auth-popup__icon-wrap:not(:last-of-type) { margin-right: 5px; } .auth-popup { width: 320px; } .auth-popup__wrap { flex-direction: column; align-items: flex-start; } .auth-popup__form { width: 100%; border: none; padding: 0; margin: 0; } .auth-popup__form-row { width: 100%; flex-wrap: wrap; flex-direction: column-reverse; } .auth-popup__inp-txt { width: 100%; } .auth-popup__btn { width: 100%; margin: 4px 0; } .auth-popup__other { width: 100%; margin: 20px 0 0 0; } .breadcrumbs { display: none; } .header-menu { margin: 0 -5px; } .header-nav { display: none; } .header-search { display: none; } .dopmenu-section { display: none; } .mob-menu { margin: 10px 5px; width: 100%; } .mob-menu__account-nemu { display: flex; } .mob-menu__link-back { display: flex; } .mob-menu__link-search { display: flex; } .mob-sandwich { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 16px; min-width: 16px; height: 14px; padding: 10px; margin-right: -10px; } .mob-sandwich__line { display: block; width: 100%; height: 2px; background-color: #090909; } .mob-sandwich__close { cursor: pointer; margin-right: 0; position: absolute; padding: 0; right: 0; top: 0; width: 63px; height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .mob-sandwich__close .mob-sandwich__ico { width: 15px; height: 15px; } .mob-sandwich__ico { width: 25px; height: 25px; fill: #090909; } .mob-sandwich svg { width: 20px; height: 20px; } .mobil-menu-section { display: block; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.38); } .mobil-menu-section .mob-container { position: relative; width: 90%; min-width: 300px; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #f0f4f9; } .mobil-menu__logo { padding: 20px; background-color: #FFF; } .mobil-menu__logo img { display: block; max-width: 170px; } .mobil-menu__mylk { width: 100%; box-sizing: border-box; padding: 10px 20px; font-size: 14px; } .mobil-menu__item { display: block; padding: 10px 20px; font-size: 14px; text-decoration: none; color: #090909; background-color: #FFF; } .mobil-menu__item--closed { display: none; } .mobil-menu__item:not(:last-child) { border-bottom: 1px solid #f4f5f8; } .mobil-menu__item .opened-menu__link { padding: 10px 20px; margin-bottom: 5px; } .mobil-menu__item .opened-menu__text { margin-left: 10px; font-size: 14px; } .mobil-menu__item .opened-menu__ico { width: 17px; height: 17px; } .mobil-menu__dop-item { display: block; width: 100%; padding: 10px 20px; font-size: 14px; color: #090909; text-decoration: none; box-sizing: border-box; } .mobil-menu__item.opened + .mobil-menu__item--closed { display: block; } .mob-closearea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .webinar-article-section { padding: 30px 0; } .material-content .article-section, .material-content .aside-section, .material-content .aside-author-section { float: none !important; width: 100%; } .material-content .aside-author-section { width: calc(100% + 60px); margin: 30px -30px 0 -30px; padding: 20px 30px; background-color: #f7fbff; } .material-content .aside-author-section + .article-section { margin-left: 0; } .mat-article__views { height: 42px; } .mat-article__yt-video { width: calc(100% + 60px); margin: 0 -30px; } .material-content { margin-top: 0; } .material-content .content-sidebar { flex-wrap: wrap; } .material-content .article-section { margin-right: 0; margin-bottom: 30px; max-width: 100%; } .material-content .aside-section { width: 100%; } .mat-article__photoheader { margin: 0 -30px; padding: 90px 30px; } .mat-article__header { font-size: 18px; line-height: 22px; } .mat-article__row-info { font-size: 14px; } .mat-article__author { margin-right: 10px; } .mat-article__short-desc { font-size: 14px; } .mat-article__photo-slider { width: calc(100% + 60px); margin: 30px -30px 0 -30px; } .mat-article__bq { margin: 30px -30px; } .mat-article__background { margin: 30px -30px; padding: 30px; border-radius: 0; } .mat-article__text { margin: 20px 0; font-size: 16px; } .mat-article__img { display: block; width: calc(100% + 60px); max-width: calc(100% + 60px); margin: 15px -30px; } .mat-article__li { margin: 10px 0; } .ma-block-quote, blockquote { /* margin: 20px -30px; */ padding: 30px 80px; border-radius: 0; } .ma-block-quote:before, blockquote:before { top: 30px; left: 30px; } .mat-downloads { margin-top: 40px; } .mat-downloads__header { margin: 10px 0; font-size: 18px; } .mat-downloads__container { padding: 0px 30px; margin: 0 -30px; } .mat-downloads__row { padding: 15px 0; } .mat-downloads__button { min-width: 110px; margin-right: 30px; } .mat-downloads__title { font-size: 16px; } .mat-social__text { font-size: 16px; } .mat-social__icon-wrap { width: 50px; height: 35px; margin: 10px 15px 5px 0; } .mat-social__icon-wrap:last-child { margin-right: 0; } .mat-audio__row { font-size: 16px; } .mat-favorites { padding: 20px 30px; margin: 10px -30px 0 -30px; } .mat-comment { padding: 20px 30px; margin: 30px -30px 0 -30px; } .mat-comment__header { font-size: 20px; } .mat-comment__text { font-size: 14px; } .mat-paginator { display: none; } .mat__more-block__wrap { left: 0; } .aside-paginator { margin: 20px 0; } .item-eduedi { width: calc(100% / 2 - 30px); } .expac-aside { position: fixed; width: 320px; left: -100%; border-right: none; } .expac-aside.show { top: 0; left: 0; box-sizing: border-box; height: 100vh; padding: 30px 0; overflow-y: auto; background-color: #fff; z-index: 9; } .exp-a-mob-close { display: block; position: absolute; top: 0; right: 0; } .webrc { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 3%; } .webrc__block-date { order: 2; flex-direction: row; min-width: 200px; margin: 20px 0; } .webrc__block-title { order: 1; flex-direction: column; align-items: flex-start; margin: 0; } .webrc__block-button { order: 3; align-items: center; justify-content: center; width: 180px; min-width: 180px; } .webrc__date-text { margin-right: 6px; } .webrc__date-date { font-weight: 300; margin-right: 6px; } .txt-block { padding: 30px 0; } .txt-block__h { font-size: 18px; } .txt-block__p { font-size: 13px; } .txt-block .b-readmore__link { font-size: 13px; } .opened-menu { flex-wrap: wrap; } .opened-menu__col { width: 50%; } .opened-menu__col:not(:last-child) { margin: 0; } .caption-section__button--one { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-cookie-notification .auth-popup__close-ico { height: 25px; width: 25px; } .adaptive-table-col .mat-article__float-img { margin-right: 0; } .course-about__list { padding-bottom: 0; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .course-about__item { margin-bottom: 40px; width: 50%; } .course-price__section { background: #fff; padding-top: 0; } .course-price__list { display: block; padding: 30px 0; text-align: center; } .course-price__item { margin-bottom: 30px; max-width: 100%; } .course-price__item:last-child { margin-bottom: 0; } .course-price__title { margin-bottom: 5px; } .course-price__price { line-height: 1.2; margin-bottom: 5px; } .course-author__section { padding-bottom: 20px; } .course-author__list { display: block; } .course-author__item { margin: 0 auto 40px; max-width: 400px; width: 100%; } .course-author__item:only-child, .course-author__item:first-child:nth-last-child(2), .course-author__item:nth-child(2):last-child { min-height: 0; padding-left: 0; text-align: center; width: 100%; } .course-author__item:only-child .course-author__image, .course-author__item:first-child:nth-last-child(2) .course-author__image, .course-author__item:nth-child(2):last-child .course-author__image { height: 90px; margin-bottom: 10px; position: static; width: 90px; } .course-sertificat__section { padding: 40px 0; } .course-sertificat__block { display: block; } .course-sertificat__desc { margin-bottom: 30px; width: 100%; } .course-pluses__list { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .course-pluses__item { text-align: center; width: 30%; } .vacancies__title { font-size: 24px; padding-top: 16px; text-align: center; } .vacancies__wrap { display: block; padding-top: 16px; } .vacancies__aside { background-color: #fff; margin-left: -30px; margin-right: -30px; padding: 24px 30px; width: auto; } .vacancy-item__title { font-size: 20px; } .filter__list-wrap { position: relative; } .filter__list-title { border: 1px solid #DCDFE8; border-radius: 2px; cursor: pointer; display: block; font-size: 14px; margin-bottom: 0; padding: 12px 16px; position: relative; text-transform: none; } .filter__list-title:after { border-width: 5px; border-style: solid; border-color: #A7AAB7 transparent transparent; content: ''; position: absolute; right: 16px; top: 20px; } .filter__list { background: #fff; border: 1px solid #DCDFE8; border-radius: 2px; box-sizing: border-box; display: none; left: 0; margin-top: 6px; position: absolute; top: 100%; width: 100%; z-index: 100; } .open .filter__list { display: block; } .open .filter__list-title:after { border-color: transparent transparent #A7AAB7; top: 15px; } .filter__list-item { margin-bottom: 0; } .filter__list-item:first-child { border-radius: 2px 2px 0 0; } .filter__list-item:last-child { border-radius: 0 0 2px 2px; } .filter__list-item:hover { background: rgba(196, 196, 196, 0.3); } .filter__checkbox { padding: 14px 16px; } .filter__checkbox input:checked + .filter__checkbox-span { color: #1F2029; } .filter__checkbox input:checked + .filter__checkbox-span:after { background: url('/local/templates/new_drofa/../images/checked-circle.svg'); } .filter__checkbox-span { line-height: 24px; padding-left: 0; padding-right: 30px; } .filter__checkbox-span:before { display: none; } .filter__checkbox-span:after { height: 24px; left: auto; right: 0; top: 0; width: 24px; } .filter-section--catalog .filter__checkbox { padding: 0; } .footer { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .footer__col { max-width: none; width: 33.333%; } .footer__col:first-child { margin-bottom: 30px; width: 100%; } .footer__col:not(:last-child) { margin-right: 0; } .footer__col:nth-child(2) { border-left: none; padding-left: 0; } .footer__logo { margin-top: 0; margin-bottom: 15px; } .article-section .loyal-image:first-child { margin-top: 30px; } .article-slider__content .material-content { padding-top: 0; } .audio__item { width: 33.333%; } } @media all and (max-width: 800px) { .mat-lecta__title { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .mat-lecta__logo { margin-bottom: 10px; } .mat-lecta__button { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .mat-lecta__button--name { margin-bottom: 15px; width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .mat-lecta__ico { bottom: 20px; top: auto; right: -30px; height: 110px; width: 110px; transform: none; } .mat-lecta__ico--circle:before { left: 15px; top: 15px; height: 80px; width: 80px; } .mat-lecta__ico--circle:after { left: 30px; top: 30px; height: 50px; width: 50px; } .mat-lecta__ico--ico { width: 30px; } .caption-section__button--one .button-more { width: auto; } .caption-section__button-container { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .caption-section .button-more { height: auto; margin: 5px 0; padding: 10px 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 2; order: 2; } .caption-section .button-pink-border { float: none; height: auto; border: none; order: 1; margin: 5px 0; padding: 10px 0; min-width: 0; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .caption-section .button-pink-border__title { text-align: left; font-size: 15px; } .caption-section .button-pink-border__ico { margin-top: 3px; } .methassist { margin-bottom: 30px; } .methassist.more { margin-bottom: 30px; } .mat-hint__text { font-size: 12px; } .button-more { display: block; width: 100%; text-align: center; } .button-more--mob-blue { background-color: #0089d2; } .button-more--mob-blue .button-more__title { color: #fff; } .button-more--mob-blue .button-more__ico { fill: #fff; stroke: #fff; stroke-width: 1px; } .menu { padding: 30px 0; } .nav-section.fixed { position: relative; } .nav-links { display: flex; flex-direction: column; align-items: center; } .breadcrumbs-section { display: none; } .about { flex-direction: column; } .about-content-text { order: 2; } .about-content-image { order: 1; align-self: center; } /* accordion */ .accordion { width: 100%; max-width: 100%; } .accordion__content { width: calc(100% + 40px); margin-left: -20px; } .accordion__content-in { overflow-x: scroll; width: 100%; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; } .accordion__content-in:after { content: ""; min-height: 100%; min-width: 20px; } .accordion-block { width: 230px; min-width: 230px; } .accordion-block:first-child { margin-left: 20px; } .accordion-block:not(:last-child) { margin-right: 20px !important; } .accordion-block:last-child { margin-right: 0; } .accordion-block__image { width: 180px; } .audio-container .audio { display: none; margin-bottom: 20px; } .audio-container .audio:last-child { margin-bottom: 20px; } .audio__number { font-size: 14px; } .audio__name { font-size: 14px; } .audio__row-title { display: none; } .audio__download-button { padding: 5px 8px 5px 8px; } .audio__download-ico { margin: 0; } .audio__listen-text, .audio__download-text { display: none; } .audio.show { display: block; } .audio-tabs { display: block; overflow-x: scroll; max-width: 100%; width: 100%; padding: 0 20px; margin-left: -20px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .audio-tabs::-webkit-scrollbar { width: 0; } .audio-tabs__title { font-size: 18px; } .audio-tabs__tabs-container { position: relative; display: inline-block; white-space: nowrap; overflow: hidden; } .audio-tabs__link { padding: 10px 0; text-align: center; } .audio-tabs__link:not(:first-child) { margin-left: 10px; } .methassist-banner-section { overflow: hidden; } .methassist-banner { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; height: 140px; } .methassist-banner__ico-block { left: auto; right: -10px; width: 130px; height: 130px; } .methassist-banner__ico-block .caption-ico__ico { width: 60px; fill: #fff; } .methassist-banner .button-more { padding: 10px; width: 160px; min-width: 130px; } .methassist-banner .button-more__title { color: #fff; } .methassist-banner .button-more__ico { fill: #fff; stroke: #fff; } .methassist-banner__text-block { max-width: 75%; margin-left: 0; padding: 0 20px 0 0; } .methassist-banner__header { margin: 10px 0; font-size: 18px; } .methassist-banner__description { display: none; } .rating { flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .rating__title { width: 100%; margin-bottom: 20px; } .rating__caption { margin: 0 20px 0 0; } .rating .hint-auth { bottom: auto; left: 100%; top: 50%; right: auto; -webkit-transform: translateY(-50%) translateX(20px); transform: translateY(-50%) translateX(20px); } .rating .hint-auth:after { border-top: 10px solid transparent; border-left: none; border-right: 10px solid #fff; left: -10px; top: calc(50% - 10px); } .menu__nav { display: none; } .menu__search { display: none; } .nav-links__link { margin-right: 0; margin-bottom: 10px; padding: 10px 0; } .item-theme { width: calc(100% / 2 - 30px); } .item-theme__author { font-size: 12px; } .item-theme__title { font-size: 16px; } .sortby-row { margin: 10px 0 0 10px; } .am-row { flex-direction: column; align-items: flex-start; } .am-row__labels { text-align: left; } .am-row__labels::-webkit-scrollbar { width: 0; } .am-row .item-link { margin-left: 0; } .cap-sub { flex-wrap: wrap; margin-bottom: 20px; } .cap-sub__title { margin: 10px 20px 10px 0; font-weight: bold; font-size: 18px; } .cap-sub .item-download-button { padding: 7px 10px; min-width: 230px; font-size: 14px; } /* LINE-UMK */ .line-umk { margin: 0 -20px; padding: 0 20px; overflow-x: auto; } .line-umk::-webkit-scrollbar { /* width: 0; */ } .line-umk-scroll { position: relative; flex-wrap: nowrap; margin: 0 -15px; -webkit-overflow-scrolling: touch; } .line-umk-scroll:after { content: ""; min-height: 100%; min-width: 20px; } .line-umk-item { min-width: 230px; } .line-umk-item__description { padding: 0 15px 120px 15px; font-size: 14px; height: 61px; overflow: hidden; } .line-umk-item__image-container { display: flex; align-items: flex-start; justify-content: space-between; padding: 40px 25px 30px 25px; } .line-umk-item__image { width: 60%; max-width: 140px; max-height: 160px; } .line-umk-item__image:last-child { margin-left: -135px; } .line-umk-item__block-visible { flex-grow: 1; } .line-umk-item__block-hover { position: relative; display: block; bottom: 0; opacity: 1; } .line-umk-item__bh-text { display: none; } .line-umk-item__bh-linkteach { padding: 10px 15px 20px 15px; font-size: 14px; } .line-umk-item .button-more { margin: 0 15px; padding: 6px 10px; max-width: calc(100% - 30px); position: absolute; bottom: 50px; } .line-umk-item .button-more__title { font-size: 14px; } .stand-section { padding: 40px 0; } /* POPUPS */ .popup-section { padding: 20px 30px; } .popup-container { max-height: 100%; } .text-popup__text { font-size: 14px; } .text-popup__h3 { font-size: 16px; } .us-projects { margin: 0 -20px; padding: 0 20px; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .us-projects::-webkit-scrollbar { width: 0; } .us-projects-in { position: relative; flex-wrap: nowrap; margin: 0 -15px; } .us-projects-in:after { content: ""; min-height: 100%; min-width: 20px; } .item-projects { min-width: 190px; } .item-projects__overlay { padding: 30% 5%; } .item-projects__title { font-size: 14px; } .item-projects__text { font-size: 12px; } /* NORM-DOCS */ .norm-docs__name { font-size: 14px; } .norm-docs__doc-ico { min-width: 30px; } .norm-docs__download-button { margin-left: 20px; min-width: 110px; box-sizing: border-box; } .reviews__row { width: 100%; margin-top: 15px; text-align: center; } .mob_hidden { display: none !important; } .cap-sub { flex-direction: column; } .ant_mobile_800 { display: inherit; } .modal-form .title-form { width: 100%; margin-bottom: 10px; } .modal-form .title-form + div { width: 100%; } .alink-block__link { padding-bottom: 20px; padding-right: 0; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .alink-block__sale { padding: 10px 30px 0; width: auto; } .alink-block__sale--wrap { margin-right: 0; padding-right: 0; padding-bottom: 37px; text-align: center; width: 100%; } .alink-block__sale--wrap:before { background: url('/local/templates/new_drofa/images/alink-triangle.png') no-repeat center bottom; bottom: 0; height: 52px; right: 0; top: auto; width: 100%; } .alink-block__sale--logo { width: 60px; } .article-section .alink-block__sale--cnt, .alink-block__sale--cnt { font-size: 17px; display: block; height: auto; line-height: 19px; white-space: nowrap; } .alink-block__title { font-size: 22px; line-height: 1.4; margin-bottom: 10px; text-align: center; } .alink-block__title span { display: inline-block; } .alink-block__btn { font-size: 12px; line-height: 20px; padding: 0 15px; } .caption-section__time { margin-left: 0; margin-bottom: 20px; } .caption-section__button-container--center .caption-section__time { margin-left: 20px; margin-bottom: 0; } .course-about__item { width: 100%; } .course-price__price { font-size: 22px; } .course-price__price--old { font-size: 18px; } .course-price__title { font-size: 15px; } .course-program__item { padding: 15px 30px 15px 20px; } .course-program__header { font-size: 15px; } .course-program__icon { height: 15px; right: -15px; width: 15px; } .course-text__section { font-size: 15px; } .course-list__item { font-size: 15px; } .course-author__name { font-size: 18px; } .course-author__about { font-size: 15px; } .course-sertificat__images-name { font-size: 15px; } .course-sertificat__text { font-size: 15px; margin-bottom: 10px; } .course-reviews__section .reviews-slide { padding: 30px 20px; } .course-pluses__subtitle { font-size: 15px; } .course-pluses__item { margin-bottom: 30px; width: 100%; } .course-pluses__item:last-child { margin-bottom: 0; } .footer__title { margin-bottom: 10px; } .footer__link { line-height: 1.4; padding: 7px 0; } .layout__section--slider { max-height: 700px; } .layout__section--slider:after { height: 50%; } .main-banner-slider__list { padding-bottom: 50px; } .main-banner-slider__item { height: auto; padding: 20px 0; } .main-banner-slider__image { width: 100%; max-width: 100%; padding-bottom: 0; margin-bottom: 20px; } .main-banner-slider__image img { display: block; position: static; max-width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin: 0 auto; } .main-banner-slider__container { flex-direction: column; } .main-banner-slider__content { padding-left: 0; } .main-banner-slider__name { font-size: 21px; margin-bottom: 10px; } .main-banner-slider__text { font-size: 14px; margin-bottom: 15px; } .main-banner-slider__button { border-color: #fff; width: 100%; } .main-banner-slider__list .flickity-page-dots { bottom: 20px; padding: 10px 28px; } .main-banner-slider__list .flickity-prev-next-button { display: none; } .curator__block-image { margin-right: 40px; } .mat-article__text img { height: auto !important; } .ant_product-list__item .product-item__cell { float: none !important; display: table; margin-left: auto; margin-right: auto; } .ant_product-list__item .product-item__cell_text { max-width: 100% !important; padding-left: 0.5rem !important; } .audio-table { width: 100%; } .audio-table:nth-child(2n) { margin-left: 0; } } @media (max-width: 799px) { .ask-question__col { width: auto; padding: 0; } } @media (max-width: 779px) { h1 { font-size: 2rem; } h2 { font-size: 1.71429rem; } h3 { font-size: 1.57143rem; } h4 { font-size: 1.42857rem; } h5 { font-size: 1.28571rem; margin-right: 35px; } h6 { font-size: 1.14286rem; } blockquote { padding: 1rem 2rem; } blockquote::after { display: none; } blockquote::before { display: none; } .error { padding: 100px 0; } .error__inner { width: 100%; } .error__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .error__input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 0rem; margin-bottom: 1rem; } .error__btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .repair-password__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .repair-password__col_form { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .repair-password__col_side { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .sign-up__row { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .sign-up__col_form { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .sign-up__col_side { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .about__title { font-size: 24px; line-height: 1.3; margin-top: 0; margin-bottom: 0; } .about-slider { padding: 40px 0; } .about-slider__item { width: 100%; } .article-map__wrapper { padding-bottom: 80%; } .banner__title { font-size: 2.28571rem; } .banner-slider__slide { display: none; } .banner-slider__mobile-slide { display: inline-block; } .banner-slider .flickity-prev-next-button { display: none; } .book__details { margin: 0 0 24px; } .book__offer-title { display: none; } .book__heading { font-size: 20px; line-height: 1.4; text-align: left; } .book-feedback__title { font-size: 1.71429rem; } .certificate-mis-pop-up { width: 80vw; padding: 0; } .contact-map { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-map__col_map { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .contact-map__col_info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .contact-map__map { position: relative !important; height: 360px; } .contact-us__col_input { margin-top: 20px; } .contact-us__col { min-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .contact-us__col_text { text-align: center; } .events-recommendations__title { font-size: 1.71429rem; } .filtered-authors__title { font-size: 1.71429rem; } .filtered-events-list__title { font-size: 1.71429rem; } .filtered-news-list__title { font-size: 1.71429rem; } .filtered-products-list__title { font-size: 1.71429rem; } .footer-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-nav__col_nav { display: none; } .help-bar { top: auto; left: 0; width: 100%; height: 60px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .member-form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .member-form__col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .offer__edition { display: block; } .offer__box_primary { display: block; padding: 1rem; } .partner-quick-access__item_5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-type-nav__list { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .product-type-nav__item { width: 100%; } .properties__key { margin-right: 8px; min-width: 0; } .properties__value { min-width: 0; } .shops-block__title { font-size: 20px; text-align: left; } .shops-block__list { display: block; text-align: center; } .shops-block__item { border-bottom: 1px dashed rgba(77, 136, 206, 0.15); display: inline-block; margin-right: 0; } .shops-block__item:last-child { border-bottom: none; } .shops-block__item:only-child, .shops-block__item:nth-child(1):nth-last-child(2), .shops-block__item:nth-child(2):nth-last-child(1) { display: inline-block; max-width: 280px; } .shops-block__item:only-child .shops-block__btn, .shops-block__item:nth-child(1):nth-last-child(2) .shops-block__btn, .shops-block__item:nth-child(2):nth-last-child(1) .shops-block__btn { margin-left: 0; margin-top: 8px; } .shops-block__item:only-child .shops-block__stock, .shops-block__item:nth-child(1):nth-last-child(2) .shops-block__stock, .shops-block__item:nth-child(2):nth-last-child(1) .shops-block__stock { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; width: 100%; } .shops-block__stock { text-align: left; } .section__title { font-size: 1.71429rem; } .section__title--center { text-align: left; } .section__col_small { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 1rem; border-bottom: 1px solid #eeeeee; } .section__col_large { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 1rem; } .sticky-wrapper { display: block; } .umk-catalog__title { font-size: 1.71429rem; } .umk-components__title { font-size: 1.71429rem; } .umk-components__product-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .umk-description { padding: 0rem; } .umk-description__text { padding-bottom: 2rem; } .umk-feedback__title { font-size: 1.71429rem; } .umk-full-text-pop-up { width: 80vw; padding: 0; } .umk-video-pop-up { width: 80vw; } .article-item-short { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-item-short_size_small { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .article-item-short__cell_visual { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-item-short_size_small .article-item-short__cell_visual { -webkit-box-flex: 0; -ms-flex: 0 0 82px; flex: 0 0 82px; } .article-list__item { padding: 1rem 0; } .layout_home .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .assistance-list_col_3 .assistance-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .author-list__list_author { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .author-list__item_letter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .author-list__letter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .contact-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-item__col_info { text-align: left; } .contact-item__col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .file-item__row_title { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__notice { position: static; margin-left: 0; margin-top: 0.5rem; margin-bottom: 1rem; display: inline-block; } .form__multiply { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__multiply-col_1-of-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .material-item__row_title { -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-item__cell_visual { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pop-up__window { padding: 2rem 2rem; } .pop-up--md .pop-up__window { padding: 20px; } .form__row--captcha-wrap { width: 258px; } .form__row--captcha-wrap .g-recaptcha > div { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; } .layout_home .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-list_col_3 .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .project-item__overlay { padding: 2rem; } .project-item__description { height: auto; } .school-contact-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .search-item__row_title { -ms-flex-wrap: wrap; flex-wrap: wrap; } .umk-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ant_product-type-item { height: auto; } .ant_see_also_li { border: none; } .c-question-item__title-row { padding: 20px 40px; } .c-question-item__answer-row { padding: 0 0 40px; } .c-question-item__marker { left: 10px; } .c-question-item__title { font-size: 16px; } .c-question-item__answer { font-size: 16px; } .reviews__title { text-align: left; } .mat__more-block { padding: 40px 0; } .mat__more-block__title { margin-bottom: 20px; } .b-cookie-notification__text { font-size: 12px; } .form__item { display: block; } .form__name { margin-top: 0; margin-bottom: 6px; padding-right: 0; width: 100%; } .form__value { width: 100%; } .form__container .form__value label:first-child { margin-top: 0; } .form__container .form__value label:first-child + label { margin-top: 0; } .form__container .form__value input:first-child { margin-top: 0; } .form__container .form__value input:first-child + label { margin-top: 0; } .form__wrap--big .form__name { width: 100%; } .form__wrap--big .form__value { width: 100%; } .event__header { padding-top: 60px; padding-bottom: 60px; } .event__title { font-size: 48px; } .event__date-place { font-size: 18px; } .event__about { padding-top: 30px; padding-bottom: 30px; } .event__h2 { font-size: 32px; } .event__program { padding-top: 30px; padding-bottom: 30px; } .event__program-icon { margin-right: 20px; } .book__col_small { width: 100%; } .book__preview-btn { display: none; } .book__preview-btn--mobile { display: inline-block; } .book__format { text-align: center; width: 100%; } .book__format-title { display: none; } .book__format-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .book__offer-wrap { padding-left: 0; width: 100%; } .book__offer { margin: 0 auto 20px; max-width: 320px; } .loyal-image__img { display: none; } .author-list___item { width: 25%; } .author-item___section { padding-top: 30px; padding-bottom: 30px; } .author-block__info { margin-bottom: 30px; margin-right: 0; padding-left: 0; } .author-block__name { margin-bottom: 10px; text-align: center; } .author-block__date { text-align: center; } .author-block__desc { font-size: 16px; } .author-block__image { height: 120px; left: auto; margin-bottom: 24px; margin-left: auto; margin-right: auto; position: relative; top: auto; width: 120px; } .author-block { margin-left: 0; margin-right: 0; } .author-block__btn-show, .author-block__btn-hide { font-size: 16px; } .rubrics__list { columns: 2; } .author-block__slider .event-slider__arrow-block--left { display: none !important; } .author-block__slider .event-slider__arrow-block--right { display: none !important; } .author-block .mat-social { display: block; } .author-block .author-block__like { border-bottom: 1px solid #ECEFF6; margin-bottom: 32px; padding-bottom: 32px; } .filter__row { width: 100%; } .filter-section--catalog .filter__block-wrap { margin-right: 0; width: 100%; } .filter-section--catalog .filter__block-wrap--checkboxes { padding-top: 0; } .about__list-item { width: 100%; } .about__projects-column { display: block; } .about__projects-column-item { margin-bottom: 30px; width: 100%; } .about__projects-column-item:last-child { margin-bottom: 0; } .about__mission h3, .about__values h3, .about__projects h3, .about__history h3, .about__requisites h3 { font-size: 24px; } .about__mission { font-size: 16px; } .about__list-title { font-size: 24px; } .about__list-title:before { font-size: 60px; } .about__list-text { font-size: 16px; } .about__history-year { margin-right: 40px; } .about__history-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about__history-item:before { left: 46px; top: 13px; } .about__history-item:after { left: 50px; top: 13px; } .about__history-year { margin-top: 2px; } .about__requisites .container { padding: 0; } .about__requisites-block { padding: 20px; } } @media all and (max-width: 767px) { .book__recomendation__list { display: block; } .book__recomendation__item { margin-bottom: 12px; } .book__recomendation__item:last-child { margin-bottom: 0; } .book__recomendation__image { margin-top: 4px; } .tabs__wrap { border-bottom: none; border-left: 1px solid #333333; } .tabs__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs__item { width: 100%; text-align: left; padding: 0 0 0 2px; margin-left: -2px; } .tabs__name { padding: 10px 0 10px 25px; } .tabs__input:checked + .tabs__name:before { height: 40px; width: 3px; left: -2px; margin: 0; top: 0; } .conditions__ttl { display: block; } .conditions__num { position: relative; float: left; width: 45px; text-align: left; } .conditions__num:before { content: ''; position: absolute; width: 100%; height: 100%; right: 100%; background: #ff5722; } .conditions__num + span { display: inline; font-weight: normal; } .conditions__content { padding: 0; } .conditions__attention { padding-left: 5px; border-left: 1px solid #ff5722; } .conditions__icon_list { display: block; margin: 20px 0; } .conditions__icon_item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; margin-bottom: 15px; } .conditions__icon_item:before { display: none; } .conditions__icon { width: 60px; height: 40px; padding-right: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; margin-bottom: 0; } .conditions__icon:before { display: none; } .conditions__icon svg { max-height: 40px; } .page-nav { background: #fff; } .is-sticky .page-nav__list { margin-top: 60px; } .page-nav__list { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .is-sticky .page-nav__list { flex-direction: row; } .page-nav__item { width: 100%; text-align: left; border-bottom: 1px solid #ff5722; } .is-sticky .page-nav__item { width: 25%; text-align: center; border-left: 1px solid #ff5722; border-bottom: none; } .is-sticky .page-nav__item:first-child { border-left: none; } .is-sticky .page-nav__icon + span { display: none; } .page-nav__link { display: block; color: #3d3d3d; text-decoration: none; font-size: 17px; padding: 0 2rem; } .page-nav__link:hover, .page-nav__link:active { color: #fff; font-weight: normal; background: #ff5722; } .page-nav__icon { display: inline-block; vertical-align: middle; width: 25px; height: 25px; } .page-nav__icon svg { fill: #ff5722; width: inherit; height: inherit; } .page-nav__link:hover svg, .page-nav__link:active svg { fill: #fff; } .mobile-visible { display: block; } .mobile-hidden { display: none; } .article-item-image__content-box--hover { position: static; display: block; background: none; color: #333333; text-align: left; } .article-item-image__data-inner { display: none; } .article-item-image__text:after { display: none; } .article-item-image__box:hover { background: none; color: #333333; } .article-item-image__title { padding: 60px 10px 20px; max-height: 100%; box-sizing: border-box; } .page-nav__link { display: block; color: #3d3d3d; text-decoration: none; font-size: 17px; padding: 0 2rem; } .page-nav__icon { display: inline-block; vertical-align: middle; width: 25px; height: 25px; } .page-nav__list { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-nav { background: #fff; } .interview__block { padding: 0 0 30px; margin: 0 0 30px; border: none; border-bottom: 1px solid #dcd9d9; } .interview__block:last-child { border-bottom: none; } .interview__container--with-column { flex-direction: column; } .interview__container-col { width: 100%; margin-top: 10px; } .interview__element { margin-top: 10px; } .interview__element--inline { margin-top: 0; margin-left: 0; } .interview__title { font-size: 14px; line-height: 1.3; } .interview__title--middle { font-weight: bold; } .interview__title--grey { font-size: 13px; } .interview__container { margin-bottom: 10px; } .interview__container-col2 { width: 100%; margin-bottom: 30px; } .interview__container-col2:last-child { margin-bottom: 0; } .interview__container-col3--title { width: 100%; font-size: 13px; } .interview__container-col3 { width: 100%; } .interview__element-mobile-label { display: block; font-size: 13px; margin-bottom: 5px; } .interview__mobile-header { display: block; font-size: 14px; line-height: 1.3; font-weight: bold; margin-bottom: 20px; } .interview__mobile-hidden, .interview__container-col2--title { display: none; } .rating__row { height: 20px; } .rating__hint { font-size: 9px; padding: 4px 5px; margin-top: 5px; } .rating__hint:before { border-width: 5px; } .interview__container--pb50 { padding-bottom: 15px; } .interview__element-label { position: relative; font-size: 13px; } .interview__element-label span { padding-left: 30px; } .interview__element-label .form__input_radio + span::before, .interview__element-label .form__input_checkbox + span::before { position: absolute; left: 10px; } .interview__mobile-visible { display: block; } .interview__title--mb { margin-bottom: 10px; } .form__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-block { background: none; padding: 0; margin: 20px 0; } .search-block__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-block__col--sm { margin-top: 10px; padding-left: 0; } .search-result__list-item { padding: 20px 0; } .search-result__more-wrap { padding-top: 20px; text-align: left; } .form__wrapper { margin-bottom: 0; } .form__wrapper-col--small { width: 100%; padding: 0; margin: 20px 0 0; } .form__grid-col-3 { width: 100%; } .form__input_textarea--mobile-sm { resize: none; min-height: 40px; } .form__grey-block { margin-left: -3em; margin-right: -3em; padding: 20px 3em; } .form__grey-block-title { font-size: 16px; margin-bottom: 20px; } .qa__title { padding: 25px 0; font-size: 14px; } .qa__sublist { margin-left: 20px; } .qa__sublist-item { padding: 15px 0; } .qa__sublist-title { font-size: 12px; } .qa__sublist-text { font-size: 12px; margin-top: 20px; } .support-service__header { font-size: 24px; } .support-service__list { padding-top: 0; } .support-service__list-item { padding: 20px 0; } .support-service__list-item--message { position: relative; margin: 0 -28px -1px; padding: 20px 28px; } .support-service__list-item-header { position: relative; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; font-size: 12px; } .support-service__list-item-header-col--date { text-align: right; width: 100%; color: #999999; margin-bottom: 10px; font-size: 11px; } .support-service__list-item-num { position: absolute; left: 0; top: 0px; font-size: 11px; } .support-service__list-item-name span { white-space: normal; font-size: 12px; } .support-service__history-text, .support-service__list-item-text { font-size: 11px; } .support-service__history-head { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 11px; } .support-service__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .support-service__form-col--small { width: 100%; padding-left: 0; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .support-service__form-textarea { min-height: 50px; height: 50px; } .support-service__form-el { padding-right: 20px; margin-top: 0; } .calendar__name-wrap { min-height: inherit; } .calendar__name { font-size: 16px; font-weight: 300; } .news__list-item-name { font-size: 16px; } .actions__item, .actions__item:nth-child(4n) { margin-left: 10px; } .main-banner-slider__list .flickity-page-dots .dot { margin: 0 11px; } .info-section { margin: 50px 0; } .info-section__title { font-size: 20px; font-weight: 700; } .info-section__head-group-col .info-section__title { padding-bottom: 0; } .info-section__buttons { margin-top: 25px; } .info-box__wrap--mobile-fd-c { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .info-box__wrap--mobile-fd-c .info-box--2 { width: 100%; } .info-box--3 { height: auto; } .info-line__title { font-size: 21px; } .info-line__text { font-size: 15px; margin: 20px 0; } .feedback-from__field-wrap { height: 40px; } .feedback-from__submit img { width: 17px; height: 17px; } .button--big { width: 100%; min-width: inherit; } .product-card { font-size: 11px; } .product-card__author { display: none; } .product-card__price { font-size: 14px; } .category__list-wrap { display: none; } .news__top { margin-bottom: 20px; } .news__top-text { display: none; } .news__top-name { font-size: 14px; } .news__top-date { display: none; } .news__top-content { bottom: 25px; } .news__list-wrap { padding: 25px 20px; } .news__list { padding: 0 0 0 10px; } .news__list-item { margin-top: 20px; font-size: 12px; } .news__list-item-date { font-size: 11px; margin-top: 5px; } .rubrics { display: none; } .rubrics-slider__list { display: block; } .rubrics__link { height: auto; min-height: 45px; font-size: 16px; } .ui-tabs--small { justify-content: space-between; } .ui-tabs { font-size: 11px; } .ui-tabs__item { padding-bottom: 10px; } .calendar__list { padding: 10px 0; } .calendar__list .flickity-prev-next-button { display: none; } .calendar__item { width: 100%; border-left: none; padding: 10px 0; } .calendar__block { width: 100%; max-width: 400px; margin: 0 auto; } .ui-tabs__wrap { height: 29px; overflow: hidden; } .ui-tabs__wrap .ui-tabs { white-space: nowrap; overflow-x: scroll; padding-bottom: 20px; } .actions__list { flex-wrap: nowrap; } .actions__item { margin-left: 10px; height: auto; } .actions__item:first-child { margin-left: 0; } .actions__content--left { -ms-align-items: center; align-items: center; justify-content: center; } .actions__item--big .actions__name { text-align: center; } .actions__date--empty { max-width: 100%; color: #000000; background: #ffffff; border: none; } .article__item:first-child { margin-top: 0; } .article__item:first-child .article__img { display: block; } .actions__img img { max-height: 100%; } .actions__item--big .actions__img img { max-width: inherit; } .article__item { display: none; width: 100%; margin-left: 0; margin-top: 10px; } #video .article__item { display: block; } .article__item--mv { display: block; } .article__line { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .ant_note_right { display: none; } .img70 { width: 100%; } .file-item__title.ant_h3 a { font-size: 16px; } .material__row_documents .file-item__row_title { display: flex !important; flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; } .quality__form-label span { width: 32px; } .audio__item { width: 50%; } } @media all and (max-width: 760px) { .book__text__col { -webkit-columns: 1; columns: 1; } .book__text { font-size: 14px; } .book__container .book__heading { margin-bottom: 10px; } .mat-social__block-icons .hint-auth { width: 350px; } .hint-auth { top: calc(100% + 13px); left: 0; transform: translateY(0); width: 100%; box-sizing: border-box; padding: 15px 20px; } .hint-auth:before { top: -18px; left: 0; width: 100%; height: 18px; } .hint-auth:after { content: ""; position: absolute; top: -20px; left: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .rating .hint-auth { width: 350px; } .rating .hint-auth:after { border-bottom: 10px solid transparent; } .mat-social__block-icons .hint-auth { width: 350px; } .mat-article__float-img { margin: 20px 20px 20px 0; } .mat-article__block-img--center { width: calc(100% + 60px); margin: 0 -30px; } .mat-article__block-img-caption { padding: 20px 30px; } .mat-favorites { display: flex; flex-wrap: wrap; margin-top: 10px; padding: 30px; background-color: #f6f7fc; } .mat-favorites__text { width: 100%; text-align: center; font-size: 16px; } .mat-favorites__btn-wrap { width: 100%; } .mat-favorites__btn-fv { width: 100%; margin: 0 0 5px 0; } .mat-favorites__tomail-block { width: 100%; } .mat-favorites__inp-txt { flex-grow: 1; } .mat-social__block-icons { justify-content: flex-start; font-size: 13px; } .mat-social .icon-like { margin-right: 0; padding: 0 15px; border: 1px solid #4478df; } .mat-social .icon-like svg { width: 17px; height: 17px; } .mat-audio__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .mat-comment__btn-wrap { width: 100%; } .mat-comment__btn-wrap .hint-auth:after { left: 10px; } .hint-auth.mater { top: 40px; right: 0; left: auto; width: 320px; } .hint-auth.mater:before { display: none; } .hint-auth.mater:after { content: ""; position: absolute; top: -10px; left: 90%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } } @media (max-width: 600px) { .header-menu.fixed { padding: 0 15px; } .layout__section_container { padding: 0 20px; } .book__container { padding: 0 20px; } .book__title { font-size: 24px; line-height: 1.2; } .book__row__labels .labels__item { font-size: 14px; margin-bottom: 4px; margin-right: 4px; padding: 0 5px; } .book__reviews .reviews__star { height: 14px; width: 16px; } .book__reviews .reviews__star-active::before { height: 12px; width: 13px; } .book__reviews .product-item__reviews-count { font-size: 12px; } .book__reviews-link { font-size: 12px; } .book__reviews-link__add { font-size: 12px; } .book__reviews-link__add svg { height: 12px; width: 12px; } .book__map-list { margin: 0 -20px; padding: 20px 20px; } .btn--big { font-size: 14px; line-height: 42px; padding: 0 15px; } .g-button_pablo.g-button_border_medium { border: 2px solid; } .g-button_pablo.g-button_aquamarine-theme { color: #47B3AC; } .g-button_pablo.g-button_size_large { height: 42px; } .g-button_pablo.g-button { box-sizing: border-box; width: 100%; height: 100%; text-align: center; text-decoration: none; text-transform: uppercase; color: #47B3AC; border-color: #47B3AC; font-family: Proxima, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: normal; } .g-button { display: inline-block; box-sizing: border-box; margin: 0; padding: 5px; border: 1px solid #000; } .caption-section .button-more__title { font-size: 18px; } .caption-section .button-pink-border .mode--mob-visible { display: inline-block; } .mode--mob-visible { display: inherit; } .mode--mob-hidden { display: none; } .item-download-button { padding: 4px 3px; } .accordion__title { font-size: 14px; } .methassist-block { height: 45px; font-size: 14px; } .methassist.more { width: calc(100% + 40px); margin: 20px -20px 30px -20px; padding: 0 20px; } .methassist.more .methassist__in:after { right: -15px; width: 20px; } .methassist.more .methassist-block { max-width: 270px; min-width: 250px; } .filter-section--catalog .filter__row--search { display: block; padding: 16px; } .filter-section--catalog .filter-block__filter { padding: 10px 16px 50px; } .filter-section--catalog .filter { padding: 20px 0; } .filter-section--catalog .filter-block__search-input { border: 1px solid #DCDBE1; box-sizing: border-box; display: block; margin-bottom: 16px; width: 100%; } .filter-section--catalog .filter-block__search-btn { box-sizing: border-box; display: block; text-align: center; width: 100%; } .filter-section--catalog .filter-block__search-input:before { left: 8px; } .filter-block__author { padding-bottom: 20px; } .filter-block__author .filter__row--search { box-shadow: none; margin-bottom: 0; padding: 0; } .filter-block__author .filter-block__search-input { border: 1px solid #DCDBE1; border-right: none; box-sizing: border-box; display: block; padding-left: 12px; width: 100%; } .filter-block__author .filter-block__search-input:before { display: none; } .filter-block__author .filter-block__search-btn { background-image: url('/local/templates/new_drofa/images/icon-search-white.png'); background-position: center center; background-repeat: no-repeat; border-radius: 0 2px 2px 0; box-sizing: border-box; height: 40px; width: 40px; } .filter-block__author .file-item__caption { display: none; } .filter-section--catalog .filter-mob-header { margin: -20px 0; } .mob-menu__account-nemu svg { width: 13px; height: 13px; padding: 5px; margin-left: -5px; } .mob-menu__link-back svg { width: 13px; height: 13px; padding: 5px; margin-left: -5px; } .mob-menu__link-search svg { width: 15px; height: 15px; padding: 5px; } .material-content .aside-author-section { width: calc(100% + 40px); margin: 0px -20px 0 -20px; padding: 20px; } .mat-article__row-alert { margin: 0 -20px; padding: 10px 20px; background-color: #f2f6fc; } .mat-article__float-img:hover { transform: none; box-shadow: none; } .mat-article__yt-video { width: calc(100% + 40px); margin: 0 -20px; } .mat-readmore { margin-left: -20px; margin-right: -20px; } .mat-readmore__item { width: 100%; } .mat-downloads__ico-pdf { display: none; } .mat-favorites__inp-txt { width: calc(100% - 130px); } .mat-article__photoheader { margin: 0 -20px; padding: 50px 20px; } .mat-article__row-info { flex-wrap: wrap; font-size: 12px; } .mat-article__date { margin-right: 10px; } .mat-article__views-ico { width: 14px; height: 14px; margin-right: 4px; } .mat-article__part-title { margin: 10px 0; font-size: 18px; } .mat-article__second-header { margin: 15px 0 10px 0; font-size: 18px; } .mat-article__bq { margin: 10px -20px; } .mat-article__bqs { margin: 30px 0; padding: 10px 0; } .mat-article__background { font-size: 16px; line-height: 1.5; margin: 10px -20px; padding: 20px; } .mat-article__photo-slider { width: calc(100% + 40px); margin: 30px -20px 0 -20px; } .mat-article__block-img--center { width: calc(100% + 40px); margin: 0 -20px; } .mat-article__img { width: calc(100% + 40px); max-width: calc(100% + 40px); margin: 15px -20px; } .ma-block-quote, blockquote { padding: 20px; border-radius: 0; } .ma-block-quote__quote { position: relative; font-size: 16px; line-height: 1.5; z-index: 1; } .ma-block-quote__author-block { margin-top: 30px; align-items: flex-start; } .ma-block-quote__author-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; } .ma-block-quote__author-name { margin-bottom: 10px; font-weight: 300; font-size: 14px; } .ma-block-quote__author-desc { font-weight: 300; font-size: 12px; } .ma-block-quote:before, blockquote:before { top: 20px; left: 20px; width: 20px; height: 15px; z-index: 0; opacity: 0.4; } .ma-style-bq__text { margin: 10px 0; font-size: 16px; } .ma-block-buy { margin: 10px -20px; padding: 20px; text-align: center; border-radius: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .ma-block-buy__block-img { margin-right: 0; margin-bottom: 40px; max-width: 200px; min-width: 140px; width: 100%; } .ma-block-buy__title { font-size: 16px; } .ma-block-buy__text { padding: 20px 0; font-size: 16px; line-height: 1.6; } .mat-downloads__container { padding: 0px 20px; margin: 0 -20px; } .mat-downloads__button { width: 25px; min-width: 25px; height: 25px; border: none; order: 1; } .mat-downloads__button .item-download-button__text { display: none; } .mat-downloads__title { order: 2; } .mat-downloads__title + .mat-downloads__button { padding: 4px; margin-right: 15px; } .mat-author { margin-top: 40px; padding: 20px 0; } .mat-author__image { width: 50px; min-width: 50px; height: 50px; } .mat-favorites { padding: 20px; margin: 10px -20px 0 -20px; } .mat-favorites__inp-txt { margin-right: 0; } .mat-comment { padding: 20px; margin: 30px -20px 0 -20px; } .mat-comment__header { font-size: 20px; } .mat-comment__text { font-size: 14px; } .eduedi { position: relative; flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; -webkit-overflow-scrolling: touch; } .eduedi:after { content: ''; min-width: 5px; height: 100px; } .item-eduedi { width: 230px; min-width: 230px; } .item-eduedi:first-child { margin-left: 20px; } .item-eduedi__block-image { padding: 20px; } .item-eduedi__author { padding: 6px 15px; } .item-eduedi__title { padding: 6px 15px; } .item-eduedi__row { padding: 6px 15px; } .item-eduedi__btn-buy { width: 40px; height: 40px; } .item-eduedi__btn-buy-text { display: none; } .eduedi--slider { margin: 0 -16px 20px; } .eduedi--slider:after { display: none; } .eduedi--slider .item-eduedi { margin-left: 0; } .expac.container { padding: 0; } .expac-aside.show { width: 100%; padding: 30px 20px; } .exp-a-photo__link { font-size: 12px; } .exp-a-name__name { font-size: 18px; } .exp-a-progress__title { font-size: 12px; } .exp-a-progress__desc { font-size: 12px; } .exp-a-nav__link { font-size: 15px; } .expac-desc { padding: 20px; } .expac-desc__header { font-size: 22px; } .expac-desc__desc { font-size: 15px; } .expac-material { padding: 20px; } .expac-material__title { font-size: 16px; } .exp-m-desc__desc { font-size: 12px; } .exp-m-block__name { font-size: 12px; } .exp-m-block__text { font-size: 14px; } .exp-mb-download__block-ico { width: 23px; min-width: 23px; height: 20px; } .exp-mb-download__ico { width: 13px; height: 12px; } .exp-mb-download__title { margin-top: 3px; font-size: 14px; } .expac-moreworks__button { box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 14px; } .container { box-sizing: border-box; padding: 0 20px; } .menu__logo { width: 200px; } .nav-links__link { font-size: 15px; padding: 7px 0; } .button-more { width: 100%; padding: 10px 40px; text-align: center; } .button-more__title { font-size: 14px; } .button-more__ico { width: 8px; height: 8px; } .slider-dots { margin: 15px 0; } .slider-dots li { width: 12px; height: 12px; } .stand-section { padding: 40px 0; } .caption-section--image { padding: 10px 0; } .stand-section__title { font-size: 20px; } .stand-section__description { font-size: 14px; } .stand-section__container { margin-top: 20px; } .caption-section__caption { padding: 30px 0; font-size: 18px; } .caption-section--image .caption-section__caption { font-size: 24px; } .caption-section__ico-block { right: -50px; } .caption-section__subcaption + .caption-section__caption { text-align: left; } .caption-section__information--date { margin-bottom: 15px; margin-right: 0; width: 100%; } .caption-section__subcaption--sub { font-size: 12px; } .caption-section__subcaption-views { font-size: 12px; } .caption-section__information { font-size: 12px; line-height: 16px; } .about-content-image { width: 280px; height: 220px; min-width: 220px; margin: 0 0 -30px 0; } .about-content-image__image { width: 140px; height: 190px; } .about-content-image__image--back { top: 10px; left: 140px; } .about-content-text__text { margin: 30px 0; font-size: 14px; } .audio-container { flex-direction: column; } .event-slide { padding-right: 10px; } .event-slide__subject-link { font-size: 10px; } .event-slide__description { min-height: 90px; font-weight: 300; font-size: 14px; } .event-slide__date-text { font-size: 12px; } .event-slide__date-ico { width: 11px; height: 13px; margin-right: 5px; } .event-header__title { font-size: 18px; } .event-header__tabs { display: block; overflow-x: scroll; max-width: 100%; padding: 0 20px; margin-left: -20px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .event-header__tabs::-webkit-scrollbar { width: 0; } .event-header__tabs-container { position: relative; display: inline-block; white-space: nowrap; overflow: hidden; } .event-header__link { padding: 10px 0; text-align: center; } .event-header__link:not(:first-child) { margin-left: 10px; } .reviews-slide { padding: 30px 20px; } .reviews-slide__text { font-size: 14px; } .reviews-slide__author { margin-top: 20px; font-size: 12px; } .rating { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rating__title { font-size: 18px; } .rating .hint-auth { bottom: 100%; left: auto; top: auto; right: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .rating .hint-auth:after { border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; left: calc(100% - 30px); top: 100%; } .item-theme { width: calc(100% - 30px); margin: 10px 15px; } /* FILTER-SECTION */ .filter-mob-header { position: fixed; z-index: 9999; width: 100%; box-sizing: border-box; display: block; padding: 20px; margin: -20px -20px 0 -20px; background-color: #FFF; } .filter-scroll { margin-top: 60px; } .filter-mob-header__title { font-weight: bold; font-size: 18px; } .filter-mob-header__close { cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; width: 65px; height: 65px; } .filter-mob-header__ico { width: 20px; height: 20px; fill: #babbbc; } .filter-page-title { font-size: 18px; margin: 0; } .filter__block-wrap { margin-right: 0; width: 100%; } .filter-section--author .filter__block-wrap { margin-bottom: 16px; margin-right: 0; width: 100%; } .filter-section--author .filter__block-wrap:last-child { margin-bottom: 8px; } .filter { display: none; position: fixed; z-index: 999; top: 0; left: 0; padding: 20px; max-width: 100%; box-sizing: border-box; border: none; height: 100vh; overflow-y: auto; background-color: #f6f7fc; } .filter.active { display: flex; } .filter__page-title { font-size: 24px; } .filter__class-label { /*width: 44px; min-width: 44px; height: 44px; font-size: 18px;*/ -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .filter__select { padding: 12px 30px 12px 20px; font-size: 14px; } .filter__radio { font-size: 14px; } .filter-block__letters { border-top: 3px solid #f0f4f9; box-shadow: none; padding-left: 8px; padding-right: 8px; text-align: justify; } .filter-block__letters-item { margin: 8px; } .mob-filter--author { background-color: #fff; padding-bottom: 20px; } .mob-filter--author .mob-filter-open { margin-right: 0; margin-bottom: 0; } .mob-filter-open { box-sizing: border-box; display: flex; width: 100%; flex-grow: 1; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: 5px; padding: 8px 10px; border: 1px solid #dfdee6; color: #090909; background-color: #FFF; cursor: pointer; } .mob-filter-open__ico { width: 12px; height: 12px; margin: 0 7px; } .view-sort-section { padding: 0; } .view-sort__container { padding: 8px 10px; } .view-sort__text { display: none; } .sortby-row { width: 100%; } .am-title { font-size: 14px; } .am-row.first-container { padding: 0; background-color: #fff; } .am-row__title { font-size: 14px; } .am-row__author { margin: 10px 0 0 5px; } .am-row__labels { display: block; overflow-x: scroll; max-width: calc(100% - 15px); padding: 0 35px; margin-left: -35px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .am-row__labels-scroll { position: relative; display: inline-block; white-space: nowrap; overflow: hidden; } .allthemes-section { padding: 10px 0 30px 0; } .allmaterials-section { padding: 10px 0 30px 0; background-color: #FFF; } .allmaterials__content { max-width: 100%; } .allmaterials-content { padding: 10px 0; } .allmaterials-content__title { font-size: 18px; } .allmaterials-content__desc { flex-wrap: nowrap; } .allmaterials-content__img { width: 90px; margin-right: 20px; } .allmaterials-content__mat-block { display: flex; align-items: center; flex-grow: 1; } .allmaterials-content__mat-block .item-download-button { padding: 0; border: none; } .allmaterials-content__mat-block .item-download-button__text { display: none; } .allmaterials-content__mat-block .item-download-button__ico { margin: 0; } .allmaterials-content__mat-title { margin-right: 5px; flex-grow: 1; font-size: 14px; } .allmaterials-content__part-in-title { font-size: 14px; margin: 12px 0; } .allmaterials-content__part-title { margin: 12px 0; font-weight: 400; font-size: 14px; } .allmaterials-content__row-part.addmaterial { /* display: none; */ } /* NORM-DOCS */ .norm-docs__row { padding: 10px 0; } .norm-docs__name { font-size: 14px; } .norm-docs__doc-ico { min-width: 20px; margin-right: 15px; } .norm-docs__download-button { margin-left: 20px; padding: 5px; min-width: 30px; height: 30px; box-sizing: border-box; } .norm-docs__download-button .item-download-button__text { display: none; } .norm-docs__download-button .item-download-button__ico { margin: 0; } .webinars-row-container { box-shadow: none; } .webinars-row-section { background-color: #FFF; } .webrc { padding: 20px 0; } .webrc__block-button { width: 100%; } .webrc__button { padding: 7px 5px; } .paginator { display: block; margin: 0 -2px; } .webitheme { margin: 0 -20px; } .opened-menu__col { width: 100%; } .book__methodical-complex { padding: 1.5rem 0; } .section__title--center .section__title { font-size: 20px; margin-top: 0; } .book__assistance .stand-section__title { margin: 0; } .book__assistance { padding-top: 1.5rem; padding-bottom: 0; } .book__assistance .webinar-article-section { padding: 0; } .product-list--slider { padding-top: 0; padding-bottom: 0; } .book__btn--center { margin-top: 0; } .book__container .book__btn--center { margin-top: 10px; } .book__btn--width { box-sizing: border-box; max-width: 280px; width: 100%; } .book__feedback { padding: 1.5rem 0; } .reviews__dots { margin-bottom: 0; padding: 0; } .reviews__button-link { box-sizing: border-box; max-width: 280px; width: 100%; } .test__title { display: block; } .test__timer { margin-left: 0; } .test__timer-ico { margin-right: 4px; } .test__steps-item { margin-right: 10px; } .test__item { border-radius: 0; box-shadow: none; padding: 0; } .test-question { font-size: 18px; margin-bottom: 15px; } .test-answer__item { font-size: 14px; } .test-buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .test-buttons .btn { min-width: 0; } .test-buttons .btn + .btn { margin-left: 10px; } .checkbox-style__span { padding-left: 28px; } .radio-style__span { padding-left: 28px; } .test-result__success { font-size: 16px; } .test-result__wrong { font-size: 16px; } .test-result__block { border-bottom: 1px solid #C4C4C4; padding-bottom: 20px; } .collapse-out { font-size: 16px; } .collapse-in { font-size: 14px; } .test-results__item { margin-top: 16px; } .test-results__item .test-question { font-size: 16px; } .caption-section__button-container--center .caption-section__time { font-size: 14px; } .ya-share2__item { margin-right: 8px; } .ya-share2__item:last-child { margin-right: 0; } .ya-share2__link { height: 40px; width: 40px; } .event__address { left: 20px; } .b-cookie-notification__text { text-align: left; } .b-cookie-notification .b-cookie-notification__cross-button { right: 7px; } .footer__col { margin-bottom: 20px; width: 100%; } .footer__col:last-child { margin-bottom: 0; } .footer__col:not(:first-child) { border-left: none; padding-left: 0; } .footer__title { margin-top: 0; margin-bottom: 5px; } .footer__link { padding: 5px 0; } .curator__block { display: block; text-align: center; } .curator__block-image { display: block; margin: 0 auto 10px; width: 70px; } .table-responsive, .table-responsive * { display: block; } .table-responsive thead, .table-responsive th { display: none; } .table-responsive td { border: none; } .table-responsive td:before { color: #999999; content: attr(data-title); display: block; font-size: 12px; font-weight: 700; } .table-responsive tr { border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; } .table-responsive { border-bottom: 1px solid; } .audiojs { height: auto; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .audiojs__play-pause { height: 40px; width: 40px; } .audiojs__time { height: 40px; line-height: 40px; } .audiojs__scrubber { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .audiojs__volume { margin-right: 16px; } .audio__playlist .audio { display: block; } .audio__playlist .audio:after { clear: both; content: ''; display: block; } .audio__playlist .audiojs { float: left; width: 52px; } .audio__playlist .audiojs__time { display: none; } .audio__playlist .audiojs__scrubber { left: 40px; } .audio__number { margin-bottom: 0; padding: 8px 0; } .audio__name { margin-bottom: 0; padding: 8px 0; } .layout__section--author-filter { margin-bottom: 20px; padding-bottom: 20px; } .layout__section--author-filter .filtered-products-list { background-color: #fff; } .layout__section--author-filter .filtered-products-list__row_title { text-align: center; } .layout__section--author-filter .filtered-products-list__title { font-size: 24px; } .author-list___item { width: 50%; } .author-page__umk-item { margin-bottom: 20px; width: 100%; } .vacancies__aside { margin-left: -20px; margin-right: -20px; padding: 24px 20px; } .vacancy-list__item { padding: 12px 0; } .vacancy-item__row_title { display: block; padding: 0 16px; text-align: center; } .vacancy-item__title { margin-bottom: 12px; } .vacancy-item__description { padding: 0 16px; } .vacancy-item__description ul { padding-left: 15px; } .shops .author-item__row_photo { margin-bottom: 12px; margin-left: auto; margin-right: auto; } .shops .author-item__row_info { max-width: none; text-align: center; width: 100%; } .shops .author-item__row_name { margin-bottom: 4px; } .shops .author-item__row_city { margin-top: 12px; } .shops .file-item__row_title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shops .file-item__title { margin-bottom: 12px; padding-right: 0; text-align: center; width: 100%; } } @media (max-width: 580px) { .mat-social__block-icons .hint-auth { left: -185px; width: calc(100vw - 40px); } .ant_block_like .mat-social__block-icons .hint-auth { left: -165px; width: calc(100vw - 40px); } .mat-social__block-icons .hint-auth:after { left: 185px; } .mat-social__block-icons .hint-auth { left: -185px; width: calc(100vw - 40px); } .mat-social__block-icons .hint-auth:after { left: 185px; } .mat-social__row--right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media all and (max-width: 500px) { .alink-block__title .hide-m { display: none; } .quality__form { font-size: 16px; padding: 20px 0; } .quality__form-title { font-size: 20px; } .quality__form-label { margin: 0 -1px; } .quality__form-label span { font-size: 12px; line-height: 16px; width: 26px; } } @media (max-width: 499px) { .contact-us__input-form { width: 100%; } } @media (max-width: 490px) { .methassist-block { width: calc(100% - 12px); } } @media (max-width: 480px) { .adaptive-table-col { display: block; text-align: center; border-bottom: none; } .adaptive-table-col .adaptive-table { width: 100%; } .adaptive-table-col .mat-article__float-img { float: none; margin: 0; } .modal-form h3 { font-size: 18px; } .modal-form { padding: 20px 25px; } .modal-form .btn-blue { float: none; width: 260px; } .test-result__btns .btn { width: 100%; } } @media (max-width: 479px) { .layout__col_main-logo { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } .article-author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .article-author__col_content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .book-feedback { display: none; } .filter-edu-lvl__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; } .filter-edu-lvl__filter-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .main-logo { width: 190px; } .main-logo__img { height: 26px; } .main-logo__caption { font-size: 7px; } .section__title { margin-bottom: 0; } .section__count { display: block; margin: 1rem 0; text-align: center; } .form__multiply-col_search { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .layout_home .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-list_col_3 .product-list__item { -ms-flex-item-align: stretch; -ms-grid-row-align: center; align-self: stretch; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .caption-section__button-container--center .caption-section__time { margin-top: 15px; margin-left: 0; width: 100%; } .b-cookie-notification { padding: 8px 35px 8px 10px; } .event-header__btn { height: auto; line-height: 1.2; padding: 7px 30px; } .event__date-place { display: block; font-size: 16px; } .event__date { margin-right: 0; } .event__title { font-size: 32px; } .event__subtitle { font-size: 16px; } .event__h3 { font-size: 24px; } .event__h2 { font-size: 24px; } .event__about-text { font-size: 16px; } .event__program-day + .event__program-day { margin-left: 10px; } .event__program-tabs__item { display: block; text-align: center; } .event__program-tabs__item + .event__program-tabs__item { margin-top: 20px; margin-left: 0; } .event__program-icon { height: 30px; width: 30px; } .event__program-block::before { height: calc(70%); left: 15px; top: 42px; } .event__program-block { padding-bottom: 40px; } .event__program-block:last-child { padding-bottom: 0; } .event__address { bottom: 0; left: 0; top: auto; padding: 20px; width: 100%; } .event__address-title { font-size: 18px; margin-bottom: 16px; } .event__address-value { font-size: 16px; } .event__address-time { font-size: 16px; } .event__contacts-block { padding: 20px; } .event__contacts-text { font-size: 16px; } .event__contacts-phone { font-size: 20px; } .event__contacts-email { font-size: 20px; } .book__reviews-link + .book__reviews-link { margin-top: 5px; margin-left: 0; width: 100%; } .book__reviews-link__add { margin-left: 0; } .rating .hint-auth { max-width: 260px; } .rubrics__list { columns: 1; } .filter-section--author .filter__class-label { white-space: normal; } .author-block__chronology-item::before { left: 50px; } .author-block__chronology-item::after { left: 54px; } .author-block__chronology-year { margin-right: 40px; } .author-block__chronology-image { margin-right: 20px; } .author-block__chronology-image img { max-width: 40px; } .audio__item { width: 100%; } .audio-table__link { display: block; } .audio-table__link + .audio-table__link { margin-left: 0; } .online-shop-item__row_title { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .online-shop-item__name { text-align: center; width: 100%; } } @media all and (max-width: 400px) { .shops-block__item { max-width: 100%; width: 100%; } .shops-block__item:only-child, .shops-block__item:nth-child(1):nth-last-child(2), .shops-block__item:nth-child(2):nth-last-child(1) { max-width: 100%; width: 100%; } .methassist.more .methassist-block { max-width: 250px; } .mob-menu__account-nemu { margin: 5px 7px 5px 0; } .mob-menu__link-back { margin: 5px 7px 5px 0; } .mob-menu__link-search { margin: 5px 5px 5px auto; } .mat-favorites__inp-txt { width: calc(100% - 90px); } .mat-favorites__btn { width: 90px; } } @media (max-width: 319px) { .layout__section_container { width: 320px; } .article-cover__content { width: 320px; } .banner__content { width: 320px; } .book__container { width: 320px; } .breadcrumbs__list { width: 320px; } .contact-us:not(.contact-us_tale) .contact-us__container { width: 320px; } .filtered-authors__row_content { width: 320px; } .filtered-events-list__row_content { width: 320px; } .filtered-news-list__row_content { width: 320px; } .filtered-products-list__row_content { width: 320px; } .footer__nav { width: 320px; } .footer__info { width: 320px; } .full-news__container { width: 320px; } } /*# sourceMappingURL=template_styles.css.map */ /* End */ /* /local/templates/new_drofa/js/enjoyhint/enjoyhint.css?15354464537235 */ /* /local/templates/new_drofa/css/specific-reset.css?1535446452182 */ /* /local/templates/new_drofa/assets/js/slick/slick.css?15354464521729 */ /* /local/templates/new_drofa/components/bitrix/menu/dopmenu/style.min.css?1535446452490 */ /* /local/templates/new_drofa/components/bitrix/breadcrumb/.default/style.min.css?1535446452448 */ /* /local/templates/new_drofa/components/bitrix/menu/main_bottom_menu/style.min.css?1535446452490 */ /* /local/templates/new_drofa/fonts/icon/css/icon.css?15354464522887 */ /* /local/templates/new_drofa/css/fancybox.css?154963566218412 */ /* /local/templates/new_drofa/assets/select2/css/select2.min.css?153544645215196 */ /* /local/templates/new_drofa/assets/magnific/magnific-popup.css?15354464527806 */ /* /local/templates/new_drofa/assets/wow_book/wow_book.css?153544645264410 */ /* /local/templates/new_drofa/template_styles.css?1594027214540105 */