@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}/* --------------- reset.css --------------- */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; } html { min-height: 100%; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } table { border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } input, select, button, textarea { margin: 0; font-size: 100%; } input[type="text"], input[type="password"], textarea { padding: 0; } input[type="checkbox"] { vertical-align: bottom; } input[type="radio"] { vertical-align: text-bottom; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } /* --------------- /reset.css --------------- */ /* --------------- ---------*/ html { overflow-y: scroll; } body { line-height: 1; background: #fff; color: #666; text-align: left; } input, select, button, textarea { font-family: Arial, Verdana, sans-serif; } label, input[type="button"], input[type="submit"], button { cursor: pointer; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:focus, a:active { } /* --------------- / ---------*/@font-face { font-family: 'fontello'; src: url('../font/fontello.eot?20985319'); src: url('../font/fontello.eot?20985319#iefix') format('embedded-opentype'), url('../font/fontello.woff2?20985319') format('woff2'), url('../font/fontello.woff?20985319') format('woff'), url('../font/fontello.ttf?20985319') format('truetype'), url('../font/fontello.svg?20985319#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?20985319#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-vkontakte:before { content: '\f189'; } /* '' */ .icon-instagram:before { content: '\f31e'; } /* '' */@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext'); .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } *::-webkit-input-placeholder { color: #949494; opacity: 1; } *:-moz-placeholder { color: #949494; opacity: 1; } *::-moz-placeholder { color: #949494; opacity: 1; } *:-ms-input-placeholder { color: #949494; opacity: 1; } body { height:100%; width: 100%; font-size: 16px; color: #000; font-family: 'Open Sans', sans-serif; overflow: hidden; } h1{ font-size: 43px; font-weight: bold; } h2{ color: #000; font-size: 35px; line-height: 40px; font-weight: 300; text-align: center; } h3{ font-size: 20px; color: #000; font-weight: 300; } p{ font-size: 15px; line-height: 18px; color: #797979; } .work{ width: 100%; max-width: 980px; min-width: 320px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 auto; } .helper{ width: 100%!important; height: 0!important; visibility: hidden; margin: 0!important; padding: 0!important; } .hidden { display: none !important; } .form_group{ position: relative; } form .name:before{ content: url(/files/site/img/name.png); position: absolute; top: 6px; right: 8px; } form .phone:before{ content: url(/files/site/img/phone.png); position: absolute; top: 5px; right: 6px; } form .mail:before{ content: url(/files/site/img/mail.png); position: absolute; top: 4px; right: 5px; } form .ques:before{ content: url(/files/site/img/ques.png); position: absolute; top: 4px; right: 6px; } input[type='text'], input[type='password']{ width: 100%; height: 37px; margin-bottom: 10px; padding-left: 5px; padding-right: 30px; border: none; border-bottom: 1px solid #747474; color: #949494; font-size: 15px; font-style: italic; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } textarea{ width: 100%; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 30px; border: none; border-bottom: 1px solid #747474; color: #949494; font-size: 15px; font-style: italic; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; resize: none; } input:focus{ outline: none; border-color: #f39200; } textarea:focus{ outline: none; border-color: #f39200; } .btn{ display: inline-block; border: medium none; background: transparent; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .btn_arrow, .course .btn_block2 .btn.btn_arrow { height: 41px; padding-left: 25px; padding-right: 52px; color: #fff; font-size: 15px; background-color: #1b1b1b; border: 1px solid #1b1b1b; position: relative; -webkit-box-shadow: 2px 2px 0px 0px rgba(190,190,190,1); -moz-box-shadow: 2px 2px 0px 0px rgba(190,190,190,1); box-shadow: 2px 2px 0px 0px rgba(190,190,190,1); } .btn_arrow:before, .course .btn_block2 .btn.btn_arrow:before { content: url(/files/site/img/arrow.png); position: absolute; top: 11px; right: 26px; } .btn_arrow:hover, .course .btn_block2 .btn.btn_arrow:hover { opacity: .75; } .btn_arrow:active, .course .btn_block2 .btn.btn_arrow:active { background-color: #f39100; border-color: #f39100; color: #fff; opacity: 1; } .btn_arrow:active:before, .course .btn_block2 .btn.btn_arrow:active:before { content: url(/files/site/img/arrow_active.png); } button:focus{ outline: none; } .transition{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .sticky{ width: 100%; position: absolute; top: 0px; left: 0px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; } /*Header*/ .header{ min-width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: transparent; position: absolute; top: 0px; left: 0px; z-index: 2; border-top: 4px solid #4e5257; } .header .inner{ padding-top: 23px; position: relative; } .header .logo{ display: inline-block; vertical-align: bottom; } .header .nav{ display: inline-block; vertical-align: bottom; margin-left: 200px; } .header .nav > li{ display: inline-block; vertical-align: top; margin-left: 35px; position:relative; } .header .nav > li:first-child{ margin-left: 0; } .header .nav li a{ display: inline-block; padding-bottom: 3px; color: #171717; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #171717; text-transform: uppercase; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .header .nav li a:hover, .header .nav > li.active > a{ color: #f39200!important; border-color: transparent; } .header .contacts{ width: 211px; height: 107px; padding-top: 25px; background: url(/files/site/img/header/contacts_bg.png) center top; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; position: absolute; top: -14px; right: 20px; } .header .contacts .address{ margin-bottom: 5px; color: #fff; font-size: 13px; } .header .contacts .phone{ display: block; color: #fff; font-size: 15px; margin-bottom: 5px; } .header .contacts .mail{ display: block; color: #f39100; font-size: 13px; } /*Intro*/ .intro{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #ccc url(/files/site/img/intro/intro_bg.jpg) center top no-repeat; background-size: cover; position: relative; z-index: 1; } .intro .inner{ padding-top: 190px; padding-bottom: 80px; } .intro h1, .wrap.item .intro h1, .i89 .intro h2 { margin-bottom: 34px; line-height: 46px; width:80%; font-size: 43px; } .intro h1 span { display: block; margin-top: 17px; color: #000; font-size: 25px; } .intro p{ margin-bottom: 30px; color: #3a3a3a; font-size: 18px; line-height: 21px; } .intro .inner > strong{ display: block; margin-bottom: 40px; color: #3a3a3a; font-size: 17px; font-weight: bold; line-height: 20px; } .intro .btn{ display: inline-block; height: 40px; line-height: 38px; /* padding: 0 19px; */ position: relative; color: #000; font-size: 16px; font-weight: bold; border: 2px solid #1b1b1b; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; width: 175px; text-align:center; } .intro .btn:before{ content: url(/files/site/img/intro/btn.png); position: absolute; top: 6px; left: -14px; z-index: -1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .intro .btn:hover:before{ opacity: .8; } .intro .btn:hover{ color: #4d5157; border-color: #4d5157; } .intro .btn:active{ color: #fff; background: #1c1c1c; border-color: #1c1c1c; } /*Progress*/ .progress{ min-width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fafafa; } .progress .inner{ padding-top: 22px; padding-bottom: 22px; } .progress .board{ padding: 18px 0; position: relative; text-align: center; } .progress p{ color: #000; font-size: 18px; line-height: 26px; } .progress p span{ color: #f29100; font-size: 23px; font-weight: bold; } .progress .top_left{ width: 14px; height: 14px; background: url(/files/site/img/progress/top_left.png); position: absolute; top: 0px; left: 0px; } .progress .top_right{ width: 14px; height: 14px; background: url(/files/site/img/progress/top_right.png); position: absolute; top: 0px; right: 0px; } .progress .bottom_left{ width: 14px; height: 14px; background: url(/files/site/img/progress/bottom_left.png); position: absolute; bottom: 0px; left: 0px; } .progress .bottom_right{ width: 14px; height: 14px; background: url(/files/site/img/progress/bottom_right.png); position: absolute; bottom: 0px; right: 0px; } /*features*/ .features{ min-width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fff; } .features .inner{ padding-top: 50px; } .features h2{ margin-bottom: 50px; } .features .left{ width: 65%; max-width: 620px; display: inline-block; vertical-align: top; } .features .right{ width: 31%; max-width: 300px; display: inline-block; vertical-align: top; padding-top: 70px; float: right; margin: 0 20px 0 0; } .features ul li{ padding-left: 14px; margin-bottom: 25px; list-style: none; position: relative; color: #797878; font-size: 18px; font-weight: 300; line-height: 24px; } .features ul > li:before, .content_zone ul > li:before { content: ""; width: 3px; height: 3px; border: 3px solid #1c1c1c; border-radius: 50%; position: absolute; top: 8px; left: 0px; } .features ul li:last-child{ margin-bottom: 0; } .features .right span{ display: block; margin-bottom: 20px; padding-left: 55px; color: #fb4b4b; font-size: 15px; font-style: italic; } .features .hand{ width: 341px; height: 268px; background: url(/files/site/img/features/hand.png) 0 0 no-repeat; } /*Knowing*/ .knowing{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: url(/files/site/img/knowing/knowing_bg.png) center top no-repeat; background-size: cover; position: relative; z-index: 4; min-height: 340px; } .knowing:before{ content: url(/files/site/img/knowing/pencil.png); position: absolute; bottom: -50px; right: 105px; } .knowing .inner{ padding-top: 50px; padding-bottom: 35px; } .knowing .left{ width: 49%; display: inline-block; vertical-align: top; padding-right: 45px; box-sizing: border-box; -moz-box-sizing: border-box; } .knowing .left h2{ margin-bottom: 20px; color: #fff; font-size: 30px; font-weight: 300; } .knowing .left p{ margin-bottom: 24px; color: #ccc; font-size: 16px; font-weight: 300; line-height: 22px; } .knowing .left p span{ font-weight: bold; } .knowing .right{ width: 49%; display: inline-block; vertical-align: top; padding-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; float: right; } .knowing .right h2{ margin-bottom: 18px; color: #000; font-size: 23px; font-weight: bold; text-align: left; line-height: 26px; } .knowing .right p{ color: #2e2e2e; font-size: 16px; font-weight: 300; line-height: 22px; } .knowing form{ width: 100%; max-width: 378px; margin-top: 15px; margin-bottom: 40px; text-align: center; } .knowing form .btn{ margin-top: 25px; } /*course*/ .course{ min-width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fff; position: relative; } .course_art{ background: #fff url(/files/site/img/art/spot.png) 147px 236px no-repeat; z-index: 3; } .course_design, .course_red { background: #fafafa url(/files/site/img/design/spot.png) 1570px 610px no-repeat; z-index: 2; } .course_kids{ background: #fff; z-index: 1; } .course_art:before{ content: url(/files/site/img/art/spot_2.png); position: absolute; bottom: -320px; right: 0px; } .course_design:before, .course_red:before { content: url(/files/site/img/design/spot_2.png); position: absolute; bottom: -320px; left: 0px; } .course_red:before{ height:612px; top:0; bottom:0; margin:auto; } .course_kids:before{ content: url(/files/site/img/kids/spot.png); position: absolute; bottom: 100px; right: 0px; } .course .inner{ padding-top: 55px; padding-bottom: 80px; } .course h2{ margin-bottom: 30px; } .course .tile{ margin-bottom: 45px; text-align: center; } .course .tile li{ display: inline-block; max-width:290px; vertical-align: top; text-align: center; padding:0 10px; } .course_art .tile, .lending .tile{ margin-left: -5px; margin-right: -5px; } .course_kids .tile{ margin-left: -5px; margin-right: -5px; } .course_design .tile{ margin-left: -5px; margin-right: -5px; } .course_art .tile li, .course_kids .tile li{ width: 220px; margin-left: 5px; margin-right: 5px; } .course_design .tile li, .lending .tile li{ /* width: 290px; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; */ } .course .tile li .icon{ width: 100%; height: 80px; display: table; } .course .tile li .icon > div{ display: table-cell; vertical-align: middle; } .course .tile li p{ margin-top: 10px; color: #797979; font-size: 15px; line-height: 20px; } .course .course_items{ position:relative; left:4px; } .course .course_item{ display:inline-block; vertical-align:top; margin:0 0 0 -4px; width: 50%; /* float: left; */ box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:30px; } .course .course_item .title{ width: 100%; height: 88px; /* display: table; */ padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; position:relative; } .course_art .course_item .title, .course_item .title.t_0 { background: #a1b85c url(/files/site/img/art/title_bg.jpg) 0 0 / 100% 100%; } .course_design .course_item .title, .course_item .title.t_1 { background: #b464b7 url(/files/site/img/design/title_bg.jpg) 0 0 / 100% 100%; } .course_kids .course_item .title, .course_item .title.t_2 { background: #eaab5b url(/files/site/img/kids/title_bg.jpg) 0 0 / 100% 100%; } .course_item .title.t_3 { background: #de9582 url(/files/site/img/red/title_bg.jpg) 0 0 / 100% 100%; } /* .course .course_item .title > div{ display: table-cell; vertical-align: middle; } */ .course .course_item h3{ color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 25px; font-size: 20px; padding:13px 0 3px; max-height:50px; overflow:hidden; } .course .course_item h3 + span{ display: block; font-weight: normal; text-transform: none; color: #fff; font-size:18px; height:20px; overflow:hidden; /* line-height: 25px; */ } .course .course_item h3 + span b { display:block; font-weight:normal; } .course .course_item .description{ padding: 20px 29px 30px; background: #f3f3f3 url(/files/site/img/art/description_bg.jpg) 0 0 / 100% 100%; box-sizing: border-box; -moz-box-sizing: border-box; min-height: 320px; } .course .course_item .description ul{ } .course .course_item .description ul li{ color: #6c6c6c; font-size: 17px; line-height: 22px; margin-bottom: 20px; padding-left: 18px; list-style: none; position: relative; } .course_art .course_item .description ul li:before, .course_art .course_item .title.t_0 + .description ul li:before, .online_list .text li:before { content: ""; width: 3px; height: 3px; border: 3px solid #8ca447; border-radius: 50%; position: absolute; top: 8px; left: 0px; } .course_design .course_item .description ul li:before { content: ""; width: 3px; height: 3px; border: 3px solid #b565b8; border-radius: 50%; position: absolute; top: 8px; left: 0px; } .course_design .course_item .description ul li:before, .course_art .course_item .title.t_1 + .description ul li:before { content: ""; width: 3px; height: 3px; border: 3px solid #b565b8; border-radius: 50%; position: absolute; top: 8px; left: 0px; } .course_item .description ul li:before, .course_art .course_item .title.t_2 + .description ul li:before { content: ""; width: 3px; height: 3px; border: 3px solid #f39200; border-radius: 50%; position: absolute; top: 8px; left: 0px; } .course_art .course_item .title.t_3 + .description ul li:before { border-color:#c87d68; } .course .course_item .description ul li span{ color: #000; font-weight: bold; } .course .course_item .btn, .online_block .btn_block .btn2 { height: 32px; line-height: 31px; padding-left: 11px; padding-right: 36px; background: transparent; font-size: 15px; color: #171717; position: relative; border: 1px solid #171717; } .course .course_item .btn:before, .online_block .btn_block .btn2:before{ content: url(/files/site/img/art/arrow.png); position: absolute; top: 3px; right: 13px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .course .course_item .btn:hover{ color: #f39100; border-color: #f39100; } .course .course_item .btn:hover:before{ content: url(/files/site/img/art/arrow_hover.png); } .course .course_item .btn:active{ color: #fff; background-color: #f39100; border-color: #f39100; } .course .course_item .btn:active:before{ content: url(/files/site/img/art/arrow_active.png); } /*Order*/ .order{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: url(/files/site/img/order/order_bg.jpg) right top no-repeat; background-size: cover; } .order .inner{ padding-top: 60px; } .order h2{ margin-bottom: 50px; } .order .left{ width: 42%; max-width: 402px; display: inline-block; vertical-align: top; } .order .right{ width: 40%; max-width: 379px; margin-left: 49px; padding-top: 17px; display: inline-block; vertical-align: top; text-align: center; } .order h3{ margin-bottom: 17px; color: #707070; font-size: 22px; font-weight: 300; line-height: 27px; } .order h3 span{ display: block; color: #f5b169; font-style: italic; } .order .btn{ margin-top: 40px; } /*students*/ .students{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fafafa; position: relative; } .students .inner{ padding-top: 40px; padding-bottom: 70px; } .students h2{ margin-bottom: 35px; } /*teachers*/ .teachers{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fff; position: relative; } .teachers .inner{ padding-top: 60px; padding-bottom: 75px; } .teachers h2{ margin-bottom: 35px; } .teachers .inner > p{ margin-bottom: 25px; color: #6f6f6f; font-size: 20px; font-weight: 300; line-height: 25px; text-align: center; } .teachers .btn{ display: inline-block; height: auto; margin-top: 65px; padding-top: 12px; padding-bottom: 14px; } .slider .container ul li { width: 58px; height: 44px; display: inline-block; vertical-align: middle; margin-left: 3px; } .slider .container ul li:first-child{ margin-left: 0; } .slide-description{ margin-top: 30px; display:block; } .slider .description { display: none; } .tabs__caption{ margin-left: -6px; margin-right: -6px; } .slide-description .col{ width: 33%; max-width: 298px; display: inline-block; vertical-align: top; margin-left: 6px; margin-right: 6px; background:transparent; } .slide-description .item{ height: 550px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .students .slide-description .item{ height: 330px; cursor: pointer; } .students .slide-description .col.active .item:before{ content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #f39200 transparent transparent transparent; } .students .slide-description .col.active .item{ border-bottom: 1px solid #f39200; } .slide-description .photo{ max-height: 229px; margin-bottom: 33px; position: relative; overflow: hidden; } .slide-description .photo img{ width: 100%; } .slide-description .photo .overlay{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(243,145,0,.53); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; opacity: 0; } .slide-description .item:hover .overlay{ opacity: 1; } .slide-description .col.active .item .overlay{ opacity: 1; } .slide-description .item h3{ color: #000; font-size: 20px; font-weight: bold; margin-bottom: 15px; } .students .slide-description .item h3{ font-size: 18px; margin-bottom: 5px; } .students .slide-description .col.active .item h3{ color: #f29100; } .students .slide-description .item span{ color: #7a7979; font-size: 15px; font-weight: 300; font-style: italic; } .slide-description .item p{ font-size: 15px; line-height: 19px; color: #7a7979; padding:15px 0 0; } .slide-description .item .more{ display: inline-block; padding-right: 23px; position: absolute; bottom: 33px; left: 0px; color: #171717; font-size: 15px; text-decoration: underline; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .slide-description .col:hover .more{ color: #f39100; } .slide-description .item .more:before { content: url(/files/site/img/art/arrow.png); position: absolute; top: 0px; right: 0px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .slide-description .col:hover .more:before { content: url(/files/site/img/art/arrow_hover.png); } .tabs__content{ display: none; /* по умолчанию прячем все блоки */ padding-top: 38px; /* border-top: 1px solid #eaeaea; margin-top: -1px; */ } .tabs__content.active { display: block; /* по умолчанию показываем нужный блок */ } .tabs__content .photo{ width: 300px; float: left; } .tabs__content .photo img{ width: 100%; } .tabs__content .descr{ margin-top: -5px; margin-left: 320px; color: #000; font-size: 16px; line-height: 22px; font-weight: 300; } .slide{ padding-top: 8px; padding-bottom: 8px; position: relative; } .active-slide:before, .thumb_slider .active:before { content: url(/files/site/img/slider/board.png); position: absolute; margin:-6px 0 0 -7px; /* top: 1px; left: -5px; */ } .bx-wrapper { width: 100%; height: 100%; position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; } .slider_main .bx-wrapper img { width: 100%; } .bx-wrapper img { width: 100%; } .bx-wrapper .bx-viewport { background: transparent; height: auto; padding-left: 10px; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -36px; width: 100%; z-index: 999; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 14px; background: url(/files/site/img/slider/pre.png) center center no-repeat ; } .bx-wrapper .bx-next { right: 2px; background: url(/files/site/img/slider/next.png) center center no-repeat ; } .bx-wrapper .bx-prev:hover { background: url(/files/site/img/slider/pre_hover.png) center center no-repeat ; } .bx-wrapper .bx-next:hover{ background: url(/files/site/img/slider/next_hover.png) center center no-repeat ; } .bx-wrapper .bx-controls-direction a { position: absolute; top:-75px /* 50% */; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 999; transition: all 0.3s ease; border-radius: 50%; /* margin-top: -16px; */ } .show .bx-wrapper .bx-controls-direction a{ width: 80px; height: 17px; top: 100%; margin-top: 20px; text-indent: 0; color: #777; font-size: 15px; } .show .bx-wrapper .bx-prev, .page_link.mod_before i, .autor .bx-wrapper .bx-controls-direction .bx-prev { left: 225px; padding-left: 17px; background: url(/files/site/img/show/pre.png) left center no-repeat ; } .show .bx-wrapper .bx-next, .page_link.mod_next i, .autor .bx-wrapper .bx-controls-direction .bx-next { right: 225px; padding-right: 17px; background: url(/files/site/img/show/next.png) right center no-repeat ; text-align: right; } .show .bx-wrapper .bx-prev:hover, .autor .bx-wrapper .bx-controls-direction .bx-prev:hover { color: #f39100; background: url(/files/site/img/show/pre_hover.png) left center no-repeat ; } .show .bx-wrapper .bx-next:hover, .autor .bx-wrapper .bx-controls-direction .bx-next:hover { color: #f39100; background: url(/files/site/img/show/next_hover.png) right center no-repeat ; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; color: #666; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { display: block; padding: 20px 12px 0; margin: 0 8px; outline: 0; color: #777; font-family: "OpenSans", sans-serif; font-size: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-top: 1px solid transparent; } .bx-wrapper .bx-pager.bx-default-pager a.active { border-color: #ef7100; color: #ef7100; } /*Show*/ .show{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fff; position: relative; } .show .inner{ padding-top: 60px; padding-bottom: 110px; } .show .bx-wrapper .bx-viewport{ padding-left: 0; } .show h2{ margin-bottom: 45px; } .show .cols{ text-align: justify; letter-spacing: -1px; line-height: 0; } .show .cols > div{ display: inline-block; vertical-align: top; } .show .col{ width: 33%; max-width: 300px; min-height: 523px; display: inline-block; position: relative; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #e5e5e5; background-color: #fff; text-align: left; letter-spacing: normal; line-height: normal; } .show .col:first-child{ } .show .photo{ height: 200px; overflow: hidden; margin-bottom: 30px; } .show .photo img{ height: 100%; } .show h3{ padding: 0 17px; /* margin-bottom: 13px; */ color: #000; font-size: 18px; font-weight: normal; line-height: 23px; box-sizing: border-box; -moz-box-sizing: border-box; height:70px; overflow:hidden; } .show .descr{ padding: 0 17px; color: #787878; font-size: 14px; font-weight: 300; box-sizing: border-box; -moz-box-sizing: border-box; } .show .bottom{ width: 100%; height: 44px; padding: 0 18px; position: absolute; bottom: 0px; left: 0px; background: #f9f9f9; box-sizing: border-box; -moz-box-sizing: border-box; text-align: right; } .show .btn{ display: inline-block; padding-right: 27px; color: #797979; font-size: 14px; text-decoration: underline; position: relative; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; margin-top: 15px; } .show .btn:before { content: url(/files/site/img/show/arrow.png); position: absolute; top: 0px; right: 0px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } .show .btn:hover{ color: #f39100 } .show .btn:hover:before { content: url(/files/site/img/art/arrow_hover.png); } .show .bx-wrapper{ border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; } /*Charter*/ .charter{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #fff url(/files/site/img/charter/charter_bg.jpg) no-repeat center bottom / auto 100% ; } .charter .inner{ padding-top: 96px; padding-bottom: 112px; } .charter ul{ position: relative; top: 10px; text-align: center; } .charter ul li{ display: inline-block; vertical-align: top; margin-left: 5px; margin-right: 5px; } .charter ul li img{ max-width: 100%; } /*Footer*/ .footer{ width: 100%; display: block; font-family: 'Open Sans', sans-serif; background: #1c1c1c; } .footer .inner{ padding-top: 43px; padding-bottom: 30px; } .footer .contacts{ display: inline-block; vertical-align: top; } .footer .contacts .map, .map_img { width: 300px; height: 150px; background: #ccc; float: left; overflow: hidden; } .footer .contacts .right{ margin-left: 320px; } .footer .contacts p{ margin-bottom: 13px; color: #fff; font-size: 14px; } .footer .contacts .phone{ font-size: 19px; font-weight: bold; } .footer .contacts p span{ display: block; margin-bottom: 4px; color: #838383; font-size: 14px; } .footer .contacts p a{ color: #f39100; } .footer .logo{ display: inline-block; vertical-align: top; margin:1px 0 0 45px; } .footer .develop{ display: inline-block; vertical-align: top; float: right; margin: 70px 0 0; } .footer .develop span{ display: inline-block; margin-bottom: 15px; color: #fff; font-size: 14px; } .footer .develop a{ display: inline-block; color: #838383; font-size: 14px; } .footer .develop .politik{ display:block; margin-top:12px; } .footer .ymaps-layers-pane { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .ballon{ color:#000; font-size: 16px; } .ballon dt{ font-size:14px; color:#777; } .ballon dd { padding:0 0 0 20px; } .ballon a { font-size:16px; text-decoration:none; color:#000; transition:.5s; } .ballon a:hover{ text-decoration:underline; color:#f39100; } #map .ballon { font-size:14px; } #map .ballon dt{ font-size:12px; } #map .ballon a{ font-size:14px; } /**Popup**/ .popup{ font:15px/19px 'Open Sans', sans-serif; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 300; color:#777; } .feedback h2{ margin-bottom: 25px; color: #000; font-size: 25px; font-weight: 300; line-height: 30px; } .popup_course{ /* width: 100%; max-width: 820px; */ position:relative; width:820px; margin:auto; padding:20px; } .teachers_popup{ width: 100%; max-width: 820px; padding: 35px 20px 80px; } .teachers_popup .photo{ width: 100%; max-width: 300px; float: left; margin-right: 20px; margin-bottom: 15px; } .teachers_popup .photo img{ width: 100%; } .teachers_popup h2{ color: #000; font-size: 22px; font-weight: bold; margin-bottom: 15px; text-align: left; margin-top: -5px; } .teachers_popup p{ color: #7a7979; font-size: 15px; font-weight: 300; margin-bottom: 20px; } .popup_course .photo{ width: 100%; overflow: hidden; } .popup_course .photo img{ width: 100%; } .popup_course .description{ padding: 35px 20px 80px; box-sizing: border-box; -moz-box-sizing: border-box; } .popup_course .description h2{ color: #000; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 35px; } .popup_course .description h3{ color: #000; font-size: 18px; font-weight: bold; margin-bottom: 24px; } .popup_course .description h4{ color: #000; font-size: 15px; font-weight: bold; margin-bottom: 10px; } .popup_course .description p{ color: #7a7979; font-size: 15px; font-weight: 300; line-height: 19px; margin-bottom: 20px; } .popup_course .description p span{ /* font-weight: bold; */ color: #000; } .popup_course .list{ margin-bottom: 40px; } .popup_course li{ padding-left: 13px; position: relative; font-size: 15px; font-weight: 300; line-height: 19px; margin-bottom: 15px; list-style: none; } .popup_course li:before { content: ""; width: 3px; height: 3px; border: 3px solid #f39200; border-radius: 50%; position: absolute; top: 6px; left: 0px; } .popup_course .price{ margin-bottom: 30px; } .popup_course .price span{ display: inline-block; vertical-align: top; margin-right: 20px; color: #f29100; font-size: 20px; font-weight: 300; } .feedback{ width: 420px; padding: 30px 25px 40px; text-align: center; } .feedback .btn{ margin-top: 30px; } .fancybox-nav{ top: 0; } .fancybox-opened .fancybox-skin{ padding: 0!important; box-shadow: none!important; border-radius: 0!important; } .fancybox-skin{ background: transparent; } .fancybox-opened .fancybox-skin{ padding: 0!important; box-shadow: none!important; border-radius: 0!important; } .fancybox-overlay{ background: rgba(0,0,0,.81); } .fancybox-close{ width: 25px; height: 25px; background: url(/files/site/img/close.png) center center no-repeat; top: -32px; right: -32px; } .fancybox-nav{ top: 0px; margin-top: -18px; } .fancybox-nav span{ width: 32px; height: 61px; } .fancybox-next span{ right: -50px; background: url(/files/site/img/next.png) center center no-repeat; } .fancybox-next span:hover{ background: url(/files/site/img/next_hover.png) center center no-repeat; } .fancybox-prev span{ left: -50px; background: url(/files/site/img/pre.png) center center no-repeat; } .fancybox-prev span:hover{ background: url(/files/site/img/pre_hover.png) center center no-repeat; } .fancybox-wrap{ top: 50px!important; } a { cursor:pointer; outline:0 !important; } .no { color:#f39200; } .clear { clear:both; } .header .contacts .phone { transition:.5s; } .footer .contacts .phone a { color:#fff; transition:.5s; } .header .contacts .phone:hover, .footer .contacts .phone a:hover { color:#f39100; } .nav li ul { position:absolute; padding:5px; opacity:0; transition:.5s; background:#f39100; z-index:1; box-shadow: 0 6px 12px -5px #000; } .nav > li:hover > a { border-color:transparent; color:#f39200; } .nav li:hover ul /* , .nav li.active ul */ { opacity:1; z-index:0; } .nav li:hover ul { z-index:1; } .nav li ul li { display:block; white-space:nowrap; text-transform:none; border-top:1px dotted #fff; } .nav li ul li:first-child { border:0; } .header .nav li ul li a { display:block; margin:1px 0; font-weight:normal; padding:5px; border:0; } .header .nav li ul li a:hover, .header .nav li ul li.active a { background:#fff; color:#f39100; } .tile li p:first-child { position:relative; height:90px; } .tile li p:first-child img { display:block; position:absolute; top:0;bottom:0;left:0;right:0; margin:auto; max-width:100%; max-height:100%; } .order .inner.work h2 { margin:0 80px 50px; } .show .inner.work h2 { margin:0 95px 50px; } /* блок с ... для добавления в конец отрезаемого текста */ .endStr { display:inline-block; width:65px; height:20px; padding:0 3px 0 0; margin:0 0 0 -45px; background:linear-gradient( to left, #fff 33%, rgba(255, 255, 255, 0) 100% ); text-align:right; } .thumb_slider { text-align:center; margin:0 0 30px; } .thumb_slider a { display:inline-block; position:relative; padding:5px; margin:0 5px; /* width:190px; text-align:center; */ } .thumb_slider a img { margin:0 0 0 5px; } .thumb_slider a img:first-child { margin:0; } .thumb_slider .active { cursor:default; } .thumb_slider a img[src="/files/site/img/logo.png"] { margin:0 8px; width:44px; } /* .item h3 { margin-bottom:5px !important; } */ .item h3 + em { display:block; color:#7a7979; font-size:15px; } .user_slider { text-align:center; } .user_slider li { display:none; text-align:left; } .user_slider li.active { display:block; } .col .no_photo { height:298px; margin-top:1px; outline:1px solid #e1e1e1; } .col .no_photo img { width:100px !important; margin:10px !important; } .tabs__content { float:left; border-top:1px solid #eaeaea; width:100%; } .tabs__content .photo { margin: 0 20px 0 0; } .tabs__content .descr { margin-left:0; } .tabs__content .descr p { font-size:16px; line-height:22px; } .slide-description { margin:0; } .show .col { padding:0 0 50px; } /* внутренние страницы */ .work.d1 { min-height:480px; padding-bottom:50px; } .wrap { width:100%; height:100%; } .wrap .header { position:relative; height:223px; margin:0 0 30px; background:url(/files/site/img/hat_bg.jpg) no-repeat top center; } .header .nav li.active a { cursor:default; } /* .breadcrumb { padding:30px 0 0; } */ .breadcrumb li { display:inline-block; font-size:15px; color:#797878; } .breadcrumb li a { text-decoration:underline; color:#797878; } .breadcrumb li a:hover { text-decoration:none; color:#f39200; } .breadcrumb i { display:inline-block; width:21px; height:9px; background:url(/files/site/img/show/next.png) no-repeat center center; } .wrap h1 { font-size:25px; padding:26px 0 35px; } .users { padding:0 0 50px; } .users li { display:inline-block; position:relative; width:33%; } .users .slide-description .col { width:100%; } .content_zone { padding:0 0 40px; font-size:18px; } .content_zone h2, .content_zone h3 { text-align:left; font-weight:bold; margin:10px 0 20px; } .content_zone h2 { font-size:25px; } .content_zone h3 { font-size:16px; } .content_zone p { padding:0 0 10px; color:#797878; font-size:16px; } .content_zone ol, .content_zone ul { margin:10px 0; } .content_zone ol { list-style-position:inside; counter-reset:item; } .content_zone ol li:before { padding:0 5px 0 0; color:#000; content: counter(item) '. '; counter-increment: item; } .content_zone li { position:relative; color:#797878; line-height:24px; list-style-type:none; } .content_zone ul li { /* list-style:none; */padding:0 0 0 20px; } .content_zone ul li:before { border-color:#f39200; } /* каталог */ .wrap .course_item { margin:0 0 58px -4px; } .wrap.item .header { background:none; height:auto; position:absolute; } .wrap.item .intro { background-size:auto 100%; background-repeat:no-repeat; background-position:top center; min-height:750px; } .wrap.item .course_art:before { bottom:100px; } .wrap.item.i0 .intro { height:742px; } /* контакты */ aside { width:220px; float:left; } aside dt { color:#797878; font-size:14px; } aside dd { color:#000; font-size:15px; padding:3px 0 29px; } aside dd .phone { color:#000; font-size:22px; font-weight:bold; } a.phone:hover, .phone a:hover { color:#f39100; text-decoration:underline; } aside dd .mail { color:#f39100; } a.mail:hover, a[href ^= "mailto:"]:hover { text-decoration:underline; } #map_big { height:310px; margin:0 0 48px 240px; border:0; } /* статьи */ .news_list li { display:block; position:relative; min-height:210px; padding:0 0 40px; margin:0 0 20px; border-bottom:1px dotted #ccc; } .news_list .photo { float:left; width:300px; height:204px; overflow:hidden; } /* .new_content { margin:0 0 0 318px; position:relative; } */ .time { display:block; font-size:14px; margin:8px 0 3px 16px; padding:0 0 0 20px; color:#f39200; background:url(/files/site/img/date_time.png) no-repeat 0 3px; } .news_list .time { margin:0 0 17px 318px; background-position:0 0; } .news_list h3 { position:relative; top:-4px; height:43px; margin:0 0 19px 318px; line-height:23px; font-weight:400; transition:.5s; overflow:hidden;} .news_list .descr { min-height:76px; margin:0 0 0 318px; line-height:1.2; color:#797878; transition:.5s; } .news_list .bottom { width:104px; margin:17px 0 0 318px; padding:0 0 5px; background:url(/files/site/img/art/arrow.png) no-repeat right 1px; } .news_list .bottom span { text-decoration:underline; font-size:14px; color:#1c1c1c; } .news_list .col:hover h3, .news_list .col:hover .descr, .news_list .col:hover span { color:#f39200; text-decoration:none; } .news_list .col:hover .bottom { background:url(/files/site/img/art/arrow_hover.png) no-repeat right 1px; } .news_list li:last-child { border:0; } .news_list img { max-height:204px; outline:0; } .show .no_photo { height:199px; outline:0; border-bottom:1px solid #ccc; } .news_list img.no_photo, .show .no_photo img { outline:0; height:100px; margin:5px; } figure.article { margin:0 0 30px; text-align:center; } .paginatorZ { text-align:center; border-top:1px solid #e5e5e5; } .paginatorZ li { display:inline-block; } .paginatorZ .page_item { color:transparent; } .paginatorZ .page_item a { display:block; font-size:15px; margin:-1px 8px 0; outline:0; padding:20px 12px 0; color:#777; border-top:1px solid transparent; } .paginatorZ .page_item a.act { border-color:#ef7100; color:#ef7100; cursor:default; } .paginatorZ .page_item a:hover { color:#ef7100; } .page_link i { position:relative; top:1px; left:0 !important; } .page_dots { color:#777; } .wrap .show { margin-bottom:50px; } .wrap .show .col { margin-bottom:25px; } .wrap .show .photo { height:auto; } .wrap .show .photo img { max-width:100%; } .gallery .paginatorZ { box-sizing:border-box; padding-right:50px; } /* галерея */ .filter { padding:0 0 24px; margin:-4px 0 0; } .filter div { position:relative; display:inline-block; min-width:33%; height:40px; /* margin:0 15px 0 0; */ } .filter ul { position:absolute; left:0; right:0; padding:0 0 5px; color:#797878; overflow:hidden; max-height:1000px; vertical-align:top; transition:max-height .5s; z-index:2; border:1px solid #f39200; background:#fff; box-shadow:0 6px 12px -5px #000; } .filter .compact { max-height:27px; border-color:#d5d5d5; box-shadow:0 6px 12px -5px transparent; z-index:1; } .filter .compact.action { border-color:#f39200; } .filter .compact.action .act_punkt { color:#f39200; } .filter li { display:block; position:relative; padding:0 7px; min-height:32px; line-height:30px; cursor:pointer; } .filter .act_punkt { border-bottom:1px solid #d5d5d5; } .filter .act_punkt i { display:block; float:right; width:0; height:0; margin:14px 4px 0 0; border:5px solid transparent; border-top-color:#000; } .filter .action .act_punkt i { border-top-color:#f39200; } .filter li:hover { color:#f39200; } .gallery { padding-bottom:80px; } .gallery .btn { padding:3px 20px; margin:0 0 0 20px; color:#777; border:1px solid #d5d5d5; transition:.5s; } .gallery .btn:hover { border-color:#f39200; color:#f39200; } .gallery .result { padding:0 0 30px; } .el_list { width:102%; } .el_list li { display:inline-block; width:calc(33% - 2px); margin:0 0 12px; border:1px solid rgba(0,0,0,.2); } .el_list li:hover { border-color:orange; } .el_list img { display:block; object-fit:cover; width:100%; height:100%; } /* формы */ form { position:relative; } form .info { position:absolute; top:10px; left:0; right:0; height:80%; padding:50px 0 0; text-align:center; box-sizing:border-box; opacity:0; transition:1s; } form .info.visible { opacity:1; } .info.ok, .info.ok span{ background:rgba( 126, 204, 40, .8 ); } .info.no, .info.no span { background:rgba( 241, 147, 0, .8 ); } .info span { display:inline-block; font-size:30px; line-height:40px; padding:30px; color:#fff;} .errorInfo { opacity:0; transition:.5s; } .errorInfo.visible { opacity:1; } .errorInfo { display:block; position:absolute; left:0; bottom:-9px; height:37px; line-height:35px; width:100%; color:red; text-align:center; border-bottom:1px solid red; background:rgba( 241, 147, 0, .6 ); } .contacts_form { padding:36px 0; border-top:1px dotted #ccc; } .contacts_form h2 { line-height:41px; padding:0 0 54px; } .contacts_form .form_group { display:inline-block; position:relative; width:300px; margin:0 15px 0 0; } .contacts_form .form_group.mail { margin:0; } .contacts_form .form_group.ques { width:100%; margin:83px 0 45px; } .contacts_form button { display:block; margin:0 auto 105px; width:205px; } .contacts_form .errorInfo { bottom:10px; } .contacts_form .info span { font-size:40px; line-height:60px; } .contacts_form .form_group:before { top:10px; } .contacts_form .form_group.mail:before { top:8px; } form button { opacity:1; transition:.5s; } .hidd { opacity:0 !important; } .orderForm .info { top:-18px; min-height:310px; height:auto; padding:25px; } .popup_form .info { height:191%; left:-22px; top:-113px; padding:25px; width:112%; } .familiarity .info { min-height:311px; height:auto; padding:25px; } /* лендинг */ .wrap.item.lend .intro h1 { padding-top:7px; } .wrap.item.lend .intro h1 span { font-weight:400; } .intro ul { margin:-40px 0 20px; } .intro li { display:block; padding:0 0 18px 20px; line-height:1.1; background:url(/files/site/img/ok.png) no-repeat 0 5px; } .intro li b { font-size:15px; font-weight:600; text-transform:uppercase; } .popup_course .price em { display:inline-block; position:relative; top:4px; font-size:14px; margin:0 5px 0 0; text-decoration:line-through; color:#7a7979; } .popup_course .tile { display:none; } .lending { padding:48px 20px 50px; background: url('/files/site/img/art/spot.png') no-repeat scroll 70px 60px, url('/files/site/img/art/spot_2.png') no-repeat scroll right 370px, url('/files/site/img/design/spot_2.png') no-repeat scroll left 440px; } .lending .work { position:relative; } .lending .tile { padding:33px 0 40px; } .lending .tile li { display:inline-block; width:290px; vertical-align:top; text-align:center; margin-bottom:20px; } /* .lending .tile li p { width:auto; line-height:1.2; margin: 0; } */ .lending .content { float:left;} .lending .content p { width:540px; line-height: 1.32; margin: 0 0 4px; } .lending .content h3 { font-size:18px; font-weight:600; height:33px; line-height:32px; overflow:hidden; padding:0 0 0 5px; margin:35px 0 13px; background:url(/files/site/img/title_item.png) no-repeat 0 0; } .lending .tile figure { position:relative; height:100px; width:100px; margin:auto; } .lending .tile figure img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-height:100%; max-width:100%; } .el_list .landing_gallery { display:none; } .el_list .landing_gallery.active { display:inline-block; } .actions_block { float:right; /* position:absolute; right:0; */ width:378px; /* margin:35px 23px 0 0; */ padding:0 0 27px; box-sizing:border-box; background:url(/files/site/img/action_top.png) no-repeat 0 0, url(/files/site/img/action_bottom.png) no-repeat 0 bottom; } .actions_block .bg { background:#f3f3f3; padding:3px 30px 0; margin:25px 0 0; } .actions_block .bg > p > b { display:block; } .actions_block p{ padding:10px 0 0; } .actions_block dl { padding:20px 0 0; } .actions_block dt { font-weight:bold; } .actions_block dd { padding:2px 0 15px; } .actions_block dd .price { display:inline-block; padding:3px 0 0; font-size:22px; color:#be1615; text-decoration:line-through; } .actions_block dd b.price { text-decoration:none; } .actions_block dd .price em { font-size:16px; font-style:normal; } .action_content { position:relative; text-align:center; min-height:190px; box-sizing:border-box; padding:0 20px 100px; background:#dc9122 url(/files/site/img/action_top2.png) no-repeat; } .action_content p:first-child { min-height:64px; padding:58px 0 0; background:url(/files/site/img/action_flag.png) no-repeat 0 8px; } .action_content p { line-height:20px; color:#fff; } .action_content .line { display:inline-block; font-size:50px; height:36px; padding:0 25px; margin:0; background:url(/files/site/img/price_line.png) no-repeat 0 7px, url(/files/site/img/price_line2.png) no-repeat right 7px; } .action_content em { font-weight:bold; color:#000; } .action_content .underline { background:url(/files/site/img/underline.png) no-repeat center bottom; } .action_content .btn { position:absolute; bottom:26px; left:0; right:0; width:113px; margin:0 auto; line-height:35px; border:0; box-shadow:2px 2px 0 0 #bf7401; } .action_content .btn_arrow::before { top:4px; } .students_work { padding:54px 0 75px; background:#fafafa url(/files/site/img/kids/spot.png) no-repeat right center; } .students_work .el_list { padding:54px 0; } #students_works { min-height:403px; } .popup_course .description form { padding:30px 0 0; margin:20px 0 0; border-top:1px dashed #e1e1e1; } .gallery .el_list figure { height:246px; display:inline-block; vertical-align:top; } /* документы */ .charter ul li { position:relative; width:182px; height:327px; background:url(/files/site/img/charter/document_bg.png); } .charter ul li.bg { width:394px; height:229px; background:url(/files/site/img/charter/document_bg_1.png); } .charter ul li a { display:block; position:relative; width:153px; height:235px; margin:40px 0 0 16px; } .charter ul li.bg a { width:279px; height:199px; margin:17px 0 0 57px; } .charter ul li img { width:100%; height:100%; } #social { position:absolute; top:53px; right:15px; width:219px; height:32px; font-size:25px; text-align:right; } #social a { display:inline-block; width:26px; height:26px; color:#fff; transition:.5s; overflow:hidden; } #social a:hover { color:#f39100; border-color:#f39100; } #social a [class^="icon-"]:before, [class*="icon-"]:before { margin:0; } #social .vk { height:21px; width:22px; font-size:17px; text-align:center; border-radius:6px; border:2px solid #fff; } #serviceBlock { display:none; } .course_close { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; } .course_block .fancybox-close-small { opacity:0; } .popup_course .popup_form .info { width:106%; } .i89 { } .i89 .header .nav li a { color:#fff; } .i89 .logo a { display:block; width:111px; height:114px; background:url(/files/site/img/online/logo_light.png) no-repeat; } .i89 .logo img { display:none; } .i89 .intro { overflow:hidden; } .i89 .intro * { position:relative; } .i89 .intro h1 { display:inline-block; height:34px; min-width:300px; width:auto!important; padding:0 20px!important; margin:0!important; font-size:25px!important; line-height:34px!important; padding:0; text-transform:uppercase; color:#fff; background:url(/files/site/img/online/text_bg.png) no-repeat 0 0 / 90% 100%; } .i89 .intro h2 { padding:26px 0 35px; text-align:left; font-weight:bold; color:#fff; } .i89 .intro p { width:400px; font-size:17px; color:#fff; } .i89 .intro ul { width:400px; font-size:15px; line-height:1.4; font-weight:bold; text-transform:uppercase; color:#b0b0ae; } .i89 .intro li { color:#fff; } .i89 .intro .btn:hover span { color:#fff; border-color:#fff; } .i89 .intro .btn:before { z-index:0; } .i89 .intro .btn { border:0; width:auto; } .i89 .intro .btn span { display:block; width:100%; height:100%; border: 2px solid #1b1b1b; padding:0 10px; } small { font-size:12px; font-style:italic; } .online_block { padding-bottom:30px; background:url(/files/site/img/design/spot_2.png) no-repeat 0 center, url(/files/site/img/art/spot_2.png) no-repeat right center; } .online_block h2 { padding:60px 0; } .online_list { text-align:center; } .online_list .item { display:inline-block; width:300px; margin:0 5px 20px; vertical-align:top; text-align:left; background:url(/files/site/img/online/bg-2.jpg) repeat; } .online_list .item h3 { height:73px; width:100%; display:table; position:relative; font-size:18px; font-weight:bold; text-transform:uppercase; color:#fff; } .online_list .item h3:before { position:absolute; left:20px; top:15px; } .online_list .item.v0 h3 { background:#db7100; } .online_list .item.v0 h3:before { content:url(/files/site/img/online/icon-0.png); } .online_list .item.v1 h3 { background:#96b33c; } .online_list .item.v1 h3:before { content:url(/files/site/img/online/icon-1.png); } .online_list .item.v2 h3 { background:#9184c8; } .online_list .item.v2 h3:before { content:url(/files/site/img/online/icon-2.png); } .online_list .item h3 span { display:table-cell; height:100%; /* position:relative; top:5px; */ padding-left:75px; vertical-align:middle; } .online_list .text { padding:20px 20px 10px; min-height:370px; } .online_list .text ul { } .online_list .text li { display:block; position:relative; padding:0 0 15px 24px; font-size:15px; line-height:1.3; } .online_list .v0 .text li:before { border-color:#db7100; } .online_list .v1 .text li:before { border-color:#96b33c; } .online_list .v2 .text li:before { border-color:#9184c8; } .online_list .price, .online .price { font-size:22px; height:55px; padding:20px 0 0; margin:0 20px 25px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .price .old, .btn_block2 .old { text-decoration:line-through; color:#929292; } .price span span { font-size:18px; } .price_new { display:block; float:right; color:#bd1515; } .price_new b { display:block; font-size:17px; color:#000; } .online_block .btn_block { text-align:center; } .online_block .btn_block a { display:inline-block; } .online_block .btn_block .btn2 { width:173px; margin:17px 0 30px; } .online_block .btn_block .btn_arrow { line-height:41px; padding:0 44px 0 15px; } .online_block .btn_block .btn_arrow:before { top:4px; right:13px; } .knowing.v1 h2 { text-align:left; font-weight:100; } .knowing.v1 b { font-weight:bold; } .knowing.v1 h2 b { display:block; } .autor { padding-bottom:90px; } .autor h2 { padding:50px 0; } .autor .left { display:inline-block; width:690px; vertical-align:top; } .autor .left img { float:left; } .autor .content_zone { margin:0 20px 0 320px; font-size:15px; } .autor .content_zone li { margin:0 0 12px; line-height:1.3; } .autor .content_zone h3, .autor h3 { font-size:20px; font-weight:bold; margin:0 0 20px; } .autor .content_zone h3 + ul { margin-top:0; } .autor .right { display:inline-block; position:relative; width:245px; vertical-align:top; } .autor .right ul { margin-top:5px; } .autor .right li a { display:block; } .autor .right li a:first-child { margin:0 0 20px; } .autor .bx-viewport { padding:0; } .autor .bx-wrapper .bx-controls-direction a { top:auto; bottom:-50px; line-height:1.9; font-size:15px; text-indent:0; color:#949494; background:none; } .autor .bx-wrapper .bx-controls-direction .bx-prev { left:0; } .autor .bx-wrapper .bx-controls-direction .bx-next { right:0; padding-right:40px; } .autor .bx-pager { display:none; } .no_marker:before { display:none; } #video { position:absolute; top:0; left:-1600px; right:-1600px; width:1920px; height:auto; margin:auto; } .intro .bg { display:inline-block; padding:20px; background:rgba(255,255,255,.0); } .lending .content h3:first-child { margin-top:0; } .btn_block2 { padding:0!important; padding:4px 0 !important; margin-bottom:0!important; text-align:center; min-height:41px; /* border-top:1px solid #dedede; border-bottom:1px solid #dedede; */ } .btn_block2:before { display:none; } .btn_block2 > span { display:block;/* position:relative; top:10px;*/ text-align:left; padding:8px 0 0 18px; } .btn_block2 span + .btn { position:absolute!important; right:0; top:2px; } .btn_block2 > span:before, .btn_block2 > span:after { content:''; display:block; width:100%; height:1px; position:absolute; top:0; left:0; background:#dedede; } .btn_block2 > span:after { top:auto; bottom:0; } .btn_block2 + .btn_block2 > span:before { display:none; } .course .btn_block2 .btn.btn_arrow { line-height:40px; font-weight:normal; } .course .btn_block2 .btn.btn_arrow:hover { color:#fff; border-color:#1b1b1b; } .course .btn_block2 .btn.btn_arrow:before { top:4px; right:13px; } .btn_block2 .price_new { display:inline-block; float:none; vertical-align:top; padding:0 0 0 5px; } .btn_block2 .price_new b { font-size:14px; font-weight:normal; margin:-2px 0 0 -20px; color:#6c6c6c; } .course_item.online .description { position:relative; padding-bottom:85px; } .course_item.online .btn_block { position:absolute; left:0; right:0; bottom:30px; margin:auto; } .online .price { margin:20px 0 0; } .plener strong, .plener b { color:#000; } .plener .intro { display:flex; height:100vh; background:#f0f0f0; } .plener .intro .col { width:50%; display:flex; flex-direction:column; justify-content:center; padding:0 1% 0 7%; } .plener .intro .col + .col { background:url(/files/site/img/plener_intro.webp) no-repeat; background-size:cover; } .plener .intro .col + .col { background-image:url(/files/site/img/plener_china.jpg); } .plener.wrap.item .intro h1 { width:100%; font-size:30px; } .plener .intro h1 b { color:#ff6b6b; } .plener .features { padding-bottom:60px; } .plener .students_work .el_list { /* padding:0; */ } .plener > .content_zone { padding:50px 0; } .plener > .content_zone h2 { text-align:center; font-size:35px; font-weight:300; } .plener .students_work .content_zone { padding:30px 0 0; } .plener .content_zone p, .plener .content_zone li { font-size:16px; line-height:1.3; } .plener .content_zone p + p, .plener .content_zone ul + p, .plener .content_zone ol + p { padding-top:15px; } .plener .content_zone h2 { padding-bottom:30px; } .plener .content_zone li { margin:5px 0 0; color:#797979; } .plener .content_zone ol { counter-reset: item; /* Обнуляем счетчик списка */ } .plener .content_zone ol > li:before { content:counter(item)'. '; counter-increment:item; /* запуск счетчика */ position:absolute; margin:0 0 0 -23px; color:#f39200; font-weight:bold; } .plener .content_zone[style] { display:flex; flex-direction:column; justify-content:center; position:relative; height:100vh; min-height:600px; background-repeat:no-repeat; background-position:top center; background-size:cover; } .plener .content_zone[style]:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba( 0, 0, 0, .5 ); z-index:0; } .plener .content_zone[style] * { position:relative; color:#fff; z-index:1; } .plener .lending .content ul { width:540px; } .plener .lending .tile + h2 { padding:30px 0; } .plener .lending .tile li p { padding:0 5px; } .plener .actions_block h3 { padding:10px 0 20px; font-weight:bold; } .plener .actions_block li { display:block; padding:2px 0 15px; } .plener .actions_block li strong { display:block; } .plener .actions_block dl { padding:0; } .plener .actions_block .old { display:inline-block; padding:0 0 0 10px; color:#777; text-decoration:line-through; } .plener .actions_block .old span { font-weight:normal; } .content_zone.v_52 { background:#fafafa; } .content_zone.v_52 li + li { margin:15px 0 0; } .content_zone.v_52 li strong { display:block; padding:0 0 3px; } .content_zone.v_53 p { font-size:20px; line-height:1.55; font-weight:300; } .plener .actions_block .btn_arrow { line-height:38px; } #feedback_plener .info { position:absolute; height:auto; width:auto; left: -22px; top: -107px; bottom: -22px; right: -22px;} .online_btn { display:inline-block; margin:0 auto 40px; padding-top:11px; height:30px; } /* 2023-07-27 Большаков Е.В. фото вместо карты в footer */ .map_img { position:relative; max-width:284px; padding:2px; background:transparent; border:1px solid transparent; } a.map_img:hover { border-color:#f39100; } .map_img img { width:100%; height:100%; } .content_zone { line-height:1.3; } /* 2023-08-08 Большаков Е.В. правка стилей курсов чтобы рядом стоящие блоки были одно и той же высоты */ .course .course_items, .online_block .course_items { display:flex; flex-wrap:wrap; } .course .course_item { display:flex; flex-direction:column; } .course .course_item .description { flex-grow:1; } .under_price { display:block; padding:5px 0 0 2px; } /* 2025-11-05 Большаков Е.В. защита от спама */ .form_group { display:flex; height:47px; overflow:hidden; } .form_group.phone + .mail input, .form_group.phone + .mail:before, .form_group.name + .mail input, .form_group.name + .mail:before { margin:50px 0 0; } .form_group.mail + .mail, .form_group.mail + .phone { margin:-47px 0 0; } .errorInfo { bottom:10px; } .contacts_form_container { position:relative; } .contacts_form .form_group.mail + .mail { position:absolute; right:0; top:0; margin:0; } .contacts_form .form_group.ques { margin-top:25px; } .contacts_form_container .form_group { width:calc(33% - 9px); }/*========== Desktop First Method ==========*/ @media only screen and (max-width : 1600px){ body { min-width:320px; } .course_art{ } .course_art{ background-position: 18px 236px; } .course_art:before { right: -125px; } .course_design:before { left: -126px; } .course_kids:before { right: -95px; } .order{ background-position: center top; } .lending, .students_work { background-image:none; } } @media only screen and (max-width : 1440px){ .course_art{ background-position: -104px 236px; } .course_art:before { right: -200px; } .course_design:before { left: -220px; } .course_kids:before { right: -170px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { .course_art, .course_red, .online_block { background-image: none; } .course_art:before, .course_design:before, .course_kids:before, .course_red:before { display: none; } } @media ( max-width: 1010px ){ .lending .tile { text-align:center;} .lending .content { float:none; } .lending .content p { width:auto; } .actions_block { position:relative; margin:35px auto 0; padding-top:1px; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { h1 { line-height: 39px; font-size: 32px; } h2{ font-size: 28px; } .charter .inner { padding-top: 0; padding-bottom: 112px; } .course h2, .online_block h2, .autor h2, .students h2, .teachers h2 { font-weight:bold; } } @media only screen and (max-width : 991px){ .header .nav { margin-left: 37px; } .progress p br{ display: none; } .progress .board { padding: 18px 9px; } .features .left{ width: 55%; max-width: none; } .features ul li{ font-size: 16px; margin-bottom: 17px; } .features .right{ width: auto; } .knowing .left h2{ font-size: 26px; } .knowing .right p br{ display: none; } .knowing .inner{ padding-top: 30px; } .course .inner { padding-top: 50px; padding-bottom: 44px; } .course .tile{ margin-bottom: 20px; } .course_art .tile li{ width: 32%; margin-bottom: 20px; } .course_art .tile li p{ max-width: 220px; margin-left: auto; margin-right: auto; } .order .inner{ padding-top: 30px; padding-bottom: 30px; } .order h2 { margin-bottom: 25px; } .order .left img{ width: 100%; } .teachers .inner { padding-top: 30px; padding-bottom: 47px; } .slide-description .col{ width: 31%; } .teachers .bx-wrapper, .students .bx-wrapper{ width: 85%!important; margin: 0 auto; } .teachers .bx-wrapper .bx-next, .students .bx-wrapper .bx-next{ right: -40px; } .teachers .bx-wrapper .bx-prev, .students .bx-wrapper .bx-prev{ left: -40px; } .tabs__content p{ font-size: 14px; } .students .inner { padding-top: 30px; padding-bottom: 50px; } .show .inner { padding-top: 30px; padding-bottom: 65px; } .show .col{ min-height: 550px; } .show .bx-wrapper .bx-prev{ left: 100px; } .show .bx-wrapper .bx-next{ right: 100px; } .charter{ background-size: cover; } .footer .contacts{ width: 100%; margin-bottom: 20px; } .politik{ margin-top: 25px; } .fancybox-close{ right: 1px; } .autor .left { width:100%; margin:0 0 20px; } .autor .right { display:block; width:550px; margin:0 auto; text-align:center; } .autor .right li a { display:inline-block; } #video { width:auto; height:100%; } } @media ( max-width: 860px ){ .users li { width:49%; } .popup_course { width: 100%; } } @media ( max-width: 800px ){ figure.article img { max-width:100%; } .filter div { width:49%; margin:0; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { h1 { line-height: 35px; font-size: 29px; } h2{ font-size: 24px; line-height: 30px; } .features h2 { margin-bottom: 30px; } .intro h1 { line-height: 35px; font-size: 29px; margin-bottom: 15px; } .intro h1 span { margin-top: 3px; font-size: 21px; } .intro p { margin-bottom: 23px; font-size: 16px; } .intro .inner { padding-bottom: 52px; background: rgba(255,255,255,.7); } .i89 .intro .inner { background:none; } .features .inner { padding-top: 31px; } .course_art .tile li { width: 41%; } /* .slide-description .photo{ height: 172px; } */ .students .slide-description .item { height: auto; } .tabs__content .photo{ width: 180px; height: auto; margin-right: 20px; margin-bottom: 15px; } .tabs__content p{ margin-left: 0px; } .show h3{ padding: 0 12px; font-size: 16px; line-height: 21px; } .show p{ padding: 0 12px; } .popup_course .description { padding: 28px 20px 37px; box-sizing: border-box; } .popup_course .description h2{ font-size: 18px; margin-bottom: 25px; } } @media only screen and (max-width : 767px){ .header .nav{ display: block; text-align: center; margin-top: 10px; margin-left: 0; } .header .inner{ padding-top: 10px; } .features .left{ width: 100%; } .features .right{ width: 100%; max-width: none; text-align: center; } .features .hand{ margin: 0 auto; } .knowing .inner{ padding-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0; } .knowing .left{ width: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; background-color: #1b1b1b; } .knowing .right{ width: 100%; float: none; padding-top: 20px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; background: #fafafa; text-align: center; } .knowing form{ margin-left: auto; margin-right: auto; } .knowing{ background-image:none; } .knowing:before { content:''; } .knowing .right h2{ text-align: center; } .knowing .left p{ margin-bottom: 15px; } .course .inner { padding-top: 41px; padding-bottom: 30px; } .course_kids .tile li{ width: 100%; margin-bottom: 20px; } .course_kids .tile li p{ max-width: 290px; margin-left: auto; margin-right: auto; } .course .course_item{ width: auto; max-width: 470px; float: none; margin-left: auto; margin-right: auto; } .order .left{ display: block; width: 100%; margin-left: auto; margin-right: auto; } .order .right{ width: 100%; display: block; margin-left: auto; margin-right: auto; } .show .col{ width: 100%; display: block!important; min-height: 0; margin-left: auto; margin-right: auto; margin-bottom: 15px; padding-bottom: 65px; } .show .bx-wrapper{ padding-bottom: 21px; } .show .bx-wrapper .bx-prev{ left: 50px; } .show .bx-wrapper .bx-next{ right: 50px; } .charter ul li{ margin-top: -10px; } .charter .inner { padding-top: 10px; padding-bottom: 33px; } .teachers_popup .photo{ width: 245px; } .user_slider .col { display: block; margin: auto; width: 100%; } .slide-description .item { height:530px; } .tabs__content.active { float: none; } .col.students { margin:30px auto 0; } .item h3 + em { padding: 0 0 20px; } .active-slide::before, .thumb_slider .active::before { left:8px; } .thumb_slider a { display:none; } .thumb_slider a.active { display:inline-block; width:190px; } .students_work .el_list li { display:block; margin:0 auto 12px; width:auto; text-align:center; } .course .course_items { text-align:center; left:0; } .course .course_item { text-align:left; width:90%; max-width:90%; } .course .course_item .title { height:auto; min-height:73px; } .online_list .item { width:100%; margin:0 0 20px; } .online_list .text { min-height:auto; } } @media ( max-width: 690px ){ .show .inner.work h2, .order .inner.work h2 { margin:0 10px 50px; } } @media ( max-width: 650px ){ aside { float:none; } #map_big { margin-left:0; } .contacts_form .form_group { display:block; margin:auto !important; } .contacts_form button { margin:40px auto; } .news_list .col { text-align:center; } .news_list h3 { margin-left:0; } .news_list .photo { float:none; display:inline-block; margin-bottom:30px; width:100%; text-align:left; } .news_list .time { display:inline-block; margin-left:0; } .news_list .descr { text-align:left; margin-left:0; } .news_list .bottom { margin-left:0; display:inline-block; text-align:left; } .users li { display:block; margin:auto; width:80%; } .popup_course .description { padding-left:0;padding-right:0; } .contacts_form_container .form_group { width:100%; } .contacts_form .form_group.mail + .mail { position:relative; margin-top:-47px !important; } } @media only screen and (max-width : 600px) { .course_art .tile li { width: 100%; } .teachers .bx-wrapper .bx-next, .students .bx-wrapper .bx-next{ right: -43px; } .teachers .bx-wrapper .bx-prev, .students .bx-wrapper .bx-prev{ left: -43px; } .slider{ } .slide-description .col { width: 30%; } /* .slide-description .photo { height: 126px; } */ .slide-description .item h3 { font-size: 16px; } .teachers .btn{ margin-top: 10px; } .show .bx-wrapper .bx-prev{ left: 0px; } .show .bx-wrapper .bx-next{ right: 0px; } .charter ul li.serv_5{ margin-bottom: 25px; } .footer .contacts .map, .map_img { width: 100%; float: none; } .map_img { display:flex; justify-content:center; } .footer .contacts .right{ margin-left: 0; margin-top: 20px; } .footer .logo{ margin-left: 0; } .footer .inner { padding-top: 30px; } .teachers_popup .photo{ width: 100%; max-width: none; float: none; margin-right: 0; } .teachers_popup{ padding: 25px 20px 50px; } .filter div { width:100%; } .el_list li { display:block; width:80%; margin:0 auto 20px; text-align:center; } .header .nav > li { margin:0; padding:0 20px; } #social { top:210px; } } @media only screen and (max-width : 599px){ .slide-description .col { width: 100%; max-width: 290px; display: block; margin-left: auto; margin-right: auto; } .slide-description .item{ /* height: auto; */ padding-bottom: 30px; margin-bottom: 30px; } .slide-description .photo{ /* height: auto; */ margin-bottom: 20px; } .tabs__content { margin-top:-30px; } .autor .left img { display:block; float:none!important; margin:0 auto 20px; } .autor .content_zone { margin:0; padding:0; } .autor .content_zone h3 { text-align:center; } .autor .right { width:100%; } } @media ( max-width: 550px ){ .gallery .result { text-align: center; } .gallery .btn { display:block; margin:20px auto 0; width:160px; } } @media ( max-width: 540px ){ .course .course_item { width:100%; max-width:100%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .header .nav > li{ margin-left: 15px; } .work{ padding-left: 15px; padding-right: 15px; } h1 { line-height: 27px; font-size: 22px; margin-bottom: 15px; } h2 { font-size: 22px; line-height: 28px; } h3{ font-size: 18px; } .features h2 { margin-bottom: 25px; } .intro h1, .intro h2 { line-height: 27px !important; font-size: 22px !important; margin-bottom: 15px !important; } .intro p { margin-bottom: 13px; } .course_design .tile li{ width: 100%; } .course_design .tile li p{ max-width: 290px; margin-left: auto; margin-right: auto; } .course .course_item h3{ font-size: 18px; } .order h3{ font-size: 20px; line-height: 24px; } .teachers .bx-wrapper .bx-next, .students .bx-wrapper .bx-next{ right:10px; } .teachers .bx-wrapper .bx-prev, .students .bx-wrapper .bx-prev{ left: 10px; } .slider{ left: -175px; } .footer .develop a { font-size: 11px; } .feedback{ width: 100%; } .feedback h2{ font-size: 21px; } .header .nav > li{ display: block; margin-left: 0; margin-bottom: 10px; } .wrap .header, .wrap.item .header { position:relative; height:auto; padding:0 0 5px; background-size:cover; } .nav li ul { display:none; width:98%; } .nav li:hover ul, .nav li.active ul { display:block; } .nav li ul { position:static; box-shadow:none; } .wrap .intro .inner { padding-top:50px; } .wrap.item .intro { background-position:center -3px; } .header { position:relative; } .intro { background-position:center -4px; } .intro .inner { padding-top:60px; } .popup_course { padding-left:10px; padding-right:15px; } .i89 .header .nav li a { color:#171717; } .nav .active ul { opacity:1; } .i89 .logo img { display:block; } .i89 .logo a { background:none; } .wrap.item .intro { min-height:auto; } .intro ul { margin-top:0; } .i89 .intro ul, .i89 .intro p { width:100%; } } @media ( max-width: 420px ){ .lending .work { padding:0; } .actions_block { width:100%; } } @media only screen and (max-width : 380px){ /* .intro .inner{ padding-top: 260px; } */ .header .logo img{ width: 67px; } .header .nav{ margin-top: 20px; } .intro p br{ display: none; } .course .course_item { margin-left:-10px; margin-right:-10px; width:auto; max-width:unset; } .course .course_item .description{ padding-left: 20px; padding-right: 20px; } .slide-description .photo{ float: none; margin-right: 0; width: 100%; } .users li { width:100%; } .footer .logo { display:block; text-align:center; } .footer .develop { display:block; float:none; text-align:center; } .charter ul li.serv_5, .charter ul li.bg { margin-left:-40px; } } @media ( max-width: 340px ){ .lending .tile { margin:0; } .lending .tile li { margin:0; } .lending { padding:48px 10px 50px; } .work { min-width:100%; } .action_content p:first-child { padding:58px 0 0 43px; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { .teachers .bx-wrapper .bx-next, .students .bx-wrapper .bx-next { right:-10px; } .teachers .bx-wrapper .bx-prev, .students .bx-wrapper .bx-prev { left:-10px; } }