body {
    margin: 0;
    font-family: 'Nunito', sans-serif;
}
.backcolor {
    background-color: #000000;
}
.navbar {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}
.nav-item {
    font-size: 13px;
}
.newlogo {
    width: 150px;
}
.png {
    margin: 5px;
    width: 14px;
}
.contactblok {
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.contactblok2 {
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.navbar-brand {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
}
.nav-link {
    display: flex;
    align-items: center;
}
.pnghead {
    margin: 10px;
    height: 55px;
}
.space {
    height: 100px;
}
.bg {
    background-image: url(assets/head3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.massiv {
    margin-top: 100px;
    color: #000000;
    font-size: 25px;
    text-transform: uppercase;
}
.sovershenstvo{
    margin-top: 20px;
    color: #fff;
    font-size: 45px;
    background-color: rgba(0, 0, 0, 0.6);
}
.sovershenstvo-orange{
    margin-top: 20px;
    color: #fff;
    font-size: 45px;
    background-color: rgba(247, 149, 36, 0.582);
}
.vopros{
    margin-top: 60px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 25px;
    background-color: rgba(247, 149, 36, 0.582);
    width: 30%;
    padding: 15px;
}
.priceLink{
    color: #fff;
    font-size: 25px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
}
.linkHead {
    margin-top: 0px;
    width: 30%;
    text-decoration: none;
}
.white {
    color: #fff;
    font-size: 25px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
    opacity: 0;
}
.selected .white{
opacity: 1;
transition: 1s all ease-in-out;
}
.selected .kitchenName {
    opacity: 0;
    transition: 1s all ease-in-out;
    }
.kitchenName {
    color: #000000;
    font-size: 25px;
    align-self: flex-start;
    padding: 20px;
    position: absolute;
    bottom: 20px;
}
hr {
    border: none;
    padding: 1px;
    margin: 2% 20%;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(92,89,94,0.1) 0%, rgba(0,0,0,1) 49%, rgba(92,89,94,0.1) 100%);
}
.firstContainer{
    background-image: url(assets/kitchen2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
}
.about {
    display: flex;
    justify-content: center;
    align-self: center;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.7);
}
.about-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px 50px;
}
.double {
    display: flex;
    padding: 20px;
    align-items: center;
    width: 30%;
}
.texting {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.razdel {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.zagolovok {
    font-size: 30px;
    margin-top: 20px;
    padding: 0 10 0 10;
    color: #1b1717;
    font-style: bold;
}
.big {
    text-transform: uppercase;
}
.podzagolovok {
    font-size: 20px;
    color: #40394a;
    margin-top: 0;
    margin-bottom: 0;
}
.quizbtn {
    padding: 10px 20px;
    background-color: #f88f01;
    border: none;
}
.quizbtn2 {
    padding: 10px 20px;
    background-color: #1b1717;
    border: none;
}
.knopka, .knopka2 {
    
    font-size: 18px;
    color: white;
    text-decoration: none;
}
.closebtn {
    padding: 10px 20px;
    background-color: #706c61;
    border: none;
    font-size: 18px;
    color: white;
}
.knopka:hover {
    color: #1b1717;
}
.knopka2:hover {
    color: #f88f01;
}
.voprosnik {
    margin-top: 10px;
    background-color: #f88f01;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.vopros1 {
padding: 10px;
flex: 1;
}
.textvopros {
    font-size: 18px;
    color: white;
}
.begunok{
    min-height: 10vh;
    padding: 0 10vh;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type=range] {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: orange;
    border-radius: 25px;
}
input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: orange;
}
.range-wrap{
    width: 500px;
    position: relative;
}
.range-value{
    position: absolute;
    top: -50%;
}
.range-value span{
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #f88f01;
    color: #fff;
    font-size: 15px;
    display: flex;
    border-radius: 6px;
}
.range-value span:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #f88f01;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}
.project-line{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.grey {
    background-color: #EEEEEE;
}
.bg2 {
    background-image: url('assets/bg2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.orange {
    background-color: #f88f01;
}
.voprosteam {
    display: flex;
    justify-content: center;
}
.elena {
    text-decoration: none;
}
.blackline {
    background-color: black;
    height: 20px;
}

.container2 {
    display: flex;
}
.item {
    height: 70vh;
    background-size: cover;
    background-position: center;
    margin: 5px;
    flex: 1;
    position: relative;
}
.one {
    background-image: url('assets/kaliari1.jpg');
}
.two {
    background-image: url('assets/kaliari2.jpg');
}
.three {
    background-image: url('assets/kaliari3.jpg');
}
.four {
    background-image: url('assets/afina1.jpg');
}
.five {
    background-image: url('assets/afina2.jpg');
}
.six {
    background-image: url('assets/afina3.jpg');
}
.seven {
    background-image: url('assets/provans1.jpg');
}
.eight {
    background-image: url('assets/provans2.jpg');
}
.nine {
    background-image: url('assets/provans3.jpg');
}
.ten {
    background-image: url('assets/milan1.jpg');
}
.eleven {
    background-image: url('assets/milan2.jpg');
}
.twelve {
    background-image: url('assets/milan3.jpg');
}
.thirteen {
    background-image: url('assets/katarina1.jpg');
}
.fourteen {
    background-image: url('assets/katarina2.jpg');
}
.fiveteen {
    background-image: url('assets/katarina3.jpg');
}
.sixteen {
    background-image: url('assets/jaklin1.jpg');
}
.seventeen {
    background-image: url('assets/jaklin2.jpg');
}
.eighteen {
    background-image: url('assets/jaklin3.jpg');
}
.nineteen {
    background-image: url('assets/eterniti1.jpg');
}
.twenty {
    background-image: url('assets/eterniti2.jpg');
}
.twenty-one {
    background-image: url('assets/eterniti3.jpg');
}
.twenty-two {
    background-image: url('assets/kelli1.jpg');
}
.twenty-three {
    background-image: url('assets/kelli2.jpg');
}
.twenty-four {
    background-image: url('assets/kelli3.jpg');
}
.twenty-five {
    background-image: url('assets/tatiana1.jpg');
}
.twenty-six {
    background-image: url('assets/tatiana2.jpg');
}
.twenty-seven {
    background-image: url('assets/tatiana3.jpg');
}
.twenty-eight {
    background-image: url('assets/tatiana4.jpg');
}
.twenty-nine {
    background-image: url('assets/milan4.jpg');
}
.thirty {
    background-image: url('assets/milan5.jpg');
}
.thirty-one {
    background-image: url('assets/milan6.jpg');
}
.thirty-two {
    background-image: url('assets/milan7.jpg');
}
.thirty-three {
    background-image: url('assets/valencia1.jpg');
}
.thirty-four {
    background-image: url('assets/valencia2.jpg');
}
.thirty-five {
    background-image: url('assets/valencia3.jpg');
}
.thirty-six {
    background-image: url('assets/valencia4.jpg');
}
.thirty-seven {
    background-image: url('assets/galiano1.jpg');
}
.thirty-eight {
    background-image: url('assets/galiano2.jpg');
}
.thirty-nine {
    background-image: url('assets/galiano3.jpg');
}
.forty {
    background-image: url('assets/galiano4.jpg');
}
.forty-one{
    background-image: url('assets/katarina4.jpg');
}
.forty-two {
    background-image: url('assets/katarina5.jpg');
}
.forty-three {
    background-image: url('assets/katarina6.jpg');
}
.forty-four {
    background-image: url('assets/katarina7.jpg');
}
.forty-five{
    background-image: url('assets/flora1.jpg');
}
.forty-six {
    background-image: url('assets/flora2.jpg');
}
.forty-seven {
    background-image: url('assets/flora3.jpg');
}
.forty-eight {
    background-image: url('assets/flora4.jpg');
}
.forty-nine{
    background-image: url('assets/monarch1.jpg');
}
.fifty{
    background-image: url('assets/monarch2.jpg');
}
.fifty-one {
    background-image: url('assets/monarch3.jpg');
}
.fifty-two {
    background-image: url('assets/monarch4.jpg');
}
.fifty-three{
    background-image: url('assets/kelli4.jpg');
}
.fifty-four{
    background-image: url('assets/kelli5.jpg');
}
.fifty-five {
    background-image: url('assets/kelli6.jpg');
}
.fifty-six {
    background-image: url('assets/kelli7.jpg');
}
.par {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0;
    opacity: 0;
    text-align: center;
    padding: 8px;
}
.price {
    background-color: rgba(247, 149, 36, 0.7);
    color: #fff;
    font-size: 0;
    opacity: 0;
    text-align: center;
    padding: 8px;
}
.choosen {
    flex: 2;
}
.choosen .par{
    font-size: 15px;
    opacity: 1;
    transition: 1s all ease-in;
}
.choosen .price{
    font-size: 15px;
    opacity: 1;
    transition: 1s all ease-in;
}
.bg3 {
    background-image: url(bg3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.bigpercent {
    font-size: 60px;
}
.smallsize {
    font-size: 20px;
}
.bg4 {
    background-image: url(bg4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 95vh;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.middle {
    margin-top: 18%;
}

@media all and (max-width:500px) {
    .newlogo {
        width: 120px;
    }
    .pnghead {
        margin: 5px;
        height: 40px;
    }
    .pngheadmetr {
        margin: 5px;
        height: 45px;
    }
    .nav-link {
        align-items: center;
    }
    .navbar {
        position: unset;
    }
    .contactblok {
        margin: 5px;
    }
    .contactblok2 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0px;
    }
    .space {
        height: 0px;
    }
    .massiv {
        margin-top: 50px;
        font-size: 18px;
    }
    .sovershenstvo{
        margin-top: 20px;
        font-size: 30px;
    }
    .vopros, .linkHead, .priceLink, .kitchenName{
        font-size: 15px;
        width: 100%;
    }
    .white {
        font-size: 15px;
    }
    .about {
        flex-direction: column;
    }
    .double {
        width: 90%;
    }
    .texting {
        font-size: 14px;
    }
    .voprosnik {
        flex-direction: column;
        
    }
    .voprosteam {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .voprospole {
        width: 200px;
    }
    .container2 {
        flex-direction: column;
        height: 90vh;
    }
    .choosen {
        flex: 4;
    }
    .bg2 {
        height: 130vh;
    }
}
@media all and (max-width:800px) {
    .newlogo {
        width: 120px;
    }
    .pnghead {
        margin: 5px;
        height: 40px;
    }
    .pngheadmetr {
        margin: 5px;
        height: 45px;
    }
    .navbar {
        position: unset;
    }
    .nav-link {
        align-items: center;
    }
    .contactblok {
        margin: 5px;
    }
    .contactblok2 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0px;
    }
    .space {
        height: 0px;
    }
    .massiv {
        margin-top: 50px;
        font-size: 18px;
    }
    .sovershenstvo, .sovershenstvo-orange{
        margin-top: 20px;
        font-size: 30px;
    }
    .vopros, .linkHead, .priceLink, .kitchenName{
        font-size: 15px;
        width: 100%;
    }
    .about {
        flex-direction: column;
    }
    .double {
        width: 90%;
    }
    .texting {
        font-size: 14px;
    }
    .voprosnik {
        flex-direction: column;
        
    }
    .voprosteam {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .voprospole {
        width: 200px;
    }
    .container2 {
        flex-direction: column;
        height: 80vh;
    }
    .choosen {
        flex: 4;
    }
    .bg2 {
        height: 130vh;
    }
}