﻿@font-face{font-family:"Bukra-Regular";
	src: url('/Style Library/GCAM/fonts/29ltbukraregular.eot'); /* IE9 Compat Modes */
	src: url('/Style Library/GCAM/fonts/29ltbukraregular.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('/Style Library/GCAM/fonts/29ltbukraregular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/Style Library/GCAM/fonts/29ltbukraregular.woff') format('woff'), /* Modern Browsers */
		url('/Style Library/GCAM/fonts/29ltbukraregular.otf') format('otf');
}
@font-face{font-family:"Bukra-Bold";src:url('/Style Library/GCAM/fonts/29ltbukrabold.ttf')}
span.demosite {
    border: 1px solid #fff!important;
    padding: 4px !important;
    color: #fff;
}
.ms-webpart-zone,.ms-webpart-cell-vertical, .ms-webpart-chrome-vertical, .ms-WPBody, .ms-WPBody > div, .js-cq-wrapper,.js-cq-content.NCQ-Content {display: inherit !important;}
div#s4-titlerow{
	display:none!important;
}
div#ms-designer-ribbon {
    margin-top: 0px;
}
.ms-signInLink{
	display:none!important;
}
div#contentBox {
    margin: 0!important;
    min-width: 0px!important;
}
.english .ar{
	display:none!important
} 
.arabic .en{
	display:none!important
}
a.home {
    display: none;
}
input[type=button], input[type=reset], input[type=submit], button{
	font-family:Bukra-Regular!important
}
body{font-size:14px;font-family:Bukra-Regular!important}
body.arabic{
	text-align:right;
}
h1.pageTitle {
    color: #fff;
}
.D-vision-logo{
    width: 10vw;
}
.search-icon.mobile-view {
    display: none;
}
.arabic .breadcrumb-row {
    padding: 32px 108px;
    background: url('/Style Library/GCAM/img/components/G-design-white-ar.png'), url('/Style Library/GCAM/img/Images/Capture.JPG');
    background-repeat: no-repeat;
    background-size: 100px, cover;
    background-position: right -42px bottom 50%,206% 90%;
    height: 146px;    }

.breadcrumb-row {
    padding: 32px 108px;
    background: url('/Style Library/GCAM/img/components/G-design-white.png'), url('/Style Library/GCAM/img/Images/Capture.JPG');
    background-repeat: no-repeat;
    background-size: 100px, cover;
    background-position: -42px,206% 90%;
    height: 146px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 16px 40px -20px rgba(0,0,0,0.56);
	-moz-box-shadow: 0px 16px 40px -20px rgba(0,0,0,0.56);
	box-shadow: 0px 16px 40px -20px rgba(0,0,0,0.56);
    }
    
    .breadcrumb-section {
    padding: 10px 0px;
}
    .breadcrumb-section * {
    color: #fff !important;
}
.page-content {
    padding: 20px 104px 33px 104px;min-height: 400px;
}
h1.main-title {
    padding: 20px 0;
    color: #31286B;
    font-family: Bukra-Regular!important;
    font-weight: 100 !important;    border-bottom: 1px solid #979797;margin-bottom: 33px;
}
h1.main-title span:first-child {
    font-weight: 900;
}
h1.main-title span:nth-child(2) {
    color: #3BC1CA;
}





.arabic .mr-auto,.arabic .mx-auto {
    margin-left: auto!important; margin-right: 0px!important;padding-right: 0;
}
h1,h2,h3{
	font-family: Bukra-Regular!important;
    font-weight: bold !important;font-size: 40px !important;
}
#s4-bodyContainer{
	padding-bottom:0px!important
	}
button.navbar-toggler{min-width: auto !important;background: none !important;
    border: 0px !important;}
span.navbar-toggler-icon,span.navbar-toggler-icon a {
    color: #fefefe;text-decoration:none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.navbar-toggler.D-Home{
	height:50px;border:0px !important;
	display:block!important;border-radius: 0px;margin-left: 0px;
}
ul.m-links li {
    margin-bottom: 10px;
}
.footer * {
    color: #fff!important;font-size: 14px;
}
ul.m-links.en {
    text-align: left;
}
ul.m-links.ar {
    text-align: right;
}
p.m-links span {
    font-size: 12px !important;
}
p.m-links {
    margin-top: 10px;
}
.G-Info p {
    margin-bottom: 0;
}
.social-media-section {
    width: 270px;
}
.contact-section i {
padding:0 10px;font-size:18px;
}
.G-Top a {
    display: block;
    width: 100px;
    border: 1px solid #ada9c475 !important;
    border-radius: 43px;
    padding-top: 4px;
    padding-left: 12px;
    height: 37px;
}
.arabic .G-Top a {
        padding: 6px 10px 10px 10px;
    width: 92px;}
.arabic .G-Top a i {float: left;}
.G-Top a i{
float: right;
    margin-top: 4px;    margin-right: 12px;
    }
.top-navigation {padding: 0px;}
span.setting-icon {
   background: url('/Style Library/GCAM/img/icons/globe-lang.svg') no-repeat 14px;
    background-size: 22px;
    height: 22px;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 0 0px 0 27px !important;
    }
    .Vision-button {
    display: flex;
}
span.setting-icon a{color: #fff !important;text-decoration: none;}
span.setting-icon a:hover {
    color: #3BC1CA !important;
}
.navbar-toggler.D-Home:hover{background-color: #3BC1CA;}
.logo-rowtop-footer-row{display:flex;align-content:stretch}
.vision-logo img{width:104px}.logo img,.social-media-section img{width:17vw}
.arabic .logo img:first-child {
    margin: 0 0px 0 30px;
}
.logo img:first-child {
    margin: 0 30px 0 0px;
}

.logo-row{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:20px 60px}
.navigation{
	padding:0 60px;
	transition:all .4s;    
    }
.navigation.prepend{
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    }

.navigation .navbar{padding:0;padding-top: 13px !important;padding-bottom: 10px;}
.navigation-row{background-color:#fff}
/*.navigation ul.static .selected{background-color:#3BC1CA}*/
.navigation ul.static {padding: 0px;display: flex;}
/*.navigation ul.static li.static.selected a.static{color:#fff}*/
.navigation ul.static li.static.selected:after {
    width: 100%;
    bottom: -10px;opacity:1;
}
.navigation ul.static li.static a.static{margin:0px;padding:0 15px;color:#4a4a4a;font-family:"Bukra-Regular";font-size:1.1rem;font-weight:700;line-height:normal;border: 0px;}
.navigation ul.static li.static {position:relative;line-height: 46px;padding-top: 4px;transition: all .1s linear;}
.navigation ul.dynamic{transition:opacity .2s;opacity:0;top:60px !important;padding:0;background-color: #4a4a4a;list-style-type: none;border: 0px;width: 310px !important;box-shadow: none;}
.navigation a.dynamic{line-height: 20px;padding: 10px 15px;padding-top: 15px;font-size:15px;color:#ffffff!important;border:0px;font-family:"Bukra-Regular"}
li.static.dynamic-children:hover >ul.dynamic {opacity:1}
.navigation ul.dynamic a.dynamic:last-child{border-bottom:0}
.navigation ul.dynamic a.dynamic:hover{color: #fff;background-color: #3BC1CA;border-radius:0;}
.navigation ul.static li.static:hover {background-color: #fff;cursor: pointer;}
.navigation ul.static li.static:after  {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    background: #3BC1CA;
    bottom: -15px;
    left: 0;
    transition:all .2s ease-in-out;
    opacity:0;
}
.arabic .navigation ul.static li.static:after {
left:auto;right:0;
}
.navigation ul.static li.static:hover:after {
   width:100%; bottom:-10px;opacity:1;
    }
/*New header styling*/
.top-side-settings {
    padding: 10px 60px;
    height: 51px;
    background-color: #330170;
    color: #fff !important;
}
.english span.demosite {
    float: left;
}
.arabic span.demosite {
    float: right;
}
.form-inline.my-2.my-lg-0.setting-search-div {
    display: block;
}
.GCAM-sett {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    float: right;
    color: #fff;
}
.arabic .GCAM-sett {
    float: left;
}
/**/
.navigation ul.static li.static:hover a,#DeltaTopNavigation li.static.dynamic-children:hover .dynamic-children.additional-background:after {color: #3BC1CA;}
.setting-search-div i{font-size:1em;color:#fff}
.search-icon{cursor: pointer;border-right:1px solid rgba(117,122,128,.6)}
.arabic span.search-icon {
    border-right: 0;
    border-left: 1px solid rgba(117,122,128,.6);
}

.setting-search-div span{padding:0 15px}
.arabic span.setting-icon {
    padding-right: 0 !important;
}
.top-footer-row > div {
    margin: 0 10px;
}
.footer-logo {
    padding: 10px;
}
.top-footer-row{display:flex;background-color:#31286B;padding:35px 0px;margin: 0 10%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.footer{background-color:#31286B;}
.section-title{color:#404040;font-family:"Bukra-Bold";font-size:2.286em;font-weight:700;margin:0}
.related-links-list ul{padding:0;list-style-type:none;column-count:2;margin:0}
.related-links-list ul li:before{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;color:#c51f2f;padding-right:10px}
.related-links-list ul li a{color:#404040;font-family:"Bukra-Bold";font-size:1.143em;font-weight:300;line-height:25px;text-align:justify}
.footer-logo{padding-bottom:15px;margin-bottom:15px}
.footer-logo img{width:200px}
.social-media ul li{display:inline-flex}
.social-media ul{padding:0;display:flex;justify-content:space-between;align-items:center}
.social-media li a {border: 1px solid #9797977a;border-radius: 50px;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.social-media li a i {color: #fff !important;transition: color .3s;}
.social-media li a:hover i {color: #3bc1ca !important;border-color: #3bc1ca !important;}
.bottom-footer-row {background-color: #31286B;padding: 17px 0px;padding-bottom: 70px;border-top: solid 1px #3BC1CA;margin: 0 10%;display: flex;justify-content: space-between;align-items: center;vertical-align: middle;}
.bottom-footer-row .privacy-section ul {margin: 0px;padding: 0px;list-style-type: none;}
.bottom-footer-row .privacy-section ul li {display: inline-block;}
.bottom-footer-row .privacy-section ul li a,.copyright-section span {color: #FFFFFF;font-family: "Bukra-Bold";font-size: 16px;line-height: 26px;}
.bottom-footer-row .privacy-section ul li a{padding: 0px 10px;border-right: 1px solid white;}
.bottom-footer-row .privacy-section ul li:last-child a {border: 0px;}
#DeltaTopNavigation .static.ms-navedit-editArea{display: none!important;}
#DeltaTopNavigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{background:none;padding:0px;}
/*#DeltaTopNavigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after{font-size: 15px;content: "\f0d7";font-family:"Font Awesome 5 Free";font-weight:900;color:#757a80;padding-left:7px}*/

.ms-srch-sb>input {
    margin: 0px !important;
    padding: 5px !important;
}
.ms-webpartzone-cell{
	margin:0px!important;
}
/* home poll overlay */
a.poll-link {
    display: none;
}
#polloverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999999999;
  cursor: pointer;
}
h2.question-head {
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 33px 0px;
    font-family: Bukra-Bold !important;
}
.poll-face {
    flex-direction: row!important;
    height: 50%;
    justify-content: center;
    align-items: center;
}
html .poll-face label {
    border: 0px !important;
    height: auto !important;
    width: 25% !important;
    display: flex;
    justify-content: center;
    align-items: center;
        flex-direction: column;
}
.desabled-poll *{
	opacity: 0;
    pointer-events: none;
    }
.arabic .desabled-poll:before {
    content: 'لقد أجبت مسبقا على هذا الاستطلاع'!important;
}
.desabled-poll:before {
    content: 'You already answered this poll';
    font-size: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    margin-top: 25%;
}
.pollpage.desabled-poll:before{
	 margin-top: 2%!important;
}
.poll-face .pchecked i {
    color: #3bc1ca;
}
.success-message {
    font-size: 25px;
    align-self: flex-start;
        display: flex;
    flex-direction: row;
}
.success-message i{
font-size: 70px !important;
    display: inline-block;
    color: #3bc1ca;
    margin: 0 10px;
    }
html .poll-face label:hover i, html .poll-face label:hover p{
    color: #3bc1ca;
}
.poll-face label i {
    font-size: 133px;
    transition: color .3s;
}
.pollunderlay {
    width: 60%;
    height: auto;
    min-height: 400px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 86px;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    font-family: Bukra-bold!important;
    padding: 20px 50px;
    background: url('/Style Library/GCAM/img/components/G-design-ar.png') no-repeat #fff;
    background-size: 200px!important;
    background-position: right -65px top -74px;
}
.arabic .pollunderlay {
    background: url('/Style Library/GCAM/img/components/G-design.png') no-repeat #fff;
    background-position: left -65px top -74px;
}
a.poll-link {
    background: url('/Style Library/GCAM/img/icons/poll.svg') no-repeat;
    background-position: 50% !important;
    position: fixed;
    top: 40%;
    right: 17px;
    z-index: 99;
    width: 80px;
    height: 70px;
    background-color: #51c6cd;
    color: #fff;
    border: 0px;
    border-radius: 20px;
}
.arabic a.poll-link {
	right:auto;
	left:17px;
}
span.poption {
    z-index: 99;
}
span.poption i {
    font-size: 20px;
}
.pchecked span.poption i {
	display:inline-block!important;
}
.percstat{
	position: absolute;
    right: -50px;
}
.arabic .percstat{
    left: -50px;
    right:auto
}

div#pollanswer label {
border-radius: 4px !important;
    position: relative;
    padding:5px 25px;
    cursor:pointer;
    -webkit-appearance: none;
    /* WebKit */
    -moz-appearance: none;
    /* Mozilla */
    -o-appearance: none;
    /* Opera */
    -ms-appearance: none;
    /* Internet Explorer */
    appearance: none;
    /* CSS3 */
        height: 56px;
    width: 70%;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    background-color: #FBFFFF;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    transition: border .3s;
}
div#pollanswer label:hover {
	border:2px solid #31286B;
}
div#pollanswer label input{
	display:none;
}
div#pollanswer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
        align-items: flex-start;
}
h1.Poll-head {
    color: #51c6cd;
    border-bottom: 5px solid #51c6cd;
    width: 180px;
    margin: 0;
    padding-bottom: 10px;
    font-weight: normal !important;
}
span.pstatistics {
	border-radius: 4px !important;
    height: 100%;
    display: block;
    width: 0%;
    position: absolute;
    left: 0;
    background: #3BC1CA;
    transition: width 1s ease;
}
.arabic span.pstatistics {
	left:auto;
	right:0;
}
.NOTCLICKABLE{
    pointer-events: none;
}
/****Banner Style ***/
/*.HPbanner {height: 550px;}*/
.HpBannerSlider  .animated,.HpBannerSliderAr .animated {animation-duration: .8s!important;}
.HpBannerItem img {height: 100%;}
.HpBannerItem{height: 550px;position: relative;}
.HpBannerSlider .owl-dots,.HpBannerSliderAr .owl-dots{
	    position: absolute;
    bottom: 50px;
    right: 133px;
}

.HPbanner .owl-dots {
    counter-reset: dots;}
.HPbanner .owl-dot:before {
    counter-increment:dots;
    content: '0'counter(dots);color: #fff;
    font-weight: bold;
    position: absolute;
    top: -4px;
    transition: letter-spacing .3s;
}

.b-title {
	word-break: break-word;
    color: #3BC1CA;
    font-family: "Bukra-Regular";
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    width: 80%;
    }
.HpBannerCaption {word-break: break-word;
    color: #4a4a4a;
    font-family: "Bukra-Bold";
    font-size: 16px;
    line-height: 33px;
    top: 45%;
    width: 100% !important;
    }
.arabic .HpBannerCaption {
        margin: 0;
}
.HpBannerSlider .owl-nav,.HpBannerSliderAr .owl-nav {position: absolute;top: 50%;width: calc(100% - 50px);display: inline-flex;justify-content: space-between;left: 25px;right: 25px;}
.HpBannerSlider,.HpBannerSliderAr,.NewsSlider {position: relative;}
.HpBannerSlider .owl-nav button,.HpBannerSliderAr .owl-nav button {height: 73px;width: 40px;z-index: 99999;border-radius: 50%;border: 1px solid white !IMPORTANT;background-color: rgba(0,0,0,0.24) !important;/* display: none; */}
.HpBannerSliderAr .owl-dots{    left: 140px;
    right: auto;}
.HpBannerSlider .owl-nav button span,.HpBannerSliderAr .owl-nav button span {color: white;font-size: 48px;z-index: 99999;line-height: 26px;}
.BannerPattern {position: absolute;right: 0px;}
.HpBannerSlider .owl-dots button.active,.HpBannerSliderAr .owl-dots button.active {border-bottom:4px solid #3BC1CA !important}
.HpBannerSlider .owl-dots button,.HpBannerSliderAr .owl-dots button{position:relative;min-width: 50px;margin: 0 10px;border-bottom: 4px solid #fff!important;width: 50px;height: 17px;outline:0px!important}
.banner-owl-car button.owl-dot:not(.active):hover::before {letter-spacing: 5px;}
a.b-link{
    background: url('/Style Library/GCAM/img/icons/ic-arrow.svg') no-repeat;
    display: block;
    width: 96px;
    height: 44px;margin-left:140px;
}
.arabic a.b-link{
    background: url('/Style Library/GCAM/img/icons/ic-arrow-ar.png') no-repeat;
}
.arabic .w-wave {
    background: url('/Style Library/GCAM/img/components/rectangle-ar.png') no-repeat;
    background-size: 100% 100%; right: 10%; left:auto;


}
.w-wave {
    padding: 14px;
    background: url('/Style Library/GCAM/img/components/rectangle.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 10%;
    bottom: 46px;
    width: 55%;
    }
.arabic .w-wave img{
	right: 177px;
}
.w-wave img {
    width: 329px!important;
    height: auto;position: absolute;
    top: 30%;
    left: 140px;
}

/*********about-GCAM-section******************/
.arabic .about-gcam{
    background: url('/Style Library/GCAM/img/components/G-design-ar.png') no-repeat right -219px center;
    background-size: 490px;
    }
.about-gcam{overflow: hidden;margin: 0px;position:relative;/*height: 555px*/;background: url('/Style Library/GCAM/img/components/G-design.png') no-repeat -219px;background-size: 490px;}
.arabic .about-gcam .about-details {
    margin-left: 0%;
    margin-right: 30%;
}
.about-gcam .about-details {
	padding-top: 60px;
    margin-left: 30%;
    font-size: 16px;
    color: #4a4a4a;    padding-right: 77px;
}
.arabic .about-gcam .about-details {padding-left: 77px;padding-right: 0px;}
.about-gcam h2 {
    color: #31286B !important;
    font-size: 32px;
    font-weight: 500;
    margin-bottom:20px;
}
.about-details a {
    width: 208px;
    height: 48px;
    border-radius: 24px;
    background-color: #3BC1CA;
    text-align: center;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.arabic .about-back{
	 margin-right: 0%;
	  margin-left: 11%;
	  left: 0;
    right: auto;
}
.about-back{
position:relative;
	float: left;
    /*height: 233px;*/
    width: 19%;
    margin-right: 11%;
    right: 0;
    bottom: 57px;
    z-index:0;
}
.english .about-back{
	float:right;
}
.about-back>img{
	width:100%;
}
.arabic .about-back p:nth-of-type(1) {
    border: .5px solid #31286B!important;
    width: 190%;
    right: -45px;
    left:auto;
    top: 27%;
}
.about-back p:nth-of-type(1) {
    border: .5px solid #31286B!important;
    width: 190%;
    left: -45px;
    top: 27%;
}
.arabic .about-back p:nth-of-type(2) {
    border: .5px solid #3BC1CA!important;
    width: 398%;
    left: 0px;
    right:auto;
    top: 40%;
}
.about-back p:nth-of-type(2) {
    border: .5px solid #3BC1CA!important;
    width: 398%;
    right: 0px;
    top: 40%;
}
.arabic .about-back p:nth-of-type(3) {
    border: 3px solid #3BC1CA!important;
    background: #3BC1CA;
    width: 200%;
    left: 0px;
    right:auto;
    top: 60%;
}
.about-back p:nth-of-type(3) {
    border: 3px solid #3BC1CA!important;    background: #3BC1CA;
    width: 200%;
    right: 0px;
    top: 60%;
}
.arabic .about-back p:nth-of-type(4) {
    z-index: 0!important;
    border: 3px solid #31286B!important;
    background: #31286B;
    width: 40%;
    left: -43px;
    right:auto;
    top: 83%;
}
i.far.fa-file-pdf.cust-cont {
    display: flex;
    justify-content: center;
    padding: 12px;
    align-items: center;
}
i.far.fa-file-pdf.cust-cont span {
    margin: 0 10px;
}
.about-back p:nth-of-type(4) {
z-index:0!important;
        border: 3px solid #31286B!important;
    background: #31286B;
    width: 40%;
    right: -43px;
    top: 83%;}
.about-back p {
    position: absolute;z-index: -1;
    }
/* about page */
.tab-content>.active {
    display: inline-block;
    float: left;width:70%;
}
ul#TopSPTabs {
    display: inline-block;    margin-right: 33px;
    float: left;width:20%;    margin-top: 28px;border: 0px;
}
.arabic ul#TopSPTabs {
    float: right;
        margin-left: 33px;
            margin-right: 0px;
    }
ul#TopSPTabs.Licenses >li {
height: auto;
}
ul#TopSPTabs.Licenses a {
    height: auto;
    padding-right: 3px;
}
.arabic ul#TopSPTabs >li {
	border-right: 0px !important;
	border-left:  1px solid #EAEAEA !important;
}
ul#TopSPTabs >li {
border: 1px solid #EAEAEA;
  border-left: 0px !important;
    display: flex;
    align-items: center;
    margin: 0px;
    height: 60px;
    /*padding: 0 10px;*/
    font-size: 16px;
    font-weight: bold;
    color: #404040 !important;
}
ul#TopSPTabs >li:first-child {
    border-top: 0px;
}
ul#TopSPTabs >li:last-child {
    border-bottom: 1px solid #EAEAEA!important;
}
ul#TopSPTabs >li {
    border-bottom: 0px;
}

ul#TopSPTabs >li>a:hover {color:#3BC1CA;}
ul#TopSPTabs >li>a {
    color: #404040;
    height: 60px;
    display: flex;
    text-decoration: none;
    align-items: center; 
    width: 100%;   
    transition: all .3s ease;padding:0 0 0 10px;border-left: 5px solid transparent;font-weight:500;
}

.arabic ul#TopSPTabs >li>a {
border-right: 5px solid transparent!important;border-left: 0px!important;padding:0 10px 0 0px!important;
}

ul#TopSPTabs >li>a.active {
    color: #3BC1CA;border-left: 5px solid #3BC1CA;font-weight:bold;
}
.arabic ul#TopSPTabs >li>a.active {
border-left: 0px!important;border-right: 5px solid #3BC1CA!important;
}

img.CMM {
    width: 300px;
}
.CMMHead {
    position: absolute;
    background-color: #fff;
    /* z-index: 99999999999; */
    margin: -52px auto 0px auto;
    left: 0;
    padding: 10px;
    left: 244px;
    margin-top: -71px;
    width: 542px;
}
.arabic .CMMHead {
    left: auto;
    right: 244px;
}
.CMMHead h2 {
    font-size: 22px !important;
    color: #3BC1CA!important;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.CMMHead p {
    font-weight: bold;
    font-size: 16px;
}
.CMMDesc {
    margin-top: 20px;
    font-size: 16px;
}
.arabic .CMMDesc {
    margin-top: 42px;
}
.glance {
    padding: 30px;
    border: 1px solid #D3D3D3;
    /*removeshbox-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/    border: 1px solid #D3D3D3;
    padding-top: 94px;
    width: 48%;
    display: inline-block;border-radius: 3px;}
.glance.gvision {
    background: url('/Style Library/GCAM/img/icons/eye.svg') no-repeat 30px 25px;
    background-size: 50px;
}
.arabic .glance.gvision {
    background: url('/Style Library/GCAM/img/icons/eye.svg') no-repeat right 30px top 25px;
    background-size: 50px;
}
.arabic .glance.gmission {
    background: url('/Style Library/GCAM/img/icons/flag.svg') no-repeat right 30px top 15px;
    background-size: 43px;
}
.glance.gmission {
    background: url('/Style Library/GCAM/img/icons/flag.svg') no-repeat 30px 15px;
    background-size: 43px;
}

.glance h2,.leadershipmain h2 {
    font-size: 22px !important;
    color: #3BC1CA!important;
    margin-bottom: 45px;
    text-transform: uppercase;    position: relative;
}
.glance h2:after,.leadershipmain h2:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    height: 5px;
    width: 81px;
    background: #3BC1CA;
}
.arabic .glance h2:after, .arabic .leadershipmain h2:after {
    right: 0;
}
/*leader*/
.modal-header.Leadership>img {
    width: 50%;
}
.modal-header.Leadership>button.close {
    width: 20px !important;
    min-width: 100px;
    padding: 0;
    color: #000;
    top: 20px;
}
.modal-for-leaders .modal-content{
width:100% !Important
}
ul.onlead li{
margin-bottom: 27px!important;
	
}
ul.onlead li,ul.onlead2 li {
    list-style: none;    margin-bottom: 20px;
    font-size: 16px;
    color: #4a4a4a;
    position: relative;
}
ul.onlead{
    counter-reset: section;margin-bottom: 33px;
}
.arabic ul.onlead li:before {right: -40px;left: auto;}
ul.onlead li:before {
    content: counter(section);
    counter-increment: section;
    width: 36px;
    height: 36px;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: -40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.arabic  ul.onlead2 li:before {right: -40px;left: auto;}
    ul.onlead2 li:before {
    content: "\2022";
    width: 36px;
    height: 36px;
    color: #4A4A4A;
    font-size: 26px !important;
    position: absolute;
    top: -6px;
    left: -40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leadershipmain {
       /* padding-top: 79px !important;
    background: url('/Style Library/GCAM/img/icons/lead.png') no-repeat 0px 0px;*/
    background-size: 56px;
    padding: 10px;}
.arabic .leadershipmain {
   /* background: url('/Style Library/GCAM/img/icons/lead.png') no-repeat right 0px top 0px;*/
}
.leadershipmain p {
    font-size: 16px;
    font-weight: bold;
    /*margin-bottom: 33px!important;*/
}
/****rules and conditions*******/
.GCAM-rules {
    margin: 107px 0px 60px 0px;
}
.rules-row{
	margin: 0 auto;
    width: 90%;    
    display: flex;
    height: 100%;
}
@media all and (-ms-high-contrast:none)
     {
     .rules-row{ display: block!important; } /* IE10 */
     *::-ms-backdrop, .rules-row { display: block!important; } /* IE11 */
     *::-ms-backdrop, .cust-wrap,.wrap-cust{top:0}
      .cust-wrap,.wrap-cust{top:0}
     }
.arabic .GCAM-rules div[class*=investor] {
    float: right;
}
.arabic .GCAM-rules div[class*=investor-g] >* {
    float: right;
}
.GCAM-rules div[class*=investor] {
    height: 100%;float: left;
    display: inline-block;
}
.GCAM-rules div[class*=investor] {
  
    float: left;
    display: inline-block;
    padding: 0px;
}
.arabic .investor-detail {
    margin-right: 33px;
     margin-left: auto;
    }
    
.investor-g.col-md-7 {
    /*removeshbox-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/    border: 1px solid #D3D3D3;
}

span.investor-guide {
    padding: 33px 20px 0px 20px;background: #fff;}
.investor-g span {
    display: inline-block;
    float: left;
    width: 50%;    height: 100%;
}
span.g-image img {
    width: 100%;    height: 100%;
}
p.inumber {
    color: #3BC1CA !important;
    font-size: 1.2vw;    margin: 20px 0px;
}
span.investor-guide h2 {
    color: #4a4a4a;
    font-size: 2vw;
    font-weight: bold;
}
p.idetails {
    color: #4a4a4a;
    font-size: 1.2vw;
}
.r-conditions {
    background: url('/Style Library/GCAM/img/Image 9.png') no-repeat 100% 93%;
    background-size: cover;
    color: #fff !important;
    height: 48%;
}
.b-locations{
	 background: url('/Style Library/GCAM/img/Image 10.png') no-repeat 100% 93%;
    background-size: cover;
    color: #fff !important;
    height: 48%;
    margin-top: 4.3%;
}

.investor-detail> a>div {
    transition: all .7s;
    }
.investor-detail> a {
    text-decoration: none!important;
}
.investor-detail> a:hover >div {
    opacity:.95;
}
p.rtext,p.btext {
    font-size: 2vw;
    color: #fff;
    margin-top: 53px;
    padding-left: 30px;
    width: 70%;
}
p.ricon,p.bicon {
    height: 80px;
    padding-top: 57px;
    padding-left: 30px;
    margin: 0 0 57px 0px !important;
}
p.dtext {
    color: #3BC1CA;
    font-size: 1vw;
    font-weight: bold;
    text-align: center;
}
p.dicon {
    background: url('/Style Library/GCAM/img/icons/download.svg') no-repeat 50%;
    background-size: 60px;
    height: 81px;
}
.investor-detail {
    margin-left: 33px;max-width: 38% !important;
}


/*news slider*/
.news-carousel{position:relative}
a.view-all-n:hover, a.view-all-n-mobile:hover, .view-all-e:hover{
	background:#31286B
}
.section.news-carousel .js-cq-Pager.pagination {
    display: none!important;
}
a.view-all-n,a.view-all-n-mobile,.view-all-e {
transition:all .3s;
text-decoration:none!important;
    max-width: 100%;
    float: none;
    margin: 0 auto;    width: 208px;
    height: 48px;
    /* text-align: center; */
    background: #3BC1CA;
    border-radius: 24px;
    color: #fff!important;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.view-all-n-mobile{display:none}
h1.news-title {
    text-align: center;
    font-size: 3vw;
    color: #31286B;
    font-weight: bold;
       margin: 0px 0px 20px 0px;
       }
.NewsSlider .owl-stage-outer{
	height: 431px;
}
.NewsSlideCaption.animated.fadeInLeft {
    font-size: 16px;
    color: #4a4a4a;
    margin: 9px;
}
.wrap-cust {
    display: flex;
    align-items: center;
    justify-content: left;
        background: #31286B;
}
.cust-wrap {
    z-index: 9999;
    width: 80%!important;
    margin-left: 0;
}
.news-carousel .owl-stage {
    margin: 0 -170px;
}
.cust-wrap,.wrap-cust{
	position: absolute;
    background: #31286B;
    width: 33%;
    height: 431px;
    
}
.cust-wrap button.owl-prev,.cust-wrap button.owl-next {
	margin: 18px auto;
    display: block;
    border: none;
    width: 68px;
    height: 67px;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    transition: opacity .3s;
}
.RelatedSlider .owl-nav button:hover, .RelatedSliderAr .owl-nav button:hover,.cust-wrap button.owl-prev:hover, .cust-wrap button.owl-next:hover {
    opacity: .5;
}
.cust-wrap button.owl-prev{
	    background: url('/Style Library/GCAM/img/icons/arrow-right.svg') no-repeat;margin-top: 107px;

}
.cust-wrap button.owl-next{
	    background: url('/Style Library/GCAM/img/icons/arrow-left.svg') no-repeat;

}
p.slide-num {
    text-align: center;
    color: #3BC1CA;
}
span.b-n {
    font-size: 60px;
}
.NewsSliderItem img {
    height: 205px!important;
}
p.news-date {
       color: #3BC1CA;
    font-size: 16px;
    margin-top: 1rem;
    padding-left: 27px;
    background: url('/Style Library/GCAM/img/icons/ic-date.svg') no-repeat;
    background-size: 20px;
    }
    .arabic p.news-date {
    background-position: 100%;
    padding-left: 0px;
    padding-right: 27px;
}
p.n-title {
    color: #404040;
    font-size: 16px;
    font-weight: bold;
}
p.NewsSlideCaption {
    font-size: 16px;
    color: #4a4a4a;
}
.NewsSliderItem {  
    transition: .3s all;
	height: 400px;
    padding-bottom: 10px;  
    background: #fff;
    margin: 15px 0 0px 0;
    position: relative; 
    border: 1px solid #D3D3D3;  
    /*removeshbox-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/
    }
.NewsSliderItem p {
    margin: 17px;
}
.NewsSliderItem:hover {
    background: #d7f2f4;
}
p.pbar-n {
    width: 70px;
    height: 5px;
    margin: 0 auto;background: #3BC1CA;

}
p.pbar-n span {
    height: 5px;
    width: 20%;
    background: #fff;
    display: block;
    transition: all .4s ease;
}
p.slide-num> span {
    margin: 0 5px;font-weight: bold;
}
p.slide-num> span:nth-child(2) {
    margin: 0 33px;
}
/* events */
.event-container {
    background: url('/Style Library/GCAM/img/components/swerve-b.png'), url('/Style Library/GCAM/img/components/G-design.png'),url('/Style Library/GCAM/img/components/half-swerve.png');
    background-position: -20% , 89%,59%;
    background-repeat: no-repeat, no-repeat;
    background-size: 58% 70%,auto 100%,28%;}
.events-slider {
    margin: 50px 0;
}
.event-item:not(.details):hover {
    background: #3BC1CA;
}
.event-item:not(.details):hover * {
    color:#fff!important;text-decoration:none!important
}
.event-date:not(.listing) {
    display: flex;
    align-items: center;
}
.arabic .event-item {
justify-content: right;
}
.event-item {
    transition: .4s all;
background:#fff;
    height: 124px;
    width: 57%;
    max-width: 100%;
    margin: 0px auto 20px auto;
    padding:45px;
    /*removeshbox-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/
        border: 1px solid #D3D3D3;
    display: flex;
    justify-content: left;
    align-items: center;
}
.event-date img {
    width: 3vw;
}
.arabic span.e-date{
	float: left;
}
.event-details {
    padding-top: 13px;
}
span.e-date {
    font-size: 1vw;
    font-weight: bold;
    color: #31286B;
    padding: 0 20px;
    width: 61%;
    display: inline-block;
    float: right;
}
p.event-title {
    font-size: .9vw;
    color: #31286B;
    font-weight: bold;
}
p.event-desc {
    font-size: .9vw;
    color: #31286B;
}
.english .event-details.listing.Jobs {
    padding-right: 5px;
}
.arabic .event-details.listing.Jobs {
    padding-left: 5px;
}



/**/
/* gallery sec */
ul.nav.nav-pills.gal-items {
    margin-bottom: 0	px;
}
.arabic .nav.nav-pills.gal-items .li-en,.arabic .h2-en {
	display:none;
}

.english .nav.nav-pills.gal-items .li-ar,.english .h2-ar{
	display:none;
}
html.edit-mode div#videos-gal {
    display: block;
    opacity: 1;
}
.gal-it		 {
    float: left;
    margin: 2px;
    padding: 0;
}
.gal-wrap {
    height: 380px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}
.gal-it:nth-child(even) {
    height: 58%;   
}
.gal-it {
max-width: 18.7%!important;
    height: 40%;
    overflow: hidden;
    float: left;
    margin: 2px;
    padding: 0;
}
.gallery-p.vp {
    text-align: center;
}
.gal-it:nth-child(6), .gal-it:nth-child(8), .gal-it:nth-child(10){
    margin-top: -69px;
    }
.pagination a[disabled="disabled"] {
    background: #fff !important;
    color: #4A4A4A !important;
    font-size: 16px;
    opacity: 1 !important;
    pointer-events: none;
}
.pagination a{
	opacity: .4 !important;
	border: 0px !important;
    padding-left: 0px !important;
    border-bottom: 4px solid #3BC1CA !important;
    width: 46px !important;
    font-size:16px!Important;
    margin: 0 16px;
}
.Gallery-sec .js-cq-Pager.pagination {
    justify-content: flex-start;padding: 0 64px;margin-top: 0px;
}
.Gallery-sec a.current.prev,.Gallery-sec a.current.next,.Gallery-sec a.prev,.Gallery-sec a.next {
    display: none;
}
.Gallery-sec img.loading-image {
    display: none;
}
.section.MediaCenterSection {
    margin-top: 70px !important;
}
h2.gal-head {
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #31286B;
    margin: 0 0 14px 0;
    }
.Gallery-sec {
    margin:10px 0 50px 0;
    }
.Gallery-sec{
	display:none;    transition: all .6s;
}
.Gallery-sec.active{
	display:block;
}
body ul.nav.nav-pills.gal-items {
    justify-content: center;align-items: center;  
}
body ul.nav.nav-pills.gal-items a {
	font-weight: bold !important;
	color: #3BC1CA !important;
	font-size: 20px;
    font-weight: 500;
    text-decoration:none;
    padding: 0 22px;
    opacity: .3;
    transition:all .3s;
}
body ul.nav.nav-pills.gal-items a.active {opacity:1}
body ul.nav.nav-pills.gal-items a:hover {
opacity:.5;
}
span.t-dot {
    width: 9px;
    height: 9px;
    background: #3BC1CA;
    border-radius: 50%;
}
#myImg{
	    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
    width: 100% !important;
    height: 130% !Important;
    position: absolute;
    top: -47px;
}
iframe#img01v {
    margin: 0 auto;
    max-width: 100%;
    float: none;
    display: block;
}
video.gallery-p.vp {
    object-fit: fill;
    cursor: pointer;
}

/**/
/* Related Links*/
a.R-Link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration:none!important;
}
.h-links{
	position:relative;
}
.related-links {
    background: #3BC1CA;
}
h1.links-title {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    padding: 27px 6.8% 33px 6.8%;
}
.RelatedSliderAr button.owl-prev {

float:left}
.RelatedSlider button.owl-next{
    float: right;
}
.RelatedSlider .owl-nav,.RelatedSliderAr .owl-nav {
    position: absolute;
    top: 25%;
    width: 100%;
    height: 0px;
}
.arabic span.plus-links {
    left: 72px;
    right: auto;
}
span.plus-links {
    position: absolute;
    background: #fff;
    display: flex;
    justify-content: center;
    top: -28px;
    align-items: center;
    width: 60px;
    color: #3BC1CA;
    height: 60px;
    right: 72px;
    font-size: 30px;
    border: 3px solid #3BC1CA;
    cursor: pointer;
    font-weight: 900;
    padding-bottom: 10px;
    transition: 0.70s;
    -webkit-transition: 0.50s;
    -moz-transition: 0.50s;
    -ms-transition: 0.50s;
    -o-transition: 0.50s;
}
span.plus-links:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 50%;
}
.RelatedSlider .owl-nav button i,.RelatedSliderAr .owl-nav button i {
    font-size: 19px;
}
.RelatedSlider .owl-nav button,.RelatedSliderAr .owl-nav button {
    width: 52px;
    height: 77px;
    outline: 0px !important;
    border: 2.4px solid #31286B !important;
    border-radius: 50%;
    transition: opacity .3s;
    }
.RelatedSliderItem {
    display: flex;
    align-items: center;
}
.RelatedSlider .owl-item img,.RelatedSliderAr .owl-item img{
    width: 70px;
}
.owl-carousel.link-owl-car.RelatedSlider,.owl-carousel.link-owl-car.RelatedSliderAr {
    display: none;
}
.RelatedSlider .owl-stage-outer,.RelatedSliderAr .owl-stage-outer {
        overflow-y: visible;
    height: 183px;
    padding-top: 37px !important;
        margin: 0 90px;
    }
span.l-title {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0px;
    max-width: 170px;
    transition: color .3s;    
}
a.R-Link:hover .l-title {
    color: #31286b;
}
a.R-Link:hover .l-img-border {
    background: #c9f4f7;
}
span.l-img-border {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    z-index: -1;
    background: #fff;
    transition: background .3s; 
  }
span.l-img {
	position:relative;
    width: 170px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
/**/


.ms-srch-sbLarge,.ms-srch-sbLarge>input{
	width: 268px;
    height: 33px;
    display: block;
    float: left;
    position: relative;
}
.ms-srch-sbLarge{
	display:none;
}
.navigation .ms-webpart-chrome.ms-webpart-chrome-fullWidth{
	    min-width: 0px;
}
.ms-srch-sb-searchLink {
    display: none!important;
}
/* news list */
.news-container{
	display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.news-details.listing {
	position: relative;
    margin-top: -10px;
    background: #fff;
    transition:.3s all;
    height: 225px;
    box-shadow: 0 2px 10px 0 #D3D3D3;
}
.news-item.listing:hover .news-details {
    background: #d7f2f4;
}
.news-item {
    width: 23%;
    display: inline-block;
    margin:0 10px 43px 10px;
    position:relative;
}
/*
.news-details.listing:after {
    content: '';
    width: 30%;
    height: 5px;
    background: #3BC1CA;
    left: 2%;
    position: absolute;
    bottom: -5px;
}
.arabic .news-details.listing:after{
	    content: '';
    width: 30%;
    height: 5px;
    background: #3BC1CA;
    right: 2%;
    position: absolute;
    bottom: -5px;

}
*/
.news-pic img {
    width: 100%;
        height: 116%;
    position: absolute;
}
.news-pic {
    overflow: hidden;
    position: relative;
    height: 183px;
}
p.news-title {
    color: #4a4a4a;
    font-weight: 900;
}
.news-details p, .news-details:not(.details) span{
    padding: 15px 13px 10px 13px;    margin: 0;font-size:16px;position: relative;color: #4a4a4a;display: block;
}
p.news-title.listing:after {
    content: '';
    width: 30%;
    height: 5px;
    background: #3BC1CA;
    right: 13px;
    position: absolute;
    bottom: -5px;
}
.english p.news-title.listing:after {
		left:13px;
        right: auto;
}
/*
p.news-desc:after {
    content: '';
    width: 30%;
    height: 5px;
    background: #3BC1CA;
    left: 2%;
    position: absolute;
    bottom: -5px;
}

.arabic p.news-desc:after {
    content: '';
    width: 30%;
    height: 5px;
    background: #3BC1CA;
    right: 2%;
    position: absolute;
    bottom: -5px;
}
*/

.n-date {
       width: 75px;
    background: #fff;
    padding: 3px;
    position: absolute;
    top: 0;
    z-index: 999;
    top: 5px;
    left: 11px;
        }
.n-date span {
    width: 100%;
    display: block;
    text-align: center;
}
.n-date span:first-child {
    font-size: 22px;
    color: #31286B;
    color: #404040;
    font-weight: 900;
}
.n-date span:nth-child(2) {
    font-size: 12px;
    font-weight: 900;
    color: #3BC1CA;
    color: #4A4A4A;
}
button#btnNext.newslist {
    height: 48px;
    width: 208px;
    border-radius: 24px;
    background-color: #3BC1CA;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
button#btnNext.newslist[disabled="disabled"] {
    opacity: .6;
    display:none;
}
/**/

/* Events Listing */
.event-container.listing {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
        background: none;
    
}
.event-item.listing {
    margin: .9% .5%;
    width: 47% !important;
    padding: 0;
        display: flex;
    justify-content: right;
}
.english .event-item.listing {justify-content: left;}
.event-date.listing {
	border-left: 1px solid #979797;
    margin: 0 19px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px;
    color: #404040;
}
.event-date.listing span:first-child {
    font-size: 30px;
}
.english .event-date.listing {border-left: 0px;border-right: 1px solid #979797;}
span.e-date.listing {
    text-align: center;
     font-size: 16px;
    padding: 0; 
}
span.e-date.listing.details {
    width: auto;
}
.english .event-date.listing.details {
    padding: 0 23px 0 0px;
}
.event-date.listing.details {
    padding: 0 0px 0 23px;
}
p.event-desc.listing {
    color: #3BC1CA;
    
}
p.event-desc.listing {
    color: #3BC1CA;
    font-size: 16px;
}
p.event-title.listing {
    font-size: 16px;
    margin: 0 0 4px 0;
    color: #404040;
}
p.event-desc.listing span {
    margin: 0 10px;
}
.event-date.listing img {
    width: 57px;
}

/**/
/* Jobs Listing */
.event-item.listing.details >img {
    width: 139px;
}
.event-date.listing.Jobs {
    border: 0px;
}
/**/
/* Announcements listing */
.event-date.listing.announ p {
    font-size: 40px !important;
    margin: 0;
    font-weight: 900;color:#4a4a4a;
}
span.e-date.listing.announ {
    color: #404040;
}
.event-date.listing.announ {
    background-color: #F0F0F0;
    border: 0;
    padding-bottom: 10px;
    }
    p.event-desc.listing.announ span {
    margin: 0;
    color: #4A4A4A;
}
p.event-desc.listing.announ {
    margin-top: 15px;
}
/**/

/* Leadership */
.Leader-item.listing:first-child {
 margin: 0 auto 33px auto;float: none!important;
}
.arabic .Leader-item.listing {float:right}
.Leader-item.listing {
    display: flex;
    float: left;   
    height: 345px;
    width: 31%;
    margin: 0 1% 33px 1%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
box-shadow: 0 2px 10px 0 #D3D3D3;
    padding: 20px;
}
.Leader-item.listing>*{
	transition:.7s all ease;
}
.Leader-details.listing.Horiz {
    display: inline-block;
    float: left;
    width: 60%;
}
.Leader-details.listing.Horiz {
	float: right;
}
/*
.Leader-item.listing:hover .Leader-pic.listing{
width:70%;
}
*/
.Leader-details.listing.Horiz {
    text-align: inherit;
}
.Leader-details.listing.Horiz p {
    text-align: inherit;
}
.Leader-details.listing.Horiz {
    margin: 0 10px;
}
.arabic .Leader-pic.listing.Horiz {
float: right;
}
.Leader-pic.listing.Horiz {
    width: 33%!important;
    display: inline-block;
    float: left;    height: 150px;
}
body .Leader-pic.listing {
    width: 87%!important;
    margin-bottom: 11px;
    /* padding: 10px; */
    border-radius: 50%;
    height: 100%;
    background-size: cover !important;
}
div#boardlisting {
    max-width: 860px;
    margin: 0 auto;
}
.Leader-pic.listing img {
    /* position: absolute; */
    width: 100%;
 }
p.Position-title.listing {
    color: #3BC1CA;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align:center;
}
p.Leader-title.listing {
    color: #404040;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}
p.Leader-desc.listing.Horiz {
 height: 50px;
}
p.Leader-desc.listing {
    height: 76px;
    color: #4A4A4A;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
/**/
/* About Us Projects */
div#Tab4 div {
    width: 100%;
}
.PIMAGE{
    width: 67px !important;
    height: 67px !important;
    display: block;
    border-radius: 50%;
    right: 25px;    position: absolute;    bottom: -32px;
}
.arabic span.PIMAGE {
    left: 25px;
    right: auto;
}
.projects-about {
    width: 293px!important;margin: 10px 10px;
    
    display: inline-block;    height: 221px;height: 221px;	width: 301px;	border-radius: 4px;	background-color: #FFFFFF;    border: 1px solid #D3D3D3;/*removesh	box-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04); */ 
}
p.PBorder {
    width: 100%;
    height: 50px;
    margin-bottom: 40px;
    position: relative;    border-bottom: 1px solid #EAEAEA;
}
p.PStatus {
    height: 22px;
    color: #3BC1CA;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;padding: 10px 20px;
}
p.PTitle {
    height: 48px;padding: 0px 20px;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
p.bottom-projects{
	padding: 10px 20px;
}
span.PMNumber {
    float: right;
}
.arabic span.PMNumber {
    float: left;
}

/**/

/* PhotoGallery Listing */

img.bgp {
    position: absolute;
    height: auto !important;
    width: auto !important;
    bottom: 50px;
    left: 33px;
}
.arabic img.bgp {
    left: auto;
    right: 33px;
}
img.red,video.red {
    opacity: .7;transition:.3s opacity ease;
}
div#links{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
div#links >a:hover img.red,div#links >a:hover video.red {opacity:1}
div#links >a {
position:relative;
    display: inline-flex;
    width: 33%;
    height: 375px;
    overflow: hidden;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
    margin: 7px 0px;box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 3px 4px 0 rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.2);
    }
div#links >a >img {
    width: 100%;
    height: 100%;
}
div#links >a:nth-child(10n+4), div#links >a:nth-child(10n+5), div#links >a:nth-child(10n+6), div#links >a:nth-child(10n+7) {
    height: 250px;
    width: 24.6%;
}
.blueimp-gallery {
    background: rgba(0,0,0,.75)!important;
    }
div#blueimp-gallery .close {
    top: 67px;
    color: #fff;
    margin: 0 50px;
}
.blueimp-gallery>.next, .blueimp-gallery>.prev {
    color: #fff !important;
    opacity: 1!important;
    border: 0!important;
    background: transparent!important;
    font-size: 82px!important;
}
/*
div#links >a:nth-child(7n + 1),
div#links >a:nth-child(7n + 1) + a,
div#links >a:nth-child(7n + 1) + a + a {
	height: 300px;
    width: 33%;

}
*/
.blueimp-gallery>.indicator>li:hover:after{
	    background-size: cover !important;
}
/**/



/* search */
.navbar {
    position: initial!important;
    }
div#SearchBox {
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0;
    right: 0;
    top: 51px;
    z-index:-1;
    transition:all 1s;
}
.arabic .ms-srch-sbLarge:before {
    content: "\f002";
    position: absolute;
    z-index: 34;
    left: 37px;
    font-size: 19px;
    color: #fff;
    bottom: 40%;
}
.english .ms-srch-sbLarge:before {
    content: "\f002";
    position: absolute;
    z-index: 34;
    right: 37px;
    font-size: 19px;
    color: #fff;
    bottom: 40%;
}

div#SearchBox.active-on {z-index:3;height:60px;}
div#SearchBox *{
	width:100%;    
	height: 102%;
    position: absolute;
    top: -1px;
    }
    div#SearchBox input {
    background: #3BC1CA;
    color: #fff;
    padding: 0 34px;
    margin: 0;
}
div#SearchBox input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
div#SearchBox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
div#SearchBox input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
body .ms-srch-sbLarge{
	display:none;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);

}
span.search-icon {
    z-index: 9999;
}
span.search-icon.active-on i.fas.fa-search.active-on,span.search-icon.active-on i.fas.fa-times.active-on{
	transition:all .3s;
}
span.search-icon.active-on{
	border:0px;transition:all .3s;
}
/**/
/* News Details */
.news-container.details {
    height: auto;
}
.news-item.details {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
}
.news-pic.details img {
    height: auto !important;
    position: relative;
}
.news-pic.details {
    height: 70%;
    /* height: 600px; */
    width: 33%!important;
    overflow: visible;
    position: relative;
    /* height: auto; */
    display: inline-block;
}
.news-details.details {
    position: relative;
    display: inline-block;
    width: 60%;
    height: auto;
    padding: 0 20px;
}
.n-date.details {
    position: relative;
}
.n-date.details span {
    display: inline;
}
.n-date.details img {
    width: 20px;
}
.n-date.details span:nth-child(2) {
    font-size: 12px;
    color: #3BC1CA;
    margin: 0 10px;
}
.news-title.details {
    padding: 0px 10px 10px 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.n-date.details {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 2%;
    width:auto;
}
.news-title.details span {
    font-size: 16px;
    font-weight: 900;
}
p.news-desc.details {
    padding: 0;
}
p.news-desc.details:after {
    content: none;
}
/**/
/*event details*/
.event-item.listing.details {
    width: 100% !important;
	padding: 10px;    margin: .9% 0%;
}
.event-description.details,.desc.details,p.news-desc.details{
    font-size: 16px;white-space: pre-wrap;    line-height: 1.7;
}
.news-link:not(.non){
	display:flex;text-decoration:none!important;align-items: center;
}
.news-link{
text-decoration:none!important;
}

/**/
/*announcement*/
.event-date.listing.announ.details {
    height: auto;
    width: 178px;
    padding: 0 0 12px 0;
}
.event-item.listing.announ.details {
    height: auto;
}

/* Contact Us */
.mapouter {
    margin: 0 auto;
    width: 100%!important;
}
.mapouter * {
    width: 100%!important;
}
#map {
        height: 400px;
        background-color: grey;display: inline-block;
      }
.Loc-Container {
    display: flex;
}
.mapdet2>div {
    display: inline-block;
    margin: 10px 106px 10px 0px;
}
.arabic .mapdet2>div {
    margin: 10px 0px 10px 106px ;
}
p.mapdet1 {
    border-bottom: 1px solid #4a4a4a;
    padding-bottom: 21px;
    margin-top: 15px;
}
.mapdet2 {
    border-bottom: 1px solid #4a4a4a;
       margin-bottom: 25px;}
ul.nav.nav-pills.nav-stacked.col-md-4 {
    box-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);display:inline-block;
    padding: 10px;
    border-radius: 4px;
    display: block;
    padding-left: 75px;    padding-top: 22px;   }
.arabic ul.nav.nav-pills.nav-stacked.col-md-4 {
padding-left:0px;padding-right:75px;
}
.arabic li.map-shifter.active.show:before{
	left:auto;right:0px;
}
li.map-shifter a.show.active {
    color: #3BC1CA !important;
}
li.map-shifter a {
    border-left: 1px solid #4a4a4a;
    padding-left: 15px;    color: #404040 !important;position:relative;trasition:all .3s ease;    height: 100%;
    display: flex;
    align-items: center;
}
li.map-shifter a:before {
    content: '';trasition:all .3s ease;
    position: absolute;
    background: url('/Style Library/GCAM/img/icons/Location-off.PNG') no-repeat;
    height: 44px;
    width: 44px;
    left: -58px;
    top: -10px;
}
li.map-shifter a.active:before {
    background: url('/Style Library/GCAM/img/icons/Location-on.svg') no-repeat;        left: -52px;
    top: -4px;

}
.arabic li.map-shifter a{
	border-left:0;border-right:1px solid #4a4a4a;    padding-left: 0px;    padding-right: 15px;
}
.arabic li.map-shifter a.active:before{
	right: -64px;left:auto;
}
.arabic li.map-shifter a:before{
	right:-58px;left:auto;
}
li.map-shifter {
    height: 36px;trasition:all .3s ease;
    margin: 13px 0;
    font-size: 16px;
    font-weight: bold;    display: flex;
    align-items: center;margin-bottom: 40px !important;

}
li.map-shifter.active.show:before {
    content: '';
    trasition:all .3s ease;
    position: absolute;
    background: #3BC1CA;
    width: 5px;
    height: 36px;
    left: 0;
}
.map.tab-pane.fade {
    display: none;
}
.map.tab-pane.fade.active {
    display: block;
}
/* FAQ */
a.FAQ{
    color: #31286B;
    font-size: 1.2rem;
    display:block;
    text-decoration: none !important;
}
li.FAQ-panel{
	list-style: decimal-leading-zero;
    font-size: 1.2rem;
    font-weight: bold;
    color: #31286B;
    margin-bottom: 1rem;
}
.panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
    margin-bottom: 0px !important;
}
.FAQ.panel-body.px-3.mb-4 {
    font-size: 1rem;
    color:#000;
    background: #f4f4f4;
    padding: 1rem;
        margin: 0px !important;
}
a.FAQ .fa-chevron-down,a.FAQ .fa-chevron-up{
float:right;
}
.arabic a.FAQ .fa-chevron-down,.arabic a.FAQ .fa-chevron-up{
float:left;
}

a.FAQ .fa-chevron-down{
display:none;
}
a.FAQ .fa-chevron-up{
display:block;
}
a.FAQ.collapsed .fa-chevron-down{
display:block;
}
a.FAQ.collapsed .fa-chevron-up{
display:none;
}
a.FAQ p{
	margin-bottom:0px!important;margin-top:10px
}
/**/
/* Content classifications */
.contentc-item.listing {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 17px;
}
.contentc-pic.listing {
    width: 16% !important;
}
.contentc-pic.listing img {
    max-width: 100% !important;
}
p.contentc-Title.listing {
    font-size: 16px;
    font-weight: 900;
    color: #31286B;
}
.contentc-details.listing {
    width: 70%;
}
.contentc-item.listing {
    margin-bottom: 10px;
   /*removesh box-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/
       border: 1px solid #D3D3D3;
    padding: 20px;
    border-radius: 10px;
}
.contentc-container.listing {
    margin-bottom: 33px;
}
.contentc-container.listing h2 {
    font-size: 1.2rem !important;
    margin-bottom: 17px;
}
/**/
/* Licenses Listing */
.Chairman-Message-Container.Licenses {
    display: inline-block;
    position: relative;

}
ul#TopSPTabs.Licenses {
    width: auto;
}
.img-CMM.Licenses img {
    width: 450px;
}
.aboutGCAM-Titles.Licenses {
    margin: 0 10px;
    width: 23%;
}
.tabs-wrapper.Licenses {
    display: inline-block;
    width: 67%;
}
.CMMDesc.Licenses {
    margin-top: 33px;
}
a.LLink:hover {
    background: #3BC1CA!important;
    color: #fff !important;
}
a.LLink {
	transition: all .3s ease;
    display: block;
    text-decoration:none!important;
    width: 100%;
    padding: 14px 10px;
    margin-top: 30px;
    border: 1px solid #3BC1CA!important;
    color: #3BC1CA!important;
    font-weight: 900;
    font-size: 14px;
}
.CMMHead.Licenses {
    margin-top: -95px;
}
ul#TopSPTabs.Licenses a {
    height: auto;
    margin: 10px 0;
}
.tab-content .tab-pane.active {
    display: inline-block;
}

.tab-content .tab-pane {
    display: none;
}
/**/
/* Survey */
.col-md-12.col-sm-12.col-xs-12.item-question h3 {
    font-size: 1.1429em !important;
    font-weight: 700;
    padding: 5px 0 10px;
    /* display: inline-block; */
}
.col-md-12.col-sm-12.col-xs-12.item-question .radio-item {
    display: block;
}
.col-md-12.col-sm-12.col-xs-12.item-question .radio-item label {
    margin: 0 5px;
}
.col-md-12.col-sm-12.col-xs-12.item-question {
    margin-bottom: 17px;
}
textarea.text-item {
    min-height: 70px;
    width: 100%;
}
input#btnsv {
    padding: 10px;
    background: #31286B;
    color: #fff;
    text-decoration: none;
    transition: .3s all ease;
    cursor: pointer;
    margin: 0 15px;
    width: 80px;
    border-radius: 3px;
}
input#btnsv:hover {
    background: #3BC1CA;
}
/**/
@media screen and (max-width:373px){
.arabic .breadcrumb-row{
	height: 100px!important;
}
}
@media screen and (max-width:700px){
   .top-footer-row, .bottom-footer-row {
    text-align: center;
}
.top-footer-row {
    margin: 0 3%;
}
.top-footer-row, .bottom-footer-row {
    padding: 23px 20px;
}
.close, .closev {
    top: 10px!important;
}
.RelatedSliderItem {
    justify-content: center;
}
.RelatedSlider .owl-stage-outer, .RelatedSliderAr .owl-stage-outer{
	margin:0!important;
}
.aboutGCAM-Titles.Licenses {
    width: 100%;
}
ul#TopSPTabs.Licenses {
    padding: 0;
}
.tabs-wrapper{
    width: 100%!important;
    padding: 5px;
}
.event-date.listing {
    width: 88px;
    }
    .Cemail {
    top: 7%!important;
    }
    .Cemail, .CPhone {
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
    width:80%!important;
    }
    .Loc-Container {
    flex-direction: column;
    }
    div#links >a {
    width: 95% !important;
    margin: 10px auto;
    }
}
/*
@media screen and (max-height:875px){
.about-back {
    display: none!important;
}
}*/
@media screen and (min-width:1023px) and (min-height:550px){
/* strt of height res */
/*.about-gcam{
	height: calc(100vh - 73px)!important;
}*/
.section.MediaCenterSection{
	 height: calc(100vh - 73px);
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
}
 .news-carousel .NewsCarCont{
    height: calc(100vh - 73px);
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
 }
 .HPbanner .owl-carousel.banner-owl-car{
    height: calc(100vh - 73px)!important;
 }
 .owl-carousel.HpBannerSlider,.HpBannerSliderAr, .HPbanner .owl-carousel .owl-stage-outer,.HPbanner .owl-carousel .owl-stage,.HPbanner .owl-carousel.owl-drag .owl-item,.HpBannerItem{
     height: 100%!important;
 }
 .GCAM-rules{
    height: calc(100vh - 73px);
}
.section.events-slider .EventCarCont{
    height: calc(100vh - 73px);
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
}
/* end of height res */

}
@media screen and (min-width:1023px){
.navigation.prepend {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999999999999999999;
    top: 0;
}
.navigation-row.prepend{
 margin-top: 73px;
}
 margin-top: 73px;
}
}
@media screen and (max-width: 1024px){
.CMMHead {
    position: relative;
    left: 0!important;
    right: 0!important;
    margin-top: 0!important;
    width: auto;
}
}
@media screen and (max-width:991px){
.pollunderlay{
    padding: 20px 10px!important;
        width: 90%!important;
}
a.poll-link{
    z-index: 99999999;
    }
html .poll-face label{
width:32%!important;
}
div#pollanswer label{
	width:100%!important;
}
.poll-face label i {
    font-size: 5vh;
    }

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    padding: 0 10px;
}
ul#TopSPTabs {
    width: 100%;
}

h1,h2,h3{
font-size: 20px !important;
}
.navbar-toggler.D-Home{
	display:none!important
}

.ms-core-listMenu-horizontalBox{
	width: 100%;
}
.navigation ul.static{
	display: inline-block;
    width: 100%;
    position: relative;padding: 0px;
}
.navigation ul.static li.static {
    width: 100%!important;
    display: inline-block!important;
    float: left!important;text-align: center;
}
.navigation ul.static li.static.hover ul.dynamic {
    z-index: 1100 !important;
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0px auto !important;
    width: 100% !important;
    left: 0px !important;
    right: 0 !important;
    top: 0 !important;
}
.HPbanner .owl-dot:before {display:none;}
.navbar-collapse{
	width: 100%;
    background: rgb(255, 255, 255);    border: 1px solid #D3D3D3;/*removeshbox-shadow: 0 3px 3px 0 #E1E1E1, 0 3px 30px 0 #E1E1E1, 0 4px 37px 0 rgba(0,0,0,0.04);*/
}
.setting-search-div {
    /* text-align: center; */
    display: flex;
    justify-content: center;
}

}
@media screen and (max-width:1023px){
.about-back {
    display: none;
}
}
@media screen and (max-width:991px){
h1.main-title {
    display: none;
}
.navbar-toggler.D-Home{
	display:none!important
}
img.m-logo {
    width: 100px;display:block!important;
}
    .top-footer-row,.bottom-footer-row{flex-direction:column;padding:23px 20px}
    .related-links-list ul {column-count: 1;padding-bottom: 15px;}
    .privacy-section {padding-bottom: 5px;}
    .vision-logo img{width:110px;}
    .logo img:nth-child(1) {display:none}
    .logo-row {padding: 10px 20px;}
    .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navigation {padding: 0px 0px!important;}
    .navbar-toggler {padding: 0px;outline: none!important;}
    .navigation .navbar-nav .nav-item .nav-link {padding: 0px 5px;font-size: 1.143em;border-bottom: 1px solid #757A80;}
    .navbar-toggler {margin: 10px 0px;}
    .navigation .navbar-nav .nav-item:last-child .nav-link {border-bottom: 0px;}
    .navigation .dropdown-menu {margin: 0px;}

    /*Banner responsive **/
    .HpBannerItem{height: 300px;}   
    .HpBannerCaption{line-height: 30px;font-size: 20px;width: auto}
    .HpBannerSliderAr .owl-dots {right:0 !Important}
    .HpBannerSlider .owl-dots,.HpBannerSliderAr .owl-dots {left: 0;text-align:center;display: inline-flex;align-items: center;text-align: center;width: 20%;vertical-align: middle;justify-content: center;padding: 3px 0px;position: absolute;bottom: 33%;}    
    .HpBannerSlider .owl-dots span,.HpBannerSliderAr .owl-dots span {border-radius: 20px;display: block;height: 12px;margin: 5px 7px;width: 12px;}
    .HpBannerSlider .owl-dot.active span,.HpBannerSliderAr .owl-dot.active span{background: none repeat scroll 0 0 #3BC1CA;}
    .HpBannerSlider .owl-dot span,.HpBannerSliderAr .owl-dot span{background: none repeat scroll 0 0 #fff;}
    .announcements-card {flex-direction: column;}
    .announcements-caption {max-width: none !important;margin-top: 25px;}
    .title-button-row a {padding: 5px 15px;}

    .surv-poll-desc,.surv-poll-title{height:auto}
    .announcements-card{flex-direction:column}
    .announcements-caption{max-width:none!important;margin-top:25px;padding-top: 10px;border-top: 1px solid #c51f2f;}
    .title-button-row a{padding:5px 15px}
    .discussionboard-survey-conatiner .row{color:#000;flex-direction:column}
    .discussion-section{flex-direction:column}
    .discussionBoard-card{margin-right:0;margin-bottom:25px}
    .discussion-section button{padding:5px 30px}
    .survey-voting{flex-direction:column}
    .survey-section{margin-right:0;margin-bottom:20px}
    .survey-section a,.voting-section a{width:100%;padding:20px 0}
    .survey-section a i,.voting-section a i{padding-bottom:15px}
    .announcement-row .announcements-slider ,.discussionboard-survey-conatiner,.container-fluid.news-events-container{padding: 20px;}
    .latest-news-slider .owl-nav, .announcements-slider .owl-nav {left: 10px;right: 10px;}
    .title-button-row ,.announcement-row .title-button-row{padding: 10px 0px;}
    .announcement-row .title-button-row{padding: 20px;}
 .HPbanner {
    height: 300px;
    position: relative;
} 
.w-mobile{
 position: absolute;
    bottom: -1px;
    height: 33%;
    width: 100%;
    background: url('/Style Library/GCAM/img/components/banner-swerve-half.png') no-repeat 100% 100% !important;
    background-size: 100% 100% !important;
    z-index: 9999; 
    }
    
    
    
 HpBannerSlider .owl-dots button.active, HpBannerSliderAr .owl-dots button.active {border-bottom:0px !important}
.HpBannerSlider .owl-dots button, .arabic .HpBannerSliderAr .owl-dots button{border-bottom:0px !important;    min-width: 1px !important;
    width: 17px; } 
.HpBannerSlider .owl-dots button.active, .arabic .HpBannerSliderAr .owl-dots button.active{
	border-bottom:0px!important
}  
.w-wave img{display:none !important}  
.w-wave {display:none;
    background: none !important;
    } 
    .top-navigation {
    top: 54px;
    z-index: 99999999;
    width: 100%;
    padding: 0px 16px;
    position: absolute;
}
.search-icon.mobile-view {
    display: block!important;
    margin-bottom: 10px;
        float: none;
    max-width100%: ;
    text-align: center;
}
.search-icon{
	display:none
}

/* about gcam responsive  */
.about-gcam{
    background: url('/Style Library/GCAM/img/components/G-design.png') no-repeat -39px 0% !important;
    background-size: 88px !important;
        margin-top: -65px;
    z-index: 999999;
    height: auto;
}
.about-details{
margin: 0!important;
    padding: 31px 30px !important
}
.about-details h2 {
    text-align: center;
    font-size: 20px;
    margin: 27px 0;
}
.about-back {
    display: none;
}
.about-details a{margin:0 auto}
/**/

/* rules responsive */
p.ricon, p.bicon {

    padding-top: 37px;
  }
p.rtext, p.btext {
    font-size: 13px;
       margin-top: 34px;
   }
.GCAM-rules {
margin: 33px auto 60px auto;
    background: none;
    width: 90%;
    }
.rules-row{height: 550px;}
.investor-g.col-md-7{height:32% !important;max-width: 100%;}
.investor-detail.col-md-4.row{height:65%!important}
p.idetails{display:none;}
span.investor-guide {
    padding: 17px 20px 0px 20px!important;display: flex !important;
    flex-wrap: wrap;
}
span.investor-guide h2{font-size:20px!important;margin: 0px;    }
p.inumber{flex: 0 0 100%;}
    p.dicon{flex: 0 0 30%;}
    p.dtext{flex: 0 0 70%;}
    p.dtext{font-size:11px!important;text-align:left!important;padding-top: 10px;
    padding-left: 7px;}
body p.inumber {
    color: #4a4a4a!important;
    font-size: 12px;
    margin: 5px 0px;
}
p.dicon {
    background: url(/Style Library/GCAM/img/icons/download.svg) no-repeat 50%;
    background-size: 38px;
    height: 53px;
    width: 38px;
    display: inline-block;
}
body.arabic .investor-detail {
    margin-right: 0!important;

}
body .investor-detail {
    margin-left: 0!important;
    max-width: 100% !important;
}
.investor-detail> a>div {
    border-radius: 4px;
}
.investor-detail> a>div:first-child {margin-top:20px}
/**/
/* news slider resp */
.NewsSliderItem{
	height: 380px!important;margin: 33px 0 0px 0;
	
}
.NewsSliderItem img {
    height: 177px!important;
}
.news-carousel .owl-stage {
     margin: 0;
}
.wrap-cust{
	justify-content: center!important;
}
.section.news-carousel .owl-stage-outer {
    height: 500px;
}
.cust-wrap, .wrap-cust {
    width: 100%;padding:0px;z-index:0!important;    height: 100%;
}
.cust-wrap{
	padding-top: 441px!important;
}
.cust-wrap * {
    display: none;
}
.NewsSlider .owl-item,.NewsSliderAr .owl-item {
    padding: 0px 42px;
}
a.view-all-n{right:13%}
.news-carousel {
        margin-bottom: 76px;
        height:500px;
}
a.view-all-n{    
	position: absolute;
    bottom: -25px;
    display: flex;
    right: 0;
    left: 0;
    }
h1.news-title {font-size:20px !important;    margin: 35px 0px 13px 0px!important;}



/**/
/* events responsive */
.event-item.listing.details{
	height:auto !important;
}

.home-e span.e-date {
    font-size: 10px;
}
.home-e p.event-title {
    font-size: 10px;
}
body .event-item.home-e {
    height: 100px !important;
    padding: 5px;
    font-size: 10px !important;
}
.home-e p.event-desc {
    font-size: 10px;
}

.event-item:not(.listing) {
height: auto!important;
    width: 80%!important;
display:block;
    float: none;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    background:#fff;
    transition: all 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); // this will add nice inertia effect upon switching DIVs
}
.event-date{text-align:left;display: flex;align-items: center;padding-bottom: 12px;}
p.event-title,p.event-desc {
    font-size: 16px;
}
.event-date * {
    float: none!important;
}
.event-date img {
    width: 42px !important;
}
span.e-date {
    font-size: 20px;
    width: 50%;
}
.event-item.neutral:not(.listing)  { transform: translateX(0%);}
.event-item.active:not(.listing)  { transform: translateX(0%);z-index:4!important}
.event-item.next:not(.listing)  { transform: translateX(100%);}
.event-item.previous:not(.listing)  { transform: translateX(-100%);}
.event-item:nth-child(1):not(.listing) {
    z-index: 3;
}
.event-item:nth-child(2):not(.listing) {
    margin-top: 10px;
    z-index: 2;
}
.event-item:nth-child(3):not(.listing) {
    margin-top: 20px;
    z-index: 1;
}
.arabic .event-container:not(.listing) {height:177px}
.event-container:not(.listing) {
    position: relative;
    height: 177px;
        background: none;
            overflow: hidden;
}
a.view-all-e {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
   }



.navigation-row {
    background-color: transparent;
}
div.logo {
    display: block;padding: 0 10px;
}
/* Gallery responsive */
h2.gal-head {
    margin-bottom: 20px!important;
    }
.section.MediaCenterSection {
    position: relative;
}
.section.MediaCenterSection a.view-all-n {
	display:inline-flex;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.Gallery-sec .js-cq-Pager.pagination {
    justify-content: center!important;
}
.Gallery-sec .js-cq-Pager.pagination {
    margin-top: 451px;
}
.Gallery-sec{
    height: 815px!important;
}
body ul.nav.nav-pills.gal-items a{
font-size: 16px;
padding: 8px 22px;
background: #FFE9E9E9;
}
body ul.nav.nav-pills.gal-items a.active {
    background: #3BC1CA;
    color: #fff !important;
}
.gal-it {
    max-width: 40%!important;
    height: 40% !important;margin:2px!important
}
/* Related Links responsive */
.RelatedSlider .owl-stage-outer, .RelatedSliderAr .owl-stage-outer{
    padding-top: 37px !important;
    padding: 0px;
    }
span.l-title {
    display: none;
}
h1.links-title {
    text-align: center;
    font-size: 20px;    padding: 20px;
}
span.plus-links {
    display: none;
}
.owl-carousel.RelatedSlider,.RelatedSliderAr{
display:block!important;padding-top: 27px;
}

/* news listing responsive */
.news-item {
    width: 100%;
    }
    
    .page-content {
    padding: 14px 0px 0px 0px!important;
}
.arabic .breadcrumb-row {
        padding: 30px 60px;
        background: url('/Style Library/GCAM/img/components/G-design-white-ar.png'), url('/Style Library/GCAM/img/Images/Capture.JPG');
    background-repeat: no-repeat;
    background-size: 61px, cover;
    background-position: right -26px top 26px,right 0px bottom;
    height: 90px;
    }
.top-side-settings {
    padding: 3px 36px!important;
}
.D-vision-logo{
display:none
}
.breadcrumb-row {
    margin-top: 90px;
    padding: 30px 60px 0px 60px;
    background: url(/Style Library/GCAM/img/components/G-design-white.png), url(/Style Library/GCAM/img/Images/Capture.JPG);
    background-repeat: no-repeat;
    background-size: 61px, cover;
    background-position: -26px 26px,100% 90%;    height: 100px;
}
.breadcrumb-section {
       font-size: 11px;
}
/**/

/*Events Listing Responsive*/
.event-item.listing{
	width:100%!important;
}
.event-container.listing{
	margin:10px
}
/*Announcements resp*/
.event-item.listing.announ{
	height:auto;
}
.event-date.listing.announ {
    flex-direction: row;
    padding: 7px;
    }
/*news details*/
.news-pic.details {
    height: 400px!important;
}
}



@media screen and (min-width:991px)and (max-width:1439px) {
.NewsSliderItem p {
    margin: 9px;
}
/*
.navigation{
	padding:0px 108px;
}
*/
.navigation ul.static li.static a.static, span.setting-icon, .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	font-size:.9vw!important;    padding: 0 7px;
}
.navigation a.dynamic{
	font-size:.9vw; 
}
span.setting-icon {
    background-size: 16px;
    }
    /*
    .HpBannerSlider .owl-dots, .HpBannerSliderAr .owl-dots{
	left:56px!important
}
.HpBannerSliderAr .owl-dots {
    right: 66px;
}

.arabic .w-wave{
	padding-right:0px!important;
}
.w-wave img {
    left: 66px;
}
.arabic .w-wave img {
    right: 66px;
    }
.arabic .b-title {
    padding: 267px 66px 0 0px!important;
}
.b-title {
    padding: 267px 0 0 66px!important;
}
.arabic .HpBannerCaption {
    padding-right: 66px!important;width: 572px;
}
.HpBannerCaption {
    padding-left: 66px!important;width: 603px;
}
.arabic a.b-link {
    margin-right: 41px!important;
    }

a.b-link {
    margin-left: 66px;
    }
    .event-container {
    background-position: -20% , 100%,61%;
}
*/
}







/* Style the Image Used to Trigger the Modal */
#myImg,#myImgv {
height: 100%;
    width: 100%;
  border-radius: 0px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover,#myImgv:hover {opacity: 0.7;}

/* The Modal (background) */
.modal,.modalv {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 11; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content,.modal-contentv {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption,#captionv {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption,.modal-contentv, #captionv { 
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close,.closev {
  position: absolute;
  top: 86px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus,.closev:hover,
.closev:focus  {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
ul#TopSPTabs {
    width: 100%;
}
.CMMHead {
    left: auto!important;
    right: auto!important;
    position: relative!important;
    width: 100%!important;
    top: 21px!important;
    margin-top: 0 !important;
}
.img-CMM img {
    width: 300px!important;
    margin: 0 auto!important;
    float: none!important;
    max-width: 100%!important;
    display: block!important;
}

.section.MediaCenterSection {
    height: 1027px;
}

  .modal-content {
    width: 100%;
  }
}
/* content page style */
.ms-rtestate-field h1{
	color: #31286B!important;
    font-family: Bukra-Regular!important;
    font-weight: 100 !important;
    font-weight: 900!important;
}
.ms-rtestate-field h2{
	font-size: 22px !important;
    color: #3BC1CA!important;
    font-family: Bukra-Regular!important;
}
.ms-rtestate-field h3{
	    font-size: 22px !important;
    color: #3BC1CA!important;
    position: relative;font-family: Bukra-Regular!important;
}
.ms-rtestate-field h3:after{
    content: ''!important;
    position: absolute!important;
    bottom: -18px!important;
    left: 0!important;
    height: 5px!important;
    width: 81px!important;
    background: #3BC1CA!important;
}
.ms-rtestate-field h4{
	 font-weight: bold!important;
    font-size: 16px!important;
    color: #444!important;font-family: Bukra-Regular!important;
}
.ms-rtestate-field p{
    font-size: 16px!important;
}
.ms-rtestate-field ul, .ms-rtestate-field ol {
    counter-reset: section;
    margin-bottom: 33px;
}
.ms-rtestate-field li{
    list-style: none;
    margin-bottom: 20px;
    font-size: 16px;
    color: #4a4a4a;
    position: relative;
    }
.ms-rtestate-field ol li:before {
    content: counter(section);
    counter-increment: section;
    width: 36px;
    height: 36px;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: -40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ms-rtestate-field ul li:before {
    content: "\2022";
    width: 36px;
    height: 36px;
    color: #4A4A4A;
    font-size: 26px !important;
    position: absolute;
    top: -6px;
    left: -40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

div[data-name="ContentPlaceHolderMain"] .ms-rtestate-field h4.ms-rteElement-H4B{
	    color: #3BC1CA !important;
    	font-size: 1.2vw;
}

/* Hover animations */
a:hover:not([class]) {
    color: #aeabb0 !important;
    text-decoration:none!important;
}
a {
    text-decoration:none!important;
}

/**/
    .social-media ul li{
        border-radius: 50%;
    position: relative!Important;
    overflow: hidden!Important;
    z-index: 1!Important;
    transition:.5s ease-in-out!Important;
    font-size: 50px;
}
.social-media ul li:before{
    content:''!Important;
    width:100%!Important;
    height:100%!Important;
    position: absolute!Important;
    top:0!Important;
    left:-100%!Important;
    background: #ccc!Important;
    z-index: -1!Important;
    border-radius: 50%!Important;
    transform: scale(0)!Important;
    transition: .3s ease-in-out!Important;
}
.social-media ul li:after{
    content:'';
    width: 50%!Important;
    height:100%!Important;
    position: absolute!Important;
    right: -100%!Important;
    top:0!Important;
    background: rgba(255,255,255,.3)!Important;
    transition:.5s ease-in-out!Important;
    transition-delay: .3s!Important;
}
.social-media ul li:hover:before{
    left:0!Important;
    transform: scale(.9)!Important;
}
.social-media ul li:hover:after{
    right:0!Important;
}
.social-media ul li:nth-child(1):before{
    background: #3b5999!Important;
}
.social-media ul li:nth-child(2):before{
    background: #0077B5!Important;
}
.social-media ul li:nth-child(3):before{
    background: #55acee!Important;
}
.social-media ul li:nth-child(4):before{
    background: #ee445f!Important;
}
.social-media ul li .fab{
    transition: .5s ease-in-out!Important;
}
.social-media ul li:hover .fab{
    color: #fff!Important;
}









/* Btn 10  */
.btn10,.view-all-n,.view-all-e,.about-details > a,.poll-link  {
     letter-spacing: 1px;
    color: #fff;
    cursor: hand;
    border: 1px solid #fff;
    border-radius: 50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /*background: transparent;*/
    z-index: 10;
    text-decoration:none!important;
}

.btn10:hover,.view-all-n:hover,.view-all-e:hover,.about-details > a:hover,.poll-link:hover{
	  color: #fff!important;
}
.view-all-n::before,.view-all-e::before,.about-details > a::before,.poll-link::before {
    background: #31286B!important;
}
.btn10::before,.view-all-n::before,.view-all-e::before,.about-details > a::before,.poll-link::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #3bc1ca;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 

.btn10::after,.view-all-n::after,.view-all-e::after,.about-details > a::after,.poll-link::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn10:hover::before, .btn1O:hover::before,.view-all-n:hover::before,.view-all-e:hover::before,.about-details > a:hover::before{
	opacity:1;
	width: 116%;
}
.poll-link:hover::before{
	opacity:.3;
	width: 116%;

}
.btn10:hover::after, .btn1O:hover::after,.view-all-n:hover::after,.view-all-e:hover::after,.about-details > a:hover::after{
	opacity:1;
	width: 120%;
}
.poll-link:hover::after{
	opacity:.3;
	width: 120%;

}
/*pagination*/
/*=======Button 6============= */
.pagination a{
 /* border:1px solid transparent!important; */
   -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1)!important;
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)!important;
  position: relative;
  text-decoration:none!important;
}
/*
.pagination a::before {
  content: '';
  position: absolute;
  left: 0px;
  bottom:0px;
  z-index:-1;
  width: 0%;
  height:1px;
  background: #6098FF;
  box-shadow: inset 0px 0px 0px #6098FF;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.pagination a:hover::before {
  width:100%;
}
*/
.pagination a::after {
  content: '';
  position: absolute;
  right: 0px;
  top:0px;
  z-index:0;
  width: 0%;
  height:1px;
  background: #3BC1CA;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
.pagination a:hover::after {
  width:100%;
}
.pagination a:hover{
  border-left:1px solid #3BC1CA!important;
  border-right:1px solid #3BC1CA!important;
  padding: 0 10px !important;
  opacity: .8 !important;
  color: #31286B !important;
    font-weight: bold;
}
.loader {
    z-index: 9;
    position: fixed;
    top: 50%;
    bottom: 50%;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3bc1ca;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
/*rtl*/
[dir=rtl] [id^=spPropertyPaneContainerNoFlexbox].showPane_6e8c448e {
    left: 0;
    right: auto;
}
/*property pane*/
[id^=spPropertyPaneContainer].showPane_6e8c448e button {
    min-width: auto;
}
.propertyPaneTitleBar_afd818e5 {
    height: 50px!important;
}
.spPropertyPaneContainerNoFlexbox{
	z-index: 999999!important;
}
/*admin pannel*/
.cms-item-collapse {
width:100%;
display:inline-block;
    margin: 3px 5px;
}

.cms-item-collapse .panel-title a{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 20px;
    padding: 17px;
    border-radius: 3px;
    border: 1px solid #31286b2e;
    color: #31286b;
    text-decoration: none;
    font-weight: bold;
    transition: background .3s ease;
}
.cms-item-collapse .panel-title a:hover {
    background: #aeabb0;
}
.cms-item-collapse a i.fas{
color:#3bc1ca;margin: 0 8px;font-size:25px;
}
.cms-panel-page>div {
   display: inline-block;
    width: 43%;
    vertical-align: top;
    margin: 0 13px;
}
ul.cms-panel-links li {
    font-size: 14px;
    margin: 5px 0;
}
.arabic i.fa.fa-angle-down, .arabic i.fa.fa-angle-up{
    margin-right: auto;
}
.english i.fa.fa-angle-down, .english i.fa.fa-angle-up{
    margin-left: auto;
}
/*search*/
.ms-searchCenter-result-main {
    float: none!important;
    padding: 33px 108px;
}
h2.ms-displayInline {
    font-size: 1.46em !important;
}
#btnNext[disabled=disabled]{
	display:none;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin: 0px!important;
    padding: 0 15px;
    color: #4a4a4a;
    font-family: "Bukra-Regular";
    font-size: 1.1rem;
    font-weight: 700;
    line-height: normal;
    border: 0px;
}
/*Contact Us Form*/
h2.Contact-Form {
    display: none;
}
.GCAM-form input, .GCAM-form textarea {
    margin: 10px 0;
    border-width: 2px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.GCAM-form > label {
    font-size: 19px;
    font-weight: bold;
    color: #330170;
}
.GCAM-form button {
    margin: 10px 0;
    font-size: 15px;
    color: #fff;
    background-color: #330170;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 28px;
}
.errormsgcontainer {
    color: red;
    font-weight: bold;
    display: inline-block;
    margin: 0 20px;
}
.succsmsgcontainer {
    color: green;
    font-weight: bold;
    display: inline-block;
    margin: 0 20px;
}
.GCAM-form input, .GCAM-form textarea {
    padding: 10px;
    border: 2px solid #dedddd!important;
    margin: 0px 7px 23px 7px;
    min-height: 47px;
}
.GCAM-form input:hover, .GCAM-form textarea:hover {
    border-color: #92c0e0!important;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745!important;
}