/*================================
    Author's Custom Stylesheet
  ================================ */

@font-face {
  font-family: 'GESSTwoMedium-Medium';
  src: url('gesstwomedium-medium.eot');
  src: url('gesstwomedium-medium.woff2') format('woff2'),
       url('gesstwomedium-medium.woff') format('woff'),
       url('gesstwomedium-medium.ttf') format('truetype'),
       url('gesstwomedium-medium.svg#GESSTwoMedium-Medium') format('svg'),
       url('gesstwomedium-mediumd41d.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: '33535gillsansmt';
    src: url('33535gillsansmt.eot');
    src: local('33535gillsansmt'), url('33535gillsansmt.woff') format('woff'), url('33535gillsansmt.ttf') format('truetype');
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../html/fontawesome-webfont3e6e.html?v=4.7.0');
  src: url('../html/fontawesome-webfontd41d.html?#iefix&v=4.7.0') format('embedded-opentype'), url('../html/fontawesome-webfont3e6e-2.html?v=4.7.0') format('woff2'), url('../html/fontawesome-webfont3e6e-3.html?v=4.7.0') format('woff'), url('../html/fontawesome-webfont3e6e-4.html?v=4.7.0') format('truetype'), url('../html/fontawesome-webfont3e6e-5.html?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Conv_Optima-Thin';
    src: url('../html/optima-thin.html');
    src: local('☺'), url('optima-thin.woff') format('woff'), url('optima-thin.ttf') format('truetype'), url('optima-thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Conv_CALIBRI_1';
    src: url('../html/calibri_1.html');
    src: local('☺'), url('../html/calibri_1-2.html') format('woff'), url('../html/calibri_1-3.html') format('truetype'), url('../html/calibri_1-4.html') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'GillLightSSiLight';
  src: url('gilllightssilightd41d.eot?#iefix') format('embedded-opentype'),  url('gilllightssilight.woff') format('woff'), url('gilllightssilight.ttf')  format('truetype'), url('gilllightssilight.svg#GillLightSSiLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('myriadpro-regulard41d.eot?#iefix') format('embedded-opentype'),  url('myriadpro-regular.otf')  format('opentype'),
         url('myriadpro-regular.woff') format('woff'), url('myriadpro-regular.ttf')  format('truetype'), url('myriadpro-regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;

}
body {
    line-height: 1;
    font-family: 'Conv_Optima-Thin';
    background: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    background: transparent;
}


/* New Styles May 3 2018 Starts */

.imgslide-style-2 {
    float: right;
    width: 100%;
    padding: 5px;
    border: 1px solid #155690;
}

.project-sub-right{
    max-width:161px;
}

.pro-thumb-slide button {
    border: none;
    background: transparent;
    color: #112469;
}


.chair-new-left {
    width: 28%;
    float: left;
    padding: 0 2% 0 0%;
}

.chair-new-right {
    width: 70%;
    float: left;
}
.chair-new-big {
    width: 70%;
    float: left;
}


.button-style-footer {
    background: #aeaeae;
    width: 228px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    height: 42px;
    border: 0;
    margin-top: 17px;
}

.hr-logos .imgslide-style-2 img {
    height: 108px;
}

.hr-logos {
    width: 25%;
    padding-left: 0px;
}


.csr-detail-wrap{
    width:100%;
    float:left;
    margin:0px;
    padding:5px;
    border: 1px solid #dfdfdf;
    background: #f8f8f8;
    margin-bottom: 15px;
    
}

.crs-image{
    width:30%;
    float:left;
    margin:0px;
    padding: 12px 7px 12px 7px;
}

.crs-image img {
    width: 100%;
    float: left;
}

.crs-text{
    width:68%;
    float:left;
    margin:0px;
    padding:2%;
    
}

.crs-text p{
 
    font-size: 15px!important;;
    float: left;
    text-align: left;
    line-height: 18px!important;;
    margin-top: 7px!important;
    
 
}

.crs-text h1{
    font-size:18px;
    float:left;
    text-align:left;
    font-weight:bold;
    color: #203b70;
}


.coporate-gov p {
    margin-bottom: 17px;
}

.chair-box {
    width: 100%;
    background: url(chariman_image.jpg) no-repeat left;
    height: 168px;
    float: left;
    padding: 20px;
}

.chair-box p{
 color: #fff!important;
    margin-top: 26px;
}

.chair-box h1{
    color:#fff!important;
    font-weight:bold;
    margin-top: 30px;
}

.menu_head{
    color: white!important;
}

.grey-bg-app {
    background: #aeaeae;
    width: 250px!important;
    text-align: center;
    margin: 0 auto;
    float: none!important;
}

.grey-bg-app h3{
    min-width: 145px!important;
}

.reports-box p {

    color: #fff !important;
    padding: 0 10px 11px 10px;
    float: left;
    text-align: center;

}

.reports-box p a {

    color: #fff !important;
    padding: 0 10px 11px 10px;
    float: left;
    text-align: center!important;
    font-weight:bold;

}

.reports-box h1 {

    color: #fff !important;
    padding: 0 10px 11px 10px;
    float: left;
    text-align: center!important;
    font-weight:bold;

}


.reports-box {

    background: none repeat scroll 0 0 #47555E;
    float: left;
    height: auto;
    margin: 1px 17px 20px 0;
    margin-left: 0px;
    margin-left: 0px;
    width: 204px;
    text-align: center;
    padding: 11px 0 0 0;
    min-height: 223px;

}


.reports-box a img {

    text-align: center;
    float: none;
    margin: 0 auto;
    display: inline-block;

}


.financial-highlights select {
    border: 1px solid #203b70;
    width: 110px;
    padding: 5px 11px;
    float: right;
    margin-right: 9px!important;
    margin-top: 0px!important;
    position: relative!important;
    top: 0px!important;
}
.filter-style-list {
    width: 50%;
    float: right;
    margin: -48px 0 0 0;
}

.an-content {
    padding: 20px 15px 20px 15px;
    float: left;
    height: 251px!important;
}

.announcment h2{
    margin: 0px;
    padding: 22px 0 23px 11px;
    background: #fff;
}

.latest-offers {
    padding: 0;
    background: #e3e3e3!important;
}


.news-con .nav-tabs {
    border: none!important;
    float: left;
    width: 100%;
    display: inline-block;
    margin: 0 0 0 15px;
}

.news-con{
    padding: 0 0 36px 0!important;;
}

.news-con .nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    border-bottom: solid 1px #346697;
    border-left: solid 1px #346697;
    border-radius: 0px;
}

.news-con .nav-tabs > li:last-child{
     border-right: solid 1px #346697!important;
}

.news-con .nav-tabs > li.active > a{
    background: #014886;
    color: #fff;
    border-bottom: solid 1px #346697!important;
    border-left: solid 1px #346697!important;
    border-top: none!important;
    border-right: none!important;
    padding: 10px 19px 11px 19px!important;
}

.news-con .nav-slider {
   text-align: left!important;
    margin: 0 0 0 15px!important;
    border: solid 1px #346697;
    float: left;
    width: calc(34% + 29px)!important;
    padding: 0px 0 0px 0!important;
}

.news-con .nav-slider .dot{
    border-right: solid 1px #346697;
    border-radius: 0;
    padding: 3px 0px 4px 0px;
    float: left;
    height: auto;
    margin: 0px 0px 0 1px;
    font-size: 12px;
    text-align: center;

}

.news-con .nav > li > a{
    padding: 10px 19px;
}

.contactUSDIV.row {
    border: solid 1px #acacac;
    clear: both;
    margin: 0;
    padding: 20px;
        margin-bottom: 30px;
}
.contact-box-inner.box-text {
    min-height: 100px;
}

 @media(max-width:500px){
    
    
    
    .hr-logos .imgslide-style-2 img {
    height: auto!important;
}

.hr-logos {
    width: 100%;
}

    
    
    
        .crs-image{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}


.crs-text{
    width:100%;
    float:left;
    margin:0px;
    padding:0%;
}
    
    
    
    .news-con .nav-slider{
         margin: 10px 0 0 0px!important;
    border: solid 1px #346697;
    float: left;
    width: 100%!important;
    }
    
    .news-con .nav-tabs{
        margin: 0 0 0 0px!important;
    }
    
}






.back {
    width: 100%;
    float: left;
}

.legal-logos {
    width: 18%!important;
    margin: 0 1% 0 1%;
}

.innerpage {
    float: left;
    width: 100%;
}

/* Project Details thubnai css starts */

.pro-detail-gal-wrap{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}



.pro-detail-item{
    width:23%;
    float:left;
    margin:0 1% 2% 1%;
    padding:0px;
    position:relative;
}

.pro-detail-item ul{
    width:100%;
    float:left;
    margin:0px;
    padding:10px!important;
    list-style:none;
    border:solid 1px #dddcdc;
    overflow:hidden;
    min-height: 128px;
    max-height: 128px;
      padding-top:7px !important;
    
}

.pro-detail-item ul li{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
    list-style:none;
        
}

.pro-detail-item   h1{
    color: #336699;
    font-family: opt;
    font-size: 19px;
    float: left;
    padding: 4px 0 5px 0;
    text-align: left;
    text-transform: capitalize;
    font-family: 'Conv_Optima-Thin';
    font-weight: normal;
    list-style: none;
}

.pro-detail-item ul li img{
    width:100%;
    height:auto;
    max-height: 102px;
    min-height: 102px;
}

.pro-detail-item .slick-arrow{
    position:absolute;
    top:40%;
    z-index:9;
    left:0;
    color: #336699;
    border: none;
    background:none;
    content:" ";
}

.pro-detail-item .slick-arrow:focus{
    outline:none;
}

.pro-detail-item .slick-next{
      right: -20px!important; 
     left: unset!important;  
 background: url(arrow1.png) no-repeat 0px 2px;
    content: "";
    font-size: 0px;
    height: 21px;
    width: 30px;
    background-color:rgba(255, 255, 255, 0.2);
 
}

.pro-detail-item .slick-prev {
    left: 0px;
    background: url(arrow2.png) no-repeat 0px 2px;
    content: "";
    font-size: 0px;
    height: 21px;
    width: 30px;
    background-color:rgba(255, 255, 255, 0.2);
}



/* Project Details thubnai css ends */


  @media(max-width:768px){
     
     .pro-detail-gal-wrap > ul > li{
        width: 47%!important;
     }
     
     .pro-detail-item>ul{
         min-height: 179px!important;;
     }
    
    
      
  }

 @media(max-width:500px){
    
         .pro-detail-gal-wrap > ul > li{
         width: 100%!important;;
         margin:0px;
     }
     
     .pro-detail-item > ul{
         min-height: 179px!important;;
     }
    
}




/* ---- ---  */

.legal-logos {
    width: 18%!important;
    margin: 0 1% 0 1%;
}

.service-slides-new > .slick-arrow:focus{
    outline:none;
}

.service-slides-new > .slick-arrow {
    position: absolute;
    bottom: -25px;
    background: transparent;
    border: none;
    color: #2a5393;
}

button.slick-next.slick-next {
    left: 79px;
}


.folder2 {
    width: 30%;
    float: left;
    text-align: center;
    margin: 5px 0 16px 0;
    min-height: 134px
}

.folder2 h1 {
    width: 100%;
    text-align: center!important;
    float: left;
    margin: 12px 0 0 0;
}

.contact-box-inner-map {
    width: 40%;
    float: left;
}

.contact-box-inner {
    float: left;
    width: 60%;
    min-height: 253px;
}

.contact-box-inner p,h1{
    text-align: left!important;
    float: left!important;
    width: 100%!important;
}

.gallery-wrap {
    width: 100%;
    float: left;
}

.gallery-menu {
    width: 100%;
    float: left;
    margin: 0px;
}

.gallery-menu-box {
    width: 50%;
    float: left;
    padding: 17px 0 0 0;
}

.gallery-menu-itm, .gallery-menu-itm2 {
    width: auto;
    float: left;
    margin: 0 27px 0px 0;
    text-transform: uppercase;
}
div#ctl00_ctl15_panelGalSearch {
    width: auto;
    float: right;
}

.search-gal>input {
width: 180px;
    float: left;
    height: 37px;
    border: solid 1px #155690;
    padding: 0px 0 0 10px;
    color: #155690;
}

.ds {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.search-but-gal {
    width: auto;
    float: right;
    margin: -3px 0 0 0;
}

.search-gal {
    width: 223px;
    float: right;
}
.search-but-gal {
    width: auto;
    float: right;
    margin: 0px 0 0 0;
}
.ds {
    width: 215px;
    float: left;
    margin: 10px 0 0 0;
    text-align: left;
     
}

span.ds {
    float: left;width:auto;margin-right: 10px;
}

.ds a {
line-height:20px;
}

.foldername{
    color:#112469!important;
}

.evets-left{
    margin-left:0 1% 0 1%!important;
}

.cont-left-inner-box-new-events {
    width: 100%;
    float: right;
    margin: 0 0 17px 0;
}

.cont-left-inner-box-new-events .styleThese {
    float: right!important;
    margin: 0 0 0 21px;
    padding: 0 10px 0 10px;
    width: 213px;
    height: 37px;
    font-family: gilllight;
    background: #47555E;
    color: #337ab7;
}

a.YouTubePrev {
    margin: 0px;
    padding: 0px;
    line-height: normal;
    top: 0px;
    text-align: center;
    float: left;
    width: auto;
}

#PaginationList li {
    margin: 0px;
    float: left;
    width: auto;
    padding: 0 0 0;
    line-height: normal;
}

ul#PaginationList {
    width: 100%;
    float: left;
}
.videogallery a {
    width: 46%;
    float: left;
    text-align: center;
    margin: 0 2% 0 2%;
    height: 220px !important;
    overflow: hidden;
}

.videogallery a h5 {
    text-align: center;
    margin: 12px 0 0 0;
    padding: 0px;
    float: left;
    width:100%;
}

.cou-list2 table {
    margin: 0px 0 7px 0!important;
    padding: 0 0 9px 0;
    min-height: 57px!important;
    float: left;
}

.evets-left{
}
.events-box {
    margin: 0 1% 2% 1%!important;
    float: left;
    width: 23%!important;
    text-align: center;
    border: solid 1px #acacac;
    padding: 2%;
    height: 260px;
}
.events-box:hover{
    border: solid 1px #9f9f9f;
    
}

.events-box img {
    width: 100%;
    max-height: 156px;
}
.events-box p {
    width: 100%;
    float: left;
    text-align: center;
    margin: 6px 0 0 0;
    line-height: normal;
}

#gallery1 {
    width: 25%;
    float: left;
}
#gallery {
    width: 100%;
    float: left;
}
.plan-layout-4 {
    width: 25%;
    float: left;
}

.project-sub-right img{
     
    float:left;
     
}
.project-sub-left {
    width: 70%;
    float: left;
    padding: 0 70px 0 0px;
}

.project-sub {
    width: 100%;
    float: left;
}

.project-sub-right {
    float: right;
    width: 30%;
    text-align: right;
    padding:70px 0 0 0;
}

.pro-region a {
    width: 100%;
    float: left;
    padding: 0;
}

.pro-region>h1{
    margin: 0px;
    padding: 14px 0 0 11px;
}
.pro-region>p{
 margin: 0px;
    padding: 0px 14px 0 11px;
}
.pro-region img {
    width: 100%;
}

.abc {
     width: 50%;
    float: left;
    background: #f2f2f2;
    max-height:147px;
}

.abc>.pro-region {
    width: 50%;
    float: left;
}

.pro-region {
    width: 25%;
    float: left;
}

.serv-box {
    width: 100%;
    float: left;
}
.left-area ul li {
    width: 100%;
    float: left;
    //padding: 5px 0 5px 0;
    list-style:disc;    
    list-style-position: inside;
    margin:4px 0 4px 0;
	font-family: '33535gillsansmt';
    font-size: 15px;
    color: #616161;
}

}
.youtube-channel .left-area ul li {list-style:none!important;}
.servicelist
{
    list-style: inherit;
    list-style-type: disc;
    list-style-position: inside;
}
.left-area ul {
    width: 100%;
    float: left;
    //margin: 0 0 30px 0;
}
ul#accordion {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

#accordion li{
     width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    background-color:#ededed;
    padding:10px;
    margin-bottom:10px;
    cursor: pointer; 
}

#accordion li:hover {
background-color: #336699; 
color:#ffffff;   
}

ul#accordion1 li{
background:none !important;
padding-top:0px !important;
list-style:none;
}

ul#accordion1 li:hover{
background:none !important;
color:#000000 !important;
}

#accordion li li {
 margin-bottom:0px;   
}
#336699
.serv-box>#container {
    top: 0px!important;
    margin: 23px 0 0 0;
}

.cont-left-inner-box-new select {
    width: 100%;
    padding: 5px 0 5px 11px;
    float: left;
    border: solid 1px #155690;
    margin-bottom: 10px;
}

.validation-msg {
    text-align: left;
    width: 100%;
    position: relative;
    margin: 0px 0 0 0;
    display: inline;
    color: red;
    margin-top:7px;
}
.stay-connected .validation-msg{
    display: inline-block !important;
    margin-top:0px !important;
    text-align:center;
}

label.label_name_style {
    width: 100%;
    float: left;
    margin: 4px 0 10px 0px;
    padding: 0px;
}

.cont-left-inner-box-new input {
    width: 100%;
    float: left;
    height: 37px;
    border: solid 1px #155690;
    padding: 0px 0 0 10px;
    color:#155690;
    margin-bottom:10px;
}

.cont-left-inner-box-new_text textarea {
width: 96%;
    float: left;
    height: 82px;
    border: solid 1px #155690;
    padding: 9px 0 0 10px;
    color: #155690;
    margin-bottom:10px;
}

.buts input {
    width: 72px;
    background: #155690;
    color: #fff;
    border: none;
    padding: 10px 16px 10px 16px;
}

.cont-left-inner-box-new {
    float: left;
    width: 30%;
    margin: 10px 3% 9px 0%;
    min-height: 134px;
    
}
.buts input.btnImagePadd{
padding:0;
}
.text_area_address{
    width:100%;
        border: solid 1px #155690;
}
.cont-left-inner-box {
    width: 100%;
    float: left;
}

.cont-left-inner-box-new_text {
    width: 100%;
    float: left;
}

.cont-left-inner-box-new_butn{
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

.credit-img-wrap {
    width: 100%;
    float: left;
}

.credit-img-wrap>img {
    width: 62%;
    height: 100%;
    text-align: right;
    float: right;
    margin:0px;
}

.credit-img-wrap>a{
        width: 26%;
}

.credit-img-wrap>a>img{
    width:100%;
}

.credit-img-wrap a span {
    width: 100%;
    float: left;
}

.navbar-nav > li > .dropdown-menu{
    border: solid 1px #d6d6d6;
    border-radius: 0px;
    padding: 0px;
}

.navbar-nav > li > .dropdown-menu li{
    border-bottom: solid 1px #d6d6d6;
    border-radius: 0px;
    padding: 0px;
}

.navbar-nav > li > .dropdown-menu li:last-child{
    border-bottom:none;
}
.dropdown-menu .dropdown-menu{
    padding: 0px;
    border: solid 1px #d6d6d6;
    border-radius: 0px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0d1e58;
}

.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #0d1e58;
  border-color: #8c8c8c;
}
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #0d1e58;
  border-color: #adadad;
}

.dropdown-menu > li.open > a{
    color: #fff!important;
  background-color: #0d1e58!important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    color: #fff;
    text-decoration: none;
    background-color: #0d1e58;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #fff!important;
    text-decoration: none;
    background-color: #0d1e58!important;
}



.navbar-collapse.collapse{
    text-align:center;
}
.navbar-nav {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
    display: inline-block;
}

.dropdown-menu{
background-color: #112469;
}

.dropdown-menu > li > a{
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px 10px 17px;

}

.reports-boxNew{
    width: 23%;
    float: left;
    background-color: #47555e;
    padding: 1%;
    margin: 0 1% 2% 1%;
    min-height: 267px;
}

.reports-boxNew:hover{
    background-color:#374046;
}

 .reports-boxNew a{
    width:100%;
    float:left;
}
 .reports-boxNew a img{
    width:100%;
    float:left;
    height: 200px;
}

 .reports-boxNew h6{
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    height: 50px;
    display: table;
}


.reports-boxNew h6 a {
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
 





.reports-box2{
       width: 23%;
    float: left;
    background-color: #47555e;
    padding: 1%;
    margin: 0 1% 2% 1%;
    min-height: 267px;
}

.reports-box2:hover{
    background-color:#374046;
}
.share-iframe iframe {
    border: medium none !important;
    float: left;
    height: 305px;
    margin-top: auto;
    width: 978px;
}
 .reports-box2 a{
    width:100%;
    float:left;
}
 .reports-box2 a img{
    width:100%;
    float:left;
    height: 200px;
}

 .reports-box2 h6{
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    height: 50px;
    display: table;
}


.reports-box2 h6 a {
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
 
.droplist-wrap {
    width: 100%;
    float: right;
    text-align: right;
    position: relative;
    top: -40px;
    z-index: 99;
}

.line2 {
    height: 2px;
    border-bottom: 1px dashed #616161;
    width: 100%;
    float: left;
    margin: 20px 0;
}

.year-selected-style{
    display: none;
}

.droplist-wrap select {
    width: 129px;
    padding: 5px 10px 5px 10px;
    background-color: #fff!important;
}


.ceo-msg-txt {
    width: 66%;
    float: left;
    padding: 0 0 0 4%;
}

.shapping2 {
    width: 30%;
    float: left;
    padding:0  0 0 0;
}

.shapping2 img {
    width: 100%;
    height: auto;
}

.shapping2 h1 {
    color: #112469;
    font-size: 25px;
    font-weight: 100;
    margin: 24px 0 0 0;
    line-height: normal;
}


.year-selected-style{
    display:none;
}

.awards-p-wrap {
   width: 100%;
    height: 91px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
        margin-bottom: 15px;
     
}

.awards-box-wrap a {
    text-align: center;
    float: left;
    width: 100%;
}
 
.awards-p-wrap p {
    color: #fff!important;
    font-size: 14px!important;
    line-height: normal;
    text-align: center;
    float:left;
}

.reports-box-awards {
    width: 20%;
    background: #47555e;
    margin: 0 2% 0 2%;
    margin-bottom: 2%;
    min-height: 200px;
    padding: 1%!important
}

.reports-box-awards img {
    width: 100%;
    height: auto;
}


 @media(max-width:500px){
        .legal-logos {
    width: 100%!important;
    margin: 0 0% 0 0%;
}
    .credit-img-wrap>img{
        width: 100%;;
        margin:0px;
        padding:0px;
    }
    
        .credit-img-wrap>img{
        width: 100%;;
        margin:0px;
        padding:0px;
    }
    
    .credit-img-wrap>a {
    width: 100%;
}
    
    
.cont-left-inner-box-new {
    float: left;
    width: 100%!important;
    margin: 0 0% 0 0%;
}
    
    .reports-boxNew{
        width: 100%;
    }
    .reports-box2{
        width: 100%!important;
    }
    
        .events-box img {
    width: 100%;
    max-height: 238px!important;
}
    
    .events-box{
        width: 100%!important;
        height: auto!important;
    }
    
    }
    
     @media(max-width:768px){
    
    .events-box img {
    width: 100%;
    max-height: 238px!important;
}
    
    .events-box{
        width: 48%!important;
        height: auto!important;
    }
    
        .legal-logos {
    width: 48%!important;
    margin: 0 1% 0 1%;
}
    
    .pro-region {
    width: 100%!important;
    float: left;
}
    
    .abc {
    width: 100%!important;;
    float: left;
    background: #f2f2f2;
}
        
        .cont-left-inner-box-new {
    float: left;
    width: 47%;
    margin: 0 3% 0 0%;
}
        
    .dropdown-menu > li > a {
    color: #fff!important;
        text-align: center;
}
    
    .gallery-menu-box {
    width: 100%;
    margin: 0 0 14px 0;
    float: left;
    padding: 17px 0 0 0;
}
    
    div#ctl00_ctl15_panelGalSearch {
    float: right;
    width: 100%;
}
    
    .ds{
        width: auto!important;
    }
    
    .reports-boxNew{
        width: 100%!important;
    }
    
    .reports-box2{
        width: 100%!important;
    }
    
    .dwnld-part {
    width: 100%!important;
    float: left;
    margin: 0 0 16px 0;
    padding: 0px;
}
    .rule-list{
            margin: 0!important;
    }
    
    
    .reports-box-awards {
    width: 100%!important;
    background: #47555e;
    margin: 0 2% 0 2%;
    margin-bottom: 2%;
    min-height: 200px;
    float: left!important;
}
    
.awards-p-wrap {
    width: 100%!important;
    height: 91px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
        float:left;
}
    
    .contact-box-inner {
    float: left;
    width: 100%!important;
    min-height: 253px;
}
    
    .contact-box-inner-map {
    width: 100%!important;
    float: left;
}
    
    a.more {
    float: left;
    /* width: 130px; */
    margin-bottom: 22px;
    margin-right: 0!important;
    height: 175px;
    text-align: center;
}
    
    
    
    .reports-box2 a img {
    width: 100%;
    float: left;
    height: 293px!important;
}
    
    .cont-left-inner-box-new-events .styleThese{
        margin: 0 0 17px 21px;
            width: 100%!important;
    }
    
}



/* New Styles May 3 2018 ends */











/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {padding: 0; margin: 0;}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}

.body-bg {
    background:url(../html/body-bg.html) center 70px no-repeat;
    /*background-size:cover;*/
    background-attachment:fixed;
}
a {
    outline:none !important;
}

a:hover {text-decoration: none;}

.full-width {
    float:left;
    width:100%;
}

h3 {
    margin-top:15px;
    font-family: '33535gillsansmt';
    font-size: 22px;
    float: left;
    width: 100%;
    color: #203b70;}

h2 {
    
    font-family: 'GillLightSSiLight';
    font-size: 28px;
    color: #203b70;
    margin: 15px;
    float: left;
    width: 100%;
    margin-top: 25px;
    text-transform: uppercase;
    }

h2 span {font-weight: bold;}
    
     p {font-size: 15px;
    color: #000;
    font-family: '33535gillsansmt';
    line-height: 20px;
    margin-top: 15px;   
    float:left;
    width: 100%;
}

label { font-family: 'Conv_Optima-Thin';
    font-size: 14px;
    color:#666666; float:left; width:100%; margin:15px 0;}
    
input, select, textarea {border-radius:0; margin-bottom:10px;}  

select {-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background:url(arrow-down.png) no-repeat 90% center !important;
    text-indent: 0.01px;
    text-overflow: "";
    line-height:25px;}



ul li {list-style: none;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 select::-ms-expand { display: none;} 
}

/ IE 9 only /

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
 select::-ms-expand { display: none;} 
}
/*=========================
        Header section
  =========================*/
  
  @media(max-width:1024px){
      .rule-list ul li {
    width: 48%!important;
      }
      
  }
  
  
   @media(max-width:768px){
      .rule-list ul li {
    width: 48%!important;
      }
      
      .rule-list{
          width: 100%!important;
      }
      
  }
  
   @media(max-width:500px){
      .rule-list ul li {
        width: 100%!important;
      }
      
      .rule-list{
          width: 100%!important;
      }
      
      .dwnld-part {
    width: 30%;
    float: none; 
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
}
      
  }
  
  .rule-wrap{
      width:100%;
      float:left;
      margin:0px;
      padding:0px;
  }
  
  .dwnld-part{
       width:30%;
      float:left;
      margin:0px;
      padding:0px;
  }
  
  .rule-list{
      width:68%;
      float:left;
      margin:0 0 0 2%;
      padding:0px;
  }
  
   .rule-list ul{
       width:100%;
      float:left;
      margin:0px;
      padding:0px;
      list-style:none;
   }
   
 .corp-res .imgslide-style img{
      width:100%;
  }
   .rule-list ul li{
       width:30%;
      float:left;
      margin: 0 1% 0 0;
      padding: 0 10px 0 10px;
      list-style:none;
          
          display: table;
     height: 77px;
         margin: 0 1% 11px 0;
         background: #112469;
      
   }
   
   .rule-list ul li:hover{
       background:#0d1e5b;
   }
   
   .rule-list ul li a p{
width: 100%;
    float: left;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    margin:0px;
    padding:0px;
    text-transform: uppercase;
   }
   
 .rule-list ul li a {
    display: table-cell;
    vertical-align: middle;
}
  
  
  
  .sr-img-title{
      width:100%;
      float:left;
      text-align:center;
  }
  
   .sr-img-title p{
      width:100%;
      float:left;
      text-align:center;
      display: block;
     
    text-decoration: none;
    color: #696969;
    font-size: 18px;
    line-height: 28px;
  }
  
 .corp-res .imgslide-style:hover{
     background:#dad7d7;
  }
  
  .detail-img-wrap{
      width:100%;
      float:left;
         
  }
  
 
     .detail-txt{
        width: 100%;
    float: left;
    padding: 0 0 19px 0;
    /* background: #eeeeee; */
    margin: 0 1% 0 0;
    
  }
  
  .detail-image{
       width:50%;
      float:left;
          padding: 0px;
  }
  
  .detail-image img{
      width:100%;
  }
  
  
  
  
  
  
  
header {
    float: left;
    width: 100%;
}

.top-part {float: left;
    width: 100%;
    padding:20px;}

.con-border {border-right: 1px solid #efefef; border-left: 1px solid #efefef;
float: left;
    width: 100%;}


.wraper {float: left; width: 100%;}

.logo {margin: 10px 0; position: relative; z-index: 1000;}

.logo img { max-width: 100%;}


.language {font-family: 'GESSTwoMedium-Medium'; 
float: left;float: right; width: 100%;}


.language a {color: #112469; font-size: 13px; float: right;  font-family: 'GESSTwoMedium-Medium';
margin-left: 20px;}

.language a:hover {color: #568cf7;}

.language li:first-child a {font-family: 'Conv_Optima-Thin'; font-size: 15px; font-weight: bold;}


.topmenu {float: right; width:auto; margin-top: 25px;}

.topmenu a {float: left; margin-left: 10px; border-left: 1px solid #112469;
    color: #112469; font-size: 15px; text-transform: uppercase;
padding-left: 10px;}

.topmenu li {float: left;}

.topmenu li:first-child a {border-left: 0;}

.topmenu a:hover {color: #568cf7;}

.search-main {float: right; width: 100%; margin-top: 25px;}

.search-main input {width: 230px; border: 1px solid #112469; float: right; padding: 0 10px; height: 40px;
color: #696969; }
.input-group-btn {vertical-align:top!important;}
.search-main button {border: 0;}




.menu_main {
    float: left; 
    width: 100%;
   }


.menu_main .navbar {float: left; width: 100%; background-color: #112469; border: 0; border-radius: 0;
    border-bottom: 1px solid #fff;
margin-bottom: 0;}


.menu_main .navbar-default .navbar-nav > li > a {color: #fff; font-size: 15px; text-transform: uppercase; border-right: 1px solid #fff;
padding-left: 21px; padding-right: 22px;}

.menu_main .navbar-default .navbar-nav > li:last-child a {border-right: 0;}

.menu_main .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{color: #fff;
background: #568cf7;}

.menu_main .navbar-default .navbar-nav > li > a:hover {color: #568cf7;}

.menu_main .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #568cf7;}

.navbar-default .navbar-toggle {border-color: #fff;}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}


.banner_main {
    float: left; 
    width: 100%;
max-height:none;}

.banner_main img {
    width: 100%; 
    max-width: 100%;}


.banner_main .bx-wrapper .bx-caption {
    position: absolute; 
    left: 0px; 
    top:12%;
  }

.banner_main .bx-wrapper .bx-caption h2 {
    color: #fff;
    font-size: 28px;
    float: left;
    font-family: '33535gillsansmt';
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.banner_main .bx-wrapper .bx-caption h2 span {  font-family: 'Conv_Optima-Thin';
    font-size:60px; color: #568cf7;
}

.banner_main .bx-wrapper .bx-pager.bx-default-pager a  {
    background: #fff;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    margin: 0 10px;
}


.banner_main .bx-pager.bx-default-pager a.active {background: #568cf7;}

.banner_main .bx-wrapper .bx-pager {text-align: left;
padding-left: 40px;}


.banner-button {border: 1px solid #fff; width: 150px; padding: 10px; background:url(button-icon.png) no-repeat 5px center transparent;
color: #fff; text-transform: uppercase; font-size: 15px; float: left; text-align: center; margin:0 10px 10px 0;}


.banner-button:hover { background:url(button-icon.png) no-repeat 5px center #568cf7;}

.banner-button1 {border: 1px solid #fff; width: 250px; padding: 10px; background:url(button-icon.png) no-repeat 5% center transparent;
color: #fff; text-transform: uppercase; font-size: 15px; float: right; text-align: left; margin:0 10px 10px 0; padding-left:40px; }

.banner-button1:hover { background:url(button-icon.png) no-repeat 5% center #568cf7;}


.banner-button2 {border: 1px solid #fff; width: 180px; padding: 10px; background:url(button-icon.png) no-repeat 5% center transparent;
color: #fff; text-transform: uppercase; font-size: 15px; float: right; text-align: left; margin:0 10px 10px 0; padding-left:40px; }

.banner-button2:hover { background:url(button-icon.png) no-repeat 5% center #568cf7;}





.but-main {float: left; width: 100%; margin-top: 5px; padding: 0 36px 0 50px;}

.what-new {float: left; width: 100%; background-color:#ededed;}


.news-main { padding:0; background: #ededed;}

.news-con {float: left;
width: 100%;
position: relative;
}

.news-main .tabs-bottom > .nav-tabs {background: #336699;}

.news-main .tabs-bottom > .nav-tabs {margin-top: 20px; float: left; width: 100%;}

.news-main .tabs-bottom > .nav-tabs > li > a {border-radius: 0; border: 1px solid #668cb3; color: #fff; padding: 5px 25px; 
    margin:7px 20px 10px 20px; }

.news-main .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{background: #014886; border: 1px solid #fff; color: #fff;}
 
.news-slider {float: left; width: 100%; }

.news-slider img {width: 100%;}

.news-slider p {color: #203b70;}

.news-slider .read-more {color: #203b70; text-transform: uppercase; margin-top: 30px;
font-size: 15px; float: left; width: 100%;}

.news-slider .read-more:hover {color: #568cf7;}

.news-con .bx-wrapper .bx-pager.bx-default-pager a {color: #203b70; font-size: 18px; display: inline;
    background: none; margin: 0 5px;font-family: '33535gillsansmt'; font-weight: normal;}

.news-con .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 4%;}

.news-con .bx-wrapper .bx-pager {text-align: right;}

.other-news {color: #203b70; text-transform: uppercase; 
font-size: 15px; width: 100%; position: absolute; bottom: 30px; left: 0;}

.announcment {background: #e3e3e3; padding: 0;} 

.an-content {padding: 15px; float: left;}

.an-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 

{border-radius: 0; border: 1px solid #014886; background: #014886; color: #fff;}

.an-content .nav-tabs > li a {border: 1px solid #014886; border-radius: 0;
font-family: '33535gillsansmt'; text-transform: uppercase; font-size: 15px; color: #014886;
padding: 8px 20px; margin-right: 10px;}

.date {float: left; width: 100%; background: #fff; margin-top: 16px; text-align: center;
font-family: '33535gillsansmt'; color: #333366; font-size: 48px; font-weight: bold; line-height: 25px; padding: 10px 0;}

.date span {font-size: 15px; font-weight: normal;}

.an-content .col-sm-3, .col-xs-3 {padding-right: 0;}

.an-content p {color: #616161; font-size: 14px;}

.viewall-button {color: #fff; 
    background: url(button-icon1.png) no-repeat 94% center #336699; 
    padding: 18px 50px 15px 15px;
   font-size: 14px; 
    float: right;
    font-family: 'MyriadPro-Regular';
    font-weight: normal;
    margin-top: 12px;
text-transform: uppercase;}

.viewall-button:hover {color: #568cf7;}

.viewall-news {
    color: #fff;
    background: url(button-icon1.png) no-repeat 94% center #336699;
    padding: 18px 50px 15px 15px;
    font-size: 14px;
    float: right;
    font-family: 'MyriadPro-Regular'!important;
    font-weight: normal;
    position: absolute;
    border: 0;
    bottom: -6px;
    right: 0;
    text-transform: uppercase;
}

.viewall-news:hover {color: #568cf7;}

.projects {float: left; width: 100%;}


.projects-main { padding:0; background: #fff;}

.project-slide {float: left; width: 100%; margin-top: 5px; position: relative;}

.project-slide img {width: 100%; max-width: 100%;}

.project-discription {position: absolute; width: 50%; top: 0; right: 0; height: 100%;
background: rgba(54, 82, 127, 0.7);}

.project-content {padding: 20px; float: left; width: 100%;}

.project-content h2 {color: #fff; margin: 0;}

.project-content p {color: #fff; margin-top: 20px;}


.viewall-button1 {color: #fff; 
    background: url(button-icon1.png) no-repeat 94% center ; 
    padding: 18px 50px 15px 0;
   font-size: 14px; 
    float: left;
    font-family: 'MyriadPro-Regular';
    font-weight: normal;
    margin-top: 20px;
text-transform: uppercase;}

.viewall-button1:hover {color: #568cf7;}

.pop-button {background: #336699; 
width: 100%; color: #fff; text-align: center; text-transform: uppercase;
font-size: 15px;
    float: left;
    padding:15px 0;
    position: relative;
    bottom: 0;
}

.projects-main .bx-wrapper .bx-controls-direction a  { top: 40px;}

.projects-main .bx-wrapper .bx-prev  {background: url(arrow2.png) no-repeat center center !important;
    width: 26px; height: 26px; border: 1px solid #2d4778; left: 250px;
}

.projects-main .bx-wrapper .bx-prev:hover {background: url(arrow2.png) no-repeat center center #568cf7;}


.projects-main .bx-wrapper .bx-next  {background: url(arrow1.png) no-repeat center center !important;
    width: 26px; height: 26px; border: 1px solid #2d4778; left: 280px;
}

.projects-main .bx-wrapper .bx-next:hover {background: url(arrow1.png) no-repeat center center #568cf7;}


.latest-offers {padding: 0;}

.offerslider {float: left; width: 100%; position: relative;}

.offers {margin-top: 5px;}

.offers img {width: 100%; max-width: 100%;}

.offerslider .bx-wrapper .bx-controls-direction a  { top: 40px;}

.offerslider .bx-wrapper .bx-prev  {background: url(arrow2.png) no-repeat center center !important;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 30px;
}

.offerslider .bx-wrapper .bx-prev:hover {background: url(arrow2.png) no-repeat center center #568cf7;}


.offerslider .bx-wrapper .bx-next  {background: url(arrow1.png) no-repeat center center !important;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 0;
}

.offerslider .bx-wrapper .bx-next:hover {background: url(arrow1.png) no-repeat center center #568cf7;}





.financial-highlights {float: left; width: 100%; margin-top: 40px;}



.financial-main {   padding: 0;
    background: #ededed;
    min-height: 346px;
}

.financial-highlights select {border: 1px solid #203b70; width: 110px; padding:5px 15px; float: right;
    margin-right: 20px; margin-top: -45px;
}

.high-light-main {margin:58px 15px 15px; display: inline-flex;max-height:56px;}

.high-light-main i  {float: left;}

.high-light-main i img {width: 100%; max-width: 100%;}

.high-con {font-size: 30px; font-weight: bold; color: #2e2e2e; 
float: left; padding-left: 10px; text-transform: uppercase;}

.high-con span {font-size: 19px; font-weight: normal;}


.stock-main { padding:0; background: #2a5393;}

.stock-main h2 {color: #fff; font-size: 32px;}

.stock-main h2 span {color: #fff; font-size: 40px;}

.stock-list {float: left; width: 100%; padding: 15px; background: #203b70;}

.price-range {float: left; border-left: 1px solid #fff; padding-left: 10px; position: relative;
color: #fff; font-family: 'GillLightSSiLight';}

.price-range h3 {color: #fff; font-size: 19px; font-family: 'GillLightSSiLight'; margin-top: 0; font-weight: bold;}

.price {font-size: 40px; font-weight: bold;}

.price-range span {font-size: 21px;}

.price-arrow {margin: 20px 20px 0 0; float: right;}

.margin-s  {margin-top: 3px;}

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


.download {float: left; width: 100%; position: relative;}


.download img {width: 100%; max-width: 100%; max-height:342px;}


.download-links {position: absolute; width: 100%; bottom: 0; right: 0; height: 42px;
background: rgba(54, 82, 127, 0.8); z-index:1000;}

.download-links a {color: #fff;font-family: 'MyriadPro-Regular'; font-size: 14px; text-transform: uppercase;
line-height: 42px; padding: 0 10px; border-right: 1px solid #fff;} 

.download-links a:last-child {border-right: 0;}


.download-links a:hover {color: #568cf7;}

.report h2 {margin: 0;}

.reportdate {color: #2e2e2e; font-size: 16px; margin-top:5px; float: left; text-transform: uppercase;}

.reportdate span {font-size: 21px;}

.report p {color: #616161; margin-top: 5px;}

.line {float: left; width: 100%; height: 1px; background: #203b70; margin: 10px 0;}

.line3 {float: left; width: 100%; height: 1px; background: #dfdfdf; margin: 10px 0;}

.report-link a {background: #336699; color: #fff; font-size: 14px;
    padding: 15px; margin-right: 15px; float: left; text-align: center; min-width: 110px;max-width: 112px;}

.report-link a:hover {background: #203b70;}

.report-part ul {float: left; width: 180px;}

.report-part ul li {float: left; width: 100%;}

.report-part ul li a {color: #142a56; background: none; font-family: 'MyriadPro-Regular';
font-size: 13px; text-transform: uppercase; border-bottom: 1px solid #142a56;
float: left; margin: 3px 0; width: 100%;}

.report-part ul li a:hover {color: #568cf7;}

/*.report-part ul li a:last-child {border-bottom: 0;}*/

.eservice {float: left; width: 100%; background:url(e-servicebg.jpg) no-repeat;
     text-align: center; min-height: 230px; background-size: cover;  }


.eservice h2 {color: #fff; font-size: 33px; text-transform: none;  font-weight: bold; margin-top: 16px; margin-bottom: 10px;}

.button-style {background: #aeaeae; width: 250px; color: #fff; font-size: 15px; text-transform: uppercase;
height: 42px; border: 0; margin-top: 5px;}

.button-style:hover {background: #203b70;}



.video-part {
    float: left;
    width: 100%;
    margin-top: 40px;
background: #ededed;}


/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
/*.tabs-right {
  border-left: 1px solid #ddd;
}*/
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

/*.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}*/
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
/*  border-radius: 0 4px 4px 0;*/
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}


.video-part .tabs-right a { float: left;}

.video-part .tabs-right a i { float: left; margin-right: 10px;}

.video-part .tabs-right a span {color:#616161; }


.video-part .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus

{border: 0; background-color: #336699;}

.video-part .nav-tabs > li.active > a span

{color: #fff;}


.video-part .nav-tabs > li > a {border-radius: 0; width: 100%;}

.video-main {float: left; width: 100%; margin-top: 2px; }

.video-main img {width: 100%; max-width: 100%;}

.video-part p {color: #616161;}


footer {float: left; width: 100%; background: #2a5393; margin-top: 40px;}

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-bottom > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-bottom > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
    margin-top: 10px;
}

.tabs-bottom > .nav-tabs > li > a {
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;

}

.tabs-bottom > .nav-tabs > .active > a,
.tabs-bottom > .nav-tabs > .active > a:hover,
.tabs-bottom > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-bottom > .nav-tabs {border: 0;}

.sociallinks .nav-tabs > li > a {border-radius: 0; border-bottom: 1px solid #83b9e5; background: #83b9e5; width: 75px; text-align: center; margin-right: 8px;}

.sociallinks .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{   background: #063d7e; border-left: 0; border-bottom: 1px solid #83b9e5;}

.social-con {float: left; width: 100%;}

.sociallinks {background: #203b70; padding:15px 10px; float: left; width: 100%;}

.social-con img {width: 100%; max-width: 100%;}

footer h2 {text-align: center; color: #fff;}

footer p {text-align: center; color: #fff; padding: 0 30px; margin-bottom: 30px;}

.app {float: left; width: 100%; display: inline-flex;}

.grey-bg-app {background: #aeaeae;}

.app h3 {color: #fff; width: auto; font-size: 15px; min-width: 180px; text-align: right;}


.app a {margin: 10px 13px;}


.stay-connected { text-align: center; background: #336699; float: left; padding-bottom: 20px; width: 100%; }


.stay-connected .inputstyle {height: 50px; border: 1px solid #fff; color: #FFF; font-size: 15px; background: transparent;
min-width: 230px; text-align: center;}


.connect-button {color: #fff; 
    background: url(button-icon1.png) no-repeat 94% center #203b70; 
    padding: 18px 50px 15px 15px;
   font-size: 14px; 
    border: 0;
    font-family: 'MyriadPro-Regular';
    font-weight: normal;
    margin-top: 20px;
    width: 230px;
text-transform: uppercase;}

.connect-button:hover {color: #568cf7;}

.footer-bottom {float: left; width: 100%; padding: 10px;}

.footer-bottom p {width: 100%; float: left; color: #fff; text-align: left; margin: 0; padding: 6px;}

.footer-bottom ul { float: left;}

.footer-bottom ul li {float: left;}

.footer-bottom ul li a {float: left; color: #fff; font-size: 14px; border-right: 1px solid #fff; padding: 0 7px;}

.powered {float: left; color: #fff; font-size: 13px; margin-left: 6px;}

.eservice-main {padding-left: 0;}



/*inner page start*/

.inner-banner {float: left; width: 100%; position: relative;}


.inner-banner img {width: 100%; max-width: 100%;}



.inner-title {float: left; width: 100%; background: rgba(0, 0, 0, 0.7); padding: 10px;
color: #fff; font-size: 30px; position: absolute; bottom: 0; font-family: 'GillLightSSiLight'; text-transform: uppercase;}


.innerpage {float: left; width: 100%; margin-top: 30px;} 

.innerpage p {color: #616161;}

.line2 {height: 2px;border-bottom: 1px dashed #616161; width: 80%; float: left;
margin: 20px 0; width:100%;}
 ol {
 list-style-position: inside;
 }

.innerpage h2 {margin:20px 0 20px 0;}


.coporate-gov  {float: left; width: 100%;}


.coporate-gov .col-sm-6 {padding-left:1px; padding-right: 0;} 
.coporate-gov .col-md-3 {padding-left:1px; padding-right: 0;} 
.coporate-gov .col-xs-6 {padding-left:1px; padding-right: 0;} 

.slider-description  {float: left; width: 100%;}

.coporate-gov h4 {font-size: 18px; color: #696969; float: left; width: 100%; margin-bottom: 5px;}


.coporate-gov .bx-wrapper .bx-controls-direction a  { top: 40px;}

.coporate-gov .bx-wrapper .bx-prev  {background: url(arrow2.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 30px;
}

.coporate-gov .bx-wrapper .bx-prev:hover {background: url(arrow2.png) no-repeat center center #568cf7;}


.coporate-gov .bx-wrapper .bx-next  {background: url(arrow1.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 0;
}

.coporate-gov .bx-wrapper .bx-next:hover {background: url(arrow1.png) no-repeat center center #568cf7;}


.risk-managment {float: left; width: 100%; padding: 10px; border: 1px solid #dfdfdf; display: inline-flex; margin-bottom: 10px;}


.date-main {float: left; width: auto; padding: 15px;
    background: #112469; color: #fff; font-size: 32px; 
    font-weight: bold;}

.risk-managment p {width: auto; margin-left: 10px; margin-top: 0;}

.risk-managment p span {float: left; width: 100%; }

.legal-slider img {width: 100%; max-width: 100%; margin: 15px 0;}

.slide-style {float: left; text-align: center; width: 100%; border: 1px solid #eeeeee;}

.slide-style h3 {
    font-family: 'Conv_Optima-Thin';
    font-size: 15px;
    color: #696969;
    background: #f8f8f8;
    padding: 15px 0;
    border-top: 1px solid #eeeeee; 
    /*margin-bottom: 10px;*/
    min-height: 61px;
}


.slide-style-img {height: 120px;}

.legal-main {float: left; width: 100%;}

.legal-main .bx-wrapper .bx-controls-direction a  { top: 40px;}

.legal-main .bx-wrapper .bx-prev  {background: url(arrow2.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 30px;
}

.legal-main .bx-wrapper .bx-prev:hover {background: url(arrow2.png) no-repeat center center #568cf7;}


.legal-main .bx-wrapper .bx-next  {background: url(arrow1.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 0;
}

.legal-main .bx-wrapper .bx-next:hover {background: url(arrow1.png) no-repeat center center #568cf7;}


aside {float: left; width: 100%;}

aside h3 {font-size: 20px; text-transform: uppercase; color: #155690; padding-bottom: 10px; border-bottom: 1px solid #155690;}


aside ul {float: left; width: 100%; margin-top: 15px;}

aside ul li a {padding: 10px; font-size: 18px; color: #fff; background: #9f9f9f;font-family: 'Conv_Optima-Thin';
width: 100%; font-weight: normal; float: left; margin-top: 1px;}

aside ul li .active {background:#155690; }

aside ul li a:hover {background: #155690; color: #fff;}


.health p {margin-top: 10px;}

.health li { 
	/*background: url(../images/list.jpg) no-repeat left top;   */ 
margin-top: 20px;
    padding-left: 30px;
font-size: 15px; color: #616161;
}

.health {float: left; width: 100%;}

.health ul {float: left; width: 100%;}

.images-slider {float: left; width: 100%;}

.images-slider .bx-wrapper .bx-controls-direction a  { top: 40px;}

.images-slider .bx-wrapper .bx-prev  {background: url(arrow2.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 30px;
}

.images-slider .bx-wrapper .bx-prev:hover {background: url(arrow2.png) no-repeat center center #568cf7;}


.images-slider .bx-wrapper .bx-next  {background: url(arrow1.png) no-repeat center center;
    width: 26px; height: 26px; border: 1px solid #2d4778; right: 0;
}

.images-slider .bx-wrapper .bx-next:hover {background: url(arrow1.png) no-repeat center center #568cf7;}


.imgslide-style {float: left; width: 100%; padding: 5px; border: 1px solid #155690; min-height:175px;}

.imgslide-style img {width:inherit;}

.margin-11 {
    margin-top: 10px;
}

.left-area {float: left; width: 100%;}

.region-main {float: left; width: 100%; border: 1px solid #dfdfdf; position: relative; margin-top: 10px;}

.region-main:hover {border: 1px solid #155690;}

.region-main img {width: 100%; max-width: 100%;max-height: 189px;}

.region-main-link{background: rgba(16, 49, 111, 0.8);
padding: 10px; position: absolute; bottom: 0; width: 100%; }

.region-main-link a {color: #fff;   font-family: 'MyriadPro-Regular'; font-size: 15px; 
    text-transform: uppercase; line-height: 24px;}

.region-main-link a img {float: right; width: 23px; height: 23px;}

.regionimg {float: left; width: 100%;}


.colapse-main {float: left; width: 100%; margin-top: 30px;}

.colapse-main .panel-default > .panel-heading {border: 0; border-bottom: 1px solid #e7e4e4;
background-color:transparent;}

.colapse-main .panel-group .panel {border: 0;}


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .colapse-main .panel-title > a {
        display: block;
        padding: 15px 0;
        text-decoration: none;
        color: #696969;
        font-size: 18px;
        line-height: 28px;
    }

    .more-less {
        float: left;
        color: #212121;
        margin-right: 10px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

  .colapse-main .glyphicon-plus:before {
    content: "\002b";
    color: #fff;
    background: #336699;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    padding: 5px;
}

.colapse-main .glyphicon-minus:before {
    content: "\2212";
     color: #fff;
    background: #336699;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    padding: 5px;
}


.filter label {color: #696969; font-size: 16px; font-family: 'GillLightSSiLight'; width: auto; float: none;}

.yearmain {float: right; text-align: right; margin-bottom: 15px;}

.filter select {width: 140px; padding: 5px;}

.videomain {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.video-list {float: left; width: 100%; border: 1px solid #dfdfdf; background: #f8f8f8; margin: 10px 0;}

.video-list  img {width: 100%; max-width: 100%;}


.video-list p {padding: 0 10px 10px 10px; width: 88%;}

.vide-des {float: left; width: 100%;  position: relative;} 

.video-list a { position: absolute; right: 15px; top: 40%;}

.video {width: 100%; padding: 15px;}

.modal-content h2 {margin-left: 15px;}


@media(min-width:1200px){
    
}


@media(max-width:1024px){
    .menu_main .navbar-default .navbar-nav > li > a {padding-left: 20px; padding-right: 20px;}
    .report-link a {min-width: 95px;max-width: 95px; margin-right: 8px;}
    
    .download-links a {font-size: 12px; padding: 0 7px;}
    .sociallinks .nav-tabs > li > a {width: 58px;}
    
    .vide-des {min-height: 110px;}
}

@media(max-width:768px){
    
        .related-websites {
    
    width: 49%;
     
}
.stock-main {float: left; width: 100%;}
    .region-main-link a {font-size: 12px;}
    
    
    
    .high-light-main{
        min-height: 76px;
    }
    

.financial-main ul li {
    list-style: none;
    width: 28%;
    float: left;
    margin: 0px 2% 0 2%;
}

.filter-style-list {
    width: 100%;
    float: right;
    margin: 0;
}

.financial-highlights select {
    margin-top: 0;
    float: left;
    margin: 0px;
}
    
    
}

@media(max-width:767px){
    .banner_main .bx-wrapper .bx-caption  {position: relative; left: 0;}
    
    .banner_main .bx-wrapper .bx-caption h2 {color: #112469; font-size: 20px;}
    
    .banner_main .bx-wrapper .bx-caption h2 span {font-size: 30px;}
    
    .banner-button {color: #112469; border: 1px solid #112469; width: 320px;}
    .banner-button1 {color: #112469; border: 1px solid #112469; float:left; width:100%;}
    
    .banner-button2 {color: #112469; border: 1px solid #112469; float:left; width:100%;}
    
    .banner_main .bx-wrapper .bx-pager-item{display: none;}
    
    .financial-highlights select {margin-top: 0;}
    
    .report h2 {margin: 20px 0;}
    
    .report-part ul {
    width: 92%;
    margin: 20px 10px;
}
    
    .menu_main .navbar-default .navbar-nav > li > a {border-right: 0;}  
    
    .innerpage h2 {margin:20px 0 25px 0;}
    
    .coporate-gov .bx-wrapper .bx-controls-direction a {top: 65px;}
    .vide-des {min-height: auto;}
}

@media(max-width:420px){
    
        .related-websites {
    
    width: 100%!important;
     
}
    .topmenu a  {font-size: 12px; padding-left: 3px;}
    .topmenu {width: 100%;}
    .news-main .tabs-bottom > .nav-tabs > li > a {padding: 5px 10px;}
    
    .viewall-news {position: relative; width: 100%; text-align: right; border-top: 1px solid #668cb3;}
    
    .legal-main .bx-wrapper .bx-controls-direction a {top: 65px;}
    
    .inner-banner img {height: 120px;}
    
    .inner-title {font-size: 16px;}
}



.close {
   float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    background-image: url(close_btn.png) !important;
    height: 30px!important;
    width: 30px;
    z-index: 9999;
    position: relative;
}
.currentVideos .modal-header,
.currentVideos .modal-footer{
    border: 0;
    padding: 0;
}
.currentVideos .modal-content{
        border-radius: 0;
}

.currentVideos .close{
    background-image: none !important;
    color: #fff;
    width: 25px;
    height: 25px !important;
    border-radius: 30px;
    border: 2px solid;
    background: #000;
    font-size: 14px;
    position: relative;
    bottom: 5px;
    right: -5px;
}
.currentVideos .close span{
        margin-top: -3px;
    margin-left: 1px;
}
.currentVideos .modal-body{
padding: 10px;
}

.tbstyle td {
    padding: 9px;
    color: #000!important;
}



.imgslide-style-2 {
    float: left;
    width: 100%;
    padding: 5px;
    border: 1px solid #155690;
}
.imgslide-style-2 img {
    width: 100%;
        height: 200px;
    
}
.thumb-text
{ padding-bottom:15px !important;

}

input[type="text"].inputstyle::-webkit-input-placeholder {
  color: f0f0ee;
}

.profile_vid{
    display:none;
}

.coming-soon{
    float:left;
    width:100%;
    margin:0px;
    paddong:0px;
}
.left-area table.mazaya-table{
direction: rtl;
}
.left-area table tbody tr td{
    /*border:solid 1px #000;*/
        padding: 10px;
}
.left-area table.mazaya-table tbody tr td{
    border:solid 1px #337ab7;
        padding: 10px;
        direction: ltr;
    text-align: left;
}
.DwnldDiv {
    width: 100%;
    float: left;
    margin: 13px 0 0 0;
}

span.ann-text {
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
}


.pr-details-three-slides li h1{
    font-size:16px;
    text-align:center!important;
    margin-top:10px;
}

.pr-details-three-slides li{
    border: solid 1px #acacac;
    margin: 0 10px 0 10px;
    padding: 12px;
}

.pr-details-three-slides li h2{
    font-size: 14px;
    color: #000;
    margin: 0px;
    text-transform: capitalize;
text-align:center;
}

.pr-details-three-slides{
    margin-top: 10px!important;
    margin-bottom: 58px!important;
}


.pr-details-three-slides > .slick-arrow {
    position: absolute;
    bottom: -25px;
    background: transparent;
    border: none;
    color: #2a5393;
}

.pr-details-three-slides > .slick-arrow {
    position: absolute;
    bottom: -25px;
    background: transparent;
    border: none;
    color: #2a5393;
}

p.BasicParagraph img {
    display: inherit;
    margin: 0px 0 10px 0;
    min-width: 90px;
}

.table-no-border > tbody tr td{
    border:none!important;
}


.related-websites {
    margin-bottom: 26px;
    border: solid 1px #e3e3e3;
    margin: 17px 2% 0 2%;
    width: 29%;
    text-align: center;
    padding: 10px 0 23px 0;
}

.chair-new-big h1 {
    color: #337ab7;
    margin: 17px 0 0 0;
}


@media(max-width:767px){
    
    .project-discription {
    position: relative;
    float: left;
    width: 100%;
    top: unset;
    right: unset;
    height:auto;
    }
}

.reports-box p.xc{
    min-height:72px;
}

.reports-box h1{
    min-height: 45px;
}
.cou-list2 table {
    border-bottom: dashed 1px #337ab7;
        margin-top:5;
}


.cou-list2 td {

    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    height: 18px;
    font-family: gilllight;
    text-align: left;
    font-size: 14px;
    color: #337ab7;
    line-height: 17px;
}



.cou-list2 table tr td:first-child span {
    font-weight: bold;
    font-size: 14px;
}


    
    .cou-list2 td span {
    padding: 5px 5px 5px 10px !important;
}


.cou-list2 td a {
    height: 18px;
    font-family: gilllight;
    text-align: left;
    font-size: 14px;
    color: #337ab7;
    line-height: 17px;
    padding: 0 0 0 0px;
    text-decoration: none;
}


.cou-list2 table tr td:nth-child(3) {
    background-color: #fff;

}




.cont-left-inner-box {
    width: 100%;
    float: left;
    border-top: 1px dashed #337ab7;
    margin: 0 0 30px 0;
}



.cont-left-inner-box h3 {
    color: #337ab7;
    font-family: opt, Arsenal;
    font-size: 20px;
    float: left;
    padding: 20px 0 20px 0;
    text-transform: capitalize;
    font-weight: normal;
}

.cont-left-inner-box span {
    //color: #337ab7;
	color: red !important;
    font-family: opt, Arsenal;
    font-size: 15px;
    float: left;
    font-size: 16px;
    /* padding-left: 25px; */
    text-transform: capitalize;
    font-weight: normal;
}


.cont-left-inner span {
    color: #337ab7;
    font-weight: normal;
}

.ann-text3 {
    padding-left: 10px !important;
    margin-top: 14px;
    padding-right: 20px;
    color: #337ab7 !important;
    font-weight: bold !important;
}

.ann-text2 {
    width: 20%;
    float: left;
    display: block;
    margin-left: 10px;
}

.ann-text {
    width: 100%;
    padding: 10px 10px 10px 10px !important;
    color: #337ab7 !important;
    border: 2px solid #337ab7;
    border-radius: 10px;
    margin-top:5%;
}

.subsi-box {
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0 10px 0;
    padding-bottom: 30px;
    min-height: 284px;
}

.home-watsnewsec .nav-tabs{
	margin: 0!important;
}

.home-watsnewsec .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 25%!important;
}

.news-con .nav-slider {
    text-align: left!important;
    margin: 0 0 0 0px!important;
    border: solid 1px #346697;
    float: left;
    width: calc(100%)!important;
    padding: 0px 0 0px 0!important;
}

.contact-box-inner-map {
    width: 38%;
    float: left;
    margin: 0 2% 0 0;
}

.project-sub-left p img {
    display: block;
    margin: 0 0 0 0px;
}

.contact-box-inner h4{
	text-align: left;
    width: 100%;
    float: left;
}

@media (max-width: 611px){
	section.regionimg .row .col-sm-4 {
   overflow: hidden;
    max-height: 133px;
    min-height: 133px;
}
}

@media (max-width: 500px){
	
.mediaview-down{
	width: 100%!important;	
}
	
.img-wrapper{
  width: 100%!important;
}
	
.mediaview-down .prev-btn{
	margin-top: 20px;
    margin-left: 0;
		
}
	
	.mediaview-down .next-btn{
    margin: 20px 0px 0 -20px;
		
}
	
	
.contact-box-inner-map {
    width: 40%;
    float: left;
    margin: 0 0% 6% 0;
}
	
	.cont-left-inner-box-new{
		margin: 0!important;
		min-height: auto;
	}
	
	.pro-detail-item {
    width: 100%;
	}
	.pro-detail-item ul li img{
		min-height: 154px!important;
		max-height:154px!important;
	}
	
	#ctl00_ctl32_panelmap > .serv-box-2 > img{
	width:100%;
	height:auto;
	
	}
	
 
	
}



@media (max-width: 768px){
.search-gal {
    width: 100%;
    float: right;
}
.search-gal>input{
    width: 80%;
}

.search-but-gal{
width: 15%;
}

}

.cxc ul li
{
list-type:none;
}
 @media(max-width:500px){

.tab-content .video-main video::-webkit-media-controls {
     
    position: absolute;
    bottom: 20px;
   
}

.tab-content .video-main video::-webkit-media-controls-panel {
    position: absolute;
    bottom: 20px;
}
	
	
}





/* New Styles May 25 2020 Starts */

.pro-listing-hold .row .col-sm-4.col-xs-6 .region-main > img{
	min-height: 189px;	
}

.pro-detail-hold .pro-title {
	    float: left;
    margin: 0 0 25px 0;
}


.pro-detail-hold .pro-title img{
	
	float: left;
    width: auto;
	
}

.pro-detail-hold .pro-title h2 {
    color: #155690;
    font-size: 29px;
    text-transform: uppercase;
    float: left;
    width: auto;
    font-weight: bold;
    padding: 0 0 0 20px;
	
}
 
.newpro-img-slider ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

.newpro-img-slider ul li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

.newpro-img-slider ul li a img{
width:100%;	
}

.newpro-smallthumb-slide li img{
	width:100%;
	height:127px;
}

.newpro-smallthumb-slide {
    position: relative!important;
    margin: 11px 0 0 0!important;
}

.newpro-smallthumb-slide .slick-prev {
	background: url(arrow2.png) no-repeat 0px 2px;
    content: "";
    font-size: 0px;
    height: 21px;
    width: 30px;
    background-color: transparent;
    border: none;
    position: absolute;
	left: -8px;
    top: calc(31% + 16px);
}

.newpro-smallthumb-slide .slick-next {
    left: unset!important;;
    background: url(arrow1.png) no-repeat 0px 2px;
    content: "";
    font-size: 0px;
    height: 21px;
    width: 30px;
  background-color: transparent;
    border: none;
	 position: absolute;
    right: -30px;
    top: calc(31% + 16px);
}

.newpro-smallthumb-slide .slick-next:focus{
	outline:none;
}

.newpro-smallthumb-slide .slick-prev:focus{
	outline:none;
}

.newpro-smallthumb-slide  li{
	padding: 10px!important;
	
}

.newpro-details p{
    color: #616161;
    font-size: 14px;
    line-height: 20px;
    float: left;
    margin: 0px;
    font-weight: 300;
    max-height: 300px;
    overflow: auto;
    padding: 0 14px 0 0;
}

 
.a2a_kit > a > span{
	display:none;
}
.pr-share-fb{
	background: url(fb_proshare.jpg) no-repeat;
	width:23px;
	height:23px;
}
.pr-share-tw{
	background: url(tw_proshare.jpg) no-repeat;
	width:23px;
	height:23px;
}
.pr-share-pi{
	background: url(pi_proshare.jpg) no-repeat;
	width:23px;
	height:23px;
}



.share-icon-hold {
    float: left;
    width: 100%;
	margin: 18px 0 0 0;
   
}

.share-icon-hold span {
float: left;
    margin: 4px 0 0 0;
    font-size: 18px;
    color: #696969;
}

.a2a_default_style a {
   
    margin: 0 0 0 7px;
}

.enq-btn-hld{
width: 100%;
    float: left;
    margin: 19px 0 0 0;
	
}

.enq-btn-hld a{
    width: 100%;
    float: left;
    margin: 0px;
    background: #203b70;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    line-height: 24px;
	
}

.enq-btn-hld a:hover{
	background:#19315e;
	
}
.enq-btn-hld a img{
    text-align: right;
    float: right;
}

.otr-links-hld{
	float:left;
	margin:left;
	width:100%;
}

.otr-links-hld ul{
	float:left;
	margin:left;
	width:100%;
	list-style:none;
    margin: 10px 0 0 0;
}

.otr-links-hld ul li{
	float:left;
	margin:left;
	width:100%;
	list-style:none;
}

.otr-links-hld ul li a{
float: left;
    width: 100%;
    list-style: none;
    color: #112469;
    font-size: 16px;
    padding: 2px 0 8px 0;
    border-bottom: solid 1px #112469;
    margin: 0px;
}

.pro-sub-sections {
	float:left;
	margin:left;
	width:100%;
	position:relative;
	
}

.pro-sub-sections h2 {
float: left;
    margin: left;
    width: 100%;
    color: #155690;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 800;
    margin: 32px 0 0 10px;
    padding: 23px 0 17px 0;
    border-top: dashed 1px #155690;
	
}

.pro-sub-sections ul{
	list-style:none;
	width:100%;
	float:left;
	
}

.pro-sub-sections ul li{
	list-style:none;
	float:left;
	
}

.pro-sub-sections ul li a img{
	width: 100%;
    height: 220px;
    padding: 0 10px 0 10px;
}


.pro-sub-sections .slick-prev {
    background: url(arrow2.png) no-repeat center center;
    content: "";
    font-size: 0px;
    height: 27px;
    width: 30px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 53px;
    top: -41px;
    border: solid 1px #155690;
    padding: 0 0 0 0;
}

.pro-sub-sections .slick-next {
     background: url(arrow1.png) no-repeat center center;
    content: "";
    font-size: 0px;
    height: 27px;
    width: 30px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 11px;
    top: -41px;
    border: solid 1px #155690;
    padding: 0 0 0 0;
    left: unset!important;
}

.map-hld{
	padding:10px;
	position:relative;
	float:left;
	width:100%;
	
}
.map-hld .addrs-bx{
    position: absolute;
    padding: 10px;
    background: #304887;
    right: 0px;
   /* top: 36px;*/
    width: 246px;
    margin: 10px 10px 0 10px;
}

.map-hld .addrs-bx p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.map-hld .addrs-bx p strong{
	margin: 0 0 4px 0;
    width: 100%;
    float: left;
	
}

.map-hld .addrs-bx p a{
	text-decoration:none;
	color:#fff;
	width:100%;
	float:left;
}

@media (max-width: 768px){
.pro-sub-sections ul li a img {
    width: 100%;
    height: 87px;
    padding: 0 10px 0 10px;
}
	
	.map-hld .addrs-bx {
    float: left;
    position: relative;
    padding: 10px;
    background: #304887;
    right: 0px;
    top: 0;
    width: 100%;
    margin: 0;
}
	
 
		
}


/* ---------------  */

.mobile-app-tab-hold{
	float: left;
    width: 100%;
    border: none;
    padding: 16px 10px 10px 10px;
	text-align:center;
	 background-color: #f9f9f9;
	}


.mobile-app-tab-hold ul.nav li{
	border-right: solid 1px #000;
    padding: 0;
	
}

.mobile-app-tab-hold ul.nav li a{
padding: 4px 12px;
	
}

.mobile-app-tab-hold  ul.nav li.active a{
	background:transparent;
	color:#014886;
	font-weight:bold;
	
	border-radius:0px;
}

.mobile-app-tab-hold  ul.nav li  a:hover{
	background:transparent;
	color:#014886;
}

.mob1 > img{
width:100%;	
}


.store-icon-hold ul{
float: none;
    width: auto;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.store-icon-hold ul li{
    float: left;
    width: auto;
    list-style: none;
    margin: 10px 10px 10px 10px;
}

.store-icon-hold ul li a{
	float: left;
    width: 100%;
}

.store-icon-hold ul li a img{
	    max-width: 150px;
}

.store-icon-hold h2{
    font-size: 18px;
    margin: 0 0 6px 0;
    padding: 0px;
    font-weight: 700;
}
.app-tab-links {
    width: auto;
    margin: 0 auto;
    text-align: center;
    float: none;
    margin-top: 10px;
    margin-bottom: 15px;
    display: inline-block;
}

.mob1-playicons {
    margin: 10px 0 0 0;
    padding: 0px;
}

.mobile-app-tab-hold ul.nav li:last-child{
	border:none;
}
 

.store-icon-hold {
    
	text-align: center;
    margin: 0 0 15px 0;
}





.high-con > span:first-child {
    font-size: 16px;
	color:#336699;
}

.high-con span {
    font-size: 14px;
    font-weight: normal;
	color:#014886;
	font-weight:bold;
}


/*  -*/ 
.Q4_2019_KWD {
    font-size: 18px !important;
    font-weight: normal !important;
   /* color: #65a011 !important;*/
    font-weight: bold !important;
}
.Q4_2019_KWD span{
    font-size: 18px !important;
    font-weight: normal !important;
   /* color: #65a011 !important;*/
    font-weight: bold !important;
}
.gallery-folder-wrap {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.gal-fold-item {
    width: 100%;
    float: left;
    margin: 0 0 60px 0;
    padding: 0 0 24px 0;
    border-bottom: dashed 1px #155690;
	
}

.gallery-folder-wrap .gal-fold-item:last-child{
	border:none;
	
}

.gal-fold-item h1 {
    width: 50%!important;
    float: left;
    margin: 12px 0 0 0;
    padding: 0px;
    color: #155690;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    height: 41px;
	
}

.gal-fold-item .listbox-gal-item {
	
}

.gal-fold-item h2 {
    width: 100%;
    float: left;
    margin: 12px 0 16px 0;
    padding: 0px;
    color: #616161;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
	
}

.gal-fold-item p.item-date{
	padding: 0px;
    margin: 0 0 13px 0;
    font-size: 14px;
    color: #155690;
	
}

.gal-fold-item > span {
    float: right;
    text-align: right;
    font-size: 15px;
    color: #155690;
}

.gal-fold-item h2 span {
    color: #a9adb6;
    font-size: 18px;
}

.gal-fold-item ul{
	    width: 100%;
    float: left;
	margin:0px;
	padding:0px;
	list-style:none;
	
}

.gal-fold-item ul li{
	width: 25%;
    float: left;
	margin:0px;
	padding:0px;
	list-style:none;
	
}

.gal-fold-item ul li a{
	width: 100%;
    float: left;

}

.gal-fold-item ul li a img{
	width: 100%;
    float: left;
	max-height:150px;
	overflow:hidden;
	padding: 2px;
	object-fit: cover;
	
	
}


.gallinks-hold{
	width: 100%;
    float: left;
	margin:0px;
	padding:0px;
}


.gallinks-hold ul{
    width: 100%;
    float: left;
    margin: 22px 0 0 0;
    padding: 0px;
    list-style: none;
    text-align: center;
	
}

.gallinks-hold ul li{
	width: auto;
    float: none;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
	
}

.gallinks-hold ul li a{
width: 100%;
    float: left;
    color: #155690;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0 0 4px 0;
    line-height: initial;
    border-bottom: solid 1px #155690;

}

.listbox-gal-item .droplist-wrap {
	width: 50%;
    float: right;
    text-align: right;
    position: relative;
    top: 0;
    z-index: 99;
    margin: 0px;
}

 @media (max-width: 500px){
	
	.gal-fold-item ul li{
		width: 50%!important;
	}
	
}



/* ---------------  */


.eservice h2 {
    color: #fff;
    font-size: 28px;
    margin-top: 16px;
    margin-bottom: 10px;
    font-weight: 200;
    text-transform: uppercase;
}

.eservice h2 span{
	font-weight: bold;
}


.related-web-logo-hold{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}

.related-web-logo-hold ul{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
.related-web-logo-hold ul li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

.related-web-logo-hold ul li a{
	width:100%;
	float:left;
	margin:0px;
	padding:0px
}

.related-web-logo-hold ul li a img{
	width:100%;
	max-width:100px;
}

.related-web-logo-hold .viewall-button{
	
	margin: 0 auto;
    text-align: center;
    float: none;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
	
	
}

.social-media-hold .intgram-sec{
 
	float:left;
	margin:0px;
	 
}


.social-media-hold .intgram-sec ul{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
}
.social-media-hold .intgram-sec ul li{
	width:33%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	padding: 0 5px 5px 0;
}

.social-media-hold .intgram-sec ul li a{
	width:100%;
	float:left;
	margin:0px;
	padding:0px
}

.social-media-hold .intgram-sec ul li img{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	max-height:155px;
	text-align:center;
}

.social-icons-hold {
    width: calc(66% + 2px);
    float: left;
    margin: 0 11px 0 0;
    position: absolute;
    background: #203b70;
    right: -11px;
    top: calc(33% + 1px);
    height: 183px;
    display: table;
}

.social-media-hold .intgram-sec ul .social-icons-hold ul {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    padding: 0 5px 5px 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-top: 0;
}

.social-media-hold .intgram-sec ul .social-icons-hold ul li{
    width: auto;
    float: none;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    padding: 0;
    text-align: center;
    display: inline-block;
}

.social-media-hold .intgram-sec ul .social-icons-hold ul li a{
	width:100%;
	float:left;
	margin:0px;
	padding:0px
}

.social-media-hold .intgram-sec ul .social-icons-hold ul li img{
	width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
    max-width: 53px;
}

.twitt-sec{
   float: left;
     margin: 30px 0 0 0;
	   
   
}

.twit-feed-hold{
    width: 100%;
    height: 554px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: #307fe2;
	position:relative;
	 
	
}




.twit-feed-hold ul {
	width: 100%;
    float: left;
    margin: 0px;
    padding: 0 20% 0 20%;
    list-style: none;
	 
    height: 100%;
	padding-top:calc(40% - 29px);
     
    
}

.twit-feed-hold ul.slick-dots{
	
    padding: 0px;
    border: 0px;
    width: 100%;
    text-align: center;
    list-style: none;
	margin-top: 50px;
	
}

.twit-feed-hold ul.slick-dots li{
	padding: 0px;
    border: none;
    font-size: 0px;
	width:10px;
    
    float: none;
    
    list-style: none;
    text-align: center;
    display: inline-block;
    margin: 0 2px 0 2px;
	
}

.twit-feed-hold ul.slick-dots li > button{
	width: 10px;
    height: 10px;
	background: transparent;
	border:none;
	border:solid 1px #fff;
}
.twit-feed-hold ul.slick-dots li.slick-active  > button{
	background:#fff;
	
}



.twit-feed-hold ul.slick-dots li > button:focus{
	border:none;
	outline:none;
}


.twit-feed-hold ul li{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px 0 10px 19px;
    list-style: none;
    border-left: solid 2px #fff;
	height: auto;
	 
}

.twit-feed-hold ul li a{
	width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #fff;
    text-decoration: none;
}

/* ---------------  */

.high-light-main i img {
    width: 100%;
    max-width: 64px;
    margin: -23px 0 0 0;
}

.high-light-main .high-con span {

   

}

.rent-title-hold {
    position: absolute;
    z-index: 99;
    // color: #203b70;
	color: #fff;
    padding: 22px 15px 0 15px;
}
.rent-title-hold h2{
color: #fff !important;
margin: 0 0 12px 0;
padding: 0 0 11px 0;
border-bottom: solid 1px #fff;
font-weight: 700;
font-size: 27px;
}
.rent-title-hold h2 span{
	 // color: #203b70!important;
	color:#fff !important;
    font-weight: 200;
}
.rent-title-hold p{
	margin:0px;
	padding:0px;
	// color:#203b70!important;
	color:#fff !important;
}

.viewall-news{
	bottom: 34px;
}

.offers {
    margin-top: 0;
}

.btm-extnl-link {
    position: absolute;
    right: 27px;
    bottom: 14px;
}

.top-twit-icon-hold {
    width: auto;
    margin: 25px 26px 0 26px;
    position: absolute
}

.top-twit-icon-hold img {
    max-width: 52px;
}

.btm-extnl-link a img{
	 max-width: 52px;
	
}


 @media (max-width: 500px){
	 .social-icons-hold {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    background: #203b70;
    right: 0px;
    top: 0px;
    height: 0px;
    display: table;
}

	
}


 @media (max-width: 768px){
 
	.twitt-sec {
  
    width: 100%;  
}
	
}


 .stay-connected .inputstyle {
height: 42px;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 15px;
    background: transparent;
    min-width: 279px;
    text-align: left;
    padding: 0 0 0 11px;
}

.connect-button{
	    margin-top: 0;
}

.stay-connected{
	background:#2a5393;
}

.email-txt-hold {
    border-bottom: solid 1px #3c6ab1;
    margin: 0px;
    padding: inherit;
    padding: 0px;
    width: 100%;
    float: left;
}

.stay-connected{
padding-bottom: 0px;
}
.footer-bottom {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
}

.powered {
    float: none;
    color: #fff;
    font-size: 13px;
    margin-left: 6px;
    margin: 4px 0 0 0;
}

.footer-bottom ul {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
    display: inline-block;
}
footer p {
    text-align: center;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 8px;
}

.footer-bottom p {
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 6px;
}


/* New Styles May 25 2020 Ends */
	
.sub-sec-slide .slick-track{
margin-left: 0!important;
    margin-right: 0!important;

}
.viewpdf-button {
    color: #fff;
    background: url(button-icon1.png) no-repeat 94% center #336699;
    padding: 18px 50px 15px 15px;
    font-size: 14px;
   
    font-family: 'MyriadPro-Regular';
    font-weight: normal;
    margin-top: 12px;
    text-transform: uppercase;
}
@media only screen and (max-width : 768px) {

.divcorp .subsi-box-flow img {
    width: 100%;
    height: auto;
}

.viewpdf-button {
margin: 0 auto;
    float: none;
    display: block;
    margin-top: 25px;
		line-height: 1.5;
}



}
.mob1  a img{
width:100%;
}
.galleryback > ul{
text-align:right;
margin: -36px 0 20px 0;
}

.galleryback > ul li{
padding: 0px;
margin: 0px;
}

.galleryback > ul li a{
border-bottom:none;
text-transform: capitalize;
font-size: 14px;
}


/* New Styles April 28 2021 Starts */
	
@media (max-width: 500px){

.viewall-news {
    bottom: 0px!important;
}
.twit-feed-hold{
height: auto;
}
		

}
	
/* New Styles April 28 2021 Ends */

/* New Styles April 28 2021 Ends */

.high-light-main {
    margin: 58px 11px 15px;
    display: inline-flex;
    max-height: 56px;
    flex-wrap: nowrap;
    flex-direction: column;
}
@media (max-width: 768px){
.pro-listing-hold .row .col-sm-4.col-xs-6 .region-main > img {
    height: 116px;
    min-height: unset;
}

}