.red-background { background-color: #cd1e28 } .white-background, .contact-social.linkedin .hex-area.white-background { background-color: #d7dbd8!important; } .gray-background, .contact-social.linkedin .outer-hex.gray-background { background-color: #9e9e9e !important; } .dark-blue-background ,.contact-social.linkedin .dark-blue-background.hex-area { background-color: #103576!important; } .light-blue-background, .contact-social.linkedin .light-blue-background.hex-area { background-color: #089bcf!important; } #gallery .contact-socials .contact-social-overlay .hex-area ,#portfolio-header .contact-socials .contact-social-overlay .hex-area { /*background-color: #d7dbd8!important;*/ background-color: #cccccc!important; } #gallery .gallery-item-overlay .hex-area, #portfolio-header .gallery-item-overlay .hex-area{ background-color: #d7dbd8!important; } #gallery .gallery-item-overlay .hex-area.no-partner { background-color: rgba(104,104,104)!important; position: relative; z-index: 999999999; } #gallery .hex_overlay { background-color: rgba(104,104,104)!important; position: relative; z-index: 99999999999; width: 100%; height: 100%; } #gallery .gallery-item-overlay .outer-hex , #portfolio-header .gallery-item-overlay .outer-hex { background-color: #9e9e9e; } #gallery .flex-control-paging { display: none; } .white-color { color:#fff; } #gallery .gallery-item .socials { padding-top: 80px; } #gallery .gallery-item-overlay:hover .outer-hex, #portfolio-header .gallery-item-overlay:hover .outer-hex { background-color: rgba(153,60,149,0.7); } #intro { height: 540px; } #gallery .gallery-box { padding: 0px 100px; } #our_partners-wrap { position: relative; z-index: 1; padding-bottom: 55px; } #our_partners-wrap .our_partners-cont { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .1; background-size: cover; background-color: #000; z-index: 4; } .gallery-cont { position: relative; z-index: 7; position: relative; opacity:1; } #gallery .contact-social .outer-hex, #portfolio-header .contact-social .outer-hex{ background-color: #9e9e9e !important; } .services-wrap-cont { border-top: 5px solid #ddd; } .typewriter-span { font-size: 3.82rem; text-shadow: 0 0 2px #000; } .non-margin { margin: 0!important; } .about-item.highlight { background-color: #fff; } .about-item, .serevices-item { text-align: center; padding: 180px 5px; } #portfolio-header .hive .outer-hex:hover { background-color: rgba(153,60,149,0.7)!important; } #galery .gallery-item-overlay:hover .hex-area.no-partner { background-color: #d7dbd8!important; } #gallery .section-triangle-grey { /*background-color: #f6f6f6;*/ display: none; } #about-wrap { padding-bottom: 230px; } #gallery { position: relative; } #our_partners-wrap::before{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 36px 63px 0px 63px; border-color: #f6f6f6 transparent transparent transparent; top: 0; left:50%; transform: translateX(-50%); z-index: 11; } #services:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 36px 63px 0px 63px; border-color: #060504 transparent transparent transparent; top: -5px; left: 50%; transform: translateX(-50%); z-index: 11; opacity: .8; } .successfully { color:#00FF00; } .error { background-color: #FF0000; } @media (max-width: 1024px){ #gallery .gallery-box { padding: 0px 80px; } } @media (max-width: 768px){ #gallery .gallery-box { padding: 0px 50px; } } @media (max-width: 480px){ #gallery .gallery-box { padding:0px; } }