/* Start:/local/templates/dosaaf-kolomna.ru/js/fancy/jquery.fancybox.min.css?172526672612795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.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{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/js/slick/slick.css?17252667261776*/ /* 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; margin-left: auto; margin-right: auto; } .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/dosaaf-kolomna.ru/js/slick/slick-theme.css?17252667263145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/dosaaf-kolomna.ru/js/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/dosaaf-kolomna.ru/js/slick/./fonts/slick.eot'); src: url('/local/templates/dosaaf-kolomna.ru/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/dosaaf-kolomna.ru/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/dosaaf-kolomna.ru/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/dosaaf-kolomna.ru/js/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/js/slinky/dist/jquery.slinky.css?1725266726905*/ .slinky-menu{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;background:#AAA}.slinky-menu>ul{left:0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease}.slinky-menu li,.slinky-menu ul{list-style:none;margin:0}.slinky-menu ul{width:100%}.slinky-menu a{display:block;border:none;color:#FFF;padding:1em}.slinky-menu li ul{display:none;left:100%;position:absolute;top:0}.slinky-menu .header{position:relative}.slinky-menu h2~a.back{left:0;position:absolute;top:0}.slinky-menu h2{font-size:1em;margin:0;text-align:center;color:#FFF;padding:1em}.slinky-menu li{line-height:1}.slinky-menu a:hover{background:#000}.slinky-menu a.next:after{content:'\276f';margin-left:1em;float:right}.slinky-menu a.back:before{content:'\276e';margin-right:1em;float:left} /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/components/bitrix/menu/header-top/style.min.css?1725266725490*/ 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/dosaaf-kolomna.ru/components/bitrix/menu/header-top/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/dosaaf-kolomna.ru/components/bitrix/menu/main-nav/style.min.css?1725266725490*/ 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/dosaaf-kolomna.ru/components/bitrix/menu/main-nav/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/dosaaf-kolomna.ru/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1725266725467*/ .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;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/services-list/style.css?1725266725150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/reviews/style.css?1725266725150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/contacts-bottom/style.css?1725266725150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/components/luxar/super/form-popup/style.css?17252667251*/ /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/css/style.css?1725266726101749*/ @font-face { font-family: 'Panton Caps'; src: local("Panton Light Caps"), local("Panton-LightCaps"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightcaps.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightcaps.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightcaps.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Panton Caps'; src: local("Panton Black Caps"), local("Panton-BlackCaps"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackcaps.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackcaps.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackcaps.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Panton Caps'; src: local("Panton Light italic Caps"), local("Panton-LightitalicCaps"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightitaliccaps.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightitaliccaps.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonlightitaliccaps.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Panton Caps'; src: local("Panton Black italic Caps"), local("Panton-BlackitalicCaps"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackitaliccaps.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackitaliccaps.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/panton/Pantonblackitaliccaps.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Light.eot"); src: local("Montserrat Light"), local("Montserrat-Light"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-MediumItalic.eot"); src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-MediumItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Thin.eot"); src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot"); src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BoldItalic.eot"); src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BoldItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLight.eot"); src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot"); src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Italic.eot"); src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Italic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Bold.eot"); src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-LightItalic.eot"); src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-LightItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BlackItalic.eot"); src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BlackItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot"); src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBold.eot"); src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Black.eot"); src: local("Montserrat Black"), local("Montserrat-Black"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ThinItalic.eot"); src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ThinItalic.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBookC.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBookC.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBookC.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBold.woff2") format("woff2"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBold.woff") format("woff"), url("/local/templates/dosaaf-kolomna.ru/css/../fonts/Officina/OfficinaSerifBold.ttf") format("truetype"); font-weight: bold; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { position: relative; min-height: 100%; } body { margin: 0 auto; color: #6c6c6c; font-family: "Montserrat", Arial, sans-serif; background: #ffffff; font-size: 18px; position: relative; height: 100%; } @media screen and (max-width: 749px) { body { width: 100%; padding-top: 67px; } } .container { width: 1200px; margin: 0 auto; position: relative; } @media screen and (max-width: 999px) { .container { width: 100%; padding: 0; } } .btn { font-size: 25px; font-family: "Panton Caps", Arial, sans-serif; font-weight: 600; color: #36495c; background: linear-gradient(to bottom, #ffa700, #ff8b00); text-decoration: none; padding: 12px 20px; border-radius: 25px; position: relative; display: inline-block; } .btn:hover { color: #ffffff; } .btn:after { content: ''; width: 315px; height: 25px; position: absolute; background-image: url(/local/templates/dosaaf-kolomna.ru/css/../images/shadow_btn.png); left: 50%; bottom: -20px; transform: translateX(-50%); } .btn:before { content: none; } /* .btn { position: relative; text-decoration: none; text-transform: uppercase; padding: 16px 40px; span { font-family: $font-family-officina; font-size: 25px; color: #ffffff; position: relative; line-height: 54px; } &:before { content: ''; position: absolute; width: calc(100% + 20px); height: 100%; background: linear-gradient(45deg, #a10a0c, #dc1c22); transform: skew(-20deg); left: -10px; border-radius: 10px; transition: .3s all ease-in; } &:after { content: ''; width: 315px; height: 25px; position: absolute; background-image: url(/local/templates/dosaaf-kolomna.ru/css/../images/shadow_btn.png); left: 50%; bottom: -20px; transform: translateX(-50%); } &:hover { span { color: #4d6572; } &:before { background: linear-gradient(45deg, $color-yellow, $color-yellow); } } } */ .btn-up { position: fixed; bottom: 100px; right: 100px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/icon_up.png"); width: 72px; height: 72px; background-position: center; background-repeat: no-repeat; z-index: 200; opacity: .7; cursor: pointer; display: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 749px) { .btn-up { display: none !important; } } .btn-up:hover, .btn-up.active { opacity: 1; } .index main > .container { width: 100%; } .index .content:before { content: none; } .page--no-bg .h1 { text-align: center; color: #558394; text-transform: uppercase; font-size: 60px; margin-top: 20px; } .page--no-bg .content:before { content: none; } .h1 { font-size: 80px; color: #ffa200; font-family: "Officina Serif", Arial, sans-serif; margin: 0; margin-top: 60px; margin-bottom: 20px; } @media screen and (max-width: 749px) { .h1 { padding-left: 10px; font-size: 40px; } } .h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; color: #264d5c; } .h3 { font-family: "Officina Serif", Arial, sans-serif; font-size: 16px; color: #264d5c; } .page .statistics { width: 100vw; left: 50%; position: relative; transform: translateX(-50%); } .page main.content { overflow: hidden; } .page .instructors__list:before { content: none; } .page .instructors__list, .page .reviews__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .form__successful { position: relative; left: 50%; font-weight: bold; font-family: "Officina Serif", Arial, sans-serif; color: #cd2b30; font-size: 30px; } #bx_651765591_19 .services__pics-wrap a { top: 80px; } .instructors__text { max-width: 250px; } .section-block__item { min-height: 260px; } .instructors__list--admin .instructors__item { height: 100%; } .autopark__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media screen and (max-width: 749px) { .autopark__row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .autopark__text { padding-right: 50px; } @media screen and (max-width: 749px) { .autopark__text { padding-right: 0; } } .autopark-gallery__item { width: 220px; margin-right: 10px; overflow: hidden; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-bottom: 20px; height: 140px; } @media screen and (max-width: 749px) { .autopark-gallery__item { width: calc(50% - 10px); height: auto; } .autopark-gallery__item img { width: 100%; font-size: 0; } } .autopark-gallery { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .autopark-gallery { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 749px) { .autopark__video video { width: 100%; } } .header { position: relative; z-index: 10; } @media screen and (max-width: 749px) { .header { display: none; } } .header-mobile { background-color: #264d5c; position: fixed; z-index: 1000; top: 0; width: 100%; padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); display: none; } @media screen and (max-width: 749px) { .header-mobile { display: block; } } .header-mobile__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .header-mobile__logo img { width: 55px; } .header-mobile__tel { position: relative; } .header-mobile__tel a { font-size: 20px; color: #fff; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-mobile__tel a span { color: #5c8696; } .header-mobile__tel a svg { margin-left: 5px; } .header__logo { position: relative; z-index: 10; } .header:before { content: ''; position: absolute; background-color: #5d7288; width: 100%; height: 70px; } .header__row { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header__col { width: 100%; } .header__top { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 10px 0; line-height: 1em; } .header__top-nav { margin-right: 20px; margin-left: 40px; } .header__top-nav ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header__top-nav ul li { margin-right: 20px; } .header__top-nav ul li:last-child { margin-right: 0; } .header__top-nav ul li a { text-decoration: none; color: #25374c; font-size: 14px; font-weight: 500; } .header__top-nav ul li a:hover { color: #ffa200; } .header__phone { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: auto; } .header__phone div { margin-right: 20px; } .header__phone div:last-child { margin-right: 0; position: relative; padding-right: 20px; } .header__phone a { text-decoration: none; font-size: 16px; color: #fff; font-weight: 500; } .header__phone a span { color: #959fa8; } .header__order-call { font-size: 14px; font-weight: 300; text-decoration: none; text-transform: uppercase; color: #ffa200; position: relative; padding-left: 20px; } .header__order-call:before { content: ''; position: absolute; width: 14px; height: 14px; background-image: url(/local/templates/dosaaf-kolomna.ru/css/../images/icon_phone.png); left: 0; } .header__block { width: 100%; } .header .main-nav { margin-top: -10px; position: relative; z-index: 10; } .header .main-nav__list ul li a { font-size: 14px; } #sidebar { position: fixed; left: -100%; width: calc(100% - 40px); height: calc(100% - 65px); -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; z-index: 150; overflow: auto; background-color: #213a42; top: 62px; } #sidebar.active { left: 0; } #sidebar .callback { padding: 10px 20px; text-align: center; } #sidebar .sidebar__socials, #sidebar .sidebar__cart { padding: 10px 20px; padding-bottom: 0; text-align: center; } #sidebar .main_socials { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #sidebar .main_socials a { background: #fff; } #sidebar .main_socials a.vk { background-color: #4a76a8; } #sidebar .main_socials a.ok { background-color: #e27b08; } #sidebar .main_socials a.fb { background-color: #4267b2; } #sidebar .main_socials a.tw { background-color: #1da1f2; } #sidebar .main_socials a.email { background-color: #ffa016; } #sidebar .main_socials a.whatsapp { background-color: #00e676; } #sidebar .main_socials a.viber { background-color: #7c59eb; } #sidebar .main_socials a i { color: #fff; } #sidebar.active { left: 0; top: 70px; } #sidebar .callback { padding: 10px 20px; text-align: center; } #sidebar .sidebar__socials { padding: 10px 20px; padding-bottom: 0; text-align: center; } #sidebar a.sidebar_close { display: block; position: absolute; top: 10px; right: 10px; z-index: 100; } #sidebar .b-header__icons { float: none; margin: 0 auto; } ul.sidebar_menu { position: relative; margin: 0; padding: 0; } ul.sidebar_menu li { margin: 0; list-style-type: none; } ul.sidebar_menu li a:link, ul.sidebar_menu li a:visited { display: block; line-height: 22px; text-decoration: none; color: #989898; font-size: 18px; position: relative; padding: 10px 19px; border-bottom: 1px solid #eaf0f3; } ulc li a:link.parent, ul.sidebar_menu li a:visited.parent { font-size: 24px; color: #000; background: #373737; padding: 12px 19px; } ul.sidebar_menu li a:link.parent, ul.sidebar_menu li a:visited.parent { color: #FFFFFF !important; font-weight: 500 !important; padding: 15px 19px; margin: 3px 0; padding-right: 25px; } ul.sidebar_menu li a:hover, ul.sidebar_menu li a.selected, ul.sidebar_menu li.item-selected a { color: #fff; } ul.sidebar_menu li ul { display: none; margin: 0; padding: 0; list-style-type: none; } ul.sidebar_menu li.header { display: flex; flex-direction: column-reverse; } ul.sidebar_menu li.header:before { content: none; } ul.sidebar_menu li.header h2 { font-size: 24px; color: #fff; background: #ffb741; padding: 3px 38px; text-align: left; font-weight: normal; font-family: 'Uni Sans', Arial, sans-serif; text-transform: uppercase; } ul.sidebar_menu li.header .slinky_header { background: #363a40; } ul.sidebar_menu li.header .slinky_header a { color: #fff; position: relative; padding: 7px 14px; } ul.sidebar_menu li.header .slinky_header a:before { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #363a40; position: absolute; left: 20px; bottom: -8px; z-index: 10; } ul.sidebar_menu li.header a.back:before { color: #fff; } ul.sidebar_menu li a.parent:before, div#sidebar_menu_container a.back:before { width: 13px; height: 23px; top: 7px; right: 10px; color: #000; font-size: 20px; vertical-align: middle; } div#sidebar_menu_container a.back:before { left: 10px; background-position: 0 0; float: none; color: #6c6c6c; } div#sidebar_menu_container { background: none; position: relative; padding-top: 8px; /*overflow: auto; padding-bottom: 20px; box-sizing: border-box;*/ } div#sidebar_menu_container a.next:after { color: #fff; } #burger_container { height: 30px; width: 29px; min-width: 29px; position: relative; font-size: 13px; } .menu__button-open, .menu__button-close { position: absolute; width: 100%; height: 100%; left: 0; } .menu__button-open .menu__button-line { top: 50%; left: 50%; margin: -0.25em 0 0 -13px; } .menu-opened .menu__button-open .menu__button-line { width: 0; } .menu-opened .menu__button-line.n1, .menu-opened .menu__button-line.n3 { -webkit-transition-delay: 0s; transition-delay: 0s; } .menu-opened .menu__button-line.n2 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-opened .menu__button-line.n4 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .menu-opened .menu__button-line.n5 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .menu-opened .menu__button-close .menu__button-line { width: 34px; } .menu__button-line { position: absolute; width: 31px; height: 3px; background-color: #95b3bb; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; } .menu__button-line.n1 { -webkit-transform: translateY(-0.6em); -ms-transform: translateY(-0.6em); -o-transform: translateY(-0.6em); transform: translateY(-0.6em); } .menu__button-line.n2 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .menu__button-line.n3 { -webkit-transform: translateY(0.6em); -ms-transform: translateY(0.6em); -o-transform: translateY(0.6em); transform: translateY(0.6em); } .menu__button-line.n1, .menu__button-line.n3 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .menu__button-line.n4 { top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu__button-line.n5 { bottom: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .menu__button-close .menu__button-line { width: 0; left: 4px; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } #sidebar .sidebar_menu a { font-family: "Montserrat", Arial, sans-serif; font-weight: 300; font-size: 20px; color: #ffffff; } #sidebar .sidebar_menu a:hover { color: #ed9d0b; } #sidebar .sidebar_menu a:hover:after { border: 2px solid #b78f65; } #sidebar .slinky-menu a.next:after { content: ""; position: absolute; width: 15px; height: 15px; border: 3px solid #f1c700; border-bottom-style: none; border-left-style: none; background: transparent; transform: rotate(45deg); right: 15px; } #sidebar .slinky-menu h2 { text-transform: none; color: #000; } #sidebar .slinky-menu h2:before { left: 55px; border-top: 17px solid #ffb741; } #sidebar .slinky-menu li.header { padding-top: 0; } #sidebar a.sidebar_close { display: none; } .header-mobile-row--wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: -9px; } .header-mobile-row--toggle { padding: 10px; } .menu__button-close { top: auto; } #sidebar_overlay.active { background: rgba(80, 80, 80, 0.5); width: 100vh; height: 100vh; display: block; position: absolute; left: 0; top: 80px; } .slinky-menu h2 ~ a.back { text-align: right; color: #fff !important; } .slinky-menu h2 ~ a.back:before { margin-right: 10px; color: #fff !important; } .header h2 { padding: 15px 19px !important; margin: 3px 0; border-bottom: 3px solid #f1c700; background: none !important; } .header h2:after { content: ""; position: absolute; width: 15px; height: 15px; border: 3px solid #f1c700; border-bottom-style: none; border-left-style: none; bottom: -2px; left: 30px !important; background: #f1c700; transform: rotate(-45deg); } .active .header { box-shadow: none !important; } .active .header h2 { color: #FFFFFF !important; } .slinky-menu a:hover { background: none !important; } .footer__top { background-color: #213a42; padding: 10px 0; } .footer__top-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .footer__top-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; padding: 0 10px; } } .footer__top-wrap .social-icons { display: none; } @media screen and (max-width: 749px) { .footer__top-wrap .social-icons { display: flex; margin-top: 10px; } } .footer__num a { font-size: 30px; color: #ffffff; text-decoration: none; } .footer__num a span { font-size: 18px; color: #85a7b4; } .footer__order { text-align: right; } .footer__order a { font-size: 14px; text-decoration: none; text-transform: uppercase; font-style: italic; color: #ffa200; } .footer__phone { margin-left: auto; position: relative; padding-left: 40px; } .footer__phone:before { position: absolute; content: ''; width: 31px; height: 39px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/icon-phone.png"); background-repeat: no-repeat; left: 0; top: 10px; } .footer__desc { color: #6393a4; font-size: 12px; max-width: 360px; } .footer__bottom { background-color: #35525c; padding: 20px 0; } .footer__bottom-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .footer__bottom-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 0 10px; } } .footer__logo { margin-bottom: 20px; } @media screen and (max-width: 749px) { .footer__logo { order: 1; } .footer__logo img { max-width: 80px; } } .footer__social { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .footer__social .social-icons { margin-left: -80px; } .footer__social-phone { color: #ffffff; text-decoration: none; margin-bottom: 15px; display: block; position: relative; padding-left: 40px; margin-left: -80px; } .footer__social-phone:before { position: absolute; content: ''; width: 28px; height: 28px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/phone-icon.png"); background-repeat: no-repeat; left: 0; top: -5px; } .footer_dev { margin-top: 70px; } @media screen and (max-width: 749px) { .footer .main-nav { display: none; } } .footer__img { opacity: .5; } @media screen and (max-width: 749px) { .footer__img { order: 2; } .footer__img img { max-width: 180px; } } @media screen and (max-width: 749px) { .footer__desc { order: 3; } } @media screen and (max-width: 749px) { .footer__social { display: none; } } .footer__desc a { display: none; } @media screen and (max-width: 749px) { .footer__desc a { display: block; } } .footer .main-nav__list { margin-left: 0; } .slider-top { background-color: #193a4c; max-height: 660px; position: relative; margin-top: -210px; overflow: hidden; transform: skewY(-5deg); } @media screen and (max-width: 749px) { .slider-top { margin-top: 0; transform: none; } } .slider-top:before { content: none; position: absolute; bottom: -115px; width: 100%; height: 200px; background-color: #ffffff; z-index: 10; transform: skewY(-5deg); } @media screen and (max-width: 749px) { .slider-top:before { bottom: -145px; } } .slider-top__list { position: relative; transform: skewY(5deg); margin-top: 70px; } @media screen and (max-width: 749px) { .slider-top__list { margin-top: 0; transform: none; } } .slider-top__item a { outline: none; } @media screen and (max-width: 749px) { .slider-top__item a img { max-width: 100%; } } .slider-top .slick-dots { will-change: transform; bottom: 120px; text-align: left; transform: skewY(-5deg); margin-left: 20px; } @media screen and (max-width: 749px) { .slider-top .slick-dots { bottom: 50px; } } .slider-top .slick-dots li { width: auto; height: auto; } .slider-top .slick-dots li.slick-active button { background-color: #ffa200; } .slider-top .slick-dots li button { height: 8px; width: 50px; background-color: #a4acae; } .slider-top .slick-dots li button:before { content: none; } .category-item { position: relative; z-index: 10; display: none; } .category-item__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; min-height: 500px; } @media screen and (max-width: 749px) { .category-item__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .category-item__left, .category-item__right { width: 50%; } @media screen and (max-width: 749px) { .category-item__left, .category-item__right { width: 100%; } } .category-item__left { font-family: "Officina Serif", Arial, sans-serif; position: relative; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/category-item__left-bg.jpg"); background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 749px) { .category-item__left { background-size: contain; background-position: 0 140px; min-height: 500px; } } .category-item__left div { font-size: 40px; color: #558394; text-transform: uppercase; font-weight: bold; text-align: right; } @media screen and (max-width: 749px) { .category-item__left div { text-align: left; font-size: 30px; margin-bottom: 60px; } } .category-item__left span { font-size: 240px; color: #ffa200; font-weight: bold; line-height: 185px; position: absolute; right: -30px; top: 5px; } @media screen and (max-width: 749px) { .category-item__left span { right: 0; top: 50px; font-size: 180px; } } .category-item__left span.active { right: -80px; } .category-item__left span i { font-style: normal; font-size: 198px; } @media screen and (max-width: 749px) { .category-item__left span i { font-size: 180px; } } .category-item__left img { position: absolute; bottom: 0; left: 50%; } @media screen and (max-width: 749px) { .category-item__left img { position: relative; left: 50%; transform: translateX(-50%); max-width: 285px; } } .category-item__left-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .category-item__left-row div { padding-left: 15px; } } .category-item__right { padding-left: 100px; } @media screen and (max-width: 749px) { .category-item__right { padding-left: 15px; text-align: center; } } .category-item__right p { font-size: 22px; color: #4d6572; margin: 0; margin-bottom: 20px; } @media screen and (max-width: 749px) { .category-item__right p { font-size: 18px; text-align: left; } } .category-item__right p + span { font-family: "Officina Serif", Arial, sans-serif; font-size: 48px; font-weight: bold; color: #4d6572; line-height: 1em; } .category-item__right div { font-family: "Officina Serif", Arial, sans-serif; font-size: 48px; font-weight: bold; color: #4d6572; line-height: 1em; } .category-item__right div { color: #cd2b30; margin-bottom: 20px; } .index-category { position: relative; z-index: 0; } @media screen and (max-width: 749px) { .index-category { margin-bottom: 70px; z-index: 15; } } .index-category__list { position: relative; } .index-category__list:before { content: ''; position: absolute; bottom: -80px; right: 0; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/gear_change.png"); width: 266px; height: 311px; } @media screen and (max-width: 749px) { .index-category__list:before { content: none; } } .category-tab { font-family: "Officina Serif", Arial, sans-serif; font-size: 36px; margin-bottom: 90px; margin-top: 20px; } @media screen and (max-width: 749px) { .category-tab { display: none; } } .category-tab__title { color: #ffa200; position: relative; padding-left: 20px; margin-right: 100px; } .category-tab__wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .category-tab__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding-right: 10px; } } .category-tab__wrap:after { content: ''; position: absolute; bottom: -30px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/category-tab__wrap-BG.png"); width: 1215px; height: 27px; left: 50%; transform: translateX(-50%); } .category-tab__wrap:before { content: ''; position: absolute; width: calc(100% + 20px); height: 100%; background-color: #264d5c; transform: skew(-20deg); left: -10px; border-radius: 10px; } .category-tab__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; } .category-tab__list a { padding: 10px 20px; text-transform: uppercase; color: #ffffff; text-decoration: none; display: block; position: relative; text-align: center; width: 100%; margin-right: 5px; } .category-tab__list a:before { content: ''; position: absolute; width: calc(100% + 5px); height: 100%; background: linear-gradient(45deg, #375d6c, rgba(220, 28, 34, 0)); top: 0; left: 0; transform: skewX(-20deg); } .category-tab__list a span { position: relative; text-align: center; } .category-tab__list a.active, .category-tab__list a:hover { color: #264d5c; font-weight: bold; } .category-tab__list a.active:before, .category-tab__list a:hover:before { content: ''; position: absolute; width: 100%; height: calc(100% + 20px); background: #ffa200; top: -10px; left: 0; transform: skewX(-20deg); } .benefit { margin-bottom: 40px; } @media screen and (max-width: 749px) { .benefit { overflow: hidden; padding-top: 20px; } } .benefit__item { width: 280px; position: relative; padding: 20px; } .benefit__item:before { content: ''; position: absolute; width: 100%; height: 322px; bottom: 0; left: 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 749px) { .benefit__item:before { -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); } } .benefit__wrap { margin-right: 60px; } @media screen and (max-width: 749px) { .benefit__wrap { padding: 10px; } } .benefit__wrap:last-child { margin-right: 0; } .benefit__text { font-family: "Montserrat", Arial, sans-serif; font-size: 18px; font-weight: 500; color: #264d5c; line-height: 1em; text-align: center; min-height: 100px; margin-bottom: 10px; position: relative; } .benefit__photo { position: relative; width: 239px; height: 295px; overflow: hidden; } .benefit__photo:before { content: ''; position: absolute; width: 100%; height: 70px; background-color: #ffffff; bottom: -45px; transform: skewY(10deg); } .benefit__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .benefit__list { display: block; width: 300px; margin: 0 auto; } } .benefit__title { font-size: 55px; font-family: "Panton Caps", Arial, sans-serif; color: #264d5c; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 50px; } .benefit__title i { font-family: "Officina Serif", Arial, sans-serif; font-style: normal; } .benefit__title i b { color: #ff8f00; } @media screen and (max-width: 749px) { .benefit__title { font-size: 38px; padding: 0 10px; margin-bottom: 0; line-height: 1.2em; } } .benefit__title span { color: #ff8a00; display: block; position: relative; padding-right: 90px; } .benefit__title span:after { content: ''; position: absolute; width: 90px; height: 89px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/icon_questions.png"); top: -20px; } @media screen and (max-width: 749px) { .benefit__title span:after { width: 70px; height: 70px; background-size: contain; background-repeat: no-repeat; } } .statistics { background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/statistics_BG.jpg"); background-repeat: no-repeat; background-position: center; width: 100%; height: 649px; padding-top: 250px; } @media screen and (max-width: 749px) { .statistics { background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/statistics_BG_mobile.png"); background-size: cover; padding-top: 50px; background-position: top; height: 520px; margin-bottom: 30px; } } .statistics__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .statistics__list { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .statistics__item { margin-right: 40px; } .statistics__item:first-child { margin-top: 50px; } @media screen and (max-width: 749px) { .statistics__item:first-child { margin-top: 10px; } } .statistics__item:last-child { margin-right: 0; } @media screen and (max-width: 749px) { .statistics__item img { width: 240px; } } .statistics__item:nth-child(2) img { margin-top: -30px; } .statistics__item:nth-child(3) img { margin-top: -30px; } .instructors { margin-bottom: 80px; } @media screen and (max-width: 749px) { .instructors { overflow: hidden; } } .instructors__title { font-family: "Panton Caps", Arial, sans-serif; font-size: 36px; color: #264d5c; font-weight: bold; text-align: center; line-height: 1.4em; text-transform: uppercase; } @media screen and (max-width: 749px) { .instructors__title { font-size: 30px; } } .instructors__title span { color: #fa8204; font-size: 60px; display: block; } @media screen and (max-width: 749px) { .instructors__title span { font-size: 35px; } } .instructors__item { width: 302px; position: relative; padding: 20px; } @media screen and (max-width: 749px) { .instructors__item { margin: 0 auto; } } .instructors__item:before { content: ''; position: absolute; width: 100%; height: 409px; bottom: 0; left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; } .instructors__photo { position: relative; width: 262px; height: 355px; overflow: hidden; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/instructors__photo_BG.png"); background-position: bottom; background-repeat: no-repeat; margin-bottom: 30px; } .instructors__photo img { position: relative; } .instructors__photo:before { content: ''; position: absolute; width: 45px; height: 60px; background-color: #ffa200; bottom: 20px; z-index: 10; left: 20px; transform: skewY(-20deg); } .instructors__photo:after { content: ''; position: absolute; width: 100%; height: 70px; background-color: #ffffff; bottom: -40px; transform: skewY(10deg); left: 0; } .instructors__text { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; font-weight: bold; color: #264d5c; line-height: 1em; text-align: center; margin-bottom: 20px; position: relative; } .instructors__text span { color: #cd2b30; display: block; } .instructors__logo { position: relative; text-align: center; display: block; min-height: 90px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .instructors__logo img { display: inline-block; } .instructors__wrap { padding: 10px; } .instructors .slick-list { width: 980px; margin: 0 auto; position: relative; z-index: 2; } @media screen and (max-width: 749px) { .instructors .slick-list { width: 100%; } } .instructors__list { position: relative; } .instructors__list:before { content: ''; position: absolute; width: 100%; height: 320px; background-color: #548192; top: calc(50% + 84px); transform: skewY(-5deg) translateY(-50%); z-index: 1; } .instructors .slick-prev, .instructors .slick-next { z-index: 10; width: 45px; height: 45px; border: 10px solid #f6f6f6; transform: rotate(45deg); } .instructors .slick-prev:before, .instructors .slick-next:before { content: none; } .instructors .slick-prev { left: 30px; border-top-width: 0; border-right-width: 0; } .instructors .slick-next { right: 30px; border-bottom-width: 0; border-left-width: 0; } .instructors .slick-prev:hover, .instructors .slick-next:hover { border-color: #ffa200; } .instructors__btn { margin-top: 50px; text-align: center; } .reviews { background-repeat: no-repeat; background-position: top; padding-top: 30px; position: relative; z-index: 2; } .reviews:before { content: ''; position: absolute; top: 0; width: 100%; height: 426px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/contacts01.png"); background-position: center; } @media screen and (max-width: 749px) { .reviews:before { height: 360px; } } .reviews__item { width: 450px; padding: 40px 50px; padding-bottom: 20px; } @media screen and (max-width: 749px) { .reviews__item { padding: 15px; } } .reviews__title { font-family: "Panton Caps", Arial, sans-serif; color: #fa8204; font-size: 120px; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 749px) { .reviews__title { font-size: 50px; padding-left: 10px; } } .reviews__name { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; font-weight: bold; color: #cd2b30; position: relative; } .reviews__name:before { content: ''; position: absolute; width: 45px; height: 60px; background-color: #ffa200; z-index: 10; left: -10px; transform: skewY(-20deg); top: -10px; } @media screen and (max-width: 749px) { .reviews__name:before { top: -5px; } } .reviews__name span { color: #0e3c4d; position: relative; z-index: 10; } .reviews__wrap { background-color: rgba(255, 255, 255, 0.97); background-repeat: no-repeat; padding: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .reviews__wrap { padding: 15px; } } .reviews__list { width: 950px; position: relative; margin-bottom: 10px; } @media screen and (max-width: 749px) { .reviews__list { width: 100%; } } .reviews .slick-prev, .reviews .slick-next { z-index: 10; width: 45px; height: 45px; border: 10px solid #c6dce4; transform: rotate(45deg); } .reviews .slick-prev:before, .reviews .slick-next:before { content: none; } .reviews .slick-prev { left: -70px; border-top-width: 0; border-right-width: 0; } .reviews .slick-next { right: -70px; border-bottom-width: 0; border-left-width: 0; } .reviews .slick-prev:hover, .reviews .slick-next:hover { border-color: #ffa200; } .reviews__text { color: #0e3c4d; position: relative; z-index: 10; } .reviews__btn { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } .reviews .slick-current .reviews__item { border-right: 1px solid #ededed; } @media screen and (max-width: 749px) { .reviews .slick-current .reviews__item { border-right: 0; } } .contacts-index { font-family: "Panton Caps", Arial, sans-serif; font-weight: 600; font-size: 18px; } .contacts-index__wrap { background-color: #35525c; padding: 20px 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 2; } @media screen and (max-width: 749px) { .contacts-index__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 10px; } } .contacts-index__wrap:before { position: absolute; content: ''; width: 40px; height: 40px; background-color: #35525c; left: 50%; transform: translateX(-50%) rotate(45deg); bottom: -15px; } .contacts-index__wrap p { color: #ffffff; margin: 0; margin-right: 20px; } @media screen and (max-width: 749px) { .contacts-index__wrap p { width: 100%; } } .contacts-index__wrap p span { color: #ff9600; } .contacts-index__wrap ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .contacts-index__wrap ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .contacts-index__wrap ul li { color: #ff9600; font-weight: bold; margin-right: 20px; position: relative; padding-left: 20px; } .contacts-index__wrap ul li:before { content: ''; position: absolute; width: 16px; height: 19px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/icon_pin.svg"); background-repeat: no-repeat; left: 0; top: 1px; } .contacts-index__wrap ul li:last-child { margin-right: 0; } .contacts-index__map { width: 100%; height: 500px; margin-top: -240px; position: relative; z-index: 1; } .social-icons { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .social-icons a { width: 35px; height: 35px; background-color: #4f6274; border-radius: 50%; display: inline-block; text-decoration: none; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-right: 5px; transition: .3s all ease-in; } .social-icons a:hover { background-color: #90a0ad !important; } .social-icons a:last-child { margin-right: 0; } .social-icons a.vk:hover { background-color: #6996c7 !important; } .social-icons a.fb:hover { background-color: #496194 !important; } .social-icons a.ok:hover { background-color: #ff9c43 !important; } .social-icons a.igr:hover { background-color: #6996c7 !important; } .main-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .main-nav__list { position: relative; margin-right: 20px; width: 100%; border-radius: 25px; background-color: #222f3d; padding: 0 20px; margin-left: 180px; } .main-nav__list ul { list-style: none; margin: 0; padding: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main-nav__list ul li { margin-right: 10px; } .main-nav__list ul li:last-child { margin-right: 0; } .main-nav__list ul li a { text-decoration: none; color: #ffffff; font-size: 12px; font-weight: 500; text-transform: uppercase; display: block; padding: 15px 6px; position: relative; white-space: nowrap; } .main-nav__list ul li a.active, .main-nav__list ul li a:hover { padding: 15px 6px; background-color: #ffa200; } .main-nav__list ul li a.active span, .main-nav__list ul li a:hover span { color: #ffffff; } .main-nav__list ul li a span { position: relative; } .main-nav__stock { position: relative; line-height: 46px; background-color: #ff8a00; border-radius: 25px; padding: 0 20px; } .main-nav__stock:after { position: absolute; content: ''; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/icon_percent.png"); width: 67px; height: 46px; top: 0; left: 8px; } .main-nav__stock a { padding: 15px 8px; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #ffffff; text-decoration: none; font-style: normal; white-space: nowrap; } .main-nav__stock div { position: relative; z-index: 10; } .main-nav__stock:hover a { color: #0e2938; } .main-nav__stock:hover:before { background-color: #ffd300; } .breadcrumbs { margin-top: 20px; margin-left: 200px; } .breadcrumbs ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 0; } @media screen and (max-width: 749px) { .breadcrumbs ul { padding-left: 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .breadcrumbs ul li { position: relative; padding-right: 20px; margin-right: 10px; } .breadcrumbs ul li:before { content: '>'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #b2bbbf; } .breadcrumbs ul li:last-child { margin-right: 0; } .breadcrumbs ul li:last-child a { color: #54727e; } .breadcrumbs ul li:last-child:before { content: none; } .breadcrumbs ul li a { font-size: 14px; text-decoration: none; color: #b2bbbf; } .breadcrumbs ul li a:hover { color: #54727e; } .breadcrumbs ul li a span { font-size: 14px; } .breadcrumbs ul li span { font-size: 14px; } .questions { color: #264d5c; } .questions__item { margin-bottom: 20px; } .questions__item.active .questions__answer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .questions__item.active .questions__problem i { color: #264d5c; } .questions__item.active .questions__problem i:before { position: absolute; content: ''; width: 24px; height: 8px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/minus_icon.svg"); background-repeat: no-repeat; right: 0; top: 50%; transform: translateY(-50%); } .questions__problem { background-color: #e5eaec; padding: 10px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; margin-left: 40px; font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; cursor: pointer; position: relative; } @media screen and (max-width: 749px) { .questions__problem { margin-left: 0; } } .questions__problem:before { position: absolute; content: ''; width: 32px; height: 37px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/man_icon.svg"); left: -45px; background-repeat: no-repeat; } .questions__problem:after { position: absolute; content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #e5eaec; left: -15px; top: 10px; } .questions__problem span { color: #264d5c; } .questions__problem i { color: #cd2b30; font-weight: bold; font-style: normal; cursor: pointer; position: relative; padding-right: 40px; } @media screen and (max-width: 749px) { .questions__problem i { font-size: 0; } } .questions__problem i:before { position: absolute; content: ''; width: 24px; height: 24px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/plus_icon.svg"); right: 0; top: 50%; transform: translateY(-50%); } .questions__answer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 20px 60px; display: none; } @media screen and (max-width: 749px) { .questions__answer { padding: 20px 10px; } } .questions__answer b { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; margin-right: 20px; line-height: .9em; } @media screen and (max-width: 749px) { .questions__answer b { display: none; } } .content { position: relative; z-index: 0; } .content:before { content: ''; position: absolute; top: 0; width: 100%; height: 426px; background-image: url(/local/templates/dosaaf-kolomna.ru/css/../images/contacts01.png); background-position: center 30px; background-repeat: no-repeat; } .content__wrap { background-color: #fff; padding: 30px 20px; font-size: 16px; color: #264d5c; } @media screen and (max-width: 749px) { .content__wrap { padding: 30px 10px; } } @media screen and (max-width: 749px) { .content__wrap .index-category { margin-bottom: 20px; } } .content__wrap b { font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; } .content__wrap > .reviews__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .content__wrap > .reviews__list .reviews__item { width: 50%; border-right: 1px solid #e0e9ed; border-bottom: 1px solid #e0e9ed; } .content__wrap > .reviews__list .reviews__item:nth-child(2n) { border-right: none; } .content__wrap > .reviews__list .reviews__item:last-child { border-bottom: 0; } .content__wrap > .reviews__list .reviews__item:nth-last-child(2) { border-bottom: 0; } .content__wrap > .reviews__list .reviews__text { font-size: 18px; } .content__wrap > .instructors__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .content__wrap > .instructors__list:before { content: none; } .content__wrap > .instructors__list .instructors__item { width: 270px; padding: 10px; } .content__wrap > .instructors__list .instructors__photo { width: 250px; } .stock { padding-top: 20px; } .stock__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .stock__list { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .stock__item { background-color: #ffffff; width: 280px; padding: 20px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center; margin-right: 13px; margin-bottom: 60px; } .stock__item:nth-child(4n) { margin-right: 0; } .stock__item:hover .stock__title { color: #cd2b30; } .stock__item:hover .stock__pics:after { display: block; } .stock__pics { margin-top: -40px; margin-bottom: 10px; overflow: hidden; width: 239px; height: 186px; position: relative; } .stock__pics:after { content: ''; position: absolute; width: 45px; height: 60px; background-color: #ffa200; bottom: 20px; z-index: 10; left: 10px; transform: skewY(-20deg); display: none; } .stock__pics:before { content: ''; position: absolute; width: 100%; height: 70px; background-color: #ffffff; bottom: -45px; transform: skewY(12deg); } .stock__title { font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; text-decoration: none; text-align: center; font-size: 24px; font-weight: bold; line-height: 1em; } .stock-item { padding-top: 20px; } .stock-item__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .stock-item__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .stock-item__block { background-color: #ffffff; width: 280px; padding: 20px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom: 60px; margin-right: 30px; } @media screen and (max-width: 749px) { .stock-item__block { margin: 0 auto; } } .stock-item__pics { margin-top: -40px; margin-bottom: 10px; overflow: hidden; width: 239px; height: 186px; position: relative; } .stock-item__pics:after { content: ''; position: absolute; width: 45px; height: 60px; background-color: #ffa200; bottom: 20px; z-index: 10; left: 10px; transform: skewY(-20deg); display: none; } .stock-item__pics:before { content: ''; position: absolute; width: 100%; height: 70px; background-color: #ffffff; bottom: -45px; transform: skewY(12deg); } .stock-item__title { font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; text-decoration: none; text-align: center; font-size: 24px; font-weight: bold; line-height: 1em; } .stock-item__text { color: #264d5c; font-size: 16px; line-height: 1.4em; } @media screen and (max-width: 749px) { .stock-item__text { padding: 10px; } } .section-block { padding-top: 20px; } .section-block__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-block__item { background-color: #ffffff; width: 270px; padding: 15px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom: 60px; } @media screen and (max-width: 749px) { .section-block__item { margin-bottom: 0; display: inline-block; width: 260px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } } .section-block__item-wrap { text-align: center; padding: 10px; } .section-block__item:nth-child(4n) { margin-right: 0; } .section-block__item:hover .section-block__title { color: #cd2b30; } .section-block__item:hover .section-block__pics:after { display: block; } .section-block__pics { margin-top: -40px; margin-bottom: 10px; overflow: hidden; width: 239px; height: 186px; position: relative; } @media screen and (max-width: 749px) { .section-block__pics { width: auto; display: inline-block; } } .section-block__pics:after { content: ''; position: absolute; width: 45px; height: 60px; background-color: #ffa200; bottom: 20px; z-index: 10; left: 10px; transform: skewY(-20deg); display: none; } .section-block__pics:before { content: ''; position: absolute; width: 100%; height: 70px; background-color: #ffffff; bottom: -45px; transform: skewY(12deg); } @media screen and (max-width: 749px) { .section-block__pics:before { left: 50%; transform: translateX(-55%) skewY(12deg); } } .section-block__title { font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; text-decoration: none; text-align: center; font-size: 24px; font-weight: bold; line-height: 1em; } .contacts__desc { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 50%; padding: 10px 20px; } @media screen and (max-width: 749px) { .contacts__desc { width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .contacts__map { width: 50%; min-height: 210px; } @media screen and (max-width: 749px) { .contacts__map { width: 100%; } } .contacts__item { border: 1px solid rgba(166, 179, 190, 0.3); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; min-height: 210px; margin-bottom: 20px; } @media screen and (max-width: 749px) { .contacts__item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .contacts__text { position: relative; padding-right: 30px; width: 60%; } @media screen and (max-width: 749px) { .contacts__text { width: 100%; } } .contacts__text:before { position: absolute; content: ''; width: 1px; height: 70%; top: 50%; right: 0; transform: translateY(-50%); background-color: rgba(166, 179, 190, 0.3); } @media screen and (max-width: 749px) { .contacts__text:before { content: none; } } .contacts__text ul { margin: 0; padding: 0; } .contacts__text ul li { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 15px; } .contacts__text ul li:last-child { margin-bottom: 0; } .contacts__text ul li div { margin-right: 25px; width: 30px; } .contacts__social { width: 40%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .contacts__social { width: 100%; margin-top: 20px; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; -moz-justify-content: left; justify-content: left; } } .contacts__address { font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; font-size: 24px; color: #0e2938; } .contacts__address div { position: relative; } .contacts__address div:before { content: ''; position: absolute; width: 45px; height: 50px; background-color: #f1c700; z-index: 0; left: -10px; transform: skewY(-20deg); top: -10px; } .contacts__address svg { position: relative; z-index: 0; } .contacts__phone a { font-size: 20px; font-weight: bold; text-decoration: none; color: #0e2938; } .contacts__work-time { font-size: 18px; text-decoration: none; color: #0e2938; } .contacts__email a { font-size: 18px; text-decoration: none; color: #3389b9; } .contacts__email a:hover { text-decoration: underline; } .services { color: #4d6572; } .services__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .services__item:nth-child(even) .services__desc { order: 1; text-align: right; padding-right: 20px; } @media screen and (max-width: 749px) { .services__item:nth-child(even) .services__desc { order: 2; } } .services__item:nth-child(even) .services__pics { order: 2; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } @media screen and (max-width: 749px) { .services__item:nth-child(even) .services__pics { order: 1; } } @media screen and (max-width: 749px) { .services__item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } .services__item .services__desc { order: 2; } .services__item .services__pics { order: 1; } } .services__pics { position: relative; width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } @media screen and (max-width: 749px) { .services__pics { width: 100%; } } .services__pics-wrap { background-color: #264d5c; padding: 10px; position: relative; width: 80%; } @media screen and (max-width: 749px) { .services__pics-wrap { width: 100%; } } .services__pics-wrap a { display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 30px; } .services__pics-wrap img { max-height: 230px; max-width: 500px; } @media screen and (max-width: 749px) { .services__pics-wrap img { position: relative; max-width: 100%; } } .services__pics-wrap b { color: #ffa200; font-size: 72px; line-height: 1em; } .services__desc { width: 50%; position: relative; padding: 50px 10px 20px 20px; } @media screen and (max-width: 749px) { .services__desc { width: 100%; } } .services__desc p { font-size: 18px; margin: 0 0 10px 0; } .services__desc p + span { font-size: 36px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; } .services__desc div { font-size: 36px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; color: #cd2b30; } .category .instructors { margin-top: 40px; } .category__desc { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .category__desc { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .category__license-item a { display: block; padding: 10px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .category__text-wrap { margin-bottom: 40px; } @media screen and (max-width: 749px) { .category__text-wrap { padding: 10px; } } .category__text .h2 { margin-bottom: 0; } .category__text h2, .category__text h3 { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; color: #264d5c; margin-bottom: 0; } .category__text h2 { font-size: 30px; } .category__text p { margin-top: 0; } .category__text ul { padding: 0; list-style: none; } .category__text ul li { font-size: 30px; font-family: "Officina Serif", Arial, sans-serif; text-transform: uppercase; font-weight: bold; } .category__text ul li span { color: #cd2b30; } .category__license { position: relative; padding-left: 40px; } @media screen and (max-width: 749px) { .category__license { margin-top: 50px; padding: 10px; width: 100%; text-align: center; } } .category__license-item { position: relative; } .category__license-item:before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #648e9d; top: 20px; left: -20px; } @media screen and (max-width: 749px) { .category__license-item:before { content: none; } } .category__license-item a { background-color: #ffffff; position: relative; } @media screen and (max-width: 749px) { .category__license-item a { display: inline-block; } } @media screen and (max-width: 749px) { .category__btn { text-align: center; } } .category-gallery { margin: 50px 0 150px 0; } @media screen and (max-width: 749px) { .category-gallery { margin: 50px 0 50px 0; } } .category-gallery__text { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; font-weight: bold; color: #ffffff; padding-right: 10px; padding-top: 40px; } @media screen and (max-width: 749px) { .category-gallery__text { background-color: #264d5c; padding: 10px; text-align: center; } } .category-gallery__text span { color: #ffa200; } .category-gallery__list { position: relative; } .category-gallery__list:before { content: ''; position: absolute; width: 100%; height: 250px; background-color: #548192; top: 50%; transform: skewY(-5deg) translateY(-50%); z-index: 1; } .category-gallery__item { position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 100px; } @media screen and (max-width: 749px) { .category-gallery__item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } } .category-gallery__photo { padding: 10px; background-color: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 749px) { .category-gallery__photo { padding: 0; } } .category-gallery .slick-prev, .category-gallery .slick-next { z-index: 10; width: 45px; height: 45px; border: 10px solid #f6f6f6; transform: rotate(45deg); } .category-gallery .slick-prev:before, .category-gallery .slick-next:before { content: none; } .category-gallery .slick-prev { left: 30px; border-top-width: 0; border-right-width: 0; } .category-gallery .slick-next { right: 30px; border-bottom-width: 0; border-left-width: 0; } .category-gallery .slick-prev, .category-gallery .slick-next { z-index: 30; } .category-gallery .slick-prev:hover, .category-gallery .slick-next:hover { border-color: #ffa200; } .category-gallery .slick-list { position: relative; z-index: 10; } .category-gallery .slick-dots { will-change: transform; bottom: 90px; text-align: left; transform: skewY(-5deg); margin-left: 20px; z-index: 50; } .category-gallery .slick-dots li { width: auto; height: auto; } .category-gallery .slick-dots li.slick-active button { background-color: #ffa200; } .category-gallery .slick-dots li button { height: 8px; width: 50px; background-color: #a4acae; } .category-gallery .slick-dots li button:before { content: none; } .dropdown-menu { position: absolute; background-color: rgba(255, 255, 255, 0.98); width: 100%; padding: 60px 0; top: 70px; display: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .dropdown-menu__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: none; } .dropdown-menu__item.active { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .dropdown-menu__img { width: 220px; height: 115px; text-align: center; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .dropdown-menu__img img { max-height: 100%; } .dropdown-menu__nav { padding-right: 30px; margin-right: 30px; border-right: 1px solid #c6d8df; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } .dropdown-menu__nav ul { padding: 0; margin: 0; list-style: none; } .dropdown-menu__nav ul li { margin-bottom: 20px; } .dropdown-menu__nav ul li:last-child { margin-bottom: 0; } .dropdown-menu__nav ul li.active a { color: #cd2b30; } .dropdown-menu__nav ul li a { font-family: "Officina Serif", Arial, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; color: #264d5c; } .dropdown-menu__nav ul li a:hover, .dropdown-menu__nav ul li a.active { color: #cd2b30; } .dropdown-menu__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 300px; } .dropdown-menu__text div { font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; color: #cd2b30; font-weight: bold; } .dropdown-menu__text p { font-size: 14px; } .popup { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; overflow: hidden; display: none; transition: .5s all ease-in; } .popup__wrap { background-color: rgba(0, 0, 0, 0.7); height: 100%; } .popup__inline { width: 40%; position: absolute; height: 100%; background-color: #fff; right: -100%; transition: .5s all ease-in; } @media screen and (max-width: 749px) { .popup__inline { width: 100%; } } .popup__inline.active { right: 0; } .popup.active { display: block; } .popup__form { position: relative; left: -90px; max-width: 630px; padding-top: 20px; } @media screen and (max-width: 749px) { .popup__form { left: 0; max-width: 100%; padding-top: 120px; } } .popup__form input[type='text'] { background-color: #e9f2f5; border: none; padding: 15px; border-radius: 10px; min-width: 380px; font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; font-size: 30px; margin-bottom: 10px; outline: none; } @media screen and (max-width: 749px) { .popup__form input[type='text'] { min-width: 100%; } } .popup__form input[type='text']::placeholder { font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; font-size: 30px; } .popup__form form { max-width: 500px; padding-left: 50px; } @media screen and (max-width: 749px) { .popup__form form { max-width: 100%; padding: 15px; } } .popup__check { display: block; margin-bottom: 10px; cursor: pointer; } .popup__check a { color: #ffffff; text-decoration: underline; } .popup__check a:hover { text-decoration: none; } .popup__check input { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -10; } .popup__check input:checked + span:after { display: block; } .popup__check span { font-size: 12px; padding-left: 50px; position: relative; display: block; } .popup__check span:before { content: ''; width: 30px; height: 30px; background-color: #fff; position: absolute; left: 0; border-radius: 10px; } .popup__check span:after { content: ''; position: absolute; left: 5px; width: 20px; height: 20px; display: none; top: 5px; background-color: #264d5c; border-radius: 5px; } .popup__close { position: absolute; right: 100px; top: 50px; cursor: pointer; } @media screen and (max-width: 749px) { .popup__close { right: 20px; top: 80px; } } .popup__close:hover svg path { fill: #cd2b30; } @media screen and (max-width: 749px) { .popup__car { display: none; } } .popup__car img { max-width: 100%; } @media screen and (max-width: 749px) { .popup__logo { display: none; } } @media screen and (max-width: 749px) { .popup__btn { margin-left: 20px; } } .category-mobile { font-family: "Officina Serif", Arial, sans-serif; font-size: 36px; margin-bottom: 90px; margin-top: 20px; display: none; } @media screen and (max-width: 749px) { .category-mobile { display: block; padding: 0 25px; position: absolute; width: 100%; top: 380px; } } .category-mobile__title { color: #ffa200; position: relative; padding-left: 20px; margin-right: 100px; } @media screen and (max-width: 749px) { .category-mobile__title { font-size: 25px; margin-right: 10px; } } .category-mobile__wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .category-mobile__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding-right: 10px; z-index: 20; } } .category-mobile__wrap.active .category-mobile__arrow { transform: rotate(180deg); } .category-mobile__wrap:after { content: ''; position: absolute; bottom: -30px; background-image: url("/local/templates/dosaaf-kolomna.ru/css/../images/category-tab__wrap-BG.png"); width: 1215px; height: 27px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 749px) { .category-mobile__wrap:after { content: none; } } .category-mobile__wrap:before { content: ''; position: absolute; width: calc(100% + 20px); height: 100%; background-color: #264d5c; transform: skew(-20deg); left: -10px; border-radius: 10px; } .category-mobile__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .category-mobile__list a { padding: 10px 20px; text-transform: uppercase; color: #ffffff; text-decoration: none; position: relative; text-align: center; width: 100%; margin-right: 5px; display: none; } @media screen and (max-width: 749px) { .category-mobile__list a { width: 85px; } } .category-mobile__list a:before { content: ''; position: absolute; width: calc(100% + 5px); height: 100%; background: linear-gradient(45deg, #375d6c, rgba(220, 28, 34, 0)); top: 0; left: 0; transform: skewX(-20deg); } .category-mobile__list a span { position: relative; text-align: center; } .category-mobile__list a.active, .category-mobile__list a:hover { color: #264d5c; font-weight: bold; display: block; } .category-mobile__list a.active:before, .category-mobile__list a:hover:before { content: ''; position: absolute; width: 100%; height: calc(100% + 20px); background: #ffa200; top: -10px; left: 0; transform: skewX(-20deg); } .category-mobile__arrow { z-index: 10; } .category-mobile__ad { background-color: #548192; margin-top: -15px; padding: 40px 10px 10px 10px; border-radius: 10px; position: absolute; z-index: 10; width: calc(100% - 50px); display: none; } .category-mobile__ad.active { display: block; } .category-mobile__ad ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-mobile__ad ul li { color: #264d5c; background-color: #f1c700; margin: 3px; width: 55px; height: 55px; border-radius: 5px; } .category-mobile__ad ul li a { text-decoration: none; color: #264d5c; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; height: 100%; } .content-form { position: relative; max-width: 800px; } @media screen and (max-width: 749px) { .content-form { left: 0; max-width: 100%; padding: 0; } } .content-form input[type='text'] { background-color: #e9f2f5; border: none; padding: 15px; border-radius: 10px; min-width: 360px; font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; font-size: 22px; outline: none; margin-bottom: 10px; } @media screen and (max-width: 749px) { .content-form input[type='text'] { min-width: 100%; margin-bottom: 10px; font-size: 22px; } } .content-form input[type='text']::placeholder { font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; font-size: 22px; } @media screen and (max-width: 749px) { .content-form input[type='text']::placeholder { font-size: 22px; } } @media screen and (max-width: 749px) { .content-form form { max-width: 100%; padding: 10px; } } .content-form__check { margin-bottom: 25px; cursor: pointer; max-width: 50%; display: block; } @media screen and (max-width: 749px) { .content-form__check { max-width: 100%; } } .content-form__check a { color: #ffffff; text-decoration: underline; } .content-form__check a:hover { text-decoration: none; } .content-form__check input { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -10; } .content-form__check input:checked + span:after { display: block; } .content-form__check span { font-size: 12px; padding-left: 50px; position: relative; display: block; } .content-form__check span:before { content: ''; width: 30px; height: 30px; background-color: #e9f2f5; position: absolute; left: 0; border-radius: 10px; } .content-form__check span:after { content: ''; position: absolute; left: 5px; width: 20px; height: 20px; display: none; top: 5px; background-color: #264d5c; border-radius: 5px; } .content-form__row { margin-bottom: 15px; } @media screen and (max-width: 749px) { .content-form__row { margin-bottom: 0; } } .content-form__row label { width: 100%; } .content-form__row label > span { display: block; margin-bottom: 10px; font-weight: 400; font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; } @media screen and (max-width: 749px) { .content-form__row label > span { font-size: 20px; text-align: center; } } .content-form__row .resit { display: none; } .content-form__row--resit .ui-datepicker { min-width: 350px; } .content-form__row--resit .ui-datepicker span { font-size: 18px; } .content-form__row--resit .ui-state-active, .content-form__row--resit .ui-widget-content .ui-state-active { background: #74c76b; padding: 2px; border: 2px solid white; } .content-form__row--resit .ui-state-active .ui-state-default, .content-form__row--resit .ui-widget-content .ui-state-active .ui-state-default { padding: 0; font-size: 18px; background: transparent; border: none; } .content-form__row--resit .ui-state-active .ui-state-default.ui-state-active, .content-form__row--resit .ui-widget-content .ui-state-active .ui-state-default.ui-state-active { color: #264d5c; } .content-form__row--resit .ui-state-active.ui-datepicker-current-day, .content-form__row--resit .ui-widget-content .ui-state-active.ui-datepicker-current-day { background: #f1c700; } .content-form__btn:before { transform: none; } .content-form__btn:before { content: none; } .content-form__btn:after { content: none; } .content-form__btn:hover { background: #f1c700; } .content-form__btn span { margin-top: 5px; } @media screen and (max-width: 749px) { .content-form__btn { text-align: center; } } .content-form__callendar { position: relative; } .content-form__callendar svg { position: absolute; right: 25px; top: calc(50%); transform: translateY(-50%); } .content-form__select { position: relative; } .content-form__select > span { display: block; margin-bottom: 10px; font-weight: 400; font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/dosaaf-kolomna.ru/css/custom.css?172526672613587*/ .header-mobile__logo img { width: 80px; } .services__desc { padding: 50px 10px 50px 20px; } .services__pics-wrap span { color: white; font-size: 20px; } .services .services__item:nth-child(odd) .btn, .services .services__item:nth-child(even) .btn { bottom: 0; } .services__pics-wrap a { position: relative; left: 45%; } .category-tab__list a.ts { min-width: 170px; } .category-tab__list a.ts span { line-height: .7em; display: block; margin-top: 15px; } .category-tab__list a.ts i { position: absolute; top: 0; font-size: 20px; left: 50%; transform: translateX(-50%); font-style: normal; } .services__item { min-height: 200px; } .category-tab__title { margin-right: 20px; } .category__license-item a { display: none; } .category-gallery .slick-dots li { margin-bottom: 10px; } .category-gallery .slick-dots { display: flex; flex-wrap: wrap; width: 400px; bottom: 60px; } .category-gallery__item { justify-content: center; } .category__text.category__text--add ul li { list-style: square; font-size: 16px; font-weight: normal; text-transform: none; font-family: Montserrat, Arial, sans-serif;; } .category__text.category__text--add ul { margin-left: 30px; } .category-tab { margin-bottom: 60px; } .category-gallery { margin: 50px 0 50px 0; } .h1 { line-height: .9em; } .content__wrap h2, .content__wrap h3 { font-family: "Officina Serif", Arial, sans-serif; } .content__wrap h2 { font-size: 30px; } .content__wrap h3 { font-size: 25px; } .content__wrap h2 { font-size: 30px; } .content__wrap b { font-family: "Montserrat", Arial, sans-serif; font-size: 18px; } .services__pics .services__pics-wrap b { font-size: 72px; font-family: "Officina Serif", Arial, sans-serif; } #BX_file_dialog .content:before{ content: none; } ul { padding: 0; margin: 0; list-style-type: none; } .select { display: inline-block; vertical-align: top; max-width: 245px; width: 100%; } .select-wrap { max-width: 700px; width: 100%; margin: 20px auto; } .select-wrap select { margin: 20px; } .select__gap { cursor: pointer; position: relative; background-color: #e9f2f5; border: none; padding: 15px; border-radius: 10px; min-width: 360px; font-family: "Officina Serif", Arial, sans-serif; color: #264d5c; font-size: 22px; outline: none; margin-bottom: 10px; } .on.select__gap, .select__gap:hover { color: #467797; } .select__list { background: transparent; border: 1px solid #467797; margin: 0 0; } .select__list.on { display: block; } .select__item span { display: block; padding: 10px 15px; cursor: pointer; font-family: "Officina Serif", Arial, sans-serif; font-size: 20px; color: #264d5c; } .select__item.selected, .select__item span:hover { color: #467797; } .select__gap:after { content: ''; display: block; width: 10px; height: 10px; position: absolute; right: 15px; top: 50%; margin-top: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 14px solid #547988; -webkit-transition: all .27s ease-in-out; -o-transition: all .27s ease-in-out; transition: all .27s ease-in-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .on.select__gap:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .select__list { position: absolute; z-index: 10; background-color: #e9f2f5; top: 45px; border: 0; min-width: 360px; } #ui-datepicker-div { width: 360px; } .form__successful { left: 0; } .content-form__row--select { display: flex; } .content-form__row--select .content-form__select { width: 360px; margin-right: 5px; } .autopark__row { display: block; } .category-item__right h2 { font-size: 22px; } .category-item__right h2 { font-size: 22px; } .category-item__right h2 span { font-size: 30px; } .services__desc .btn { display: inline-block; padding: 12px 20px; margin-top: 10px; text-transform: unset; } .services__desc .btn:before { transform: none; } .services__desc .btn:after { background-size: contain; width: 100%; background-repeat: no-repeat; bottom: -30px; } .services__desc .btn span { font-size: 25px; text-transform: inherit; font-weight: bold; } .services .services__item:nth-child(odd) .btn { position: absolute; right: 123px; bottom: 20px; } .services .services__item:nth-child(even) .btn { position: absolute; left: 123px; bottom: 20px; } .services__desc h2 { font-size: 28px; } .services__desc h2 span { font-size: 28px; } .classes-list a { color: #264d5c; } .header__phone div:last-child:after { top: 0; } .dropdown-menu__text h2 { display: none; } .questions__list--docs ul li { margin-bottom: 10px; } .questions__list--docs ul { list-style-type: disc; } .questions__list--docs ul li a, .questions__answer a { color: #0e2938; } .questions__list--docs ul li a:hover, .questions__answer a:hover { text-decoration: none; } .questions__list--docs .questions__problem:before { content: none; } .questions__list--docs .questions__problem:after { content: none; } .questions__list--docs .questions__problem { margin-left: 0; } .questions__list--docs .questions__answer b { margin-right: 10px; } .questions__answer table td p { font-size: 14px; } .questions__answer table { border-collapse: collapse; } .questions__answer table td { border: 1px solid #e5eaec; padding: 5px; } .category__text-wrap sup { color: #ff0000; } .footnote { display: block; margin-top: 20px; font-size: 13px; color: #767f8c; margin-bottom: 20px; } .about__list { display: flex; flex-wrap: wrap; } .about__list a { width: calc((100% / 4) - 10px); margin-right: 5px; margin-bottom: 5px; } .about__list a img { width: 100%; } .questions__list--docs ul li > ul { margin-left: 30px; margin-top: 10px; margin-bottom: 20px; } .select__item span { padding: 2px 15px; } .instructors__list--admin .instructors__text span { padding: 0 16px; } .footer__desc a { display: block; color: rgba(255, 255, 255, .4); } .popup__check a, .content-form__check a { color: #041217; } .header-mobile-row--toggle { padding-top: 5px; } .header-mobile__search_popup { height: 67px; right: 0; top: 20px; width: 100%; position: absolute; transition: top .3s linear; background: #333333; z-index: 100; } .header-mobile__search_popup_container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 15px 12px; } .header-mobile__search_popup_container div:first-child { width: calc(100% - 67px); } .header-mobile__search_popup_container div { box-sizing: border-box; } .header-mobile__search_popup_container input { border: 1px solid #bcbcbc; color: #bcbcbc; font-size: 16px; } .header-mobile__search_popup_container button, .header-mobile__search_popup_container input { width: 100%; background: transparent; box-sizing: border-box; padding: 0 10px; height: 100%; position: relative; outline: none; } .header-mobile__search_popup_container button { border: 0; text-align: center; padding-right: 0; } .select2-container { width: 360px!important; } .select2-container--default .select2-selection--single { background-color: #e9f2f5; border: none; border-radius: 7px; } .select2-container .select2-selection--single { height: auto; padding: 12px 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 15px; right: 8px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 10px 8px 0 8px; } .select2-dropdown { background-color: #e9f2f5; border: none; } @media screen and (max-width: 749px) { .category-item__left { min-height: 350px; } .services .services__item:nth-child(odd) .btn, .services .services__item:nth-child(even) .btn { position: relative; right: auto; left: 0; bottom: 0; } .reviews__name:before { z-index: -3; } .category-mobile__ad ul li a.active { border: 5px solid #d0181d; border-radius: 5px; } .select2-container { width: 100%!important; } .instructors .slick-prev, .instructors .slick-next, .benefit .slick-prev, .benefit .slick-next, .section-block .slick-prev, .section-block .slick-next, .reviews .slick-prev, .reviews .slick-next, .instructors__list .slick-prev, .instructors__list .slick-next, .reviews__list .slick-prev, .reviews__list .slick-next, .category-gallery .slick-prev, .category-gallery .slick-next { z-index: 11; width: 30px; height: 30px; border: 2px solid #f1c700; transform: rotate(45deg); } .content__wrap .reviews__list .slick-prev, .content__wrap .reviews__list .slick-next { top: 200px; } .instructors .slick-prev:before, .instructors .slick-next:before, .benefit .slick-prev:before, .benefit .slick-next:before, .section-block .slick-prev:before, .section-block .slick-next:before, .reviews .slick-prev:before, .reviews .slick-next:before, .instructors__list .slick-prev:before, .instructors__list .slick-next:before, .reviews__list .slick-prev:before, .reviews__list .slick-next:before, .category-gallery .slick-prev:before, .category-gallery .slick-next:before { content: none; } .instructors .slick-prev, .benefit .slick-prev, .section-block .slick-prev, .reviews .slick-prev, .instructors__list .slick-prev, .reviews__list .slick-prev, .category-gallery .slick-prev { left: 10px; border-top-width: 0; border-right-width: 0; } .reviews .slick-prev { left: 0; } .instructors .slick-next, .benefit .slick-next, .section-block .slick-next, .reviews .slick-next, .instructors__list .slick-next, .reviews__list .slick-next, .category-gallery .slick-next { right: 10px; border-bottom-width: 0; border-left-width: 0; } .reviews .slick-next { right: 0; } .instructors .slick-prev:hover, .instructors .slick-next:hover, .benefit .slick-prev:hover, .benefit .slick-next:hover, .section-block .slick-prev:hover, .section-block .slick-next:hover, .reviews .slick-prev:hover, .reviews .slick-next:hover .instructors__list .slick-prev:hover, .instructors__list .slick-next:hover, .reviews__list .slick-next:hover, .reviews__list .slick-prev:hover, .category-gallery .slick-next:hover, .category-gallery .slick-prev:hover { border-color: #f1c700; } .content__wrap .reviews__item { padding: 30px; } .reviews__item { padding: 20px; } .content-form__row--select { flex-wrap: wrap; } .category-item__left img { position: absolute; bottom: 0; left: 0; transform: none; top: calc(50% - 90px); margin-left: 0!important; max-width: 330px; } .services__pics-wrap img { max-height: 120px; } .services__pics-wrap a { top: 0; } #bx_651765591_19 .services__pics-wrap a { top: 15px; } .select__gap { min-width: 100%; } .content-form__row--select .content-form__select { width: 100%; } .select__list { min-width: 100%; } .category-gallery__photo a img { width: 100%; } .questions__list--docs .questions__answer b { display: block; } .structure { width: 100%; height: auto; } .questions__list--docs ul { padding: 0 10px; } .questions__list--docs .questions__answer { display: block; } .table-mobile { overflow-x: auto; } .benefit__list { width: 100%; } .benefit__wrap { text-align: center; } .benefit__item { display: inline-block; } .benefit__photo:before { left: 0; } .category-item__right span, .category-item__right div { white-space: nowrap; } .content__wrap h2 span { white-space: nowrap; } .category-mobile__wrap { display: none; } .category-mobile__ad { display: block; width: 100%; padding: 0 20px; background-color: transparent; } .category-mobile { padding: 0; top: 355px; } .index-category__item h2 { color: #264d5c; } .category-item__left span.active { right: 0; } .section-block__list, .content__wrap > .instructors__list { justify-content: center; } .section-block__item-wrap { margin-bottom: 20px; } } /* End */ /* /local/templates/dosaaf-kolomna.ru/js/fancy/jquery.fancybox.min.css?172526672612795 */ /* /local/templates/dosaaf-kolomna.ru/js/slick/slick.css?17252667261776 */ /* /local/templates/dosaaf-kolomna.ru/js/slick/slick-theme.css?17252667263145 */ /* /local/templates/dosaaf-kolomna.ru/js/slinky/dist/jquery.slinky.css?1725266726905 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/menu/header-top/style.min.css?1725266725490 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/menu/main-nav/style.min.css?1725266725490 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1725266725467 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/services-list/style.css?1725266725150 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/reviews/style.css?1725266725150 */ /* /local/templates/dosaaf-kolomna.ru/components/bitrix/news.list/contacts-bottom/style.css?1725266725150 */ /* /local/templates/dosaaf-kolomna.ru/components/luxar/super/form-popup/style.css?17252667251 */ /* /local/templates/dosaaf-kolomna.ru/css/style.css?1725266726101749 */ /* /local/templates/dosaaf-kolomna.ru/css/custom.css?172526672613587 */