/* @override 
	https://www.orangeshiplog.com/wp-content/themes/orange/css/layout.css?* 
*/

/* ------------------------------------------------------------------------ */
/*  Grid
/* ------------------------------------------------------------------------ */
.container-fluid {
	width: 100%;
	float: left;
}

.container {
	width: 1180px;
	margin: auto;
}

@media (min-width: 1180px) {
	.container {
		width: 100%;
		max-width:  1240px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 1180px) {
	.container {
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (max-width: 770px) {

}

@media (max-width: 576px) {

}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.65%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.31%;
}

.col-8 {
	width: 66.64%;
}

.col-9 {
	width: 74.97%;
}

.col-10 {
	width: 83.3%;
}

.col-11 {
	width: 91.63%;
}

.col-12 {
	width: 100%;
}

@media (max-width: 992px) {
	.col-lg {
		width: 100%;
	}
	.hide-lg {
		display: none;
	}
	.col-12-lg {
		width: 100%;
	}
}

@media (max-width: 770px) {
	.col-md {
		width: 100%;
	}
	.col-6-md {
		width: 50%;
	}
	.hide-md {
		display: none;
	}
	.col-12-md {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.col-sm {
		width: 100%;
	}
	.hide-sm {
		display: none;
	}
	.col-6-md {
		width: 100%;
	}
}

.row {
	float: left;
	width: 100%;
}

.row-no-pad {
	margin-left: -20px;
	margin-right: -20px;
}

.pad-xs {
	padding-top: 12px;
	padding-bottom: 12px;
}

.pad-sm {
	padding-top: 40px;
	padding-bottom: 40px;
}

.pad-md {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pad-lg {
	padding-top: 90px;
	padding-bottom: 90px;
}

.margin-xs {
	margin-top: 12px;
	margin-bottom: 12px;
}

.margin-top-xs {
	margin-top: 16px;
}

.margin-top-sm {
	margin-top: 32px;
}

.margin-top-md {
	margin-top: 62px;
}

.margin-bottom-md {
	margin-bottom: 62px;
}


.padding-top-xs {
	padding-top: 16px;
}

.padding-top-sm {
	padding-top: 32px;
}

.padding-bottom-sm {
	padding-bottom: 32px;
}

.padding-top-md {
	padding-top: 62px;
}

.pad-box-xs {
	padding: 12px;
}

.pad-box-sm {
	padding: 32px;
}

.pad-box-md {
	padding: 40px;
}

.pad-box-lg {
	padding: 72px;
}



.col-center {
	margin: auto;
	float: none;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 980px;
}

.no-pad {
	padding: 0;
}

.no-pad-top {
	padding-top: 0;
}

.no-pad-bottom {
	padding-bottom: 0;
}

@media (max-width: 992px) {
	.pad-box-sm {
		padding: 16px;
	}
}

@media (max-width: 770px) {
	.pad-xs {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	.pad-sm {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	.pad-md {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.pad-lg {
		padding-top: 26px;
		padding-bottom: 26px;
	}
	.pad-box-sm {
		padding: 16px;
	}
	.pad-box-lg {
		padding: 26px;
	}
	.col-center.has-share {
		padding-left: 60px;
	}
}

@media (max-width: 576px) {
	.margin-top-md {
		margin-top: 36px;
	}
	.padding-top-md {
		padding-top: 36px;
	}
	.margin-bottom-md {
		margin-bottom: 36px;
	}
	
	.pad-sm {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.margin-top-sm {
		margin-top: 16px;
	}
	.col-center {
		padding-left: 20px;
		padding-right: 20px;
	}
	.padding-top-md {
		padding-top: 20px;
	}
}


/*======== Helper classes ========*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.is-hidden {
	display: none;
}

.overflow-hidden {
	overflow: hidden !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.pos-rel {
	position: relative;
}


.darken {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-132deg, #061537 0%, #4AA9CD 100%);
	z-index: 2;
	opacity: 0.5;
	pointer-events: none;
}

.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-132deg, #061537 0%, #4AA9CD 100%);
	z-index: 2;
	opacity: 0.5;
}

.img-responsive,
.img-responsive img {
	max-width: 100%;
	max-height: auto;
}

.has-line {
	position: relative;
	margin-bottom: 52px;	
}

.has-line:after {
	content: "";
	height: 2px;
	width: 50px;
	background-color: #F87C16;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -26px;
}

.text-right .has-line:after {
	left: auto;
	right: 0;
	transform: none;
}

.flex-col-alt .has-line:after {
	left: auto;
	left: 0;
	transform: none;
}

.col-side p {
	font-size: 20px;
	color: #94A1A8;
	max-width: 400px;
}

.col-side-sm p {
	font-size: 17px;
	color: #94A1A8;
	max-width: 400px;
}

.col-side-sm img+a {
	color: #333;
}

.flex {
	display: flex;
	justify-content: center; 
	/*flex-wrap:wrap;*/
}

.flex-item {
	/*align-items: center;*/
	/*justify-content: center;*/
}

.flex-col {
	/*flex: 1;*/
	width: 50%;
}
.flex > a {
	/*display: flex;*/
}

img.aligncenter,
.aligncenter img {
	margin: 1em auto;
	max-width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 992px) {

}

@media (max-width: 770px) {
	.flex {
		display: inline-block;
	}
	.text-right .has-line {
		text-align: left;
	}
	.text-right .has-line:after {
		right: auto;
		left: 0;
	}
}

@media (max-width: 576px) {
	.col-side p {
		font-size: 16px;
	}
	.flex {
		display: block;
	}
	.flex-col {
		width: 100%;
		float: left;
		display: block;
	}
}


/*======== Header ========*/
.header-main {
	position: relative;
	/*overflow: hidden;*/
	height: 90vh;
	background-color: #313131;
}

.header-main.header-inner {
	height: 60vh;
}

.header-white {
	margin-top: 104px;
	border-top: 3px solid #F0F0F0;
}

.header-main .header-bk {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.header-main .header-bk-img {
	position: absolute;
	width: 100%;
	height: 120%;
}

/*.header-main .header-bk img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}*/

.header-main .h-title-wrap {
	position: relative;
	z-index: 10;
	overflow: hidden;	
	height: 100%;
}

.header-white .h-title-wrap {
	/*position: inherit;
	z-index: 1;
	overflow: h	
	height: auto;*/
}

.header-main .h-title {
	position: absolute;
	bottom: auto;
	margin-top: 80px;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	padding:0px;
	padding-top: 0px;
	width: 100%;
}

.h-title h1 {
	color: #fff;
	margin-bottom: 12px;
	/*max-width: 800px;*/
	margin-right: auto;
	margin-left: auto;
}

.header-white .h-title h1 {
	color: #0D2B3E;
}

.h-title p {
	/*font-family: "novastamp", Helvetica, Arial, sans-serif;*/
	font-size: 24px;
	letter-spacing: 0.1em;
	margin: 0;
	font-weight: 700;
	display: block;
	padding-top: 0px;
	line-height: 160%;
	color: #fff;
	text-transform: uppercase;
}

.header-white .h-title p {
	color: #A5B3BB;
}

.h-title .btn {
	margin-top: 32px;
}

.h-title.has-line {
	margin-bottom: 120px;
}

.h-title.has-line:after {
	bottom: -42px;
}


.h-circle {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform:;
	width: 390px;
	height: 390px;
	opacity: 0.5;
	/*border: 1px solid #333;*/
	transform-origin: 50% 50%;
	transform:  translateX(-50%) translateY(50%) rotate(0deg);
	animation: rotate 5s linear infinite;
	/*animation: rotate 1s linear infinite;*/
}

.h-line {
	position: absolute;
	left: 50%;
	bottom: 0;
	/*transform:;*/
	/*width: 2px;*/
	/*height: 390px;*/
	opacity: 1;
	/*display: none;*/
	z-index: 2;
	/*border: 1px solid #333;*/
	/*transform-origin: 50% 50%;*/
	transform:  translateX(-50%) translateY(-50px);
	/*animation: rotate 5s linear infinite;*/
	/*animation: rotate 1s linear infinite;*/
}

@keyframes rotate {
	from {
		/*border: 1px solid #333;*/
		transform:  translateX(-50%) translateY(50%) rotate(0deg);
	}
	to {
		/*border: 1px solid red;*/
		transform:  translateX(-50%) translateY(50%) rotate(360deg);
	}
}

#content {
	/*margin-top: -10px;*/
	position: relative;
}

.container-bk {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
}

.has-img-bk {
	position: relative;
	z-index: 3;
	overflow: hidden;
}

/*.has-img-bk div {
	z-index: 3;
}*/

.has-img-bk h2 {
	color: #fff;
	margin-bottom: 32px;
}

.has-img-bk .s-title-wrap {
	margin-bottom: 0;
}


.header-bk-video {
	/*display: none;*/
	position: absolute;
	left: 0;
	bottom: -30px;
	/*top: 50%;
	left: 50%;*/
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	/*transform: translate(-50%, -50%);*/
}

.circle-top {
	background: #fff url('../images/oval-grey-up.svg') no-repeat center top;
	background-size: contain;
}

@media (max-width: 992px) {

}

@media (max-width: 770px) {
	.h-title {
		padding: 34px 0;
		margin-bottom: 20px !;
		position: absolute;
		bottom: auto;
		top: 60%;
		transform: translateY(-50%);
		left: 0px;
		width: 100%;
		padding: 40px;
		padding-top: 80px;
	}
	.header-white .h-title-wrap {
		position: relative;
	}
	
	.header-white .h-title-wrap .h-title {
		padding: 34px 0;
		margin-bottom: 20px;
		position: relative;
		transform: translateY(0%);
		padding: 32px;
	}
	.header-white {
		margin-top: 84px;
	}
	.header-white .h-title-wrap .h-title.has-line:after {
		bottom: 0;
	}
}

@media (max-width: 576px) {
	.h-title p {
		font-size: 16px;
		max-width: auto;
	}
	.h-title {
		position: absolute;
		bottom: auto;
		top: 60%;
		transform: translateY(-50%);
		left: 0px;
		width: 100%;
		padding: 20px;
	}
	.header-white {
		margin-top: 64px;
	}
	.header-white .h-title-wrap .h-title {
		padding: 12px;
	}
}



/*======== Section titles ========*/
.s-title-wrap {
	margin-bottom: 62px;
	text-align: center;
}

.s-title {
	margin-bottom: 0px;
	line-height: 120%;
	margin-top: 0px;
	max-width: 600px;
}

.s-title-wrap h2 {
	margin-bottom: 0;
}

.s-title em {
	font-style: normal;
	color: #FF7E00;
}


@media (max-width: 992px) {

}

@media (max-width: 770px) {
	.s-subtitle,
	.s-subtitle p,
	.s-title-wrap p {
		font-size: 18px;
	}
}

@media (max-width: 576px) {
	.s-subtitle,
	.s-subtitle p,
	.s-title-wrap p {
		font-size: 16px;
	}
	.s-title-wrap {
		margin-bottom: 32px;
	}
}


/*======== CTA ========*/
.cta {
	
}

.border-orange {
	border-top: 2px solid #FF7E00;
}

.border-black {
	border-bottom: 2px solid #0D2B3E;
}

.border-top {
	border-top: 1px solid #efefef;
}



/*======== Footer ========*/
.footer-main {
	font-size: 15px;
	line-height: 2em;
	/*background:url(../images/logo-f.svg) no-repeat center 60px;*/
}

.footer-main a,
.footer-main p {
	color: #788B95;
	font-size: 15px;
}

.footer-main p:last-child {
	margin-bottom: 0;
}



.footer-main strong {
	/*font-weight: normal;*/
	color: #0D2B3E;
}

.footer-main a:hover {
	color: #F87C16;
}

.f-copy p {
	font-size: 13px;
	color: #7E8890;
	display: block;
}


@media (max-width: 992px) {

}

@media (max-width: 770px) {
	.footer-main {
		background: none;
		text-align: center;
	}
	.footer-main .text-right {
		text-align: center;
		margin-top: 0px;
	}
	
	.footer-main h4 {
		margin-top: 12px;
	}
}

@media (max-width: 576px) {
	.footer-main a,
	.footer-main p {
		font-size: 14px;
	}
	.f-copy p {
		font-size: 12px;
	}
}



/* ------------------------------------------------------------------------ */
/*  COLORS
/* ------------------------------------------------------------------------ */
.bk-white {
	background-color: #fff;
}

.bk-grey {
	background-color: #F5F7F9;
}

.bk-orange {
	background-color: #F87C16;
}

.cta.bk-orange {
	background: #F87C16 url(../images/dots.png) no-repeat 100% 0%;
}


.bk-blue {
	background-color: #216DB0;
	background-color: rgba(16,57,83,0.5);
}

.has-img-bk .bk-blue {
	background-color: rgba(36, 112, 179, .85);
	background-color: rgba(16,57,83,0.85);
}

.bk-blue-img {
	background-color: rgba(36, 112, 179, .95);
}

.pinned.bk-blue-img {
	background-color: rgba(36, 112, 179, 1);
}

.bk-orange h2,
.bk-blue p {
	color: #fff;
}

.bk-map {
	background: url('../images/map.svg') no-repeat right top;
}

.bk-map-left {
	background: url('../images/map-left.svg') no-repeat left bottom;
}

.bk-map-full {
	background: url('../images/map.svg') no-repeat right top;
	background-size: cover;
}

.bk-circle-left {
	background: url('../images/map.svg') no-repeat right top, url('../images/oval-orange-corner.svg') no-repeat left bottom;
	/*background-size: cover;*/
}

.has-circle-top {
	position: relative;
	/*background: url('../images/oval-white-corner.svg') no-repeat left top;*/
}

.has-circle-top::before {
	content: "";
	background: url('../images/oval-white-corner.svg') no-repeat left top;
	position: absolute;
	z-index: 20;
	width: 180px;
	height: 180px;
	left: 0;
	top: 0;
	pointer-events: none;
	
}

.light {
	color: #94A1A8;
}

.border-bottom {
	border-bottom: 1px solid #eaeaea;
}