html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block}
body{ line-height:1}
ol,ul{ list-style:none}
blockquote,q{ quotes:none}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}
table{ border-collapse:collapse; border-spacing:0}
*,*:before,*:after{ box-sizing:border-box}
scrollbar,[scrollbar],[data-scrollbar]{ display:block; position:relative; overflow:scroll}
scrollbar .scroll-content,[scrollbar] .scroll-content,[data-scrollbar] .scroll-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:transform}
scrollbar.scrolling .scroll-content,[scrollbar].scrolling .scroll-content,[data-scrollbar].scrolling .scroll-content{ pointer-events:none}
scrollbar.scrolling .scroll-content .scroll-content,[scrollbar].scrolling .scroll-content .scroll-content,[data-scrollbar].scrolling .scroll-content .scroll-content{ pointer-events:auto}
scrollbar .scrollbar-track,[scrollbar] .scrollbar-track,[data-scrollbar] .scrollbar-track{position:absolute;opacity:0;z-index:1;transition:opacity .5s 1s ease-out,background .5s ease-out; background:none}
scrollbar .scrollbar-track.show,[scrollbar] .scrollbar-track.show,[data-scrollbar] .scrollbar-track.show,scrollbar .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,[data-scrollbar] .scrollbar-track:hover{opacity:1; transition-delay:0s}
scrollbar .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,[data-scrollbar] .scrollbar-track:hover{ background:rgba(222,222,222,0.75)}
scrollbar .scrollbar-track-x,[scrollbar] .scrollbar-track-x,[data-scrollbar] .scrollbar-track-x{ bottom:0; left:0; width:100%; height:8px}
scrollbar .scrollbar-track-y,[scrollbar] .scrollbar-track-y,[data-scrollbar] .scrollbar-track-y{ top:0; right:0; width:8px; height:100%}
scrollbar .scrollbar-thumb,[scrollbar] .scrollbar-thumb,[data-scrollbar] .scrollbar-thumb{position:absolute;top:0;left:0;width:8px;height:8px;background:rgba(0,0,0,0.5);border-radius:4px}
html{margin-top:0 !important}
body{font-family: 'Roboto', sans-serif;font-style:normal;font-weight:300;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
body.error404,body.thank-you{height:100vh;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center; justify-content:center}
body.error404 .content,body.thank-you .content{ text-align:center}
body.error404 .content .button,body.thank-you .content .button{ margin-top:50px}
body[data-delay='true']{ -webkit-animation:hartland 500ms forwards; animation:hartland 500ms forwards}
@-webkit-keyframes hartland{
100%{ opacity:0 }
}
@keyframes hartland{
100%{ opacity:0 }
}
body.noScroll .nav{ z-index:-1000}
body.noScroll .scrollbar-track{ display:none !important}
section{ width:100%; height:100vh; overflow:auto}
/*::-moz-selection{
background:rgba(255,224,144,0.1)
}
::selection{
background:rgba(255,224,144,0.1)
}*/
input,textarea,button,select,a{ -webkit-tap-highlight-color:rgba(0,0,0,0)}
input:focus,textarea:focus,button:focus,select:focus,a:focus{ outline:0}
@media(max-width:1600px){
.container{ padding-right:136px; padding-left:136px; padding-top:68px; padding-bottom:68px }
}
@media(max-width:1200px){
.container{ padding-right:0; padding-left:0 }
}
@media(max-width:1024px){
.container{ padding-top:36px; padding-bottom:36px }
}
#footer .holder,.keypeople .bussines-wraper,.awards .bussines-wraper,.single-career .layout,#our-businesses .header-wraper,#our-businesses .bussines-wraper,.single-media_centre .layout{ width:100%; max-width:1400px; margin:0 auto}
.scroll-content{ position:relative}
.section-scrollbar.noScroll{ height:100%; overflow:hidden}
.layout{ padding-left:100px; padding-right:100px}
@media(max-width:1600px){
.layout{ padding-left:68px; padding-right:68px }
}
@media(max-width:1024px){
.layout{ padding-left:36px; padding-right:36px }
.feature-ami {width:100%!important;}
}
.open-lightbox:hover{ cursor:pointer}
.button{height:auto;position:relative;display:inline-block;overflow:hidden;border:1px solid #ccc;font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:2px;color:rgba(44,44,52,0.5);background:transparent;line-height:1.4;padding:26px 80px;cursor:pointer;font-size:1rem;transition:color 500ms,-webkit-transform 500ms 50ms;transition:color 500ms,transform 500ms 50ms;transition:color 500ms,transform 500ms 50ms,-webkit-transform 500ms 50ms}
.button:before{content:''; position:absolute; top:0;right:0;bottom:0;left:0;z-index:-100;background:#2c2c34;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleX(0);transform:scaleX(0); transition:-webkit-transform 500ms;transition:transform 500ms;transition:transform 500ms,-webkit-transform 500ms}
html[dir='rtl'] .button:before{ -webkit-transform-origin:top right; transform-origin:top right}
.button:hover{ color:#fff !important}
.button:hover:before{ -webkit-transform:scaleX(1); transform:scaleX(1)}
.button:active{ -webkit-transform:scale(0.95); transform:scale(0.95)}
.button.alt{ color:#fff}
.button.alt:before{ background:rgba(255,255,255,0.3)}
@media(max-width:1024px){
.button{ width:100%; max-width:250px; padding:20px 50px }
.feature-ami {width:100%!important;}
}
@media(max-width:768px){
.button{ max-width:210px; padding:14px 28px }
.feature-ami {width:100%!important;}
.service-margin {
margin-top: 25px!important;
}
}
@media(max-width:768px){
.button{ font-size:.875rem }
}
.feature{ position:relative; display:inline-block; }
@media(max-width:1024px){
html[dir='rtl'] .feature{ padding-right:0; padding-left:0 }
}
@media(max-width:768px){
.feature{ padding-left:0 }
}
.feature .icon{display:inline-block; vertical-align:top; width:45px; height:45px; background-repeat:no-repeat; background-size:contain; background-position:top right}
.feature .text{ display:inline-block; vertical-align:top; }
.file-upload-holder{ position:relative; text-align:left; width:100%; margin-top:20px}
#file-upload{position:absolute; left:-9999px}
label[for="file-upload"]{ padding:20px 40px; cursor:pointer; position:absolute; top:0; right:0; bottom:0; line-height:1}
@media(max-width:620px){
label[for="file-upload"]{ display:block; position:static; width:100%; max-width:100%; margin-top:-1px }
}
#file-name{display:block;white-space:nowrap;overflow:hidden;border-bottom:1px solid #ccc;color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;padding:20px;font-size:1.125rem; font-weight:400}
#file-name.file-added{ color:rgba(44,44,52,0.75)}
input{width:100%;height:60px;padding:10px 20px;font-size:1rem;letter-spacing:.0625rem;color:rgba(44,44,52,0.5); border-radius:0; border:0; border-bottom:1px solid #ccc}
html[dir='rtl'] input{ text-align:right}
@media(max-width:600px){
input{ height:45px; font-size:.875rem }
}
input::-webkit-input-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:-moz-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input::-moz-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:-ms-input-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:focus{outline:0}
input:focus::-webkit-input-placeholder{ -webkit-transform:translateX(5px); transform:translateX(5px); opacity:.5}
input:focus:-moz-placeholder{ transform:translateX(5px); opacity:.5}
input:focus::-moz-placeholder{ transform:translateX(5px); opacity:.5}
input:focus:-ms-input-placeholder{ transform:translateX(5px); opacity:.5}
i.arrow-icon{position:absolute;top:35px;right:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-left:1px solid #ccc;border-bottom:1px solid #ccc;z-index:100;width:15px;height:15px}
select{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;padding:16px 40px 16px 16px;border-radius:0;text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms;font-size:1rem; background:#fff;color:rgba(44,44,52,0.5);outline:0;/*-webkit-appearance:none;-moz-appearance:none;appearance:none;*/cursor:pointer;border:1px solid #ccc;transition:box-shadow 1000ms;direction:ltr}
@media(max-width:600px){
select{font-size:.8rem }
}
textarea{resize:none;width:100%;height:180px;padding-top:20px;padding-left:20px;border:0;border-bottom:1px solid #ccc;border-radius:0;color:rgba(44,44,52,0.5);font-size:1rem;font-family:Arial;letter-spacing:.0625rem}
@media(max-width:600px){
textarea{ height:140px; padding-top:10px; padding-left:19px; font-size:.875rem }
}
html[dir='rtl'] textarea{ text-align:right; padding-right:20px}
textarea::-webkit-input-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:-moz-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea::-moz-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:-ms-input-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:focus{ outline:0}
textarea:focus::-webkit-input-placeholder{ -webkit-transform:translateX(5px); transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus::-webkit-input-placeholder{ -webkit-transform:translateX(-5px); transform:translateX(-5px)}
textarea:focus:-moz-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus:-moz-placeholder{ transform:translateX(-5px)}
textarea:focus::-moz-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus::-moz-placeholder{ transform:translateX(-5px)}
textarea:focus:-ms-input-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus:-ms-input-placeholder{ transform:translateX(-5px)}
.dxb-url,.hidden-form-field{ position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transform:translateX(-9999px); transform:translateX(-9999px)}
.form-group{ /* position:relative; */display:block}
.form-group[data-error='0'] .validate-msg{ display:none}
.form-group[data-error='1'] .form-control{ -webkit-animation:error-1 500ms; animation:error-1 500ms}
@-webkit-keyframes error-1{
20%{
-webkit-transform:translateX(17.95px);
transform:translateX(17.95px)
}
40%{
-webkit-transform:translateX(-8.06px);
transform:translateX(-8.06px)
}
60%{
-webkit-transform:translateX(3.61px);
transform:translateX(3.61px)
}
80%{
-webkit-transform:translateX(-1.62px);
transform:translateX(-1.62px)
}
}
@keyframes error-1{
20%{
-webkit-transform:translateX(17.95px);
transform:translateX(17.95px)
}
40%{
-webkit-transform:translateX(-8.06px);
transform:translateX(-8.06px)
}
60%{
-webkit-transform:translateX(3.61px);
transform:translateX(3.61px)
}
80%{
-webkit-transform:translateX(-1.62px);
transform:translateX(-1.62px)
}
}
.form-group[data-error='2'] .form-control{ -webkit-animation:error-2 500ms; animation:error-2 500ms}
@-webkit-keyframes error-2{
20%{
-webkit-transform:translateX(17.95px);
transform:translateX(17.95px)
}
40%{
-webkit-transform:translateX(-8.06px);
transform:translateX(-8.06px)
}
60%{
-webkit-transform:translateX(3.61px);
transform:translateX(3.61px)
}
80%{
-webkit-transform:translateX(-1.62px);
transform:translateX(-1.62px)
}
}
@keyframes error-2{
20%{
-webkit-transform:translateX(17.95px);
transform:translateX(17.95px)
}
40%{
-webkit-transform:translateX(-8.06px);
transform:translateX(-8.06px)
}
60%{
-webkit-transform:translateX(3.61px);
transform:translateX(3.61px)
}
80%{
-webkit-transform:translateX(-1.62px);
transform:translateX(-1.62px)
}
}
.wpcf7-response-output{ border:0 !important; width:60% !important; float:right !important; padding-right:0 !important; margin-right:0 !important; line-height:1.4}
.wpcf7-response-output.wpcf7-mail-sent-ng,.wpcf7-response-output.wpcf7-mail-sent-ok{display:block;margin:0;padding:25px 0 0 0 !important;font-size:1rem;line-height:1.6;letter-spacing:1px;color:rgba(44,44,52,0.55); font-weight:400}
@media(max-width:1024px){
.wpcf7-response-output.wpcf7-mail-sent-ng,.wpcf7-response-output.wpcf7-mail-sent-ok{ padding:25px 0 35px 0 !important }
}
.wpcf7-response-output.wpcf7-mail-sent-ng{ color:#f91f1f}
.header-secondary #header{ position:relative; height:35vh; background-position:center; background-size:cover; background-color:gray}
@media(max-width:768px){
.header-secondary #header{ height:25vh }
}
@media(min-width:900px){
.header-secondary #header{ height:40vh }
}
.header-secondary #header h2{ color:#fff; position:absolute; bottom:-10px; padding-left:20px; font-size:5.9375rem}
@media(max-width:1200px){
.header-secondary #header h2{ font-size:5rem; padding-left:60px }
}
@media(max-width:1024px){
.header-secondary #header h2{ font-size:3.75rem }
}
@media(max-width:768px){
.header-secondary #header h2{ font-size:3.125rem; padding-left:30px; margin-bottom:11px }
}
@media(max-width:600px){
.header-secondary #header h2{ font-size:2.25rem }
}
.image{ position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; background-repeat:no-repeat}
@media(max-width:1200px){
.lines{ display:none }
}
.lines .line{ position:absolute; width:1px; height:inherit; background-color:rgba(204,204,204,0.5)}
.lines .line:nth-child(1){ left:200px}
@media(max-width:1600px){
.lines .line:nth-child(1){ left:136px }
}
.lines .line:nth-child(2){ left:50%}
.lines .line:nth-child(3){ right:200px}
@media(max-width:1600px){
.lines .line:nth-child(3){ right:136px }
}
#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffe090;z-index:99999999;-webkit-transform:translateZ(99999999px);transform:translateZ(99999999px);pointer-events:none}
[data-loaded="true"] #loader{-webkit-animation:fade 2000ms 2500ms forwards;animation:fade 2000ms 2500ms forwards}
@-webkit-keyframes fade{
100%{
opacity:0
}
}
@keyframes fade{
100%{
opacity:0
}
}
#loader>.helper{ width:100%}
#loader:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transition:-webkit-transform 4000ms;transition:transform 4000ms;transition:transform 4000ms,-webkit-transform 4000ms;-webkit-transform:translateX(-100%) translateY(calc(-100% + 2px));transform:translateX(-100%) translateY(calc(-100% + 2px))}
[data-loaded="false"] #loader:after{-webkit-transform:translateX(-5%) translateY(calc(-100% + 2px)); transform:translateX(-5%) translateY(calc(-100% + 2px))}
[data-loaded="true"] #loader:after{transition:200ms;-webkit-transform:translateX(0%) translateY(calc(-100% + 2px));transform:translateX(0%) translateY(calc(-100% + 2px));-webkit-animation:loader 1500ms 500ms forwards;animation:loader 1500ms 500ms forwards}
@-webkit-keyframes loader{
100%{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
}
@keyframes loader{
100%{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
}
#loader svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0.4);transform:translate(-50%,-50%) scale(0.4);margin-top:-50px;width:300px;height:1600px}
[data-loaded="true"] #loader svg{-webkit-animation:remove 600ms 600ms forwards; animation:remove 600ms 600ms forwards}
@-webkit-keyframes remove{
100%{
opacity:0
}
}
@keyframes remove{
100%{
opacity:0
}
}
#loader svg path,#loader svg circle{ fill:#2c2c34}
#loader svg path{ opacity:0; -webkit-animation:text 2000ms 2800ms forwards; animation:text 2000ms 2800ms forwards}
@-webkit-keyframes text{
100%{
opacity:1
}
}
@keyframes text{
100%{
opacity:1
}
}
.logo-container{ position:absolute; bottom:30px; left:65px; z-index:2000}
html[dir='rtl'] .logo-container{ position:absolute; right:65px; bottom:30px; left:auto}
@media(max-width:1600px){
.logo-container{ left:35px }
html[dir='rtl'] .logo-container{ left:auto; right:35px }
}
@media(max-width:1200px){
.logo-container{ display:none }
}
.logo-container .cell{ vertical-align:middle}
.logo{ width:66px; height:103px}
.logo svg g{ -webkit-transform:translateY(-90px); transform:translateY(-90px)}
.logo svg g path,.logo svg g circle{ fill:#fff}
.logo svg g .dot:nth-child(127){ fill:#f91f1f}
.menu-items-wrapper{position:fixed;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100vw;height:calc(100vh - 100px);z-index:10000000;background-color:rgba(255,255,255,0.9);-webkit-transform:translateY(0vh);transform:translateY(0vh)}
@media(max-width:768px){
.menu-items-wrapper{ height:100vh }
}
.scrolled .menu-items-wrapper{ height:calc(100vh - 60px)}
.menu-items-wrapper li{font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;margin:40px;transition:opacity 2000ms,-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1);transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),opacity 2000ms;transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),opacity 2000ms,-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1)}
.menu-items-wrapper li.current-menu-item a{ font-weight:900}
[data-menu="open"] .menu-items-wrapper li{ -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1}
[data-menu="open"] .menu-items-wrapper li:nth-child(1){ transition-delay:500ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(2){ transition-delay:400ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(3){ transition-delay:300ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(4){ transition-delay:200ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(5){ transition-delay:100ms}
@media(max-width:768px){
.menu-items-wrapper li{ margin:20px }
}
@media(max-width:600px){
.menu-items-wrapper li{ margin:15px }
}
.menu-items-wrapper li a{ transition:opacity 400ms; font-size:49px; font-weight:200}
.menu-items-wrapper li a:hover{ opacity:.5}
@media(max-width:768px){
.menu-items-wrapper li a{ font-size:2.4375rem }
}
@media(max-width:600px){
.menu-items-wrapper li a{ font-size:1.8125rem }
}
[data-menu="closed"] .menu-items-wrapper{-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:-webkit-transform 1000ms cubic-bezier(0.895,.03,.685,.22);transition:transform 1000ms cubic-bezier(0.895,.03,.685,.22);transition:transform 1000ms cubic-bezier(0.895,.03,.685,.22),-webkit-transform 1000ms cubic-bezier(0.895,.03,.685,.22)}
[data-menu="open"] .menu-items-wrapper{-webkit-transform:translateY(100px);transform:translateY(100px);transition:-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1);
transition:transform 1000ms cubic-bezier(0.165,.84,.44,1);transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1)}
@media(max-width:768px){
[data-menu="open"] .menu-items-wrapper{ -webkit-transform:translateY(60px); transform:translateY(60px) }
}
.scrolled[data-menu="open"] .menu-items-wrapper{ -webkit-transform:translateY(60px); transform:translateY(60px)}
.nav-button{ position:absolute; width:50px; height:50px; cursor:pointer; text-align:left; display:inline-block; transition:top .4s}
.nav-button .dot{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#fff;border-radius:2px;transition:background 500ms,opacity 600ms,-webkit-transform 1000ms cubic-bezier(0.075,.82,.165,1);transition:transform 1000ms cubic-bezier(0.075,.82,.165,1),background 500ms,opacity 600ms;transition:transform 1000ms cubic-bezier(0.075,.82,.165,1),background 500ms,opacity 600ms,-webkit-transform 1000ms cubic-bezier(0.075,.82,.165,1)}
[data-menu="open"] .nav-button .dot:nth-child(1),[data-menu="open"] .nav-button .dot:nth-child(3),[data-menu="open"] .nav-button .dot:nth-child(5),[data-menu="open"] .nav-button .dot:nth-child(7){ opacity:0}
.nav-button .dot:nth-child(1){ -webkit-transform:rotateZ(0deg) translateX(8px); transform:rotateZ(0deg) translateX(8px)}
.nav-button:hover .dot:nth-child(1){-webkit-transform:rotateZ(0deg) translateX(12px); transform:rotateZ(0deg) translateX(12px); transition-delay:0ms}
.nav-button .dot:nth-child(2){-webkit-transform:rotateZ(45deg) translateX(11.313708498984761px); transform:rotateZ(45deg) translateX(11.313708498984761px)}
.nav-button:hover .dot:nth-child(2){-webkit-transform:rotateZ(45deg) translateX(16.97056274847714px);transform:rotateZ(45deg) translateX(16.97056274847714px);transition-delay:50ms}
.nav-button .dot:nth-child(3){ -webkit-transform:rotateZ(90deg) translateX(8px); transform:rotateZ(90deg) translateX(8px)}
.nav-button:hover .dot:nth-child(3){ -webkit-transform:rotateZ(90deg) translateX(12px); transform:rotateZ(90deg) translateX(12px);transition-delay:100ms}
.nav-button .dot:nth-child(4){ -webkit-transform:rotateZ(135deg) translateX(11.313708498984761px); transform:rotateZ(135deg) translateX(11.313708498984761px)}
.nav-button:hover .dot:nth-child(4){-webkit-transform:rotateZ(135deg) translateX(16.97056274847714px);transform:rotateZ(135deg) translateX(16.97056274847714px);transition-delay:150ms}
.nav-button .dot:nth-child(5){-webkit-transform:rotateZ(180deg) translateX(8px); transform:rotateZ(180deg) translateX(8px)}
.nav-button:hover .dot:nth-child(5){ -webkit-transform:rotateZ(180deg) translateX(12px); transform:rotateZ(180deg) translateX(12px); transition-delay:200ms}
.nav-button .dot:nth-child(6){ -webkit-transform:rotateZ(225deg) translateX(11.313708498984761px); transform:rotateZ(225deg) translateX(11.313708498984761px)}
.nav-button:hover .dot:nth-child(6){-webkit-transform:rotateZ(225deg) translateX(16.97056274847714px);transform:rotateZ(225deg) translateX(16.97056274847714px);transition-delay:250ms}
.nav-button .dot:nth-child(7){-webkit-transform:rotateZ(270deg) translateX(8px);transform:rotateZ(270deg) translateX(8px)}
.nav-button:hover .dot:nth-child(7){-webkit-transform:rotateZ(270deg) translateX(12px);transform:rotateZ(270deg) translateX(12px);transition-delay:300ms}
.nav-button .dot:nth-child(8){-webkit-transform:rotateZ(315deg) translateX(11.313708498984761px);transform:rotateZ(315deg) translateX(11.313708498984761px)}
.nav-button:hover .dot:nth-child(8){-webkit-transform:rotateZ(315deg) translateX(16.97056274847714px);transform:rotateZ(315deg) translateX(16.97056274847714px);transition-delay:350ms}
.nav{position:fixed;top:0;right:0;bottom:0;left:0;height:100px;z-index:2000;border-bottom:1px solid #ccc; pointer-events:none; transition:height .4s,background-color .3s}
[data-menu='open'] .nav{ background-color:#2c2c34}
.scrolled .nav{ height:60px; background-color:rgba(255,255,255,0.9); box-shadow:inset 0 -1px 0 0 #ddd; border-bottom:0}
.scrolled .nav .nav-button{ top:6px}
.scrolled .nav .nav-button .dot{ background-color:#2c2c34}
.scrolled .nav .lang-switcher{ color:#2c2c34; top:20px}
@media(max-width:1024px){
.nav .cell{ display:table-cell }
}
@media(max-width:768px){
.nav{ height:60px }
}
.nav .nav-button{ top:25px; left:75px; pointer-events:all}
html[dir='rtl'] .nav .nav-button{ right:75px}
@media(max-width:1600px){
.nav .nav-button{ left:44px }
html[dir='rtl'] .nav .nav-button{ right:44px }
}
@media(max-width:768px){
.nav .nav-button{ top:6px; left:22px; right:22px }
}
.nav .lang-switcher{position:relative;top:45px;right:90px;text-transform:uppercase;text-align:right;color:#fff;padding-right:0;pointer-events:all;transition:top .4s}
.nav .lang-switcher .ar{display:none}
html[dir='rtl'] .nav .lang-switcher{ left:90px; right:auto; text-align:left}
@media(max-width:1600px){
.nav .lang-switcher{ right:55px }
html[dir='rtl'] .nav .lang-switcher{ left:55px }
}
@media(max-width:768px){
.nav .lang-switcher{ top:20px; right:50px }
html[dir='rtl'] .nav .lang-switcher{ left:50px }
}
.nav .lang-switcher a{ font-weight:500; transition:opacity 600ms}
.nav .lang-switcher a:hover{ opacity:.5}
.overlay-opacity{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(44,44,52,0.5)}
.overlay{ position:relative; padding-top:100px; z-index:2000; background-color:#fff}
.tiles .tile{ text-align:left}
html[dir='rtl'] .tiles .tile{ text-align:right}
.tiles .tile:nth-child(odd){ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(odd){ direction:rtl}
.tiles .tile:nth-child(odd) .text .holder{ margin-left:auto}
.tiles .tile:nth-child(even){ direction:rtl}
.tiles .tile:nth-child(even) *{ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(even){ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(even) *{ direction:rtl}
.tiles .tile:nth-child(even) .text .holder{ margin-right:auto}
@media(max-width:1024px){
.tiles .tile .text .holder{ padding:0px; width:100%; max-width:100%; }
.tiles .tile .media .holder{ top:-34px; bottom:-34px }
.tiles .tile .media{ min-height:500px }
.tiles .tile:last-child .text .holder{ padding-bottom:0 }
.single-career .layout .single-career-table .table .cell{ display:block }
}
.tiles .tile .text .button{ margin-top:35px}
.tiles .tile .media{ position:relative}
.tiles .tile .media .holder{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden}
@media(min-width:1600px){
.tiles .tile .media .holder{ top:-50px; bottom:-50px }
}
.tiles .tile .media .holder .image{ position:absolute; top:-20%; right:0; bottom:-20%; left:0}
.tiles .tile .media .holder .image1{ position:absolute; top:-20%; right:0; bottom:-20%; left:0}
.tiles .tile:first-child .text .holder{ padding-top:0}
.tiles .tile:first-child .media .holder{ top:0}
.tiles .tile:last-child .media .holder{ bottom:0}
.video{ position:absolute; top:-10%; right:0; bottom:-10%; left:0; overflow:hidden; pointer-events:none}
.video>.holder{ position:absolute; top:-15%; right:-15%; bottom:-15%; left:-15%}
.video>.holder video{ position:absolute; top:0; left:0; width:100%; height:100%; border:0}
@media(min-aspect-ratio:16/9){
.video>.holder video{ height:1000%; top:-450% }
}
@media(max-aspect-ratio:16/9){
.video>.holder video{ width:1000%; left:-450% }
}
.single-career .lines .line:nth-of-type(2){ display:none}
.single-career .layout .single-career-table .table{ padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px}
@media(max-width:600px){
.single-career .layout .single-career-table .table .cell{ width:100% }
}
.single-career .layout .single-career-table .table:nth-child(odd){ background-color:rgba(204,204,204,0.15)}
.single-career .layout .single-career-table .table:nth-child(even){ background-color:rgba(204,204,204,0.3)}
.single-career .layout .single-career-table .table .cell:first-of-type{ width:20%}
@media(max-width:1024px){
.single-career .layout .single-career-table .table .cell:first-of-type{ width:50% }
}
@media(max-width:600px){
.single-career .layout .single-career-table .table .cell:first-of-type{ width:100% }
}
.single-career .layout .single-career-table .table .cell:last-of-type{ width:80%}
@media(max-width:1024px){
.single-career .layout .single-career-table .table .cell:last-of-type{ width:50% }
.single-career .layout .single-career-table .table .cell:last-of-type p{ font-weight:700 }
}
@media(max-width:600px){
.single-career .layout .single-career-table .table .cell:last-of-type{ width:100% }
}
.single-career .career-form{ margin-top:40px; height:auto; padding:30px 10px; position:relative}
.single-career .career-form select{ margin:20px 0 0}
.single-career .career-form .hidden-form-field{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateX(-9999px);transform:translateX(-9999px)}
.single-career .career-form button.submit{ margin-top:50px}
.single-career .career-form .wpcf7-response-output.wpcf7-mail-sent-ng,.single-career .career-form .wpcf7-response-output.wpcf7-mail-sent-ok{ text-align:right}
@media(max-width:1024px){
.single-career .career-form .wpcf7-response-output.wpcf7-mail-sent-ng,.single-career .career-form .wpcf7-response-output.wpcf7-mail-sent-ok{padding:25px 0 35px 0 !important; text-align:left}
}
.page-template-template-global-projects .lines .line:nth-of-type(2){display:none}
/*#header{
position:relative;
height:100vh;
overflow:hidden;
z-index:0
}*/
.control{position:absolute;bottom:0;right:0;width:50%;z-index:500;color:#fff;padding-right:200px;-webkit-transform:translateZ(500px);transform:translateZ(500px)}
html[dir='rtl'] .control{ position:absolute; top:auto; left:0; right:auto; bottom:0; padding-left:200px; padding-right:0}
@media(max-width:1600px){
.control{ padding-right:136px }
html[dir='rtl'] .control{ padding-left:136px }
}
@media(max-width:1200px){
.control{ padding-right:0 }
html[dir='rtl'] .control{ padding-left:0 }
}
@media(max-width:1024px){
.control{ width:60% }
}
@media(max-width:768px){
.control{ display:none }
}
.control .holder{ padding:100px}
@media(max-width:1600px){
.control .holder{ padding:68px }
}
.control .box{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end;padding:20px;width:50%;height:200px;box-sizing:border-box;cursor:pointer;border:1px solid #ccc;letter-spacing:0;overflow:hidden}
.control .box:nth-child(1){ -webkit-transform:translateY(100%); transform:translateY(100%)}
.control .box:nth-child(2){ top:100px; left:calc(50% - 1px); -webkit-transform:translateY(-100%); transform:translateY(-100%)}
@media(max-width:1600px){
.control .box:nth-child(2){ top:68px }
}
html[dir='rtl'] .control .box:nth-child(2){ right:calc(50% - 1px); left:auto}
.control .box:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.3);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 500ms 50ms;transition:transform 500ms 50ms;transition:transform 500ms 50ms,-webkit-transform 500ms 50ms}
.control .box:nth-child(1):before{-webkit-transform-origin:top center; transform-origin:top center}
.control .box:nth-child(2):before{ -webkit-transform-origin:bottom center; transform-origin:bottom center}
.control .box:hover .bottom{ transition:height 1000ms}
.control .box:hover .bottom p{ opacity:1; transition:opacity 1000ms 500ms}
.control .box:hover:before{ -webkit-transform:scale(1); transform:scale(1)}
[data-selected='1'].control .box:nth-child(1):before{ -webkit-transform:scale(1); transform:scale(1)}
[data-selected='2'].control .box:nth-child(2):before{ -webkit-transform:scale(1); transform:scale(1)}
@media(max-width:$tabletBreak){
.control .box{ height:250px }
}
.control .box .top{display:-webkit-box;display:flex;-webkit-box-flex:1.5;flex:1.5;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end}
.control .box .top h3{ margin-bottom:0}
.control .box .bottom{ height:0; overflow:hidden; transition:height 1000ms 500ms}
.control .box .bottom p{ padding-top:10px; color:#fff; font-size:14px; opacity:0; transition:opacity 1000ms}
.slider .slide{ position:absolute; top:0; right:0; bottom:0; left:0; transition:scale 500ms; background:#2c2c34}
.slider .slide .inner-logo{ margin-bottom:35px; transition:-webkit-transform 1500ms; transition:transform 1500ms; transition:transform 1500ms,-webkit-transform 1500ms}
@media(max-width:1024px){
.slider .slide .inner-logo{ margin-bottom:25px }
}
.slider .slide .inner-logo img{ max-width:360px; max-height:280px}
@media(max-width:600px){
.slider .slide .inner-logo img{ max-width:230px; max-height:110px }
}
.slider .slide .table{ height:100vh; max-width:1400px; padding:0 100px}
@media(max-width:1600px){
.slider .slide .table{ padding:0 68px }
}
@media(max-width:1024px){
.slider .slide .table{ padding:0 36px }
}
.slider .slide .table .cell{ vertical-align:middle}
html[dir='rtl'] .slider .slide .table .cell{ padding-left:52%; padding-right:0}
@media(max-width:1024px){
.slider .slide .table .cell{ display:table-cell }
}
.slider .slide:nth-child(2){ opacity:0; transition:opacity 1000ms}
[data-selected='2']+.slider .slide:nth-child(2){ opacity:1 !important}
.slider .slide:nth-child(1){ pointer-events:none}
.slider .slide:nth-child(1) h1,.slider .slide:nth-child(1) .button,.slider .slide:nth-child(1) .inner-logo{ -webkit-transform:translateY(-30vh); transform:translateY(-30vh)}
[data-selected="1"]+.slider .slide:nth-child(1){ pointer-events:all}
[data-selected="1"]+.slider .slide:nth-child(1) .holder{transition:opacity 3000ms 1000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1);transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms 1000ms;transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms 1000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1);-webkit-transform:scale(1);transform:scale(1);opacity:1}
[data-selected="1"]+.slider .slide:nth-child(1) h1{-webkit-transform:translateY(0%);transform:translateY(0%);transition:-webkit-transform 1000ms 100ms;transition:transform 1000ms 100ms;transition:transform 1000ms 100ms,-webkit-transform 1000ms 100ms}
[data-selected="1"]+.slider .slide:nth-child(1) .inner-logo,[data-selected="1"]+.slider .slide:nth-child(1) .button{-webkit-transform:translateY(0%);transform:translateY(0%); transition:-webkit-transform 1000ms;transition:transform 1000ms;transition:transform 1000ms,-webkit-transform 1000ms}
.slider .slide:nth-child(2){ pointer-events:none}
.slider .slide:nth-child(2) h1,.slider .slide:nth-child(2) .button,.slider .slide:nth-child(2) .inner-logo{ -webkit-transform:translateY(30vh); transform:translateY(30vh)}
[data-selected="2"]+.slider .slide:nth-child(2){ pointer-events:all}
[data-selected="2"]+.slider .slide:nth-child(2) .holder{transition:opacity 3000ms 1000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1);transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms 1000ms;transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms 1000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1);-webkit-transform:scale(1);transform:scale(1);opacity:1}
[data-selected="2"]+.slider .slide:nth-child(2) h1{-webkit-transform:translateY(0%);transform:translateY(0%);transition:-webkit-transform 1000ms;transition:transform 1000ms;transition:transform 1000ms,-webkit-transform 1000ms}
[data-selected="2"]+.slider .slide:nth-child(2) .inner-logo,[data-selected="2"]+.slider .slide:nth-child(2) .button{-webkit-transform:translateY(0%);transform:translateY(0%);transition:-webkit-transform 1000ms 100ms;transition:transform 1000ms 100ms;transition:transform 1000ms 100ms,-webkit-transform 1000ms 100ms}
.slider .video .holder{-webkit-transform:scale(2);transform:scale(2);opacity:0;transition:opacity 3000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1);transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms;transition:transform 5000ms cubic-bezier(0.165,.84,.44,1),opacity 3000ms,-webkit-transform 5000ms cubic-bezier(0.165,.84,.44,1)}
.slider .video:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(44,44,52,0.6);-webkit-transform:translateZ(100px);transform:translateZ(100px);transition:opacity 500ms}
.control[data-hover='true']+.slider .video:after{ opacity:.25}
.slider h1{color:#fff; font-size:1.75rem; transition:-webkit-transform 1500ms; transition:transform 1500ms;transition:transform 1500ms,-webkit-transform 1500ms;letter-spacing:13px}
.slider .button{ margin-top:40px; max-width:400px; width:100%; transition:-webkit-transform 1500ms; transition:transform 1500ms;transition:transform 1500ms,-webkit-transform 1500ms}
@media(max-width:1200px){
.slider .button{ max-width:300px }
}
@media(max-width:768px){
.slider .button{ max-width:100% !important; width:100% }
}
.slider .hartland-mobile-button{ display:none}
@media(max-width:768px){
.slider .hartland-mobile-button{ display:block }
}
#about .image{ position:absolute; top:-12.5%; right:0; bottom:-12.5%; left:0}
#quality-commitment .image{position:absolute; top:-10%; right:0; bottom:-10%; left:0; background-position:center; background-size:cover; background-repeat:no-repeat}
#quality-commitment .media{ z-index:0; -webkit-transform:translateZ(0px); transform:translateZ(0px)}
#our-businesses .header-wraper{ padding-right:100px; padding-left:100px}
@media(max-width:1600px){
#our-businesses .header-wraper{ padding-right:68px; padding-left:68px }
.control{position: absolute;bottom: 0; right: 0; width: 50%; z-index: 500;color: #fff;padding-right: 200px;-webkit-transform: translateZ(500px);transform: translateZ(500px);}
}
.control .holder { padding: 100px;}
.control .box{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end;padding:20px;width:50%;height:200px;box-sizing: border-box;cursor: pointer;border:1px solid #ccc;letter-spacing:0;overflow:hidden;}
.control .box:nth-child(1) { -webkit-transform: translateY(100%); transform: translateY(100%);}
[data-selected='1'].control .box:nth-child(1):before { -webkit-transform: scale(1); transform: scale(1);}
.control .box:nth-child(1):before { -webkit-transform-origin: top center; transform-origin: top center;}
.control .box:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.3);-webkit-transform:scaleY(0);transform:scaleY(0);transition: -webkit-transform 500ms 50ms;transition:transform 500ms 50ms;transition: transform 500ms 50ms,-webkit-transform 500ms 50ms;}
.control .box .top{display:-webkit-box;display:flex;-webkit-box-flex:1.5;flex:1.5;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack: end;justify-content: flex-end;}
.control .box .top h3 { margin-bottom: 0;}
.control .box .bottom { height: 0; overflow: hidden; transition: height 1000ms 500ms;}
.control .box .bottom p { padding-top: 10px; color: #fff; font-size: 14px; opacity: 0; transition: opacity 1000ms;}
.control .box:nth-child(2) { top: 100px; left: calc(50% - 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.control .box:nth-child(2):before { -webkit-transform-origin: bottom center; transform-origin: bottom center;}
@media(max-width:1024px){
#our-businesses .header-wraper{ padding-right:36px; padding-left:36px }
}
#our-businesses .bussines-wraper{ position:relative; margin-top:-28px; padding:100px; padding-bottom:0; z-index:2000}
#our-businesses .bussines-wraper:before{ content:''; position:absolute; top:0; right:10px; bottom:0; left:10px; z-index:-1000}
@media(max-width:1600px){
#our-businesses .bussines-wraper{ padding:68px; padding-bottom:0 }
}
@media(max-width:1024px){
#our-businesses .bussines-wraper{ padding:36px; padding-bottom:0; z-index:1000 }
}
#our-businesses .bussines-wraper .button{ margin-top:68px; z-index:1000}
@media(max-width:1600px){
#our-businesses .bussines-wraper .button{ margin-top:36px }
}
@media(max-width:1024px){
#our-businesses .bussines-wraper .button{ margin-top:36px }
}
#our-businesses .bussines-wraper .feature{ width:33%}
@media(max-width:1024px){
#our-businesses .bussines-wraper .feature{ width:49% }
}
@media(max-width:768px){
#our-businesses .bussines-wraper .feature{ width:100% }
}
#global-project{ padding-top:68px}
@media(max-width:1600px){
#global-project{ padding-top:68px }
}
@media(max-width:1024px){
#global-project{ padding-top:36px }
}
#global-project .media{ z-index:100}
@media(max-width:1024px){
#global-project .media{ height:480px }
}
#global-project .media:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#fff}
@media(min-width:1600px){
#global-project .media:before{ top:-100px; bottom:-100px }
}
@media(min-width:1024px){
#global-project .media:before{ top:-68px; bottom:-68px }
}
.item-fluid .image{ position:absolute; top:-5%; right:0; bottom:-5%; left:0}
#get-in-touch{ }
#get-in-touch:after{ content:''; right:0; bottom:0; left:0; width:100%; z-index:2000; }
@media(max-width:1600px){
#get-in-touch:after{ height:68px }
}
@media(max-width:1600px){
#get-in-touch:after{ display:none }
}
#get-in-touch .cell{ vertical-align:middle; position:relative}
#get-in-touch .cell .holder{ max-width:700px; padding:0 100px 0 100px}
@media(max-width:1600px){
#get-in-touch .cell .holder{ padding:0 68px 0 68px }
}
@media(max-width:1024px){
#get-in-touch .cell .holder{ max-width:100%; padding:36px }
}
#get-in-touch .cell .content-wraper{ text-align:left; margin-left:auto}
html[dir='rtl'] #get-in-touch .cell .content-wraper{ text-align:right}
@media(max-width:1024px){
#get-in-touch .cell .content-wraper{ margin-left:0 }
}
#get-in-touch .cell .form-container{ text-align:right; margin-right:auto}
@media(max-width:1024px){
#get-in-touch .cell .form-container form{ padding-bottom:2px }
}
@media(max-width:1024px){
#get-in-touch .cell .form-container{ margin-right:0; margin-bottom:40px }
}
#get-in-touch .cell .form-container .form-group{ margin-bottom:25px}
.single-media_centre .lines .line:nth-of-type(2){ display:none}
.page-response{display:-webkit-box;display:flex;width:100vw;height:90vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.page-response p{ margin-bottom:15px}
#wpadminbar{ display:none}
#wp-admin-bar-wp-logo{ display:none }
#wp-admin-bar-comments{ display:none}
#wp-admin-bar-_mtrloptions{ display:none}
div.wpcf7{ margin:0; padding:0}
div.wpcf7 .screen-reader-response{ position:absolute; overflow:hidden; clip:rect(1px,1px,1px,1px); height:1px; width:1px; margin:0; padding:0; border:0}
div.wpcf7-response-output{ margin:2em .5em 1em; padding:.2em 1em; border:2px solid red}
div.wpcf7-mail-sent-ok{ border:2px solid #398f14}
div.wpcf7-mail-sent-ng,div.wpcf7-aborted{ border:2px solid red}
div.wpcf7-spam-blocked{ border:2px solid orange}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{ border:2px solid #f7e700}
.wpcf7-form-control-wrap{ position:relative}
span.wpcf7-not-valid-tip{ color:#f00; font-size:1em; font-weight:normal; display:block}
.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%; left:20%; z-index:100; border:1px solid red; background:#fff; padding:.2em .8em}
span.wpcf7-list-item{ display:inline-block; margin:0 0 0 1em}
span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after{ content:" "}
.wpcf7-display-none{ display:none}
div.wpcf7 .ajax-loader{ visibility:hidden; display:inline-block; width:16px; height:16px; border:0; padding:0; margin:0 0 0 4px; vertical-align:middle}
div.wpcf7 .ajax-loader.is-active{ visibility:visible}
div.wpcf7 div.ajax-error{ display:none}
div.wpcf7 .placeheld{ color:#888}
div.wpcf7 .wpcf7-recaptcha iframe{ margin-bottom:0}
div.wpcf7 input[type="file"]{cursor:pointer;color:#888;font-size:16px;padding:11px 17px;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;float: left;}
div.wpcf7 input[type="file"]:disabled{ cursor:default}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block}
body{ line-height:1}
ol,ul{ list-style:none}
blockquote,q{ quotes:none}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}
table{ border-collapse:collapse; border-spacing:0}
*,*:before,*:after{ box-sizing:border-box}
scrollbar,[scrollbar],[data-scrollbar]{ display:block; position:relative; overflow:scroll}
scrollbar .scroll-content,[scrollbar] .scroll-content,[data-scrollbar] .scroll-content{ -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:transform}
scrollbar.scrolling .scroll-content,[scrollbar].scrolling .scroll-content,[data-scrollbar].scrolling .scroll-content{ pointer-events:none}
scrollbar.scrolling .scroll-content .scroll-content,[scrollbar].scrolling .scroll-content .scroll-content,[data-scrollbar].scrolling .scroll-content .scroll-content{pointer-events:auto}
scrollbar .scrollbar-track,[scrollbar] .scrollbar-track,[data-scrollbar] .scrollbar-track{position:absolute;opacity:0;z-index:1;transition:opacity .5s 1s ease-out,background .5s ease-out; background:none}
scrollbar .scrollbar-track.show,[scrollbar] .scrollbar-track.show,[data-scrollbar] .scrollbar-track.show,scrollbar .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,[data-scrollbar] .scrollbar-track:hover{ opacity:1; transition-delay:0s}
scrollbar .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,[data-scrollbar] .scrollbar-track:hover{ background:rgba(222,222,222,0.75)}
scrollbar .scrollbar-track-x,[scrollbar] .scrollbar-track-x,[data-scrollbar] .scrollbar-track-x{ bottom:0; left:0; width:100%; height:8px}
scrollbar .scrollbar-track-y,[scrollbar] .scrollbar-track-y,[data-scrollbar] .scrollbar-track-y{ top:0; right:0; width:8px; height:100%}
scrollbar .scrollbar-thumb,[scrollbar] .scrollbar-thumb,[data-scrollbar] .scrollbar-thumb{position:absolute;top:0;left:0;width:8px;height:8px;background:rgba(0,0,0,0.5); border-radius:4px}
html{ margin-top:0 !important}
body{font-family:'Roboto', sans-serif;font-style:normal;font-weight:300;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
body.error404,body.thank-you{height:100vh;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
body.error404 .content,body.thank-you .content{ text-align:center}
body.error404 .content .button,body.thank-you .content .button{ margin-top:50px}
body[data-delay='true']{ -webkit-animation:hartland 500ms forwards; animation:hartland 500ms forwards}
@-webkit-keyframes hartland{
100%{
opacity:0
}
}
@keyframes hartland{
100%{
opacity:0
}
}
body.noScroll .nav{ z-index:-1000}
body.noScroll .scrollbar-track{ display:none !important}
section{ width:100%; height:100vh; overflow:auto}
/*::-moz-selection{
background:rgba(255,224,144,0.1)
}
::selection{
background:rgba(255,224,144,0.1)
}*/
input,textarea,button,select,a{ -webkit-tap-highlight-color:rgba(0,0,0,0)}
input:focus,textarea:focus,button:focus,select:focus,a:focus{ outline:0}
.container{ margin:0 auto; padding-right:200px; padding-left:200px; padding-top:50px; /* padding-bottom:100px*/ }
#project-features{ padding-bottom:100px}
.about-section{width:100%; height:750px; background:#ededed; }
.about-section ul{ width: 81%; margin: 0 auto; list-style: none;}
.about-section ul li{ width: 27%; float: left; margin: 15% 3%;}
.about-section1{width:100%; height:750px; background:#ededed; text-align: left;}
.about-section1 ul{ width: 86%; margin: 0 auto; list-style: none;}
.about-section1 ul li{ width: 20%; float: left; margin: 15% 2%;}
@media(max-width:1600px){
.container{ padding-right:136px; padding-left:136px; padding-top:30px; padding-bottom:68px }
}
@media(max-width:1200px){
.container{ margin-left:10px; margin-right:10px; width: 95%; padding-right:0; padding-left:0; }
}
@media (max-width: 576px){
.center { display: block; margin-left: auto; margin-right: auto; width: 50%;}
.col-xs-6 p { text-align: center; font-size: 12px;}
.col-xs-6 { padding-bottom: 20px;}
.home-slider .bx-wrapper .bx-prev {
left: 5px!important;
}
}
@media(max-width:1024px){
.container{ padding-top:36px; padding-bottom:36px }
}
#footer .holder,.keypeople .bussines-wraper,.awards .bussines-wraper,.single-career .layout,#our-businesses .header-wraper,#our-businesses .bussines-wraper,.single-media_centre .layout{width:100%;max-width:1400px;margin:0 auto}
.scroll-content{ position:relative}
.section-scrollbar.noScroll{ height:100%; overflow:hidden}
.layout{ padding-left:100px; padding-right:100px}
@media(max-width:1600px){
.layout{ padding-left:68px; padding-right:68px }
}
.img-height{height: 700px !important;}
.img-height ul {list-style: disc;}
.img-height-2{height: 525px!important;}
.img-height-2 ul {list-style: disc;}
@media(max-width:1024px){
.layout{ padding-left:36px; padding-right:36px }
} .bussines-wraper { /* position: absolute; margin-top: 0; padding: 0; /* padding-top: 50px; */ padding-bottom: 0; z-index: 2000; bottom: -70px;}
body{ color:#000}
h1{ font-size:6.25rem; font-weight:900; text-transform:uppercase}
h1 .header-span{ font-weight:300}
h1 .light{ font-weight:300}
@media(max-width:1360px){
h1{ font-size:5.125rem }
}
@media(max-width:1600px){
h1{ font-size:4.25rem }
}
@media(max-width:768px){
h1{ font-size:3.75rem }
}
h2{ margin:0; font-size: 48px; font-weight:700; line-height: 55px;}
h2 .light{ font-weight:300; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
h2 .dark{ font-weight:300; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 30px 0 40px 0; width: 100%; float: left; }
@media(max-width:1600px){
h2{ margin-top: 0; font-size: 35px; line-height:35px; }
}
h3{ margin-bottom:1rem; font-size:2rem; font-weight:700; text-transform:uppercase}
h3 .light{ font-weight:400; text-transform:none;font-size:16px; line-height:22px; float: left; margin: 0px 0 0 0;}
.holder p{ margin:40px 0 30px; }
@media(max-width:1600px){
h3{font-size:1.625rem }
.img-height-2{height: 425px!important;}
}
h4{ font-size:.75rem; letter-spacing:1.5px; font-weight:500}
p{font-size: 20px; line-height: normal; letter-spacing: normal; color: #333333; font-weight: 400;}
p strong{font-weight:500; text-transform:uppercase;}
.holder p { margin: 20px 0 15px;}
ul{ padding: 0 0 0 20px;}
ul li{ font-size: 15px; line-height: 25px; letter-spacing: normal; color: #333333; font-weight: 400;}
p {line-height: 23px; text-align:justify; font-size: 16px;}
h3 {line-height: 23px;font-weight: 500; text-align:justify; font-size: 30px;}
@media(max-width:768px){
p{ font-size:14px; }
}
a{ color:inherit; text-decoration:none; }
.open-lightbox:hover{ cursor:pointer}
.button{height:auto;position:relative;margin:50px 0 0 0;display:inline-block;overflow:hidden;border:1px solid #9e884c;font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:normal;color:#000;font-weight:600;background:transparent;float:right;line-height:normal;padding:15px 45px;cursor:pointer;font-size:15px;transition:color 500ms,-webkit-transform 500ms 50ms;transition:color 500ms,transform 500ms 50ms;transition:color 500ms,transform 500ms 50ms,-webkit-transform 500ms 50ms;}
.button:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-100;background:#2c2c34;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform 500ms;transition:transform 500ms;transition:transform 500ms,-webkit-transform 500ms}
html[dir='rtl'] .button:before{ -webkit-transform-origin:top right; transform-origin:top right}
.button:hover{ color:#9e884c !important}
.button:hover:before{ -webkit-transform:scaleX(1); transform:scaleX(1)}
.button:active{ -webkit-transform:scale(0.95); transform:scale(0.95)}
.button.alt{ color:#fff}
.button.alt:before{ background:rgba(255,255,255,0.3)}
@media(max-width:1024px){
.button{ width:100%;max-width:250px; padding:20px 50px }
}
@media(max-width:768px){
.button{ max-width:210px;padding:14px 28px; right:22%!important; }
}
@media(max-width:768px){
.button{ font-size:.875rem }
}
.feature{ position:relative; display:inline-block; }
@media(max-width:1024px){
html[dir='rtl'] .feature{ padding-right:0; padding-left:0 }
}
@media(max-width:768px){
.feature{ padding-left:0 }
}
.feature .icon{display:inline-block;vertical-align:top; width:72px;margin:0 0 10px; float:left;background-repeat:no-repeat;background-size:contain;background-position:top right}
.feature .text{ display:inline-block; vertical-align:top; width: 100%; float: left;}
.file-upload-holder{ position:relative; text-align:left; width:100%; margin-top:20px}
#file-upload{ position:absolute; left:-9999px}
label[for="file-upload"]{ padding:20px 40px; cursor:pointer; position:absolute; top:0; right:0; bottom:0; line-height:1}
@media(max-width:620px){
label[for="file-upload"]{ display:block; position:static; width:100%; max-width:100%; margin-top:-1px }
}
#file-name{display:block;white-space:nowrap;overflow:hidden;border-bottom:1px solid #ccc;color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;padding:20px;font-size:1.125rem;font-weight:400}
#file-name.file-added{color:rgba(44,44,52,0.75)}
@media(max-width:1600px){
h3 .light {font-size: 13px; line-height: normal; margin: 10px 0 0 0;}
.header-wraper h2 .dark { font-size: 18px; margin: 15px 0 20px 0;}
.box{ border: 5px solid #9f874d; height: 213px;}
}
input{ width:100%; height:60px; padding:10px 20px; font-size: 14px; letter-spacing:.0625rem; color:rgba(44,44,52,0.5); border-radius:0; margin: 5px 0;}
html[dir='rtl'] input{ text-align:right}
@media(max-width:600px){
input{ height:30px; font-size:.875rem }
}
input::-webkit-input-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:-moz-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input::-moz-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:-ms-input-placeholder{color:rgba(44,44,52,0.5);text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
input:focus{ outline:0}
input:focus::-webkit-input-placeholder{ -webkit-transform:translateX(5px); transform:translateX(5px); opacity:.5}
input:focus:-moz-placeholder{ transform:translateX(5px); opacity:.5}
input:focus::-moz-placeholder{ transform:translateX(5px); opacity:.5}
input:focus:-ms-input-placeholder{ transform:translateX(5px); opacity:.5}
i.arrow-icon{position:absolute;top:35px;right:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-left:1px solid #ccc;border-bottom:1px solid #ccc;z-index:100; width:15px;height:15px}
select{margin:5px 0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;padding:21px 40px 21px 16px;border-radius:0;text-transform:uppercase;letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms;font-size:14px;background:#fff;color:rgba(44,44,52,0.5);outline:0;/*-webkit-appearance:none;-moz-appearance:none;appearance:none;*/cursor:pointer;border:1px solid #ccc;transition:box-shadow 1000ms;direction:ltr}
@media(max-width:600px){
select{font-size:.8rem}
}
textarea{resize:none;width:100%;height:100px;margin:5px 0;padding-top:20px;padding-left:20px;border-bottom:1px solid #ccc;border-radius:0;color:rgba(44,44,52,0.5);font-size:15px;font-weight:normal;font-family:'Roboto', sans-serif;font-weight: 400;text-transform: none; letter-spacing: normal;}
#recaptcha1{ margin-top: 20px;}
@media(max-width:600px){
textarea{height:140px; padding-top:10px; padding-left:19px;font-size:.875rem}
}
html[dir='rtl'] textarea{ text-align:right; padding-right:20px}
textarea::-webkit-input-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:-moz-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea::-moz-placeholder{text-transform:uppercase; color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:-ms-input-placeholder{text-transform:uppercase;color:rgba(44,44,52,0.5);letter-spacing:.125rem;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}
textarea:focus{ outline:0}
textarea:focus::-webkit-input-placeholder{ -webkit-transform:translateX(5px); transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus::-webkit-input-placeholder{ -webkit-transform:translateX(-5px); transform:translateX(-5px)}
textarea:focus:-moz-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus:-moz-placeholder{ transform:translateX(-5px)}
textarea:focus::-moz-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus::-moz-placeholder{ transform:translateX(-5px)}
textarea:focus:-ms-input-placeholder{ transform:translateX(5px); opacity:.5}
html[dir='rtl'] textarea:focus:-ms-input-placeholder{ transform:translateX(-5px)}
.header-secondary #header{ position:relative; height:35vh; background-position:center; background-size:cover; background-color:gray}
@media(max-width:768px){
.header-secondary #header{ height:25vh }
}
@media(min-width:900px){
.header-secondary #header{ height:40vh }
}
.header-secondary #header h2{ color:#fff; position:absolute; bottom:-10px; padding-left:20px; font-size:5.9375rem}
@media(max-width:1200px){
.header-secondary #header h2{ font-size:5rem; padding-left:60px }
}
@media(max-width:1024px){
.header-secondary #header h2{ font-size:3.75rem }
}
@media(max-width:768px){
.header-secondary #header h2{ font-size:3.125rem; padding-left:30px; margin-bottom:11px }
}
@media(max-width:600px){
.header-secondary #header h2{ font-size:2.25rem }
}
.image{ position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; background-repeat:no-repeat}
.lightbox-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:table;width:100%;height:100vh;z-index:3000;-webkit-transform:translateZ(9999px);transform:translateZ(9999px);background-color:rgba(44,44,52,0.9)}
.lightbox-wrapper .lightbox-cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; overflow-y:scroll}
@media(max-height:800px){
.lightbox-wrapper .lightbox-cell{ display:block; margin:auto }
}
[data-lightbox='open'].lightbox-wrapper{ opacity:1; pointer-events:all; transition:opacity 300ms ease-in}
[data-lightbox='closed'].lightbox-wrapper{ opacity:0; pointer-events:none; transition:opacity 300ms 300ms ease-out}
.lightbox-wrapper .lightbox-container{ width:95%; max-width:600px; min-height:600px; padding:45px 30px; background-color:#fff; margin:auto}
@media(max-height:800px){
.lightbox-wrapper .lightbox-container{ margin:30px auto }
}
[data-lightbox='open'].lightbox-wrapper .lightbox-container{ transition:opacity 600ms 300ms ease-in; opacity:1}
[data-lightbox='closed'].lightbox-wrapper .lightbox-container{ transition:opacity 600ms ease-out; opacity:0}
.lightbox-wrapper .lightbox-container .lightbox-content{ position:relative}
@media(max-width:600px){
.lightbox-wrapper .lightbox-container .lightbox-content h3{ font-size:1.2rem }
}
.lightbox-wrapper .lightbox-container .lightbox-content h2{ margin-bottom:20px}
@media(max-width:768px){
.lightbox-wrapper .lightbox-container .lightbox-content h2{ margin-bottom:10px }
}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields{ margin-top:30px}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields .form-group{ margin-top:25px}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields .select-box-lightbox{ margin-top:15px}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields h3{ margin-top:20px}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields .button{margin-top:45px;margin-left:auto;margin-right:0;display:block;-webkit-transform:scale(1);transform:scale(1)}
@media(max-width:768px){
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields{margin-top:15px }
}
.lightbox-wrapper .lightbox-container .lightbox-content .form-fields .arrow-icon{top:30px}
@media(max-width:1200px){
.lines{ display:none }
}
.lines .line{ position:absolute; width:1px; height:inherit; background-color:rgba(204,204,204,0.5)}
.lines .line:nth-child(1){left:200px}
@media(max-width:1600px){
.lines .line:nth-child(1){left:136px }
}
.lines .line:nth-child(2){ left:50%}
.lines .line:nth-child(3){ right:200px}
@media(max-width:1600px){
.lines .line:nth-child(3){ right:136px }
}
#loader{position:fixed;top:0;right:0;bottom:0;left:0; background:#ffe090;z-index:99999999;-webkit-transform:translateZ(99999999px);transform:translateZ(99999999px);pointer-events:none}
[data-loaded="true"] #loader{ -webkit-animation:fade 2000ms 2500ms forwards; animation:fade 2000ms 2500ms forwards}
@-webkit-keyframes fade{
100%{
opacity:0
}
}
@keyframes fade{
100%{
opacity:0
}
}
.logo-container{ position:absolute; bottom:30px; left:65px; z-index:2000}
html[dir='rtl'] .logo-container{ position:absolute; right:65px; bottom:30px; left:auto}
@media(max-width:1600px){
.logo-container{ left:35px }
html[dir='rtl'] .logo-container{ left:auto; right:35px }
}
@media(max-width:1200px){
.logo-container{display:none }
}
.logo-container .cell{ vertical-align:middle}
.logo{width:66px; height:103px}
.logo svg g{ -webkit-transform:translateY(-90px); transform:translateY(-90px)}
.logo svg g path,.logo svg g circle{ fill:#fff}
.logo svg g .dot:nth-child(127){ fill:#f91f1f}
.menu-items-wrapper{position:fixed;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100vw;height:calc(100vh - 100px);z-index:10000000;background-color:rgba(255,255,255,0.9);-webkit-transform:translateY(0vh);transform:translateY(0vh)}
@media(max-width:768px){
.menu-items-wrapper{ height:100vh}
}
.scrolled .menu-items-wrapper{height:calc(100vh - 60px)}
.menu-items-wrapper li{font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;margin:40px;transition:opacity 2000ms,-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1);transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),opacity 2000ms;transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),opacity 2000ms,-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1)}
.menu-items-wrapper li.current-menu-item a{font-weight:900}
[data-menu="open"] .menu-items-wrapper li{ -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1}
[data-menu="open"] .menu-items-wrapper li:nth-child(1){ transition-delay:500ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(2){ transition-delay:400ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(3){ transition-delay:300ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(4){ transition-delay:200ms}
[data-menu="open"] .menu-items-wrapper li:nth-child(5){ transition-delay:100ms}
@media(max-width:768px){
.menu-items-wrapper li{ margin:20px }
}
@media(max-width:600px){
.menu-items-wrapper li{ margin:15px }
}
.menu-items-wrapper li a{ transition:opacity 400ms; font-size:49px; font-weight:200}
.menu-items-wrapper li a:hover{ opacity:.5}
@media(max-width:768px){
.menu-items-wrapper li a{ font-size:2.4375rem}
}
@media(max-width:600px){
.menu-items-wrapper li a{ font-size:1.8125rem }
}
[data-menu="closed"] .menu-items-wrapper{-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:-webkit-transform 1000ms cubic-bezier(0.895,.03,.685,.22);
transition:transform 1000ms cubic-bezier(0.895,.03,.685,.22);transition:transform 1000ms cubic-bezier(0.895,.03,.685,.22),-webkit-transform 1000ms cubic-bezier(0.895,.03,.685,.22)}
[data-menu="open"] .menu-items-wrapper{-webkit-transform:translateY(100px);transform:translateY(100px);transition:-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1);transition:transform 1000ms cubic-bezier(0.165,.84,.44,1);transition:transform 1000ms cubic-bezier(0.165,.84,.44,1),-webkit-transform 1000ms cubic-bezier(0.165,.84,.44,1)
}
@media(max-width:768px){
[data-menu="open"] .menu-items-wrapper{-webkit-transform:translateY(60px);transform:translateY(60px) }
}
.scrolled[data-menu="open"] .menu-items-wrapper{-webkit-transform:translateY(60px);transform:translateY(60px)}
.scrolled .nav{ height:60px; background-color:rgba(255,255,255,0.9); box-shadow:inset 0 -1px 0 0 #ddd; border-bottom:0}
.scrolled .nav .nav-button{ top:6px}
.scrolled .nav .nav-button .dot{ background-color:#2c2c34}
.scrolled .nav .lang-switcher{ color:#2c2c34; top:20px}
.overlay-opacity{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(44,44,52,0.5)}
.overlay{ position:relative; padding-top:100px; z-index:2000; background-color:#fff}
.tiles .tile{ text-align:left}
html[dir='rtl'] .tiles .tile{ text-align:right}
.tiles .tile:nth-child(odd){ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(odd){ direction:rtl}
.tiles .tile:nth-child(odd) .text .holder{ margin-left:auto}
.tiles .tile:nth-child(even){ direction:rtl}
.tiles .tile:nth-child(even) *{ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(even){ direction:ltr}
html[dir='rtl'] .tiles .tile:nth-child(even) *{ direction:rtl}
.tiles .tile:nth-child(even) .text .holder{ margin-right:auto}
.tiles .tile .text .button{ margin-top:35px}
.tiles .tile .media{ position:relative}
@media(max-width:1024px){
.tiles .tile .media{width: 100%; min-height:500px }
}
.tiles .tile .media .holder{position:absolute;top:0; right:0; bottom:0; left:0; overflow:hidden}
@media(min-width:1024px){
.tiles .tile .media .holder{top:0px;bottom:-34px }
}
@media(min-width:1600px){
.tiles .tile .media .holder{top:0px;bottom:-50px }
}
.tiles .tile .media .holder .image{ position:absolute; top:-20%; right:0; bottom:-20%; left:0}
.tiles .tile .media .holder .image1 { position: absolute; top: 17%; right: 0; bottom: -20%; left: 0;
}
.tiles .tile:first-child .text .holder{ padding-top:0}
.tiles .tile:first-child .media .holder{ top:0}
@media(min-width:1024px){
.tiles .tile:last-child .text .holder{ padding-bottom:0 }
}
.tiles .tile:last-child .media .holder{ bottom:0}
.page-template-template-global-projects .lines .line:nth-of-type(2){ display:none}
.control{position:absolute;bottom:0;right:0;width:50%;z-index:500;color:#fff;padding-right:200px;-webkit-transform:translateZ(500px); transform:translateZ(500px)}
html[dir='rtl'] .control{ position:absolute; top:auto; left:0; right:auto; bottom:0; padding-left:200px; padding-right:0}
@media(max-width:1600px){
.control{ padding-right:136px }
html[dir='rtl'] .control{ padding-left:136px }
}
@media(max-width:1200px){
.control{ padding-right:0 }
html[dir='rtl'] .control{ padding-left:0 }
}
@media(max-width:1024px){
.control{ width:60% }
}
@media(max-width:768px){
.control{ display:none }
}
.control .holder{ padding:100px}
@media(max-width:1600px){
.control .holder{ padding:68px }
}
.box{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end;padding:20px;width:50%;height:335px;box-sizing:border-box;cursor: pointer;border: 8px solid #9f874d; letter-spacing:0;overflow:hidden}
.box h3 .light{font-size:24px; font-weight:normal; color: #9f874d;text-transform:uppercase;}
.box:nth-child(1){/* -webkit-transform:translateY(100%); transform:translateY(100%)*/}
.box:nth-child(2){ top:335px; left:calc(50% - 1px); -webkit-transform:translateY(-100%); transform:translateY(-100%)}
@media(max-width:1600px){
.box:nth-child(2){ top: 223px; }
.button{font-size: 13px;}
}
html[dir='rtl'] .box:nth-child(2){ right:calc(50% - 1px); left:auto}
.header-wraper h2 .dark{ font-size: 18px; font-weight: bold; text-transform: uppercase; margin:0px 0 20px 0; width: 100%; float: left;}
.box:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(159, 135, 77, 0.3);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 500ms 50ms;transition:transform 500ms 50ms;transition:transform 500ms 50ms,-webkit-transform 500ms 50ms}
.box:nth-child(1):before{-webkit-transform-origin:top center;transform-origin:top center}
.box:nth-child(2):before{ -webkit-transform-origin:bottom center; transform-origin:bottom center}
.box:hover .bottom{ transition:height 1000ms}
.box:hover .bottom p{ opacity:1; transition:opacity 1000ms 500ms}
.box:hover:before{ -webkit-transform:scale(1); transform:scale(1)}
[data-selected='1'].box:nth-child(1):before{ -webkit-transform:scale(1); transform:scale(1)}
[data-selected='2'].box:nth-child(2):before{ -webkit-transform:scale(1); transform:scale(1)}
@media(max-width:$tabletBreak){
.box{ height:250px }
}
.box .top{display:-webkit-box;display:flex;-webkit-box-flex:1.5;flex:1.5;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end; justify-content:flex-end}
.box .top h3{ margin-bottom:0}
.box .bottom{ height:0; overflow:hidden; transition:height 1000ms 500ms}
.box .bottom p{ padding-top:10px; color:#fff; font-size:14px; opacity:0; transition:opacity 1000ms}
#about .image{ position:absolute; top:-12.5%; right:0; bottom:-12.5%; left:0}
#quality-commitment .image{position:absolute;top:-10%;right:0;bottom:-10%;left:0;background-image: ;background-position:center;background-size:cover;background-repeat:no-repeat}
#quality-commitment .media{ z-index:0; -webkit-transform:translateZ(0px); transform:translateZ(0px)}
#our-businesses .header-wraper{ padding-right:0px; padding-left:0px}
@media(max-width:1600px){
#our-businesses .header-wraper{ padding-right:68px; padding-left:68px }
.box{height: 224px;border: 7px solid #9f874d;}
}
@media(max-width:1024px){
#our-businesses .header-wraper{ padding-right:36px; padding-left:36px }
}
#our-businesses .bussines-wraper{ position:relative; margin-top:-28px; padding:100px; padding-bottom:0; z-index:2000}
#our-businesses .bussines-wraper:before{ content:''; position:absolute; top:0; right:10px; bottom:0; left:10px; z-index:-1000}
@media(max-width:1600px){
#our-businesses .bussines-wraper{ padding:68px; padding-bottom:0 }
}
@media(max-width:1024px){
#our-businesses .bussines-wraper{ padding:36px; padding-bottom:0; z-index:1000 }
}
#our-businesses .bussines-wraper .button{ margin-top:68px; z-index:1000}
@media(max-width:1600px){
#our-businesses .bussines-wraper .button{ margin-top:36px }
}
@media(max-width:1024px){
#our-businesses .bussines-wraper .button{ margin-top:36px }
}
#our-businesses .bussines-wraper .feature{ height: 210px; width:20%}
@media(max-width:1024px){
#our-businesses .bussines-wraper .feature{ width:49% }
}
@media(max-width:768px){
#our-businesses .bussines-wraper .feature{ width:100% }
.box h3 .light {font-size: 18px;}
}
@media (max-width: 1024px) {
.img-height {padding-bottom: 36px; height: auto !important;}
.img-height-2 { height: auto!important;padding-bottom: 36px; padding-top: 36px;}
.about-section ul li { width: 100%; float: left; margin: 10% 0% 5%;}
.about-section ul { width: 90%; margin: 0 auto; padding: 0;}
.feature .icon { width: 100%; margin: 0 auto; float: none; text-align: center;}
h3 .light{width:100%; text-align:center;}
.holder p {margin: 10px 0 20px;}
h2 { margin-top: 0; font-size: 25px;line-height: normal;}
textarea{border-top:0;}
.box {width: 224px;
height: 224px;}
.box:nth-child(2){ left: calc(224px - 1px);}
}
@media(max-width:768px){
.box {width: 165px;height: 165px;}
.box:nth-child(2){ left: calc(165px - 165px); margin-top:20px;}
.box:nth-child(2) { top: 165px;}
.tiles .tile .media .holder .image{top:0; bottom:0;}
.tiles .tile .media .holder .image1{top:0; bottom:0;}
.mt-5 {
margin-top: 15px;
}
}
@media only screen and (min-width:1025px) and (max-width: 1152px) {
h2 { margin-top: 0;font-size: 30px; line-height: 30px;}
p { line-height: 20px; font-size: 14px;}
.holder p { margin: 10px 0 10px;}
.about-section ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section{height:490px;}
.about-section1 ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section1{height:490px;}
ul li { line-height: 20px; font-size: 14px;}
textarea{border-top:0;}
.img-height { height: 610px !important;}
.about-section ul {width: 89%;}
.about-section1 ul {width: 89%;}
#project-features { padding-bottom: 60px;}
}
@media only screen and (min-width:1153px) and (max-width: 1299px) {
h2 { margin-top: 0;font-size: 30px; line-height: 30px;}
p { line-height: 20px; font-size: 14px;}
.holder p { margin: 10px 0 10px;}
.tiles .tile .media .holder .image{top: -20px;}
.tiles .tile .media .holder .image1{top: -20px;}
.about-section ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section{height: 600px;}
ul li { line-height: 20px; font-size: 14px;}
.about-section1 ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section1{height: 600px;}
ul li { line-height: 20px; font-size: 14px;}
.img-height { height: 600px !important;}
textarea{border-top:0;}
}
@media only screen and (min-width:1300px) and (max-width: 1366px) {
h2 { margin-top: 0;font-size: 30px; line-height: 30px;}
p { line-height: 20px; font-size: 14px;}
.holder p { margin: 15px 0 10px;}
.about-section ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section{height:445px;}
.about-section1 ul li { width: 16%; float: right; margin: 4% 2% 0 2%}
h3 { line-height: 20px; font-size: 25px;}
.about-section1{height:445px;}
ul li { line-height: 20px; font-size: 14px;}
.img-height { height: 600px !important;}
textarea{border-top:0;}
}
@media only screen and (min-width:1367px) and (max-width: 1440px) {
h2{ margin-top: 0;font-size: 30px; line-height: 30px;}
p{ line-height: 20px; font-size: 14px;}
.holder p { margin: 15px 0 10px;}
.about-section ul li { width: 29%; float: left; margin: 11% 2%;}
h3{line-height: 20px;font-size: 25px;}
.about-section{height: 550px;}
.about-section1 ul li { width: 29%; float: left; margin: 11% 2%;}
h3{line-height: 20px;font-size: 25px;}
.about-section1{height: 550px;}
ul li { line-height: 20px; font-size: 14px;}
.img-height { height: 570px !important;}
}
@media only screen and (min-width:1441px) and (max-width: 1600px) {
h2 {margin-top: 0;font-size: 30px;line-height: 30px;}
p { line-height: 20px; font-size: 14px;}
.holder p { margin: 15px 0 10px;}
.about-section ul li { width: 29%; float: left;margin: 11% 2%;}
h3 {line-height: 20px;font-size: 25px;}
.about-section{height: 600px;}
.about-section1 ul li { width: 29%; float: left;margin: 11% 2%;}
h3 {line-height: 20px;font-size: 25px;}
.about-section1{height: 600px;}
ul li { line-height: 20px; font-size: 14px;}
.box{height: 275px;}
.box:nth-child(2) {top: 275px;}
.img-height {height: 580px !important;}
}
@media only screen and (min-width:1661px) and (max-width: 1800px) {
h2 { margin-top: 0;font-size: 30px; line-height: 30px;}
p { line-height: 20px; font-size: 14px;}
.holder p { margin: 15px 0 10px;}
.about-section ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section{height:540px;}
.about-section1 ul li { width: 29%; float: left; margin: 11% 2%;}
h3 { line-height: 20px; font-size: 25px;}
.about-section1{height:540px;}
ul li { line-height: 20px; font-size: 14px;}
.box{height: 275px;}
.box:nth-child(2) {top: 275px;}
.img-height { height: 580px !important;}
h3 .light { font-size: 14px;line-height: 18px;}
.box h3 .light { font-size: 24px;}
}