html{height:100%;}
body{font-family:'Montserrat-Regular';font-size:15px;overflow-x:hidden;word-wrap:break-word;margin-top: 60px}
img{max-width: 100%}
a:hover{text-decoration: none}
ul{padding-left: 0;list-style: none;}
/* .btn-primary{}
.btn-primary:hover{}
.btn-secondary{}
.btn-secondary:hover{} */
#load{width:100%;height:100%;position:fixed; z-index:9999; background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center #ffffff;top: 0}
.primary-col{color: #009534;}
.secondary-col{color:#efb500;}
.third-col{color: #172972}
.white-col{color: #fff}
.primary-back{background: #009534;}
.secondary-back{background:#efb500;}
.third-back{background: #172972}
.fourth-back{background: #5cb7d6}
.section {padding: 35px 0}
.section-head h2{font-family: 'Montserrat-Bold';font-size: 35px;text-transform: uppercase}
.section-head p{font-family: 'Montserrat-Light';font-size: 24px}
footer{background-color: #797c89;padding: 100px 0 50px 0;position: relative;}
footer .col-sm-6 a{display: block;color: #fff;margin-bottom: 10px}
footer .col-sm-6 a:hover{text-decoration: underline}
footer .col-sm-6 ul li{color: #fff;margin-bottom: 10px;position: relative; }
/* footer .col-sm-6 ul .gabon-mail::before{position: absolute;content: '\f0e0';font-family: 'Font Awesome 5 Free';left: 0;top: 5px} */
/* footer .col-sm-6 ul .gabon-call::before{position: absolute;content: '\f095';font-family: 'Font Awesome 5 Free';left: 0;top: 5px} */
/* footer .col-sm-6 ul .gabon-add::before{position: absolute;content: '\f3c5';font-family: 'Font Awesome 5 Free';left: 0;top: 5px} */
.scrollToTop{color: #fff;text-align: center;position: absolute;top: 20px;left: 0;right: 0;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);margin: 0 auto;max-width: 150px;}
.scrollToTop:hover{color: #fff}
.scrollToTop:hover i{color: #fff;-webkit-animation-name: hvr-bob-float, hvr-bob;  animation-name: hvr-bob-float, hvr-bob;  -webkit-animation-duration: .3s, 1.5s;  animation-duration: .3s, 1.5s;  -webkit-animation-delay: 0s, .3s;  animation-delay: 0s, .3s;  -webkit-animation-timing-function: ease-out, ease-in-out;  animation-timing-function: ease-out, ease-in-out;  -webkit-animation-iteration-count: 1, infinite;  animation-iteration-count: 1, infinite;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;  -webkit-animation-direction: normal, alternate;  animation-direction: normal, alternate;}
.scrollToTop i{display: block;font-size: 25px}
.sticky-social{position: fixed;top: 25%;right: 0;z-index: 10;}
.sticky-social li{list-style: none;text-align: center}
.sticky-social li i{padding: 15px;font-size: 20px;color: #fff}
.sticky-social .fb-icon{background: #4272ad}
.sticky-social .tw-icon{background: #00baf0}
.sticky-social .li-icon{background: #0088b4}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(121, 124, 137, 1);;
}




@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}





/* navigation */
.gabon-nav {padding: 0 15px;box-shadow: 0 3px 2px rgba(0,0,0,.3);}
.gabon-nav.navbar-light .navbar-nav .nav-link{font-size: 14px;padding: 23px 7px;color: #172972;font-weight: 700;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.gabon-nav.navbar-light .navbar-nav .nav-link:focus, .gabon-nav.navbar-light .navbar-nav .nav-link:hover{background: #efb500;color: #fff}
.gabon-nav .navbar-brand img{max-width: 163px;}
.gabon-nav .navbar-nav .active{background: #efb500}
.gabon-nav .navbar-nav .active a{color: #fff !important}
/*  */

/* home page */
.businessbox-mob{display: none}
.banner-video{position: relative;}
.home-banner-text{position: absolute;bottom:20%; }
.banner-video .home-banner-text h2{font-family: 'Montserrat-Bold';font-size: 70px;color: #fff;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);text-transform: uppercase}
.banner-video .home-banner-text p{font-family: 'Montserrat-Light';font-size: 37px;color: #fff;text-transform: uppercase}
.business-unit{position: relative;height: 935px;top:-50px;}
.boxone{display: inline-block; position: absolute; left: 127px;}
.boxtwo{ background-color: #172972;position: absolute;color: #fff;top: 250px;display: table;width: 131px; height: 130px;}
.boxtwo p{display: table-cell; vertical-align: middle; text-align: center;font-size:22px;}
.boxthree{position: absolute; left: 392px; top: 250px;}
.boxfour{position: absolute;top: 510px;}
.boxfive{position: absolute; top: 380px; left: 132px;}
.boxsix{background-color: #efb500;width: 215px; height: 216px;position: absolute;top: 500px; left: 393px;color: #fff;display: table;}
.boxsix p{display: table-cell; vertical-align: middle; text-align: center;font-size:22px;}
.boxseven{width: 228px; height: 121px; background-color: #5cb7d6;display: table;position: absolute;top: 380px; left: 607px;color: #fff} 
.boxseven p{display: table-cell; vertical-align: middle; text-align: center;font-size:22px;}
.boxeight{width: 131px; height: 130px; background-color: #009534;color: #fff;display: table;position: absolute;    left: 132px; top: 640px;}
.boxeight p{display: table-cell; vertical-align: middle; text-align: center; font-size:22px;}
.boxnine{position: absolute;left: 263px; top: 640px;}
.boxten{position: absolute;    top: 770px; left: 0;}
.boxeleven{top: 716px; left: 608px;position: absolute;}
.boxtwelve{position: absolute; top: 501px; left: 780px;}
.boxthirteen{position: absolute; left: 607px; top: 120px;}
.boxfourteen{position: absolute;left: 879px; top: 330px;}
.boxfifteen{position: absolute;left: 830px; top: 843px;}
.unit-text h4{color: #009534;font-size: 40px;font-weight: bold; }
.unit-text p{font-size: 24px;color: #bfbaba}
.unit-text{position: absolute; top: 195px; right: 0;}
.latest-news{background: #172972;padding: 25px 0}
.latest-news h4{color: #efb500;font-size: 50px;}
.latest-news p{color: #c3c9de;font-size: 30px;}
.latest-news .news-grid{background: url(../images/news-back.png);margin-top: 25px;background-repeat: no-repeat;background-size: cover; padding: 25px;height:100%;}
.latest-news .news-grid span{font-size: 14px;line-height: 2; letter-spacing: normal; color: #b6b6b6;display: block;margin-top: 20px}
.latest-news .news-grid .news{font-size: 15px;  line-height: 1.5;  color: #000;display: inline-block;margin-bottom: 15px}
.latest-news .news-grid p{font-size: 16px;color: #172972;}
.voices{margin: 30px 0;padding:30px 0;}
.test-cards{background:#fff;border-radius: 10px;max-width: 500px;-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);}
.test-cards .card-header{padding: 15px;border-radius: 10px 10px 0 0;}
.card-header img{display: inline-block !important;max-width: 85px !important;border-radius: 50%; border: 5px solid #51c77b;vertical-align: top;}
.card-header span{display: inline-block; color: #fff; margin-left: 20px; font-size: 16px; font-weight: 700; margin-top: 18px;} 
.first-card{background-color: #009534;}
.second-card{background-color: #efb500}
.third-card{background-color: #172972 }

/* about */
.about-banner .banner-lhs{background: #f4fafa; padding: 35px; top: 35px; position: relative; left: 100px; z-index: 1;max-width: 650px; float: right;}
.about-banner .banner-lhs p{font-size: 18px;color: #4a4a4a;margin-bottom: 30px;font-family: 'Montserrat-Regular';}
.about-banner .col-lg-6{padding-left:0;padding-right:0; }
.abt-business{background: #ededed}
.box-img img{width: 100%}
.about-box {margin-bottom:30px }
.box-desc{padding: 20px;background: #fff}
.box-desc h5{font-size: 20px;font-family: 'Montserrat-Bold';margin-bottom: 20px;color: #000;text-transform: uppercase}
.box-desc p{margin-bottom: 20px}
.btn-know-more{color: #ffb204;position: relative;padding-bottom: 10px;font-size: 20px;    cursor: pointer;}
.btn-know-more::after{position: absolute;content: '';width: 25%;height: 2px;background: #ffb204;bottom: 0;left: 0;-webkit-transition-property: width;   -webkit-transition-duration: 1s;   transition-property: width;  transition-duration: 1s;}
.btn-know-more:hover{color: #ffb204}
.btn-know-more:hover::after{width: 100%}
.about-banner .banner-rhs img{width: 100%}
/* sustainability */
#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-position: center center;    background-size: contain;     object-fit: cover; }
#gbScroller .layer{ position: absolute;  z-index:8;  width: 100%;  left: 0;  top: 0;  height: 100%;display: table;}
#gbScroller .layer-content{display: table-cell;vertical-align: middle}
.layer h1{ color:#fff;text-align: center;font-family: 'Montserrat-Bold';text-transform: uppercase}
#infoMenu li a{ color: #fff;}
#section1{  overflow: hidden;}
#gbScroller .section{padding: 0}
#gbScroller .section::before{position: absolute;height: 100%;width: 100%;content: '';background: rgba(0, 0, 0, 0.2);z-index: 7;}
.layer-list li{display: inline-flex;background: rgba(255, 255, 255, 0.6);max-width: 260px;padding: 30px;border-radius: 10px;margin-top: 35px;margin-right: 10px;font-family: 'Montserrat-SemiBold';min-height: 160px}
#gbScroller video{height: 100vh;}
.full-sec video{height: 100%;width: 100%}
.full-sec{position: relative;}
.full-sec .layer{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.layer-content{position: relative;text-align: center;}
.layer-content h1{color:#fff;text-align: center;font-family: 'Montserrat-Bold';text-transform: uppercase}
.layer-list li{display: inline-flex;background: rgba(255, 255, 255, 0.6);max-width: 260px;padding: 30px;border-radius: 10px;margin-top: 35px;margin-right: 10px;font-family: 'Montserrat-SemiBold';min-height: 160px}
.layer-list{margin-top: 30px}
.scroll-down .chevron {position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}
.scroll-down .chevron:first-child { animation: move 3s ease-out 1s infinite;}
.scroll-down .chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
.scroll-down .chevron:before,.scroll-down .chevron:after { content: ' ';  position: absolute;  top: 0;  height: 100%;  width: 51%;  background: #fff;}
.scroll-down .chevron:before {left: 0;transform: skew(0deg, 30deg);}
.scroll-down .chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg);}
.scroll-down{position: absolute;bottom: 15%;width: 100%;display: flex;justify-content: center;z-index: 10;}
.scroll-down .text{position: relative;  top: 70px;}
.scroll-down .text a{color: #ffff;}
.full-sec picture{display: none}
@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}





/* Mineral-port */
.port-banner{position: relative;}
.port-banner p{position: absolute;top: 0;text-align: center;left: 0;right: 0;color: #fff;font-size: 26px;font-family: 'Montserrat-Bold';}
.page-banner .active img{border-bottom: 5px solid #efb500}
.timeline-inner{padding: 50px ; background:#f4fafa }
.timeline-content p{display: inline-block;max-width: 200px;position: relative;left: -55px;    font-size: 20px;top: 25px;font-weight: 700;}
.timeline-content img{background: #fff;padding: 25px 60px 25px 25px;}
.timeline-wrapper {position: relative; margin: 50px 0; }
.timeline-wrapper::before {content: ''; background: #a4c5c5; width: 5px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }

.timeline-item {width: 100%; margin-bottom: 0; }
.timeline-item:nth-child(odd) .timeline-content {float: right; padding: 40px 30px 10px 30px; }
.timeline-item:nth-child(even) .timeline-content p{left: 45px; }
.timeline-item:nth-child(even) .timeline-content img{padding: 25px 25px 25px 60px; }
.timeline-item:nth-child(even) .timeline-content .date {right: auto; left: 0; }
.timeline-item::after {content: ''; display: block; clear: both; }
.timeline-content {position: relative; width: 50%; padding: 10px 30px; border-radius: 4px; }
.timeline-img {width: 30px; height: 30px; background: #91c0f1; border-radius: 50%; position: absolute; left: 50%; margin-top: 85px; margin-left: -15px; }
.timeline-card {padding: 0 !important; }
.timeline-card p {padding: 0 20px; }
.timeline-card a {margin-left: 20px; }
.timeline-img-header {height: 200px; position: relative; margin-bottom: 20px; }
.timeline-img-header h2 {color: #FFFFFF; position: absolute; bottom: 5px; left: 20px; }
.page-banner img{width: 100%}
.about-mineral-port p{font-weight: 700;text-align: center;font-size: 20px}
.port-lhs{text-align: center;margin-top:30px}
.port-lhs h4{font-weight: 700}
.about-mineral-port .col-md-6{position: relative;}
.about-mineral-port .col-md-6:after{position: absolute;right: 0;content: '';width: 2px;height: 100%;background: #e8f6f6;top: 0}
.about-mineral-port .col-md-6:last-child:after{display: none}
.gallery-sec{background: #def0e4}

.gabon-banner{position: relative;}
.gabon-banner img{width: 100%}
.gabon-banner .layer{position: absolute;z-index: 8;width: 100%;left: 0;top: 50%;height: 100%;display: table;}
.gabon-banner .layer-content {display: table-cell;vertical-align: middle;}
.gabon-potentials{background: #f4fafa;padding: 50px 0}
.p-text{padding: 25px;background: #fff}
.p-text p{font-size: 18px;font-weight: 700;margin-bottom: 0;}
.potential-box{position: relative;margin-bottom: 30px}
.pot-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #efb500;}
.potential-box:hover .pot-overlay, .potential-box.active .pot-overlay {opacity: 1;}
.pot-overlay .text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;    border: 2px dashed #fff;width: 90%;height: 90%;}
.pot-overlay .text p{position: absolute;top: 35%;left: 0;right: 0;padding: 0px 15px;text-align: left;font-size: 24px;font-weight: 700;line-height: 1.4;text-transform: uppercase;}
.sec-investor{background: rgb(0,149,52);
  background: -moz-linear-gradient(top, rgba(0,149,52,1) 0%, rgba(0,149,52,1) 40%, rgba(0,149,52,1) 49%, rgba(0,149,52,1) 49%, rgba(244,250,250,1) 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,149,52,1) 0%,rgba(0,149,52,1) 40%,rgba(0,149,52,1) 49%,rgba(0,149,52,1) 49%,rgba(244,250,250,1) 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,149,52,1) 0%,rgba(0,149,52,1) 40%,rgba(0,149,52,1) 49%,rgba(0,149,52,1) 49%,rgba(244,250,250,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009534', endColorstr='#f4fafa',GradientType=0 ); /* IE6-9 */}
.investor-poiters{padding: 25px;background: #fff;margin-bottom: 0}
.investor-poiters li{align-items: stretch;background: #f2f2f2;margin-right: 15px;}
.investor-poiters span{font-size: 50px;font-weight: 700;display: block; margin-left: 0;background: #fff}
.investor-poiters li h4{padding: 20px;color: #fff;text-transform: uppercase;font-weight: 700;margin-bottom: 0;font-size: 22px;min-height: 145px;}
.investor-poiters li p{padding: 20px;background: #f2f2f2;}
.investor-poiters ul{display: flex}

.air-port-banner{position: relative;}
.air-port-banner video{width: 100%}
.air-banner-cont{position: absolute;top: 5%;max-width: 960px;margin: 0 auto;left: 0;right: 0;text-align: center;}
.air-banner-cont h1{font-size: 48px;color: #172972;font-weight: 700;text-transform: uppercase;margin-bottom: 20px}
.air-banner-cont p{color: #4a4a4a;font-size: 20px;}
.air-banner-cont ul{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 40px;margin-bottom: 0;}
.air-banner-cont li{display: inline-block;width: 30%;margin-bottom: 20px;margin-right: 20px;color:#172972;font-size:20px;font-weight: 700;}

.pulse-list {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #009534;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse-list 2s infinite;
  margin-right: 15px;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse-list {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(16, 233, 27, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(16, 233, 27, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(16, 233, 27, 0);
  }
}
@keyframes pulse-list {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(16, 233, 27, 0.4);
    box-shadow: 0 0 0 0 rgba(16, 233, 27, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(16, 233, 27, 0);
      box-shadow: 0 0 0 20px rgba(16, 233, 27, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(16, 233, 27, 0);
      box-shadow: 0 0 0 0 rgba(16, 233, 27, 0);
  }
}

.airline-grid .col-md-3{padding: 10px;    border-right: 2px dashed #f2f2f2;  border-bottom: 2px dashed #f2f2f2;}
.airline-grid .col-md-3 img{width: 100%}
.br-n{border-right: none !important}
.bb-n{border-bottom: none !important}
.banner-lhs img{position: absolute;top: -55px;max-width: 75px;}
.hub-grid {margin-top: 35px;position: relative;}
.hub-grid .col-md-3{padding: 25px;text-align: center;border: 1px solid #f2f2f2;font-size: 20px;background: #fff;transition: transform .5s; /* Animation */}
.hub-grid .col-md-3:hover{transform: scale(1.1);z-index: 1;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);}


.contact-banner .banner-lhs{background: #fdf1cc;top: 60px;height: 100%;display: table;}
.banner-wrap{display: table-cell;vertical-align: middle;}
.contact-section{background: #f4fafa; padding-top: 80px}
.contact-section form{margin-bottom: 30px;background: #fff;padding: 25px;-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);margin-top: 30px}
.contact-section form input{border: 1px solid #bbe0e0;border-radius: 0}
.contact-section form .g-btn-submit{width: 100%;border-radius: 0;background: #172972;color: #fff;text-align: center;text-transform: uppercase}
.contact-section form .g-btn-submit:hover{background: #efb500;}
.contact-section iframe{width: 100%;height: 100%;margin-bottom: 30px}



/* NKOK GSEZ */
.nkok-infographics{text-align: center;  padding: 200px 0;}
.nkok-infographics .info-0{min-width: 300px;}
.infographics-center{max-width: 300px; margin: 0 auto;position: relative;}
.info-1{position: absolute;left: -240px;bottom: -95px;}
.info-2{position: absolute;left: -300px;  bottom: 65px;}
.info-3{position: absolute;left: -259px;top: -38px;}
.info-4{position: absolute;left: 0;top: -200px;right: 0;text-align: center;margin: 0 auto;}
.info-5{position: absolute;right: -255px;  top: -38px;}
.info-6{position: absolute;right: -300px;  bottom: 65px;}
.info-7{position: absolute;right: -240px;bottom: -95px;}
.nkok-box .desc-box{padding: 30px;display: flex;flex-direction: column;justify-content: center;}
.nkok-box .desc-box h2{font-weight: 700;text-transform: uppercase}
.nkok-box .desc-box ul{padding-left: 30px}
.nkok-box .desc-box ul li{list-style: disc;font-size: 22px;line-height: 1.82;}
.img-box img{width: 100%}
.wood-hub{background: url(../images/wood-bg.jpg)no-repeat; background-attachment: fixed;background-size: cover}
.wood-hub ul{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap:wrap}
.wood-hub ul li{display: inline-block;background: rgba(255, 255, 255, .7); padding: 30px;margin-bottom: 15px;max-width: 175px;text-align: center}
.wood-hub ul li span{font-size: 24px;  font-weight: 600;  color: #000;}
.wood-hub ul li p{margin-top: 15px}
.nkok-mob{display: none}
.gallery-sec p{font-size: 20px}
.gallery-inner{position: relative;}
.gallery-inner img{width: 100%}
.gallery-inner .lSSlideOuter .lSPager.lSGallery img{height: 100%;}
.gallery-inner .lSSlideOuter .lSPager.lSGallery li.active, .gallery-inner .lSSlideOuter .lSPager.lSGallery li:hover{border-radius: 0}
.gallery-inner .lSSlideOuter .lSPager.lSGallery li.active {display: none}
.gallery-inner .lSSlideOuter.vertical .lSAction > .lSNext{position: absolute;background: #000;color: #fff;font-size: 20px; text-align: center;right: 0;left: auto;bottom: 0;width: 60px; height: 40px;padding: 7px;}
.gallery-inner .lSSlideOuter.vertical .lSGallery{height:auto;transform: translate3d(0px, 0px, 0px) !important;}
.gallery-inner .lSSlideWrapper{overflow: visible;position: static}







/*Media Queries*/
@media screen and (min-width:1024px),screen and (min-height:600px){}
@media screen and (min-width:990px) and (max-width:1024px){}
@media screen and (min-width:641px) and (max-width:768px){
  .hero-banner{margin-top: 65px}
  .home-banner-text{bottom: 20px;}
  .banner-video .home-banner-text h2{font-size: 40px;}
  .banner-video .home-banner-text p{font-size: 22px}
  .about-banner .banner-lhs{top: 0;left: 0;max-width: 100%;}
  .latest-news .news-grid p{font-size: 20px;}
  .layer-list{text-align: center}
  .business-unit{    overflow-x: scroll; overflow-y: hidden;top: -25px;}
  .unit-text h4{font-size: 28px;text-align: right;}
  .unit-text p{font-size: 16px}
  .unit-text{top: 130px;}
  .timeline-wrapper::before{left: 50px;}
  .timeline .timeline-item:nth-child(odd) .timeline-content::after{display: none}
  .timeline::before {left: 50px; }
  .timeline .timeline-img {left: 50px; }
  .timeline .timeline-content {max-width: 100%; width: auto; margin-left: 70px; }
  .timeline .timeline-item:nth-child(even) .timeline-content {float: none; }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; left: -15px; border-width: 10px 15px 10px 0; border-color: transparent #f5f5f5 transparent transparent; }
  .full-sec video {max-width: 768px;height: auto;}
  .layer-content{top: 5%;}
  .layer-content h1{font-size: 24px}
  .layer-list{margin-top: 15px}
  .layer-list li{margin-top: 10px;min-height: 90px;padding: 15px;font-size: 14px}
  .investor-poiters ul{flex-wrap: wrap}
  .air-banner-cont h1{font-size: 30px}
  .air-banner-cont li{font-size: 17px;}
}
@media screen and (min-width:481px) and (max-width:640px){
  .about-banner .banner-lhs{top: 0;left: 0}
  .layer-list{text-align: center}
}
@media screen and (min-width:300px) and (max-width:480px){
  .businessbox-mob{display: block}
  .businessbox-desk{display: none}
  .hero-banner{margin-top: 65px}
  .home-banner-text{bottom: 20px;}
  .banner-video .home-banner-text h2{font-size: 24px;}
  .banner-video .home-banner-text p{font-size: 16px}
  .business-unit{top: 0}
  .business-unit{    overflow-x: scroll; overflow-y: hidden;top: -25px;}
  .unit-text h4{font-size: 26px;}
  .unit-text p{font-size: 17px;}
  .unit-text{top: 0;display: none}
  .about-banner .banner-lhs{top: 0;left: 0}
  .layer-list{text-align: center}
  .test-cards{max-width: 400px;}
  .timeline-wrapper::before{left: 0;}
  .timeline .timeline-img {left: 0;}
  .timeline .timeline-item:nth-child(odd) .timeline-content::after{display: none}
  .timeline-content p{left: 0}
  .timeline .timeline-content{margin-left: 15px; max-width: 100%;    width: auto;}
  .timeline::before {left: 50px;}
  .timeline .timeline-img {left: 0; }
  .timeline .timeline-item:nth-child(even) .timeline-content {float: none; }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; left: -15px; border-width: 10px 15px 10px 0; border-color: transparent #f5f5f5 transparent transparent; }
  .timeline-content img{padding: 15px}
  .timeline-item{margin-bottom: 30px}
  .timeline-item:nth-child(even) .timeline-content p{left: 0;margin-bottom: 20px}
  .about-mineral-port .col-md-6:after{display: none;}
  .full-sec video {max-width: 425px;height: auto;}
  .layer-content{top: 5%;}
  .layer-content h1{font-size: 24px}
  .layer-list{margin-top: 15px}
  .layer-list li{margin-top: 10px;min-height: 90px;padding: 15px;font-size: 14px}
  .investor-poiters ul{flex-wrap: wrap}
  .full-sec video{display: none}
  .full-sec picture{display: block}
  .air-banner-cont{position: relative;top: 0}
  .air-banner-cont h1{    font-size: 26px;}
  .air-banner-cont li{width: 100%;text-align: left;}
  .nkok-mob{display: block}
  .nkok-desk{display: none}
}
@media screen and (max-width:320px){
  .test-cards{max-width: 300px;}
}




/* Fonts */

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

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

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

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