/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
/*
AP edits - start
*/

@media screen and (min-width: 768px) {

	.hide-on-desktop {

		display: none;

	}

}

#img-alignment {
	width: auto !important;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

.header-latestnews {

	/* direction: ltr;*/

	color: #fff;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	/* min-width: 600px;*/

	z-index: 999999;

	background: #23282d;

	text-align: center;

	font-size: 13px;

	font-weight: 400;

	line-height: 32px;

	height: 32px;

}


@media screen and (max-width:900px) {
	.ship-details-span {
		font-size: 14px;
	}

	.white-hr {
		margin-top: 15%;
	}

	.image-text-element {
		padding: 0px;
		background-color: inherit;
		margin-top: 2em;
	}

	.centered-mobile {
		float: none;
		margin: 0px auto;
		display: block;
	}

	.mobile-centered-title {
		text-align: center;
	}

	.tpl-shipping-leading .page-content {
		width: 100%;
	}

	.shipping_leading_button {
		position: inherit;
	}

	#masthead {
		margin-top: 20px;
	}


	.center-70 {

		display: block;

		margin-left: auto;

		margin-right: auto;

		width: 101%;

	}


	.mobile-bottom-margin {

		margin-bottom: 40px;

	}


	.center-50 {

		display: block;

		margin-left: auto;

		margin-right: auto;

		width: 75%;

	}


}

/*

AP edits - end

*/


.footer-widgets {

	font-size: 18px;

}



.site-content {

	min-height: 300px !important;

}

.recepients .btn-small {

	display: inline-block;

	vertical-align: top;

	border: 1px solid #1F5E9F;

	padding: 2px 4px;

	line-height: 1;

	margin: 2px;

}



.site-header-top {

	padding-bottom: 20px;

}

.pg-tagline {

	font-size: 12px;

	color: #595959;

	font-weight: 600;

	display: block;

	padding-top: 11px;

}

.navigation {

	clear: right !important;

	padding-top: 0 !important;

	position: static;

}


.site-banner .tparrows.custom {

	z-index: 999 !important;

}

.logistics-navigation+.site-banner .tparrows.custom {

	top: 385px !important;

}


@media screen and (max-width:1370px) {

	.matsonheadtext {

		top: 30px !important;

	}

	.tpl-has-slider .easy-access {

		/*top: -460px !important;*/
		top: -425px !important;

	}

	.tpl-shipping.tpl-has-slider .easy-access {

		top: -420px !important;

	}

	.logistics-navigation+.site-banner .tparrows.custom {

		top: 360px !important;

		z-index: 999 !important;

	}

}


.site-content {

	width: 100%;

}

.appbanner img {
	width: 100%;
}

@media screen and (min-width:992px) {

	#masthead {
		height: 125px;
		width: 100%;
	}

	#masthead .site-header-top {
		height: 124px;
		width: 100%;
	}

	#masthead .site-header-top .container {

		height: 104px;

	}

	.navigation-top {
		min-height: 76px;

	}

	.navigation-top .menu li a {
		transition: none;
	}

}

.wp-caption,
.gallery-caption {
	font-size: 1.7rem;
}


@media screen and (min-width:500px) {

	.site-banner .banner-inner {

		height: auto !important;

		background: none;

	}

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

}

@media screen and (max-width:499px) {

	.site-banner .banner-inner {

		height: 120px !important;

		background-size: cover;
		background-position: center center;

	}

	.site-banner .banner-inner img {
		display: none;
	}

}

.blue-bar-navigation ul li.menu-item-has-children ul {

	background: #438AD8;

}



@media screen and (max-width:991px) {

	#logistics-services .column {

		width: 45%;

	}


}

@media screen and (max-width:600px) {

	#logistics-services .column {

		width: 95%;

	}


}




.site-banner .banner-inner .lines-wrap {

	margin: 0;

	padding: 0 25px;

	position: absolute;

	top: 50%;

	-webkit-transform: translate(0%, -50%);

	-moz-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

	left: 0;

	z-index: 99;


	width: 100%;

}

.site-banner .banner-inner span {

	color: #FFF;

	font-size: 58px;

	text-align: center;

	line-height: 1;
	display: block;

}

@media screen and (max-width:1199px) {

	.navigation-top .menu li a {

		padding: 5px;

	}

}

.site-banner .banner-inner span.line2 {
	padding-top: 10px;
	display: block;
	font-size: 48px;
	color: #FFF;
}

@media screen and (max-width:991px) {

	.site-banner .banner-inner span {
		font-size: 50px;
	}

	.site-banner .banner-inner span.line2 {
		display: block;
		font-size: 25px;
	}

}

@media screen and (max-width:640px) {

	.site-banner .banner-inner span {
		font-size: 30px;
	}

	.site-banner .banner-inner span.line2 {
		display: block;
		font-size: 15px;
	}

}

.page-id-731 .col-lg-2,
.col-lg-6,
.col-lg-4 {
	padding-left: 0px !important;
}


@media screen and (max-width: 640px) {

	.navigation {
		background-color: transparent !important;
	}
}


@media screen and (max-width: 550px) {

	.appbanner {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}


	.appbanner img {
		min-height: 86px;
		opacity: 0;
		visibility: hidden;
	}

	.backtotop img {
		top: 12px;
	}

}

@media screen and (max-width: 359px) {

	.appbanner img {
		min-height: 77px;
	}

}

.appbanner a {
	display: block;
}

#second {
	color: #C8C4C4;
}

.hr-class {
	height: 2px;
	border-width: 0;
	color: #3073BA;
	background-color: #3073BA;
}

.hr-class-w-margin {
	margin: 0px !important;
}

.content-logistics-full {
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 45px;
	margin: 0px;
	overflow-x: hidden;
}

@media print {

	html,
	body {
		border: 1px solid white;
		height: 99%;
		page-break-after: avoid;
		page-break-before: avoid;
	}

	/*#header-container {
        width: 100%;
        background: #ffffff !important;
    }*/
	.wrap-more {
		visibility: hidden !important;
	}

	* {
		-webkit-print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-ms-print-color-adjust: exact;
		color-adjust: exact;
		adjust: exact;

	}

	#logistics-navigation {
		visibility: hidden !important;
	}

	.site-footer {
		visibility: hidden !important;
	}

	#primary-menu {
		visibility: hidden !important;
	}


}