@charset "UTF-8";
/* Web Solutions 4.0 Compatible */


:root {
	--Moran-red: #952C50;
	--dark-blue: #002334;

	--ws-transition: all .3s ease;
}

html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body{margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#F7F7F7}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%; clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>* {width:100%;max-width:70.625rem;margin-left:auto;margin-right:auto;position:relative;}

/* text */
body, .text, input, button, select, textarea {font-family:'Roboto', sans-serif;line-height:1.9375;color:#2A2A2A;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a {color:#952C50;text-decoration:none}
a:hover, a:active{color:#056D87}
	.content p a:not(.button),
	.content ul a:not(.button) {border-bottom: 1px solid transparent; line-height: 1.25em; position:relative;}
	.content p a:not(.button):hover,
	.content ul a:not(.button):hover {border-color: #952C50}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#000; font-weight: 700}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid #C5CED2;margin:1em 0;padding-top:1px}
p{font-size:1em}
h1{font-weight:900; text-transform: uppercase}
h2{}
h3{}
h4, th{}
h5 {font-size:1.1em}
h6 {font-size:1.0em}
h7, h8, h9{font-size:1em}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
p.intro {font-size: 1.25rem;color: #4A4A4A;line-height: 1.875rem; margin-bottom: 1.25em}

body:not(.contentEditor) .sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

body.contentEditor .sr-only {
    outline: 1px dotted #31659B;
}

body.contentEditor .sr-only::before {
    content: "SR: ";
    font-style: italic;
    font-size: 0.65em;
    opacity: 0.6;
}

/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3rem; clear: both}
.contentEditor{background:#fff;min-width:100%;}
.interior main {position:relative; background:#F7F7F7 url(/images/main-bottom-fade.svg) repeat-x bottom left}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0 0 3rem}
#sidenav ul{padding: 0}
#sidenav li{height:1%; position:relative; overflow:hidden}
#sidenav li a{padding:.5em .25rem;line-height:1.1em;display:block}
#sidenav:not(.port-list) > ul > li.on > a {display: none}
/* t2 */
#sidenav li.on ul{}
#sidenav li.on ul li{}
#sidenav li.on ul li a {padding:.5em 2em .5em 1em; position: relative; font-weight: 700; color: #056D87; line-height: 1.125em;}
#sidenav>ul>li.on>ul>li>a:after {content: ""; position:absolute; right:0.625rem; top:0.5625rem; display: block; width:1em; height:1em; background:url(/images/sidenav-arrow-blue.svg) no-repeat center}
#sidenav li ul li a:hover, #sidenav li ul li a:active{color:#952C50;}
#sidenav li ul li.on {background: #E7E7E7; padding: 0.25em 0; border-radius: 4px;}
#sidenav li ul li.on>a{color:#952C50;}
#sidenav>ul>li.on>ul>li.on>a:after {background:url(/images/sidenav-arrow-red.svg) no-repeat center}
/* t3 */
#sidenav li ul li.on ul:after {content: ""; display: block; width: 1em; height: 1em; position: absolute; top: 13px; right: 11px; background: url(/images/sidenav-arrow-red-down.svg) no-repeat center #e5e5e5;}
#sidenav li ul li.on ul {padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li {border:0}
#sidenav li ul li.on ul li a{position:relative; font-weight:400; padding:.2em 1em .2em 2.5em; font-size:.875em;color:#767676}
#sidenav li ul li.on ul li a:before {content: "-"; position:absolute; left:1.65rem; top:0.125rem}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active,
#sidenav li ul li ul li.on>a{color:#952C50;}
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
.content{word-wrap:break-word}
.content .photoright, .content .photoleft{max-width:40%;height:auto}
.content .aligned-images .photoright, .content .aligned-images .photoleft {max-width: 49%;}
.content .photoright.larger-photo {max-width: 55%;}
.content .photoright img,.content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
.content figure.full-width {margin: 2em auto; max-width: 37.5rem; text-align: center}
.content figure.full-width img {display: block; max-width: 100%; width: auto; max-height: 20.5rem; height:auto; margin: 0 auto 1em}
.content figure.full-width figcaption {font-style: italic; font-size:1rem; line-height: 1.25em}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.content .highlight {clear:both; background: #FFFFFF; box-shadow: 0 6px 20px 0 #C3C3C3; border-radius: 4px; padding:1.75em 0 2em;}
.content .highlight p {padding: 0 2em;}
.content .highlight h2 {font-weight: 700; margin-bottom:0.75em; padding: 0.25em 1em; position:relative; font-size: 1.5625rem; color: #952C50; border-left: 6px solid #952C50}
.content .highlight .highlight-content {padding: 0 1.5em}
.content .highlight .highlight-content *:last-child {margin-bottom: 0}
.content .highlight .highlight-content .subtext {font-style: italic; line-height: 1.25em; display: block; margin-top: 0.5em; font-size: 0.875em;}
blockquote {font-weight: 500; padding: 2em 0; font-style: italic; color: #4A4A4A; line-height: 1.5625rem;}
blockquote cite {font-weight: 900; display: block; margin-top: 0.65em; text-transform: uppercase; font-style: normal; font-size: 0.8125rem; color: #9B9B9B;}
small, .textSm{font-size:.8em}
.content table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; position: relative;}
.content ul li+li {margin-top: 0.5em}
.content ul li:before{content: ""; position:absolute; top:0.375rem; left:0.6875rem; display: block;width: 1em;height:1em; background: url(/images/bullet.svg) no-repeat center}
.content ul li ul li:before{opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
        column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0; margin:3em 0; line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

/* forms */
input, button, select, textarea, #content .wsManagementLogin input[type="text"].wsFormBox, #content .wsManagementLogin input[type="password"] {font-size:1rem;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: 1rem}
input[type="text"], #content .wsManagementLogin input[type="text"], input[type="password"], #content .wsManagementLogin input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select {border: 1px solid #C5CED2; background-color: #fff; padding: 0.65em; border-radius: 3px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color:#fff; border-color:#89adb6; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.12)}
textarea{display:block;font-size: .9rem}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding-right: 18px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
#content .wsManagementLogin input.wsFormButton {padding:10px 15px 10px 34px; background-position: 12px center; font-size: 0.9375rem}
select option{padding:0 .2em}
button, .pageHeader a, .button,input[type="button"], input[type="submit"], input[type="reset"], #social-feed .crt-widget .crt-load-more{font-family: 'Roboto', sans-serif; color:#fff; font-weight:700;border:0;padding:1em 1.5em;line-height:1em;cursor:pointer; display: inline-block; background: #056D87; border-radius: 3px;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover, .pageHeader a:hover, .button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, #social-feed .crt-widget .crt-load-more:hover{background-color:#952C50;color:#fff}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
.border-button, #social-feed .crt-widget .crt-load-more {background: #056D87;border: 1px solid #952C50; box-shadow:inset 0 0 0 2px #FFFFFF;border-radius: 4px;}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }

/* iFrame on /careers-at-moran/how-to-apply  */
.career-frame {height: 44.75rem;width: 100%; border: 0;}
.frame-wrapper { border-bottom: .75rem solid #232C33; font-size: 0; }

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* alert */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#952C50;padding: 0 1rem; border-bottom: 1px solid #fff}
#alertApp h1{margin-bottom:0; text-transform: none; font-size:0.9375rem; font-weight:400; padding:0.3125rem;color:#fff;text-align:center}
#alertTitle .button {color:#fff; padding:0.75em 1em; margin-left: 0.25em; font-weight: 500; background: rgba(0,0,0,0.3); font-size: 0.875rem; color: #FFFFFF; text-align: center;}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#75213E;}


.waves {position: absolute; height: 100px; width:100%; bottom:0; left:0; pointer-events: none; /*transform: scaleY(-1); */}
.management .waves {transform: none}
.waves svg {position: absolute; top: 0; width: 100%; left: 0;  /*-moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1);*/}

#hero {position: relative; overflow: hidden;}
#hero:before {content: ""; z-index: 2; opacity:0.7; display: block; position: absolute; bottom:0; left:0; width:100%; height: 32em; background: url(/images/home/hero-mask.svg) no-repeat center top / cover}
#hero .wrap {z-index: 4;}
#hero .waves {z-index: 3;}
#hero .wrap h1 {color: #FFFFFF;text-align: center;line-height: 1.25em;text-shadow: 0 2px 24px rgba(0,0,0,0.50);}
#hero .wrap h1 span {text-transform: lowercase; font-weight: 500; font-style: italic; display: block;}
#hero .wrap h1 span:after {content: ""; display: block; background: rgba(255,255,255,0.5); margin:0.25em auto 1em; width: 4.625rem; height: 0.375rem}
#hero .wrap .hover-buttons a {padding:1em; display: inline-block; color:#fff; line-height: 1em; font-weight: 700;color:rgba(255,255,255,0.9);background: rgba(0,0,0,0.30);border: 1px solid rgba(255,255,255,0.20);border-radius: 4px;}

#culture-of-safety {position: relative;}
#culture-of-safety .wrap {max-width: 50.6875rem; margin:0 auto; text-align: center; background:#fff; border:1px solid #DDDDDD}
#culture-of-safety .wrap p+p {margin-top:2em}
#culture-of-safety .image span {color: #999; font-size:.9em; font-style:italic;}

#welcome-message,
#social-feed {background: #F7F7F7}
#social-feed.border-bottom {border-bottom: 1px solid #E6E4E4}

#welcome-message ul {margin:0}

#infographic .stats li {font-weight: 900; white-space: nowrap; line-height:1.5em; color: #952C50;text-align: center;}
	#infographic .stats.bottom li {color:#fff}
#infographic .stats li:before {content: ""; font-size:0.5em; display: block; margin-bottom: 0.25em}
	#infographic .stats li.steel:before {height: 3.5em; background: url(/images/home/infographic-icon-steel.svg) no-repeat center / contain}
	#infographic .stats li.ports:before {height: 3.125em; background: url(/images/home/infographic-icon-pin.svg) no-repeat center / contain}
	#infographic .stats li.years:before {height: 2.4375em; background: url(/images/home/infographic-icon-timeline.svg) no-repeat center / contain}
	#infographic .stats li.assists:before {height: 2em; background: url(/images/home/infographic-icon-cleat.svg) no-repeat center / contain}
	#infographic .stats li.safety:before {height: 3.875em; background: url(/images/home/infographic-icon-safety.svg) no-repeat center / contain}
	#infographic .stats li.horsepower:before {height: 3em; background: url(/images/home/infographic-icon-hp.svg) no-repeat center / contain}
	#infographic .stats li.tugboats:before {height: 3.6875em; background: url(/images/home/infographic-icon-tugboat.svg) no-repeat center / contain}
	#infographic .stats li.barrels:before {height: 3.8125em; background: url(/images/home/infographic-icon-barrel.svg) no-repeat center / contain}
	#infographic .stats li.employees:before {height: 3.6875em; background: url(/images/home/infographic-icon-employees.svg) no-repeat center / contain}
	#infographic .stats li.bulk:before {height: 3.125em; background: url(/images/home/infographic-icon-bulk.svg) no-repeat center / contain}
#infographic .stats li span {color: rgba(0,0,0,0.89); white-space: normal; line-height:1.5em; max-width:12.1875rem; width:100%;display: block; margin:0 auto;font-weight:400; font-family: 'Merriweather', serif;font-size: 0.875rem;}
	#infographic .stats.bottom li span {color: #C9D5DC}

#careers {position: relative; text-align:center; background: url(/images/home/careers-bg.jpg) no-repeat center top / cover}
#careers .wrap {border-top: 1px solid rgba(0,46,67,0.2);}
#careers p {max-width:46.5625rem; margin: 2.5em auto}

/* Curator Plugin */
#social-feed .crt-logo.crt-tag {display: none}
#social-feed .crt-post {border:1px solid rgba(0,46,67,0.2)}
#social-feed .crt-post-content {cursor: pointer; font-size:0.875rem;font-family: 'Roboto', sans-serif; line-height: 1.5em; color: #2A2A2A;}
body > .crt-popup-wrapper .crt-popup .crt-popup-right {line-height:1.25em}
body > .crt-popup-wrapper .crt-popup .crt-close {top:0; right:0; padding: 0.25em 1em}

.pageHeader {width:100%; text-align:center; float:left; clear: both; position: relative; background:#002334}
.pageHeader .image {position: absolute; opacity:0.2; top:0; left:0; width:100%; height: 100%; background-position:center; background-size: cover; background-repeat: no-repeat;}
.pageHeader h1 {font-weight: 900; z-index: 2; position: relative; padding-bottom:0.125em; line-height:1em; text-transform: uppercase; color: #FFFFFF;text-align: center;text-shadow: 0 2px 34px rgba(0,0,0,0.50);}
.pageHeader h1:after {content:""; position:absolute; bottom:0; left:50%; transform: translateX(-50%); background:rgba(255,255,255,0.5)}
.pageHeader p {font-weight: 400; position: relative; z-index:2; color: #FFFFFF;text-align: center;line-height: 1.875rem;text-shadow: 0 2px 34px rgba(0,0,0,0.50);}
.pageHeader p a {font-size: 1em; padding: 0.5em 0.75em;}
.pageHeader .waves {z-index: 1;}

.fleet-toggle .button,
.display-toggle button {font-size:0.875em; padding: 0 1.25em; line-height: 2.3125rem; height:2.3125rem; background-color: #9F9F9F;background-position:center; background-repeat: no-repeat}
.fleet-toggle .button.on,
.fleet-toggle .button:hover,
.display-toggle button.on,
.display-toggle button:hover {background-color: #056D87; }
.display-toggle {line-height:2.3125rem;font-style: italic;font-size: 0.875rem;color: #4A4A4A;}
.display-toggle button {width:2.3125rem}
.display-toggle .grid {background-image: url(/images/display-toggle-grid.svg)}
.display-toggle .list {background-image: url(/images/display-toggle-list.svg)}
.fleet-toggle .download-summary {font-style: italic; padding:1em 1.125em; background: url(/images/pdf.svg) no-repeat center left; line-height:1em; display: inline-block; font-weight: 500;font-size: 0.875rem;color: #952C50;}
.fleet-toggle .download-summary span {font-weight: 300;font-size: 0.75rem}
.fleet-toggle .download-summary:hover {color: #056D87}
.fleet-location {position:relative; border-top: 1px solid rgba(0,46,67,0.2); width:100%; clear:both; padding-top: 1.25em; overflow:auto; margin-top:0.75em; float:left}
	.porst.port-page hr {float:left; clear: both; width: 100%; margin:2em 0}

.all-ports-map {position: relative; width:100%; border:1px solid #D8D8D8; border-radius: 6px; overflow:hidden; box-shadow: 0 6px 20px 0 #C3C3C3}
.all-ports-map iframe {position: absolute; top:0; left:0; width:100%; height: 100%}
.ports .legend span {display: inline-block; vertical-align: middle; font-style: italic; font-size: 0.75rem; color: #4A4A4A;}
.ports .legend span+span {margin-left: 1em}
.ports .legend span:before {content: ""; vertical-align: sub; display: inline-block; margin-right:0.35em; width: 0.9375rem; height: 0.9375rem;}
	.ports .legend span.port:before {background: url(/images/port-list-dot.svg) no-repeat center}
	.ports .legend span.lng:before {background: url(/images/port-list-triangle.svg) no-repeat center}
#content .port-list li {padding-left: 1em; margin-top: 0.5em}
#content .port-list li:before {display: none}
#content .port-list li a {display: block; border:0; padding-left: 1.5em; position: relative; font-weight: 500;font-size: 0.9375rem;color: #4A4A4A;}
	#sidenav.port-list li {margin-top: 0.125em}
	#sidenav.port-list li a {display: block; padding-left: 1.85em; border-radius:4px; position: relative; font-weight: 400;font-size: 0.875rem;color: #4A4A4A;}
	#sidenav.port-list li.on a {background: #E7E7E7}
.port-list li a:hover,
#sidenav.port-list li a:hover {color: #952C50}
.port-list li a.lng:hover,
#sidenav.port-list li a.lng:hover {color: #056D87}
body.ports .port-list li a:before {top: 0;}
.port-list li a:before,
#sidenav.port-list li a:before {position: absolute; left:0; top:0.4375rem; content: ""; display: block; width:1em; height: 1em; background: url(/images/port-list-dot.svg) no-repeat center}
#sidenav.port-list li a:before {left:0.5em;}
.port-list li a.lng:before,
#sidenav.port-list li a.lng:before {background: url(/images/port-list-triangle.svg) no-repeat center}

#sidenav.port-list .title {display: block; font-weight: 700; font-size: 1.125rem; color: #000000;}
#sidenav.port-list .title:hover {color: #952C50}

.port-page main > .port-map {position: relative; width:100%;}
.port-page main > .port-map:before {content: ""; pointer-events: none; opacity:0.05; z-index: 1; display: block; width: 100%; position: absolute; top:0; left:0; background-image: linear-gradient(180deg, #000000 9%, rgba(0,0,0,0.00) 50%);}
.port-page main > .port-map:after {content: ""; pointer-events: none; opacity:0.125; z-index: 1; display: block; width: 100%; position: absolute; bottom:0; left:0; background-image: linear-gradient(0deg, #000000 9%, rgba(0,0,0,0.00) 50%);}
.port-page main > .port-map .waves {z-index: 2;}
.port-page main > .port-map iframe {position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height: 100%}
.port-page main > .port-map .gm-bundled-control-on-bottom  {overflow: visible; height: 82px; width: 41px;}
.port-page main > .port-map .gm-bundled-control-on-bottom  > .gmnoprint {position:  relative !important; top: auto !important; left: auto !important;}
.port-page main > .port-map .gm-bundled-control-on-bottom > .gm-svpc,
.port-page main > .port-map .gm-fullscreen-control,
.port-page main > .port-map .gm-style-mtc {display: none}
.port-page .port-top {margin-bottom: 1.5em; border-bottom: 1px dashed #ccc; padding-bottom: 1em;}
.port-page .port-top h1 {margin-bottom:0.5rem}
.port-page .port-top .contact-links > * {display: inline-block; padding: 0.3em 0.4em; font-size:1rem; color: #4A4A4A; line-height: 1.1875rem;}
.port-page .port-top .contact-links > * span {font-weight:500; color: #056D87}
.port-page .port-info {padding: 1em; background: #E7E7E7; border-radius: 4px;}
.port-page .port-info .port-name {display: block; line-height: 1.125em; margin-bottom:0.25em; font-weight: 600;font-size: 1rem;color: #056D87;}
.port-page .port-info address {font-size: 14px;color: #4A4A4A;line-height: 19px; padding-bottom: 0.75em;}
.port-page .port-info .contact-links {margin: 0.5em 0 0.75em;}
.port-page .port-info .contact-links > * {display: block; padding: 0.25em 0.4em 0.25em 2em; font-size: 0.875rem; color: #4A4A4A; line-height: 1.1875rem;}
.port-page .port-info .contact-links > * span {font-weight:500; color: #056D87}
.port-page .port-info .contact-links .tel {background: url(/images/contact-icon-phone.svg) no-repeat 0.5rem center}
.port-page .port-info .contact-links .fax {background: url(/images/contact-icon-fax.svg) no-repeat 0.5rem center}
.port-page .port-info .port-links {margin-top:0.5em}
.port-page .port-info .port-links a {margin-bottom: 0.25rem; padding: 0.75em 2em 0.75em 3em; line-height: 1.25em; border-radius: 3px; display: block; font-weight: 700; font-size: 0.875rem; color: #FFFFFF;}
	.port-page .port-info .port-links a.info {background:#056D87 url(/images/contact-icon-info.svg) no-repeat 1rem 0.6875rem}
	.port-page .port-info .port-links a.positions {background:#056D87 url(/images/contact-icon-positions.svg) no-repeat 0.9375rem 0.625rem}
	.port-page .port-info .port-links a.port-map {background:#056D87 url(/images/contact-icon-map.svg) no-repeat 0.9375rem 0.75rem}
	.port-page .port-info .port-links a.coast-guard {background:#056D87 url(/images/contact-icon-coast-guard.svg) no-repeat 0.9375rem 0.75rem}
	.port-page .port-info .port-links a.port-authority {background:#056D87 url(/images/contact-icon-port-authority.svg) no-repeat 0.9375rem 0.625rem}
.port-page .port-info .port-links a:hover {background-color: #952C50}
.port-page .contact-port .main-contact {position: relative; margin-bottom: 1.75em; padding: 0.5em 0 0 5em;}
.port-page .contact-port .main-contact .contact-image {position: absolute; top:0; left:0; width:4.1875rem; height: 4.1875rem; background-image: url(/images/contact-image.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 3px;}
.port-page .contact-port .main-contact .contact-info {line-height: 1.25em}
.port-page .contact-port .main-contact .contact-info h2 {margin:0}
.port-page .contact-port .main-contact .contact-info .position {display: block; font-style: italic; font-weight:300;; font-size: 1rem; color: #000000;}
.port-page .contact-port .email-port h2 {font-weight: 500;font-size: 0.9375rem;color: #000000; padding-left: 1.75em;background: url(/images/envelope.svg) no-repeat center left}

.emergency-page #emergency-dashboard .disclaimer {font-size: 0.8125rem;margin-bottom:0.5em;color: #000000;line-height: 1.0625rem;}
.emergency-page #emergency-dashboard .top #sidebar > ul > li {padding:0.45em 0; margin:0; font-size: 1rem;color: #4A4A4A;line-height: 1.25em;     display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}
.emergency-page #emergency-dashboard .top #sidebar > ul > li:before {display: none}
.emergency-page #emergency-dashboard .top #sidebar > ul > li.help-desk {color:#000; font-weight:700}
.emergency-page #emergency-dashboard .top #sidebar > ul > li a {white-space: nowrap}
.emergency-page #emergency-dashboard .top .text-alerts {padding-top:1.5rem; margin-top: 1.5rem; border-top: 1px dashed #9F9F9F}
.emergency-page #emergency-dashboard .top .text-alerts form {margin-top:1em; font-size: 0.875rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.emergency-page #emergency-dashboard .top .text-alerts input {font-size: 1em; padding: 0 0.5em; height: 2.625em;  -webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.emergency-page #emergency-dashboard .top .text-alerts button {font-size: 1em; padding: 0 1em; height: 2.625em; line-height: 2.625em; margin-left: 0.25em}
.emergency-page #emergency-dashboard .ask-a-question {text-align: center; margin-bottom:2rem;overflow: auto; border-bottom: 1px solid #C5CED2; padding-bottom: 2rem}
.emergency-page #emergency-dashboard .ask-a-question .button {width: 100%; display: inline-block; max-width: 12.5rem; text-align: center;}
.emergency-page #emergency-dashboard .top .event-info {border-top: 1px dashed #9F9F9F; margin-top: 1.5rem; padding-top:1.5rem}
.emergency-page #emergency-dashboard .top .event-info p {font-size: 0.8125rem; margin-bottom: 0.5em; color: #000000; line-height: 1.0625rem;}
.emergency-page #emergency-dashboard .top .resources li {font-size:0.875em; padding-left: 1.25em; line-height: 1.5em}
.emergency-page #emergency-dashboard .top .resources li:before {top: 0.1875rem; left:0; background: url(/images/emergency-dashboard/icon-bullet.svg) no-repeat center}
.emergency-page #emergency-dashboard .top .resources li a {font-weight:500; display: block}

.emergency-page .post-a-message .wrapper {width:100%; background: #fff; border-radius: 7px; border: 1px solid #C5CED2;}
.emergency-page .post-a-message td {font-size: 0.875rem; line-height: 1.25rem}
.emergency-page .post-a-message td.extra-padding {padding: 0.5em 0 2em}
.emergency-page .post-a-message .enter-phone-number,
.emergency-page .post-a-message .disclaimer {margin-top: 0.5em}
.emergency-page .post-a-message .enter-phone-number {display: none}
.emergency-page .post-a-message.log-in {text-align:center; width: 100%;}
.emergency-page .post-a-message.log-in form {max-width: 15em; margin:0 auto}
.emergency-page .post-a-message .login-button {margin:0 auto; width:100%; max-width: 15em; margin:0 auto; background:none; text-align: center; color:#056D87;}
.emergency-page .post-a-message .login-button:hover {background: #fff}
.emergency-page .post-a-message .login-button:before {content: ""; display: inline-block; width:1em; height:1.25em; vertical-align: text-bottom; margin-right:0.5em; background:url(/images/lock.svg) no-repeat center}
.emergency-page .post-a-message #LoginForm {padding-top: 1em}
.emergency-page .post-a-message #LoginForm input {width: 100%; text-align: center}
.emergency-page .post-a-message #LoginForm [type="password"] {margin-bottom: 0.25em}
.emergency-page .post-a-message [type="submit"] {width:100%; max-width: 20em; display: block; margin:0 auto}
.emergency-page .post-a-message {width: 100%;}
.emergency-page .post-a-message .wrapper {padding: 2rem 3.125rem; width: 100%;}
.emergency-page .post-a-message #MessageForm input:not([type="submit"]) {font-size: 0.875em}

.emergency-page #emergency-dashboard .current-messages li {position:relative; padding:1em; border-radius: 7px; min-height: 4.5625rem; margin: 0 0 0.8125rem 3.125rem; position: relative;background: #ffffff;border: 1px solid #E2E2E2;}
.emergency-page #emergency-dashboard .current-messages li:before {width:2.125rem; height: 2.125rem; left:-3.125rem; top:1rem; background: url(/images/emergency-dashboard/icon-user.svg) no-repeat center / contain}
.emergency-page #emergency-dashboard .current-messages li .message-title {font-weight: 700; line-height: 1.25em; margin-bottom: 0.5em; font-size: 0.9rem;color: #000000;}
.emergency-page #emergency-dashboard .current-messages li .message-title .byline {font-weight: 400; margin-left: 0.25em; font-size: 0.75rem;color: #626262;}
.emergency-page #emergency-dashboard .current-messages li .message-title .byline span {font-weight:500}
	.emergency-page #emergency-dashboard .current-messages li .message-title:after,
	.emergency-page #emergency-dashboard .current-messages li .message-title:before {left: -1.375rem;top: 2rem; background:none;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
	.emergency-page #emergency-dashboard .current-messages li .message-title:before {left: -1.5rem}
	.emergency-page #emergency-dashboard .current-messages li .message-title:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 11px;margin-top: -11px;}
	.emergency-page #emergency-dashboard .current-messages li .message-title:before {border-color: rgba(226, 226, 226, 0);border-right-color: #E2E2E2;border-width: 12px;margin-top: -12px;}
.emergency-page #emergency-dashboard .current-messages li .message {font-size: 0.875rem;color: #000000;line-height: 1.25rem;}
.emergency-page #emergency-dashboard .current-messages li .message a {font-weight: 500}

.highlight.testimonial {overflow: auto}
.highlight.testimonial p {color: #000; line-height: 1.75em}
.highlight.testimonial p .cite {display: block; font-style: italic; font-weight: 500; margin-top:0.75em}

.indented-text {padding-left: 1.5em; border-left:  4px solid #056d87}
.indented-text .cite {display: block; font-size: 0.875em; color:#666}

/* management overrides */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td:nth-child(2) {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

/* TIMELINE --------------------------- */
.interior.timeline main {padding: 0;}
body.timeline .content {clear: both;}
.timeline .content .wrap {
	padding-top: .25em;
	max-width: 65rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}
.waveyline {
	line-height: 0;
	position: relative;
	margin-top: 2rem;
	z-index: 3;
}

.timeline-white, .timeline-blue {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 2.75rem;
	padding-bottom: 3.25em;
}
.timeline-white:nth-of-type(1) {background-image: url(/images/timeline-white-bg.jpg);}
.timeline-blue:nth-of-type(2), .timeline-white:nth-of-type(3) {background-image: url(/images/timeline-blue-bg.jpg);}
.timeline-blue:nth-of-type(4) {background-image: url(/images/timeline-bg-oneboat.jpg)}
.timeline-white:nth-of-type(5) {background-image: url(/images/timeline-bg-twoboatsfront.jpg);}
.timeline-blue:nth-of-type(6) {background-image: url(/images/timeline-bg-twoboats.jpg);}
.timeline-white:nth-of-type(7) {background-image: url(/images/timeline-bg-closeboat.jpg);}
.timeline-blue.last-timeline {background-image: url('/images/water-bg.jpg');}

.timeline-white .timeline-item p {color: #000;}
.timeline-blue .timeline-item p {color: #C2BEBE;}
.timeline-item {overflow: hidden;}
.timeline-item time {
        display: block;
        font-size: 2.4375em;
        font-weight: 900;
        line-height: 1.179em;
        margin-top: -.125em;
        margin-bottom: .25rem;
}
.timeline-white .timeline-item time {color: #952C50;}
.timeline-blue .timeline-item time {color: #fff}
.timeline-white:before, .timeline-blue:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	display: block;
	z-index: 0;
}
.timeline-white:before {background-image: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, .9) 20%, rgba(247,247,247, .8));}
.timeline-blue:before {background-image: linear-gradient(to bottom, rgba(0, 35, 52, 1) 0%, rgba(0, 35, 52, .9) 20%, rgba(0, 35, 52, .8));}
.timeline-blue.last-timeline:before {background-image: linear-gradient(to bottom, rgba(0, 35, 52, 1) 0%, rgba(0, 35, 52, .9) 20%, rgba(0, 35, 52, 0.8), rgba(0, 35, 52, .9) 80%, rgba(0, 35, 52, 1) 100%);}
.timeline-white.last-timeline:before {background-image: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, .9) 20%, rgba(247, 247, 247, .8), rgba(247, 247, 247, .9) 80%, rgba(247, 247, 247, 1) 100%)}
.today {
	text-align: center;
	background: rgba(0, 35, 52, 1);
	color: #C2BEBE;
	position: relative;
	line-height: 1.625rem;
}
.today h2 {
	color: #fff;
	font-size: 2.4375rem;
	text-transform: uppercase;
	font-weight: 900;
}
.today strong {
	display: block;
	font-weight: 500;
	font-size: 1.25rem;
	color: #fff;
}
.today:before {
	content: "";
	background-image: url(/images/anchor.svg);
	height: 3.9375rem;
	width: 3.0625rem;
	background-size: contain;
	background-repeat: no-repeat;
	top: -5rem;
	right: 50%;
	transform: translateX(50%);
	position: absolute;
	display: block;
}
.today.white {
	background: #F7F7F7 url(/images/main-bottom-fade.svg) repeat-x bottom left;
	color: #2A2A2A;
}
.today.white strong {color: #000;}
.today.white h2 {color: #056D87}
/* FOOTER ------------------------------ */
body>footer{padding: 3em 1em 1.5em; font-size: 0.75rem; color: #002E43; line-height: 1.0625rem;}
body>footer>.wrap{overflow:visible}
body>footer a{color:#002E43}
body>footer a:hover, footer a:active{color:#952C50}
body>footer a.on, footer .on>a{text-decoration:none;color:#952C50}
body > footer > .fatFooter{font-size: 1rem; overflow:hidden}
body > footer > .fatFooter .button {background: #952C50; padding:1em 1.5em; font-size:0.875rem}
body > footer > .fatFooter .button:hover {background: #056D87}
body > footer > .fatFooter .bottom {margin-top: 1.25rem;}
body > footer > .fatFooter .tagline {font-weight: 300; font-size: 1.0625rem;color: #626262;line-height: 1.0625rem;}
body > footer > .fatFooter .tagline span {font-weight: 700}
body > footer > .fatFooter .tagline span + span:before {content: "|"; font-weight: 300; margin: 0 0.75em}
body > footer > .fatFooter .social {margin-top: 1em;}
body > footer > .fatFooter .social a {display: inline-block; margin-left: 1em; border-radius: 50%; width:2rem; height: 2rem; background-color:#952C50; background-position:center; background-repeat: no-repeat}
body > footer > .fatFooter .social a:first-of-type {margin-left: 0;}
body > footer > .fatFooter .social a:hover {background-color:#056D87}
	body > footer > .fatFooter .social a.facebook {background-image: url(/images/social-facebook.svg)}
	body > footer > .fatFooter .social a.twitter {background-image: url(/images/social-twitter.svg)}
	body > footer > .fatFooter .social a.linkedin {background-image: url(/images/social-linkedin.svg)}
	body > footer > .fatFooter .social a.instagram {background-image: url(/images/social-instagram.svg)}
	body > footer > .fatFooter .social a.youtube {background-image: url(/images/social-youtube.svg)}
body > footer > .fatFooter .towline {display: block; width:13rem; height:6rem; background: url(/images/logo-towline.svg) no-repeat center / contain}
body > footer > .fatFooter .ABS {display: block; width: 8.1875rem; height: 2.75rem; background: url(/images/logo-ABS.png) no-repeat center / contain}
body > footer > .fatFooter .RCP {display: block; width: 9.6875rem; height: 4.125rem; background: url(/images/logo-Responsible-Carrier-Program.png) no-repeat center / contain}
body>footer nav{display:inline}
body>footer .wrap {border-top:1px solid #E6E4E4; padding-top: 1.5em}
body>footer>div{min-height:18px}

footer address {color: #000;}
footer address span {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.375rem;
}

footer .title, .wrap.logos .small {display: block; margin-bottom: 0.5em; font-size:0.875rem; font-weight:600; font-style: italic; color:#000;}
body>footer .wrap.logos {border:none; padding: 4em 0 2em;}
.wrap.logos {text-align: center;}
.wrap.logos h2 {font-size: 1.75em; margin-bottom: .5em;}
.wrap.logos h2:after {display: none;}

/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger,
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{-webkit-transition: all 200ms ease;transition: all 200ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }



/* ANIMATION CLASSES ------------------------------ */

.no-glide {
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
	-webkit-transition: none !important;
	transition: none !important;
  }

  .fade-in, .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) img,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) .timeline-text,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) img,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) .timeline-text,
  .animate-left, .animate-right, .animate-down, .animate-up,
  .animate-up-left .animate-up-right, .animate-down-left, .animate-down-right {
	opacity: 0;
	position: relative;
	-webkit-transition: all .75s ease;
	-o-transition: all .75s ease;
	-moz-transition: all .75s ease;
	transition: all .75s ease;
  }

  .animate-left,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) .timeline-text,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) img { left: 4.75rem; top: 0; }
  .animate-right,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) .timeline-text,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) img { right: 4.75rem; top: 0; }
  .animate-up { top: 4.75rem; }
  .animate-down { top: -4.75rem; }

  .animate-down-left { left: 4.75rem; top: -4.75rem; }
  .animate-down-right { right: 4.75rem; top: -4.75rem; }
  .animate-up-left { left: 4.75rem; top: 4.75rem; }
  .animate-up-right { right: 4.75rem; top: 4.75rem;  }

  .animate-left.animated,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) .timeline-text.animated, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) .timeline-text.animated,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) img.animated, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) img.animated { left: 0; top: 0; opacity: 1; }
  .animate-right.animated,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) .timeline-text.animated, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) .timeline-text.animated,
  .timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) img.animated, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) img.animated { opacity: 1; right: 0; top: 0; }
  .animate-up.animated { top: 0; }
  .animate-down.animated { top: 0; }

  .animate-up-left.animated { left: 0; top: 0; }
  .animate-up-right.animated { right: 0; top: 0; }
  .animate-down-left.animated { left: 0; top: 0; }
  .animate-down-right.animated { right: 0; top: 0; }

  .animated {opacity: 1;}

  .animated,
  .delay-1 {-webkit-transition-delay:.15s; -moz-transition-delay:.15s; -o-transition-delay:.15s; transition-delay:.15s;}


  /* INTERNET EXPLORER */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* WAVES DON'T WORK ON IE SO I'M DISABLING THE ANIMATIONS ON THE TIMELINE */
	.timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) img,
	.timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(odd) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(even) .timeline-text,
	.timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) img, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) img,
	.timeline-full>div:nth-of-type(-n+4) .timeline-item:nth-of-type(even) .timeline-text, .timeline-full>div:nth-of-type(n+5) .timeline-item:nth-of-type(odd) .timeline-text {
		top: 0;
		left: 0;
		right: 0;
		opacity: 1;
	}
}