@charset "utf-8";



@font-face {

  font-family:'DubaiW23-Regular';

  src: url('../fonts/DubaiW23-Regular.eot');

  src: url('../fonts/DubaiW23-Regular.eot') format('embedded-opentype'),

    url('../fonts/DubaiW23-Regular.woff') format('woff'),

    url('../fonts/DubaiW23-Regular.ttf') format('truetype'),

    url('../fonts/DubaiW23-Regular.svg') format('svg');

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0-10FFFF;

}



body{ font-family:MyriadPro-Regular; font-size:14px; color:#000 !important;}



.form-control::-moz-placeholder {

  color: #797979 !important;

  opacity: 1;

}

a{
  outline: 0;
}

.form-control:-ms-input-placeholder {

  color: #797979 !important;

}

.form-control::-webkit-input-placeholder {

  color: #797979 !important;

}





@font-face {

  font-family:'DubaiW23-Regular';

  src: url('../fonts/HelveticaNeue-Bold_gdi.eot');

  src: url('../fonts/HelveticaNeue-Bold_gdi.eot?#iefix') format('embedded-opentype'),

    url('../fonts/HelveticaNeue-Bold_gdi.woff') format('woff'),

    url('../fonts/HelveticaNeue-Bold_gdi.ttf') format('truetype'),

    url('../fonts/HelveticaNeue-Bold_gdi.svg#HelveticaNeue-Bold') format('svg');

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0-10FFFF;

}





@font-face {

  font-family:'DubaiW23-Regular';

  src: url('../fonts/HelveticaNeueLT-Roman_gdi.eot');

  src: url('../fonts/HelveticaNeueLT-Roman_gdi.eot?#iefix') format('embedded-opentype'),

    url('../fonts/HelveticaNeueLT-Roman_gdi.woff') format('woff'),

    url('../fonts/HelveticaNeueLT-Roman_gdi.ttf') format('truetype'),

    url('../fonts/HelveticaNeueLT-Roman_gdi.svg#HelveticaNeueLT-Roman') format('svg');

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0-10FFFF;

}



header .nav_sec{ width:100%; float:left;  padding:0; margin:0; background-color:#fff;}

header .nav_sec.white{ background-color:#fff !important; }



header .nav_sec.white .navbar-default .navbar-brand.black_logo{display: block;
                                                               padding: 0px;
                                                               margin: 15px 0px;
                                                               height: auto;}

header .nav_sec.white .navbar-default .navbar-brand.white_logo{display:none; }





header .nav_sec .navbar-default{ margin:0; background:none; border:none;  border-radius:0;}

header .nav_sec .navbar-default .navbar-brand.white_logo{ height:auto;  display:block; padding:15px 0 }   

header .nav_sec .navbar-default .navbar-brand.black_logo{display:none; }

header .nav_sec .navbar-default .navbar-brand img{ width:100%;}

header .nav_sec .navbar-nav{ float:right; margin:24px 0}

header .nav_sec .navbar-default .navbar-nav > li > a{ padding:0px 15px; font-family:'DubaiW23-Regular'; font-size:14px; color:#cccccc; text-transform:uppercase; border-right:#cccccc 2px solid ;line-height: 14px; }



header .nav_sec .navbar-default .navbar-nav > li:last-child a{border-right:none;padding-right: 0px;}

header .nav_sec .navbar-default .navbar-nav > .active > a, header .nav_sec .navbar-default .navbar-nav > .active > a:hover, header .nav_sec .navbar-default .navbar-nav > .active > a:focus{ background:transparent; color:#fff;}

header .nav_sec .navbar-default .navbar-nav > li > a:hover, header .nav_sec .navbar-default .navbar-nav > li > a:focus{ background-color:transparent; color:#fff;}

header .nav_sec .navbar-default .navbar-nav > .open > a, header .nav_sec .navbar-default .navbar-nav > .open > a:hover, header .nav_sec .navbar-default .navbar-nav > .open > a:focus{background-color:transparent; color:#fff;}



header .nav_sec.white .navbar-default .navbar-nav > li > a{ padding:0px 15px; font-family:'DubaiW23-Regular'; font-size:14px; color:#999999; text-transform:uppercase; border-right:#cccccc 2px solid;line-height: 14px;  }

header .nav_sec.white .navbar-default .navbar-nav > li:last-child a{border-right:none;padding-right: 0px;}

header .nav_sec.white .navbar-default .navbar-nav > .active > a, header .nav_sec.white .navbar-default .navbar-nav > .active > a:hover, header .nav_sec.white .navbar-default .navbar-nav > .active > a:focus{ background:transparent; color:#333333; font-weight: bold;}

header .nav_sec.white .navbar-default .navbar-nav > li > a:hover, header .nav_sec.white .navbar-default .navbar-nav > li > a:focus{ background-color:transparent; color:#333333;}

header .nav_sec.white .navbar-default .navbar-nav > .open > a, header .nav_sec.white .navbar-default .navbar-nav > .open > a:hover, header .nav_sec.white .navbar-default .navbar-nav > .open > a:focus{background-color:transparent; color:#333333;}







.section{ text-align: center;}

#menu{  position:fixed;top:0; left:0; z-index: 70;width: 100%;padding: 0;margin:0;background-color:#000;}

div#section1 {
    overflow: hidden;
}

#section1 .layer{position: absolute; z-index: 5; width: 32%; left: 34%; right:34%; top: 35%; height: 100%; z-index:99999 !important }

#section1 .layer h1 , #section1 .layer h2{ font-family:'DubaiW23-Regular'; color:#cccccc; text-transform:uppercase; line-height:60px; margin:10px 0;  width: 80%;}
#section1 .layer h2 { width: 20%; color: transparent; }
.left { float: left; }
.right { float: right;  }

#myVideo{position: absolute; z-index: 4; right: 0; bottom: 0; top:0; right:0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-image: /* our video */; background-position: center center; background-size: contain; object-fit: cover; /*cover video background */ }





.intro {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-family: arial;
    margin-top: 0%;
    top: 52.5%;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}



/********************about_sec**********************/

.about_sec{float:left; width:100%; margin:0px; padding:0px;}

.about_sec h3{font-family:'DubaiW23-Regular'; font-size:18px; color:#666666; line-height:36px; margin:8px 0; text-align:left; text-transform:uppercase}

.about_sec h3 span{font-family:'DubaiW23-Regular'; color:#999999; }

.about_sec p{font-family:'DubaiW23-Regular'; color:#999999; font-size:14px; line-height:18px; margin:0px; margin-bottom:15px; text-align:left }

.about_sec .border_right{border-right:#cccccc 2px solid}

.about_sec .subtitle {
    font-family:'DubaiW23-Regular';
    font-size: 18px;
    color: #666666;
    line-height: 22px;
    margin: 0px 0 15px 0;
    text-align: left;
}
.about_sec .subtitle span{font-family:'DubaiW23-Regular'; color:#999999; }

.about_sec .photo_right{float:right; margin:0 0 10px 10px;}



/**********corporate_philosophy_sec**************/

.corporate_philosophy_sec{float:left; width:100%; margin:0px; padding:0px;}

.corporate_philosophy_sec h3{font-family:'DubaiW23-Regular'; font-size:18px; color:#fff; line-height:36px; margin:8px 0; text-align:left; text-transform:uppercase}

.corporate_philosophy_sec h3 span{font-family:'DubaiW23-Regular'; color:#cccccc; }



/*************group_companies_sec***************/

.group_companies_sec{float:left; width:100%; margin:0px; padding:0px; }

.group_companies_sec h3{font-family:'DubaiW23-Regular'; font-size:18px; color:#666666; line-height:36px; margin:8px 0; text-align:left; text-transform:uppercase}

.group_companies_sec h3 span{font-family:'DubaiW23-Regular'; color:#999999; }

.group_companies_sec .white_bg{background-color:#fff; margin-bottom:2px;}

.group_companies_sec .star_icon{background:#fff url(../images/star_icon.png) top left no-repeat; }

.group_companies_sec .white_bg .logo_md{margin:0px 0}

.group_companies_sec .white_bg .border_left{border-left:#efefef 2px solid}

.group_companies_sec .white_bg h4{    

  font-family:'DubaiW23-Regular';
  font-size: 14px !important;
  color: #666666;
  line-height: 20px;
  margin: 10px;
  text-align: left;
}

.group_companies_sec .white_bg h4 span{color:#999999;}

.group_companies_sec p{font-family:'DubaiW23-Regular'; color:#999999; font-size:16px; line-height:30px; margin:0px; text-align:right }



/*************newsroom_sec***************/

.newsroom_sec{float:left; width:100%; margin:0px; padding:0px; }

.newsroom_sec h3{font-family:'DubaiW23-Regular'; font-size:18px; color:#fff; line-height:36px; margin:8px 0; text-align:left; text-transform:uppercase}

.newsroom_sec h3 span{font-family:'DubaiW23-Regular'; color:#cccccc; }

.newsroom_sec .news_box{background-color:#000; padding:5px 25px; margin-bottom:20px}

.newsroom_sec .news_box .subtitle{

  float: left;
  font-family:'DubaiW23-Regular';
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin: 0px;
  text-align: left;
  height: 120px;
  overflow: hidden;
  margin-bottom: 20px;

}

.newsroom_sec .news_box .subtitle span{font-family:'DubaiW23-Regular'; color:#c9c9c9; }

.newsroom_sec .news_box .logo_md{float:left; margin:6px 0}

.newsroom_sec .news_box a{float:right;font-family:'DubaiW23-Regular'; color:#c9c9c9; font-size:14px; text-decoration:none; margin-bottom:5px }

.newsroom_sec .md_5{margin:0 -25px}

.newsroom_sec .pd_5{padding:0 25px}



/***************contact****************/

.contact_sec{float:left; width:100%; margin:0px; padding:0px; }

.contact_sec h3{font-family:'DubaiW23-Regular'; font-size:18px; color:#666666; line-height:36px; margin:8px 0; text-align:left; text-transform:uppercase}

.contact_sec h3 span{font-family:'DubaiW23-Regular'; color:#999999; }

.contact_sec .white_bg{background-color:#fff; padding:15px;}

.contact_sec .white_bg .map{height:350px; margin-top: 10px;}

.contact_sec .white_bg p{
  font-family:'DubaiW23-Regular';
  color: #999999;
  font-size: 16px;
  line-height: 20px;
  margin: 0px;
  text-align: left;
  margin-top: 15px;}

.contact_sec .title{font-family:'DubaiW23-Regular'; color:#999999; font-size:18px; line-height:30px; text-align:left; margin-bottom:10px}

.contact_sec .title i{color:#999999; font-size:30px; line-height:30px;  margin-right:10px; float:left}

.contact_sec p{font-family:'DubaiW23-Regular'; color:#999999; font-size:14px; line-height:18px; margin:0px; text-align:left; }



.scrolloff {

  pointer-events: none;

}

#pp-nav { display: none; }


img.img-responsive.logo_md {
  width: 220px;
}


.grey-text{

  color: #cccccc;
  margin-top: 16px;
}

.bot-mar{
  margin-bottom: 0px !important;
}


.social-height {
  min-height: 250px;
  margin-bottom: 5px !important;
}


.popup_box_area{margin:0px; padding:0px; background:#000;width: 50%;margin: 0 auto;}

.popup_box_area h3{float: left; font-family:'DubaiW23-Regular'; color: #666666; line-height: 36px; margin: 0px; text-align: left;}
.popup_box_area .subtitle{float: left; font-family:'DubaiW23-Regular'; font-size: 14px; color: #999999; line-height: 20px; margin: 0px; text-align: left;}

.fancybox-skin{background: #000 !important;}


.popup_box_area .subtitle span{font-family:'DubaiW23-Regular'; color:#c9c9c9; }

.popup_box_area .subtitle {
  float: left;
  font-family:'DubaiW23-Regular';
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin: 0px;
  text-align: left;
  margin-bottom: 20px;
}


/*Loader*/


.loading-img {
  width: 25%;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
}

.loading{
  background: #000;
  position: absolute;
  z-index: 999999;
  width: 100%;
  height:100%;
}

.loader {
  width: 100%;
  height: 1.5em;
  overflow-y: hidden;
  overflow-x: hidden;
  margin: 0 auto 1.5rem;
}
.inner {
  animation: slide 6s infinite;
}
.loader i {
  display: inline;
  text-align: right;
}
.loader i:first-of-type {
  visibility: hidden;
}
.loader i:not(last-of-type) {
  animation: loader 6s infinite;
}

@keyframes loader {
  0% {
    letter-spacing: 8em;
  }
  45% {
    letter-spacing: 0;
  }
  55% {
    letter-spacing: 0;
  }
  100% { 
    letter-spacing: 12em;
  }
}

@keyframes slide {
  0% { margin-left: -100%; }
  50% { margin-left: 45%; }
  100% {margin-left: 100%; }
}

ul.social {
  padding: 0;
  margin: 0px 0; 
}
ul.social li {
  padding: 0;
  margin: 0 3px 0 0px;
  display: inline-block; 
}
ul.social li a i {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
    background-color: #feb900;
    text-align: center;
    border-radius: 50%;
}
ul.social li a:hover i {
  color: #fff;
  text-decoration: none; 
}

ul.social li.facebook i{
  background-color: #3b5998;
}
ul.social li.twitter i{
  background-color: #00aced;
}
ul.social li.youtube i{
  background-color: #bb0000;
}
ul.social li.linkedin i{
  background-color: #007bb6;
}
ul.social li.google-plus i{
  background-color: #dd4b39;
}
ul.social li.instagram i{
  background-color: #517fa4;
}
ul.social li.pinterest i{
  background-color: #cb2027;
}

/* Naaz Edits 28 april */

.assim {
    float: left;
}

.pad-right-0{
  padding-right: 0px !important;
}

.social li :hover {
    opacity: .8;
}


.show-mobile{
  display: none!important;
}

.hide-mobile{
  display: block!important;
}

.manifesto-wrapper{

  border: 10px solid #000;

  margin: 5px;
  padding:5px;
  margin-bottom: 20px;
  background: url("../images/mani-bg.png");
  background-size: 100% 100%;
}


.manifesto{
  text-align: center;

}

.pad-1{
    padding-top: 10px;
}

.pad-2{
  padding-top: 20px;
}

input {
    width: 100%;
    padding: 2px !important;
    padding-left: 5px !important;
    border: 1px solid #ccc;
    color: #ccc;
}

textarea {
    padding: 2px !important;
    padding-left: 5px !important;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 30px;
    color: #ccc;
}

input[type="submit"] {
    background: #000;
    color: #ccc;
    text-transform: uppercase;
    width: 100%;
    bottom: 0;
    border: none;
    padding: 5px !important;
    margin-top: 85px;
}

input[type="submit"]:hover{
  opacity: .8;
}

.contact-form {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.marg-top{
  margin-top: 130px !important;
}

.marg-news {
    margin-top: 500px;
}

.md_5 {
    margin-bottom: 100px !important;
}

video.manifesto-vid {
    display: block;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 80%;
    margin: 0 auto;
}

.language-bar {
    position: absolute;
    right: 5px;
    color: #cccccc;
    top: 5px;
}

.language-bar a {
    color:#cccccc;
}


.no-pad {
    padding: 0;
}