@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Merriweather&subset=cyrillic');

html {
    /*    font-family: 'Pacifico', cursive;*/
    /*    font-family: 'Merriweather', serif;*/
    font-size: 18px;
    background: whitesmoke;
}

body {
    position: relative;
}

* {
    margin: 0;
    padding: 0;
}


.bd-mobile {
    display: none;
    background-image: url("Object-webp/zubach-webp/balc/b2.webp");
    width: 100%;
    height: 1000px;
    background-position: center;
    background-size: cover;
}

.bd-example h3 {
    font-size: 50px;
}

.bd-example p {
    font-size: 25px;
}

/*   !!!!!!         HEADER          !!!*/
.header {
    display: block;
    width: 100%;
    background: whitesmoke;
    /*    height: 39px;*/
    height: auto;
    position: fixed;
    margin-top: -39px;
    text-align: center;
    padding-top: 4px;
    z-index: 11;
    /*анимация сжатия*/
    -webkit-transition: all 0.4s ease;
    /*font-family: 'Comfortaa', cursive;*/
    /*font-family: 'Bad Script', cursive;*/
    transition: all 0.4s ease;
}

.icons2 img {
    width: 60px;
}

#crumb {
    padding: 0px;
    margin: 0px;
    float: left;
    background: none;
}

#kroshki {
    color: black;
}


.header ul {
    margin-bottom: 0rem;
}

.header li {

    font-family: 'Cormorant Garamond', serif;
    /*font-family: 'Roboto', sans-serif;*/
    display: inline-block;
    /*text-shadow: .5px .5px .5px black;*/
    margin: 0px 0px 0px 30px;
    transition: transform 0.7s
}

.under li:hover {
    transform: scale(1.05);
}

.under li:hover:first-of-type {
    transform: none;
}

a img {
    height: 30px;
}

.logo {
    display: inline-block;
    height: 30px;
    width: auto;
    margin: 3px 0px 0px 50px;
    float: left;
    transition: transform 0.7s;
}

/*.header img:hover{
    transform: scale(1.1) translateY(3px);
}*/

.header a:hover {
    text-decoration: none;
    color: black;

}

.glide {
    border-bottom: solid 1px lightblue;
}

.header a {
    display: inline-block;
    color: black;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    font-style: normal;
}

.glide a {
    font-size: 18px;
}

.under a:after {
    display: block;
    content: "";
    background-color: grey;
    border-radius: 10px;
    height: 1px;
    width: 0%;
    left: 50%;
    position: absolute;
    -webkit-transition: width 0.7s ease-in-out;
    -moz--transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.under a:hover:after,
.under a:focus:after {
    width: 100%;
}

/*   !!!!!!         content          !!*/

.bd-example {
    margin-top: 35px;
}

.owl-carousel .owl-item img {
    height: 350px;
    width: auto !important;
    margin: auto;
}

.owl-carousel .owl-item:hover {
    filter: brightness(60%);
}

.icons {
    height: 40px;
    width: 40px;
    display: inline-flex;
}

.icons2 {
    height: 60px;
    width: 60px;
    display: inline-flex;
    justify-content: center;
}

.icon {
    height: 40px;
    width: 40px;
    margin-top: 20px;
    display: inline-block;

}


.window {
    /*   padding-top: 0px;*/
    background: lightgrey;
}

.content {
    margin-top: 39px;
    background: greenyellow;
}

.services {
    background: linear-gradient(to top, whitesmoke 0%, lightgray 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.services h6 {
    display: block;
    height: 25px;
}

.serv-item {
    margin: 20px 0px;
    height: 380px;
    min-width: 260px;
    flex-basis: 20%;
    text-align: center;
    transition: all 1s;
    border: none 1px grey;
    border-radius: 20px;
    background-color: rgba(230, 230, 230, .0);
    z-index: 5;
    position: relative;

}

.serv-item:hover {
    border: solid 1px grey;
    border-radius: 20px;
    background-color: rgba(230, 230, 230, .5);
    position: relative;
    /*    background: linear-gradient(to top, lightskyblue 0%, snow 100%);*/
    box-shadow: 0px 0px 10px grey;
}

.serv-txt {
    display: block;
    height: 200px;
    margin: 15px 10px;
    font-size: 16px;
    text-align: center;
}

.order {
    width: 60%;
    height: auto;
    display: block;
    font-size: 18px;
    border: solid 1px darkgrey;
    border-radius: 5px;
    background: lightgray;
    transition: all 0.5s;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
}

.order:hover {
    filter: brightness(90%);
    background: darkgrey;
    color: white;
}

#button {
    background: lightgrey;
    border: black;
    color: black;
}

.about-us {
    font-family: 'Merriweather', serif;
    padding: 30px;
    background: linear-gradient(to top, whitesmoke 0%, lightgray 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.with {
    /*    align-content: center;*/
    text-align: left;
    width: 60%;
}

.with:last-child {
    width: 40%;
}

.with span {
    display: block;
    text-align: center;
    color: black;
}

.with li,
ul {
    list-style-type: circle;
    font-size: 15px;
    margin-left: 50px;
    margin-right: 30px;
}

.icon2 {
    height: 60px;
    width: 60px;
    margin-left: 50%;
    transform: translateX(-50%);
    display: block;

}

/*   !!!!!!         footer          !!*/
.footer {
    display: block;
    width: 100%;
    height: 35px;
    background: whitesmoke;
    text-align: center;
}

.footer li {

    display: inline-block;
    font-family: 'Cormorant Garamond', serif;
    margin-right: 30px;
    margin-left: 30px;
}

.footer a {
    display: inline-block;
    color: black;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    font-style: normal;
}


.owl {
    background: whitesmoke;
}

.owl span {
    display: block;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    font-size: 26px;
    color: black;
    /*font-family: 'Comfortaa', cursive;*/
    /*font-family: 'Bad Script', cursive;*/
    font-family: 'Cormorant Garamond', serif;
    /*font-family: 'Roboto', sans-serif;*/
}

.item a {
    /*filter: brightness(70%);*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

}

.item a:hover {

    filter: brightness(60%);
    /*     box-shadow: inset 0 0 0 10px black;*/
    /*
    box-shadow:
            1px 1px grey,
            2px 2px grey,
            3px 3px grey,
            4px 4px grey,
            5px 5px grey,
            6px 6px grey,
            7px 7px grey;
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
    */

}

/*/!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   PRICE     !!!!!!!!!!!!!!!/*/
#cost span {
    margin-top: 25px;
}

.white {
    background: lightgray;
    flex-direction: row;
    height: 270px;
    position: relative;

}

.price-txt {
    font-size: 13px;
    font-family: 'Merriweather', serif;
    margin: 10px;
    line-height: 22px;
}

.price-cost {
    font-size: 16px;
    bottom: 5px;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
}

.price-cost span {
    font-size: 32px;
}

.price-about {
    font-size: 14px;
    text-align: left;
    font-family: 'Merriweather', serif;
    margin: 10px;
    line-height: 28px;
    flex-direction: row;
    padding: 10px 0px 0px 10px;
}

.cost-item {
    margin: 10px 0px;
    height: 540px;
    min-width: 270px;
    flex-basis: 23%;
    text-align: center;
    transition: all 1s;
    border: solid 1px lightgray;
    /*border-radius: 20px;*/
    background-color: rgba(230, 230, 230, .0);
    z-index: 5;
    position: relative;
}

.cost-item:hover {
    border: solid 1px grey;
    /* border-radius: 20px;*/
    background-color: rgba(230, 230, 230, .5);

    /*    background: linear-gradient(to top, lightskyblue 0%, snow 100%);*/
    box-shadow: 0px 0px 10px grey;
    position: relative;
}

.costs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

    background: linear-gradient(to top, whitesmoke 0%, whitesmoke 50%, whitesmoke 100%);
}

.operation {
    background: whitesmoke;
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    /* background: linear-gradient(to bottom, whitesmoke 0%, lightgray 50%, whitesmoke 100%);*/
}


.operation h4 {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    font-family: 'Merriweather', serif;
    font-size: 22px;
}

.operation img {
    float: left;
    display: inline-block;
    margin-right: 30px;
    transform: translateY(10%);
}

#img_line {
    transform: translateY(10%);
    margin-left: 10%;
}

.operation-txt {
    display: flex;
    flex-direction: row;    transition: all 1s;
    padding: 20px 0px;
    border-radius: 10px;
    font-family: 'Merriweather', serif;
}

#txt1 {
    margin-left: 17px;
}

.operation-txt:hover {
    filter: brightness(90%);
}

.icon3 {
    margin: 0px 30px;
    justify-content: center;
}

.icon0 {
    display: flex;
    height: 50px;
    width: auto;
    margin: 0px;
    justify-content: center;
    padding-top: 10px;
}


/*.operation-h{
    background: whitesmoke;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}*/

.operation-horizont {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.icon30 {
    margin: 0px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    /* display: block;*/
    display: flex;
    flex-direction: column;
}

.big {
    transform: scale(0.85);
}

.big .h-t {
    font-size: 14px;
}

.icon00 {
    background-size: cover;
    height: 50px;
    width: 50px;
    margin: 0px;
    padding-top: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg) scale(1.5);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 20% 40%;
    transform-origin: 20% 40%;
}

.operation:hover {
    /* background: linear-gradient(to bottom, lightgray 0%, whitesmoke 50%, darkgrey 100%);*/
    filter: brightness(90%);
}

.operation a h4 {
    font-family: 'Merriweather', serif;
    font-size: 22px;
    color: black;
}

.h-t {
    padding-top: 10px;
    visibility: hidden;
    width: 70px;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    color: black;
    text-align: center;
}

.icon30:hover .h-t {
    visibility: visible;
}

.costs-name span {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    font-size: 26px;
    color: black;
    /*font-family: 'Comfortaa', cursive;*/
    /*font-family: 'Bad Script', cursive;*/
    font-family: 'Cormorant Garamond', serif;
    /*font-family: 'Roboto', sans-serif;*/
    background: whitesmoke;
}

.services-name span {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    font-size: 26px;
    color: black;
    font-family: 'Cormorant Garamond', serif;
    /*font-family: 'Roboto', sans-serif;*/
    background: lightgray;
    /* background: linear-gradient(to bottom, darkgrey  0%, lightgray 100%);*/
    padding-top: 20px;
}

.services-name1 span {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    font-size: 26px;
    color: black;
    font-family: 'Cormorant Garamond', serif;
    /*font-family: 'Roboto', sans-serif;*/
    background: whitesmoke;

    /* background: linear-gradient(to bottom, darkgrey  0%, lightgray 100%);*/
    padding-top: 20px;
}


/*

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    ПОВОРОТ ПО HOVER
!!!!!!!!!!!!!!!!!!!!!!!
*/

.item30 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item20 {
    background-image: url("Text/whatIsDesign/3.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item20:hover,
.item20-2:hover,
.item20-3:hover,
.item20-4:hover,
.item20-5:hover,
.item20-6:hover {
    transform: scale(1.05);
    /*  transform: scale(1.55) rotate(15deg) ; */
    filter: brightness(60%);
}

.item30-2 {
    overflow: hidden;
    width: 220px;
    height: 300px;
}

.item20-2 {
    background-image: url("Text/char/1.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item30-3 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item20-3 {
    background-image: url("Text/ergonomic/1.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}



.item30-4 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item20-4 {
    background-image: url("Text/kitchen/pict3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item30-5 {
    overflow: hidden;
    width: 632px;
    height: 300px;
}

.item20-5 {
    background-image: url("Text/bathroom/bath6.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item30-6 {
    overflow: hidden;
    width: 393px;
    height: 300px;
}

.item20-6 {
    background-image: url("Text/bedroom/bed3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}




.with-txt {
    display: flex;
    /*    flex-direction: column;*/
    justify-content: center;

}

.with-txt div {
    flex-direction: row;

}

.with-txt li {
    display: inline-block;
    margin: 5px
}

.with-txt li a {
    font-size: 20px;
    font-family: 'Merriweather', serif;
    text-align: center;
    list-style-type: none;
    color: black;
}

/* !!!! Размер наименования объектов!!! */
.with-txt li a span {
    font-size: 14px;
}

.inst {
    color: blue !important;
    font-size: 14px !important;

    /*font-size: unset!important;*/
}


.costs-name a span {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    font-size: 26px;
    color: black;
    font-family: 'Cormorant Garamond', serif;
    background: whitesmoke;
    text-align: center;
}

.about-txt {
    background: linear-gradient(to bottom, whitesmoke 0%, lightgray 100%);
}

#ourProjects {
    background: whitesmoke !important;
    z-index: 100000000;
}
#ourProjects span a {
    text-decoration: none;
    color: black;
}
#ourProjects span a:hover{
    text-decoration: underline;
}

#nav {
    display: none;
}

#nav ul li a {
    font-size: 35px;
}
#btnProject{
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: whitesmoke;
    border: solid gray 1px;
    border-radius: 5px;
    padding: 0 20px 0 20px;
    position: relative;
    transition: all 1s;
    margin-bottom: 10px;
    margin-top: -10px;
}
#btnProject a {
    text-decoration: none;
    color: black;
    font-size: 26px;
    font-family: 'Cormorant Garamond', serif;
}

#btnProject:hover {
    border: solid 1px grey;
    background-color: rgba(230, 230, 230, .5);
    box-shadow: 0px 0px 10px grey;
    position: relative;
}













/*
ДЛЯ ОБЪЕКТОВ!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ПОВОРОТ ПО HOVER
!!!!!!!!!!!!!!!!!!!!!!!
*/

.item300 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200 {
    background-image: url("Object-webp/cottage-1/4.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item200:hover,
.item200-2:hover,
.item200-3:hover,
.item200-4:hover,
.item200-5:hover,
.item200-6:hover,
.item200-7:hover,
.item200-8:hover,
.item200-9:hover,
.item200-10:hover,
.item200-11:hover,
.item200-12:hover,
.item200-14:hover,
.item200-15:hover,
.item200-16:hover,
.item200-17:hover,
.item200-18:hover,
.item200-20:hover,
.item200-21:hover,
.item200-22:hover,
.item200-23:hover,
.item200-24:hover,
.item200-25:hover,
.item200-26:hover,
.item200-27:hover,
.item200-28:hover,
.item200-29:hover,
.item200-30:hover,
.item200-31:hover,
.item200-32:hover,
.item200-33:hover,
.item200-34:hover,
.item200-35:hover,
.item200-36:hover,
.item200-37:hover,
.item200-38:hover {
    transform: scale(1.05);
    /* transform: scale(1.37) rotate(15deg) ; */
    filter: brightness(60%);
}

.item300-2 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-2 {
    background-image: url("Object-webp/cottage-2/3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-3 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-3 {
    background-image: url("Object-webp/cottage-3/3-main.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-4 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-4 {
    background-image: url("Object-webp/flat-3/Vika.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-5 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-5 {
    background-image: url("Object-webp/flat-1/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-6 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-6 {
    background-image: url("Object-webp/flat-2/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-7 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-7 {
    background-image: url("Object-webp/webp(07-19)/balcon/balcon1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-8 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-8 {
    background-image: url("Object-webp/webp(07-19)/bedroom/bedroom3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-9 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-9 {
    background-image: url("Object-webp/webp(07-19)/childroom/child1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-10 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-10 {
    background-image: url("Object-webp/webp(07-19)/kitchen/kitchen1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-11 {
    overflow: hidden;
    width: 315px;
    height: 300px;
}

.item200-11 {
    background-image: url("Object-webp/webp-11/5-main.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-12 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}

.item200-12 {
    background-image: url("Object-webp/zubach-webp/gost/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-14 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item200-14 {
    background-image: url("Object-webp/nashrem/4.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-15 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-15 {
    background-image: url("Object-webp/minsk-mir-tango/bedroom/0.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-16 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item200-16 {
    background-image: url("Object-webp/Sokol-webp/bedroom/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-17 {
    overflow: hidden;
    width: 240px;
    height: 300px;
}

.item200-17 {
    background-image: url("Object-webp/minsk-mir-tango/dressingroom/1-1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-18 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-18 {
    background-image: url("Object-webp/Vostochnaya/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-20 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-20 {
    background-image: url("Object-webp/webp2022/Kiev/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-21 {
    overflow: hidden;
    width: 315px;
    height: 300px;
}

.item200-21 {
    background-image: url("Object-webp/webp2022/Pekin/22.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-22 {
    overflow: hidden;
    width: 315px;
    height: 300px;
}

.item200-22 {
    background-image: url("Object-webp/webp2022/SanFranc/43.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-23 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item200-23 {
    background-image: url("Object-webp/webp2022/Kalinin/3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-24 {
    overflow: hidden;
    width: 360px;
    height: 300px;
}

.item200-24 {
    background-image: url("Object-webp/webp2022/Platonova/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-25 {
    overflow: hidden;
    width: 415px;
    height: 300px;
}

.item200-25 {
    background-image: url("Object-webp/webp2022/Timiryaz/27.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-26 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-26 {
    background-image: url("Object-webp/webp2022/Koroleva/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-27 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item200-27 {
    background-image: url("Object-webp/webp2022/WORLD/5.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-28 {
    overflow: hidden;
    width: 400px;
    height: 300px;
}

.item200-28 {
    background-image: url("Object-webp/webp2022/RIO/8.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-29 {
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.item200-29 {
    background-image: url("Object-webp/webp2022/Tango/3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item300-30 {
    overflow: hidden;
    width: 226px;
    height: 300px;
}
.item200-30 {
    background-image: url("Object-webp/webp2022/Vostochnaya/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-31 {
    overflow: hidden;
    width: 316px;
    height: 300px;
}
.item200-31 {
    background-image: url("Object-webp/webp2022/Raubichi/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-32 {
    overflow: hidden;
    width: 430px;
    height: 300px;
}
.item200-32 {
    background-image: url("Object-webp/webp2022/Kolodischi/1.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-33 {
    overflow: hidden;
    width: 385px;
    height: 300px;
}
.item200-33 {
    background-image: url("Object-webp/webp2022/NovBorovaya/2.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-34 {
    overflow: hidden;
    width: 330px;
    height: 300px;
}
.item200-34 {
    background-image: url("Object-webp/webp2022/Dzerzhinskogo/23.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-35 {
    overflow: hidden;
    width: 315px;
    height: 300px;
}
.item200-35 {
    background-image: url("Object-webp/webp2022/Mira/21.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-36 {
    overflow: hidden;
    width: 312px;
    height: 300px;
}
.item200-36 {
    background-image: url("Object-webp/webp2022/Tatu/3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-37 {
    overflow: hidden;
    width: 450px;
    height: 300px;
}
.item200-37 {
    background-image: url("Object-webp/webp2022/Ratomskaya7/22.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item300-38 {
    overflow: hidden;
    width: 480px;
    height: 300px;
}
.item200-38 {
    background-image: url("Object-webp/webp2022/Ratomskaya36/66.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


.owl-non {
    display: none;
}


.about-txt ul li a {
    display: inline-block;
    text-align: center;
    font-size: 18px;
}

.about-txt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: none !important;
}

.box {
    display: contents;

}

.fancybox-close {
    top: 0;
    right: 0;
}

/* МЕНЮ NAV BOOTSRAP  */

#nav ul li a {
    font-size: 45px;
}

.navbar-light .navbar-toggler {
    font-size: 50px;
    margin-left: 85px;
}

.navbar-light .navbar-toggler a {
    font-size: 50px;
}

.navbar-brand img {
    transform: scale(2.0);
}


/* @media screen and (orientation:landscape) */
@media screen and (max-width: 1200px) {

    .box {
        display: contents;
        margin: 20px 0px;
    }

    .serv-item {
        flex-basis: 50%;
        height: 360px;
        font-size: 28px;
    }

    .serv-item h6 {
        font-size: 28px;
        height: 46px;
    }

    .serv-txt {
        font-size: 18px;
    }

    .cost-item {
        min-width: 250px;
        height: 600px;
        flex-basis: 40%;
    }

    .price-about {
        font-size: 20px;
    }

    .price-txt {
        font-size: 18px;
    }

    .white {
        height: 310px;
    }

}


@media screen and (max-width: 1000px) {

    #nav {
        display: block;
        margin-top: 34px;                   /* !!!!!!!!!!!!!!!!!!!!!! */
    }

    #gl {
        display: none;
    }

    .under {
        display: none;
    }

    .operation {
        display: none;
    }

    .w-100 {
        padding-top: 30px;
    }

}


@media screen and (max-width: 1000px) {
    .bd-example {
        display: none;
        /*   margin-top: 90px; */
    }

    .bd-mobile {
        display: block;
        /*   margin-top: 90px; */
    }

    .bd-mobile h3 {
        font-size: 50px;
        color: white;
        padding-top: 70%;
        display: inline-block;
        text-align: center;
    }

    .w-100 {
        padding-top: 35px;
    }

    /*     .bd-example h3 {
        font-size: 30px;
    }
    .bd-example p {
        font-size: 20px;
    } */

}


/*//!!!!!!!!!!!MIN!!!!!!!!!!!!!!!*/
@media screen and (max-width: 1000px) {

    .with-txt ul li span {
        font-size: 24px;
    }

    .article {
        display: none;
    }

    .with-txt ul {
        width: 100%;
    }

    .with-txt ul li {
        width: 100%;
        margin-top: 50px;
    }

    .about-txt ul {
        flex-direction: column;
        align-items: center;
    }

    .about-us {
        padding: 28px;
    }

}

@media screen and (max-width: 1000px) {


    .text {
        font-size: 14px;
    }

    /*!!!!!!!!!!!!!!*/
    .operation {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: lightgrey;
        margin: 0px 10%;
    }

    .operation {
        padding-top: 210px;
    }

    /*!!!!!!!!!!!!!!*/
    .operation {
        display: none;
    }


}

@media screen and (max-width: 1200px) {

    .w-100 {
        padding-top: 35px;
    }

    .about-us {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .with {
        width: 100%;
    }

    .with:last-child {
        width: 100%;
    }

}