@font-face {
  font-family: 'icons-sm';
  src:  url('fonts/icons-sm.eot?ms3c7d');
  src:  url('fonts/icons-sm.eot?ms3c7d#iefix') format('embedded-opentype'),
    url('fonts/icons-sm.ttf?ms3c7d') format('truetype'),
    url('fonts/icons-sm.woff?ms3c7d') format('woff'),
    url('fonts/icons-sm.svg?ms3c7d#icons-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons-sm' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 body, img,  .readmore, .header-nav a, .mega-sub-menu .mega-menu-link, .book-an-appointment, a, a i{
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
 }
 .subscribe-form i {
	 transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
 }
 h1,h2,h3,h4,h5,h6,h7{
	 font-family:'Montserrat';  
	 font-weight:normal;
 }
h1{
	font-size:36px;
	font-weight:400;
	text-align:center;
	line-height: 48px;
}
a:hover{
	text-decoration:none;
}
a.navbar-toggler{
	border:none;
}
a.navbar-toggler .icon-menu1 {
    font-size: 32px;
}
.hdr-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.more-artists-wrpr:hover img {
    border: none;
}

.more-artists-wrpr img {border: 5px solid #fff; padding:5pxpx }

.more-artists-wrpr a:hover {
    border: 4px solid #ffffff;
}



span.icon-mail_outline,
span.icon-phone1 {
    font-size: 17px;
    margin-right: 3px;
    position: relative;
    top: 3px;
    color: #209cd6;
}
span.icon-phone1 {
	font-size: 15px;
	top: 1px;
}

.navbar-nav.headernav {
    /*font-family: 'Roboto Condensed', sans-serif;*/
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    font-weight: 500;
    font-size: 13px;
}
ul.dropdown-menu.dropdown-menu-custom {font-size: 12px;}
.dropdown-toggle::after{display:none;}
.navbar-header .navbar-brand {
    position: relative;
    width: 185px;
    height: 60px;
}



.container-fluid.banner{
	
	min-height:378px;
	max-height:378px;
}
.svgCntnr svg {
    width: 39px;
    height:39px;
    fill: #000;
}
.svgCntnr svg path {
    fill: #000;
}
.svgCntnr {
    display: block;
    margin-bottom: 15px;
	margin-top: 6px;
}
.swiper-slide-thumb-active .svgCntnr svg,
.swiper-slide-thumb-active .svgCntnr path{
	fill:#fff;
}


html,
 body {
		position: relative;
		height: 100%;
    }
	
	.yellow-color {
		color: #ffbe04;
	}

	.green-color {
		color: #9ae206;
	}
	
 .container-fluid.banner{
	height:100%;
 }
	


	
	.navbar-header {
		min-height: 124px;
		box-shadow: 0 10px 20px rgb(0 0 0 / 12%);
	}
	
	.navbar-light .navbar-nav .nav-link {
		color: rgba(0,0,0,1);
		text-transform: unset;
		font-weight: 400;
		white-space: nowrap; 
	}
	
	.menuAnim li {
	  display: inline-block;
	  list-style: outside none none;
	  margin: 7px;
	  margin-top: 0;
      margin-bottom: 0px;
	  padding: 0;
	  
	   /* display: inline-flex;
		list-style: outside none none;
		margin: 21px;
		margin-top: 1px;
		margin-bottom: 0;
		padding: 0;
		font-size: 15px;
		align-items: flex-end;*/
	  
	}
	.menuAnim  a {
	  padding: 0.5em 0;
	  
	  position: relative;
	  text-decoration: none;
	}
	.menuAnim  a:before,
	.menuAnim  a:after {
	  position: absolute;
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}
	.menuAnim  a:before {
	    bottom: 3px;
		display: block;
		height: 2px;
		width: 0%;
		content: "";
		
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color:#2c7897;
	}
	.nav-link.search .icon-search3 {
		background: #05bddb;
		color: #fff;
		min-width: 30px;
		min-height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.nav-link.search .icon-search3:before {
		position: relative;
		top: -1px;
	}
	a.nav-link.search {
		padding-top: 3px;
		position: relative;
		top: -9px;
	}

	a.nav-link.search:before {
		display: none;
	}
	.navbar-nav  .active  a:after,
	.menuAnim  a:after {
	  bottom: 1px;
	  padding: 0.5em 0;
	  position: absolute;
	  content: attr(data-hover);
	  color: #000;
	  white-space: nowrap;
	  max-width: 0%;
	  overflow: hidden;
	}
	.navbar-nav  .active  a{
		background:transparent !important;
	}
	.navbar-nav  .active  a:before,
	.menuAnim a:hover:before,
	.menuAnim .current a:before {
	  opacity: 1;
	  width: 100%;
	}
	.menuAnim a:hover:after,
	.menuAnim .current a:after {
	  max-width: 100%;
	}
	.menuAnim   li  a {
		padding-left: 0px !important;
		padding-right: 0px  !important;
		padding-top: 0px;
		padding-bottom: 7px;
	}
	.menuAnim .dropdown-item, .menuAnim .dropdown-item:hover {
		color: #000;
		font-size: 12px;
		padding-left: 10px !important;
	}
	.menuAnim .dropdown-item:before{
		content:inherit;
	}
	.nav-link.login-myaccount {
		background: #7fd2ff;
		padding-left: 15px !important;
		padding-right: 15px !important;
		color: #fff;
		border-radius: 19px;
		color: #fff !important;
	}

	.nav-link.login-myaccount:before {
		content: inherit;
	}


	.content-wrpr {
		/*margin-top: 124px;*/
	}
	.banner {min-height: 445px;background: url(../images/header-sea-bg.jpg) center center ;     background-size: cover}
	.gotoTop{
		position:fixed; display:none;
	}
	.leaf-boat {position: relative;bottom:-42px; z-index: 1;}
		.banner {display: flex;justify-content: center;align-items: center;}

	.banner .container {min-height: 445px;display: flex;/* align-items: center; */}

	.banner .container .row {width: 100%;align-items: center;}
	.banner h1 {font-size: 60px;font-family: 'Roboto Condensed';font-weight: 600;text-transform: uppercase;text-align: right;color: #206327;}
	.banner-subtitle {min-height: 196px;background: #033668;display: flex;    align-items: center;}
	.banner-subtitle h2{ font-family: 'Roboto Condensed';     font-size: 36px;}
	.international-shipping-emissions .col-md-12 h2 {font-family: 'Montserrat';font-size: 34px;font-weight: 600;margin-bottom: 60px;color: #206327;}
	.international-shipping-emissions {padding-top: 63px; padding-bottom: 63px; position:relative;}
	.international-shipping-emissions .col-md-5 h2 {font-size: 40px;font-family: 'Roboto Condensed';max-width: 90%; margin-top: 56px;}
	.international-shipping-emissions .col-md-5 h2 span {font-size: 45px;display: block;color: #206327;font-weight: 600;}
	.international-shipping-emissions:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 22px;background: url(../images/wave-devider-01.jpg);}
	
	.staying-ahead-wrpr {min-height:1240px;background: #033363; background-image: linear-gradient(to bottom, #258172, #238b76, #249578, #299f7a, #31a97a);padding: 63px 0;color: #fff; position:relative;}
	.staying-ahead-wrpr h2 {font-size: 49px;font-family: 'Roboto Condensed';}
	.staying-ahead-wrpr h3 {font-size: 37px;font-family: 'Roboto Condensed';}
	.honeycomb-wrpr {min-width: 920px;position: relative; margin: 0 auto;max-width: 920px;}
	.honeycomb {position: absolute;}
	.honeycomb.honeycomb-02 {left: 315px;top: 11px;}
	.honeycomb.honeycomb-01 {top: 195px;}
	.honeycomb.honeycomb-03 {left: 629px;top: 195px;}
	.honeycomb.honeycomb-04 {top: 562px;}
	.honeycomb.honeycomb-05 {top: 378px;left: 315px;}
	.honeycomb.honeycomb-06 {left: 629px;top: 562px;}
	.honeycomb.honeycomb-07 {top: 929px;}
	.honeycomb.honeycomb-08 {top: 745px;left: 315px;}
	.honeycomb.honeycomb-09 {left: 629px;top: 929px;}
	.honeycomb.honeycomb-10 {top: 1296px;}
	.honeycomb.honeycomb-11 {left: 314px;top: 1112px;}
	.honeycomb.honeycomb-12 {top: 1296px;left: 628px;}
	.honeycomb.honeycomb-13 {top: 1663px;}
	.honeycomb.honeycomb-14 {left: 315px;top: 1479px;}
	.honeycomb.honeycomb-15 {left: 628px;top: 1663px;}
	.staying-ahead-wrpr:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 22px;
		background: url(../images/wave-devider-02.jpg);
	}
	
	
	
	/*bs popover*/
	
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 9px;
    box-shadow: 0 0 40px rgb(0 0 0 / 50%);
}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0,0,0,.25);
}
.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0,0,0,.25);
}
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #ff7a0b;
    border-bottom: 0px solid #ebebeb;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin-top: 0px;
    color: #fff;
	line-height: 16px;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.honey-tooltip{
	position: absolute;
    width: 330px;
    height: 330px;
    top: 20px;
    left: 53px;
    border-radius: 50%;
	z-index:1;
}

.evaluating-emerging-tech-wrpr {background-image: radial-gradient(circle, #007584, #006a7c, #004b62, #004b62, #004b62);min-height: 1250px;padding: 100px 0; position:relative;}
.evaluating-emerging-tech-wrpr h2 {color: #fff;font-size: 49px;font-family: 'Roboto Condensed'; max-width: 1170px; margin: 0 auto;}	
.evaluvating-info-wrpr img {width: 100%;max-width: 1280px;}	
.evaluating-emerging-tech-wrpr:after,
.you-cant-improve-wrpr:after,
.encouraging-start-wrpr:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    background: url(../images/wave-devider-03.jpg);
}
.you-cant-improve-wrpr:after{
	background: url(../images/wave-devider-04.jpg);
}
.encouraging-start-wrpr:after{
	background: url(../images/wave-devider-05.jpg);
	display:none;
}
.you-cant-improve-wrpr {background: #a2c5d9;padding: 100px 0; position:relative;}	
.you-cant-improve-wrpr h2 {color: #000;font-size: 49px;font-family: 'Roboto Condensed'; max-width: 1170px; margin: 0 auto; margin-bottom:50px;}	
.totalco2-wrpr {margin-bottom: 50px;}
.encouraging-start-wrpr {background-image: radial-gradient(circle, #0a4a8b, #084481, #033363, #033363, #033363);min-height: 1000px;padding: 100px 0;color: #fff;position: relative;}
.encouraging-start-wrpr h2, .we-aim-high-wrpr h2 {font-family: 'Roboto Condensed';font-size: 43px;}
.encouraging-start-wrpr h3, .we-aim-high-wrpr h3 {font-family: 'Roboto Condensed';font-size: 33px;}	
.we-aim-high-wrpr {background-image: radial-gradient(circle, #2d97c0, #2385b0, #11507e, #11507e, #11507e);padding: 100px 0;min-height: 800px;color: #fff;}
.cylander-chart-wrpr{position:relative;min-width: 541px;max-width: 541px;}

.boxH-one,
	.boxH-two	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 540px;
		height: 318px;
	}
	.boxH-two{
		left: 0px;
	}
	
	.imo-target,
	.imo-target2	{
		color: #fff;font-family: Montserrat;position: absolute;top: 235px;left: 36px;font-size: 16px;font-weight: 500; opacity:0;text-align: left;
	}
	.play .imo-target{
			animation: imo-target1 3s infinite;
			animation-fill-mode: forwards;
			animation-iteration-count: 1;
			animation-delay: 3s;
		}
	.chellship-target,
	.chellship-target2{
		position: absolute;color: #fff;font-family: 'Montserrat';font-size: 18px;top: 36px;left: 37px;font-weight: 500; opacity:0;text-align: left;
	}
	.play .chellship-target{
		animation: chellship-target1 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 7s;
	}
	.imo-cylinder, .chellship-cylinder, .imo-cylinder2, .chellship-cylinder2 {
		position: absolute;
		left: 28px;
		top: 133px;
		height: 42px;
		width: 0px;
		background: url(../images/yellow-cylinder.png) no-repeat right top;
	}
	.play .imo-cylinder {
		animation: imo-cylinder-chart 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 0s;
	}
	.chellship-cylinder {
		width: 0px;
		background: url(../images/green-cylinder.png) no-repeat right top;
		width: 0px;
	}
	.cylinder-mask {
		position: absolute;
		width: 8px;
		height: 35px;
		background: url(../images/cylinder-mask.png) no-repeat;
		top: 133px;
		left: 28px;
	}
	.chellship2023 {
		position: absolute;
		left: 350px;
		top: 101px;
		height: 26px;
		width: 47px;
		background: url(../images/2023.png) no-repeat right top;
	}
	.play .chellship2023 {
		animation: chellship-2023 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 6s;
		opacity: 0;
	}
	.play .chellship-cylinder {
		animation: chellship-cylinder-chart 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 4s;
	}
	.imo2025 {
		position: absolute;
		left: 421px;
		top: 103px;
		height: 26px;
		width: 46px;
		background: url(../images/2025.png) no-repeat right top;
		opacity: 0;
	}
	.play .imo2025 {
		animation: imo-2025 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 2s;
		opacity: 0;
	}
	.chellship-logo, .chellship-logo2 {
		background: url(../images/chellship-logo.png) no-repeat;
		width: 35px;
		height: 39px;
		position: absolute;
		left: 314px;
		top: 89px;
		opacity: 0;
	}
	.play .chellship-logo {
		animation: chellship-logo1 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 8s;
	}
	.play .chellship-target2 {
		animation: chellship-target1 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 7s;
	}
	.imo-cylinder2 {
		background: url(../images/yellow-cylinder2.png) no-repeat right top;
		width: 0px;
	}
	.play .imo-cylinder2 {
		animation: imo-cylinder2-chart 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 0s;
	}
	.chellship-cylinder2 {
		width: 0px;
		background: url(../images/green-cylinder2.png) no-repeat right top;
		width: 0px;
	}
	.play .chellship-cylinder2 {
		animation: chellship-cylinder2-chart 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 2s;
	}
	.boxH-two .cylinder-mask {
		left: 31px;
	}
	.imo-cylinder2 {left: 31px;}

	.chellship-cylinder2 {left: 31px;}
	.chellship2026 {
		position: absolute;
		left: 244px;
		top: 101px;
		height: 26px;
		width: 47px;
		background: url(../images/2026.png) no-repeat right top;
	}
	.play .chellship2026 {
		animation: chellship-2026 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 6s;
		opacity: 0;
	}
	.imo2030 {
		position: absolute;
		left: 427px;
		top: 101px;
		height: 26px;
		width: 46px;
		background: url(../images/2030-n.png) no-repeat right top;
		opacity: 0;
	}
	.play .imo2030 {
		animation: imo-2030 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 5s;
		opacity: 0;
	}
	.chellship-logo2 {
		position: absolute;
		left: 207px;
		top: 96px;
		opacity: 0;
	}
	.play .chellship-logo2 {
		animation: chellshiplogo2 2s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 8s;
	}
	.play .imo-target2 {
		animation: imo-target2 3s infinite;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-delay: 5s;
	}
	
	
	
	
	@keyframes imo-target2{
		from {opacity:0;top:205px;}
		to{opacity:1;top:215px;}
	}
	@keyframes chellshiplogo2{
			from {opacity:0; top:70px;}
			to {opacity:1; top:89px;}
		}
	@keyframes chellship-2026{
		from {opacity:0;top:80px;}
		to{opacity:1;top:101px}
	}
	@keyframes chellship-cylinder2-chart{
		from {width:0}
		to{width:241px}
	}
	@keyframes imo-2030{
		from {opacity:0; top:80px;}
		to{opacity:1;top:101px;}
	}
	
	
	


	@keyframes imo-cylinder2-chart{
		from {width:0}
		to{width:451px}
	}
	@keyframes chellship-logo1{
		from {opacity:0}
		to{opacity:1}
	}
	@keyframes imo-2025{
		from {opacity:0; top:80px;}
		to{opacity:1;top:103px;}
	}
	
	@keyframes chellship-cylinder-chart{
		from {width:0}
		to{width:352px}
	}
	@keyframes chellship-2023{
		from {opacity:0;top:80px;}
		to{opacity:1;top:101px}
	}
		
	
	@keyframes imo-cylinder-chart{
		from {width:0}
		to{width:419px}
	}
	
	
	@keyframes imo-target1{
		from {opacity:0;top:205px;}
		to{opacity:1;top:225px;}
	}
	@keyframes chellship-target1{
		from {opacity:0; top:60px;}
		to{opacity:1;top:36px;}
	}
	a.play-target {position: absolute;right: 19px;top: 11px; cursor:pointer;}
	a.play-target span {font-size: 24px;}
	
	p.footer-content {max-width: 237px;font-size: 13px;margin-top: 12px;opacity: .7;}
	.social-links a {font-size: 14px;color: #fff;margin-right: 18px;}
	.social-links a i {font-size: 14px;color: #4867aa;}
	.social-links a:nth-child(2) i {color: #1d9bf0;}
	.footer-nav a {display: block;font-family: 'Roboto Condensed';color: #fff;line-height: 31px;}
	.footer-copy {background: #0c2736;height: 70px;justify-content: center;align-items: center;font-size: 12px;}
	footer > .container:before {content: "";position: absolute;top: -55px;left: 0;right: 0;height: 5px;background: #da8a35;}
	footer .container {position: relative;}
	.footer-copy a {color: #fff;}
	.desktoponly{
		display:block;
	}
	.phoneonly{display:none}
	h5.carbon-emission-title {margin-left: 96px;font-size: 23px;}
	
	
	
	/*live site footer*/
	.footer-bg {
		background-color: #4a4a4a;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.assignfixedwidth {
		max-width: 1200px;
		margin: 0 auto;
	}
	.orange-btn {
    display: inline-block;
    text-decoration: none;
    background-color: #f97e14;
    border: 1px solid #f97e14;
    padding: 10px 25px;
    border-radius: 25px;
    text-shadow: none;
    color: #ffffff;
	font-size:13px;
}
.orange-btn:hover {
    background-color: transparent;
    color: #f97e14;
    text-decoration: none;
}
.foo-desc {
    color: #b1b1b1;
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.foo-list {
    position: relative;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-left: 15px;
}
.foo-list li {
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #676767;
}
.foo-list li a {
    padding-left: 17px;
    font-size: 13px;
    color: #b1b1b1;
    text-decoration: none;
}
.foo-list li a:before {
    content: "\e315";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
	font-family:icons-sm;
    color: #ffffff;
    margin-top: 4px;
	margin-right:10px;
	display:inline-block;
}
.footer2-bg {
    background-color: #363535;
}
.footer2-bg {
    padding-top: 25px;
    padding-bottom: 25px;
}	
	.assignfixedwidth {
    max-width: 1200px;
    margin: 0 auto;
}
.copyright-text {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #ffffff;
}
.copyright-text a {
    text-decoration: none;
    color: #ffffff;
}
.foo-list li a:hover {
    color: #f97e14;
}
.navbar-header .navbar-brand {
    top: -5px;
}
.navbar-header {padding-left: 0 !important;padding-right: 0 !important;}
.navbar-header .container-fluid {padding-left: 5px;padding-right: 5px;}	
.international-shipping-emissions .col-md-12 h2 span {font-weight: 800;}	
.twentyeight-1 {
    position: absolute;
    left: 38px;
    top: 109px;
    animation: chellship-2026 3s infinite;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 6s;
    opacity: 0;
}	
	.tonnes-info{
		margin-left: 96px;
	}
	

.honeycomb-wrpr.five-column img {
    width: 230px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-02 {
    top: 195px;
    left: 0;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-05 {
    left: 170px;
    top: 96px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-14 {
    top: 195px;
    left: 340px;
}

.honeycomb-wrpr.five-column  .honeycomb.honeycomb-07 {
    top: 95px;
    left: 510px;
}

.honeycomb-wrpr.five-column  .honeycomb.honeycomb-04 {
    top: 195px;
    left: 680px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-10 {
    top: 393px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-12 {
    top: 294px;
    left: 170px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-09 {
    top: 393px;
    left: 340px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-15 {
    left: 510px;
    top: 294px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-01 {
    top: 592px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-13 {
    top: 592px;
    left: 340px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-06 {
    top: 690px;
    left: 511px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-08 {
    top: 492px;
    left: 510px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-11 {
    left: 170px;
    top: 690px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-03 {
    left: 681px;
    top: 591px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-17 {
    left: 680px;
    top: 393px;
}

.honeycomb-wrpr.five-column .honeycomb.honeycomb-16 {
    left: 170px;
    top: 492px;
}

.honeycomb-wrpr.five-column .honey-tooltip {
    position: absolute;
    width: 208px;
    height: 190px;
    top: 0;
    left: 10px;
    border-radius: 50%;
    z-index: 1;
}
.we-aim-high-wrpr{
    position:relative;
}
.we-aim-high-wrpr:after {
    content: "";
    background: url(../images/wave-devider-04.jpg);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    transform: rotateZ(180deg);
}
	
	
	
	
	
	
	
	
	@media (max-width:1920px){
		.leaf-boat {
			bottom: -72px;
		}
	
	
	@media (max-width:1220px){
		.navbar-header .navbar-brand{
			width:135px;
		}
		.navbar-header .navbar-brand img{
			max-width:100%;
		}
		.menuAnim li{
			margin-left:4px;
			margin-right:4px;
		}
	}
	
	
	
	

@media (max-width:1000px){
	.navbar-light .navbar-nav .nav-link {
		line-height: 30px;
	}
	.international-shipping-emissions img {max-width: 100%;}
	.evaluvating-info-wrpr.phoneonly img {max-width: 320px;}
	.banner-mobile img {width: 100%;}
	.footer-nav .col-md-6 {text-align: center;}
	.footer-nav .col-md-6 a {margin-bottom: 11px;}
	footer .col-md-8 {text-align: center;}
	footer .col-md-8 p {max-width: 100%;}
	.footer-copy .col-md-6 {text-align: center !important;}
	.social-links {margin-bottom: 50px;}
	div#collapsingNavbar {position: absolute;width: 100%;top: 120px;left: 0;min-height: 180px;background: #fff;}
	.navbar-toggler .icon-menu1:before {content: '\e5cd';}
	.navbar-toggler.collapsed .icon-menu1:before {content: '\e5d2';}
	.desktoponly{
		display:none;
	}
	.phoneonly{display:block}
	.staying-ahead-wrpr h3 {
		font-size: 22px;
	}
	.staying-ahead-wrpr h2 {
		font-size: 32px;
    }	
	.encouraging-start-wrpr img {max-width: 100%;}
	.encouraging-start-wrpr h3, .we-aim-high-wrpr h3 {
		font-size: 23px;
	}
	.encouraging-start-wrpr h2, .we-aim-high-wrpr h2 {
		font-size: 32px;
	}
	.we-aim-high-wrpr .col-md-6 {max-width: 541px;flex: 0 0 100%;margin: 0 auto;margin-bottom: 40px;}
	.you-cant-improve-wrpr img {max-width: 100%;}
	.tonemiles {max-width: 100%;flex: 0 0 100%;margin-bottom: 50px;}
	.tonemiles img{max-width:450px;}
	.honeycomb-wrpr {
		zoom: .6;
	}
	.staying-ahead-wrpr {
		min-height: 1620px;
	}
	.banner h1 {
		font-size: 41px;
	}
	.evaluating-emerging-tech-wrpr h2 {
		font-size: 32px;
		    max-width: 90%;
	}
	.evaluating-emerging-tech-wrpr {
		min-height: 910px;
	}
	.you-cant-improve-wrpr h2 {
		font-size: 32px;
	}
}


@media (max-width:768px){
   .we-aim-high-wrpr .col-md-6 {margin-bottom: 30px;}
   .evaluvating-info-wrpr img {
		max-width: 320px;
	}
	
}

@media (max-width: 500px) {
	h5.carbon-emission-title {
		margin-left: auto;
		text-align: center;
	}
	.banner-mobile img {max-width: 100%;}
	.encouraging-start-wrpr {
		min-height: 1000px;
		padding: 50px 0;
	}
	.you-cant-improve-wrpr {
		padding: 50px 0;
    }
	.evaluating-emerging-tech-wrpr {
		min-height: 510px;
	}
	.evaluating-emerging-tech-wrpr {
		min-height: 480px;
		padding: 50px 0;
   	}
	.evaluating-emerging-tech-wrpr h2 {
		font-size: 22px;
	}
	.international-shipping-emissions .col-md-5 h2 {
		font-size: 24px;
		margin-bottom: 30px;
		margin-top: 40px;
		text-align: center;
	}
	.staying-ahead-wrpr {
		min-height: 650px;
	}
	.international-shipping-emissions .col-md-5 h2 span {
		font-size: 22px;
	}
	.international-shipping-emissions .col-md-12 h2 {
    	font-size: 24px;
		margin-bottom: 0px
	}
	.banner-subtitle {
		min-height: 146px;
	}
	.banner-subtitle h2 {
    	font-size: 18px;
	}
	.honeycomb-wrpr img {max-width: 290px;}
	.honey-tooltip {
		width: 252px;
		height: 222px;
		top: 16px;
		left: 16px;
	}
	.honeycomb-wrpr {
		min-width: 100%;
		position: relative;
		margin-top: 80px;
		zoom: .4;
	}
	.honeycomb.honeycomb-02 {
		left: 215px;
		top: 71px;
	}
	.honeycomb.honeycomb-03 {
		left: 214px;
		top: 322px;
	}
	.honeycomb.honeycomb-04 {
		top: 446px;
	}
	.honeycomb.honeycomb-05 {
		top: 572px;
		left: 214px;
	}
	.honeycomb.honeycomb-06 {
		left: -1px;
		top: 697px;
	}
	.honeycomb.honeycomb-07 {
		top: 947px;
	}
	.honeycomb.honeycomb-08 {
		top: 822px;
		left: 213px;
	}
	.honeycomb.honeycomb-09 {
		left: 215px;
		top: 1072px;
	}
	.honeycomb.honeycomb-10 {
		top: 1197px;
	}
	.honeycomb.honeycomb-11 {
		left: 215px;
		top: 1322px;
	}
	.honeycomb.honeycomb-12 {
		top: 1447px;
		left: 0px;
	}
	.honeycomb.honeycomb-13 {
		top: 1697px;
	}
	.honeycomb.honeycomb-14 {
		left: 215px;
		top: 1572px;
	}
	.honeycomb.honeycomb-15 {
		left: 215px;
		top: 1820px;
	}
	.tonemiles img {
		max-width: 100%;
	}
	.cylander-chart-wrpr {
		zoom: 0.68;
	}
	.we-aim-high-wrpr {
		padding: 50px 0;
	}
	
	
	
}