header {
    margin: 14px 10px;
    border-radius: 25px;
    z-index: 3;
    top: 0;
    left: 0;
    position: fixed;
    width: calc(100% - 20px);
    height: 60px;
    background-color: white;
    background-size: cover;
    background-position: center;
    transition: 0.4s all ease-in-out;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.selectunderlabel {
    border: 3px solid #0088cc;
    color: #0088cc;
    padding: 7px;
    Width: 400px;
    border-radius: 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

select::-ms-expand {
display: none;
}


datalist {
  position: absolute;
  background-color: white;
  border: 1px solid blue;
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-family: sans-serif;
  width: 350px;
  padding: 5px;
  max-height: 10rem;
  overflow-y: auto  
}

.nodatasearchauto {
    transform: initial !important;
    left: initial !important;
    display: block !important;
    position: relative !important;
    max-width: 500px !important;
    margin: auto !important;
    margin-top: -30px !important;
    margin-bottom: 30px !important;
}

.divcatalogunderheadersearchhhh {
    display: none;
    position: fixed;
    padding: 4px 3px !important;
    border-radius: 25px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 3;
    background-color: white;
    width: max-content;
    max-width: 930px;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.divcatalogunderheader {
    display: none;
    top: 70px;
    overflow: hidden;
    position: fixed;
    padding-top: 10px;
    padding-bottom: 2px;
    width: 1180px;
    height: max-content;
    background-color: #ffffff;
    z-index: 2;
    border-radius: 0px 0px 25px 25px;
    transform: translateX(-50%);
    left: 50%;
    transition: 0.4s all ease-in-out;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.divcatalogunderheadersearch {
    display: none;
    position: fixed;
    padding: 4px 3px !important;
    border-radius: 25px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 3;
    background-color: white;
    width: max-content;
    max-width: 930px;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.spandiscount {
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #0088cc;
    -webkit-text-decoration-color: #0088cc;
    padding: 2px 7px;
    border-radius: 15px;
    background-color: white;
    color: #0088cc;
}

.OneProcentOldPrice1Fin {
    top: 28px !important;
}

.divcatalogunderheadersearch li {
    cursor: pointer;
}

.formssearchalt {
    display: none;
}

.formssearchrotoralt {
    display: none;
}

.formssearchstatoralt {
    display: none;
}

.formssearchredresoralt {
    display: none;
}

.formssearchinelalt {
    display: none;
}

.formssearchregulatoralt {
    display: none;
}

.formssearchfulie1alt {
    display: none;
}

.formssearchfuliealt {
    display: none;
}

.formssearchelalt {
    display: none;
}

.formssearchrotorelalt {
    display: none;
}

.formssearchstatorelalt {
    display: none;
}

.formssearchbendixalt {
    display: none;
}

.formssearchsuportperiialt {
    display: none;
}

.formssearchsuportperiiel {
    display: none;
}

.formssearchbobina {
    display: none;
}

.closesearch {
    position: absolute;
    width: 27px;
    height: 27px;
    background-color: #0088cc;
    right: 13px;
    top: 10px;
    border-radius: 25px;
    background-image: url(/img/imgSite/closeFill1.png);
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.h2discount {
    margin: 0;
    position: absolute;
    right: 0;
    top: 2px;
    right: 22px;
    background-color: #da3f32;
    color: white;
    padding: 1px 7px;
    font-size: 18px;
    border-radius: 20px;
}

.searchautoblokk1 {
    padding: 25px 25px;
    width: max-content;
    height: max-content;
    border-radius: 25px;
    background-color: white;
        -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.searchautoblokk2 {
    position: relative;
    width: 625px;
    height: 104px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 36%;
    left: 50%;
}

.searchautoblokk11 {
    position: relative;
    padding: 25px 25px;
    width: max-content;
    height: max-content;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.searchautoblokk11blockcenter {
    position: relative;
    max-width: 1180px;
    transform: translateX(-50%);
    left: 50%;
    top: 95px;
    margin-bottom: 20px;
}

.footerbottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.whatyoutrytofind11 {
    background-color: white;
    color: #0088cc;
    font-size: 20px;
    font-size: 15px;
    font-weight: 700;
    width: max-content;
    /* padding: 6px 8px; */
    border-radius: 25px;
    margin-left: 3px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.autobuttonn {
    position: releative;
    height: calc(100% + 3px);
    margin-left: 10px;
    right: 0;
    font-weight: 700;
    float: right;
    background-color: #0088CC;
    color: white;
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 20px;
    border: none;
    transition: 0.7s all ease-in-out;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    transition: 0.4s all ease-in-out;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.searchbuttonspadding {
    padding-right: 14px !important;
}

.widthbuttcatalog {
    padding-right: 14px !important;
}

.whatyoutrytofind {
    border: 2px solid #0088cc;
    background-color: white;
    color: #0088cc;
    font-size: 20px;
    font-weight: 700;
    width: max-content;
    padding: 6px 8px;
    border-radius: 25px;
    margin-left: 10px;
    margin-top: 10px;
}

.formssearch {

}

#centraldiv {
    position: relative;
    padding: 10px;
    max-width: 1180px;
    transform: translate(-50%, 100px);
    left: 50%;
    margin-bottom: 130px;
}

.productfromsearchauto {
    background-color: white;
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    border-radius: 25px;
    display: grid;
    grid-template-columns: 1fr 0.65fr 1.35fr;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.productfromsearchautoimg {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.productfromsearchautoimg1 {
    position: relative;
}

.productfromsearchautoimg1 img {
    position: absolute;
    border-radius: 20px;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.productfromsearchautoinfo {
    position: relative;
    height: max-content;
    padding-bottom: 9px;
    transform: translateY(-50%);
    top: 50%;
}

.productfromsearchautoinfo a {
    text-decoration: none;
}

.productfromsearchautoinfoauto a {
    text-decoration: none;
}

.productfromsearchautoinfop {
    color: #808080;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}

.productfromsearchautoinfoauto {
    position: relative;
    height: 200px;
}

.prowvar {
    color: #504e4e;
    border: 2px solid #0088cc;
    padding: 10px 13px;
    margin: 24px;
    border-radius: 20px;
    font-size: 14px;
    height: 130px;
    overflow: auto;
    cursor: pointer;
}

.prowvar::-webkit-scrollbar-track {
    margin: 15px;
}

.prowvar::-webkit-scrollbar {
    width: 6px;
}

.formssearchrotoralttextlink {
    position: relative;
    margin: 10px;
    background-color: #08c;
    width: max-content;
    height: 20px;
    border-radius: 25px;
    color: white;
    font-weight: 700;
    display: flex;
}

.formssearchrotoralttextlink img {
    height: 100%;
    float: left;
    cursor: pointer;
}

.formssearchrotoralttextlink a {
    text-decoration: none;
    color: white;
}

.formssearchrotoralttextlink p {
    position: relative;
    top: 0px;
    float: left;
    margin: 1px 7px 0px 3px;
    cursor: pointer;
    font-size: 14px;
}

.divcatalogunderheader.shrink {
    top: 40px;
}

.divcatalogunderheader::-webkit-scrollbar-track {
    margin: 20px;
}

.divcatalogunderheader::-webkit-scrollbar {
    width: 5px;
}

.backgrimgcat {
    position: absolute;
    height: 44px;
    width: 44px;
    border-radius: 25px;
    background-color: #fff;
    left: 0;
    top: 0;
}

.nodatablockcat {
    left: 5px !important;
    border-radius: 100%;
}

.licatt {
    background-color: #0088cc !important;
    color: white !important;
    padding-left: 51px !important;
}

.aplicaridiodcatalog {
    max-width: 100% !important;
    transform: initial !important;
    left: initial !important;
    margin: 4px;
}

::-webkit-scrollbar {
    margin: 20px;
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0088CC;
}

::-webkit-scrollbar-track {
    background-color: #f3f3f3;
    border-radius: 10px;
}

html {
    scroll-behavior: smooth;
}

header.shrink {
    margin-top: 0px;
    z-index: 3;
    height: 45px;
    position: fixed;
    border-radius: 0px 0px 20px 20px;
}

body {
    padding: 0;
    margin: 0;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

.datanotfoundimg {
    position: absolute;
    width: 500px;
    transform: translateX(-50%);
    left: 50%;
    margin: auto;
}

.datanotfoundimgp {
    position: absolute;
    width: 500px;
    transform: translateX(-50%);
    left: 50%;
    margin: auto;
}

.nodatanone {
    display: none;
}

.searchGallDivv {
    min-height: 350px !important;
}

.searchGallDivvtwophotoo {
    grid-template-columns: repeat(3, 1fr) !important;
}

.navigation123reSearchForSomeTime1 {
    display: none;
}

.RegisterLoginDivBlock {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    max-width: 1180px;
    height: max-content;
    padding: 10px;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.RegisterLoginDivBlocki1 {
    grid-template-columns: repeat(1, 1fr);
    max-width: 800px;
}

.RegisterLoginDivBlock1 {
    position: relative;
    width: calc(100% - 10px);
    padding-right: 10px;
    height: auto;
    left: 0;
}

.RegisterLoginDivBlock1 a {
    text-decoration: none;
}

.RegisterLoginDivBlock1 p {
    margin-top: 25px;
    color: #0088CC;
    font-weight: 600;
}

.RegisterLoginDivBlock2 {
    position: relative;
    width: calc(100% - 10px);
    left: 10px;
    height: auto;
    right: 0;
}

.displayNoneSlider {
    display: none !important;
    transition: 0.4s all ease-in-out;
}

.displayNoneSlider1 {
    display: none !important;
    transition: 0.4s all ease-in-out;
}

.TwoCategories {
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.TwoCategoriesCatalog {
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-top: 140px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.TwoCategoriesF {
    position: relative;
    margin: 10px;
    border-radius: 25px;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}


.TwoCategoriesF {
    position: relative;
    margin: 10px;
    border-radius: 25px;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.TwoCategoriesF img {
    width: 100%;
    margin-top: -40px;
}

.TwoCategoriesText {
    height: auto;
}

.TwoCategoriesText a {
    text-decoration: none;
}

.textLink {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.textLink h2 {
    color: #0088CC;
    margin-top: 0px;
    margin-bottom: -5px;
    font-size: 20px;
}

.textLink p {
    color: #808080;
    margin: 10px;
    margin-bottom: 0px;
    font-size: 13px;
}

.contactsCenterMode {
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 55%;
}

.infLinksUl {
    margin: 0;
    border: 1px solid red;
    height: -webkit-fill-available;
    width: max-content;
    padding: 0;
    display: flex;
}

.infLinksLi {
    list-style: none;
    width: fit-content;
    margin: 0;
}

.infLinks p {
    margin-top: 5px;
    margin-right: 8px;
}

.infLinks {
    border: 1px solid red;
    border-radius: 20px;
    height: 30px;
    padding-left: 40px;
    margin-right: 12px;
    margin-bottom: 12px;
}

.js-load {
    background-color: #0088cc;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    margin: 20px;
    font-family: 'Montserrat', sans-serif;
    /* font-family: 'Rubik', sans-serif; */
    transition: 0.6s all ease-in-out;
}

.js-load:hover {
    border-radius: 20px;
    background-color: white;
    color: #0088cc;
    -webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
}

.smallzag {
    display: none;
}

.smallzag1 {
    display: none;
}

@keyframes animModalSeach {
    0% {
        top: 100%;
        opacity: 0;
    }

    1% {
        top: 0%;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animModalSeachOff {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@keyframes animAchtung {
    0% {
        margin-top: 15px;
        color: #666666;
    }

    30% {
        margin-top: 15px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 15px;
        -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        border-radius: 20px;
        background-color: #494e52;
        color: white;
    }

    40% {
        margin-left: 15px;
        margin-right: -15px;
    }

    50% {
        margin-left: -15px;
        margin-right: 15px;
    }

    60% {
        margin-left: 15px;
        margin-right: -15px;
    }

    70% {
        margin-left: -15px;
        margin-right: 15px;
    }

    80% {
        margin-left: 15px;
        margin-right: -15px;
    }

    90% {
        margin-top: 15px;
        padding: 15px;
        -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);
        border-radius: 20px;
        background-color: #494e52;
        color: white;
    }

    100% {
        margin-top: 15px;
        color: #666666;
    }
}


@keyframes animCatalogDarkBackground {
    0% {
        right: -100%;
        opacity: 0;
    }

    60% {
        right: -100%;
        opacity: 0;
        animation-timing-function: ease-in-out;
    }

    100% {
        right: 0%;
        opacity: 0.5;
    }
}

@keyframes animCatalogWindowCategories {
    0% {
        left: -100%;
    }

    60% {
        left: -100%;
        animation-timing-function: ease-in-out;
    }

    100% {
        left: 50%;
    }
}



.mobilefillter4550 {
    overflow: hidden;
    display: none;
    z-index: 1;
    width: 50px;
    height: 50px;
    background-color: #5C493E;
    border-radius: 50px;
    position: fixed;
    cursor: pointer;
    left: 10px;
    bottom: 20px;
    -webkit-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);
    transition: 1s all ease-in-out;
}


.mobilefillter4550 img {
    height: 60%;
    width: 60%;
    margin-left: 20%;
    margin-top: 20%;
    animation-name: animBlogIntrocenterhrty1;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.filterimg {
    position: absolute;
    animation-name: animBlogIntrocenterhrty1;
    animation-duration: 6s;
    animation-direction: reverse;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}





@keyframes animBlogIntrocenterhrty1 {





    0% {



        transform: rotate(0deg);



    }





    100% {



        transform: rotate(360deg);





    }





}





.filterButt1213 {



    width: 110px;



    height: 33px;



    border-radius: 33px;



    margin-top: -250px;



    margin-left: 150px;



    position: absolute;



    background-color: #5C493E;



    -webkit-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);



    box-shadow: 4px 4px 20px -2px rgba(0, 0, 0, 0.75);



    display: flex;



    cursor: pointer;



    transition: 1s all ease-in-out;



}





.filterButt1213img {



    height: 15px;



    width: 15px;



    margin-top: 8px;



    margin-left: 15px;



}





.filterButt1213text {



    position: relative;



    height: 15px;



    width: 90px;



    margin-top: 7px;



    margin-left: 8px;



}





.filterButt1213img img {



    width: 100%;



}





.closeSeartchtablet {



    position: absolute;



    width: 80px;



    height: 28px;



    background-color: black;



    cursor: pointer;



    transition: 1s all ease-in-out;



    border-radius: 28px;



    margin-left: -150px;



    margin-top: 7px;



    margin-bottom: 10px;



}





.topBlogImg {



    position: relative;



    width: 100%;



    height: 700px;



    top: 0px;



    -webkit-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.75);



}





.textBlogBack {



    padding-top: 10px;



    padding-right: 15px;



    padding-bottom: 10px;



    padding-left: 15px;



    z-index: 1;



    position: absolute;



    transform: translate(-50%, -50%);



    margin-left: 50%;



    margin-top: 220px;



    color: white;



    font-size: 55px;



    border: 1px solid white;



    font-weight: 100;



}





.onlyYouMarginWithShadow {



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blogfirstslider1textbackground000 {



    position: relative;



    background-color: transparent;



    z-index: 1;



    height: 600px;



    margin: 10px;



    transition: 1s all ease-in-out;



}





.blogfirstslider1textbackground000121 {



    position: relative;



    background-color: transparent;



    z-index: 1;



    height: 600px;



    margin: 10px;



}





.blogfirstslider1textbackground000 img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    transition: 1s all ease-in-out;



}





.blogfirstslider1textbackground000:hover {



    transform: scale(1.04);





}





.blogfirstslider1textbackground000121 img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    transition: 1s all ease-in-out;



}





.blogfirstslider1textbackground000111 {



    position: relative;



    height: 290px;



    width: 100%;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;



}





.blogfirstslider1textbackground000111:hover {



    transform: scale(1.04);



}





.onlyYouMarginTop {



    margin-top: 20px;



}





.contentBlogSite000 {



    max-width: 1350px;



    height: auto;



    margin: auto;



    margin-top: -140px;



    display: grid;



    grid-template-columns: repeat(2, 1fr);



}





.contentBlogSite {



    max-width: 1350px;



    height: auto;



    margin: 90px auto;



    display: grid;



    grid-template-columns: repeat(2, 1fr);



}





.contentBlogSitePost {



    position: relative;



    height: 400px;



    margin: 10px;



    overflow: hidden;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.contentBlogSitePost img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    transition: 1s all ease-in-out;



}





.contentBlogSitePost:hover img {



    width: 120%;



    height: 120%;



    margin-left: -10%;



    margin-top: -10%;



}





.contentBlogSitePost a {





    text-decoration: none;



    color: white;





}





.blogartt {



    max-width: 1340px;



    height: auto;



    margin: 50px auto;



}





.mobileButtText {



    display: none;



    width: 100%;



    height: auto;



    text-align: center;



    padding-bottom: 2px;



}





.mobileButtText h1 {



    color: #5C493E;



    font-size: 33px;



}





.blockblogintrocenter h1 {



    color: #5C493E;



    font-size: 33px;



    margin: 0;



    padding: 0;



    width: 80%;



    margin: auto;



}





.blockblogintroright {



    position: absolute;



    width: 36%;



    height: 100%;



    right: 0;



    animation-name: animBlogIntroLeft;



    animation-duration: 4s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



    background-size: cover;



    background-position: center;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blockblogintroright img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





@keyframes animBlogIntro {





    0% {



        margin: 250px auto;



        opacity: 0;



    }





    20% {



        margin: 250px auto;



        opacity: 0;



    }





    100% {



        margin: 50px auto;



        opacity: 1;



    }





}





@keyframes animBlogIntrocenterh1 {





    0% {



        opacity: 0;



    }





    90% {



        opacity: 0;



    }





    100% {



        opacity: 1;





    }





}





@keyframes animBlogIntroLeft {





    0% {



        width: 100%;



    }





    70% {



        width: 100%;



    }





    100% {



        width: 36%;





    }





}





.blogfirstslider {



    position: relative;



    max-width: 1340px;



    margin: 40px auto;



    height: 450px;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blogfirstslider img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.topBlogImg img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.blogfirstslider1 {



    cursor: pointer;



    transform: translate(-50%, -50%);



    top: 43%;



    left: 50%;



    position: absolute;



    width: 1330px;



    height: auto;



    border: 0.1px solid transparent;



}





.blogfirstslider121 {



    transform: translate(-50%, -50%);



    top: 50%;



    left: 50%;



    position: absolute;



    width: 1038px;



    height: auto;



    border: 0.1px solid transparent;



}





.sliderUnderText {



    width: 100%;



    height: auto;



    margin-top: 15px;



}





.topBlogImg0 {



    overflow: hidden;



    width: 100%;



    height: 700px;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.NoonlyHerewidth100 {



    position: absolute;



    bottom: 15px;



    left: 15px;



    font-size: 10px;



    cursor: pointer;



    width: 400px;



    height: auto;



    border: 0.1px solid transparent;



    background-color: black;



    opacity: 0.8;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.NoonlyHerewidth100 h1 {



    margin: 10px;



    color: white;



}





.blogfirstslider1textbackground {



    z-index: 1;



    cursor: pointer;



    position: relative;



    width: 400px;



    height: auto;



    border: 0.1px solid transparent;



    background-color: black;



    opacity: 0.8;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blogfirstslider1textbackground:hover {



    border-radius: 20px;



}





.blogfirstslider1textbackground13212 {



    z-index: 1;



    margin: 10px;



    cursor: pointer;



    position: relative;



    width: fit-content;



    height: auto;



    border: 0.1px solid transparent;



    background-color: black;



    opacity: 0.8;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blogfirstslider1textbackground13212:hover {



    border-radius: 20px;



}





.blogfirstsliderbutton {



    display: inline-block;



    padding: 10px 20px;



    text-align: center;



    text-decoration: none;



    color: white;



    background-color: #5C493E;



    border-radius: 0px;



    outline: none;



    margin-top: 15px;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.blogfirstsliderbutton:hover {



    border-radius: 15px;



    background-color: white;



    color: #5C493E;



}





.blogfirstslider1textbackground h1 {



    margin: 10px;



    color: white;



}





.blogfirstslider1textbackground13212 h1 {



    margin: 10px;



    color: white;



}





.blogartttext {



    max-width: 1038px;



    margin: auto;



}





/* .blogartttext a {



  text-decoration: none;



  color: white;



  background-color: #5C493E;



  border-bottom: 1px solid #5C493E;



  padding: 1px 5px;



  border-radius: 7px;



  -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);



-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);



box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);



  }  */





.alinkk {



    text-decoration: none;



    color: black;



    border-bottom: 2px solid #5C493E;



    padding: 0px 2px;



    border-radius: 7px;



    animation-name: animlinks;



    animation-duration: 3s;



    transition: 1s all ease-in-out;



}





.alinkk:hover {



    text-decoration: none;



    color: white;



    background-color: #5C493E;



    border-bottom: 2px solid #5C493E;



    padding: 0px 5px;



    border-radius: 7px;



    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



}





@keyframes animlinks {





    0% {



        text-decoration: none;



        color: black;



        border-bottom: 2px solid #5C493E;



        padding: 0px 2px;



        border-radius: 7px;



    }





    50% {



        text-decoration: none;



        color: white;



        background-color: #5C493E;



        border-bottom: 2px solid #5C493E;



        padding: 0px 5px;



        border-radius: 7px;



        -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



        -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);



    }





    100% {



        text-decoration: none;



        color: black;



        border-bottom: 2px solid #5C493E;



        padding: 0px 2px;



        border-radius: 7px;



    }





}





.blogartttext p {



    text-align: justify;



    font-size: 18px;



}





.photoUnderText {



    margin-top: 50px;



    margin-bottom: 50px;



    position: relative;



    width: 100%;



    height: 450px;



    transition: 1s all ease-in-out;



    animation-name: animphotoUnderText;



    animation-duration: 1.5s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



}





.photoUnderTextleft {



    position: absolute;



    height: 100%;



    width: 64%;



    left: 0;



    background-size: cover;



    background-position: center;



    animation-name: animphotoUnderTextleft;



    animation-duration: 1.5s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.photoUnderTextleft img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.photoUnderTextright img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.photoUnderTextright {



    position: absolute;



    height: 100%;



    width: 35%;



    right: 0;



    background-size: cover;



    background-position: center;



    animation-name: animphotoUnderTextright;



    animation-duration: 1.5s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





@keyframes animphotoUnderText {





    0% {



        margin: 250px auto;



        opacity: 0;



    }





    100% {



        margin: 50px auto;



        opacity: 1;



    }





}





@keyframes animphotoUnderTextleft {





    0% {



        width: 50%;



    }





    100% {



        width: 64%;



    }





}





@keyframes animphotoUnderTextright {





    0% {



        width: 50%;



    }





    100% {



        width: 35%;



    }





}





.photoUnderTextleft1 {



    position: absolute;



    height: 100%;



    width: 35%;



    left: 0;



    background-size: cover;



    background-position: center;



    animation-name: animphotoUnderTextright;



    animation-duration: 1.5s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.photoUnderTextleft1 img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.photoUnderText img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.photoUnderTextright1 img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}





.photoUnderTextright1 {



    position: absolute;



    height: 100%;



    width: 64%;



    right: 0;



    background-size: cover;



    background-position: center;



    animation-name: animphotoUnderTextleft;



    animation-duration: 1.5s;



    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);



    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);



}





.contentBlogSitePostText {



    width: 100%;



    height: 30%;



    bottom: 0px -webkit-box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 29px 41px 27px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.contentBlogSitePost:hover .contentBlogSitePostImg {



    height: 65%;



}





.contentBlogSitePost:hover .contentBlogSitePostText {



    height: 35%;



}





.contentBlogSitePost:hover .contentBlogSitePostTextDate {



    bottom: 40px;



}





.contentBlogSitePostTextDate {



    position: absolute;



    height: 180px;



    width: 160px;



    background-color: #5C493E;



    bottom: 20px;



    left: 20px;



    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.contentBlogSitePostTextDateDate {



    position: relative;



    width: 80%;



    height: 55%;



    margin-top: 14%;



    margin-left: 10%;



    border-bottom: 2px solid white;



}





.contentBlogSitePostTextDateDate h1 {



    position: absolute;



    color: white;



    font-size: 100px;



    margin-top: -10px;



    transform: translateX(-50%);



    margin-left: 50%;



    font-weight: 100;



}





.contentBlogSitePostTextDateMonth {



    position: relative;



    width: 80%;



    height: 25%;



    margin-top: 3%;



    margin-left: 10%;



}





.contentBlogSitePostTextDateMonth p {



    position: absolute;



    color: white;



    font-size: 20px;



    margin-top: 0px;



    transform: translateX(-50%);



    margin-left: 50%;



    font-weight: 100;



}





.contentBlogSitePostTextIn {



    width: auto;



    height: 70%;



    border: 1px solid transparent;



    margin-left: 195px;



}





.contentBlogSitePostTextIn p {



    font-size: 17px;



}





.closeFilterr {



    width: 30px;



    height: 30px;



    margin-left: 261px;



    margin-top: 10px;



    border-radius: 100%;



    background-position: center;



    background-size: cover;



    background-image: url(../img/closeFilterpn.png);



    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.closeFilterropo {
    right: 15px;
    top: 15px;
    z-index: 1;
    cursor: pointer;
    width: 20px;
    height: 20px;
    /* margin-left: 261px; */
    margin-top: -1px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../img/imgSite/closeFill.png);
    transition: 0.6s all ease-in-out;
}

.sidebaropt {
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    bottom: 0px;
    z-index: 4;
    position: fixed;
    color: #FFF;
    width: calc(100% - 60px);
    background-color: #0088cc;
    border-radius: 25px 25px 0px 0px;
    bottom: -110px;
    padding-left: 10px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* left: -32px; */
    -webkit-box-shadow: 10px 10px 26px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 26px -5px rgb(0 0 0 / 75%);
    transition: 0.6s all ease-in-out;
}

.link {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    position: relative;
    height: 30px;
    line-height: 37px;
    margin: 5px;
    overflow: hidden;
    width: max-content;
    /* margin-left: 5%; */
    cursor: pointer;
    border: 2px solid white;
    border-radius: 25px;
    padding: 0px 8px 0px 8px;
    font-size: 14px;
    font-weight: 700;
}

.link:after {
    content: '';
    position: absolute;
    width: 80%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 50%;
    left: -100%;
    transition-delay: all 0.5s;
    transition: all 0.5s;
}

.link:hover:after,
.link.hover:after {
    left: 100%;
}

.link a {
    color: white;
    text-decoration: none;
}

.link .sidebartext {
    text-shadow: 0px -40px 0px rgba(255, 255, 255, 1);
    transition: all 0.75s;
    transform: translateY(100%) translateZ(0);
    transition-delay: all 0.25s;
}

.link:hover .sidebartext,
.link.hover .sidebartext {
    text-shadow: 0px -40px 0px rgba(255, 255, 255, 0);
    transform: translateY(-8%) translateZ(0) scale(1);
}


.sidebarJScss11closs4554 {
    position: absolute;
}

.closeFilterBackground {
    z-index: 2;
    top: 0px;
    right: -100%;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: 0.6s all ease-in-out;
}

.closeFilterBackgroundsearch {
    display: none;
    z-index: 2;
    top: 0px;
    right: 0%;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: 0.6s all ease-in-out;
}


.textAnim {



    animation-name: animAchtung;



    animation-duration: 1.5s;



    animation-delay: 5.5s;



    animation-timing-function: ease-in-out;



}





.preloader {





    align-items: center;





    background-color: #F4F4F4;





    display: flex;





    justify-content: center;





    height: 100vh;





    width: 100%;





    position: fixed;





    z-index: 5;





}





.cssload-thecube {





    width: 73px;





    height: 73px;





    margin: 0 auto;





    margin-top: 49px;





    position: relative;





    transform: rotateZ(45deg);





    -o-transform: rotateZ(45deg);





    -ms-transform: rotateZ(45deg);





    -webkit-transform: rotateZ(45deg);





    -moz-transform: rotateZ(45deg);





}





.cssload-thecube .cssload-cube {





    position: relative;





    transform: rotateZ(45deg);





    -o-transform: rotateZ(45deg);





    -ms-transform: rotateZ(45deg);





    -webkit-transform: rotateZ(45deg);





    -moz-transform: rotateZ(45deg);





}





.cssload-thecube .cssload-cube {





    float: left;





    width: 50%;





    height: 50%;





    position: relative;





    transform: scale(1.1);





    -o-transform: scale(1.1);





    -ms-transform: scale(1.1);





    -webkit-transform: scale(1.1);





    -moz-transform: scale(1.1);





}





.cssload-thecube .cssload-cube:before {





    content: "";





    position: absolute;





    top: 0;





    left: 0;





    width: 100%;





    height: 100%;





    background-color: rgba(92, 73, 62, 0.97);





    animation: cssload-fold-thecube 2.76s infinite linear both;





    -o-animation: cssload-fold-thecube 2.76s infinite linear both;





    -ms-animation: cssload-fold-thecube 2.76s infinite linear both;





    -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;





    -moz-animation: cssload-fold-thecube 2.76s infinite linear both;





    transform-origin: 100% 100%;





    -o-transform-origin: 100% 100%;





    -ms-transform-origin: 100% 100%;





    -webkit-transform-origin: 100% 100%;





    -moz-transform-origin: 100% 100%;





}





.cssload-thecube .cssload-c2 {





    transform: scale(1.1) rotateZ(90deg);





    -o-transform: scale(1.1) rotateZ(90deg);





    -ms-transform: scale(1.1) rotateZ(90deg);





    -webkit-transform: scale(1.1) rotateZ(90deg);





    -moz-transform: scale(1.1) rotateZ(90deg);





}





.cssload-thecube .cssload-c3 {





    transform: scale(1.1) rotateZ(180deg);





    -o-transform: scale(1.1) rotateZ(180deg);





    -ms-transform: scale(1.1) rotateZ(180deg);





    -webkit-transform: scale(1.1) rotateZ(180deg);





    -moz-transform: scale(1.1) rotateZ(180deg);





}





.cssload-thecube .cssload-c4 {





    transform: scale(1.1) rotateZ(270deg);





    -o-transform: scale(1.1) rotateZ(270deg);





    -ms-transform: scale(1.1) rotateZ(270deg);





    -webkit-transform: scale(1.1) rotateZ(270deg);





    -moz-transform: scale(1.1) rotateZ(270deg);





}





.cssload-thecube .cssload-c2:before {





    animation-delay: 0.35s;





    -o-animation-delay: 0.35s;





    -ms-animation-delay: 0.35s;





    -webkit-animation-delay: 0.35s;





    -moz-animation-delay: 0.35s;





}





.cssload-thecube .cssload-c3:before {





    animation-delay: 0.69s;





    -o-animation-delay: 0.69s;





    -ms-animation-delay: 0.69s;





    -webkit-animation-delay: 0.69s;





    -moz-animation-delay: 0.69s;





}





.cssload-thecube .cssload-c4:before {





    animation-delay: 1.04s;





    -o-animation-delay: 1.04s;





    -ms-animation-delay: 1.04s;





    -webkit-animation-delay: 1.04s;





    -moz-animation-delay: 1.04s;





}





.fegggt {



    height: 695px;



}


.fegggt1 {



    height: 330px;

    margin-top: 20px;



}

.why1321 {
    width: 1335px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

.why1321 h1 {
    font-size: 35px;
}




@keyframes cssload-fold-thecube {





    0%,
    10% {





        transform: perspective(136px) rotateX(-180deg);





        opacity: 0;





    }





    25%,

    75% {





        transform: perspective(136px) rotateX(0deg);





        opacity: 1;





    }





    90%,

    100% {





        transform: perspective(136px) rotateY(180deg);





        opacity: 0;





    }





}





@-o-keyframes cssload-fold-thecube {





    0%,
    10% {





        -o-transform: perspective(136px) rotateX(-180deg);





        opacity: 0;





    }





    25%,

    75% {





        -o-transform: perspective(136px) rotateX(0deg);





        opacity: 1;





    }





    90%,

    100% {





        -o-transform: perspective(136px) rotateY(180deg);





        opacity: 0;





    }





}





@-ms-keyframes cssload-fold-thecube {





    0%,
    10% {





        -ms-transform: perspective(136px) rotateX(-180deg);





        opacity: 0;





    }





    25%,

    75% {





        -ms-transform: perspective(136px) rotateX(0deg);





        opacity: 1;





    }





    90%,

    100% {





        -ms-transform: perspective(136px) rotateY(180deg);





        opacity: 0;





    }





}





@-webkit-keyframes cssload-fold-thecube {





    0%,
    10% {





        -webkit-transform: perspective(136px) rotateX(-180deg);





        opacity: 0;





    }





    25%,

    75% {





        -webkit-transform: perspective(136px) rotateX(0deg);





        opacity: 1;





    }





    90%,

    100% {





        -webkit-transform: perspective(136px) rotateY(180deg);





        opacity: 0;





    }





}





@-moz-keyframes cssload-fold-thecube {





    0%,
    10% {





        -moz-transform: perspective(136px) rotateX(-180deg);





        opacity: 0;





    }





    25%,

    75% {





        -moz-transform: perspective(136px) rotateX(0deg);





        opacity: 1;





    }





    90%,

    100% {





        -moz-transform: perspective(136px) rotateY(180deg);





        opacity: 0;





    }





}





.filtcloss2332 {



    width: 30px;



    height: 30px;



    background-color: black;



    margin-left: 10px;



}





.variable-width {



    width: 100%;



    transition: 1s all ease-in-out;



}





.variable-width1 {





    height: 150px;





    margin-right: 15px;





    padding-bottom: 20px;





}





.thousandpxblock {



    display: none;



}





.sidebarFilterCat:hover .sidebarFilterCatIcon {





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat:hover~.sidebarFilterCat1 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat:hover~.sidebarFilterCat2 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat:hover~.sidebarFilterCat3 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat:hover~.sidebarFilterCat4 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat:hover~.sidebarFilterCat5 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat1:hover {





    margin-top: -100px;





    margin-left: 0%;





}





.sidebarFilterCat1:hover .sidebarFilterCatIcon1 {





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat1:hover~.sidebarFilterCat2 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat1:hover~.sidebarFilterCat3 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat1:hover~.sidebarFilterCat4 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat1:hover~.sidebarFilterCat5 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat1:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat2:hover {





    margin-top: -100px;





    margin-left: 0%;





}





.sidebarFilterCat2:hover .sidebarFilterCatIcon2 {





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat2:hover~.sidebarFilterCat3 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat2:hover~.sidebarFilterCat4 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat2:hover~.sidebarFilterCat5 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat2:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat3:hover {





    margin-top: -100px;





    margin-left: 0%;





}



.mobversioncatalogcontentCollection {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    max-height: 300px;
    width: auto;
    border-radius: 15px;
    /* margin-left: 26px; */
    /* margin-right: 26px; */
    /* margin-top: 20px; */
    margin: 10px;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.gradd {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    transition: 0.4s all ease-in-out;
    opacity: 0.9;
}



.mobversioncatalogcontentCollection:hover .mobversioncatalogcontentCollectionh1 {
    scale: 1.1;
}

.mobversioncatalogcontentCollection:hover .gradd {
    opacity: 0.7;
}


.mobversioncatalogcontentCollection.shrink {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    max-height: 300px;
    width: auto;
    border-radius: 25px;
    /* margin-left: 26px; */
    /* margin-right: 26px; */
    /* margin-top: 20px; */
    /* margin: 10px;  */
    transition: all 1s ease-in-out;
}

.mobversioncatalogcontentCollectionh1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.footerrtyInside11erCatalog {
    margin: auto;
    margin-top: 90px;
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    transition: 0.6s all ease-in-out;
}

.catalogButtons7 {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    color: #0088CC !important;
    padding-left: 8px !important;
}

.footerrtyInside11erCatalog p {
    position: relative;
    float: left;
    font-weight: 800;
    font-size: 13px;
    width: fit-content;
    color: white;
    background-color: #0088CC;
    border: 1px solid #0088CC;
    padding-left: 26.5px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    border-radius: 15px;
}

.footerrtyInside11erCatalogImg {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 100%;
}

.footerrtyInside11erprod p {
    float: left;
    font-weight: 800;
    font-size: 11px;
    margin: 2px;
    width: fit-content;
    color: #494e52;
    background-color: white;
    padding-left: 7px;
    padding-top: 1px;
    padding-right: 7px;
    padding-bottom: 2px;
    border-radius: 20px;
}

.footerrtyInside11erprod h2 {
    font-size: 18px;
}

.mobversioncatalogcontentCollectionh1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.CatalogGrid {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 300px auto;
}

.CatalogGridBackDiv {}

.CatalogGrid1 {
    position: initial;
    width: 280px;
    top: initial;
    height: fit-content;
    border-radius: 25px;
    transition: 1s all ease-in-out;
    background-color: white;
    cursor: pointer;
}

.CatalogGrid12121 {
    position: initial;
    width: 280px;
    margin-left: 5px !important;
    padding-top: 1px;
    padding-bottom: 10px;
    top: initial;
    margin-top: 10px;
    height: fit-content;
    border-radius: 25px;
    transition: 1s all ease-in-out;
    background-color: white;
    cursor: pointer;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.CatalogGrid1Category {
    position: relative;
    height: 60px !important;
    display: flex;
    flex-wrap: wrap;
    background-color: #0088cc;
    border-radius: 25px;
    overflow: hidden;
}

.CatalogGrid1SecondCategory {
    height: initial !important;
    padding-top: 5px;
    border-radius: 25px;
}

.CatalogGrid1SecondCategory ul {
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 8px;
    width: calc(95% - 35px);
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: -6px;
}

.CatalogGrid1SecondCategory li {
    margin-bottom: 5px;
    cursor: pointer;
    transition: 0.4s all ease-in-out;
}

.CatalogGrid1SecondCategory li:hover {
    color: #004f76;
}

.CatalogGrid1SecondCategory a {
    text-decoration: none;
    color: white;
    cursor: pointer;
}

.CatalogGrid1CategoryAlternator:hover > .CatalogGrid1SecondCategoryAlternator{
    display: block !important;
}

.CatalogGrid1CategoryAlternator {
    position: relative;
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-bottom: 13px;
    background-color: #0088CC;
    margin-left: 10px;
    border-radius: 25px;
    overflow: hidden;
}

.CatalogGrid1CategoryAlternator1 {
    position: relative;
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-bottom: 13px;
    background-color: #0088CC;
    margin-left: 10px;
    border-radius: 25px;
    overflow: hidden;
}

.closeSecondCategories {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategories1 {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategoriesElectro {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategories1Electro {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategoriesSenzor {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategories1Senzor {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategoriesControl {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.closeSecondCategories1Control {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.aboutUsBlock {
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px;
    height: max-content;
    margin: 15px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.aboutUsBlock1 {
    border: 1px;
    height: 100%;    
}

.aboutUsBlock1 img {
    width: 100%;    
}

.aboutUsBlock2 {
    border: 1px;
    height: 100%;    
}

.aboutUsBlock2 h2 {
    margin: 0;
    margin-left: 30px;
    color: #0088cc;
    font-weight: 500; 
    font-size: 35px;
}

.aboutUsBlock2 h1 {
    margin: 0;
    margin-top: -10px;
    margin-left: 30px;
    color: #0088cc;
    font-weight: bolder;
    font-size: 70px; 
}

.aboutUsBlock2 p {
    margin: 0;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}

.footerAbout {
    margin-top: 20px;
    margin-bottom: 20px;
}

.containerDropdown {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #fafafa;
}

.dropdown {
    position: relative;
    margin-left: 5px;
    margin-right: 10px;
    top: 0;
    height: 30px;
    z-index: 2;
}

.dropdown::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 13px;
    z-index: 1000;
    width: 8px;
    height: 8px;
    border: 2px solid white;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
}

.dropdown.active::before {
    top: 13.5px;
    transform: rotate(-225deg);
}

.dropdown input {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 13px !important;
    margin-top: 0px !important;
    background-color: #0088CC;
    color: white;
    cursor: pointer;
    border: none !important;
    outline: none;
    text-align: center;
    padding: 12px 13px !important;
    padding-right: 35px !important;
    border-radius: 25px !important;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.dropdown input::placeholder {
    color: white;
}

.dropdown input::value {
    color: white;
}

.dropdown .options {
    position: absolute;
    margin-top: 10px;
    width: 100%;
    background: #08c;
    color: white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    overflow: hidden;
    display: none;
    font-size: 13px;
    font-weight: 700;
        -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.options a {
    text-decoration: none;
}

.dropdown.active .options {
    display: block;
    color: white;
}

.dropdown .options div {
    padding: 12px 20px;
    cursor: pointer;
    background-color: #0088CC;
    color: white;
    font-weight: 700;
}

.dropdown .options:hover {
    background-color: white;
}

.dropdown .options div:hover {
    background-color: white;
    color: #0088CC;
}


.dropdown1 {
    position: relative;
    margin-right: 5px;
    margin-left: 10px;
    top: 0;
    height: 30px;
    z-index: 2;
}

.dropdown1::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 13px;
    z-index: 1000;
    width: 8px;
    height: 8px;
    border: 2px solid white;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
}

.dropdown1.active::before {
    top: 13.5px;
    transform: rotate(-225deg);
}

.dropdown1 input {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 13px !important;
    margin-top: 0px !important;
    background-color: #0088CC;
    color: white;
    cursor: pointer;
    text-align: center;
    border: none !important;
    outline: none;
    padding: 12px 13px !important;
    padding-right: 30px !important;
    border-radius: 25px !important;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.dropdown1 input::placeholder {
    color: white;
}

.dropdown1 input::value {
    color: white;
}

.dropdown1 .options {
    top: 50px;
    margin-top: 10px;
    width: 100%;
    background: #08c;
    color: white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    overflow: hidden;
    display: none;
    font-size: 13px;
    font-weight: 700;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.dropdown1.active .options {
    display: block;
    color: white;
}

.dropdown1 .options div {
    padding: 12px 20px;
    cursor: pointer;
    background-color: #0088CC;
    color: white;
    font-weight: 700;
}

.dropdown1 .options:hover {
    background-color: white;
}

.dropdown1 .options div:hover {
    background-color: white;
    color: #0088CC;
}

.paginationForContencMore {
    width: max-content !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    padding-top: 4.5px !important;
}

.footerrtyInside11erCatalogCategories {
    margin-top: 10px !important;
}

.footerrtyInside11erCatalogCategories p {
    margin: 4px !important;
}

.CatalogGrid1CategoryAlternatorShadowBottom {
    position: absolute;
    bottom: -100%;
    width: 140%;
    left: -20%;
    height: 100%;
    background-color: #0088cc;
    z-index: 1;
    -webkit-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.50);
    box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.50);
}

.CatalogGrid1CategoryAlternatorShadowBottomLeft {
    position: absolute;
    top: -40%;
    width: 140%;
    left: -140%;
    height: 150%;
    background-color: #0088cc;
    z-index: 1;
    -webkit-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    box-shadow: 30px 0px 28px -15px rgba(0, 0, 0, 0.30);
}

.CatalogGrid1CategoryAlternatorShadowBottomRight {
    position: absolute;
    right: -140%;
    width: 140%;
    top: -40%;
    height: 160%;
    background-color: #0088cc;
    z-index: 1;
    -webkit-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    box-shadow: -25px 0px 28px -15px rgba(0, 0, 0, 0.30);
}

.CatalogGrid1CategoryAlternatorShadowBottomTop {
    position: absolute;
    top: -100%;
    width: 170%;
    left: -40%;
    height: 100%;
    background-color: #0088cc;
    z-index: 1;
    -webkit-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 10px -20px 28px -15px rgba(0, 0, 0, 0.60);
    box-shadow: 10px 20px 28px -15px rgba(0, 0, 0, 0.30);
}

.CatalogGrid1Category1 {
    float: left;
}

.CatalogGrid1Category1Img {
    height: 100%;
    margin: 0px;
    z-index: 1;
}

.CatalogGridBackDivBlock {
    display: none;
    animation-name: animCatalogWindowCategories;
    animation-duration: 2.7s;
    
}

.CatalogGrid1Category1Text {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    margin: 0;
    font-weight: 700;
    color: white;
    width: calc(65% - 35px);
    /* margin: 6%; */
    margin-left: 30%;
    /* margin-right: 3%; */
    font-size: 14px;
    padding-right: 35px;
}

.CatalogGrid11 {
    height: max-content;
    width: max-content;
    padding: 10px;
    margin: 10px 5px;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.CatalogGrid11DisplayBlock {
    display: none;
}

.CatalogGrid1Category12 {
    height: 88px !important;
}

.CatalogGrid1Category13 {
    height: 70px !important;
}

.CatalogGrid1Category1Img12 {
    height: 60px;
    position: relative;
    margin-top: initial;
    transform: translateY(-50%);
    top: 50%;
}

.CatalogGrid2 {
    height: auto;
    display: grid;
}


.CatalogGrid1Filtration {
    position: relative;
    width: calc(100% - 20px);
    border: 2px solid #0088CC;
    margin: auto;
    margin-top: 10px;
    border-radius: 25px;
    overflow: hidden;
}


.CatalogGrid1Filtration h4 {
    width: 196px;
    margin: 10px;
    /* margin-right: 15px; */
    font-size: 13px;
    font-weight: 800;
    color: #0088CC;
}


.CatalogGrid1FiltrationTypeText {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.CatalogGrid1FiltrationTypeText form {
    display: flex;
    flex-wrap: wrap;
}

.CatalogGrid1FiltrationTypeText form input {
    border: 2px solid #0088CC;
    border-radius: 25px;
    font-size: 13px;
    width: 84px;
    height: 35px;
    margin-left: 10px;
    /* float: left; */
    margin-bottom: 10px;
    margin-top: 0px;
    outline: none;
}

.CatalogGrid1FiltrationTypeText p {
    margin: 8px;
    font-size: 14px;
    font-weight: 800;
    color: #0088CC;
}

.CatalogGrid1FiltrationTypeText form input::placeholder {
    color: #0088CC;
}

.CatalogGridBackDivNoneSale  .CatalogGrid1CategoryAlternator  .CatalogGrid1SecondCategoryAlternator  a  li {
    position: relative;
    padding-right: 40px;
}



.CatalogGridBackDivNoneSale  .CatalogGrid1CategoryAlternator111  .CatalogGrid1SecondCategoryAlternator111  a  li {
    position: relative;
    padding-right: 40px;
}

.CatalogGridBackDivNoneSale  .CatalogGrid1CategoryAlternator12  .CatalogGrid1SecondCategoryAlternator12  a  li {
    position: relative;
    padding-right: 40px;
}

.CatalogGridBackDivNoneSale  .CatalogGrid1CategoryAlternator13  .CatalogGrid1SecondCategoryAlternator13  a  li {
    position: relative;
    padding-right: 40px;
}

.CatalogGridBackDivNoneSale  .CatalogGrid1CategoryAlternator14  .CatalogGrid1SecondCategoryAlternator14  a  li {
    position: relative;
    padding-right: 40px;
}

.howMuchSalePositions {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    margin: 0;
    min-width: 10px;
    width: max-content;
    text-align: center;
    border: 2px solid transparent;
    font-size: 13px;
    right: 0;
    padding: 1px 4px 1px 4px;
    border-radius: 15px;
}

.CatalogGrid1SecondCategory li:hover .howMuchSalePositions {
    border: 2px solid #004f76;
}

.contactsInf {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 15px;
    max-width: 1200px;
    height: max-content;
}

.contactsInf1 {
    position: relative;
    overflow: hidden;
    width: calc(100% - 20px);
    height: 550px;
    /* border: 1px solid blue; */
    border-radius: 35px;
    left: 10px;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.contactsInf2 {
    padding-top: 1px;
    position: relative;
    margin-top: 25px;
    padding: 5px;
    width: calc(100% - 30px);
    height: max-content;
    border-radius: 35px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    left: 10px;
    background-color: #0088CC;
    -webkit-box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.40);
    box-shadow: -2px 11px 53px -8px rgb(0 0 0 / 40%);
}

.grid-container {
    display: flex;
    flex-wrap: wrap;
}

.box {
    margin-left: 10px;
    margin-bottom: 10px;
}

/* checkbox-rect */
.checkbox-rect input[type="checkbox"] {
    display: none;
}

.checkbox-rect input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox-rect input[type="checkbox"]:hover+label:hover {
    color: rgb(23, 86, 228);
}

.checkbox-rect input[type="checkbox"]:hover+label:before {
    background: #50565a;
    box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}

.checkbox-rect input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

.checkbox-rect input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #343a3f;
    border-radius: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #f3f3f3;
}

.checkbox-rect input[type="checkbox"]:checked+label:before {
    width: 1.3em;
    height: 1.3em;
    border-radius: 0.2em;
    border: 2px solid #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #50565a;
    box-shadow: 0 0 0 1px #000;
}

/* checkbox-rect end */

/* checkbox-rect2 */
.checkbox-rect2 input[type="checkbox"] {
    display: none;
}

.checkbox-rect2 input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox-rect2 input[type="checkbox"]:hover+label:hover {
    color: rgb(23, 86, 228);
}

.checkbox-rect2 input[type="checkbox"]:hover+label:before {
    border: 1px solid #343a3f;
    box-shadow: 2px 1px 0 #343a3f;
}

.checkbox-rect2 input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

.checkbox-rect2 input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #0088CC;
    border-radius: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: -2px -1px 0 #343a3f;
    background: #0088CC;
}

.checkbox-rect2 input[type="checkbox"]:checked+label:before {
    border: 2px solid #fff;
    border-radius: 0.3em;
    background: #50565a;
    box-shadow: 2px 1px 0 #50565a;
}

/* checkbox-rect2 end */

/* checkbox-circle */
.checkbox-circle input[type="checkbox"] {
    display: none;
}

.checkbox-circle input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #0088CC;
    font-weight: 800;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

.checkbox-circle input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

.checkbox-circle input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid #0088CC;
    border-radius: 1em;
    position: absolute;
    left: 0;
    top: 0px;
    -webkit-transition: all 0.2s, transform 0.3s ease-in-out;
    transition: all 0.2s, transform 0.3s ease-in-out;
    background: white;
}

.checkbox-circle input[type="checkbox"]:checked+label:before {
    border-radius: 1em;
    border: 2px solid #0088CC;
    width: 14px;
    height: 14px;
    background: #0088CC;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/* checkbox-circle end */

/* checkbox-circle2 */
.checkbox-circle2 input[type="checkbox"] {
    display: none;
}

.checkbox-circle2 input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox-circle2 input[type="checkbox"]:hover+label:hover {
    color: rgb(23, 86, 228);
}

.checkbox-circle2 input[type="checkbox"]:hover+label:before {
    border: 1px solid #343a3f;
    box-shadow: 2px 1px 0 #343a3f;
}

.checkbox-circle2 input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

.checkbox-circle2 input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #343a3f;
    border-radius: 1em;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #f3f3f3;
    box-shadow: -2px -1px 0 #343a3f;
}

.checkbox-circle2 input[type="checkbox"]:checked+label:before {
    border-radius: 1em;
    border: 2px solid #fff;
    width: 1.15em;
    height: 1.15em;
    background: #50565a;
    box-shadow: 2px 1px 0 #50565a;
}

/* checkbox-circle2 end */

/* toggle-rect */
.toggle-rect input[type="checkbox"] {
    display: none;
}

.toggle-rect input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 0.2em;
    background: #f3f3f3;
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toggle-rect input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    background: #50565a;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-rect input[type="checkbox"]:checked+label {
    background: #fff;
}

.toggle-rect input[type="checkbox"]:checked+label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
}

/* toggle-rect end*/

/* toggle-rect-bw */
.toggle-rect-bw input[type="checkbox"] {
    display: none;
}

.toggle-rect-bw input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    background: #50565a;
    border-radius: 0.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toggle-rect-bw input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    background: #f7f2f2;
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-rect-bw input[type="checkbox"]:checked+label {
    background: #40464a;
}

.toggle-rect-bw input[type="checkbox"]:checked+label:before {
    left: 1.6em;
}

/* toggle-rect-bw end*/

/* toggle-rect-color */
.toggle-rect-color input[type="checkbox"] {
    display: none;
}

.toggle-rect-color input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    background: #e84d4d;
    border-radius: 0.2em;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toggle-rect-color input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    background: #50565a;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-rect-color input[type="checkbox"]:checked+label {
    background: #47cf73;
}

.toggle-rect-color input[type="checkbox"]:checked+label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
}

/* toggle-rect-color end*/

/* toggle-rect-color */
.toggle-rect-dark input[type="checkbox"] {
    display: none;
}

.toggle-rect-dark input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    background: #303e58;
    border-radius: 0.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toggle-rect-dark input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    background: #e84d4d;
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-rect-dark input[type="checkbox"]:checked+label:before {
    background: #47cf73;
    left: 1.6em;
}

/* toggle-rect-dark end*/

/* toggle-pill */
.toggle-pill input[type="checkbox"] {
    display: none;
}

.toggle-pill input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #f3f3f3;
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.toggle-pill input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #50565a;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-pill input[type="checkbox"]:checked+label {
    background: #fff;
}

.toggle-pill input[type="checkbox"]:checked+label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
}

/* toggle-pill end */

/* toggle-pill-bw */
.toggle-pill-bw input[type="checkbox"] {
    display: none;
}

.toggle-pill-bw input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    background: #50565a;
    border-radius: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.toggle-pill-bw input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #f7f2f2;
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-pill-bw input[type="checkbox"]:checked+label {
    background: #40464a;
}

.toggle-pill-bw input[type="checkbox"]:checked+label:before {
    left: 1.6em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* toggle-pill-bw end */

/* toggle-pill-color */
.toggle-pill-color input[type="checkbox"] {
    display: none;
}

.toggle-pill-color input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #e84d4d;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.toggle-pill-color input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #fff;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-pill-color input[type="checkbox"]:checked+label {
    background: #47cf73;
}

.toggle-pill-color input[type="checkbox"]:checked+label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
}

/* toggle-pill-color end */

/* toggle-pill-color */
.toggle-pill-dark input[type="checkbox"] {
    display: none;
}

.toggle-pill-dark input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #303e58;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.toggle-pill-dark input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #e84d4d;
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.toggle-pill-dark input[type="checkbox"]:checked+label:before {
    background: #47cf73;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
    -webkit-transform: rotate(295deg);
    transform: rotate(295deg);
}

/* toggle-pill-dark end */


.checkbox-circle {
    border: 2px solid #0088CC;
    padding-left: 3px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 15px;
}


.paginationForContenc {
    width: fit-content;
    position: relative;
    bottom: 10px;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 30px;
}

.paginationForContencul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    padding: 5px 40px;
    text-align: center;
    justify-content: center;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.paginationForContenc ul a {
    text-decoration: none;
}

.paginationForContenc ul a li {
    font-size: 13px;
    font-weight: 700;
    margin: 5px;
    list-style-type: none;
    border: 2px solid #0088CC;
    color: #0088CC;
    width: 30px;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
    border-radius: 25px;
    text-align: center;
    transition: 0.4s all ease-in-out;
}

.paginationForContencullistyle {
    padding: 5px 5px !important;
}

.paginationmob {
    display: none;
}

.paginationForContencullistyle li {
    width: 27px !important;
    /* height: 23px !important; */
    padding-top: 5.5px !important;
    padding-bottom: 5.5px !important;
    margin: 1px !important;
    border: initial !important;
}

.lastpagebutton {
    margin: 0px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 49%;
    left: 50%;
    color: white;
}

.paginationForContencLiButtons {
    padding: 0 !important;
    border: 2px solid transparent !important;
    height: 30px;
}


.pageWhereAreYou {
    background-color: #0088CC !important;
    color: white !important;
}


.paginationForContenc ul a li:hover {
    background-color: #0088CC !important;
    color: white !important;
}


.footSmall {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    /* border: 1px solid red; */
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    display: grid;
    grid-template-columns: 38% 32% 30%;
}


.footSmall1 {
    position: relative;
    width: 95%;
    height: fit-content;
    transform: translateY(-50%);
    top: 50%;
}


.footSmall2 {
    position: relative;
    width: 100%;
    height: fit-content;
    transform: translateY(-50%);
    top: 50%;
}


.footSmall3 {
    position: relative;
    width: 90%;
    margin-left: -10px;
    height: fit-content;
    transform: translateY(-50%);
    top: 50%;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
    font-size: 14px;
    color: #808080;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}


.footSmall3 span {
    font-weight: 700;
    color: #0088CC;
}


.footSmall31 p {
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    margin: 0;
    text-align: revert;
}


.footSmall32 {
    border-left: 1px solid #0088CC;
}


.footSmall32 ul {
    padding-left: 10px;
}


.footSmall32 li {
    list-style-type: none;
    margin: 5px;
}



.footSmall1 img {
    height: 35px;
    margin: 10px;
}


.footSmall1 p {
    margin: 5px;
    margin-left: 10px;
    color: #808080;
    font-size: 14px;
}


.footSmall1 span {
    font-weight: 700;
    color: #0088CC;
}

.catTest {
    margin-top: 10px;
    margin-bottom: 10px;
}

.catTest span {
    background-color: #0088CC;
    color: white;
    font-size: 14px;
    position: absolute;
    transform: translateY(-50%);
    top: 49.5%;
    margin-left: 10px;
    padding: 4px 10px;
    border-radius: 25px;
}

.gridcontainerOpenBrend {
    display: none;
}

.gridcontainerOpenTensiune {
    display: none;
}

.gridcontainerOpenCurent {
    display: none;
}

.gridcontainerOpenDimensiune_c {
    display: none;
}

.gridcontainerOpenDimensiune_b {
    display: none;
}

.gridcontainerOpenDimensiune_a {
    display: none;
}

.gridcontainerOpenNumarul_dintilor {
    display: none;
}

.gridcontainerOpenTip_semnal {
    display: none;
}

.gridcontainerOpenPompa {
    display: none;
}

.gridcontainerOpenTip_de_conector {
    display: none;
}

.gridcontainerOpenBss_lin_ide {
    display: none;
}

.gridcontainerOpenBss_lin_idech14 {
    display: none;
}

.gridcontainerOpenBss_lin_idech13 {
    display: none;
}

.gridcontainerOpenBss_lin_idech12 {
    display: none;
}

.gridcontainerOpenBss_lin_idech11 {
    display: none;
}

.gridcontainerOpenBss_lin_ide1 {
    display: none;
}

.gridcontainerOpentypetc {
    display: none;
}

.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}


.gridcontainerOpen {
    display: none;
}

.divsearchsmall {
    margin-top: 15px;
    position: absolute;
    width: 20px;
    height: 20px;
    /* background-color: red; */
    border-radius: 10px;
    background-image: url(/img/imgSite/searchCircle111.png);
    background-size: cover;
}



.sidebarFilterCat3:hover .sidebarFilterCatIcon3 {





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat3:hover~.sidebarFilterCat4 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat3:hover~.sidebarFilterCat5 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat3:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat4:hover {





    margin-top: -100px;





    margin-left: 0%;





}





.sidebarFilterCat4:hover .sidebarFilterCatIcon4 {





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat4:hover~.sidebarFilterCat5 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat4:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat5:hover {





    margin-top: -100px;





    margin-left: 0%;





}





.sidebarFilterCat5:hover~.sidebarFilterCat6 {





    margin-top: -100px;





    margin-left: 100%;





}





.sidebarFilterCat6:hover {





    margin-top: -100px;





    margin-left: 0%;





}


.slider {
    margin-top: 90px;
}


.sliskSlider {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    display: block;
    width: -webkit-fill-available !important;
    width:  -moz-available !important;
    border-radius: 25px;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}


.sliskSlider.shrink {
    position: relative;
    display: block;
    width: -webkit-fill-available !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    transition: all 0.5s ease-in-out;
}





.bottom3 {

    position: relative;
    margin-top: 10px;
    height: 350px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    max-width: 1340px;
    overflow: hidden;
    transition: all 1s ease-in-out;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 30px;
}



.backgrrbot {
    width: 100%;
    height: 77%;
    position: absolute;
    background-color: #494e52;
    bottom: 0;
    border-radius: 30px;
}


.backgrrbot1 {
    z-index: 1;
    background-color: transparent;
    background-image: url(../img/gradiktt.png);
    background-size: cover;
    background-position: center;
}



.bottom33 {





    position: absolute;





    width: 1280px;





    margin: auto;





    height: 100%;





}





@keyframes slideInUp3 {





    from {





        margin-top: 600px;





    }





    to {





        margin-top: 100px;





    }





}





.slideInUp {





    animation-name: slideInUp3;





}





@keyframes slideInUp1 {





    from {





        margin-top: 600px;





    }





    to {





        margin-top: 60px;





    }





}





.filter_data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    min-height: 100px;
}

.filter_data_itemstwophoto {
    grid-template-columns: repeat(2, 1fr);
}


.slideInUp {





    animation-name: slideInUp1;





}





@keyframes slideInUp2 {





    from {





        margin-top: 600px;





    }





    to {





        margin-top: 20px;





    }





}





.slideInUp {





    animation-name: slideInUp2;





}



.saleProcentPositionBlock1 {
    z-index: 1;
    position: absolute;
    width: fit-content;
    margin: 0px;
    /* top: 5px; */
    /* left: 20px; */
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: #0088CC;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 700;
    color: white;
}




.plan {





    position: absolute;





    width: 500px;





    height: 380px;





    background-color: white;





    right: 0px;





    margin-top: 100px;





    transition: 1.2s all ease-in-out;





    animation: slideInUp3 1.3s ease-in-out;





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    background-image: url(/img/gres.jpg);





    background-size: cover;





    background-position: center;





}





.plan1 {





    position: absolute;





    width: 500px;





    height: 380px;





    background-color: white;





    right: 75px;





    margin-top: 60px;





    transition: 1.5s all ease-in-out;





    animation: slideInUp1 1.3s ease-in-out;





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    background-image: url(/img/gres1.jpg);





    background-size: cover;





    background-position: center;





}





.plan2 {





    position: absolute;





    width: 500px;





    height: 380px;





    background-color: white;





    right: 150px;





    margin-top: 20px;





    transition: 1.8s all ease-in-out;





    animation: slideInUp2 1.3s ease-in-out;





    -webkit-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.75);





    background-image: url(/img/gres.jpg);





    background-size: cover;





    background-position: center;





}





@keyframes slideInUp6 {
    from {
        margin-top: 600px;
    }

    to {
        margin-top: 5px;
    }
}




@keyframes slideInUp61 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes slideInUp62 {
    from {
        bottom: 600px;
    }

    to {
        bottom: -150px;
    }
}

@keyframes slideInUp63 {
    from {
        bottom: 600px;
    }

    to {
        bottom: -100px;
    }
}

@keyframes slideInUp64 {
    from {
        bottom: 600px;
    }

    to {
        bottom: -50px;
    }
}





.text {
    transition: all 1s ease-in-out;
    position: absolute;
    width: 520px;
    height: 255px;
    color: white;
    font-size: 17px;
    margin-top: 5px;
    animation: slideInUp6 1.7s ease-in-out;
    float: left;
    bottom: 0;
    z-index: 1;
}





.moree {





    text-decoration: none;





    background-color: #1C85E8;





    cursor: pointer;





    transition: 1s all ease-in-out;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    font-size: 20px;





    padding: 10px;





    color: white;





    border-radius: 7px;





    -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





}





.introAbout {





    display: block;





    width: 100%;





    height: 38vh;





    top: 0;





    right: 0;





    bottom: 0;





    left: 0;





    background-attachment: fixed;





    background-position: center;





    background-size: cover;





    background-image: url(../img/about.jpg);





}





.logo {





    font-weight: 300;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    font-size: 80px;





    color: #D8D9D9;





    text-align: center;





    margin-top: 25px;





    margin-left: 25px;





    margin-right: 25px;





}





.logo12 {





    position: absolute;





    width: 90%;





}





.logo1 {





    font-weight: 500;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    font-size: 45px;





    color: #D8D9D9;





    text-align: center;





    margin-left: 25px;





    margin-right: 25px;





    margin-top: 200px;





}





.center {





    padding: 12px 24px !important;





    position: absolute;





    top: 50%;





    left: 50%;





    width: 600px;





    margin-right: -50%;





    transform: translate(-50%, -50%);





    margin: 0 auto;





}





.registration {





    height: 32px;





    text-align: center;





    font-size: 18px;





    padding: 5px;





    border: 1px solid #5C493E;





    background-color: transparent;





    transition: 1s all ease-in-out;





}





.registration:hover {





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}





.corzina {





    height: 32px;





    width: 32px;





    float: right;





    margin-left: 10px;





    background-color: #5C493E;





    cursor: pointer;





    transition: 1s all ease-in-out;





}





.corzina:hover {





    border-radius: 5px;





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}





#barBody {





    left: -280px;





    width: 280px;





    height: 100%;





    position: fixed;





    z-index: 1;





    background-color: #1C85E8;





    -webkit-transition: all 700ms cubic-bezier(0.455, 0, 0.390, 1);
    /* older webkit */





    -webkit-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420);





    -moz-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420);





    -o-transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420);





    transition: all 700ms cubic-bezier(0.455, -0.410, 0.390, 1.420);
    /* custom */





}





#barBody.active {





    left: 0;





}





#barBody ul {





    position: relative;





    top: 47%;





    transform: translateY(-50%);





}





#barBody a {





    text-align: center;





    position: relative;





    letter-spacing: 1.2px;





    text-decoration: none;





    color: white;





    font-size: 20px;





    font-family: Arial, sans-serif;





    transition: 1s all ease-in-out;





}





#barBody li {





    text-align: center;





    list-style: none;





    padding: 25px;





    margin-left: -40px;





    transition: 1s all ease-in-out;





}





#barBody li:hover {





    background-color: white;





}





#barBody li:hover>a {





    color: black;





}





.top1 {

    margin: auto;
    max-width: 1200px;
    height: 100%;
}




.buttonn111 {


    border-radius: 15px;


    width: 160px;





    height: 40px;





    background-color: white;





    margin-left: 6px;





    font-size: 18px;





    transition: 1s all ease-in-out;





    -webkit-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.75);





}





.buttonn111 p {





    padding-top: 9px;





    color: #494e52;





    text-align: center;





    transform: rotate(0deg);





    cursor: pointer;





    transition: 1s all ease-in-out;





}





.buttonn111:hover {





    border-radius: 8px;





    color: white;





    background-color: #5C493E;





    text-align: center;





    cursor: pointer;





    -webkit-box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75);





    box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75);





}





.buttonn111:hover p {





    color: white;





}





#userimg2 {





    margin-right: 2%;





    float: right;





    position: relative;





    top: 50%;





    transform: translateY(-50%);





    width: 31px;





    transition: 1s all ease-in-out;





}





#userimg1 {





    margin-right: 5%;





    float: right;





    position: relative;





    top: 50%;





    transform: translateY(-50%);





    width: 31px;





    transition: 1s all ease-in-out;





}





#userimg {
    height: 32px;
    padding-top: 0px;
    float: right;
    display: block;
    margin-right: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: 1s all ease-in-out;
}

.top2 {
    transition: 1s all ease-in-out;
    float: right;
    position: relative;
    margin-right: 10px;
    height: 100%;
}

.logimg {
    float: left;
    position: relative;
    margin-left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
    transition: 1s all ease-in-out;
}

.logimg.shrink {
    float: left;
    position: relative;
    margin-left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    transition: 1s all ease-in-out;
}

#navCity {
    transition: 1s all ease-in-out;
    margin-left: 8.3%;
    margin-top: -1px;
    width: 27px;
}





#navCitya {





    text-decoration: none;





    color: #60C3FE;





    font-family: Arial, sans-serif;





    letter-spacing: 1.2px;





    margin-left: 10px;





    position: relative;





    top: 39%;





    transform: translateY(-50%);





    transition: 1s all ease-in-out;





}





.navbarButt {
    position: relative;
    height: 100%;
    float: left;
    margin-right: 10px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    overflow: hidden;
}

.navbarButtcat {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0px;
    z-index: 1;
}

.navbarButtcat1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0px;
    z-index: 1;    
}

.navbarButt2413 {
    float: left;
    margin-right: 10px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    height: 60px;
    background-image: url(../img/100ttr.png);
    border-radius: 0px;
    overflow: hidden;
}

.navbarButt2413.shrink {
    height: 44px;
}





.navbarButt2413:hover.shrink {





    height: 113px;





}





.fillfilter {



    display: grid;



    grid-template-columns: repeat(4, 1fr);



}





.buttP {

    color: #808080;
    font-weight: 600;
    margin-top: 21px;
    font-size: 14px;
    transition: 0.4s all ease-in-out;

}





.buttP.shrink {

    margin-top: 13px;

}





.navbarButt:hover {
    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40);
    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.40);
}

.navbarButt2413:hover {
    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
    background-image: url(../img/topBackground.png);
    border-radius: 20px;
    height: 138px;
}





.navigation {
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    float: left;
    margin-top: -23px;
    margin-right: 10px;
    transition: 0.4s all;
    cursor: pointer;
}






.navigation123 {





    position: relative;





    padding-right: 15px;





    padding-left: 10px;





    margin-right: 5px;





    height: 100%;





    float: left;





    width: 15px;





    transition: 0.4s all ease-in-out;





    cursor: pointer;





}





.navigation123:hover {





    position: relative;





    padding-right: 30px;





    padding-left: 10px;





    height: 100%;





    float: left;





    width: 200px;





    transition: 0.4s all ease-in-out;





    cursor: pointer;





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}





.navigation123re {
    position: relative;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    /* margin-right: 5px; */
    height: 100%;
    float: left;
    width: 40px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}




.navigation1234Lang {
    background-image: url(../img/imgSite/languageCircle.png) !important;
}




.navigation123reSearch {
    position: relative;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    /* margin-right: 5px; */
    height: 100%;
    float: left;
    width: 202.5px;
    cursor: pointer;
}

.navigation123reSearchForSomeTime {
    position: relative !important;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    /* margin-right: 5px; */
    top: initial !important;
    margin: initial !important;
    height: 100% !important;
    float: left !important;
    width: 40px !important;
    transition: 0.4s all ease-in-out !important;
    cursor: pointer !important;
}

.navigation123Language {
    position: relative;
    padding-right: 15px;
    padding-left: 10px;
    margin-right: 5px;
    height: 100%;
    float: left;
    width: 15px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.navigation123Language:hover {
    position: relative;
    padding-right: 30px;
    padding-left: 10px;
    height: 100%;
    float: left;
    width: 95px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
}

.navigation123korzina {
    position: relative;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    /* margin-right: 5px; */
    height: 100%;
    float: left;
    width: 40px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}


.navigation123korzinaNrOfProducts {

    position: absolute;

    width: 16px;

    height: 16px;

    background-color: #0088CC;

    border-radius: 16px;

    top: 9px;

    right: 1px;

    z-index: 1;

    transition: 0.4s all ease-in-out;

}





.navigation123korzinaNrOfProducts.shrink {
    top: 4px;
}





.navigation123korzinaNrOfProducts p {



    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

    line-height: 16px;

    position: absolute;

    font-size: 13px;

    font-weight: 600;

    color: white;



}





@keyframes animaddincartt {



    0% {

        position: relative;





        padding-right: 15px;





        padding-left: 10px;





        margin-right: 2px;





        height: 100%;





        float: left;





        width: 15px;





        transition: 0.4s all ease-in-out;





        cursor: pointer;

    }









    40% {

        position: relative;





        padding-right: 30px;





        padding-left: 10px;





        height: 100%;





        float: left;





        width: 140px;





        transition: 0.4s all ease-in-out;





        cursor: pointer;





        -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





        -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





        box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);

    }







    60% {

        position: relative;





        padding-right: 30px;





        padding-left: 10px;





        height: 100%;





        float: left;





        width: 140px;





        transition: 0.4s all ease-in-out;





        cursor: pointer;





        -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





        -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





        box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);

    }









    100% {



        position: relative;





        padding-right: 15px;





        padding-left: 10px;





        margin-right: 2px;





        height: 100%;





        float: left;





        width: 15px;





        transition: 0.4s all ease-in-out;





        cursor: pointer;



    }



}







/*.navigation123korzina:hover {





    position: relative;





    padding-right: 30px;





    padding-left: 10px;





    height: 100%;





    float: left;





    width: 140px;





    transition: 0.4s all ease-in-out;





    cursor: pointer;





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}*/





.navigation123456 {
    display: none;
    position: relative;
    margin-right: 0px;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    /* margin-right: 5px; */
    height: 100%;
    float: left;
    width: 40px;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}





.navigation12345 {





    display: none;





    position: fixed;





    font-size: 19px;





    color: #494e52;





    margin-top: 18.5px;





    transition: 1s all ease-in-out;





}





.navigation12345.shrink {





    position: fixed;





    font-size: 19px;





    color: #5C493E;





    margin-top: 11px;





    transition: 1s all ease-in-out;





}





.navigation12345Language {





    display: none;





    position: fixed;





    font-size: 19px;





    color: #5C493E;





    margin-top: 18.5px;





    transition: 1s all ease-in-out;





}





.navigation12345Language.shrink {





    position: fixed;





    font-size: 19px;





    color: #5C493E;





    margin-top: 11px;





    transition: 1s all ease-in-out;





}





.navigation12345korzina {





    display: none;





    position: fixed;





    font-size: 19px;





    color: #5C493E;





    margin-top: 18.5px;





    transition: 1s all ease-in-out;





}





.navigation12345korzina.shrink {





    position: fixed;





    font-size: 19px;





    color: #5C493E;





    margin-top: 11px;





    transition: 1s all ease-in-out;





}





@keyframes slideInPhone123456 {

    0% {

        opacity: 0;

        display: none;

    }



    50% {

        opacity: 1;

        display: block;

    }



    100% {

        opacity: 0;

        display: none;

    }

}





.navigation123:hover .navigation12345 {



    display: block;



    animation: slideInPhone123456 2s ease-in-out;



}







.navigation123Language:hover .navigation12345Language {





    display: block;





    animation: slideInPhone123456 1s ease-in-out;





}


.navigation1234SearchAllSite {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/searchCircle.png);
    transition: 0.4s all ease-in-out;
}



.navigation1234SearchAllSite.shrink {

    margin-top: 0px;

}



.navigation1234 {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/cartCircle.png);
    transition: 0.4s all ease-in-out;
}

.headerButtonsForSomeTime {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/searchCircle.png);
    transition: 0.4s all ease-in-out;
}

.headerButtonsForSomeTime1 {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/searchCircle1112.png);
    transition: 0.4s all ease-in-out;
}


.navigation1234User {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/contact6ForHeader.png);
    transition: 0.4s all ease-in-out;
}

.navigation1234Language {





    width: 44px;





    height: 40px;





    float: right;





    margin-top: 7px;





    margin-right: -21px;





    background-size: cover;





    background-position: center no-repeat;





    background-image: url(/img/contact45666.png);





    transition: 1s all ease-in-out;





}





.navigation1234Language.shrink {





    width: 44px;





    height: 40px;





    float: right;





    margin-top: 0px;





    margin-right: -21px;





    background-size: cover;





    background-position: center no-repeat;





    background-image: url(/img/contact45666.png);





}





.navigation1234k {





    width: 44px;





    height: 40px;





    float: right;





    margin-top: -14px;





    margin-right: -21px;





    transition: 1s all ease-in-out;





}





.navigation1234k.shrink {





    width: 44px;





    height: 40px;





    float: right;





    margin-top: -15.5px;





    margin-right: -21px;





    background-size: cover;





    background-position: center no-repeat;





    background-image: url(/img/contact212.png);





}





.navigation1234567 {
    position: absolute;
    transform: translateY(-50%) scale(1.0);
    top: 50%;
    width: 40px;
    height: 40px;
    float: right;
    /* margin-top: 7px; */
    /* margin-right: -21px; */
    background-size: cover;
    background-position: center no-repeat;
    background-image: url(../img/imgSite/menuMobileButt1.png);
    transition: 0.4s all ease-in-out;
}




.sidebarButtonsss {





    width: 120%;





    height: 36px;





    margin-top: 10px;





    margin-left: -3.6px;





    transition: 0.4s all ease-in-out;





    border: 0.1px solid transparent;





}





.sidebarButtonsss:hover {





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}





.sidebarButtonsss p {





    text-align: center;





    font-size: 18px;





    margin-top: 8px;





    color: #5C493E;





}





.top2 a {





    color: #5C493E;





}





.top2 a {





    position: relative;





    letter-spacing: 1.2px;





    text-decoration: none;





    color: white;





    transform: translateY(-50%);





    transition: 1s all ease-in-out;





}





.top2 a:hover {





    color: #63C6FF;





}





.navigation:hover {





    -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);





}





#bar {





    width: 40px;





    margin-right: 17px;





    cursor: pointer;





    transition: 1s all ease-in-out;





}





.underTop {





    background-color: white;





    width: 100%;





    height: auto;





    margin-bottom: 50px;





    -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





    padding-bottom: 25px;





}





.underTop1 {





    margin: auto;





    border: 0.1px solid white;





    max-width: 1620px;





    height: auto;





    transition: 1s all ease-in-out;





}





.underTop1 h1 {





    transition: 1s all ease-in-out;





    margin-left: 8.5px;





    margin-top: 150px;





    color: black;





    font-family: 'Roboto', sans-serif;





    font-weight: 100;





    letter-spacing: 1.2px;





    font-size: 55px;





}





.underTop1 p {





    margin-left: 8.5px;





    margin-top: -25px;





    color: black;





    font-family: 'Roboto', sans-serif;





    letter-spacing: 1.2px;





    font-size: 20px;





    transition: 1s all ease-in-out;





}





.underTop2 {





    margin-top: 50px;





    width: 100%;





    height: auto;





    display: grid;





    grid-template-columns: repeat(4, 1fr);





    transition: 1s all ease-in-out;





}





.underTop2 div {





    height: 40px;





    margin: 10px;





    border: 1px solid #B8B8B8;





    transition: 1s all ease-in-out;





}





.underTop2 p {





    font-family: 'Source Sans Pro', sans-serif;





    letter-spacing: 1.2px;





    margin-top: 7px;





    margin-left: 8px;





}





.underTop2 img {





    float: right;





    margin-top: 11px;





    margin-right: 10px;





}





#show p {





    font-family: 'Source Sans Pro', sans-serif;





    letter-spacing: 1.2px;





    text-align: center;





    color: white;





    cursor: pointer;





}





#show {





    transition: 1s all ease-in-out;





    background-color: #FF9800;





    border: none;





}





#show:hover {





    -webkit-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    box-shadow: -2px 11px 53px -8px rgba(0, 0, 0, 0.75);





    transform: scale(1.01);





}





.content {





    display: grid;





    grid-template-columns: repeat(4, 1fr);





    margin: auto;





    max-width: 1620px;





}





.post {





    cursor: pointer;





    height: auto;





    margin: 10px;





    background-color: white;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}





.post3 {





    cursor: pointer;





    height: auto;





    margin: 10px;





    transition: 1s all ease-in-out;





}





.post:hover {





    transform: scale(1.04);





}





.postImg {





    width: 100%;





    height: 240px;





    background-image: url(../img/car3.jpg);





    background-size: cover;





    background-position: center;





    transition: 1s all ease-in-out;





}





.post p {





    font-family: 'Source Sans Pro', sans-serif;





    letter-spacing: 1.2px;





    font-size: 21px;





    margin-top: 25px;





    margin-left: 23px;





    transition: 1s all ease-in-out;





}





.centr {





    text-align: center;





}





.post2 img {





    height: 200px;





    transition: 1s all ease-in-out;





}





.post3 img {





    height: 260px;





}





.post3 h3 {





    color: #39355B;





    font-family: 'Source Sans Pro', sans-serif, bold;





    font-size: 24px;





}





.post3 h4 {





    color: #39355B;





    font-family: 'Source Sans Pro', sans-serif, bold;





    font-size: 18px;





    margin-top: -23px;





}





.why h1 {





    color: #5C493E;





}





.why {





    margin-top: 40px;





    margin-bottom: 40px;





}





.why1 {
    margin-top: -35px;
    margin-left: 10px;
    position: absolute;
    height: 30px;
}





.why1 h1 {

    color: #0088CC;
    font-size: 26px;

}





.contentAbout {





    display: grid;





    grid-template-columns: repeat(3, 1fr);





    margin: auto;





    max-width: 1350px;





}





.postImg p {





    background-color: #FF1744;





    padding: 10px;





    width: auto;





    float: right;





    font-size: 16px;





    margin-top: 15px;





    margin-right: 15px;





    border-radius: 7px;





    color: white;





    transition: 1s all ease-in-out;





}





#more {





    margin: auto;





    max-width: 1600px;





    height: 50px;





    border: 1px solid #B5BABE;





}





#more p {





    font-family: 'Source Sans Pro', sans-serif;





    letter-spacing: 1.2px;





    font-weight: 300;





}





#more span {





    color: #3592E9;





}





#more a {





    text-decoration: none;





}





footer {
    width: 1180px;
    height: 600px;
    border-radius: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    transform: translateX(-50%);
    margin-left: 50%;
    overflow: hidden;
}

.form-control-span {
    font-size: 22px;
    font-weight: 600;
    color: #0088cc;
}


.resultSearch {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 10px;
}



.blockSearchOpenOnSite {
    display: none;
    width: 100%;
    height: 100%;
    /* min-height: 10%; */
    position: fixed;
    z-index: 3;
    background-color: white;
    /* border-radius: 30px; */
    overflow: hidden;
    top: 0%;
    /* transform: translateX(-50%); */
    /* left: 50%; */
    /* padding: 30px; */
    box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%);
    -webkit-box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%);
    -moz-box-shadow: 0px 0px 53px -4px rgba(0, 0, 0, 0.21);
    animation-name: animModalSeach;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}


.blockFilterrOpenOnSite {
    display: none;
    width: 100%;
    height: 100%;
    /* min-height: 10%; */
    position: fixed;
    z-index: 3;
    background-color: white;
    /* border-radius: 30px; */
    overflow: hidden;
    top: 0%;
    /* transform: translateX(-50%); */
    /* left: 50%; */
    /* padding: 30px; */
    box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%);
    -webkit-box-shadow: 0px 0px 53px -4px rgb(0 0 0 / 21%);
    -moz-box-shadow: 0px 0px 53px -4px rgba(0, 0, 0, 0.21);
    animation-name: animModalSeach;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

.blockSearchOpenOnSiteAuto {
    width: 1180px;
    height: 100%;
    position: fixed;
    z-index: 3;
    background-color: white;
    /* border-radius: 30px; */
    top: 0%;
    margin: 0px;
    /* padding: 30px; */
    transform: translateX(-50%);
    left: 50%;
}


.blockSearchForWrite {
    position: relative;
    height: 90px;
    margin-top: 80px;
    transition: 0.6s all ease-in-out;
}

.blockSearchForWrite.shrink {
    margin-top: 60px;
}

.blockSearchForWrite12123 {
    height: auto;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.blockSearchForWrite12123 input::placeholder {
    color: #0088cc;
}

.resClass {
    border-radius: 15px;
    width: 100%;
    height: 80%;
    overflow: auto;
}

.footGrid {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
}

.footMap {
    height: 600px;
    border-radius: 30px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.footShadowFromRight {
    position: absolute;
    height: 600px;
    right: -310px;
    z-index: 1;
    background-color: white;
    width: 300px;
    box-shadow: 0px 0px 118px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 118px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 118px 0px rgba(0, 0, 0, 0.25);
}


.footerrty {
    position: relative;
    width: auto;
    height: 600px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 24px -4px rgb(0 0 0 / 75%);
}

.footerrtyContacts {
    height: 550px;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}

.menuiframe {
    height: 145px;
    width: 320px;
    position: absolute;
    white-space: nowrap;
    bottom: 0px;
    background-color: transparent;
}

.menuiframeContacts{
    background-color: transparent;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}

.imgLogFoot {
    width: 200px;
    padding-top: 30px;
    padding-left: 30px;
}



.menuiframe::-webkit-scrollbar {

    height: 5px;

}



.menuiframe::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background-color: #0088CC;

}

.footerrtyyy0 {
    display: inline-block;
    position: absolute;
    width: 300px;
    height: 115px;
    left: 0px;
    bottom: 0px;
    border-radius: 0px 30px 0px 0px;
    background-color: #0088CC;
    overflow: hidden;
    border: 1px solid #0088CC;
    transition: 1s all ease-in-out;
    cursor: pointer;
}

.inflocation000 {

    position: absolute;

    height: 100%;

    width: 25%;

}



.inflocation000 img {

    height: 45%;

    position: absolute;

    transform: translate(-50%, -50%);

    top: 48%;

    left: -35%;

    transition: 1s all ease-in-out;

}

.inflocation0000 {

    position: absolute;

    height: 100%;

    width: 25%;

}



.inflocation0000 img {

    height: 45%;

    position: absolute;

    transform: translate(-50%, -50%);

    top: 48%;

    left: 42%;

    transition: 1s all ease-in-out;

}

.inflocation {

    width: 80%;

    height: auto;

    position: absolute;

    transform: translateY(-50%);

    top: 48%;

    right: 0px;

}

.inflocationp {
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    transition: 1s all ease-in-out;
}



.inflocationpq1q {

    color: #494E52;

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    transition: 1s all ease-in-out;

}



.inflocationpqq {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #4a4f53;

    transition: 1s all ease-in-out;

}



.inflocationpqq334 {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #4a4f53;

    transition: 1s all ease-in-out;

}



.infmobilewwp {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #494E52;

    transition: 1s all ease-in-out;

}



.infmobilewwpqq {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #4a4f53;

    transition: 1s all ease-in-out;

}


.infmobileww {

    width: fit-content;

    height: auto;

    padding-left: 4px;

    font-size: 14px;

    padding-right: 4px;

    padding-top: 1px;

    padding-bottom: 1px;

    border-radius: 20px;

    margin: 0;

    background-color: white;

    float: left;

    margin-right: 5px;

    margin-top: 4px;

    transition: 1s all ease-in-out;

}


.footerrtyyy0qq {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-top: 12px;
    margin-left: 1.5%;
    height: 115px;
    border-radius: 30px;
    background-color: white;
    /* margin-bottom: 20px; */
    overflow: hidden;
    border: 1px solid #0088CC;
    transition: 1s all ease-in-out;
    cursor: pointer;
}

.footerrtyyy0right {

    margin-right: 5px;

}


.inflocationpq1q {

    color: #0088CC;

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    transition: 1s all ease-in-out;

}

.infmobilewwq1q {

    width: fit-content;

    height: auto;

    padding-left: 4px;

    font-size: 14px;

    padding-right: 4px;

    padding-top: 1px;

    padding-bottom: 1px;

    border-radius: 20px;

    margin: 0;

    background-color: #0088CC;

    float: left;

    margin-right: 5px;

    margin-top: 4px;

    transition: 1s all ease-in-out;

}




.infmobilewwqq {

    width: fit-content;
}

.infmobilewwp22 {
    color: white;
}

.infmobilewwp {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #0088CC;

    transition: 1s all ease-in-out;

}


.rightFooterContent {
    border-radius: 30px;
    width: 100%;
    height: 600px;
    position: relative;
}




.footerrtyiframe {
    width: 100%;
    height: 600px;
}

.footerrtyiframe1 {

    width: 100%;

    height: 405px;

    margin-top: -810px;

    transition: 1s all ease-in-out;

}


.footerrtyiframeContacts {
    width: 100%;
    height: 550px;
}

.footerrtyiframe1Contacts {
    width: 100%;
    height: 550px;
    margin-top: -1100px;
    transition: 1s all ease-in-out;
}

#footer {
    padding: 10px;
    margin: auto;
    position: relative;
    max-width: 1600px;
    top: 50%;
}








.footerrtyy {
    position: relative;
    width: auto;
    height: auto;
    border-radius: 30px;
    margin: 20px;
    margin-bottom: 70px;
}

.footerrtyy a {
    text-decoration: none;
}

.footerrtyyy0qqer {
    position: relative;
    padding-left: 65px;
    padding-right: 60px;
    width: -webkit-fill-available;
    width:  -moz-available;
    float: left;
    height: 60px;
    border-radius: 35px;
    background-color: white;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    -webkit-box-shadow: 12px 0px 20px -4px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.25);
    box-shadow: 12px 0px 20px -4px rgb(0 0 0 / 30%);
    transition: 1s all ease-in-out;
}

.footerrtyyy0qqerContactsPage {
    margin: 5px;
}

.footerrtyyy0qqerIndex {
    width:  -webkit-fill-available;
    width:  -moz-available;
}


.footerrtyyy0qqerOther {
    position: relative;
    padding-right: 0px !important;
    height: 60px;
    border-radius: 0px;
    background-color: transparent;
    margin: 0px;
    overflow: visible;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}


.inflocation000qqer1 {
    position: absolute;
    height: 100%;
    width: 60px;
    left: 0;
}

.inflocation000qqer1 img {
    height: 60%;
    position: absolute;
    top: 20%;
    left: 20%;
    transition: 1s all ease-in-out;
}


.inflocation000qqer {
    position: absolute;
    height: 100%;
    width: 60px;
    right: 0px;
}

.inflocation000qqer img {
    height: 60%;
    margin-top: 20%;
    margin-left: 20%;
    transition: 1s all ease-in-out;
}

.infmobilewwq1q p {
    color: white;
}


.inflocationqq334 {
    width: auto;
    height: 50px;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}


.inflocationpqq334 {

    margin: 0px;

    font-size: 16px;

    font-weight: 600;

    color: #0088CC;

    transition: 1s all ease-in-out;

}

.infmobilewwqq334 {
    position: relative;
    width: -webkit-fill-available;
    width:  -moz-available;
    height: auto;
    overflow-y: auto;
    padding-left: 8px;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 20px;
    margin: 0;
    background-color: transparent;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    transition: 1s all ease-in-out;
}

.infmobilewwqq334::-webkit-scrollbar {
    display: none;
}

.infmobilewwqq334 p {
    position: relative;
    width: max-content;
    background-color: #0088CC;
    color: white;
    font-size: 15px !important;
    font-weight: 600;
    border-radius: 20px;
    padding-left: 8px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    transition: 1s all ease-in-out;
}










#footer {





    color: #6D828E;





}





#footer img {





    width: 48px;





    float: right;





    margin-top: -50px;





    transition: 0.7s all ease-in-out;





}





#footer img:hover {





    margin-top: -55px;





}





#footer p {





    font-family: 'Source Sans Pro', sans-serif;





    letter-spacing: 1.2px;





    font-weight: 300;





}





.footinf {





    position: relative;





    float: left;





    margin-right: 100px;





}





#inf {





    margin-left: 700px;





    margin-top: -50px;





    position: absolute;





    width: 780px;





    height: 50px;





    transition: 1s all ease-in-out;





}





#inf a {





    color: black;





}





.icconns {





    background-color: black;





    width: 100%;





    height: 670px;





    background-attachment: fixed;





    background-size: cover;





    background-position: center;





    transition: 1s all ease-in-out;





}







.post1 {





    position: relative;





    overflow: hidden;





    cursor: pointer;





    height: 240px;





    margin: 10px;





    background-color: white;





    background-image: url(../img/backpost.png);





    background-size: cover;





    background-position: center;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.postImg1 {





    position: relative;





    width: 100%;





    height: 100%;





    background-position: center;





    background-size: cover;





    background-image: url(../img/imgElite.jpg);





    transition: 1s all ease-in-out;





}





.post1 p {





    position: absolute;





    color: #333333;





    font-size: 18px;





    bottom: 0;





    padding: 5px;





    margin-bottom: 0;





    font-family: 'Source Sans Pro', sans-serif, bold;





    background-image: url(../img/backpost2.png);





    background-size: cover;





    background-position: center;





    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





}





.post1:hover .postImg1 {





    transform: scale(1.1);





}





.contactIcons {





    text-decoration-line: none;





    list-style-type: none;





    float: right;





    margin-top: -214px;





}





.contactIcons img {





    z-index: 5;





    width: 50px;





    margin-top: -5px;





    margin-right: 10px;





    transition: 0.6s all ease-in-out
}





.contactIcons img:hover {





    transform: scale(1.18);





}





.rightpost {





    cursor: pointer;





    margin-top: -6px;





    width: 100%;





    height: 87px;





    background-position: center;





    background-size: cover;





    background-image: url(../img/backpost1.png);





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 0.5s all ease-in-out;





}





.rightpost:hover {





    margin-left: 15px;





}





.rightpost ul>li>h3 {





    font-family: 'Source Sans Pro', sans-serif;





    color: #5D6361;





}





.rightpost ul>li>p {





    font-family: 'Source Sans Pro', sans-serif;





    color: #5D6361;





    margin-top: -11px;





}





.rightpost ul {





    width: 90%;





}





.rightpost {





    margin-left: 4px;





}





.roghtcontent ul {





    left: 0;





    margin-top: 11px;





}





.roghtcontent {





    margin-top: 110px;





    padding-right: 13px;





}





.roghtcontent ul>li {





    margin-top: 0px;





    list-style: none;





    margin-left: -40px;





    margin-bottom: 12px;





}





.roghtcontent ul>li>a {





    text-decoration: none;





}





.rightpostimg {





    margin-right: 6px;





    float: left;





    position: relative;





    height: 100%;





    width: 110px;





    background-position: center;





    background-size: cover;





    background-image: url(../img/imgElite.jpg);





}





.buttt {





    text-align: center;





    text-decoration: none;





    font-family: 'Source Sans Pro', sans-serif;





    color: #1C85E8;





}





.butttt {





    width: 120px;





    height: 40px;





    margin-left: 23px;





    margin-bottom: 10px;





    background-color: transparent;





    border: 1.4px solid #1C85E8;





}





.post img {





    width: 44px;





    float: right;





    margin-right: 8.7px;





    transition: 0.5s all ease-in-out;





}





.post img:hover {





    transform: scale(1.07);





}





.contentContact {





    display: grid;





    grid-template-columns: 2fr 1fr;





    margin: auto;





    max-width: 1620px;





}





input[type=text],
select,
textarea {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-weight: 700;
    padding: 12px;
    border: 2px solid #0088cc;
    border-radius: 25px !important;
    box-sizing: border-box;
    margin-top: 10px;
    resize: vertical;
    outline: none;
    color: white;
}

.boxProd {
    height: 30px !important;
}

.closeModalSearrch {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 3px;
    border: 2px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
}

.openModalSearrchBrend {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchTensiune {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchCurent {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchDimensiune_c {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchDimensiune_b {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchDimensiune_a {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchNumarul_dintilor {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchTip_semnal {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchPompa {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchTip_de_conector {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_ide {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_idech14 {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_idech13 {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_idech12 {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_idech11 {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchBss_lin_ide1 {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.openModalSearrchtypetc {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/catalogButton1.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBrend {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchTensiune {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchCurent {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchDimensiune_c {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchDimensiune_b {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchDimensiune_a {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchNumarul_dintilor {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchTip_semnal {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchPompa {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchTip_de_conector {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_ide {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_idech14 {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_idech13 {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_idech12 {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_idech11 {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrchBss_lin_ide1 {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}


.closeModalSearrchtypetc {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -25px;
    top: 8px;
    border: 4px solid #0088cc;
    background-color: #0088cc;
    border-radius: 22px;
    background-image: url(../img/imgSite/closeFill.png);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.closeModalSearrch:active {
    transform: scale(0.9);
}

.closeModalFilterr {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    /* border: 2px solid red; */
    border-radius: 22px;
    background-image: url(../img/day.night.close.jpg);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
}



.closeModalFilterr:active {
    transform: scale(0.9);
}



input[type=email],
select,
textarea {

    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    padding: 12px;
    border: 3px solid #494e52;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 10px;
    resize: vertical;

}





input[type=tel],
select,
textarea {

    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    padding: 12px;
    border: 3px solid #494e52;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 10px;
    resize: vertical;

}





input[type=submit] {





    background-color: #4CAF50;





    color: white;





    padding: 12px 20px;





    border: none;





    border-radius: 4px;





    cursor: pointer;





}





.container {





    border-radius: 5px;





    padding: 20px;





    font-family: 'Source Sans Pro', sans-serif;





    color: #1C85E8;





}





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





    .center {





        width: 400px;





    }





}





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





    .center {





        width: 250px;





    }





}





.containerContact {





    position: relative;





    display: flex;





    justify-content: center;





    align-items: center;





    width: 100%;





    height: 100vh;





}





.cont {





    height: 30px;





    width: 450px;





    margin-top: 15px;





    margin-left: 50%;





    transform: translateX(-50%);





}





.containerContact:after {





    content: '';





    position: absolute;





    left: 0;





    top: 0;





    width: 100%;





    height: 100vh;





    background-image: url(/img/imgArt/1f3b24138071c903a0dbf3476ee09bda63928554.jpg);





    background-position: center no-repeat;





    background-size: cover;





    z-index: -1;





    filter: blur(10px);





}





.containerContact-box {





    max-width: 1000px;





    display: grid;





    grid-template-columns: repeat(2, 1fr);





    justify-content: center;





    align-items: center;





    text-align: center;





    margin: 10px;





    background-color: white;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.containerContact-left {





    height: 100%;





    background-image: url(/img/imgArt/1f3b24138071c903a0dbf3476ee09bda63928554.jpg);





    background-size: cover;





    background-position: center;





    transition: 1s all ease-in-out;





}





.containerContact-right {





    padding: 25px 40px;





    transition: 1s all ease-in-out;





}





.containerContact-right h2 {





    position: relative;





    padding-bottom: 10px;





    margin-bottom: 10px;





}





.containerContact-right h2:after {





    content: '';





    position: absolute;





    left: 50%;





    bottom: 0;





    transform: translateX(-50%);





    height: 4px;





    width: 50px;





    border-radius: 2px;





    background-color: #5C493E;





}




.field {
    width: calc(100% - 10px);
    margin-left: 5px;
    border: 2px solid #0088cc !important;
    border-radius: 25px;
    background-color: transparent !important;
    font-family: 'Montserrat', sans-serif;
    padding: 12px 10px;
    outline: none;
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: rgba(230, 230, 230, 0.6);
    font-size: 1.1rem;
    margin-bottom: 22px;
    transition: .3s;
    color: #808080;
}





.field:hover {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    transition: 0.5s all ease-in-out;
}





.field:focus {
    border: 2px solid rgba(30, 85, 250, 0.47);
}





.areaa {





    min-height: 150px;





}





.btn {





    color: white;





    width: 100%;





    padding: 0.5rem 1rem;





    font-size: 1.1rem;





    background-color: #5C493E;





    cursor: pointer;





    outline: none;





    border: none;





    transition: .3s
}





.btn:hover {





    background-color: white;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 0.5s all ease-in-out;





    color: #5C493E;





}





.articleImgTop {





    height: 170px;





    width: 100%;





    border: 0.1px solid #5C493E;





    background-image: url(/img/bkk2.jpg);





    background-position: center;





    background-size: cover;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}



.articleImgTop17 {





    height: 110px;





    width: 100%;





    border: 0.1px solid #5C493E;





    background-image: url(/img/bgmram.jpg);





    background-position: center;





    background-size: cover;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}





.articleImgTopContent7 {





    height: 100%;





    max-width: 1340px;





    margin: auto;





}





.articleImgTopContent17 {





    margin-top: 70px;





    height: 40px;





    width: 100%;





    transition: 1s all ease-in-out;





}





.articleImgTopContent17 h3 {





    font-size: 28px;





    float: left;





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: 0px;





    margin-left: 10px;





    transition: 1s all ease-in-out;





}





.articleImgTopContent17 p {





    font-size: 17px;





    float: right;





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: 6px;





    margin-right: 10px;





    transition: 1s all ease-in-out;





}





.articleImgTopContent17 a {





    color: white;





    text-decoration: none;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





}





.articleImgTop2 {





    display: none;





    height: 120px;





    width: 100%;





    border: 0.1px solid #5C493E;





    background-image: url(/img/bgmram.jpg);





    background-position: center;





    background-size: cover;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}





.articleImgTop2 h3 {





    color: white;



    margin-top: 60px;



    font-size: 22px;



    text-shadow: 0px 0px 5px #000000;





}





.articleImgTop2 p {





    color: white;



    margin-top: -20px;



    font-size: 17px;



    text-shadow: 0px 0px 5px #000000;





}





.articleImgTop2 a {





    color: white;



    text-decoration: none;



    -webkit-text-decoration: none;





}





.oformlenie {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: 71% 29%;
}





.leftContentOformlenie {
    height: auto;
    margin-right: 10px;
}

.leftContentOformlenie form {
    width: calc(100% + 10px);
    margin-left: -5px;
}

.formOformlenie {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
    width: 100%;
}

.formOformlenie input {
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-bottom: 10px;    
    border: 2px solid #0088cc;
    border-radius: 25px;
    background-color: transparent;
    color: #808080;
}

.formOrd {



    width: 100%;



    height: 100%;





}





.formOrd1 {



    width: 100%;



    height: 100%;



    margin-left: 5%;



}





.rightContentOformlenie {
    border-radius: 25px;
    overflow: hidden;
    height: max-content;
    margin-left: 10px;
    padding-bottom: 25px;
    background-color: white;
    transition: 1s all ease-in-out;
    cursor: pointer;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.rightContentOformlenie:hover .korzinka13232 {
    background-color: white;
}

.rightContentOformlenie:hover .korzinka13232 h6 {
    color: #0088cc;
}


.rightContentOformlenieContent {



    width: 85%;



    height: 100%;



    margin-left: 25px;



}





.infoOrder {



    position: relative;



    width: 100%;



    height: 70px;



}





.infoOrder h2 {
    position: absolute;
    margin-left: 0px;
    color: #0088CC;
    transition: 1s all ease-in-out;
}





.infoOrder .imgInf {



    position: absolute;



    right: 0px;



    top: 15px;



    width: 40px;



    transition: 1s all ease-in-out;



}





.infoOrder .imgInf1 {



    position: absolute;



    right: 0px;



    top: -55px;



    width: 40px;



    transition: 1s all ease-in-out;



}





.imgOformlenie {
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 70px;
    background-color: #0088cc;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    border-radius: 100%;
    transition: 1s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.textOformlenie {

    padding: 0px;

    height: auto;

    width: 71%;

    float: left;

    transform: translateY(-50%);

    top: 50%;

    position: absolute;

    margin-left: 25px;

    transition: 1s all ease-in-out;

}





.textOformlenie h3 {
    transition: 1s all ease-in-out;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #0088cc;
}





.textOformlenie p {

    transition: 1s all ease-in-out;

    color: #333333;

    margin: 0;

}





.imgOformlenie .imgShip {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: 1s all ease-in-out;
}





.imgOformlenie .imgShip1 {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: -60%;
    top: 50%;
    transition: 1s all ease-in-out;
}





.imgOformlenie .imgShip2 {



    position: absolute;



    width: 30px;



    margin-top: 33px;



    margin-left: 35px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip3 {



    position: absolute;



    width: 30px;



    margin-top: 33px;



    margin-left: -150px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip4 {



    position: absolute;



    width: 40px;



    margin-top: 43px;



    margin-left: 30px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip5 {



    position: absolute;



    width: 40px;



    margin-top: 43px;



    margin-left: -150px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip6 {



    position: absolute;



    width: 30px;



    margin-top: 40px;



    margin-left: 35px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip7 {



    position: absolute;



    width: 30px;



    margin-top: 40px;



    margin-left: -150px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip8 {



    position: absolute;



    width: 30px;



    margin-top: 33px;



    margin-left: 39px;



    transition: 1s all ease-in-out;



}





.imgOformlenie .imgShip9 {



    position: absolute;



    width: 30px;



    margin-top: 33px;



    margin-left: -150px;



    transition: 1s all ease-in-out;



}







.dostavkaOformlenie {
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100px;
    background-color: white;
    margin-bottom: 15px;
    transition: 0.6s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.dostavkaOformlenie1 {
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100px;
    background-color: white;
    margin-bottom: 15px;
    transition: 0.6s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.dostavkaOformlenie2 {
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100px;
    background-color: white;
    margin-bottom: 15px;
    transition: 0.6s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.imgOformlenie1 {
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 70px;
    background-color: #0088cc;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    border-radius: 100%;
    transition: 0.6s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.imgOformlenie2 {
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 70px;
    background-color: #0088cc;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    border-radius: 100%;
    transition: 0.6s all ease-in-out;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}





.imgOformlenie2 .imgShip2q {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: 1s all ease-in-out;
}





.imgOformlenie2 .imgShip3q {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: -60%;
    top: 50%;
    transition: 1s all ease-in-out;
}



/*.dostavkaOformlenie2:hover .imgOformlenie2 .imgShip2q {



    margin-left: 130px;



}*/



/*.dostavkaOformlenie2:hover .imgOformlenie2 .imgShip3q {



    margin-left: 35px;



}*/





/*.dostavkaOformlenie2:hover .imgOformlenie2 {



    background-color: #5C493E;



}*/





/*.dostavkaOformlenie2:hover {



    transform: scale(1.02);



    background-color: #6B574D;



}*/





/*.dostavkaOformlenie2:hover .textOformlenie h3 {



    color: white;



}*/





/*.dostavkaOformlenie2:hover .textOformlenie p {



    color: white;



}*/





.imgOformlenie1 .imgShip1q {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: 1s all ease-in-out;
}





.imgOformlenie1 .imgShip11 {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -50%);
    left: -60%;
    top: 50%;
    transition: 1s all ease-in-out;
}





/*.dostavkaOformlenie1:hover {



    transform: scale(1.02);



    background-color: #6B574D;





}*/









/*.dostavkaOformlenie1:hover .imgOformlenie .imgShip {



    margin-left: 130px;



}*/





/*.dostavkaOformlenie1:hover .textOformlenie h3 {



    color: white;



}*/





/*.dostavkaOformlenie1:hover .textOformlenie p {



    color: white;



}*/





/*.dostavkaOformlenie1:hover .imgOformlenie .imgShip1 {



    margin-left: 30px;



}*/





/*.dostavkaOformlenie1:hover .imgOformlenie .imgShip2 {



    margin-left: 130px;



}*/





/*.dostavkaOformlenie1:hover .imgOformlenie {



    background-color: #5C493E;



}*/















/*.dostavkaOformlenie:hover {



    transform: scale(1.02);



    background-color: #6B574D;





}*/





.rightContentOformlenie:hover {



    transform: scale(1.02);



    background-color: #0088CC;





}





.rightContentOformlenie:hover h2 {



    color: white;



}





.rightContentOformlenie:hover span {



    color: white;



}





.rightContentOformlenie:hover p {



    color: white;



}





.rightContentOformlenie:hover .imgInf1 {



    top: 15px;



}





.rightContentOformlenie:hover .imgInf {



    right: -80px;



}





/*.dostavkaOformlenie:hover .imgOformlenie .imgShip {



    margin-left: 130px;



}*/





/*.dostavkaOformlenie:hover .textOformlenie h3 {



    color: white;



}*/





/*.dostavkaOformlenie:hover .textOformlenie p {



    color: white;



}*/





/*.dostavkaOformlenie:hover .imgOformlenie .imgShip1 {



    margin-left: 30px;



}*/





.dostavkaOformlenie:hover .imgOformlenie .imgShip2 {



    margin-left: 130px;



}



.dostavkaOformlenie:hover .imgOformlenie .imgShip3 {



    margin-left: 35px;



}





.dostavkaOformlenie:hover .imgOformlenie .imgShip4 {



    margin-left: 130px;



}



.dostavkaOformlenie:hover .imgOformlenie .imgShip5 {



    margin-left: 30px;



}





.dostavkaOformlenie:hover .imgOformlenie .imgShip6 {



    margin-left: 130px;



}



.dostavkaOformlenie:hover .imgOformlenie .imgShip7 {



    margin-left: 35px;



}





.dostavkaOformlenie:hover .imgOformlenie .imgShip8 {



    margin-left: 130px;



}



.dostavkaOformlenie:hover .imgOformlenie .imgShip9 {



    margin-left: 39px;



}





/*.dostavkaOformlenie:hover .imgOformlenie {



    background-color: #5C493E;



}*/





.articleImgTopContent {





    height: 100%;





    max-width: 1340px;





    margin: auto;





}





.articleImgTopContent1 {





    margin-top: 73px;





    height: 40px;





    width: 100%;





    transition: 1s all ease-in-out;





}





.articleImgTopContent1 h3 {





    font-size: 28px;





    float: left;





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: 0px;





    margin-left: 3px;





    transition: 1s all ease-in-out;





}





.articleImgTopContent1 p {





    font-size: 17px;





    float: right;





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: 6px;





    margin-right: 3px;





    transition: 1s all ease-in-out;





}





.articleImgTopp {





    display: none;





    height: 130px;





    width: 100%;





    border: 0.1px solid #5C493E;





    background-image: url(/img/backgroundsd12.jpg);





    background-position: center;





    background-size: cover;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}





.articleImgTopContentt {





    height: 100%;





    max-width: 1340px;





    margin: auto;





}





.articleImgTopContent11 {





    height: 100%;





    width: 100%;





    transition: 1s all ease-in-out;





    text-align: center;





}





.articleImgTopContent11 h3 {





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: 65px;





    margin-left: 3px;





    transition: 1s all ease-in-out;





}





.articleImgTopContent11 p {





    font-size: 13px;





    color: white;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





    margin-top: -10px;





    margin-right: 3px;





    transition: 1s all ease-in-out;





}





.articleImgTopContent1 a {





    color: white;





    text-decoration: none;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





}





.articleImgTopContent11 a {





    color: white;





    text-decoration: none;





    text-shadow: 0px -1px 7px rgba(0, 0, 0, 1);





}





.cos {
    max-width: 1175px;
    margin: auto;
    height: auto;
    transition: 1s all ease-in-out;
}





.tovar {
    border-radius: 25px;
    position: relative;
    max-width: 100%;
    height: 150px;
    margin-bottom: 16px;
    background-color: white;
    transition: 0.6s all ease-in-out;
    cursor: pointer;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}


.tovarOrdHis {
    width: calc(100% - 25px);
    margin: 10px;
    border: 2px solid #0088CC;
    -webkit-box-shadow: 0px 0px 0px -0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0px 0px 0px -0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px -0px rgba(0, 0, 0, 0.0);
}


.tovar:hover {
    transform: scale(1.03);
}

.tovarOrdHis:hover {
    transform: scale(1);
}

.cosImg {
    height: 150px;
    width: 150px;
    float: left;
    transition: 1s all ease-in-out;
}



.infmobile {

    display: none;

    width: fit-content;

    height: auto;

    padding-left: 8px;

    font-size: 14px;

    padding-right: 8px;

    padding-top: 2px;

    padding-bottom: 2px;

    border-radius: 20px;

    margin: 0;

    background-color: #494e52;

    float: left;

    margin-right: 5px;

    margin-bottom: 5px;

}



.infmobile p {

    color: white;

    margin: 0px;

}



.infmobileh {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: inherit;
    text-align: center;
    font-size: 20px;
    color: #0088CC;
}



.infmobileh h1 {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 21px;
}

.infmobileh a {
    text-decoration: none;
    color: #0088CC;
}

.cosText {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    transition: 1s all ease-in-out;
}



.pretnone {

    display: none;

}





.cosText ul {



    color: #333333;



    padding-left: 40px;



    transition: 1s all ease-in-out;



}





.cosText ul p {

    margin: 1px;
    margin-bottom: 5px;
    transition: 1s all ease-in-out;
    background-color: #494e52;
    color: white;
    width: fit-content;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 20px;
    display: inline-flex;

}





.cosText h2 {
    margin-left: 0px;
    margin-bottom: -5px;
    font-size: 20px;
    margin-top: 5px;
    transition: 1s all ease-in-out;
    color: #494e52;
}

.cosImg img {
    margin: 8%;
    width: 84%;
    transform: translateY(-50%);
    margin-top: 50%;
}




.priceee {



    font-size: 15px;

    float: left;

    height: 100%;

    width: 106px;

}





.priceee input {



    border: none;

    outline: none;

    padding-top: 5px;

    border-radius: 21px;

    padding-right: 5px;

    padding-bottom: 6px;

    padding-left: 5px;

    text-align: center;

    background-color: #494e52;

    color: white;

    font-size: 16px;

    width: 40px;

    height: 20px;

    margin-top: 12px;

    margin-bottom: 12px;

    margin-left: 28px;

    font-family: 'Rubik', sans-serif;



}





.priceee h2 {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    margin: 0px;
    color: #808080;
    font-size: 22px;
}

.prrais11 {
    position: relative;
    width: 100%;
}

.prrais1121 {
    text-align: center;
    border-radius: 25px;
    color: white;
    font-weight: 700;
}

.prrais1121 p {
    position: relative;
    background-color: #0088cc;
    width: max-content;
    padding: 7px 10px;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cantinf {
    text-align: center;
}

.priceee input:hover,
.priceee input:focus {



    background-color: #5C493E;



    color: white;



}





.prrais {
    position: relative;
    text-align: center;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    transition: 1s all ease-in-out;
}





.prissminus {



    width: 20px;

    position: relative;

    height: 20px;

    border-radius: 20px;

    margin-top: 17px;

    margin-left: 3px;

    position: absolute;

    background-color: #5C493E;

    transition: 0.1s all ease-in-out;

    overflow: hidden;



}





.prissminus:active {



    transform: scale(0.8);



}





.prissplus {



    width: 20px;

    position: relative;

    height: 20px;

    border-radius: 20px;

    margin-top: 17px;

    margin-left: 83px;

    position: absolute;

    background-color: #5C493E;

    transition: 0.1s all ease-in-out;

    overflow: hidden;



}





.prissplus:active {



    transform: scale(0.8);



}





.prissplus p {



    margin: 0;

    left: 5.5px;

    position: absolute;

    top: 0px;

    font-weight: 700;

    color: white;

}





.prissminus p {



    margin: 0;

    left: 6.5px;

    position: absolute;

    top: 0px;

    font-weight: 700;

    color: white;

}





.prissminus img {



    width: 100%;

    height: 100%
}





.prissplus img {



    width: 100%;

    height: 100%
}





.glassbutton {



    position: absolute;

    width: 100%;

    height: 100%;



}





.cartinfo {
    max-width: 100%;
    height: 20px;
    font-weight: 600;
    color: grey;
    position: relative;
    margin: 10px auto;
    transition: 1s all ease-in-out;
}







.cartinfoimg {
    width: 200px;
    height: 20px;
    position: absolute;
    transition: 1s all ease-in-out;
}



.cartinfoimg p {
    margin-top: 0px;
    margin-left: 0px;
}



.priceee1 {
    position: relative;
    text-align: center;
    float: right;
    height: 100%;
    width: 160px;
    transition: 1s all ease-in-out;
}

.priceee1 img {
    height: 100%;
}

.priceee1 h2 {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: max-content;
    margin: 0px;
    font-size: 21px;
    color: #808080;
    transition: 1s all ease-in-out;
}

.priceee1 h2 span {
    transition: 1s all ease-in-out;
    background-color: #0088cc;
    color: white;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 40px;
    font-size: 21px;
}

.CloseItemFromCart1 {
    position: absolute;
    overflow: hidden;
    transform: translateY(-50%);
    top: 50%;
    right: 17px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
}

.CloseItemFromCart {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0088cc;
    background-size: cover;
    background-position: center;
    background-image: url(../img/imgSite/closeFill1.png);
    transition: 0.6s all ease-in-out;
}

.tovar:hover .CloseItemFromCart {
    transform: rotate(90deg);
}


.close23 {



    width: 35px;



    height: 35px;



    margin: 10px;



    margin-left: 20px;



    background-image: url(/img/closeKorzina.png);



    background-size: cover;



    background-position: center;



    transition: 1s all ease-in-out;



}





.tovar:hover .close23 {



    transform: rotate(180deg);



}

.cosSettings {
    right: 60px;
    height: max-content;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 230px;
    width: calc(100% - 210px);
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 1s all ease-in-out;
}

.cosSettingsIngCartHistory{
    right: 0;
    grid-template-columns: 1fr 100px 1fr 1fr;
    width: 100%;
}

.cosSettingsOrderHistory {
    right: 0px;
    width: calc(100% - 150px);
    grid-template-columns: 1fr 1fr 50px 230px;
}

.outputMeterss555 {
    margin-top: 5px;
    width: 100%;
    position: absolute;
    transform: translateX(-50%);
    margin-left: 40%;
    text-align: center;
}

.outputMeterss55 {
    margin-top: 5px;
    width: 100%;
    position: absolute;
    transform: translateX(-50%);
    margin-left: 40%;
    text-align: center;
}

.outputMeterss {
    margin-top: 6px;
    width: 100%;
    position: absolute;
    transform: translateX(-50%);
    margin-left: 40%;
    text-align: center;
}

.outputMeterss777 {
    margin-top: 6px;
    width: 100%;
    position: absolute;
    transform: translateX(-50%);
    margin-left: 30%;
    text-align: center;
}

.outputMeters {
    margin-top: 6px;
    width: 100%;
    position: absolute;
    transform: translateX(-50%);
    margin-left: 30%;
    text-align: center;
}

.comptextunderinput {
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    color: #333333;
}

.comptextunderinputbucc {
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    color: #333333;
}

.comptextunderinputcompp {
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    color: #333333;
}

.comptextunderinputegal {
    position: absolute;
    top: -6.5px;
    margin-left: 120px;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    transition: 1s all ease-in-out;
}

.comptextunderinputegal3 {
    position: absolute;
    top: -6.5px;
    margin-left: 112px;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    transition: 1s all ease-in-out;
}

.askform2 {
    width: 12px;
    margin-top: -37px;
    margin-left: 90px;
    height: 12px;
    padding: 2px;
    border-radius: 12px;
    background-color: #494e52;
    transition: 0.5s all ease-in-out;
}

.askform2 p {
    color: white;
    margin-left: 4px;
    margin-top: -2px;
}

.answerform2 {
    width: 168px;
    text-align: center;
    height: auto;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 18px;
    background-color: #494e52;
    color: white;
    border-radius: 15px;
    opacity: 0;
    transition: 0.5s all ease-in-out;
}

.askform2:hover+.answerform2 {
    opacity: 1;
}

.answerform2 p {
    margin: 0;
}

.tovar:hover .askform2 {
    margin-left: 114px;
}

.comptextunderinputegal1 {
    position: absolute;
    top: 19.5px;
    margin-left: 128px;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    transition: 1s all ease-in-out;
}
.comptextunderinputegal2 {



    position: absolute;

    top: -6.5px;

    margin-left: 516px;

    color: #333333;

    font-size: 20px;

    font-weight: bold;

    transition: 1s all ease-in-out;



}







.p-third-second {



    width: 110px;

    height: 30px;

    padding-top: -100px;

    position: relative;

    margin-left: 390px;

    margin-top: -10px;

    border-radius: 15px;

    background-color: #494e52;

    color: white;

    transition: 1s all ease-in-out;



}





.first-p {



    width: 110px;

    height: 30px;

    padding-top: -100px;

    position: relative;

    border-radius: 15px;

    background-color: #494e52;

    color: white;



}





.second-p {



    width: 110px;

    height: 30px;

    padding-top: -100px;

    position: relative;

    border-radius: 15px;

    background-color: #494e52;

    color: white;



}





.p-second-form {



    width: 110px;

    height: 30px;

    padding-top: -100px;

    position: relative;

    margin-left: 390px;

    margin-top: 12px;

    border-radius: 15px;

    background-color: #494e52;

    color: white;

    transition: 1s all ease-in-out;



}







.p-third-third {



    width: 110px;

    height: 30px;

    padding-top: -100px;

    position: relative;

    margin-left: 390px;

    margin-top: 0px;

    border-radius: 15px;

    background-color: #494e52;

    color: white;

    transition: 1s all ease-in-out;



}





.edinitsam2 {



    position: absolute;

    height: 28px;

    width: 28px;

    border-radius: 15px;

    right: 0;

    background-color: white;

    border: 1px solid #494e52;

    color: #494e52;

    text-align: center;

    line-height: 28px;



}





.edinitsabuc {



    position: absolute;

    height: 28px;

    width: 48px;

    border-radius: 15px;

    right: 0;

    background-color: white;

    border: 1px solid #494e52;

    color: #494e52;

    text-align: center;

    line-height: 27px;



}







.korzinka132Answer {



    max-width: 1333px;



    margin: auto;



    margin-bottom: 70px;



    height: auto;



}





.cosOformlenieZakaza {



    max-width: 1333px;



    margin: auto;



    margin-bottom: 70px;



    height: 900px;



    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);



}





.articleDet1 {





    max-width: 1340px;





    margin: 50px auto;





    display: grid;





    grid-template-columns: 50% 50%;





}





.articleDet1432 {





    height: 350px;





    max-width: 800px;





    margin: auto;





    margin-top: 100px;





}





.articleDet {
    max-width: 1180px;
    margin: 20px auto;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 60% 40%;
}





.articleDet768 {





    margin-top: 110px;





    display: none;





    width: 100%;





    height: auto;





}





.articlePhoto768 {





    overflow: hidden;





    width: 80%;





    margin: auto;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.articlePhoto7688 {





    display: none;





    width: 80%;





    margin: 25px auto;





}





.articlePhoto768 img {





    margin-bottom: -5px;





}





.articlePhoto131 {





    position: relative;





    margin-left: 2px;





    height: 100%;





    width: 94%;





}





.backgroundprice131 {





    position: absolute;



    z-index: 1;



    padding: 10px;



    width: auto;



    color: white;



    margin: 15px;



    font-size: 23px;



    border-radius: 20px;



    background-image: url(../img/backsale.png);



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%);



    -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32);



    box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%);





}





.backgroundprice2131 {





    z-index: 1;



    float: right;



    padding: 10px;



    width: fit-content;



    color: white;



    margin-top: -15px;



    margin-right: -15px;



    font-size: 23px;



    border-radius: 20px;



    background-image: url(../img/backsale.png);



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%);



    -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32);



    box-shadow: 8px 8px 25px -6px rgb(0 0 0 / 32%);





}





.backgroundprice131 span {





    font-size: 18px;





    text-decoration-line: line-through;





}





.backgroundshadow131 {





    position: absolute;



    height: 100%;



    width: 100%;



    background-color: #eaeaea;



    transition: 1s all ease-in-out;





}





.articlePhoto1313 {



    position: absolute;





    transform: translateY(-50%);





    top: 50%;





    width: 90%;





    margin-left: 5%;





    -webkit-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32);



    -moz-box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32);



    box-shadow: 8px 8px 25px -6px rgba(0, 0, 0, 0.32);



}





.articleTextasdas {



    border: 1px solid red;



    height: 100%;



}





.articlePhoto {
    position: relative;
    margin-left: 2px;
    height: auto;
    width: 100%;
    height: 530px;
}





.articlePhoto654564 {





    transition: 1s all ease-in-out;





}





.articlePhoto1 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}





.articlePhoto1:hover .slick-next {



    right: 20px;



}





.articlePhoto1:hover .slick-prev {



    left: 10px;



}





.slider:hover .slick-prev {



    left: 10px;



}





.topBlogImg0:hover .slick-prev {



    left: 10px;



}





.topBlogImg0:hover .slick-next {



    right: 20px;



}





.slider:hover .slick-next {



    right: 20px;



}





.designeri:hover .slick-prev {



    left: 10px;



}





.designeri:hover .slick-next {



    right: 20px;



}





.variable-width1323:hover .slick-prev {



    left: 10px;



}





.variable-width1323:hover .slick-next {



    right: 20px;



}





.articlePhoto131 img {





    margin-bottom: -5px;





    width: 100%;





    cursor: pointer;





    transition: 2s all ease-in-out;





}





.articlePhoto img {
    margin-bottom: -5px;
    width: 100%;
    cursor: pointer;
}





.articleText {
    margin-left: 5%;
    width: calc(100% - 5%);
    height: auto;
}





.articleText2 {
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0px 0px 25px 25px;
    padding: 15px;
    display: grid;
    grid-template-columns: auto auto;
    background-color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    /*justify-content: space-between;*/
}



.itemNameBlockStock {
    float: left;
    position: relative;
    padding-left: 23px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: max-content;
    transform: translateY(-50%);
    top: 50%;
    margin-left: 10px;
    border: 2px solid #0088CC;
    color: #0088cc;
    font-size: 13px;
    font-weight: 700;
    border-radius: 15px;
}

.itemNameBlockStockPrice {
    padding-left: 5px !important;
    font-size: 17px;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-thickness: 2.4px;
    -webkit-text-decoration-thickness: 2.4px;
    text-decoration-color: #0088CC;
    -webkit-text-decoration-color: #0088CC;
}


.itemNameBlockCircle1 {

    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #06B025;
    border-radius: 10px;
    left: 5px;
    transform: translateY(-50%);
    top: 50%;

}

.itemNameBlockCircle0 {

    display: none;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #FF2B2B;
    border-radius: 10px;
    left: 5px;
    transform: translateY(-50%);
    top: 50%;

}


.itemNameBlockText1 {}

.itemNameBlockText0 {

    display: none;

}




.articleText22 {

    width: auto;
    height: 100%;
    font-weight: 600;

}





.articleText222 {
    position: relative;
    font-weight: 700;
    display: grid;
}

.artCart {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #0088CC;
    border-radius: 25px;
}


.itemNameBlockPrice {
    border: none !important;
}



.itemNameBlockPrice h2 {
    color: white !important;
    margin: 1px !important;
    margin-left: 5px !important;
}





ul.categories {
    padding: 0;
    list-style-type: none;
    color: #0088CC;
}





.categories5656 {
    margin: 0;
    position: absolute;
    transform: translateY(-50%);
    top: 53%;
    padding: 0;
    margin-left: 30px;
}





.categoriesDivLi {
    position: relative;
    transform: translateY(-50%);
    height: max-content;
    width: max-content;
    background-color: #0088CC;
    color: white;
    top: 50%;
    left: 0;
    float: left;
    margin-right: 5px;
    margin-left: 30px;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 20px;
}


.itemNameBlock {
    position: relative;
    border-radius: 25px 25px 0px 0px;
    margin-bottom: 0px;
    top: 0px;
    height: max-content;
    width: -webkit-fill-available;
    border-bottom: 2px solid #0088CC;
    padding: 7px 10px;
    display: flex;
    background-color: #0088cc;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}


.itemNameBlock h2 {
    color: #fff;
    margin: 3px;
    margin-top: 6px;
    font-size: 19px;
    float: left;
}





.categories li {

    margin-left: 1px;
    margin-right: 25px;
    margin-bottom: -10px;
    margin-top: -7px;
    max-width: 250px;

}



.containerNumProd {
    position: absolute;
    width: 100px;
    height: 25px;
    border-radius: 40px;
    border: 2px solid white;
    transition: 0.4s all ease-in-out;
    transform: translateY(-50%);
    top: 50%;
    right: 60px;
}


/* 
.containerNumProd:hover {
    width: 90px;
}  

*/

.containerNumProd .nextProd {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    z-index: 1;
    transform: translateY(-50%) rotate(135deg);
    cursor: pointer;
    opacity: 1;
    transition: 0.5s;
}


/*
.containerNumProd:hover .nextProd {
    opacity: 1;
    right: 10px;
}
*/


.containerNumProd .prevProd {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    z-index: 1;
    transform: translateY(-50%) rotate(315deg);
    cursor: pointer;
    opacity: 1;
    transition: 0.5s;
}

/*
.containerNumProd:hover .prevProd {
    opacity: 1;
    left: 10px;
}
*/

.containerNumProdCart {
    transform: translate(-50%, -50%);
    right: initial;
    left: 50%;
    background-color: #0088cc;
    border: 3px solid #0088cc;
}

#boxNumProd span {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 26px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    user-select: none;
}


#boxNumProd span:nth-child(1) {
    display: initial;
}


.productArtImg {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 110px 1fr;
}

.productArtImgSmall {
    height: fit-content;
    max-height: 510px;
    overflow-y: auto;
    border-radius: 25px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.productArtImgSmall::-webkit-scrollbar-track {
    margin: 20px;
    height: 30px;
}

.productArtImgSmall img {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 13px;
    width: 84px;
    opacity: 0.8;
    transition: 0.1s all ease-in-out;
}

.productArtImgSmall img:hover {
    opacity: 1;
}

.productArtImgSmall::-webkit-scrollbar {
    width: 5px;
}

.productArtImgContainerBig {
    float: right;
    padding: 20px;
    margin-left: 22px;
    border-radius: 25px;
    overflow: hidden;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.productArtImgContainerBig img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.6s all ease-in-out;
}

.productArtImgContainerBig img:hover {
    transform: scale(1.1);
}

table.GeneratedTable {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-width: 2px;
    border-color: #0088CC;
    border-style: solid;
    border-radius: 25px;
    overflow: hidden;
    color: #808080;
}

table.GeneratedTable td,
table.GeneratedTable th {
    border-width: 2px;
    border-color: #0088CC;
    border-style: solid;
    padding: 10px;
    padding-left: 14px;
    text-align: left;
}

table.GeneratedTable thead {
    background-color: #0088CC;
}


.headTable {
    color: white;
}

.headTable th {
    border: 2px solid white !important;
}


.tablesArt {
    max-width: 1180px;
    padding: 10px;
    width: auto;
    margin: auto;
    margin-bottom: 0px;

}

.tablesArt1 p {
    margin: 0;
}


.whyNotWorkArt h2 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.LoadMoreArt11CloseFill {}

.tablesArt1ProductCrosses {
    background-color: white;
    border: 2px solid #0088cc;
    width: calc(100% - 14px);
    display: flex;
    flex-wrap: wrap;
    border-radius: 25px;
    padding: 5px;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

.tablesArt1ProductCrossesonthesite {
    background-color: transparent;
    border: 0px solid transparent;
    width: calc(100% - 14px);
    display: flex;
    flex-wrap: wrap;
    border-radius: 25px;
    padding: 0px !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.tablesArt1 {
    display: none;
    width: calc(100% - 34px) !important;
    overflow-y: auto;
    background-color: #0088cc;
    padding: 15px !important;
    font-size: 15px;
    font-weight: 700;
    color: white;
}

.tablesArt1ProductCrosses ul {
    flex-wrap: wrap;
    list-style: none;
    margin: 5px;
    padding: 0;
}

.tablesArt1ProductCrosses ul li {
    position: relative;
    float: left;
    width: fit-content;
    margin: 5px;
    border: 2px solid #0088cc;
    border-radius: 15px;
    padding-left: 7px;
    padding-top: 2px;
    padding-right: 7px;
    padding-bottom: 2px;
    color: #0088cc;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.tablesArt1ProductCrossesonthesite ul {
    flex-wrap: wrap;
    list-style: none;
    margin: 0px !important;
    padding: 0;
}

.tablesArt1ProductCrossesonthesite ul li {
    position: relative;
    float: left;
    width: fit-content;
    margin: 7px;
    margin-right: 0px;
    border: 2px solid #0088CC;
    border-radius: 25px;
    padding-left: 46px;
    padding-top: 13px;
    padding-right: 30px;
    padding-bottom: 13px;
    color: #0088cc;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 28px -16px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 28px -16px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 28px -16px rgba(0, 0, 0, 0.5);
}

.tablesArt1ProductCrossesonthesite ul li img {
    width: 33px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 7px;}

.tablesArt1ProductReplacements {


    width: calc(100% - 10px);
    display: none;
    flex-wrap: wrap;
    border-radius: 25px;
    padding: 5px;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);

}

#imgLoadSearchData {
    width: 320px;
    height: 200px;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

#imgLoadSearchDataimg {
    width: 200px;
    margin-left: 60px;
}

#imgLoadSearchData1 {
    width: 320px;
    height: 200px;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 11;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

#imgLoadSearchData11 {
    width: 320px;
    height: 200px;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 11;
    border-radius: 25px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}

#imgLoadSearchDataimg1 {
    width: 200px;
    margin-left: 60px;
}

#imgLoadSearchDataimg11 {
    width: 200px;
    margin-left: 60px;
}



.tablesArt1ProductReplacements ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 5px;
    padding: 0;
}

.tablesArt1ProductReplacements ul li {
    float: left;
    margin: 5px;
    border: 2px solid #0088CC;
    border-radius: 15px;
    padding-left: 7px;
    padding-top: 2px;
    padding-right: 7px;
    padding-bottom: 2px;
    color: #0088CC;
    font-weight: 700;
}

.tablesArtButtons {

    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;

}


.buttonArtTables1 {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 2px solid #0088CC;
    border-radius: 15px;
    padding-left: 8px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    font-size: 14px;
    color: white;
    background-color: #0088CC;
    font-weight: 900;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    font-size: 13px;
    font-family: unset;
}

.buttonArtTables2 {

    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 2px solid #0088CC;
    border-radius: 15px;
    padding-left: 8px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    font-size: 14px;
    color: #0088CC;
    background-color: white;
    font-weight: 900;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    font-size: 13px;
    font-family: unset;

}

.buttonArtTables3 {

    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 2px solid #0088CC;
    border-radius: 15px;
    padding-left: 8px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    font-size: 14px;
    color: #0088CC;
    background-color: white;
    font-weight: 900;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    font-size: 13px;
    font-family: unset;

}

.tablesArtButtons button:active {

    transform: scale(0.95);

}

.catDiv {

    height: auto;
    width: 150px;

}

.catSpan {

    display: inline-block;
    width: 150px;
    color: #333333;

}





.articleText3 {





    width: 100%;





    height: 30px;





    border: 1px solid red;





}





.articleText4 {





    width: 30%;





    height: 30px;





    border: 1px solid blue;





    float: left;





}





.articleText5 {





    width: 68%;





    height: 30px;





    float: left;





}





.articleTextH1 {





    border-bottom: 1px solid #494e52;





    height: auto;





    padding-bottom: 0px;





}





.articleTextH1 h1 {





    font-size: 30px;





    color: #494e52;





    margin-top: 0px;





    margin-bottom: 10px;





    margin-left: -4px;





}


.articleText222TwoDuts {

    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 20.5px;
    width: 30px;
    color: #0088CC;

}


.articleText p {

    margin: 0;

}


.galleryDiv231 {





    display: none;





    width: 90%;





    margin: auto;





}





.mobilePost {





    display: none;





    overflow: hidden;





    margin: 3%;





    margin-bottom: 15px;

    s height: auto;





    width: 94%;





    -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





}





.mobilePost img {





    height: auto;





    width: 100%;



}





.mobilePostText {





    height: auto;





}





.mobilePostText h3 {





    margin-left: 7px;





    margin-top: 10px;





    color: #333333
}





.mobilePostText p {





    margin-left: 7px;





    margin-top: -10px;





    color: #333333
}





.galleryDiv {
    height: auto;
    max-width: 1200px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.galleryDivitemstwophoto {
    grid-template-columns: repeat(3, 1fr);
}

.galleryDiv a {
    text-decoration: none;
}


.galleryDivSale {
    height: auto;
    max-width: 1200px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}



.galleryDivnono {

    display: none !important;

}





.aclasspos {



    text-decoration: none;



}





.galleryDiv121 {





    min-height: 700px;





    max-width: 1350px;





    margin: -10px auto;





}





@keyframes korzinkaAnim {





    0% {





        width: 36px;





    }





    40% {





        width: 150px;



    }





    60% {





        width: 150px;





    }





    100% {





        width: 36px;



    }





}





@keyframes korzinkaAnimh6 {





    0% {





        margin-left: -110px;





    }





    40% {





        margin-left: 11px;



    }





    60% {





        margin-left: 11px;





    }





    100% {





        margin-left: -110px;



    }





}

.galleryDivvImgBckgroundImg {
    position: initial !important;
}



.galleryDivv {
    padding-bottom: 30px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    height: auto;
    background-color: white;
    cursor: pointer;
    margin: 10px;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.38);
}

.galleryDivv a {
    text-decoration: none;
}

.galleryDivvSearch {
    padding-bottom: 15px;
}

.galleryDivvSearchwithprice {
    padding-bottom: 45px;
}


.galleryDivvSale {
    border: 2px solid #0088CC;
    padding-bottom: 30px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    height: auto;
    cursor: pointer;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);

}





.blockMalo {



    z-index: 1;



    position: absolute;



    width: 100%;



    height: 100%;



    background-image: url(../img/backContactUs.png);



    background-position: center;



    background-size: cover;



    margin-top: -170%;



    transition: 1s all ease-in-out;



}





.blockMalo h2 {



    color: white;



}





.blockMalo h4 {



    color: white;



    width: 80%;



    margin-left: 10px;



}





.galleryDivv:hover .blockMalo {





    margin-top: 0%;





}





.galleryDivvImg {
    position: relative;
}

.galleryDivvImg_twophoto {
    position: relative;
    height: 200px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.divgridtwophoto {
    position: relative;
    height: 200px;
}

.galleryDivvImg img {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    object-fit: contain;
    transition: 0.6s all ease-in-out;
}

.galleryDivv:hover img {
    transform: scale(1.1);
}

.galleryDivvText {
    position: relative;
    width: 95%;
    overflow: hidden;
    padding-left: 10px;
}

.productInf {
    position: relative;
    width: calc(100% - 13px);
    height: max-content;
    padding-right: 10px;
    padding-left: 3px;
    background-color: white;
    display: flex;
    border-radius: 25px;
    flex-wrap: wrap;
}

.productInf1 {
    padding-left: 8px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    margin-left: 7px;
    margin-top: 7px;
    margin-bottom: 0px;
    border-radius: 15px;
    background-color: #0088cc;
    color: white;
    font-size: 12px;
    font-weight: 700;
    width: max-content;
    float: left;
}


.korzinka {

    position: absolute;
    overflow: hidden;
    width: 40px;
    height: 40px;
    z-index: 1;
    right: 5px;
    bottom: 5px;
    border-radius: 36px;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;

}





.korzinka:active {



    transform: scale(0.8);



}





@keyframes animaddincart {



    0% {

        width: 36px;

    }





    40% {

        width: 136px;

    }



    60% {

        width: 136px;

    }



    100% {

        width: 36px;

    }



}











.korzinka h6 {





    position: absolute;



    margin-left: -110px;



    margin-top: 9px;



    font-size: 15px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}




.korzinka img {
    width: 100%;
}





.korzinka1 {



    position: absolute;



    overflow: hidden;



    width: 36px;



    height: 36px;



    z-index: 1;



    right: 5px;



    margin-top: -43px;



    border-radius: 36px;



    cursor: pointer;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);





}





.korzinka1:hover {



    width: 165px;



}





.korzinka1:hover h6 {



    margin-left: 15px;



}





.korzinka1 h6 {





    position: absolute;



    margin-left: -120px;



    margin-top: 9px;



    font-size: 15px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}





.korzinka1 img {



    width: 22px;



    margin-right: 9px;



    margin-top: 7px;



    float: right;



}





.korzinka2 {



    position: absolute;



    overflow: hidden;



    width: 36px;



    height: 36px;



    z-index: 1;



    right: 5px;



    margin-top: -43px;



    border-radius: 36px;



    cursor: pointer;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);





}





.korzinka2:hover {



    width: 165px;



}





.korzinka2:hover h6 {



    margin-left: 15px;



}





.korzinka2 h6 {





    position: absolute;



    margin-left: -120px;



    margin-top: 9px;



    font-size: 15px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}





.korzinka2 img {



    width: 22px;



    margin-right: -25px;



    margin-top: 7px;



    float: right;



    transition: 1s all ease-in-out;



}





.korzinka2:hover img {



    margin-right: 8px;



}





.noHave {



    width: 22px;



    height: 22px;



    margin-right: 7px;



    margin-top: 7px;



    float: right;



    transition: 1s all ease-in-out;



    background-position: center;



    background-size: cover;



    background-image: url(../img/noHaveIt.png);



}





.korzinka2:hover .noHave {



    opacity: 0;



}





.korzinka132Answer {



    position: relative;



    height: 40px;



    width: auto;



    margin-top: -10px;



    margin-bottom: 8px;



}





.korzinka132 {



    float: left;



    overflow: hidden;



    width: 150px;



    height: 36px;



    z-index: 1;



    border-radius: 36px;



    cursor: pointer;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);





}





.korzinka132:hover {



    width: 175px;



}





.korzinka132:hover h6 {



    margin-left: 25px;



}





.korzinka132 h6 {





    position: absolute;



    margin-left: 11px;



    margin-top: 9px;



    font-size: 15px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}





.korzinka132 img {



    width: 22px;



    margin-right: 8px;



    margin-top: 8px;



    float: right;



}





.korzinka132123 {



    float: left;



    overflow: hidden;



    width: 180px;



    height: 36px;



    z-index: 1;



    border-radius: 36px;



    cursor: pointer;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);





}





.korzinka132123:hover {



    width: 195px;



}





.korzinka132123:hover h6 {



    margin-left: 25px;



}





.korzinka132123 h6 {





    position: absolute;



    margin-left: 11px;



    margin-top: 9px;



    font-size: 15px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}





.korzinka132123 img {



    width: 14px;



    margin-right: 11px;



    margin-top: 11px;



    float: right;



}





.korzinka13232 {
    float: left;
    overflow: hidden;
    width: max-content;
    height: max-content;
    padding: 7px 10px;
    z-index: 1;
    border-radius: 25px;
    cursor: pointer;
    background-color: #0088cc;
    transition: 0.6s all ease-in-out;
    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -8px rgba(0, 0, 0, 0.48);
}


.korzinka13232 h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: white;
    transition: 0.6s all ease-in-out;
}





.korzinka13232 img {



    width: 24px;

    margin-right: 12px;

    margin-top: 9px;

    float: right;



}





.korzinka1322 {





    float: right;



    overflow: hidden;



    width: 250px;



    height: 44px;



    z-index: 1;



    border-radius: 36px;



    cursor: pointer;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);



    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.75);





}





.korzinka1322:hover {



    width: 270px;



}





.korzinka1322:hover h6 {



    margin-left: 31px;



}





.korzinka1322 h6 {





    position: absolute;



    margin-left: 18px;



    margin-top: 11px;



    font-size: 18px;



    color: white;



    font-weight: 100;



    transition: 1s all ease-in-out;



}





.korzinka1322 img {



    width: 30px;



    margin-right: 8px;



    margin-top: 8px;



    float: right;



}





.galleryDivvText h3 {
    float: left;
    margin: 0px;
    margin-right: 10px;
    margin-bottom: 7px;
    font-size: 17px;
    color: #0088CC;
    transition: 1s all ease-in-out;
}

.galleryDivvTextSearchh3 h3 {
    margin-left: 24px;    
}

.brandpinpositionblock {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.brandpinposition {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    z-index: 1;
    width: max-content !important;
    margin-top: -2px !important;
    margin-right: 10px;
    padding: 3px 8px;
    height: max-content;
    border-radius: 20px;
    color: white !important;
    font-weight: 800;
    background-color: #0088cc;
}

.brandpinpositionwithdiscount {
    top: -3px;
}

.galleryDivvText h2 {

    margin-left: 1.5px;
    margin-top: -5px;
    margin-bottom: -5px;
    color: #494e52;

}





.ulPost {



    border: 1px solid red;



    width: 100%;



    height: 20px;



}





.galleryDivvText ul {





    list-style: none;



    margin-left: -38px;



    margin-top: -15px;



    margin-bottom: -4px;





}





.galleryDivvText p {
    margin-top: -11px;
    font-size: -12px;
    color: #808080;
    transition: 1s all ease-in-out;
    width: 90%;
}

.galleryDivvTextSearch p {
    margin-top: -8px;
    margin-bottom: 4px;
}

.galleryDivvText ul li {
    margin-top: 3px;
}

.sidebarFilter {
    display: none;
    overflow: hidden;
    position: relative;
    margin: 30px auto;
    width: 1333px;
    height: 100px;
    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);
}

.sidebarFilterCat {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
    cursor: pointer;
    transition: 1.6s all ease-in-out;
}

.iconsImgP {
    position: absolute;
    width: 80%;
    height: 70px;
    margin-left: 10%;
    margin-top: 15px;
}





.iconsImg {



    position: relative;



    width: 100%;



    height: 45px;



}





.iconsImg img {



    position: absolute;



    height: 100%;



    transform: translateX(-50%);



    margin-left: 50%;



}





.iconsP {



    width: 100%;



    height: 25px;



}





.iconsP p {



    font-size: 17px;



    text-align: center;



    margin-top: 5px;



    color: white;



}





.sidebarFilterCatIcon {



    position: relative;





    width: 16.6%;





    height: 100%;





    float: left;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCat1 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 16.6%;





    width: 100%;





    z-index: 2;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon1 {





    position: relative;





    width: 16.6%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat2 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 33.2%;





    width: 100%;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon2 {





    position: relative;





    width: 16.9%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat3 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 50%;





    width: 100%;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon3 {





    position: relative;





    width: 16.8%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat4 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 66.8%;





    width: 100%;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon4 {





    position: relative;





    width: 16.6%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat5 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 83.4%;





    width: 100%;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon5 {





    position: relative;





    width: 16.6%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilterCat6 {





    z-index: 2;





    position: absolute;





    margin-top: -100px;





    margin-left: 85.68%;





    width: 100%;





    height: 100%;





    background-color: #F4F4F4;





    cursor: pointer;





    transition: 1.6s all ease-in-out;





}





.sidebarFilterCatIcon6 {





    position: relative;





    width: 14.28%;





    height: 100%;





    z-index: 2;





    left: 0;





    background-color: #5C493E;





    transition: 1.6s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.sidebarFilter1350 {



    padding-left: 0.7%;



    margin-top: 10px;



    position: absolute;



    width: 22%;



    height: auto;



    left: 0px;



    display: none;



    background-color: #F4F4F4;



}





.sidebarFilter1350768 {



    position: fixed;



    top: 0px;



    height: 100vh;



    left: -320px;



    padding-left: 5px;



    margin-top: 0px;



    overflow: scroll;



    z-index: 3;



    width: 300px;



    background-color: #F4F4F4;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



}





.sidebarFilterCatCheckbox1350 {



    position: relative;



    width: 95%;



    height: 60px;



    margin-bottom: 10px;



    margin-left: 2.5%;



    margin-top: 10px;



    border-radius: 10px;



    overflow: hidden;



    background-color: #F4F4F4;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);



}





.sidebarFilterCatCheckbox13501 {



    position: relative;



    width: 100%;



    height: 60px;



    background-color: #5C493E;



    -webkit-box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.75);



}





.sidebarFilterCatCheckbox13502 {



    position: absolute;



    height: 70%;



    width: 94%;



    margin-top: 7.5px;



    margin-left: 3%;



}





.sidebarFilterCatCheckbox13504 {



    height: 100%;



    width: 72%;



    margin-left: 28%;



}





.sidebarFilterCatCheckbox13503 {



    height: auto;



    width: 100%;



    transition: 1s all ease-in-out;



}





.sidebarFilterCatCheckbox13502 img {



    float: left;



}





.sidebarFilterCatCheckbox13504 p {



    font-size: 18px;



    color: white;



    margin-top: 11px;



}





.contentCatalog {
    margin: auto;
    margin-top: 0px;
    max-width: 1353px;
    height: max-content;
}







.contentCatalog450 {





    display: none;





    margin: 40px auto;





    max-width: 1353px;





    height: auto;





}





.contentPostmobile {



    height: 500px;



}





.contentCatalog1 {





    margin: 20px auto;


    margin-bottom: 40px;



    max-width: 1353px;





    height: auto;





    display: grid;





    grid-template-columns: repeat(3, 1fr);





}





.contentCatalog122 {





    display: none;





    margin: auto;





    max-width: 1353px;





    height: auto;





    margin-bottom: -30px;





}





.contentCatalog122.shrink {



    position: fixed;



    width: 100%;



    z-index: 1;



    top: 40px;



}





.contentCatalog12 {





    top: 0px;





    margin: auto;





    width: 100%;





    margin-bottom: -20px;





    height: auto;





}





.contentCatalogSale {





    margin: 30px auto;





    max-width: 1353px;





    height: auto;





    display: grid;





    grid-template-columns: repeat(2, 1fr);





}





.contentPost {



    position: relative;



    overflow: hidden;



    height: 400px;



    margin: 10px;



    -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    transition: 0.6s all ease-in-out;



}



.contentPost:hover {



    transform: scale(1.05);



}







.contentPost123321 {





    position: relative;





    overflow: hidden;





    height: 350px;





    margin: 10px;





    transition: 1s all ease-in-out;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.SalePost {



    overflow: hidden;



    margin-top: 0px;



    height: 100%;



    transition: 1s all ease-in-out;



    display: grid;



    grid-template-columns: repeat(2, 1fr);
    ;



}





.imgSalePost {



    position: relative;



    height: 100%;



    background-size: cover;



    background-position: center;



    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



}





.imgSall {



    position: absolute;



    width: 130px;



    top: 50%;



    right: 0;



    transform: translate(50%, -50%);



    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



}





.imgSall1 {



    position: absolute;



    width: 220px;



    top: 50%;



    right: 45px;



    transform: translate(50%, -50%);



    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



}





.harakteristikiSalePost {



    height: 100%;



    background-color: #5C493E;



}





.harFirst {



    margin-top: 55px;



}





.harak {



    float: right;



    height: auto;



    width: 76%;



    margin-bottom: 5px;



}





.harakzagolovok {



    float: left;



    border-bottom: 0.5px solid white;



    height: auto;



    width: auto;



}





.harakName {



    float: left;



    height: auto;



    width: 45%;



}





.harakName222 {



    height: auto;



    float: right;



    width: 53%;



}





.harak p {



    font-size: 14px;



    color: white;



    margin: 0;



}





.harak h2 {



    font-size: 22px;



    color: white;



    margin: 0;



}





.contentPostImg {



    width: 100%;



    height: 100%;



    background-size: cover;



    background-position: center;



    cursor: pointer;



    transition: 2s all ease-in-out;



}



.contentPostImg:hover {



    transform: scale(1.15);



}





.contentPostImgMobile img {





    width: 100%;



    height: auto;



    overflow: hidden;



    margin-bottom: -10px;



}





.contentPostImg h4 {





    font-weight: 100;



    float: left;



    margin: 7px;



    top: 0px;



    background-color: #5c493e;



    border-radius: 30px;



    padding-top: 2px;



    padding-bottom: 2px;



    padding-right: 5px;



    padding-left: 5px;



    color: white;



    font-size: 14px;



    -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);





}





.contentPostImg450 {



    position: relative;





    width: 100%;





    height: auto;





    background-size: cover;





    background-position: center;





    cursor: pointer;





    overflow: hidden;





}





.contentPostImg450 img {





    width: 100%;



    left: 0;



    margin-bottom: -5px
}





.contentPostImg450 h4 {



    z-index: 1;





    font-weight: 100;



    float: left;



    margin-top: 0;



    margin-bottom: 0;



    margin: 3px;



    background-image: url(../img/backpost2.png);





    background-size: cover;





    background-position: center;





    border-radius: 30px;





    padding-top: 2px;





    padding-bottom: 2px;





    padding-right: 5px;





    padding-left: 5px;



    color: #333333;



    font-size: 14px;





    -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);





}





.contentPost p {





    position: absolute;





    color: #333333;





    font-size: 18px;





    bottom: 0;





    padding-top: 2px;





    padding-bottom: 2px;





    padding-right: 7px;





    padding-left: 7px;





    margin-bottom: 0;





    font-family: 'Source Sans Pro', sans-serif, bold;





    background-image: url(../img/backpost2.png);





    background-size: cover;





    background-position: center;





    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





}





.inputSearch {





    float: left;





    width: 50%;





    height: 53px;





    margin-top: 23.5px;





    padding-top: -50px;





    margin-left: 15%;





}





.inputSearch input {





    height: 40px;





    font-size: 17px;





    font-family: 'Source Sans Pro', sans-serif, bold;





    transition: 1s all ease-in-out;





}





.inputSearch input:hover {





    font-size: 18px;





    font-family: 'Source Sans Pro', sans-serif, bold;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.inputSearchaa {





    float: left;





    width: 90%;





    height: 53px;





    margin-top: 15px;





    margin-left: 5%;





    margin-bottom: 7px;





    padding-top: -50px;





}





.inputSearchaa input {





    height: 40px;





    font-size: 17px;





    font-family: 'Source Sans Pro', sans-serif, bold;





    transition: 1s all ease-in-out;





}





.inputSearchaa input:hover {





    font-size: 18px;





    font-family: 'Source Sans Pro', sans-serif, bold;





    -webkit-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.75);





}





.containerContact132 {





    max-width: 1330px;





    margin: auto;





}





.containerContact {





    width: 100%;





    cursor: pointer;





}





.containerContact1 {





    height: 200px;





    margin: 10px;





}





.containerContact1 p {





    margin-top: 5px;





    color: #333333;





}





.containerContact111 {





    height: 200px;





    margin: 10px;





}





.containerContact111 p {





    margin-top: 5px;





    color: #333333;





}





.containerContact1 img {





    -webkit-box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 13px -5px rgba(0, 0, 0, 0.75);





}





.photoArticle {





    max-width: 1365px;





    height: auto;





    margin: auto;





    display: grid;





    grid-template-columns: repeat(4, 1fr)
}





.photoArticle1 {





    overflow: hidden;





    height: auto;





    width: 310px;





    margin: 15px;





    cursor: pointer;





    -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.75);





    transition: 1s all ease-in-out;





}





.photoArticle1:hover {





    height: auto;





    width: 310px;





    margin: 15px;





    cursor: pointer;





    transform: scale(1.04);





    -webkit-box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 15px -4px rgba(0, 0, 0, 0.75);





}





.photoArticle2 {





    width: 310px;





    height: 310px;





}





.photoArticle2 img {





    width: 100%;





    margin-top: 50%;





    transform: translate(0, -50%);





    transition: 1s all ease-in-out;





    -webkit-box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75);





    box-shadow: 2px 5px 18px -1px rgba(0, 0, 0, 0.75);





}





.photoArticle1:hover .photoArticle2 img {





    -webkit-box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75);





    box-shadow: -1px 10px 18px -1px rgba(0, 0, 0, 0.75);





}





.photoArticle1 p {





    margin-top: -15px;





    margin-bottom: 5px;





    margin-left: 5px;





    color: #333333;





}





.photoArticle1 h3 {





    margin-top: 10px;





    margin-left: 5px;





    color: #333333;





}








.canvas-interactive-wrapper {





    position: relative;





    height: 280px;





}





.canvas-interactive-wrapper canvas {





    position: absolute;





    display: block;





    width: 100%;





    height: 100%;





}





.footerContent {





    position: absolute;





    width: 1355px;





    height: 100%;





    z-index: 1;





    transform: translateX(-50%);





    margin-left: 50%;





    display: grid;





    grid-template-columns: 50% 25% 25%;





}





.footerContent1 {





    height: 280px;





}





.footerContent143 {





    height: 280px;





}





.footNone1 {





    display: none;





}





.icconns {





    width: 152px;





    height: 50px;





    transition: 1s all ease-in-out;





    transform: translateX(-50%);





    margin-left: 50%;





    background-color: transparent;





}





.footerText {





    transition: 1s all ease-in-out;





}





.icconns a {





    transition: 1s all ease-in-out;





}





.icconns a:hover {





    transform: scale(1.1);





}





.icconns1 a {





    transition: 1s all ease-in-out;





}





.icconns1 a:hover {





    transform: scale(1.1);





}





.sidebarFilterCatCheckbox {





    position: relative;





    width: 83%;





    height: 100%;





    float: right;





    margin-top: -100px;



}





ul.ks-cboxtags {





    list-style: none;





    transition: 1s all ease-in-out;





    padding-left: 10px;





    margin-top: 2px;





}





ul.ks-cboxtags li {





    margin-top: 10px;





    margin-right: 3px;





    display: inline;





    transition: 1s all ease-in-out;





}





ul.ks-cboxtags li label {





    display: inline-block;





    background-color: rgba(255, 255, 255, .9);





    border: 2px solid rgba(139, 139, 139, .3);





    color: #adadad;





    border-radius: 25px;





    white-space: nowrap;





    margin: 3px 0px;





    -webkit-touch-callout: none;





    -webkit-user-select: none;





    -moz-user-select: none;





    -ms-user-select: none;





    user-select: none;





    -webkit-tap-highlight-color: transparent;





    transition: 1s all ease-in-out;





}





ul.ks-cboxtags li label {





    padding: 8px 12px;





    cursor: pointer;





    transition: 1s all ease-in-out;





}





ul.ks-cboxtags li label::before {





    display: inline-block;





    font-style: normal;





    font-variant: normal;





    text-rendering: auto;





    -webkit-font-smoothing: antialiased;





    font-weight: 900;





    font-size: 12px;





    padding: 2px 6px 2px 2px;





    content: url(/img/plus.png);





    transition: 0.4s all ease-in-out;





}





ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {





    content: url(/img/galocika.png);





    transform: rotate(-360deg);





    transition: 0.4s all ease-in-out;





}





ul.ks-cboxtags li input[type="checkbox"]:checked+label {





    border: 2px solid #AD9E95;





    background-color: #5C493E;





    color: #fff;





    transition: 0.4s all ease-in-out;





}





ul.ks-cboxtags li input[type="checkbox"] {





    display: absolute;





    transition: 0.4s all ease-in-out;





}





ul.ks-cboxtags li input[type="checkbox"] {





    position: absolute;





    opacity: 0;





    transition: 0.4s all ease-in-out;





}





ul.ks-cboxtags li input[type="checkbox"]:focus+label {





    border: 2px solid #AD9E95;





    transition: 0.4s all ease-in-out;





}





@keyframes slideInUpLogo {





    from {





        opacity: 0;





    }





    to {





        opacity: 1;





    }





}





.slideRight {





    position: relative;





    z-index: 2;





    width: auto;





    height: 600px;





    right: 0;





}





.slideRight1 {





    right: 0;





    height: 46px;





    margin-top: 15px;





    margin-right: 0%;





    background-size: cover;





    background-position: center no-repeat;





    background-image: url(../img/sedebarBackground.png);





    -webkit-box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 1px 3px 12px 0px rgba(0, 0, 0, 0.75);





    cursor: pointer;





    transition: 1s all ease-in-out;





}





.slideRight1:hover {





    margin-right: 20px;





}





.slideRight1Icon {





    width: 46px;





    height: 46px;





    float: left;





}





.slideRight1Text {





    position: relative;





    width: auto;





    height: 46px;





    border: 0.1px solid transparent;





}





.slideRight1Text p {





    margin-right: 20px;





    margin-top: 13px
}





.slideRight1Icon img {





    height: 80%;





    margin-top: 10%;





    transform: translateX(-50%);





    margin-left: 50%;





}





.contactDiv {





    width: 100%;





    height: 97vh;





    margin-top: 60px;





    position: relative;





    transition: 1s all ease-in-out;





}





.textAbout21 {

    max-width: 1000px;
    margin: 80px auto;
    margin-bottom: 0px;
    color: #494e52;
    padding: 10px;
    font-size: 18px;
    text-align: justify;

}





.filternazncenie {





    overflow: hidden;





    position: relative;





    max-width: 1333px;





    height: 100px;





    margin: 50px auto;





    -webkit-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





    box-shadow: 10px 10px 26px -5px rgba(0, 0, 0, 0.75);





}





.nasnceniebutton {





    position: relative;





    height: 100px;





    cursor: pointer;





    margin: 10px;





    background-color: #5C493E;





    color: white;





    -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);





    transition: 0.5s all ease-in-out;





}





.nasnceniebutton p {



    z-index: 1;



    position: absolute;



    top: 20px;



    margin-left: 50%;



    transform: translateX(-50%);



    text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);



    padding: 5px;





}





.nasnceniebutton12 {





    display: none;





    position: relative;





    height: 50px;





    cursor: pointer;





    margin: 10px;





    background-color: #5C493E;





    color: white;





    -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.75);





    transition: 0.5s all ease-in-out;





}





.nasnceniebutton1212 {



    position: absolute;



    width: 107px;



    height: 25px;



    margin-top: 12.5px;



    display: flex;



    transform: translateX(-50%);



    margin-left: 50%;



}





.nasnceniebutton1212 p {





    float: left;





    margin-top: 4px;



}





.nasnceniebutton1212 img {





    float: left;





}





.nasnceniebuttonImg {



    position: absolute;



    width: 100%;



    height: 100%;



    background-position: center;



    background-size: cover;



    top: 0;



    transition: 1.5s all ease-in-out;



}





.show {





    display: block;





}





.filterDiv {





    display: none;





}





.despreProdus {



    max-width: 1330px;



    margin: auto;



    height: 100px;





}





.despreProdus h1 {



    color: #5C493E;



    font-family: 'Source Sans Pro', sans-serif, bold;



    font-size: 40px;



    float: left;



}





.designeri {



    position: relative;



    margin-top: 10px;



    height: 460px;



    overflow: hidden;



}





.designPost {



    height: 100%;



    width: 350px;



}





.center21 {



    height: 450px;



}





.centerPost {



    height: 450px;



    position: relative;



    transition: 1s all ease-in-out;



}





.centerPost11 {



    position: relative;



    overflow: hidden;



    width: 94%;



    height: 94%;



    margin: 3%;



    cursor: pointer;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



}





.centerPost11 img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    transition: 1s all ease-in-out;



}





.centerPost11:hover img {



    transform: scale(1.1);



}





.centerPost11 p {



    z-index: 1;



    position: absolute;



    color: #333333;



    font-size: 19px;



    bottom: 0;



    padding: 5px;



    margin-bottom: 0;



    font-family: 'Source Sans Pro', sans-serif, bold;



    background-image: url(../img/backpost2.png);



    background-size: cover;



    background-position: center;



    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.centerPost11:hover .centerPost11Hover {



    margin-top: 0%;



}





.centerPost121 {



    position: relative;



    overflow: hidden;



    width: 94%;



    height: 94%;



    margin: 3%;



    cursor: pointer;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);





}





.centerPost121 p {



    z-index: 1;



    position: absolute;



    color: #333333;



    font-size: 19px;



    margin-top: 0px;



    padding: 5px;



    margin-bottom: 0;



    font-family: 'Source Sans Pro', sans-serif, bold;



    background-image: url(../img/backpost2.png);



    background-size: cover;



    background-position: center;



    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    transition: 1s all ease-in-out;



}





.centerPost121:hover p {



    margin-bottom: -50%;





}





.centerPost121:hover .centerPost11Hover {



    margin-top: 0%;





}





.centerPost121 img {



    height: 100%;



    transform: translateX(-50%);



    margin-left: 50%;



    transition: 1s all ease-in-out;



}





.centerPost:hover .centerPost121 img {



    height: 110%;



    transform: translateX(-50%);



    margin-left: 50%;



}





.centerPost:hover .leftSale img {



    margin-bottom: 30px;



}





.centerPost11Hover {



    z-index: 1;



    position: absolute;



    margin-top: -155%;



    color: white;



    width: 100%;



    height: 100%;



    background-size: cover;



    background-position: center;



    transition: 1s all ease-in-out;



}





.centerPost11Hover1 {



    z-index: 1;



    position: absolute;



    bottom: 0px;



    width: 94%;



    height: 75px;



    display: grid;



    margin-left: 3%;



    margin-bottom: 15px;



    grid-template-columns: 45% 55%;



    background-image: url(../img/backpost2.png);



    background-size: cover;



    background-position: center;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



}





.leftSale {



    position: relative;



    height: 75px;



    bottom: 0px;



    background-color: #5C493E;



    -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



}





.leftSale img {



    z-index: 2;



    position: absolute;



    width: 80%;



    margin: 10%;



    bottom: 0px;



    transition: 1s all ease-in-out;



    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);



}





.leftSaleImg {



    position: absolute;



    z-index: 2;



    width: 90%;



    margin-left: 5%;



    margin-bottom: 5%;



    -webkit-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



    box-shadow: -1px -6px 24px -5px rgba(0, 0, 0, 0.75);



}





.rightSale {



    height: 100%;



}





.rightSale h3 {



    margin-top: 13px;



    margin-left: -30px;



}





.rightSale h2 {



    margin-top: -16px;



    font-size: 22px;



    margin-left: -30px;



}





.rightSale ul {



    color: #333333;



    margin-top: 0px;



}





.centerPost11Hover h4,
h2 {



    margin-left: 10px;



}





.variable-width111er {



    margin-left: 10px;



    margin-right: 10px;





}


.variable-width132 {

    margin-top: 30px;

}





/* The Modal (background) */



.modal {



    display: none;
    /* Hidden by default */



    position: fixed;
    /* Stay in place */



    z-index: 1;
    /* Sit on top */



    padding-top: 100px;
    /* Location of the box */



    left: 0;



    top: 0;



    width: 100%;
    /* Full width */



    height: 100%;
    /* Full height */



    overflow: auto;
    /* Enable scroll if needed */



    background-color: rgb(0, 0, 0);
    /* Fallback color */



    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */



}





/* Modal Content */



.modal-content {





    position: relative;



    background-color: #fefefe;



    margin: auto;



    padding: 0;
    ;



    max-width: 1100px;



    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



    -webkit-animation-name: animatetop;



    -webkit-animation-duration: 0.8s;



    animation-name: animatetop;



    animation-duration: 0.8s -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



}





/* Add Animation */



@-webkit-keyframes animatetop {



    from {

        top: -300px;

        opacity: 0
    }



    to {

        top: 0;

        opacity: 1
    }



}





@keyframes animatetop {



    from {

        top: -300px;

        opacity: 0
    }



    to {

        top: 0;

        opacity: 1
    }



}





/* The Close Button */



.close {



    color: white;



    float: right;



    font-size: 28px;



    font-weight: bold;



}





.close:hover,

.close:focus {



    color: #000;



    text-decoration: none;



    cursor: pointer;



}





.modal-header {



    padding: 2px 16px;



    background-color: #5C493E;



    color: white;



    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);



}





.modal-body {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    max-height: 500px;



}





.textModal {



    height: auto;



    padding-left: 25px;



}





.photoModal {



    position: relative;



    height: auto;



}





.fielddd {



    position: absolute;



    width: 600px;



    top: 200px;



}





.photoModal img {



    width: 94%;



    margin: 3%;



    -webkit-box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.75);



}





.photoModal1 {



    position: relative;



    height: 100%;



}





.photoModal1 img {



    width: 100%;



}





@keyframes butAnim1 {





    0% {





        background-color: white;





    }





    50% {





        background-color: #5C493E;





    }





    100% {





        background-color: white;





    }





}





@keyframes butAnim11 {





    0% {





        transform: scale(1.0);





    }





    50% {





        transform: scale(1.2);





    }





    100% {





        transform: scale(1.0);





    }





}





.varwitth {



    width: 18px;



    height: 18px;



    background-color: white;



    border-radius: 100%;



    -webkit-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 12px -5px rgba(0, 0, 0, 0.75);



    z-index: 1;



    position: absolute;



    cursor: pointer;



    animation-name: butAnim11;



    animation-timing-function: ease-in-out;



    animation-duration: 3s;



    animation-iteration-count: infinite;



}





.varwitth1 {



    margin-top: 15%;



    margin-left: 15%;



    width: 70%;



    height: 70%;



    background-color: #5C493E;



    border-radius: 100%;



    z-index: 1;



    transition: 1s all ease-in-out;



    animation-name: butAnim1;



    animation-timing-function: ease-in-out;



    animation-duration: 3s;



    animation-iteration-count: infinite;



}





.modal-contenttt {



    width: 500px;



    height: 150px;



    border: 1px solid red;



}





.textModal ul {





    margin-left: -40px;





    margin-top: -5px;





}





.textModal h2 {





    margin-left: -0px;





    margin-top: -5px;





}





.infoOrderBlockMini {
    width: 100%;
    height: 40px;
    color: #0088cc;
    font-size: 18px;
}





.infoOrderBlockMini span {
    transition: 1s all ease-in-out;
    color: #0088cc;
    font-size: 25px;
    font-weight: 700;
}





.infoOrderBlockMini p {



    transition: 1s all ease-in-out;



    margin-top: 0px;



}





.ssMini {



    margin-top: 20px;



}





@keyframes salepostAnim {





    0% {





        transform: scale(1);





    }





    50% {





        transform: scale(1.05);





    }





    100% {





        transform: scale(1);





    }





}





.salePost {



    border: 1px solid #5C493E;



    animation: salepostAnim 2s infinite ease-in-out;



}





.maloPlitkiModal {



    width: 460px;



    height: 290px;



    margin: 20px;



}





.knopKar {



    z-index: 4;



    position: absolute;



    width: 20px;



    height: 20px;



    border: 1px solid red;



}





.SalePost:hover {





    margin-top: 25px;



}





.divPrice11 {



    z-index: 1;



    position: absolute;



    width: 100%;



    height: 15%;



    background-color: #5C493E;



    transition: 1s all ease-in-out;



    top: -15%;



    -webkit-box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 3px 30px 2px rgba(0, 0, 0, 0.75);



}





.contentPost123321:hover .divPrice11 {



    top: 0%;



}





.divPrice11 p {



    position: absolute;



    position: relative;



    color: white;



    margin-left: 10px;



    margin-top: 3px;



}





.divPrice11 span {



    position: absolute;



    font-size: 20px;



    top: 12px;



}





.inbutton {
    padding-left: 5px;
    padding-right: 5px;
}





.dibaviVkorzinu1243 {



    overflow: hidden;



    position: absolute;



    width: 30px;



    height: 30px;



    right: 12px;



    top: 12px;



    border-radius: 25px;



    cursor: pointer;



    -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



}





.dibaviVkorzinu1243233 {



    overflow: hidden;



    position: absolute;



    width: 30px;



    height: 30px;



    right: 12px;



    top: 15px;



    border-radius: 25px;



    background-image: url(../img/filterCatalog.png);



    background-position: center;



    background-size: cover;



    cursor: pointer;



    -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



}





.dibaviVkorzinu12432343 {



    overflow: hidden;



    position: absolute;



    width: 30px;



    height: 30px;



    right: -35px;



    top: 15px;



    border-radius: 25px;



    background-image: url(../img/filterCatalogClose.png);



    background-position: center;



    background-size: cover;



    cursor: pointer;



    -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



}





.dibaviVkorzinu12432343closs {



    overflow: hidden;



    margin-top: 15px;



    margin-bottom: 15px;



    margin-left: 235px;



    width: 30px;



    height: 30px;



    right: 12px;



    top: 15px;



    border-radius: 25px;



    background-image: url(../img/filterCatalogClose.png);



    background-position: center;



    background-size: cover;



    cursor: pointer;



    -webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.75);



}





.dibaviVkorzinu1243 img:hover {



    position: absolute;



    height: 30px;



    right: -35px;



}





.IconsNafoto {
    position: absolute;
    z-index: 1;
}





.IconsNafoto h4 {





    font-weight: 100;



    float: left;



    margin-top: 0;



    margin-bottom: 0;



    margin: 5px;



    border-radius: 30px;



    padding-top: 3px;



    padding-bottom: 3px;



    padding-right: 5px;



    padding-left: 5px;



    background-color: #5c493e;



    color: white;



    font-size: 14px;



    -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



}





.IconsNafoto450 {



    position: absolute;



    z-index: 1;



    top: 0;



}





.IconsNafoto450 h4 {





    font-weight: 100;



    float: left;



    margin-top: 0;



    margin-bottom: 0;



    margin: 5px;



    background-image: url(../img/backpost2.png);



    background-size: cover;



    background-position: center;



    border-radius: 30px;



    padding-top: 3px;



    padding-bottom: 3px;



    padding-right: 5px;



    padding-left: 5px;



    color: #333333;



    font-size: 14px;



    -webkit-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



    box-shadow: 10px 10px 6px -8px rgba(0, 0, 0, 0.75);



}





.contentPostImg450 p {





    position: absolute;





    color: #333333;





    font-size: 18px;





    bottom: 0;





    padding-top: 2px;





    padding-bottom: 2px;





    padding-right: 7px;





    padding-left: 7px;





    margin-bottom: 0;





    font-family: 'Source Sans Pro', sans-serif, bold;





    background-image: url(../img/backpost2.png);





    background-size: cover;





    background-position: center;





    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);





}





.pricePosition {
    margin: 0px auto;
    width: 100%;
    height: fit-content;
    padding-bottom: 9px;
    padding-left: 10px;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    color: #0088CC;
}





.pricePosition span {
    background-color: #0088CC;
    padding: 2px 7px;
    border-radius: 20px;
    color: white;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: white;
    -webkit-text-decoration-color: #0088CC;
    font-size: 20px;
    margin-left: 5px;
}





.pvmestoinput {

    margin-left: 30px;

    margin-top: 14.5px;

    width: 40px;

    padding: 3px;

    border-radius: 20px;

    color: white;

    font-weight: 600;

    text-align: center;

    background-color: #5c493e;

}



.infusr {

    width: 100%;

    height: auto;

    margin-bottom: 20px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}





.infinf {

    margin: 6px;

    margin-bottom: 20px;

    height: 40px;

    font-size: 13px;

    text-align: center;

    line-height: 41px;

    border-radius: 20px;

    -webkit-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);

    box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);

}





.infinf p {

    margin: 0px;

}





.inftext {

    padding: 13px;

    width: 90%;

    height: auto;

    margin: 6px;

    text-align: center;

    line-height: 24px;

    border-radius: 20px;

    -webkit-box-shadow: 4px -1px 10px 0px rgb(0 0 0 / 75%);

    -moz-box-shadow: 4px -1px 10px 0px rgba(0, 0, 0, 0.75);

    box-shadow: 4px -1px 10px 0px rgb(0 0 0 / 75%);

}



.contentPost3d {



    position: absolute;



    transform: translateX(-50%);



    left: 50%;



    max-width: 1350px;



    display: grid;



    grid-template-columns: repeat(4, 1fr);



    position: relative;



}



.ul3d {

    padding: 0;

}





.ul3d li {

    list-style: none;

    margin-bottom: 10px;

    color: #666666;

}


.blockHarakter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}



.harakterBlock {
    width: fit-content;
    margin: 1px;
}


.whyNotWork {
    position: relative;
    max-width: 1200px;
    overflow: hidden;
    margin: auto;
}

.whyNotWork h2 {
    color: #0088CC;
}

.whyNotWorkDropdown {
    overflow: initial;
    height: 30px;
    margin-top: -41px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 135px 240px;
    justify-content: end;
}


#canvas-basic {
    position: fixed;
    display: block;
    width: 101%;
    z-index: -1;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.ParteneriiNostrii {
    margin: 30px auto;
    max-width: 1200px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.ParteneriiNostrii1 {
    border-radius: 25px;
    margin: 10px;
    -webkit-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
    box-shadow: 10px 10px 28px -15px rgba(0, 0, 0, 0.68);
}


.ParteneriiNostrii1 img {
    height: 50px;
    margin: auto;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 30px;
}

.ParteneriiNostrii1 p {
    width: 85%;
    margin: 20px auto;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #808080;
}

sidebartext