*Обнуление*/
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
ul,
ol,
li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}
html,
body {
    height: 100%;
    line-height: 1;
    
}


@font-face {
	font-family: 'Futura PT Bold';
	src: url('../fonts/futura_pt_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/futura_pt_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/futura_pt_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/futura_pt_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/futura_pt_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/futura_pt_bold.svg#futura_pt_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Futura PT Book';
	src: url('../fonts/futura_pt_book.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/futura_pt_book.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/futura_pt_book.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/futura_pt_book.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/futura_pt_book.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/futura_pt_book.svg#futura_pt_book') format('svg'); /* Chrome < 4, Legacy iOS */
}


@font-face {
	font-family: 'Futura PT Medium';
	src: url('../fonts/futura_pt_medium.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/futura_pt_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/futura_pt_medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/futura_pt_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/futura_pt_medium.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/futura_pt_medium.svg#futura_pt_medium') format('svg'); /* Chrome < 4, Legacy iOS */
}


/*---------------------------------------*/
.wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: url('../img/main/zolotofon.webp');

}

/*---------------------------------------*/


[class*="_container"] {
    max-width: 1186px;
    margin: 0px auto;

}
/*КОМПЬЮТЕР       АДАПТАЦИЯ ПОД МОБИЛЬНОЕ УСТТРОЙСТВО*/
@media (max-width: 1230px) {
    [class*="_container"] {
    max-width: 970px;
    }
    .wrapper {
        min-height: 100%;
    }
}

/*ПЛАНШЕТ    АДАПТАЦИЯ ПОД МОБИЛЬНОЕ УСТТРОЙСТВО*/
@media (max-width: 991.98px) {
    [class*="_container"] {
    max-width: 750px;
    }
    .wrapper {
        min-height: 100%;
    }
}

/*МОБЬНЫЙ   АДАПТАЦИЯ ПОД МОБИЛЬНОЕ УСТТРОЙСТВО*/
@media (max-width: 767.98px) {
    [class*="_container"] {
    max-width: 560px;
    }
    .wrapper {
        min-height: 100%;
    }
}

/*МАЛЕНЬКИЕ МОБЬНЫЕ   АДАПТАЦИЯ ПОД МОБИЛЬНОЕ УСТТРОЙСТВО*/
@media (max-width: 560px) {
    [class*="_container"] {
    max-width: none;
    }
    .wrapper {
        min-height: 100%;
    }
    
}





/*================HEADER===========================*/
.header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
}

.header_container {
    display: flex;
    min-height: 105px;
    background-color: #363636;
    box-shadow: 1px 1px 8px rgb(0, 0, 0);
}
.header_logo {
    width: 109px;
    height: 79px;
    margin-top: 15px;
    margin-left: 15px;
    background: url('../img/szapka/logo.png');
    background-repeat: no-repeat;
    /* border: solid 1px red; */
}
.logo_link {
    display: block;
    width: 109px;
    height: 79px;
}
/*==========================HEADER MENU+kontakt====================*/
.menu_kontakt {
    width: 1060PX;
    height: 100px;
    /* border: solid 1px rgb(251, 255, 0); */
}

.header_menu {
    flex: 1 1 auto;
    /* border: solid 1px rgb(0, 255, 64); */
}

.menu {
    width: 1058PX;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    /* border: solid 1px rgb(255, 0, 0); */
}
.menu_list {
    display: flex;
    /* border: solid 1px rgb(0, 255, 55); */
}
.menu_link {
	font-family: 'Futura PT Medium';
    font-size: 15px;
    line-height: 1;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
}
.menu_link:hover {
    color: #C8BA5B;
    text-decoration: none;
}
.menu_item {
    margin: 10px 10px 0px 0px;
    padding-right: 9px ;
    height: 19px;
    border-right: solid 1PX #c8b95b9a;
}
.menu_item:last-child {
    border-right: none;
  }

.header_kontakt {
    width: 280px;
    height: 50px;
    margin-top: 10px;
    margin-left: 770px;
    /* border: solid 1px rgb(0, 60, 255); */
}

.tel_ws_booksy {
    display: flex;
}

.header_telefon {
    width: 135px;
    margin-top: 12px;
    /* border: solid 1px red; */
}

.telefon{
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Futura PT Medium';
    font-weight: bolder;
    font-size: 16px;
    line-height: 1.2px;
    letter-spacing: 1px;
    color: #C8BA5B;
    align-items: center;
}

.telefon_call {
    display: flex;
    align-items: center;
    padding: 5px 0px 5px 5px;
    border: 2px solid #C8BA5B;
    border-radius: 3px;
}

.telefon_call:hover{
    color: #ffffff;  
    text-decoration: none;
}
.phone {
    height: 17px;
    width: 19px;
    margin-right: 4px;
}
.ws {
    height: 40px;
    width: 40px;
    background: url('../img/szapka/icon/logo_watsup.svg');
    margin: 5px 0 0 10px;
}
.ws_link {
    display: block;
    width: 40px;
    height: 40px;
}

.booksy {
    height: 40px;
    width: 40px;
    background: url('../img/szapka/icon/logo_booksy.svg');
    margin: 5px 0 0 10px;
}
.booksy_link {
    display: block;
    width: 40px;
    height: 40px;
}

@media (max-width: 1230px) {
    .header_kontakt {
        margin-left: 670px;
        /* border: solid 1px red; */
    }
    .menu {
        max-width: 91%;
        height: 35px;
        margin-top: 13px;
            /* border: solid 1px rgb(0, 60, 255); */
    }
    .menu_body {
        min-width: 100%;

    }
    .menu_link {
        font-size: 13px;
    }
    .menu_item {

    }

    .menu_list {

    }
    .header_logo {
        width: 97px;
        height: 70px;
        position: absolute;
        background: url('../img/szapka/logo2.png');
        background-repeat: no-repeat;
        /* border: solid 1px red; */
    }

    .logo_link {
        width: 97px;
        height: 70px;
    }
}

@media (max-width: 991.98px) {
    .header_kontakt {
        margin-left: 5px;
    }
    .header_logo {
        position: relative;
    }
    .menu_kontakt {
        display: flex;
        width: 330px;
        height: 65px;
        margin-top: 15px;
        margin-left: 290px;
        /* border: solid 3px rgb(255, 145, 0); */
    }
    .menu {
        margin-top: 15px;
        max-width: 1%;

    }
    .menu_body {
        display: none;
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #363636;
        padding: 70px 0px 30px 0px;
    }

    .header:target .menu_body {
        display: block;
    } 
  
    .menu_list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu_item {
        margin: 0px 0px 15px 0px;
        border-right: none;
    }

    .menu_item:last-child {
        margin-bottom: o;
    }

    .menu_link {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .menu_kontakt {
        display: flex;
        width: 280px;
        height: 65px;
        margin-top: 15px;
        margin-left: 5px;
        /* border: solid 3px rgb(255, 145, 0); */
    }

}


/*=====================Меню бургер-------------------------------*/

.close-icon-menu,
.icon-menu {
    display: none;
}

@media (max-width: 991.98px) {
    .icon-menu {
        display: flex;
        position:relative;
        flex: 0 0 30px;
        height: 18px;
        flex-direction: column;
        justify-content: space-between;
        margin: 25px 7px 0px 0px;
    }

    .icon-menu::before,
    .icon-menu::after {
    content: "";
    background-color: rgb(255, 255, 255);
    height: 2px;
    }

    .icon-menu span {
    height: 2px;
    background-color: rgb(255, 255, 255);
    }

    .close-icon-menu {
        flex: 0 0 30px;
        height: 30px;
        position: relative;
        margin: 22px 7px 0 0;
    }

    .close-icon-menu::before,
    .close-icon-menu::after {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    background-color: rgb(255, 255, 255);
    height: 2px;
    margin-top: 15px;
    }

    .close-icon-menu::before {
        transform: rotate(45deg);
    }

    .close-icon-menu::after {
        transform: rotate(-45deg);
    }

    .header:target .icon-menu {
        display: none;
    }
    .header:target .close-icon-menu {
        display: flex;
    }
}






/*===================блок MAIN=========================*/

.wrap {
    display: flex;
    margin-top: 20px;
  }

  .wrap2 {
    width: 120px;
    display: flex;
    margin: 0 auto;

  }

.block-text_button {
    position: relative;
    color: #fff;
    font-family: 'Futura PT Medium';
    font-size: 18px;
    background: linear-gradient(to right, #C8BA5B, #d8c33d);
    padding: 8px 35px;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .block-text_button:hover{
    color: #ffffff;
    text-decoration: none;
}

  .block-text_button:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0; left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    animation: blick 4s infinite;
  }
  
  @keyframes blick {
    0% {
      transform: translate(-100%, -25%) rotate(10deg);
    }
    20% {
      transform: translate(100%, -25%) rotate(10deg);
    }
    100% {
      transform: translate(100%, -25%) rotate(10deg);
    }
  }


@media (max-width: 991.98px) {

    .block-text_button {
        padding: 5px 30px;
      }    
}

@media (max-width: 767.98px) {


}

@media (max-width: 500px) {


}



/*===============================makijz================================*/

.portfolio {
    margin: 140px auto 0 auto;
    width: 1186px;
    min-height: 100%;
}

.portfolio_bloki {
    margin: 0 auto;
    width: 1186px;
}








.portfolio_blok1 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto01 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio1.webp');
    border: solid 3px #C8BA5B;
}
.foto02 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio2.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





.portfolio_blok2 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto03 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio3.webp');
    border: solid 3px #C8BA5B;
}
.foto04 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio4.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto05 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio5.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





.portfolio_blok3 {
    display: flex;
    height: 572px;
    margin-top: 30px;
}

.foto06 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio6.webp');
    border: solid 3px #C8BA5B;
}
.foto07 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio7.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok4 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto8 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio8.webp');
    border: solid 3px #C8BA5B;
}
.foto9 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio9.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto10 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio10.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





.portfolio_blok5 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto11 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio11.webp');
    border: solid 3px #C8BA5B;
}
.foto12 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio12.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}




.portfolio_blok6 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto13 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio13.webp');
    border: solid 3px #C8BA5B;
}
.foto14 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio14.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto15 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio15.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}









.portfolio_blok7 {
    display: flex;
    height: 572px;
    margin-top: 30px;
}

.foto16 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio16.webp');
    border: solid 3px #C8BA5B;
}
.foto17 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio17.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}







.portfolio_blok8 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto18 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio18.webp');
    border: solid 3px #C8BA5B;
}
.foto19 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio19.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto20 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio20.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}




.portfolio_blok9 {
    display: flex;
    height: 572px;
    margin-top: 30px;
}

.foto21 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio21.webp');
    border: solid 3px #C8BA5B;
}
.foto22 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio22.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok10 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto23 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio23.webp');
    border: solid 3px #C8BA5B;
}
.foto24 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio24.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto25 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio25.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok11 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto26 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio26.webp');
    border: solid 3px #C8BA5B;
}
.foto27 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio27.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}









.portfolio_blok12 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto28 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio28.webp');
    border: solid 3px #C8BA5B;
}
.foto29 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio29.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto30 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio30.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





.portfolio_blok13 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto31 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio31.webp');
    border: solid 3px #C8BA5B;
}
.foto32 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio32.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





.portfolio_blok14 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto33 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio33.webp');
    border: solid 3px #C8BA5B;
}
.foto34 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio34.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto35 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio35.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}







.portfolio_blok15 {
    display: flex;
    height: 572px;
    margin-top: 30px;
}

.foto36 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio36.webp');
    border: solid 3px #C8BA5B;
}
.foto37 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio37.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}







.portfolio_blok16 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto38 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio38.webp');
    border: solid 3px #C8BA5B;
}
.foto39 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio39.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto40 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio40.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok17 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto41 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio41.webp');
    border: solid 3px #C8BA5B;
}
.foto42 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio42.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok18 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto43 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio43.webp');
    border: solid 3px #C8BA5B;
}
.foto44 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio44.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto45 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio45.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok19 {
    display: flex;
    height: 566px;
    margin-top: 30px;
}

.foto46 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio46.webp');
    border: solid 3px #C8BA5B;
}
.foto47 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio47.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}

.foto48 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio48.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}








.portfolio_blok20 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto49 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio49.webp');
    border: solid 3px #C8BA5B;
}
.foto50 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio50.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}










.portfolio_blok21 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto51 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio51.webp');
    border: solid 3px #C8BA5B;
}
.foto52 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio52.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}






.portfolio_blok22 {
    display: flex;
    height: 396px;
    margin-top: 30px;
}

.foto53 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio53.webp');
    border: solid 3px #C8BA5B;
}
.foto54 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio54.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}







.portfolio_blok23 {
    display: flex;
    height: 572px;
    margin-top: 30px;
}

.foto55 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio55.webp');
    border: solid 3px #C8BA5B;
}
.foto56 {
    width: 578px;
    background: url('../img/main/portfolio/portfolio56.webp');
    border: solid 3px #C8BA5B;
    margin-left: 30px;
}





@media (max-width: 1230px) {
    .portfolio {
        width: 970px;

    }
    .portfolio_bloki {
        width: 910px;

    }



}

@media (max-width: 991.98px) {
    .portfolio {
        width: 750px;
    }
    .portfolio_bloki {
        width: 690px;
      }

    .portfolio_text {
        font-size: 18px;
    }
    .cena {
        font-size: 20px;
    }


}

@media (max-width: 767.98px) {
    .portfolio {
        width: 380px;
        margin-left: 5px;
        /* border: solid 1px rgb(85, 81, 81); */
    }
    .portfolio_bloki {
        width: 340px;
        /* border: solid 1px #cf1313; */
    }


    .portfolio_blok1 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto01 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_01.webp');
        border: solid 3px #C8BA5B;
    }
    .foto02 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_02.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    
    .portfolio_blok2 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto03 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_03.webp');
        border: solid 3px #C8BA5B;
    }
    .foto04 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_04.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto05 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_05.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok3 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto06 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_06.webp');
        border: solid 3px #C8BA5B;
    }
    .foto07 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_07.webp');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }

    .portfolio_blok4 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto8 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_8.webp');
        border: solid 3px #C8BA5B;
    }
    .foto9 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_9.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto10 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_10.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok5 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto11 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_11.webp');
        border: solid 3px #C8BA5B;
    }
    .foto12 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_12.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok6 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto13 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_13.webp');
        border: solid 3px #C8BA5B;
    }
    .foto14 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_14.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto15 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_15.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok7 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto16 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_16.webp');
        border: solid 3px #C8BA5B;
    }
    .foto17 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_17.webp');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }

    .portfolio_blok8 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto18 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_18.webp');
        border: solid 3px #C8BA5B;
    }
    .foto19 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_19.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto20 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_20.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok9 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto21 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_21.webp');
        border: solid 3px #C8BA5B;
    }
    .foto22 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_22.webp');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }

    .portfolio_blok10 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto23 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_23.webp');
        border: solid 3px #C8BA5B;
    }
    .foto24 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_24.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto25 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_25.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok11 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto26 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_26.webp');
        border: solid 3px #C8BA5B;
    }
    .foto27 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_27.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok12 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto28 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_28.webp');
        border: solid 3px #C8BA5B;
    }
    .foto29 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_29.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto30 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_30.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok13 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto31 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_31.webp');
        border: solid 3px #C8BA5B;
    }
    .foto32 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_32.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }


    .portfolio_blok14 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto33 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_33.webp');
        border: solid 3px #C8BA5B;
    }
    .foto34 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_34.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto35 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_35.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok15 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto36 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_36.webp');
        border: solid 3px #C8BA5B;
    }
    .foto37 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_37.webp');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }

    .portfolio_blok16 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto38 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_38.webp');
        border: solid 3px #C8BA5B;
    }
    .foto39 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_39.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto40 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_40.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok17 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto41 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_41.webp');
        border: solid 3px #C8BA5B;
    }
    .foto42 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_42.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok18 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto43 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_43.webp');
        border: solid 3px #C8BA5B;
    }
    .foto44 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_44.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto45 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_45.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok19 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto46 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_46.webp');
        border: solid 3px #C8BA5B;
    }
    .foto47 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_47.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto48 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_48.webp');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }

    .portfolio_blok20 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto49 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_49.webp');
        border: solid 3px #C8BA5B;
    }
    .foto50 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_50.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok21 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto51 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_51.webp');
        border: solid 3px #C8BA5B;
    }
    .foto52 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_52.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok22 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto53 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_53.webp');
        border: solid 3px #C8BA5B;
    }
    .foto54 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_54.webp');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    .portfolio_blok23 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto55 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_55.webp');
        border: solid 3px #C8BA5B;
    }
    .foto56 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_56.webp');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }
























/* hhddjfhxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

    прямоугольник лежа

    .portfolio_blok1 {
        display: block;
        height: 494px;
        margin-top: 30px;
        /* border: solid 1px #19cf13; */
    }
    
    .foto1 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_1.jpg');
        border: solid 3px #C8BA5B;
    }
    .foto2 {
        width: 340px;
        height: 232px;
        background: url('../img/main/portfolio/340/portfolio340_2.jpg');
        border: solid 3px #C8BA5B;
        margin-left: 0;
        margin-top: 30px;
    }

    
    прямоугольник СТОЯ

    .portfolio_blok2 {
        height: 1623px;
        display: block;
        /* border: solid 3px #10b610; */
    }
    
    .foto3 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_3.jpg');
        border: solid 3px #C8BA5B;
    }
    .foto4 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_4.jpg');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }
    
    .foto5 {
        width: 340px;
        height: 521px;
        background: url('../img/main/portfolio/340/portfolio340_5.jpg');
        margin-top: 30px;
        border: solid 3px #C8BA5B;
        margin-left: 0px;
    }



    КВАДРАТ

    .portfolio_blok3 {
        display: block;
        height: 710px;
        margin-top: 30px;
    }
    
    .foto6 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_6.jpg');
        border: solid 3px #C8BA5B;
    }
    .foto7 {
        width: 340px;
        height: 340px;
        background: url('../img/main/portfolio/340/portfolio340_7.jpg');
        border: solid 3px #C8BA5B;
        margin-top: 30px;
        margin-left: 0px;
    }


    

}





/*=======================FOOTER=================*/
.footer {
    width: 1186px;
    min-height: 100%;
    margin: 100px auto 0 auto;
    background-color: #363636;
}
.bloki {
    display: flex;
    /* border: solid 3px red; */
}
.block_zagolowok h2 {
    font-family: 'Futura PT Medium';
    font-size: 20px;
    color: #C8BA5B;
    /* border: solid 1px red; */
    text-align: center;
}

.footer_block1 {
    width: 373px;
    margin-top: 20px;
}

.footer_kontakt {
    height: 270px;
    margin-top: 30px;
    border-right: solid 1px #C8BA5B;
}

.footer_telefon {
    display: flex;
    margin-left: 30px;
    /* border: solid 1px red; */
}

.footer_telefon a {
    margin-top: 10px;
    /* border: solid 1px red; */
}
    
.footer_telefon-link{
	font-family: 'Futura PT Medium';
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    margin-top: 2px;
}
.footer_telefon-link:hover {
    text-decoration: none;
    color: #C8BA5B;
}
.footer_phone {
    height: 17px;
    width: 15px;
    margin-right: 6px;
    margin-top: -5px;
}

.footer_mail {
    margin-left: 30px;
    margin-top: 30px;
    /* border: solid 1px red; */
}
    
.footer_mail-link {
	font-family: 'Futura PT Medium';
    font-size: 21px;
    letter-spacing: 1px;
    color: white;
    margin-top: 2px;
}
.footer_mail-link:hover {
    text-decoration: none;
    color: #C8BA5B;
}

.footer_email {
    height: 17px;
    width: 25px;
    margin-right: 6px;

}
.footer_social {
    display: flex;
    margin-left: 20px;
    margin-top: 37px;
    /* border: solid 1px red; */
}

.fb {
    margin-left: 10px;
}
.fb_link {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/main/icon/fb.svg');
}
.fb_link:hover {
    background: url('../img/main/icon/fb2.svg');
}

.insta {
    margin-left: 20px;
}
.insta_link {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/main/icon/insta.svg');
}
.insta_link:hover {
    background: url('../img/main/icon/insta2.svg');
}

.footer_block2 {
    width: 393px;
    margin-top: 20px;
}
.godziny_otwarcia {
    height: 270px;
    margin-top: 30px;
    margin-left: 30px;
    letter-spacing: 1px;
    border-right: solid 1px #C8BA5B;
}

.godziny_otwarcia p {
    display: block;
	font-family: 'Futura PT Medium';
    font-size: 19px;
    color: rgb(255, 255, 255);

}

.footer_block3 {
    width: 393px;
    margin-top: 20px;
}
.menu_footer {
    display: flex;
    width: 390PX;
    height: 271px;
    margin-top: 30px;
}

.menu_footer a {
    font-family: 'Futura PT Medium';
    font-size: 17px;
    color: rgb(255, 255, 255);
    line-height: 2;
}
.menu_footer a:hover {
    color: #C8BA5B;
    text-decoration: none;
}

.lew {
    margin-left: 15px;
    /* border: solid 1px rgb(238, 255, 0); */
}
.praw {
    margin-left: 30px;
    /* border: solid 1px rgb(0, 255, 64); */
}

.adres_mapa {
    display: flex;
    margin-top: 70px;
}

.mapa {
    margin: 0 0 30px 50px;
    /* border: solid 2px yellowgreen; */
}

.adres  {
    margin-left: 50px;
    text-align: center;
}

.startime {
    color:  #C8BA5B;
}

.adres p {
    margin-top: 50px;
    font-family: 'Futura PT Medium';
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
}

@media (max-width: 1230px) {
    .footer {
        width: 970px;
        /* border: solid 1px red; */
    }
    .footer_block1 {
        width: 300px;
        /* border: solid 1px red; */
    }
    .footer_block2 {
        width: 323px;
        /* border: solid 1px red; */
    }
    .menu_footer {
        width: 323px;
        font-size: 20px;
        /* border: solid 1px rgb(0, 255, 64); */
    }
    .menu_footer a {
        font-size: 17px;
    }
    .lew {
        /* border: solid 1px rgb(238, 255, 0); */
    }
    .praw {
        margin-left: 0px;
        /* border: solid 1px rgb(0, 255, 64); */
    }
 
    .footer_block3 {
        width: 305px;
        /* border: solid 1px red; */
    }
    .footer_telefon-link{
        font-size: 16px;
    }
    .footer_mail-link {
        font-size: 20px;
    }
    .adres  {
        margin: 0 25px;
        text-align: left;
    }
    
    .adres p {
        margin-top: 30px;
        font-family: 'Futura PT Medium';
        font-size: 20px;
        letter-spacing: 1px;
        color: rgb(255, 255, 255);
    }
}

@media (max-width: 991.98px) {
    .footer {
        width: 750px;
    }
    .footer_block1 {
        width: 250px;
        margin-top: 20px;
    }
    .footer_kontakt {
        height: 270px;
        margin-top: 30px;
        border-right: solid 1px #C8BA5B;
        height: 390PX;
    }
    
    .footer_telefon {
        display: flex;
        margin-left: 10px;
        /* border: solid 1px red; */
    }
    
    .footer_telefon a {
        margin-top: 10px;
        /* border: solid 1px red; */
    }
        
    .footer_telefon-link{
        font-family: 'Futura PT Medium';
        font-size: 16px;
        letter-spacing: 1px;
        color: rgb(255, 255, 255);
        margin-top: 2px;
    }
    .footer_telefon-link:hover {
        text-decoration: none;
        color: #C8BA5B;
    }
    .footer_phone {
        height: 14px;
        width: 11px;
        margin-right: 6px;
        margin-top: -5px;
    }
    
    .footer_mail {
        margin-left: 10px;
        margin-top: 30px;
        /* border: solid 1px red; */
    }
        
    .footer_mail-link {
        font-family: 'Futura PT Medium';
        font-size: 18px;
        letter-spacing: 1px;
        color: white;
        margin-top: 2px;
    }
    .footer_mail-link:hover {
        text-decoration: none;
        color: #C8BA5B;
    }
    
    .footer_email {
        height: 14px;
        width: 22px;
        margin-right: 6px;
    
    }
    .footer_social {
        display: flex;
        margin-left: 20px;
        margin-top: 37px;
        /* border: solid 1px red; */
    }
    
    .fb {
        margin-left: 10px;
    }
    .fb_link {
        display: block;
        width: 40px;
        height: 40px;
        background: url('../img/main/icon/fb.svg');
    }
    .fb_link:hover {
        background: url('../img/main/icon/fb2.svg');
    }
    
    .insta {
        margin-left: 20px;
    }
    .insta_link {
        display: block;
        width: 40px;
        height: 40px;
        background: url('../img/main/icon/insta.svg');
    }
    .insta_link:hover {
        background: url('../img/main/icon/insta2.svg');
    }
    .footer_block2 {
        width: 250px;
        margin-top: 20px;
        /* border: solid 4px rgb(0, 26, 255); */
    }
    .godziny_otwarcia {
        height: 390PX;
    }
        
    .godziny_otwarcia p {
        font-size: 16px;
        margin-top: 17px;
    }

    .footer_block3 {
        width: 250px;
        margin-top: 20px;
        /* border: solid 1px red; */
    }
    .menu_footer {
        display: block;
        width: 240px;
        height: 390px;
    }
    .menu_footer a {
        font-size: 14px;
    }
    .lew {
        margin-left: 5px;
    }
    .praw {
        margin-left: 5px;
    }

    .adres_mapa {
        display: flex;
        margin-top: 70px;
    }
    
    .mapa {
        margin: 0 0 50px 50px;
    }
    
    .adres  {
        margin-top: 10PX;
        margin-left: 20px;
        text-align: left;
        height: 190PX;
    }
    
    .adres p {
        margin-top: 20px;
    }

}

@media (max-width: 767.98px) {
    .footer {
        width: 360px;
        margin-left: 15px;
    }
    .bloki {
        display: block;
        /* border: solid 3px red; */
    }

    .footer_block1 {
        width: 320px;
        height: 260px;
        margin-top: 30px;
        margin-left: 20px;
        border-bottom: solid 1px #C8BA5B;
        border-right: none;
    }
    
    .footer_kontakt {
        border-right: none;
    }
    
    .footer_block2 {
        width: 320px;
        height: 310px;
        margin-top: 30px;
        margin-left: 20px;
        border-bottom: solid 1px #C8BA5B;
    }
    .godziny_otwarcia {
        border-right: none;
    }

    .footer_block3 {
        width: 320px;
        height: 260px;
        margin-top: 30px;
        margin-left: 20px;
        border-bottom: solid 1px #C8BA5B;
    }
    .menu_footer {
        display: flex;
        height: 200px;
        width: 390PX;
        margin-top: 30px;
    }
    
    .lew {
        margin-left: 10px;
    }
    .praw {
        margin-left: 40px;
    }

    .adres_mapa {
        display: block;
        margin-top: 30px;
    }
    

    .adres  {
        width: 320px;
        height: 110px;
    }
    
    .adres p {
        font-size: 16px;
    }

    .mapa {
        margin: 0 0 30px 0px;
    }

}