.punct-1, .m-suport{
    display: none;
}
.m-prezent, .m-de-ce, .m-ryxon, .container-mat{
    display: none;
}

.m-term{
    display: none;
}

.m-puncte, .diler, .instalare, .suport{
    display: none;
}
body{
      -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
    margin: 0;
}
/*prezent*/
.prezent{
    position: relative;
    width: 100vw;
    height: 600px;
    height: calc(600 * 100vw / 1200);
    padding-bottom: 30px;
    padding-bottom: calc(20 * 100vw / 1200);
    background-color: #ffffff;
}
.prezent-05{
    width: 535px;
    width: calc(535 * 100vw / 1200);
    left: 642px;
    left: calc(642 * 100vw / 1200);
    top: 15px;
    top: calc(15 * 100vw / 1200);
    height: 570px;
    height: calc(570 * 100vw / 1200);
    border-width: 0px;
    border-radius: 0 10px 10px 0;
    border-radius: 0 calc(10 * 100vw / 1200) calc(10 * 100vw / 1200) 0;
    background-color: #f2ca66;
    position: absolute;
}
.prezent-08{
    width: 807px;
    width: calc(807 * 100vw / 1200);
    left: 24px;
    left: calc(24 * 100vw / 1200);
    top: 15px;
    top: calc(15 * 100vw / 1200);
    height: 570px;
    height: calc(570 * 100vw / 1200);
    border-radius: 10px;
    border-radius: calc(10 * 100vw / 1200);
    border-width: 0px;
    background-color: #f2f2f7;
    position: absolute;
}
.prezent-01{
    left: 70px;
    left: calc(70 * 100vw / 1200);
    top: 46px;
    top: calc(46 * 100vw / 1200);
    width: 164px;
    width: calc(164 * 100vw / 1200);
    position: absolute;
    z-index: 1;
}
.prezent-02{
    left: 588px;
    left: calc(588 * 100vw / 1200);
    top: 110px;
    top: calc(110 * 100vw / 1200);
    width: 520px;
    width: calc(520 * 100vw / 1200);
    border-radius: 10px;
    border-radius: calc(10 * 100vw / 1200);
    position: absolute;
}
.cerculete{    
    position: absolute;
    top: 481px;
    top: calc(481 * 100vw / 1200);
    left: 1057px;
    left: calc(1057 * 100vw / 1200);
    width: 93px;
    width: calc(93 * 100vw / 1200);
}
.prezent-03{
    top: 164px;
    top: calc(164 * 100vw / 1200);
    left: 70px;
    left: calc(70 * 100vw / 1200);
    width: 410px;
    width: calc(410 * 100vw / 1200);
    letter-spacing: 1px;
    letter-spacing: calc(1 * 100vw / 1200);
    font-size: 49px;
    font-size: calc(49 * 100vw / 1200);
    line-height: 54px;
    line-height: calc(54 * 100vw / 1200);
    margin: 0;
    position: absolute;
    color: #3d4356;
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
a {
    text-decoration: none;
}
.prezent-03-00{
    color: #3d4356;
    font-size: calc(58 * 100vw / 1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    line-height: calc(64 * 100vw / 1200);
    font-weight: 700;
    letter-spacing: calc(1 * 100vw / 1200);
    text-transform: uppercase;
    position: absolute;
    top: calc(200 * 100vw / 1200);
    left: calc(70 * 100vw / 1200);
    width: calc(512 * 100vw / 1200);
}
.prezent-03-01{
    position: absolute;
    color: #f5b923;
    font-size: calc(28 * 100vw / 1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    line-height: calc(31 * 100vw / 1200);
    font-weight: 600;
    letter-spacing: calc(1 * 100vw / 1200);
    top: calc(164 * 100vw / 1200);
    left: calc(71 * 100vw / 1200);
    width: calc(410 * 100vw / 1200);
    text-transform: uppercase;
}
.prezent-04{
    top: calc(466 * 100vw / 1200);
    left: calc(70 * 100vw / 1200);
    width: calc(139 * 100vw / 1200);
    height: calc(47 * 100vw / 1200);
    font-size: calc(14 * 100vw / 1200);
    border-radius: calc(30 * 100vw / 1200);
    position: absolute;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Arial',Arial,sans-serif;
    font-weight: 600;
    background-color: #f5b923;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.prezent-06{
    top: 314px;
    top: calc(314 * 100vw / 1200);
    left: 70px;
    left: calc(70 * 100vw / 1200);
    width: 464px;
    width: calc(464 * 100vw / 1200);
    font-size: 17px;
    font-size: calc(17 * 100vw / 1200);
    line-height: 24px;
    line-height: calc(24 * 100vw / 1200);
    position: absolute;
    color: #4d4d4d;
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 500;
}
.prezent-12{
    left: 764px;
    left: calc(764 * 100vw / 1200);
    top: 45px;
    top: calc(45 * 100vw / 1200);
    width: 37px;
    width: calc(37 * 100vw / 1200);
    height: 36px;
    height: calc(36 * 100vw / 1200);
    border-radius: 30px;
    border-radius: calc(30 * 100vw / 1200);
    position: absolute;
    background-color: white;
}
.prezent-12 img{
    width: inherit;
    filter: invert(5%);
}
.prezent-13{
    left: 823px;
    left: calc(823 * 100vw / 1200);
    top: 45px;
    top: calc(45 * 100vw / 1200);
    width: 37px;
    width: calc(37 * 100vw / 1200);
    height: 36px;
    height: calc(36 * 100vw / 1200);
    border-radius: 30px;
    border-radius: calc(30 * 100vw / 1200);
    position: absolute;
    background-color: white;
}
.prezent-13 img{
    width: inherit;
    filter: invert(5%);
}
.prezent-09{
    width: 129px;
    width: calc(129 * 100vw / 1200);
    left: 882px;
    left: calc(882 * 100vw / 1200);
    top: 46px;
    top: calc(46 * 100vw / 1200);
    height: 36px;
    height: calc(36 * 100vw / 1200);
    border-radius: 30px;
    border-radius: calc(30 * 100vw / 1200);
    position: absolute;
    background-color: #000000;
    -webkit-filter: invert(0%);
    filter: invert(0%);
}
.prezent-10{
    left: 898px;
    left: calc(898 * 100vw / 1200);
    top: 57px;
    top: calc(57 * 100vw / 1200);
    width: 11px;
    width: calc(11 * 100vw / 1200);
    position: absolute;
    pointer-events: none;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.prezent-11{
    top: calc(56 * 100vw / 1200);
    left: calc(921 * 100vw / 1200);
    width: calc(78 * 100vw / 1200);
    font-size: calc(15 * 100vw / 1200);
    line-height: calc(17 * 100vw / 1200);
    position: absolute;
    color: #ffffff;
    font-family: 'TildaSans',Arial,sans-serif;
    font-weight: 500;
    text-decoration: none;
}
.prezent-15{
    width: calc(70 * 100vw / 1200);
    left: calc(1034 * 100vw / 1200);
    top: calc(46 * 100vw / 1200);
    height: calc(34 * 100vw / 1200);
    border-radius: calc(30 * 100vw / 1200);
    border-width: 1px;
    position: absolute;
    background-position: center center;
    border-color: #000000;
    border-style: solid;
}
.prezent-17{
    top: 48px;
    top: calc(48 * 100vw / 1200);
    left: 1072px;
    left: calc(1072 * 100vw / 1200);
    width: 32px;
    width: calc(32 * 100vw / 1200);
    height: 32px;
    height: calc(32 * 100vw / 1200);
    font-size: 14px;
    font-size: calc(14 * 100vw / 1200);
    position: absolute;
    color: #ffffff;
    display: flex;
    text-align: center;
    font-family: 'Arial',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 400;
    border-width: 1px;
    border-radius: 30px;
    border-radius: calc(30 * 100vw / 1200);
    background-color: #000000;
    align-items: center;
    justify-content: center;
}
.prezent-16{
    top: calc(48 * 100vw / 1200);
    left: calc(1036 * 100vw / 1200);
    width: calc(32 * 100vw / 1200);
    height: calc(32 * 100vw / 1200);
    position: absolute; 
    color: #000000;
    display: flex;
    text-align: center;
    font-size: calc(14 * 100vw / 1200);
    font-family: 'Arial',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 400;
    border-width: 1px;
    border-radius: calc(30 * 100vw / 1200);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.prezent-16:hover{
    border-color: #000000;
}
/*m-prezent2*/
.m-prezent2{
    height: calc(270 * 100vw / 1200);
    position: relative;
    padding-bottom: 30px;
    padding-bottom: calc(27 * 100vw / 1200);
}
.m-prezent2-00{
    position: absolute;
    width: 1152px;
    width: calc(1152 * 100vw / 1200);
    left: 23px;
    left: calc(24 * 100vw / 1200);
    top: 11px;
    top: calc(11 * 100vw / 1200);
    height: 241px;
    height: calc(241 * 100vw / 1200);
    border-radius: 13px;
    border-radius: calc(13 * 100vw / 1200);
    background-color: #6bbbae;
}
.m-prezent2-01{
    display: none;
}
.m-prezent2-01-02{
    position: absolute;
    top: calc(80 * 100vw / 1200);
    left: calc(70 * 100vw / 1200);
    width: calc(469 * 100vw / 1200);
    line-height: calc(47 * 100vw / 1200);
    font-size: calc(37 * 100vw / 1200);
    color: #ffffff;
    font-family: 'TildaSans',Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.m-prezent2-03{
    top: calc(73 * 100vw / 1200);
    left: calc(645 * 100vw / 1200);
    width: calc(470 * 100vw / 1200);
    font-size: calc(18 * 100vw / 1200);
    line-height: calc(23 * 100vw / 1200);
    position: absolute;
    color: #ffffff;
    font-family: 'TildaSans',Arial,sans-serif;
    font-weight: 400;
}
.m-prezent2-02{
    width: calc(1 * 100vw / 1200);
    left: calc(613 * 100vw / 1200);
    top: calc(68 * 100vw / 1200);
    height: calc(122 * 100vw / 1200);
    border-radius: calc(30 * 100vw / 1200);
    position: absolute;
    background-color: #ffffff;
}
/**/
.de-ce{
    position: relative;
    max-width: 100%;
    height: calc(500 * 100vw / 1200);
    padding-top: calc(0 * 100vw/1200);
}
.de-ce-first{
    top: calc(89 * 100vw / 1200);
    left: calc(75 * 100vw / 1200);
    width: calc(419 * 100vw / 1200);
    color: #006db0;
    font-size: calc(40 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(48 * 100vw / 1200);
    font-weight: 700;
    letter-spacing: calc(1 * 100vw / 1200);
    text-transform: uppercase;
    position: absolute;
    z-index: 5;
}

.de-ce-1{
    background-color: white;
    width: calc(370 * 100vw / 1200);
    left: calc(24 * 100vw / 1200);
    top: 0px;
    height: calc(470 * 100vw / 1200);
    position: absolute;
    transition: background-color 0.5s;
}
.de-ce-1:hover{
   background-color: #b4dbfa;
}
.de-ce-2:hover{
    background-color: #f4e69b; 
}
.de-ce-3:hover{
   background-color: #b8e6e0;
}
.de-ce-1:hover .de-ce-1-00{
   background-color: #b4dbfa;    
   background-color: transparent;
}
.de-ce-2:hover .de-ce-2-00{
   background-color: #f4e69b;    
   background-color: transparent;
}
.de-ce-3:hover .de-ce-3-00{
   background-color: #b8e6e0;    
   background-color: transparent;
}
.de-ce-1-00, .de-ce-2-00, .de-ce-3-00{
    width: inherit;
    height: inherit;
    z-index: 100;
    position: relative;
}
.de-ce-2{
    background-color: white;    
    width: calc(370 * 100vw / 1200);
    left: calc(415 * 100vw / 1200);
    top: 0px;
    height: calc(470 * 100vw / 1200);
    position: absolute;
   transition: background-color 0.5s; 
}
.de-ce-3{
   background-color: white;    
   width: calc(370 * 100vw / 1200);
   left: calc(806 * 100vw / 1200);
   top: 0px;
   height: calc(470 * 100vw / 1200);
   position: absolute;
   transition: background-color 0.5s;
}

.de-ce-2-1{
    top: calc(283 * 100vw / 1200);
    left: calc(75 * 100vw / 1200);
    width: calc(190 * 100vw / 1200);
    position: absolute;
    color: #000000;
    font-size: calc(30 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(29 * 100vw / 1200);
    font-weight: 500;
    letter-spacing: calc(1 * 100vw / 1200);
    text-transform: uppercase;
}
.de-ce-2-2{
    top: calc(283 * 100vw / 1200);
    left: calc(459 * 100vw / 1200);
    width: calc(190 * 100vw / 1200);
    position: absolute;
    color: #000000;
    font-size: calc(30 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(29 * 100vw / 1200);
    font-weight: 500;
    letter-spacing: calc(1 * 100vw / 1200);
    text-transform: uppercase;
}
.de-ce-2-3{
    top: calc(283 * 100vw / 1200);
    left: calc(852 * 100vw / 1200);
    width: calc(190 * 100vw / 1200);
    position: absolute;
    color: #000000;
    font-size: calc(30 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(29 * 100vw / 1200);
    font-weight: 500;
    letter-spacing: calc(1 * 100vw / 1200);
    text-transform: uppercase;
}
.de-ce-3-1{
    top: calc(333 * 100vw / 1200);
    left: calc(75 * 100vw / 1200);
    width: calc(291 * 100vw / 1200);
    position: absolute;
    color: #383838;
    font-size: calc(14 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(17 * 100vw / 1200);
    font-weight: 400;
}
.de-ce-3-2{
    top: calc(333 * 100vw / 1200);
    left: calc(459 * 100vw / 1200);
    width: calc(300 * 100vw / 1200);
    position: absolute;
    color: #383838;
    font-size: calc(14 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(17 * 100vw / 1200);
    font-weight: 400;
}
.de-ce-3-3{
    top: calc(333 * 100vw / 1200);
    left: calc(852 * 100vw / 1200);
    width: calc(308 * 100vw / 1200);
    position: absolute;
    color: #383838;
    font-size: calc(14 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(17 * 100vw / 1200);
    font-weight: 400;
}

.de-ce-line-1{
    background-color: #242424;
    width: calc(60 * 100vw / 1200);
    left: calc(75 * 100vw / 1200);
    top: calc(257 * 100vw / 1200);
    height: calc(2 * 100vw / 1200);
    position: absolute;
}
.de-ce-line-2{
    background-color: #242424;
    width: calc(60 * 100vw / 1200);
    left: calc(459 * 100vw / 1200);
    top: calc(257 * 100vw / 1200);
    height: calc(2 * 100vw / 1200);
    position: absolute;
}
.de-ce-line-3{
    background-color: #242424;
    width: calc(60 * 100vw / 1200);
    left: calc(852 * 100vw / 1200);
    top: calc(257 * 100vw / 1200);
    height: calc(2 * 100vw / 1200);
    position: absolute;
}
.de-ce-cerc1{
    left: calc(-57 * 100vw / 1200);
    top: calc(35 * 100vw / 1200);
    width: calc(245 * 100vw / 1200);
    position: absolute;
}
.de-ce-cerc2{
    left: calc(580 * 100vw / 1200);
    top: calc(35 * 100vw / 1200);
    width: calc(245 * 100vw / 1200);
    position: absolute;
}
.de-ce-cerc3{
    left: calc(785 * 100vw / 1200);
    top: calc(35 * 100vw / 1200);
    width: calc(245 * 100vw / 1200);
    position: absolute;
}
/*end section de-ce*/
/*start section covoras*/
.covoras{
    position: relative;
    border-radius: calc(10 * 100vw / 1200);
    width: calc(1155 * 100vw / 1200);
    left: calc(23 * 100vw / 1200);
    top: calc(15 * 100vw / 1200);
    height: calc(344 * 100vw / 1200);
    background-image: linear-gradient(57deg, rgba(242,242,247,1) 100%, rgba(253,251,252,1) 100%);
    margin-bottom: calc(30 * 100vw/1200);
   
}
.covoras-3331{
    left: calc(718 * 100vw/1200);
    top: calc(27 * 100vw/1200);
    width: calc(435 * 100vw/1200);
    position: absolute;
    transform: rotate(5deg);
}
.covoras-3332{
    left: calc(620 * 100vw/1200);
    top: calc(130 * 100vw/1200);
    width: calc(300 * 100vw/1200);
    position: absolute;
}
.covoras-left-01{
    top: calc(43 * 100vw / 1200);
    left: calc(50 * 100vw / 1200);
    width: calc(166 * 100vw / 1200);
    position: absolute;
    color: #3d4356;
    font-size: calc(15 * 100vw / 1200);
    font-family: 'Arial',Arial,sans-serif;
    line-height: calc(23 * 100vw / 1200);
    font-weight: 400;
}
.covoras-left-01-linie{
    background-color: #3d4356;
    position: absolute;
    width: calc(40 * 100vw / 1200);
    left: calc(156 * 100vw / 1200);
    top: calc(53 * 100vw / 1200);
    height: calc(1 * 100vw / 1200);
}
.covoras-left-ryxon{
    top: calc(56 * 100vw / 1200);
    left: calc(46 * 100vw / 1200);
    width: calc(256 * 100vw / 1200);
    position: absolute;
    color: #3d4356;
    font-size: calc(42 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(65 * 100vw / 1200);
    font-weight: 900;
    letter-spacing: calc(2.5 * 100vw / 1200);
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.covoras-left-tm h2{
    top: 152px;
    left: 75px;
    width: 504px;
    top: calc(120 * 100vw / 1200);
    left: calc(50 * 100vw / 1200);
    width: calc(541 * 100vw / 1200);
    position: absolute;
    color: #3d4356;
    font-size: calc(15 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw / 1200);
    font-weight: 300;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.covoras-left-02{
    width: calc(428 * 100vw / 1200);
    left: calc(50 * 100vw / 1200);
    top: calc(271 * 100vw / 1200);
    height: calc(50 * 100vw / 1200);
    position: absolute;
    border-radius: 100px;
    background-color: #424242;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}
.covoras-01-20{
    color: #ffffff;
    font-size: calc(17 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1;
    font-weight: 700;
    padding: 0 calc(24 * 100vw / 1200);
}
.covoras-01-20-01{
    color: #ffffff;
    font-size: calc(17 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1;
    font-weight: 700;
    padding: 0 calc(16 * 100vw / 1200);

}
.covoras-01-21{
    color: #ffffff;
    font-size: calc(12 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(12 * 100vw / 1200);
    font-weight: 300;
}
.covoras-01-22{
    color: #ffffff;
    font-size: calc(12 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(1 * 100vw / 1200);
    font-weight: 700;
}
.covoras-01-linie{
    background-color: #fff705;
    width: calc(1 * 100vw / 1200);;
    height: calc(30 * 100vw / 1200);
}
.covoras-right{
    background-image: url(../images/covoras.png);
    background-size: cover;
    height: calc(272 * 100vw / 1200);
    left: calc(575 * 100vw / 1200);
    top: calc(63 * 100vw / 1200);
    position: absolute;
    width: calc(570 * 100vw / 1200);
    background-repeat: no-repeat;
    background-position: center;
}
.garantie-covoras{
    border-width: calc(2 * 100vw / 1200);
    border-radius: calc(60 * 100vw / 1200);
    background-color: #5199ff;
    background-position: center center;
    border-color: #ffffff;
    border-style: solid;
    display: flex;
    height: calc(92 * 100vw / 1200);
    width: calc(92 * 100vw / 1200);
    box-shadow: 5px 5px 10px 0px rgba(115,115,115,0.5);
    position: absolute;
    justify-items: center;
    top: calc(44 * 100vw / 1200);
    left: calc(628 * 100vw / 1200);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.garantie-20{
    color: #ffffff;
    font-size: calc(33 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1;
    font-weight: 700;
}
.garantie-ani{
    color: #ffffff;
    font-size: calc(16 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1;
    font-weight: 300;
}
.garantie-garantie{
    color: #ffffff;
    font-size: calc(14 * 100vw / 1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1;
    font-weight: 500;
}
/*end section covoras*/
.m-diler{
    height: calc(250 * 100vw/1200);
    margin-top: calc(25 * 100vw/1200);
    position: relative;
    width: 100vw;
    overflow: hidden;
    background: black;
}
.filter-100{
    filter: invert(100%)!important;
}
.m-diler-1{
    width: calc(174 * 100vw/1200);
    left:  calc(23 * 100vw/1200);
    top: calc(19 * 100vw/1200);
    height: calc(161 * 100vw/1200);
    vertical-align: middle;
    display: flex;
    position: absolute;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    align-items: center;
    background-color: #ffffff;
    justify-content: center;

}
.m-diler-1 img{
    height: auto;
    width: calc(150 * 100vw/1200);
}
.m-diler-2{
    top: calc(45 * 100vw/1200);
    left: calc(230 * 100vw/1200);
    width: calc(262 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: calc(20 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(26 * 100vw/1200);
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.m-diler-3{
    top: calc(45 * 100vw/1200);
    left: calc(740 * 100vw/1200);
    width: calc(273 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1.3;
    font-weight: 400;
}
.m-diler-4{
    top: calc(70 * 100vw/1200);
    left: calc(740 * 100vw/1200);
    width: calc(186 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(23 * 100vw/1200);
    font-weight: 400;
    display: table;
}
.m-diler-5{
    top: calc(98 * 100vw/1200);
    left: calc(740 * 100vw/1200);
    width: calc(273 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(23 * 100vw/1200);
    font-weight: 400;
    text-decoration: none;
}
.m-diler-5 a{
    text-decoration: none;
}
.m-diler-6{
    left: calc(228 * 100vw/1200);
    top: calc(145 * 100vw/1200);
    width: calc(39 * 100vw/1200);
    position: absolute;
}
.m-diler-6 img{
    height: calc(39 * 100vw/1200);
}
.m-diler-7{
    left: calc(285 * 100vw/1200);
    top: calc(145 * 100vw/1200);
    width: calc(39 * 100vw/1200);
    position: absolute;
}
.m-diler-7 img{
    height: calc(39 * 100vw/1200);
}
.m-diler-8{
    left: calc(340* 100vw/1200);
    top: calc(145 * 100vw/1200);
    width: calc(39 * 100vw/1200);
    position: absolute;
}
.m-diler-8 img{
    height: 39px;
    height: calc(39 * 100vw/1200);
}
.m-diler-9{
    display: none;
}
.m-diler-10{
    top: 235px;
    top: calc(235 * 100vw/1200);
    left: 254px;
    left: calc(254 * 100vw/1200);
    width: 106px;
    width: calc(106 * 100vw/1200);
    position: absolute;
    font-size: 18px;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    font-weight: 500;
    background-position: center center;
    color: #000000;
    line-height: 21px;
    line-height: calc(21 * 100vw/1200);
}
.m-diler-11{
    left: 231px;
    left: calc(231 * 100vw/1200);
    top: 235px;
     top: calc(235 * 100vw/1200);
    width: 15px;
    width: calc(15 * 100vw/1200);
    position: absolute;
}
.m-diler-11 img{
    width: 100%;
    display: block;
}
/*end diler*/
/*suport*/

.suport{
    margin-top: calc(30 * 100vw/1200);
    height: calc(280 * 100vw/1200);
    width: 100vw;
    position: relative;
    overflow: hidden;
    display: table;
}
.m-suport{
    display: none;
}
.suport-0{
    width: calc(1147 * 100vw/1200);
    left: calc(25 * 100vw/1200);
    top: calc(15 * 100vw/1200);
    height: calc(247 * 100vw/1200);
    position: absolute;
    border-radius: calc(10 * 100vw/1200);
    background-color: #6bbbae;
}
.suport-1{
    top: calc(57 * 100vw/1200);
    left: calc(99 * 100vw/1200);
    width: calc(235 * 100vw/1200);
    position: absolute;
    color: #f7cc5e;
    font-size: calc(40 * 100vw/1200);
    font-weight: 800;
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(40 * 100vw/1200);
    text-transform: uppercase;
}

.suport-1-img{
    height: auto;
    width: calc(49 * 100vw/1200);
}

.suport-2{
    top: calc(122 * 100vw/1200); 
    left: calc(99 * 100vw/1200); 
    width: calc(523 * 100vw/1200); 
    position: absolute;
    color: #ffffff;
    font-size: calc(18 * 100vw/1200); 
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw/1200);
    font-weight: 400;
    word-break: normal;
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.suport-telefon-icon{
    height: auto;
    width: 15px;
    width: calc(15 * 100vw/1200);
}
.suport-tel-a{
    color: #6bbbae;
    font-size: 18px;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 21px;
    line-height: calc(21 * 100vw/1200);
    font-weight: 500;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.suport-3{
    top: calc(185 * 100vw/1200);
    left: calc(99 * 100vw/1200);
    width: calc(607 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: calc(25 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(29 * 100vw/1200);
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.suport-4{
    left: calc(948 * 100vw/1200);
    width: calc(159 * 100vw/1200);
    top: calc(112 * 100vw/1200);
    height: calc(49 * 100vw/1200);
    position: absolute;
    border-width: 0px;
    border-radius: 30px;
    border-radius: calc(30 * 100vw/1200);
    background-color: #ffffff;
    background-position: center center;
    border-color: #e3caca;
    border-style: solid;
    box-sizing: border-box;
    display: table;
}
.suport-5{
    left: calc(970 * 100vw/1200);
    top: calc(125 * 100vw/1200);
    width: calc(15 * 100vw/1200);
    position: absolute;
}
.suport-6{    
    position: absolute;
    left: calc(1001 * 100vw/1200);
    width: calc(106 * 100vw/1200);
    top: calc(126 * 100vw/1200);
    height: calc(49 * 100vw/1200);
    box-sizing: border-box;
    display: table;
}
.suport-7{
    left: calc(741 * 100vw/1200);
    top: calc(112 * 100vw/1200);
    width: calc(49 * 100vw/1200);
    position: absolute;
}
.suport-8{
    left: calc(810 * 100vw/1200);
    top: calc(112 * 100vw/1200);
    width: calc(49 * 100vw/1200);
    position: absolute;
}
.suport-9{
    left: calc(879 * 100vw/1200);
    top: calc(112 * 100vw/1200);
    width: calc(49 * 100vw/1200);
    position: absolute;
}

/*end suport*/
/*puncte*/
.puncte{
    height: calc(210 * 100vw/1200);
    margin-top: calc(0 * 100vw/1200);
    margin-bottom: calc(30 * 100vw/1200);
    background-color: #f2f2f7;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.puncte-06{
    position: absolute;
    left: calc(67 * 100vw/1200);
    top: calc(43 * 100vw/1200);
    width: calc(1057 * 100vw/1200);
    height: auto;
}
.puncte-07{
    position: absolute;
    left: 28px;
    left: calc(28 * 100vw/1200);
    top: 157px;
    top: calc(157 * 100vw/1200);
    width: 70px;
    width: calc(70 * 100vw/1200);
    height: auto;
}
.puncte-04{
    position: absolute;    
    top: calc(110 * 100vw/1200);
    left: calc(516 * 100vw/1200);
    width: calc(138 * 100vw/1200);
    color: #000000;
    font-size: calc(17 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw/1200);
    font-weight: 600;
    opacity: 0.75;
    text-align: center;
}
.puncte-03{    
    color: #000000;
    font-size: calc(17 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1.2;
    font-weight: 600;
    opacity: 0.75;
    position: absolute;
    top: calc(110 * 100vw/1200);
    left: calc(762 * 100vw/1200);
    width: calc(161 * 100vw/1200);
    text-align: center;
}
.puncte-01{   
    color: #000000;
    font-size: calc(17 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1.2;
    font-weight: 600;
    opacity: 0.75;
    position: absolute;
    top: calc(110 * 100vw/1200);
    left: calc(30 * 100vw/1200);
    width: calc(143 * 100vw/1200);
    text-align: center;
}
.puncte-02{
    color: #000000;
    font-size: calc(17 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: 1.2;
    font-weight: 600;
    opacity: 0.75;
    position: absolute;
    top: calc(110 * 100vw/1200);
    left: calc(261 * 100vw/1200);
    width: calc(163 * 100vw/1200);
    text-align: center;
}
.puncte-05{
    position: absolute;
    left: calc(1015 * 100vw/1200);
    top: calc(110 * 100vw/1200);
    width: calc(161 * 100vw/1200);
    height: auto;
    color: #000000;
    font-size: calc(17 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw/1200);
    font-weight: 600;
    opacity: 0.75;
    text-align: center;
}
/*end 5-puncte*/
/*m-instalare*/
.m-instalare{
    height: calc(450 * 100vw/1200);
    position: relative;
    padding-top: calc(15 * 100vw/1200);
    padding-bottom: calc(10 * 100vw/1200);
    overflow: hidden;
}
.m-instalare-0{
    width: calc(1155 * 100vw/1200);
    left: calc(22 * 100vw/1200);
    top: calc(14 * 100vw/1200);
    height: calc(417 * 100vw/1200);
    position: absolute;
    box-sizing: border-box;
    display: table;
    border-radius: calc(15 * 100vw/1200);
    background-color: #f7ece1;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    box-shadow: 1px 1px 6px -1px rgba(250,103,105,0);
}
.m-instalare-1{
    left: calc(551 * 100vw/1200);
    top: calc(14 * 100vw/1200);
    width: calc(626 * 100vw/1200);
    border-radius: calc(15 * 100vw/1200);
    position: absolute;
}
.m-instalare-1 img{
    width: 100%;
    display: block;
}
.m-instalare-2{
    top: calc(75 * 100vw/1200);
    left: calc(80 * 100vw/1200);
    width: calc(392 * 100vw/1200);
    position: absolute;
    font-weight: 900;
    line-height: calc(44 * 100vw/1200);
    font-size: calc(40 * 100vw/1200);
    font-weight: 800;
    text-transform: uppercase;
    color: #1a1a21;
    font-family: 'TildaSans',Arial,sans-serif;
}
.m-instalare-3{
    top: calc(292 * 100vw/1200);
    left: calc(80 * 100vw/1200);
    width: calc(545 * 100vw/1200);
    position: absolute;
    color: #404040;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    letter-spacing: calc(1 * 100vw/1200);
    font-weight: 500;
    line-height: calc(19 * 100vw/1200);
    text-transform: uppercase;
}
.m-instalare-4{
    top: calc(330 * 100vw/1200);
    left: calc(80 * 100vw/1200);
    width: calc(167 * 100vw/1200);
    height: calc(51 * 100vw/1200);
    position: absolute;
    color: #ffffff;
    font-size: calc(14 * 100vw/1200);
    font-family: 'Arial',Arial,sans-serif;
    line-height: 1.55;
    text-align: center;
    font-weight: 600;
    display: flex;
    border-radius: calc(30 * 100vw/1200);
    background-color: #000000;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    align-items: center;
    justify-content: center;
}
.m-instalare-4 a{
    text-decoration: none;

}
/*end m-instalare*/
/*term*/
.term{
    position: relative;
    height: calc(360 * 100vw/1200);
    width: 100vw;
    margin-bottom: calc(35 * 100vw/1200);
}
.term-00{
    position: absolute;
    width: calc(1155 * 100vw/1200);
    left: calc(22 * 100vw/1200);
    top: calc(30 * 100vw/1200);
    height: calc(330 * 100vw/1200);
    border-radius: calc(10 * 100vw/1200);
    background-color: #f2f2f7;
}
.term-01{
    position: absolute;
    left: calc(640 * 100vw/1200);
    top: calc(95 * 100vw/1200);
    width: calc(236 * 100vw/1200);
}
.term-02{
    position: absolute;
    left: calc(820 * 100vw/1200);
    top: calc(40 * 100vw/1200);
    width: calc(246 * 100vw/1200);
}
.term-03{
    position: absolute;
    left: calc(72 * 100vw/1200);
    top: calc(87 * 100vw/1200);
    width: calc(512 * 100vw/1200);
    color: #3d4356;
    font-size: calc(42 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(65 * 100vw/1200);
    font-weight: 900;
}
.term-04{
    position: absolute;
    left: calc(72 * 100vw/1200);
    top: calc(73 * 100vw/1200);
    width: calc(90 * 100vw/1200);
    color: #3d4356;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(23 * 100vw/1200);
    font-weight: 400;
}
.term-05{
    position: absolute;
    left: calc(175 * 100vw/1200);
    top: calc(82 * 100vw/1200);
    width: calc(40 * 100vw/1200);
    height: calc(1 * 100vw/1200);
    background-color: #3d4356;
}
.term-06{
    position: absolute;
    left: calc(72 * 100vw/1200);
    top: calc(162 * 100vw/1200);
    width: calc(463 * 100vw/1200);
    color: #3d4356;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw/1200);
    font-weight: 300;
}
.term-07{
    position: absolute;
    left: calc(76 * 100vw/1200);
    top: calc(255 * 100vw/1200);
    width: calc(18 * 100vw/1200);
}
.term-08{
    position: absolute;
    left: calc(76 * 100vw/1200);
    top: calc(281 * 100vw/1200);
    width: calc(18 * 100vw/1200);
}
.term-09{
    position: absolute;
    left: calc(76 * 100vw/1200);
    top: calc(307 * 100vw/1200);
    width: calc(18 * 100vw/1200);
}
.term-10{
    position: absolute;
    left: calc(72 * 100vw/1200);
    top: calc(260 * 100vw/1200);
    width: calc(320 * 100vw/1200);
    color: #3d4356;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(20 * 100vw/1200);
    font-weight: 500;
}
.term-11{
    
    position: absolute;
    left: calc(116 * 100vw/1200);
    top: calc(278 * 100vw/1200);
    width: calc(318 * 100vw/1200);
    color: #3d4356;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(21 * 100vw/1200);
    font-weight: 300;
}
.term-12{
        position: absolute;
    left: calc(116 * 100vw/1200);
    top: calc(304 * 100vw/1200);
    width: calc(318 * 100vw/1200);
    color: #3d4356;
    font-size: calc(15 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(21 * 100vw/1200);
    font-weight: 300;
}
/*end term*/
/*container*/
.container-fir::-webkit-scrollbar {
  display: none;
}
.m-proiecte-2::-webkit-scrollbar {
  display: none;
}
.m-term-5::-webkit-scrollbar {
  display: none;
}
.container-mat{
    margin-top: calc(55 * 100vw/1200);
}
.container-fir{
    height: calc(310 * 100vw/1200)!important;
    width: 100vw !important;
    /*max-width: 100%;*/
    overflow: auto;
    padding-top: calc(20 * 100vw/1200);
}
.c5{
   /* width: calc(100vw - 30px)!important;*/
    margin-left: 15px!important;
}
.container-fir {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.container-fir::-ms-scrollbar {
  display: none;
}
.m-proiecte-2::-ms-scrollbar {
  display: none;
}
.m-term-5::-ms-scrollbar {
  display: none;
}
.container {
    cursor: move;
    display: flex;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: fit-content;
    margin-left: calc(5 * 100vw/1200);
}
.container-img{
    border-width: 1px;
    border-radius: calc(23 * 100vw/1200);
    background-position: center center;
    border-color: #ebebeb;
    border-style: solid;
    box-shadow: 1px 1px 3px 1px rgb(199 199 199 / 40%);
    margin: calc(7.5 * 100vw/1200);
    height: calc(279 * 100vw/1200);
    width: calc(178 * 100vw/1200);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.container-img a{
    height: calc(139 * 100vw/1200);
    margin: 0 auto;
}
.suprafata-fir{
    background-image: url(../images/suprafata.png);
    background-size: cover;
    height: calc(29 * 100vw/1200);
    color: #ffffff;
    font-size: calc(22 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(83 * 100vw/1200);
    display: flex;
    flex-direction: row;
    justify-content: center;
    letter-spacing: -1px;
    align-items: center;
}
.fir-1-3{
    color: #fa6769;
    font-size: calc(20 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    line-height: 1;
    font-weight: 700;
    left: calc(16 * 100vw/1200);
    top: calc(239 * 100vw/1200);
    position: absolute;
}
.fir-1-2{
    color: #808080;
    font-size: calc(10 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-size-adjust: auto;
    transform-origin: center center;
    line-height: calc(9 * 100vw/1200);
    left: calc(16 * 100vw/1200);
    top: calc(63 * 100vw/1200);
    position: relative;
}
.c5 .fir-1-2{
    top: calc(59 * 100vw/1200);
}
.fir-1-1{
    border-width: 0px;
    border-radius: calc(37 * 100vw/1200);
    background-position: center center;
    border-color: #d9d9d9;
    border-style: solid;
    background-color: #404040;
    color: #ffffff;
    position: absolute;
    font-size: calc(10 * 100vw/1200);
    width: calc(65 * 100vw/1200);
    left: calc(16 * 100vw/1200);
    top: calc(183 * 100vw/1200);
    height: calc(20 * 100vw/1200);
    word-break: normal;
    line-height: calc(10 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fir-1-11{
    border-width: 0px;
    border-radius: calc(37 * 100vw/1200);
    background-position: center center;
    border-color: #d9d9d9;
    border-style: solid;
    background-color: #404040;
    color: #ffffff;
    position: absolute;
    font-size: calc(10 * 100vw/1200);
    width: calc(60 * 100vw/1200);
    left: calc(88 * 100vw/1200);
    top: calc(183 * 100vw/1200);
    height: calc(20 * 100vw/1200);
    word-break: normal;
    line-height: calc(10 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-mat{
    margin: calc(13 * 100vw/1200) auto;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-size: cover;
    height: calc(108 * 100vw/1200);
    width: auto;
    background-repeat: no-repeat;
    background-position: center;
}
.supr-m2{
    font-size: calc(10 * 100vw/1200);
    font-weight: 500;
}
sup {
    line-height: 0;
    font-size: smaller;
    vertical-align: super
}
.container-descript{
    color: #3d4356;
    top: calc(162 * 100vw/1200);
    left: calc(16 * 100vw/1200);
    width: calc(160 * 100vw/1200);
    position: absolute;
    font-size: calc(11 * 100vw/1200);
    line-height: calc(10 * 100vw/1200);
    font-family: 'Avenirnextcyr',Arial,sans-serif;
    font-weight: 600;
}
/*end container*/
/*m-term-5*/
.m-term-5 .suprafata-fir{
    font-size: calc(15 * 100vw/1200);
}
.m-term-5 {
    overflow: auto;
}
.wi-fi{
    background-image: url(../images/wifi.png);
    height: 35px;
    height: calc(35 * 100vw/1200);
    width: 35px;
    width: calc(35 * 100vw/1200);
    position: absolute;
    right: 11px;
    right: calc(11 * 100vw/1200);
    top: 9px;
    top: calc(9 * 100vw/1200);
    background-size: cover;
    filter: grayscale(1);
}
/**/
/**/
.m-arr-5{
    height: 49px !important;
    height: calc(44 * 100vw/1200)!important;
    width: 100vw !important;
    position: relative;
}
.m-arr-5{
/*    display: none!important;*/
}
.m-arr-4{
    height: 49px !important;
    height: calc(44 * 100vw/1200)!important;
    width: 100vw !important;
    position: relative;
}
.m-arr-3{
    height: 49px !important;
    height: calc(44 * 100vw/1200)!important;
    width: 100vw !important;
    position: relative;
}
.m-arr-511{
    background-image: url(../images/arrow-left.svg);
    right: calc(156 * 100vw/1200);
    top: calc(10 * 100vw/1200);
    width: calc(50 * 100vw/1200);
    position: absolute;
    height: calc(21 * 100vw/1200);
    /*margin: 10px;*/
    cursor: pointer;
}
.m-arr-512{
    background-image: url(../images/arrow-right.svg);
    right: calc(84 * 100vw/1200);
    top: calc(10 * 100vw/1200);
    position: absolute;
    width: calc(50 * 100vw/1200);
    height: calc(21 * 100vw/1200);
    cursor: pointer;
}
.m-arr-2511{
    background-image: url(../images/arrow-left.svg);
    background-size: cover;
    right: calc(156 * 100vw/1200);
    top: calc(43 * 100vw/1200);
    width: calc(50 * 100vw/1200);
    position: absolute;
    height: calc(21 * 100vw/1200);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}
.m-arr-2512{
    background-image: url(../images/arrow-right.svg);
    background-size: cover;
    right: calc(84 * 100vw/1200);
    top: calc(43 * 100vw/1200);
    width: calc(50 * 100vw/1200);
    position: absolute;
    height: calc(21 * 100vw/1200);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

/**/
/*Proiecte*/
.m-proiecte-1{
    height: 107px !important;
    height: calc(107 * 100vw/1200)!important;
    width: 100vw !important;
    max-width: 100%;
    margin-top: 15px;
    margin-top: calc(35 * 100vw/1200);
   /* padding-bottom: 15px;
    padding-bottom: calc(15 * 100vw/1200);*/
    position: relative;
    background-color: #f2f2f7;
}
.m-proiecte-11{
    top: calc(34 * 100vw/1200);
    left: calc(78 * 100vw/1200);
    width: calc(560 * 100vw/1200);
    position: absolute;
    line-height: calc(78 * 100vw/1200);
    color: #3d4356;
    font-size: calc(50 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    z-index: 2;
}
.m-proiecte-12{
    left: calc(-60 * 100vw/1200);
    top: calc(-20 * 100vw/1200);
    width: calc(220 * 100vw/1200);
    height: auto;
    position: absolute;
    z-index: 1;
}
.img-proiecte{
    border-radius: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(301 * 100vw/1200);
    top: 43px;
    height: calc(226 * 100vw/1200);
    margin: 0 calc(5 * 100vw/1200);
    z-index: 5;
    position: relative;
}
.img-proiecte img{
    height: inherit;
    width: auto;
}
.m-proiecte-2{
    width: 100vw !important;
    height: 270px;
    height: calc(270 * 100vw/1200);
    /* position: relative; */
    background-color: #f2f2f7;
    overflow: auto;
}
.c4, .c3{
    z-index: 5;
    left: 25px;
    left: calc(10 * 100vw/1200);
    position: relative;
}
.c2{
    margin-left: 15px;
}
.m-proiecte-3{
    height: 100px !important;
    height: calc(100 * 100vw/1200)!important;
    width: 100vw !important;
    max-width: 100%;
    margin-bottom: 30px;
    margin-bottom: calc(30 * 100vw/1200);
    position: relative;
    background-color: #f2f2f7;
}
.m-proiecte-31{
    top: calc(29 * 100vw/1200);
    left: calc(78 * 100vw/1200);
    width: calc(193 * 100vw/1200);
    position: absolute;
    color: #3d4356;
    font-size: calc(18 * 100vw/1200);
    font-family: 'TildaSans',Arial,sans-serif;
    line-height: calc(18 * 100vw/1200);
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.m-proiecte-32{
    left: calc(310 * 100vw/1200);
    top: calc(30 * 100vw/1200);
    width: calc(38 * 100vw/1200);
    filter: invert(20%);
    position: absolute;
}
.m-32{
    height: calc(38 * 100vw/1200);
}
.m-proiecte-33{
    left: calc(372 * 100vw/1200);
    top: calc(30 * 100vw/1200);
    width: calc(38 * 100vw/1200);
    filter: invert(20%);
    position: absolute;
}
