/* [EDIT] Объединены два @import в один запрос */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Oxygen:wght@400;700&family=Montserrat:wght@400;600;700;900&display=swap'); /* ===================================================== CSS CUSTOM PROPERTIES — SPACING SCALE [EDIT] Унифицированные отступы через переменные Использование: var(--space-xs) ... var(--space-xxl) ===================================================== */ :root { --space-xs: 8px; --space-sm: 16px; --space-md: 24px; --space-lg: 48px; --space-xl: 80px; --space-xxl: 120px; } @media (max-width: 768px) { :root { --space-lg: 32px; --space-xl: 48px; --space-xxl: 64px; } } @media (max-width: 480px) { :root { --space-lg: 24px; --space-xl: 32px; --space-xxl: 48px; } } p,body,a,button{font-family:'Open Sans', sans-serif;} h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif;} *{box-sizing:border-box;} body{margin:0;padding:0;color:#333;font-size:16px;line-height:1.6;overflow-x:hidden; /* letter-spacing:.6px; word-spacing:2px; */ background-color:#ffffff;} .container{margin:0 auto;max-width:1200px;} ::selection{color:#151515;background:#ffc107;} p, a, ul, li, ul li, button, h1,h2,h3,h4,h5,h6{margin:0;padding:0;} a, button{border:none;outline:none;cursor:pointer;background:none;} a{color:#666666;text-decoration:none;display:inline-block;} p a { color: #1084ca; display: inline-block; text-decoration: underline; } a:hover, button:hover { color: #0056b3; } li{list-style:none;} ol li {list-style: number} .garantiya li{list-style:disc;} .garantiya ul{margin-left: 40px;} h1,h2,h3,h4,h5,h6{color:#151515;line-height:1.37;} img{height:auto;max-width:100%;} strong,span,small,i{line-height:normal;display:inline-block;} strong{font-weight:700;} input[type=url], input[type=tel], input[type=text], input[type=time], input[type=date], input[type=email], input[type=number], input[type=search], input[type=password], input[type=search-md], input[type=datetime-local], input[type=file], textarea{width:100%;border:none;height:50px;font-size:16px;box-shadow:none;line-height:40px;padding:0px 20px;border-radius:3px;margin-bottom:30px;box-sizing:border-box;border:1px solid #f0f0f0;background-color:transparent;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} textarea{min-height:150px;} input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), textarea:focus:not([readonly]){outline:none;box-shadow:none;border:1px solid #244c8d;} input[type=text]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label{color:#ffc107;} :-moz-placeholder{color:#666666;} ::-moz-placeholder{color:#666666;} :-ms-input-placeholder{color:#666666;} ::-webkit-input-placeholder{color:#666666;} ul.ul-li, ul.ul-li-block{width:100%;display:table;} ul.ul-li li{list-style:none;display:inline-block;} ul.ul-li-block li{display:block;} .rating li{color:#666666;margin:0px 2px;font-size:18px;} .rating .rated{color:#ffc107;} .post-mate{padding:15px 0px;} .post-mate .hero-img{width:50px;height:50px;overflow:hidden;margin:-20px 0px;margin-right:10px;text-align:center;border-radius:100%;background-color:#ffc107;border:3px solid #ffc107;} .post-mate li{margin-right:30px;} .post-mate li, .post-mate li a{font-size:14px;} .post-mate li:hover a, .post-mate li i{color:#ffc107;} .post-mate li i{margin-right:5px;} /* [EDIT] padding через CSS-переменную --space-xl */ .sec-ptb-100{padding:var(--space-xl) 0px;} .mb-30{margin-bottom:30px;} .mb-50{margin-bottom:50px;} .mb-80{margin-bottom:80px;} .custom-btn{color:#151515;font-weight:700;border-radius:3px;padding:10px 15px;background-color:#fff;border:1px solid #244c8d;} .custom-btn span{width:25px;height:25px;overflow:hidden;color:#ffffff;margin:-8px 0px;margin-left:10px;line-height:27px;text-align:center;position:relative;border-radius:3px;background-color:#151515;} .custom-btn:hover { color: #151515 !important; border-color: #fff; } .custom-btn:hover span{color:#151515;background-color:#244c8d;} /*.section-title{position:relative;margin-bottom:80px;} .section-title h3{font-size:18px;text-transform:uppercase;} .section-title .h2{font-size: 22px;font-weight:500;} */ .title-xlarge{font-size:40px;font-weight:700;} .mb--25 { margin-bottom: -25px; } .title-large{font-size:26px;font-weight:700;} .title-xlarge.mb-30 { margin-bottom: 20px; margin-top: 30px; line-height: 0.9; } .title-small{font-size:22px;font-weight:700;} .title-xsmall{font-size:18px;font-weight:700;} .plus-effect{top:0;left:0;right:0;bottom:0;opacity:0;position:absolute;background-color:rgba(21,21,21,0.9);} .plus-effect:before, .plus-effect:after{top:50%;left:50%;content:'';position:absolute;background-color:#ffc107;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);} .plus-effect:before{width:1px;height:100px;} .plus-effect:after{height:1px;width:100px;} .backtotop{width:50px;height:70px;right:15px;z-index:999;bottom:45px;display:none;position:fixed;overflow:hidden;text-align:center;border-radius:3px;background:#244c8d;border:3px solid #ffffff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);} .backtotop a.scroll{width:100%;height:100%;display:block;color:#ffffff;font-size:24px;line-height:70px;} .homev2 .backtotop{right:240px;bottom:30px;} #preloader{top:0;left:0;width:100%;height:100%;z-index:1005;position:fixed;overflow:visible;background:#ffffff url('../images/preloader.gif') no-repeat center center;} a, button, .custom-btn span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .clr-white{color:#ffffff;} .clr-black{color:#151515;} .clr-yellow{color:#ffc107;} .bg-white{background-color:#ffffff;} .bg-offwhite{background-color:#f7f7f7;} .bg-black{background-color:#151515;} .bg-yellow{background-color:#ffc107;} .overlay-black{background:rgba(5, 5, 5, 0.3);} .overlay-yellow{background:rgba(255, 193, 7, 0.7);} .overlay-blue{background:rgba(7, 114, 255, 0.7);} .homev2{padding-top:150px;padding-bottom:30px;} .body-box-wrapper{margin:0 auto;max-width:1265px;position:relative;} /* [EDIT] padding через CSS-переменные */ .sec-need{border-radius:3px;padding:var(--space-xl) var(--space-lg);background-color:#ffffff;box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);-webkit-box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);} .cd-auto-hide-header.is-hidden{transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);} .header-top{height:40px;padding:8px 0px;border-bottom:1px solid rgba(21,21,21,0.1);} .header-top ul li, .header-top ul li a{color:#151515;font-size:14px;} .header-top .contact-info li{margin-right:40px;} .header-top .contact-info li:last-child{margin-right:0px;} .header-top .social{margin:-9px 0px;border-right:1px solid rgba(21,21,21,0.1);} .header-top .social li.social-link{width:40px;height:40px;border-left:1px solid rgba(21,21,21,0.1);} .header-top .social li.social-link a{width:100%;height:100%;display:block;line-height:40px;text-align:center;} .header-top .social li.social-link:hover a{background-color:rgba(21,21,21,0.1);} .header-bottom{height:110px;position:relative;} .header-bottom .brand-logo-area{top:0;left:15px;z-index:1;width:200px;height:80px;background:#fff;overflow:hidden;text-align:center;position:absolute;} .header-bottom .brand-logo-area .brand-logo{width:auto;height:100%;display:block;} .header-bottom .mainmenu>li{width:auto;height:110px;} .header-bottom .mainmenu>li>a{width:100%;height:100%;display:block;color:#000;font-size:16px;font-weight:700;padding:0px 20px;line-height:110px;position:relative;transition:0.3s;} .header-bottom .mainmenu>li>a:after{bottom:0;opacity:0;left:30px;right:30px;height:0px;content:'';position:absolute;background-color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} .header-bottom .mainmenu>li:hover>a:after, .header-bottom .mainmenu>li.active>a:after{left:0px;right:0px;opacity:1;height:3px;} .header-bottom .submenu-area{position:relative;} .header-bottom .submenu-list{left: 0; top: 60px; height: auto; display: none; min-width: 450px; position: absolute; background-color: #ffffff; box-shadow: 0 5px 6px 1px rgb(21 21 21 / 10%); -webkit-box-shadow: 0 2px 6px 1px rgb(21 21 21 / 20%); } .header-bottom .submenu-list .submenu-links{width:100%;height:40px;display:block;text-align:left;} .header-bottom .submenu-list .submenu-links a{width:100%;height:100%;display:block;color:#000;font-size:14px;padding:0px 20px;line-height:40px;transition:0.3s;white-space:nowrap;} .header-bottom .submenu-list .submenu-links:hover a, .header-bottom .submenu-list .submenu-links.active a{color:#fff;background-color:#ffc107;padding-left:30px;} .header-bottom .submenu-area:hover .submenu-list{top:110px;display:block;} .header-bottom .search-quote-area button{float:left;width:80px;height:80px;color:#151515;font-size:24px;line-height:80px;text-align:center;display:inline-block;} .header-bottom .search-quote-area button:hover{background-color:rgba(21,21,21,0.1);} .search-body{top:0;left:0;right:0;bottom:0;opacity:0;z-index:1000;position:fixed;visibility:hidden;background-color:#ffc107;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .search-body .search-form{top:0;left:0;right:0;bottom:0;width:100%;display:block;position:absolute;} .search-body input.search-input{margin:0;width:100%;height:100%;border:none;display:block;color:#151515;font-size:36px;padding:0px 200px;position:absolute;border-radius:0px;} .search-body input.search-input[type=search]:focus:not([readonly]){border:none;} .search-open{opacity:1;visibility:visible;} .search-close{top:50%;z-index:3;width:50px;right:200px;height:50px;color:#ffc107!important;font-size:24px;position:fixed;cursor:pointer;line-height:50px;border-radius:3px;text-align:center;background-color:#151515;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .quoteform .modal-body{padding:30px;} .headerv2{left:0;right:0;top:30px;margin:0 auto;position:fixed;max-width:1265px;border-radius:3px;background-color:#ffffff;box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);-webkit-box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);} .headerv2 .header-top .contact-info{padding-left:15px;} .headerv2 .header-bottom .mainmenu li:hover a, .headerv2 .header-bottom .mainmenu li.active a{color:#ffc107;} .headerv2 .header-bottom .mainmenu li a:after{background-color:#ffc107;} .headerv2 .header-bottom .mainmenu li:hover a:after, .headerv2 .header-bottom .mainmenu li.active a:after{left:0px;right:0px;opacity:1;height:3px;} .headerv2.stuck{top:0;transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;} .alt-navbar{display:none;} .alt-menu-btn{margin:0px;padding:0px;color:#151515;font-size:48px;} .alt-menu-btn:hover{color:#151515;} .alt-navbar .contact-info{padding-top:30px;border-top:1px solid rgba(0,0,0,0.2);} .alt-navbar .contact-info li{width:100%;display:block;color:#000000;margin-bottom:10px;} .alt-navbar .contact-info li i{margin-right:10px} .alt-navbar .social-links li{float:left;width:40px;height:40px;margin-right:5px;background-color:red;display:inline-block;} .alt-navbar .social-links li a{width:100%;height:100%;color:#ffc107;display:block;line-height:40px;text-align:center;background-color:#ffffff;} .alt-menu-list>li{width:100%;display:block;margin-bottom:5px;border-radius:3px;border:1px solid rgba(255,255,255,0.3);background-color:rgba(255,255,255,0.1);} .alt-menu-list li:last-child{margin-bottom:0px;} .alt-menu-list li>a, .alt-menu-list li>a, .alt-menu-list li>button { width: 100%; height: 100%; display: block; color: #000000; font-weight: 700; text-align: left; position: relative; padding: 10px 10px!important; } .alt-menu-list li>a>i, .alt-menu-list li>button>i{top:50%;right:30px;position:absolute;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .alt-menu-list li:hover>a, .alt-menu-list li.active>button, .alt-menu-list li:hover>button{background-color:#ffffff;} .alt-menu-list li .alt-dropdown li a{font-weight:500;padding-left:60px!important;} .alt-menu-list li .alt-dropdown li:hover a{background-color:rgba(255,255,255,0.3);} .alt-menu-list .alt-main-search{margin:0;width:100%;height:50px;position:relative;} .alt-menu-list .alt-main-search input{margin:0;width:100%;height:100%;border:none;display:block;background-color:rgba(255,255,255,0.1);} .alt-menu-list .alt-main-search input[type=text]:focus:not([readonly]){border:none;background-color:rgba(255,255,255,1);} .alt-menu-list .alt-main-search button{top:0;right:0;bottom:0;color:#151515;line-height:50px;padding:0px 20px;position:absolute;} .footer-section .ftr-brand-area{position:relative;} .footer-section .brand-logo{left:0;top:-125px;width:190px;height:190px;text-align:center;line-height:190px;border-radius:3px;position:absolute;background-color:#fff;border:3px solid #244c8d;} .footer-section .useful-links li{margin-bottom:5px;} .footer-section .useful-links li:last-child{margin-bottom:0px;} .footer-section .useful-links li a{color:#666666;position:relative;} .footer-section .useful-links li a i{left:0;top:50%;opacity:0;color:#666666;position:absolute;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .footer-section .useful-links li a:hover{color:#1DA1F2;} .footer-section .useful-links li a:hover i{opacity:1;color:#1DA1F2;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .footer-section .newsletter{width:100%;height:50px;overflow:hidden;position:relative;border-radius:3px;} .footer-section .newsletter .submit{top:1px;right:1px;bottom:1px;color:#666666;font-size:18px;padding:0px 15px;position:absolute;background-color:#ffffff;} .footer-section .newsletter input[type=email]{width:100%;height:100%;border:none;display:block;background-color:#ffffff;} .footer-section .newsletter input[type=email]:focus:not([readonly]) + .submit{color:#ffc107;} /* [EDIT] padding через CSS-переменную --space-xl */ .footer-bottom{padding-top:var(--space-xl);} .footer-bottom .social .social-link{margin-right:20px;} .footer-bottom .social .social-link:last-child{margin-right:0px;} .footer-bottom .social .social-link a{color:#666666;font-size:24px;} .footer-bottom .social .social-link a:hover{color:#ffc107;} .footer-bottom .language-select{float:right;padding:0px;border:none;line-height:1;color:#666666;margin-top:-7px;padding:0px 30px;border-radius:3px;background:transparent;} .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{border:none;box-shadow:none;} .breadcrumb-section{background-size:cover;background-repeat:no-repeat;background-position:center center;} /* [EDIT] padding через CSS-переменную --space-xxl */ .breadcrumb-section .overlay-black{padding:var(--space-xxl) 0px;} .breadcrumb-section h2.page-title{font-size:30px;text-shadow:4px 2px 1px rgba(21,21,21,0.5);} .breadcrumb{margin:0;padding:16px 0px;background-color:transparent;} .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{color:#ffffff;} .breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item:hover a{color:#007BB5;} .sidebar-section .search-box form{width:100%;height:50px;position:relative;} .sidebar-section .search-box label{top:1px;margin:0;right:1px;bottom:1px;cursor:pointer;line-height:50px;padding:0px 20px;border-radius:3px;position:absolute;background-color:#ffffff;} .sidebar-section .categories ul li{margin-bottom:15px;} .sidebar-section .categories ul li:last-child{margin-bottom:0px;} .sidebar-section .categories ul li a{width:100%;display:block;font-size:16px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;} .sidebar-section .categories ul li:hover a{color:#ffc107;border-bottom-color:#ffc107;} .sidebar-section .recent-posts ul li .img{float:left;width:80px;height:80px;overflow:hidden;border-radius:3px;margin-right:15px;} .sidebar-section .recent-posts ul li{width:100%;display:table;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;} .sidebar-section .recent-posts ul li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;} .sidebar-section .recent-posts ul li .post-contant{display:table;} .sidebar-section .recent-posts ul li .post-contant a{width:100%;display:block;color:#151515;font-weight:700;} .sidebar-section .recent-posts ul li:hover .post-contant a{color:#ffc107;text-decoration:underline;} .sidebar-section .archives ul li{margin-bottom:10px;} .sidebar-section .archives ul li:last-child{margin-bottom:0px;} .sidebar-section .archives ul li a{width:100%;display:block;padding:10px 20px;border-radius:3px;border:1px solid #f0f0f0;} .sidebar-section .archives ul li a:hover{border-color:#ffc107;} .sidebar-section .tags ul{margin-left:-5px;margin-right:-5px;} .sidebar-section .tags ul li{width:50%;padding:5px;display:inline-block;} .sidebar-section .tags ul li a{width:100%;display:block;padding:10px 0px;text-align:center;border-radius:3px;border:1px solid #f0f0f0;} .sidebar-section .follow-us ul li{width:50%;float:left;height:40px;overflow:hidden;} .sidebar-section .follow-us ul li a{width:100%;height:100%;color:#ffffff;display:block;padding:0px 20px;line-height:40px;} .sidebar-section .follow-us ul li a>i{margin-right:15px;} .sidebar-section .follow-us ul li a>span{line-height:40px;} .bg-facebook{background-color:#3B5998;} .bg-twitter{background-color:#1DA1F2;} .bg-googleplus{background-color:#EA4335;} .bg-dribbble{background-color:#EA4C89;} .bg-linkedin{background-color:#007BB5;} .bg-instagram{background-color:#C32AA3;} .slider-section{overflow-x:hidden;} .slider-section .slick-item{background-size:cover;background-repeat:no-repeat;background-position:center center;} /* [EDIT] padding через CSS-переменную --space-xxl */ .slider-section .overlay-black{padding:var(--space-xxl) 0px;position:relative;} .slider-section .slider-number{right:118px;bottom:75px;color:#ffffff;font-size:18px;font-weight:700;position:absolute;} .slider-section .slider-contant h1{color:#ffffff;font-weight:700;} .slider-section .slider-contant h1 > span{color:#ffc107;font-weight:400;position:relative;} .slider-section .slider-contant h1 > span:after{left:0;right:0;bottom:0;content:'';height:3px;width:100%;position:absolute;background:#ffc107;} .slick-arrow { top: 50%; z-index: 1; width: 36px; height: 69px; color: #ffffff; position: absolute; border-radius: 3px; background: rgba(21,21,21,0.5); } .slick-prev{left:-80px;transform:skewX(10deg);-o-transform:skewX(10deg);-ms-transform:skewX(10deg);-moz-transform:skewX(10deg);-webkit-transform:skewX(10deg);} .slick-next{right:-80px;transform:skewX(-10deg);-o-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-webkit-transform:skewX(-10deg);} .slick-prev:before, .slick-next:before{opacity:1;color:#ffffff;font-size:36px;line-height:70px;font-family:"Ionicons";} .slick-prev::before{content:"\2039";} .slick-next::before{content:"\203A";} .slick-arrow:hover{background:#3B5998;} .slick-prev:hover:before, .slick-next:hover:before{color:#151515;} .slider-section:hover .slick-prev{left:-8px;} .slider-section:hover .slick-next{right:-8px;} .slick-dotted.slick-slider{margin-bottom:0px;} .slick-dots{width:auto;right:114px;bottom:50px;position:absolute;display:inline-block;} .slick-dots li { margin: 5px; width: 11px; height: 11px; } .slick-dots li button{width:100%;height:100%;padding:0px;display:block;background:#666666;} .slick-dots li.slick-active button{background:#007BB5;} .slick-dots li button:before{top:0;left:0;right:0;bottom:0;opacity:1;content:'';width:100%;height:100%;color:#666666;font-size:14px;line-height:0px;} .aminitie-section .aminitie-item{width:33.17%;margin-right:2px;position:relative;text-align:center;border-radius:3px;padding:60px 20px 20px;background-color:#f7f7f7;} .aminitie-section .aminitie-item:last-child{margin-right:0px;} .aminitie-section .aminitie-item .item-icon{left:50%;top:-30px;z-index:1;width:60px;height:60px;color:#fff;font-size:24px;overflow:hidden;line-height:60px;text-align:center;position:absolute;border-radius:3px;background-color:transparent;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);} .aminitie-section .aminitie-item .item-icon:before{top:0;right:0;bottom:0;content:'';left:-13px;z-index:-1;width:70px;height:70px;border-radius:3px;position:absolute;background-color:#244c8d;-moz-transform:skewX(10deg);-webkit-transform:skewX(10deg);-o-transform:skewX(10deg);-ms-transform:skewX(10deg);transform:skewX(10deg);} .service-section .item{padding:20px;} .service-section .service-item{cursor:default;border-radius:3px;padding:25px 15px;margin-left:-15px;margin-right:-15px;background-color:#ffffff;border:1px solid transparent;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .service-section .service-item .service-title i{float:left;font-size:52px;margin-right:15px;} .service-section .service-item .service-title > a{color:#151515;display:table;font-size:24px;font-weight:700;} .service-section .service-item:hover{border-color:#ffc107;} .service-section .service-item:hover a{color:#ffc107;} .owl-theme .owl-dots .owl-dot span{margin:5px;width:15px;height:15px;border-radius:0px;background:#666666;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#ffc107;} .portfolio-section .button-group{width:100%;margin:8px 0px;border-radius:3px;background-color:#ffffff;} .portfolio-section .button-group .button{z-index:0;width:25%;float:left;color:#151515;font-size:16px;cursor:pointer;font-weight:700;line-height:55px;position:relative;display:inline-block;font-family:'Open Sans', sans-serif;} .portfolio-section .button-group .button:hover:after, .portfolio-section .button-group .button.is-checked:after{left:0;right:0;bottom:0;content:'';width:100%;height:2px;position:absolute;background-color:#ffc107;} .portfolio-section .button-group .button:hover, .portfolio-section .button-group .button.is-checked{background:rgba(255,193,7,0.1);} .portfolio-section .grid{margin-left:-15px;margin-right:-15px;} .portfolio-section .element-item{margin:0;padding:0;float:left;height:auto;padding:15px;width:33.333%;display:inline-block;} .portfolio-section .ei-child{z-index:0;width:100%;height:100%;display:block;overflow:hidden;position:relative;border-radius:3px;-webkit-transition:all .50s ease-in-out;-moz-transition:all .50s ease-in-out;-ms-transition:all .50s ease-in-out;-o-transition:all .50s ease-in-out;transition:all .50s ease-in-out;} .portfolio-section .ei-child .contant{top:0;left:0;right:0;bottom:0;padding:25px;text-align:left;position:absolute;border-radius:3px;border:5px solid transparent;background-color:rgba(5,5,5,0.3);-webkit-transition:all .50s ease-in-out;-moz-transition:all .50s ease-in-out;-ms-transition:all .50s ease-in-out;-o-transition:all .50s ease-in-out;transition:all .50s ease-in-out;} .portfolio-section .ei-child .contant h3{left:30px;right:30px;bottom:30px;color:#ffffff;font-size:30px;font-weight:700;position:absolute;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .portfolio-section .ei-child .contant>a{opacity:0;left:30px;bottom:30px;color:#fff;font-size:16px;position:absolute;text-transform:uppercase;transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);} .portfolio-section .ei-child:hover .contant{border-color:#244c8d;background-color:rgba(5,5,5,0.7);} .portfolio-section .ei-child:hover .contant h3{bottom:70px;} .portfolio-section .ei-child:hover .contant>a{opacity:1;transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} .testimonial-contant{background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../images/testimonial/sec-bg.jpg);} .testimonial-carousel .item{padding:35px 25px;text-align:center;border-radius:3px;margin-bottom:30px;background-color:#ffffff;} .testimonial-carousel .hero-img{width:80px;height:80px;overflow:hidden;text-align:center;border-radius:100%;margin:0 auto 30px;} .testimonial-section .owl-theme .owl-dots .owl-dot span{box-shadow:0 0 6px 2px rgba(21,21,21,0.1);-webkit-box-shadow:0 0 6px 2px rgba(21,21,21,0.1);} .blog-section .blog-item{overflow:hidden;position:relative;border-radius:3px;margin-bottom:30px;} .blog-section .blog-item .blog-contant{top:0;left:0;right:0;bottom:0;padding:30px;overflow:hidden;position:absolute;border-radius:3px;border:5px solid transparent;background-color:rgba(5,5,5,0.3);} .blog-section .blog-item .date{top:30px;left:35px;z-index:1;color:#151515;font-size:14px;padding:8px 15px;font-style:italic;border-radius:2px;position:absolute;background-color:#ffc107;} .blog-section .blog-item .blog-contant .blog-title{left:0px;bottom:30px;color:#ffffff;padding:0px 35px;position:absolute;} .blog-section .blog-item .blog-contant>a{opacity:0;left:35px;bottom:30px;color:#ffc107;font-size:16px;position:absolute;text-transform:uppercase;transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);} .blog-section .blog-item, .blog-section .blog-item .blog-contant, .blog-section .blog-item .blog-contant>a, .blog-section .blog-item .blog-contant .blog-title{transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .blog-section .blog-item:hover{box-shadow:0 4px 15px 0 rgba(0,0,0,.16), 0 4px 20px 0 rgba(0,0,0,.12);} .blog-section .blog-item:hover .blog-contant{border-color:#ffc107;background-color:rgba(5,5,5,0.7);} .blog-section .blog-item:hover .blog-contant .blog-title{bottom:70px;} .blog-section .blog-item:hover .blog-contant>a{opacity:1;transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} .partner-section .partner-list li{margin:15px;width:17.63%;height:120px;overflow:hidden;border-radius:3px;text-align:center;background-color:#ffffff;box-shadow:0 0 6px 2px rgba(21,21,21,0.1);-webkit-box-shadow:0 0 6px 2px rgba(21,21,21,0.1);transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .partner-section .partner-list li:last-child{margin-right:0px;} .partner-section .partner-list li a{width:100%;height:100%;display:block;line-height:120px;} .partner-section .partner-list li:hover{z-index:1;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);} .body-bg{top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;background-size:cover;background-repeat:no-repeat;background-position:center center;} /* [EDIT] padding через CSS-переменную --space-xxl */ .banner-section{padding:var(--space-xxl) 0;} .banner-contant{max-width:50%;margin:0 auto;overflow:hidden;border-radius:3px;padding-bottom:30px;background-color:rgba(255,255,255,0.4);} .banner-contant h1{font-size:50px;font-weight:700;padding:15px 30px;background-color:#ffc107;text-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);} .banner-contant p{color:#151515;font-size:18px;font-weight:700;} .banner-contant .custom-btn{background-color:#ffffff;box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);} .banner-contant .custom-btn span{color:#151515;background-color:#ffc107;} .banner-contant .custom-btn:hover{background-color:#ffc107;} .banner-contant .custom-btn:hover span{color:#ffc107;background-color:#151515;} /* [EDIT] padding через CSS-переменные */ .homev2 .about-section{padding:var(--space-xl) var(--space-lg);} .homev2 .about-section .about-contant h2.title{font-size:24px;} .homev2 .about-section .about-contant h2>small{font-size:50px;} .about-section .about-contant .about-tab{margin-bottom:25px;} .homev2 .about-section .about-contant{padding:0px 30px;} /* [EDIT] padding через CSS-переменные */ .homev2 .funfact-section{padding:var(--space-xl) var(--space-lg);margin-bottom:30px;background-color:#ffffff;} .homev2 .funfact-section .funfact-contant{padding:17px 0px;padding-right:30px;} .homev2 .funfact-section .funfact-contant h2.title-xlarge{font-size:24px;margin-bottom:30px;} .homev2 .testimonial-section .overlay-yellow{padding:100px 50px;} .homev2 .testimonial-section{padding:0px;border-radius:3px;background-color:#ffffff;box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);-webkit-box-shadow:1px 1.7px 10px rgba(0, 0, 0, 0.50);} /* [EDIT] padding через CSS-переменные */ .homev2 .contact-section{padding:var(--space-xl) var(--space-lg);} .homev2 .partner-section{padding:50px;} .aboutv1 .about-section{padding:0px;padding-top:50px;} .aboutv1 .about-section .about-contant{width:100%;padding:45px 0px;} .aboutv1 .about-section .about-contant h2.title{font-size:30px;} .aboutv1 .about-section .about-contant h2>small{font-size:60px;} .aboutv1 .funfact-section{padding:0px 0px;} .aboutv1 .funfact-section .funfact-contant h2.title-xlarge{font-size:36px;} .aboutv1 .funfact-container{padding:100px 0px;} .aboutv1 .funfact-container .funfact-img, .aboutv1 .funfact-container .funfact-contant{width:100%;padding:0px;} .aboutv1 .testimonial-section{padding:0px;} .servicev1 .service-section .item{padding:15px;} .servicev1 .service-section .service-item{padding:30px;} .servicev1 .service-section .service-item .service-title > a{font-size:20px;} .servicev1 .service-section .service-item .service-title i{font-size:30px;} .servicev2 .service-section .item{padding:15px;} .servicev2 .service-section .service-item{padding:15px;overflow:hidden;} .servicev2 .service-section .service-item .service-img{width:100%;height:190px;overflow:hidden;border-radius:3px;} .servicev2 .service-section .service-item .service-contant{padding:15px;padding-top:50px;position:relative;} .servicev2 .service-section .service-item span{left:50%;top:-40px;width:80px;height:80px;color:#ffc107;font-size:24px;line-height:75px;position:absolute;text-align:center;border-radius:100%;border:5px solid #ffffff;background-color:#f7f7f7;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);box-shadow:0px 0px 4px 2px rgba(21,21,21,0.1);} .service-sidebar .service-menu-list li{overflow:hidden;border-radius:3px;margin-bottom:5px;} .service-sidebar .service-menu-list li:last-child{margin-bottom:0px;} .service-sidebar .service-menu-list li a{width:100%;display:block;color:#151515;font-size:18px;padding:15px 25px;position:relative;background-color:#f7f7f7;} .service-sidebar .service-menu-list li.active a:after{top:50%;right:25px;color:#fff;content:"\00BB";position:absolute;font-family:"Ionicons";transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .service-sidebar .service-menu-list li:hover a, .service-sidebar .service-menu-list li a.active{background-color:#244c8d;color:#fff;} .service-sidebar .service-menu-list li a i{margin-right:15px;} .service-sidebar .cost-calculator{padding:30px;overflow:hidden;border-radius:3px;} .service-sidebar .cost-calculator h2, .service-sidebar .download-links h2{padding:30px;margin-top:-30px;margin-left:-30px;margin-right:-30px;margin-bottom:50px;border-bottom:1px solid #ffffff;} .service-sidebar .cost-calculator > span{width:90px;height:90px;color:#151515;color:#ffc107;font-size:36px;line-height:90px;text-align:center;border-radius:3px;margin:0 auto 30px;border:5px solid #ffffff;box-shadow:0 0 5px 1px rgba(21,21,21,0.1);-webkit-box-shadow:0 0 5px 1px rgba(21,21,21,0.1);} .download-links{padding:30px;text-align:center;border-radius:3px;background-color:#f5f5f5;} .download-links .custom-btn{width:100%;display:block;margin-bottom:5px;} .service-details-img{overflow:hidden;border-radius:3px;margin-bottom:30px;} .service-details .priceing-table{overflow:hidden;padding:30px 0px;border-radius:3px;margin-bottom:30px;border:2px solid #f1f1f1;} .service-details .priceing-table .price{font-size:42px;margin-bottom:50px;} .service-details .priceing-table a{color:#151515;padding:10px 20px;border-radius:3px;background-color:#f1f1f1;} .service-details .priceing-table:hover a{color:#151515;background-color:#ffc107;} .service-details .priceing-table:hover{border-color:#ffc107;} .service-details .accordion .card{overflow:hidden;border-radius:3px;margin-bottom:5px;border:1px solid #f5f5f5;} .service-details .card .card-header{padding:0;background-color:transparent;} .service-details .card .card-header a{width:100%;color:#151515;display:block;padding:10px 15px;background-color:#f5f5f5;font-family:'Montserrat', sans-serif;} .accordion .card .card-header a:not(.collapsed){background-color:#ffc107;} .service-details .chooseus ul li{color:#151515;margin-bottom:5px;} .service-details .chooseus ul li:last-child{margin-bottom:0px;} .service-details .chooseus ul li i{color:#ffc107;margin-right:15px;} .team-section .team-member{padding:15px;border-radius:3px;margin-bottom:30px;background-color:#f5f5f5;} .team-section .team-heroes{overflow:hidden;border-radius:3px;background-color:#ffffff;box-shadow:0 0 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.1);} .team-section .member-img{overflow:hidden;position:relative;} .team-section .team-member:hover .plus-effect{opacity:1;} .team-section .member-social{padding:10px 0px;border-bottom:1px solid #f5f5f5;} .team-section .member-social li{width:40px;height:40px;padding:5px;margin:0px 5px;border-radius:3px;text-align:center;background-color:#f5f5f5;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;} .team-section .member-social li:last-child{margin-right:0px;} .team-section .member-social li a{width:100%;height:100%;display:block;color:#151515;line-height:30px;border-radius:3px;background-color:#ffffff;box-shadow:0 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.1);} .team-section .member-social li:hover{background-color:#ffc107;} .team-section .member-contant{padding:15px;} .team-section-v2 .team-heroes{box-shadow:none;background-color:transparent;} .team-section-v2 .member-img{float:left;padding:5px;} .team-section-v2 .member-contant{float:right;padding:15px;} .team-section-v2 .member-img, .team-section-v2 .member-contant{width:48.5%;height:312px;overflow:hidden;border-radius:3px;background-color:#ffffff;border:1px solid #f0f0f0;} .team-section-v2 .member-social{padding:0;border:none;} .team-section .member-social li{margin:0;margin-right:5px;} .team-section .member-social li:last-child{margin-right:0px;} .about-team-section .owl-theme .owl-dots{display:none;} .about-team-section .owl-theme .owl-nav{margin:0;top:-20px;right:20px;position:absolute;} .about-team-section .owl-theme .owl-nav [class*=owl-]{padding:0;margin:5px;width:30px;height:30px;position:relative;border-radius:3px;color:transparent;background:transparent;} .about-team-section .owl-nav .owl-next:before, .about-team-section .owl-nav .owl-prev:before{top:0;left:0;right:0;bottom:0;color:#151515;line-height:30px;text-align:center;position:absolute;font-family:"Ionicons";background-color:#ffffff;border:1px solid #f0f0f0;} .about-team-section .owl-nav .owl-next:before{content:"\f3d1";} .about-team-section .owl-nav .owl-prev:before{content:"\f3cf";} .about-team-section .owl-nav .owl-next:hover:before, .about-team-section .owl-nav .owl-prev:hover:before{border-color:#ffc107;background-color:#ffc107;} .team-testimonial .clint-contant{padding:30px;border-radius:3px;margin-bottom:30px;background-color:#ffffff;border:1px solid #f0f0f0;} .team-testimonial .clint{float:left;height:auto;padding:30px;min-width:300px;border-radius:3px;position:relative;background-color:#ffffff;border:1px solid #f0f0f0;} .team-testimonial .clint .clint-img{float:left;width:50px;height:50px;overflow:hidden;margin:-7px 0px;margin-right:20px;text-align:center;border-radius:100%;} .team-testimonial .clint a{color:#151515;display:table;font-size:18px;font-weight:700;} .team-testimonial .clint span{font-size:12px;display:table;} .team-testimonial .clint .dot1, .team-testimonial .clint .dot2, .team-testimonial .clint .dot1:before, .team-testimonial .clint .dot2:before{top:-5px;width:10px;height:10px;position:absolute;border-radius:100%;background-color:#ffffff;border:1px solid #f0f0f0;} .team-testimonial .clint .dot1{left:30px;} .team-testimonial .clint .dot2{right:30px;} .team-testimonial .clint .dot1:before, .team-testimonial .clint .dot2:before{left:-1px;top:-33px;z-index:1;content:'';} .team-testimonial .clint .dot1:after, .team-testimonial .clint .dot2:after{left:50%;top:-30px;width:1px;content:'';height:30px;position:absolute;background-color:#f0f0f0;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);} .about-team-section .our-skill .single-experties{width:100%;display:table;margin-bottom:25px;} .about-team-section .our-skill .skilled-tittle{width:100%;color:#151515;font-size:18px;font-weight:700;margin-bottom:5px;} .about-team-section .our-skill .progress{margin:0px;width:100%;height:15px;border-radius:0px;border:1px solid #ffc107;background-color:#ffffff;} .about-team-section .our-skill .progress-bar{width:100%;height:100%;position:relative;background-color:#ffc107;} .about-team-section .our-skill .progress-bar > span{top:50%;right:5px;color:#151515;font-weight:700;position:absolute;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} @keyframes Rx-width-90{0%{width:0%;} 100%{width:90%;} } @-webkit-keyframes Rx-width-80{0%{width:0%;} 100%{width:80%;} } @-webkit-keyframes Rx-width-75{0%{width:0%;} 100%{width:75%;} } @-webkit-keyframes Rx-width-95{0%{width:0%;} 100%{width:95%;} } .Rx-width-90{-webkit-animation-name:Rx-width-90;-o-animation-name:Rx-width-90;animation-name:Rx-width-90;animation-fill-mode:forwards;} .Rx-width-80{-webkit-animation-name:Rx-width-80;-o-animation-name:Rx-width-80;animation-name:Rx-width-80;animation-fill-mode:forwards;} .Rx-width-75{-webkit-animation-name:Rx-width-75;-o-animation-name:Rx-width-75;animation-name:Rx-width-75;animation-fill-mode:forwards;} .Rx-width-95{-webkit-animation-name:Rx-width-95;-o-animation-name:Rx-width-95;animation-name:Rx-width-95;animation-fill-mode:forwards;} .team-sidebar{padding:15px;border-radius:3px;} .team-sidebar .member-social{margin:20px -15px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;} .team-sidebar .member-social ul li{width:35px;height:35px;text-align:center;border-radius:3px;margin-right:15px;border:1px solid #f0f0f0;background-color:#ffffff;} .team-sidebar .member-social ul li a{width:100%;height:100%;display:block;color:#151515;line-height:35px;} .team-sidebar .member-social ul li:hover{border-color:#ffc107;background-color:#ffc107;} .team-sidebar .member-social ul li:last-child{margin-right:0px;} .personal-details .basic-info ul li span{color:#151515;font-size:16px;font-weight:700;min-width:100px;} .personal-details .myservice ul li{z-index:1;float:left;width:180px;height:180px;padding:20px;overflow:hidden;position:relative;border-radius:3px;margin-right:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:2px solid #f0f0f0;} .personal-details .myservice ul li:last-child{margin-right:0px;} .personal-details .myservice ul li:hover{border-color:#ffc107;} .personal-details .myservice ul li h4{left:20px;right:20px;bottom:25px;font-size:14px;font-weight:700;position:absolute;} .personal-details .myservice ul li .icon{font-size:36px;position:relative;} .personal-details .myservice ul li a{top:20px;width:50px;right:-45px;height:40px;color:#151515;line-height:40px;border-radius:3px;text-align:center;position:absolute;background-color:#ffc107;} .personal-details .myservice ul li:hover a{right:-2px;} .team-contact-section .basic-contact-info{padding-left:28px;} .team-contact-section .basic-contact-info ul li{padding:30px;position:relative;border-radius:3px;padding-left:45px;margin-bottom:30px;background-color:#ffffff;border:1px solid #f0f0f0;} .team-contact-section .basic-contact-info ul li:last-child{margin-bottom:0px;} .team-contact-section .basic-contact-info ul li .icon{top:50%;left:-30px;width:60px;height:60px;color:#ffc107;font-size:24px;line-height:60px;text-align:center;position:absolute;border-radius:3px;background-color:#ffffff;border:1px solid #f0f0f0;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .team-contact-section .basic-contact-info ul li small{color:#151515;font-size:16px;min-width:80px;font-weight:700;} .contact-form .input-item{width:100%;height:50px;position:relative;margin-bottom:30px;} .contact-form .input-item input, .contact-form textarea{margin:0px;height:100%;border-radius:3px;background-color:#ffffff;border:1px solid #f0f0f0;} .contact-form textarea{width:100%;min-height:105px;margin-bottom:30px;} .contact-form .input-item label{top:1px;right:1px;bottom:1px;margin:0px;font-size:24px;line-height:50px;padding:0px 20px;border-radius:3px;position:absolute;background-color:#ffffff;} .contact-form .input-item input[type=text]:focus:not([readonly]), .contact-form .input-item input[type=email]:focus:not([readonly]), .contact-form textarea[type=text]:focus:not([readonly]){border:1px solid #ffc107;} .pagination{margin-top:70px;} .pagination ul .page-item{height:40px;min-width:40px;margin-right:10px;display:inline-block;} .pagination ul .page-item:last-child{margin-right:0px;} .pagination ul .page-item .page-link{margin:0;width:100%;height:100%;color:#151515;display:block;font-size:18px;padding:0px 15px;line-height:40px;border-radius:3px;border:1px solid #f0f0f0;} .pagination ul .page-item.active .page-link, .pagination ul .page-item:hover .page-link{color:#ffffff;border-color:#ffc107;background-color:#ffc107;} .blog-section-v2 .blog-item{background-color:#f7f7f7;border:1px solid #f0f0f0;} .blog-section-v2 .blog-img{width:100%;height:230px;overflow:hidden;} .blog-section-v2 .blog-contantv2{padding:30px;} .blog-section-v2 .blog-item:hover{box-shadow:none;border-color:#ffc107;} .blog-section-v2 .blog-contantv2 .custom-btn{color:#151515;font-weight:500;border:1px solid #f0f0f0;background-color:#f7f7f7;} .blog-section-v2 .blog-item:hover .custom-btn{border-color:#ffc107;background-color:#ffc107;} .blog-section-v2 .blog-item .custom-btn span{color:#151515;background-color:#f0f0f0;} .blog-section-v2 .blog-item:hover .custom-btn span{color:#ffc107;background-color:#151515;} .blog-section .blog-list{overflow:hidden;border-radius:3px;} .blog-section .blog-list .blog-img{width:40%;overflow:hidden;border-radius:3px;position:relative;} .blog-section .blog-list .blog-contant{width:60%;padding:30px;display:table;} .blog-section .blog-list .blog-contant .post-mate li{margin-right:15px;} .blog-section .blog-list:hover .blog-img .plus-effect{opacity:1;} .blog-section .blog-list .custom-btn{color:#151515;font-weight:500;border:1px solid #f0f0f0;background-color:#f7f7f7;} .blog-section .blog-list:hover .custom-btn{border-color:#ffc107;background-color:#ffc107;} .blog-section .blog-list .custom-btn span{color:#151515;background-color:#f0f0f0;} .blog-section .blog-list:hover .custom-btn span{color:#ffc107;background-color:#151515;} .blog-section .blog-big .blog-img{overflow:hidden;border-radius:3px;position:relative;} .blog-section .blog-big:hover .blog-img .plus-effect{opacity:1;} .blog-section .blog-big .blog-img img{width:100%;height:100%;display:block;} .blog-details-section .comment-area, .blog-details-section .blog-post{margin-bottom:100px;} .blog-details-section .blog-post .blog-img img{width:100%;height:100%;display:block;} .blog-details-section .blockquote{margin:50px 0px;padding:30px 60px;border-radius:3px;background-color:#f7f7f7;border-left:5px solid #ffc107;} .blog-details-section .blockquote p{padding:0px;color:#151515;font-size:16px;font-weight:700;font-style:italic;margin-bottom:15px;} .blog-details-section .related-post ul li{width:100%;display:table;margin-bottom:15px;} .blog-details-section .related-post ul li:last-child{margin-bottom:0px;} .blog-details-section .related-post li .post-img{float:left;width:80px;height:80px;overflow:hidden;border-radius:3px;margin-right:15px;} .blog-details-section .related-post ul li .post-contant{display:table;} .blog-details-section .related-post ul li .post-contant a{width:100%;display:block;color:#151515;font-weight:700;} .blog-details-section .related-post ul li:hover .post-contant a{color:#ffc107;text-decoration:underline;} .blog-details-section .related-post .load-more{width:100%;display:block;color:#151515;margin-top:50px;padding:15px 30px;border-color:#f7f7f7;background-color:#f7f7f7;} .blog-details-section .related-post .load-more:hover{border-color:#ffc107;background-color:#ffc107;} .blog-details-section .share-links{margin-top:50px;border-radius:3px;padding:15px 30px;margin-bottom:100px;background-color:#f7f7f7;} .blog-details-section .share-links .Share-icon span{width:35px;height:35px;color:#151515;line-height:35px;text-align:center;border-radius:3px;margin-right:10px;background-color:#ffc107;} .blog-details-section .share-links ul li{float:left;width:35px;height:35px;overflow:hidden;margin-right:5px;display:inline-block;} .blog-details-section .share-links ul li:last-child{margin-right:0px;} .blog-details-section .share-links ul li a{width:100%;height:100%;display:block;color:#151515;line-height:35px;text-align:center;border-radius:3px;background-color:#ffffff;border:1px solid #f0f0f0;} .blog-details-section .share-links ul li:hover a{border-color:#ffc107;background-color:#ffc107;} .comment-box{padding:15px;overflow:hidden;border-radius:3px;border:1px solid #f0f0f0;} .comment-box .comment-author{width:100%;display:table;} .comment-box .comment-author .img{float:left;width:50px;height:50px;overflow:hidden;margin-right:15px;border-radius:3px;} .comment-box .comment-author .author-name{color:#151515;font-size:16px;font-weight:700;font-family:'Montserrat', sans-serif;} .comment-box .comment-author .author-name:hover{color:#ffc107;} .comment-box .comment-author .delete-btn{width:40px;height:40px;color:#151515;line-height:40px;border-radius:3px;border:1px solid #f0f0f0;background-color:#f7f7f7;} .comment-box .comment-author .delete-btn:hover{border-color:#ffc107;background-color:#ffc107;} .comment-box .comment{padding:15px;font-size:14px;} .comment-box .post-mate{padding:0px;} .blog-details-section .comment-form .input-item{width:100%;height:50px;position:relative;margin-bottom:30px;} .blog-details-section .comment-form .input-item label{top:1px;right:1px;bottom:1px;margin:0;font-size:18px;padding:0px 20px;line-height:50px;position:absolute;border-radius:3px;background-color:#ffffff;} .project-cost ul li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;} .project-cost ul li span{color:#151515;font-weight:700;min-width:200px;} .contactv1-section{overflow-x:hidden;} .contactv1-section .contact-left{width:60%;float:left;padding:30px 15px;} .contactv1-section .basic-info-item, .contactv2-section .basic-info-item{margin:0 auto;font-size:14px;max-width:216px;padding:30px 20px;border-radius:3px;background-color:#ffffff;border:1px solid #f0f0f0;} .contactv1-section .basic-info-item .icon, .contactv2-section .basic-info-item .icon{width:80px;height:80px;color:#ffffff;font-size:30px;line-height:80px;border-radius:3px;text-align:center;position:relative;margin:0 auto 30px;background-color:#ffc107;} .contactv1-section .basic-info-item .icon > small, .contactv2-section .basic-info-item .icon > small{top:5px;left:5px;width:20px;height:20px;overflow:hidden;border-radius:3px;position:absolute;} .contactv1-section .basic-info-item .icon > small:before, .contactv2-section .basic-info-item .icon > small:before{top:-16px;left:-16px;content:'';width:30px;height:30px;position:absolute;background-color:#151515;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);} .contactv1-section .contact-right{width:40%;float:right;} /* [EDIT] Добавлены мобильные override — было 830px без ограничений */ .contactv1-section #google-map{height:830px;} @media (max-width: 768px) { .contactv1-section #google-map { height: 350px; } } @media (max-width: 480px) { .contactv1-section #google-map { height: 250px; } } .contactv2-section .contact-left{padding:100px 0px;} .contactv2-section #google-map{width:100%;height:350px;} .error-contant{margin:0 auto;max-width:750px;padding:150px 100px;} .error-contant h1{color:#ffc107;font-size:132px;font-weight:700;} .coming-soon-section{width:100%;display:table;} .coming-soon-section .wrapper{margin:0 auto;max-width:100%;} .coming-soon-section .wrapper .brand-logo{width:200px;height:100px;line-height:100px;background-color:#151515;} .coming-soon-section .wrapper .social li{margin:5px;height:40px;min-width:40px;overflow:hidden;border-radius:3px;} .coming-soon-section .wrapper .social li a{width:100%;height:100%;display:block;color:#ffc107;font-size:14px;padding:0px 10px;line-height:40px;background-color:#151515;} .coming-soon-section .countdown{margin-bottom:100px;} .coming-soon-section .countdown > li{margin:15px;padding:30px;height:200px;min-width:200px;border-radius:3px;display:inline-block;background-color:#ffffff;} .coming-soon-section .countdown .number{color:#151515;font-size:66px;font-weight:700;margin-bottom:30px;font-family:'Montserrat', sans-serif;} .coming-soon-section .countdown span{display:block;position:relative;text-transform:uppercase;} .coming-soon-section .countdown span:before{left:0;right:0;top:-15px;width:30px;content:'';height:1px;margin:0 auto;position:absolute;background:#ffc107;} .brand-tagline {position: absolute;z-index: 1;font-size: 14px;top: 80px;white-space: nowrap;} .preim{margin: 20px 0;} .preim img{margin-bottom: 10px;} /*new seo style*/ .seo-galka-ul{ margin-left:20px; } ul.seo-galka-ul li { /*//hde*/ list-style-type: none; width:100% !important; margin: 4px 0; } ul.seo-galka-ul li:before { /*//hde*/ content: '\2713'; font-weight: bold; color:#274D8B; padding-right:10px; margin-left: -23px; } .seo-galka-ul span{ color: #333; } .shesterenka-block{ background: url(/assets/images/shesterenka.png); background-position:left; background-repeat: no-repeat; background-size:50px; } .shesterenka-block p{ padding: 15px 0 15px 70px; } .shesterenka-block p.seo-blue{ font-size: larger; color:#274D8B; } p.seo-center-blue{ font-size: x-large; color:#274D8B; font-weight: 700; text-align:center; } /*end*/ /* [EDIT] Добавлен responsive-override: на мобильных фиксированные 260×195px искажают изображения */ .img-smoll-preview{width: 260px; height:195px;} @media (max-width: 480px) { .img-smoll-preview { width: 100%; height: auto; max-width: 260px; } } a.des:after { content: '>'; padding-left: 13px; position: relative; top: 2px; } a.des { padding-right: 9px; } div#breadcrumb { border-bottom: 1px solid #EEE; margin-bottom: 25px; } ol.breadcrumb { padding-bottom: 00; } @media(max-width:750px) { section.after-contact { padding-top: 0px; margin-top: -50px; } img.zzz { display: block; margin: 0 auto; margin-bottom: 17px; } form.contact-form.ajax_form>.section-title>.h2 { color: white; } .backtotop { right: 28px; bottom: 97px; } .seo-center-blue iframe { max-width: 100%!important; height: 350px!important; } } table { border-collapse: collapse; width: 100%; margin: 20px 0; } table td, table th { padding: 10px; border: 1px solid #cbbdbd; } .tabs { display:none; } p.zag { display: none; } p.vibtabs { display: none; } .devsblock { display: block; width: 100%; margin-bottom: 10px; } .devsblock p { text-align: center; border: 1px solid #08c; padding: 9px; } .devsblock.mobile { display: none; } @media (max-width: 720px) { table.table.table-bordered.table-hover.table-condensed.nonemobile { display: none; } p.vibtabs { text-align: center; } p.zag { font-size: 14px !important; font-weight: bold; text-align: center; margin-bottom: 15px; } h1 { font-size: 31px; } .tabs { display: flex; flex-direction: column; } .tabs__links { display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; margin-left: auto; margin-right: auto; margin-bottom: 10px; order: 0; white-space: nowrap; background-color: #fff; border: 1px solid #e3f2fd; box-shadow: 0 2px 4px 0 #e3f2fd; } .tabs__links>a { display: inline-block; text-decoration: none; padding: 6px 10px; text-align: center; color: #1976d2; } .tabs__links>a:hover { background-color: rgba(227, 242, 253, 0.3); } .tabs>#content-1:target~.tabs__links>a[href="#content-1"], .tabs>#content-2:target~.tabs__links>a[href="#content-2"], .tabs>#content-3:target~.tabs__links>a[href="#content-3"] { background-color: #bbdefb; cursor: default; } .tabs>div:not(.tabs__links) { display: none; order: 1; } .tabs>div:target { display: block; } .tabs__links a { font-size: 12px; margin: 0 auto; } p.zag { display: block; } p.vibtabs { display: block; } .devsblock { display: none; } .devsblock.mobile { display: block !important; } .devsblock.mobile p { font-size: 12px; } .service-details .devsblock { font-size: 12px; } } .service-details .devsblock { display: block; } span.call, .call { background: #0088CC; border: 1px solid #0088CC; color: #fff; font-weight: normal; font-size: 12px; text-align: center; border-radius: 7px; letter-spacing: normal; max-width: 185px; padding: 6px 10px; margin-bottom: 10px; margin-top: 17px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; } span.call:hover, .call:hover { cursor: pointer; background: #FFF; color: #0088CC; } a.header-mail { margin-top: 7px; color: #333; text-decoration: none; font-size: 14px; } a.header-mail:hover { text-decoration: underline; } @media screen and (min-width: 1400px) { span.call, .call { max-width: none; font-size: 0.85vw; display: block; overflow: hidden; margin: 4px 0 0px 0; } a.header-mail {margin-top: 2px; font-size: 16px; text-decoration: underline; } } .hide { display: none; } .content_block.hide { display: block; } .popup { background: #fff; max-width: 400px; margin: auto; position:relative; /* text-align: center; */ padding: 50px 30px 0px 30px; } .popup .tl { font-size: 30px; font-weight: bold; margin-bottom: 20px; } .popup input[type="tel"], .popup input[type="email"], .popup input[type="text"] { margin-bottom: 15px; } .popup input[type="submit"] { background: #0088CC; color: #fff; border: 0; padding: 11px 29px; cursor: pointer; } #calculator { max-width: 800px; } #calculator .block { padding: 10px 0;; } #calculator .list { display: flex; } #calculator .list .itm { border: 1px solid #000; padding: 10px; cursor: pointer; } #calculator .list .itm.active { background: #000; color: #fff; } #calculator .list .itm.disabled { opacity: 0.4; } #calculator .block.tolsh select { display: none; } #calculator .block.tolsh select.active { display: block; } .block.rezult { font-size: 25px; font-weight: bold; display: flex; } #calculator .plmn { display: flex; align-items: center; } #calculator .mn, #calculator .pl { font-size: 24px; line-height: 1; padding: 5px 12px; font-weight: bold; margin: 0; cursor: pointer; } .plmn div:hover { color: #1DA1F2; } .itm.disabled { display: none; } #calculator .plmn input{ max-width: 60px; height: auto; line-height: 1; padding: 10px; text-align: center; margin: 0; } div#result { margin: 0px 10px; } #service-details-section .rewievs_carousel { padding-top: 90px; margin-bottom: 100px; } .rewievs_carousel .item{ font-family: arial; letter-spacing: 0px; } .rewievs_carousel .item img { display: block; margin:auto; } .rewievs_carousel .slick-dots { display: block; right: 0; left: 0; bottom: -71px; } .rewievs_carousel .rev_tl { display: flex; } .rewievs_carousel .rev_tl .rev_ttl { padding-left: 10px; } .rewievs_carousel .rev_tl .stat { color: #999; font-weight: 400; font-size: 14px; line-height: 16px; } /* [EDIT] Убрана дублирующая font-family (вторая перекрывала первую) */ .rewievs_carousel .rev_ttl .name { font-weight: 500; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; } .rewievs_carousel .rev_tl .img { width: 32px; } .rewievs_carousel .rev_tl .img img { width: 32px; height: 32px; border-radius: 50%; } .rewievs_carousel .rev_cont { padding-left: 42px; } .rewievs_carousel .rev_cont .fline { display: flex; margin-top: 12px; margin-bottom: 2px; align-items: center; } .rewievs_carousel .rev_cont .cont { font-size: 14px; line-height: 18px; margin-top: 4px; } .rewievs_carousel .rev_cont .stars { display: flex; margin-right: 8px; } .rewievs_carousel .rev_cont .stars i{ width: 12px; height: 12px; margin-right: 4px; background-image: url(https://yastatic.net/s3/front-maps-static/maps-front-maps/_/178df0f18f6025c2e764130c7d1ac463.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .rewievs_carousel .rev_cont .date{ color: #999; font-size: 14px; line-height: 16px; } .user-icon-view__icon { font-size: 16px; line-height: 19px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #fff; background: #fff center/cover no-repeat; width: 100%; height: 100%; border-radius: 50%; } .user-icon-view__icon._id_1 { background-color: #b37db3; } .user-icon-view__icon._id_3 { background-color: #50c0e6; } .user-icon-view__icon._id_4 { background-color: #6ca632; } .user-icon-view__icon._id_5 { background-color: #f285aa; } .user-icon-view__icon._id_6 { background-color: #8585cc; } .user-icon-view__icon._id_7 { background-color: #5798d9; } @media (max-width: 750px){ section#service-details-section { margin-top: 85px !important; } .title-xlarge.mb-30 { margin-bottom: unset!important; } li.nav-link ul { padding-left: 17px; } li.nav-link { padding-top: 0; padding-bottom: 0; } } .container.newforms { display: inline-block; margin: 30px auto; } .container.newforms>p { /* display: block; */ margin: 0 auto; text-align: center; width: 100%; } .container.newforms>p>span { width: 52%; background: #00689c; color: white; max-width: 100%; padding-top: 15px; padding-bottom: 15px; font-size: 15px; min-width: 240px; } .aminitie-item { width: 33.17%; margin-right: 2px; position: relative; text-align: center; border-radius: 3px; padding: 60px 20px 20px; background-color: #f7f7f7; } .aminitie-item { width: auto; margin-right: 0; background: none; padding: 20px; } @keyframes swing { 0% { transform: rotate(0deg); } 10% { transform: rotate(10deg); } 30% { transform: rotate(0deg); } 40% { transform: rotate(-10deg); } 50% { transform: rotate(0deg); } 60% { transform: rotate(5deg); } 70% { transform: rotate(0deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes sonar { 0% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*----------------page-wrapper----------------*/ .page-wrapper .theme { width: 40px; height: 40px; display: inline-block; border-radius: 4px; margin: 2px; } .page-wrapper .theme.chiller-theme { background: #1e2229; } /*----------------toggeled sidebar----------------*/ .page-wrapper.toggled .sidebar-wrapper { left: 0px; } @media screen and (min-width: 768px) { .page-wrapper.toggled .page-content { padding-left: 300px; } } /*----------------show sidebar button----------------*/ #show-sidebar { position: fixed; left: 0; top: 10px; border-radius: 0 4px 4px 0px; width: 35px; transition-delay: 0.3s; } .page-wrapper.toggled #show-sidebar { left: -40px; } /*----------------sidebar-wrapper----------------*/ .flexnewclass { display: flex; margin: 0 auto; max-width: 1800px; } .sidebar-wrapper { width: 260px; max-height: 100%; top: 0; left: -300px; } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0; } .sidebar-wrapper a { text-decoration: none; } /*----------------sidebar-content----------------*/ .sidebar-content { overflow-y: auto; } .sidebar-content.desktop { overflow-y: hidden; } /*--------------------sidebar-brand----------------------*/ .page-wrapper.chiller-theme.toggled { margin-top: 50px; margin-left: 50px; } .sidebar-wrapper .sidebar-brand { padding: 10px 20px; display: flex; align-items: center; } .sidebar-wrapper .sidebar-brand > a { text-transform: uppercase; font-weight: bold; flex-grow: 1; } .sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; font-size: 20px; } /*--------------------sidebar-header----------------------*/ .sidebar-wrapper .sidebar-header { padding: 20px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic img { object-fit: cover; height: 100%; width: 100%; } .sidebar-wrapper .sidebar-header .user-info { float: left; } .sidebar-wrapper .sidebar-header .user-info > span { display: block; } .sidebar-wrapper .sidebar-header .user-info .user-role { font-size: 12px; } .sidebar-wrapper .sidebar-header .user-info .user-status { font-size: 11px; margin-top: 4px; } .sidebar-wrapper .sidebar-header .user-info .user-status i { font-size: 8px; margin-right: 4px; color: #5cb85c; } /*-----------------------sidebar-search------------------------*/ .sidebar-wrapper .sidebar-search > div { padding: 10px 20px; } /*----------------------sidebar-menu-------------------------*/ .sidebar-wrapper .sidebar-menu { padding-bottom: 10px; } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; } .sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; text-decoration: none; position: relative; padding: 8px 30px 8px 20px; } .sidebar-wrapper .sidebar-menu ul li a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .sidebar-wrapper .sidebar-menu ul li a:hover > i::before { display: inline-block; animation: swing ease-in-out 0.5s 1 alternate; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 5px 0; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { font-size: 13px; } .sidebar-menu a svg { height: 25px; } .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; } svg.svg-inline--fa.fa-arrow-up.fa-w-14 { display: inline-block; font-size: inherit; height: 38px; overflow: visible; vertical-align: -0.125em; } span.drops { display: flex; justify-content: end; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; } .sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; } /*--------------------------side-footer------------------------------*/ .sidebar-footer { position: absolute; width: 100%; bottom: 0; display: flex; } .sidebar-footer > a { flex-grow: 1; text-align: center; height: 30px; line-height: 30px; position: relative; } .sidebar-footer > a .notification { position: absolute; top: 0; } .badge-sonar { display: inline-block; background: #980303; border-radius: 50%; height: 8px; width: 8px; position: absolute; top: 0; } .badge-sonar:after { content: ""; position: absolute; top: 0; left: 0; border: 2px solid #980303; opacity: 0; border-radius: 50%; width: 100%; height: 100%; animation: sonar 1.5s infinite; } /*--------------------------page-content-----------------------------*/ .page-wrapper .page-content { display: inline-block; width: 100%; padding-left: 0px; padding-top: 20px; } .page-wrapper .page-content > div { padding: 20px 40px; } .page-wrapper .page-content { overflow-x: hidden; } /*------scroll bar---------------------*/ ::-webkit-scrollbar { width: 5px; height: 7px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #525965; border: 0px none #ffffff; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: #525965; } ::-webkit-scrollbar-thumb:active { background: #525965; } ::-webkit-scrollbar-track { background: transparent; border: 0px none #ffffff; border-radius: 50px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } /*-----------------------------chiller-theme-------------------------------------------------*/ .chiller-theme .sidebar-wrapper { background: #0088cc; } .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { border-color: transparent; box-shadow: none; } .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role, .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text, .chiller-theme .sidebar-wrapper .sidebar-brand>a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a, .chiller-theme .sidebar-footer>a { color: white; } .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .chiller-theme .sidebar-wrapper .sidebar-header .user-info, .chiller-theme .sidebar-wrapper .sidebar-brand>a:hover, .chiller-theme .sidebar-footer>a:hover i { } .sidebar-submenu>ul>li:hover, .sidebar-submenu>ul>li.current { background: #0088cc; } .page-wrapper.chiller-theme.toggled #close-sidebar { color: #bdbdbd; } .page-wrapper.chiller-theme.toggled #close-sidebar:hover { color: #ffffff; } .chiller-theme .sidebar-wrapper ul li:hover a i, .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i { color: #16c7ff; text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5); } .chiller-theme .sidebar-wrapper .sidebar-menu ul li a i, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { background: #0088cc; } li.sidebar-dropdown:hover { background: #02689b; } .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span { color: #6c7b88; } .sidebar-submenu { background: #10a6f1 !important; } .chiller-theme .sidebar-footer { background: #3a3f48; box-shadow: 0px -1px 5px #282c33; border-top: 1px solid #464a52; } .chiller-theme .sidebar-footer>a:first-child { border-left: none; } span.drops svg { color: white; } .sad { display: flex; } span.drops { display: flex; width: 20%; justify-content: center; align-items: center; cursor: pointer; } .chiller-theme .sidebar-footer>a:last-child { border-right: none; } .sidebar-menu a { display: flex !important; } .sidebar-menu a span { width: 100%; } @media(max-width:750px){ .flexnewclass { display: block; } } .page-wrapper.toggled .sidebar-wrapper { margin-right: 30px; } li.sidebar-dropdown.active>.sidebar-submenu { display: block !important; } span.h3 {color: #151515;line-height: 1.37;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;font-weight: 300 !important;font-size: 1.75rem !important;} .h2s { color: #151515; line-height: 1.37; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 2rem; } @media(max-width:560px){ .h2s { font-size: 1.3rem; } } @media(min-width:750px){ .flexshow { display: flex; } } .flexnewclass { display: flex; } section#service-details-section { margin-top: 20px !important; } @media(max-width:650px){ .form-block.margin-0{ width:100% !important; }} @media(max-width:750px){ .flexnewclass { display: block !important; } .col-12.col-md-6.button-block { display: block !important; } } .col-12.col-md-6.asdax { max-width: 337px; } @media (max-width: 1200px) { .page-wrapper.chiller-theme.toggled { display: none; } } nav{background:#fff;} h2 span { font-size: 18px; text-transform: uppercase; font-weight: 300; } .header-bottom .submenu-list .submenu-links a:hover{ background: #efefef; /* color: rgb(36,76,141); */ color: #000;} .video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;} .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .block-news p{height:75px;} .block-news a:hover{color:rgb(36,76,141) !important;} .block-news{margin-bottom:20px;} li.nav-link.last { margin-bottom: 15px; } ul.alt-menu-list.navbar-nav:first-child { padding-top: 10px; } span.grabsa { display: flex; width: 10%; justify-content: center; transform: rotate(270deg); } li.nav-link.active>span>.grabsa { transform: rotate(0deg); } .contact-info.navbar-nav li a{color:#fff;} .mtb50{margin:50px 0;} .mt50{margin-top:50px;} .sec-ptb-50{margin:50px 0px;} input .custominput{background:#333;} /* .section-title { position: relative; margin-bottom: 20px; margin-top: 20px; } */ .aminitie-section{margin-top:100px;} .about-section{background:#eee;} /*.about-section .about-video{background:url(../images/about/video-img1.jpg) no-repeat;background-size:cover;min-height:528px;}*/ /*.header-phone{display:block;font-size:15px;font-weight:700;height:80px;position:relative;padding-top:20px;text-align:center;}*/ /*.header-phone a{color:#000;}*/ .header-phone a:hover{opacity:0.7;} .header-phone a span{font-size:24px;} .slider-bg1{background-image:url(../images/slider/slider1.jpg);} .slider-bg2{background-image:url(../images/slider/slider2.jpg);} .slider-bg3{background-image:url(../images/slider/slider3.jpg);} .slider-bg4{background-image:url(../images/cutting.jpg);} .footer-section{background-color:#eaeaea;padding-top:30px;} .navbar-collapse{background:#244C8D;color:#fff;} .alt-navbar .contact-info{text-align:center;} .alt-navbar .contact-info li, .alt-menu-list li>a{color:#fff;} .alt-menu-btn, .alt-menu-btn:hover{color:#244C8D;} li.funfact-item{width:33%;} li.funfact-item .count{font-size:42px;font-weight:800;color:#244c8d;font-family: 'Montserrat', sans-serif;} .contact-section #google-map2{width:43%;/*float:left;*/} .brand-logo img { height: 100%; width: 96%; } .button-block{text-align:left;} .footer-section .ftr-brand-area .brand-logo-tel{display:none;} .header-mail, .header-mail i{font-weight:300;} .preim .h3{font-weight:700;font-size:16px;} .preim p{font-size:14px;} .circle-block{padding:40px 0px;background:url(../images/slidercircle.jpg);} /* [EDIT] Добавлен responsive-override для планшетов 561–991px — раньше блок переполнял контейнер */ .circle{width:560px;height:560px;margin:0 auto;overflow:hidden;position:relative;border:1px solid black;border-radius:1000px;} @media (max-width: 991px) and (min-width: 561px) { .circle { width: 100%; height: 100vw; max-width: 560px; max-height: 560px; } } .circle-container{position:relative;} .sector1{background:url('../images/circle/sector1.jpg');left:0;background-size:cover;} .sector2{background:url('../images/circle/sector2.jpg');left:280px;background-size:cover;} .sector3{background:url('../images/circle/sector3.jpg');left:0;top:280px;background-size:cover;} .sector4{background:url('../images/circle/sector4.jpg');left:280px;top:280px;background-size:cover;} .sector{width:280px;height:280px;overflow:hidden;position:absolute;transition:0.3s;} .effect{background:#fff;opacity:0.2;width:100%;height:100%;display:none;} .sector1:hover{border-right:5px solid #fff;border-bottom:5px solid #fff;} .sector1:hover .effect{display:block;} .sector2:hover{border-left:5px solid #fff;border-bottom:5px solid #fff;} .sector2:hover .effect{display:block;} .sector3:hover{border-right:5px solid #fff;border-top:5px solid #fff;} .sector3:hover .effect{display:block;} .sector4:hover{border-top:5px solid #fff;border-left:5px solid #fff;} .sector4:hover .effect{display:block;} .sector-pointer{width:260px;height:70px;position:absolute;} .sector-pointer1{top:110px;left:120px;border-right:2px solid #000;border-top:2px solid #000;transform:skew(45deg,0);} .sector-pointer2{transform:skew(-45deg,0);right:120px;top:110px;border-left:2px solid #000;border-top:2px solid #000;} .sector-pointer3{bottom:110px;left:120px;border-right:2px solid #000;border-bottom:2px solid #000;transform:skew(135deg,0);} .sector-pointer4{transform:skew(-135deg,0);right:120px;bottom:110px;border-left:2px solid #000;border-bottom:2px solid #000;} .pointer-square{width:10px;height:10px;background-color:#000;position:absolute;} .pointer-square2{transform:skew(45deg,0);right:-10px;top:-6px;} .pointer-square1{transform:skew(135deg,0);top:-6px;left:-5px;} .sector-header{width:310px;position:absolute;font-size:22px;font-weight:normal;color:#000;z-index:10;font-weight:600;} .sector-header1{right:85px;top:80px;width:270px;text-align:right;} .sector-header2{left:60px;top:80px;width:270px;text-align:right;} .sector-header3{right:80px;bottom:105px;width:270px;text-align:right;} .sector-header4{left:10px;bottom:105px;width:270px;text-align:right;} .sector-header h3 a{font-size:20px;display:inline-block;background:#244c8d;color:#fff;padding:5px;} .sector1-p{text-align:right;padding-top:100px;padding-right:20px;} .sector2-p{text-align:left;padding-top:100px;padding-left:20px;} .sector3-p{text-align:right;padding-top:20px;padding-right:20px;} .sector4-p{text-align:left;padding-top:20px;padding-left:20px;} .sector-p{display:none;color:#fff;font-size:35px;} .portfolio-section .element-item:nth-child(1),.portfolio-section .element-item:nth-child(2){height:492px;} .contact-form label{margin-top:20px;} input[type=file]{margin-top:10px;padding-left:0;text-align:right;color:#151515;border:none;} .contact-info a:hover{color:rgb(36, 76, 141);} .contact-title { font-size: 20px; color: #000000; font-weight: bold; } .block-news img{width:100%;} .header-bottom .container-fluid, .submenu .container-fluid {max-width: 1800px} .block-contacts p{display:inline-block;} .table-responsive-info-bottom{display: flex;justify-content: space-around;align-content: center;flex-wrap: wrap; } .table-responsive-info-bottom table{width: 50%;} .about-section .about-video{width:50%;float:left;overflow:hidden;border-radius:3px;position:relative;} .about-section .about-video img{width:100%;height:auto;} .about-section .overlay-yellow{top:0;left:0;right:0;bottom:0;position:absolute;} .about-section .overlay-yellow a.play-btn{top:50%;left:50%;z-index:1;width:70px;height:70px;color:#ffc107;font-size:36px;line-height:75px;text-align:center;position:absolute;border-radius:100%;background-color:#ffffff;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);} .about-section .about-contant{width:50%;float:right;padding:65px 95px;} .about-section .about-contant h2.title{font-size:42px;margin-bottom:50px;} .about-section .about-contant h2>small{float:left;color:#244C8D;font-size:72px;font-weight:700;margin-right:30px;} .about-section .about-contant h2>span{display:table;} .about-section .about-contant .about-tab{border-radius:3px;margin-bottom:50px;background-color:#ffffff;} .about-section .about-contant .nav-link{color:#151515;font-size:16px;font-weight:700;padding:15px 0px;position:relative;font-family:'Oxygen', sans-serif;} .about-section .about-contant .nav-link:hover:after, .about-section .about-contant .nav-link.active:after{left:0;right:0;content:'';width:100%;height:2px;bottom:-2px;position:absolute;} .about-section .about-contant .nav-link:hover, .about-section .about-contant .nav-link.active{background:rgba(32, 7, 255, 0.1);} .funfact-section{padding:100px;background-color:#f7f7f7;} .funfact-section .funfact-contant{width:53%;float:left;padding:52px 0px;padding-right:40px;} .funfact-section .funfact-contant h2.title-xlarge{font-size:54px;} .funfact-section .funfact-counter .funfact-item{height:auto;width:33.333%;text-align:center;border-right:2px dashed #cccccc;} .funfact-section .funfact-counter .funfact-item:last-child{border-right:none;} .funfact-section .funfact-counter .funfact-item h3{color:#ffc107;font-size:52px;font-weight:700;margin-bottom:15px;} .funfact-section .funfact-img{width:47%;float:right;} .contact-section #google-map{width:50%;float:left;height:600px;} .contact-section .contact-form{width:50%;float:right;padding-left:30px;} /* .section-title .h2 { color: #151515; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 2.3rem; line-height: 1.37; } */ .dflex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .fd-col { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .header-phone { display:block; font-size:15px; font-weight:700; position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-phone a { color: #000; display: flex; align-items: center; font-size: 1vw; } .header-phone a .fa-envelope, .header-phone a .fa-phone { margin-right: 5px; } .header-phone a span { font-size: 1.27vw; } @media screen and (min-width: 1920px) { .header-phone a span { font-size: 24px; } } .submenu-list { z-index: 10; } .submenu { background-color: rgb(0, 136, 204); z-index: 8; position: relative; } .menu-collaps { width: 100%; min-width: 318px; } .header-bottom .submenu-list .submenu-links { height: auto; } .menu-blueline { justify-content: space-evenly; } .blue-header { flex-grow: 1; color:#000; z-index:10; font-weight:600; position: relative; text-align: center; } .blue-header:hover { background: rgba(187,200,255, 0.9); } .blue-header>a { /*font-family: 'Proxima Nova';*/ font-weight: bold; font-size: 18px; color: #fff; padding: 15px 0; display: block; } .menu-collaps { display: none; } .blue-header:hover > .menu-collaps { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; position: absolute; top: 100%; left: 0; background: rgba(187,200,255, 0.9); padding: 0 10px 0 20px; -ms-align-items: flex-start; align-items: flex-start; } .menu-collaps li a { text-align: left; font-size: 14px; padding: 10px 0; } .cd-auto-hide-header { box-shadow: none; } .work-time { align-items: flex-start; color: black; font-size: 18px; font-weight: 400; } .work-time p { line-height: 1.3; } .work-time .fa-clock { margin-top: 5px; margin-right: 10px; font-size: 14px; } .work-time-footer { margin: 0 0 30px 0; } .work-time-footer .fa-clock { margin-top: 5px; margin-right: 10px; font-size: 14px; } .service-details .work-time-footer p, .work-time-footer p { margin-top: 0; } .footer-phone a span{font-size:15px;} .footer-phone { font-size:15px; margin: 5px 0 5px 0; } .footer-phone a { color: #000; display: flex; align-items: center; } .footer-phone a .fa-envelope, .footer-phone a .fa-phone { margin-right: 5px; } .header-bottom { height: auto; } ul.mainmenu { justify-content: space-evenly; display: flex; } .header-bottom .mainmenu li { height: auto; } .header-bottom .mainmenu li a { /*font-family: 'Proxima Nova';*/ font-size: 18px; padding: 20px 0; } .header-bottom .brand-logo-area { top: auto; left: auto; z-index: 1; width: auto; height: auto; background: #fff; overflow: visible; text-align: center; position: static; } .header-bottom .row { -ms-align-items: center; align-items: center; } .banner-block { padding: 200px 0; max-height: 500px; } /*.bb-1 { background: #000 url('/assets/images/new-template/lazernaya-rezka-metalla.jpg') no-repeat center / cover; } .bb-2 { background: #000 url('/assets/images/new-template/izgotovlenie-detalej-po-chertezham-zakazchika.jpg') no-repeat center / cover; } .bb-3 { background: #000 url('/assets/images/new-template/gibka-listovogo-metalla.jpg') no-repeat center / cover; } .bb-4 { background: #000 url('/assets/images/new-template/izgotovlenie-kronshteinov-po-chertezham-zakazchika.jpg') no-repeat center / cover; } .bb-5 { background: #000 url('/assets/images/new-template/lazernaya-rezka-allyuminiya.jpg') no-repeat center / cover; }*/ .main-block-slider { /*background: #000 url('/assets/images/new-template/sparks-main-bg.png') no-repeat right bottom / contain;*/ background: #000; } .main-block-slider .slick-dots { right: 50%; bottom: 20px; transform: translateX(50%); } .main-block-slider .slick-dots li button { border-radius: 50%; background: #ffffff; } .main-block-slider .slick-dots .slick-active button { background: #0088cc; border-radius: 50%; box-shadow: 0 0 10px 0 rgb(0 136 204); } .main-title a { font-family: 'Montserrat'; font-size: 52px; font-weight: 900; /*background: linear-gradient(135deg, #f8931e 25%, #fa6a17 40%, #fd3b0f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ background-color: rgb(0, 136, 204); color: #fff; padding: 2%; line-height: 1; max-width: 1000px; } .main-subtitle { color: #fff; font-size: 36px; } .about-section .about-video { background:url(/assets/images/new-template/1-lazernaya-rezka-listovogo-metalla.jpg) no-repeat left / cover; border-radius: 0; height: 581px; } ul.funfact-counter.ul-li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-weight: nowrap; justify-content: space-between; } ul.funfact-counter.ul-li li:last-child { border: none; } ul.funfact-counter.ul-li li { border-right: #6e78a4 2px solid; padding: 60px 0; } ul.aminities-area.ul-li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 45px; } .aminitie-section .aminitie-item { width: auto; margin-right: 0; background: none; padding: 20px; } .aminitie-icon { height: 90px; margin-bottom: 55px; } .contact-section { background: url('/assets/images/new-template/form-bg.jpg') no-repeat left bottom / cover; } .contact-section .contact-form { float: none; width: auto; padding: 35px; } .contact-section .contact-form .form-title { color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 35px; font-size: 2rem; font-family: 'Montserrat', sans-serif; line-height: 1.37; } .after-contact { padding: 100px 0; } .custom-num-list { margin: 30px 0 20px 0; } .custom-num-list li { counter-increment: step-counter; margin-bottom: 20px; font-size: 14px; line-height: 1.1; } .custom-num-list li:before { content: counter(step-counter); font-family: 'Montserrat', sans-serif; margin-right: 20px; background: #011466; /*padding-right: 10px;*/ display: inline-block; width: 16px; color: #fff; font-weight: bold; font-size: 14px; } .custom-num-list a{ text-decoration: underline; } .section-title:before { background-color: #011466; } .after-contact .title-small { font-size: 20px; font-family: 'Montserrat', sans-serif; } .addfiles { color: #fff; margin-top: 35px; } .contact-form input { border-radius: 0; background: #fff; margin-right: 5px; } input[type="file"].custominput { color: #fff; background: transparent; position: relative; z-index: 2; } .bordered { margin-top: 10px; color: #fff; display: block; } #add-files { background: #e6e6e7; padding: 10px; display: block; } #add-files:hover { box-shadow: 0 0 0 2px #f7941d; color: #000; } .yellow-btn { display: block; background: url('/assets/images/yellow-btn-bg.png') no-repeat center / contain; width: 160px; padding: 10px; text-align: center; border: none; color: #fff; border-radius: 0; font-weight: 400; margin-right: 0; margin-left: auto; } .custom-mob { display: none; } .blue-headers { width: 100%; } .margin-0{ margin:0 auto; } @media print { .contact-form, header { display:none; } a{display:block;} p, a{text-align:center;} .block-rekv{margin-top:280px;} } @media (max-width:1600px){ .header-bottom .container-fluid{padding:0px 15px;} } /*@media (max-width:1400px){ .header-bottom .mainmenu>li>a{padding:0px 10px;} }*/ @media (max-width:1465px){ .header-bottom .mainmenu li a { font-size: 1.2vw; } } .burger { display: none; width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; cursor: pointer; z-index: 1000; } .burger svg { width: 100%; height: 100%; transition: transform 0.3s ease; } .burger .burger-open { display: block; } .burger .burger-close { display: none; } .burger.active .burger-open { display: none; } .burger.active .burger-close { display: block; } .burger.active svg { transform: rotate(90deg); } @media screen and (max-width:1199px){ .blue-headers { display: none; } .menu-blueline { justify-content: space-between; padding: 0px 15px; } .header-section{display:none;} .alt-navbar{ display:block; } .alt-menu-services-list { padding-left: 3%; } .sector-pointer1{left:50px;} .sector-pointer3{left:50px;} .sector-pointer2{right:50px;} .sector-pointer4{right:50px;} .sector-header1{right:15px;} .sector-header2{left:10px;} .sector-header3{right:15px;} .sector-header4{left:-10px;} .contact-section #google-map2{width:100%;float:left; margin-bottom: 20px;} .table-responsive-info-bottom table{width: 100%;} .header-contacts-mob { margin-top: 20px; } .custom-nav { padding: 0 !important; } .burger { display: block; } .custom-nav .submenu { height: 0; overflow:hidden; position: absolute; top: 100%; left: 0; width: 100%; transition: height 0.3s ease-out; z-index: 999; } .custom-nav .submenu.active { height: auto; overflow:auto; } .custom-nav .submenu .container { padding: 0; } .custom-mob { display: block; transform: scale(0.7); } .custom-mob .fa-bars { color: #fff; } .header-phone a, .work-time, .work-time .fa-clock { font-size: 1.5vw; } .work-time .fa-clock { margin-top: 3px; margin-right: 0.5vw; } .header-phone a span { font-size: 1.5vw; } .blue-header a { font-size: 1.75vw; } .navbar .navbar-brand { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; /*flex-grow: 0.5;*/ } .navbar .navbar-brand { display: block; padding-bottom: 0; margin-right: 0; /*padding-top: 20px;*/ } .main-block-slider { /*padding: 70px 0;*/ background: #000; /*background: #000 url('/assets/images/new-template/sparks-main-bg.png') no-repeat left center / cover;*/ } .main-title a, .main-subtitle { /*max-width: 550px;*/ margin: 0 auto; text-align: center; line-height: 1.2; } .main-subtitle { max-width: 410px; font-size: 32px; font-weight: 800; margin-top: 30px; } ul.aminities-area.ul-li, .contact-section { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .about-section .about-contant { width: 100%; } .about-section .about-video { display: none; } .contact-section { padding: 0; background: url('/assets/images/new-template/form-bg-m.jpg') no-repeat 56% bottom / cover; } .contact-section #google-map2 { float: none; } .contact-section .contact-form { padding: 35px 15px; } .contact-section .form-block { width: 100%; } .footer-top { padding-left: 20vw; } .after-contact h2.title-small { font-size: 26px; } } @media screen and (max-width:768px) { .blue-headers { flex-grow: 1; align-items: flex-start; padding-left: 10%; } .footer-policy { gap: 0px!important; flex-direction: column; } .navbar .container, .blue-headers { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .menu-blueline { } .blue-header a { font-size: 2.5vw; padding: 0; } /* [EDIT] Заменён font-size: 2vw → 14px (на 375px было ~7.5px — нечитаемо) */ .header-phone a, .work-time, .work-time .fa-clock, .header-phone a span { font-size: 14px; } .blue-header:hover .menu-collaps { display: none; } .custom-mob:hove, .custom-mob:active { background: rgba(187,200,255, 0.9); } .main-title a { font-size: 31px; } .main-subtitle { max-width: 260px; font-size: 20px; } .second-sect h2 { font-size: 27px; } .about-section .about-contant { padding: 0; } .about-section .nav.nav-justified { background: transparent; border-radius: 0; box-shadow: none; } .about-section .nav-justified .nav-item { flex-basis: 100%; margin-bottom: 5px; background: #fff; } .about-section .nav-justified .nav-item a { text-align: left; padding-left: 10%; font-size: 24px; } .about-section .tab-content p { text-align: center; } .about-section { margin: 0 15px; } .funfact-contant .funfact-counter { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10%; } .funfact-contant .funfact-counter li { margin-bottom: 15px; } .after-contact h2.title-small { font-size: 24px; } .custom-num-list { padding-left: 0; } .footer-top { padding-left: 0; } .footer-section{ padding-top:30px; text-align:left; } .btns-files .col-12, .addfiles { padding: 0 10%; } #add-files { font-size: 22px; background: #e6e6e7; } .contact-section #google-map2 { height: auto; margin-bottom: 0; } } @media screen and (max-width:991px){.sector-p{display:block;} .alt-navbar{display:block;} .sector-pointer1,.sector-pointer2,.sector-pointer3,.sector-pointer4,.sector-header1,.sector-header2,.sector-header3,.sector-header4{display:none;} .button-block{text-align:center;margin-bottom:30px;} #add-files, .yellow-btn { margin-left: 0; margin-right: auto; font-size: 24px; width: 100%; background: url('/assets/images/yellow-btn-bg.png') no-repeat center / 100%100%; } } @media (max-width:752px){ /*.contact-section #google-map2{height:400px;margin-bottom:120px;}*/ .alt-menu-list li.active>a, .alt-menu-list li:hover>a{background:none;} li.funfact-item{width:100%;display:block;} /*.footer-section{padding-top:30px;text-align:center;}*/ .footer-section .ftr-brand-area .brand-logo{display:none;} .footer-section .ftr-brand-area .brand-logo-tel{display:block;} .footer-section .ftr-brand-area{padding-top:0px;margin-bottom:20px;} .title-small.mb-30{margin-bottom:10px;} .portfolio-section .element-item:nth-child(1), .portfolio-section .element-item:nth-child(2){height:auto;} } @media (max-width:560px){ .contact-title{text-align:center;} .circle{width:100%;height:100vw;} .sector{width:50%;height:50%;} .circle-block{position:relative;} .circle-container{height:100vw;padding:0;} .sector2{left:50vw;} .sector3{top:50vw;} .sector4{top:50vw;left:50vw;} .sector-p{font-size:25px;padding-top:50px;} .sector3-p{padding-top:20px;} .sector4-p{padding-top:20px;} .blue-header a { font-size: 4.5vw; } /* [EDIT] Заменён font-size: 3.5vw → 14px (минимально допустимый размер) */ .header-phone a, .work-time, .work-time .fa-clock, .header-phone a span { font-size: 14px; } .section-title h2, .after-contact h2.title-small { font-size: 21px; } } @media (min-width:480px) and (max-width:560px){ .sector-p{font-size:25px;padding-top:50px;} } @media (max-width:370px) and (min-width:320px){ .sector-p{font-size:20px;padding-top:50px;} } .color-text span{ color: #244c8d; text-decoration: underline; } /**/ .service-elem { margin-bottom: 40px; padding: 5px; background-color: #eaeaea; } .service-elem-link { display: block; } .service-elem-box { position: relative; } .service-elem-title { text-align: center; font-size: 15px; font-weight: bold; } .service-elem-desc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: rgba(100,100,100,0.7); transform: rotateY(180deg); opacity: 0; font-size: 14px; padding: 10px 10px; transition: 0.5s all; color: #fff; display: flex; align-items: center; text-align: center; } .aminitie-item .title-small, .footer-top .title-small{ font-family: 'Montserrat', sans-serif; } .service-elem-img img { width: 100%; } .service-elem:hover { background-color: #08c; } .service-elem:hover .service-elem-title a { color: #fff; } .service-elem:hover .service-elem-desc { transform: rotateY(0deg); opacity: 1; } @media (max-width:575px) { .service-elem-title { margin: 10px 0; } } .menu-collaps li a { text-align: left; font-size: 14px; padding: 10px 0; color: black; } li.nav-link ul { display: none; } span.grabs a { width: 100%; height: 100%; display: block; font-weight: 700; text-align: left; position: relative; padding: 10px 10px !important; color: white; } span.grabs { display: flex; } span.grabs { display: flex; justify-content: center; align-items: center; padding-right: 10px; } span.grabsa { display: flex; width: 10%; justify-content: center; } li.nav-link.active>ul { display: block !important; background: #3F9DCC; } @media(max-width:750px){ .col-md-12.aszxcasf iframe {width: 100%;} } .blocksnewdesign a { flex: 0 0 20%; } .blocksnewdesign a { flex: 0 0 19%; padding: 5px; text-align: center; border: 1px solid #eee; font-size: 13px; margin: 5px; border-radius: 7px; color: black; display: flex; justify-content: center; align-items: center; } .blocksnewdesign { display: flex; flex-wrap: wrap; } .blocksnewdesign a:hover { background: #011466; color: white; } @media(max-width:660px){ .blocksnewdesign {display: block;} img.newimageskr { width: 100% !important; margin: 0 auto !important; } .service-details > .container > div { width: 100%; } .service-details > .container > div:not(.section-title) { overflow: initial; } } .service-details p { overflow-wrap: break-word; } /*new style */ .header-top{padding: 0;} .header-top .container-fluid{max-width: 1800px;} .header-top .container-fluid, .header-top .row, .header-top .col-12{ height: 100%; } .top-menu, .top-menu__item{ padding: 0; margin: 0; list-style: none; } .top-menu{ display: flex; align-items: center; height: 100%; margin-left: -20px; margin-right: -20px; } .top-menu__item{ margin: 0 20px; position: relative; } .top-menu__item, .top-menu__item > a{ height: 100%; font-size: 14px; color: #343a40; text-decoration: none; transition: all 0.2s ease 0s; } .top-menu__item > a{ display: inline-flex; align-items: center; } .top-menu__item > a:hover{color: #011466;} .top-menu__item:hover .top-menu__sub{display: block;} .top-menu__sub { display: none; min-width: max-content; background-color: #fff; box-shadow: 0 5px 6px 1px rgb(21 21 21 / 10%); -webkit-box-shadow: 0 2px 6px 1px rgb(21 21 21 / 20%); position: absolute; top: 100%; left: 0; z-index: 100; } .top-menu__sub-item a{ display: block; font-size: 14px; color: #343a40; text-decoration: none; padding: 10px 20px; transition: all 0.2s ease 0s; } .top-menu__sub-item a:hover{ padding-left: 40px; } .popup input[type="submit"]:hover { background: #11658f; } form#top_form input[type="submit"] { border-radius: 6px; } .slogan{ max-width: 250px; font-size: 14px; border-left: 1px solid rgba(21,21,21,0.1); padding-left: 30px; } .header-bottom{padding: 10px 0;} .cat-menu-wrap{border-top: 1px solid rgba(21,21,21,0.1);} .cat-menu-wrap .container-fluid{max-width: 1800px;} .cat-menu{ display: flex; justify-content: space-between; } .cat-menu, .cat-menu ul { margin: 0 !important; } .cat-menu__link{ display: block; font-size: 13px; color: #151515; text-decoration: none; padding: 5px 5px; transition: all 0.2s ease 0s; } /* Для активного пункта меню */ /* .cat-menu__item.active .cat-menu__link { color: #011466; } .cat-menu__item.active .cat-menu__link:hover { color: #fff; } */ .cat-menu__link:hover{ background: #011466; color: #fff; } .cat-menu__item{position: relative;} .cat-menu__item:hover .cat-menu__sub{display: block;} .cat-menu__sub{ display: none; min-width: 350px; background-color: #fff; box-shadow: 0 5px 6px 1px rgb(21 21 21 / 10%); -webkit-box-shadow: 0 2px 6px 1px rgb(21 21 21 / 20%); position: absolute; top: 100%; left: 0; z-index: 100; } .cat-menu__item.col2:hover .cat-menu__sub { display: flex; flex-wrap: wrap; width: 650px; } .cat-menu__item.col2 li.cat-menu__sub-item { width: 50%; } .cat-menu__sub-link{ display: block; font-size: 14px; color: #343a40; text-decoration: none; padding: 5px 20px; transition: all 0.2s ease 0s; } .cat-menu__sub-link:hover{ padding-left: 40px; /*background: #efefef; color: #343a40;*/ background: #011466; color: #fff; } .cat-menu__sub2-link:hover{ padding-left: 40px; /*background: #efefef; color: #343a40;*/ background: #011466; color: #fff; } .last { right: 0; left: auto; } @media (max-width: 1600px) { .cat-menu__link{ font-size: 13px; padding: 10px 5px; } } /* [EDIT] Минимальный размер шрифта навигации поднят до 13px (было 12px, на <560px доходило до 11px) */ @media (max-width: 1300px) { .cat-menu__link{font-size: 13px;} } @media (max-width: 768px) { .navbar-brand img, .footer-logo { width: 250px; height: 98px; } .preim img { width: 128px; height: 128px; } .aminitie-icon { width: 90px; height: 90px; } ul.funfact-counter.ul-li li { border-right: none; padding: 0; } } @media (max-width: 360px) { .mtb50 .img-responsive.img-thumbnail { width: 280px; height: 210px; } } /* .li-style li { padding-left: 30px; list-style-type: square; list-style-position: inside; padding-top: 2px; padding-bottom: 2px; } */ .li-style { list-style: none; padding-left: 0; } .li-style li { position: relative; padding-top: 2px; padding-left:21px; box-sizing:border-box; } .li-style li::before { content: "▲"; position: absolute; top:0;left:0; /* padding-right: 5px; */ font-size: 16px; color: #333; } .service-details p { margin: 0 0 20px 0; color:#333; } .service-details h2 { margin-top: 1.75rem; } .service-details h3 { font-size: 1.4rem; margin: 1.5rem 0 0.5rem 0; } .service-details .img-fluid {padding: 7px; border-radius: 16px;border: 1px solid #ddd;transition: all .2s ease-in-out;} .service-details ul, .service-details ol { margin: 0 0 20px 2rem; } .service-details-section ul, .service-details-section ol { margin-left:0;padding-left:2rem;box-sizing:border-box; } .service-details ol li { position: relative; padding-top: 2px; padding-bottom: 2px; } .service-details p.header-phone, .work-time p { margin: 0 0 10px 0; } @media screen and (min-width: 1400px) { .service-details p.header-phone { margin: 0; } } #header-data { display: flex; flex-wrap: nowrap; align-items: center; gap: 7px; } #header-data a img, div.header-contacts-mob > div.work-time > a > img { width: 32px!important; height: auto; display: block; } .work-time p iframe { display: inline-block; } div#popup_callback>.mfp-close { width: 44px; height: 44px; line-height: 44px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; position: relative; bottom: 366px; left: 311px; right: inherit !important; top: inherit !important; }.col-xl-3.col-lg-4.col-md-6.blockimage { padding-bottom: 30px; } p.footer-phone { margin-top: 12px; } .typ2 {color: #fff; justify-content: flex-start;} .typ2 .math_block {display: flex; } .typ2 .math_block label {margin: 0;} .typ2 .math_block input {width: 50px; margin-left: 25px; padding: 0 5px; height: auto;} .privacy {font-size: 12px; line-height: 14px; display: block; margin-top: 15px;} .typ2 .privacy, .button-block .privacy {color: #fff; margin-top: 0;} .typ2 .privacy a, .button-block .privacy a {color: #fff; display: inline;} .cookieconsent { top: auto!important; bottom: 0!important; opacity: 0.9!important; background: #9fcce2!important; border: 0!important; margin-bottom: 0!important; font-size: 14px!important; padding: 10px 15px!important; } .cookieconsent p { color: #000!important; } .cookieconsent p a { color: #244c8d!important; } .cookieconsent .btn-info { background: #244c8d!important; border: 0!important; } .content_block { overflow: hidden; position: relative; } .content_block.hide { height: 400px; } .content_block.hide:after { content: ""; display: block; height: 180px; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffffe6 75%) } p { font-size: 16px; /* color: #777; */ margin: 0 0 10px 0; padding: 0; line-height: 1.6; } .content_toggle { display: inline-block; padding: 15px 20px; background: #2a488b; font-size: 16px; text-decoration: none; color: #fff; margin-bottom: 20px; border-radius: 5px; border-bottom: 3px solid #32145a; } .content_toggle:hover { color: #fff; background: #4767af; border-bottom: 3px solid #32145a; } .content_toggle:active { background: #34106d; } .content_toggle.open { background: #607d8b; } .content_toggle.open:hover { background: #8e9ba1; } .content_toggle.open:active { background: #326136; } #skidka-section { margin: 80px 0 0 0; } #skidka-section .container .skidka-section-block{ background: url('../images/skidka.png') no-repeat -100px center #EEEEEE; background-size: contain; border-radius: 6px; } #skidka-section .skidka-section-left .text { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 32px; line-height: 140%; /* or 45px */ letter-spacing: 0.015em; color: #FFFFFF; } #skidka-section .skidka-section-left { padding: 50px; } #skidka-section .skidka-section-left .text span { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-size: 32px; line-height: 140%; } #skidka-section .form-container { margin-top: 50px; padding-right: 70px; } #skidka-section .form-container input.input-block { text-align: center; border-radius: 6px; font-size: 15px; line-height: 20px; color: #929292; margin-bottom: 22px; height: 56px; } #skidka-section .form-container .typ2 .privacy, #skidka-section .form-container .typ2 .privacy a { color: #0088CC; } #skidka-section .form-container .typ2 .form-item { display: none; } #skidka-section .form-container .akciya-button { border: 1px solid #0088CC; border-radius: 6px; color: #0088CC; font-weight: 700; font-size: 15px; line-height: 20px; height: 56px; display: block; width: 100%; text-align: center; } #skidka-section .form-container .akciya-button:hover { background: #0088CC; color: #fff; } #service-details-section .slick-arrow { background: rgba(21,21,21,0.5); } #service-details-section .slick-arrow:hover { background: #3B5998; } #service-details-section .slick-arrow:hover:before { color: #fff; } @media screen and (max-width: 767px) { #skidka-section .container .skidka-section-block{ background: #EEEEEE; } #skidka-section .skidka-section-left { padding: 25px; background: #011466; } #skidka-section .skidka-section-left .text { font-size: 22px; text-align: center; } #skidka-section .form-container { margin-top: 50px; padding: 25px 25px 0 25px; } } table.delivery {width: 100%; border: 0px; border-collapse: collapse;} table.delivery thead {font-weight: bold;} table.delivery td {padding: 0.4rem 1rem; border-bottom: 1px solid #e8e9eb;} @media screen and (max-width: 800px) { table.delivery thead { display: none; } table.delivery tr { display: block; margin-bottom: 1rem; border-bottom: 2px solid #e8e9eb; } table.delivery td { display: block; text-align: right; } table.delivery td:before { content: attr(aria-label); float: left; font-weight: bold; } } .dropdown-menu>li>button { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu>li>button:focus, .dropdown-menu>li>button:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); } @media (max-width: 728px) { .hide-mobile-table { display:none; } } @media (min-width: 728px) { .hide-pc { display:none; } } @media (min-width: 767px) { #carouselExampleIndicators { display:none; } } @media (max-width: 767px) { .cour { display:none; } } /*-------------- main -----------------*/ :root { --color-text: #323232; --color-grey: #808080; --color-primary: #011466; --color-primary-hover: #1B37AD; --color-secondary: #0099cc; --color-secondary-hover: #44bce3; --color-error: #ff0000; --bg-site: #2b4055; --footer-bg: #eaeaea; --footer-color: #323232; } .h1 { font-size: 40px; line-height: 1.4; color: #000; margin-bottom: 40px; } h2, .h2 { line-height: 1.4; } p + .s-btn, ol + .s-btn, ul + .s-btn { margin-top: 30px; } b, strong{font-weight: bold;} .m-indent { margin-top: 100px; margin-bottom: 100px; } .mt-indent {margin-top: 100px;} .mb-indent {margin-bottom: 100px;} .p-indent { padding-top: 100px; padding-bottom: 100px; } .pt-indent {padding-top: 100px;} .pb-indent {padding-bottom: 100px;} .st-width { margin-left: -215px; margin-right: -215px; } .s-btn, input[type=submit].s-btn, button.s-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; height: 68px; border-radius: 30px; border: 1px solid var(--color-primary); background: var(--color-primary); font-weight: bold; font-size: 15px; line-height: 1.3; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; padding: 0 60px; cursor: pointer; position: relative; z-index: 1; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .s-btn .icon, input[type=submit].s-btn .icon, button.s-btn .icon { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: fill 0.2s ease 0s; -o-transition: fill 0.2s ease 0s; transition: fill 0.2s ease 0s; fill: #fff; } .s-btn:hover, input[type=submit].s-btn:hover, button.s-btn:hover { color: #fff; border-color: var(--color-primary-hover); -webkit-box-shadow: inset 0 -5.8em 0 0 var(--color-primary-hover); box-shadow: inset 0 -5.8em 0 0 var(--color-primary-hover); } .s-btn:hover .icon, input[type=submit].s-btn:hover .icon, button.s-btn:hover .icon { fill: #fff; } .s-btn_white, input[type=submit].s-btn_white, button.s-btn_white { background: #fff; border-color: #fff; color: var(--color-primary); } .s-btn_white:hover, input[type=submit].s-btn_white:hover, button.s-btn_white:hover { border-color: var(--color-primary-hover); -webkit-box-shadow: inset 0 -5.8em 0 0 var(--color-primary-hover); box-shadow: inset 0 -5.8em 0 0 var(--color-primary-hover); color: #fff; } .s-btn_border, input[type=submit].s-btn_border, button.s-btn_border { color: var(--color-primary); background: transparent; } .s-btn_border .icon, input[type=submit].s-btn_border .icon, button.s-btn_border .icon { fill: var(--color-primary); } .s-btn_border-white, input[type=submit].s-btn_border-white, button.s-btn_border-white { color: #fff; background: transparent; border-color: #fff; } .s-btn_border-white .icon, input[type=submit].s-btn_border-white .icon, button.s-btn_border-white .icon { fill: #fff; } .s-btn_border-white:hover, input[type=submit].s-btn_border-white:hover, button.s-btn_border-white:hover { color: var(--color-primary); border-color: #fff; -webkit-box-shadow: inset 0 -4.8em 0 0 #fff; box-shadow: inset 0 -4.8em 0 0 #fff; } .s-btn_border-white:hover .icon, input[type=submit].s-btn_border-white:hover .icon, button.s-btn_border-white:hover .icon { fill: var(--color-primary); } .s-btn_big, input[type=submit].s-btn_big, button.s-btn_big { height: 86px; border-radius: 43px; padding: 0 70px; } .s-btn_small, input[type=submit].s-btn_small, button.s-btn_small { height: 52px; border-radius: 26px; font-size: 13px; padding: 0 50px; } .img-left { float: left; margin: 0 30px 30px 0; } .clearfix::after { content: ""; display: block; clear: both; } @media (max-width: 1700px) { .st-width{ margin-left: 0; margin-right: 0; } } @media (max-width: 1239px) { .h1{font-size: 38px;} } @media (max-width: 991px) { .h1{font-size: 32px;} h2,.h2{font-size: 28px;} .m-indent{ margin-top: 100px; margin-bottom: 100px; } .mt-indent{margin-top: 100px;} .mb-indent{margin-bottom: 100px;} .p-indent{ padding-top: 100px; padding-bottom: 100px; } .pt-indent{padding-top: 100px;} .pb-indent{padding-bottom: 100px;} main{padding-bottom: 100px;} .last-elem{margin-bottom: -100px;} .img-left{max-width: 50%;} } @media (max-width: 767px) { .landing{font-size: 14px;} .h1{font-size: 26px;} h2,.h2{font-size: 24px;} .m-indent{ margin-top: 60px; margin-bottom: 60px; } .mt-indent{margin-top: 60px;} .mb-indent{margin-bottom: 60px;} .p-indent{ padding-top: 60px; padding-bottom: 60px; } .pt-indent{padding-top: 60px;} .pb-indent{padding-bottom: 60px;} main{padding-bottom: 60px;} .last-elem{margin-bottom: -60px;} .s-btn, input[type="submit"].s-btn, button.s-btn{ height: 50px; border-radius: 25px; font-size: 13px; padding: 0 30px; } .s-btn_big, input[type="submit"].s-btn_big, button.s-btn_big{ height: 60px; border-radius: 30px; padding: 0 40px; } .s-btn_small, input[type="submit"].s-btn_small, button.s-btn_small{ height: 40px; border-radius: 20px; font-size: 12px; padding: 0 20px; } } /*-------------- top-block -----------------*/ .top-block { border-radius: 26px 26px 26px 46px; background: url(../img/bg-top-block.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; padding: 16px 215px; } .top-block__content {color: #fff;} .top-block__content h1, .top-block__content .h1, .top-block__content h2, .top-block__content .h2, .top-block__content h3, .top-block__content .h3, .top-block__content h4, .top-block__content .h4, .top-block__content h5, .top-block__content .h5 { color: inherit; } .top-block__content p { margin-bottom: 0; } .top-block__content .s-btn {margin-top: 20px;} .top-block__text { padding-left: 35px; position: relative; } .top-block__icon { display: inline-block; width: 16px; height: 16px; position: absolute; top: 0; left: 0; } .top-block__icon .icon {fill: #fff;} .top-block__content h1 { font-size: 1.5rem; margin-bottom: 15px; } @media (max-width: 1920px) { .top-block{ padding: 30px; } .top-block .form-page{ padding: 20px 30px; } } @media (max-width: 991px) { .top-block{padding: 50px 30px;} .top-block .form-page{ margin-top: 40px; padding: 50px 30px; } } @media (max-width: 767px) { .top-block{padding: 30px 15px;} .top-block .form-page{padding: 30px 15px;} } /*-------------- about -----------------*/ .about__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin-right: 100px; margin-left: -215px; } .about__img::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 0px 46px 0px 0px; /* background: #e8ecfc; */ position: absolute; bottom: 0; left: 0; } .about__img img { position: relative; } .about__img_right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 25px; margin-left: 100px; margin-right: -215px; } .about__img_right img { margin-bottom: -35px; } @media (max-width: 1700px) { .about__img{margin-left: 0;} .about__img_right{margin-right: 0;} .about__img_right img{margin-left: 0;} } @media (max-width: 991px) { .about__img{margin-right: 0;} } @media (max-width: 767px) { .about__img{ max-width: 80%; margin: 0 auto 30px; } .about__img_right{margin-bottom: 60px;} } /*-------------- advant -----------------*/ .advant { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advant__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; width: calc(33.33% + 1px); border: 1px solid #ddd; margin: 0 -1px -1px 0; padding: 58px; } .advant__item:first-child { border-top-left-radius: 46px; } .advant__item:last-child { border-bottom-right-radius: 46px; } .advant__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; } .advant__icon .icon { fill: var(--color-primary); } @media (max-width: 1239px) { .advant__item {padding: 40px;} } @media (min-width: 992px) { .advant__item:nth-child(5n+4), .advant__item:nth-child(5n) { width: calc(50% + 1px); } } @media (max-width: 991px) { .advant__item {width: calc(50% + 1px);} } @media (max-width: 991px) { .advant {display: block;} .advant__item { gap: 20px; width: auto; margin: 0 0 -1px; padding: 20px; } } /*-------------- table-site -----------------*/ .table-site { width: 100%; font-size: 13px; line-height: 1.4; } .table-site th, .table-site td { padding: 21px 10px; border: none; } .table-site th:not(:last-child), .table-site td:not(:last-child) { border-right: 1px solid #e8eeff; } .table-site th { font-weight: bold; color: #fff; background: var(--color-primary); } .table-site tbody tr:nth-child(odd) { background: rgba(93, 137, 236, 0.05); } .table-site tbody tr td:first-child { background: rgba(93, 137, 236, 0.05); } .table-site.text-center th, .table-site.text-center td { text-align: center; } .table-site_fixed { table-layout: fixed; } /*-------------- sizes -----------------*/ .sizes .h2, .sizes h2 { margin-bottom: 40px; } .sizes__text { text-align: left; margin-bottom: 15px; } .sizes__text_left { text-align: left; margin-bottom: 15px; } .sizes__btn { text-align: center; margin-top: 60px; } .sizes .table-site { margin-bottom: 60px; } @media (max-width: 767px) { .sizes__table{ margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; overflow-x: auto; } .sizes__table .table-site{max-width: 600px; width: 100%;} } /*-------------- slick -----------------*/ .btn-arr { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 50px; background: var(--color-primary); border: none; outline: none; margin: 0; padding: 0; font-size: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: absolute; bottom: 0; top: auto; z-index: 2; } .btn-arr .icon { fill: #fff; -webkit-transition: fill 0.2s ease 0s; -o-transition: fill 0.2s ease 0s; transition: fill 0.2s ease 0s; } .btn-arr:hover { background: var(--color-primary-hover); } .btn-arr_left { left: calc(50% - 80px); border-radius: 25px 0 0 25px; } .btn-arr_right { right: calc(50% - 80px); border-radius: 0 25px 25px 0; } .slick-slider {padding-bottom: 145px;} .slider-works.slick-slider {padding-bottom: 85px;} @media (max-width: 991px) { .slick-slider{padding-bottom: 100px;} } /*-------------- slider-works -----------------*/ .slider-works { display: none; position: relative; } .slider-works.slick-initialized { display: block; } .slider-works .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-works .slick-slide {height: auto;} .slider-works .slick-list { z-index: 2; margin-left: -15px; margin-right: -15px; } .slider-works .review-item {height: 100%;} .slider-works .slick-slide {margin: 0 15px;} .slider-works::before { content: ""; display: block; width: calc(100% + 430px); height: calc(100% - 84px); border-radius: 46px; background: var(--color-primary); position: absolute; bottom: 25px; left: -215px; z-index: 1; } .slider-works::after { content: ""; display: block; width: calc(100% + 428px); height: calc(100% - 86px); border-radius: 46px; background: #fff; border-radius: 45px; position: absolute; bottom: 26px; left: -214px; z-index: 1; } .slider-works-item__img { padding-bottom: 66%; border-radius: 22px; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; } .slider-works-item__text { font-weight: bold; font-size: 15px; line-height: 1.6; color: var(--color-text); text-align: center; margin-top: 16px; } @media (max-width: 1700px) { .slider-works::before{ width: calc(100% + 30px); left: -15px; } .slider-works::after{ width: calc(100% + 28px); left: -14px; } } /*-------------- form-site -----------------*/ .form-page { padding: 78px 60px; background: #fff; border-radius: 26px 46px 26px 46px; } .form-page .form-site__polit a { color: var(--color-grey); text-decoration: none; } .form-page .form-site__polit a:hover { color: var(--color-primary); } .form-site__title { font-weight: bold; font-size: 26px; line-height: 1.4; color: #000; text-align: center; margin-bottom: 40px; } .form-site__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 26px 30px; } .form-site__item { width: 100%; position: relative; } .form-site__item.error { position: relative; } .form-site__label { font-weight: bold; font-size: 13px; line-height: 1; color: var(--color-text); white-space: nowrap; padding: 0 10px; margin: 0; background: #fff; position: absolute; top: -6px; left: 33px; } .form-site input[type=text], .form-site input[type=tel], .form-site input[type=email], .form-site input[type=number], .form-site input[type=date], .form-site input[type=password], .form-site textarea { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 100%; font-family: Montserrat, Arial, sans-serif; font-size: 16px; line-height: 1; color: var(--color-text); padding: 0 20px; border: 1px solid #ddd; border-radius: 27px; outline: 0; margin: 0; outline: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border 0.2s ease 0s; -o-transition: border 0.2s ease 0s; transition: border 0.2s ease 0s; } .form-site textarea { height: 116px; line-height: 1.6; padding-top: 15px; padding-bottom: 15px; } .form-site input[type=text]:focus, .form-site input[type=number]:focus, .form-site input[type=tel]:focus, .form-site input[type=date]:focus, .form-site input[type=email]:focus, .form-site input[type=password]:focus, .form-site textarea:focus { border-color: var(--color-primary); } .form-site__item.error input[type=text], .form-site__item.error input[type=tel], .form-site__item.error input[type=number], .form-site__item.error input[type=date], .form-site__item.error input[type=email], .form-site__item.error input[type=password], .form-site__item.error textarea { border-color: var(--color-error); } .form-site .form-site-msg-error { font-size: 12px; line-height: 1.2; color: var(--color-error); margin-top: 5px; position: absolute; top: 100%; left: 0; } .form-site__bottom { margin-top: 26px; } .form-site__btn { margin-top: 28px; } .form-site__btn .s-btn { width: 100%; } .form-site__error { font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.2; color: var(--color-error); margin-bottom: 10px; } @media (min-width: 768px) { .form-site_line .form-site__item{width: calc(50% - 15px);} .form-site_line .form-site__bottom{ display: flex; gap: 30px; margin-top: 35px; } .form-site_line .form-site__polit, .form-site_line .form-site__btn{ width: calc(50% - 15px); } .form-site_line .form-site__btn{margin-top: 0;} } /*-------------- desc-block -----------------*/ .desc-block .img-left { margin: 0 130px 50px 0; } .desc-block__content { padding-left: 90px; } @media (max-width: 991px) { .desc-block .img-left{margin: 0 30px 30px 0;} .desc-block__content{padding-left: 0;} } /*-------------- input-check -----------------*/ .input-check { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; margin: 0; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.5; color: var(--color-text); position: relative; cursor: pointer; } .input-check input[type=checkbox] {display: none;} .input-check__mark { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: top; -ms-flex-negative: 0; flex-shrink: 0; width: 18px; height: 18px; border: 1px solid var(--color-primary); border-radius: 4px; background: #fff; position: relative; } .input-check__mark .icon { display: none; position: absolute; fill: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } input[type=checkbox]:checked ~ .input-check__mark {background: var(--color-primary);} input[type=checkbox]:checked ~ .input-check__mark .icon {display: inline-block;} /*-------------- lists -----------------*/ .list-site { list-style: none; padding-left: 20px; } .list-site li {margin-bottom: 12px;} .list-site li::before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background: var(--color-text); margin-left: -11px; margin-right: 9px; margin-top: -2px; } /*-------------- contacts -----------------*/ .contacts { /* background: rgb(3, 21, 103); background: -webkit-gradient(left top, right top, color-stop(0%, rgb(3, 21, 103)), color-stop(100%, rgb(69, 89, 175))); background: -o-linear-gradient(left, rgb(3, 21, 103) 0%, rgb(69, 89, 175) 100%); background: -webkit-gradient(linear, left top, right top, from(rgb(3, 21, 103)), to(rgb(69, 89, 175))); background: linear-gradient(to right, rgb(3, 21, 103) 0%, rgb(69, 89, 175) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#031567", endColorstr="#4559af", GradientType=1 ); */ background: #2d4095; border-radius: 0px 0px 46px 0px; padding: 122px 215px 112px; position: relative; color: #fff; border-radius: 0 0 46px 46px; overflow: hidden; } .contacts h1, .contacts .h1, .contacts h2, .contacts .h2, .contacts h3, .contacts .h3, .contacts h4, .contacts .h4, .contacts h5, .contacts .h5, .contacts a { color: #fff; } .contacts .icon { fill: #fff; } .contacts .form-site { margin-top: 60px; } .contacts .form-site__label { background: #2d4095; color: #fff; } .contacts .form-site input[type=text], .contacts .form-site input[type=email], .contacts .form-site input[type=number], .contacts .form-site input[type=date], .contacts .form-site input[type=password], .contacts .form-site textarea { color: #fff; } .contacts :-moz-placeholder{color:#fff;} .contacts ::-moz-placeholder{color:#fff;} .contacts :-ms-input-placeholder{color:#fff;} .contacts ::-webkit-input-placeholder{color:#fff;} .contacts .input-check { color: inherit; } .contacts .input-check__mark { border-color: #fff; } .contacts .input-check .icon { fill: var(--color-primary); } .contacts .input-check input[type=checkbox]:checked ~ .input-check__mark { background: #fff; } .contacts-info { margin-top: 58px; } .contacts-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .contacts-info__item:not(:last-child) {margin-bottom: 21px;} .contacts-info__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 26px; } .contacts-info__phone { font-size: 19px; font-weight: bold; text-decoration: none; } .contacts-info__mail {font-weight: bold;} .contacts a{text-decoration: underline;} .contacts a:hover{text-decoration: none;} .contacts .js-phone:focus {color: #fff} .desc-block__content p strong {display: inline;} .bg1 { color: #000; padding: 5px 15px; display: block; border: 1px solid var(--color-primary); border-radius: 15px; } @media (max-width: 1700px) { .contacts{ padding-left: 50px; padding-right: 50px; } } @media (max-width: 991px) { .contacts{padding: 50px 30px;} .contacts h2, .contacts .h2{margin-bottom: 20px;} .contacts .form-site{margin-top: 20px;} .contacts-info{ margin-top: 20px; margin-bottom: 50px; } } @media (max-width: 767px) { .contacts{padding: 30px 15px;} .contacts-info__phone{font-size: 17px;} } /*-------------- reviews -----------------*/ .reviews-slider-wrap h2, .reviews-slider-wrap .h2 { margin-bottom: 40px; } .reviews-slider { display: none; } .reviews-slider.slick-initialized { display: block; } .reviews-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .reviews-slider .slick-slide { height: auto; } .reviews-slider .slick-list { margin-left: -15px; margin-right: -15px; } body .reviews-slider .slick-slide{height: auto;} .reviews-slider .review-item {height: 100%;} .reviews-slider .slick-slide {margin: 20px 15px;} .reviews-slider .review-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .review-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; background: #FFFFFF; -webkit-box-shadow: 0px 16px 22px rgba(0, 0, 0, 0.04); box-shadow: 0px 16px 22px rgba(0, 0, 0, 0.04); border-radius: 22px; padding: 40px; } .review-item__img { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; display: none; } .review-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .review-item__name { font-weight: bold; font-size: 13px; line-height: 1.4; color: #000; } .review-item__date { font-size: 11px; line-height: 1.4; color: #adadad; } .review-item__company { font-size: 13px; line-height: 1.4; color: #747474; margin-top: 5px; } .review-item .rating { margin-top: 22px; } .review-item__text { margin-top: 20px; } .reviews-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 32px; position: static; } .reviews-slider .slick-dots li { width: auto; height: auto; margin: 0; padding: 0; list-style: none; } .reviews-slider .slick-dots button { display: inline-block; vertical-align: top; width: 6px; height: 6px; border-radius: 50%; background: #c6c6c6; margin: 6px; padding: 0; font-size: 0; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; cursor: pointer; } .reviews-slider .slick-dots button:hover, .reviews-slider .slick-dots .slick-active button { background: var(--color-primary-hover); } .more-text__content { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .more-text__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 13px; line-height: 1.2; color: #696969; margin-top: 24px; -webkit-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; cursor: pointer; } .more-text__link .icon { fill: #696969; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .more-text__link:hover { color: var(--color-primary); } .more-text__link:hover .icon { fill: var(--color-primary); } .more-text.open .more-text__link .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .more-text.open .more-text__content { -webkit-line-clamp: inherit; overflow: visible; } @media (min-width: 1450px) { .reviews-slider{padding-bottom: 0;} .reviews-slider .btn-arr{ width: 68px; height: 40px; background: transparent; border: 1px solid var(--color-primary); border-radius: 20px; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.2s ease 0s; } .reviews-slider .btn-arr_left{left: -110px;} .reviews-slider .btn-arr_right{right: -110px;} .reviews-slider .btn-arr .icon{ width: 6px; height: 10px; fill: var(--color-primary); transition: fill 0.2s ease 0s; } .reviews-slider .btn-arr:hover{ background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .reviews-slider .btn-arr:hover .icon{fill: #fff;} } @media (max-width: 1449px) { .reviews-slider {padding-bottom: 80px;} } @media (max-width: 767px) { .review-item {padding: 15px;} .review-item__img { width: 60px; height: 60px; } .review-item__top {display: block;} .review-item__date {margin-top: 5px;} } /*-------------- rating -----------------*/ .rating { width: 100px; height: 16px; position: relative; margin-left: -2px; } .rating__content { width: 0; height: 100%; background: url(../img/star.png) repeat-x 0 0; position: absolute; top: 0; left: 0; } /*-------------- certificate-slider -----------------*/ .certificate-slide{display: none;} .certificate-slide.slick-initialized{display: block;} .certificate-slider__item a { cursor: -webkit-zoom-in; cursor: zoom-in; display: block; text-align: center; } .certificate-slider__item a img { display: inline-block; } /*-------------- map -----------------*/ .map {position: relative;} .map-contacts { width: 370px; padding: 65px 30px 58px 58px; background: -o-linear-gradient(127.03deg, #465AAF 0%, #011466 100%); background: linear-gradient(322.97deg, #465AAF 0%, #011466 100%); border-radius: 0 46px 0 0; color: #fff; position: absolute; bottom: 0; left: 215px; } .map-contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .map-contacts__item:not(:last-child) { margin-bottom: 26px; } .map-contacts__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; } .map-contacts__icon .icon { fill: #fff; } .map-contacts__phone { font-size: 26px; line-height: 1; text-decoration: none; font-weight: bold; color: #fff; } .map-contacts__mail { font-weight: bold; color: #fff; } .d-none { display: none; } .item_social { float: left; margin:0 15px 5px 0; } .item_social_row { float: left; } .item_social a img { width: 48px; height: 48px; display: block; } .justify { text-align: justify; } @media (max-width: 1700px) { .map-contacts{left: 0;} } @media (max-width: 991px) { .map-contacts{ width: auto; position: static; padding: 50px 30px; } } @media (max-width: 767px) { .map{ margin-left: -15px; margin-right: -15px; } .map-contacts__phone{font-size: 17px;} .contacts { background: #2d4095; } .info-block__img { max-width: 50%; margin: 0 auto 30px; } .table-site th, .table-site td { padding: 10px 2px; font-size: 0.5rem; } } @media (min-width:460px) and (max-width: 767px) { .about__img { max-width: 50%; } } #header-section { position: relative; z-index: 1003; } #header-section.hover_menu > div { position: relative; z-index: -1; } #header-section.hover_menu > nav { position: relative; z-index: 100003; } /* #header-section.hover_menu:before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 100002; display: block; } */ .over_menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 1002; display: none; } @media screen and (max-width: 767px) { .item_social_row .clearfix { display: none; } } .cat-menu__sub, .cat-menu__sub2 { display: none; /* 040226 */ /* position: absolute; background-color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.2); */ /* z-index: 1; */ z-index: 2; } .cat-menu__item:hover > .cat-menu__sub { display: block; } .cat-menu__sub-item:hover > .cat-menu__sub2 { display: block; /* доп стили 040226*/ margin:0;padding:5px 20px; } .cat-menu__sub-item { position: relative; } .cat-menu__sub2-item { position: relative; } .cat-menu__sub2-link { display: block; font-size: 14px; color: #343a40; text-decoration: none; padding: 5px 20px; transition: all 0.2s ease 0s; } .cat-menu__sub2-item:hover .cat-menu__sub2-link { padding-left: 40px; background: #011466; color: #fff; } .cat-menu__item { text-align: center; } .cat-menu__item .cat-menu__sub li{ text-align: start; } .cat-menu__sub { right: auto; left: auto; } .arrow-sub::before { content: "∟"; font-family: Arial, sans-serif; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; height: 18px; width: 18px; font-size: 13px; line-height: 12px; text-align: center; color: black; font-weight: bold; } .arrow-sub:hover::before { color: white; } table td p { margin: 0!important; } table { overflow-x: auto; display: block; height: auto !important; } .search { display: flex; margin: 20px 0; } .search__text { margin: 0px !important; padding: 12px 20px !important; } .search__submit { display: block; float: right; background: #0088CC; width: 141px; margin: 0; color: white; text-transform: uppercase; border: none; font-size: 18px; vertical-align: top; cursor: pointer; } .block-news__list .item a { padding: 5px; text-align: center; border: 1px solid #eee; font-size: 13px; margin: 5px; border-radius: 7px; color: black; display: flex; justify-content: center; align-items: flex-start; height: 300px; } .block-news__list .item a .news_item-title { display: flex; flex-direction: column; justify-content: space-between; } .block-news__list .item a .news_item-title .title-small { height: 120px; } .block-news__list .slick-arrow { top: 25%!important; } .block-news__list .slick-slider { padding-bottom: 50px; } .block-news__list .slick-dots { bottom: 0px; } .block-news__block-button { margin-top: 30px; } @media (min-width: 480px) and (max-width: 1100px) { .block-news__list .item a .news_item-title .title-small { height: 200px; } .block-news__list .item a { height: 400px; } .block-news__block-button { text-align: center; } } .accordion { margin-bottom: 20px; overflow: hidden; display: flex; flex-direction: column; gap: 10px; } .accordion-item { border: 2px solid #0088cc; overflow: hidden; } .accordion-header { padding: 10px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } .accordion-icon { color: #2323234a; border: 1px solid #0088cc; display: flex; align-items: center; justify-content: center; } .accordion-icon::before { content: '+'; /* Символ по умолчанию */ font-size: 30px; color: #0088cc; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .accordion-icon.open::before { content: '-'; /* Минус, когда открыто */ background-color: #ffffff; color: #ffffff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .accordion-content { padding-left: 20px; padding-right: 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .active .accordion-content { max-height: 700px; } .text-accord { font-size: 17px; font-weight: bold; margin: 0px; } .section__header{ display: none; } @media screen and (max-width: 1199px) { .section__header{ display: block; } .cat-menu-wrap { background-color: rgb(0, 136, 204); } .menu-blueline { justify-content: flex-start; } .cat-menu { align-items: flex-start; flex-direction: column; } .cat-menu__link { color: #fff; padding: 10px; /* padding-right: 0; */ } .cat-menu__sub, .cat-menu__sub2 { max-width: 90vw; min-width: auto; width: calc(100vw - 50px); } .mobile_menu-open::before { content: "∟"; font-family: Arial, sans-serif; position: absolute; right: -30px; top: 50%; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; height: 18px; width: 18px; font-size: 13px; line-height: 12px; text-align: center; color: white; font-weight: bold; } .mobile_menu-open_2::before{ content: "∟"; font-family: Arial, sans-serif; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; height: 18px; width: 18px; font-size: 13px; line-height: 12px; text-align: center; color: black; font-weight: bold; } .arrow-sub::before{ content: none; } } .section-title h2 { margin:0; } table, tbody { width: 100%; table-layout: fixed; border-collapse: collapse; } thead { background-color: #2a488b; } table thead th { color: #fff; } tbody { display: table-row-group; } colgroup { width: 100%; display: table; } .footer-policy { margin-top: 20px; display: flex; justify-content: flex-start; gap: 30px; } table.delivery tbody { display: table-row-group; } #header-section { position: relative; width: 100%; background: #fff; transition: all 0.3s ease; transform: unset; } #header-section.fixed { position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } #header-section.fixed.fixed-animate { transform: translateY(-20px); opacity: 0; animation: slideDown 0.3s ease forwards; } @keyframes slideDown { to { transform: translateY(0); opacity: 1; } } .breadcrumb { margin: 20px 0; } /* .breadcrumb { display: flex; flex-wrap: nowrap; align-items: center; padding: 4px 8px; margin: 20px 0; line-height: 1.3; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; white-space: nowrap; } .breadcrumb::-webkit-scrollbar { display: none; } .breadcrumb > div { display: inline-flex; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .breadcrumb > span[style*="padding: 0px 5px"] { margin: 0 4px; flex-shrink: 0; } */ /* Адаптив для мобильных */ @media (max-width: 767px) { .breadcrumb { padding: 3px 6px; font-size: 14px; } } .content_block { overflow: hidden; position: relative; } .content_block.hide { height: 400px; } .content_block.hide:after { content: ""; display: block; height: 180px; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffffe6 75%) } p { font-size: 16px; color: #777; margin: 0 0 10px 0; padding: 0; line-height: 1.6; } .content_toggle { display: inline-block; padding: 15px 20px; background: #2a488b; font-size: 16px; text-decoration: none; color: #fff; margin-bottom: 20px; border-radius: 5px; border-bottom: 3px solid #32145a; } .content_toggle:hover { color: #fff; background: #4767af; border-bottom: 3px solid #32145a; } .content_toggle:active { background: #34106d; } .content_toggle.open { background: #607d8b; } .content_toggle.open:hover { background: #8e9ba1; } .content_toggle.open:active { background: #326136; } @media (max-width: 720px){ table.table.table-bordered.table-hover.table-condensed.nonemobile { display: unset; } } .tab { overflow: hidden; border: 1px solid #ccc; /* background-color: #f1f1f1; */ } /* Style the buttons that are used to open the tab content */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #e8e5ff; } /* Create an active/current tablink class */ .tab button.active { background-color: #e8e5ff; } /* Style the tab content */ .tabcontent { display: none; /* padding: 6px 12px; border: 1px solid #ccc; */ border-top: none; } .page-blog .blocksnewdesign a { flex: 0 0 32%; max-width: ; } @media(max-width:650px){ .page-blog .blocksnewdesign a { flex: 0 0 100%; } } .service-details a {position: relative; z-index: 1} .service-details ul.li-style {position: relative; z-index: 0} /* video */ .video-container { max-width: 420px; /* ширина под мобильный вертикальный формат */ margin: 0.5rem auto; /* центрируем + отступы */ background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.18); } .video-wrapper { position: relative; padding-top: 177.78%; /* 9:16 = 177.78% для вертикального видео */ background: #111; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .platforms { display: flex; justify-content: center; gap: 2.5rem; margin-top: 1.2rem; flex-wrap: wrap; } .platform-link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #555; font-size: 0.95rem; transition: all 0.2s; } .platform-link:hover { color: #000; transform: translateY(-3px); } .platform-icon { width: 32px; /* размер иконок — можно уменьшить до 48px */ height: 32px; border-radius: 50%; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,0.12); margin-bottom: 0.6rem; } .platform-icon img { width: 100%; height: 100%; object-fit: cover; /* чтобы иконка заполняла круг */ } @media (max-width: 500px) { .video-container { max-width: 100%; margin: 1.5rem 10px; } .platforms { gap: 2rem; } .platform-icon { width: 48px; height: 48px; } } .price_text { font-size: 13px; font-style: italic; } .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6{color:#151515;line-height:1.37;} .section-title:has(.title-xlarge) h1 {font-size: 30px;} .section-title:has(h1), .section-title:has(h2), .section-title:has(h3), .section-title:has(h4), .section-title:has(h5), .section-title:has(h6) { padding-left: 35px; position: relative; margin-bottom: 45px; } .section-title:has(h1)::before, .section-title:has(h2)::before, .section-title:has(h3)::before, .section-title:has(h4)::before, .section-title:has(h5)::before, .section-title:has(h6)::before { background-color: #011466; top: 0; left: 0; bottom: 0; width: 15px; content: ''; border-radius: 3px; position: absolute; } .service-details-section .row + .section-title:has(h1), .service-details-section .row + .section-title:has(h2), .service-details-section .row + .section-title:has(h3), .service-details-section .row + .section-title:has(h4), .service-details-section .row + .section-title:has(h5), .service-details-section .row + .section-title:has(h6), .service-details-section p + .section-title:has(h1), .service-details-section p + .section-title:has(h2), .service-details-section p + .section-title:has(h3), .service-details-section p + .section-title:has(h4), .service-details-section p + .section-title:has(h5), .service-details-section p + .section-title:has(h6) , .service-details-section .row + .row { margin-top:45px; } .service-details-section .row { row-gap:45px; } @media screen and (max-width: 1200px) { footer .useful-links { margin-left: 0; box-sizing: border-box; padding-left: 2rem; } } /* Зебра строк */ table tbody tr:nth-child(even) { background-color: #2a488b30; } /* Отключаем стандартный hover строки (все ячейки берут фон строки) */ table tbody tr:hover { background-color: transparent !important; } table tbody tr:nth-child(even):hover { background-color: #2a488b30 !important; } table tbody tr:hover th, table tbody tr:hover td { background-color: inherit !important; } /* Подсветка столбца */ table tbody th.col-hover, table tbody td.col-hover { background-color: #2a488b30 !important; } /* Ячейка выделенного столбца при hover остаётся с тем же цветом столбца */ table tbody th.col-hover:hover, table tbody td.col-hover:hover { background-color: #2a488b30 !important; } /* Любые hover‑эффекты для ячеек без col-hover: оставляем фон строки (зебра не ломается) */ table tbody th:hover:not(.col-hover), table tbody td:hover:not(.col-hover) { background-color: inherit !important; } table tbody tr:nth-child(even):hover th, table tbody tr:nth-child(even):hover td { background-color: transparent !important } table tbody tr:nth-child(even):hover th:hover, table tbody tr:nth-child(even):hover td:hover { background-color: #2a488b30 !important } .fixed-kp-button { position: fixed; right: 0; top: 50%; transform: translateY(-50%); background: #0088CC; border: 1px solid #0088CC; color: #fff; padding: 25px 15px; cursor: pointer; border-radius: 8px 0 0 8px; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15); z-index: 1000; transition: all 0.3s ease; writing-mode: vertical-rl; text-orientation: mixed; font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 0.5px; line-height: 1.4; white-space: nowrap; } .fixed-kp-button:hover { background: #0077BB; border-color: #0077BB; padding-right: 20px; box-shadow: -3px 0 15px rgba(0, 0, 0, 0.25); color: white; } .fixed-kp-button:active { transform: translateY(-50%) scale(0.98); } .form-site__file-wrapper { position: relative; width: 100%; } .form-site__file { position: absolute; width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; z-index: -1; } .form-site__file-label { display: inline-flex; align-items: center; width: 100%; cursor: pointer; border: 1px solid #ddd; border-radius: 27px; height: 60px; width: 100%; font-family: Montserrat, Arial, sans-serif; font-size: 16px; line-height: 1; color: var(--color-text); padding: 0 20px; background: #fff; transition: border-color 0.3s; } .form-site__file-label:hover { border-color: #999; } .form-site__file-text { flex-grow: 1; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; } .form-site__file-btn { background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; padding: 5px 15px; color: #333; font-size: 14px; transition: background-color 0.3s; } .form-site__file-label:hover .form-site__file-btn { background: #e9e9e9; } .form-site__file-note { font-size: 12px; color: #999; margin-top: 5px; } .for-header-phones, .for-footer-phones { display:flex;align-items:baseline;gap:7px; } .d-none {display:none !important;} /*new-menu*/ .new-menu { display: flex; flex-wrap: nowrap; justify-content: center; list-style: none; margin: 0; padding: 0; .new-menu__item { position: relative; text-align: center; &.active > a { font-weight: bold; color: #011466; } /* Ссылки первого уровня */ > a.new-menu__link { font-size: 13px; color: #151515; text-decoration: none; padding: 5px 5px; transition: all 0.2s ease 0s; display: block; white-space: normal; &:hover { background: #011466; color: #fff; } } /* подменю второго уровня — по умолчанию от левого края */ &:hover > ul { display: block; } > ul { display: none; position: absolute; top: 100%; left: 0; /* ← обычные пункты — слева */ min-width: 220px; background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.15); margin: 0; padding: 10px 0; list-style: none; z-index: 10; li { position: relative; a { display: block; padding: 8px 24px; color: #343a40; font-size: 14px; text-decoration: none; text-align: left; transition: all 0.2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:hover { background: #011466; color: #fff; padding-left: 32px; } } &:has(> ul) > a::after { content: "▸"; font-family: Arial, sans-serif; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 1; color: currentColor; font-weight: bold; } &:has(> ul) > a:hover::after { color: #fff; } > ul { display: none; position: absolute; top: 0; left: 100%; width: 220px; min-width: 220px; background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.15); margin: 0; padding: 10px 0; list-style: none; z-index: 11; border-left: 1px solid #eee; } &:hover > ul, &.open > ul { display: block; } > ul a { padding: 8px 24px; font-size: 13px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:hover { background: #011466; color: #fff; } } } } /* Самое важное — последний пункт первого уровня */ &:last-child { /* Подменю второго уровня открывается от правого края */ > ul { left: auto; right: 0; } /* Если внутри последнего пункта есть третий уровень — он тоже должен открываться вправо */ > ul li:last-child > ul { left: 100%; right: auto; } } } } /* Мобильная версия — без изменений, подменю остаётся вертикальным */ @media screen and (max-width: 1199px) { .new-menu-wrap { background-color: rgb(0, 136, 204); } .menu-blueline { justify-content: flex-start; } .new-menu { flex-direction: column; align-items: flex-start; .new-menu__item { width: 100%; > a.new-menu__link { color: white; padding: 10px; padding-right: 40px; position: relative; text-align: left; &:hover { background: #011466; color: #fff; } } > ul { position: static; transform: none; width: 100%; max-width: none; min-width: auto; box-shadow: none; background: rgba(255,255,255,0.95); li a { color: #343a40; padding-right: 50px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:hover { background: #011466; color: #fff; } } li > ul { position: static; width: 100%; background: rgba(240,240,240,0.95); padding-left: 20px; a { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a:hover { background: #011466; color: #fff; } } } &:has(> ul) > a.new-menu__link::after { content: "▾"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; color: white; } &.open > ul, li.open > ul { display: block; } } } .mobile_menu-open::before, .mobile_menu-open_2::before, .arrow-sub::before { content: none; } } #header-section .new-menu-wrap .container-fluid {max-width:1600px;} .service-details-section .row > :last-child > :last-child { margin-bottom: 0; } .service-details-section .row a + a {margin-top:1rem;} /* ========================================================================== КОНЕЦ ФАЙЛА — СВОДКА ВНЕСЁННЫХ ИЗМЕНЕНИЙ (edited_styles.css) Дата правок: 2026-03-23 ========================================================================== 1. [ОПТИМИЗАЦИЯ] Объединены два @import Google Fonts в один запрос → экономия одного HTTP-запроса при загрузке страницы 2. [НОВОЕ] Добавлены CSS Custom Properties (переменные) для spacing scale --space-xs: 8px | --space-sm: 16px | --space-md: 24px --space-lg: 48px | --space-xl: 80px | --space-xxl: 120px + автоматическое уменьшение на @768px и @480px Применены к: .sec-ptb-100, .sec-need, .breadcrumb-section .overlay-black, .slider-section .overlay-black, .banner-section, .footer-bottom, .homev2 .about-section, .homev2 .funfact-section, .homev2 .contact-section 3. [КРИТИЧЕСКИЙ БАГ] Карта контактов .contactv1-section #google-map → добавлены override: 350px на @768px и 250px на @480px (было 830px фиксированных без мобильного переопределения) 4. [КРИТИЧЕСКИЙ БАГ] Блок .circle (560×560px) → добавлен responsive override для диапазона 561–991px (переполнял контейнер на планшетах и телефонах в ландшафте) 5. [КРИТИЧЕСКИЙ БАГ] Шрифт .header-phone на @768px и @560px → заменён vw-шрифт (2vw/3.5vw = 7.5–13px) на фиксированные 14px (минимально допустимый читаемый размер для интерактивных элементов) 6. [БАГ] font-size cat-menu__link на @1300px → поднят с 12px до 13px 7. [ОПТИМИЗАЦИЯ] Дублирующая font-family в .rewievs_carousel .rev_ttl .name → убрана первая (Yandex Sans Text), оставлена вторая, которая реально применялась 8. [RESPONSIVE] .img-smoll-preview → добавлен @480px override: width:100%; height:auto -------------------------------------------------------------------------- НЕ В CSS — требуют правки в шаблоне MODX: A. Telegram-иконка: src="//assets/uploads/LogoTG.svg" → исправить на: src="//cdn.optipic.io/site-105187/assets/uploads/LogoTG.svg" B. JS-ошибка на всех страницах: document.getElementById("defaultOpen").click(); → обернуть: const t = document.getElementById("defaultOpen"); if(t) t.click(); C. Добавить loading="lazy" на изображения галереи D. Добавить width/height атрибуты на ключевые для предотвращения CLS ========================================================================== */