/* Theme Name: Dubai Investors Group Version: 2.0 Author: Xpert Solutions Team Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) */ @font-face { font-display: block; font-family:"Futura-LT-W01-Light"; src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix"); src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix") format("eot"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf") format("truetype"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/14d6bf5d-15f1-4794-b18e-c03fb9a5187e.svg#14d6bf5d-15f1-4794-b18e-c03fb9a5187e") format("svg"); } @font-face { font-display: block; font-family:"Futura-LT-W01-Book"; src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix"); src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/dc423cc1-bf86-415c-bc7d-ad7dde416a34.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34") format("svg"); } @font-face { font-display: block; font-family:"Avenir-LT-W01_35-Light1475496"; src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix"); src:url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"),url("http://static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg"); } @font-face { font-family: 'DroidKufi'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/DroidKufi-Regular.ttf") format("truetype"); font-style: normal;} @font-face { font-family: 'Avenir Heavy.ttf'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/Avenir Heavy.ttf") format("truetype"); font-style: normal;} @font-face { font-family: 'Arialn.ttf'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/Arialn.ttf") format("truetype"); font-style: normal;} @font-face { font-family: 'ARIALBD.TTF'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/ARIALBD.TTF") format("truetype"); font-style: normal;} @font-face { font-family: 'ARI.ttf'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/ARI.ttf") format("truetype"); font-style: normal;} @font-face { font-family: 'ArialCEItalic.ttf'; src: url("https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/fonts/ArialCEItalic.ttf") format("truetype"); font-style: normal;} html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%; scroll-behavior: smooth; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a,a:hover{ text-decoration: none; color: inherit } :root{ --color_11: 255,255,255; } body { background: white; /* font-size: 19px; */ font-size: 1.2vw; line-height: 1.6; color: black; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: 'Arialn.ttf'; color:#504e4f; overflow-x: hidden; } body.page { /*text-align: justify;*/ } img{ max-width:100% } img.alignleft{ float: left; margin-right: 15px; margin-bottom: 15px; } img.alignright{ float: right; margin-left: 15px; margin-bottom: 15px; } ul{ list-style: disc; padding-left: 30px; } .container-xpt-95 { max-width: 95%; margin: auto } .container-xpt-90{ max-width: 90%; margin: auto } .container-xpt-85 { max-width: 85%; margin: auto } .container-xpt-82 { max-width: 82%; margin: auto } .container-xpt-72{ max-width: 72%; margin: auto } .container-xpt-60 { max-width: 60%; margin: auto } p{ margin-bottom:2rem } figure{margin-bottom: 0} /*Header Section*/ .header .top-header{ position: fixed; z-index: 9999; width: 100%; top: 0px; background: #fff; } .header.sticky .top-header{top:0; transition: .2s all ease-in; background: #fff;} .header .top-header:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8c7732; transform: scaleX(0); transition: all .2s; } .header.sticky .top-header:after{ transform: scaleX(1); transition: all 2s ease; } .top-header .navbar-brand img{max-height: 85px;transition: .2s all ease;} .header.sticky .top-header .navbar-brand img { max-height: 40px; transition: .3s all ease; } .top-header .navbar-nav{ margin-left: auto; width: 100%; justify-content: flex-end; } .top-header .navbar-nav li{ margin: 0 23px; position:relative } .top-header .navbar-nav li:last-child{ margin-right: 0 } .top-header .navbar-nav li a{ color: #959598; padding: 8px 10px; /* font-size: 16px; */ font-size: 1vw; display: block } .top-header .navbar-nav li:last-child a{ padding-right: 0 } .main-menu-more,.submenu-expand, button.menu-item-link-return{ display:none } .top-header .navbar-nav li:hover .dropdown-menu{ display : block } .dropdown-menu{ padding: 0; } .dropdown-menu li a:after{display:none} .dropdown-menu li:last-child a{ padding-right : 10px !important } .dropdown-item.active, .dropdown-item:active{ background-color : transparent } .dropdown-menu li.active a{ font-weight: normal !important } .header.sticky .top-header li a{ color: #959598 !important; font-size: 16px; font-weight: 400; position:relative; } .header .top-header li a:hover{ text-decoration: none; color:#959598; } .header .top-header li a:after{ content: ''; position: absolute; height: 1px; left: 0; top: -10px; width: 100%; background-color: #c0d2e5; transform: scaleX(0); transition: .3s all; } .dropdown-toggle::after{ border: none !important } .header .top-header li.active a:after, .header .top-header li:hover a:after{ height: 3px; background-color: #959598; transform: scaleX(1); transition: .3s all; } .top-header .navbar-nav li.active a{ color: #959598; font-weight: 900 } .top-header .navbar-nav li.active .dropdown-menu li a{ font-weight: normal; color: rgb(128 126 83/100%); } .dropdown-menu li{ margin : 0 !important; } .dropdown-menu li a:hover{ } .top-header .navbar-nav li a.active{ font-weight: 800; border-radius: 25px; } .top-header .social-wrapper{ background: #8c7732; position: fixed; top: 0; right: 0; display: flex; align-items: center; height: 40px; } .container-xpt-tp-header{ /* max-width: 1140px; */ max-width: 85%; margin-left: auto; margin-right: auto; } .top-header .social-wrapper .inner{ display: flex; align-items: center; justify-content: flex-end; padding: 8px 0; } .top-header .social-wrapper a{ color: #fff; width: 40px; height: 40px; display: flex; /* font-size: 18px; */ font-size: 1.1vw; align-items: center; justify-content: center; text-align: center } .top-header .social-wrapper a:first-child { border-right: 1px solid; } .header li.lang-item a, .header.sticky li.lang-item a { font-size: 1.0vw; color : #fff !important; margin-top: -7px; } li.lang-item a{ font-family: 'DroidKufi'; } a.social-icon{ height: 40px !important; margin: 0 !important; width: 40px !important; padding: 0 19px !important; border-right: 1px solid #fff; } a.social-icon:hover{ background: #fff; transition: all .2s; } /* a.social-icon .fa-twitter{ color: #52a2f3; } a.social-icon .fa-instagram{ color: #e73c59; } a.social-icon .fa-facebook-f{ color: #3f77f3; } a.social-icon .fa-linkedin-in{ color: #3467c2; } */ a.social-icon .top-header .social-wrapper a:hover{ color: #8c7733; background: #fff; border-radius: 2px; transition: .2s all; } .top-header .social-wrapper a:hover .fa-twitter{ color:#52a2f3; font-size: 22px; transition: .2s all; } .top-header .social-wrapper a:hover .fa-instagram{ color: #e73c59; font-size: 22px; transition: .2s all; } .top-header .social-wrapper a:hover .fa-facebook-f{ color: #3f77f3; font-size: 22px; transition: .2s all; } .top-header .social-wrapper a:hover .fa-linkedin-in{ color: #3467c2; font-size: 22px; transition: .2s all; } .top-header .social-wrapper a.lang{ display: flex; align-items: center; background: #8c7733; color: #fff; font-family: 'Futura-LT-W01-Book'; font-weight: bold; width: 40px; height: 40px; margin-top: -9px; font-size: 20px; } .top-header .social-wrapper a.lang:hover{ background: #fff; color: #8c7733; border-bottom: 1px solid #8c7733; margin-top: 0; } .arb-img{ max-height: 16px; margin-left: 3rem; } .navbar-expand-lg { /* padding: 10px; */ border-bottom: 1px solid #fff; z-index: 10; margin-bottom: 5px; } .top-header .navbar-nav li:last-child .dropdown-menu li a{ padding-right : 10px !important } .top-header .navbar-nav li ul li{ position:relative !important; border: none; display: block; } .top-header .navbar-nav li ul li.menu-item-has-children a{ position: relative } .top-header .navbar-nav li ul li.menu-item-has-children:after{ content: '\25BA'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); color: #959598; } .top-header .navbar-nav li ul li.menu-item-has-children:hover::after{ background: #959598; color: #fff; } .top-header .navbar-nav li ul li.menu-item-has-children:hover > a{ color: #fff } .top-header .navbar-nav li ul li.menu-item-has-children:hover{ background: #959598; color: #fff; border-radius: 0; } .top-header .navbar-nav li ul li.menu-item-has-children:hover ul li a{ color: #959598; } .top-header .navbar-nav li ul li.menu-item-has-children:hover > a{ color:#fff !important; } .top-header .navbar-nav li ul li.menu-item-has-children:hover ul li a:hover{ color: #fff } .top-header .navbar-nav li ul li ul{ position: absolute; left: 100%; top: 0; display: none } .top-header .navbar-nav li ul{ padding: 0; } .top-header .navbar-nav li ul li a:hover{ background: #959598; color: #fff !important; transform: transition .2s all } .top-header .navbar-nav li:hover ul li ul{ display: none !important } .top-header .navbar-nav li ul li:hover ul{ display: block !important } div#carouselExampleCaptions, .carousel-inner,.carousel-item, .carousel{ height:100% } .slider-wrapper{position: relative;height: 100vh; overflow: hidden;} iframe.ticker-chart{ /* position: absolute; left: 13%; top: 39%; z-index: 100; height: 334px; background: #fff; padding-top: 5px; */ height: 330px; } iframe.ticker-chart .MainC { max-width: 100% !important; } .slider-wrapper .carousel-inner .carousel-item{ position:relative; } .slider-wrapper .carousel-item video{ height: 100vh; width: 100%; object-fit: cover; } .slider-wrapper .carousel-item img { /* height: calc(100vh - 158px ); */ width: 100%; height: 100%; object-fit: cover; object-position: top; /* margin-top: 158px; */ /* margin-top: 216px; */ } .vid-cap{ font-size: 1.6em !important; text-shadow: 0 0 2px #000; } /*.home .slider-wrapper .carousel-item img{ margin-top: 155px } .page .slider-wrapper .carousel-item img{ margin-top: 158px; }*/ .slider-wrapper .carousel-caption{ width: 64%; top: 36%; text-align: right; right: 20%; left: inherit } .slider-wrapper .carousel-caption{ /*text-transform: uppercase*/ } .slider-wrapper .carousel-caption h2{ color:#fff; } .slider-wrapper .carousel-caption h2.vid-head{ position: absolute; bottom: 60px; left: 0; text-align: left; } .slider-wrapper .carousel-caption h2 span{ margin-bottom: 2rem; font-weight: 700; /* font-size: 40px !important; */ font-size: 2.6vw !important; text-transform : uppercase; letter-spacing: 2px; font-size: 4rem; color: #fff; font-family: 'Futura-LT-W01-Book'; } .slider-wrapper .carousel-caption h2 span.vid-cap, .slider-wrapper .carousel-caption h2 span.vid-cap .gold{ font-size: 55px !important; } .slider-wrapper .carousel-caption h2 span.vid-cap .gold{ color: #8c7732; } .slider-wrapper .carousel-caption h2{ font-weight: 400; font-size: 32px; text-transform: uppercase; margin-bottom: 15px; font-family:"Avenir Heavy.ttf"; color: #8c7732; } .slider-wrapper .carousel-caption h2 span.head_2{ background: #fff; color: #8c7732; /* font-size: 24px !important; */ font-size: 1.6vw !important; padding: 7px 10px; } .slider-wrapper .carousel-caption a{ background: rgb(92 105 112 / 71%); text-transform: uppercase; color: #fff; padding: 8px; font-weight: 500; margin-top: 28px; display: block; width: 7.3vw; text-align: center; margin-left: auto; border: 1px solid; /* font-size: 15px; */ font-size: 1vw !important; transition: all .3s ease; } .slider-wrapper .carousel-caption a:hover{ background: #fff; color:#000; border: none; transition: all .3s ease; } .carousel-indicators{ bottom: 70px; left: 50%; transform: translateX(-50%); align-items: center; margin: inherit !important; text-align: left; right: inherit; } .carousel-indicators li{ width: 8px !important; height: 8px !important; margin-right: 7px; border-radius: 50%; background: #fff; border: none; opacity: 1; border: 1px solid #fff; } .carousel-indicators li.active{ border: none; background: none; border: 1px solid #fff; } .slider-wrapper .carousel-control-next{ right:5%; } .slider-wrapper .carousel-control-prev{ left: 5%; } .slider-wrapper .carousel-control-next, .slider-wrapper .carousel-control-prev{ opacity: 1; width: 60px; top: 60%; transform: translate(10%,-50%); } .carousel-control-prev-icon{ /*background-image: url('assets/images/left-ar.png') !important;*/ } .carousel-control-next-icon{ /*background-image: url('assets/images/right-ar.png') !important;*/ } .slider-wrapper svg{ fill: #fff; } .slider-wrapper .carousel-control-prev svg{ transform: rotate(180deg); } .slider-wrapper .carousel-control-next-icon, .slider-wrapper .carousel-control-prev-icon { /* display: inline-block; width: 40px; height: 40px; background: no-repeat 50%/100% 100%;*/ /* display: none */ width: 35px; height: 35px; } .inner-wrapper{padding: 8% 0;} .inner-wrapper .content-wrapper{margin: auto;display:block} .inner-wrapper .content-wrapper .title h2{ text-transform: uppercase; font-weight: 700; font-size: 5rem; margin-bottom: 4rem; color: #51b948 } .chariman-msg .content-wrapper{ background-color: white; } .chariman-msg p{ font-weight: 500; font-style: italic; font-family: "Futura-LT-W01-Light" } .chairman-img{ /*max-width: 275px;*/ display: block; margin : auto; /* height: 640px; */ object-fit: contain; width: 100%; background: #fff; } .chairman-name { margin-top: 15px; font-weight: 600; text-transform: uppercase; font-size: 15px; letter-spacing: 0px; color: #8c7f7f; text-align: center; } .sec-title{ color: #000; /* font-size: 4rem; */ font-size: 2.55vw; margin-bottom: 2rem; /* font-family: "ARI.ttf"; */ font-family: 'Futura-LT-W01-Light'; text-transform: uppercase; line-height: 1.3; position: relative; font-weight: bold; letter-spacing: 1px; } .sec-title:after{ content: ''; position:absolute; left: 0; bottom: -8px; width: 110px; height: 9px; } a.rd-more{ color: #5c6970; padding: 10px; width: 140px; text-align: center; text-transform: uppercase; border :1px solid; } .main-section{ background-color: #f0eded } .main-section .content-wrapper{ display: flex; align-items: center; } .main-section .single-sec{ padding : 5% 0; flex-basis: 0; flex-grow: 1; } .single-sec figure{ width: 60px; height: 60px; overflow: hidden; margin: auto; } .single-sec figure img{ height: 100%; width: 100%; object-fit: contain; } .single-sec figcaption{ margin-top: 15px; font-weight: 700; text-transform: uppercase; color: rgb(128 126 83/100%); text-align: center; font-size: 17px; } section.industries { overflow: hidden; padding: 4% 0; padding-bottom: 4%; background: #fff; /* margin-top: 5%; */ margin-bottom: 5%; } .industries .sec-title{ /* color: #fff; background: #807e53; margin-bottom: 0; padding: 13px; position: relative; z-index: 20;*/ width: fit-content; margin: auto; text-align: center; margin-bottom: 8rem !important; } .industries .sec-title:after{ background: #8c7732; bottom: -15px; left: 50%; transform: translateX(-50%); } .industries .sec-title:after{ } .industries_slider{ display:flex; margin-top: 3rem; position: relative; } .industries_slider .item{ position:relative; flex-grow: 1; flex-basis: 0; cursor: pointer; overflow: hidden; margin: 0 5px; } .industries_slider .item figure{ height: 380px } .industries_slider .item figure img{ height : 100%; width: 100%; object-fit: cover } .industries_slider .item:hover figure{ } .industries_slider .item:hover{ transition: all .3s; z-index: -1 } .industries_slider .item:hover figure img{ filter: blur(8px); -webkit-filter: blur(8px); } .industries_slider .item img.img-stamp{ position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width:85%; height: 80%; object-fit: contain; /* background: rgb(255 255 255 / 77%); */ /* padding: 25px; */ transition: .3s all; visibility: hidden; opacity: 0; z-index: 10; } .industries_slider .item:hover{ transition: .3s all; z-index: 10 } .industries_slider .item:hover .img-stamp,.industries_slider .item:hover .img-bg{ transition: .9s all; /* width:85%;; */ visibility: visible; opacity: 1; } .industries_slider .item .img-bg { position: absolute; top: 50%; left: 50%; width: 92%; height: 70%; transform: translate(-50%,-50%); /* background: rgb(255 255 255 / 50%); */ transition: .3s all; visibility: hidden; opacity: 0; /* z-index: -1 ; */ background-color: var(--container-corvid-background-color,rgba(var(--bg,var(--color_11)),var(--alpha-bg,1))); --container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1)); --bg: var(--color_11); --alpha-bg: 0.7; --color_11: 255,255,255; } .industries_slider .owl-prev{ position: absolute; top: 50%; left: 20px; transform: translateY(-50%) } .industries_slider .owl-next{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%) } .industries_slider .owl-prev span, .industries_slider .owl-next span{ color: #fff; font-size: 11rem; text-shadow: 0 0 10px #000; } .industries_slider .owl-prev:hover, .industries_slider .owl-next:hover{ background: none; } .slick-arrow{ display: none !important; } .industries_slider .item figcaption{ color: rgb(128 126 83/100%); font-weight: 500; text-align: center; margin: 20px 0; font-size: 20px; text-transform: uppercase } .industries_slider .item:hover figcaption{ font-weight: 800; font-size: 23px; } .our-partners{} .our-partners .sec-title{ text-align: center; margin-bottom: 3rem; } .our-partners .item figure{ width: 110px; } .owl-theme .owl-dots .owl-dot span{ width: 8px; height: 8px; margin-right: 7px; border-radius: 0; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 5rem; } .owl-theme .owl-dots .owl-dot.active span{ background: rgb(128 126 83/100%) } /*Home About us Section*/ .about_us{ position: relative; overflow: hidden; /* padding: 4% 0; */ /* background-image :url('assets/images/ab_bck.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-color: rgb(86 91 95 / 80%); background-blend-mode: overlay; padding: 4% 0; position: relative; min-height: 500px; */ } .img-parallax { width: 100vmax; /*z-index: -1;*/ position: absolute; top: 0; left: 50%; transform: translate(-50%,0); pointer-events: none; height: 100%; object-fit: cover; } .wv02_wrapper { background:rgb(255 255 255 / 97%); padding: 5rem 0; } /* .wv02_wrapper:hover{ background: rgb(255 255 255 / 97%) } */ .wv02_wrapper .inner_col{ text-align :center; /* font-family: "ARIALBD.TTF"; */ font-family: 'Futura-LT-W01-Light'; line-height: 1.2; color: #3d5975; position: relative } .wv02_wrapper .inner_col:after{ content:''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 65%; width: 2px; background: #fff; } .inner_col.__ls:after{ display:none } .__bwt_lct { /* font-size: 5rem; */ /* font-size: 3.1vw; */ font-size: 60px; margin-bottom: 3rem; color: #3b3a3a; } .__bwt_sth { /* font-size: 20px; */ font-size: 1.25vw; color: #8c7732; font-family: 'Futura-LT-W01-Book'; /* font-weight: 700; */ } .__about_wv-3{ background : #fff; padding: 3%; margin-top: 7rem; background: #f7f7f7 } .__about_wv-3 .sec-title:after{ background: #8c7732; } .__about_wv-3 a{ /* width: 142px; */ width: 9vw; display: block; margin-left: auto; margin-top: 20px; padding: 10px; /* font-size: 18px; */ font-size: 1.1vw; background-color: #fff; color: inherit; text-align: center; font-family: 'Futura-LT-W01-Light'; font-weight: 800; } /*Chairman Section*/ .chariman-msg{ /* background-image :url('assets/images/homepage-1-0901.jpg'); min-height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-color: rgb(86 91 95 / 80%); background-blend-mode: overlay;*/ padding: 4% 0; position:relative } .video-container{ position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .video-container video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto; height: auto; /* Center the video */ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); } .chariman-msg .sec_content{ padding: 3%; position: relative; padding-right: 20%; height: 100%; background: #fff; padding-top: 10rem; } .chariman-msg .sec_content .sec-title:after{ background: #757575; } div#comp-ko8fpogk2 { --fill: #8c7732; width: 100%; position: relative; padding-top: 15px; margin-bottom: 15px; } .TG-Zk._1UnNA { fill: var(--fill); } .TG-Zk svg { width: 46px; height: 42px; } .chariman-msg a{ background: #959598; color: #fff; margin-top: 20px; text-align: center; font-size: 15px; width: auto; min-width: 140px; padding: 9px; display: block; margin-left: auto; font-size: 16px; font-family: 'Futura-LT-W01-Light'; font-weight: 800; white-space: nowrap; } /*Investors Sec*/ .inv_rt { background-image: none; background-color:transparent; } .inv_rt_0vs1 { margin-bottom: 10rem;} .inv_rt_0vs1 .sec-title:after{background: #959598;} .inv_rt .__bwt_sth{margin-bottom: 1rem;color: #876e1c} .inv_rt .__bwt_lct{margin-bottom:0} .wv02_wrapper{position: relative;} ._figure{ position:relative } .vs_mn3{ margin-top: 10rem; margin-bottom: 10rem; } .vs_mn3 .inner_col ._figure{ height: 400px; width: 300px; overflow: hidden; } .vs{ background-image :url('https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/vision.png'); } .ms{ background-image :url('https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/mission.png'); } .vl{ background-image :url('https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/values.png'); } .vcom{ background-image :url('https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/Values-scaled.jpg'); } ._figure .__figcaption{ position: absolute; width: 100%; background: #ffffffc9; /* padding: 20px; */ bottom: 20px; transform: translateY(250px); transition: all .3s; cursor: unset; height: 345px; } ._figure:hover .__figcaption{ width: 90%; left: 15px; transform: translateY(0); transition: all .3s; } ._figure .__figcaption ._title{ text-align: center; /* font-family: "ARI.ttf"; */ font-family: 'Futura-LT-W01-Light'; line-height: 1.3; color: #3d5975; /* font-size: 3.3rem; */ font-size: 25px; text-transform: uppercase; font-weight:bold; /* margin-bottom: 2.3rem; */ letter-spacing: 5px; padding: 20px; height: 115px; max-width: 300px; margin: auto; display: flex; justify-content: center; align-items: center; } ._figure .__figcaption span{ font-size: 16px; display: block; line-height: 1.5; color: #504e4f; text-align: center; } ._figure .__figcaption .vl-c { height: 222px; padding: 20px; padding-top: 0; } .rd-mr-in{ display: block; width: fit-content; background: #fff; padding: 5px 13px; margin: auto; margin-top: 1em; font-size: 15px; font-family: 'Futura-LT-W01-Light'; font-weight: 800; } ._figure .__figcaption span ul{ list-style: none; text-align: center; text-transform: uppercase; padding-left:0; } .content-area-section{ margin-top: 5rem } /*History Section*/ .__htr_s_1v { padding : 4% 0; margin-bottom: 0 !important; background: #fff; } .__htr_s_1v .sec-title{ margin-bottom: 0rem; font-family: 'Futura-LT-W01-Light'; letter-spacing: 1px; } .__htr_s_1v .sec-title:after{ background : #8c7732; left: 50%; transform: translateX(-50%); } #historyIndicator .carousel-caption { background: #ffffffc9; color: #000; height: 100%; width: 30%; top: 0; right: 10%; left: inherit; display: flex !important; flex-direction: column; align-items: center; justify-content: center; } #historyIndicator .carousel-caption { padding:20px; transition : .3s all; } #historyIndicator{ height: 435px; overflow: hidden; } #historyIndicator img{ filter: grayscale(1); } #historyIndicator .carousel-caption .sec-title:after{ left: 50%; transform: translateX(-50%); width: 50px; bottom: -20px; } #historyIndicator .carousel-caption p{ margin-top: 5rem; font-size: 16px; padding: 0 25px; } #historyIndicator a.hst_rd { width: 111px; /* margin: auto; */ margin-top: 20px; padding: 4px; font-size: 18px; background-color: #8c7733; text-align: center; font-family: 'Futura-LT-W01-Book'; color: #fff; } #historyIndicator a.hst_rd:hover { background: #fff; color: inherit; border: 1px solid; } #historyIndicator .carousel-caption p b{text-transform: uppercase} div#historyIndicator { overflow: hidden; max-width: 80%; margin: auto; padding: 0 6%; margin-top: 5rem; } #historyIndicator .carousel-caption:hover{ transform : scale(1.05); transition : .3s all; } .carousel-control-prev, .carousel-control-next { height: 100px; width: 100px; outline: black; background-size: 100%, 100%; background-image: none; top: 50%; transform: translateY(-50%); } #historyIndicator .carousel-control-next:after { content: '>'; font-size: 55px; color: #959598; } #historyIndicator .carousel-control-prev:after { content: '<'; font-size: 55px; color: #959598; } /*News and Media*/ .nw_ss1_mD{ /* background-image :url('assets/images/media.jpg'); min-height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-color: rgb(86 91 95 / 80%); background-blend-mode: overlay; position:relative*/ /*padding: 4% 0 !important;*/ position:relative; padding-bottom: 4% !important } .__news__wrap{ background: rgb(255 255 255 / 85%); /* padding: 4% 0; */ position:relative } .nw_ss1_mD .sec-title:after{ background: #757575; } .__news__wrapper{ display: flex; /* height: 366px; */ } .news_single_col{ flex-basis: 0; flex-grow: 1; text-align: center; color: #fff; transition: .2s all; position: relative } .news_single_col ._nw_title{ font-family: futura-lt-w01-book,sans-serif; font-size: 35px; } .__nw__desc{ font-size: 17px; margin-top: 20px; font-family: 'Futura-LT-W01-Light'; } .news_single_col.f_1 { background: #876e1c; } .news_single_col a{ /* display: block; margin-top: 22px; border: 1px solid; width: 100px; padding: 5px; text-align: center; float: right; */ width: 120px; display: block; margin-left: auto; margin-top: 20px; padding: 5px; font-size: 16px; background-color: #fff; color: inherit; text-align: center; font-family: 'Futura-LT-W01-Light'; border: .1px solid; } .news_single_col.f_2{ background: #3b3a3a } .news_single_col.f_3{ background: #757575 } .news_single_col.f_4{ background: #c6c6c6 } .news_single_col{ height: 100%; overflow: hidden; max-height: 470px; } .news_single_col img { width: 100%; } .news_single_col:hover{ /* transform: scale(1.02); */ transition: .5s all; } .news_single_col:hover figure img{ transform: scale(1.25); transition: 2s all ease-in; } .news_single_col:hover .news_single_col.news{ /* background-image: url('assets/images/news_bg.png') !important; background-attachment: fixed; background-position: center center; background-size: contain; min-height: 550px */ } .news_single_col .__figcaption{ position: absolute; top: 50%; text-align: left; left: 50%; transform: translate(-50%,-50%); background: #fff; color: #000; width: 65%; /* height: 65%; */ padding: 30px; } .q_values .news_single_col{ height: 435px; } .q_values .news_single_col figure{ height: 100%; } .q_values .news_single_col figure img{ object-fit: cover; height: 100%; width: 100%; transition: .2s all ease-in; } .q_values .news_single_col .__figcaption{ width: 90%; /* height: 366px; */ min-height: 366px; } .q_values .news_single_col ._nw_title{ font-size: 1.6vw; } .q_values .__nw__desc{ /* font-size: 1.1vw; */ margin-top: 4px; } .q_values .news_single_col:hover .__figcaption{ width: 90%; min-height: 366px; height: auto; } .news_single_col:hover .__figcaption{ box-shadow: 0 0 5px #ccc; width: 70%; height: 70%; transition: .2s all ease-in; } /*Partner Section*/ .__partners{ padding-bottom: 4% !important; position: relative; } .__partners_wrapper{ background : #fff; padding:3% 0; } .__prt_wrap{ display: flex; justify-content: center; position: relative } .__prt_wrap .sec-title:after{ background: #757575; } .__prt_wrap ._fig_img{ width: 170px; height: 115px; margin: auto; } .__prt_wrap ._fig_img img{ height:100%; width:100%;object-fit: contain;filter: grayscale(.8); } .__prt_wrap ._fig_img:hover img{ filter: grayscale(0); } .__prt_wrap .owl-prev{ position: absolute; top: 28%; transform : translateY(-50%); left: -65px } .__prt_wrap .owl-next{ position: absolute; top: 28%; transform : translateY(-50%); right: -65px } .__prt_wrap .owl-dot{ display: none !important } .__prt_wrap .owl-prev span, .__prt_wrap .owl-next span{ font-size: 13rem; } .__prt_wrap .owl-next:hover, .__prt_wrap .owl-prev:hover{ background: none !important; color: #000 !important; } /*Footer*/ footer{ padding: 4% 0; } footer .sec-title:after{ background: #8c7732; } ._f_title{ font-family: "Avenir Heavy.ttf"; font-size: 22px; color: #1e2d3b; margin: 3rem 0 1rem; } ._cnx_inf0M1 { font-family: futura-lt-w01-book,sans-serif; font-size: 15px; line-height: 3; } ._cnx_inf0M1 ul { list-style: none; padding-left: 0; line-height: 3; } .site_footer_wrapper{ font-size: 13px; padding: 10px; background: #fff; } .social_txt{ text-align:right } .social_txt .inner a{ color: #000; font-size: 25px; margin-left: 6px; } .site_footer_wrapper .iso_logo img{ max-height: 60px; } /*History Timeline*/ .js .cd-h-timeline__container{ margin-top: 7rem; } .js .cd-h-timeline__dates::before , .js .cd-h-timeline__dates::after{background: none !important;display:none} .js .cd-h-timeline__navigation::after{ background: url(https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/cd-arrow.svg) no-repeat 0 0 !important; } .js .cd-h-timeline__navigation{ height: 90px; width: 90px; } .js .cd-h-timeline__navigation--prev{ left: -30px; } .js .cd-h-timeline__navigation--next{ right : -30px } .js .cd-h-timeline__event--selected{ text-align: center; } .js .cd-h-timeline__navigation { border: none; cursor: pointer; } .js .cd-h-timeline__navigation{ fill: #fff; width: 65px; height: 65px; background: #876e1c; padding: 10px; } .js .cd-h-timeline__navigation:hover{ background: #fff; fill: #876e1c; border: 2px solid #876e1c; } .js .cd-h-timeline__event-title { margin-top: 20px; } .js .cd-h-timeline__date--selected::after, .js .cd-h-timeline__date:hover::after,.js .cd-h-timeline__filling-line{ background-color: #1d2c3a !important; border-color : #1d2c3a !important; } .js .cd-h-timeline__date--older-event::after{ border-color : #1d2c3a !important; } .js .cd-h-timeline__date { font-size: 17px; font-weight: bold; font-family: "ARI.ttf"; } .js .cd-h-timeline__event-title { margin-top: 20px; font-family: 'ARI.ttf'; font-weight: normal; font-size: 40px; } .js .cd-h-timeline__event-content { width: 100%; } footer { border-top: 5px solid #ccc; background: #fff; } /*Subpage*/ body.page .slider-wrapper .carousel-item img{ height: calc(75vh - 158px ); } body.page .slider-wrapper { /* height: calc(75vh); */ /* height: 560px; */ height: 67vh; } div#primary { /*margin-top: 159px;*/ padding: 4% 0; } .xps__breadcrumbs { margin-top: 4vw; } .xps__breadcrumbs.mt-105{ margin-top: 125px } .mt-2rem{ margin-top: 2rem } .subpage_title { /* text-align: center; font-family: "ARI.ttf"; color: #8c7732; font-size: 5rem; */ /* font-weight: 600;---- */ color: #000; font-size: 4rem; /* font-family: "ARI.ttf"; */ font-family: 'Futura-LT-W01-Light'; text-align: center; text-transform: uppercase; line-height: 1.3; position: relative; font-weight: bold; letter-spacing: 8px; width: fit-content; margin: auto; margin-top:2rem } .page-template-foranyquery .subpage_title{ margin-right: auto; margin-left: 0; } .subpage_title:after{ content: ''; position: absolute; left: 0; bottom: -8px; width: 110px; height: 9px; background: #8c7732; } .ld-wrap{ padding: 30px } .ld_s_col{ margin-bottom: 60px } .u-image img{ width: 308px; height: 308px; border-radius: 50% !important; object-position: top; object-fit: cover; } .__name { font-weight: bold; color: #000; font-size: 20px; margin-top: 8px; letter-spacing: 1px; text-transform: uppercase; } .__desig{ font-weight: bold; font-family: "ARI.ttf"; color: #876e1c; font-size: 19px; margin-top: 8px; letter-spacing: 2px; } ._intro { margin-top: 20px; } .prof_rd_more { margin-top: 24px; border: 1px solid; padding: 6px 10px; width: 130px; background: none; } .prof_rd_more:hover{ background : #876e1c; color : #fff; border : 1px solid #876e1c; } .inq-form { margin-top: 30px } .inq-form .form-control{ height: calc(1.5em + .75rem + 18px); border: 1px solid #ccc !important; margin-bottom: 20px; font-size: 15px; font-family: futura-lt-w01-book,sans-serif; } .inq-form textArea{ height: calc(1.5em + .75rem + 40px) !important; } .inq_btn{ width: 120px; } .inq_btn:hover{ background : #876e1c; color : #fff; } /*Portfolio*/ .port_wrapper { padding-top: 2rem; margin-top: 2rem; } .__port__cat { display: flex; align-items: center; margin-top: 5rem; } .single_port_cat{ margin-bottom: 3rem; position : relative; overflow : hidden } .single_port_cat figure{ width: 100%; height: 190px; cursor: pointer; padding: 20px; position: relative; overflow: hidden; } .single_port_cat figure img{ width: 100%; height: 100%; object-fit: contain; } .single_port_cat figcaption{ font-family: 'Futura-LT-W01-Book'; font-size: 17px; text-align : center; margin-bottom: 15px; } .port_wrapper_details.modal { z-index: 10500; background: rgb(15 15 15 / 55%); overflow: scroll; overflow-x: hidden; } .port_wrapper_details .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; max-width: 90%; width: 90%; } .port_wrapper_details .modal-title { color: #A88E38; font-family: "ARI.ttf"; font-weight: bold; } .port_wrapper_details .modal-header, .port_wrapper_details .modal-body { padding: 2rem 2rem; border-bottom: none; } .port_wrapper_details .modal-header{ padding-bottom: 0 } .port_wrapper_details .modal-content { background-color: #3d5975; color: #fff; } .port_wrapper_details .modal-body p{ margin-bottom: 10px; } .port_wrapper_details .modal-header .close{ font-size: 36px; } .port_wrapper_details .modal-header .close span{ color: #fff; } .port_wrapper_details .modal-body p a{ color: inherit } .single_port_cat span{ position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background: #a88e3859; transform: translateY(100%); } .single_port_cat:hover span{ transition: .3s all; transform: translateY(0%); cursor : pointer } .single_port_cat span button{ border: none; width: 150px; font-size: 15px; font-family: 'ARI.ttf'; background: #a88e38; padding: 10px; font-weight: bold; border-radius: 25px; color: #fff; } .single_port_cat span button:hover{ background: #9e842c } button:focus{ outline: none } .sub_title01 { font-family: 'Futura-LT-W01-Book'; text-transform: uppercase; font-size: 22px; margin-top: 4rem; padding-top: 3rem; border-top: 1px solid #ececec; } .__intro { color: #bbbaba; font-family: 'ARI.ttf'; line-height: 1.4; text-align: center; font-size: 15px; } .__ind__info{ font-family: 'Futura-LT-W01-Book'; font-size: 15px; margin-top: 2rem; } .__ind__info p:first-child{ color: #876e1c; font-size: 17px; text-transform: uppercase; } p.__nml{ text-transform: none !important; color: inherit !important; font-size: inherit !important; } .__ind__info figure{ } .__ind__info figure img{ width: 150px; } .odometer.odometer-animating-up, .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition-duration: 10s !important; -moz-transition-duration: 10s !important; -ms-transition-duration: 10s !important; -o-transition-duration: 10s !important; transition-duration: 10s !important } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{ background: none } /* leadership page */ .ldr_tabs{ margin-top: 5rem; padding-bottom: 1rem; } .ldr_tabs .nav-tabs{ width: 100%; display: flex; justify-content: space-around; border-bottom: 2px solid #d0d4d8; padding-bottom: 1rem; } .ldr_tabs .nav-tabs li{ flex-grow: 1; flex-basis: 0; text-align: center; } .ldr_tabs .nav-tabs li a{ display: block ; position: relative; /* font-family: 'ARI.ttf'; */ font-size: 2.2rem; } .ldr_tabs .nav-tabs li a::after{ content: '' ; position: absolute; bottom: -14px; left: 0; width: 100%; height: 6px; background-color: #d0d4d8; transform: scaleX(0); transition: .1s all } .ldr_tabs .nav-tabs li a.active{ font-weight: bold; } .ldr_tabs .nav-tabs li a.active:after{ transform: scaleX(1); } .ldr_tabs .nav-tabs li a:hover:after{ transform: scaleX(1); transition: .3s all; } .lds_wrap .tab-content{ margin-top: 2rem; } .prfile-block { border: 2px solid #959598; cursor: pointer; height: 410px; overflow: hidden; } .prfile-block.active{ -webkit-box-shadow: -3px 30px 51px 2px rgb(0 0 0 / 25%); position: relative; -moz-box-shadow: -3px 30px 51px 2px rgba(0,0,0,0.25); box-shadow: -3px 30px 51px 2px rgb(0 0 0 / 25%); } .prfile-block figure{ height: 290px; overflow: hidden; } .prfile-block figure img{ height: 100%; width: 100%; object-fit: cover; object-position: top; } .prfile-block figcaption{ padding: 14px; text-align: center; position: relative; height: 120px; display: flex; flex-direction: column; justify-content: center; } .prfile-block figcaption:after{ content:''; position: absolute; bottom: 0; left: 0; height: 0; width: 100%; transition: .3s all; z-index: -1; } .prfile-block.active figcaption .mem_name, .prfile-block:hover figcaption .mem_name{ border-bottom: 1px solid; padding-bottom: 6px; margin-bottom: 8px; transition: .3s all; } .prfile-block:hover figcaption:after, .prfile-block.active figcaption:after{ height: 100%; transition: .3s all; background: #b2b2b2; } .prfile-block .mem_name{ font-weight: bold; transition: .3s all; font-size: 22px; } .prfile-block .mem_desig{ text-transform: uppercase; font-size: 17px; } .profileFullInfo { background-color: #f8f8f8; padding: 6%; /* margin-top: 3rem; */ position: relative; } .profileFullInfo .mem_name{ font-weight: bold; font-family: 'ARI.ttf'; font-size: 4rem; } .profileFullInfo .mem_desig{ text-transform: uppercase; font-size: 3rem; } .profileFullInfo .mem_bio{ margin-top: 3rem; } .profileFullInfo #close_bio{ position: absolute; right: 6%; font-size: 3rem; top: 40px; cursor:pointer; z-index: 1000; } .prfile-block.inactive { opacity: .2; } /* History Page */ .history_wrapper{ margin-top: 7rem; } .hs_single_block{ margin-bottom: 15rem; } .hs_single_block figure{ height: 310px; overflow: hidden; } .hs_single_block figure img{ width: 100%; height: 100%; object-fit: cover; object-position: top; filter: grayscale(.9); transition: all .2s; } .hs_single_block:hover figure img{ filter: grayscale(0); transition: all 1s; } .hs_year{ width: 140px; background: #b2b2b2; height: 140px; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Avenir Heavy.ttf'; font-weight: bold; font-size: 30px; position: relative; } .hs_year:hover{ background: #8c7733; box-shadow: 0 0 10px #3a3939; width: 160px; height: 160px; } .hs_year:after{ content: '' ; position: absolute; width: 2px; height: 28rem; bottom: -30rem; left: 50%; transform: translateX(-50%); background: #b2b2b2; } .hs_single_block:last-child{ margin-bottom: 0; } .hs_single_block:last-child .hs_year:after{ display: none; } span.current { font-weight: bold; color: #8c7732; } /* Our Business */ .business-block{ } .single-b-block{ margin-bottom: 30px; overflow: hidden; cursor: pointer } .single-b-block:hover{ transform: scale(1.06) !important; box-shadow: 0 0 17px; } .single-b-block figure{ height: 350px; position: relative; } .single-b-block figure.inner{ height: 250px; } .single-b-block figure img{ height: 100%; width: 100%; object-fit: cover; transition: 1s all; } .single-b-block:hover figure img{ transform: scale(1.1); transition: 3s all; } .single-b-block figure ._figcaption{ position: absolute; top: 40px; left: 40px; color: #fff; font-family: 'Avenir Heavy.ttf'; font-size: 30px; text-align: left; line-height: 1.3; z-index: 10; } .single-b-block figure .logo { position: absolute; top: 60%; left: 50% ; transform: translate(-50%,-50%); background: rgb(255 255 255 / 50%); transition: .3s all; visibility: hidden; opacity: 0; /* z-index: -1; */ background-color: var(--container-corvid-background-color,rgba(var(--bg,var(--color_11)),var(--alpha-bg,1))); --container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1)); --bg: var(--color_11); --alpha-bg: 0.85; --color_11: 255,255,255; padding: 20px; width: 195px; height: 195px; } .single-b-block figure:hover .logo{ visibility: visible; opacity: 1; transition: .2s all; } .single-b-block figure .logo img { /* width: 170px; height: 150px; */ object-fit: contain; } .single-b-block figure ._figcaption .single-b-block figure span { font-family: 'Futura-LT-W01-Book'; font-size: 17px; /* visibility: hidden; */ } .single-b-block:hover figure span { visibility: visible; } .single-b-block figure:after{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 18%); z-index: 1; } .single-b-block figure ._figcaption .in-name{ padding: 10px 15px; } .single-b-block figure span{ display: block; padding:10px 15px; /* position:absolute; */ /* bottom: 10px; */ /* right: 20px; */ color: #fff; font-family: 'Futura-LT-W01-Book'; z-index: 10; } .single-b-block figure.inner ._figcaption{ background: rgb(255,255,255); left: 0; bottom: 0; top: inherit; font-size: 19px; width: 100%; position: absolute; /* height: 30%; */ color: #fff; /* padding: 10px 15px; */ background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(78,113,134,1) 70%); /* transform: translateY(53%); */ /* line-height: 2; */ overflow: hidden; transition: .3s all; } .single-b-block figure.inner ._figcaption{ transform: translateY(49px); transition: .2s all; } .single-b-block:hover figure.inner ._figcaption{ /* height: 32%; */ background: #4e7186; transform: translateY(0%); transition: .3s all; } .single-b-block:hover figure.inner ._figcaption{ /* height: 43%; */ } .single-b-block:hover figure.inner ._figcaption span{ border-top: 2px solid; width: 100%; display: block; /* margin-top: 10px; */ padding: 10px 15px; transform: translateY(0); transition: .2s all; } /* Business Template */ .subpage_title-section{} .subpage_title-section figure{ height: 180px; overflow: hidden; padding: 15px; box-shadow: 0 0 10px #ccc; } .subpage_title-section figure img{ height: 100%; width: 100%; object-fit: contain; } .subpage_title-section p:last-child{margin-bottom: 0 !important;} .more__content{ margin-top: 2rem; } .more__content a{ /* font-weight: bold; */ } .content-area-section h3{ color: #1e2d3b; font-size: 2.4rem; margin-bottom: 1rem; font-family: 'Futura-LT-W01-Book'; line-height: 1.3; font-weight: bold; letter-spacing: 3px; text-align: center; margin-top: 20px; } .content-area-section h4{ color: #1e2d3b; font-size: 15px; margin-bottom: 1rem; font-family: 'Futura-LT-W01-Light'; line-height: 1.3; font-weight: bold; letter-spacing: 3px; margin-top: 20px; text-align: center; } /* About Us page */ .about-group{ width: 85%; margin: auto; text-align: justify; margin-bottom: 5rem } .about-group .section_title{ font-size: 3rem; margin-bottom: 10px; text-align: center; } .section-image{ background-attachment: fixed; background-position: center !important; background-size: 100% auto !important; background-repeat: no-repeat; } .section-image.img-one{ background-image: url('https://www.xpertsolutions.app/QIG_new/wp-content/uploads/2021/07/gettyimages-649657007-1024x1024-1.png'); height: 500px; } .v-m-wrapper{ /* padding: 3% 0; */ background: #fdfdfd; } .vm-blk-col{ margin-bottom: 8rem; } .vm-blk-col:last-child { margin-bottom: 0 !important; } .v-m-blokc_l{ padding-left: 7%; padding-right: 10%; line-height: 1.7; } .v-m-blokc_r{ padding-left: 1 0%; padding-right: 7%; line-height: 1.7; } .__vm__desc ul { padding-left: 30px; list-style: disc; } _ .v-m-blokc { /* margin-top: 8rem; */ /* background: #8c7732; color: #fff; text-align: center; */ /* padding: 5rem; */ /* background-position: center !important; background-size: 100% auto !important; height: 420px; background-repeat: no-repeat; */ } .__vm_hd { font-family: 'Futura-LT-W01-Book'; /* font-weight: bold; */ font-size: 3.5rem; margin-bottom: 1rem; } .our_values { margin-top: 4rem; position: relative; z-index: 10; background: #fff; padding: 3rem 0; } .our_values .section_title{ color: #000; font-size: 3.5rem; margin-bottom: 2rem; font-family: 'Futura-LT-W01-Light'; text-align: center; text-transform: uppercase; position: relative; font-weight: bold; letter-spacing: 8px; } .vl_block { height: 385px; /* border: 1px solid; */ border-right: none; display: flex; } .vl_title { font-size: 25px; margin-bottom: 1rem; padding: 25px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; line-height: 1.4; font-weight: bold; box-shadow: inset 0 0 21px 0px rgb(204 204 204 / 22%); margin-left: 15px; } .vl_title img{ /* margin-top: 1rem; */ width: 105px; height: 113px; object-fit: contain; } .vl_desc { padding: 25px; } .content_title{ color: #000; font-size: 3.5rem; margin-bottom: 2rem; font-family: 'Futura-LT-W01-Light'; text-transform: uppercase; position: relative; font-weight: bold; letter-spacing: 4px; } /* Career Section*/ .__career { margin: 6rem auto; } .__career p.first-para { font-weight: bold; font-size: 23px; } .__career figure { height: 350px; } .__career figure img{ height: 100%; width: 100%; object-fit: cover; object-position: top; } .career_form{ margin-top: 5rem; box-shadow: 1px 2px 13px 0 rgb(234 234 234); padding: 5%; margin-bottom: 10px; } .form-row{ align-items: center; } .form-control{ height: calc(1.5em + .75rem + 16px); border: 1px solid rgb(204 204 204 / 30%) !important; margin-bottom: 20px; font-size: 18px; padding: 4px 20px; } .resume { margin-bottom: 20px; text-align: left; margin-right: auto; display: block; } .submit_btn { width: fit-content; padding: 10px 20px; height: auto; background: #8c7733; color: #fff; text-transform: uppercase; font-size: 15px; font-family: 'Avenir Heavy.ttf'; margin-left: auto; } .career_form select{ background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right transparent; -webkit-appearance: none; background-position-x: 97%; } /* IR page */ .iv-header{ } .iv-header h2 { color: #8c7733; font-weight: bold; font-size: 3.6rem; font-family: 'Avenir Heavy.ttf'; } .iv-header h6 { font-size: 17px; margin-top: 5px; margin: 0 0 1.3em; } .teaser1 { margin: 0; padding: 0; padding-top: 50px; border-top: #ddd solid 1px; vertical-align: top; /* display: inline-block; */ display: flex; flex-wrap: wrap; } .teaser1 li { float: left; display: block; width: 50%; padding: 0 15px 0 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* min-height: 400px; */ } .teaser1 li:nth-child(2n) { padding: 0 0 10px; padding-left: 15px; border-left: #ddd solid 1px; } .teaser1 li:nth-last-child(2) { padding-top: 30px; border-top: #ddd solid 1px; } .teaser1 li:last-child { padding-top: 30px; border-top: #ddd solid 1px; } .teaser1 h3 { color: #000; /* font-weight: 500; */ font-size: 1em; /* line-height: 1.2em; */ padding: 0 0 .5em; margin: 0; text-align: left; font-family: 'Futura-LT-W01-Book'; letter-spacing: 1px; } .teaser1 .dateline2 { color: #8c7733; /* font-weight: 800; */ padding: 0 0 1em; font-style: italic; font-family: 'Futura-LT-W01-Book'; } .teaser1 .desc2 { padding-bottom: .5em; overflow-wrap: break-word; word-wrap: break-word; } .teaser1 .more { display: inline-block; margin-top: 38px; width: auto; margin-bottom: 15px; color: white; background-color: #8c7733; text-decoration: none; padding: 5px 10px; border-radius: 999px; font-size: 13px; font-weight: 400 !important; } .iv-sidebar{ border-left: #ddd solid 1px; height: 100%; } .row-bg-grey-wrap { width: 100%; max-width: 100%; background: #ebebeb; } .row-divider { padding-top: 40px; padding-bottom: 40px; #border-top: #ccc solid 1px; } .row-bg-grey { background: #ebebeb; border: none !important; } .col-wrap { position: relative; z-index: 1; width: 94%; max-width: 1140px; padding: 15px 30px 10px; margin: 0 auto; /* background: #ebebeb; */ display: block; overflow: hidden; } .stats-glance { padding: 20px 0; text-align: center; } .stats-glance .intro2 { text-align: left; } .intro2 h3.red { width: 100%; color: #8c7733; font-size: 35px; text-align: center; font-family: 'Futura-LT-W01-Book'; font-weight: bold; } .intro2 h3.red+p { text-align: center; margin: 0; padding: 0 0 20px; } .stat-list { margin: 0; padding: 40px 0 40px; width: 100%; display: inline-block; } .stat-list li { /* #float: left; */ vertical-align: top; display: inline-block; width: 225px; height: 225px; padding-top: 50px; list-style: none; text-align: center; font-size: 18px; color: #404040; border-radius: 50%; /* background: #f1f2f2 url(../img/icon_people_white.png) 50% 110% no-repeat; */ background: #fff url() 50% 110% no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stat-list li+li { margin-left: 3.667%; } /* News Page */ .disover-item.hsp-main, .hsp-main { margin: 14px 7px 0px; width: calc(25% - 14px); width: -ms-calc(25% - 14px); width: -webkit-calc(25% - 14px); position: relative; } .hsp-main > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1001; transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; } .hsp-img { overflow: hidden; } .hsp-img:before { z-index: 100; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 55%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 55%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 55%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; width: 100%; } .hsp-img > img { display: block; height: auto; width: 100%; transition: transform 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; } .hsp-text { bottom: 0; left: 0; padding: 36px 39px 10px; position: absolute; width: 100%; } .hsp-main .hsp-text:before { background: #006dff; bottom: 0; content: ""; /* left: 0; */ position: absolute; right: 0; top: 0; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; -o-transform-origin: 50% 100% 0; -ms-transform-origin: 50% 100% 0; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-property: transform; -moz-transition-property: transform; -webkit-transition-property: transform; -o-transition-property: transform; -ms-transition-property: transform; transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; z-index: 101; left: 0px; width: calc(99.99% + 0px); width: -ms-calc(99.99% + 0px); width: -webkit-calc(99.99% + 0px); } .hsp-text > .hsp-innerwrapper { font-size: 14px; text-align: left; } .hsp-text > * { color: #FFF; font-size: 1.286em; } .main-modular-landing.new-site-fw h3, .discover-items-wrapper h3 { color: #1e3643; font-size: 1.875rem; padding-top: 10px; line-height: 1.2em; font-family: RRPioneer-Medium, Arial !important; } .hsp-text h3 { font-size: 1.7em; position: relative; z-index: 101; color: #fff !important; padding-bottom: 15px; padding-top: 0; } .hsp-bottom.hsp-stories-bottom { padding-top: 15px; text-transform: uppercase; } .hsp-bottom { padding-top: 20px; border-top: solid 1px #dfdfdf; width: 100%; z-index: 101; position: relative; float: left; padding-bottom: 4px; display: flex; justify-content: space-between; font-size: 14px; } .main-modular-landing.new-site-fw .hsp-insights .hsp-section-name, .main-modular-landing.new-site-fw .hsp-innovation .hsp-section-name, .home-mid-fw .hsp-section-name { padding: 20px 0 9px; position: relative; z-index: 101; border-top: solid 1px #dfdfdf; font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; line-height: 12px; } .hsp-main.disover-item:not(.hsp-news):after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.6))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } .hsp-main:hover .hsp-text { /* background: rgba(51,109,166,0.95); */ transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; } .hsp-main .hsp-text:before { background: #959598; bottom: 0; content: ""; /* left: 0; */ position: absolute; right: 0; top: 0; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; -o-transform-origin: 50% 100% 0; -ms-transform-origin: 50% 100% 0; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-property: transform; -moz-transition-property: transform; -webkit-transition-property: transform; -o-transition-property: transform; -ms-transition-property: transform; transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; z-index: 101; left: 0px; width: calc(99.99% + 0px); width: -ms-calc(99.99% + 0px); width: -webkit-calc(99.99% + 0px); } .hsp-main:hover .hsp-text:before { -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .row-divider { padding-top: 40px; padding-bottom: 40px; margin-top: 3rem; } .col-half { float: left; width: 50%; padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .col-wrap .col-half:nth-child(2n) { /* padding-left: 15px; */ border-left: #ccc solid 1px; } .more{ color: white; background-color: #959598; text-decoration: none; padding: 5px 29px; border-radius: 999px; font-size: 20px; font-weight: 400 !important; margin-top: 10px; display: inline-block; font-family: 'Futura-LT-W01-Book'; } .more:hover{ color:#fff; } .split-cta { overflow: auto; } .split-cta>div { float: left; width: 50%; padding: 15px; } .split-cta .thumb img { width: 100%; height: 260px; object-fit: cover; border-radius: 5px; } .split-cta h4 { margin: 1em 0 .8em; font-size: 20px; font-family: 'Ooredoo Bold', arial; color: #414143; } .split-cta>div:nth-child(2) { float: right; } split-cta:after { content: ''; position: absolute; top: 5%; left: 50%; width: 1px; height: 90%; #background: #ccc; } .intro2 { /* text-align: center; */ margin-bottom: 2rem; } .intro2 h3 { color: #000; font-weight: bold; font-size: 1.6vw; font-family: "Avenir Heavy.ttf"; margin-bottom: 10px; } .intro2 h3+p { margin: 0; padding: 0 0 20px; } .report-list { overflow: hidden; position: relative; padding: 0; margin: 0 15px 0 0; background: #fff; } .report-list:before { content: ''; position: absolute; left: 50%; top: 0; height: 95%; width: 1px; margin: 0 0 0 -1px; background: #ccc; } .report-list li:nth-child(1), .report-list li:nth-child(2) { padding-top: 0; } .report-list li { float: left; width: 50%; /* padding: 40px 0; */ list-style: none; border-bottom: #ccc solid 1px; height: 150px; display: flex; flex-direction: column; justify-content: center; } .report-list li .thumb { position: relative; padding: 0 0 5px; } .report-list li .thumb img { display: block; max-width: 95%; margin: 0 auto; margin-bottom: 10px; border-radius: 5px; width: auto; height: 45px; object-fit: contain; } .report-list li h4 { font-size: 15px; font-weight: 500; margin: 0; padding: 0; text-align: center; font-size: 1vw; } .report-list li h4 a { color: #444; text-decoration: none; } .wp-block-custom-ge-hero-primary { padding: 7.4em 0 0 0; position: relative; color: #fff; background-color: #0d1623; display: block; height: 80vh; } .wp-block-custom-ge-hero-primary .main-background { filter: opacity(0.1) contrast(1) brightness(1.7) saturate(0); width: 100%; height: 100%; position: absolute; background-size: cover; background-position: left bottom; top: 0; background-repeat: no-repeat; } .container-fluid-custom{ width: 81.25%; margin-right: auto; margin-left: auto; } .wp-block-custom-ge-hero-primary .bg-overlay{ position: absolute; /* z-index: 1; */ top: 0; bottom: 0; left: 0; right: 0; /* background-color: #959598 !important; */ /* display: none; */ z-index: 0; } .wp-block-custom-ge-hero-primary .row { margin-right: 0; margin-left: 0; } .wp-block-custom-ge-hero-primary .intro-text { min-height: 32.188rem; margin: 3em 0 6em 0; display: flex; align-items: center; max-width: 75%; } .wp-block-custom-ge-hero-primary .intro-text main { position: relative; display: block; } .wp-block-custom-ge-hero-primary .intro-text main h1 { font-size: 8vh; letter-spacing: -2px; line-height: 100px; padding: 0.4em 0; color: #fff; font-family: 'Futura-LT-W01-Book'; text-align: left; } .bleed-end-col-lg-7, .bleed-end-col-lg-8 { position: absolute; left: auto; right: 0; padding-right: 10px; padding-left: 10px; } .wp-block-custom-ge-hero-primary .header-image { position: absolute; display: block; clear: both; width: 100%; height: 67vh; z-index: 2; overflow: hidden; top: 35px; } .wp-block-custom-ge-hero-primary .header-image .image-gradient { z-index: 1; position: absolute; width: 30%; height: 100%; opacity: 0.5; background-image: -moz-linear-gradient(left,#17314e 0%,rgba(23,49,78,0) 100%); background-image: -webkit-linear-gradient(left,#17314e 0%,rgba(23,49,78,0) 100%); background-image: linear-gradient(to right,#17314e 0%,rgba(23,49,78,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17314e',endColorstr='#0017314e',GradientType=1); } .wp-block-custom-ge-hero-primary .header-image img { border: 0; width: 100%; position: relative; object-fit: cover; } /* Footer Sitemap */ .footer_site_map { border-top: 1px solid rgb(221, 221, 221); padding: 6rem 0; border-bottom: 1px solid rgb(221, 221, 221); background: #8c7733; } .footer_site_map ul{ flex-grow: 1; /* flex-basis: 0; */ list-style: none; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; background-color: none; } .wpcf7-spinner{ display: none; } .footer_site_map ul.dropdown-menu{ background: none; position: relative; display: block; top: inherit; left: inherit; margin: 0; border: none; } .footer_site_map ul li{ line-height: 24px; margin-bottom: 12px !important; flex-grow: 1; list-style: none; } .footer_site_map ul li a{color:#fff ;font-family: 'Futura-LT-W01-Book'; font-size: 16px;padding: 0;} .footer_site_map ul li.menu-item-has-children{margin-bottom: 10px;} .footer_site_map ul li.menu-item-has-children > a{font-weight: bold;font-family: 'Futura-LT-W01-Book';margin-bottom: 12px; font-size: 22px;} .footer_site_map ul li a:hover{ background-color: transparent; color: #fff; } ._toox .odometer-formatting-mark{ display: none; } /* IR Subpages */ .page-content-wrapper{ margin-top: 5rem; } ul.share.nav.nav-tabs{ justify-content: center; border-bottom: none; } ul.share.nav.nav-tabs li{ } ul.share.nav.nav-tabs li a{ text-decoration: none; font-style: normal; background: #959598; color: #fff; min-width: 200px; display: block; text-align: center; font-family: 'Futura-LT-W01-Book'; padding: 5px; margin: 0 1px; border-radius: 5px; position: relative; } ul.share.nav.nav-tabs li a:before{ content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -1.0em; margin-bottom: -0.08em; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.5em solid #fff; display:none; } ul.share.nav.nav-tabs li a.active{ background: #8c7732; } ul.share.nav.nav-tabs li a.active:before{ display: inherit; } .share_rg{ margin-top: 4rem; } .cor-sub { margin-top: 2em; } .cor-sub-btn { width: 100%; height: 70px; font-family: 'Futura-LT-W01-Book'; font-weight: 500; position: relative; } .cor-sub-btn .fas{ position: absolute; right:25px; top: 50%; transform:translateY(-50%); } .cor-sub .card.card-body { border: none; padding: 1.25rem 0; } .btn.focus, .btn:focus{ box-shadow: 0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15); } .modula-item .figc{ display: none !important; } select#filter_option { height: 45px; min-width: 200px; padding: 6px; border: 1px solid #8c7732; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; } select::-ms-expand { display: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Add some styling */ width: 100%; max-width: 320px; height: 50px; margin: 5px 0px; padding: 0px 24px; font-size: 16px; line-height: 1.75; color: #333; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; -ms-word-break: normal; word-break: normal; } /* Fincancial Report */ .teaser2 { margin: auto; padding: 60px 0 0; } .teaser2 li { width: 48%; margin: 10px auto; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 45px 27px; text-align: center; } .teaser2 li h4 { height: 60px; line-height: 20px; min-height: 2.2em; margin: 0; padding: 0 0 5px; font-size: 1.4vw; color: #221e20; font-family: 'Futura-LT-W01-Book'; font-weight: 600; } .teaser2 li .thumb { position: relative; width: 100%; max-width: 380px; /* #height: 195px; */ margin: 0 auto 15px; overflow: hidden; border-radius: 10px; } .teaser2 li .thumb img { min-width: 100%; height: 180px; object-fit: cover; } .teaser2 .cta-wrap { position: absolute; right: -50%; top: 0; /* width: 45%; */ height: 100%; padding: 77px 0 0; text-align: center; background: #8c7732; color: #fff; border-left: #fff solid 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .3s; } .teaser2 li .thumb:hover .cta-wrap { right: 0; transition: all .3s; } .teaser2 .cta-wrap a { position: relative; display: inline-block; width: 65px; height: 40px; margin-bottom: 60px !important; } .teaser2 li .desc { line-height: 1.2em; min-height: 2.4em; font-size: 1vw; } /* Publications Page */ .pb-wrapper { margin-top: 6vw; } .pb-wrapper .inner-col { padding: 1.5vw; text-align: center; box-shadow: 1px 2px 13px 0 rgb(234 234 234); } .pb-wrapper .inner-col img { width: 190px; height: auto; /* border: 2px solid #ddd; */ margin-bottom: 15px; object-fit: contain; padding: 1vw; } .pb_year { font-family: 'Futura-LT-W01-Book'; font-weight: 600; } .pb_year span{ font-family: 'Futura-LT-W01-Light'; font-weight: normal; font-size: 1.2vw; text-transform: uppercase; } .pb-wrapper .inner-col .action { margin: auto; margin-top: 15px; background: #8c7732; width: 70%; border-radius: 15px; } .action a+a { border-left: #fff solid 1px; } .pb-wrapper .inner-col .action a { ont-size: 20px; text-decoration: none; text-align: center; color: #ffff; display: inline-block; padding: 8px 5px; width: 47%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ms-box-sizing: border-box; } table.job-table{ font-family: 'Futura-LT-W01-Light'; } table.job-table tr { margin-bottom: 20px !important; display: block; } table.job-table th { font-weight: bold; width: 140px !important; font-family: 'Futura-LT-W01-Book'; } td.jobs-applynow a, table.job-apply-table [type=submit],.app_btn { background: #8c7732; min-width: 9vw; display: block; /* margin-left: auto; */ margin-top: 20px; padding: 10px; font-size: 1.1vw; text-align: center; font-family: 'Futura-LT-W01-Light'; font-weight: 200; color: #fff; border: none; } .content-area-section form h3{ text-align: left; margin-top: 3vw; color: #8c7732; border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 30px; } table.job-apply-table input, table.job-apply-table textarea, table.job-apply-table select { width: 320px; margin-bottom: 1.2vw; border: 1px solid #ddd; font-size: 1.1vw; padding: 8px; color: #504e4f; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; width: auto !important; } .quarter-report { overflow: auto; } .quarter-report h3 { line-height: 2; font-family: 'Futura-LT-W01-Book'; font-weight: 700; margin-bottom: .5rem; } .quarter-report ul { margin: 0; padding: 0; font-family: 'Futura-LT-W01-Light'; } .quarter-report li { margin: 0 0 40px; padding: 0 15px; list-style: none; float: left; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ms-box-sizing: border-box; } .quarter-report h4 { margin: 0; padding: 8px 15px; color: #fff; font-weight: 500; background: #8c7732; font-family: 'Futura-LT-W01-Book'; } .quarter-report .action { margin: 0; background: #f1f2f2; } .quarter-report .action a { text-decoration: none; text-align: center; color: #888; display: inline-block; padding: 5px 5px; width: 48%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ms-box-sizing: border-box; } .quarter-report .action a+a { border-left: #fff solid 1px; } /* Annual Reports */ .inv-rel{ margin-bottom: 2vw; padding-bottom: 1vw; } .inv-rel li a { margin-right: 10px; transition: all .2s; padding: 10px; display: block; border: 2px solid; border-radius: 15px; position: relative; overflow: hidden; margin-bottom: 10px; color: #959598; min-width:100px; text-align: center; } .inv-rel li a.active { background: #8c7732; color: #fff; margin-right: 10px; padding: 10px; transition: all .2s; } /* Presentation Calls */ .pc-single { margin-bottom: 2vw; padding-bottom: 1vw; } .pc-single .title{ background: #8c7732; color: #fff; font-size: 1.6vw; padding: 12px; font-family: 'Futura-LT-W01-Light'; margin-bottom: 1vw; } .pc-single .pc-desc{ padding: 0 20px; } .pc-single .pc-desc a{ } .news-pagination { margin: 2vw 0; } .news-pagination span.current, a.page-numbers{ border: 1px solid; padding: 10px 17px; font-family: 'Futura-LT-W01-Book'; } .news-pagination span.page-numbers.current { background: #8c7732; color: #fff; margin-right: 3px; } #FlickrGallery h2{ font-family: 'Futura-LT-W01-Light'; margin-bottom: 15px; border-bottom: 1px solid; text-align:center; } .modula-gallery { margin-bottom: 2vw; } @media (min-width: 1399px) { .hsp-innerwrapper { min-height: 96px; display: table; } .hsp-innerwrapper h3 { vertical-align: bottom; display: table-cell; } } .intro2 h3.red+p { text-align: center; margin: 0; padding: 0 0 20px; } .sub_head { font-weight: 700; font-size: 3rem; color: #8c7732; margin: 3rem 0 1rem; border-bottom: 1px solid; display: inline-block; } /** Career Page **/ .page div.job_listings .job_filters { background: none; margin-bottom: 30px; } .page div.job_listings ul.job_listings { margin: 0; padding: 0; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); border-top: 0; } .page div.job_listings ul.job_listings li.job_listing { flex: 0 0 auto; width: 33.33333333%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-bottom: none; height: 202px; } .page ul.job_listings li.job_listing a { border-radius: 4px; border-bottom-left-radius: 40px; box-shadow: 0px 0px 8px #ccc; height: 100%; position: relative; padding: 20px 20px 15px; min-height: 230px } .page ul.job_listings li.job_listing a::before { background-image: url(https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/dimond_arrow.png); } .page ul.job_listings li.job_listing a img.company_logo { display: none; } .page ul.job_listings li.job_listing a div.position { width: 100%; padding: 0; } .page ul.job_listings li.job_listing a div.position h3 { font-weight: 500; font-size: 30px; color: #8c7732; } .page ul.job_listings li.job_listing a div.position .company .tagline { margin: 0; display: block; font-size: 15px; } .page ul.job_listings li.job_listing a div.location { padding: 0; position: absolute; bottom: 15px; left: 20px; text-align: left; } .page ul.job_listings li.job_listing a ul.meta { float: left; width: calc(100% - 40px); text-align: left; padding: 0; margin: 0; padding-bottom: 5px; border-bottom: 4px solid #ecedef; font-size: 16px; font-weight: normal; color: #353535; position: absolute; bottom: 50px; left: 20px; } .page ul.job_listings li.job_listing a ul.meta li.job-type { color: inherit; font-weight: normal; float: left; } .page ul.job_listings li.job_listing a ul.meta li.date { float: right; } .page ul.job_listings li.job_listing a ul.meta::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; background: rgb(140 119 50 / 70%); transform: scaleX(0); transition: all .3s; } .page ul.job_listings li.job_listing a::after { background-image: url(https://www.dubaiinvestorgroup.com/wp-content/themes/QIG/assets/images/dimond_arrow_blue.png); transform: translateX(-30px); opacity: 0; } .page ul.job_listings li.job_listing a::before, .page ul.job_listings li.job_listing a::after { content: ''; position: absolute; right: 20px; bottom: 10px; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; transition: all .3s; } .page ul.job_listings li.job_listing a:hover ul.meta::after { transform: scaleX(1); } .page ul.job_listings li.job_listing a:hover::after { transform: translateX(0); opacity: 1; } .single_job_listing .application .application_details form.job-manager-application-form .form-content p { font-family: 'Futura-LT-W01-Book'; color: #8c7733; font-weight: 800; border-bottom: 1px solid; width: fit-content; font-size: 26px; } .single_job_listing .application .application_button, .page_single_job .single_job_listing .job_application .wp_job_manager_send_application_button { margin-top: 20px; padding: 12px 15px; font-size: 20px; background: #a3aaae; font-family: 'Futura-LT-W01-Book'; color: #fff; border: none; text-align: center; } .page_single_job .single_job_listing .job_application .wp_job_manager_send_application_button { background: #a3aaae; background-color: #8c7733; } .job_filters .search_jobs{ display: none; } .single_job_listing .company{ display: none; } .single_job_listing .meta .job-type{ background-color: #8c7732; } .single_job_listing .application .application_details { box-shadow: 0px 0px 22px -2px rgb(234, 234, 234); border: none; padding: 1em; overflow: visible; background: #fafafa; font-family: 'Avenir Heavy.ttf'; color: #8b8080; font-size: 20px; } .job-manager-form fieldset select{ position: relative; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .job-manager-form fieldset select::after{ content: ''; box-sizing: border-box; height: 5vw; width: 5vw; border-style: solid; border-color: white; border-width: 0px 1px 1px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; position: absolute; } .job-manager-form fieldset input::placeholder { font-size: 15px; font-family: 'Futura-LT-W01-Book'; color: #b9b9b9; } .job-manager-form fieldset input.input-text, .job-manager-form fieldset input.input-date, .job-manager-form fieldset textarea, .job-manager-form fieldset select{ padding: 2px 10px; } /****/ .btn{ font-size: 15px; } .btn-primary { color: #fff; background-color: #77777b; border-color: #77777b; } .btn-primary:hover{ background-color: #8c7733; border-color: #8c7733; } /***/ .certifications_row{ margin-bottom: 30px; paddding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .certifications_row:last-child{ margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .certifications_row .parent_title{ text-transform: uppercase; font-weight: bold; margin-bottom: 15px; } .certifications_row .certifications_list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0px; } .certifications_row .certifications_list .grid_item{ display: flex; justify-content: center; flex-flow: column; align-items: center; transition: all .3s; } .certifications_row .certifications_list .grid_item figure{ box-shadow: 0px 5px 15px 0px #ccc; border-radius: 15px; padding: 20px; } .certifications_row .certifications_list .grid_item figure img{ width: 100%; height: 100%; object-fit: contain; } .certifications_row .certifications_list .grid_item figcaption{ font-weight: bold; margin-top: 15px; } @media screen and (min-width: 574px){ .certifications_row .certifications_list{ grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 992px){ .certifications_row .certifications_list{ grid-template-columns: repeat(4, 1fr); gap: 12px; } } @media screen and (min-width: 1200px){ .certifications_row .certifications_list{ grid-template-columns: repeat(5, 1fr); gap: 15px; } } @media screen and (min-width: 1400px){ .certifications_row .certifications_list{ grid-template-columns: repeat(6, 1fr); gap: 15px; } } /** Media Queries *****************************************************************************************/ @media(max-width:992px){ body{ font-size: 16px; } .video-container video{ transform: none; height: 100vh; object-fit: cover; top: 0; left: 0; } .container-xpt-tp-header { max-width: 100%; margin-left: 0px; margin-right: 0px; } .top-header .social-wrapper a{ font-size: 20px; border-right: 1px solid #fff; } .header li.lang-item a, .header.sticky li.lang-item a{ font-size: 23px; } .top-header .navbar-toggler{ background-color: gray; width: 40px; height: 34px; display: flex; flex-flow: column; justify-content: center; padding: 0; align-items: center; margin-right: 20px; } .top-header .navbar-toggler .icon-bar{ display: block; width: 25px; height: 2px; background: white; margin: 4px; } .top-header .navbar-expand-lg{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .top-header .navbar-collapse{ background: #f5f5f5; padding: 20px; } .top-header .navbar-brand{ margin-left: 20px; padding-bottom: 10px; } .top-header .navbar-brand img{ max-height: 65px; } .top-header .navbar-nav li{ margin: 0; } .top-header .navbar-nav li a{ padding: 8px 0; font-size: 15px; color: #646464; } .top-header .navbar-nav li.current-menu-ancestor .dropdown-menu, .top-header .navbar-nav li.current-menu-item .dropdown-menu{ display: block; } .top-header .navbar-nav li .dropdown-menu{ padding: 10px 18px; background: #fdfdfd; } .top-header .navbar-nav li ul li ul{ position: relative; left: 0; width: auto; float: left; } .top-header .navbar-nav li ul li.menu-item-has-children::after{ display: none; } .slider-wrapper, .slider-wrapper .carousel-item video{ height: 60vh; } .slider-wrapper .carousel-caption h2{ font-size: 45px; } .slider-wrapper .carousel-caption h2 span.head_2{ font-size: 2.6vw !important; } .slider-wrapper .carousel-caption h2 span.vid-cap, .slider-wrapper .carousel-caption h2 span.vid-cap .gold { font-size: 30px !important; } .wv02_wrapper{ padding: 3rem 0; } .__bwt_lct{ font-size: 40px; margin-bottom: 10px; } .__bwt_sth{ font-size: 14px; } .sec-title{ font-size: 32px; } .__about_wv-3 a{ font-size: 16px; white-space: nowrap; width: 140px; } .chariman-msg .sec_content{ padding: 3%; padding-right: 10%; padding-top: 10%; } .TG-Zk svg { width: 28px; height: 28px; } .chariman-msg a{ margin-top: 10px; } .industries .sec-title{ margin-bottom: 7rem !important; } .industries_slider .item figure { height: 270px; } .vs_mn3 .inner_col ._figure{ margin: 20px 0px; } div#historyIndicator{ max-width: 100%; padding: 0; margin-top: 0; } .__news__wrapper{ flex-wrap: wrap; } .news_single_col{ flex-basis: auto; } /****/ .wp-block-custom-ge-hero-primary{ padding: 0; margin-top: 100px; height: auto; } .wp-block-custom-ge-hero-primary .container-fluid-custom{ width: 100%; } .wp-block-custom-ge-hero-primary .intro-text{ min-height: auto; max-width: 95%; margin: auto; } .wp-block-custom-ge-hero-primary .intro-text main h1{ padding: 0; margin: 0; font-size: 60px; } .wp-block-custom-ge-hero-primary .image-wrapper{ position: relative; } .wp-block-custom-ge-hero-primary .header-image{ top: 0; position: relative; height: auto; } .wp-block-custom-ge-hero-primary .header-image img{ width: 100%; height: 30vh; } .profileFullInfo{ padding: 30px; } .profileFullInfo .mem_name{ font-size: 22px; max-width: 90%; text-align: left; line-height: initial; } .profileFullInfo #close_bio{ right: 30px; top: 25px; /* font-family: cursive; */ } .profileFullInfo .mem_desig { font-size: 17px; margin-top: 10px; } .profileFullInfo .mem_bio { margin-top: 1rem; } .hs_year{ width: 90px; height: 90px; font-size: 23px; } .hs_single_block { margin-bottom: 10rem; } .disover-item.hsp-main, .hsp-main{ width: -webkit-calc(50% - 14px); } .fullBodDetails { position: fixed; z-index: 10000; top: 0; left: 0; overflow-y: scroll; height: 100%; width: 100%; padding: 25px; background: rgb(0 0 0 / 34%); display: none; } .prfile-block{ margin-bottom: 2rem; } .footer_site_map ul li a{ white-space: normal; } }/*//max-width:992px*/ @media(max-width:574px){ body{ font-size: 15px; } .top-header .social-wrapper a.social-icon{ display: none; } .slider-wrapper .carousel-caption h2 { font-size: 25px; } .slider-wrapper .carousel-caption h2 span{ font-size: 3.6vw !important; } .slider-wrapper .carousel-caption h2 span.head_2 { font-size: 2.8vw !important; } .slider-wrapper .carousel-control-prev { left: 0%; } .slider-wrapper .carousel-control-next { right: 2%; } .wv02_wrapper { padding: 1.5rem 0; } .wv02_wrapper .inner_col{ margin: 15px 0; } .sec-title{ font-size: 25px; } .__about_wv-3{ margin-top: 20%; max-width: 90%; margin-bottom: 20%; padding: 25px 15px; } .__about_wv-3>.row>.col-3{ max-width: 5%; flex: 0 0 5%; padding: 0; } .__about_wv-3>.row>.col-9{ max-width: 95%; flex: 0 0 95%; } .__about_wv-3 a, .chariman-msg a{ font-size: 14px; width: 120px; } .chariman-msg { padding: 15% 0; } .chariman-msg .chairman-img{ margin-top: 25px; } .chariman-msg .sec_content{ padding: 30px; } section.industries{ padding: 30px 0; } .industries .sec-title{ margin-bottom: 40px !important; } .industries_slider .item{ margin: 0; } .industries_slider .owl-prev, .industries_slider .owl-next{ top: 42%; } .inv_rt_0vs1>.row>.col-5{ max-width: 5%; flex: 0 0 5%; padding: 0; } .inv_rt_0vs1>.row>.col-7{ max-width: 95%; flex: 0 0 95%; } .vs_mn3 { margin-top: 40px; margin-bottom: 40px; } .vs_mn3 .inner_col ._figure{ height: 360px; width: 100%; background-size: cover; } ._figure .__figcaption{ height: 315px; } .js .cd-h-timeline { opacity: 1; } .__htr_s_1v{ padding: 30px 0; } div#historyIndicator{ max-width: 100%; padding: 0; height: auto; } #historyIndicator .carousel-caption{ position: relative; width: 100%; top: 0; right: 0; bottom: 0; height: auto; } #historyIndicator .carousel-indicators{ bottom: 0; display: none; } #historyIndicator .carousel-indicators li{ background: #8e8e8e; border: 1px solid #8e8e8e; } #historyIndicator .carousel-indicators li.active{ border: 1px solid #5e5d5d; } #historyIndicator .carousel-caption p{ margin-top: 4rem; margin-bottom: 0; padding: 0; } #historyIndicator a.hst_rd{ margin-top: 8px; } #historyIndicator .carousel-control-prev, #historyIndicator .carousel-control-next{ width: 60px; top: 90px; } #historyIndicator img { height: 180px; object-fit: cover; } section.industries.nw_ss1_mD{ margin-bottom: 0; } .__news__wrapper{ flex-wrap: wrap; } .news_single_col{ flex-basis: auto; } .news_single_col .__figcaption{ width: 75%; } section.industries.__partners{ margin-bottom: 0; padding-bottom: 30px !important; } .__prt_wrap ._fig_img{ width: auto; } footer{ padding: 30px 15px; } .wp-block-custom-ge-hero-primary{ height: 40vh; } .wp-block-custom-ge-hero-primary .header-image{ height: 100%; } .wp-block-custom-ge-hero-primary .intro-text main h1{ font-size: 40px; width: 100% !important; line-height: initial; margin-top: 12px; } .container-fluid-custom{ width: 90%; } .subpage_title{ margin-left: 0; text-align: left; font-size: 30px; } .about-group{ width: 100%; } .hs_single_block{ margin-bottom: 5rem; position: relative; } .hs_single_block>.row{ justify-content: flex-end !important; align-items: flex-start !important; } .hs_single_block .col_year{ order: 1; position: absolute; top: 0; left: 0px; width: auto; padding-left: 0; } .hs_single_block .col_figure{ order: 2; } .hs_single_block .col_desc{ order: 3; } .hs_single_block .col_figure, .hs_single_block .col_desc{ width: calc(100% - 100px); } .hs_year { width: 75px; height: 75px; font-size: 18px; } .hs_single_block figure { height: 170px; margin-bottom: 15px; } .disover-item.hsp-main, .hsp-main{ width: 100%; } .teaser1 li{ border: 1px solid rgb(221, 221, 221); padding: 15px !important; width: 100%; } .teaser1 .more{ margin: 10px 0; } .row-divider{ padding: 10px; } .col-half{ width: 100%; } .col-wrap .col-half:nth-child(2n){ border-left: none; } .intro2 h3{ font-size: 22px; } .report-list li h4{ font-size: 18px; } .stat-list li{ margin-bottom: 30px; } .stat-list li+li{ margin-left: 0 } .stat-list li .inner_col{ display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .stat-list li .inner_col .__bwt_sth{ font-size: 20px; margin-top: 50px; } }/*//max-width:574px*/