#utpGroup {
    display: flex;
    justify-content: space-between;
}


h1 {
    text-align: center;
    font-family: "Open Sans";
}

.utpAbout {
    display: block;
    position: absolute;
    bottom: 10px;
    font-family: "Open Sans";
    color: #f9f9f9;
    font-size: 18px;
    font-weight: 400;
}

.utpAbout:hover {
    text-decoration: none;
    color: #f9f9f9;
}

.utp {
    background-color: #ef7101;
    margin-top: -40px;
    z-index: 100;
    position: relative;
}

.utp h2 {
    font-family: "Open Sans";
    color: #f9f9f9;
    font-size: 23px;
    font-weight: 700;
}
.utpBL h2 {
    font-family: "Open Sans";
    color: #f9f9f9;
    font-size: 28px;
    font-weight: 700;
}
.four-utp {
    height: 220px;
    width: 260px;
}
.three-utp {
    height: 266px;
    width: 350px;
}
.utpBG {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right = right bottom = 100% 100%;
    padding: 30px;
}
.kk-utpBG1 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kk-utp1.jpg);
}
.kk-utpBG2 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kk-utp2.jpg);
}
.kk-utpBG3 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kk-utp3.jpg);
}
.kk-utpBG4 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kk-utp4.jpg);
}
.sks-utpBG1 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/sks-utp1.jpg);
}
.sks-utpBG2 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/sks-utp2.jpg);
}
.sks-utpBG3 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/sks-utp3.jpg);
}
.kabel-utpBG1 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kabel-utp1.jpg);
}
.kabel-utpBG2 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kabel-utp2.jpg);
}
.kabel-utpBG3 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kabel-utp3.jpg);
}
.kabel-utpBG4 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/kabel-utp4.jpg);
}
.nvo-utpBG1 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/nvo-utp1.jpg);
}
.nvo-utpBG2 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/nvo-utp2.jpg);
}
.nvo-utpBG3 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/nvo-utp3.jpg);
}
.svet-utpBG1 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/svet-utp1.jpg);
}
.svet-utpBG2 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/svet-utp11.jpg);
}
.svet-utpBG3 {
    height: 266px;
    width: 350px;
    background-image: url(/upload/legacy/assets/images/svet-utp3.jpg);
}
.eui-utpBG1 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/eyi-utp1.jpg);
}
.eui-utpBG2 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/eyi-utp2.jpg);
}
.eui-utpBG3 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/eyi-utp3.jpg);
}
.eui-utpBG4 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/eyi-utp4.jpg);
}
.osn-utpBG1 {
    height: 220px;
    width: 260px;
   background-image: url(/upload/legacy/assets/images/osn-utp1.jpg);
}
.osn-utpBG2 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/osn-utp2.jpg);
}
.osn-utpBG3 {
    height: 220px;
    width: 260px;
    background-image: url(/upload/legacy/assets/images/osn-utp3.jpg);
}
.osn-utpBG4 {
    height: 220px;
    width: 260px;
   background-image: url(/upload/legacy/assets/images/osn-utp4.jpg);
}
.aboutFG {
    font-family: "Open Sans";
    color: #678293;
    font-size: 22px;
    font-weight: 400;
    margin: 70px 0 0 0;
}

#forummap {
    width: 550px;
    float: left;
}

.numbersInner {
    border-top: 1px solid #678394;
    margin: 80px 0;
}

.numbers {
    padding: 0 40px;
}

.bigBlue {
    font-family: "Open Sans";
    color: #2b8eb5;
    font-size: 54px;
    font-weight: 700;
    font-style: italic;
    line-height: 54px;
    margin: 10px 0 0 0;
}

.smallGray {
    font-family: "Open Sans";
    color: #678293;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}

.Block1 {
    min-height: 604px;
    background-size: contain;
    padding: 20px 10px;
    position: relative;
    background-color: #dcdcdc;
}

.Block1 img {
    width: 203px;
    padding-bottom: 20px;
}

.Block1 p, .Block2 p, .Block3 p, .Block4 p, .Block5 p {
    font-family: "Open Sans";
    color: #678293;
    font-size: 14px;
    font-weight: 400;
}

.Block2, .Block3, .Block4, .Block5 {
    min-height: 292px;
    position: relative;
}

.Block2 {
    background-size: contain;
    margin-bottom: 20px;
    padding: 20px 10px;
}

.Block2 img {
    width: 203px;
    padding-bottom: 20px;
}


.Block3 {
    background-size: contain;
    margin-bottom: 20px;
    padding: 20px 10px;
}
.Block3 img {
    width: 203px;
    padding-bottom: 20px;
}
.homeTitleLink {
    font-size: 18px;
    padding-bottom: 20px;
    display: block;
    color: #2f4d59;
    font-weight: 700;
}

.Block4 {
    background-size: contain;
    margin-bottom: 20px;
    padding: 20px 10px;
}
.Block4 img {
    width: 203px;
    padding-bottom: 20px;
}

.Block5 {
    background-size: contain;
    background-color: #cfedf7;
    padding: 20px 10px;
}
.Block5 img {
    width: 203px;
    padding-bottom: 20px;
}

.kk-Block1-BG {
     border: 5px solid #f1f0f0;
}
.kk-Block1-BG h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    padding-bottom: 30px;
}
.kabel-Block4-BG h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    padding-bottom: 30px;
}
.kk-Block1-BG p {
    font-size: 14px;
    font-weight: 600;
}
.kk-Block2-BG{
     background-image: url(/upload/legacy/assets/images/konfig.jpg);
}
.kk-Block3-BG{
     background-image: url(/upload/legacy/assets/images/eui-sertificaty.jpg);
}
.kk-Block5-BG{
     background-image: url(/upload/legacy/assets/images/kk-prezentazii.jpg);
}
.kabel-Block1-BG {
    background-image: url(/upload/legacy/assets/images/home/mbg1.jpg);
}
.kabel-Block2-BG {
    background-image: url(/upload/legacy/assets/images/chest-poz1.jpg);
}
.kabel-Block3-BG {
    background-image: url(/upload/legacy/assets/images/kabel-sertificaty.jpg);
}
.kabel-Block4-BG {
    background-image: url(/upload/legacy/assets/images/kabel-bez-op.jpg);
}
.kabel-Block5-BG {
    background-image: url(/upload/legacy/assets/images/svet-block5.jpg);
}
.nvo-Block1-BG {
    background-image: url(/upload/legacy/assets/images/hand-shaking1.png);
}
.nvo-Block2-BG {
    background-image: url(/upload/legacy/assets/images/nvo2.jpg);
}
.nvo-Block3-BG {
    background-image: url(/upload/legacy/assets/images/svet-block5.jpg);
}
.nvo-Block5-BG {
    background-image: url(/upload/legacy/assets/images/eui-sertificaty.jpg);
}
.svet-Block1-BG {
    background-image: url(/upload/legacy/assets/images/home/mbg1.jpg);
}
.svet-Block2-BG {
    background-image: url(/upload/legacy/assets/images/chest-poz1.jpg);
}
.svet-Block3-BG {
    background-image: url(/upload/legacy/assets/images/svet-block3.jpg);
}
.svet-Block4-BG {
    background-image: url(/upload/legacy/assets/images/chest-poz2.jpg);
}
.svet-Block5-BG {
    background-image: url(/upload/legacy/assets/images/svet-block5.jpg);
}
.eui-Block1-BG {
    background-image: url(/upload/legacy/assets/images/eui-stand.jpg);
}
.eui-Block2-BG {
    background-image: url(/upload/legacy/assets/images/eui-roznica.jpg);
}
.eui-Block3-BG {
    background-image: url(/upload/legacy/assets/images/eui-dizaineram.jpg);
}
.eui-Block5-BG {
    background-image: url(/upload/legacy/assets/images/eui-sertificaty.jpg);
}
.osn-Block1-BG {
    background-image: url(/upload/legacy/assets/images/home/mbg1.jpg);
}
.osn-Block2-BG {
    background-image: url(/upload/legacy/assets/images/chest-poz1.jpg);
}
.osn-Block4-BG {
    background-image: url(/upload/legacy/assets/images/kabel-bez-op.jpg);
}
.osn-Block5-BG {
    background-image: url(/upload/legacy/assets/images/sn-sklad.jpg);
}
.homeBlockLink {
    display: block;
    position: absolute;
    bottom: 10px;
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 14px;
    font-weight: 400;
}

.homeTitleLink:hover {
    text-decoration: none;
}

.homeBlockLink:hover {
    text-decoration: none;
}
.homeBlockLinkB3 {
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 14px;
    font-weight: 400;
}
.homeNews h2 {
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 20px 10px 0;
}

.homeNew {
    padding-left: 20px;
    border-left: 2px solid #f7dfca;
    margin-bottom: 15px;
}

.homeNews .homeNew:first-of-type {
    border-left: 2px solid #ef7101;
}

.newText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newTitle a {
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 18px;
    font-weight: 400;
}

.newDate {
    font-family: "Open Sans";
    color: #678293;
    font-size: 16px;
    font-weight: 400;
}

.newTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 15px 0;
}

.complexGray {
    margin: 100px 0;
    min-height: 600px;
    background-color: #f1f0f0;
}

.complex {
    padding: 100px 0;
}

.complex h2 {
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 40px;
}

.complex p {
    font-family: "Open Sans";
    color: #678293;
    font-size: 16px;
    font-weight: 400;
}

.complex img {
    margin-left: calc(50% - 57px);
    padding: 20px 0;
    transition: all 1s ease-out;
}

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

.complexLink a {
    display: block;
}

.complexLink a:hover {
    display: block;
    text-decoration: none;
}

.complexLink a:hover p {
    text-decoration: underline;
}

.complexLink p {
    text-align: center;
    font-family: "Open Sans";
    color: #ee7105;
    font-size: 20px;
    font-weight: 400;
}

.complexLink {
    padding-top: 20px;
}
.projects {
    margin: 100px 0;
}
.projects h2, .brand h2 {
    font-family: "Open Sans";
    color: #2f4d59;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
}

/*.brand h2 {
    padding-top: 50px;
}
*/
.brandGroup {
    padding-bottom: 30px;
}

.pos {
    padding: 20px;
}

.posImg {
    background-position: center;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
}

.posImg:hover {
    text-decoration: none;
}

.posBack {
    display: block !important;
    font-size: 18px;
    color: white;
    font-weight: 800;
    width: 100%;
    min-height: 230px;
    text-shadow: black 0 0 2px;
    transition: 0.15s linear;
}

.posText {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 20px;
    display: none;
}

.posTextW {
    font-weight: 600;
}

.posBack:hover .posText {
    display: block;
}

.posBack:hover {
    background: transparent;
    background: -moz-linear-gradient(45deg, rgba(231, 222, 5, 0.9) 0%, rgba(246, 72, 145, 0.9) 100%);
    background: -webkit-gradient(45deg, color-stop(0%, rgba(231, 222, 5, 0.9)), color-stop(100%, rgba(246, 72, 145, 0.9)));
    background: -webkit-linear-gradient(45deg, rgba(231, 222, 5, 0.9) 0%, rgba(246, 72, 145, 0.9) 100%);
    background: -o-linear-gradient(45deg, rgba(231, 222, 5, 0.9) 0%, rgba(246, 72, 145, 0.9) 100%);
    background: -ms-linear-gradient(45deg, rgba(231, 222, 5, 0.9) 0%, rgba(246, 72, 145, 0.9) 100%);
    background: linear-gradient(45deg, rgba(231, 222, 5, 0.9) 0%, rgba(246, 72, 145, 0.9) 100%);
    text-decoration: none;
    color: white;
}

.posTitle {
    padding: 20px;
}

.posTitleUnder {
    padding: 20px 0;
    font-size: 24px;
}

.posTitleUnder a {
    color: #678293;
}

.posTitleUnder a:hover {
    color: #ef7101;
    text-decoration: none;
}

.postavkaBG {
    width: 100%;
    height: 450px;
    background-position: center;
}

.carousel-indicators {
    top: 30px;
}

.carousel-indicators .active {
    background-color: #ef7101;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid white;
    width: 200px;
}

.partnerImage {
    transform: scale(0.8);
    transition: all 1s ease-out;
    padding: 5px 0;
    display: block;
    margin: auto;
}

.partnerImage:hover {
    transform: scale(1.0);
}
.posTextW {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.usImg {
    background-position: left;
    background-size: cover;
    display: block;
}

.usImg2 {
    background-position: center;
    background-size: cover;
    display: block;
}

.posImg:hover, .usImg:hover, .usImg2:hover {
    text-decoration: none;
}

.posBack {
    font-size: 18px;
    color: white;
    font-weight: 800;
    width: 100%;
    text-shadow: black 0 0 2px;
    transition: 0.15s linear;
}

.posBack:hover {
    background-color: rgba(238, 113, 5, 0.7);
}

.posBack:hover .posText {
    display: block;
}

.posTitle {
    padding: 20px;
    cursor: default
}
@media (min-width: 1151px) and (max-width: 1919px) {
     .Block1 img {
    max-width: 160px;
 }  
      .Block2 img {
    max-width: 160px;
 }  
      .Block3 img {
    max-width: 160px;
 }  
      .Block4 img {
    max-width: 160px;
 }  
      .Block5 img {
    max-width: 160px;
 }  
}
@media (min-width: 1024px) and (max-width: 1150px) {
    .Block1 {
    background-image: none !important;
    min-height: 618px !important;
 }
    .Block1 img {
    max-width: 140px;
 }
      .Block2 img {
    max-width: 140px;
 }  
      .Block3 img {
    max-width: 140px;
 }  
      .Block4 img {
    max-width: 140px;
 }  
      .Block5 img {
    max-width: 140px;
 }  
}
@media (min-width: 750px) and (max-width: 1023px) {
    .Block1 {
    background-image: none !important;
    min-height: 292px !important;
 }
    .Block1 img {
    max-width: 140px;
 }
    .Block2 {
    background-image: none !important;
    background-color: #dcdcdc;
 } 
       .Block2 img {
    max-width: 140px;
 } 
       .Block3 img {
    max-width: 140px;
 } 
       .Block4 img {
    max-width: 140px;
 } 
       .Block5 img {
    max-width: 140px;
 } 
 
}
@media (min-width: 321px) and (max-width: 749px) {
    .Block1 {
    background-image: none !important;
    min-height: 50px !important;
 }
    .Block1 img {
    max-width: 140px;
 }
       .Block2 img {
    max-width: 140px;
 } 
       .Block3 img {
    max-width: 140px;
 } 
       .Block4 img {
    max-width: 140px;
 } 
       .Block5 img {
    max-width: 140px;
 } 
     .Block1 p {
    font-size: 12px;
 }
  
}
@media (min-width: 100px) and (max-width: 320px) {
      .Block1 {
    background-image: none !important;
    min-height: 50px !important;
 }
    .Block1 img {
    max-width: 140px;
 }
       .Block2 img {
    max-width: 140px;
 } 
       .Block3 img {
    max-width: 140px;
 } 
       .Block4 img {
    max-width: 140px;
 } 
       .Block5 img {
    max-width: 140px;
 } 
     .Block1 p {
    font-size: 12px;
 }
}