html,body{position:relative;height:100%;padding:0;margin:0;direction:ltr}
body{font-family:'Philosopher',sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
.ifr-btn{background-image:url(/images/trading-map.png);width:100%;height:600px;background-position:50% 50%;position:relative;cursor:pointer}
.pad-0{padding:0}
.mar-0-auto{margin:0 auto}
.fnone{float:none}
.fright{float:right}
.fleft{float:left}
.clear{clear:both}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.bold{font-weight:700}
.gray-bg{background:#E9E8E8}
.blue-color{color:#1F355E}
.gold-color{color:#C5A25D}
.font-15{font-size:15px}
.font-18{font-size:18px}
.font-20{font-size:20px}
.font-26{font-size:26px}
.font-34{font-size:34px}
.pad-tp-137{padding-top:137px}
.pad-tp-115{padding-top:115px}
.pad-tp-35{padding-top:35px}
.pad-tp-10{padding-top:10px}
.pad-btm-115{padding-bottom:115px}
.pad-btm-91{padding-bottom:91px}
.pad-title{padding-bottom:58px}
.pad-title-sm{padding-bottom:50px}
.pad-5{padding:5px}
.opacity-75{opacity:.75}
.HeaderImage{    background: url(../images/Header.jpg) no-repeat top center fixed;
    background-size: cover;
    width: 100%;
    min-height: 696px;}
    .logo-inner{width: 60%;}
    .logo-inner img{width: 100%;}
.flex-center{display:flex;flex-wrap:nowrap;align-items:center;flex-direction:column-reverse}
.gold-border{display:inline-block;padding:10px 25px;border:4px solid #C5A25D}
.gray-border{display:inline-block;padding:10px 25px;border:4px solid #EBE8DF}
.more{cursor:pointer}
.icon-container{height:94px}
.icon-container2{height:150px;margin-top:30px}
.colcarou{margin:136px auto}
#desk nav{margin:0 0 0  auto;direction:ltr}
#desk nav ul{text-align:left;display:inline;margin:0;padding:1em 1em 1em 0;list-style:none}
#desk nav ul li{display:inline-block;margin-right:.01em;position:relative;padding:1em;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#desk nav li a{cursor:pointer;font-size: 1.2vw;padding:20px;text-decoration:none;font-weight:400;color:#fff;}
#desk nav li a:hover{color:#fff}
#desk nav ul li ul li{padding:10px;text-align:center}
#desk nav ul li ul li a{padding:0;color:#1F355E}
#desk nav ul li ul{padding:0;position:absolute;top: 4.5vh;left: 13px;width:19em;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-transition:opacity .2s;text-align:left;padding-top: 3vh;}
#desk nav ul li ul li{background-color: rgba(204, 199, 199, 0.8);display:block;color:#1F355E;border-bottom:1px solid #fff;text-align:left;padding-left:15px;}
#desk nav ul li ul li:hover{background-color: rgba(204, 199, 199, 0.8);}
#desk nav ul li:hover ul{display:block;opacity:1;visibility:visible}
div#desk{height: 15vh;display:flex;align-items:flex-end;}
#menu2{display:none}
.header-container{width:100%;background-size:cover;height:136px;position:fixed;z-index:999999;top:0;-webkit-transition:height 1s ease;-moz-transition:height 1s ease;-o-transition:height 1s ease;-ms-transition:height 1s ease;transition:height 1s ease}
.top-nav-collapse{height:100px!important;-webkit-transition:height 1s ease;-moz-transition:height 1s ease;-o-transition:height 1s ease;-ms-transition:height 1s ease;transition:height 1s ease;padding-bottom: 7px;}
#logo1,#logo2{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
#icons{display:flex;align-items:center;flex-direction:row;float:right;height:100px;margin:0}
#icons ul{display:block;position:absolute;left:75px;direction:ltr;width:100%;z-index:9999999}
#icons ul li{display:inline-block;width:15%}
div#icons ul li a img{width:50%}
.inUl > li.active::after{content:'';color:#fff;display: block;padding-left: 20px;position: absolute; }
.inUl > li:nth-child(2)::after{content:'\25bc';color:#fff;display: inline;padding-left: 10px;position: absolute;right: 0;top: 20px;}
.inUl > li.active div {
    width: 15px;
    height: 1px;
    background: #fff;
    margin-left: 22px;
    margin-top: 5px;    position: absolute;
}

 
.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger:hover{opacity:.7}
.hamburger.is-active:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}
.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.linkedin{height: 13vh;display:flex;align-items:flex-end;    direction: rtl;}
.linkedin-scroll{height: 9vh;}
.overview-title{font-size: 2.5vw;padding-top:184px;padding-bottom:64px;}
.overview-pargraph{font-size: 1.08vw;padding-bottom:221px;}
.overview-container{background:url(../images/overview-bg.jpg);background-size:cover}
.contact-container{background-image:url(../images/white-bg.jpg);background-size:cover}
.uk-bg{background:url(../images/uk.jpg);background-size:cover}
.head-icon{padding-top:120px;padding-bottom:26px}
.head-icon-title{font-size: 1.8vw;color:#fff;font-weight:700;}
.head-strip{width:100px;height:3px;background:#fff;    margin-top: 37px;
    margin-bottom: 40px;}
.head-sub{font-size: 2.7vw;color:#fff;padding-bottom:111px;    line-height: 1.2;}
.projects-black-container{padding-top:221px;padding-bottom:221px;background: url(../images/black-bg.jpg) no-repeat bottom center fixed;width: 100%;background-size: cover;}
.project-black-title{font-size: 1.8vw;font-weight:700;color:#fff;padding-bottom:89px;}
.project-black-country{font-size: 1.2vw;color:#B3B3B3;font-style:italic;padding-bottom:30px;}
.project-black-content{color:#fff;font-size: 1vw;text-align: justify;}
.project-container{padding-bottom:213px}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{width:100%;height:500px;object-fit:cover}
.pad-btm-0{padding-bottom:0}
.malaysia-bg{background:url(../images/malaysia.jpg);background-size:cover}
.projects-white-container{padding-top:221px;padding-bottom:221px;background:url(../images/white-bg.jpg) no-repeat bottom center fixed;width: 100%;background-size: cover;}
.project-white-title{font-size: 1.8vw;font-weight:700;color:#000;padding-bottom:89px;}
.project-white-country{font-size: 1.2vw;color:#B3B3B3;font-style:italic;padding-bottom:30px;}
.project-white-content{color:#000;font-size: 1vw;text-align: justify;}
.spain-bg{background:url(../images/spain.jpg);background-size:cover}
.Contact-Title{padding-top:130px;padding-bottom:100px;text-align:center;font-size: 2.5vw;}
.Contact-Info1{font-size: 1vw;font-weight:700;}
.gray-color{color:#999}
.Contact-Info2{font-size: 1vw;padding-bottom:5px;}
.pad-btm-73{padding-bottom:73px}
.form-container input{width:100%;background:#F2F2F2;margin-bottom:11px;padding:10px;border:none;font-size:15px;color:#A6A8AB}
.form-container input[type="submit"]{width:auto;padding:12px 40px;background:transparent;border:3px solid #000;float:right;color:#000;font-size:18px}
.form-container textarea{width:100%;background:#F2F2F2;margin-bottom:11px;padding:10px;border:none;font-size:15px;color:#A6A8AB}
.form-container{padding-bottom:150px}
::-webkit-input-placeholder{color:#A6A8AB}
:-ms-input-placeholder{color:#A6A8AB}
::placeholder{color:#A6A8AB}
.pad-btm-15{padding-bottom:15px}
.head-fixed{background:rgba(0,0,0,0.63)}
.head-fixed .head-logos img{width:43px}
#menu1{display:block!important}
#menu2{display:none!important}
@media screen and (max-width:5000px) and (min-width:1000px) {
.linkedin{display:flex!important}
}
@media screen and (max-width:1024px) and (min-width:1023px) {
#desk nav ul li{padding:1em}
}
@media screen and (max-width:1280px) and (min-width:1024px) {
#desk nav li a{padding:0}
}
@media screen and (max-width:1440px) and (min-width:1024px) {
.font-34{font-size:27px}
.font-26{font-size:21px}
.font-20{font-size:16px}
}

@media screen and (max-width:930px) {
    .logo-inner {
        float: left;
    }
.ifr-btn{height:350px}
.header-container{height:100px!important;-webkit-transition:height 1s ease;-moz-transition:height 1s ease;-o-transition:height 1s ease;-ms-transition:height 1s ease;transition:height 1s ease}
.column{height:100px!important;-webkit-transition:height 1s ease;-moz-transition:height 1s ease;-o-transition:height 1s ease;-ms-transition:height 1s ease;transition:height 1s ease}
.head-logos{text-align:left!important;direction:ltr!important;padding-right:19px!important}
#map-iframe{height:400px!important}
#logo1{display:none!important}
#logo2{display:block!important;width:43px;margin-left:20px}
#menu1{display:none!important}
#menu2{display:block!important}
#icons{display:none!important}
.swiper-container{height:50%}
.dl-menuwrapper .dl-menu{right:-15px!important}
.pad-btm-40-res{padding-bottom:40px}
.pad-title-res-n{padding-bottom:0}
.slide-title{font-size:3.2vh}
.pad-tp-137{padding-top:85px}
.pad-btm-115{padding-bottom:65px}
.pad-btm-91{padding-bottom:65px}
.pad-tp-115{padding-top:85px}
.font-34{font-size:30px}
.font-26{font-size:24px}
.font-20{font-size:16px}
.pad-tp-80{padding-top:40px}
.HeaderImage{height: 300px;
    min-height: 300px;background: url(../images/Header.jpg) no-repeat top center;}
.overview-title{font-size:40px;padding-top:64px;padding-bottom:30px}
.overview-pargraph{font-size:17px;padding-bottom:60px}
.head-icon{padding-top:55px;padding-bottom:17px;text-align:center}
.head-icon-title{font-size:27px;text-align:center}
.head-strip{width:100px;height:3px;text-align:center;float:none;margin:25px auto}
.head-sub{font-size:35px;color:#fff;padding-bottom:40px;text-align:center}
.projects-black-container{padding-top:100px;padding-bottom:0;background: url(../images/black-bg.jpg);}
.project-container{padding-bottom:100px}
.projects-white-container{padding-top:100px;padding-bottom:0;background: url(../images/white-bg.jpg);}
.pad-res-15{padding:0 15px}
.project-black-content,.project-white-content,.overview-pargraph{text-align:justify;font-size: 4vw;}
.project-black-title,.project-white-title{font-size:27px;padding-bottom:30px;padding-top:25px}
.project-black-country,.project-white-country{font-size:18px}
.Contact-Title{padding-top:65px;padding-bottom:70px;text-align:center;font-size:40px}
.Contact-Info1,.Contact-Info2,.contact-linkedin,.contact-submit{text-align:center;font-size: 4vw;}
.contact-linkedin{padding-bottom:15px}
.pad-btm-73{padding-bottom:40px}
.form-container input[type="submit"]{float:none;margin:0 auto}
.form-container{padding-bottom:100px}
.swiper-slide img{height:300px}
.contact-container {
    background-image: url(../images/overview-bg.jpg);    background-size: auto;
}
}
@media screen and (max-width:930px) and (min-width:768px) {
    .project-black-content,.project-white-content,.overview-pargraph{text-align:justify;font-size: 3vw;}
    .Contact-Info1,.Contact-Info2,.contact-linkedin,.contact-submit{text-align:center;font-size: 3vw;}

}
@media screen and (max-width:450px) {
.font-34{font-size:24px}
.font-26{font-size:20px}
.font-15{font-size:13px}
.icon-container2{margin-top:0}
}