/*
Theme Name: m9g
Theme URI: https://micro9group.com
Template: Divi
Author: Micro 9 group
Description: Micro 9 Group
Version: 4.17.6.1659940200
Updated: 2022-08-08 06:30:00

*/
#preloader {width: 100%; height:100%; position: fixed; z-index: 9; background-color: #000; left: 0; top: 0; opacity: 1; visibility: visible; pointer-events: all; } #preloader:after, #preloader:before { content: ""; position: absolute; right: 0; width: 100%; height: 50%; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: preloader 2s; animation: preloader 2s; } #preloader:before { top: 0; border-bottom: 1px solid #c8200d; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #preloader:after { bottom: 0; border-top: 1px solid #c8200d; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } @-webkit-keyframes preloader{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes preloader{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pslide-in { 0% { -webkit-transform: translateX(100%); opacity: 0; visibility:hidden; display:none; } 100% { -webkit-transform: translateX(0%); opacity: 1; visibility:visible; display:block; } } 
@-webkit-keyframes pslide-in { 0% { transform: translateX(100%); opacity: 0; visibility:hidden; display:none; } 100% { transform: translateX(0%); opacity: 1; visibility:visible; display:block; } } 
@keyframes pslide-out { 0% { transform: translateX(0%); opacity: 1; visibility:visible; display:block; } 100% { transform: translateX(100%); opacity: 0; visibility:hidden; display:none; } } 
@-webkit-keyframes pslide-out { 0% { -webkit-transform: translateX(0%); opacity: 1; visibility:visible; display:block } 100% { -webkit-transform: translateX(100%); opacity: 0; visibility:hidden; display:none; } }
#page-container { overflow-y: hidden; }
.et_pb_column{z-index:1!important; min-height:0}.has_et_pb_sticky{z-index:1!important}
.et_pb_section_1_tb_header.pactive{opacity: 1; visibility: visible; animation: pslide-in 1s forwards; -webkit-animation: pslide-in 1s forwards; }
.nav-container{transition: 1s ease-in-out all; transform: translateY(100%);  visibility:hidden; display:flex; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: visible; width: 100vw; height: 100vh; padding-top: 0; padding-bottom: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index:2 } .nav-container.active{ transform: translateY(0);  visibility:visible} .nav-items {display: flex; align-items: end;} .nav-links li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 5px; } .item-number { margin-right: 20px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #080808; font-size: 11px; line-height: .75em; font-weight: 600; letter-spacing: 3px; } .nav-links a{position: relative; display: inline-block; overflow: hidden; } .nav-links a::before { position: absolute; content: attr(data-content); top: 0; left: 0; color: red;  overflow: hidden; transition: width 275ms ease; width: 0; white-space: nowrap; } .nav-links a:hover::before {width: 100%;} .navigation{display: -webkit-flex; display: -ms-flexbox; margin-top: 20px; display: flex; width: 100%; max-width: 120em; padding-right: 5%; padding-left: 5%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; height: auto; margin-bottom: 0; } .logo-link{ color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 3px; text-decoration: none; } .logo-link img { width: 120px; } .nav-button{overflow: hidden; height: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer;} .open-wrap {transition: 1s ease transform; transform: translate3d(0px, -100%, 0px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-text { color: #a3a3a3; font-size: 12px; line-height: 12px; letter-spacing: 3px; text-decoration: none; text-transform: uppercase; } .offices li { position: relative; overflow: hidden; } .offices li::before { position: absolute; content: attr(data-content); top: 0; left: 0; color: red; overflow: hidden; transition: width 275ms ease; width: 0; white-space: nowrap; } .offices li:hover::before { width: 100%; } .chaddress:after, .noaddress:after, .sgaddress:after, .caaddress:after { position: absolute; width: 10px; height: 2px; left: -22%; content: ""; background: #918f8fad; } .sgaddress:after{top: 10%;} .caaddress:after{top: 40%;} .noaddress:after{top: 60%;} .chaddress:after{top: 88%;} .chaddress:before, .noaddress:before, .sgaddress:before, .caaddress:before { position: absolute; width: 2px; height: 100%; content: ""; background: #918f8fad; left: -18%; } .ham-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 10px; margin-left: 12.5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .ham-line1 { width: 25px; height: 2.22px; background-color: #a3a3a3; } .open-wrap:hover .ham-line2{ width:25px; transition: all 1s ease;} .ham-line2 { transition: all 1s ease; width: 15px; height: 2.22px; background-color: #a3a3a3; } .close-wrap { transition: 1s ease transform; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 25px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .close-text { color: #a3a3a3; font-size: 12px; line-height: 12px; letter-spacing: 3px; text-decoration: none; text-transform: uppercase; } .close-btn { position: static; z-index: 5000; width: 18px; height: 18px; margin-left: 12.5px; background-image: url(/wp-content/uploads/2023/02/close.svg); background-position: center; background-size: auto; background-color: #fff; background-size: 70%; background-repeat: no-repeat; } .open-wrap.inview { transition: 1s ease transform; transform: translate3d(0px, 0%, 0px); } .close-wrap.inview { transform: translate3d(0px, -100%, 0px); transition: 1s ease transform; } .slider{overflow-y:hidden;} .slick-slide{float: left;} .slider-arrow{display:flex} .readmore svg { width: 22px;} .readmore{width:7vw!important; color:#fff} .readmore, .prev-arrow, .next-arrow { align-items: center; border-radius: 9999em; box-shadow: inset 0 0 0 1.4px #fff; display: flex; height: 1.6483516484vw; justify-content: center; margin-right: 0.9157509158vw; -webkit-mask-image: -webkit-radial-gradient(#fff,#000); overflow: hidden; position: relative; width: 3.1135531136vw; } .readmore svg, .next-arrow svg, .prev-arrow svg { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: auto; mix-blend-mode: difference; position: relative; transform-origin: center; width: 1.7399267399vw; } .prev-arrow svg { transform: rotate(180deg); } .readmore { width: 150px!important; color: #fff; height: 29px!important; } .readmore span{padding-top:2px; margin-right:10px; mix-blend-mode:difference} .readmore div, .slick-arrow div { background: #fff; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; transform: scaleY(0); transform-origin: 0 0; transition: transform .3s cubic-bezier(.52,.24,.08,1); will-change: transform; } .readmore:hover div, .slick-arrow:hover div { transform: scaleY(1); transform-origin: 0 bottom; } @keyframes animi{ from {width:0} to {width:50%;}} .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {background: #00000012; border: none!important;; border-bottom: 1px solid #fff!important;; color: #fff; font-weight: 300; font-size: 16px!important; padding: 12px!important; } .grecaptcha-badge {visibility: hidden;} .iti__country-list {background: #000!important; list-style: none!important; border: none!important;} div#field_1_9 {margin-bottom: 30px;} input#input_1_4, input#input_2_4 { padding-left: 80px!important;} div#field_1_6, div#field_2_6 {margin-bottom: -20px;} .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full { background: #d84242; border: none; font-weight: 900; padding: 10px; letter-spacing: 2px; color: #fff; text-transform: uppercase; font-size: 20px; } .conty { color: #e43333; font-weight: 500; } .text120{font-size:140%} .text60{font-size:70%} .gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color: #ffffff;} .gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color: #ffffff;} #sideform li:before { position: absolute; content: attr(data-country); top: 0; left: 0; color: black; overflow: hidden; transition: width 1000ms ease; width: 0; white-space: nowrap; } #sideform li { color:#c31010; font-weight: 600; position: relative; display: inline-block; overflow: hidden; } #sideform li:hover:before { width: 100%; }
.withline {display: flex; justify-content: flex-end; align-items: center;
}
.line { margin-right: 10px; margin-bottom: 10px; height: 6px; width: 10vw; background: rgb(229,63,63); }
.gform_validation_errors { display: none!important; }
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { color: #f84a4a!important; background: transparent!important; border: none!important; padding: 0!important; text-align: right; }