/* #navigation ul li.active.portfolio .nav-active-mark { bottom: -20px; } */ a:hover { text-decoration: none!important; } a.email { color: #993c95; transition: opacity .35s; -webkit-transition: opacity .35s; } a.email:hover { color: #993c95; opacity: .9; } ul.bulleted-list li { list-style-type: disc; } ul.bulleted-list { padding-left: 30px; } /* header */ .service-link,.industries-link { cursor: pointer; position: relative; } .service-link .fa-angle-down,.industries-link .fa-angle-down { position: absolute; right: -17px; top: 4px; font-size: 17px; transition: transform .35s; } .service-link.up.active .fa-angle-down, .industries-link.up.active .fa-angle-down { transform: rotate(180deg); } .sub-menu { /* display: flex; flex-direction: column; */ } .dropdown_wrap { } .dropdown_menu { display: none; position: relative; left: 0; width: 100%; padding: 10px 0px 32px 0; } .dropdown-left img { max-height: 200px; } #servicesMenu ul { padding-left: 95px; } #industriesMenu ul { padding-left: 172px; } #servicesMenu.active, #industriesMenu.active { display: block; } .expand-menu li { padding:5px 0px; } .expand-menu li a { color:#fff; transition: color .35s; } .expand-menu li a:hover { color:#993c95; } /* header end*/ #back-to-top { position: fixed; right: 16px; bottom: 40px; width: 70px; height: 50px; display: none; background-color: #993c95; border-radius: 7px; z-index: 99; } #back-to-top span { position: relative; top: 12px; left: 29%; font-size: 20px; color: #fff; } #back-to-top.active{ display: block; } .h3 { font-size: 36px; } .section-title h1 { font: 72px 'bebas_neue', Helvetica, Arial, sans-serif; color: #1d1d1d; padding: 0; margin-bottom: -10px; } .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; } /* portfolio */ #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; } .gbi-description { display: flow-root; } #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; transition: background-color .35s; -webkit-transition: background-color .35s; } #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-section { position: relative; z-index: 1; padding-bottom: 100px; } #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-section { padding-bottom: 240px; } */ #gallery { position: relative; padding-bottom: 0px!important; padding-top: 210px; } #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; } #our_partners_title { font-size: 40px; } #our_partners-section: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; opacity: 1; } .successfully { color:#00FF00; } .error { background-color: #FF0000; } /*careers page*/ .careers-intro, .service_type-intro { padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: row; } .careers-intro { min-height: 500px; padding-bottom: 100px; } .service_type-intro { /* min-height: 400px; */ padding-bottom: 50px; } .service-type-wrapper.dark { background-color: #1d1d1d; } .service-type-wrapper.dark .section-title h1 { color:#fff; } .service-info { padding: 50px 0px; } .service-info-wrapper,.service-type-wrapper { position: relative; min-height: 393px; } .service-type-wrapper:after { /* content: ""; position: absolute; width: 63px; height: 63px; box-sizing: border-box; background-image: url(../images/bg_industry.jpg); border: none; left: 50%; bottom: -30px; z-index: 1; transform: translateX(-50%) rotate(45deg); */ } /* .service-type-wrapper:after { content: ""; position: absolute; width: 63px; height: 36px; left: 50%; bottom: -36px; border-style: solid; border-width: 36px 63px 0px 63px; z-index: 1; transform: translateX(-50%); opacity: 0.9; } .service-type-wrapper.dark:after { border-color: #000 transparent transparent transparent; } */ /* .service-type-wrapper:before { content: ""; position: absolute; background-image: url("../images/industries-gradient.png"); height:100px; width: 100%; background-size: cover; left:0; bottom: -100px; } */ .service-type-wrapper.dark { /* box-shadow: 3px 3px 10px 15px #232323; */ } .service-type-wrapper.dark .shadow-up { position: absolute; bottom:0; left:0; background-color: #232323; height:16px; width:100%; } .service-type-wrapper.dark .shadow-up::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; box-shadow: 3px 3px 10px 12px #232323; } /* .service-type-wrapper:not(.dark):after { border-color: #ccc transparent transparent transparent; } */ /* .service-type-wrapper:not(.dark) { box-shadow: 3px 3px 10px 15px #ccc; filter: brightness(245%) saturate(140%); } */ /* .service-type-wrapper:not(.dark)::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: gray; opacity: 0.6; } */ .service-info-icon { font-size: 45px; } .careers .section-title, .service_type .section-title { position: relative; } .careers, .apply-form-cont { padding-top: 70px; padding-bottom: 80px; } .service_type { padding-top: 70px; position: relative; z-index: 2; } .careers .one_half, .service_type .one_half { float: left; } .position-cont { position: relative; width:100%; } .position { position: relative; width:100%; color: inherit; padding: 0px 35px; border: 4px solid #993c95; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 20px; color: #1d1d1d; -webkit-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; border-radius: 65px; cursor: pointer; } .position:hover { background-color: #993c95!important; color:#fff!important; } .position.active{ background-color: #993c95!important; color:#fff!important; } .position-name { padding-top: 15px; } .position-name h4 { position: relative; margin-right: 55px; padding-bottom: 10px !important; } .chevron { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .chevron__line1, .chevron__line2 { stroke-width: 10; stroke-linecap: round; -webkit-transition: -webkit-transform 0.4s, stroke 0.4s; transition: transform 0.4s, stroke 0.4s; } .chevron__line1 { -webkit-transform-origin: 50px 50px; transform-origin: 50px 50px; } .chevron__line2 { -webkit-transform-origin: 50px 50px; transform-origin: 50px 50px; } .chevron--down, .chevron--up { display: block; } .chevron--down .chevron__container, .chevron--up .chevron__container { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform: translateY(13px); transform: translateY(13px); } .chevron--down .chevron__line1, .chevron--up .chevron__line1 { stroke: #993c95; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .chevron--down .chevron__line2, .chevron--up .chevron__line2 { stroke: #993c95; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .chevron--up .chevron__container { -webkit-transform: translateY(-13px); transform: translateY(-13px); } .chevron--up .chevron__line1 { stroke: white; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .chevron--up .chevron__line2 { stroke: white; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .position:hover .chevron--down .chevron__line1, .position:hover .chevron--down .chevron__line2 { stroke: #fff; } .position-content { padding: 30px 0px; } .apply-cont { height: auto; width: 100%; text-align: center; margin-top: 50px; } .btn-apply { color: #fff; padding: 10px 35px; border-radius: 45px; background-color: #993c95; border: none; font-size: 1.5rem; font-weight: bold; cursor: pointer; } .btn-apply:hover{ opacity: .8; color: #fff; } .background-overlay { position: absolute; background-color: #000; top:0; left:0; height: 100vh; width: 100vw; opacity: .85; z-index: 100; display: none; } .background-overlay.active{ display: block; } .apply-notification{ position: absolute; top:50%; left:50%; height:200px; width:300px; background-color: #993c95; z-index: 101; transform: translate(-50%,-150%); border-radius: 10px; text-align: center; display: none; } .apply-notification.active{ display: block; } .notification-msg { position: relative; top: 71px; color: #fff; font-size: 20px; } .close-notification { font-size: 25px; position: absolute; top: 5px; right: 13px; color:#fff; cursor: pointer; } /*end careers*/ /*apply page*/ .apply-title-cont { text-align: center; padding-bottom: 25px; } .aplly-title { margin-top: 30px; } .apply-form-cont .selectize-input input[type="text"] { display: none; } .apply-form-cont .selectize-control { position: relative; margin-bottom: 30px; border-bottom: 2px solid #993c95; cursor: pointer; } .apply-form-cont .selectize-control .item { padding: 13px 0px 12px 10px; background-color: #fff; border-bottom: 1px solid #993c95; } .apply-form-cont .selectize-control:hover:after{ color: #993c95; } .apply-form-cont .selectize-control:after { content:"\25bc"; position: absolute; right:0; top:11px; font-size: 20px; pointer-events: none; } .apply-form-cont .selectize-dropdown { position: absolute; } .apply-form-cont .selectize-dropdown-content .option { background-color: #fff; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; padding: 7px 5px; padding-left: 10px; } .apply-form-cont .selectize-dropdown-content .option:hover{ background-color: #993c95; color: #fff; } .apply-field:not(.resume-file) { width:100%; height:50px; margin-bottom: 30px; padding-left: 10px; border:none; border-bottom:2px solid #993c95; } input[type="file"].apply-field { opacity: 0; /* visibility: hidden; */ position: relative; z-index: 3; cursor: pointer; } .resume-cont { display: block; position: relative; z-index: 1; } .resume-cont label { display: inline-block; margin-bottom: .5rem; position: absolute; font-size: 1.3rem; /* right: 85px; */ left:50px; top: 0px; cursor: pointer; z-index: 1; pointer-events: none; } .apply-option { padding: 10px 0px; } .apply-option:hover { background-color: #993c95; } .apply-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */ } select.apply-field { cursor: pointer; } .apply-field:not(.resume-file){ display: block; } textarea.apply-field { resize: none; padding-top: 13px; height: 170px!important; } .apply-submit { float:right; display: block; color: #fff; border: none; font-size: 14px; font-weight: bold; float: right; cursor: pointer; margin-top: 20px; background-color: #993c95; border-radius: 23px; padding: 15px 25px; transition: opacity 300ms; -webkit-transition: opacity 300ms; } .apply-submit:hover,.contact-form input#submit:hover { opacity: .8; } .apply-submit:disabled { background-color: #d1d1d1; } #temp-btn { padding:10px; background-color: red; } .collapse { transition: display 300ms; -webkit-transition: display 300ms; } .resume-file { display: block; } .delete-file { position: relative; } .btn-delete-file { position: relative; float: right; height: 30px; width: 30px; cursor: pointer; z-index: 1; border: none; background-color: transparent; } .btn-delete-file svg{ font-size: 20px; } .btn-delete-file svg path { transition: fill 300ms; -webkit-transition: fill 300ms; } .btn-delete-file:hover svg path{ fill: #993c95; } .apply-submit:focus,.btn-delete-file:focus{ border:none; outline: none; } .apply-msg-cont { margin-top: 50px; text-align: center; } .apply-msg { visibility: hidden; opacity: 0; color: #28a745; transition: visibility 0s linear 300ms, opacity 300ms; -webkit-transition: visibility 0s linear 300ms, opacity 300ms; font-size: 20px; } .apply-msg.active { visibility: visible; opacity: 1; } /*apply page end*/ .slides > * { opacity :1!important; } .mobile-nav-toggle:hover{ color: #993c95; } #services { padding:155 0px; } .diligent-purple-background { background-color: #993c95 !important; } .diligent-purple-title { color: #993c95 !important; } .padding-bottom-50 { padding-bottom:50px !important; } @media (max-width: 1024px) { #gallery .gallery-box { padding: 0px 80px; } } @media (max-width: 768px) { .first-sti, .second-sti { padding-bottom: 50px; } .apply-notification { transform: translate(-50%,-275%); } #gallery .gallery-box { padding: 0px 50px; } .careers-intro { flex-direction: column; } .section-title h1 { font-size: 43px; } .chevron svg { height: 50px; width:50px; } .position-name h4 { font-size: 20px; } } @media (max-width: 767px) { .gbi-description { display: block; } } @media (max-width: 480px) { #gallery .gallery-box { padding:0px; } .chevron { right:20px; } .position-name h4 { position: relative; margin-right: 55px; font-size: 1.2rem; } #intro { height: 544px!important; } } @media (max-width: 400px) { .copyright-wrapper { height: unset!important; padding: 5px 0px; } }