@charset "UTF-8";

@font-face {
	font-family: "Halyard Light";
	src: url("./assets/fonts/halyard-text-light.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Halyard Regular";
	src: url("./assets/fonts/halyard-text-regular.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Halyard Medium";
	src: url("./assets/fonts/halyard-text-medium.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Halyard SemiBold";
	src: url("./assets/fonts/halyard-display-semi-bold.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Halyard Bold";
	src: url("./assets/fonts/halyard-text-bold.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {
	font-family: "Halyard Book";
	src: url("./assets/fonts/halyard-display-book.otf") format("opentype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.row{
	margin-left: -17px;
	margin-right: -17px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	padding-left: 17px;
	padding-right: 17px;
}

@media (min-width: 767px) {
	.row{
		margin-left: -15px;
		margin-right: -15px;
	}
}

html{
    overflow-x: hidden;
}

body {
	margin: 0;
	word-break: break-word;
	font-family: "Halyard Book";
    font-size: 18px;
    position: relative;
	line-height: 1.4;
	color: #414042;
	overflow-x: hidden;
}

html.no-scroll ,
body.no-scroll {
	overflow: hidden;
}

.txt-light{
	font-family: "Halyard Light";
}
.txt-reg{
	font-family: "Halyard Regular";
}
.txt-book{
	font-family: "Halyard Book";
}
.txt-med{
	font-family: "Halyard Medium";
}
.txt-semi{
	font-family: "Halyard SemiBold";
}
.txt-bold{
	font-family: "Halyard Bold";
}
.blue-txt{
	color: #002976;
}

.head-menu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
}

header{
	position:relative;
	background-color: #FFF;
	border-bottom: 1px solid #D4D4D4;
	z-index: 9;
	transition: all .3s ease-in-out;
}

header.open{
	box-shadow: unset;
	border-bottom: 1px solid #989898;
}

.site-main{
	padding-top: 65px;
}

.site-main.no-padding{
	padding-top: 0px;
}

#site-navigation{
	position: relative;
}

#site-navigation,
.cus-container{
    max-width: calc(100vw - 34px);
	margin-left: auto;
	margin-right: auto;
}

.desktop-nav-wrapper{
	display: none;
}
@media (min-width: 767px ) {
	#site-navigation,
	.cus-container{
		max-width: calc(100vw - 100px);
	}

	.site-main{
		padding-top: 77.5px;
	}
}
@media (min-width: 1200px ) {
    #site-navigation,
    .cus-container{
        max-width: calc(100vw - 200px);
    }

	.desktop-nav-wrapper{
		display: block;
	}

	.mobile-nav-wrapper{
		display: none;
	}
}

@media (min-width: 2120px ) {
    #site-navigation,
    .cus-container{
        max-width: 1920px;
    }
}

.mobile-search{
	font-size: 16px;
    color: #002976;
    padding-top: 2px;
}

.menu-icon{
	width: 30px;
	height: 50px;
	position: relative;
}

.menu-icon::before{
	content: '';
    width: 20px;
    height: 1px;
    background-color: #414042;
    position: absolute;
    top: 45%;
    transition: all .3s ease-in-out;
    right: 0px;
}

.menu-icon::after{
	content: '';
    width: 20px;
    height: 1px;
    background-color: #414042;
    position: absolute;
    top: 60%;
    transition: all .3s ease-in-out;
    right: 0px;
}

.menu-icon.open::before{
	top: calc(45% + 2px);
	transform: rotate(45deg);
}
.menu-icon.open::after{
	transform: rotate(-45deg);
	top: calc(60% - 5px);
}

@media (min-width: 767px ) {
	.mobile-nav-wrapper .site-logo{
		padding-top: 5px;
	}
	.mobile-search{
		padding-top: 0px;
		margin-top: -3px;
	}

	.menu-icon.open::before{
		top: calc(35% + 5px);
	}
	.menu-icon.open::after{
		top: calc(55% - 5px);
	}

	.menu-icon::before{
		top: 35%;
	}

	.menu-icon::after{
		top: 55%;
	}
}


.nav-bluebar{
	background-color: #002976;
	height: 5px;
	width: 50vw;
	position: absolute;
	left: 0px;
	top: 0px;
}

.mobile-menu-wrapper{
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	width: 100%;
	height: 100vh;
	overflow-y: auto; 
	padding-top: 65px;
	display: none;
	z-index: 8;
	overflow-x: hidden;
}

@media (min-width: 767px ) {
	.mobile-menu-wrapper{
		padding-top: 96px;
	}
}

.custom-logo{
	width: 250px;
}

.mobile-nav-wrapper .custom-logo{
		margin-left: -3px;
}

.nav-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0px;
}
@media (min-width: 500px ) {
	.mobile-nav-wrapper .custom-logo{
		margin-left: 0px;
	}
}

@media (min-width: 767px ) {
	.custom-logo{
		width: 300px;
	}

	.nav-inner{
		padding: 20px 0px;
		align-items: unset;
	}
}



.nav-inner-bluebar{
	background-color: #002976;
	height: 5px;
	border-radius: 0px 00px 20px 0px;
	width: 100%;
	height: 5px;
}

.menu-wrapper{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 9px;
    margin-top: 7px;
}

.menu-wrapper li a{
	padding-top: 15px;
	padding-left: 40px;
	color: #002976;
	font-family: 'Halyard Regular';
	font-size: 16px;
}

.menu-wrapper li a:hover{
	text-decoration-color :#002976;
	text-decoration-thickness : 3px;
	text-underline-offset: 10px;
}

.menu-wrapper li.current_page_item a{
	text-decoration: underline;
	text-decoration-color :#002976;
	text-decoration-thickness : 3px;
	text-underline-offset: 10px;
}

.desktop-nav-children{
	position: absolute;
	width: 100%;
	top: calc(100% + 1px);
	left:0px;
	padding-top: 50px;
	padding-bottom: 50px;
	transition: all .3s ease-in-out;
	background-color: #FFF;
	box-shadow: 0 4px 2px -2px #D4D4D4;
	color: #414042;
	opacity: 0;
	visibility: hidden;
}

.desktop-nav-children.active{
	opacity: 1;
	visibility: visible;
}

.desktop-nav-row{
	margin-left: -30px;
	margin-right: -30px;
}

.desktop-nav-row > div{
	padding-left: 30px;
	padding-right: 30px;
}

#nav-capabilities .desktop-nav-row > div,
#nav-capabilities .desktop-nav-row{
	min-height: 330px;
}

.desktop-nav-row > div:not(:last-child){
	border-right: 1px solid #989898;
}

.desktop-nav-row h3{
	font-size: 28px;
	font-family: 'Halyard Medium';
	color: #002976;
}

.desktop-nav-row .desc-box > *:not(:last-child){
	margin-bottom: 30px;
}

.desktop-nav-row .desc-box > *:last-child{
	margin-bottom: 0px;
}

.desktop-nav-row .desc-box{
	padding-top: 15px;
}

.final-link-box > *{
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
}

.nav-sub-link{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding: 15px 0px;
}

.final-nav-link{
	display: block;
}

.mobile-sub-nav,
.mobile-menu-ul{
	list-style: none;
	padding-left: 0px;
}

.mobile-menu-ul{
	margin-bottom: 100px;
}

.mobile-sub-nav{
	display: none;
}

.mobile-sub-link:hover,
.mobile-nav-link:hover{
	color: #002976;
	text-decoration: unset;
}

.mobile-nav-link:hover{
	font-family: 'Halyard Regular';
}

.mobile-menu-item{
	border-bottom: 1px solid #989898;
}

.mobile-nav-link{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	width: 100%;
	font-size: 20px;
	transition: all .3s ease-in-out;
	font-family: 'Halyard Regular';
	color: #414042;
	position: relative;
}

.mobile-nav-arrow{
	width: 15px;
	transform: rotate(90deg);
	position: absolute;
	right: 0px;
	top: 27px;
	transition: all .3s ease-in-out;
}

.mob-nav-grey-layer{
	background-color: #F1F0F0;
	width: calc(100% + 60px);
	height: 100%;
	top: 0px;
	left: -30px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
}

@media (min-width: 767px) {
	.mob-nav-grey-layer{
		width: calc(100% + 100px);
		left: -50px;
	}
}

.mobile-nav-link span{
	position: relative;
	z-index: 2;
}

.mobile-nav-link.open .mobile-nav-arrow{
	transform: rotate(-90deg);
}
.mobile-nav-link.open .mob-nav-grey-layer{
	opacity: 1;
	visibility: visible
}

.mobile-sub-link{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	font-family: 'Halyard Book';
	color: #414042;
	line-height: 1.05;
}

.mobile-sub-link span.blue-txt{
	font-family: 'Halyard Regular';
}

.mobile-sub-nav > li:last-child{
	padding-bottom: 10px;
}

.mobile-sub-nav > li:first-child{
	padding-top: 10px;
}


.site-footer{
	background-color: #4E4E4E;
	padding-top: 60px;
	color:#FFF;
}

@media (min-width: 767px) {
	.site-footer{
		padding-top: 80px;
	}
}

.final-link-box{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.final-link-box.active{
	opacity: 1;
	visibility: visible;
}

.final-nav-link,
.nav-sub-link{
	color: #414042;
	transition: all .3s ease-in-out;
	font-family: 'Halyard Medium';
    font-size: 18px;
}

.desktop-nav-children .product-link-box .content h4 {
	font-family: 'Halyard Medium';
    font-size: 19px;
}

.desktop-nav-children  .product-link-box .content {
	padding-top: 15px;
	min-height: 160px;
}

.nav-sub-link i{
	color: #002976;
	margin-top: 3px;
}

.final-nav-link:hover,
.nav-sub-link.active,
.nav-sub-link:hover{
	
	text-decoration: unset;
	color: #002976;
}

.nav-sub-link:hover .nav-hover{
	opacity: 1;
	visibility: visible;
}

.nav-sub-link i,
.nav-sub-link span{
	position: relative;
	z-index: 1;
}

.nav-hover{
	position: absolute;
	width: calc(100% + 60px);
	background-color: #F1F0F0;
	top: 0px;
	left: -30px;
	height: 100%;
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.copyright{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 14px;
	font-family: "Halyard Light";
}

.copyright a{
	color: #FFF;
}
.copyright a:hover{
	color: #FFF;
}

.copyright > div:first-child{
	max-width: 300px;
}

@media (min-width:600px) {
	.copyright > div:first-child{
		max-width: unset;
	}
}

.footer-title{
	font-size: 18px;
	font-family: "Halyard Light";
}

.footer-logo{
	width: 400px;
	max-width: 100%;
}

.row.footer-nav-row{
	margin-left: -30px;
	margin-right: -30px;
}

.footer-link-wrapper{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 50px;
}
.footer-link{
	display: block;
	font-size: 16px;
	color: #FFF;
}

.footer-link-box p{
	font-size: 16px;
}

.footer-link-box > *:not(:last-child){
	margin-bottom: 10px;
}

.footer-link-wrapper > *:not(:last-child){
	margin-bottom: 25px;
}

.footer-link:hover{
	text-decoration: underline;
	color: #FFF;
}

.footer-link-box .footer-link.footer-nav-title,
.footer-link-box p.footer-nav-title{
	font-size: 18px;
}

.footer-social-box{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
}

.footer-social-box > *:not(:last-child){
	margin-right: 25px;
}

.footer-social-box .footer-link{
	font-size: 18px;
}

section.low-padding{
	padding-top:60px;
	padding-bottom:60px;
}

section.low-padding.nobottom{
	padding-bottom:0px;
}

section.low-padding.notop{
	padding-top:0px;
}

section.low-padding.bottom{
	padding-bottom:80px;
}

section.low-padding.top{
	padding-top:80px;
}

section{
	padding-top:80px;
	padding-bottom:80px;
}

@media(min-width:1200px){
	section.low-padding{
		padding-top:80px;
		padding-bottom:80px;
	}

	section.low-padding.nobottom{
		padding-bottom:80px;
	}

	section.low-padding.notop{
		padding-top:80px;
	}
}

.top-banner{
	position: relative;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-gardiant{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	height: 100%;
    background-image: linear-gradient(to right, #EBF2F7, #9BBCD8);
    border-radius: 0 0 200px 0;
}

.top-banner .cus-container{
	position: relative;
	min-height: 200px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.banner-content{
	max-width: 500px;
	color: #414042;
	font-size: 19px;
}

@media (min-width: 1300px ) {
	.banner-content{
		max-width: 600px;
	}
}

@media (min-width: 1400px ) {
	.banner-content{
		max-width: 700px;
	}
}

@media (min-width: 1500px ) {
	.banner-content{
		max-width: 750px;
	}
}

@media (min-width: 1600px ) {
	.banner-content{
		max-width: 800px;
	}
}

@media (min-width: 1700px ) {
	.banner-content{
		max-width: 850px;
	}
}

@media (min-width: 1800px ) {
	.banner-content{
		max-width: 900px;
	}
}

.banner-content h1{
	font-size: 54px;
	font-family: "Halyard Light";
	color: #002976;
}

.mobile-banner-gardiant .banner-content h1{
	font-size: 30px;
}

@media(min-width:767px){
	.mobile-banner-gardiant .banner-content h1{
		font-size: 46px;
	}
}

.mobile-banner-gardiant .banner-content{
	font-size: 18px;
	padding-right: 40px;
	max-width: 100%;
}

.home-slide-section{
	padding-top: 0px;
}

.mobile-banner-gardiant{
	position: relative;
	z-index: 2;
	background-image: linear-gradient(to right, #EBF2F7, #9BBCD8);
	border-radius: 0 0 80px 0;
	padding-top: 30px;
    padding-bottom: 30px;
}

.mobile-banner-img{
	width: 100%;
    object-fit: cover;
    object-position: center;
    margin-top: -100px;
    height: 370px;
}

#section2{
	padding-top:0px;
	padding-bottom:60px;
}

@media (min-width: 767px) {
	.mobile-banner-gardiant{
		padding-top: 60px;
    	padding-bottom: 60px;
	}

	.home-slide-section{
		padding-top: 80px;
		margin-top: 0px !important;
	}
}

.home-slider-img{
	height: calc(100vh - 65px);
	min-height: 768px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.home-slider-wrapper{
	width: calc(100% + 2px);
	margin-left: -1px;
	margin-right: -1px;
}

.home-slider-wrapper .item{
	overflow: hidden;
	border-radius: 0 0 0px 0;
	position: relative;
	transition: all .3s ease-in-out;
}

.home-slider-wrapper.open .item{
	border-radius: 0 0 100px 0;
}

@media (min-width: 1200px) {
	.home-slider-img{
		height: calc(100vh - 80px);
	}

	.home-slider-wrapper .item{
		border-radius: 0 0 300px 0;
	}

	.home-slider-wrapper.open .item{
		border-radius: 0 0 300px 0;
	}
}

.dark-layer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.4);
}
.home-caption{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.home-caption-img{
	width: 300px;
	max-width: 100%;
	margin-bottom: 30px;
}

.home-caption-box{
	color: #FFF;
	padding-top: 35%;
	position: relative;
	height: 100%;
}

.home-caption-box h1{
	font-size: 30px;
	max-width: 1100px;
	font-family: "Halyard Light";
	margin-bottom: 30px;
	line-height: 1.1;
}

.banner-button-box{
	width: 100%;
}

@media(min-width:767px){
    .home-caption-box{
    	padding-top: 10%;
    }
	.home-caption-box h1{
		font-size: 44px;
		line-height: 1.3;
	}

	.home-caption-img{
		width: 480px;
	}
}

@media (min-width: 1200px) {
	.banner-button-box{
		width: unset;
	}

	.home-caption-box{
		text-align: unset;
	}

	.home-caption-img{
		width: 450px;
	}

	.home-caption-box h1{
		font-size: 54px;
		text-align: left;
		line-height: unset;
	}
}

.home-caption .banner-bottom-part{
	position: absolute;
	bottom: 30px;
	width: 100%;
}

@media (min-width: 390px) {
	.home-caption .banner-bottom-part{
		bottom: 40px;
	}
}

@media (min-width: 767px) {
	.home-caption .banner-bottom-part{
		bottom: 50px;
	}
}

.home-caption .banner-bottom-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column-reverse;
}

.home-caption .short-desc{
	font-size: 18px;
	max-width: 100%;
	font-family: "Halyard Regular";
	padding-top: 15px;
	text-align: left;
}

.home-caption .banner-bottom-inner .banner_btn{
	display: inline-block;
	color: #002976;
	font-size: 18px;
	border: 3px solid #FFF;
	background-color: #FFF;
	padding: 10px 20px;
	font-family: "Halyard Medium";
	transition: all .3s ease-in-out;
	margin-bottom: 50px;
}

@media (min-width: 767px) {
	.home-caption .banner-bottom-inner .banner_btn{
		display: inline-block;
		color: #FFF;
		background-color: unset;
		margin-bottom: 60px;
	}

}

.home-caption .scroll-down{
	color: #FFF;
	text-align: center;
	cursor: pointer;
	margin-left: -100px;
	display: none;
}

.home-caption .scroll-down img{
	display: block;
}

@media (min-width: 1200px) {
	.home-caption .short-desc{
		max-width: 520px;
	}
	.home-caption .scroll-down{
		display: unset;
	}

	.home-caption .banner-bottom-inner{
		flex-direction: unset;
		justify-content: space-between;
	}

	.home-caption .banner-bottom-part{
		width: calc(100% - 50px);
	}

	.home-caption .banner-bottom-inner .banner_btn{
		margin-bottom: unset;
	}
}

@media (min-width: 1920px) {

	.home-caption .banner-bottom-part{
		width: 70%;
	}
}

.home-caption .banner-bottom-inner .banner_btn:hover{
	text-decoration: none;
	background-color: #FFF;
	color: #002976;
}

.home-slider-wrapper .owl-carousel .owl-stage-outer,
.home-slider-wrapper .owl-carousel{
	position: unset;
}

.home-slider-wrapper .owl-carousel button.owl-dot{
	width: 10px;
	height: 10px;
	transition: all .3s ease-in-out;
	background-color: #002976;
	border-radius: 10px;
}

.home-slider-wrapper .owl-carousel button.owl-dot:focus{
	outline: unset;
	border: unset;
}

.home-slider-wrapper .owl-carousel button.owl-dot:not(:last-child){
	margin-top: 15px;
}

.home-slider-wrapper .owl-carousel button.owl-dot.active{
	width: 15px;
	height: 15px;
	border-radius: 15px;
}

.home-slider-wrapper .owl-carousel .owl-dots{
	position: absolute;
	top: 0px;
	right: 26px;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 5;
}

.blue-background{
	position: absolute;
	background: linear-gradient(-122deg, #DCE7F5, #377AB2);
	top: -260px;
	left: -17px;
	height: calc(100% + 320px);
	width: calc(100% + 34px);
	border-radius: 0 0 0 100px; 
	opacity: .6;
	z-index: 2;
}

@media (min-width: 380px) {
	.blue-background{
		top: -280px;
        height: calc(100% + 340px);
	}
}

@media (min-width: 430px) {
	.blue-background{
		top: -260px;
        height: calc(100% + 320px);
	}
}

@media(min-width:600px){
	.blue-background{
		top: -220px;
		height: calc(100% + 280px);
	}
}

@media(min-width:767px){
	.blue-background{
		border-radius: 0 0 0 150px; 
		top: -250px;
		left: -50px;
		height: calc(100% + 310px);
		width: calc(100% + 100px);
	}
}

@media(min-width:800px){
	.blue-background{
		top: -220px;
		height: calc(100% + 280px);
	}
}

@media (min-width: 1200px) {
	.blue-background{
		border-radius: 0 0 0 150px; 
		top: -270px;
		left: -100px;
		height: calc(100% + 350px);
		width: calc(50% + 100px);
	}
}

.section-2-row{
	position: relative;
	z-index: 4;
}
@media (min-width: 1200px) {
	.section-2-desc{
		max-width: 500px;
	}
}

.section-2-desc h2{
	font-size: 35px;
	margin-bottom: 30px;
	font-family: "Halyard Light";
}

.section-2-desc h3{
	font-size: 26px;
	margin-bottom: 15px;
	font-family: "Halyard Medium";
}

.section-2-desc p{
	margin-bottom: 30px;
}

.explode-link{
	font-size: 18px;
	font-family: "Halyard Medium";
	color: #002976;
	transition: all .3s ease-in-out;
}

.explode-link:hover{
	color: #002976;
	text-underline-offset: 5px;
}

@media(min-width:767px){
	.section-2-desc h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.section-2-desc h2{
		font-size: 48px;
	}

	.section-2-desc h3{
		font-size: 28px;
	}
	.section-2-list{
		padding-left: 80px;
	}
}

.section-2-list h2{
	font-size: 35px;
	margin-bottom: 10px;
	font-family: "Halyard Medium";
	color: #002976;
}

.section-2-list p{
	margin-bottom: 30px;
}

.section-2-list > *:last-child{
	margin-bottom: 0px;
}

.home-second-img{
	width: calc(100% + 17px);
	margin-right: -17px;
	object-fit: cover;
}

.home-second-img-box{
	overflow: hidden;
	border-radius: 0px 0px 0px 100px;
}

@media (min-width: 767px) {
	.home-second-img{
		width: calc(100% + 50px);
        margin-right: -50px;
	}
	.section-2-list h2{
		font-size: 44px;
	}
	.home-second-img-box{
		overflow: unset;
		border-radius: unset;
	}
}

@media (min-width: 1200px) {
	.section-2-list h2{
		font-size: 48px;
	}
}

@media (min-width: 1920px) {
	.home-second-img{
		width: calc(100% + 250px);
		margin-left: -150px;
		margin-right: -100px;
	}
}

.home-solution-section{
	color: #414042;
}

.home-solution-section h2{
	font-size: 35px;
	margin-bottom: 30px;
}

.home-solution-section h3{
	font-size: 28px;
	margin-bottom: 30px;
	color: #002976;
	font-family: "Halyard Medium";
}

@media (min-width: 767px) {
	.home-solution-section h2{
		font-size: 44px;
	}

	.home-solution-section h3{
		font-size: 28px;
	}
}

@media (min-width: 1200px) {
	.home-solution-section h2{
		font-size: 48px;
	}

}

.section-tab{
	display:flex;
	flex-wrap: wrap;
}

.section-tab .tab-title{
	border-top: 1px solid #d4d4d4;
	width: 25%;
	padding-right: 50px;
	margin-bottom: 30px;
	font-family: 'Halyard Regular';
	font-size: 26px;
	position: relative;
}

.section-tab .blue-bar{
	width: calc(100% - 50px);
	height: 5px;
	background-color: #002976;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all .3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.section-tab .tab-title .tab-title-box.active .blue-bar{
	visibility: visible;
	opacity: 1;
}

.section-tab .tab-title .tab-title-box{
	padding-top: 20px;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.section-tab .tab-title .tab-title-box:hover .blue-bar{
	visibility: visible;
	opacity: 1;
}
.section-tab .tab-title .tab-title-box:hover{
	color: #002976;
}

.section-mobile-content-tab .title-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 5px solid #002976;
}

.solution-content-tab{
	display: none;
	position: relative;
}

.solution-content-tab.active{
	display: block;
}

.about-nav-list > div{
	margin-bottom: 40px;
}

.about-nav-list > div:last-child{
	margin-bottom: 0px;
}

.solution-content-tab .blue-content{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	background-color: rgba(101,152,196,.8);
	padding: 50px;
	min-height: 100%;
    max-width: 50%;
	color: #FFF;
	font-size: 18px;
}

.solution-content-tab .blue-content > div{
	height: 100%;
}

.solution-content-tab .blue-content .explode-link{
	color: #FFF;
    display: inline-block;
    margin-top: calc(20% - 20px);
    padding: 10px 20px;
    border: 2px solid #FFF;
    line-height: 1.05;
	transition: all .3s ease-in-out;
	font-size: 18px;
}

.solution-content-tab .blue-content .explode-link:hover{
	background-color: #FFF;
	border: 2px solid #FFF;
	text-decoration: none;
	color:#002976;
}

@media (min-width: 1920px) {
	.solution-content-tab .blue-content{
		max-width: calc(25% - 50px);
	}

	.solution-content-tab .blue-content .explode-link{
		margin-top: 45%;
	}

}

.section-bg-img{
	width: 100%;
	object-fit: cover;
}

.solution-img-wrapper{
	overflow: hidden;
	border-radius:  0px 0px 300px 0px;
}

.solution-mobile-content-tab{
	position: relative;
}

.solution-mobile-content-tab > .title-box{
	border-bottom: 5px solid #002976;
}

.solution-mobile-content-tab .blue-content{
	position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    background-color: rgba(101, 152, 196, .8);
    padding: 20px;
    padding-top: 18px;
    width: 100%;
    color: #FFF;
    font-size: 18px;
    min-height: 380px;
}

.solution-mobile-content-tab .solution-mobile-bg-img{
	height: 650px;
	border-radius: 0px 0px 100px 0px;
	object-fit: cover;
	object-position: center;
}

.solution-mobile-title-box{
	padding: 15px 0px;
	font-family: 'Halyard Regular';
    font-size: 24px;
	color: #002976;
}

.solution-mobile-content-tab .blue-content .explode-link{
	color: #FFF;
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    border: 2px solid #FFF;
    line-height: 1.05;
	transition: all .3s ease-in-out;
	font-size: 18px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.solution-mobile-title-box .br {
    	display: block; /* remove line break */
}

.solution-mobile-content-tab .blue-content .blue-info{
	position: relative;
	min-height: calc(430px - 38px);
}
@media (min-width:390px) {
	
	.solution-mobile-content-tab .blue-content .blue-info{
		position: relative;
		min-height: calc(450px - 38px);
	}
}
@media (min-width: 400px) {
	.solution-mobile-content-tab .blue-content .blue-info{
		min-height: calc(380px - 38px);
	}
}

@media (min-width: 767px) {

	.solution-mobile-title-box .br {
    	display: inline-block; /* remove line break */
		margin-right: 5px;
  	}

	.solution-mobile-content-tab .blue-content .blue-info{
		min-height: calc(300px - 38px);
	}

	.solution-mobile-content-tab .blue-content{
		min-height: 250px;
	}

	.solution-mobile-content-tab .solution-mobile-bg-img{
		object-position: bottom center;
	}
}

.solution-mobile-content-tab .blue-content .explode-link:hover{
	background-color: #FFF;
	border: 2px solid #FFF;
	text-decoration: none;
	color:#002976;
}

.bg-gardient-grey{
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 35%, #F1F0F0 35%, #F1F0F0 100%);
}

.bg-gradient-blue{
	background-image: linear-gradient(to right, #EBF2F7, #9BBCD8);
}

.bg-grey{
	background-color: #F1F0F0;
}
.services-section{
	margin-top: -70px;
}

@media (min-width: 767px ) {
	.services-section{
		margin-top: -100px;
	}
}
.services-section .title-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom: 10px;
}

.services-section .slider-btn-box{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
}

.services-section .slider-btn-box .round-arrow{
	width: 30px;
	cursor: pointer;
}

.services-section .slider-btn-box .round-arrow:first-child{
	margin-right: 15px;
}

.services-section .slider-btn-box .round-arrow.left{
	transform:rotate(-180deg);
}

.services-section h3{
	font-size: 28px;
	margin-bottom: 30px;
	color: #002976;
	font-family: "Halyard Medium";
}

.services-slider .owl-stage-outer{
	overflow: unset;
}

.services-link-box{
	display: block;
	background-color: #FFF;
	transition: all .3s ease-in-out;
}

.services-link-box .img-box{
	overflow: hidden;
}

.services-link-box .content{
	min-height: 200px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 65px;
	position: relative;
	color: #414042;
}

.services-link-box .content h4{
	font-size: 26px;
	font-family: "Halyard Regular";
}

@media (min-width: 767px) {
	.services-section{
		margin-top: -40px;
	}

	.services-link-box .content{
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.services-link-box .content h4{
		font-size: 24px;
	}
}

@media (min-width: 1200px) {
	.services-link-box .content{
		min-height: 250px
	}
}

@media (min-width: 1920px) {
	.services-link-box .content{
		min-height: 200px
	}
}

.services-link-box .blue-bar{
	width: 100%;
	height: 5px;
	background-color: #002976;
	position: absolute;
	bottom: 0px;
	left: 0px;
	transition: all .3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.services-link-box .explode-link{
	position: absolute;
	bottom: 30px;
	left: 20px;
}

@media (min-width: 767px) {
	.services-link-box .explode-link{
		left: 30px;
	}
}

.services-link-box .services-list-img{
	width: 100%;
	transition: all .3s ease-in-out;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

.services-link-box:hover{
	text-decoration: unset;
}

.services-link-box:hover .services-list-img{
	transform: scale(1.1);
}

.services-link-box:hover .blue-bar{
	visibility: visible;
	opacity: 1;
}
.product-link-box:not(:last-child){
	margin-bottom: 50px;
}
.product-link-box .img-box{
	overflow: hidden;
	position: relative;
}

.product-link-box .blue-bar{
	width: 100%;
	height: 5px;
	background-color: #002976;
	position: absolute;
	bottom: 0px;
	left: 0px;
	transition: all .3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.product-link-box .content{
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
	color: #414042;
}

.product-link-box .content h4{
	font-size: 26px;
	font-family: "Halyard Regular";
}

.product-link-box .content p{
	margin-bottom: 30px;
}

@media (min-width: 1200px) {
	.product-link-box .content p{
		margin-bottom: 16px;
	}
	.product-link-box .content{
		min-height: 160px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.product-link-box:not(:last-child){
		margin-bottom: unset;
	}
}

.product-link-box .product-list-img{
	width: 100%;
	transition: all .3s ease-in-out;
	aspect-ratio: 4 / 2;
	object-fit: cover;
	object-position: center;
}

.product-section{
	margin-top: -70px;
}

@media (min-width: 767px) {
	.product-section{
		margin-top: -50px;
	}
}

@media (min-width: 1200px) {
	.product-link-box .explode-link{
		position: absolute;
		bottom: 15px;
		left: 0px;
	}

	.product-section{
		margin-top: -40px;
	}
}

.product-section h3{
	font-size: 28px;
	margin-bottom: 40px;
	color: #002976;
	font-family: "Halyard Medium";
}

.product-link-box:hover{
	text-decoration: unset;
}

.product-link-box:hover .product-list-img{
	transform: scale(1.1);
}

.product-link-box:hover .blue-bar{
	visibility: visible;
	opacity: 1;
}

.subtainability-section-wrapper{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.subtainability-section-wrapper .white-layer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #FFF;
	border-radius: 0 100px 0 0;
	width: 30%;
	height: calc(100% - 80px);
}

.subtainability-box {
	position: relative;
}

.subtainability-inner {
	padding-top: 80px;
	padding-right: 80px;
	padding-bottom: 80px;
	width: 80%;
	border-radius: 0 150px 0 0;
	background-color: #FFF;
}

.subtainability-section-wrapper .subtainability-inner p{
	margin-bottom: 30px;
}

@media (min-width: 1200px) {
	.subtainability-inner {
		padding-right: 150px;
		width: 50%;
	}
}

.subtainability-mobile-section-wrapper .subtainability-inner {
	padding-top: 60px;
	padding-bottom: 60px;
	width: calc(100% + 34px);
	padding-right: 15px;
	margin-top: -150px;
	margin-left: -17px;
	margin-right: -17px;
	border-radius: 0 100px 0 0;
	padding-left: 15px;
}

.subtainability-mobile-bg-img{
	min-height: 450px;
	object-fit: cover;
	object-position: center;
}

.subtainability-inner h5{
	color: #002976;
	font-family: "Halyard Medium";
}

.subtainability-mobile-section-wrapper .subtainability-inner p,
.subtainability-mobile-section-wrapper .subtainability-inner h5{
	margin-bottom: 30px;
}

.subtainability-inner h2{
	font-size: 35px;
	font-family: "Halyard Light";
}

@media (min-width: 767px) {
	.subtainability-inner h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.subtainability-inner h2{
		font-size: 48px;
	}
}

.subtainability-inner > *:not(:last-child){
	margin-bottom: 30px;
}

.subtainability-inner .blue-outlink-btn{
	display: inline-block;
	color: #002976;
	font-size: 18px;
	border: 2px solid #002976;
	padding: 10px 20px;
	font-family: "Halyard Medium";
	transition: all .3s ease-in-out;
}

.subtainability-inner .blue-outlink-btn:hover{
	text-decoration: none;
	background-color: #002976;
	color: #FFF;
}

.who-sec-1{
	max-width: 100%;
	color: #002976;
	font-size: 22px;
	line-height: 1.3;
}

.who-sec-1 h2{
	font-size: 35px;
	font-family: "Halyard Medium";
}

.who-sec-1 > *:not(:last-child){
	margin-bottom: 30px;
}

.who-sec-1 > *:last-child{
	margin-bottom: 0px;
}

.who-sec-2 > *:not(:last-child){
	margin-bottom: 30px;
}

.who-sec-2 > *:last-child{
	margin-bottom: 0px;
}

.who-video{
	width: 100%;
}

.about-video-sec i{
	font-size: 32px;
	color: #FFF;
	position:absolute;
	z-index:2;
	cursor:pointer;
	bottom: 50px;
	right: 50px;
}

.about-video-div{
	width:100%;
}
@media (min-width: 767px) {
	.who-sec-1{
		font-size: 24px;
		line-height: unset;
	}
	.who-sec-1 h2{
		font-size: 44px;
	}
}

@media(min-width:1200px){
	.who-sec-1 h2{
		font-size: 48px;
	}

	.who-sec-1{
		max-width: 400px;
	}
}
.small-title{
	font-family: "Halyard Medium";
	color: #002976;
	font-size: 14px;
}

.value-content h2{
	font-size: 48px;
}

.row.value-list{
	margin-left: -30px;
	margin-right: -30px;
}

.value-box{
	padding-left: 30px;
	padding-right: 30px;
}

.value-desc> *:not(:last-child){
	margin-bottom: 30px;
}

.value-desc > *:last-child{
	margin-bottom: 0px;
}

.value-desc{
	max-width: 1200px;
}

@media(min-width:1200px){
	.value-desc{
		padding-bottom: unset;
	}
}

.value-desc h2{
	font-size: 35px;
	font-family: "Halyard Light";
}

.value-box h2{
	font-size: 35px;
	color: #002976;
	font-family: "Halyard Medium";
}

.conduct-inner{
	padding-top: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #414042;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-family: "Halyard Medium";
	font-size: 20px;
}

.value-box:last-child{
	margin-bottom: 0px !important;
}

@media (min-width: 767px) {
	.value-desc h2{
		font-size: 44px;
	}

	.value-box h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.value-desc h2{
		font-size: 48px;
	}

	.value-box h2{
		font-size: 48px;
	}
}

.conduct-inner .icon-img{
	width: 50px;
}

.conduct-inner .icon-box{
	padding-right: 20px;
	width: 70px;
}

.conduct-inner .conduct-desc{
	width: calc(100% - 70px);
	min-height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.about-nav-link{
	background-color: #FFF;
	color: #414042;
	display: block;
}

.about-nav-link .img-box{
	overflow: hidden;
}

.about-nav-link .img-box img{
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .3s ease-in-out;
}

.about-nav-desc{
	padding-top: 25px;
	padding-bottom: 65px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.about-nav-desc .explode-link{
	position: absolute;
	left:20px;
	bottom: 30px;
}

@media (min-width: 767px) {
	.about-nav-desc{
		min-height: 230px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.about-nav-desc .explode-link{
		left:30px;
	}
}

.about-nav-desc h4 {
    font-size: 26px;
    font-family: "Halyard Regular";
}

.about-nav-link:hover{
	text-decoration: unset;
	color: #414042;
}

.about-nav-link:hover .img-box img{
	transform: scale(1.1);
}

.blue-box-bar{
	font-size: 22px;
    font-family: "Halyard Medium";
	border-left: 4px solid #002976;
	padding-left: 15px;
	color: #002976;
}

.whatwedo-logo-list .logo-img{
	height: 60px;
	max-width: 100%;
	margin-bottom: 15px;
}

.whatwedo-logo-list > div{
	margin-bottom: 40px;
}

.whatwedo-logo-list > div:last-child{
	margin-bottom: 0px;
}

.logo-desc{
	padding-top: 15px;
	border-top: 1px solid #414042;
	font-size: 16px;
	font-family: "Halyard Regular";
	color: #414042;
}

.wedo-dt-img{
	max-width: 100%;
	width: 100%;
}

.curve-img{
	margin-top: -60px;
}

.map-section{
	padding-top: 0px;
}

@media (min-width: 767px) {
	.whatwedo-logo-list .logo-img{
		margin-bottom: 25px;
	}
	.logo-desc{
		padding-top: 25px;
	}
	.map-section{
		padding-top: 80px;
	}

	.curve-img{
		margin-top: -10px;
	}
	.blue-box-bar{
		font-size: 25px;
		border-left: 5px solid #002976;
	}
	.wedo-dt-img{
		max-width: 65%;
	}
}

.filter-wrapper{
	padding-bottom: 30px;
	border-bottom: 1px solid #414042;
	font-size: 16px;
	font-family: "Halyard Regular";
	color: #414042;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.filter-wrapper label{
	margin-right: 15px;
	margin-bottom: 0px;
}
.filter-box {
  position: relative;
  width: 250px;
  max-width: 100%;
}

.filter-box select{
    width: 100%;
    padding: 5px 15px;
	padding-right: 40px;
	position: relative;
	appearance: none;         /* Chrome */
  	-webkit-appearance: none; /* Safari */
  	-moz-appearance: none;    /* Firefox */
}

.filter-box::after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	transform: rotate(45deg);
	pointer-events: none;
	width: 2px;
	height: 7px;
	background-color: #4E4E4E;
}

.filter-box::before {
  	content: "";
    position: absolute;
	top: calc(50% - 3px);
	right: 20px;
	transform: rotate(-45deg);
	pointer-events: none;
	width: 2px;
	height: 7px;
	background-color: #4E4E4E;
	z-index: 1;
}

.products-item-wrapper{
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 30px;
	color: #414042;
	text-decoration: none;
	font-size: 20px;
	font-family: "Halyard Regular";
}

.products-item-img-box{
	width: 60px;
	margin-right: 15px;
}

.products-item-img{
	width: 60px;
}

.product-list{
	padding-top: 30px;
}

.products-item-wrapper:hover{
	color: #002976;
	text-decoration: unset;
}

.prod-small-title {
    font-family: "Halyard Medium";
    color: #002976;
	font-size: 16px;
}

.single-prod-desc h2{
	font-family: "Halyard Light";
	font-size: 37px;
}

.enq-btn{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	color: #002976;
	border: 2px solid #002976;
	border-radius: 0px 0px 20px 0px;
	font-family: "Halyard Medium";
	font-size: 18px;
	transition: all .3s ease-in-out;
}

.enq-btn:hover{
	background-color: #002976;
	text-decoration: none;
	color: #FFF;
}

@media (min-width: 767px) {
	.single-prod-desc h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.single-prod-desc h2{
		font-size: 54px;
	}
}

.prod-brechumb{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 15px;
	margin-bottom: 30px;
}

.prod-brechumb > *:not(:last-child){
	margin-right: 10px;
}

.prod-brechumb > *:last-child{
	font-family: "Halyard Medium";
}

.prod-cat-menu:first-child{
	border-top: 1px solid #002976;
}

.prod-brechumb a{
	color: #414042;
}

.prod-cat-menu .prod-nav-link{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #002976;
	width: 100%;
	font-family: "Halyard Medium";
	font-size: 18px;
	color: #002976;
	transition: all .3s ease-in-out;
}

.prod-cat-menu .prod-nav-link:hover{
	text-decoration: none;
}

.prod-cat-menu .prod-nav-link i{
	transition: all .3s ease-in-out;
}

.sub-prod-nav-list{
	display: none;
}

.sub-prod-nav-list.active{
	display: block;
}

.sub-prod-nav-list .sub-prod-cat-menu{
	border-bottom: 1px solid #989898;
}

.sub-prod-nav-list .sub-prod-cat-menu.active .sub-prod-nav-link,
.sub-prod-nav-list .sub-prod-cat-menu:hover .sub-prod-nav-link{
	background-color: #002976;
	color: #FFF;
}

.sub-prod-nav-list .sub-prod-nav-link{
	display: block;
	color: #414042;
	font-size: 18px;
    font-family: "Halyard Book";
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.sub-prod-nav-list .sub-prod-nav-link:hover{
	text-decoration: none;
}

.prod-nav-link.open,
.prod-nav-link.active{
	background-color: #F1F0F0;
}

.prod-nav-link.open i{
	transform: rotate(90deg);
}

.prod-info-img-box img{
	width: 100%;
}

.prod-info-img-box{
	margin-bottom: 15px;
}

.prod-name-box h3{
	font-size: 20px;
	font-family: "Halyard Medium";
	margin-bottom: 0px;
}

.prod-name-box{
	color: #002976;
	font-size: 16px;
	border-bottom: 2px solid #002976;
	padding-bottom: 15px;
}

.prod-detail-box{
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #989898;
}

.prod-detail-box .row{
	align-items: center;
}

.prod-file-box{
	padding-top: 15px;
	padding-bottom: 15px;
}

.proccess-img-box img{
	margin-bottom: 10px;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

.proccess-img-box > *:last-child{
	margin-bottom: 0px;
}

.proccess-img-box p{
	text-align: left;
	font-family: "Halyard Regular";
}

.row.process-attr{
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: -30px;
}

.row.process-attr > div{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.view-dt-btn{
	color: #002976;
	font-size: 16px;
	font-family: "Halyard Medium";
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.view-dt-btn img{
	width: 22px;
	margin-left: 15px;
}

.view-dt-btn:hover{
	text-decoration: none;
	color: #002976;
}

.row.sustainability-row,
.row.requirement-list,
.row.investment-row,
.row.company-row{
	margin-left: -30px;
	margin-right: -30px;
}

.row.sustainability-row > div,
.row.requirement-list > div,
.row.investment-row > div,
.row.company-row > div{
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 767px) {
	.row.sustainability-row > div:nth-child(odd),
	.row.investment-row > div:nth-child(odd),
	.row.company-row > div:nth-child(odd){
		border-right: 1px solid #414042;
	}

	.row.company-row > div:nth-child(even){
		border-left: 1px solid #414042;
		margin-left: -1px;
	}

}

.comp-img-box img{
	height: 45px;
}

.comp-img-box{
	margin-bottom: 30px;
}

.invest-img-box img{
	width: 80px;
}

.row.company-row > div{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media(min-width: 767px){
	.comp-img-box{
		margin-bottom: 30px;
	}

	.comp-img-box img{
		height: 50px;
	}

	
}

@media (min-width: 1200px) {
	.comp-img-box img{
		height: 60px;
	}
}

.invest-img-box{
	padding-top: 1rem;
	margin-bottom: 15px;
}

.invest-desc h3{
	font-family: "Halyard Regular";
}

.requirement-box h3{
	color: #002976;
	font-family: "Halyard Medium";
}

.requirement-box:first-child{
		margin-bottom: 30px;
}

@media (min-width: 767px) {
	.requirement-box{
		margin-bottom: 0px;
	}
}

.grey-box{
	background-color: #F1F0F0;
	padding: 40px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-radius: 0px 0px 100px 0px;
}

.build-some-box{
	max-width: 700px;
	color: #002976;
}
.boild-btn-box{
	padding-top: 5px;
}
.boild-btn-box .enq-btn{
	border-radius: unset;
	display: inline-block;
}

.build-some-box h2{
	font-size: 37px;
	font-family: "Halyard Light";
}

.sustainability-img-box img{
	width: 80px;
}

.sustainability-img-box{
	margin-bottom: 15px;
	padding-top: 1rem;
}

.sustainability-sec-2{
	padding-top: 0px;
}

.sustainability-desc h3{
	font-family: "Halyard Regular";
}

.sustainability-row > div:last-child .sustainability-desc > *:last-child{
	margin-bottom: 0px;
}

@media(min-width: 767px){
	.sustainability-row > div:last-child .sustainability-desc > *:last-child{
		margin-bottom: 16px;
	}

	.grey-box{
		padding: 50px 100px;
		border-radius: 0px 0px 150px 0px;
	}
	.build-some-box h2{
		font-size: 54px;
	}
	.sustainability-sec-2{
		padding-top: 80px;
	}
}

.requirement-box a{
	color: #002976;
}

.requirement-box > *:last-child{
	margin-bottom: 0px;
}

@media(min-width: 767px){
	.requirement-box > *:last-child{
		margin-bottom: 16px;
	}
}

.news-box{
	background-color: #FFF;
	display: block;
	color: #414042;
	transition: all .3s ease-in-out;
}

.news-img-box{
	overflow: hidden;
}

.news-img-box img{
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	height: 250px;
	object-position: top;
	transition: all .3s ease-in-out;
}

.news-desc{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.news-footer{
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	color: #002976;
	font-family: "Halyard Medium";
}

.news-desc h3{
	font-size: 18px;
	min-height: 65px;
	margin-bottom: 30px;
	font-family: "Halyard Regular";
}

.news-date-label{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
	color: #989898;
}

@media(min-width: 767px){
	.news-footer{
		padding-top: 10px;
	}
	.news-desc{
		min-height: 170px;
	}

	.news-date-label{
		margin-bottom: 15px;
	}
}

.news-date-label span{
	display: inline-block;
}

.news-box:hover{
	text-decoration: none;
	color: #414042;
}

.news-box:hover .news-footer{
	color: #002976;
}

.news-box:hover .news-img-box img{
	transform: scale(1.1);
}

.news-media-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #414042;
	font-size: 16px;
}

.total-news{
	color: #002976;
	font-family: "Halyard Regular";
	margin-bottom: 15px;
}

.news-filter-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.news-filter{
	position: relative;
	width: 200px;
	max-width: 100%;
}

@media(min-width: 767px){
	.total-news{
		margin-bottom: 0px;
	}

	.news-desc{
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
		min-height: 170px;
	}

	.news-footer{
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
}

.news-filter select{
    width: 100%;
    padding: 5px 15px;
	padding-right: 40px;
	position: relative;
	appearance: none;         /* Chrome */
  	-webkit-appearance: none; /* Safari */
  	-moz-appearance: none;    /* Firefox */
}

.news-filter::after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	transform: rotate(45deg);
	pointer-events: none;
	width: 2px;
	height: 7px;
	background-color: #4E4E4E;
}

.news-filter::before {
  	content: "";
    position: absolute;
	top: calc(50% - 3px);
	right: 20px;
	transform: rotate(-45deg);
	pointer-events: none;
	width: 2px;
	height: 7px;
	background-color: #4E4E4E;
	z-index: 1;
}

.news-pagination{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.news-pagination ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.news-pagination li{
	margin-left: 15px;
}

.news-pagination .page-numbers.current{
	color: #002976;
}

.single-news-content > *:last-child{
	margin-bottom: 0px;
}

.news-pagination .page-numbers{
	color: #414042;
	font-family: "Halyard Medium";
	transition: all .3s ease-in-out;
}

.news-pagination .page-numbers:hover{
	text-decoration: none;
	color: #002976;
}

.news-title-box h1{
	color: #002976;
	font-family: "Halyard Light";
	font-size: 37px;
}

.news-title-box h3{
	margin-bottom: 30px;
	font-family: "Halyard Light";
	font-size: 22px;
}

.news-title-box p{
	color: #989898;
	font-size: 14px;
	margin-bottom: 0px;
}

.news-title-box{
	margin-bottom: 15px;
}

.news-feature-img-box{
	margin-bottom: 30px;
}

.single-news-content p{
	font-size: 16px;
	margin-bottom: 30px;
}

.single-news-content h4{
	font-family: "Halyard Medium";
	margin-bottom: 20px;
	font-size: 20px;
}

.single-news-content .row{
	margin-left: -30px;
	margin-right: -30px;
}

.single-news-content .row > div{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

@media(min-width: 767px){
	.news-title-box h1{
		font-size: 54px;
	}

	.news-title-box h3{
		font-size: 26px;
	}
}

.get-in-touch-btn{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	color: #002976;
	border: 2px solid #002976;
	font-family: "Halyard Medium";
	font-size: 18px;
	transition: all .3s ease-in-out;
	display: inline-block;
}

.get-in-touch-btn:hover{
	background-color: #002976;
	text-decoration: none;
	color: #FFF;
}

.gallery-title-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	margin-bottom: 30px;
}

.slider-btn-box img{
	width: 30px;
	cursor: pointer;
}

.slider-btn-box img:first-child{
	margin-right: 15px;
}

.slider-btn-box .left{
	transform: rotate(-180deg);
}

.gallery-slider .owl-stage-outer {
    overflow: unset;
}

.row.construction-row{
	margin-left: -30px;
	margin-right: -30px;
}

.construction-row > div{
	padding-left: 30px;
	padding-right: 30px;
    padding-bottom: 30px;
}

.construction-row > div:last-child,
.construction-row > div > .construction-desc > *:last-child{
	margin-bottom: 0px;
}



.construction-row > div:nth-child(2n+1){
	border-right: 1px solid #414042;
}

@media (min-width: 1200px) {
	.construction-row > div:nth-child(2n+1){
		border-right: unset;
	}
	.construction-row > div:nth-child(3n+1),
	.construction-row > div:nth-child(3n+2){
		border-right: 1px solid #414042;
	}
}

.construction-row > div:last-child{
	border-right: unset;
}

.construction-img-box img{
	width: 80px;
}

.construction-img-box{
	margin-bottom: 15px;
}

@media (min-width: 767px) {
	.construction-img-box{
		padding-top: 15px;
	}
}

.construction-desc h3{
	font-family: "Halyard Regular";
}

.build-desc h2{
	font-size: 37px;
	margin-bottom: 30px;
	font-family: "Halyard Light";
}

.getintouch-box h2{
	font-size: 35px;
	color: #002976;
	margin-bottom: 8px;
	font-family: "Halyard Light";
}
.getintouch-box > *:last-child{
	margin-bottom: 0px;
}
.getintouch-box{
	margin-bottom: 30px;
}

.last-contact-section{
	padding-top: 60px;
	padding-bottom: 60px;
}

@media(min-width: 767px){
	.build-desc h2{
		font-size: 44px;
	}

	.getintouch-box h2{
		font-size: 48px;
	}
}

@media(min-width: 1200px){
	.last-contact-section{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.build-desc h2{
		font-size: 37px;
	}
}

.service-center-box .comp-logo:not(:last-child){
	margin-right: 50px;
	margin-bottom: 30px;
}

.service-center-box .comp-logo{
	height: 60px;
}

.comp-logo{
	height: 70px;
}

#timeline div{
	height: unset;
}
#timeline div.text{
	padding-bottom: 100px;
}

#timeline .text span{
	border-left: 3px solid #002976;
	padding-left: 20px;
	display: block;
	margin-bottom: 10px;
}

#timeline div.active .date h2 {
	font-size: 55px;
	color: #002976;
}

#timeline div .date h2 {
	line-height: 1;
}

#timeline div .date {
	text-align: left;
}

#timeline div.active .date::before {
	background: #002976;
}

.history-box > *:last-child{
	margin-bottom: 0px;
}

.history-box h2{
	color: #002976;
	font-size: 35px;
	margin-bottom: 16px;
	font-family: "Halyard Medium";
}

@media (min-width: 767px) {
	.history-box h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.history-box h2{
		font-size: 48px;
	}
}

#timeline div.active .date {
	border-right: 1px solid #002976;
}

#timeline div .date h2 {
	margin: 0px;
}

#timeline div .date::before{
	top: 25px;
	left: 98%;
}
#timeline div.active .date::before {
	top: 25px;
	left: 97%;
}

.brand-box h2{
	font-size: 35px;
	margin-bottom: 15px;
	font-family: "Halyard Medium";
	color: #002976;
}

.brand-wrapper{
	border-bottom: 1px solid #414042;
}

.brand-title-box{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 40px;
	position: relative;
	color: #002976;
	font-family: "Halyard Medium";
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.brand-title-box i{
	    position: absolute;
    right: 20px;
    top: calc(40% - 3px);

}

.brand-content{
	display: none;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.brand-title-box.active,
.brand-title-box:hover{
	background-color: #002976;
	color: #FFF;
}

@media (min-width: 767px) {
	.brand-box h2{
		font-size: 44px;
	}

	.brand-title-box{
		padding-left: 30px;
		padding-right: 60px;
	}

	.brand-title-box i{
		right: 30px;
	}

	.brand-content{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width: 1200px) {
	.brand-box h2{
		font-size: 48px;
	}
}

.coating-box h2{
	font-size: 37px;
	margin-bottom: 30px;
	font-family: "Halyard Light";
}

.coating-box h3{
	font-size: 22px;
	margin-bottom: 30px;
	font-family: "Halyard Light";
	line-height: 1.3;
}

.coating-logo{
	width: 250px;
	max-width: 100%;
	margin-bottom: 15px;
}

.coating-box > *{
	margin-bottom: 30px;
}

.coating-box > *:last-child{
	margin-bottom: 0px;
}

@media (min-width: 767px) {
	.coating-box h2{
		font-size: 48px;
	}
}

.benefits-inner{
	padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #414042;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: "Halyard Medium";
    font-size: 20px;
}

.benefits-icon-box .benefits-icon-img {
    width: 50px;
}

.benefits-inner .benefits-icon-box {
    padding-right: 20px;
    width: 70px;
}

.benefits-inner .benefits-desc{
	width: calc(100% - 70px);
	font-size: 18px;
}	

.external-btn{
	display: inline-block;
	background-color: #002976;
	color: #FFF;
	padding: 10px 15px;
	border: 2px solid #002976;
	transition: all .3s ease-in-out;
	font-family: "Halyard Medium";
	font-size: 16px;
}

.external-btn:hover{
	background-color: unset;
	color: #002976;
	text-decoration: none;
}

.careers-inner .careers-icon-img {
    width: 80px;
	margin-bottom: 15px;
}

.careers-desc h3{
	font-family: "Halyard Regular";
}

.row.careers-list{
	margin-left: -30px;
	margin-right: -30px;
}

.careers-box{
	padding-left: 30px;
	padding-right: 30px;
}
.careers-box:not(:last-child){
	margin-bottom: 30px;
}

.careers-main-box h2{
	font-family: "Halyard Medium";
	color: #002976;
	margin-bottom: 30px;
	font-size: 35px;
}

.careers-main-box h3{
	font-family: "Halyard Light";
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.3;
}

.careers-main-box > *{
	margin-bottom: 30px;
}

.careers-desc > *:last-child,
.careers-main-box > *:last-child{
	margin-bottom: 0px;
}

@media (min-width: 767px) {
	.careers-main-box h3{
		font-size: 24px;
	}

	.careers-main-box h2{
		font-size: 48px;
	}

	.careers-desc > *:last-child{
		margin-bottom: 15px;
	}

    .careers-box:nth-child(odd) {
        border-right: 1px solid #414042;
    }

	.careers-inner{
		padding-top: 15px;
	}

	.careers-inner .careers-icon-img {
		margin-bottom: 0px;
	}
}

.office-main-box h2{
	font-family: "Halyard Light";
	color: #002976;
	font-size: 48px;
}

.office-title{
	font-size: 22px;
	margin-bottom: 30px;
}

.company-logo{
	height: 45px;
	margin-bottom: 30px;
}

.company-desc{
	font-size: 16px;
}

.company-desc h5{
	font-size: 20px;
	color: #002976;
	font-family: "Halyard Medium";
}

.company-desc > *:not(:last-child){
	margin-bottom: 5px;
}

.company-desc > *:last-child{
	margin-bottom: 0px;
}

.company-desc a{
	color: #414042;
}

.company-desc a:hover{
	text-decoration: none;
	color: #002976;
}

.row.company-list{
	margin-left: -30px;
	margin-right: -30px;
}

.company-box{
	padding-left: 30px;
	padding-right: 30px;
}
.square-list-wrapper.last-part{
	margin-bottom: -30px;
}
@media(min-width: 767px){
	.company-box{
		padding-top: 16px;
	}

	.company-desc > *:last-child{
		margin-bottom: 16px;
	}

	.company-box:nth-child(2n+1){
		border-right: 1px solid #414042;
	}
	
}

@media(min-width: 1200px){
	.company-logo{
		height: 50px;
	}

	.company-box:nth-child(3n+2),
	.company-box:nth-child(3n+1){
		border-right: 1px solid #414042;
	}

	.square-list-wrapper.last-part{
		margin-bottom: 0px;
	}
}

.company-box:last-child{
	border-right: unset;
}

.contact-us-map{
	width: 100%;
	height: 450px;
}



.contact-7-title{
	font-size: 35px;
	font-family: "Halyard Light";
	margin-bottom: 30px;
}

@media(min-width: 767px){
	.contact-7-title{
		font-size: 48px;
	}
}

.contact-address-box{
	color: #002976;
}

.contact-address-box h3{
	font-size: 28px;
	margin-bottom: 10px;
	font-family: "Halyard Medium";
}

.contact-address-box > *:last-child{
	margin-bottom: 0px;
}

.row.enq-ser-row,
.row.enq-row{
	margin-left: -30px;
	margin-right: -30px;
}
.row.enq-ser-row > div,
.row.enq-row > div{
	padding-left: 30px;
	padding-right: 30px;
}

.row.enq-ser-row > div:nth-child(3n +2),
.row.enq-ser-row > div:nth-child(3n +1){
	border-right: 1px solid #414042;
}

@media (min-width: 767px) {
	.row.enq-ser-row > div:nth-child(3n +2),
	.row.enq-ser-row > div:nth-child(3n +1){
		border-right: unset;
	}

	.row.enq-ser-row > div:nth-child(2n +1){
		border-right: 1px solid #414042;
	}

	.office_career_box{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.office_career_box > div{
		width: 50%;
	}

}

@media (min-width: 1200px) {
	.office_career_box{
		display: block;
	}

	.office_career_box > div{
		width: unset
	}
	.row.enq-ser-row > div:nth-child(2n +1){
		border-right: unset;
	}

	.row.enq-ser-row > div:nth-child(3n +2),
	.row.enq-ser-row > div:nth-child(3n +1){
		border-right: 1px solid #414042;
	}

}

.row.enq-ser-row > div:last-child{
	border-right: unset;
}

.enq-service-box h4{
	margin-bottom: 0px;
	color: #414042;
	font-family: "Halyard Medium";
}

.enq-service-box a{
	color: #002976;
}

.enq-service-box a:hover{
	color: #002976;
}

.contact-enq-btn{
	padding: 20px 15px;
	display: block;
	text-align: center;
	color: #002976;
	border: 2px solid #002976;
	transition: all .3s ease-in-out;
}

.contact-enq-btn:hover{
	background-color: #002976;
	color: #FFF;
	text-decoration: none;
}

.office-career-btn{
	display: inline-block;
	background-color: #F1F0F0;
	color: #002976;
	padding: 10px 15px;
	margin-bottom: 30px;
	transition: all .3s ease-in-out;
}

.office-career-btn:hover{
	background-color: #002976;
	color: #F1F0F0;
	text-decoration: none;
}

.office_career_box h3{
	color: #002976;
	font-family: "Halyard Medium";
	margin-bottom: 15px;
}

.contact-form-sec{
	padding-top: 60px;
	padding-bottom: 60px;
}

@media(min-width: 767px){
	.contact-form-sec{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.office-career-btn{
		margin-bottom: 48px;
	}
}

/*appointment form*/
.contactus-form-section .wpcf7-list-item{
	display: block;
}

.contactus-form-section label{
	font-family: "Halyard Regular";
	color: #414042;
	font-size: 16px;
}

.contactus-form-section .wpcf7-list-item-label{
	font-weight: 600;
}

.contactus-form-section input[type="text"], .contactus-form-section input[type="email"], .contactus-form-section select, .contactus-form-section textarea, .contactus-form-section input[type="date"]{
	width: 100%;
	padding: 10px 20px;
	background-color: #FFF;
	border: 1px solid #414042;
	color: #414042;
}

.contactus-form-section input[type="email"]:focus, .contactus-form-section input[type="text"]:focus, .contactus-form-section select, .contactus-form-section  textarea:focus, .contactus-form-section input[type="date"]:focus{
	text-decoration: unset;
	color: #414042;
}

.contactus-form-section select{
	appearance: none;
	-webkit-appearance: none;
	padding-right: 40px;
}
.contactus-form-section .select-box{
	position: relative;
	margin-top: -1rem;
}

.contactus-form-section .select-box i{
	position: absolute;
	top: 15px;
	right: 20px;
	color: #414042;
}

.contactus-form-section input[type="date"]{
	font-size:17px;
}
.contactus-form-section .spacing-down{
	margin-bottom: 0.5rem;
}

.contactus-form-section input[type="submit"]{
	background-color: #002976;
	color: #FFF;
	font-size: 18px;
	display: inline-block;
	width: auto;
	border: 2px solid #002976;
	padding: 10px 20px;
	transition: all .3s ease-in-out;
	margin-top: 30px;
	cursor: pointer;
	font-family: "Halyard Medium";
}

.contactus-form-section input[type="submit"]:hover{
	background-color: unset;
	color: #002976;
}

.contactus-form-section label.small{
	font-style: italic;
	color: #002976;
	font-weight: 500;
}

@media (min-width:1200px) {
	.contactus-form-section .spacing-down{
		margin-bottom: 37px;
	}
}

.contactus-form-section .wpcf7-response-output{
	padding: 20px 0px !important;
	padding-bottom:0px !important;
	border-top: 2px solid #414042 !important;
	border-bottom: unset !important;
	border-left: unset !important;
	border-right: unset !important;
	margin:0px !important;
	margin-top:30px !important;
	line-height: 1.6;
	font-size: 18px;
	font-family: "Halyard Medium";
    color: #002976;
}

.contactus-form-section h2{
	font-family: "Halyard Light";
	color: #002976;
}

.contactus-form-section .submit-box p{
	margin-bottom: 0px;
}


/* end of appointment form*/

.subsidiaries-main-box h2{
	margin-bottom: 15px;
	font-family: "Halyard Medium";
	color: #002976;
	font-size: 35px;
}

@media (min-width: 767px) {
	.subsidiaries-main-box h2{
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.subsidiaries-main-box h2{
		font-size: 48px;
	}
}

.row.subsidiaries-list{
	margin-left: -30px;
	margin-right: -30px;
	align-items: center;
}

.row.subsidiaries-list > div{
	padding-left: 30px;
	padding-right: 30px;
}

.subsidiaries-logo-img{
	height: 45px;
	margin-bottom: 15px;
}

.subsidiaries-box:first-child{
	padding-top: 15px;
}

.subsidiaries-box:not(:first-child){
	padding-top: 30px;
}

.subsidiaries-box{
	padding-bottom: 30px;
	border-bottom: 1px solid #414042;
}

.subsidiaries-desc h4{
	color: #002976;
	font-family: "Halyard Regular";
}

.subsidiaries-desc > *:last-child{
	margin-bottom: 0px;
}

@media (min-width: 767px) {
	.subsidiaries-logo-img{
		height: 45px;
        margin-bottom: 0px;
        max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.subsidiaries-logo-img{
		height: 60px;
		margin-bottom: 0px;
	}
}

.calibration-title-box{
	font-family: "Halyard Medium";
	font-size: 18px;
}

.calibration-title-box > *:last-child{
	margin-bottom: 0px;
}

.calibration-title-box h4{
	color: #002976;
	font-size: 18px;
}

.last_desc > div > *:last-child{
	margin-bottom: 0px;
}

.picture-list > div{
	margin-bottom: 30px;
}

.picture-list > div:last-child{
	margin-bottom: 0px;
}

.weight-solution-box > *:last-child{
	margin-bottom: 0px;
}

.weight-solution-box h2{
	font-family: "Halyard Light";
	font-size: 37px;
	margin-bottom: 30px;
}

@media (min-width: 767px) {
	.weight-solution-box h2{
		font-size: 48px;
	}
}

.weight-solution-box h3{
	font-size: 26px;
}

@media (min-width: 1200px) {
	.weight-solution-box p{
		max-width: 75%;
	}
}

.row.additives-row{
	margin-left: -30px;
	margin-right: -30px;
}

.row.additives-row > div{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
}

.additives-row > div:not(:last-child){
	margin-bottom: 30px;
}

.additives-img-box img{
	height: 60px;
	margin-bottom: 15px;
}
.row.additives-row > div:nth-child(odd){
	border-right: 1px solid #414042;
}

.row.additives-row > div:last-child{
	border-right: unset;
}

.additives-desc h3{
	margin-bottom: 10px;
	font-family: "Halyard Regular";
}

.projects-company-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.projects-company-list p{
	margin-bottom: 30px;
}

.projects-comp-logo{
	height: 65px;
	margin-right: 50px;
}

.projects-comp-logo:not(:last-child){
	margin-bottom: 30px;
}

@media (min-width: 767px ) {
	.projects-comp-logo:not(:last-child){
		margin-bottom: 0px;
	}
}

.build-desc > *:last-child{
	margin-bottom: 0px;
}

.build-desc.hosokawa img{
	height: 60px;
	margin-bottom: 30px;
}
.build-desc.hosokawa h2{
	margin-bottom: 30px;
}
.hosokawa-service{
	font-family: "Halyard Medium";
}
.hosokawa-service a{
	color: #002976;
	font-family: "Halyard Medium";
}
.hosokawa-service a:hover{
	color: #002976;
}

.search-result-box{
	min-height: calc(100vh - 400px - 86px);
}

.search-filter{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.serch-result-form-wrapper{
	margin-bottom: 30px;
}

.search-title{
	font-size: 48px;
	font-family: "Halyard Light";
	margin-bottom: 30px;
}
.sorting-part{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.sorting-part label{
	margin-bottom: 0px;
}

.sorting-form select{
	padding: 5px 10px;
	padding-right: 20px;
	width: 200px;
	max-width: 100%;
	appearance: none;
	-webkit-appearance: none;
	margin-left: 15px;
}

.sorting-form select option{
	background-color: #F1F0F0;
}

.single-prod-list > div:not(:last-child){
	margin-bottom: 30px;
}

.sorting-form i{
	position: absolute;
	right: 8px;
	top: 13px;
	font-size: 14px;
}

.search-filter{
	font-size: 16px;
}

.search-filter p{
	margin-bottom: 15px;
	color: #002976;
}

@media (min-width: 1200px) {
	.search-filter p{
		margin-bottom: 0px;
	}
}

.search-filter{
	padding-bottom: 30px;
	border-bottom: 1px solid #414042;
}

.search-result-list a{
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
	border-bottom: 1px solid #414042;
	color: #414042;
	transition: all .3s ease-in-out;
}

.search-result-list a > *:last-child{
	margin-bottom: 0px;
}

.search-result-list a > *{
	margin-bottom: 15px;
}

.search-result-list a h3{
	font-size: 22px;
	font-family: "Halyard Regular";
}

.search-result-list a:hover{
	text-decoration: none;
}

.search-result-list a:hover h3{
	color: #002976;
}

#search-result-form{
	position: relative;
}

#search-result-form input[type="text"]{
	width: 100%;
	background-color: #F1F0F0;
	padding: 15px 25px;
	padding-right: 45px;
	border: unset;
	outline: unset;
}

#search-result-form .search-res-submit{
	position: absolute;
	right: 13px;
	top: 18px;
}

#search-result-form .search-res-submit i{
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

#search-result-form .search-res-submit > div{
	width: 16px;
	height: 16px;
}

#search-result-form .search-res-submit i.show{
	visibility: visible;
	opacity: 1;;
}
.search-result-list{
	margin-bottom: 30px;
}

.search-result-pagination{
	font-family: "Halyard Regular";
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	color: #002976;
	font-size: 16px;
}

.search-result-pagination a{
	font-size: 16px;
	color: #414042;
}

.search-result-pagination a:hover{
	color: #002976;
	text-decoration: none;
}

.search-result-pagination > *:not(:last-child){
	margin-right: 15px;
}

.desktop-nav-children.searchform{
	background-color: #002976;
	color: #FFF;
	box-shadow: unset;
	padding-top: 30px;
}

#nav-search-form input[type="text"]{
	width: 100%;
	background-color: #002976;
	padding: 15px 0px;
	padding-right: 25px;
	border: unset;
	outline: unset;
	border-bottom: 2px solid #FFF;
	color: #FFF;
}

#nav-search-form input[type="text"]::placeholder{
	color: #FFF;
	opacity: 60%;
}

#nav-search-form{
	position: relative;
}

.nav-search-submit-box img{
	width: 15px;
	position: absolute;
	cursor: pointer;
	top: 20px;
	right: 0px
}

.single-equip-desc > *{
	margin-bottom: 15px;
}

.single-equip-desc > *:last-child{
	margin-bottom: 0px;
}

.single-equip-desc h2{
	font-size: 37px;
	font-family: "Halyard Light";
	color: #002976;
	margin-bottom: 5px;
}

@media (min-width:767px) {
	.single-equip-desc h2{
		font-size: 44px;
	}
}
@media (min-width:1200px) {
	.single-equip-desc h2{
		font-size: 48px;
	}
}

.single-equip-section > div:not(:last-child){
	margin-bottom: 30px;
}

.single-equip-section .resources-desc > *,
.single-equip-section .icon-desc > *,
.single-equip-main > *{
	margin-bottom: 30px;
}

.single-equip-section .resources-desc > *:last-child,
.single-equip-section .icon-desc > *:last-child,
.single-equip-main > *:last-child{
	margin-bottom: 0px;
}

.single-equip-main .equip-logo:not(:last-child){
	margin-bottom: 30px;
}

.single-equip-main .equip-logo{
	height: 60px;
	margin-right: 50px;
}

.single-equip-main ul{
	padding-left: 20px;
	list-style: none;
}

.single-equip-main li{
	padding-bottom: 10px;
	position: relative;
}

.single-equip-main li::before{
	content: " ";
    background-color: #002976;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    position: absolute;
    top: 11px;
    left: -18px;
}

.single-equip-main .mb-10{
	margin-bottom: 10px;
}

.single-equip-section .row.icon-listing{
	margin-left: -30px;
	margin-right: -30px;
}

.single-equip-section .row.icon-listing > *{
	padding-left: 30px;
	padding-right: 30px;
}

.single-equip-section .icon-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #414042;
	padding-bottom: 15px;
}

.single-equip-section .icon-img-box{
	width: 70px;
	padding-right: 20px;
}

.single-equip-section .icon-img-box img{
	width: 50px;
}

.single-equip-section .icon-desc-box{
	width: calc(100% - 70px);
}

.single-equip-section .resources-download{
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	border-bottom: 1px solid #414042;
	color: #414042;
	transition: all .3s ease-in-out;
	display: block;
}

.single-equip-section .resources-download:first-child{
	border-top: 1px solid #414042;
}

.single-equip-section .resources-download:hover{
	text-decoration: none;
	color: #414042;
}

.single-equip-section .resources-download > .row{
	align-items: center;
}

.single-equip-section .resources-download .file-name-box > *:last-child{
	margin-bottom: 0px;
}

.single-equip-section .resources-download .file-name-box > *{
	margin-bottom: 5px;
}

.single-equip-section .resources-download .file-name-box h3{
	font-family: "Halyard Regular";
}
.single-equip-section .resources-download .file-name-box p{
	font-size:16px;
}

.single-equip-section .resources-download .down-text{
	color: #002976;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	font-family: "Halyard Regular";
	padding-top: 15px;
}

@media (min-width:767px) {
	.single-equip-section .resources-download .down-text{
		justify-content: end;
		padding-top: 0px;
	}
}

.equip-downlod-icon{
	width: 30px;
}

.equip-gallery-slider .owl-stage-outer{
	overflow: unset;
}
.equip-slider-btn-box{
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.equip-slider-btn-box .round-arrow{
	width: 30px;
	cursor: pointer;
}

.equip-slider-btn-box .round-arrow:first-child{
	margin-right: 15px;
}

.equip-slider-btn-box .round-arrow.left{
	transform:rotate(-180deg);
}

.equip-gallery-img-box{
	position: relative;
}

.gallery-caption-box{
	position: absolute;
	background-color: rgba(255, 255, 255, 0.6);
	border-top: 5px solid #002976;
	bottom: 0px;
	left: 0px;
	transition: all .3s ease-in-out;
	height: 0px;
	width: 100%;
}

.gallery-caption-box > div {
	padding: 15px 10px;
	line-height: 1.05;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.gallery-caption-box > div > div > *{
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
}

.equip-gallery-img-box:hover .gallery-caption-box{
	height: 100px;
}

.charge-point-gallery,
.equip-item-list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px;
}

.charge-point-gallery > div,
.equip-item-list > div{
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

.charge-point-gallery > div:not(:last-child),
.equip-item-list > div:not(:last-child){
	margin-bottom: 30px;
}

.equip-item-list > div > *{
	margin-bottom: 5px;
	line-height: 1.05;
}

.equip-item-list > div > *:last-child{
	margin-bottom: 0px;
}

.charge-point-gallery img{
	width: 100%;
}

.equip-item-list > div > img{
	max-width: 100%;
	height: 300px;
	margin-bottom: 15px;
}

@media (min-width:767px) {
	.charge-point-gallery > div,
	.equip-item-list > div{
		width: 50%;
	}
}

@media (min-width:1200px) {
	.charge-point-gallery > div{
		width: 25%;
	}
	
	.equip-item-list > div{
		width: 33.3333%;
	}
}

.row.resources-thumb-listing{
	margin-left: -30px;
	margin-right: -30px;
}
.row.resources-thumb-listing > div{
	padding-left: 30px;
	padding-right: 30px;;
}

.resources-thumb-download{
	color: #414042;
	font-family: "Halyard Regular";
}

.resources-thumb-download:hover{
	color: #414042;
	text-decoration: none;
}

.resorces-thumbnail-img{
	max-width: 100%;
	height: 300px;
}

.thumb-down-text{
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	font-family: "Halyard Regular";
	color: #002976;
}

.history-list .timeline-container{
	margin: 0px 20px;
	position: relative;
	border-left: unset;
	max-width: 100%;
	padding-left: 30px;
	width: 100%;
}
.history-list .timeline-series,
.history-list  .timeline-wrapper{
	max-width: 100%;
}

.history-list  .timeline-wrapper{
	padding-bottom: 15px;
}

.history-list .timeline-container::before{
	content: " ";
	position: absolute;
	width: 2px;
	background-color: #414042;
	height: calc(100% - 20px);
	bottom: 0px;
	left: 0px;
}

.history-list .timeline-time{
	position: relative;
}

.history-list .timeline-time::after{
	content: " ";
	width: 15px;
	height: 15px;
	border-radius: 50px;
	background-color: #002976;
	position: absolute;
	top: calc(50% - 7.5px);
	left: -36px;
}

.history-list .timeline-time::before{
	position: absolute;
	content: " ";
	width: 25px;
	height: 3px;
	background-color: #D4D4D4;
	top: calc(50% - 1.5px);
	left: -30px;
}

.history-list .timeline-event-content > *{
	padding-left: 20px;
	line-height: 1.05;
	width: 100%;
	position: relative;
}

.history-list .timeline-event-content img{
	max-width: 100%;
	margin-bottom: 15px;
}

.history-list .timeline-event-content p{
	line-height: 1.4;
	margin-bottom: 0px;
}
.history-list .timeline-event-content{
	display: none;
}

.history-list .timeline-event-content p::before{
	content: " ";
	position: absolute;
	top: 12px;
	left: 0px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #002976;
}

.history-list  .timeline-event{
	font-family: "Halyard Regular";
	font-size: 20px;
	position: relative;
}

.history-list .timeline-event::before{
	position: absolute;
	content: " ";
	width: 25px;
	height: 2px;
	background-color: #D4D4D4;
	top: calc(50% - 1px);
	left: -30px;
	z-index: -1;
}

.history-list .timeline-row > div{
	padding-bottom: 15px;
}


.history-list .timeline-time{
	font-size: 38px;
	font-family: "Halyard Regular";
	color: #002976;
	cursor: pointer;
}

.history-list .timeline-event{
	transition: all .3s ease-in-out;
	font-family: "Halyard Regular";
	font-weight: 700;
	cursor: pointer;
}

.history-list .timeline-event.open{
	font-size: 1.2em;
}

.row.history-gallery{
	margin-left: -30px;
	margin-right: -30px;
}

.history-gallery-box{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.history-gallery-box:last-child{
	margin-bottom: 0px;
}

.history-gallery-box img{
	width: 100%;
}

.process-equipment > *{
	margin-bottom: 30px;
	color: #414042;
}

.process-equipment > *:last-child{
	margin-bottom: 0px;
}

.process-equipment h3{
	font-size: 38px;
	font-family: "Halyard Light";
}

.who-we-section3{
	margin-top: -5px;
}

@media(min-width:767px){
	.who-we-section3{
		margin-top: 0px;
	}
}

.news-listing > div:not(:last-child){
	margin-bottom: 30px;
}

.term-of-use-content{
	max-width: 100%;
}

@media(min-width:767px){
	.term-of-use-content{
		max-width: 75%;
	}
}

.term-of-use-content > *{
	margin-bottom: 30px;
	color: #414042;
}

.term-of-use-content > *:last-child{
	margin-bottom: 0px;
}

.term-of-use-content h1{
	font-size: 54px;
	color: #002976;
	font-family: "Halyard Light";
	margin-bottom: 50px;
}

.term-of-use-content h3{
	font-family: "Halyard Regular";
	font-size: 1.17em;
	margin-bottom: 5px;
}

.term-of-use-content ol{
	padding-left: 20px;
}

.scroll-video-wrapper {
	position: relative;
	height: 200vh; /* controls scroll distance for scrubbing */
	margin-bottom: 0px;
	margin-top: -150px;
    z-index: -1;
}

.scroll-video {
	/* position: fixed;
	top: 0; */
	width: 100%; /* col-9 width in a 12-grid system */
	height: 100vh;
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: visible; /* default hidden */
}

.scroll-video video {
	width: 100%;
	height: 100%;
	object-fit: contain; /* no crop */
	display: none;
}

@media (min-width: 390px) {
	.scroll-video-wrapper {
		margin-bottom: -30px;
		margin-top: -150px;
	}
}

@media (min-width: 767px) {
	.scroll-video-wrapper {
		margin-bottom: -50px;
		margin-top: -200px;
	}
}

@media (min-width: 1024px) {
	#scrollVideo-tablet { margin-left: -150px; }
	.scroll-video-wrapper {
		margin-bottom: -250px;
		margin-top: -350px;
	}
}

@media (min-width: 1200px) {
	#scrollVideo-desktop { display: block; }
	#scrollVideo-tablet { margin-left: 0px; }
	.scroll-video-wrapper {
		margin-bottom: -30px;
		margin-top: -200px;
	}
}

@media (min-width: 577px) and (max-width: 1199px) {
	#scrollVideo-tablet { display: block; }
}

@media (max-width: 576px) {
	#scrollVideo-mobile { display: block; }
}

.page-what-wedo{
	margin-top:-78px;
}

/* must be last part */
.mb-10{
	margin-bottom: 10px;
}

.mb-15{
	margin-bottom: 15px;
}

.mb-20{
	margin-bottom: 20px;
}

.pb-20{
	padding-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-80{
	margin-bottom: 80px;
}

.mt-30{
	margin-top: 30px;
}

.mb-50{
	margin-bottom: 50px;
}

@media (min-width: 767px) {
	.mb-md-10{
		margin-bottom: 10px;
	}

	.mb-md-15{
		margin-bottom: 15px;
	}

	.mb-md-20{
		margin-bottom: 20px;
	}

	.mb-md-30{
		margin-bottom: 30px;
	}

	.mb-md-40{
		margin-bottom: 40px;
	}

	.mb-md-80{
		margin-bottom: 80px;
	}

	.mt-md-30{
		margin-top: 30px;
	}
	.mb-md-50{
		margin-bottom: 50px;
	}
}

.icon-404{
	max-width:100%;
    width: 100px;
    margin-bottom: 15px;
}

.notfound404 h1{
	margin-bottom: 20px;
}

.notfound404 .contact-us{
	color:#414042;
    text-decoration: underline;
}

.notfound404 .contact-us:hover{
	color:#414042;
}

.notfound404 .back-to-home{
	font-family: 'Halyard Medium';
    text-decoration: unset;
    color:#002976;
}