/* Theme Name: Twenty Twenty-One Child Author: Smorodina.media Template: twentytwentyone */ .site .button:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background),.accordion button:not(:hover):not(:active):not(.has-background) { background-color: transparent !important; } :root { --main-or: #F36B1C; --main-ye: #FFC400; --main-bl: #2B2B2B; --main-gr: #6F6F6F; --main-ter: #A3542A; --main-pes: #D6C3A3; --main-w: #ffffff; } .to-phone{display:none !important} @font-face { font-family: "Bebas Neue"; src: url("assets/fonts/bebas-neue-bold.eot"); /* IE9 Compat Modes */ src: url("assets/fonts/bebas-neue-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("assets/fonts/bebas-neue-bold.otf") format("opentype"), /* Open Type Font */ url("assets/fonts/bebas-neue-bold.svg") format("svg"), /* Legacy iOS */ url("assets/fonts/bebas-neue-bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("assets/fonts/bebas-neue-bold.woff") format("woff"), /* Modern Browsers */ url("assets/fonts/bebas-neue-bold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } *{font-family: "Inter", sans-serif; font-weight: 400; font-style: normal;color: var(--main-bl);} h1,h2,h3,h4,h5,h6{ font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; } h1 span{color: #111111 } h1, h1 b, .h1, .title-h1, .title-h1 b {font-size:52px !important;line-height:normal !important;padding-bottom:20px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} h2, h2 b,h2 strong, .h2, .title-h2, .title-h2 b {font-size:52px !important;line-height:normal !important;padding-bottom:20px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} h3, h3 b, .h3, .title-h3, .title-h3 b {font-size:42px !important;line-height:normal !important;padding-bottom:15px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} h4, h4 b, .h4, .title-h4, .title-h4 b {font-size:38px !important;line-height:normal !important;padding-bottom:12px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} h5, h5 b, .h5, .title-h5, .title-h5 b {font-size:32px !important;line-height:normal !important;padding-bottom:12px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} h6, h6 b, .h6, .title-h6, .title-h6 b {font-size:26px !important;line-height:normal !important;padding-bottom:10px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;} span,strong{font-family: inherit;font-size: inherit; } .h-span{ color:var(--main-w); background:var(--main-or); padding: 5px 6px 0px; margin-right: 6px;} .h2-span {color:var(--main-w); background:var(--main-or); margin-right: 6px; padding: 8px 10px 0px;} .title-h2.title-h2-w {color:var(--main-w); line-height: 58px !important;} .title-h2.title-h2-br { line-height: 58px !important;} .title-h2.title-h2-w .h2-span{background:var(--main-w); color:var(--main-or);} .simple-text{font-size: 16px;color: var(--main-bl); line-height: 22px; } .simple-text p{font-size: 16px;color: var(--main-bl); line-height: 22px; padding-bottom:15px;} .simple-text ul, .simple-text ol { padding-left: 15px;} .simple-text table { width:100% !important; background: #fff !important; border-collapse: initial; border-spacing: 2px !important; border-radius: 10px !important;} .simple-text table td { border-color: #fff !important; background: #f6f6f6 !important; border-radius: 10px !important; vertical-align: middle; } .simple-text table th { font-weight: 600; border-color: #fff !important; background:var(--main-or) !important; color: #fff !important; border-radius: 10px !important; vertical-align: middle; } .simple-text.color-w p {font-size: 15px; padding-bottom:15px;color: #fff} .simple-text-blog table { width:100% !important; background: none !important; border-collapse: initial; border-spacing: 2px !important; border-radius: 10px !important;} .simple-text-blog table td { border-color: #fff !important; background: none !important; border-radius: 10px !important; vertical-align: middle; } .simple-text-blog table tr:first-child td { background: none !important; color: #ffffff;font-family: 'Inter' !important; font-weight: 500 !important; } .simple-text h2{font-size: 40px !important; padding-top:30px; padding-bottom:10px;} .simple-text h3{font-size: 34px !important; padding-top:30px; padding-bottom:10px;} .simple-text h4{font-size: 28px !important; padding-top:30px; padding-bottom:5px;} .simple-text h5{font-size: 24px !important; padding-top:30px; padding-bottom:5px;} .simple-text h6{font-size: 20px !important; padding-top:30px; padding-bottom:5px;} a{text-decoration:none} .color-w b,.color-w span,.color-w p span,.color-w,.color-w p,.color-w li,.color-w h1,.color-w h2,.color-w h3,.color-w h4,.color-w h5,.color-w h6{color:#fff !important;} .color-w li span{color:#fff !important;} .mar-top-10{margin-top:10px;} .mar-top-20{margin-top:20px;} .mar-top-30{margin-top:30px;} .mar-top-50{margin-top:50px;} .mar-top-75{margin-top:75px;} .mar-top-80{margin-top:80px;} .mar-bot-50{margin-bottom:50px;} .mar-bot-80{margin-bottom:80px;} .mar-bot-20{margin-bottom:20px;} .mar-bot-30{margin-bottom:30px;} .mar-bot-40{margin-bottom:40px;} .pad-bot-20{padding-bottom:20px;} .pad-bot-60{padding-bottom:60px;} .text-right{text-align:right; } .color-w p{color: #fff} .color-w a{font-size: 14px; padding-bottom:15px;color: #fff !important} header{ position: relative; width:100%; z-index: 10; } .f-r,.float-right{float:right;} .f-l,.float-left{float:left;} .box-250-120{padding:250px 0 120px 0;} .box-250-180{padding:250px 0 180px 0;} .box-250-140{padding:250px 0 140px 0;} .box-60-120{padding:60px 0 120px 0;} .box-100-100{padding:100px 0;} .box-100-70{padding:100px 0 70px;} .box-120-120{padding:100px 0;} .box-120-140{padding:120px 0 140px 0;} .box-220-120{padding:180px 0 120px 0;} .box-220-140{padding:180px 0 140px 0;} .box-0-120{padding:0 0 100px 0;} .box-0-140{padding:0 0 140px 0;} .box-120-0{padding:100px 0 0 0;} .mar-r-30{margin-right:30px;} .line-box{display:inline-block;width:100%;} .str-ww{background: url(img/ww.png) center no-repeat; background-size: cover; height: 70px; width: 260px; } .str-ww2{background: url(img/ww2.png) center no-repeat; background-size: cover; height: 70px; width: 260px; } .social-widget { position: fixed; bottom: 40px; right: 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; z-index: 9999;} .social-widget .sw,.social-toggle { width: 48px; height: 48px; background-size: cover; cursor: pointer; transition: 0.3s; opacity: 0; pointer-events: none;} .social-widget.open .sw { opacity: 1; pointer-events: auto;} .social-toggle { opacity: 1; pointer-events: auto; background: #f46b1d url('img/message-2.png') center no-repeat ; ; background-size: 25px;color: transparent; text-align: center; padding: 16px; font-size: 25px; border-radius: 7px;} .max { background: #7237e5 url(img/max.svg) center no-repeat; background-size: 23px !important;; } .tg { background: #2297e5 url(img/telegram.png) center no-repeat; background-size: 23px !important;;} .vk { background: #3961ad url(img/vk.svg) center no-repeat; background-size: 23px !important;;} .hamburger { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 40px; height: 40px; padding: 6px; border-radius: 8px; background: url(img/menu.svg) center no-repeat !important; ; background-size: 21px;border:none; } .mobile-menu { display: none; position: fixed; top: 0; right: 0; height: 100%; width: 100%; z-index: 1000; } .mobile-menu .mm__bg { position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(20, 20, 20, 0.8);z-index: 100; } .mobile-menu .mm__wrapper { background: #111 ; padding: 25px; visibility: hidden;-webkit-transform: translateX(+100%);transform: translateX(+100%); transition: all .4s ease-in-out;overflow-y: auto; position: relative; width: 100%; height: 100%; z-index: 200; touch-action: auto; -ms-touch-action: auto; float: right;} .mobile-menu .h__logo { margin-top: 15px; margin-bottom: 25px; } .mm__header .close-btn { position: absolute; top: 0; right: 0; margin-right: 15px; margin-top: 15px; } .close-btn {position: relative; width: 20px; height: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; } .close-btn:before { width: 2px; height: 18px; left: 8px; top: 0; } .close-btn:after { height: 2px; width: 18px; top: 8px;left: 0; } .close-btn:before, .close-btn:after {content: ""; background: #000; position: absolute; } .close-btn--red:before, .close-btn--red:after { background: #fff; } .logo-img { max-width: 235px;} .foot-img { max-width: 235px;} .btn-text {transition: 0.4s; color: #2b2b2b; text-transform: uppercase; font-weight: 600; padding: 11px 15px 9px; float: left; font-size: 14px;} .btn-st {transition: 0.4s; display: inline-block; background-color: #fff; background: #f46b1d url(img/st4.svg) -8px center no-repeat; background-size: 32px; text-transform: uppercase; font-weight: 500 !important; width: 40px; height: 42px; float: left;border-radius: 7px; } .btn-min {transition: 0.4s; display: inline-block; background-color: #fff; font-weight: 500 !important; position: relative; overflow: hidden; cursor: pointer; z-index: 1; border-radius: 7px;} .btn-min::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(132deg, #f4761a, #ffc401); transform: translateX(-100%); transition: transform 0.4s ease; z-index: -1; } .btn-min:hover::before { transform: translateX(0); } .btn-min:hover .btn-text{transition: 0.4s; color: #fff;} .btn-min:hover .btn-st {background: #f46b1d url(img/st4.svg) 18px center no-repeat; background-size: 32px;} .btn-head {transition: 0.4s; display: inline-block; font-weight: 500 !important; position: relative; overflow: hidden; cursor: pointer; z-index: 1; margin-left: 20px; border-radius: 7px;} .btn-head-text {transition: 0.4s; color: #fff; text-transform: uppercase; font-weight: 600; padding: 11px 15px 9px; float: left; font-size: 14px;} .btn-head-st {transition: 0.4s; display: inline-block; background-color: #fff; background: #f46b1d url(img/st4.svg) -8px center no-repeat; background-size: 32px; text-transform: uppercase; font-weight: 500 !important; width: 40px; height: 42px; float: left; border-radius: 7px;} .btn-head::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(132deg, #f4761a, #ffc401); transform: translateX(-100%); transition: transform 0.4s ease; z-index: -1; } .btn-head:hover::before { transform: translateX(0); } .btn-head:hover .btn-head-text{transition: 0.4s; color: #fff;} .btn-head:hover .btn-head-st {background: #f46b1d url(img/st4.svg) 18px center no-repeat; background-size: 32px;} .btn-big-gr { background: #2b2b2b;} .btn-big-or { background: var(--main-or); } .btn-big {border-radius: 7px; transition: 0.4s; display: inline-block; font-weight: 500 !important; position: relative; overflow: hidden; cursor: pointer; z-index: 1; } .btn-big::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(132deg, #f4761a, #ffc401); transform: translateX(-100%); transition: transform 0.4s ease; z-index: -1; } .btn-big:hover::before { transform: translateX(0); } .btn-big-text {transition: 0.4s; color: #fff; text-transform: uppercase; font-weight: 600; padding: 15px 19px 13px; float: left; font-size: 16px; } .btn-big-st {border-radius: 7px; transition: 0.4s; display: inline-block; background-color: #fff; background: #f46b1d url(img/st4.svg) -7px center no-repeat; background-size: 36px; text-transform: uppercase; font-weight: 500 !important; width: 52px; height: 52px; float: left; } .btn-big:hover .btn-big-text{transition: 0.4s; color: #fff;} .btn-big:hover .btn-big-st {background: #f46b1d url(img/st4.svg) 23px center no-repeat; background-size: 36px;} header{ background: #1e1d1d; } nav{ margin-top: -8px;} .nav-link { font-family: "Inter", sans-serif; color: var(--main-w); font-size: 16px; text-transform: uppercase; padding: 17px 25px !important; font-weight: 600 !important;} .box-bread{background: #f6f6f6; font-size: 12px; padding: 5px 0;} .box-bread span a,.bread-min span a{color:var(--main-bl) !important } .breadcrumb_last{color: var(--main-or) !important;} .bread-min{ background: #1e1d1d; font-size: 12px; display: inline-block; padding: 1px 6px; border-radius: 5px; margin-bottom: 10px;} .dropdown-menu { border-radius: 0px !important; color: #fff; border: none !important; font-weight: 500 !important; margin-top: 1px; background: #00000073; position: absolute; z-index: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);} .dropdown-menu a{color: var(--main-w) !important; font-size: 13px !important; padding: 20px; letter-spacing: 0.3px; text-transform: uppercase; font-weight: 600; border-left: 1px solid #ffffff29; border-bottom: 1px solid #ffffff29;border-top: 1px solid #ffffff29;} .dropdown-menu a:hover{color: var(--main-bl) !important;} .dropdown-menu .dropdown-menu{ left: 309px !important; top: 0;} .dropdown-menu{ border-radius: 0; background:#F5F5F9; margin-left:-1px; margin-top:1px} .dropdown-menu li{width: 50%; float: left;} .dropdown:hover >.dropdown-menu{display:inline-block !important; background: none !important; position: absolute; z-index: 1; width: 690px; padding: 0; margin-top:0px;} .dropdown:hover >.dropdown-menu-1{ width: 345px !important;} .dropdown-menu-1 li{width:100%; float: left;} .dropdown-item:hover >.dropdown-menu{display:inline-block !important; background: #00000073; position: absolute; z-index: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);} a.dropdown-item { color: #fff; font-size: 14px;} .nav-link-or { background: linear-gradient(132deg, #f4761a, #ffc401); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .nav-link:focus, .nav-link:hover { color: var(--main-or); } .dropdown-item:focus, .dropdown-item:hover { background:#F5F5F9; color: #3981be; } .navbar{padding:0; } .bor-a{border-top: 1px solid #F5F5F9; margin-top: 20px;} .dropdown-item {background:#2b2b2bf5;} .dropdown-item:hover{background:var(--main-ye) } .dropdown-item{ transition: all 500ms ease; } .dropdown-item-1{background:#1e1d1df2 url(img/prod/tehnika1.png) 110% center no-repeat; background-size: 100px; } .dropdown-item-2{background:#1e1d1df2 url(img/prod/tehnika21.png) 110% center no-repeat; background-size: 100px;} .dropdown-item-3{background:#1e1d1df2 url(img/prod/tehnika20.png) 110% center no-repeat; background-size: 100px;border-top: none;} .dropdown-item-4{background:#1e1d1df2 url(img/prod/tehnika14.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-5{background:#1e1d1df2 url(img/prod/tehnika18.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-6{background:#1e1d1df2 url(img/prod/tehnika9.png) 106% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-7{background:#1e1d1df2 url(img/prod/tehnika2.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-8{background:#1e1d1df2 url(img/prod/tehnika3.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-9{background:#1e1d1df2 url(img/prod/tehnika4.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-10{background:#1e1d1df2 url(img/prod/tehnika13.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-11{background:#1e1d1df2 url(img/prod/tehnika11.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-12{background:#1e1d1df2 url(img/prod/tehnika10.png) 110% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-13{background:#1e1d1df2 url(img/prod/tehnika8.png) 105% center no-repeat; background-size: 100px;border-top: none} .dropdown-item-1:hover, .dropdown-item-1:focus{background: var(--main-ye) url(img/prod/tehnika1.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-2:hover, .dropdown-item-2:focus{background: var(--main-ye) url(img/prod/tehnika21.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-3:hover, .dropdown-item-3:focus{background: var(--main-ye) url(img/prod/tehnika20.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-4:hover, .dropdown-item-4:focus{background: var(--main-ye) url(img/prod/tehnika14.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-5:hover, .dropdown-item-5:focus{background: var(--main-ye) url(img/prod/tehnika18.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-6:hover, .dropdown-item-6:focus{background: var(--main-ye) url(img/prod/tehnika9.png) 102% center no-repeat; background-size: 100px;} .dropdown-item-7:hover, .dropdown-item-7:focus{background: var(--main-ye) url(img/prod/tehnika2.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-8:hover, .dropdown-item-8:focus{background: var(--main-ye) url(img/prod/tehnika3.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-9:hover, .dropdown-item-9:focus{background: var(--main-ye) url(img/prod/tehnika4.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-10:hover, .dropdown-item-10:focus{background: var(--main-ye) url(img/prod/tehnika13.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-11:hover, .dropdown-item-11:focus{background: var(--main-ye) url(img/prod/tehnika11.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-12:hover, .dropdown-item-12:focus{background: var(--main-ye) url(img/prod/tehnika10.png) 104% center no-repeat; background-size: 100px;} .dropdown-item-13:hover, .dropdown-item-13:focus{background: var(--main-ye) url(img/prod/tehnika8.png) 102% center no-repeat; background-size: 100px;} .navbar-fix { position: fixed; top: 0; width: 100%; transition: transform 0.3s;display:none !important; z-index: 10; background: #1e1d1df2; padding-top: 7px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); display:none } .navbar--hidden { display:inline-block !important } .top-head{border-bottom: 1px solid #ffffff29;} .top-head-1{ border-right: 1px solid #ffffff29; width: 20%; padding-top: 20px; padding-bottom: 20px;} .top-head-2{ border-right: 1px solid #ffffff29; width: 55%; padding: 0; } .top-head-3{ width: 25%; padding: 0; } .top-head-2-1{ display: inline-block; height: 64px; border-bottom: 1px solid #ffffff29; width: 100%;} .top-head-3-1{ display: inline-block; height: 64px; border-bottom: 1px solid #ffffff29; width: 100%; padding: 12px 0 0 20px;} .cont-mail, .cont-tel{ color: #fff; font-size: 16px; font-weight: 700; float: left; line-height: 21px;} .cont-mail:hover, .cont-tel:hover{ color: #f46b1d; } .con-head{ display: inline-block; width: 180px;} .soc-head{ display: inline-block; margin-left: 20px;} .ico-max{ width: 42px; height: 42px; background: #fff; margin-left: 10px; background: url(img/max.svg) center no-repeat; background-size: 23px;border: 1px solid #ffffff5c; border-radius: 9px;} .ico-tel{ width: 42px; height: 42px; background: #fff; background: url(img/telegram.png) center no-repeat; background-size: 23px;border: 1px solid #ffffff5c; border-radius: 7px;} .ico-vk{width: 42px; height: 42px; background: #fff; margin-left: 10px; background: url(img/vk.svg) center no-repeat; background-size: 23px;border: 1px solid #ffffff5c; border-radius: 7px;} .ico-max:hover{ background: #f46b1d url(img/max.svg) center no-repeat; background-size: 23px; } .ico-tel:hover{ background: #f46b1d url(img/telegram.png) center no-repeat; background-size: 23px; } .ico-vk:hover{ background: #f46b1d url(img/vk.svg) center no-repeat; background-size: 23px; } .fico-max{ border-radius: 7px; width: 42px; height: 42px; background: #fff; background: var(--main-bl) url(img/max.svg) center no-repeat; background-size: 23px; } .fico-tel{ border-radius: 7px; width: 42px; height: 42px; background: #fff; margin-left: 10px; background: var(--main-bl) url(img/telegram.png) center no-repeat; background-size: 23px; } .fico-vk{border-radius: 7px; width: 42px; height: 42px; background: #fff; margin-left: 10px; background: var(--main-bl) url(img/vk.svg) center no-repeat; background-size: 23px;} .fico-max:hover{ background: var(--main-or) url(img/max.svg) center no-repeat; background-size: 23px; } .fico-tel:hover{ background: var(--main-or) url(img/telegram.png) center no-repeat; background-size: 23px; } .fico-vk:hover { background: var(--main-or) url(img/vk.svg) center no-repeat; background-size: 23px;} footer{background: #1e1d1d;border-top: 1px solid #ffffff29;padding:80px 0;} .top-foot{} .top-foot-1{ border-right: 1px solid #ffffff29; width: 20%; padding-top: 20px; padding-bottom: 20px;} .top-foot-2{ border-right: 1px solid #ffffff29; width: 55%; padding: 0; } .top-foot-3{ width: 25%; padding: 0; } .foot-line{background: #ffffff29; width: 100%; height:1px;} .foot-tit{font-family: "Bebas Neue", sans-serif; font-weight: 400; color: #fff;} .foot-p{font-size: 13px; color: #cecece;} .foot-a{font-size: 13px; color: #cecece; padding: 3px 0px;} .foot-a:hover{color: #f46b1d} .foot-ot1{ padding-top: 30px;} .foot-ot2{ padding-top: 45px;} .soc-foot{padding-top: 30px; width:100%; display:inline-block;} .con-foot{width:100%; display:inline-block; padding-top: 29px;} .foot-tel{ color: #fff; font-weight: 600; margin: 25px 0 0; display: inline-block;font-size: 20px;} .foot-mail{ color: #fff; font-weight: 600; margin: 0px 0 0; display: inline-block;font-size: 16px;} .foot-tel:hover,.foot-mail:hover{color: var(--main-or)} .form-control{color: #111 !important; background: #fff !important ; border-radius: 0px !important ; border: 1px solid #dedede !important; padding: 11px 15px !important; font-size: 14px !important; margin-bottom: 12px !important; margin-left:0 !important;margin-right:0 !important; resize:none; font-family: 'Inter' !important; font-weight: 500 !important; border-radius: 7px !important; } .form-control:focus{ outline: 0 !important; box-shadow: none !important; border: 1px solid #3d3d3d !important;} .form-control.wpcf7-not-valid{ border: 1px solid #5d2a2a !important;} .form-textarea{resize:none !important;height:120px;} input::placeholder, textarea::placeholder,select::placeholder { color: #827981 !important; } textarea.form-control{height:100px;} .wpcf7-list-item-label{ color: var(--main-gr) !important; font-size: 13px !important; display: inline-block; padding-left: 0; float: left; width: 85%; line-height: initial;} .wpcf7-list-item-label a{ color: var(--main-or) !important; font-size: 13px !important; } .btn-form{font-family: "Bebas Neue", sans-serif !important; color: #ffffff; font-size: 26px !important; line-height: 1.55; font-weight: 500 !important; display: inline-block !important; padding: 12px 20px 9px !important; border: none !important; transition: 0.4s; border-radius: 0px !important; margin-top: 20px; background-color: #f46b1d !important; width: 100%; text-transform: uppercase; border-radius: 7px;} .btn-form::before{content: "" !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(132deg, #f4761a, #ffc401); transform: translateX(-100%); transition: transform 0.4s ease; z-index: -1; } .btn-form:hover{ color: #ffffff; background: linear-gradient(132deg, #f4761a, #ffc401); } input[type=submit]:disabled, input[type=submit]:hover{color: #ffffff !important; } input[type=submit]:hover::before{transform: translateX(0); } .wpcf7-spinner{display: none !important;} .wpcf7-not-valid-tip{display:none !important} .form-title{ font-size: 36px; padding-bottom: 20px; line-height: normal !important; padding-bottom: 20px !important; font-family: "Bebas Neue", sans-serif;} .form-title span{ color:var(--main-w); background:var(--main-or); padding: 5px 6px 0px; margin-right: 6px;} .form-text{ margin-top: 0; font-size: 15px; color: var(--bs-secondary-color); padding-bottom: 20px;} .wpcf7-list-item{ margin: 0;} .wpcf7-list-item label{width:100%} input[type=checkbox], input[type=radio]{width: 20px !important; height: 20px !important ;background: #fff !important; border: 1px solid #d2d2d2 !important; font-weight: 600; float: left; margin-right: 10px; margin-top: 2px; border-radius:3px !important} .pad-r-small{padding-right:5px !important} .pad-l-small{padding-left:5px !important} .wpcf7 form .wpcf7-response-output{ margin: 10px 0 0 !important; padding: 10px !important; border: none !important;font-size: 12px !important; background: var(--main-gr) !important; border-radius: 0px; color: var(--main-w) !important;} .modal.fade .modal-dialog{max-width: fit-content;} .modal-content{ width: 600px !important; background: #f6f6f6; border-radius: 0 !important; } .modal-body{ padding: 40px;} .or-form .form-control{ background: #ffffff3d !important; border: 1px solid #ffffff78 !important; font-size: 16px !important; color:#fff!important; border-radius: 7px !important;} .or-form .form-control::placeholder { color: #fff !important; opacity: 0.7; } .or-form .wpcf7-list-item-label{color: var(--main-w) !important;} .or-form .wpcf7-list-item-label a{color: var(--main-bl) !important;} .or-form .btn-form {background-color: #1e1d1d !important;} .or-form .btn-form:hover { color: var(--main-bl) !important; background: var(--main-w) !important;} @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=checkbox]:focus { outline-offset: 0px; outline: none !important;} } .btn-close{ position: absolute; top: 36px; right: 40px; background-color: #fff !important; z-index: 1; transition: 0.4s; border-radius: 10px !important; background-size: 11px !important; } .btn-close:hover{ opacity: 0.8; background-color: #dbdbdb !important;} fieldset{ padding: 0 !important;} .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline-offset:0px; outline: 0px !important ;} /* Главная */ .box-main-banner{ background: url(img/bg.jpg) center no-repeat; background-size: cover; } .box-main-banner-bl{ padding: 300px 0 150px 0; } .title-h1-main {font-size: 58px !important;} .title-h1-main span{color: #f46b1d !important;} .podt-h1-main{font-size: 16px;} .podt-main-1{font-size: 15px; margin-bottom: 10px; display: flex} .li-marker{background: #fdba02; height:10px; width:10px; display:inline-block; float:left;margin-right:10px; margin-top: 8px;display: flex} .li-text{display: flex; width: 92%; color: #fff !important;} .main-buts{margin-top:30px;} .foot-form{background: linear-gradient(132deg, #f4761a, #ffc401); padding:80px 0; } .box-main-comp{background: #f6f6f6 } .box-main-comp-text{} .box-main-comp-list {padding-top:30px;} .simple-title{ font-size: 20px; text-transform: uppercase; font-weight: 700; padding-bottom: 15px;} .box-main-comp-list-ico{ min-width: 50px; height:50px; width:50px; border-radius:6px; display: flex; margin-right:15px;} .list-item{display: flex; width: 49%; float: left; margin-bottom: 14px;} .list-item-100{width: 100%;} .box-main-comp-list-ico-1 { background: #fff url(img/message-3.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-2 { background: #fff url(img/shield-tick.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-3 { background: #fff url(img/jigsaw-puzzle.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-4 { background: #fff url(img/clock.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-1g { background: #f6f6f6 url(img/message-3.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-2g { background: #f6f6f6 url(img/shield-tick.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-3g { background: #f6f6f6 url(img/jigsaw-puzzle.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-4g { background: #f6f6f6 url(img/clock.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-5{ background: #fff url(img/map.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-6{ background: #fff url(img/jigsaw-puzzle.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-ico-7{ background: #fff url(img/stopwatch.svg) center no-repeat; background-size: 30px; } .box-main-comp-list-text{font-size:15px; font-size: 16px;color: var(--main-bl); line-height: 22px;display: flex; width: 75%;} .list-item-100 .box-main-comp-list-text{display: inline-block; } .img-main-comp{ border-radius:25px; height: 570px; background: url(img/komanda.jpg) center 32% no-repeat; background-size: 183%; background: url(img/komanda2.jpg) center no-repeat; background-size: cover; } .rew-item{background: #f6f6f6; padding: 25px; border-radius: 15px;} .rew-foto{ width: 80px; height: 80px; border-radius: 200px; background: #fff; margin-bottom: 30px;} .rew-text{height: 190px; font-size: 16px; color: var(--main-bl); line-height: 22px; padding-bottom: 15px;} .rew-text p,.rew-text span{font-size: 16px; color: var(--main-bl); line-height: 22px; padding-bottom: 15px;} .rew-pod{border-left: #e7e7e7 solid 1px; padding-left: 20px} .rew-name{font-weight: 600; font-size: 16px; color: var(--main-bl); line-height: 22px; padding-bottom: 3px;;} .rew-dol{font-size: 12px; color: var(--main-gr);} .rew-kov{color: var(--main-or); font-size: 70px; line-height: 10px; margin-top: 60px; font-family: "Bebas Neue", sans-serif; } .rew-kov-big{} .owl-nav{position: absolute; top: -71px; right: 0;} .owl-prev,.owl-next{ transition: 0.4s; display: inline-block !important; width: 44px; height: 44px; border-radius: 0px; margin-left: 10px; color: transparent !important; border-radius: 7px !important; } .owl-prev{ background: var(--main-bl) url(img/st4.svg) -10px center no-repeat !important; background-size: 36px !important; transform: rotate(180deg); } .owl-next{ background:var(--main-bl) url(img/st4.svg) -10px center no-repeat !important; background-size: 36px !important;} .owl-prev:hover{ background: var(--main-or) url(img/st4.svg) 19px center no-repeat !important; background-size: 36px !important; } .owl-next:hover{ background: var(--main-or) url(img/st4.svg) 19px center no-repeat !important; background-size: 36px !important; } .main-etap-item{ background: #f6f6f6; padding: 25px; margin-bottom: 25px; border-radius: 15px;} .etap-line{} .etap-text{ min-height: 165px; font-size: 14px; color: var(--main-bl); line-height: 20px; padding-bottom: 0px; position:relative;} .etap-text-in{ position: absolute; bottom: 0px; font-size: 14px; line-height: 20px; } .etap-zag{ font-weight: 600; font-size: 16px; color: var(--main-bl); line-height: 22px; padding-bottom: 0px; padding-top: 12px; margin-top: 5px; text-transform: uppercase; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 26px; line-height: normal; padding-bottom: 10px;} .etap-main-ico{ min-width: 50px; height:50px; width:50px; border-radius:6px; margin-bottom: 20px; } .main-etap-item-1{background: var(--main-or); background: linear-gradient(132deg, #f4761a, #ffc401); } .main-etap-item-1 .etap-zag{color: var(--main-w); } .main-etap-item-1 .etap-text, .main-etap-item-1 .etap-text-in{color: var(--main-w); } .box-main-fot-par{ height:500px; background: url(img/fon-main-br.png) center no-repeat; /* background-attachment: fixed;*/ background-position: center; background-repeat: no-repeat; background-size: cover;} .box-main-geo{ background: #f6f6f6; } .pr-r-f{padding-right:7px !important} .pr-l-f{padding-left:7px !important} .main-cat-img{ height:185px; width:100%; position: relative;} .main-cat-img-big{ height:260px; width:100%; position: relative;} .main-cat-img-1{background: url(img/prod/tehnika1.png) center no-repeat; background-size: contain;} .main-cat-img-2{background: url(img/prod/tehnika14.png) center no-repeat; background-size: contain;} .main-cat-img-3{background: url(img/prod/tehnika18.png) center no-repeat; background-size: contain;} .main-cat-img-4{background: url(img/prod/tehnika9.png) center no-repeat; background-size: contain;} .main-cat-img-4-2{background: url(img/prod/tehnika2.png) center no-repeat; background-size: contain;} .main-cat-img-5{background: url(img/prod/tehnika3.png) center no-repeat; background-size: contain;} .main-cat-img-6{background: url(img/prod/tehnika4.png) center no-repeat; background-size: contain;} .main-cat-img-7{background: url(img/prod/tehnika13.png) center no-repeat; background-size: cover;} .main-cat-img-8{background: url(img/prod/tehnika11.png) center no-repeat; background-size: contain;} .main-cat-img-9{background: url(img/prod/tehnika10.png) center no-repeat; background-size: contain;} .main-cat-img-10{background: url(img/prod/tehnika8.png) center no-repeat; background-size: contain;} .main-cat-inf{ min-height: 155px ; display: inline-block; margin-bottom: 0px} .main-cat-inf-big{ min-height: 180px ; display: inline-block; margin-bottom: 0px} .main-cat-list-a{} .main-cat-list-a-i{ transition: 0.4s; color: var(--main-gr); transition: 0.4s; text-transform: uppercase; font-weight: 600; padding: 3px 9px 1px; float: left; font-size: 11px; border: var(--main-gr) 1px solid; border-radius: 100px; margin: 0px 5px 6px 0;} .main-cat-item:hover .main-cat-list-a-i:hover{color: var(--main-w); border: var(--main-bl) 1px solid; background: var(--main-bl) } .main-cat-item{ overflow: hidden; position: relative; background: #f6f6f6; border-radius: 20px; padding: 25px; margin-bottom:25px;} .main-cat-text { font-size: 14px; color: var(--main-bl); line-height: 20px; padding-bottom: 15px;} .main-cat-text p{font-size: 14px; color: var(--main-bl); line-height: 20px;} .main-cat-tit{ font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 34px; line-height: normal; padding-bottom: 5px;} .main-cat-item:hover { background: linear-gradient(132deg, #f4761a, #ffc401);} .main-cat-item:hover .main-cat-tit{color: var(--main-w);} .main-cat-item:hover .main-cat-text, .main-cat-item:hover .main-cat-text p{color: var(--main-w);} .main-cat-item::before { content: ""; position: absolute; bottom: 0; left: 0; background: linear-gradient(132deg, #f4761a, #ffc401); transform: translateX(-100%); transition: transform 0.4s ease; z-index: 0; background: url(img/ww.png) center no-repeat; background-size: cover; height: 70px; width: 260px; } .main-cat-item:hover::before { transform: translateX(-20%); } .main-cat-item:hover .main-cat-list-a-i{ border: var(--main-w) 1px solid; background: var(--main-w) ; color: var(--main-or);} .map-main{background: url(img/map.png) center no-repeat; background-size: cover ; height: 600px; width: 662px;} .map-main2{background: url(img/map3.png) center no-repeat; background-size: cover ; height: 600px; width: 741px;} .form-step-line p{ font-weight: 600; } .form-control-c .wpcf7-list-item{ width: 50%;} .form-control-c .wpcf7-list-item-label{ color: var(--main-bl) !important; font-size: 14px !important; display: inline-block; padding-left: 0; float: left; width: 85%; line-height: initial; padding-top: 6px;} .form-control-c input[type=checkbox]{ width: 22px !important; height: 22px !important; margin-top: 5px;} .form-control-c input[type=checkbox]:after { left: 7px;} .cf7mls_next.action-button{background:var(--main-bl) !important; border-radius: 0 !important;transition: 0.4s !important; color: #fff !important; text-transform: uppercase; padding: 15px 19px 13px !important; font-size: 16px !important; font-weight: 500 !important; border-radius:6px !important;} .cf7mls_next.action-button:hover{background: linear-gradient(132deg, #f4761a, #ffc401) !important;} .cf7mls_back.action-button{background:var(--main-gr) !important; border-radius: 0 !important;transition: 0.4s !important; color: #fff !important; text-transform: uppercase; padding: 15px 19px 13px !important; font-size: 16px !important; font-weight: 500 !important; border-radius:6px !important;} .cf7mls_back.action-button:hover{background: linear-gradient(132deg, #f4761a, #ffc401) !important;} .line-top-mob{ background: #1e1d1d; border-top: 1px solid #ffffff29; padding: 10px 15px; width: 100%; position: fixed; top: 0; z-index:20} .accordion{background:none !important; --bs-accordion-bg: none !important;} .accordion-body{font-size: 15px; } .accordion-body p{font-size: 15px; color: #111; line-height: normal;} .accordion-button{font-size: 18px; color: #fff; text-decoration: none; background: none;font-weight: 500 !important; } .accordion-button:focus,.accordion-button:hover{outline: 0 !important;box-shadow: none !important;color:#af2eb8; } .accordion-button::after{ } .accordion-header{background: none;} .accordion-item{border-bottom: none !important; margin-bottom: 6px; background: #f6f6f6; border-radius: 15px !important;} h2.accordion-header{padding-bottom: 0px !important;} .accordion-button{font-size: 18px; color: #111 !important; font-family: 'Inter' !important; font-weight: 500 !important; border-radius: 15px !important; } .accordion-item:hover{color: #fff !important; background: linear-gradient(132deg, #f4761a, #ffc401) !important; } .accordion-item:hover .accordion-button{color: #fff !important; } .accordion-item:hover .accordion-body p, .accordion-item:hover .accordion-body li, .accordion-item:hover .accordion-body span, .accordion-item:hover .accordion-body {color: #fff !important; } .accordion-body{padding-top: 0 !important;} .accordion-button, .accordion-button:not(.collapsed){box-shadow: none !important ; background: none !important;font-size: 18px !important; color: #111 !important; padding-bottom: 15px; font-family: 'Inter' !important; font-weight: 500 !important;} .list-blog-item-box{ position:relative; overflow: hidden; border-radius: 20px; margin-bottom:20px; transition: 0.4s; background:#f6f6f6;} .list-blog-item-box::before { content: ""; position: absolute; bottom: 0; left: 0; transition: transform 0.4s ease; z-index: 0; background: url(img/ww.png) center no-repeat; background-size: cover; height: 70px; width: 260px; transform: translateX(-100%);} .list-blog-item-box-img{ margin: 10px; border-radius: 20px; height: 240px;position: relative; transition: 0.4s; } .list-blog-item-box-img-v{ height: 270px; } .list-blog-item-box-info{padding: 20px;} .list-blog-item-box-title{ font-family: "Bebas Neue", sans-serif; font-size: 24px; line-height: 26px; color: var(--main-bl) !important; padding-bottom: 10px; height: 54px; overflow: hidden; font-weight: 500 !important; display: inline-block; width: 100%;} .list-kursy-item-box-title{font-size: 20px; color: #111 !important; padding-bottom: 10px; font-weight: 500 !important;} .list-blog-item-box-podzagolovok{font-size: 14px; color: #111; height: 68px; overflow: hidden; margin-bottom:10px} .list-blog-item-box-href{ transition: 0.4s; color: var(--main-gr); transition: 0.4s; text-transform: uppercase; font-weight: 600; padding: 3px 9px 1px; font-size: 11px; border: var(--main-gr) 1px solid; border-radius: 100px; margin: 0px 5px 6px 0; display:inline-block; z-index: 2; position: relative;} .list-blog-item-box-date{background: #00715fd6; display: inline-block; padding: 3px 7px 2px; font-size: 11px; border-radius: 4px;position: absolute; bottom: 15px; left: 15px; backdrop-filter: blur(3px); color: #fff; font-weight: 500 !important;} .list-blog-item-box:hover{ background: linear-gradient(132deg, #f4761a, #ffc401); } .list-blog-item-box:hover .list-blog-item-box-href{border: var(--main-w) 1px solid; color: var(--main-or); background: var(--main-w); } .list-blog-item-box:hover::before { transform: translateX(-20%); } .list-blog-item-box:hover .list-blog-item-box-title{color: var(--main-w) !important; } .list-blog-item-box:hover .list-blog-item-box-podzagolovok{color: var(--main-w) !important; } .wp-block-separator{ margin-top: 70px; width: 100% !important; background: none; opacity: 0 !important; display: inline-block;} .wp-block-image img, table img {border-radius:20px; width: 100%;} .wp-block-heading img{border-radius:20px; } .post-in-date { color: var(--main-w); background: var(--main-or); margin-right: 6px; padding: 2px 6px 1px; font-size: inherit; display: inline-block; font-family: "Inter", sans-serif; font-size: 14px; margin-bottom: 14px;} .blog-in-img{ border-radius: 20px; height:400px;} .title-h1 strong{color:var(--main-w); background:var(--main-or); margin-right: 6px; padding: 8px 10px 0px;font-family: inherit !important;font-size: inherit !important;} h2 span{color:var(--main-w); background:var(--main-or); margin-right: 6px; padding: 8px 10px 0px;font-family: inherit !important;font-size: inherit !important;} .back-gr{ background: #f6f6f6;} .fon-bl{ background: var(--main-bl) !important;} .gen-img{width:440px; height:440px; border-radius:100%;} .gen-text{ font-size: 14px; color: var(--main-bl); line-height: 22px; padding-bottom: 0px;} .gen-text p{padding-bottom: 10px;} .rew-name-gen{color: var(--main-w); font-size: 18px;} .rew-dol-gen{font-size: 14px;} .rew-pod{ margin-top: 15px;} .rew-kov-big{ font-size: 120px;} .plus-list-item{padding: 23px; height: 200px; background: #F6F6F6; position: relative;margin-bottom:25px; border-radius: 20px; } .plus-list-item-img{ border-radius: 10px;position: relative;margin-bottom:25px; } .plus-list-item-img-fon{padding: 23px; height: 200px; background: #055649c2; border-radius:10px;} .plus-list-item-min{ height: 190px; } .plus-comp-item{} .plus-comp-item .etap-zag{border:none !important} .box-co-one{display: inline-block;} .box-co-tit{ line-height: normal !important; padding-bottom: 20px !important; font-weight: 400; color: var(--main-gr); font-family: "Bebas Neue", sans-serif; font-size: 26px;} .co-href,.co-text{ font-size: 18px; line-height: 32px; font-weight: 500; margin-bottom:5px; } .co-href-or{ color:var(--main-or); } .box-gen-p{ font-size: 14px;padding-top:15px; } .box-cat-banner{ background: #f6f6f6 url(img/back-cat.png) center no-repeat; background-size:cover; } .fon-cat-banner{ background: linear-gradient(13deg, #000000e6, #00000024); padding-top:100px; } .box-cat-banner .cat-info{ } .cat-opis{ font-size: 16px; color: var(--main-w); line-height: 22px; padding-bottom: 15px;} .main-cat-href-one{color: var(--main-gr); transition: 0.4s; text-transform: uppercase; font-weight: 600; padding: 3px 9px 1px; float: left; font-size: 11px; border: var(--main-gr) 1px solid; border-radius: 100px; margin: 0px 5px 6px 0;} .faq-img{width:100%; height: 394px;background: #111 url(img/man.png) center no-repeat; background-size:cover; border-radius:25px;} .banner-img-prod{width:100%; height: 465px; } .form-box{} .back-bl{ background: #111;} .title-h2-lh{line-height: 58px !important;} .back-grav{ background: #111 url(img/fon-grav.png) center no-repeat; background-size:cover; } .plus-box{ position: relative;} .plus-box-tit{ text-align: center; font-size: 310px !important; line-height: 288px !important; padding-bottom: 20px !important; font-family: "Bebas Neue", sans-serif !important; font-weight: 400;background: linear-gradient(90deg, #f46b1d, #ffc103); background: linear-gradient(90deg, #2b2b2b, #ffffff); background: radial-gradient(circle, #ececec 10%, #8d8d8d 100%);webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .plus-box-img { background: url(img/gruzovik.png) center no-repeat; background-size: cover; height: 643px; width: 600px; margin: 0 auto; position: absolute; top: 7px; right: calc(50% - 290px);} .plus-b-bl { margin-bottom: 20px;} .plus-tit-bl{color: #fff; font-family: "Bebas Neue", sans-serif; font-size: 30px; line-height: 30px; padding-bottom:10px;} .plus-text-bl p{ color: #cecece !important; font-size: 14px !important;padding-bottom:15px; line-height: normal;} .cat-opis{ font-size: 15px; line-height: 23px;} .cat-opis p{padding-bottom:15px; font-size: 15px; line-height: 23px;} .cat-but{display:inline-block; padding-bottom:100px} .one-sfera{ overflow: hidden; position: relative; height: 425px; padding: 25px; margin-bottom: 25px; border-radius: 15px;} .one-sfera-fon{border-radius: 15px;} .one-sfera-1{background: #f6f6f6 } .one-sfera-2{background: var(--main-or); background: linear-gradient(132deg, #f4761a, #ffc401); height: 200px; } .one-sfera-2:before{ content: ""; position: absolute; top: 20px; left: 0; transition: transform 0.4s ease; z-index: 0; background: url(img/ww.png) center no-repeat; background-size: cover; height: 40px; width: 150px; transform: translateX(-20%);} .one-sfera-3{background: var(--main-bl) ; height: 200px; } .one-sfera-4{background: #f6f6f6 } .one-sfera-5{background: #111; background: linear-gradient(13deg, #000000e6, #00000024); } .one-sfera-inf{ position: absolute; bottom: 25px; padding-right: 25px;} .one-sfera-tit{ font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 26px; line-height: normal; padding-bottom: 5px;} .one-sfera-text{ font-size: 16px; color: var(--main-bl); line-height: 22px; font-size: 14px; line-height: 20px;} .one-sfera-img{ height: 200px; border-radius:20px} .title-h1-cat span{color: var(--main-w); background: var(--main-or); padding: 5px 6px 0px; margin-right: 6px;} .title-h1-cat {line-height: 62px !important;} .to-img-prod{margin-top: -50px;} .back-form-min{background: #1e1d1d url(img/backform1.png) center no-repeat; background-size:cover;} .no-pad-tit .etap-zag {padding-bottom: 0; } .main-us-tit{font-size: 18px;font-weight: 600; margin-bottom: 10px;} .main-us { background: #fff; border-radius: 20px;padding:10px;} .main-us-inf { float: left; padding: 10px;} .main-us-tag-one{font-size: 12px;} .main-us-num{ color: #c0c0c6; font-size: 28px; padding-bottom: 40px; font-family: "Bebas Neue", sans-serif; font-weight: 400; } .main-us-opis p{font-size: 14px; color: var(--main-bl); line-height: 20px; padding-bottom: 15px; position: relative;} .main-us-img{border-radius: 20px; padding: 10px;} .main-us-1{ background: #fff url(img/s1.png) 114% no-repeat; background-size: 318px;} .main-us-2{ background: #fff url(img/prod/tehnika8.png) -356% center no-repeat; background-size: 760px;} .box-fon-form{ border-radius: 30px; background: linear-gradient(132deg, #f4761a, #ffc401); padding: 70px 30px;} @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1400px !important; } } @media (max-width: 1400px){ .box-100-100{padding: 90px 0;} .title-h1-main { font-size: 48px !important;} h1, h1 b, .h1, .title-h1, .title-h1 b {font-size:48px !important; padding-bottom:20px !important; } h2, h2 b, .h2, .title-h2, .title-h2 b {font-size:48px !important; padding-bottom:20px !important; } h3, h3 b, .h3, .title-h3, .title-h3 b {font-size:42px !important; padding-bottom:15px !important; } h4, h4 b, .h4, .title-h4, .title-h4 b {font-size:38px !important; padding-bottom:12px !important; } h5, h5 b, .h5, .title-h5, .title-h5 b {font-size:32px !important; padding-bottom:12px !important; } h6, h6 b, .h6, .title-h6, .title-h6 b {font-size:28px !important; padding-bottom:10px !important; } .main-cat-item, .main-etap-item{ padding: 22px; } .main-cat-tit{font-size: 28px;} .main-cat-img { height: 155px;} .main-cat-list-a-i{ margin: 0px 4px 5px 0; font-size: 10px; padding: 3px 7px 1px;} .box-main-comp-list-text{ font-size: 14px; line-height: 20px;} .box-main-fot-par{ height: 400px;} .simple-text, .simple-text p, .rew-text p, .rew-text span{font-size: 15px; line-height: 21px;} .rew-text { height: 230px;} .etap-zag{ font-size: 20px;} .etap-text { min-height: 130px;} .logo-img { max-width: 185px;} .nav-link{padding: 14px 12px !important; font-size: 15px;} .top-head-1{width: 19%;} .top-head-2{width: 51%;} .top-head-3{width: 30%;} .top-head-3-1{ padding: 8px 0 0 20px;} .top-head-2-1, .top-head-3-1{ height: 59px;} .btn-head-st{ width: 36px; height: 36px;background: #f46b1d url(img/st4.svg) -8px center no-repeat; background-size: 29px;} .btn-head-text{ padding: 7px 12px 8px;} .btn-head:hover .btn-head-st { background: #f46b1d url(img/st4.svg) 16px center no-repeat; background-size: 28px;} .box-main-banner-bl { padding: 260px 0 120px 0;} .btn-big-st{ width: 48px; height: 48px;} .btn-big-text{padding: 14px 18px 11px; font-size: 15px;} .foot-ot2 { padding-top: 23px;} .li-text{font-size: 15px} .btn-form{ font-size: 24px !important; padding: 10px 20px 7px !important;} .map-main2{height: 516px; width: 741px; max-width: 100%;} .rew-text,.main-cat-text,.etap-text,.box-main-comp-list-text{ font-size: 13px;line-height: 16px;} .cont-mail, .cont-tel{font-size: 15px;} .navbar-fix .nav-link { padding: 19px 19px 15px !importan} .main-us-2 { background: #fff url(img/prod/tehnika8.png) -110% center no-repeat; background-size: 760px;} } @media (max-width: 1200px){ .box-100-100{padding: 80px 0;} .fon-cat-banner{padding: 120px 0 80px 0;} .box-main-banner-bl{padding: 120px 0 80px 0;} .title-h1-main { font-size: 46px !important;} h1, h1 b, .h1, .title-h1, .title-h1 b {font-size:46px !important; padding-bottom:20px !important; } h2, h2 b, .h2, .title-h2, .title-h2 b {font-size:46px !important; padding-bottom:20px !important; } h3, h3 b, .h3, .title-h3, .title-h3 b {font-size:40px !important; padding-bottom:15px !important; } h4, h4 b, .h4, .title-h4, .title-h4 b {font-size:36px !important; padding-bottom:12px !important; } h5, h5 b, .h5, .title-h5, .title-h5 b {font-size:30px !important; padding-bottom:12px !important; } h6, h6 b, .h6, .title-h6, .title-h6 b {font-size:28px !important; padding-bottom:10px !important; } .box-main-banner-bl { padding: 200px 0 90px 0;} .to-40p-1200{width: 40%;} .main-cat-item, .main-etap-item { padding: 17px; } .etap-text { min-height: 150px; } .etap-zag { font-size: 18px;} .etap-main-ico,.box-main-comp-list-ico{ min-width: 40px; height: 40px; width: 40px; background-size: 20px !important;} .map-main2 { height: 435px; width: 100%;} .simple-text, .simple-text p, .rew-text p, .rew-text span { font-size: 14px;line-height: normal; } .rew-text { height: 150px; } .foot-ot1 { padding-top: 28px;} .main-cat-img { height: 121px; } .main-cat-list-a {display:none} .box-main-fot-par { height: 360px; } .cont-mail, .cont-tel{font-size: 13px; line-height: 19px;} .top-head-3-1 { padding: 8px 0 0 15px; } .logo-img { max-width: 135px;} .ico-tel,.ico-max{ width: 38px; height: 38px; background-size: 22px !important;} .top-head-1 { width: 17%; } .nav-link { padding: 16px 9px !important; font-size: 13px; } .con-head{ width: 155px;} .logo-img{padding-top: 12px;} .navbar-fix .nav-link { padding: 18px 15px 14px !important; } .gen-img{ width: 360px; height: 360px; margin-top: 51px;} .etap-zag { font-size: 20px; } .title-h2.title-h2-br { line-height: 50px !important;} .gen-img { width: 300px; height: 300px;} .main-cat-inf-big { min-height: 130px;} .main-cat-img { height: 140px; } .to-img-prod { margin-top: 80px;} .main-us-2 { background: #fff url(img/prod/tehnika8.png) -49% center no-repeat; background-size: 760px;} .main-us-1 { background: #fff url(img/s1.png) 261% no-repeat; background-size: 371px;} } @media (max-width: 990px){ .title-h1-main { font-size: 44px !important;} h1, h1 b, .h1, .title-h1, .title-h1 b {font-size:44px !important; padding-bottom:20px !important; line-height: normal !important; } h2, h2 b, h2 strong, .h2, .title-h2, .title-h2 b {font-size:44px !important; padding-bottom:20px !important; line-height: normal !important;} h3, h3 b, .h3, .title-h3, .title-h3 b {font-size:40px !important; padding-bottom:15px !important; line-height: normal !important;} h4, h4 b, .h4, .title-h4, .title-h4 b {font-size:36px !important; padding-bottom:12px !important; line-height: normal !important;} h5, h5 b, .h5, .title-h5, .title-h5 b {font-size:30px !important; padding-bottom:12px !important; line-height: normal !important; } h6, h6 b, .h6, .title-h6, .title-h6 b {font-size:28px !important; padding-bottom:10px !important; line-height: normal !important; } .to-comp{display:none !important} .to-phone{display:inline-block !important} .main-cat-list-a {display:inline-block} .to-50-990{width:50% !important} .to-100-990{width:100% !important} .offset-md-1 { margin-left: 0 !important; margin-top:30px !important;} .main-cat-item, .main-etap-item { padding: 20px; } .rew-text p, .rew-text, .main-cat-text, .etap-text, .box-main-comp-list-text{ font-size: 14px; line-height: 19px;} .main-cat-list-a-i{font-size: 12px; margin: 0px 6px 6px 0; padding: 5px 9px 3px;} .main-cat-img { height: 181px;} .box-main-comp-list { padding-top: 10px;} .img-main-comp{ height: 430px; background: url(img/komanda2.jpg) center 90% no-repeat; background-size: cover; margin-top:30px;} .box-main-fot-par { height: 300px; } .map-main2 { height: 535px; width: 92%; margin: 0 auto; } .foot-ot2 { padding-top: 33px;} .foot-ot1 { padding-top: 63px;} .etap-zag{ font-size: 15px;} .li-marker{height: 8px; width: 8px; margin-top: 7px;} .foot-img { max-width: 180px} .box-main-banner-bl { padding: 80px 0 80px 0; background: linear-gradient(13deg, #000000e6, #00000073); } .logo-img { padding-top: 0; max-width: 115px; } .dropdown:hover >.dropdown-menu{ position: relative; width: 100%; } .dropdown-menu li { width: 100%; float: none;} .vox-zzd{padding:40px 0 0;} .box-cont-one{font-size: 14px;} .mobile-menu .foot-tel{ margin: 0;} .dropdown-menu a, .nav-item, .nav-link.dropdown-toggle{border: 1px solid #ffffff29;} .nav-item.dropdown{border: none;} .nav-link { padding: 16px 20px !important; font-size: 15px; } .box-co-one {margin-bottom: 40px;} .box-bread{display:none} .gen-img{margin: 0 auto; margin-top: 0px;} .etap-zag { font-size: 22px; } .box-main-comp-list-text{padding-top: 4px;} .accordion-button { font-size: 16px;} .box-katalog .main-cat-inf, .box-katalog .main-cat-inf-big { min-height: 215px;} .to-img-prod { margin-top: 0; } .cat-but{ padding-bottom: 20px; } .one-sfera{ padding: 20px;} .main-us-1 { background: #fff url(img/s1.png) 126% no-repeat; background-size: 347px;} .main-us-2 { background: #fff url(img/prod/tehnika8.png) -467% center no-repeat; background-size: 760px;} } @media (max-width: 768px){ .title-h1-main { font-size: 44px !important;} h1, h1 b, .h1, .title-h1, .title-h1 b {font-size:40px !important; padding-bottom:20px !important; } h2, h2 b, .h2, .title-h2, .title-h2 b {font-size:40px !important; padding-bottom:20px !important; } .title-h2.title-h2-w{line-height: 48px !important;} h3, h3 b, .h3, .title-h3, .title-h3 b {font-size:34px !important; padding-bottom:15px !important; } h4, h4 b, .h4, .title-h4, .title-h4 b {font-size:30px !important; padding-bottom:12px !important; } h5, h5 b, .h5, .title-h5, .title-h5 b {font-size:26px !important; padding-bottom:12px !important; } h6, h6 b, .h6, .title-h6, .title-h6 b {font-size:26px !important; padding-bottom:10px !important; } .to-50-770{width:50% !important} .to-100-770{width:100% !important} .etap-text-in { position: relative; bottom: 0;} .etap-text { min-height: inherit; margin-top:10px;} .simple-text, .simple-text p,.rew-text p, .rew-text, .main-cat-text, .etap-text, .box-main-comp-list-text { font-size: 15px; line-height: 21px; } .main-cat-img { height: 215px; margin: 0 auto; width: 316px; } .main-cat-inf { width: 100%; min-height: initial;} .main-cat-list-a-i { font-size: 13px; margin: 0px 6px 6px 0; padding: 6px 9px 4px;} .map-main2 { height: 275px;} .rew-text { height: inherit;} .str-ww{ height: 30px; width: 119px;} .pr-r-f { padding-right: 15px !important; } .pr-l-f { padding-left: 15px !important; } .list-item{ width: 100%; margin-bottom: 18px;} .title-h2.title-h2-w.mar-top-50{margin-top: 20px;} footer{padding: 70px 0;} .foot-ot1 { padding-top: 20px; } .img-main-comp{ border-radius: 15px; height: 280px;} .main-cat-item, .main-etap-item { border-radius: 15px; } .modal-content { margin: 30px auto !important; width: 90% !important;} .modal-body { padding: 30px; } .mar-bot-20-m{margin-bottom:20px;} .mar-bot-mob-50{margin-bottom:70px;} .box-katalog .main-cat-inf, .box-katalog .main-cat-inf-big { min-height: inherit; } .mobile-menu .header-info{margin-top:20px} .one-sfera-inf { position: relative; bottom: 0; padding-right: 0; margin-top: 20px;} .one-sfera-1, .one-sfera-2, .one-sfera-3, .one-sfera-4, .one-sfera-5{height: inherit;} .main-us-1 { background: #fff } .main-us-2 { background: #fff } .main-us-num{padding-bottom: 20px;} .box-fon-form{ padding: 50px 30px;} .accordion-button, .accordion-button:not(.collapsed){box-shadow: none !important ; background: none !important;font-size: 16px !important; color: #111 !important; padding-bottom: 15px; font-family: 'Inter' !important; font-weight: 500 !important;} }