a:hover {
  cursor:pointer;
 }

.conf-check-div {
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 10px;
}


.conf-check-div .left {
    display: inline-block;
    width: 5%;
    vertical-align: top;
}

.conf-check-div .right {
    display: inline-block;
    width: 93%;
    vertical-align: top;
    line-height: normal;
} 
.conf-check-div .right  a {
    color: #337ab7;
}

.article-section { margin-top: 130px; margin-bottom: 0 /*margin-bottom: -70px*/; font-family: 'Open Sans', sans-serif; }
.article-section .text-block {
    margin-left: 40px;
    margin-right: 40px;
}
.article-section .article-title {margin-bottom: 60px}
.article-section .main-article {
    color: #3cb8d3;
    font-size: 24px;
    line-height: 42px;
    font-weight: 300;
}
.article-section h2 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}

.article-section  .article-1, 
.article-section  .article-2, 
.article-section  .article-3 {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.button { display: inline-block;
    width: 100%;
    border: 0;
    border-radius: 0;
    font-family: "Bebas"; 
    font-size: 20px;
    color: #ffffff !important; 
    font-weight: bold; 
    letter-spacing: 2px; 
    background-color: #ea1a46; 
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 5px;
}

.button:hover { background-color: #35A4BC; }
.button:active { background-color: #28889C; }

.contact-via-socials__title {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.contact-via-socials__buttons {
    display: flex;
    gap: 15px;
}
.contact-via-socials__button_whatsapp {
    background-color: #25d365;
}

.contact-via-socials__button_whatsapp:hover,
.contact-via-socials__button_whatsapp:active {
    background-color: #29ad5a;
}

.contact-via-socials__button_telegram {
    background-color: #0088cc;
}

.contact-via-socials__button_telegram:hover,
.contact-via-socials__button_telegram:active {
    background-color: #1273a3;
}

.cases-section { margin-top: 130px; }
.cases-section .polosa { margin-bottom: 20px; }
.solution-for-all-section .case-row, .cases-section .case-row { margin-top: 0px; }
.cases-section .special-case { font-size: 18px; font-family: "Bebas"; line-height: 35px; color: #7a8992; font-weight: normal; letter-spacing: 1px; margin-bottom: 10px; opacity: 0.85;}
.cases-section .special-case img { margin-right: 15px; width: initial; }
.cases-section .case-title { font-size: 36px; font-family: "BebasBook"; line-height: 36px; color: #ffffff; font-weight: normal; margin-bottom: 30px; letter-spacing: 1px;}
.keises .image-block img { width: 112%; }
.keises li { font-weight: light; list-style-type: none; font-size: 16px; line-height: 15px; margin-bottom: 10px; color: white; opacity: 0.75;}
.keises ul { margin-bottom: 30px; }
.keises a { color: white }
.keises p { margin-bottom: 0.8em; color: #016cb4; }
.keises h2 { text-transform: uppercase; }
.keises a { margin-top: 1em; }
.keises .opis { text-align: center; color: #fff; }
.cta-area { width: 85%;     margin-top: 30px;}
.cta-area .conf-check-div .right a { color: #fff; }
.cases-section button { display: inline-block; width: 100%; height: 45px; margin-bottom: 20px; padding-top: 3px; border: 0; border-radius: 0; font-family: "Bebas"; font-size: 20px; line-height: 20px; color: #ffffff; font-weight: bold; letter-spacing: 2px; background-color: #ea1a46; text-decoration: none; text-transform: uppercase; position: relative; overflow: visible; color: #fff; }
.cases-section button:hover { background-color: #35A4BC; }
.cases-section button:active { background-color: #28889C; }
.solution-for-all-section .image-block, .cases-section .image-block { margin-left: -212px; overflow: hidden }
.cases-section .description-block { margin-left: -178px; margin-top: 60px; }
.portfolio-section { margin-top: 0; }
.portfolio-section .polosa { margin-bottom: 50px; }
.portfolio-section .opis { text-align: center; color: #3cb8d3; font-size: 20px; }
.portfolio-container { padding-left: 40px; padding-right: 40px; }
.portfolio-container .port-list .port-item { }
.portfolio-container .item:hover { background: url('/images/portfolio-hover.png'); background-repeat: no-repeat; background-position: center; background-color: #0090d3; }
.portfolio-container .item img:hover { opacity: 0.4; }
.portfolio-container .flex-images .item { border: none; margin: 5px; }
.solution-for-all-section {    /*background-color: #012D48;*/
margin-top: 120px; }
.solution-for-all-section .polosa { margin-bottom: 30px; }
.solution-for-all-section .description-block { margin-left: -178px; margin-top: 60px; width: 40%; }
.solution-for-all-section .trigger-img { margin-top: 50px; }
.solution-for-all-section .trigger-img img { width: initial; }
.solution-for-all-section .general-solution-form-message { margin-top: 50px; margin-bottom: 30px; font-size: 36px; font-family: "Bebas"; line-height: 36px; color: #ffffff; font-weight: bold; }

.map-section { background-color: #012D48; padding-top: 0; }
.map-section .container { width: 100%; }
#map_canvas { height: 600px; }
.on_map { margin: 0; }
#map-canvas { height: 690px; padding: 0px 0 0px 0; overflow: hidden; transform: translateZ(0px); }
#map-infowindow { position: relative; right: 120px; top: 130px; width: 429px; height: 410px; background: url('../images2/on-map-text.png') top center no-repeat; background-size: contain; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; display: block; }
#map-infowindow-close { position: absolute; top: 10%; right: 10%; width: 34px; height: 34px; border-radius: 18px; }
#map-marker { position: relative; display: block; }
.on_map_address_inner { margin-left: 90px; margin-right: 60px; margin-top: 65px; }
#on_map_address a { color: #a8355e; text-decoration: none; }
#on_map_address a:hover { text-decoration: underline; }
.r1 { font-size: 24px; font-family: "Bebas"; line-height: 24px; color: #00314a; font-weight: bold; margin-bottom: 20px; }
.r3 { font-size: 40px; font-family: "Bebas"; line-height: 40px; color: #00314a; font-weight: bold; display: block; }
.r2, .r4 { font-size: 14px; line-height: 14px; color: #FFFFFF; display: block; margin-top: 10px; margin-bottom: 0; font-family: 'Open Sans', sans-serif; }
.r2 { margin-top: 20px; }
.question-section { background-color: #012D48; }
.other-questions { padding-top: 50px; padding-bottom: 30px; margin-top: 0; margin-bottom: 0; text-align: center; }
.other-questions .questions-message { font-size: 40px; font-family: "BebasBook"; line-height: 50px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
.other-questions .question-message-offer { }
.other-questions .phone { margin-bottom: 15px; }
.other-questions .phone-number { display: block; text-decoration: none; font-size: 40px; font-family: "Bebas"; line-height: 50px; color: #3cb8d3; font-weight: bold; letter-spacing: 4px; }
.other-questions .free-phone, .other-questions .working-hours { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; color: #FFFFFF; }
.other-questions .free-phone { margin-bottom: 0; }

.question__networks {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footer-section { background-color: #012D48; padding-top: 60px; }
.footer-section .logo, .footer-section .letter-icon, .footer-section .email { text-align: center; }
.footer-section .logo { margin-bottom: 40px; }
.footer-section .letter-icon { margin-bottom: 20px; }
.footer-section .email { font-size: 20px; font-family: "Bebas"; line-height: 30px; color: #3cb8d3; font-weight: normal; letter-spacing: 1px; }
.footer-section .email a { color: #3cb8d3; }
.footer-section .credentials { margin-top: 45px; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height: 34px; color: #FFFFFF }
.footer-section .req { text-align: right; }
.footer-section .ogrn { margin-left: 20px; margin-right: 20px; }
.link-section { background-color: #012D48; padding-top: 70px; padding-bottom: 100px; }
.link-section .link-cloud a { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height: 22px; color: #7a8992; display: inline-block; margin-left: 10px; margin-right: 10px; text-align: left; width: 30%; margin-top: 12px; }.cube { width: 87% !important; height: 40px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.default-state, .active-state { height: 40px; }
.default-state { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px); }
.flip-to-top .active-state { -webkit-transform: rotateX(90deg) translateZ(60px); -moz-transform: rotateX(90deg) translateZ(60px); -o-transform: rotateX(90deg) translateZ(60px); -ms-transform: rotateX(90deg) translateZ(60px); transform: rotateX(90deg) translateZ(60px); }
.flip-to-bottom .active-state { -webkit-transform: rotateX(-90deg) translateZ(-50px); -moz-transform: rotateX(-90deg) translateZ(-50px); -o-transform: rotateX(-90deg) translateZ(-50px); -ms-transform: rotateX(-90deg) translateZ(-50px); transform: rotateX(-90deg) translateZ(-50px); }

/* Rotate the cube */
.cube.flip-to-top:hover { -webkit-transform: rotateX(-89deg); -moz-transform: rotateX(-89deg); -o-transform: rotateX(-89deg); -ms-transform: rotateX(-89deg); transform: rotateX(-89deg); }
.cube.flip-to-bottom:hover { -webkit-transform: rotateX(89deg); -moz-transform: rotateX(89deg); -o-transform: rotateX(89deg); -ms-transform: rotateX(89deg); transform: rotateX(89deg); }
.cube { margin: 0; position: relative; left: 0; }
.default-state, .active-state { text-transform: uppercase; color: #00314a; -webkit-transition: background 250ms ease; -moz-transition: background 250ms ease; -o-transition: background 250ms ease; transition: background 250ms ease; display: inline-block; width: 87% !important; height: 40px; padding-top: 6px; border: 0; border-radius: 0; font-family: "Bebas"; font-size: 20px; line-height: 20px; font-weight: bold; letter-spacing: 2px; margin-bottom: 0; overflow: visible; }
.cube:hover .default-state { background: #FFFFFF; }
.active-state { background: #35A4BC; }
.cube:hover .active-state { background: #35A4BC; }
#flipto { display: block; text-align: center; text-decoration: none; margin-top: 20px; color: #ccc; }


.hid { opacity: 0; }
.visible { opacity: 1; }
body { background-color: #012D48; }
.portfolio-section { background: url('../images2/bg_main_4.jpg'); background-repeat: repeat; background-repeat-x: no-repeat; background-position: top center; background-repeat-y: no-repeat; background-color: white; padding-top: 811px; margin-top: -800px; padding-bottom: 485px; margin-bottom: -521px; z-index: 1; background-size: 107%; background-color: #012D48; z-index: 1; }