@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900");

/* COMMON */
html {
	position: relative;
	min-height: 100%;
}
body{
	font-size: 18px;
	font-family: 'Montserrat', arial, tahoma, sans-serif;
	font-weight: 400;
	line-height: 30px;
	padding: 0 0 0 0;
	margin: 0;
	color: #010000;	
	word-break: break-word;	
	background-color: #fff;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;		
}
a:link,
a:visited{
	color:#000;
	text-decoration:none;
	outline: none;
}
a:hover{
	color: #000;
}
select {
}
select::-ms-expand{
}
p {
    margin: 0 0 20px;
}
span.required{
	color: #E42C3E;
	font-size: 14px;
}
.form-control{
	border: 1px solid #bbb;	
	border-radius: 2px;
	padding: 10px 12px;
	height: 50px;
	font-size: 18px;
	background-color: #fff;
	box-shadow: none !important;
	outline: none !important;
}
.form-control.error {
    border-color: #E42C3E;
    z-index: 1;
}
.form-group>label{
	font-weight: 400;
	color: #333;
}
input[type=checkbox], 
input[type=radio]{
	margin-top: 8px;
}
.checkbox label, 
.radio label{
	font-weight: 300;
}
.btn{
	border: 0;
}
.btn-success{
	text-align: center;
	background-color: #282a2d !important;
	color: #fff !important;
	border-radius: 2px !important;
	padding: 18px 20px 18px 20px;
	font-weight: 600;
	font-size: 18px;
	border: 0 !important;
	outline: none !important;
}
.btn-success .fa{
	margin-left: 20px;
}
.alert{
	border-radius: 0;
	font-size: 18px;
}
ul.np {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
ul.np li {
    padding: 3px 0;
    position: relative;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}
.preloader .box {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
}
.preloader .cssload-speeding-wheel{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.mgt30{
	margin-top: 30px;
}
.mgt40{
	margin-top: 40px;
}
.mgt50{
	margin-top: 50px;
}
.mgt60{
	margin-top: 60px;
}
.mgt70{
	margin-top: 70px;
}
.sm-line{
	position: relative;
	display: block;
}
.mgt-bottom50{
	margin-bottom: 50px;
}
.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.navbar-toggle{
	margin-right: 0;
	margin-top: 25px;
    border-radius: 0;
	padding: 6px 5px;
}
.navbar-toggle .icon-bar{	
	background-color: rgba(43,77,90,1);
}
.img img{
	width: 100%;
}
h3.sub-title{
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 35px 0;	
}
.page-description{
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.section-title{
	font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
	margin-left: auto;
	margin-right: auto;	
}
.section-title+.section-description{
	font-size: 22px;
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 45px;	
}
.logo-split{
    display: flex;
    margin-bottom: 30px;
	margin-top:60px;
}

.logo-split span.logo{
    padding: 0 10px;
}
.logo-split span.line {
    position: relative;
    flex: 1;
}
.logo-split span.line:after{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    height: 1px;
    background-color: #ababab;
}
.section{
    position: relative;    
}
.section.ov-hd{
	overflow: hidden;
}
.section-content {
    width: 1074px;
    margin: auto;
}
.two-column-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.two-column-content .img-content{
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(45%);
    flex: 0 0 calc(45%);
	z-index: 1;
	top: 60px;
	min-height: 700px;	
}
.two-column-content .img-content .bg-img{
	background-color: #ddd;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    max-height: 100%;
    min-height: 100%;
    width: 250%;
}
.two-column-content .text-content{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(55% + 10%);
    flex: 0 0 calc(55% + 10%);
    padding: 50px 50px 50px 10%;	
	position: relative;
	left: -10%;
	z-index: 0;
}
.two-column-content .text-content .wrap-item{
	position: relative;
	z-index: 1;
	padding-left: 50px;
}
.two-column-content .text-content:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-color: rgba(53,99,106,0.8);
    z-index: 0;
}
.wrap-page{
	padding-bottom: 200px;
}
/* HEADER */
#header-bar{	
	position: fixed;
    z-index: 1000;
	left: 0;
	right: 0;
	top: 30px;	
	box-sizing: border-box;	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	height: 96px;
	background-color: rgba(204,255,255,.90);
	border-bottom: 16px solid rgba(180,231,231,1);
}
#header-bar.fixed{
	top: 0;
	height: 80px;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
#header-bar.fixed .navbar-toggle .icon-bar{
	background-color: rgba(34,54,87,1);
}
#header-bar.fixed .company-logo{
	top: 20px;
}
#header-bar.fixed .company-logo img.dark{
	display: block;
}
#header-bar.fixed .company-logo img.light{
	display: none;
}
#header-bar.fixed .company-logo img {
    max-height: 45px;
}
#header-bar.fixed #top-menu li{
	padding: 10px 17px;
}
#header-bar.fixed #top-menu .navbar-nav>li>a{
	color: rgba(34,54,87,1);
}
#header-bar .company-logo{
	position: absolute;
	top: 21px;
	display: block;	
}
#header-bar .company-logo img{
	max-height: 60px;
}
#header-bar .company-logo img.dark{
	display: none;
}
#top-menu{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 3;	
}
#top-menu .navbar-nav>li{
	padding: 20px 17px;
}
#top-menu .navbar-nav>li>a{
	font-size: 16px;	
	font-weight: 700;
	color: rgba(0,0,0,1) !important;
	text-transform: uppercase;	
	padding: 2px;
	line-height: 25px;
	box-sizing: border-box;
	position: relative;
}
#top-menu .nav .open>a,
#top-menu .nav .open>a:hover,
#top-menu .navbar-nav>li>a:hover{
	background-color: transparent;
	color: rgba(0,0,0,1) !important;
}
#top-menu .nav .open>a:focus,
#top-menu .navbar-nav>li>a:focus{
	background-color: transparent;
	color: #000;
}

/* FOOTER */
#footer-bar{
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	line-height: 20px;
	font-size: 12px;
	color: #9cb9ae;	
	background-color: rgba(245,245,245,1);
}
#footer-bar .wrap{	
	display: flex;
	align-items: center;
}
#footer-bar img.logo {
    height: 35px;
    margin-right: 5px;
    position: relative;
    top: 0px;
}
#footer-bar a{
	color: #669f8a;
	font-weight: 600;
}
#footer-bar a.linkedin {
    background-color: #9fabb1;
    padding: 3px 5px;
    border-radius: 2px;
    color: #354b5b;
	position: relative;
    top: 10px;
}

/* BANNER */
#banner{
	background-color: #2b4d5a;
	height: 404px;
	min-height: auto;
	position: relative;	
}
#banner.contact-us{
	background-image: url(../images/banners/contact-us.jpg);	
}
#banner.about-us{
	background-image: url(../images/banners/about-us.jpg);
	/*height: 404px; */
	min-height: auto;
}
#banner.our-technology{
	background-image: url(../images/banners/our-technology.jpg);
}
#banner.our-team{
	background-image: url(../images/banners/our-team.jpg);
}
#banner.esg{
	background-image: url(../images/banners/esg.jpg);
}
#banner.news{
	background-image: url(../images/banners/news.jpg);
}
#banner.our-team.detail{
	background-image: url(../images/banners/our-team.jpg);
	margin-bottom: 25px;
}
#banner .title{
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 12%;
	left: 0;
	right: 0;
}
#banner .title h1{	
	font-weight: 700;
	font-size: 54px;
}
#banner .title .desc{
	font-weight: 400;
	font-size: 28px;
	line-height: 1.4;
	margin: 40px auto 0 auto;
	width: 70%;
}

/* HOMEPAGE */
#homepage {
	min-height: 900px;
}
#homepage .mobile-main-img{
	display: none;
}
#homepage .homepage-content {    
    color: #fff;	
	transform: translate(-50%,-45%);
    position: absolute;
    top: 50%;
    left: 50%;	
}
#homepage div.desc h1{
	font-size: 36px;
	font-weight: 800;
	color: #aee0e4;	
}
#homepage div.desc{
	padding-bottom: 100px;	
}
#homepage div.desc h3{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.1;
	max-width:490px;
	padding-top: 10px;
}
#homepage div.desc h3.l3{
    font-size: 12px; /* Adjust as needed */
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #23549e; /* Matches vibrant blue color */
    padding: 5px 10px; /* Space inside the box */
    margin: 10px auto; /* Adjust spacing above and below */
    border: 0px solid #95e8ef; /* Border color */
    border-radius: 0px; /* Rounded corners */
    background-color: #f0f8fa; /* Light background color */
    display: inline-block; /* Keeps the box size close to the text */
}
#homepage div.desc h4{
	font-size: 17px;
	font-weight: 800;
	line-height: 1.1;
	max-width:490px;
	padding-top: 0px;
	padding-left: 30px;
	border-left: 8px solid #30F3EA;
}

#homepage div.desc a {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.0;
    max-width: 490px;
    padding-top: 0px;
    color: #95e8ef;
    text-decoration: none; /* Optional: Removes underline */
    transition: color 0.3s ease, font-size 0.3s ease; /* Smooth transition */
}

#homepage div.desc a:hover {
    color: #ffffff; /* Change to a different shade for hover */
    font-size: 17px; /* Slightly increase font size on hover */
    text-decoration: underline; /* Optional: Add underline on hover */
}

#homepage .items{
	margin-top: 50px;
	margin-left: 0;
	margin-right: 0;
}
#homepage .items > div{
	padding-left: 0;
}
#homepage .items a{
	display: block;
	color: #d5d7d9;
	font-size: 22px;
	font-weight: 700;	
	padding-top: 15px;
	border-top: 8px solid #fff;
	line-height: 1;
}
#homepage .items a:hover{
	color: #d4dadd;
}
#homepage .items a.mn-about{
	border-top-color: #58c8d9;
}
#homepage .items a.mn-about:hover{
	border-top-color: #fff;	
}
#homepage .items a.mn-tech{
	border-top-color: #ccf6ff;
}
#homepage .items a.mn-tech:hover{
	border-top-color: #fff;	
}
#homepage .items a.mn-team{
	border-top-color: #58c8d9;
}
#homepage .items a.mn-team:hover{
	border-top-color: #fff;	
}
#homepage .items a.mn-esg{
	border-top-color: #ccf6ff;
}
#homepage .items a.mn-esg:hover{
	border-top-color: #fff;	
}
#homepage #footer-bar{
	background-color: rgba(204,204,204,0.2);
	position: absolute;
	bottom: 0;
	left: 0;
}

#homepage .button {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
			font-weight: 700;
            color: #2b4d5a;
            background-color: #9bc5cb;
            text-decoration: none;
            border-radius: 5px;
            border: none;
            cursor: pointer;
            text-align: center;
        }
        .button:hover {
            background-color: #b4e7e7;
        }
#homepage .video-box{
	margin-top: 30px;
}		


/* TEAM */
#our-team-page .logo-split{
	margin-top: 120px;
	margin-bottom: 80px;
}
#our-team-page .items{
	margin-top: 120px;
}
#our-team-page .items .item{
	cursor: pointer;
	margin-bottom: 75px;
}
#our-team-page .items .item .img{
	border-radius: 50%;
	border: 2px solid #9eb9c3;
	padding: 15px;
	width: 75%;
	margin: 0 auto;
}
#our-team-page .items .item .img img{
	border-radius: 50%;	
}
#our-team-page .items .item .name{
	font-size: 28px;
	font-weight: 700;
	margin-top: 30px;
}
#our-team-page .items .item .pos{
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
	padding-left: 15px;
    padding-right: 15px;
}
#our-team-page .quote{
	position: relative;
}
#our-team-page .quote .text{
	font-size: 34px;
	font-weight: 600;
	line-height: 1.2;	
}
#our-team-page .quote .name{
	font-size: 18px;
	font-weight: 600;
	margin-top: 50px;
}
#our-team-page .quote .quote-icon{
	font-size: 150px;
	font-weight: 600;
	line-height: 116px;
	height: 35px;
	color: #1a677f;		
	position: absolute;
	top: 0;
}
#our-team-page .quote .text{
	margin-top: 75px;
}
#our-team-page .text-c{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	color: #2b4d5a;
}

/* ABOUT US */
#about-us-page #footer-bar{
	background-color: #696969;	
}
#about-us-page .two-column-content{
	padding-bottom: 100px;
	margin-top: 25px;
}
#about-us-page .two-column-content .img-content{   
	top: 60px;
	height: 750px;	
}
#about-us-page .two-column-content .img-content .bg-img{
	background-image: url(../../assets/images/about-us/pic.jpg);    
}
#about-us-page .two-column-content .text-content .wrap-item{
	position: relative;
	z-index: 1;
	padding-left: 50px;
}
#about-us-page .two-column-content .text-content:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-color: rgba(4,62,70,0.8);
    z-index: 0;
}
#about-us-page .two-column-content .text-content h2{
	font-size: 40px;
	font-weight: 600;
	color: #50d8da;
	margin-top: 120px;
	margin-bottom: 50px;
}
#about-us-page .two-column-content .text-content .desc{
	font-size: 32px;
	color: #fff;
	line-height: 1.2;
}
#about-us-page .section-title+.section-description{
	width: 95%;
}
#about-us-page .box-t{
/*	background: url(../images/about-us/bg-t.jpg) no-repeat right top;*/
	background-size: 100% auto;
	padding-top: 70px;
}
#about-us-page .box-b{	
	background: url(../images/about-us/bg-b.jpg) no-repeat right bottom;
	background-size: 100% auto;	
	padding-bottom: 200px;
}
#about-us-page .panel{
	border: 0;
	background-color: transparent;
	box-shadow: none;
}
#about-us-page .panel+.panel{
	margin-top: 1px;
}
#about-us-page .panel .panel-heading{
	padding: 0;
	border: 0;
	background-color: transparent;
}
#about-us-page .panel .panel-title a{
	display: block;
	background-color: rgba(50,99,99,0.55);
	padding: 20px;
}
#about-us-page .panel .panel-title a:hover{
	background-color: rgba(57,126,131,0.83);
}
#about-us-page .panel .panel-title a .wrap{
	display: flex;
	align-items: center;
}
#about-us-page .panel .panel-title a .wrap .year{
	width: 140px;
	font-size: 36px;
	color: #fff;
	text-align: right
}
#about-us-page .panel .panel-title a .wrap .symb{
	width: 120px;
	font-size: 42px;
	color: #fff;
}
#about-us-page .panel .panel-title a .wrap .symb i{
	float: right;
	display: block;
	width: 40px;
	height: 35px;
	background: url(../images/i-up.png) no-repeat 0 0;
	background-size: auto 32px;
	background-position: center right;
}
#about-us-page .panel .panel-title a.collapsed .wrap .symb i{
	background: url(../images/i-down.png) no-repeat 0 0;
	background-size: auto 32px;
	background-position: center right;
}
#about-us-page .panel .panel-title a .wrap .title{
	flex: 1;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	padding-left: 35px;
}
#about-us-page .panel .panel-body{
	color: #000;
	font-weight: 500;	
	background-color: rgba(50,99,99,0.29);
	padding: 15px 40px 30px 190px;
	border: 0;
	-webkit-clip-path: polygon(0 0, 0 0%, 5% 100%, 100% 100%, 100% 0);
	clip-path: polygon(0 0, 0 0%, 5% 100%, 100% 100%, 100% 0);
}
#about-us-page .sub-header{
	font-size: 50px;
	color: #000;
	font-weight: 700;
	margin: 70px 0 70px 0;
}

/* ESG */
#esg-page .two-column-content{
	padding-bottom: 0;
}
#esg-page .two-column-content .img-content{   
	top: 0;
	min-height: 600px;
	max-height: 800px;
}
#esg-page .two-column-content .img-content .bg-img{
	background-image: url(../../assets/images/esg/pic-2.jpg);    
	background-position: center center;
	background-size: 100% auto;
}
#esg-page .two-column-content .text-content{
	margin-top: 150px;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 15px;
}
#esg-page .two-column-content .text-content:after{
	background-color: #d7e3e6;
}
#esg-page .two-column-content .text-content .wrap-item{
	padding-left: 70px;
}
#esg-page .quote-box{
	background-color: #ddd;
    padding: 100px 0;
    color: #fff;
	background-image: url(../../assets/images/esg/bg-quote.jpg);
	background-position: center top;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 80px;
	margin-bottom: 30px;
}
#esg-page .quote-box .quote{
	position: relative;	
}
#esg-page .quote-box .quote .text{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;	
	padding-top: 75px;
}
#esg-page .quote-box .quote .name{
	font-size: 22px;
	font-weight: 500;
	margin-top: 50px;
}
#esg-page .quote-box .quote .quote-icon{
	font-size: 150px;
	font-weight: 600;
	line-height: 116px;
	height: 35px;
	color: #fff;		
	position: absolute;
	top: 0;
	margin-left: -34px;
}
#esg-page .section-title+.section-description{
	width: 89%;
}
#esg-page .container-fluid.nav-items{
	padding-left: 0;
	padding-right: 0;
}
#esg-page .nav-items>.row{	
	margin-left: 0;
	margin-right: 0;
}
#esg-page .nav-items>.row>div{
	padding-left: 0;
	padding-right: 0;
}
#esg-page .nav-items .nav li{
	border-bottom: 1px solid #aac2cb;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 5px 100px;
}
#esg-page .nav-items .nav li .tl{
	font-size: 24px;
	color: #195f77;
	font-weight: 700;
}
#esg-page .nav-items .nav li .icon{
	width: 10%;
	opacity: 0.6;
}
#esg-page .nav-items .nav li .icon img{
	max-width: 85%;
}
#esg-page .nav-items .nav li .sub-title{
	padding-left: 50px;
	flex: 1;
}
#esg-page .nav-items .nav li .des{
	/*height: 0;*/
	opacity: 100%;
	color: #000;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	margin-top: 0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#esg-page .nav-items .nav li.active{
	background-color: rgba(232,240,241,1);
}
#esg-page .nav-items .nav li:hover{
	/*background-color: rgba(232,240,241,0.5);*/
	background-color: rgba(232,240,241,1);
}
#esg-page .nav-items .nav li:hover .icon{
	opacity: 1;
}
#esg-page .nav-items .nav li:hover .des,
#esg-page .nav-items .nav li:focus .des,
#esg-page .nav-items .nav li.active .des{
	opacity: 1;
	height: auto;
}
#esg-page .nav li:last-child{
	border-bottom-width: 0;
}
#esg-page .nav-items #nav-pic img{
	max-width: 85%;
	width: auto;
	padding: 0 15px;
}
#esg-page .ov-hd{
	margin-top: 100px;
	color: #666;
	font-weight: 500;
}
#esg-page .ov-hd h2{
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-top: 70px;
}
#esg-page .ov-hd .wrap-item:first-child h2{
	margin-top: 0;
}
#esg-page .list-items .item{
	margin-bottom: 70px;
}
#esg-page .list-items .item:last-child{	
	margin-bottom: 0;
}
#esg-page .list-items .item .sub-title{
	color: #1b5354;
	font-size: 28px;
	font-weight: 700;
	margin-top: 70px;
	margin-bottom: 20px;
}
#esg-page .list-items .item .desc{
	font-size: 18px;
	font-weight: 600;
	width: 80%;
}


#esg-page  .statistic{
	margin-top: 70px;
}
#esg-page  .statistic .item .num{
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	color: #195f77;
}
#esg-page  .statistic .item .desc{
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
}
#esg-page  .statistic .item .icon-esg{
	margin-top: 10px;
	width: auto;
	padding:inherit;
}
#esg-page  .statistic .item img{
	width: 60%;
  	height: auto;
	padding-bottom: 30px;
	padding-top: 50px;
}

/* OUR TECHNOLOGY */
#our-technology-page .two-column-content{	
	margin-top: 80px;
	margin-bottom: 100px;
}
#our-technology-page .two-column-content .img-content{	
}
#our-technology-page .two-column-content .img-content .bg-img{
	background-image: url(../../assets/images/technology/mas-45-td-iso-4.jpg);    
	max-height: 700px;
}
#our-technology-page .two-column-content .text-content{	
	-ms-flex: 0 0 calc(60%);
    flex: 0 0 calc(60%);
    padding: 0 50px 120px 0;	
    padding-right: 10%;	
	position: relative;
	left: 0;
	z-index: 0;	
	color: #000;
	font-weight: 600;
}
#our-technology-page .two-column-content .text-content:after{	
    right: 0;
	left: auto;    
    background: rgba(215,227,230,.8);
	background-image: linear-gradient(to right, #ffffff, #ffffff, #d9e2e5);
    z-index: 0;
}
#our-technology-page .two-column-content .text-content h2{
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 700;
}
#our-technology-page .two-column-content .img-content{	
    -ms-flex: 0 0 calc(55% + 10%);
    flex: 0 0 calc(55% + 10%);
    z-index: 1;    
    /*height: 700px;*/
	left: -10%;	
	text-align: center;
	top: 0;
}
#our-technology-page .two-column-content .img-content .bg-img{
	top: 0;
    left: 0;
	right: auto;
	width: 100%;
}
#our-technology-page .two-column-content .text-content .wrap-item{
	padding-left: 15px;
	padding-right: 50px;
	padding-bottom: 50px;
	position: relative;
}
#our-technology-page .two-column-content .text-content .wrap-item .description{
	position: relative;
	z-index: 1;
}
#our-technology-page .two-column-content .text-content .wrap-item:first-child:after{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 220%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
	color: #000;
}
#our-technology-page .hybrid-drilling{
	display: flex;
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: solid #000 1px;
}
#our-technology-page .hybrid-drilling .col{
	width: calc(50% - 40px);
}
#our-technology-page .hybrid-drilling .col:last-child{
	margin-top: 70px;
	width: calc(50% + 40px);
	align-self: baseline;
	background-color: #d7e3e6;
}
#our-technology-page .hybrid-drilling .content-text{
	padding: 20px 15px 70px 70px;
}
#our-technology-page .hybrid-drilling .content-text h2{
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 700;
}
#our-technology-page .list-items .item{
	margin-bottom: 70px;
}
#our-technology-page .list-items .item:last-child{	
	margin-bottom: 0;
}
#our-technology-page .list-items .item .sub-title{
	color: #000000;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 70px;
	margin-bottom: 20px;
}


#our-technology-page .list-items .item .desc{
	/*font-size: 18px;*/
	font-weight: 500;
	color: #00;
	width: 100%;
}
#our-technology-page .wrap-page ul{
	margin: 0;
    padding: 0;
    list-style: none;
	color: #666;
	font-weight: 600;
}
#our-technology-page .wrap-page ul.bl{
	color: #000;
}
#our-technology-page .wrap-page ul li{
	position: relative;
    padding: 3px 0 3px 20px;
	line-height: 1.3;
	color: #000;
}
#our-technology-page .wrap-page ul.download{	
    padding-left: 0;
}
#our-technology-page .wrap-page ul.download li{
	background: url(../images/i-pdf.png) no-repeat left 8px;
	padding-left: 80px;
	padding-top: 0;
	margin-bottom: 40px;
}
#our-technology-page .wrap-page ul.download li:last-child{
	margin-bottom: 0;
}
#our-technology-page .wrap-page ul.download li:before{
	display: none;
}
#our-technology-page .wrap-page ul li:before{
	content: "";
    width: 8px;
    height: 8px;
    display: block;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 10px;
}
#our-technology-page .section-title{	
	width: 65%;
}
#our-technology-page .section-title+.section-description{
	width: 60%;
}
#our-technology-page .statistic{
	margin-top: 70px;
}
#our-technology-page .statistic .item .num{
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	color: #195f77;
}
#our-technology-page .statistic .item .desc{
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
}
#our-technology-page .view-slide-show{	
	margin-top: 40px;
}
#our-technology-page .view-slide-show .s-arrow{
	display: flex;
	align-items: center;
}
#our-technology-page .view-slide-show .play-icon{	
	border-radius: 50%;	
	padding: 7px 4px 7px 7px;
    width: 60px;
    height: 60px;
    display: inline-block;
    background-color: #195f77;
    text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
#our-technology-page .view-slide-show img{
	height: 24px;
}
#our-technology-page .images-slide{
	display: none;
}

/* CONTACT */
#contact-us-page .page-description{
	width: 85%;
	margin-bottom: 100px;
}
#contact-us-page .info{
	font-size: 24px;
	font-weight: 600;
}

/* NEWS */
#news-page #filter-options .active a{
	color: #999;
}
#news-page #filter-options li{
	list-style: none;
	margin-bottom: 10px;
}
#news-page .datetime{	
	font-weight: 500;
	color: #666;
}
#news-page #filter-options a{
	font-size: 28px;
	font-weight: 700;
	color: #195f77;
}
#news-page .items a{
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}
#news-page .items li{
	margin-bottom: 40px;
	list-style: none;
}
#news-page.detail .datetime{
	font-weight: 600;
	margin-bottom: 70px;
}
#news-page.detail p{
	text-align: justify;
}
#news-page.detail img{
	max-width: 100%;
}
#news-page.detail a{
	color: #000;
	font-weight: 600;
}
#news-page.detail h1.title{
	font-weight: 900;
	line-height: 1.2;
	color: #000;
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 40px;
}
#news-page.detail h3.title{
	font-weight: 800;
	margin-top: 45px;
	margin-bottom: 30px;
}
#news-page.detail p.sub-header{
	margin-bottom: 30px;
}
#news-page.detail .images{
	margin: 40px 0;
	position: relative;
}

#news-page .pdf-link {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #23549e; /* Using the vibrant blue color */
            font-size: 16px;
        }
        .pdf-link img {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }
        .pdf-link:hover {
            text-decoration: underline;
        }


/* POPUP */
.fancybox-skin{
	background-color: transparent;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; 
}
.fancybox-inner{
	background-color: transparent;	
}
.fancybox-overlay{
	background: none;
	background-color: rgba(27,66,81,0.9);
}
.fancybox-nav span{
	height: 60px;
	width: 42px;
	margin-top: -30px;
	background-size: 42px auto;	
}
.fancybox-close{
	background-image: url(../images/b-close-w.png);
	background-position: 0 0;
	background-color: rgba(0,0,0,0);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
	/*border: 1px solid #fff;*/
	top: -10px;
	right: -20px;
	width: 24px;
	height: 24px;
}
.fancybox-prev span{
	background-image: url(../images/arrow-left.png);
	background-position: 0 0;
}
.fancybox-next span{
	background-image: url(../images/arrow-right.png);
	background-position: 0 0;
}
.popup-wrapper{
	position: absolute;	
	left: 0;
	right: 0;	
	top: 0;
	bottom: 0;
	color: #000;
	padding: 5px;
}
.popup-wrapper .header{
	padding: 2px 5px;
	text-align: right;
	position: absolute;
    left: 0;
    right: 0;
	top: 0;
	z-index: 1;	
}
.popup-wrapper .header .b-button{
	color: #ddd;
	font-size: 30px;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
	position: relative;
	top: 5px;
	right: 5px;
}
.popup-wrapper .header .b-button img{
	height: 20px;
	width: 20px;
}
.popup-wrapper .team-detail{	
	margin-top: 5px;
	word-break: break-word;	
	position: relative;
}
.popup-wrapper .content{	
	margin-top: 50px;
	word-break: break-word;	
}
.popup-wrapper .team-detail div.popup-content{
	padding: 0 70px 70px 70px !important;
	box-sizing: border-box;
}
.popup-wrapper .fancybox-skin{
	border-radius: 0;
}
.popup-wrapper .team-detail{
	margin-top: 50px;
	position: relative;	
	background-color: #fff;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); 
}
.popup-wrapper .team-detail .img{
	position: relative;
	top: -50px;
	margin-bottom: -35px;
}
.popup-wrapper .team-detail .img>img{
	max-width: 25%;
	min-width: 200px;
	border-radius: 50%;
}
.popup-wrapper .team-detail .name{
	font-size: 32px;
    font-weight: 800;
	line-height: 1.2;
	margin-top: 0;
	color: #195f77;
}
.popup-wrapper .team-detail .position{
	font-size: 20px;
    font-weight: 600;
	line-height: 1.1;
	margin-top: 5px;
}
.popup-wrapper .scrollbar-inner > .scroll-element .scroll-bar{
	background-color: #666;
	opacity: 0.4;
}
.popup-wrapper .scrollbar-inner > .scroll-element .scroll-element_track{
	background-color: #fff;
	opacity: 0.3;
}
.popup-wrapper .team-detail .hr{
	background-color: #000;
	height: 1px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.popup-wrapper .team-detail .links{
	margin: 50px 0;
}
.popup-wrapper .team-detail .links a{
    background-color: #000;
    padding: 3px 5px;
    border-radius: 2px;
    color: #fff;	
}
.popup-wrapper .team-detail .page-description{
	font-size: 22px;
	margin-top: 70px
}

/* VIDEO BOX */
.video-box{
	position: relative;	
}
.video-box .popup-video{
	display: flex;
	align-items: center;
    justify-content: center;
	cursor: pointer;
}
.video-box .img img{
	width: 100%;
}
.video-box .play-icon{
	position: absolute;
}
.video-box .play-icon img{
	max-width: 30%;
    margin: 0 auto;
    display: block;
}