:root {

    --one-color: #d16208;
    --oneHover-color: rgb(209, 98, 8);
    --two-color: #663200;
    --three-color: #ff9737;
    --section-color : #663200;
    --sub-section-color : #301a06;
    --background-color : #ffffff;
    --color-input :#efebe8;
}


html, body {
    overflow-x: hidden;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #ffffff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Montserrat', Arial, sans-serif !important;
}

body {
    background-image: url("/assest/image/str.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    max-width: 100%;
}

ul li { list-style-type: none; }


.box-content {
    position: relative;
}


::-webkit-input-placeholder {
    color: var(--section-color);
    font-size: 20px;
}



/*----Header----*/

.forObjects {
    text-align: center;
    width: 270px;
}

.forObjects img {
    width: 270px;
}


.headerFull {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #0000006e;
    z-index: 100;
    transition: all 1s;
}


.newMetHeader {
    display: grid;
    gap: 3px;
}

.subHeader {
    display: flex;
    justify-content: space-between;
    /*border-bottom: 1px solid white;*/
    margin: 0 auto;
    width: 98%;
}

  .line {
      width: 96%;
      margin: 0 auto;
      height: 1px;
      background: white;
  }

  .itemsLine {
      display: flex;
      width: 400%;
      transition: all .7s;
      animation: 20s linear infinite lines;
  }

  @keyframes lines {

      0%{transition: all .7s;}
      9%{}
      18%{}
      27%{}
      36%{}
      45%{transform: translateX(-8400px);}
      50%{}
      59%{}
      68%{}
      77%{}
      86%{}
      100%{transition: none}

  }

  .itemLine:nth-child(1) {
      width: 100%;
      background: #ffffff;
      height: 1px;
  }

.itemLine:nth-child(2) {
    width: 100%;
    background: #ff7100;
    height: 1px;
}

.itemLine:nth-child(3) {
    width: 100%;
    background: #ffffff;
    height: 1px;
}

.itemLine:nth-child(4) {
    width: 100%;
    background:#ff7100;
    height: 1px;
}



.itemHeaderLeft {
    display: flex;
    margin-left: 30px;
}

.MobileButForMenu {
    display: block;
    position: fixed;
    bottom: 70px;
    right: 35px;
    border-radius: 50%;
    border: 6px solid var(--one-color);
    animation: 6s linear infinite mobileButt ;
    transition: all .6s;
    z-index: 100;
    cursor: pointer;

}

.MobileButForMenu:hover {
    transform: translate(-20px);
}

@keyframes mobileButt {

    0%{}
    10%{}
    20%{}
    30%{}
    40%{box-shadow: var(--one-color) 0 0 8px 6px;}
    50%{}
    60%{}
    70%{}
    80%{}
    100%{}

}

.subMobileButForMenu {
    background: white;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    display: grid;
    place-content: center;
}

.subMobileButForMenu i {
    color: var(--one-color);
    font-size: 30px;
    transition: all 1s;
    animation: 6s linear infinite mobileButtIcon ;
}
.subMobileButForMenu i:hover {
    animation: paused;
}

@keyframes mobileButtIcon {

    0%{}
    10%{}
    20%{}
    30%{}
    40%{}
    50%{transform: rotateY(1turn);}
    60%{}
    70%{}
    80%{}
    100%{}

}







.forLogoHeader {
    padding: 5px;
    position: relative;
}

.forLogoHeader img {
    width: 160px;
}

.forMenuHeader {
    margin-left: 18px;
}

.listMenu {
    display: flex;
    gap: 30px;
}

.listMenu li a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
}

.listMenu li a:hover {
    color: #ffb300;
}



.itemHeaderRight {
    display: flex;
    margin-right: 30px;
}

.forTelHeader {
    align-self: center;
}

.forTelHeader a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.forButtonHeader {
    display: flex;
    align-items: center;
    gap: 40px;
}

.forSocialHeader {

}



.socHeader {
    color: white;
    display: flex;
    gap: 15px;
}

.not404 {
    text-align: center;
    height: 80%;
    padding-top: 15px;
}

.for404 img {
    width: 300px;
}

.socHeader li a i {
    font-size: 35px;
    color: white;
}

.forButHeader {
    background: var(--one-color);
    height: 40px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 10px;
    display: grid;
    border-radius: 8px;
}

.dopForButHeader {
    background: var(--one-color);
    text-align: center;
    padding: 6px;
    border-radius: 6px;
    margin-top: 20px;;
}

.onas {
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 20px;
}

.forButHeader:hover {
    background: #747270;
}

.buttonHead {
    align-self: center;
    font-size: 17px;
    font-weight: 700;
    color: white;
    cursor: pointer;
}



#proj, #onas {
    position: relative;
}

.dropPlatform0 {
    position: absolute;
    background: white;
    left: 12px;
    top: 123px;
    border-radius: 5px;
    box-shadow: #d16208 0 0 2px 1px;
}


/*----DROPMENU------*/

.dropPlatform {
    position: absolute;
    background: white;
    left: 127px;
    top: 123px;
    border-radius: 5px;
    box-shadow: #d16208 0 0 2px 1px;

}


.dropPlatform::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    right: 44%;
    top: -20px;
    border-bottom-color: #fff;
}

.dropPlatform0::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    right: 44%;
    top: -20px;
    border-bottom-color: #fff;
}

.dropList {
    padding: 10px 10px 10px 10px;
}


.dropList li a {
    color: var(--section-color);
    font-size: 13px;
}


/*----MobileMenu----*/

.forMenuMobile {
    display: none;
}

.blockMobileMenu {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--section-color);
    z-index: 200;
    width: 250px;
    transition: transform .5s ease-in-out;
    transform: translateX(270px);
    display: none;
}

.overlayFoMenuMobile.powerMenuMobile {
    z-index: 300;
    opacity: 2;
}

.overlayFoMenuMobile {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #040404bd;
    transition: all .9s;

}

.overlayFoMenuMobile {
    z-index: -1;
    opacity: 0;
}








    /*-----SLIDER-----*/

.forSlider {
    position: relative;
}

.slider-box {
    overflow: hidden;
}

.slider-track {
    display: flex;
}

.slider-item {
    position: relative;


}

.slider-item img {
    place-self: center;

}

.blockSliderButtonLeft {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: grid;
}

.blockSliderButtonLeft .itemSliBut {
    align-self: center;
    margin-left: 15px;
}

.blockSliderButtonRight {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: grid;
}

.blockSliderButtonRight .itemSliBut {
    align-self: center;
    margin-right: 15px;
}


.butSlide {
    cursor: pointer;
    font-size: 35px;
    border: none;
    background: no-repeat;
    color: white;
}

.butSlide:hover {
    color: var(--oneHover-color);
}


.forInfoSlider {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    height: 100%;
    display: grid;
    width: 100%;
}

.pemForInfoSlider {
    place-content: center;
    display: grid;
    align-self: center;
    transition: all .6s;
    transform: translate(-19%, 53%);
}

.subForInfoSlider {
    align-self: center;
    display: grid;
    gap: 20px;
    background: #1c1b1a8f;
    border-radius: 10px;
    padding: 20px;
    width: 600px;
}

.nameSlide {
    font-size: 35px;
    font-weight: 700;
    font-family: system-ui;
}

.textSlide {
    font-size: 23px;
    font-family: monospace;
}

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

.buttonSlide {
    background: #d16208;
    width: 200px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    font-size: 19px;
    font-weight: 800;
    border-radius: 11px;
    cursor: pointer;
}

.buttonSlide:hover {
    background: #747270;
}


/*-----ONAS-----*/

/*----Title-----*/
.o-nas {
    padding: 4px;
    padding-top: 100px;
    padding-bottom: 100px;
    background: var(--background-color);

}

.oneLineTitle {
    display: flex;
    justify-content: space-evenly;
    width: 1200px;
    margin: 0 auto;
}

.itemOneLineTitle:nth-child(1) {
    color: var(--two-color);
    font-size: 16px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.43;
    font-weight: 600;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 361px;
    align-self: center;
}

.itemOneLineTitle:nth-child(2) {
    align-self: center;
}

.lineOnelineTitle {
    width: 300px;
    height: 3px;
    background: var(--two-color);
    align-self: center;
}

.itemOneLineTitle:nth-child(3) {
    align-self: center;
    color: var(--two-color);
    font-size: 64px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -4px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.oneLineTitleInverse {
    display: flex;
    justify-content: space-evenly;
    width: 1200px;
    margin: 0 auto;
}





.itemOneLineTitleInverse:nth-child(1) {
    align-self: center;
    color: var(--two-color);
    font-size: 64px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -4px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.itemOneLineTitleInverse:nth-child(2) {
    align-self: center;
}




.lineOnelineTitleInverse {
    width: 300px;
    height: 3px;
    background: var(--two-color);
    align-self: center;
}






.itemOneLineTitleInverse:nth-child(3) {
    color: var(--two-color);
    font-size: 16px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.43;
    font-weight: 600;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 361px;
    align-self: center;
}

.itemOneLineTitleInverse.white {
    color: white;
}

.itemOneLineTitleInverse.white:nth-child(1) {
    font-size: 55px;
}

.lineOnelineTitleInverse.inverse.white {
    width: 150px;
    background: white;
}

    /*----Title-----*/

.twoLineOnas {
    width: 1000px;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    gap: 30px;
}

.itemTwoLine:nth-child(1) {
    color: #968171;
    font-size: 20px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.itemTwoLine:nth-child(2) {
    color: #968171;
    font-size: 20px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


/*------Statistics-----*/
.statistics {
    background: var(--section-color);
    padding-top: 80px;
    padding-bottom: 80px;
}

.sub-stat {
    margin: 0 auto;
    padding: 20px;
    width: 1200px;
    color: white;
}

.subStatLineOne {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    border-bottom: 2px solid;
}

.lineSubOne {
    display: flex;
    gap: 15px;
}

.itemSubStatLineOne:nth-child(1) {
    color: #fbfbfb;
    font-size: 110px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.5px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.itemSubStatLineOne:nth-child(2) {
    color: #fbfbfb;
    font-size: 30px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    align-self: center;
    width: 200px;
}

.lineSubOne-2 {
    display: flex;
    gap: 15px;
}

.itemSubStatLineOne-2:nth-child(1) {
    font-size: 110px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.5px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.itemSubStatLineOne-2:nth-child(2) {
    color: #fbfbfb;
    font-size: 30px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    align-self: center;
    width: 200px;
}


.statLineTwo {
    margin-top: 15px;
}

.subStatLineTwo {
    display: flex;
    justify-content: space-around;
}

.itemSubStatLineTwo {
    font-size: 33px;
    font-weight: bold;
}


/*-----Projects-----*/

.projects {
    background: var(--background-color);
    padding-top: 100px;
    padding-bottom: 100px;
}

.subProjects {

}

.itemsProjects {
    margin: 0 auto;
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    width: 1100px;
}

.itemProject {
    position: relative;
    transition: transform .5s ease-in-out;
    box-shadow: 0px -1px 5px 6px #b3601e;
    cursor: pointer;

}

.itemProject:hover {
    transform: scale(1.1) ;
    z-index: 10;
}


.subItemProjectForText {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #663200d1;
    cursor: pointer;
}
.subItemProjectForText.mobProj {
    display: none;
}

.subItemProjectForText.inv, .subItemProjectForText.inv {
    top: unset;
    bottom: 0;
}

.subItemProjectForText:hover, .subItemProjectText:hover {
    background: none;
    color: #00000000;
}

.subItemProjectText {
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 30px;
    font-weight: 700;
}


.subItemProjectImg img {
       max-width: 100%;
}

/*------Priemushestva-----*/

.priem {
    background: white;
}
.subPriem {
    padding-top: 80px;
    padding-bottom: 100px;
}

.pemPriem {
    margin: 0 auto;
    width: 1200px;
    padding-top: 50px;
}

.onePreimBlock {
    background: url(/assest/image/tmp/baza.jpg);
    position: relative;
    z-index: 2;
    background-position: top;
    padding: 30px;
    margin-bottom: 20px;
}

.imgSunOneBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #a35312c7 38%, #46382c82 0);
    z-index: -1;
}

.name-1-block {

}


.text-1-block {
    text-align: center;
    padding: 5px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}

.sub-1-block {
    display: flex;
    justify-content: space-evenly;
    color: white;
    padding-top: 50px;
    font-weight: 900;
}

.sub-1-block-1, .sub-1-block-2 {
    font-size: 22px;
    font-weight: 700;
}


.twoPreimBlock {
}

.subTwoPreimBlock {
    display: grid;
    grid-template-columns: 30% 70%;
}

.sub-2-block {
    border-right: aliceblue;
    display: grid;
    background: var(--one-color);
}

.sub-2-block2 {
    align-self: center;
    padding: 15px;
    font-size: 30px;
    font-weight: 700;
    color: white;
}

.sub-2-block-2 {
    display: grid;

}

.sub-2-block-2-1  {
    position: relative;
    padding: 50px;
    display: grid;
    gap: 10px;
    background: url(/assest/image/tmp/derev-sush.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.imgTwoBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg,  #201c19a6 0,#a353128c 38%);
}

.sub-2-block-2-2 {
    padding: 15px;
    display: grid;
    gap: 10px;
    background: var(--one-color);
}

.sub-2-block-2-2-text {
    color: white;
    font-size: 20px;
    line-height: 1.2em;
}

.sub-2-block-2-1-name, .sub-2-block-2-2-name {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: white;
    z-index: 1;
}

.sub-2-block-2-1-text {
    color: white;
    z-index: 1;
    font-size: 20px;
    line-height: 1.2em;
}


.treePreimBlock {
    display: grid;
    gap: 12px;
    margin-top: 42px;
    background: linear-gradient(360deg, #f9d8bd 40%, #d16208 38%);
    color: white;
}

.itemTreePreimBlock {
    padding: 7px;
}

.sub-3-block-name {
    text-align: center;
    padding: 7px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}

.sub-3-block-text {
    text-align: center;
    font-size: 22px;
}

.itemsTreePreimBlock {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
    padding: 10px;
}

.itemImg-block-3 {
    padding: 8px;
}

.itemImg-block-3 img {
    max-width: 100%;
}


.fourPreimBlock {
    display: grid;
    grid-template-columns: 50% 50%;
}

.subFourPreimBlock {
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: space-between;
    height: 100%;
}

.subFourPreimBlockName {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: white;
}

.subFourPreimBlockText {
    color: white;
    font-size: 19px;
    line-height: 1.2em;
}

.subFourPreimBlock {
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: space-between;
    height: 100%;
}


.subFourPreimBlockPem.leftFour {
    color: white;
    background: url(/assest/image/tmp/comand.png);
    display: grid;
    gap: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 21px;
    text-align: center;
    height: 100%;
}

.subFourPreimBlockPem.rightFour {
    color: white;
    background: url(/assest/image/tmp/teh-nad.png);
    display: grid;
    gap: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 21px;
    text-align: center;
    height: 100%;
}


.imgSubBackFour {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(360deg, #4e361dd1 24%, #a353128c 38%);
    z-index: 1;
}


/*------Akcia-----*/

.dopAkcia {
    padding-top: 50px;
    padding-bottom: 50px;
}


.ContentAkcia {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: grid;
    gap: 20px;
    padding-top: 50px;
    position: relative;
}

.ContentAkcia .infoAkcia {
    font-size: 20px;
}

/*------NewPreim-----*/

.mobileNadPreim {
    display: none;
}

.subNadPreimOne {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
    margin-bottom: 20px;
}

.itemNadOne:first-child {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.itemNadOne:first-child .subItemNadOne{
    background: #663200;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.itemNadOne:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.itemNadOne:last-child .subItemNadOne{
    background: #663200;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.itemNadOne:first-child .subItemNadOne .subNadTwo {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-align: center;
}



.itemNadOne:last-child .subItemNadOne{
    background: var(--one-color);
}

.itemNadOne:last-child .subItemNadOne .subNadTwo {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-align: center;
}

.subPreimOne {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
}

.itemPreimOne {
    position: relative;
}

.backgroundItem {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(360deg, #d16208ed 1%, #d162085e 54%, #d162085c 38%);
    width: 100%;
    height: 100%;
}

.subBackgroundItem {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 90%;
    color: white;
    gap: 10px;
    padding: 16px;
}

.itemPreimOne:nth-child(2) .subBackgroundItem.mob {
    display: none;
}

.itemPreimOne:nth-child(3) .subBackgroundItem.mob {
    display: none;
}

.itemPreimOne:nth-child(5) .subBackgroundItem.mob {
    display: none;
}

.itemPreimOne:nth-child(6) .subBackgroundItem.mob {
    display: none;
}

.itemPreimOne:nth-child(2) .subBackgroundItem {
    display: flex;
}

.itemPreimOne:nth-child(3) .subBackgroundItem {
    display: flex;
}

.itemPreimOne:nth-child(5) .subBackgroundItem {
    display: flex;
}

.itemPreimOne:nth-child(6) .subBackgroundItem {
    display: flex;
}




.itemPreimOne:nth-child(1) .backgroundItem  {
    background: linear-gradient(360deg, #835634 1%, #d162085e 54%, #d162085c 38%);
}

.itemPreimOne:nth-child(2) .backgroundItem  {
    background: linear-gradient(360deg, #835634 1%, #d162085e 54%, #d162085c 38%);
}

.itemPreimOne:nth-child(4) .backgroundItem  {
    background: linear-gradient(360deg, #835634 1%, #d162085e 54%, #d162085c 38%);
}

.itemPreimOne:nth-child(1) .backgroundItem .subBackgroundItem {
    height: 75%;
}

.itemPreimOne:nth-child(2) .backgroundItem .subBackgroundItem {
    height: 82%;
}


.itemPreimOne:nth-child(3) .backgroundItem .subBackgroundItem {
    height: 91%;
}


.itemPreimOne:nth-child(4) .backgroundItem .subBackgroundItem {
    height: 67%;
}


.itemPreimOne:nth-child(5) .backgroundItem .subBackgroundItem {
    height: 78%;
}


.itemPreimOne:nth-child(6) .backgroundItem .subBackgroundItem {
    height: 84%;
}



.infoPreimOne {
    font-size: 21px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.textPreimOne {
    font-size: 15px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.itemPreimOne img {
    max-width: 100%;
}

/*------Calculator-----*/
.calculator {
    padding: 10px;
    background: #efebe8;
}

.subCalculator {
    margin: 0 auto;
    width: 1200px;
}

.pemCalculator {
    margin-top: 30px;
}

.boxCalculator {
    position: relative;
    width: 65%;
    margin: 0 auto;
    padding: 30px;
    overflow: hidden;
    border: 1px solid #663200;
    border-radius: 6px;
    margin-top: 30px;
    box-shadow: #4c4944 0 0 6px 6px;
    margin-bottom: 30px;
    background-image: linear-gradient(90deg, #dd6221 50%, transparent 50%), linear-gradient(90deg, #dd6221 50%, transparent 50%), linear-gradient(0, #dd6221 50%, transparent 50%), linear-gradient(0, #dd6221 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 8px 3px, 8px 3px, 3px 8px, 3px 8px;
    animation: running-contour 0.5s linear infinite;
}

@keyframes running-contour {
    from {
        background-position: 0 0, 8px 100%, 0 8px, 100% 0;
    }
    to {
        background-position: 8px 0, 0 100%, 0 0, 100% 8px;
    }
}


.spaceBarCalculator {
    display: flex;
    font-size: 25px;
    gap: 50px;
    text-align: center;
    place-content: center;
    justify-content: space-between;
}

.itemsQuestCalculator {
    display: none;
    transition: transform .6s ease-in-out;
    transform: translateY(-1000px);
}

.itemSpaceCalculator {
    background: #dfdfd2;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-family: fantasy;
    place-content: center;
    display: grid;
    color: beige;
    transition: transform .6s ease-in-out;
}


.questCalculator {
    text-align: center;
    padding: 10px;
    margin: 10px 0 10px 0;
    font-size: 20px;
    font-family: monospace;
}


.homeForItemsCalculator {
    display: grid;
    gap: 10px;
}

.homeForItemCalculator {
    padding: 1px;
    font-size: 16px;
    border: 2px solid #c76e29;
    text-align: center;
    border-radius: 6px;
    color: black;
    background: white;
    font-weight: 600;
    cursor: pointer;
    transition: transform .6s ease-in-out;
}

.homeForItemCalculator.imgCalc {
    width: 220px;
    margin: 0 auto;
}

.forCalImg {
    position: relative;
}

.nameCalcImg {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #141616a6;
    color: white;
}

.homeForItemCalculator p {
    font-size: 13px;
    margin-top: 0;
}

.homeForItemCalculator.back-cal {
    background: #836a6a;
}

.homeForItemCalculator img {
    width: 220px;
}

.sumCalculator {
    padding: 5px;
    display: flex;
    gap: 10px;
    margin-top: 20px;
    font-size: 19px;
    font-weight: 800;
    color: brown;

}

.itemForFormCalculator {
    margin: 0 auto;
    margin-bottom: 20px;
}

#goCal {
    border: navajowhite;
    font-size: 20px;
    background: var(--one-color);
    padding: 7px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    /* animation: 2s linear infinite formIndex; */
    transition: all .3s;
    box-shadow: #402510 0 0 4px 2px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#goCal:active {
    box-shadow: inset #483c3c 0 0 7px 5px;
}

.finalSumCalculator {
    color: green;
    text-decoration: underline;
    font-size: 19px;
}

.finalTextCalculator {
    font-size: 18px;
    padding: 75px 30px 60px 30px;
    text-align: center;
    margin: 20px 0px 15px 0px;
    color: forestgreen;
    font-weight: 700;
    border: 2px solid;
    border-radius: 6px;
}


/*------Dogovor-----*/

.dogovor {
    padding-top: 100px;
    background: var(--color-input);
}

.contentForm {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
}


.inputForForm {
    position: relative;
    display: grid;
    gap: 35px;
    align-self: center;
}

.inputField {
    border-bottom: 2px solid var(--one-color);
    position: relative;
}

.errInd.hideErr {
    opacity: 0;
    visibility: hidden;
    transform: scale(3.5) rotateX(1turn);
}

.errInd {
    position: absolute;
    top: -45px;
    left: 211px;
    background: #fbc8b4;
    padding: 6px;
    width: 300px;
    transition: all .5s;
}

.errInd::before {
    content: '';
    position: absolute;
    border: 10px solid #efebe8;
    border-top: 20px solid #fbc8b4;
    top: 33px;
    left: 11px;
}

.subErrInd {
    color: red;
}




.subItemField {
    display: flex;
    gap: 10px;
}

.itemtel:nth-child(2) {
    width: 100%;
}

.inputForm {
    font-size: 20px;
    border: none;
    font-family: Arial;
    outline: none;
    color: var(--section-color);
    width: 100%;
    background: var(--color-input);
}

.itemtel {
    align-self: center;
}

.itemtel img {
    width: 25px;
}

.forCheck {
    display: flex;
    gap: 10px;
    position: relative;
}

.itemcheck {
    align-self: center;
}

.itemcheck a {
    color: var(--one-color);
}

#downlodDogovor, #ipotekaGo {
    border: navajowhite;
    font-size: 20px;
    background: var(--one-color);
    padding: 7px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    /*animation: 2s linear infinite formIndex;*/
    transition: all .3s;
    box-shadow: #402510 0 0 4px 2px;
    position: relative;
    overflow:hidden;
    z-index:1;
}

#downlodDogovor::before, #ipotekaGo::before {
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    z-index: -1;
    background-color: white;
    top:0;
    left:0;
    transform: translateX(-100%);
    transition: all .7s;
}

#downlodDogovor:hover::before, #ipotekaGo:hover::before {
    transform: translateX(0);

}

#downlodDogovor:hover, #ipotekaGo:hover {
    border: 1px solid;
    color: var(--one-color);
}


#downlodDogovor:active, #ipotekaGo:active {
    box-shadow: inset #7c6f64 0 0 8px 13px;
}

@keyframes formIndex {
    0%{box-shadow: var(--one-color)  0 0 2px 3px; transition: all .5s;}
    10%{box-shadow: var(--one-color)  0 0 3px 4px; transition: all .5s;}
    20%{box-shadow: var(--one-color)  0 0 4px 5px; transition: all .5s;}
    30%{box-shadow: var(--one-color)  0 0 5px 6px; transition: all .5s;}
    40%{box-shadow: var(--one-color)  0 0 6px 7px; transition: all .5s;}
    50%{box-shadow: var(--one-color)  0 0 7px 8px;transition: all .5s;}
    60%{box-shadow: var(--one-color)  0 0 6px 7px; transition: all .5s;}
    70%{box-shadow: var(--one-color)  0 0 5px 6px; transition: all .5s;}
    80%{box-shadow: var(--one-color)  0 0 4px 5px; transition: all .5s;}
    90%{box-shadow: var(--one-color)  0 0 3px 4px; transition: all .5s;}
    100%{box-shadow: var(--one-color)  0 0 2px 3px; transition: all .5s;}

}

.imgForForm img {
    width: 500px;
    transition: all .6s;
}

/*------DopUsl-----*/

.dopUs {
    background: var(--background-color);
    padding-top: 100px;
    padding-bottom: 100px;
}

.contentDop {
    padding-top: 100px;
    width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 15px;
}

.itemDopContent {
    background: var(--one-color);
    position: relative;
    width: 100%;
    transition: all .6s
}

.itemDopContent:nth-child(4) {
    background: unset;
}

.itemDopContent:nth-child(7) {
    background: unset;
}

.dopDay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 28px;
    color: white;
    font-size: 16px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.05;
    font-weight: 600;
    border-color: transparent;
    border-style: solid;
}

.nameDop {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 27px;
    color: #ffffff;
    font-size: 19px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.21;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.textDop {
    position: absolute;
    bottom: -10px;
    left: 0;
    padding: 28px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Avenir', Arial, sans-serif;
    line-height: 1.21;
    font-weight: 600;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}



.itemDopContent img{
    max-width: 100%
}

.addDop {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}


.subItemAddDop {
    width: 50px;
    height: 50px;
    background: var(--one-color);
    display: grid;
    border-radius: 28px;
    cursor: pointer;
    margin-bottom: 20px;
}

.subItemAddDop i {
    color: white;
    text-align: center;
    align-self: center;
    font-size: 19px;
}

.itemAddDop {
    color: var(--one-color);
    font-size: 18px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.43;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.subClockDop {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.subClockDop i {
    font-size: 50px;
    color: var(--one-color);
    animation: 5s linear infinite cube;
    transition: all .6s;
    width: 48px;
}

@keyframes cube {

    0% {transform: rotate(1turn)}
    10% { }
    20%{ }
    30% { }
    40%{ }
    50% { transform: rotate(-1turn)}
    60%{ }
    70% { }
    80%{ }
    90%{ }
    100%{ }

}


/*------ipoteka-----*/
.ipoteka {
    padding-top: 100px;
    background: var(--color-input);
}

/*-----coruselLogo-------*/

.contentLogo {
    width: 60%;
    margin: 0 auto;
    padding-top: 60px;
}

.contentLogo2  {
    display: none;
}

.subLogoCor {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(259px, 1fr));
}



.itemLogo {
    text-align: center;
}

.itemLogo img {
    width: 230px;
}



/*------Vibirat------*/

.vibirat {
    background: var(--background-color);
    padding-top: 100px;
    padding-bottom: 100px;
}

.podVib {
    margin: 0 auto;
    width: 1200px;

}

.podVib .titleVib {
    margin-right: 40px;
}

.subVibiratMobile {
    display: none;
}

.subVibirat {
    display: grid;
    padding-top: 80px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    text-align: end;
}

.itemWat {
    display: grid;
    gap: 40px;
}

.subItemWat {
    display: flex;
    gap: 17px;
}

.itemWatOne {
    width: 215px;
    text-align: end;
}

.itemWatOne-1 {
    font-size: 25px;
    line-height: 1.35;
    font-family: system-ui;
}

.itemWatOne-2 {
    font-size: 16px;
    line-height: 1.55;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 300;
    padding-top: 10px;
}




.titleVib {
    color: var(--two-color);
    font-size: 64px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -4px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-align: center;
}


.itemWatTwo img {
    width: 50px;
}

.openDopVib {
    display: none;
}

.tabMore {
    display: none;
}

.constructWat {
    text-align: center;
    width: 85%;
    margin-bottom: 150px;


}

.constructWat img {
    width: 100%;


}

.itemWat:nth-child(2) .subItemWatInv:nth-child(1) {
    height:250px
}


.subItemWatInv {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.itemWatNew {
    display: flex;
    gap: 10px;
}


.itemWatOneInv {
    display: flex;
    justify-content: normal;
    gap: 12px;
}


.itemWatOne-1-Inv {
    font-size: 24px;
    line-height: 1.35;
    font-family: system-ui;
    align-self: center;

}

.itemWatOne-2-Inv {
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 300;
    padding-top: 10px;
    text-align: left;
}
.itemWatOne-3-Inv {

}


/*----------Partner-----------*/

.partner {
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0;
    background: white;
    box-sizing: border-box;
    font-family: "Curlz MT"
}

.subPartner {
    margin: 0 auto;
    width: 1200px;

}

.wrapper {
    margin: 0 auto;
    width: 776px;
    position: relative;
}

.carousel {
    overflow: hidden;
    scroll-behavior: smooth;
}


.wrapper i {
    top: 50%;
    position: absolute;
    height: 34px;
    width: 34px;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    line-height: 34px;
    background: #646262;
    border-radius: 50%;
    color: white;
    transform: translateY(-50%);
}

.wrapper i:first-child {
    left: -36px;
}

.wrapper i:last-child {
    right: -36px;
}

.carousel {
    display: flex;
    cursor: grab;
    scroll-behavior: smooth;
}

.card-image {
    object-fit: cover;
    margin-left: 14px;
    padding: 10px;
    border: 1px solid #000;
}

.card-image:first-child {
    margin-left: 0;
}


.card-image img {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}



/*----------FAQ-----------*/

.contentFAQ {
    padding-top: 100px;
}


.FAQ {
    padding-top: 100px;
    padding-bottom: 100px;
    background: var(--section-color);

}

.subFAQ {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;

}

.itemsFAQ {
    display: grid;
    padding: 10px;
}

.itemFaq:nth-child(1) {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px;
}

.itemFaq:nth-child(n+2) {
    border-bottom: 1px solid #fff;
    padding: 8px;
}


.itemFaq:nth-child(7) {
    border-bottom: 1px solid #fff;
    padding: 8px;
}

.subItemFAQ {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.question {
    color: white;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    font-family: 'Arial';
    cursor: pointer;
}

.faQuestion {
    align-self: center;
    transition: all .5s;
}

.faQuestion i {
    font-size: 20px;
    color: white;
    cursor: pointer;
}

.answer {
    display: none;
    padding: 10px;
    font-size: 18px;
    color: white;
}


/*-----GetProj-----*/


.itemGetProj {
    width: 100%;
    height: 400px;
    background: #68461a70;
    display: grid;
    padding-top: 40px;
    padding-bottom: 70px;
    position: relative;
}

.itemGetProj.projectsOne {
    height: unset;
}




.itemGetProj i {
    font-size: 30px;
    color: white;
    align-self: center;
    position: absolute;
    top: 45%;
    left: 49.6%;
    cursor: pointer;
}




/*------Footer-----*/


.upScroll {
    position: fixed;
    right: 36px;
    bottom: 9px;
    transition: all 1s;
}

.subUpScroll {
    border: 6px solid #8d603c;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background: white;
    box-shadow: antiquewhite 0 0 5px 4px;
    cursor: pointer;
}

.subUpScroll i {
    display: grid;
    place-content: center;
    font-size: 33px;
    color: var(--one-color);
}

.footerFull {
    background: var(--section-color);
    display: inline-block;
    width: 100%;
}


.subFooter {
    padding-top: 100px;
    padding-bottom: 30px;
}


.itemsFooter {
    margin: 0 auto;
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 10px;
}



.itemFooter-1 {
    display: grid;
    gap: 20px;
}

.lineFirstFooterOne {
    padding: 7px;
}

.lineFirstFooterOne img {
    width: 250px;
}

.lineFirstFooterTwo {
    font-weight: 700;
    font-size: 18px;
    color: white;
    border-bottom: 1px solid;
    padding: 7px;
}

.lineFirstFooterThree {
    color: white;
    border-bottom: 1px solid;
    padding: 0px;
    margin-top: 20px;
}


.itemFooter-2 {
    margin: 0 auto;
}

.lineSecondFooterOne {
    margin-top: 30px;
    background: white;
    padding: 4px;
    border-radius: 6px;
    border: 2px solid var(--one-color);
}

.lineSecondFooterOne a {
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    color: var(--one-color);
}

.lineSecondFooterTwo {
    padding-top: 20px;
}

.lineSecondFooterTwo a {
    text-decoration: none;
    color: white;
    font-size: 20px;
}


.lineThreeFooterOne {
    padding-top: 36px;
    color: white;
    font-size: 18px;
}

.lineThreeFooterTwo {
    padding-top: 21px;
    color: white;
    font-size: 18px;
    /*border-bottom: 1px solid;*/
}

.itemFooter-4 {
    padding-top: 12px;
    font-size: 20px;
    font-weight: 900;

}

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


.copyrightContentFooter {
    padding-top: 30px;
    text-align: center;
    font-size: 18px;
    color: white;
}

.subSocItemFooter {
    display: flex;
    gap: 15px;
    padding: 0;
}

.subSocItemFooter a i {
    color: white;
    font-size: 40px;
}

.forSocNetwork {
    border-bottom: 1px solid white;
    padding: 2px;
    margin: 0 auto;
}

.titleNetwork {
    font-size: 19px;
    color: white;
}

.itemsNetwork {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}


.itemNetwork:nth-child(3) {
    display: grid;
    place-content: center;
    margin-left: 3px;
}

.itemNetwork a img {
    transition: all .6s;
}

.itemNetwork a img:hover {
    transform: scale(1.1);
}

.youtubes {
    width: 75px;
}

.telgram {
    width: 35px;
}

.instagram {
    width: 40px;
    margin-bottom: 10px;
}

.tens {
    width: 100px;
    padding-top: 10px;

}


/*-----ShowCase---*/


.contentShowcase {

}

.premShowcase {
    background: white;
}

.subShowcase {
    width: 100%;
    height: 200px;
    background: white;
}

.prezent {
    font-size: 18px;
    color: white;
    background: #d16208;
    text-decoration: none;
    padding: 8px;
    border-radius: 6px;
}

.subName {
    text-align: center;
    color: var(--section-color);
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nadTitle {
    margin-top: 40px;
}

.nameShowcase {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    padding-top: 50px;
    padding-bottom: 30px;
    gap: 20px;
}

.nameShowcase-1 {
    color: var(--two-color);
    font-size: 64px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -4px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.nameShowcase-2 {
    width: 400px;
    height: 4px;
    background: var(--two-color);
    align-self: center;
}

.changeShowcase {
    display: grid;
    width: 1200px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    height: auto;
    gap: 14px;
    padding-top: 30px;
}

.itemChangeShowcase {
    text-align: center;
    background: #e6e6e6;
    padding: 8px;
}

.itemChangeShowcase:hover {
    background: var(--one-color);
}


.changeShowcase a {
    text-decoration: none;
    color: #161515;
}

.changeShowcase a:hover {
    color: white;
}

.Showcase {
    margin: 0 auto;
    width: 1200px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    column-gap: 40px;
    row-gap: 50px;
}


.Showcase.projectsOne {
    padding: 40px;
    background: white;
}

.itemShowcase a {
    display: grid;
    gap: 10px;
    text-decoration: none;
}

.imgShowcase img {
    max-width: 100%;
}

.nameProjectsShowcase {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--one-color);
    font-family: system-ui;
}

.subNameProjectsShowcase {
    color: #746e6e;
    font-family: fangsong;
}

.saleShowcase {
    font-size: 20px;
    color: #545151;
    font-weight: 800;
}


/*-----OneProject-----*/

.premOneProject {
    background: white;

}

.subContentOneProject {
    margin: 0 auto;
    width: 1200px;
    padding-top: 240px;
    padding-bottom: 100px;
}


.subForProjectSlider {
    display: flex;
    gap: 30px;
}

.imgProjectSlide {
    width: 66%;
}


.boxProjectSlide {
    overflow: hidden;
    cursor: -webkit-zoom-in;
    box-shadow: #8f460b 0 0 5px 4px;
}

.oneItemsImgProjectSlide {
    display: flex;
}

.oneItemImgProjectSlide  {

}


.oneItemImgProjectSlide img {

}

.itemsProjectSlide {
    display: flex;
    gap: 24px;
    padding-top: 20px;
}

.itemProjectSlide {
    cursor: pointer;
    box-shadow: var(--section-color) 0 0 7px 5px;
    transition: all .5s;
    
}

.itemProjectSlide img {
    width: 180px;
}

.infoProjectSlide {
    display: grid;
    height: 250px;
}

.nameProjectItem {
    font-size: 30px;
    font-weight: bold;
    font-family: sans-serif;
    color: var(--one-color);
}

.nameProjectItem.aframe {
    font-size: 24px !important;
}


.saleProjectItem {
    font-size: 22px;
    font-weight: 900;
}

.applicationProject {
    background: var(--one-color);
    width: 200px;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: #402b09 0 0 5px 2px;
}

.applicationProject:hover {
    background: #786f67;
}

.applicationProject:active {
    box-shadow: inset #5a3c0b 0 0 5px 5px;
}



.infoProjectItem {
    font-family: system-ui;
}

.timeProjectItem {
    font-family: system-ui;
}

.buttsChange {
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));
}

.butLink {
    border-bottom: 1px solid #eeeeee;
    transition: all .5s;
}

.subButLink {
    width: 100%;
    padding: 0 10px;
    padding-bottom: 18px;
    box-sizing: border-box;
    color: #777;
    background-color: transparent;
    border: none;
    transition: font-weight, color 0.3s ease;
    text-align: inherit;
    cursor: pointer;
    font-size: 18px;
}

.itemForProjectInfo {
    transition: all 1s;
}

.aboutProject {
    display: grid;
    grid-template-columns: 55% 42%;
    gap: 25px;
}

.imgAbout img {
    max-width: 100%;
}

.aboutText {
    font-size: 18px;
    line-height: 1.55;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 300;
    color: #464343;
}


.planProject {
    position: relative;
    display: grid;
}

.buttForPlanProjectLeft {
    position: absolute;
    height: 100%;
    display: grid;
}

.subButtForPlanProject {
    align-self: center;
}

#planLeft, #planRight {
    cursor: pointer;
    font-size: 30px;
    border: none;
    border-radius: 45px;
    color: #787877;
    background: #e8e8e8;
    width: 36px;
}

.buttForPlanProjectRight {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: grid;
}


.itemPlanProject {
    margin: 0 auto;
    width: 60%;
    transition: all .5s;
}

.itemPlanProject img {
    max-width: 100%;
}




.sizesTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 80%;
}


.sizesTable td {
    border-width: 1px 0px;
    vertical-align: top;
    border-color: #d9d9d9;
    color: #4d4c4c;
    font-size: 22px;
    padding: 20px;
}

.sizesTable tbody tr:nth-child(2n) {
    border-width: 1px 0px;
    vertical-align: top;
    border-color: #d9d9d9;
    color: #4d4c4c;
    background: #eeeeee;
}

.imgItemKeyProject img {
    width: 40px;
}


.forKeyProject {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    row-gap: 50px;
    column-gap: 40px;
    color: #747474;
}

.subItemKeyProject {
    display: flex;
    gap: 10px;
}

.nameItemKeyProject {
    align-self: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.35;
}

.textItemKeyProject {
    padding-top: 15px;
    font-size: 19px;
    line-height: 1.55;
}

.otherProjects {
    background: white;
}

.otherProjects.projectsOne {
    background: unset;
}



/*----Table---ProJ-----*/

.nameTableComp {
    margin: 0 auto;
    width: 300px;
    font-size: 20px;
    margin-top: 30px;
    padding: 4px;
    border: 2px solid var(--one-color);
    text-align: center;
    border-radius: 6px;
    background: aliceblue;
}

.podTableComp {
    margin: 0 auto;

    font-size: 17px;
    margin-top: 10px;
    text-align: center;
}

.tableProj {
    margin: 0 auto;
    border-collapse: collapse;
    text-align: center;
    margin-top: 10px;
    width: 70%;
}

.tableProj tbody tr th {
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border: 2px solid #777777;
    background: var(--one-color);
}

.tableProj tbody tr td {
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border: 2px solid #777777;
}

.tableProj tbody tr:nth-child(5) td {
    border-bottom: 2px solid var(--one-color);

}

.tableProj tbody tr:nth-child(6) td {
    border: 2px solid var(--one-color);
    color: var(--one-color);
    font-weight: 900;
}


/*----SliderProjectFull------*/

.slideWindowFull {}


.slideWindowFull.showSliderProject .overlayWindowFull,
.slideWindowFull.showSliderProject .pemWindowFull,
.slideWindowFull.showSliderProject .windowFull {
    z-index: 100;
    opacity: 1;
}


.slideWindowFull.closeSliderProject .overlayWindowFull,
.slideWindowFull.closeSliderProject .pemWindowFull,
.slideWindowFull.closeSliderProject .windowFull {
    z-index: 100;
    opacity: 1;
}


.overlayWindowFull {
    transition: visibility 1s ,opacity 1s;
}



.slideWindowFull.closeSliderProject .overlayWindowFull {
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s ,opacity 1s,1s;
}


.overlayWindowFull {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000f0;
    z-index: 100;
}

.pemWindowFull {
    position: relative;
}

.windowFull {
    width: 75%;
    padding-top: 80px;
    margin: 0 auto;
    overflow: hidden;
}

.sliderTrackFull {
    display: flex;
}



.overlayWindowFull, .pemWindowFull .windowFull {
    z-index: -1;
    opacity: 0;
}


/*-----ContentPage------*/

.contentPage {
    padding-top: 110px;
    background: white;
}

.pemContentPage {
    padding-top: 60px;
    position: relative;
}

.subPemContentPage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: grid;
}

.FirstInfoForContact {
    display: grid;
    place-content: center;
}



.infoForContact {
    align-self: center;
    background: white;
    color: var(--section-color);
    display: grid;
    gap: 15px;
    margin: 0 auto;
    font-size: 20px;
    padding: 39px;
    border-radius: 6px;
    margin-top: 50px;
    border: 5px solid;
}

.itemForContact:nth-child(1),.itemForContact:nth-child(2) {
    border-bottom: 1px solid;
}

.itemForContact:nth-child(3),.itemForContact:nth-child(4)  {
   text-align: center;
}

.itemForContact:nth-child(3) a,.itemForContact:nth-child(4) a {
    text-decoration: none;
    color: var(--section-color);

}


/*-----Opros------*/

.contentOpros {
    background: #decec3;
    padding-top: 80px;
    padding-bottom: 80px;
}

.subContentOpros {
    width: 1200px;
    margin: 0 auto;
}

.pemContentOpros {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.itemInfoOpros {
    align-self: center;
    display: grid;
    gap: 25px;
}


.itemImgOpros img {
    animation: 2s linear infinite surpriz;
    transition: all .4s;
}



@keyframes surpriz {
    0%{transform: rotate(0deg)}
    5%{transform: rotate(0deg)}
    10%{transform: rotate(0deg)}
    15%{transform: rotate(0deg)}
    20%{transform: rotate(0deg)}
    25%{transform: rotate(0deg)}
    30%{transform: rotate(0deg)}
    35%{transform: rotate(0deg)}
    40%{transform: rotate(5deg)}
    45%{transform: rotate(-5deg)}
    50%{transform: rotate(5deg)}
    55%{transform: rotate(-5deg)}
    60%{transform: rotate(5deg)}
    65%{transform: rotate(-5deg)}
    70%{transform: rotate(0deg)}
    75%{transform: rotate(0deg)}
    80%{transform: rotate(0deg)}
    85%{transform: rotate(0deg)}
    90%{transform: rotate(0deg)}
    95%{transform: rotate(0deg)}
    100%{transform: rotate(0deg) }

}

/*.itemImgOpros img:hover {*/
/*    transform: scale(1.2);*/
/*    animation: paused;*/
/*}*/

.subItemTitleOpros {
    font-weight: 700;
    font-family: system-ui;
    font-size: 23px;
    color: var(--one-color);
}


.subItemInfoOpros {
    font-size: 24px;
    width: 400px;
    color: #6c6c6c;
}


.GoOpros {
    -webkit-border-radius: 5px;
    background: var(--one-color);
    width: 220px;
    text-align: center;
    color: white;
    padding: 11px;
    font-weight: 800;
    font-size: 17px;
    cursor: pointer;
}

.GoOpros:hover {
    background: #3f4646;
}



/*-----ModalOpros------*/

.modalOpros {}

.modalOpros.showOpros .overlayOpros,
.modalOpros.showOpros .windowOpros {
    opacity: 1;
    z-index: 150;
}

.modalOpros.hideOpros .overlayOpros,
.modalOpros.hideOpros .windowOpros {
    opacity: 1;
    z-index: 50;
}


.overlayOpros {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #161515ba;
    transition: all .6s;
}

.modalOpros.showOpros .overlayOpros {
    transition: visibility 1s , opacity 1s;
}

.modalOpros.hideOpros .overlayOpros {
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s , opacity 1s, 1s;
}

.modalOpros.showOpros .windowOpros {
    transform: translateY(0) scale(1);
}


.windowOpros {
    position: relative;
    width: 800px;
    margin: 0 auto;
    background: white;
    height: 500px;
    margin-top: 0px;
    overflow: hidden;
    transition: transform .6s ease-in-out;
    box-shadow: #cf6426 0 0 4px 2px;
    border-radius: 6px;
}


.closeOpros i {
    float: right;
    font-size: 40px;
    padding: 30px;
    color: white;
    cursor: pointer;
}


.headerOpros {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    background: #ececec;
}

.itemHeaderOpros:first-child {
    color: #828082;
    font-size: 18px;

}

.itemHeaderOpros:last-child {
    align-self: center;
    font-size: 20px;
    font-weight: 800;
    font-family: monospace;
}

.barQuest {
    width: 100%;
    height: 5px;
    background: #cbcbcb;
    position: relative;
    overflow: hidden;
}

.subBarQuest {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--one-color);
    transition: all .5s;
    transform: translateX(-100%);
}





.overlayOpros, .windowOpros {
    opacity: 1;
    z-index: 11;
}


.nameQuestion {
    text-align: center;
    font-size: 24px;
}

.subQuestionField {
    height: 100%;
    display: grid;
    margin-top: 14px;
}

.pemQuestionField-1 {
    display: grid;
    height: 100px;
    gap: 50px;
    transition: all .7s;
}


.pemQuestionField-2,.pemQuestionField-3,.pemQuestionField-4,.pemQuestionField-5 {
    display: grid;
    height: 100px;
    gap: 50px;
    z-index: -1;
    opacity: 0;
    transition: all .7s;
}





.itemsQuestion-1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    margin: 0 auto;
    text-align: center;
    gap: 20px;
    padding: 10px;
}

.itemQuestion-1 {
    cursor: pointer;
    border: 3px solid #b35b15;
    position: relative;
    border-radius: 10px;
    transition: all .6s;
}


.itemQuestion-1 img:hover,.itemQuestion-2 img:hover,.itemQuestion-3 img:hover,.itemQuestion-4 img:hover,.itemQuestion-5 img:hover {
    transform: scale(1.1);
    box-shadow: #b78f88a6 0 0 4px 6px;
    z-index: 10;
    border: 2px solid var(--one-color);
    border-radius: 14px;
}

/*matrix3d(1, 0, 1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);*/


.itemsQuestion-2,.itemsQuestion-3,.itemsQuestion-4,.itemsQuestion-5 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    margin: 0 auto;
    text-align: center;
    gap: 20px;
    padding: 10px;

}


.itemQuestion-2,.itemQuestion-3,.itemQuestion-4,.itemQuestion-5 {
    cursor: pointer;
    border: 2px solid #b35b15;
    position: relative;
    border-radius: 10px;
    transition: all .6s;
}


.textQuestion {
    font-size: 16px;
    background:#875730;
    color: white;
    width: 100%;
    border-radius: 0 0 7px 7px;
}

.subQuestionField img {
    width:100%;
    border-radius: 7px 7px 0 0;
    transition: transform .5s  ease-in;

}

.backQuest {
    margin: 0 auto;
    width: 200px;
    text-align: center;
    background: var(--one-color);
    border-radius: 12px;
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
    color: white;
    cursor: pointer;
    transition: all .6s;
}

.formOutOpros {
    z-index: -1;
    opacity: 0;
    transition: all .7s;
}


.okChange {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 42px;
    background: var(--one-color);
    border-radius: 50%;
}

.okChange i {
    color: white;
}


.finalOprosText {
    text-align: center;
    font-size: 21px;
}

.subFormOutOpros {
    display: grid;
    gap: 20px;
    margin: 0 auto;
    width: 400px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.itemFormOpros:nth-child(1),.itemFormOpros:nth-child(2) {
    border-bottom: 2px solid var(--one-color);
}

.itemFormOpros:nth-child(3) {
    min-height: 20px;
}

.itemFormOpros:nth-child(3),.itemFormOpros:nth-child(4) {
    border: none;
    text-align: center;
}

.formOutInput {
    border: none;
    font-size: 20px;
    outline: none;
    color: var(--two-color);
    width: 100%;
}


.goOutOpros {
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: var(--one-color);
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    box-shadow:  #232526 0 0 7px 3px;
}

.goOutOpros:active {
    box-shadow:inset #232526 0 0 7px 3px;
}

#back5 {
    background: #767676;
}


.endOpros {
    z-index: -1;
    opacity: 0;
    transition: all .6s;
    padding-top: 100px;
}

.subEndOpros {
    text-align: center;
    font-size: 20px;
    background: #3caf3c;
    width: 70%;
    color: white;
    padding: 23px;
    margin: 0 auto;
}

.itemEndOpros:nth-child(1) {
    font-size: 40px;
}

.itemEndOpros .fa-plane-circle-check {
    transition: all .8s;
}


/*-----Specifikacia---*/


.specifikacia {
    background: white;
}

.subSpecifikacia {
    background: white;
    width: 1200px;
    margin: 0 auto;
    padding: 40px;
}

.subLineForSpec {
    border-top: 1px solid #d16208;
}

.subItemSpec {
    display: flex;
    justify-content: space-between;
    cursor: pointer;

    padding: 15px;
}

.subLineForSpec:last-child {
    border-bottom: 1px solid #d16208;
}

.faSpec {
    transition: all .5s;
    transform: rotate(45deg);
    font-size: 23px;
    color: #d16208;
}

.faSpec i:hover {

}

.nameSpec {
    font-size: 19px;
    color: #878181;
}

.infoSpec {
    display: none;
    padding: 16px;
}

.infoSpec ul li {
    list-style-type: disclosure-closed;
}


/*-------CallBack-------*/


.modalCallBack {}

.modalCallBack.showCallBack .overlayCallBack,
.modalCallBack.showCallBack .windowCallBack {
    z-index: 300;
    opacity: 1;
}


.modalCallBack.hideCallBack .overlayCallBack,
.modalCallBack.hideCallBack .windowCallBack {
    z-index: 300;
    opacity: 1;
}


.overlayCallBack {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #161515d6;
    transition: all .6s;
}


.modalCallBack.showCallBack .overlayCallBack {
    transition: visibility 1s, opacity 1s;
}


.modalCallBack.hideCallBack .overlayCallBack {
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s , opacity 1s, 1s;
}

.windowCallBack {
    width: 600px;
    background: var(--section-color);
    margin: 0 auto;
    margin-top: 180px;
    transition: transform .6s ease-in-out;
    position: relative;
}


.headerCallBack {
    padding: 30px;
    display: flex;
    justify-content: space-around;
    font-size: 20px;
    color: white;
    font-weight: 800;
}

.headerCallBack span:last-child {
    cursor: pointer;
    align-self: center;
}

.bodyCallBack {
    display: grid;
    gap: 40px;
    padding: 35px;
}

.itemTextCalBack {
    color: white;
    text-align: center;
    font-size: 18px;
}

.itemInputCalBack {
    border-bottom: 1px solid white;
    padding-top: 8px;
}

.InputCallBack {
    background: var(--section-color);
    border: none;
    outline: none;
    width: 100%;
    font-size: 20px;
    color: white;
}

.InputCallBack::placeholder {
    color:#d3c4b8;
}


.outOrdBut {
    text-align: center;
    color: white;
    background: var(--three-color);
    font-size: 20px;
    font-weight: 700;
    padding: 12px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: #786236 0 0 3px 6px;
}

.outOrdBut:active {
    box-shadow: inset #584f3c 0 0 14px 11px;
}

.outOrdBut::before {
    content: '';
    position: absolute;
    background: #ffffffa3;
    width: 78px;
    height: 12px;
    transform: rotate(129deg);
    left: -50px;
    bottom: 20px;
    transition: all .3s;
    animation: 1s linear infinite polos;

}

@keyframes polos {

    0%{left: 550px;background:unset }
    10%{}
    20%{}
    30%{}
    40%{}
    50%{}
    60%{}
    70%{}
    80%{}
    90%{}
    100%{}


}


.footerCallBack {
    padding: 24px;
    margin-top: -21px;
}


.itemErrorMsgCallBack {
    text-align: center;
    color: red;
    font-weight: 700;
    min-height: 20px;
}

.overlayCallBack, .windowCallBack {
    z-index: -1;
    opacity: 0;
}




/*------END--FORM-----*/
.EndModal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: grid;
    place-content: center;
    transition: all .6s;
    opacity: 0;
    z-index: -1;
}

.EndModalBody {
    background: white;
    padding: 10px;
    color: green;
    font-size: 19px;
    border: 4px solid green;
    border-radius: 5px;
}

.smsCheck {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: grid;
    place-content: center;
    transition: all .6s;
    opacity: 1;
    z-index: 1;
    background: #18181866;
}

.smsCheckBody {
    text-align: center;
    background: white;
    padding: 10px;
    color: green;
    font-size: 19px;
    border: 4px solid green;
    border-radius: 5px;
    display: grid;
    gap: 10px;
}

.smsCheckBody input {
    outline: none;
    font-size: 18px;
    line-height: 1.4em;
    border-color: beige;
}




    /*----Personal-Dta---*/

.personalData {
    background: white;
}


.subPersonalData {
    padding-top: 150px;
    padding-bottom: 100px;
    margin: 0 auto;
    width: 1200px;
}

.subPersonalData h3 {
    text-align: center;
    padding-bottom: 30px;
}

/*----OrderBay---*/

.modalOrder {}

.modalOrder.showOrder .modalOrderOverlay,
.modalOrder.showOrder .modalOrderWindow {
    z-index: 100;
    opacity: 1;
}

.modalOrder.hideOrder .modalOrderOverlay,
.modalOrder.hideOrder .modalOrderWindow {
    z-index: 100;
    opacity: 1;
}



.modalOrder.showOrder .modalOrderOverlay {
    transition: visibility 1s, opacity 1s;
}


.modalOrder.hideOrder .modalOrderOverlay {
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s , opacity 1s, 1s;
}




.modalOrderOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #161515db;
    transition: all .6s;
}

.modalOrderWindow {
    margin: 0 auto;
    width: 600px;
    background: var(--section-color);
    margin-top: 180px;
    transition: transform .5s ease-in-out;
    transform: scale(0.1);
}

.modalOrder.showOrder .modalOrderWindow {
    transform: scale(1);
}

.modalOrderHeader {
    padding: 15px;
    font-size: 18px;
    color: white;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
}

.modalOrderHeader span:last-child {
    cursor: pointer;
}

.modalOrderBody {
    padding: 40px;
}


.subItemOrder {
    display: grid;
    gap: 20px;
    padding-top: 20px;
}

.itemLineOrderInput {
    border-bottom: 1px solid white;
    padding-top: 8px;
}

.itemLineOrderMsg {
    min-height: 25px;
}

.OrderInput {
    background: var(--section-color);
    border: none;
    outline: none;
    width: 100%;
    font-size: 20px;
    color: white;
}


#GoOrder {
    text-align: center;
    color: white;
    background: var(--three-color);
    font-size: 20px;
    font-weight: 700;
    padding: 12px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: #786236 0 0 3px 6px;
    width: 100%;
}


.OrderInput::placeholder {
    color:#d3c4b8;
}



.modalOrderOverlay, .modalOrderWindow {
    z-index: -1;
    opacity: 0;
}








.BoxVideo {
    margin: 0 auto;
}
.BoxVideo video {
    max-width: 40%;
    border: 2px solid var(--one-color);
    border-radius: 10px;
    box-shadow: #4e290b 0 0 11px 7px;

}



/*-----AkCIA-MOD------*/


.akcia {
    position: fixed;
    left: 5px;
    bottom: 5px;
    transition: all .7s;
    transform: translateX(-500px);
}


.akcia.open {
    transform: translateX(0px);
}



.subAkcia {
    width: 400px;
    background: white;
    border: 3px solid #221f1d;
    box-shadow: #201d1b 0 0 5px 3px;
    display: grid;
    gap: 7px;
    text-align: center;
    padding: 10px;
    position: relative;
    height: 230px;
}

.infoAkcia {
    line-height: 1.2em;
    font-family: fantasy;
    color: #663200;
    font-weight: 700;
}

.subInfoAkcia {
    color: #683403;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 30px;
}
.subInfoAkciaDown {
    color: #683403;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}

.closeAkcia {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #191a1a6b;
    opacity: 1;
    z-index: 1000;
}



.pemAkcia img {
    width: 300px;
    border: 3px solid #6c320a;
    box-shadow: #6c320a 0 0 5px 5px;
}

.timeAkcia {
    font-size: 18px;
    font-family: 'Font Awesome 5 Brands';
    color: #6c320a;
    font-weight: 800;
}


.closeAkci {
    position: absolute;
    top: -2px;
    right: -6px;
    cursor: pointer;
}

.closeAkci i {
    font-size: 30px;
    color: #2a2928;
}


/*----TERAKC-----*/

.terAkcName {
    font-size: 20px;
    color: var(--section-color);
    font-weight: 600;
    text-align: center;
    border: 2px solid var(--one-color);
    border-radius: 6px;
    padding: 4px;
    width: 500px;
    margin: 0 auto;
}

.subNameTerAkc {
    font-size: 18px;
}




.terImg img {
    max-width: 80%;
    border: 3px solid white;
    border-radius: 6px;
}

.posTer {
    font-weight: 700;
}


/*-----BlackFriday-----*/

.blackFriday1 {
    position: absolute;
    width: 100%;
    background: #fbf001;
    font-size: 17px;
    font-family: fantasy;
    top: 57px;
    transform: rotate(354deg);
}

.blackFriday2 {
    position: absolute;
    width: 100%;
    background: #fbf001;
    font-size: 17px;
    font-family: fantasy;
    bottom: 32px;
    transform: rotate(8deg);
}

/*.blackFriday-logo {*/
/*    position: absolute;*/
/*    right: -52px;*/
/*    top: 18px;*/
/*    background: #fbf001;*/
/*    border-radius: 50%;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    display: grid;*/
/*    place-content: center;*/
/*    border: 2px solid;*/
/*    font-weight: 700;*/
/*}*/

.blackFriday-logo {
    position: absolute;
    right: -25px;
    top: 18px;
    padding: 4px;
    width: 47px;
    height: 20px;
    display: grid;
    place-content: center;
    font-weight: 900;
    color: #0c0c0c;
    font-size: 22px;
    font-family: fantasy;
    border: 2px solid;
    transform: rotate(45deg);
    background: #fbf001;
}



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



}

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



    /*---Slider----*/
    .subForInfoSlider {
        width: 520px;
    }

    .nameSlide {
        font-size: 32px;
    }

    .textSlide {
        font-size: 19px;
    }

    .buttonSlide {
        width: 160px;
        font-size: 16px;
    }

    /*---Slider----*/

}


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


    /*---Slider----*/
    .subForInfoSlider {
        width: 420px;
    }

    .nameSlide {
        font-size: 25px;
    }

    .textSlide {
        font-size: 16px;
    }

    .buttonSlide {
        width: 140px;
        font-size: 15px;
    }

    /*---Slider----*/
    .oneLineTitle {
        width: 100%;
    }


    .sub-stat {
        width: 1000px;
    }

    .itemSubStatLineOne:nth-child(1) {
        font-size: 90px;
    }

    .itemSubStatLineOne:nth-child(2) {
        font-size: 25px;
    }

    .itemSubStatLineOne-2:nth-child(1) {
        font-size: 90px;
    }

    .itemSubStatLineOne-2:nth-child(2) {
        font-size: 25px;
    }

    .itemSubStatLineTwo {
        font-size: 27px;
    }


    .oneLineTitleInverse, .oneLineTitleInverse.white {
        width: 100%;
    }


    .itemsProjects {
        width: 96%;
    }

    .subContentOpros {
        width: 96%;
    }

    .pemPriem {
        width: 98%;
    }


    .itemsTreePreimBlock {
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));

    }

    .sub-2-block2 {
        font-size: 25px;

    }


    .contentForm {
        width: 96%;
    }


    .contentDop {
        width: 96%;
        margin: 0 auto;
    }


   .podVib {
      width: 96%;
   }

    .subPartner {
        width: 80%;
    }

    .wrapper {
        width: auto;
    }

    .subFAQ {
        width: 96%;
    }


    .itemsFooter {
        width: 100%;
    }


/*  PROJECTS  */

    .nameShowcase {
        width: 96%;
    }

    .changeShowcase {
        width: 96%;
        grid-template-columns: repeat(auto-fill, minmax(201px, 1fr));
    }

    .Showcase {
        width: 96%;
    }

    .subContentOneProject {
        width: 98%;
    }

    .nameProjectItem {
        font-size: 25px;
    }

    .saleProjectItem {
        font-size: 20px;
    }

    .itemsProjectSlide {
        gap: unset;

    }

    .itemProjectSlide {
        box-shadow: unset;
        max-width: 200px;
    }

    .itemProjectSlide img {
        width: 100%;

    }

    .subSpecifikacia {
        width: 96%;
        padding: 10px;
    }

    .Showcase.projectsOne {
        padding: 10px;
        width: 90%;
    }


    .subPersonalData {
        width: 94%;
    }

    .onas {
        width: 90%;
    }

    .ContentAkcia {
        width: 96%;
    }


    .pemContentOpros {
        flex-direction: column;
        text-align: center;
    }

    .itemImgOpros img {
        width: 180px;
    }




    .subCalculator {
        width: 98%;
    }

}

@media screen and (max-width: 1062px ) {
    .contentDop {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }
    .itemAddDop:nth-child(2) {
        width: 260px;
    }

}

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

    .headerFull {
        background: var(--sub-section-color) !important;
    }

    .newMetHeader {
        height: 100px;
    }

    .subHeader {
        border-bottom: unset;
        height: 100%;
    }

    .forButHeader {
        display: none;
    }

    .forMenuMobile {
        display: block;
    }

    .mobileMenu {
        border: 2px solid white;
        padding: 6px;
        border-radius: 5px;
    }

    .mobileMenu i {
        font-size: 25px;
        color: white;
    }


    /*----mobileMenu---*/
    .blockMobileMenu {
        display: block;
    }


    .subBlockMobileMenu {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 95%;
    }

    .blockMobileMenu.openMobile {
        transform: translateX(0);
    }

    .subItemLineForMenu {
        display: none;
    }


    .itemLineForMenu {
        color: white;
    }

    .itemFirstMenu {
        height: 30px;
    }

    .headerMobileMenuN {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid white;
        padding-bottom: 10px;
    }

    .imgMobileMenu img{
        width: 140px;
    }

    .itemFirstMenu i {
        float: right;
        font-size: 33px;
        color: #dfdfdf;
        box-shadow: inset #dd6221 0 0 11px 11px;
    }

    .itemsLineForMenu {
        padding: 4px;
        font-size: 15px;
    }

    .nameLineForMenu {
        display: flex;
        gap: 7px;
    }

    .nameLineForMenu a {
        text-decoration: none;
        color: #ffffff;
    }

    .iconLineMobile {
        align-self: center;
        transition: all .5s;
    }

    .iconLineMobile i {
        transition: all .5s;
    }


    .listMenuSubMobile {
        font-size: 12px;
    }

    .subItemLineMenu a {
        text-decoration: none;
        color: #ffffff;
    }

    .socHeaderMobile {
        display: flex;
        gap: 10px;
        justify-content: flex-start;
        width: 100%;
        padding: 0;
    }

    .socHeaderMobile li a i{
        color: white;
        font-size: 40px;
    }


    .telItemMenu, .mailItemMenu {
        padding: 1px;
    }

    .telItemMenu a,.mailItemMenu a {
        text-decoration: none;
        color: #ffffff;
        font-size: 20px;
    }



    /*----mobileMenu---*/



    .buttonHead {
        font-size: 15px;
    }

    .listMenu {
        display: none;
    }


    .pemForInfoSlider {
        transform: translate(-5%, 20%);
    }


    .forSlider {
        padding-top: 100px;
    }

    .itemHeaderLeft, .itemHeaderRight {
        align-self: center;
    }



    /*---Slider----*/
    .subForInfoSlider {
        width: 400px;
        gap: 10px;
    }

    .nameSlide {
        font-size: 20px;
    }

    .textSlide {
        line-height: 1.3em;
        font-size: 15px
    ;
    }

    .buttonSlide {
        width: 120px;
        font-size: 14px;
    }
    /*---Slider----*/


    .blockSliderButtonLeft, .blockSliderButtonRight {
        height: 115%;
    }


    .o-nas {
        padding-top: 50px;
    }

    .oneLineTitle {
        flex-direction: column-reverse;
    }

    .twoLineOnas {
        width: 98%;
        flex-direction: column;
        text-align: center;
    }


    .sub-stat {
     width: 97%;
    }

    .subStatLineOne {
        justify-content: center;
    }

    .itemSubStatLineTwo {
        font-size: 24px;
    }


    .projects {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .oneLineTitleInverse, .oneLineTitleInverse.white{
        flex-direction: column;
        text-align: center;
    }


    .itemsProjects {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }

    .subItemInfoOpros {
        width: auto;
    }

    .windowOpros {
        width: 750px;
        height: 425px;
        margin-top: 100px;
    }

    .itemHeaderOpros:first-child {
        font-size: 16px;
    }


    .pemQuestionField-2, .pemQuestionField-3, .pemQuestionField-4, .pemQuestionField-5 {
        gap: 40px;
    }

    .itemsQuestion-2, .itemsQuestion-3, .itemsQuestion-4, .itemsQuestion-5 {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .textQuestion {
        font-size: 14px;
    }

    .oprosHideMin {
        display: none;
    }

    .finalOprosText {
        font-size: 18px;
    }

    .subFormOutOpros {
        gap: 20px;
    }

    .itemOneLineTitle:nth-child(1) {
        text-align: center;
    }


    .contentForm {
        width: 50%;
        flex-direction: column-reverse;
        padding-bottom: 40px;
    }

    .imgForForm {
        text-align: center;
    }

    #dogId {
        width: 300px;
    }

    .downLoad {
        text-align: center;
    }


    .subFooter {
        padding-top: 60px;
    }

    .itemsFooter {
        width: 96%;
    }

    .lineFirstFooterOne img {
        width: 200px;
    }


    .lineFirstFooterTwo {
        font-size: 15px;
    }

    .lineFirstFooterThree {
        font-size: 15px;
    }


    .lineSecondFooterOne a {
        font-size: 27px;
    }


    .lineThreeFooterOne {
        font-size: 16px;
    }

    .lineThreeFooterTwo {
        font-size: 16px;
    }


    .itemFooter-4 {
        font-size: 17px;
    }

    .aboutProject {
        grid-template-columns: unset;
    }

    .itemPlanProject {
        width: 80%;
    }
    .sizesTable {
        width: 90%;
    }

    .sizesTable td {
        font-size: 18px;
    }

    .subItemKeyProject {
        justify-content: center;
    }

    .textItemKeyProject {
        text-align: center;
    }

    .subButLink {
        font-size: 16px;
    }

    .modalOrderWindow {
        margin-top: 120px;
    }

    .contentLogo {
       display: none;
    }

    .contentLogo2 {
        display: flex;
        width: 230px;
        overflow: hidden;
        margin: 0 auto;
        padding-top: 60px;
    }

    .subLogoCor {
        display: flex;
    }



    /*-----BUTMOBILEMENU-----*/

    .MobileButForMenu {
        display: block;
        position: fixed;
        bottom: 50px;
        right: 10px;
        border-radius: 50%;
        border: 6px solid var(--one-color);
        animation: 6s linear infinite mobileButt ;
        transition: all .6s;
        z-index: 100;

    }

    .MobileButForMenu:hover {
        transform: translate(-20px);
    }



    .subMobileButForMenu {
        background: white;
        border-radius: 50%;
        width: 43px;
        height: 43px;
        display: grid;
        place-content: center;
    }

    .subMobileButForMenu i {
        color: var(--one-color);
        font-size: 30px;
        transition: all 1s;
        animation: 6s linear infinite mobileButtIcon ;
    }
    .subMobileButForMenu i:hover {
        animation: paused;
    }




    .windowCallBack {
        margin-top: 100px;
    }


    .upMobileMenu {
        display: grid;
        gap: 10px;
    }




    .mobileNadPreim {
        background: #663200;
        text-align: -webkit-left;
        padding: 20px;
        color: white;
        margin-bottom: 20px;
    }

    .subMobileNadPreim {
        display: grid;
        gap: 14px;
    }

    .mobileItemNadTitle {
        line-height: 20px;
        font-size: 18px;
        font-weight: 800;
    }

    .mobileItemNadText{
        line-height: 1em;
        font-size: 15px;
    }


   .subNadPreimOne {
       display: none;
   }

    .mobileNadPreim {
        display: block;
    }


    .BoxVideo video {
        max-width: 90%;
    }


    .upScroll {
        position: fixed;
        left: 13px;
        bottom: 54px;
        transition: all 1s;
    }


    .pemContentOpros {
        gap: unset;
    }


    .boxCalculator {
        width: 96%;
        padding: 5px;
    }

}


@media screen and (max-width: 894px ) {
    .contentDop {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }
    .itemAddDop:nth-child(2) {
        width: 200px;
        font-size: 15px;
    }


    .nameDop {
        font-size: 17px;
    }

    .textDop {
        font-size: 12px;
    }

    .nameProjectItem {
        font-size: 21px;
    }

    .saleProjectItem {
        font-size: 18px;
    }


}

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

    .sub-stat {
        width: 400px;
    }


    .subStatLineOne {

    }

    .lineSubOne, .lineSubOne-2 {
        flex-direction: column;
        text-align: center;
    }

    .subStatLineTwo {
        flex-direction: column;
        text-align: center;
    }

    .itemsProjects {
        margin-top: 50px;
    }

    .subItemProjectText {
        font-size: 21px;
    }

    .contentOpros {
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .subContentOpros {
        width: 96%;
    }



    .subItemInfoOpros {
        margin: 0 auto;
        font-size: 20px;
    }

    .itemImgOpros img {
        width: 200px;
    }


    .windowOpros {
        width: 96%;
    }

    .itemsQuestion-1 {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }

    .itemsQuestion-2, .itemsQuestion-3, .itemsQuestion-4, .itemsQuestion-5 {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }

    .textQuestion {
        font-size: 13px;
    }

    .oprosHideMin {
        display: block;
    }

    .finalOprosText {
        font-size: 17px;
    }

    .subFormOutOpros {
        gap: 16px;
    }


    .subTwoPreimBlock {
        grid-template-columns: unset;

    }

    .sub-2-block {
        border-bottom: 2px solid white;

    }

    .sub-2-block2 {
        font-size: 18px;
        text-align: center;
    }

    .sub-2-block-2-2-text {
        font-size: 17px;
    }

    .sub-2-block-2-1-text {
        font-size: 17px;
    }

    .subFourPreimBlockText {
        font-size: 17px;
    }

    .subContentOneProject {
        padding-top: 150px;
        padding-bottom: 20px;
        width: 96%;
    }

    .subForProjectSlider {
        flex-direction: column;
    }

    .imgProjectSlide {
        width: 100%;
    }

    .infoProjectSlide {
        text-align: center;
    }

    .applicationProject {
        margin: 0 auto;
    }

    .nameShowcase-1 {
        font-size: 50px;
    }


    .buttsChange {
        display: flex;
        grid-template-columns: unset;
    }

    .pemWindowFull {
        height: 100%;
        display: grid;
    }


    .windowFull {
        align-self: center;
        margin-top: 50px;
    }


    .aboutText {
        font-size: 15px;
    }


    .headerCallBack {
        justify-content: space-between;
    }

}




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

    .itemHeaderLeft {
        margin-left: 10px;
    }


    .forButtonHeader {
        gap: 20px;
    }

    .socHeader {
        gap: 8px;
    }

    .socHeader li a i {
        font-size: 25px;
    }

    .forSocialHeader {
        margin: -5px;
    }

    .itemHeaderRight {
        margin-right: 10px;
    }


        /*---Slider----*/
    .subForInfoSlider {
        width: 340px;
        gap: 11px;
    }

    .nameSlide {
        font-size: 17px;
        display: none;
    }

    .textSlide {
        line-height: 1.3em;
        font-size: 13px;
        display: none;
    }

    .buttonSlide {
        width: 100px;
        font-size: 12px;
    }
    /*---Slider----*/


    .windowOpros {
        margin-top: 30px;
        height: 620px;
    }

    .nameQuestion {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .closeOpros {
        position: absolute;
        top: -27px;
        right: -21px;
        z-index: 200;
    }

    .closeOpros i {
        font-size: 26px;

    }

    .nameQuestion img {
        max-width: 100%;
    }

    .pemQuestionField-2, .pemQuestionField-3, .pemQuestionField-4, .pemQuestionField-5 {
        gap: 20px;
    }


    .itemsQuestion-2, .itemsQuestion-3, .itemsQuestion-4, .itemsQuestion-5 {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        width: 60%;
        margin-top: -25px;
    }

    .itemQuestion-2, .itemQuestion-3, .itemQuestion-4, .itemQuestion-5 {
        width: auto;
    }

    .itemHeaderOpros:first-child {
        font-size: 14px;
    }

        .contentForm {
        width: 96%;
    }


    .contentDop {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    }
    .itemAddDop:nth-child(2) {
        width: auto;
        font-size: 15px;
    }


    .nameDop {
        font-size: 17px;
    }

    .textDop {
        font-size: 12px;
    }

    .subLogoCor {
        grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    }

    .imgForForm img {
        width: 300px;
    }

    .vibirat {
        padding-top: 40px;

    }

    .podVib {
        width: 94%;
    }

    .podVib .titleVib {
        margin-right: unset;
    }

    .titleVib {
        font-size: 27px;
        letter-spacing: normal;
    }

    .subVibirat {
        display: none;
        grid-template-columns: repeat(auto-fill, minmax(60%, 1fr));
    }

    .subVibiratMobile {
        display: grid;
    }

    .itemWatOneInv {
        justify-content: center;
    }

    .itemWatOne-2-Inv {
        text-align: start;
    }

    .FAQ {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .question {
        font-size: 13px
    }

    .subItemFAQ {
        gap: 12px;
    }

    .subShowcase {
        height: 100px;
    }

    .nameShowcase {
        width: 96%;
        flex-direction: column;
        text-align: center;
    }

    .nameShowcase-1 {
       font-size: 30px;
        margin: 0 auto;
        letter-spacing: normal;
    }

    .nameShowcase-2 {
        width: 90%;
    }


    .modalOrderWindow {
       width: 96%;
    }

    .windowCallBack {
        width: 98%;
        margin-top: 100px;
    }

    .bodyCallBack {
        gap: 20px;
    }


    .infoForContact {
        width: 74%;
    }

    .itemWat:nth-child(2) .subItemWatInv:nth-child(1) {
        height:unset;
    }

    .constructWat {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .constructWat.Mob {
        width: 100%;
    }

    .tabMore {
        display: block;
        margin: 40px 0px -50px 0;
        text-align: center;
    }

    .subTabMore {
        background: var(--one-color);
        width: 40%;
        margin: 0 auto;
        color: white;
        padding: 9px;
        border-radius: 10px;
        font-size: 18px;
        box-shadow: #212324 0 0 5px 2px;
    }

    .subPreimOne {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
    .itemPreimOne:nth-child(2) .subBackgroundItem {
        display: none;
    }

    .itemPreimOne:nth-child(3) .subBackgroundItem {
        display: none;
    }

    .itemPreimOne:nth-child(5) .subBackgroundItem {
        display: none;
    }

    .itemPreimOne:nth-child(6) .subBackgroundItem{
        display: none;
    }

    .itemPreimOne:nth-child(2) .subBackgroundItem.mob{
        display: flex;
        height: 90%;
    }

    .itemPreimOne:nth-child(3) .subBackgroundItem.mob {
        display: flex;
        height: 90%;
    }

    .itemPreimOne:nth-child(5) .subBackgroundItem.mob {
        display: flex;
        height: 90%;
    }

    .itemPreimOne:nth-child(6) .subBackgroundItem.mob {
        display: flex;
        height: 90%;
    }


    .twoLineOnas {
        display: none;
    }


}

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

    .forTelHeader {
        display: none;
    }


    .pemForInfoSlider {
        transform: translate(0%, 100%);
    }

    /*---Slider----*/
    .subForInfoSlider {
        width: 150px;
    }

    .textSlide {
        text-align: center;
    }

    .oneTextSlide {
        display: none;
    }

    .nameSlide {
        font-size: 14px;
        text-align: center;
    }

    .buttonSlide {
        margin: 0 auto;
        width: 100px;
        font-size: 14px;
        line-height: 1em;
    }

    .blockSliderButtonLeft, .blockSliderButtonRight {
        height: 125%;
    }


    .blockSliderButtonRight .itemSliBut {
        margin-right: 0;
    }

    .blockSliderButtonLeft .itemSliBut {
        margin-left: 0;
    }

    .saleSlide {
    font-size: 18px;
    }
    /*---Slider----*/


    .itemOneLineTitleInverse:nth-child(1), .itemOneLineTitle:nth-child(3), .itemOneLineTitleInverse.white:nth-child(1) {
        font-size: 42px;
        letter-spacing: normal;
    }

    .o-nas {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .statistics {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .sub-stat {
        width: 90%;
    }

    .subStatLineOne {
        gap: 0;
        padding: 15px;
    }

    .itemSubStatLineOne:nth-child(1) {
        font-size: 50px;
    }

    .itemSubStatLineOne:nth-child(2) {
        font-size: 18px;
    }

    .itemSubStatLineOne-2:nth-child(1) {
        font-size: 50px;
    }

    .itemSubStatLineOne-2:nth-child(2) {
        font-size: 18px;
    }

    .itemSubStatLineTwo:last-child {
        display: none;
    }

    .subStatLineTwo {
        justify-content: space-between;
        flex-direction: unset;

    }

    .itemSubStatLineTwo {
        text-align: center;
        width: 150px;
    }


    .pemQuestionField-1 {
        gap: 5px;
    }

    .itemsQuestion-1 {
        grid-template-columns: repeat(auto-fill, minmax(96%, 1fr));
        gap: 10px;

    }


    .itemQuestion-1 {
        width: 230px;
    }

    .textQuestion {
        font-size: 13px;
        position: absolute;
        bottom: 0;
        background: #6a371ac9;
    }

    .itemsQuestion-2, .itemsQuestion-3, .itemsQuestion-4, .itemsQuestion-5 {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
        width: 75%;
        margin-top: -25px;
    }


    .subPriem {
        padding-bottom: 0;
    }

    .sub-2-block-2-1 {
       padding: 20px;
    }

    .sub-2-block-2-2-text {
        text-align: center;
        padding-bottom: 8px;
    }

    .sub-2-block-2-1-text {
        text-align: center;

    }

    .fourPreimBlock {
        gap: 42px;
       grid-template-columns: unset;
    }

    .itemTreePreimBlock:nth-child(1) {
        padding: 5px;

    }


    .itemTreePreimBlock:nth-child(2) {

        padding-bottom: 35px;
    }

    .itemsTreePreimBlock {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }

    .treePreimBlock {
        background: linear-gradient(360deg, #f9d8bd 56%, #d16208 38%);
        gap: 5px;
    }

    .sub-3-block-name {
        font-size: 20px;
    }

    .sub-3-block-text {
        font-size: 17px;
    }

    .errInd {
        left: 100px;
    }

    .answer {
        font-size: 15px;
    }

    .lineSecondFooterOne {
        width: 210px;
    }


    .lineSecondFooterOne a {
        font-size: 24px;

    }

    .itemFooter-2 {
        margin: unset;
    }


    .lineSecondFooterTwo {

    }

    .itemFooter-4 {
        width: 200px;

    }

    .navMenuFooter {
        padding: 0;
    }


    .buttsChange {
        flex-direction: column;
        gap: 10px;
    }

    .forKeyProject {
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    }

    .nameItemKeyProject {
        font-size: 17px;
    }

    .textItemKeyProject {
        font-size: 16px;
    }

    .nameSpec {
        font-size: 16px;
    }

    .sizesTable td {
        font-size: 13px;
    }


    .Showcase {
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    }

    .itemGetProj {
        height: 200px;
    }


    .modalOrderHeader {
        font-size: 15px;
    }

    .modalOrderHeader span:last-child {
        align-self: center;
    }


    .itemForContact {
        font-size: 17px;
    }

    .nadPreimOne {
        width: 80%;
        margin: 0 auto;
    }

    .preimOne {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .subPreimOne {
        gap: 20px;
    }




    .itemPreimOne:nth-child(1) {
        display: none;
    }

    .itemPreimOne:nth-child(4) {
        display: none;
    }

    .not404 {
        height: 100%;
    }
    .for404 img {
        width: 250px;
    }

    .akcia {
        position: fixed;
        left: 10px;
        bottom: 1px;
        right: 15px;
        z-index: 100;
    }

    .subAkcia {
        width: 95%;
    }


    .pemAkcia img {
        width: 90%;
    }

    .blackFriday1, .blackFriday2 {
        font-size: 13px;
    }

    .spaceBarCalculator {
        gap: unset;
    }

    .sumCalculator {
        gap: 7px;
        font-size: 15px;
    }

    .homeForItemCalculator.imgCalc {
        width: 182px;
    }

    .homeForItemCalculator img {
        width: 180px;
    }


    .terAkcName {
        width: 80%;
    }


}

@media screen and (max-width: 500px ) {
    .subItemProjectText {
        font-size: 16px;
    }


    .itemsQuestion-2, .itemsQuestion-3, .itemsQuestion-4, .itemsQuestion-5 {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        width: 92%;
        margin-top: -25px;

    }

    .itemQuestion-2, .itemQuestion-3, .itemQuestion-4, .itemQuestion-5 {

    }

    .subQuestionField img {
        border-radius: 7px 7px 7px 7px;
    }

    .subFormOutOpros {
        width: 94%;
    }


    .imgSunOneBlock {
        background: linear-gradient(360deg, #b7590db8 51%, #46382c82 0);
    }


    .text-1-block {
       font-size: 20px;
    }


    .sub-1-block {
        flex-direction: column;
        text-align: center;
   }


    .contentForm {
        width: 90%;
    }

    .errInd {
        top: -65px;
        left: 30px;

    }


    .contentDop {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    }
    .itemAddDop:nth-child(2) {
        width: auto;
        font-size: 15px;
    }


    .dopDay {
        font-size: 14px;
        padding: 20px;
    }

    .nameDop {
        font-size: 15px;
        padding: 20px;
    }

    .textDop {
        font-size: 11px;
        padding: 20px;
    }


    .windowFull {
        width: 98%;
        margin-top: unset;
        padding-top: unset;
    }

    .lineSubOne, .lineSubOne-2 {
        width: 60%;
    }

    .itemOneLineTitleInverse.white.right {
        text-align: -webkit-right;
        margin-right: 15px;
    }

    .itemOneLineTitleInverse.right {
        align-self: end;
        margin-right: 15px;
    }

    .tableProj {
        font-size: 12px;
        width: 100%;
    }

    .nameTableComp {
        width: 250px;
        font-size: 16px;
        margin-top: 5px;
    }

    .podTableComp {
        font-size: 13px;
    }


}


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


    .itemOneLineTitle:nth-child(1) {
        font-size: 14px;
        text-align: center;
    }

    .itemsProjects {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }


    .subItemProjectForText.mobProj {
        display: block;
    }

    .itemProject:nth-child(3) .subItemProjectForText.inv {
        display: none;
    }

    .itemProject:nth-child(4) .subItemProjectForText.inv {
        display: none;
    }



}