/* font-family: "RobotoRegular"; */ @font-face { font-family: "RobotoRegular"; src: url("fonts/RobotoRegular/RobotoRegular.eot"); src: url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"), url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoLight"; */ @font-face { font-family: "RobotoLight"; src: url("fonts/RobotoLight/RobotoLight.eot"); src: url("fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"), url("fonts/RobotoLight/RobotoLight.woff") format("woff"), url("fonts/RobotoLight/RobotoLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoMedium"; */ @font-face { font-family: "RobotoMedium"; src: url("fonts/RobotoMedium/RobotoMedium.eot"); src: url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"), url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoBold"; */ @font-face { font-family: "RobotoBold"; src: url("fonts/RobotoBold/RobotoBold.eot"); src: url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"), url("fonts/RobotoBold/RobotoBold.woff") format("woff"), url("fonts/RobotoBold/RobotoBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} *{margin: 0;padding: 0;box-sizing: border-box} body { font-size: 100%; font-family: "RobotoRegular"; min-width: 1180px; color:#464646; min-width:1180px; } a { text-decoration: none; } .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;/*-webkit-backface-visibility:hidden;*/-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;/*-webkit-transform-style:preserve-3d*/}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{/*transform-style:preserve-3d*/}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .wrapper { width: 1180px; margin: 0 auto; } .fl-l { float: left; } .fl-r { float: right; } header { position: relative; z-index: 10; } header .top { background: rgba(0,136,255,0.7); height: 60px; padding: 4px 0 0 0; } #main-menu { } #main-menu li { float: left; list-style: none; } #main-menu li a { display: block; color: #fff; text-transform: uppercase; font-size: 13px; background-repeat: no-repeat; padding: 0px 26px 0 35px; height: 51px; font-family: "RobotoBold"; line-height: 50px; border-radius: 3px; } #main-menu li a:hover { background-color: #0088FF; color:#fff; border-radius: 5px; } #main-menu ul li ul li a { background: none !important; } #main-menu li:nth-child(1) a { background-image: url('../images/icon-menu/menu-icon-1.png'); background-position: 15px 15px; } #main-menu li:nth-child(2) a { background-image: url('../images/icon-menu/menu-icon-2.png'); background-position: 15px 15px; } #main-menu li:nth-child(3) a { background-image: url('../images/icon-menu/menu-icon-3.png'); background-position: 15px 15px; } #main-menu li:nth-child(4) a { background-image: url('../images/icon-menu/menu-icon-4.png'); background-position: 15px 15px; } #main-menu li:nth-child(5) a { background-image: url('../images/icon-menu/menu-icon-5.png'); background-position: 15px 15px; } #main-menu li:nth-child(6) a { background-image: url('../images/icon-menu/menu-icon-6.png'); background-position: 15px 15px; } #main-menu li:nth-child(7) a { background-image: url('../images/icon-menu/menu-icon-7.png'); background-position: 15px 15px; } #main-menu li:nth-child(8) a { background-image: url('../images/icon-menu/menu-icon-8.png'); background-position: 15px 15px; } #main-menu li:nth-child(1) a:hover { background-image: url('../images/icon-menu/menu-icon-1.png'); background-position: 15px -58px; } #main-menu li:nth-child(2) a:hover { background-image: url('../images/icon-menu/menu-icon-2.png'); background-position: 15px -58px; } #main-menu li:nth-child(3) a:hover { background-image: url('../images/icon-menu/menu-icon-3.png'); background-position: 15px -58px; } #main-menu li:nth-child(4) a:hover { background-image: url('../images/icon-menu/menu-icon-4.png'); background-position: 15px -58px; } #main-menu li:nth-child(5) a:hover { background-image: url('../images/icon-menu/menu-icon-5.png'); background-position: 15px -58px; } #main-menu li:nth-child(6) a:hover { background-image: url('../images/icon-menu/menu-icon-6.png'); background-position: 15px -58px; } #main-menu li:nth-child(7) a:hover { background-image: url('../images/icon-menu/menu-icon-7.png'); background-position: 15px -58px; } #main-menu li:nth-child(8) a:hover { background-image: url('../images/icon-menu/menu-icon-8.png'); background-position: 15px -58px; } /* ********************************* */ #main-menu ul li { position: relative; } #main-menu ul li ul { display: none; position: absolute; top: 50px; left: 0; z-index: 200; text-align: left; } #main-menu ul li:hover ul { display: block; background: #0088FF; max-width: 200px; box-shadow: 1px 3px 7px #404040; } #main-menu ul li ul { max-height: 414px; overflow-y: auto; } #main-menu ul li ul::-webkit-scrollbar-button { background-image:url(''); background-repeat:no-repeat; width:2px; height:0px } #main-menu ul li ul::-webkit-scrollbar-track { background-color: #fff; } #main-menu ul li ul::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #eaa400; } #main-menu ul li ul::-webkit-scrollbar-thumb:hover{ background-color: #eaa400; } #main-menu ul li ul::-webkit-resizer{ background-image:url(''); background-repeat:no-repeat; width:2px; height:0px } #main-menu ul li ul::-webkit-scrollbar{ width: 2px; } #main-menu ul li ul li { padding: 10px 5px; margin-left: 0 !important; } #main-menu ul li ul li a { line-height: 20px; padding: 0 25px; background: none; height: auto; } #main-menu ul li ul li a:hover, #main-menu ul li ul li a.active { color: #b8deff; background: none; } #main-menu li:first-child { margin-left: 0; } #main-menu li:last-child { margin-right: 0; } @media(max-width:1024px){ #main-menu li a { padding: 0px 18.1px; } } @media screen and (max-width: 1024px) { #main-menu { display: none; } } /* ********************************* */ header .bottom { padding: 16px 0 0 0; z-index: 10; top: 0; width: 100%; } header.inset-page .main-menu li a:hover, .main-menu li a.active { background-color: rgba(255,255,255,0.5); } .logo { display: inline-flex; } .logo > a { display: block; background: url('../images/logo.png') no-repeat; text-decoration: none; padding: 7px 0 0 124px; letter-spacing: -0.8px; height: 124px; width: 140px; } .logo .sloganblock { top: 40px; position: relative; left: 10px; } .logo .sloganblock a{ color: black; } .sticky-wrapper.stic .logo > a{ display: block; background: url(../images/logo.png) no-repeat; text-decoration: none; padding: 0px; letter-spacing: -0.8px; height: 80px; width: 86px; background-size: cover; } .sticky-wrapper.stic .logo .sloganblock { top: 15px; position: relative; left: 40px; } .sticky-wrapper.stic .block-quiz.desc { width: 200px; display: inline-block; top: 0px; position: absolute; left: 50%; } .sticky-wrapper.stic .block-quiz { margin: 5px 0 0 0; position: relative; } .sticky-wrapper.stic .block-tel { margin: 10px 0 0 0; top: 5px; position: relative; } .sticky-wrapper.stic .bottom { padding-bottom: 0px; } .logo .l { color:#1e7fd1; font-size: 20px; font-family: "RobotoLight"; letter-spacing: -0.8px; } .logo .l span { font-size: 30px; font-family: 'Roboto Black', arial; letter-spacing: 0.8px; } header .block-tel { margin: 10px 0 0 0; top: 30px; position: relative; } header .block-tel .tel { position: relative; color:#3c454e; font-size: 24px; } header .call { font-size: 15px; color:#0088FF; border-bottom: 1px dotted #0088FF; } .main-banner { background: url('../images/banner.jpg') no-repeat center top; margin: -156px 0 0 0; padding: 196px 0 0 0; height: 577px; } .main-banner .left-b { background: url('../images/bg-b1.png') no-repeat; width: 716px; height: 259px; float: left; margin: 40px 0 0 164px; padding: 65px 24px 0 0; } .main-banner .left-b p { text-align: center; font-size: 40px; font-weight: normal; color:#0088ff; font-family: 'Roboto Black', arial; } .form { width: 300px; text-align: center; color:#fff; background: rgba(0,136,255,0.7); padding: 34px 0 43px 0; background-size: cover; } .form.wa { width: 450px; text-align: center; color:#fff; background: rgba(0,136,255,0.7); padding: 34px 0 43px 0; background-size: cover; } @media(max-width:767px){ .form.wa { width: auto; } } .form .t { text-transform: uppercase; font-size: 28px; font-family: 'Roboto Black', arial; } .form p { font-family: "RobotoLight"; margin: 10px 0 25px 0; } .form input[type="text"], .form input[type="date"], .form textarea { background-repeat: no-repeat; border: none; color: #98a5b5; font-size: 15px; border-radius: 3px; width: 257px; margin-bottom: 10px; height: 41px; background-position: 9px 12px !important; padding-left: 33px; padding-right: 10px; border-radius: 50px; } .form textarea { height: 150px; padding: 5px; resize: vertical; border-radius: 17px; } .form input[type="text"].name { background-image: url('../images/icon/name.png'); } .form input[type="text"].telephone { background-image: url('../images/icon/tel-form.png'); } .form input[type="submit"] { border:none; background: #F26C4F; border-radius: 3px; color:#fff; font-size: 16px; font-family: "RobotoMedium"; width: 257px; height: 41px; margin: 4px 0 0 0; border-radius: 50px; } .reserv { margin-bottom: 46px; } .reserv .t { margin-bottom: 20px; } .reserv p { margin: 0 0 10px 0; color: #ffffff; font-weight: bold; letter-spacing: 1px; font-size: 16px; } .reserv textarea { margin: 10px 0 10px 0; padding: 10px 15px; } .reserv input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; opacity: 1; background: url('/netcat_template/template/stavropol/images/calendar.png') no-repeat center; background-size: contain; } .t-main { text-align: center; font-size: 30px; text-transform: uppercase; font-family: "RobotoMedium"; font-weight: bold; position: relative; padding: 61px 0 0 0; margin-bottom: 63px; letter-spacing: -0.3px; } .t-main:before { content:''; position: absolute; left:50%; width: 100px; background: #CCCCCC; height: 2px; bottom: -25px; margin-left: -50px; } .block1 { padding-bottom: 0px; } .block1 .items { } .block1 .items .left-b { width: 500px; } .block1 .items .right-b { width: 500px; } .block1 li { list-style: none; font-size: 17px; margin-bottom: 29px; } .block1 li span { display: inline-block; vertical-align: middle; width: 66px; margin-right: 29px; } .block1 li p { display: inline-block; vertical-align: middle; width: 400px; } .block2 { padding-bottom: 6px; } .block2 .items { } .block2 .items > div:first-child { float: left; width: 577px; } .block2 .items > div:last-child { float: right; width: 577px; } .block2 .item { background: #F3F3F3; padding: 14px 0px 14px 3px; } .block2 .item:nth-child(even) { background: #EDEDED; } .block2 .time { display: inline-block; color: #f26c4f; font-size: 20px; font-family: 'Roboto Black', arial; position: relative; padding-left: 49px; letter-spacing: -0.8px; /* padding-right: 40px; */ width: 177px; vertical-align: middle; } .block2 .time:before { content: ''; left: 0; top:-3px; position: absolute; width: 32px; height: 32px; background: url('../images/icon/clock.png') no-repeat; } .block2 .time:after { content: ''; right: 0; top: 12px; width: 20px; height: 1px; background: url('../images/icon/line.png') no-repeat; position: absolute; } .block2 p { display: inline-block; font-size: 17px; width: 393px; letter-spacing: -0.7px; vertical-align: middle; } .block3 { padding-bottom: 29px; } .form-main { width: 821px; height: 363px; margin: 0 auto; background: url('../images/form/form-bg.png') no-repeat; text-align: center; } .form-main .t { color:#fff; font-size: 43px; font-family: 'Roboto Black', arial; padding: 36px 0 4px 0; } .form-main p { font-size: 20px; color:#fff; font-family: "RobotoLight"; margin-bottom: 25px; } .form-main form { padding: 0 40px; } .form-main form > div { float: left; width: 359px; } .form-main form > div:first-child { margin-right: 20px; } .form-main input[type="text"] { border: none; border-radius: 3px; width: 100%; height: 40px; margin-bottom: 12px; padding-left: 36px; background-position: 10px 11px !important; border-radius:50px; } .form-main input[type="text"].name { background: url('../images/form/1.png') #fff no-repeat; } .form-main input[type="text"].telephone { background: url('../images/form/2.png') #fff no-repeat; margin-bottom: 0; } .form-main textarea { background: url('../images/form/3.png') #fff no-repeat; border: none; border-radius: 3px; width: 100%; height: 92px; resize: none; padding: 10px 0 0 33px; background-position: 9px 13px !important; border-radius:20px; } .form-main input[type="submit"] { color: #fff; font-size: 16px; font-family: "RobotoMedium"; border: none; background: #F26C4F; border-radius: 3px; margin: 0 0 0 0; height: 40px; width: 255px; border-radius:50px; } .block4 { padding-bottom: 25px; } .block4 .items { } .block4 .items .item { width: 280px; float: left; margin-right: 20px; } .block4 .items .item:last-child { margin-right: -20px; } .block4 .items .item .desk { background: #F7F7F7; border-radius: 3px; font-size: 14px; font-style: italic; position: relative; padding: 15px 5px 13px 8px; line-height: 1.7; margin-bottom: 15px; color:#2f2f2f; height: 258px; } .block4 .items .item .desk a{ color:#f26c4f; text-decoration:underline; } .block4 .items .item .desk a:hover{ text-decoration:none; } .block4 .items .item .desk:after { content: ''; position: absolute; bottom: -11px; left: 79px; width: 18px; height: 12px; background: url('../images/icon/ar-review.png') no-repeat; } .block4 .items .item .author { } .block4 .items .item .photo { float: left; } .block4 .items .item .name { font-family: "RobotoMedium"; padding: 5px 0 0 0; } .block4 .items .item .date { font-size: 13px; font-family: "RobotoRegular"; color:#98a5b5; font-style: italic; margin: 3px 0 0 0; } .block5 { font-size: 14px; padding-bottom: 37px; max-width: 900px; margin: 0 auto; } .block5 p { line-height: 1.7; margin-bottom: 27px; } .block5 .list { margin-bottom: 27px; } .block5 .list > div { font-family: "RobotoBold"; margin-bottom: 4px; } .block5 li { list-style: none; position: relative; margin-bottom: 4px; } .block5 li:before { content: '\2022\a0'; color: #F9BD69; font-size: 15px; margin-right: 0px; } footer { background: #222222; } footer .bl .time-f { position: relative; font-size: 13px; margin: 6px 0 0 0; } footer .bl .time-f:before { background-image: url('/netcat_template/assets/images/clock-two.svg'); content: ''; position: absolute; left: -23px; top: 50%; display: block; width: 18px; height: 19px; margin-top: -10px; background-size: contain; } .f-menu { background: #0088FF; text-align: center; padding: 17px 0; } .f-menu li { display: inline-block; padding: 0 33px; } .f-menu li a { color:#222222; font-size: 12px; text-transform: uppercase; font-family: "RobotoBold"; } .f-menu li a:hover { color:#fff; } footer .bottom { padding: 31px 0 33px 0; } .logo-f { } .logo-f a { display: block; background: url('../images/logo-f.png') no-repeat; text-decoration: none; height: 124px; padding: 13px 0px 0 124px; } .logo-f .l { color: #fff; font-size: 18px; font-family: "RobotoLight"; } .logo-f .l span { font-family: "RobotoBold"; } footer .bl { color: #fff; font-size: 18px; margin-left: 77px; width: 250px; margin-top: 13px; } footer .bl a { color: #fff; } footer .bl .tel-f { position: relative; font-family: "RobotoLight"; } footer .bl .tel-f:before { content: ''; position: absolute; left: -20px; top: 50%; display: block; background-image: url('../images/icon/tel.png'); width: 14px; height: 19px; margin-top: -10px; } footer .bl .mail { position: relative; font-size: 13px; margin: 6px 0 0 0; } footer .bl .mail:before { content: ''; position: absolute; left: -20px; top: 50%; display: block; background-image: url('../images/icon/mail.png'); width: 13px; height: 10px; margin-top: -5px; } footer .bl address { position: relative; font-size: 13px; padding: 5px 0 0 0; } footer .bl address:before { content: ''; position: absolute; left: -20px; top: 50%; display: block; background-image: url('../images/icon/address.png'); width: 12px; height: 16px; margin-top: -5px; } footer .call { color: #fff; font-size: 16px; font-family: "RobotoMedium"; border: none; background: #F26C4F; border-radius: 3px; display: inline-block; margin: 18px 0 0 0; height: 40px; line-height: 40px; text-align: center; width: 200px; border-radius: 50px; } .content { margin-bottom: -27px; padding-bottom: 94px; } header.inset-page { background: #F8F8F8; } header.inset-page .top { background: #0088FF; } header.inset-page .bottom { border-bottom:1px solid #F0F0F0; padding-bottom: 15px; margin-bottom: 39px; } header.inset-page li a { color:#fff; } header.inset-page .block-tel .tel { } header.inset-page .block-tel .tel:before { } header.inset-page .call { } .content aside { float: left; width: 300px; margin-right: 29px; } .content .content-inside { float: left; width: 851px; margin: -5px 0 0 0; overflow:hidden; } .content .content-inside img { max-width: 100%; } .menu-aside { background: #1E7FD1; border-radius: 3px; margin-bottom: 46px; } .menu-aside .t { font-size: 28px; text-transform: uppercase; color:#fff; font-family: 'Roboto Black', arial; text-align: center; padding: 33px 0 22px 0; } .menu-aside li { list-style: none; border-top:1px solid #55A7E6; } .menu-aside li:last-child { } .menu-aside li a { display: block; color:#fff; font-size: 14px; text-transform: uppercase; font-family: "RobotoBold"; padding: 17px 0 17px 22px; } .menu-aside li a:hover { color: #acd373; } .specilist { background: #F1F1F1; border-radius: 3px; padding-bottom: 1px; margin-bottom: 44px; } .specilist .t { font-size: 28px; text-transform: uppercase; color:#0088ff; font-family: 'Roboto Black', arial; text-align: center; padding: 33px 0 22px 0; } .specilist .item { margin: 0 19px 14px; border-bottom: 1px solid #E2DFE7; min-height: 89px; } .specilist .item:last-child { border:none; } .specilist .item .photo { float: left; } .specilist .item .desk { margin: 0px 0 0 80px; } .specilist .item .desk .name { padding: 7px 0 2px 0; color:#f26c4f; } .specilist .item .desk .posada { font-size: 14px; color:#969495; font-style: italic; } select { background-repeat: no-repeat; border: none; color: #98a5b5; font-size: 15px; border-radius: 3px; width: 257px; height: 41px; background-position: 9px 13px !important; padding-left: 33px; background-image: url('../images/icon/icon-select.png'); border-radius: 50px; margin-bottom: 13px; } .breachrums { color:#ce6991; font-size: 13px; font-family: "RobotoLight"; } .breachrums a { color:#98a5b5; } .content-inside p { line-height: 1.7; margin-bottom: 27px; font-size: 14px; } .content-main { } .content-main .aplicance { } .content-main .aplicance h2 { color: #f26c4f; font-size: 30px; font-weight: normal; font-family: "RobotoLight"; text-align: center; margin: -9px 0 21px 0; } .content-main .aplicance .items { background: url('../images/steps.png') no-repeat center top; padding: 158px 0 22px 0; } .content-main .aplicance .items .item { float: left; width: 220px; text-align: center; margin-right: 21px; } .content-main .aplicance .items .item .t { margin-bottom: 4px; color:#0088ff; } .content-main .aplicance .items .item p { } .content-main .aplicance .items .item:nth-child(1) { } .content-main .aplicance .items .item:nth-child(2) { padding: 79px 0 0 0; } .content-main .aplicance .items .item:nth-child(3) { } .content-main .aplicance .items .item:nth-child(4) { padding: 79px 0 0 0; } .content-main .aplicance .items .item:nth-child(5) { margin-right: -30px; } .content-main .aplicance .bottom { margin-bottom: 30px; } .content-main .aplicance .bottom > div { background: url('../images/bg-b2.png') no-repeat; width: 579px; float: left; padding: 10px 18px 0 31px; min-height: 432px; } .content-main .aplicance .bottom .t { font-size: 22px; font-family: "RobotoBold"; border-bottom: 1px solid #E1E4ED; padding-bottom: 9px; margin-bottom: 24px; } .content-main .aplicance .bottom .t img { vertical-align: middle; } .content-main .aplicance .bottom .t span { display: inline-block; width: 300px; vertical-align: middle; margin: 0 0 0 14px; line-height: 1.2; } .content-main .aplicance .bottom li { list-style: none; font-size: 14px; margin-bottom: -1px; line-height: 1.7; } .content-main .aplicance .bottom li:before { content: '\2022\a0'; color: #0088FF; font-size: 15px; margin-right: 0px; } .content-main .aplicance .bottom > div:first-child { margin-right: 20px; } .content-main .aplicance h3 { text-align: center; font-weight: normal; font-size: 30px; color:#f26c4f; font-family: "RobotoLight"; } .content-main .price { } .content-main .price .blocks > div { float: left; background: url('../images/bg-b3.png') no-repeat; width: 579px; padding: 27px 30px 0 30px; min-height: 523px; margin: 0 21px 21px 0; } .content-main .price .blocks > div:nth-child(2n) { margin-right: -20px } .content-main .price .blocks .top { border-bottom: 1px solid #E1E4ED; padding-bottom: 14px; margin-bottom: 25px; } .content-main .price .blocks .top .left { width: 200px; padding-left: 78px; line-height: 1; margin: 12px 0 0 0; position: relative; } .content-main .price .blocks .top .left span { position: absolute; left: 21px; line-height: 0.8; color: #036ec9; font-size: 43px; font-family: 'Roboto Black', arial; } .content-main .price .blocks .top .left h3 { font-weight: normal; font-size: 22px; font-family: "RobotoBold"; } .content-main .price .blocks .top .right { } .content-main .price .blocks .top .right span.n { color:#fff; font-size: 15px; font-family: "RobotoBold"; border: none; background: #ACD373; border-radius: 3px; display: inline-block; height: 33px; line-height: 33px; margin-bottom: 4px; text-align: center; width: 200px; border-radius: 50px; } .content-main .price .blocks .top .right .pr { color:#98a5b5; font-style: italic; } .content-main .price .blocks .top .right .pr span { color:#f26c4f; font-family: "RobotoMedium"; } .content-main .price .blocks p { font-size: 17px; margin: 0; line-height: 1.5; } .content-main .price .blocks .bottom { text-align: center; padding: 22px 0 0 0; } .content-main .price .blocks .bottom > div { display: inline-block; vertical-align: top; width: 126px; margin-bottom: 21px; } .content-main .price .blocks .bottom > div .ds { font-size: 14px; font-family: "RobotoLight"; } .content-main .price p { line-height: 1.7; margin-bottom: 27px; font-size: 14px; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-close{ background-image: url(../images/clode-b.png); background-repeat: no-repeat; } .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite2.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -3px; right: -7px; width: 23px; height: 23px; cursor: pointer; z-index: 8040; } .fancybox-type-image .fancybox-close { position: absolute; top: 15px; right: 15px; width: 23px; height: 23px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { margin: 0; } .fancybox-lock body { margin: 0; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-margin { margin-right: 0 !important; } .fancybox-lock .fancybox-overlay { } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .form input[type="submit"]:hover, .form-main input[type="submit"]:hover, footer .call:hover { opacity: 0.8; } header .call:hover { border-bottom: transparent; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; position: relative; left: -68px; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; position: relative; right: -68px; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: none !important; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*gallery*/ .photogallery ul li{ list-style-type:none; float:left; margin-bottom: 20px; margin-left: 20px; } .photogallery ul li a img { width: 238px; height: 180px; } /*rew section*/ .review-all { margin-top: 20px; } .item{ margin-bottom: 15px; } .review-all .item .photo { float: left; } .review-all .item .photo img{ border-radius: 50%; } .review-all .item .name { font-family: "RobotoMedium"; padding: 0px 0 18px 0px; float: left; } .review-all .item .rating { float: right; } .review-all .item .name .date { font-size: 13px; font-family: "RobotoRegular"; color: #98a5b5; font-style: italic; margin: 3px 0 0 0; } .review-all .item .desk { float: left; background: #F7F8FB; border-radius: 3px; border: 1px solid #EEEEEF; font-size: 14px; font-style: italic; position: relative; padding: 15px 5px 13px 8px; line-height: 1.7; margin-bottom: 15px; margin-top: 8px; } .review-all .item .desk:before{ content: ''; position: absolute; width: 18px; height: 20px; background: url('../images/icon/ar-review1.png') no-repeat; top: -12px; left: 31px; } .reviews-form * { outline: none; box-sizing: border-box; } .reviews-form { width: 100%; padding: 30px 20px; box-sizing: border-box; margin: 0 0 20px 0; } .reviews-form .t { text-align: left; margin-bottom: 20px; } .reviews-form input[type="text"] { width: 100%; } .reviews-form textarea { width: 100%; padding: 15px; } .reviews-form input[type="submit"] { margin: 0 auto 0 0; display: block; } .reviews-form .warnText { color: #fff; margin: 10px 0; text-align: left; } .reviews-form-button { width: 140px; display: block; margin: 0 0 20px auto; } .reviews-form-button button { width: 100%; background: #1e7fd1; border: 0; height: 30px; line-height: 30px; color: #fff; font-size: 14px; } /*rew section*/ /*Quest - Answer*/ .faq_block { margin-top: 15px; } .question_block { background: #7FC4FF; padding: 14px 13px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 8px; } .answer_questions { color: #5f5f5f; font-size: 14px; line-height: 23px; padding: 10px; border: 6px solid #ededed; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0px 0px 32px 24px; } .answer_questions a{ color:#ce6991; } .text_question{ font-size: 15px; } .ask_your_question { background: #e7e7e7; padding: 0px 0px 35px 0px; } .ask_your_question .title_block { font-size: 31px; color: #2f2f2f; padding: 33px 0px 32px 40px; } .ask_your_question ul li input[type="text"] { display: block; background: #fff; width: 293px; height: 44px; font-size: 15px; color: #777777; padding: 0px 30px; border: 1px solid #c8c8c8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .ask_your_question ul li textarea { width: 512px; height: 122px; background: #fff; border: 1px solid #c8c8c8; font-size: 16px; padding: 15px 25px; color: #777777; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; resize: none; outline: none; } .ask_your_question ul li{ list-style-type: none; } .ask_your_question button{ background-color: #1E7FD1; color: #fff; padding: 0px 35px; height: 51px; font-family: "RobotoBold"; line-height: 50px; border-radius: 3px; text-transform: uppercase; font-size: 13px; border: 0; } .ask_your_question ul li { display: block; margin: 0px 0px 16px 39px; } /* //Quest - Answer*/ /*blog section*/ .content-main .blogList h1, .content-main .blogList h2, .content-main .blogList h3{ text-transform: none; } .blogList .oneArt{ border-bottom: 1px dashed #4388f5; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .blogList .oneArt .prew { width:25%; } .blogList .oneArt img{ //float: right; // margin-top: 59px; //margin-left: 12px; // margin-right: 3px; width: 221px; } .blogList .oneArt .textPrev { width: 610px; width: 68%; } .blogList .oneArt .textPrev .readMoreBlog{ float: right; } .blogList .oneArt .textPrev .dateBlog{ float:left; } .blogList .oneArt h2 a{ color: #333333; } .blogList .oneArt .textPrev p{ margin-bottom: 12px; } .blogList .oneArt .textPrev .readMoreBlog a{ color: #4388f5; text-decoration:underline; } .blogList .oneArt .textPrev .readMoreBlog a:hover{ text-decoration:none; } .blogList .oneArt .textPrev h2{ padding: 20px 0 0 0; margin-top: 13px; margin-bottom: 25px; } article p, article ul, article ol{ line-height: 1.7; margin-bottom: 27px; font-size: 14px; } article h1{ margin: 10px 0 20px 0; } article h2{ margin: 10px 0 15px 0; } article h3{ margin: 10px 0 15px 0; } article ul, article ol{ margin-left: 16px; } /*blog section*/ form input, form textarea{ outline:none; } #page .content .block2 .item.current { background: #F8D3CB; } .owl-nav .owl-next:before,.owl-nav .owl-prev:before { font-size:45px; margin: 0 25px; line-height:1; color:#787878; } .owl-nav .owl-next:before { content:">"; } .owl-nav .owl-prev:before { content:"<"; } .blog_block_takze .owl-dots { display:none !important; } .blog_block_takze .owl-nav { position:relative; display:flex; justify-content:center; } .blog_block_takze .prew { width:100%; height:179px; } .blog_block_takze .t { color:#ce6991; } @media screen and (max-width: 1024px) { #page { overflow: hidden; } /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after, .container_16:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12, .container_16 {zoom: 1} body { min-width: initial; } .wrapper { width: 750px; box-sizing: border-box; padding: 0 3px; } #main-page { overflow: hidden; } body { overflow-x: hidden; padding: 0; } iframe { width: 100%; } .map > ymaps { width: 100% !important; height: 300px !important; } img { max-width: 100%; } .main-menu li a { background: none !important; padding: 0px 10px; height: initial; line-height: inherit; } .main-banner .left-b { float: none; margin: 0; } .main-banner { background-size: cover; height: auto; } .form { float: none; width: 100%; } .block1 .items .left-b { float: none; width: 100%; } .block1 .items .right-b { float: none; width: 100%; } .block1 li { text-align: center; } .block1 .items .left-b { margin-bottom: 20px; } .form-main { width: 100%; background-size: 100% 100%; } .form-main form > div { width: 320px; } .block2 .items > div:first-child { float: none; width: 100%; } .block2 .items > div:last-child { float: none; width: 100%; } .block4 .items .item { float: none; margin: 0 auto !important; } .f-menu li { padding: 0 10px; } .logo-f { float: none; } footer .bl { float: none; margin: 10px 0 10px 20px; } footer .call { float: none; } .content .content-inside { float: none; width: 100%; } .content aside { float: none; width: 100%; } .content-main .price .blocks > div { float: none; margin: 0 auto 20px !important; } .content-main .aplicance .bottom > div { float: none; margin: 0 auto 20px !important; } .content-main .aplicance .items { background: none; padding: 0; margin-bottom: 30px; } .content-main .aplicance .items .item { float: none; padding: 0 !important; margin: 0 auto !important; } .content-main .aplicance .items .item p { margin: 0; } footer .logo-f { float: left; margin-right: 30px; } .main-menu li { padding: 15px 0; } .main-menu li a.active { color: #4388f5; } footer .bl { float: left; margin: 10px 20px; } .nc_subdivision_list { margin-bottom: 20px; } .nc_subdivision_list .nc_menu_item { padding: 5px 2px; } } @media screen and (max-width: 760px) { .blogList .oneArt .prew, .blogList .oneArt .textPrev { width: 100%; } .wrapper { width: 100%; box-sizing: border-box; padding: 0 10px; } #menu-mobile-open { display: block; width: 57px; height: 57px; transition: all 1s; position: relative; text-decoration: none; border: none; position: absolute; right: 0%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 11%; z-index: 20; } #menu-mobile-open span { border: 2px solid #868A8B; width: 35px; left: 12px; display: block; position: absolute; transition: all .8s; } #menu-mobile-open.active span { border: 2px solid #fff; } #menu-mobile-open span.top-line { top: 16px; } #menu-mobile-open span.one, #menu-mobile-open span.two { top: 27px; } #menu-mobile-open span.bottom-line { top: 39px; } #menu-mobile-open.active .top-line { -webkit-transform: translate(0, -8px); transform: translate(0, -8px); -moz-transform: translate(0, -8px); opacity: 0; } #menu-mobile-open.active .one { transform: rotate(46deg); -moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); } #menu-mobile-open.active .two { -webkit-transform: rotate(-46deg); transform: rotate(-46deg); -moz-transform: rotate(-46deg); } #menu-mobile-open.active .bottom-line { -webkit-transform: translate(0, 8px); transform: translate(0, 8px); -moz-transform: translate(0, 8px); opacity: 0; } #main { overflow: hidden; } .main-menu { position: absolute; width: 100%; height: auto; min-width: initial; transform: translateY(-100%); -webkit-transform: translateY(-100%); top: 0; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; z-index: 11; text-align: center; left: 0; } .main-menu ul { width: 100%; height: auto; min-width: auto; } .main-menu ul li { float: none; line-height: 30px; background: none; } .main-menu ul li a { } .main-menu.open { transform: translateY(0%); -webkit-transform: translateY(0%); opacity: 1; padding-top: 86px; padding-bottom: 10px; background: #7984BA; } header .top { height: 0; padding: 0; } .logo { float: none; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; position: relative; top: 20px; } .logo .sloganblock{ top: 0px; left: 0px; } .logo > a { background-size: 80px; padding: 0px 0 0 90px; box-sizing: border-box; background-position: 0px center; margin: 0 auto; height: 71px; margin-bottom: 10px; text-align: center; width: 0px; } header .block-tel { margin: 0px; } .logo .l { font-size: 14px; } .logo .l span { font-size: 16px; } header .block-tel { float: none; } header .block-tel .tel { font-size: 20px; width: fit-content; margin: 0 auto; max-width: 100%; } header .block-tel { float: none; } header .block-tel .tel { font-size: 20px; width: fit-content; max-width: 100%; margin: 0 auto; } header .call { font-size: 13px; } .main-banner .left-b { width: 100%; padding: 30px 0 0 0; } .main-banner .left-b p { font-size: 30px; color: #2785d8; text-shadow: 1px 1px 1px #fff; line-height: 40px; } .main-banner h1 { font-size: 29px; text-shadow: 0 -1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff; } .t-main, article h1, article h2, article h3, .block5 h2 { font-size: 25px; } .block1 li p { width: 100%; } .block1 li span { margin: 0; } .form-main form { padding: 0 10px; } .form-main input[type="text"] { box-sizing: border-box; } .form-main form > div { width: 100%; margin: 0 !important; float: none; } .form-main input[type="text"].telephone { margin-bottom: 12px; } .form-main { height: initial; padding: 10px; } .form-main .t { font-size: 25px; } .form-main p { font-size: 16px; } .block3 { padding: 0; } .block2 .time { display: block; margin-bottom: 8px; margin: 0 auto 8px; padding-left: 0; } .block2 p { width: 100%; } .block2 .item { text-align: center; } .block2 p { font-size: 14px; } .block2 { padding: 0; } .f-menu li { display: block; margin-bottom: 4px; } .f-menu li:last-child { margin: 0; } .form input[type="text"], .form input[type="date"], .form textarea { width: 100%; box-sizing: border-box; } .wrap-call .form { padding: 10px 10px; } .form input[type="submit"] { width: 100%; } .form .t { font-size: 20px } .form { padding: 10px; } .menu-aside .t { font-size: 20px; padding: 12px 0; } .menu-aside li a { font-size: 12px; padding: 10px 10px 10px 22px; } .specilist .t { font-size: 20px; padding: 12px 0; } .content-main .price .blocks > div { width: 100%; background-size: 100% 100%; min-height: initial; padding-bottom: 20px; } .content-main .price .blocks .bottom > div { width: 100%; margin: 0 0 10px 0; } .content-main .price .blocks .bottom > div img { width: auto; margin: 0 auto; } .content-main .price .blocks .bottom .item { margin: 0; } .content-main .price .blocks .top .left { width: 230px; } .content-main .price .blocks .top .left h3 { font-size: 15px; } .content-main .price .blocks .top .right { float: none; text-align: right; } .content-main .price .blocks .top { text-align: right; } .content-main .price .blocks .top .right span.n { width: 170px; margin-top: 5px; } .content-main .price .blocks p { font-size: 14px; } .content-main .aplicance h2 { font-size: 22px } .content-main .aplicance .bottom > div { width: 100%; background-size: 100% 100%; min-height: initial; padding-bottom: 30px; } .content-main .aplicance .bottom .t img { width: 45px; } .content-main .aplicance .bottom .t span { width: 160px; font-size: 14px; } .content-main .aplicance .bottom li { font-size: 12px; } .content-main .aplicance h3 { font-size: 20px; } .content { padding-bottom: 45px; } .blogList .oneArt img { float: none; margin: 0; } .blogList .oneArt .textPrev { width: 100%; } .blogList .oneArt .textPrev h2 { font-size: 18px; padding: 0; margin: 10px 0; } .blogList .oneArt { margin-bottom: 10px; } footer .logo-f { float: none; margin: 0 auto; width: fit-content; max-width: 100%; } footer .bl { float: none; margin: 20px auto; } .btn-order { width: 100%; text-align: center; } .main-menu li { padding: 2px 0; color: #fff; } .main-menu li a { color: #fff; } header .block-tel { margin-left: 45px; text-align: center; } .main-banner { background-position-x: -530px; } footer .f-menu li a { color: #fff; } header .bottom { padding: 70px 0 0 0; } } /* Калькулятор стоимости */ .calc{ margin: 40px auto 60px auto; background: #f26c4f; padding: 3px 0 0 0; } .calc .c-banner{ background: url('/images/banner-calc.jpg') no-repeat center; background-size: cover; width: 100%; height: 225px; } .calc .c-title{ font-size: 30px; font-weight: bold; padding: 15px; box-sizing: border-box; text-align: center; color: #000; margin-bottom: 20px; } .calc .c-form { padding: 0 30px 30px 30px; box-sizing: border-box; } .calc .c-form form { display: flex; flex-wrap: wrap; justify-content: flex-start; } .calc .c-form form div{ width: 50%; margin-bottom: 20px; } .calc .c-form form div:nth-child(odd){ padding: 0 0 0 40px; } .calc .c-form form div:nth-child(even){ padding: 0 40px 0 0; } .calc .c-form form div.wide{ width: 100%; padding: 0; } .calc .c-form form div.wide_{ width: 100%; padding: 0; margin: 20px 0 0 0; } .calc .c-form label { font-size: 18px; font-weight: bold; margin-bottom: 10px; display: block; clear:both; } .calc .c-form select{ padding: 5px; font-size: 15px; font-weight: bold; color: #808080; border: 0; border-radius: 0; background-image: none; background: url('/images/select-arrow-down.png') no-repeat right center rgba(255,255,255,0.7) !important; background-position-x: 99.8% !important; height: 32px; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .calc .c-form input[type="text"]{ padding: 5px; font-size: 15px; font-weight: bold; color: #808080; border: 0; border-radius: 0; background: rgba(255,255,255,0.7); height: 32px; width: 100%; } .calc .c-form input[name="f_phone"]{ padding: 5px; font-size: 15px; font-weight: bold; color: #808080; border: 0; border-radius: 0; background: none; border-bottom: 1px solid #333; height: 32px; } .calc .c-form button{ color: #fff; border: 0; border-radius: 10px; background: #8e0338; padding: 0 30px; box-sizing: border-box; font-size: 18px; line-height: 50px; height: 50px; display: block; margin: 0 auto; } @media(max-width:767px){ .calc .c-banner{ height: 120px; } .calc .c-title{ margin-bottom: 5px; } .calc .c-form form div{ width: 100%; padding: 0 !important; margin-bottom: 5px; } } .i-price { display: table-cell; width: 21%; text-align: center; background: #edf4f8; padding: 10px; vertical-align: bottom; border: 5px solid #fff; } .i-price .from { display: inline-block; font-size: 25px; } @media(max-width:767px){ .i-price { display: flex; width: 100%; flex-direction: column } .i-price p { margin-bottom: 10px; } } span.krasnodar-prace { font-size: 50px; font-family: 'RobotoSlabLight'; color: #1e7fd1; } /* Price New Page */ .price-new * { box-sizing: border-box; } .price-new { } .pn-items { display: flex; flex-wrap: wrap; justify-content: flex-start; } .pn-item { background: linear-gradient(to left, #39a4f2, #036dc9); padding: 10px 10px 19px 10px; border-radius: 3px; margin: 20px 10px; width: calc(50% - 20px); } .pn-wrap { background: #f7f8fb; padding: 20px; margin-top: -25px; box-shadow: 0 0 3px #98a5b5; display: flex; flex-wrap: wrap; justify-content: space-between; } .pn-t { font-weight: normal; font-size: 22px; font-family: "RobotoBold"; position: relative; } .pn-t .view { display: block; font-family: "RobotoRegular"; font-size: 14px; position: absolute; bottom: -10px; left: 23px; color: #2f2f2f; background: #f7f8fb; border: 1px solid #4bb8f4; max-width: 150px; width: max-content; width: fit-content; padding: 4px 8px; border-radius: 0 5px 5px 5px; transform: translateY(100%); z-index: 7; box-shadow: 2px 2px 10px #000; opacity: 0; -webkit-transition: all 800ms ease; transition: all 800ms ease; } .pn-t .view span { font-family: "RobotoRegular" !important; font-size: 14px !important; color: #046dc9 !important; } .pn-t .view:before { display: block; content: ""; position: absolute; top: -15px; left: -1px; width: 0; height: 0; border-bottom: 15px solid #4bb8f4; border-right: 10px solid transparent; } .pn-item:hover .view { opacity: 1 !important; } .pn-t span:first-child { display: inline-block; color: #036ec9; font-size: 55px; font-family: 'Roboto Black', arial; margin-right: 10px; } .pn-t span:last-child { display: inline-block; width: 200px; line-height: 1; } .pn-count div { color: #464646; font-size: 14px; text-transform: uppercase; font-family: "RobotoBold"; border: none; background: #acd373; border-radius: 3px; display: flex; justify-content: space-evenly; height: 33px; line-height: 33px; margin: 10px 0; text-align: center; width: 170px; } .pn-count div span:last-child { font-size: 24px; color: #464646; } .pn-photo { width: 100%; margin: 10px 0; height: 200px; overflow: hidden; position: relative; } .pn-photo img { width: 100%; height: auto; position: absolute; left: 0; right: 0; bottom: 0; } .pn-icons { width: 100%; margin: 10px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; } .pn-icon { width: calc(25% - 10px); margin: 0 5px 20px 5px; } .pn-icon img { display: block; margin: 0 auto 10px auto; } .pn-icon span { display: block; font-size: 13px; font-family: "RobotoLight"; text-align: center; } .pn-button { width: 100%; margin: 20px auto 10px auto; } .pn-button a { border: none; background: #acd373; border-radius: 3px; color: #000; font-size: 16px; text-transform: uppercase; text-align: center; font-family: "RobotoBold"; width: 200px; height: 41px; line-height: 41px; margin: 0 auto; display: block; } @media(max-width:999px){ .pn-item { width: calc(100% - 20px); } } @media(max-width:767px){ .pn-icon { width: calc(33% - 10px); } } @media(max-width:440px){ .pn-icon { width: calc(50% - 10px); } } /*** WhatsApp ***/ #wa-btn { z-index: 9999999999999999999; position: fixed; bottom: 10px; right: 10px; background: #fff; border-radius: 9px; width: 90px; padding: 5px; box-sizing: border-box; box-shadow: 0 0 7px #c5c5c5; overflow: hidden; } #wa-btn a { text-decoration: none; } #wa-btn img { display: block; margin: 0 auto; } #wa-btn span { display: block; color: rgb(35, 35, 35); font-family: "RobotoBold"; font-size: 10px; line-height: 1.1; letter-spacing: 0.5px; margin-top: 5px; text-align: center; } #wa-btn:hover img { -webkit-animation: 1.5s ease-in-out 0s normal none infinite running trambling-animation; -moz-animation: 1.5s ease-in-out 0s normal none infinite running trambling-animation; -o-animation: 1.5s ease-in-out 0s normal none infinite running trambling-animation; animation: 1.5s ease-in-out 0s normal none infinite running trambling-animation; } @keyframes trambling-animation { 0%, 50%, 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } 10%, 30% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } 20%, 40% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); } } #wa-btn:before { content: ""; position: absolute; top: 0; bottom: 0; height: 100%; background: -webkit-gradient(linear,left top,right top,color-stop(10%,hsla(0,0%,100%,.1)),color-stop(20%,hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.6))); background: linear-gradient(90deg,hsla(0,0%,100%,.1)10%,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.6)); width: 20px; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); left: -20%; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-animation-name: blick; animation-name: blick; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes blick { 0% { left: -20%; } 100% { left: 140%; } } .cookie.is-ready { -webkit-animation: slideInUp 0.6s 0.6s ease-in-out forwards; animation: slideInUp 0.6s 0.6s ease-in-out forwards; } .cookie { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: 18px 0; -webkit-box-shadow: 1px 2px 10px rgba(32, 32, 51, 0.1); box-shadow: 1px 2px 10px rgba(32, 32, 51, 0.1); #-webkit-transform: translate3d(0, 100%, 0); #transform: translate3d(0, 100%, 0); background: rgba(255, 255, 255, 0.9); z-index: 9999; } .cookie--accepted .is-ready .cookie { -webkit-animation: slideOutDown 0.6s ease-in-out forwards; animation: slideOutDown 0.6s ease-in-out forwards; } .cookie__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cookie .fas { margin-right: 28px; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; color: #4593d3; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; -webkit-box-shadow: 1px 2px 10px rgb(32 32 51 / 10%); box-shadow: 1px 2px 10px rgb(32 32 51 / 10%); border-radius: 50%; background: #fff; } .cookie__content { font-size: 16px; position: relative; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .cookie__content p { margin: 0; } .cookie__actions { margin-left: 24px; } @media screen and (max-width: 991px){ .cookie .fas { display: none; } } .cookie__actions .btn { font-size: 14px; min-width: 138px; } .cookie__actions .btn { font-size: 14px; font-weight: 700; text-shadow: none; text-align: center; text-decoration: none!important; display: inline-block; padding: 16.3125px 21.25px; -webkit-box-shadow: none; box-shadow: none; border: 0 solid; border-radius: 30px; outline: 0!important; color: #fff; border-color: #9c276f; background: #9c276f; } .cookie__actions .btn { font-size: 14px; min-width: 138px; } .cookie__actions .btn, .cookie__actions a.btn { padding: 14.5px 0px; position: relative; z-index: 0; overflow: hidden; -webkit-transition: none; transition: none; background: 0 0; -webkit-transition: opacity .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,-webkit-filter .15s ease-in-out; transition: opacity .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,-webkit-filter .15s ease-in-out; transition: filter .15s ease-in-out,opacity .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out; transition: filter .15s ease-in-out,opacity .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,-webkit-filter .15s ease-in-out; } .cookie__actions .btn:before, .cookie__actions a.btn:before { position: absolute; z-index: -1; top: 0; right: 0; width: 200%; height: 100%; content: ''; background: -webkit-gradient(linear,left top,right top,from(#f15f79),color-stop(50%,#b24592),to(#f15f79)); background: -webkit-linear-gradient(left,#f15f79 0,#b24592 50%,#f15f79 100%); background: linear-gradient(90deg,#e4ecff 0,#3e8acc 50%,#4588ff 100%); -webkit-transition: .15s .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: .15s .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out,.15s .15s ease-in-out; transition: transform .15s ease-in-out,.15s .15s ease-in-out,-webkit-transform .15s ease-in-out; } @media screen and (max-width: 991px) { .cookie__icon { display: none; } .cookie__content { font-size: 14px; } } @media screen and (max-width: 767px) { .cookie__actions .btn { font-size: 13px; min-width: 0; padding: 12px 24px; } } @media screen and (max-width: 575px) { .cookie__wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cookie__actions, .cookie__content { width: 100%; } .cookie__actions { margin: 18px 0 0; } .cookie--disabled .topper { bottom: 165px; } .cookie__actions .btn { font-size: 13px; min-width: 0; padding: 12px 24px; } .cookie__actions .btn { width: 100%; padding-right: 17px; padding-left: 17px; } } .icon--cookie:before { content: "\e963"; } .footer-cont{ padding-top: 0px; } .footer-cont nav p { text-transform: uppercase; margin-bottom: 15px; font-size: 16px; line-height: 16px; } .footer-cont nav p a { text-transform: uppercase; font-size: 16px; line-height: 16px; text-decoration: none; } .footer-cont nav ul { display: flex; flex-wrap: wrap; } .footer-cont nav ul li { flex: 1 1 20%; min-width: 150px; padding: 0 10px 5px 10px; list-style:none; } @media (max-width: 575px) { .footer-cont nav ul li {min-width: 150px;} } .footer-cont nav ul li a { display: block; text-decoration: none; font-size: 16px; line-height: 16px; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .wa-container { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 420px; } .wa-container .wa-link{ margin: 15px 0; padding: 10px 0; font-size: 12px; text-transform: uppercase; border-radius: 0; background: #128c7e; color: #FFFFFF; font-weight: bold; width: 100%; text-align: center; text-decoration: none; border: 1px solid #128c7e; } .wa-container .wa-link:hover{ text-decoration: underline; } .wa-container .wa-link:last-child{ background-color: #FFFFFF; color: #128c7e; font-weight: bold; border: 1px solid #128c7e; } @media (max-width: 575px) { .wa-container { max-width: 250px; } } .navi { display:flex; list-style: none; } .navi li{ margin-right:0px; margin-left: 10px; } .nc_pagination { padding: 10px 0px; } /*похожие статьи*/ .posts .bg{position:relative;margin:0 auto;user-select:none;background-color:#3a393c;background-image:-webkit-linear-gradient(45deg,#eecda3,#f07683 100%,#fff 109%);background-image:linear-gradient(45deg,#eecda3,#f07683 100%,#fff 109%);box-shadow:0 8px 14px 0 rgba(240,118,131,.2);height:65px} .posts .bg img{z-index:0;width:100%;display:block;height:auto;position:relative} .posts .bg:before{content:'';position:absolute;z-index:2;top:0;left:0;height:100%;width:100%} .posts h1{text-align:center;color:#000;font-size:40px;line-height:1.55;font-weight:600} .posts .categories{text-align:center} .posts .categories a{padding:0 10px;color:#777;-webkit-transition:all .3s ease;transition:all .3s ease;padding-bottom:18px;font-size:16px;line-height:1.35;margin:0 10px;display:inline-block} .posts .categories a.active{color:#222;font-weight:600} .posts{position:relative;} .posts:after{content:'';display:block;clear:both} .posts .post_item{width:27%;width:calc(100% - 67.666%);padding:15px 20px;margin:0 0 30px;transition:transform .3s ease,opacity .2s ease;transform:translateY(0);opacity:1;overflow:hidden;vertical-align:top;display:inline-block;box-sizing: border-box;} .ui.container.posts{vertical-align:top;padding: 0;} @media screen and (max-width:700px){ .ui.container.posts {padding: 0 15px;} } .posts .post_item .image_blog{padding:0;position:relative;overflow:hidden;display:block; max-height:270px;} .posts .post_item .title{font-size: 16px; line-height: 1.25; font-weight: 600; color: #000; margin: 15px 0 0;} .posts .post_item .title{font-size:21px} .posts .post_item .title a{color:#000} .posts .post_item .date{font-size:10px;letter-spacing:1px;color:rgba(0,0,0,.5);font-weight:600;margin:10px 0 0} .posts .post_item .desc{color:rgba(0,0,0,.9);font-size:14px;line-height:1.55;font-weight:400;margin:15px 0 0} .posts .post_item .image_blog .cover, .posts .post_item .image_blog .none{position:absolute;top:0;left:0;width:100%;height:100%} .posts .post_item .image_blog .cover{background-size:cover;background-repeat:no-repeat;background-position:center} .posts .post_item .image_blog .no_cover{background-repeat:no-repeat;background-position:center} .posts .post_item .image_blog img { width: 100%; } .posts .post_item .image_blog .none:after,.posts .post_item .image_blog .none:before{content:'';position:absolute;left:-50%;top:50%;width:200%;height:1px;background-color:rgba(0,0,0,.2)} .posts .post_item .image_blog .none:before{transform:rotate(31deg)} .posts .post_item .image_blog .none:after{transform:rotate(-31deg)} .posts .post_item.hidden{transform:translateY(20px);opacity:0} .posts .nothing-here{font-size:18px;text-align:center;padding:4rem 0 8rem} @media screen and (max-width:767px){ .posts .post_item:nth-child(1), .posts .post_item:nth-child(2) { width: 100%; } .posts .post_item { width: 100%; padding: 10px 0; margin: 0 0 15px; transition: transform .3s ease,opacity .2s ease; transform: translateY(0); opacity: 1; overflow: hidden; vertical-align: top; display: inline-block; box-sizing: border-box; } } /*похожие статьи*/ /* update stati*/ .content .content-main.full { float: none; width: 100%; margin: -5px 10px 0 0; } /*update stati*/ /*время прочтения статьи и автор*/ .article-info-old__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 18px 0; border-bottom: 1px solid #E5E5E5; } .article-info-old__author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } .article-info-old__author-img { min-width: 50px; width: 50px; height: 50px; margin-right: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; } .article-info-old__author-name { font-weight: 500; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #E2223F; font-size: 14px; } .article-info-old__author-desc, .article-info-old__author-title { font-size: 14px; color: #858A8F; display: block; } .article-info-old__share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 50px; padding: 13px 13px 12px 13px; background-color: #F1F1F1; border-radius: 15px; line-height: 14px; } @media screen and (max-width: 640px) { .article-info-old__share { display: none; } } .article-info-old__share:hover .article-info-old__share-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .article-info-old__share:hover .article-info-old__title-share { display: none; } .article-info-old__share-link-block { font-weight: 700; color: #858A8F; margin-right: 15px; } .article-info-old__share-button { display: none; } .article-info-old__share-button .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item { margin-right: 20px; } .article-info-old__share-button .ya-share2__item_service_vkontakte .ya-share2__badge, .article-info-old__share-button .ya-share2__item_service_twitter .ya-share2__badge, .article-info-old__share-button .ya-share2__item_service_facebook .ya-share2__badge { background-color: #858A8F; } .article-info-old__share-number { color: #858A8F; font-size: 16px; } .article-info-old__share-number span { display: inline-block; } .article-info-old__share-icon { width: 13px; height: 13px; fill: #858A8F; margin-right: 4px; } .article-info-old__time-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 0; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; margin: 10px 0; } .article-info-old__time-info, .article-info-old__comment-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; font-size: 14px; color: #858A8F; } .article-info-old__time-info span, .article-info-old__comment-info span { padding-left: 15px; } .article-info-old__time-info-icon, .article-info-old__comment-info-icon { position: absolute; width: 13px; height: 13px; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #858A8F; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .article-info-old__comment-info:hover .article-info-old__comment-info-icon { fill: #E2223F; } @media screen and (max-width: 640px) { } .article-info--mini .article-info-old__bg, .article-info--mini .article-info-old__breadcrumbs, .article-info--mini .article-info-old__title { display: none; } .article-info--mini .article-info-old__head { padding: 0; } .article-info--mini .article-info-old__date { color: #2E3A4C; margin-bottom: 20px; } .article-info-old__time-wrap .fa-solid, .fas{ padding-top: 3px; } /*время прочтения статьи*/ /*проверено экспертом*/ article .article_bottom_info { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; padding: 50px 0 0; margin-bottom: 20px; } @media (max-width: 767px) { article .article_bottom_info { padding: 25px 0 0; } } article .article_user_wrapper { -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { article .article_user_wrapper { width: 100%; margin: 0 0 20px; } } article .article_user_wrapper .article_name { font-weight: 600; } article .article_user_wrapper .article_post { font-style: italic; font-size: 16px; } article .article_user_image { width: 60px; height: 60px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } article .article_info { width: calc(100% - 60px); padding: 0 0 0 20px; } @media (max-width: 767px) { article .article_control { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; } article .article_user_wrapper .article_post { font-size: 14px; } } /*end проверено экспертом*/ /* содержание статьи*/ .l-toggle .lt-caption p { color:#4388f5; border-bottom: 1px dashed; display: inline-block; margin: 15px 0; font-size: 16px; } .l-toggle .lt-content { display: none; margin-bottom: 20px; } .l-toggle ul, .l-toggle ul {margin: 0; padding: 0; list-style: none;} .l-toggle ul li, .l-toggle ul li {position: relative; margin-bottom: 5px; padding-left: 15px;} .l-toggle ul li:before, .l-toggle ul li:before {content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #4388f5;} .l-toggle ul li a{ color:#3c454e; } .l-toggle ul li, .sub-10 ul li { margin-bottom: 15px; font-size: 18px; padding-left: 20px; position: relative; } .l-toggle ul li:before, .sub-10 ul li:before { content: ""; position: absolute; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #4388f5; top: 9px; left: 0; } .l-toggle ol li, .sub-10 ol li { padding: 0 0 0 20px; margin-bottom: 15px; font-size: 14px; padding-left: 20px; position: relative; } .l-toggle ol li ol{ margin:1rem 0 } .l-toggle ol li li{ padding-left: 35px; } .l-toggle ol, .sub-10 ol{ padding: 0; list-style: none; padding: 0; list-style-type: none; counter-reset: item; } .l-toggle ol li::before, .sub-10 ol li::before { position: absolute !important; top: 0 !important; left: 0 !important; content: counters(item, ".") "." !important; counter-increment: item !important; font-weight: 600!important; font-size: 14px!important; color: #4388f5 !important; border: none; margin: 0px; padding: 3px 6px; width: auto; height: auto; } /*содержание статьи*/ /*похожие статьи*/ .posts .bg{position:relative;margin:0 auto;user-select:none;background-color:#3a393c;background-image:-webkit-linear-gradient(45deg,#eecda3,#f07683 100%,#fff 109%);background-image:linear-gradient(45deg,#eecda3,#f07683 100%,#fff 109%);box-shadow:0 8px 14px 0 rgba(240,118,131,.2);height:65px} .posts .bg img{z-index:0;width:100%;display:block;height:auto;position:relative} .posts .bg:before{content:'';position:absolute;z-index:2;top:0;left:0;height:100%;width:100%} .posts h1{text-align:center;color:#000;font-size:40px;line-height:1.55;font-weight:600} .posts .categories{text-align:center} .posts .categories a{padding:0 10px;color:#777;-webkit-transition:all .3s ease;transition:all .3s ease;padding-bottom:18px;font-size:16px;line-height:1.35;margin:0 10px;display:inline-block} .posts .categories a.active{color:#222;font-weight:600} .posts{position:relative;} .posts:after{content:'';display:block;clear:both} .posts .post_item{width:27%;width:calc(100% - 67.666%);padding:15px 20px;margin:0 0 30px;transition:transform .3s ease,opacity .2s ease;transform:translateY(0);opacity:1;overflow:hidden;vertical-align:top;display:inline-block;box-sizing: border-box;} .ui.container.posts{vertical-align:top;padding: 0;} @media screen and (max-width:700px){ .ui.container.posts {padding: 0 15px;} } .posts .post_item .image_blog{padding:0;position:relative;overflow:hidden;display:block; max-height:270px;} .posts .post_item .title{font-size: 16px; line-height: 1.25; font-weight: 600; color: #000; margin: 15px 0 0;} .posts .post_item .title{font-size:21px} .posts .post_item .title a{color:#000} .posts .post_item .date{font-size:10px;letter-spacing:1px;color:rgba(0,0,0,.5);font-weight:600;margin:10px 0 0} .posts .post_item .desc{color:rgba(0,0,0,.9);font-size:14px;line-height:1.55;font-weight:400;margin:15px 0 0} .posts .post_item .image_blog .cover, .posts .post_item .image_blog .none{position:absolute;top:0;left:0;width:100%;height:100%} .posts .post_item .image_blog .cover{background-size:cover;background-repeat:no-repeat;background-position:center} .posts .post_item .image_blog .no_cover{background-repeat:no-repeat;background-position:center} .posts .post_item .image_blog img { width: 100%; } .posts .post_item .image_blog .none:after,.posts .post_item .image_blog .none:before{content:'';position:absolute;left:-50%;top:50%;width:200%;height:1px;background-color:rgba(0,0,0,.2)} .posts .post_item .image_blog .none:before{transform:rotate(31deg)} .posts .post_item .image_blog .none:after{transform:rotate(-31deg)} .posts .post_item.hidden{transform:translateY(20px);opacity:0} .posts .nothing-here{font-size:18px;text-align:center;padding:4rem 0 8rem} @media screen and (max-width:767px){ .posts .post_item:nth-child(1), .posts .post_item:nth-child(2) { width: 100%; } .posts .post_item { width: 100%; padding: 10px 0; margin: 0 0 15px; transition: transform .3s ease,opacity .2s ease; transform: translateY(0); opacity: 1; overflow: hidden; vertical-align: top; display: inline-block; box-sizing: border-box; } } /*похожие статьи*/ .t-main, article h1, article h2, article h3, .block5 h2 { text-align: center; font-size: 43px; font-family: 'Roboto Black', arial; position: relative; padding: 61px 0 0 0; margin-bottom: 38px; letter-spacing: -0.3px; } .t-main:before, article h1:before { content: ''; position: absolute; top: 31px; left: 50%; width: 177px; height: 24px; background: url('../images/icon/heart.png') no-repeat; margin-left: -88px; } .block5 h2{ padding: 15px 0 0 0; margin-bottom: 30px; font-size: 35px; } article h2{ font-size: 35px; padding: 15px 0 0 0; margin-bottom: 25px; } article h3{ font-size: 30px; padding: 15px 0 0 0; margin-bottom: 25px; } article .ya-share2__item::before { content: ""; } article ul li::before { content: "•"; color: #26b7e7; font-size: 30px; line-height: 20px; position: absolute; top: 1px; left: -10px; width: 25px; height: 25px; padding: 1px 5px 0 0; } article ul li{ margin: 15px 0 10px; padding: 0px 5px; text-align: left; position: relative; list-style: none; } article .list { background: #f3f3f4; margin-bottom: 20px; padding: 10px 22px 22px 32px; } article ol { padding-left: 40px; counter-reset: myCounter } article ol li { list-style: none; margin: 15px 0 10px; padding: 0 15px; text-align: left; } .content-main.full article h2{ padding: 61px 0 0 0; } .content-main.full article h2:before { content: ''; position: absolute; top: 31px; left: 50%; width: 177px; height: 24px; background: url(../images/icon/heart.png) no-repeat; margin-left: -88px; } article ol li:before { counter-increment: myCounter; content: counter(myCounter); color: #4388f5; text-align: center; margin-right: 10px; margin-left: -26px; line-height: 16px; width: 32px; height: 32px; padding: 2px 8px; font-weight: 700; font-size: 15px; border: 2px solid #4388f5; border-radius: 50% } @media (max-width: 575px) { .content-main.full article .ya-share2 { justify-content: space-between; align-items: center; margin: 0 auto; text-align: center; } } .navi { display:flex; list-style: none; } .navi li{ margin-right:0px; margin-left: 10px; } .nc_pagination { padding: 10px 0px; } .content-main.fl-2 ul li, .content-main.fl-2 ol li{ margin-bottom: 12px; margin-left:10px; } .pn-button1 a { border: none; background: #1e7fd1; border-radius: 3px; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; font-family: "RobotoBold"; width: 160px; height: 33px; line-height: 33px; margin: 10px auto; display: block; justify-content: space-evenly; } .pn-count1 div { color: rgba(0,0,0,0.5); font-size: 14px; text-transform: uppercase; font-family: "RobotoBold"; border: none; background: #F7CA15; border-radius: 3px; display: flex; justify-content: space-evenly; height: 33px; line-height: 33px; margin: 10px 0; text-align: center; width: 160px; } .pn-count1 div span:last-child { font-size: 24px; color: #414243; } .pn-item1 { border-radius: 3px; margin: 20px 10px; width: calc(50% - 20px); } .pn-wrap1 { background: #f7f8fb; padding: 20px; margin-top: -20px; box-shadow: 0 0 3px #98a5b5; display: flex; flex-wrap: wrap; justify-content: space-between; } .pn-t1 { font-weight: normal; font-size: 22px; font-family: "RobotoBold"; position: relative; } .pn-t1 span:first-child { display: inline-block; color: #C2DFF5; font-size: 55px; font-family: 'Roboto Black', arial; margin-right: 10px; } .pn-t1 span:last-child { display: inline-block; line-height: 1; bottom: 10px; position: relative; } .pn-photo1 { width: 100%; margin: 10px 0; height: 230px; overflow: hidden; position: relative; } .pn-photo1 img { width: 100%; height: auto; position: absolute; left: 0; right: 0; bottom: 0; } .pn-items1 { display: flex; flex-wrap: wrap; justify-content: flex-start; } @media (max-width: 999px){ .pn-item1 { width: calc(100% - 20px); } .pn-button1 a { min-width: 100%; max-width: 120px; padding: 0 5px; font-size: 13px; } .pn-count1 div { min-width: 100%; height: 34px; padding: 0 10px; } .pn-count1 div span:last-child { font-size: 20px; } } @media (max-width: 360px){ .pn-count1 div { width: auto; } .pn-button1 a { width: auto; } } .owl-dots { display: block } .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 7px; background: #1e7fd1 !important; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span { width: 71px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .block44 .owl-carousel .owl-stage { right: 150px; } @media screen and (max-width: 760px) { .block44 .owl-carousel .owl-stage { right: auto; } } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; -o-transition: transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .s-inner-other { padding-bottom: 20px; } .s-inner-other .other-inner .owl-stage { padding: 20px 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex } .s-inner-other .other-inner .owl-stage-outer { margin-bottom: 20px } .s-inner-other .other-inner .item { background: #fff; -webkit-box-shadow: 0 2px 20px rgba(0, 26, 73, .2); box-shadow: 0 2px 20px rgba(0, 26, 73, .2); border-radius: 20px; max-width: 260px; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .s-inner-other .other-inner .item::before { content: ""; border-radius: 20px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(33.33%, #4c4d4eb0), to(rgba(254, 141, 161, 0))); background: -o-linear-gradient(top, #4c4d4eb0 33.33%, rgba(254, 141, 161, 0) 100%); background: linear-gradient(180deg, #4c4d4eb0 33.33%, rgba(254, 141, 161, 0) 100%) } .s-inner-other .other-inner .item .btn-green { position: absolute; bottom: 16px; right: 15px; max-width: 150px } .s-inner-other .title-in-block { text-align: center; font-size: 30px; font-family: 'Roboto Black', arial; position: relative; margin-bottom: 10px; } .s-inner-other .other-inner .item__image { position: relative; position: relative; min-height: 240px; height: 100%; border-radius: 20px } .s-inner-other .other-inner .item__image img { border-radius: 20px; -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100% } .s-inner-other .other-inner .item__content { padding: 16px } .s-inner-other .other-inner .item__name a { font-weight: 600; font-size: 18px; color: #fff; margin-bottom: 32px; padding: 16px; z-index: 2; position: absolute; display: block; text-align: center; left: 0; right: 0; text-decoration: none; outline:none; } .s-inner-other .other-inner .item__name a:active { border: none; text-decoration: none; outline:none; } .s-inner-other .other-inner .item__button { width: 100% } .s-inner-other .other-inner .owl-nav { position: absolute; bottom: 0; right: 11%; background: url(../img/arrow__bg.svg); background-position: center !important; background-repeat: no-repeat !important; border-radius: 10px; width: 94px; height: 42px; color: #fff; display: block } .s-inner-other .other-inner .owl-theme .owl-nav [class*=owl-]:hover { background: 0 0; color: #fff; text-decoration: none } .s-inner-other .other-inner .owl-prev { background: transparent url(../img/arrow__left.svg) !important; background-position: center !important; background-repeat: no-repeat !important; margin: 0 !important; width: 44px; height: 42px } .s-inner-other .other-inner .owl-next { background: transparent url(../img/arrow__right.svg) !important; background-position: center !important; background-repeat: no-repeat !important; margin: 0 !important; width: 44px; height: 42px; border-radius: 10px } .s-inner-other .other-inner .owl-nav { position: absolute; bottom: 0; right: 11%; background: url(../img/arrow__bg.svg); background-position: center !important; background-repeat: no-repeat !important; border-radius: 10px; width: 94px; height: 42px; color: #fff; display: block } .s-inner-other .other-inner .owl-theme .owl-nav [class*=owl-]:hover { background: 0 0; color: #fff; text-decoration: none } .s-inner-other .other-inner .owl-prev { background: transparent url(../img/arrow__left.svg) !important; background-position: center !important; background-repeat: no-repeat !important; margin: 0 !important; width: 44px; height: 42px } .s-inner-other .other-inner .owl-next { background: transparent url(../img/arrow__right.svg) !important; background-position: center !important; background-repeat: no-repeat !important; margin: 0 !important; width: 44px; height: 42px; border-radius: 10px } @media screen and (max-width: 760px) { .s-inner-other .other-inner .item { max-width: 280px; } } @media (max-width:991.98px) { .owl-dots { display: none } .s-stati-inner .stati-inner .owl-nav { display: none } .s-inner-other { padding: 24px 0 } .s-inner-other .other-inner .owl-nav { display: none } } /*форма*/ .s-form-index { padding: 0px; } .s-form-index .form__index { background-color: #fff; background-image: url(/netcat_template/assets/images/form-index-bg.svg); background-position-x: left; background-position-y: bottom; background-size: contain; background-repeat: no-repeat; border: 2px solid #1e7fd1; -webkit-box-shadow: 0 4px 30px -10px rgba(25, 42, 89, .2); box-shadow: 0 4px 30px -10px rgba(25, 42, 89, .2); border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 48px 40px 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; border-radius: 20px; } .s-form-index .form__index-title { font-weight: 700; font-size: calc(20px + 16 * ((100vw - 320px)/ 1600)); line-height: 25px; text-align: center; color: #003153; margin: 0 auto 16px } .s-form-index .form__index-subtitle { font-weight: 400; font-size: calc(14px + 0 * ((100vw - 320px)/ 1600)); line-height: 110%; text-align: center; color: #003153; margin: 0 auto 24px } .s-form-index .form__index-group { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; z-index: 1; bottom: -4px; position: relative; } .s-form-index .form__index-image { width: 40% } .s-form-index .form__index-image--img { width: 100% } .s-form-index .form__index-form { width: 38%; } .s-form-index .form__index-form .form__item-title { font-weight: 500; font-size: 16px; line-height: 140%; color: #003153; margin-bottom: 12px } .s-form-index .form__index-form input { background: #fff; border: 2px solid #f0c922; border-radius: 6px; padding: 18px 40px 18px 12px; width: 100%; position: relative; margin-bottom: 24px } .s-form-index .form__index-form button { width: 100%; margin-bottom: 24px; border: none; background: #1e7fd1; border-radius: 3px; color: #fff; font-size: 12px; text-transform: uppercase; font-family: "RobotoBold"; width: 257px; height: 41px; margin: 4px 0 0 0; } .s-form-index .form__index-form .form__politics { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: 5px; } .s-form-index .form__index-form .form__politics p { font-weight: bold; font-size: 10px; line-height: 15px; color: #353a40 } .s-form-index .form__index-form .form__politics p a { font-size: 10px; line-height: 15px; text-decoration-line: underline; color: #f7cd19; font-weight: bold; } @media (max-width:991.98px) { .s-form-index { padding: 24px 0 } .s-form-index .form__index { padding: 24px 16px 0 } .s-form-index .form__index-image { width: 49% } .s-form-index .form__index-form { width: 49% } } @media (max-width:767.98px) { .s-form-index .form__index { background-size: auto } .s-form-index .form__index-group { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .s-form-index .form__index-image { width: 100% } .s-form-index .form__index-form { width: 100% } } /*форма*/ @media screen and (max-width: 760px){ .calc .c-form button{ font-size: 15px; } header.inset-page .bottom { padding-bottom: 40px; } .form-main input[type="submit"] { margin-bottom: 20px; margin-top: 10px; } .t-main, article h1, article h2, article h3, .block5 h2 { font-size: 30px; margin-bottom: 20px; } .content-main .aplicance h2 { font-size: 30px !important; } .content wrapper { display: flex; flex-direction: column; } .content aside { order: 2; } .content .content-inside { order: 1; } } .block5 .list, .block5 ul { margin-bottom: 27px; left: 10px; position: relative; } /*вопрос-ответ*/ .index-faq { margin-top: 15px; } .index-faq .block-name { margin-bottom: 30px; font-size: 40px; font-weight: 500; } .index-faq .block-name span { font-weight: 700; } .index-faq .top-text { font-weight: 500; margin-bottom: 50px; width: 60%; font-size: 22px; line-height: 32px; } .index-faq .item { padding: 10px 0; border-bottom: 1px solid #C5D1D9; padding-left: 42px; background: url('/netcat_template/assets/images/faq.svg') no-repeat 0 15px; } .index-faq .item.active { background: url('/netcat_template/assets/images/faq2.svg') no-repeat 0 25px; } .index-faq .item:last-child { border-bottom: 0; } .index-faq .item .name { cursor: pointer; font-size: 20px; line-height: 32px; } .index-faq .item .text { margin-top: 20px; font-size: 14px; line-height: 26px; display: none; } @media (max-width: 576px) { .index-faq .top-text { width: auto; } } /*вопрос-ответ*/ .block44 { padding-bottom: 25px; } .block44 .items { } .block44 .items .item { width: 280px; } .block44 .items .item:last-child { } .block44 .items .item .photo img{ border-radius:50%; } .block44 .items .item .desk { background: #F7F8FB; border-radius: 3px; border: 1px solid #EEEEEF; font-size: 14px; font-style: italic; position: relative; padding: 15px 5px 13px 8px; line-height: 1.7; margin-bottom: 15px; min-height: 270px; } .block44 .items .item .desk:after { content: ''; position: absolute; width: 18px; height: 20px; background: url('../images/icon/ar-review1.png') no-repeat; top: -12px; left: 31px; } .block44 .items .item .author { } .block44 .items .item .photo { float: left; } .block44 .owl-carousel .owl-item img { display: block; width: 150px; } .block44 .items .flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block44 .items .flex-block .rating { top: 5px; position: relative; } .block44 .items .item .name { font-family: "RobotoMedium"; padding: 5px 0 0 0; margin-bottom: 20px; } .block44 .items .item .date { font-size: 13px; font-family: "RobotoRegular"; color:#98a5b5; font-style: italic; margin: 3px 0 0 0; } .block44 .items .item .desk a{ color: #1e7fd1; text-decoration:underline; } .block44 .items .item .desk a:hover{ text-decoration:none; } @media screen and (max-width: 1024px){ .block44 .items .item { float: none; margin: 0 auto !important; } } .block-quiz{ margin: 10px 0 0 0; position: relative; } .block-quiz.mob{ bottom: 20px; display:none; } .block-quiz.desc{ width: 200px; display: inline-block; top: 20px; position: absolute; left: 50%; } .stic .bottom{ background: #f2f2f2; padding: 0px; } @media(max-width:767px){ .stic .bottom{ top: 35px !important; height: 272px; } } .block-quiz .quiz-button { color: rgba(0,0,0,0.5); font-size: 12px; text-transform: uppercase; font-family: "RobotoBold"; border: none; background: #F26C4F; border-radius: 3px; display: inline-block; margin: 18px 0 0 0; height: 40px; line-height: 40px; text-align: center; width: 200px; cursor: pointer; color: white; } @media(max-width:767px){ .block-quiz .quiz-button { position:relative; top: 10px; } } @media (max-width: 1024px) { .block-quiz.mob{ display:block; } .block-quiz.desc{ display:none; } } .block5 .t-main.quiz { padding: 61px 0 0 0; } div#k_id_modal .klaviyo_submit_button, div#k_id_modal .klaviyo_submit_button span { background: #0088FF!important; border-color: #0088FF !important; } div#k_id_modal .klaviyo_inner #quiz-slider #question-current { color: #0088FF!important; } div#k_id_modal .klaviyo_inner .quiz-slider-nav .nav-btn.next-btn, div#k_id_modal .klaviyo_inner .quiz-slider-nav .nav-btn.begin-btn { background: #0088FF!important; } div#k_id_modal .klaviyo_inner .quiz-slider-nav .nav-btn.prev-btn { background: #0088FF!important; } div#k_id_modal_short .klaviyo_submit_button, div#k_id_modal_short .klaviyo_submit_button span { background: #0088FF!important; border-color: #0088FF !important; } div#k_id_modal_short .klaviyo_inner #quiz-slider-short #question-current-short { color: #0088FF!important; } div#k_id_modal_short .klaviyo_inner .quiz-slider-short-nav .nav-btn.next-btn_short, div#k_id_modal_short .klaviyo_inner .quiz-slider-short-nav .nav-btn.begin-btn_short { background: #0088FF!important; } div#k_id_modal_short .klaviyo_inner .quiz-slider-short-nav .nav-btn.prev-btn-short { background: #0088FF!important; } .sticky-wrapper:not(.sticky-wrapper.stic) { height: 157px !important; margin-bottom: 20px; } .b_services { padding: 0px; } @media (max-width: 1199px) { .b_services { padding: 50px 0 20px; } } @media (max-width: 767px) { .b_services { padding: 30px 0 30px; } } .b_services .service_item { width: calc(50% - 30px); box-shadow: 0px 0px 20px rgba(79, 109, 176, 0.2); background: #FFFFFF; border-radius: 15px; margin: 0 15px 30px; min-height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 30px 30px 30px; } @media (max-width: 1199px) { .b_services .service_item { padding: 30px 0 30px 30px; } } @media (max-width: 767px) { .b_services .service_item { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 20px 20px 20px; min-height: 130px; max-width: 400px; margin: 0 auto 15px; } } .b_services .service_item:hover .service_icon::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 4000ms; animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .b_services .service_icon { width: 70px; height: 70px; border-radius: 50%; background-color: #0088FF; position: relative; z-index: 1; } @media (max-width: 767px) { .b_services .service_icon { width: 40px; height: 40px; } } .b_services .service_icon::before { top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; content: ''; position: absolute; width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M67.6191%2083.9106C81.0039%2076.1132%2090%2061.6071%2090%2045C90%2020.1472%2069.8528%200%2045%200C37.4509%200%2030.3361%201.85889%2024.0881%205.1438C23.448%204.44104%2022.5255%204%2021.5%204C19.567%204%2018%205.56702%2018%207.5C18%207.96252%2018.0897%208.40405%2018.2527%208.80823C7.17908%2017.0057%200%2030.1646%200%2045C0%2069.8528%2020.1472%2090%2045%2090C50.7543%2090%2056.2561%2088.9199%2061.3142%2086.9515C61.8657%2088.16%2063.0848%2089%2064.5%2089C66.433%2089%2068%2087.433%2068%2085.5C68%2084.9277%2067.8627%2084.3876%2067.6191%2083.9106ZM67.0391%2083.0909C80.1692%2075.4775%2089%2061.2701%2089%2045C89%2020.6995%2069.3005%201%2045%201C37.6588%201%2030.7374%202.79797%2024.6523%205.97742C24.8751%206.43774%2025%206.95422%2025%207.5C25%209.43298%2023.433%2011%2021.5%2011C20.3901%2011%2019.4009%2010.4834%2018.7596%209.67749C7.98181%2017.6973%201%2030.5332%201%2045C1%2069.3005%2020.6995%2089%2045%2089C50.6575%2089%2056.0656%2087.9323%2061.0337%2085.9873C61.0115%2085.828%2061%2085.6654%2061%2085.5C61%2083.567%2062.567%2082%2064.5%2082C65.4995%2082%2066.4012%2082.4189%2067.0391%2083.0909Z'%20fill%3D'%238065b6'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .b_services .service_icon::before { width: 50px; height: 50px; background-size: cover; margin-top: -25px; margin-left: -25px; } } .b_services .service_icon img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media (max-width: 767px) { .b_services .service_icon img { max-width: 50%; max-height: 50%; } } .b_services .service_content { width: calc(100% - 70px); padding: 0 25px 0 30px; } @media (max-width: 767px) { .b_services .service_content { padding: 0 0 0 15px; width: calc(100% - 40px); } } .b_services .service_title { font-weight: 600; font-size: 18px; margin: 0 0 3px; } @media (max-width: 991px) { .b_services .service_title { font-size: 16px; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .short-price-table { width: 100%; max-width: 945px; } .short-price-table th, .short-price-table td { font-size: 18px; padding: 21px 60px; } .short-price-table th:last-child, .short-price-table td:last-child { white-space: nowrap; width: 1%; } .short-price-table th { color: #ffffff; background-color: #0088FF; border: 1px solid #0088FF; border-right: none; } .short-price-table th:last-child { background-color: #F26C4F; border: 1px solid #F26C4F; } .short-price-table td { border: 1px solid #E7E7EE; } @media (max-width: 567px) { .short-price-table td:first-child { padding: 10px; border-right: none; } .short-price-table th, .short-price-table td { font-size: 14px; line-height: 18px; } .short-price-table th:last-child, .short-price-table td:last-child { padding: 15px 20px; } } .form.leftstic{ } .menu-aside { height: 100%; } .sticwrap { position: relative; height: 98%; } .menu-aside { background: none; } .b_car_equipped { padding: 10px 10px 10px 10px; } .b_car_equipped .section_title { max-width: 900px; margin-left: auto; margin-right: auto; } .b_car_equipped .equipped_wrapper { margin: 0 -15px; } @media (max-width: 570px) { .b_car_equipped .equipped_wrapper { margin: 0; } } .b_car_equipped .equipped_item { border-radius: 15px; box-shadow: 0px 0px 20px rgba(79, 109, 176, 0.2); margin: 0 15px 30px; width: calc(50% - 30px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 20px; min-height: 270px; } @media (max-width: 991px) { .b_car_equipped .equipped_item { display: block; } } @media (max-width: 570px) { .b_car_equipped .equipped_item { width: 100%; margin: 0 auto 15px; } } .b_car_equipped .equipped_image { width: 150px; } @media (max-width: 991px) { .b_car_equipped .equipped_image { margin: 0 auto; } } .b_car_equipped .equipped_image img { margin: auto; } .b_car_equipped .equipped_content { width: calc(100% - 150px); padding: 0 0 0 15px; } @media (max-width: 991px) { .b_car_equipped .equipped_content { width: 100%; padding: 0; } } @media (max-width: 767px) { .b_car_equipped .equipped_content { text-align: center; } } .duties { margin-bottom: 20px; } .duties__wrapper { padding: 5px; } @media (min-width: 0px) and (max-width: 767px) { .duties { margin-bottom: 30px; } } .duties h2 { font-size: 24px; color: #000000; font-weight: 600; } @media (min-width: 0px) and (max-width: 767px) { .duties h2 { line-height: 26px; } } .duties__wrapper--columns { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 0px) and (max-width: 767px) { .duties__wrapper--columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .duties__list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-top: 20px; } @media (min-width: 0px) and (max-width: 767px) { .duties__list { grid-template-columns: 1fr; grid-gap: 10px; } } .duties__wrapper--columns .duties__list { padding-right: 30px; } @media (min-width: 0px) and (max-width: 767px) { .duties__wrapper--columns .duties__list { padding-right: 0px; } } .duties__list--four { grid-template-columns: repeat(4, 1fr); } @media (min-width: 0px) and (max-width: 767px) { .duties__list--four { grid-template-columns: 1fr; } } .duties__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 1px 5px 0 rgb(204 204 204 / 35%); box-shadow: 0 1px 5px 0 rgb(204 204 204 / 35%); padding: 5px; border-radius: 6px; } .duties__icon { width: 60px; min-height: 60px; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 6px; } .duties__text { font-size: 14px; padding-left: 14px; line-height: 18px; } @media (min-width: 0px) and (max-width: 767px) { .duties__text { font-size: 14px; line-height: 20px; } } .duties-info { background: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 5px 0 rgb(204 204 204 / 35%); box-shadow: 0 1px 5px 0 rgb(204 204 204 / 35%); border-radius: 6px; margin-top: 20px; padding: 20px; } .duties__wrapper--columns .duties-info { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } .duties-info__title { font-size: 18px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } @media (min-width: 0px) and (max-width: 767px) { .duties-info__title { font-size: 18px; } } .vacansy-duties { background: rgba(0,136,255,0.7); } .vacansy-duties .duties-info__title { line-height: 22px; } .duties-info__title img { max-width: 30px; max-height: 30px; margin-right: 14px; } .duties-info__text { font-weight: 300; font-size: 14px; line-height: 20px; } .vacansy-duties .duties-info__text { font-size: 16px; } .duties-info__text p+p { margin-top: 20px; } /*форма расчета стоимости от адреса*/ .quickform-calculate { display: flex; flex-wrap: wrap; justify-content: center; border: 1px solid #eee; background-color: #eee; border-radius: 5px; margin-bottom: 25px; background: #0088FF; background-size: cover; } .quickform-calculate .actions { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: 100%; margin-top: 0.5rem; } .quickform-calculate input[type="text"], .quickform-calculate input[type="date"], .quickform-calculate textarea{ width: 100%; height: 50px; border: 1px solid #EDEEF2; padding: 0 15px; font-size: 14px; color: #1F294C; appearance: none; background: white; border-radius: 5px; } .quickform-calculate .form-content { } .quickform-calculate .input-bl { width: 48%; } .quickform-calculate .back { height: 50px; background: #00aff7; display: inline-flex; border: none; border-radius: 5px; font-weight: 600; white-space: nowrap; color: #fff; justify-content: center; align-items: center; font-size: 0.9375rem; cursor: pointer; transition: .2s ease; width: 100%; } .quickform-calculate form button { height: 50px; background: #FC9480; display: inline-flex; border: none; border-radius: 5px; font-weight: 600; white-space: nowrap; color: #fff; justify-content: center; align-items: center; font-size: 0.9375rem; cursor: pointer; transition: .2s ease; width: 100%; padding: 0px 10px; } .quickform-calculate .actions .agree{ width: 48%; } .quickform-calculate .left{ padding: 35px 97px 50px; display: flex; flex-direction: column; justify-content: center; width: 100%; } .quickform-calculate .block-name { position: relative; font-weight: 700; font-size: 2rem; padding-left: 65px; } .quickform-calculate .block-name:before { content: ''; position: absolute; top: -7px; left: 0; width: 46px; height: 46px; background: #FC9480 url('../img/sprt.svg') no-repeat 10px -240px; border-radius: 50%; } .quickform-calculate .form-policy { font-size: 10px; line-height: 15px; color: #ECB59D; } .quickform-calculate .form-policy a{ color: #ECB59D; } .quickform-calculate .block-name span{ font-style: normal; color: #FC9480; } .quickform-calculate .block-text { font-weight: 700; width: 100%; margin-top: 1rem; margin-bottom: 2rem; font-size: 30px; line-height: 37px; color: #ffffff; text-align: left; } .quickform-calculate .flex.hide { display:none; } @media screen and (max-width:1100px){ .quickform-calculate{ position:relative; overflow:hidden; } .quickform-calculate .right{ position:absolute; bottom:0; right:0; width:45%; } } @media screen and (max-width:975px){ .quickform-calculate form input[type='text'] { padding: 0px 10px 0 10px; } .quickform-calculate .actions .agree { width: 100%; } .quickform-calculate .input-bl { width: auto; margin-right: 5px; } } @media screen and (max-width:960px){ .quickform-calculate{ position:relative; overflow:hidden; } .quickform-calculate .right{ position:absolute; bottom:0; right:0; width:45%; opacity:.1; } .quickform-calculate .left{ width: auto; padding: 20px; } .quickform-calculate .form-content{ position:relative; z-index:2; width:100%; padding: 0px; } .quickform-calculate form input[type='text'] { padding: 0px 10px 0 10px; } } @media screen and (max-width:576px){ .quickform-calculate .block-name { margin-bottom: 10px; font-weight: 600; font-size: 25px } .quickform-calculate .right{ display:none; } .quickform-calculate form input[type='text'] { width: 100%; } .quickform-calculate .input-bl { width: 100%; margin: 10px 0; } .quickform-calculate{ flex-direction:column; } .quickform-calculate .actions { flex-direction:column; } } .quickform-calculate .field p { display: block; font-weight: bold; font-size: 14; margin-bottom: 5px; color: #ffffff; } .quickform-calculate .field select { width: 100%; height: 50px; border: 1px solid #EDEEF2; padding: 0 15px; font-size: 14px; color: #1F294C; appearance: none; background: white url('../img/select.svg') no-repeat right 10px top 50%; } .quickform-calculate .field select.alert { border: 1px solid red; } @media (max-width: 575px) { .quickform-calculate .field { width: 100%; } .quickform-calculate .field { margin-bottom: 20px; } .quickform-calculate .field.order1 { margin-bottom: 0px; } .quickform-calculate .field.order1 p{ display: none; } } .grid { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width:991px){ .grid { display: grid; gap: 5px; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width:767px){ .grid { display: grid; gap: 10px 20px; grid-template-columns: repeat(2, 1fr); } .form-content .flex{ justify-content: center; } .quickform-calculate .block-text { font-size: 20px; line-height: 25px; } } .quickform-calculate .form-input-start:before, .quickform-calculate .form-input-end:before { content: ''; position: absolute; display: inline-block; width: 14px; height: 20px; left: 15px; bottom: 15px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .quickform-calculate .btn-purple:after { content: ''; position: relative; display: inline-block; width: 15px; height: 10px; margin-left: 8px; top: 2px; background: url(/netcat_template/assets/images/arrow2.svg) 50% 50% no-repeat; background-size: contain; } .quickform-calculate .form-input-end:before { background-image: url("/netcat_template/assets/images/location-p.svg"); } .quickform-calculate .form-input-start:before { background-image: url("/netcat_template/assets/images/location-o.svg"); } .quickform-calculate .form-input-start input, .quickform-calculate .form-input-end input{ padding-left: 35px !important; } .quickform-calculate .form-input-start, .quickform-calculate .form-input-end{ position: relative; } .quickform-calculate .form-input-start, .quickform-calculate .form-input-end { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .quickform-calculate .field.check .wide { font-size: 13px; margin: 10px 15px; } @media screen and (max-width:576px){ .grid { display: flex; gap: 1px; grid-template-columns: repeat(1, 1fr); } .quickform-calculate .field.check { margin: 0px; padding: 0px; } .quickform-calculate .field.check .wide { margin: 0px; padding: 0px; } .quickform-calculate .field.check p { margin: 0px; padding: 0px; display: none; } .quickform-calculate .block-name { margin-top: 15px; } .quickform-calculate .field.order0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .quickform-calculate .field.order1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .quickform-calculate .field.order2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .s-also-looking .title-in-block { text-align: center; font-size: 30px; font-family: 'Roboto Black', arial; position: relative; margin-bottom: 10px; } .s-also-looking .looking { margin-bottom: 72px } .s-also-looking .looking::after { width: fit-content; height: fit-content; position: absolute; bottom: -41%; left: -6%; z-index: -1; display: block } .s-also-looking .looking__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; gap: 32px; row-gap: 32px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; /* overflow-x:hidden; */ width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 10px; } .s-also-looking a { width: 23%; display: block; padding: 24px 16px; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #0f2e4b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 96px; background: #fff; -webkit-box-shadow: 0 30px 50px -30px #f26c4f2e; box-shadow: 0 30px 50px -30px #f26c4f2e; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; min-width: auto } .s-also-looking a:hover { background: #0088FF; color: #fff } .s-also-looking .read-more__link { color: rgba(0,0,0,0.5); font-size: 12px; text-transform: uppercase; font-family: "RobotoBold"; border: none; background: #F26C4F; border-radius: 3px; display: inline-block; margin: 18px 0 0 0; height: 40px; line-height: 40px; text-align: center; width: 200px; cursor: pointer; margin: 10px auto auto; display: block; max-width: 226px; text-align: center; font-weight: 700; color: #fff; -webkit-box-shadow: 0 0 0 0 #00799b63; box-shadow: 0 0 0 0 #00799b63; transition: .25s; z-index: 3; } @media (max-width:1100px) { .s-also-looking .looking::after { display: none } } @media (max-width:1050px) { .s-also-looking .looking { margin-bottom: 48px } .s-also-looking .looking__list { padding-top: 24px; padding-bottom: 40px; -ms-flex-wrap: nowrap; display: flex; flex-direction: column; align-items: center; } .s-also-looking .looking__item { min-width: 300px } } @media (max-width:991.98px) { .s-also-looking .looking__item { width: 48% } } @media screen and (max-width:576px){ .s-also-looking a { width: 90% } } /* форма сиделки */ .form-contact { padding-bottom: 70px; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact { padding-bottom: 15px; } } .form-contact__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: rgba(0,136,255,0.7); border-radius: 6px; padding: 45px 80px 45px 0px; position: relative; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__wrapper { padding: 20px 15px; } } .form-contact__image { position: absolute; left: 0; bottom: 0; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__image { display: none; } } .form-contact__box { width: 50%; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__box { width: 100%; } } .form-contact__title { font-weight: bold; font-size: 22px; line-height: 32px; text-transform: uppercase; color: #282739; margin-bottom: 20px; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__title { font-size: 16px; line-height: 22px; } } .form-contact__slogan { margin-bottom: 24px; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__slogan { font-size: 16px; line-height: 22px; } } .js-contactForm {} .contacts-form {} .form-contact__form {} .form-contact__fields { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__fields { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-contact__fields+.form-contact__fields { margin-top: 20px; } .form-contact__field { width: calc((100% / 2) - ((20px * (2 - 1))/ 2)); margin-right: 0; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__field { width: 100%; } } .form-contact__field+.form-contact__field { margin-left: 20px; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 0px) and (max-width: 767px) { .form-contact__field+.form-contact__field { margin-left: 0px; margin-top: 20px; } } .form-contact__field button { width: 100%; } .block-input { background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; padding: 0 14px; border: 1px solid #EAEBED; border-radius: 6px; position: relative; } .form-control {} .form-contact__btn {} .button {} .button_violet { height: 42px; background: #F26C4F; display: inline-flex; border: none; border-radius: 5px; font-weight: 600; white-space: nowrap; color: #fff; justify-content: center; align-items: center; font-size: 0.9375rem; cursor: pointer; transition: .2s ease; width: 100%; } .button_violet:hover { background: #0088FF; color: #ffffff; } .js-submitBtn {} .form-contact__check {} .form-contact__form input { width: 100%; color: #818181; font-size: 15px; font-weight: 400; background: 0 0; border: none; outline:none; } .form-contact__form input:focus { border: none; } .form-contact__form .block-input { background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; padding: 0 14px; border: 1px solid #EAEBED; border-radius: 6px; position: relative; } .form-contact__form .select { cursor: pointer; display: inline-block; position: relative; color: #818181; font-size: 16px; font-weight: 400; width: 100%; height: 100%; } .form-contact__form .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .form-contact__form .select-styled { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; width: 100%; padding: 0 14px; background-image: none; color: #818181; } .form-contact__form .select-styled:after { position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 45%; right: 10px; border-bottom: 2px solid #9b65c3; border-right: 2px solid #9b65c3; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .form-contact__form .select-styled:active:after, .form-contact__form .select-styled.active:after { top: 9px; border-color: transparent transparent #fff transparent; } .form-contact__form .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; padding: 0; margin: 0 -15px; border-radius: 6px; overflow: hidden; list-style: none; background-color: #ffffff; border: 1px solid #fafafa; -webkit-box-shadow: 0px 4px 21px rgb(209 209 209 / 25%); box-shadow: 0px 4px 21px rgb(209 209 209 / 25%); } .form-contact__form .select-options li { margin: 0; padding: 12px 0; text-indent: 15px; border-top: 1px solid #ede3f4; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .form-contact__form .select-options li:hover, .form-contact__form .select-options li.is-selected { color: #9c66c4; background: #fff; } .form-contact__form .select-options li[rel=""] { display: none; } .form-contact .form-check { cursor: pointer; position: relative; display: block; padding: 0 0 0 25px; font-weight: 400; margin-top: 20px; font-size: 12px; line-height: 20px; color: #282739; } .icon-check a { color: #282739; } /*плавающий блок*/ .sticky { position: sticky; top: 110px; margin-bottom: 20px; } .service-page .wrapper > .flex > nav { width: 300px; } .service-page .wrapper > .flex > nav ul { background: #F8F2EA; border: 1px solid #D2AB67; box-shadow: 0px 0px 20px rgba(78, 78, 81, 0.05); padding: 43px 26px; } .service-page .content { width: 66%; } .service-page.full .content { width: 100%; } @media (max-width: 991px) { .service-page .wrapper > .flex > nav { display: none; } .service-page .content { width: 100%; } } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; } .tel-menu { display: none; } .tel-menu .tel{ position: relative; color: #ffffff; } @media (max-width: 760px) { .menu-title { display: block; padding: 17px; color: #ffffff; cursor: pointer; font-size: 16px; line-height: 26px; text-transform: uppercase; font-weight: 700; } #menu-button { order: 2; position: absolute !important; right: 0; } .tel-menu { display: block; order: 1; align-items: center; margin: 0 auto; top: 20px; position: relative; right: 25px; } .tel-menu .tel { font-size: 20px; width: fit-content; margin: 0 auto; max-width: 100%; } .tel-menu .tel:before { content: ''; position: absolute; left: -24px; top: 50%; display: block; background: url('../images/icon/tel.png') no-repeat; width: 15px; height: 20px; margin-top: -10px; } } .js-dropdown__arrow { padding-left: 15px; padding-right: 15px; } .phone_field { display: flex; justify-content: space-between; align-items: center; max-width: 257px; border: 1px solid #fff; padding: 15px; background-repeat: no-repeat; color: #000000; font-size: 15px; border-radius: 50px; margin: 10px auto; height: 41px; background-position: 6px 10px !important; background: white; } .phone_field input { background-color: transparent; border: none; padding-left: 10px; outline: none; width: 100%; } .phone_field .js-dropdown__arrow { padding-left: 15px; padding-right: 5px; } .phone_field__code { cursor: pointer; } .phone_field__item { position: relative; margin: 0 0 20px 0; cursor: pointer; opacity: 1; font-size: 22px; color: #000000; } .phone_field__item:hover { color: #f56f38; } .phone_field__item:last-child { margin: 0; } .phone_field__item.country_code { display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; margin: 0 0 8px; padding: 0 8px 8px 8px; border-bottom: 1px solid #ccc; } .phone_field__item.country_code:last-child { margin: 0; padding: 0 8px 0 8px; border-bottom: 0; } .phone_field__item.country_code .flag { display: flex; max-width: 30px; margin: 0 20px 0 0; max-width: 30px; } .phone_field__item.country_code .code { display: flex; font-size: 18px; margin: 0 20px 0 0; color: #666; pointer-events: none; } .phone_field__item.country_code .country { display: flex; margin: 0 20px 0 0; pointer-events: none; font-size: 16px; } .js-dropdown { position: relative; } @media (max-width: 600px) { .js-dropdown__arrow:before { width: 5px; height: 5px; top: 43%; } } .js-dropdown__list { position: absolute; top: calc(100% + 10px); left: -1px; min-width: calc(100% + 2px); display: none; padding: 15px; width: max-content; max-height: 220px; background: #ffffff; box-shadow: 0 9px 15px rgba(0, 0, 0, 0.25); border-radius: 7px; list-style: none; z-index: 1000; overflow: auto; } .js-dropdown.dropdown__active .js-dropdown__list { display: block; } .js-dropdown.dropdown__active .js-dropdown__arrow:before { top: 55%; transform: translateY(-50%) rotate(-135deg); } .phone_field__flag img { position: relative; top:3px; } @media (max-width: 600px) { .phone_field__flag img { position: relative; top:0px; } } .error-msg { display: none; color: red; padding-top: 5px; position: relative; bottom: 5px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000000; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #000000; } ::placeholder { /* Most modern browsers support this now. */ color: #000000; } .form { padding: 34px 10px 43px 10px; } @media (max-width: 600px) { .headbl { background: white; } .main-banner { margin: -156px 0 0 0; } } .form input[type="text"].name { margin: 10px; } .phone_field__input.phone { padding: 0px !important; border: none !important; margin: 0px !important; height: auto !important; } .phone_field.shortform{ background: #fff; border: 2px solid #f0c922; border-radius: 6px; padding: 18px 40px 18px 12px; width: 100%; position: relative; margin-bottom: 24px; min-width: 100%; height: auto; } .phone_field.quickform { max-width: 200px; margin: 0px; height: 50px; } @media screen and (max-width:576px){ .phone_field.quickform { width: 100%; min-width: 100%; } } .phone_field.phone-quiz{ width: 100%; height: 46px; margin-bottom: 20px; border: 1px solid #ECECEC; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 0 20px; font-size: 16px; max-width: 100%; } .phone_field__input.phone-quiz{ padding: 0px !important; border: none !important; margin: 0px !important; height: auto !important; } .form-main .phone_field { margin:0 auto; } .form-main .wide { width: 330px; } .calc .phone_field div { padding: 0px !important; border: none !important; margin: 0px !important; height: auto !important; width: auto !important; } .calc .phone_field { display: flex; justify-content: space-between; align-items: center; max-width: 257px; border: 1px solid #fff; padding: 15px !important; background-repeat: no-repeat; color: #000000; font-size: 15px; border-radius: 3px; margin: 0px; height: 41px; background-position: 6px 10px !important; background: white; min-width: 95%; } .calc .phone_field .phone_field__input.phone { background-color: transparent; border: none; padding-left: 10px !important; outline: none; width: 100% !important; } .calc .phone_field .js-dropdown__arrow { padding-left: 15px !important; padding-right: 5px !important; } @media screen and (max-width:576px){ .calc .phone_field { padding: 10px!important; } } .ask_your_question .phone_field{ margin: 0px; border: 1px solid #c8c8c8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 293px; max-width: 100%; } .quickform-calculate .phone_field{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .phone_field.alarm{ border: 3px solid red; } .calc .c-form input[name="f_phone"] { color: #000000; } .headreg { font-size: 14px; min-width: 100%; display: inline-block; top: 55px; position: absolute; left: 0%; color: #3c454e; white-space: nowrap; } @media(max-width:767px){ .headreg { font-size: 11px; min-width: 100%; display: inline-block; top: 11px; position: absolute; left: 0%; color: #3c454e; white-space: nowrap; font-weight: bold; } } .footer__deps { border-top: 1px solid rgba(0,0,0,.1) } .footer__deps { display: flex; justify-content: space-between; font-size: 13px; line-height: 20px; letter-spacing: -.01em; text-transform: uppercase; padding: 40px 0; } .footer__deps-item { padding: 5px 0 0 65px; min-height: 54px; position: relative; color: inherit; margin: 0 40px; min-width: 340px; box-sizing: border-box } .footer__deps-item>img,.socials__item_vk:before { position: absolute; left: 0; top: 0 } .footer__deps-item:first-child { margin-left: 0 } .footer__deps-item:last-child { margin-right: 0 } @media (max-width: 1240px) { .footer__deps-item { flex:1; min-width: 0 } } @media (max-width: 1180px) { .footer__deps { border:none; padding: 0; margin: 40px 0 } .footer__deps-item { padding-left: 0; padding-top: 70px; margin: 0 20px } } @media (max-width: 767px) { .footer__deps { display:block } .footer__deps-item { padding: 0; margin: 0 0 30px; display: flex; align-items: center; min-height: 0 } .footer__deps-item>img { position: relative; margin-right: 20px; width: 45px; height: auto; flex: 0 0 45px } .footer__deps-item:last-child { margin-bottom: 0 } } @media (max-width: 1180px) { .footer__deps { text-transform: none } } .social { display: flex; flex-wrap: nowrap; justify-content: flex-start; } .social span { display: flex; flex-direction: column; justify-content: center; margin-right: 0; font-size: 16px; width: auto } .social span a { zoom:75%; } @media(max-width: 760px) { .social { text-align:center; margin: 20px auto } .social { margin: 10px auto } .social p { margin-right: 0 } } .social { text-align: right } .social p { margin-right: 20px } .social a { display: inline-block; border: 2px solid #fff; width: 32px; height: 32px; margin: 10px 5px } .social a:hover { box-shadow: 0 0 12px #fff } .social a.vk { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QUZFMDg4NUZGM0VFODExODU2Qzk0NDAyOTQyNjcwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QzJDQUEzRDNGMDMxMUU4QkI2Nzg5NDQ4MTM3N0M0MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QzJDQUEzQzNGMDMxMUU4QkI2Nzg5NDQ4MTM3N0M0MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+I+RNwQAAAU9JREFUeNrs1TtLA0EUhuEkXlMIWlmK+AtEsIiFnaCdpSBIKm3FCyhiYReif8AupBDESttgITZipVgJigoiEYSgoCjC+K6ckdmzYwgrwWYPPOxkv2XO7MxC0saYVDMrk2pyJQ3+v0GrXGcxhBdksYdDyRZQQBUtaMMkjpx58sihhk7cofidBJ8pyiZcN+iSLIsTlc9JFhg20bq0ud2iLdw7K+rDjIzfUFFv/u6Mpz07U/wZOStZVau4RrdkayrLy/1BfKjswJkzdMglPDq/+7Es43a1wie5bsiZ2ArOaTH0pNsNK2o1n5jCvrq/iXXP3o+r+SINOnBq4lVZT663yB7efMxPPvhMeyN3fV1RiPkWFxiot0WunToTVTCBW092hZ5GGmSw/UuDJXlmFK+efLeRBlYOJZzhAc8Yc/IRnKMqb1TDsc3TyT9a0uDP9SXAAKZ3wG0UmwwiAAAAAElFTkSuQmCC') no-repeat center } .social a.fb { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QUZFMDg4NUZGM0VFODExODU2Qzk0NDAyOTQyNjcwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RTVBQjY3MzNGMDMxMUU4QjkyQ0RCODYyMEY5NkE4QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RTVBQjY3MjNGMDMxMUU4QjkyQ0RCODYyMEY5NkE4QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+48x10QAAAPBJREFUeNpi/P//PwMtARMDjQGpFsgBcT8QXwXi50D8AojfAfEiXBpYSDBcGYjPALEAFjl1avigC4fhIPCbUh8oAbEnEv8RELdDg4gbiB9TaoEQELMi8TcD8QxqRvIvIP6HxP9O7VT0B4j/kxN3jAQy2nQgdgTiH0CsB1IPFQcl0dvQIAYF334gziInDixxJEFJKIaBL7TOyV/ITUUbgPgpEDMDsRtSEN0C4hNAzAnlH8VpAigOiMCqQPztPwJ0EKmP6CDiQfMtJ7WTKSNS8DCgsYdWcT1qAdHqWKhtwU8gfgatHv9AaaoUdoM/DgACDABWn3a8PLpVLQAAAABJRU5ErkJggg==') no-repeat center } .social a.ok { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QUZFMDg4NUZGM0VFODExODU2Qzk0NDAyOTQyNjcwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NEJCODQ5MzNGMDMxMUU4OUVCM0U2RTUzMUYyMUQyQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NEJCODQ5MjNGMDMxMUU4OUVCM0U2RTUzMUYyMUQyQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBRkUwODg1RkYzRUU4MTE4NTZDOTQ0MDI5NDI2NzA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kE8QpAAAAUxJREFUeNrMlrFqAkEQht1Uqay0ucaIEAXLw8anSGFhOn2Cy0OkTpNUFlapfAERbK4O6ROIQRFsBLWJdtn8B//BIGv2bhfBgY9b5p/9h7tZllNa68I546pw5sja4A6MwYaMmbNH8oksRPp0RLb9NvNQmH2DB5rORD70afBCkyUIRD5gLonn/zxsM7jhMwYrkV8xl0TVZ8g7PhsGrXFU4zTke/GtB+CWDES+6zMDBUbC7IekMWKNc4O0yRDshfGeOWXbryxXRRmsua6AFtdvYGGoyTWDV7AFT6Bp0JvUtqzN/QZS+AXv4qgGIDw6hSrvG/TBl7ZHUtNzHXKRjSYG4wm1ou8pOnXhRVn2ZjFvg4OhwYGaV4MymAvTR5LGnDVODa5BLMymQpuKfMza3A06wuQTlIRWYi6NjkuDOvggNYNeE3rd9aq4/L+KPwEGAGoKsCdwt+vkAAAAAElFTkSuQmCC') no-repeat center } .social a.yt { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzdERDQ0MERFMjY3MTFFOEEyRERGRjI1RjQ0MUMyRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzdERDQ0MEVFMjY3MTFFOEEyRERGRjI1RjQ0MUMyRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3N0RENDQwQkUyNjcxMUU4QTJEREZGMjVGNDQxQzJENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3N0RENDQwQ0UyNjcxMUU4QTJEREZGMjVGNDQxQzJENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtMO+tYAAAElSURBVHjaYvz//z8DLQETA43BqAUEAQsa3xqI04BYHoh5gJgDipmBmBXJQaCU8QuI/wLxTyD+AcRfgfgxEM8H4j1wE0GpCIqNgfj7f8rBXyB2hJmLHESJUNdSI9jTscWBIRWDXhObBcJ4NLwE4rlA/I1IC3ixWcCLRwMoQlOA2BKINxJhARc2C1gIhCvIAZeAOACIPYF4FxD/JpT8WcgM4x3Q4NIHYnFqZbRfUFoDiBcA8W5ChqP74A8edSA5aWgmzARiPgLm/sdmwWc8GsSA+CQQixDp22/YLHiHRwMnFBMLPmOLg4tUzGg3sVmwCFp4UQPMgzEY0apMV2iGUoBmFnZoKYpcmjIC8T9oxP+B5gVQifodiF9BDV+Ly4LRGo3+FgAEGAAmh4/GIB6zQAAAAABJRU5ErkJggg==') no-repeat center } .social a.inst { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkRENTBEN0RCOEExMUU5QjA1RkMwNjAzMkZCNTQ2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkRENTBEOERCOEExMUU5QjA1RkMwNjAzMkZCNTQ2QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyREQ1MEQ1REI4QTExRTlCMDVGQzA2MDMyRkI1NDZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyREQ1MEQ2REI4QTExRTlCMDVGQzA2MDMyRkI1NDZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gJT+TwAAAYJJREFUeNqslb9Kw1AUxm9Sh4JCHMRRqFihDk7axdUHSLVTR19AHCq4+RZdRHT3DZzdfALB+gAdJJpa2pJcvxu+Ww4xiWnohR+537nnnpyc+yeO1vpQKXUPmsBR5Zsr/CPwBi4cBByi01CraR8moK4w8QtcgU/qLuglPcT71su3V5OHoE37xNShSoZRSq/zGbsVa7WV0jt86rV/Js7BLXimPqXeBUPW0uEOSTI03x/k1OkHHKRqpWib5MwJjENIMQB9MKO+zghm6dNnzv6AOlTMxDSPzjF1syDgHn1ias9+lVzlRmr3l2nGtyYOhparvJkUVakptV8QyI7NuIW8xQjSHDNdn+k/lFgUW6ZH2nzqsQx4xsFtENFmFugGHIMj9qcci+hr5pxnBeyILE7E6me1kD7Wv2MDyhrKI/gCWuAOjIR9RFuLPn/nik3aLtgmLskbX1wO5ujVGfsSPGVcAgEIqTe4orWUX5fPurkP33k2V3bB2l/Afsabl7nOkl/ArwADAO3FcGJw/Y3GAAAAAElFTkSuQmCC') no-repeat center } footer .payments { font-weight: 500; font-size: 16px; margin-top: 12px; display: flex; color: white; } footer .payments img { vertical-align: middle; margin-left: 15px; max-width: 300px; height: auto; } @media(max-width: 760px) { footer .payments img { vertical-align: middle; margin-left: 15px; max-width: 175px; height: 20px; } } .block-quiz .quiz-button { margin: 10px 0 0 0; } @media(max-width: 760px) { .block-quiz .quiz-button { margin: 20px 0 0 0; } } .policy{ color:#fff; }