@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&display=swap');
html{line-height:1.15;-webkit-text-size-adjust:100%}
*,:after,:before{box-sizing:border-box}
body{margin:0;font-family: 'Montserrat';font-size: 0.9em;line-height: 18px;font-weight:400;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:1rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
h1{font-size:2rem}
h2{font-size:1.75rem}
h3{font-size:1.5rem}
h4{font-size:1.15rem}
h5{font-size:1.1rem}
h6{font-size:1rem}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #07A8FF;border-radius: 3px;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
.content{padding-right:80px;padding-left:80px;line-height: 20px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:10px;padding-left:10px;}
}
.card-body {padding: 0px!important;padding:0rem!important;border:none;}
section{padding-top:50px;padding-bottom:50px;}
.city-vib ul,li{list-style:none; color:#000!important;font-size:1rem;font-weight:500;}
.title-section{padding-bottom:50px;}
.title-section h1{text-align:center;font-size:2.3rem;font-weight: 600;}
.title-section h2{text-align:center;font-size:2.3rem;font-weight: 600;}
.title-section h4{text-align:center;font-size:1.5rem;font-weight: 600;}
.sur{display:none;}
.form-control{padding: 1.3em 1.35em;}
.text-center {text-align: center !important;}
.btn-warning{background:linear-gradient(#0787FF, #07A8FF);color:#FFF;}
.btn-warning{background:linear-gradient(#0787FF, #07A8FF);color:#FFF;box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.5);}
.btn-success{background:linear-gradient( #07A8FF, #07A8FF);border:none;color:#FFF;border-radius:3px!important;position:relative;font-size:1rem;text-align:center;overflow-x: hidden;}
.btn-success-bord{width: 100%;background:linear-gradient( #07A8FF, #07A8FF);border:none;color:#FFF;font-size:1.4rem;text-align:center;padding: 1.8rem 1.35rem;overflow-x: hidden;}
.btn-success-bord:hover,.btn-success-bord:active,.btn-success-bord:focus,.btn-success-bord:visited{width: 100%;background:linear-gradient(#055AA9, #07A8FF);border:none;color:#FFF;font-size:1.4rem;text-align:center;padding: 1.8rem 1.35rem;overflow-x: hidden;}
.dtn-succes-order-work{width:60%;background:linear-gradient(180deg, rgba(166,222,113,1) 0%,rgba(78,148,12,1) 100%);border-radius: 30px;color:#FFF!important;font-size:1.3rem;text-align:center;text-transform: uppercase;transition: transform 800ms;overflow-x: hidden;}
.dtn-succes-order-work:hover,.dtn-succes-order-work:active,.dtn-succes-order-work:focus,.dtn-succes-order-work:visited{transform: scale(1.1);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);color:#FFF!important;overflow-x: hidden;}
.dtn-succes-order-work-bottom{width:230px;background:linear-gradient(180deg, rgba(166,222,113,1) 0%,rgba(78,148,12,1) 100%);border-radius: 30px;color:#FFF!important;font-size:1.3rem;text-align:center;text-transform: uppercase;transition: transform 800ms;overflow-x: hidden;}
.dtn-succes-order-work-bottom:hover,.dtn-succes-order-work:active,.dtn-succes-order-work:focus,.dtn-succes-order-work:visited{transform: scale(1.1);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);color:#FFF!important;overflow-x: hidden;}
.dtn-secondary{background:#87939D!important;border: none;color: #FFF;border-radius:3px!important;position:relative;font-size:1rem;text-align:center;overflow-x: hidden;}
/***** button animation *****/
.dtn-secondary .flare{position: absolute;top: 0;height: 100%;width: 75px;transform: skewX(-45deg);animation: flareAnimation;
left: -150%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.1));
animation: flareAnimation 2s infinite linear;}
.btn-success .flare{position: absolute;top: 0;height: 100%;width: 75px;transform: skewX(-45deg);animation: flareAnimation;
left: -150%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.1));
animation: flareAnimation 2s infinite linear;}
.dtn-succes-order-work-bottom .flare {position: absolute;top: 0;height: 100%;width: 75px;transform: skewX(-45deg);animation: flareAnimation;
left: -150%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.1));
animation: flareAnimation 2s infinite linear;}
.btn-success-bord .flare {position: absolute;top: 0;height: 100%;width: 75px;transform: skewX(-45deg);animation: flareAnimation;
left: -150%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.1));
animation: flareAnimation 2s infinite linear;}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
@keyframes glowing {
      0% { background:linear-gradient(45deg, #055AA9, #E46200); box-shadow: 0 0 5px #E46200; }
      5% { background:linear-gradient(45deg, #07A8FF, #E46200); box-shadow: 0 0 5px #E46200; }
      10% { background:linear-gradient(45deg, #3360A9, #284C85); box-shadow: 0 0 15px #07A8FF; }
      15% { background:linear-gradient(45deg, #3360A9, #284C85); box-shadow: 0 0 15px #07A8FF; }
      25% { background:linear-gradient(45deg, #3360A9, #284C85); box-shadow: 0 0 15px #07A8FF; }
      35% { background:linear-gradient(45deg, #3360A9, #284C85); box-shadow: 0 0 15px #07A8FF; }
      40% {background:linear-gradient(45deg, #E46200, #07A8FF); box-shadow: 0 0 20px #07A8FF; }
      50% {background:linear-gradient(45deg, #E46200, #07A8FF); box-shadow: 0 0 20px #07A8FF; }
      60% {background:linear-gradient(45deg, #E46200, #07A8FF); box-shadow: 0 0 20px #07A8FF; }
      75% { background:linear-gradient(45deg, #284C85, #3360A9); box-shadow: 0 0 15px #07A8FF; }
      85% { background:linear-gradient(45deg, #284C85, #3360A9); box-shadow: 0 0 15px #07A8FF; }
      95% { background:linear-gradient(45deg, #284C85, #3360A9); box-shadow: 0 0 15px #07A8FF; }
      100% { background:linear-gradient(45deg, #07A8FF, #E46200); box-shadow: 0 0 5px #07A8FF; }
}
/***** Cookie *****/
.cookie-banner-content{padding:5px;}
.cookie-banner {position: fixed;left: 20px;bottom: 20px;z-index: 1050;max-width: 30%;max-height: 130px;background: #fff;border-radius: 8px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);padding: 5px;display: none;}
.cookie-banner.show { display: block; }
.cookie-banner-title {margin: 0 0 10px;font-size: .758rem;font-weight: 600;}
.cookie-banner p {position:relative;width: 92%;float: left;border:1px solid #888;padding:5px;border-radius:5px;font-size: .685rem;line-height: 1.5;color: #555;margin:5px 0;}
.cookie-banner-links { font-size: 12px !important; }
.cookie-banner-actions {position:relative;width: 8%;float: right;display: flex;gap: 10px;justify-content: flex-end;flex-wrap: wrap;margin-top: 10px;}
.btn-cookie-accept {background: linear-gradient(135deg, #07A8FF, #0461ad);border: none;color: #fff;font-weight: 500;font-size: 0.875rem;padding: 8px; border-radius: 10px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(59, 130, 246, 0.35);}
.btn-cookie-accept:hover,.btn-cookie-accept:focus,.btn-cookie-accept:active,.btn-cookie-accept:visited {background: linear-gradient(135deg, #0461ad, #07A8FF);box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);transform: translateY(-1px);color: #fff;}
.btn-cookie-accept:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);}
@media (max-width: 480px) {
    .cookie-banner {left: 10px;right: 10px;bottom: 10px;max-width: none;}
}
/***** Cookie *****/
/***** breadcrumb *****/
.breadcrumb-item a{color:#07A8FF;font-size: .9em;font-weight:600;}
.breadcrumb-item a:hover{color:#68EBFF;font-size: .9em;font-weight:600;}
.breadcrumb-item img{width:22px;height:auto;}
.breadcrumb-item+.breadcrumb-item {padding-left: 0.5rem;padding-top: 0.28rem;font-size: .9rem;font-weight:600;}
.breadcrumb-item.active {color: #6c757d;font-size: .9em;font-weight:600;}
/***** /breadcrumb *****/
/***** header *****/

header{width:100%;font-size:1rem;font-weight: 600;padding:10px;background:#07A8FF;}
header a{color:#000;text-decoration:none;margin-left:10px;margin-right:10px;}
header a:hover,header a:visited,header a:focus,header a:active{color:#68EBFF;text-decoration:none;}
.head-right a{color:#000;text-decoration:none;}
.head-right a:hover,.head-right a:visited,.head-right a:focus,.head-right a:active{color:#68EBFF;text-decoration:none;}
.navbar{width:100%;background:#07A8FF;}
.head-left,.head-center,.head-right{text-align:center;padding-top:10px;}
.head-right{font-size:1.55rem;font-weight: 300;}
nav{max-height:50px!important;}
.navbar{-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);}
.navbar-brand{width:15%;}
.navbar-brand img{width:100%;height:auto;position:relative;top:-30px;}
.navbar-nav{padding-left:30%;}
.navbar-nav li{font-weight:600;font-size:1rem;background:#07A8FF;}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item:active,.dropdown-item:visited{background-color: #07A8FF;}
.dropdown, .dropleft, .dropright, .dropup{background-color: #FFF;}
.nav-item a{color:rgba(0,0,0,.7);text-decoration:none;cursor:pointer;font-weight: 600;}
.nav-item a:hover{color:rgba(104,235,255,.95);text-decoration:none;cursor:pointer;}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {-ms-flex-wrap: nowrap;flex-wrap: nowrap;height: 50px;}
/***** drop-menu *****/
.dropdown-menu {position: absolute;top: 100%;left: 0; z-index: 1000;display: none;float: left;min-width: 10rem; padding: .5rem 0;margin: .125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #07A8FF;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .15);border-radius: .25rem;}
/***** content ******/
#order{width:100%;text-align:center;padding-bottom:0;background: url("../images/water1.webp") bottom center;background-size: cover;background-attachment:fixed;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.2);-webkit-text-size-adjust: 100%;}
#order .title-section h2{font-size:2.7rem;color:#FFF;font-weight:600;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.order-left h2{color:#FFF;font-size:3.5em;font-weight:600;line-height: 1.15em;text-shadow:3px 5px 10px rgba(0,0,0,.4);}
.order-right h3{font-size:1.7rem;color:#000;font-weight:600;}
.order-left p,.order-right p{color:#FFF;font-size:1.7rem;font-weight:600;}
.order-right p{color:#000;font-size:1.15em;font-weight:600;}
.order-right{padding:10px;background:rgba(255,255,255,.8);border-radius:8px;margin-bottom: 40px;}
.order-img{}
.order-img img{width:100%; height:auto;}
.order-form {transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);}
.order-form{font-size:2rem;}
.oerder-form form{width:50%;margin:0 auto;}
.condit{color:#000;font-size:.95em;font-weight:600;}
.order-spec{text-align:left; padding-left:20px;}
.order-spec img{width:3%;vertical-align:middle;margin-right:20px;}
.dtn-messengr-wp,.dtn-messengr-tg{font-size:1.3rem;background:transparent;width: 100%!important;padding-top: 12px;padding-bottom: 18px;border-radius:10px;height: 55px;margin-bottom:20px;line-height:1.5rem;}
.dtn-messengr-wp{border:2px solid #48C657;color:#48C657;}
.dtn-messengr-wp:hover{border:2px solid #48C657;background:#48C657;color:#FFF;}
.dtn-messengr-tg{border:2px solid #259CD8;color:#259CD8;}
.dtn-messengr-tg:hover{border:2px solid #259CD8;background:#259CD8;color:#FFF;}
.order-item{color:#FFF;padding:40px 30px;}
.oerder-form .input-number{margin-bottom:20px;}
.flex-box__num_one,.flex-box__num_two,.flex-box__num_three,.flex-box__num_four {color: #FFF;text-align: center;font-weight: 600;font-size: 2.1em;line-height: 1.9em;margin-bottom: 14px; position: relative;z-index: 1; padding-top: 40px;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_one:after{content:"1";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_two:after{content:"2";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_three:after{content:"3";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_four:after{content:"4";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.order-item-text{color: #FFF;text-align: center;font-style: normal;font-weight: 500;font-size: 1rem;line-height: 1.2em;}
/***** slogan *****/
.title-section-servis{width:60%;margin:0 auto;padding:15px;}
.title-section-servis h2{font-size:3.5em;font-weight:600;}
.title-section-servis p{font-size:1.5em;font-weight:600;}
/***** prior ******/
#prior{width:100%;padding-bottom:0;background: url("../images/water1.webp") center center;background-size: cover;background-attachment:fixed;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.2);-webkit-text-size-adjust: 100%;}
.prior-item-left{color:#FFF;font-size:1.45em;font-weight:600;text-align:center;padding-top:20px;}
.prior-item-left a{color:#FFF;text-decoration:none;}
.prior-item-center,.prior-item-right{padding-top:10px;padding-bottom:20px;}
.prior-item-center img,.prior-item-right img{float:left;width:10%;margin-right:5px;}
.prior-item-center p,.prior-item-right p{width:85%;padding-top:10px;float:right;color:#FFF;font-size:1.25em;font-weight:600;}
#down-index{width:100%;padding-bottom:0;background: url("../images/water1.webp") center center;background-size: cover;background-attachment:fixed;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.2);-webkit-text-size-adjust: 100%;}
#work a{text-decoration:none;color:#07A8FF;}
.work-item{}
.work-item-cont{position: relative;border:1px solid rgba(0,0,0,.3);border-radius:5px; padding: 20px 25px 22px;min-height:164px;margin-bottom:20px;}
.work__step {position: absolute;top: -25px;right: 40px;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;-webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column;width: 50px;height: 50px;background: #07A8FF;border-radius: 50%;color: #fff;font-size: 9px;font-weight: 700;z-index: 5;}
.work__step span {font-size: 1rem;display: block;}
.work__title {font-size: 1em;font-weight: 700;}
.work__subtitle {display: block;font-size: .8em;font-weight: 300;}
.work__phone { display: inline-block;font-size: .9em;font-weight: 600;}
.work__link{font-size: .9rem;font-weight: 700;color: #07A8FF;text-decoration:underline!important;}
.work__descr {font-size: 14px;}
.work-slogan-cont{position: relative;background: #07A8FF;color: #fff;padding: 37px 45px 43px;border:1px solid rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.3);border-radius: 5px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.work__slogan {}
.work__info-icon {position: absolute;top: -25px;right: 40px;width: 50px; height: 50px;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;color: #07A8FF;background: #fff;border:1px solid #07A8FF;border-radius: 50%;font-size: 1.5rem;font-weight: 700;z-index: 5;}
.slogan__text {font-size: 1.68rem;font-weight: 600;width: 510px;max-width: 100%;}
.slogan__info-bg{position: absolute;bottom: 0;right: 40px;height: 200px;-o-object-fit: cover;object-fit: cover;}
/***** about *****/
.about-cont-item svg{margin-top:0px;margin-right:10px;}
.about-cont-item{padding:10px;}
.about-cont-item ul{width:70%;float:right;list-style:circle;}
.about-cont-item .icon-item-about{width:180px;float:left; }
.faq{margin-bottom:10px;width:60%;font-size:1.13em;font-weight:600;}
.card {margin-top:10px;padding:20px;}
/***** catalog ******/
.container{max-width: 1344px;}
.it-catalog{overflow:hidden;height:160px;}
.catalog{overflow:hidden;min-width:260px; min-height:300px;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:8px;border-bottom:1px solid #E4E4E4;border-right:1px solid #E9E9E9;}
.catalog-materials{overflow:hidden;max-height:260px;padding:10px;margin-top:20px;margin-bottom:20px;}
.catalog-index{position:relative;background:#FFF;padding-top:20px;}
.catalog__img {border-radius:8px;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;}.catalog__img {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%; -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
.catalog__img:hover .catalog__img-color{visibility: visible;opacity: 1;border-radius:8px;}
.catalog__img-color {position: absolute;transition: all .5s ease-in;border-radius:8px;}
.catalog__img-color {position: absolute;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;border-radius:8px;}
.catalog__img-gray {position: absolute;z-index: 2;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.catalog__item_name{position:relative;top: 210px;z-index: 5;text-align:center!important;}
.galery__item_name{position:relative;top: -150px;text-align:center;color:#000!important;z-index: 5;}
.galery__item_name:hover{color:#FFF!important;}
.grayscale {filter: url(../images/filters.svg#grayscale);-webkit-filter: grayscale(1);border-bottom: 1px solid #D0D0D0;padding-top: 20px;}
.grayscale:hover{filter:none;-webkit-filter:grayscale(0);}
.grayscale img{filter:gray;}
.grayscale:hover img{filter:none;}
.grayscale span{visibility:hidden;}
.grayscale:hover span{visibility:visible;}
/***** galery *****/
/*#alboms{position: relative;width:100%;background-image: url(../images/modul-ch-b.webp);background-size:cover;background-position: center bottom;background-attachment:fixed;background-repeat: no-repeat;color:#fff;z-index: 1;}
#alboms .title-section{color:#fff;}*/
.albom{padding:2px;margin-bottom: 2px;}
.albom-pict{padding:1px;}
.albom-item{max-height:356px;margin-bottom:2px;}
.albom__img{background: #000;}
.albom__img img{opacity: 0.4;height: 100%; width: 100%;}
.albom__img img:hover{opacity:0.7;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.albom__item_name{color:#fff!important;font-weight:500;position:relative;top:-100px;text-align:center;}
/*.catalog:hover{-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}*/
.catalog-item{padding:5px;border-radius:8px;}
.img-item-catalog{width:80%; height:290px;margin:0 auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.img-item-catalog-material{width:90%;margin:0 auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-webkit-filter: brightness(100%);}
.name-item-catalog h4{font-size: 1.3rem;font-weight: 600;padding:0px;text-align:center!important;}
.catalog img{ -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
.catalog img:hover{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.catalog-materials img{ -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
.catalog-materials img:hover{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);    -webkit-filter: brightness(30%);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.name-item-catalog-materials{position:relative;top:-150px;font-weight: 500;padding:30px;text-align:center;color:#FAFAFA;}
/***** contacts *****/
.contact-form{width:70%;margin:0 auto;}
/***** GeoModal *****/
#CityModal .modal-dialog{max-width:40%!important;}
.head-city{padding:3px!important;}
.city-point{padding:3px!important;}
/* Навигация */
.pointer {margin-bottom: 10px;font-size: 1em;line-height: 18px;font-weight:600;visibility: hidden;}
.pointer a {display: inline-block;padding: 3px;font-weight: 600;color: #055AA9;text-decoration: none;}
.pointer span {display: inline-block;padding: 3px;color: #999;}
/* Список */
h6 {display: block;font-size: 1em;font-weight: 600;margin-block-start: .03em;margin-block-end: .03em;color:rgba(0,0,0, .9);}
.list{font-family: 'Montserrat';font-weight: 600;line-height: 1em;}
.list td {width: auto;padding: .0333em;vertical-align: center;}
#CityModal.list ul {padding: 0;margin: 0 0 0 5px;}
#CityModal.list ul li {padding: 0;margin: 0 0 3px 0;list-style:none;}
#CityModal.list ul li a {color: #055AA9;font-size: .9rem;text-decoration: none;}
#CityModal.list a {color: #055AA9;font-size: .9rem;text-decoration: none;}
@media (max-width: 640px) and (min-width:0px){
#CityModal .modal-dialog{max-width:100%!important;}
.pointer{visibility: visible;}
.cipo{width:50%;float:left;}
}
.close {top: 10px;right: 10px;width: 32px;height: 32px;position: absolute;border: none;font-size: 1rem!important;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;
background-color: rgba(245, 31, 10, 1)!important;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);cursor: pointer;-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;outline: none;z-index:10;opacity: .9;}
.close:before {color: rgba(255, 255, 255, 0.9);content: "";font-family:  Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.9);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.close:hover {background-color: rgba(54, 194, 2, .98)!important;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.city-choice{color:#333; font-weight:600;font-size:.9rem;margin-left:10px;}
.city-choice:hover{color:#055AA9!important;}
#GeoModal.modal-title {margin-bottom: 0;line-height: 1!important;}
#GeoModal.fs-5 {font-size: 1.1rem !important;}
/***** coocke css *****/
#kuk {font-weight: 600;position: fixed;bottom: 0px;color: black;background: white;z-index: 1000;opacity: 0.9;left: 0px;padding: 15px;border-radius: 5px;margin: 5px;}
#kuk a{display: unset;color:#07A8FF;}
#i_agree_kook {padding: 5px 10px;border-radius: 3px;cursor: pointer;float: right;background:linear-gradient(45deg, #055AA9, #07A8FF);;color:#FFF;}
/***** /coocke css *****/
/***** footer ******/
.footer,footer{width:100%;padding-top:20px;background:#F0F0F0;}
.footer a,footer a{color:#000;}
.footer a:hover,footer a:hover,.footer a:visited,footer a:visited,.footer a:focus,footer a:focus,.footer a:active,footer a:active{text-decoration:none!important;color:#055AA9;}
.foot-center{text-align:center;}
.soc-foot li {list-style: none;display: inline;margin-right: 15px;font-size: 1.5rem;}
.foot-right{font-size: 0.8rem;text-align:right;}
.down-foot-right{text-align:right;font-size: 0.8rem;}
.down-foot-center{text-align:center;font-size: 0.8rem;}
.foot-left img{width:25%;}
.down-foot-left{font-size:0.7rem;}
.down-foot{border-top:1px solid #000;margin-top:20px;}
.down-foot a{font-size:0.7rem;}
.modal-body .form-control{padding: 0.375rem 0.75rem;}
/***** Button Up *****/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#07A8FF;border: 1px solid #FFFFFF;border-radius: 3px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 1px;margin-right: 0px;margin-left: 1px;}

@media (max-width: 840px) and (min-width:720px){
	.navbar-toggler {color:#000;padding: 0.25rem 0.95rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid rgba(0,0,0,.6);border-radius: 0.25rem;}
	.navbar-nav li{font-weight:600;font-size:.8rem;}
	.oerder-form form {width:70%;}
	.order-left h2 {font-size: 1.95rem;}
	.order-left p{font-size: 1.55rem;}
	.title-section-servis h2 {font-size: 1.9em;}
	.navbar-collapse{width:100%;background:#FFF;}
	.icon-item-about{display:none}
	.about-cont-item ul {width:100%;}
	.faq {width: 90%;}
	section {padding-top: 20px;padding-bottom: 20px;}
}
@media (max-width: 720px) and (min-width:640px){
	.order-left h2{font-size: 1.95rem;}
	.order-left p{font-size: 1.55rem;}
}
@media (max-width: 640px) and (min-width:0px){
	.order-spec img {width: 9%;}
	.contact-form{width:80%;margin:0 auto;}
	.container-fluid{position:relative;top:-10px;}
	.navbar-collapse{width:100%;background:#FFF;}
	.head-left{display:none;}
	.navbar-brand {width: 40%;}
	.navbar-toggler {color:#000;padding: 0.25rem 0.95rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid rgba(0,0,0,.6);border-radius: 0.25rem;}
	.navbar-nav li{font-weight:600;font-size:.8rem;}
	section {padding-top: 20px;padding-bottom: 20px;}
	.title-section h2 {font-size:1.6rem;}
	.title-section{padding-top: 10px;padding-bottom: 10px;}
	.oerder-form form {width:70%;}
	.order-left h2{font-size: 1.95rem;}
	.order-left p{font-size: 1.55rem;}
	.title-section-servis h2{font-size: 1.38em;}
	.about-cont-item .icon-item-about{display:none;}
	.about-cont-item ul {width: 100%;}
	.faq{width: 100%;font-size: .6em;}
	.icon-item-about{display:none}
	.foot-left,.foot-center,.foot-right,.down-foot,.down-foot-right{padding-bottom:10px;text-align:center!important;}
	.order-img,.top-img-order{display:none;}
	.input-number{margin-bottom:10px;}
	.dtn-succes-order-work{width:60%!important;}
	.table {display: block;overflow-x: auto;white-space: nowrap;}
	.slogan__text {font-size: 1rem;}
	.slogan__info-bg{height: 90px;}
}
@media (max-width: 480px) and (min-width:0px){
	.order-spec img {width: 9%;}
	.contact-form{width:90%;margin:0 auto;}
	.head-left{display:none;}
	.navbar-brand {width: 40%;}
	.navbar-toggler {color:#000;padding: 0.25rem 0.95rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid rgba(0,0,0,.6);border-radius: 0.25rem;}
	.navbar-nav li{font-weight:600;font-size:.8rem;}
	section {padding-top: 20px;padding-bottom: 20px;}
	.title-section h2 {font-size:1.6rem;}
	.title-section{padding-top: 10px;padding-bottom: 10px;}
	.oerder-form form {width:100%;}
	.order-left h2{font-size: 1.95rem;}
	.order-left p{font-size: 1.55rem;}
	.title-section-servis h2{font-size: 1.38em;}
	.about-cont-item .icon-item-about{display:none;}
	.about-cont-item ul {width: 100%;}
	.faq{width: 100%;font-size: .6em;}
	.foot-left,.foot-center,.foot-right,.down-foot,.down-foot-right{padding-bottom:10px;text-align:center!important;}
	.order-img,.top-img-order{display:none;}
	.input-number{margin-bottom:10px;}
	.dtn-succes-order-work{width:60%!important;}
	.table {display: block;overflow-x: auto;white-space: nowrap;}
	.slogan__text {font-size: 1rem;}
	.slogan__info-bg{height: 90px;}
}
@media (max-width: 360px) and (min-width:0px){
	.order-spec img {width: 9%;}
	.contact-form{width:90%;margin:0 auto;}
	.container-fluid{top:0}
	.head-left{display:none;}
	.navbar-brand {width: 40%;}
	.navbar-toggler {color:#000;padding: 0.25rem 0.95rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid rgba(0,0,0,.6);border-radius: 0.25rem;}
	.navbar-nav li{font-weight:600;font-size:.8rem;}
	section {padding-top: 20px;padding-bottom: 20px;}
	.title-section h2 {font-size:1.6rem;}
	.title-section{padding-top: 10px;padding-bottom: 10px;}
	.oerder-form form {width:100%;}
	.order-left h2{font-size: 1.95rem;}
	.order-left p{font-size: 1.55rem;}
	.title-section-servis h2{font-size: 1.38em;}
	.about-cont-item .icon-item-about{display:none;}
	.about-cont-item ul {width: 100%;}
	.faq{width: 100%;font-size: .6em;}
	.foot-left,.foot-center,.foot-right,.down-foot,.down-foot-right{padding-bottom:10px;text-align:center!important;}
	.order-img,.top-img-order{display:none;}
	.input-number{margin-bottom:10px;}
	.dtn-succes-order-work{width:60%!important;}
	.table {display: block;overflow-x: auto;white-space: nowrap;}
	.slogan__text {font-size: 1rem;}
	.slogan__info-bg{height: 90px;}
}

/***** rain *****/
