/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  display: block;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
video::-webkit-media-controls-play-button {
  display: none;
}
/*
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
@-moz-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}
#swipebox-overlay img {
  border: none !important;
}
#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url("../img/loader.gif") no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}
#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url("../img/icons.png");
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
  display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
#swipebox-overlay {
  background: #0d0d0d;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px #000;
  background: #000;
  opacity: 0.95;
}
#swipebox-top-bar {
  color: #fff !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
@-moz-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
html {
  font-size: 16px;
  font-size: 100%;
}
body {
  font-family: "Open Sans", sans-serif, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  color: #2e2e2e;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: auto;
}
ul {
  margin: 0;
  padding: 0;
  margin-left: 16px;
}
.row {
  *zoom: 1;
  width: auto;
  max-width: 1000px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.row:before,
.row:after {
  content: '';
  display: table;
}
.row:after {
  clear: both;
}
header#History-Heading-Subheading h1 {
  margin-top: -66px;
}
div#About-Slider h1 {
  margin-top: -37px;
}
body.sub-page.lubricants div#About-Slider h1 {
  margin-top: 7px;
}
header#Career-Heading-Subheading h1 {
  margin-top: -54px;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1 /* For IE 6/7 (trigger hasLayout) */;
}
input[type=submit] {
  display: block;
  width: 100%;
  padding: 8px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0px;
}
input[type=text],
select,
textarea,
input[type=Password],
input[type=number] {
  border: 0px;
  background-color: #fff;
  outline: none;
}
.red input[type=text],
.red select,
.red textarea,
.red input[type=Password] {
  background-color: #b2252d;
}
input[type=text],
textarea,
input[type=Password],
input[type=checkbox],
input[type=number] {
  display: block;
  clear: both;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 400px;
  padding: 11px;
}
input[type=checkbox] {
  margin: 16px;
}
textarea {
  max-height: 200px;
}
label {
  width: 562px;
  display: block;
  position: relative;
  line-height: 45px;
  border-bottom: 1px solid #444;
  margin: 20px 0;
}
label label {
  display: inline-block;
  border: 0;
  width: 200px;
  margin: 0;
  text-align: right;
}
label label.DateTime {
  width: 410px;
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: left;
}
label label.DateTime select {
  padding: 5px;
  width: auto !important;
}
label label.DateTime img {
  display: inline;
  margin: 13px 0px;
}
label.Standard select {
  width: 410px;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 13px 0;
}
label.Textarea {
  min-height: 210px;
}
@media screen and (max-width: 748px) {
  label {
    width: 100%;
    line-height: 70px;
  }
  label label {
    width: 40%;
  }
  label label.DateTime {
    width: 75%;
  }
  input[type=text],
  textarea,
  input[type=Password],
  input[type=checkbox] {
    width: 60%;
  }
  label.Standard select {
    width: 60%;
  }
  label.Radio label {
    width: 20%;
  }
}
.home .city-list {
  padding: 70px 24px 0 24px;
}
@media screen and (max-width: 1023px) {
  .home .city-list {
    padding-top: 0;
  }
}
.home .city-list .city {
  color: #fff;
  border: 0px solid #fff;
}
.home .city-list .city.active {
  background-color: #000;
}
.home .city-list .city:hover {
  background-color: #000;
}
.city-list {
  list-style: none;
  margin: 0;
  padding: 70px 24px 0 24px;
}
.city-list .city {
  list-style: none;
  float: left;
  margin: 1rem 0;
  border: 0px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  padding: 0.5rem 2rem;
  transition: all 0.33s ease-out;
}
.city-list .city:before {
  font-family: FontAwesome;
  content: "\f096";
  margin-left: 0px;
  padding-right: 10px;
}
.city-list .city .cityname {
  display: inline-block;
}
.city-list .city .address {
  display: none;
}
.city-list .active:before {
  font-family: FontAwesome;
  content: "\f046";
  margin-left: 0px;
  padding-right: 10px;
}
.city-list .active .address {
  display: block;
  position: absolute;
  top: 303px;
  left: 24px;
  text-align: left;
}
.city-list .city:hover {
  color: #fff;
  background-color: #000;
}
.contact-bar-right {
  z-index: 99;
  position: fixed;
  bottom: 250px;
  right: 0;
  width: 200px;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  transform: translate(0, 0);
  transition: all 0.25s ease-out;
}
.contact-bar-right a {
  display: block;
  width: 100%;
  padding: 8px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-bar-right.active,
.contact-bar-right.headroom--top {
  transform: translate(350px, 0);
}
.contact-employees {
  z-index: -1;
  position: fixed;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 24px 0 0 0;
  background: rgba(178,37,45,0.95);
  transition: all 0.33s ease-out;
}
.contact-employees.active {
  z-index: 999;
  opacity: 1;
}
.contact-employees img.logo-neg {
  margin-left: 20px;
}
.contact-employees h2.contact-heading {
  color: #fff;
  font-weight: lighter;
  font-size: 3rem;
  position: absolute;
  top: 3px;
  right: 100px;
}
.contact-employees a.close {
  position: absolute;
  top: 54px;
  right: 31px;
  color: #fff;
  font-size: 2rem;
}
.contact-employees #search-employees {
  -webkit-appearance: none;
  width: 250px;
  margin: 80px 24px 24px 24px;
  margin-bottom: 0;
  padding: 7.2px;
  font-size: 2.5rem;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
}
.contact-employees .showing-results {
  color: #fff;
  margin: 12px 24px;
}
.contact-employees .vcard {
  float: left;
  overflow: hidden;
  width: 250px;
  height: 350px;
  padding: 0 27px 27px 27px;
  margin: 24px;
  margin-bottom: 0;
  margin-right: 0;
  background-color: #f9f9f9;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
}
.contact-employees .vcard .tel {
  padding-top: 16px;
  display: block;
}
.contact-employees .vcard img.photo {
  margin: 0 0 0 -27px;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  width: 250px;
  height: 225px;
}
.contact-employees .vcard .information {
  transform: translate(0, 100%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-employees .vcard h2 {
  font-size: 1.25rem;
  margin: 16px 0 0 0;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  line-height: 1.4rem;
}
.contact-employees .vcard h2 .fn {
  font-weight: lighter;
}
.contact-employees .vcard a {
  color: #2e2e2e;
}
.contact-employees .vcard h4 {
  font-size: 1em;
  padding: 0;
  margin: -2px 0 0 0;
  color: #666;
  font-weight: lighter;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-employees .vcard h4.jobtitle {
  font-size: 0.7em;
  margin-top: 3px;
}
.contact-employees .vcard h4.city {
  padding-top: 16px !important;
}
.contact-employees .vcard.active img.photo {
  transform: translate(0, -100%);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
.contact-employees .vcard.active .information {
  transform: translate(0, -195px);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
.contact-employees .vcard.active h2 {
  margin: 10px 0 0 0;
  transform: translate(0, -480%);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
.contact-employees .vcard.active h4 {
  transform: translate(0, -205px);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
@media screen and (max-width: 1124px) {
  .contact-bar-right {
    bottom: 6%;
  }
}
@media screen and (max-width: 1023px) {
  .city-list {
    padding: 0 24px;
  }
  .city-list .active .address {
    position: static;
  }
  .city-list .city {
    float: none;
    margin: 0;
  }
  .showing-results {
    display: block;
    margin-top: 6%;
    margin-left: 6%;
  }
  .contact-employees #search-employees {
    margin: 125px 24px 24px 24px;
  }
  .contact-employees h2.contact-heading {
    color: #fff;
    font-weight: lighter;
    font-size: 3rem;
    position: absolute;
    top: 100px;
    left: 20px;
  }
  .contact-employees .city-list .city {
    text-align: left;
    padding-left: 10px;
  }
}
@media screen and (max-width: 748px) {
  .city-list {
    padding: 0 24px;
  }
  .city-list .active .address {
    top: 268px;
  }
  .contact-employees #search-employees {
    margin: 70px 24px 24px 24px;
    font-size: 1rem;
  }
  .contact-employees .logo-neg {
    width: 300px;
  }
  .contact-employees h2.contact-heading {
    color: #fff;
    font-weight: lighter;
    font-size: 2rem;
    position: absolute;
    top: 100px;
    left: 20px;
  }
}
@media screen and (max-width: 380px) {
  .contact-employees #search-employees {
    margin: 70px 24px 24px 24px;
    font-size: 1rem;
  }
  .contact-employees .logo-neg {
    width: 190px;
  }
  .contact-employees a.close {
    top: 36px;
    right: 13px;
  }
  .contact-employees h2.contact-heading {
    color: #fff;
    font-weight: lighter;
    font-size: 1.2rem;
    position: absolute;
    top: 78px;
    left: 20px;
  }
}
header .moveimage0 {
  transform: translate3d(0, 0, 0) !important;
}
header .moveimage1 {
  transform: translate3d(150px, 50px, 175px) !important;
}
header .moveimage2 {
  transform: translate3d(-150px, 50px, 175px) !important;
}
header .moveimage3 {
  transform: translate3d(-150px, -50px, 175px) !important;
}
header .moveimage4 {
  transform: translate3d(150px, -50px, 175px) !important;
}
header .moveimage5 {
  transform: translate3d(50px, 50px, 350px) !important;
}
header .moveimage6 {
  transform: translate3d(-250px, -100px, 350px) !important;
}
header .moveimage7 {
  transform: translate3d(250px, 100px, 350px) !important;
}
header .moveimage8 {
  transform: translate3d(250px, -100px, 350px) !important;
}
header .moveimage9 {
  transform: translate3d(-250px, 100px, 350px) !important;
}
header .moveimage10 {
  transform: translate3d(0px, 100px, 350px) !important;
}
header .moveimage11 {
  transform: translate3d(0px, -100px, 350px) !important;
}
header .moveimage12 {
  transform: translate3d(0px, 0px, 350px) !important;
}
#google_maps {
  position: relative;
}
#gmap-desc {
  background: #b2252d;
  color: #fff;
}
#gmap-desc .left,
#gmap-desc .right {
  border-color: #fff;
}
#mapWrapper {
  position: relative;
}
#mapWrapper #map {
  height: 450px;
}
@media screen and (min-width: 748px) {
  #mapWrapper #map {
    height: 800px;
  }
}
#mapWrapper #searchInput {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
  border-radius: 0;
  width: 325px;
  max-width: 100%;
}
#mapWrapper .easy-autocomplete-container {
  top: 60px;
  left: 25px;
  z-index: 5;
}
#mapWrapper .easy-autocomplete-container ul {
  margin-left: 0;
}
#mapWrapper #capture {
  position: absolute;
  left: 25px;
  top: 65px;
  width: 325px;
  max-height: 0;
  z-index: 2;
  transition: all 1s;
  background-color: #000;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}
#mapWrapper #capture .close {
  position: absolute;
  right: 0;
  padding: 1em;
  font-size: 0.8em;
  cursor: pointer;
}
#mapWrapper #capture .content {
  padding: 35px 50px 25px;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0s;
}
@media screen and (max-width: 748px) {
  #mapWrapper #capture .content {
    padding: 25px;
    font-size: 0.9em;
  }
}
#mapWrapper #capture.active {
  max-height: 300px;
  opacity: 1;
  pointer-events: auto;
}
#mapWrapper #capture.active .content {
  opacity: 1;
  transition-delay: 0.5s;
}
#mapWrapper #mapnoresult {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0,0,0,0.75);
  color: #fff;
  text-align: center;
  z-index: 2;
}
#mapWrapper #mapnoresult span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
}
#mapWrapper #inputFilter {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 15px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  overflow: hidden;
  z-index: 3;
}
@media screen and (max-width: 748px) {
  #mapWrapper #inputFilter {
    position: static;
  }
}
#mapWrapper #inputFilter div {
  margin: 0 15px 15px 0;
}
@media screen and (max-width: 748px) {
  #mapWrapper #inputFilter div {
    float: left;
  }
}
#mapWrapper #inputFilter label {
  margin: 0;
  width: auto;
  border: 0;
  line-height: normal;
}
#mapWrapper #inputFilter input {
  display: inline;
  position: static;
  margin: 0 5px 0 0;
  padding: 0;
  width: auto;
}
section.Disclaimer {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 6%;
  background: #ccc;
  background: rgba(220,220,220,0.75);
  font-size: 1.35rem;
  line-height: 1.6;
  overflow: hidden;
}
@media screen and (max-width: 748px) {
  section.Disclaimer {
    font-size: 0.9rem;
    line-height: 1.4;
  }
}
section.Disclaimer a {
  display: inline-block;
  text-align: center;
  background-color: #b2252d;
  color: #fff;
  padding: 0.5em 1em;
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
::selection {
  color: #fff;
  background-color: #ff5959;
}
::-moz-selection {
  color: #fff;
  background-color: #ff5959;
}
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-radius: 4px;
}
table th,
table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table thead:first-child tr th,
table thead:first-child tr td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #ddd;
}
table th + th,
table td + td,
table th + td,
table td + th {
  border-left: 1px solid #ddd;
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
  border-top: 0;
}
table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}
table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}
table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}
table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
table tbody tr:nth-child(odd) td,
table tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #f5f5f5;
}
body {
  overflow-x: hidden;
}
.pagevid {
  left: 50%;
  position: absolute;
  width: 100%;
  transform: translate3d(-50%, 0px, 0px);
}
header.top {
  position: relative;
  background: rgba(0,0,0,0.15);
  overflow: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
}
header.top > .row {
  position: relative;
  height: 100%;
  z-index: 11;
}
header.top > .row .inner {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  position: absolute;
  bottom: 0;
  left: 2px;
  min-height: 500px;
  height: 60%;
  border-right: 2px solid;
  border-color: #fff;
}
header.top > .row .inner:before,
header.top > .row .inner:after {
  content: '';
  display: table;
}
header.top > .row .inner:after {
  clear: both;
}
header.top > .row .inner .logo {
  position: absolute;
  right: 32px;
  width: 350px;
  height: 125px;
  background: url("../img/bms-logo-2018.png") no-repeat;
  background-size: contain;
  transition: all 0.67s ease-out;
}
header.top > .row .inner .logo img {
  width: 100%;
}
header.top > .row .inner .fixed-title {
  position: absolute;
  right: 32px;
  bottom: 64px;
  width: 100%;
  text-align: right;
}
header.top > .row .inner .row {
  min-width: 100%;
  min-width: 100%;
  width: 100%;
}
header.top > .row .inner h1 {
  font-size: 4rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  transition: all 0.66s ease-out;
}
header.top .dark-overlay {
  z-index: 12;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
  opacity: 0;
}
header.top .degrees {
  position: absolute;
  right: 32px;
  color: #b2252d;
  font-size: 4.5rem;
  font-weight: bold;
}
header.top .degrees small {
  position: absolute;
  top: 5px;
  font-size: 2.5rem;
}
header.top .header-content {
  padding-top: 48px;
}
header.top .bgimg {
  z-index: -1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
header.top .bgimg img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  transition: all 0.05s ease-out;
}
.sub-page header.top {
  height: 650px;
}
.sub-page header.top > .row .inner {
  height: 450px;
  min-height: 350px;
}
header.top .bgimg-2018 {
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
header.top .bgimg-2018 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 1440px) {
  header.top .bgimg img {
    width: 150%;
  }
}
@media screen and (max-width: 1023px) {
  header.top > .row .inner {
    right: 0;
    left: 6%;
    width: 96%;
    border-right: 0;
    border-left: 2px solid #fff;
  }
  header.top > .row .inner .logo {
    right: 0;
    left: 6%;
  }
  header.top > .row .inner .fixed-title {
    right: 0;
    left: 6%;
    width: 96%;
    text-align: left;
  }
  header.top > .row .inner .fixed-title .degrees {
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 748px) {
  .home header.top > .row .inner {
    border-right: 0px;
    left: 6%;
  }
  header.top .bgimg img {
    width: auto;
    height: 100%;
  }
  header.top > .row .inner h1 {
    font-size: 2.75rem !important;
  }
  header.top > .row .inner .fixed-title .degrees {
    font-size: 3.25rem !important;
  }
  header.top > .row .inner .fixed-title .degrees small {
    font-size: 2rem;
  }
  header.top > .row .inner .logo {
    width: 252px;
    height: 70px;
  }
  .sub-page header.top {
    height: 350px;
  }
  .sub-page header.top > .row .inner {
    height: 250px;
    min-height: 250px;
  }
  .sub-page header.top > .row .inner .fixed-title {
    top: 50px;
  }
  header.top .bgimg .pagevid {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 748px) and (orientation: landscape) {
  header.top .bgimg img {
    width: 100%;
    height: auto;
  }
  header.top .bgimg .pagevid {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 380px) {
  .home header.top > .row .inner .logo {
    top: 18%;
  }
}
body.update .nav-list .row2 a {
  color: #b2252d;
  font-weight: bold;
}
.menu {
  position: fixed;
  top: 0;
  z-index: 12;
  display: block;
  width: 100%;
}
.menu > .row {
  position: relative;
  top: -3px;
}
.menu .row2 {
  right: 150px;
  text-align: right;
  position: relative;
  top: -22px;
  height: 0;
/*font-weight: bold*/
}
.menu .row2 a {
  color: #fff;
  text-decoration: none;
}
.menu .menu-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  display: block;
  margin-top: 19px;
  padding: 8px;
  width: 100px;
  height: 36px;
  background: #000;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
}
.menu .menu-btn span {
  position: absolute;
  top: 17px;
  left: 59px;
  width: 30px;
  height: 2px;
  background: #fff;
}
.menu .menu-btn span:before {
  content: ' ';
  position: absolute;
  top: -8px;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: all 0.5s ease-out;
}
.menu .menu-btn span:after {
  content: ' ';
  position: absolute;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: all 0.5s ease-out;
}
.menu .menu-btn span.active {
  background: rgba(0,0,0,0);
}
.menu .menu-btn span.active:before {
  top: 0px;
  background: #fff;
  transform: rotate(45deg);
}
.menu .menu-btn span.active:after {
  top: 0px;
  background: #fff;
  transform: rotate(-225deg);
}
.menu .menu-bms-2018 {
  z-index: 2;
  position: absolute;
  right: 0;
  display: block;
  margin-top: 19px;
  padding: 8px;
  width: 100px;
  height: 36px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
}
.menu .menu-bms-2018 span.txt {
  position: absolute;
  transition: 0.25s ease-out;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu .menu-bms-2018 span.txt.close {
  opacity: 0;
  transform: translateY(0.25em);
}
.menu .menu-bms-2018 span.txt.active.open {
  transform: translateY(-0.25em);
  opacity: 0;
}
.menu .menu-bms-2018 span.txt.active.close {
  opacity: 1;
  transform: translateY(0);
}
.menu .menu-bms-2018 span.icon {
  position: absolute;
  top: 6px;
  left: 65px;
  width: 26px;
  height: 26px;
  transition: all 0.25s ease-out;
}
.menu .menu-bms-2018 span.icon span {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu .menu-bms-2018 span.icon span:nth-child(1) {
  left: 0;
}
.menu .menu-bms-2018 span.icon span:nth-child(2) {
  left: 9px;
}
.menu .menu-bms-2018 span.icon span:nth-child(3) {
  left: 18px;
}
.menu .menu-bms-2018 span.icon span:before {
  content: ' ';
  position: absolute;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu .menu-bms-2018 span.icon span:after {
  content: ' ';
  position: absolute;
  bottom: -18px;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu .menu-bms-2018 span.icon span,
.menu .menu-bms-2018 span.icon span:before,
.menu .menu-bms-2018 span.icon span:after {
  transition: all 0.25s ease-out;
}
.menu .menu-bms-2018 span.icon.active {
  transform: rotate(45deg);
  transform-origin: center;
}
.menu .menu-bms-2018 span.icon.active span:before {
  background: #fff;
}
.menu .menu-bms-2018 span.icon.active span:after {
  background: #fff;
}
.menu .menu-bms-2018 span.icon.active span:nth-child(1),
.menu .menu-bms-2018 span.icon.active span:nth-child(3) {
  background-color: transparent;
}
.menu .menu-bms-2018 span.icon.active span:nth-child(1):after,
.menu .menu-bms-2018 span.icon.active span:nth-child(3):after {
  background-color: transparent;
}
.menu .nav-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 24px;
  background: #000;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  transform: translate3d(0, -100px, 0);
  transition: background 0.35s ease-out, all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.menu .nav-list li {
  display: inline-block;
  padding-right: 11px;
  transform: translate3d(0, -60px, 0);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.menu .nav-list li a {
  width: 100%;
  color: #fff;
  text-decoration: none;
/*font-weight: bold*/
}
.menu .nav-list li a :hover {
  color: #b2252d;
  font-weight: bold;
}
.menu .nav-list li:nth-child(0n+1) {
  transition-delay: 0.065s;
}
.menu .nav-list li:nth-child(0n+2) {
  transition-delay: 0.13s;
}
.menu .nav-list li:nth-child(0n+3) {
  transition-delay: 0.195s;
}
.menu .nav-list li:nth-child(0n+4) {
  transition-delay: 0.26s;
}
.menu .nav-list li:nth-child(0n+5) {
  transition-delay: 0.325s;
}
.menu .nav-list li:nth-child(0n+6) {
  transition-delay: 0.39s;
}
.menu .nav-list li:nth-child(0n+7) {
  transition-delay: 0.455s;
}
.menu .nav-list li:nth-child(0n+8) {
  transition-delay: 0.52s;
}
.menu .nav-list li:nth-child(0n+9) {
  transition-delay: 0.585s;
}
.menu .nav-list li:nth-child(0n+10) {
  transition-delay: 0.65s;
}
.menu .nav-list li.selected a {
  color: #b2252d;
  font-weight: bold;
}
.menu .nav-list.active {
  transform: translate3d(0, 0, 0);
}
.menu .nav-list.active li {
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 1023px) {
  .menu {
    height: 75px;
  }
  .menu .menu-btn,
  .menu .menu-bms-2018 {
    right: 6%;
  }
  .menu .nav-list {
    transform: translate3d(0, -100%, 0);
  }
  .menu .nav-list li {
    display: block;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 748px) {
  .menu {
    height: 75px;
    transform: translate3d(0, 0, 0);
  }
  .menu .menu-btn,
  .menu .menu-bms-2018 {
    transform: translate3d(0, 0, 0);
  }
  .menu .nav-list {
    transform: translate3d(0, -100%, 0);
  }
  .menu .nav-list li {
    transform: none;
  }
  .menu .nav-list.active {
    transform: translate3d(0, 0, 0);
  }
  .menu .nav-list.active li {
    transform: none;
  }
}
@media screen and (max-width: 748px) and (orientation: landscape) {
  .menu-bms-2018 {
    right: 24px;
  }
  .menu .nav-list {
    padding-top: 4.25rem;
  }
  .menu .nav-list li {
    display: inline-block;
    padding-right: 2rem;
    margin-bottom: 1rem;
  }
  .menu .row2 {
    position: static;
    height: auto;
    text-align: left;
  }
}
@media screen and (max-width: 380px) {
  .menu .nav-list.active {
    transform: translate3d(0, 0, 0);
  }
  .menu .row2 {
    right: 10px;
    top: -32px;
  }
}
footer {
  background: #4d4d4d;
}
footer .creator {
  color: #333;
  text-decoration: none;
  font-size: 8px;
}
footer .row2 {
  display: none;
}
footer article#Offices {
  padding-top: 8%;
  padding-bottom: 8%;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer article#Offices:before,
footer article#Offices:after {
  content: '';
  display: table;
}
footer article#Offices:after {
  clear: both;
}
footer article#Offices .office {
  width: 29%;
  margin: 0 2%;
  padding-top: 16px;
  padding-bottom: 32px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
}
footer article#Offices .office .statistics {
  display: none;
}
footer article#Offices .office h2 {
  font-size: 1rem;
}
footer article#Offices .office a {
  color: #fff;
  text-decoration: none;
}
footer section[data-id="11072"] {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 5%;
  padding-top: 24px;
}
footer section[data-id="11072"]:before,
footer section[data-id="11072"]:after {
  content: '';
  display: table;
}
footer section[data-id="11072"]:after {
  clear: both;
}
footer section[data-id="11072"]:last-child {
  margin-right: 0%;
}
footer section[data-id="11072"] p {
  color: #fff;
}
footer article.navigation {
  background: #2e2e2e;
  margin: 0;
  padding: 16px;
}
footer article.navigation .nav-list {
  margin: 0;
  padding: 0;
  padding-top: 4px;
}
footer article.navigation .nav-list li {
  display: inline-block;
}
footer article.navigation .nav-list li a {
  padding: 4px 8px;
  padding-left: 0;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  footer article#Offices {
    padding: 4rem 4rem 2rem 4rem;
  }
}
@media screen and (max-width: 748px) {
  footer article#Offices {
    padding: 24px;
  }
  footer article#Offices .office {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  footer article#Offices .office:first-child {
    margin-left: auto;
  }
  footer article#Offices .office:last-child {
    margin-right: auto;
  }
  footer section[data-id="11072"] {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  footer section[data-id="11072"]:first-child {
    margin-left: auto;
  }
  footer section[data-id="11072"]:last-child {
    margin-right: auto;
  }
  footer article.navigation .nav-list,
  footer article.navigation #bottom-search {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  footer article.navigation .nav-list:first-child,
  footer article.navigation #bottom-search:first-child {
    margin-left: auto;
  }
  footer article.navigation .nav-list:last-child,
  footer article.navigation #bottom-search:last-child {
    margin-right: auto;
  }
  footer article.navigation .nav-list {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 748px) {
  footer article#Offices .office:nth-child(-n+3) {
    border-top: 1px solid #fff;
  }
}
article.content details {
  margin-bottom: 100px;
}
article.content summery {
  margin-top: 20px;
}
article.content .newsimage {
  float: left;
  width: 75px;
  margin: 16px 20px 20px 0;
}
article.content .pagevid {
  width: 100%;
}
article.content .right {
  border-left: 2px solid #000;
}
article.content.red {
  background: #b2252d;
  color: #fff;
}
article.content.red .right {
  border-left: 2px solid #fff;
}
article.content {
  position: relative;
  width: 100%;
}
article.content .left,
article.content .right {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  height: 100%;
  position: relative;
  padding: 32px;
  padding-top: 160px;
}
article.content .left:before,
article.content .right:before,
article.content .left:after,
article.content .right:after {
  content: '';
  display: table;
}
article.content .left:after,
article.content .right:after {
  clear: both;
}
article.content .left:nth-child(2n+2),
article.content .right:nth-child(2n+2) {
  float: right;
}
article.content .left .row,
article.content .right .row {
  max-width: 448px;
  margin: 0;
}
article.content .left h1 {
  position: absolute;
  padding-top: 48px;
  right: 32px;
  text-align: right;
  font-size: 4rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
article .degrees {
  position: absolute;
  right: 48px;
  color: #b2252d;
  font-size: 4.5rem;
  font-weight: bold;
}
article .degrees small {
  position: absolute;
  top: 5px;
  font-size: 2.5rem;
}
article .bgimg {
  z-index: -1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
article .bgimg img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  transition: all 0.05s ease-out;
}
@media screen and (max-width: 1440px) {
  article .bgimg img {
    width: 150%;
  }
}
@media screen and (max-width: 1023px) {
  article.content {
    height: auto !important;
    overflow: hidden;
  }
  article.content .left,
  article.content .right {
    position: relative;
    left: 6%;
    float: none !important;
    padding: 6%;
    padding-top: 8%;
    width: 96%;
    height: auto !important;
    border-right: 0 !important;
    border-left: 2px solid;
    text-align: left;
  }
  article.content .left {
    height: 25%;
  }
  article.content .left .degrees {
    position: relative;
    right: 0;
    left: 0;
    font-size: 3.25rem;
  }
  article.content .left .degrees small {
    font-size: 2rem;
  }
  article.content .left h1 {
    position: relative;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 2.75rem;
  }
  article.content .right {
    height: 75%;
  }
}
.headertoggle .toggle-header {
  cursor: pointer;
}
.headertoggle .toggle-header::after {
  font-family: FontAwesome;
  content: " \f0d7";
}
.headertoggle .toggle-header.active::after {
  content: " \f0d8";
}
@media screen and (min-width: 1024px) {
  .flexme-2018 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .flexme-2018 > .left,
  .flexme-2018 > .right {
    height: auto !important;
    flex: 1;
  }
}
.port {
  display: block;
}
.portProducts {
  cursor: pointer;
}
.portProducts ul {
  display: none;
}
#Jobs {
  min-height: 700px !important;
  display: none;
}
#Jobs .right {
  min-height: 700px !important;
}
#talentsoft-offers {
  margin-top: 100px;
}
#talentsoft-offers label[for="birthDate"] input:nth-child(1) {
  width: 18%;
  left: 38%;
}
#talentsoft-offers label[for="birthDate"] input:nth-child(2) {
  width: 25%;
  left: 56%;
}
#talentsoft-offers label[for="birthDate"] input:nth-child(3) {
  width: 20%;
  left: 80%;
}
#talentsoft-offers .btn {
  cursor: pointer;
}
#talentsoft-offers button.apply {
  margin-bottom: 4rem;
  display: block;
  width: 100%;
  padding: 8px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
}
#talentsoft-offers fieldset {
  border: 0;
  margin-bottom: 4rem;
}
#talentsoft-offers fieldset legend {
  color: #2e2e2e;
  display: inline;
  font-family: "Open Sans", sans-serif, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: auto;
}
.menu-2018 {
  z-index: 998;
  position: fixed;
  top: 0;
  width: 100%;
  background: #2e2e2e;
  padding: 2rem 5rem;
  transition: all 0.33s ease;
}
.menu-2018.transparent {
  background-color: transparent;
}
.menu-2018 .nav-list-2018 {
  margin: 0;
  list-style-type: none;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.menu-2018 .nav-list-2018 li {
  display: inline-block;
  width: 255px;
}
.menu-2018 .nav-list-2018 li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3rem;
}
.menu-2018 .row {
  position: relative;
}
.menu-2018.active {
  padding: 5rem;
  background: #2e2e2e;
}
.menu-2018.active .nav-list-2018 {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.menu-2018.active .menu-btn-2018 {
  top: calc(-17px - 3rem);
}
.menu-2018 .menu-btn-2018 {
  z-index: 2;
  position: absolute;
  top: -17px;
  right: 0;
  display: block;
  padding: 8px;
  margin: 0;
  width: 100px;
  height: 36px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
  transition: all 0.33s ease;
}
.menu-2018 .menu-btn-2018 span.txt {
  position: absolute;
  transition: 0.25s ease-out;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu-2018 .menu-btn-2018 span.txt.close {
  opacity: 0;
  transform: translateY(0.25em);
}
.menu-2018 .menu-btn-2018 span.txt.active.open {
  transform: translateY(-0.25em);
  opacity: 0;
}
.menu-2018 .menu-btn-2018 span.txt.active.close {
  opacity: 1;
  transform: translateY(0);
}
.menu-2018 .menu-btn-2018 span.icon {
  position: absolute;
  top: 6px;
  left: 65px;
  width: 26px;
  height: 26px;
  transition: all 0.25s ease-out;
}
.menu-2018 .menu-btn-2018 span.icon span {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu-2018 .menu-btn-2018 span.icon span:nth-child(1) {
  left: 0;
}
.menu-2018 .menu-btn-2018 span.icon span:nth-child(2) {
  left: 9px;
}
.menu-2018 .menu-btn-2018 span.icon span:nth-child(3) {
  left: 18px;
}
.menu-2018 .menu-btn-2018 span.icon span:before {
  content: ' ';
  position: absolute;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #fff;
}
.menu-2018 .menu-btn-2018 span.icon span:after {
  content: ' ';
  position: absolute;
  bottom: -18px;
  width: 6px;
  height: 6px;
  background: #fff;
}
.menu-2018 .menu-btn-2018 span.icon span,
.menu-2018 .menu-btn-2018 span.icon span:before,
.menu-2018 .menu-btn-2018 span.icon span:after {
  transition: all 0.25s ease-out;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.menu-2018 .menu-btn-2018 span.icon.active {
  transform: rotate(45deg);
  transform-origin: center;
}
.menu-2018 .menu-btn-2018 span.icon.active span:before {
  background: #fff;
}
.menu-2018 .menu-btn-2018 span.icon.active span:after {
  background: #fff;
}
.menu-2018 .menu-btn-2018 span.icon.active span:nth-child(1),
.menu-2018 .menu-btn-2018 span.icon.active span:nth-child(3) {
  background-color: transparent;
}
.menu-2018 .menu-btn-2018 span.icon.active span:nth-child(1):after,
.menu-2018 .menu-btn-2018 span.icon.active span:nth-child(3):after {
  background-color: transparent;
}
@media screen and (max-width: 748px) {
  .menu-2018 {
    padding: 2rem 1rem;
  }
  .menu-2018.active {
    padding: 2rem 2.5rem;
  }
  .menu-2018.active .menu-btn-2018 {
    top: -17px;
    right: -1.5rem;
  }
}
.home header .right {
  position: absolute;
  bottom: 0;
  clear: none;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 10px;
  padding-top: 25px;
  right: 0px;
  min-height: 500px;
  height: 60%;
  color: #fff;
  font-size: 2.25rem;
  text-transform: uppercase;
}
.home header .right ul {
  list-style: none;
  position: absolute;
  bottom: 105px;
}
.home header .right a {
  text-decoration: none;
  color: #fff;
}
.home .right {
  border-left: 0 !important;
}
.home #World-wide-BMS-Ports .office.vcard {
  display: none;
}
.home .mapholder.mobile {
  display: none;
}
.home .mapholder.large {
  display: none;
}
.home .mapholder,
.home .mapholder.desktop {
  z-index: 5;
  top: 500px;
  position: absolute;
  perspective: 1000px;
  left: 33%;
  transform: translate3d(-50%, 0, 0);
  background-color: #b2252d;
}
.home .mapholder .spot,
.home .mapholder.desktop .spot {
  z-index: 5;
  animation: blip 0.75s alternate backwards 1, bob 1s;
  animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  position: absolute;
  border: 5px solid #000;
  border-radius: 5px;
  transform: translate3d(-50%, -50%, 0);
  cursor: pointer;
  width: 0px;
  height: 0px;
  color: #000;
  white-space: nowrap;
  font-weight: 800;
  text-indent: 10px;
  line-height: 0px;
  text-shadow: 0px 0px 3px #fff;
}
.home .mapholder .spot.hong-kong-office,
.home .mapholder.desktop .spot.hong-kong-office {
  top: 272px;
  left: 783px;
}
.home .mapholder .spot.buenos-aires-office,
.home .mapholder.desktop .spot.buenos-aires-office {
  top: 497px;
  left: 299px;
}
.home .mapholder .spot.jakarta-office,
.home .mapholder.desktop .spot.jakarta-office {
  top: 391px;
  left: 793px;
}
.home .mapholder .spot.limassol-office,
.home .mapholder.desktop .spot.limassol-office {
  top: 233px;
  left: 547px;
}
.home .mapholder .spot.piraeus-office,
.home .mapholder.desktop .spot.piraeus-office {
  top: 219px;
  left: 519px;
  text-indent: -120px;
}
.home .mapholder .spot.singapore-office,
.home .mapholder.desktop .spot.singapore-office {
  top: 342px;
  left: 750px;
}
.home .mapholder .spot.vladivostok-office,
.home .mapholder.desktop .spot.vladivostok-office {
  top: 201px;
  left: 835px;
}
.home header.top {
  position: relative;
  height: 100vh;
  background: rgba(0,0,0,0.15);
  overflow: hidden;
}
.home header.top video.bgvid {
  opacity: 0.85;
  position: absolute;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.15s ease-out;
}
.home header.top img.bgvid-img {
  display: none;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 300%;
  height: auto;
  z-index: -100;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}
.home header.top > .row {
  position: relative;
  height: 100vh;
  z-index: 11;
}
.home header.top > .row .inner {
  border-right: 2px solid #fff;
}
.home header.top > .row .inner .row {
  min-width: 100%;
  min-width: 100%;
  width: 100%;
}
.home header.top > .row .inner h1 {
  font-size: 4rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
}
.home article#About-BMS {
  height: 1200px;
}
.home article#About-BMS .left {
  border-right: 2px solid #000;
  height: 60% !important;
}
.home article#About-BMS .bgimg img {
  top: 45%;
  padding-left: 50px;
  max-width: 1440px;
}
.home article#About-BMS #About-BMS-Description {
  margin-top: 4px;
}
.home article#About-BMS .Signatures .jobtile {
  display: none;
}
.home article#About-BMS .Signatures .city {
  display: none;
}
.home article#About-BMS h3 {
  text-transform: uppercase;
}
.home article#About-BMS .signature {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: center;
}
.home article#About-BMS .signature:before,
.home article#About-BMS .signature:after {
  content: '';
  display: table;
}
.home article#About-BMS .signature:after {
  clear: both;
}
.home article#About-BMS .signature:last-child {
  margin-right: 0%;
}
.home article#About-BMS .signature:nth-child(2n+2) {
  margin-right: 0;
}
.home article#About-BMS .signature h2 {
  font-size: 1rem;
  margin: 0;
  text-align: left;
}
.home article#About-BMS .signature img {
  width: 100%;
}
.home article#World-wide-BMS {
  height: 1200px;
  background: #b2252d;
}
.home article#World-wide-BMS .testimonial {
  display: none;
}
.home article#World-wide-BMS #Connect-with-BMS-Description {
  margin-top: -8px;
}
.home article#World-wide-BMS .left {
  border-color: #fff;
  border-right: 2px solid #fff;
}
.home article#World-wide-BMS .left .degrees {
  color: #000;
}
.home article#World-wide-BMS .left h1 {
  color: #fff;
}
.home article#World-wide-BMS .right {
  color: #fff;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices {
  position: absolute;
  opacity: 0;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices.active {
  opacity: 1;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices.active .people span,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices.active .fueloil span,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices.active .lubricants span {
  opacity: 1;
  transform: translate(0, 0);
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants {
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 170px;
  padding-bottom: 0;
  border-right: 1px solid #fff;
  font-size: 4rem;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people span,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil span,
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants span {
  opacity: 0;
  display: block;
  text-align: center;
  transition: transform 0.44s ease-out, opacity 0.66s ease-out;
  transform: translate(0, 100px);
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people:before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: url("../img/icons/people.png") no-repeat;
  background-size: contain;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil:before {
  content: '';
  display: block;
  width: 40px;
  height: 60px;
  margin-left: 4px;
  background: url("../img/icons/oil.png") no-repeat;
  background-size: contain;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants:before {
  content: '';
  display: block;
  width: 70px;
  height: 60px;
  margin-left: 6px;
  background: url("../img/icons/lubricants.png") no-repeat;
  background-size: contain;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.home article#World-wide-BMS #World-wide-BMS-Ports {
  z-index: 1;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 1140px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #b2252d;
}
.home article#World-wide-BMS #World-wide-BMS-Ports h2 {
  padding-top: 48px;
  right: 32px;
  color: #fff;
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .logo {
  position: relative;
  height: 150px;
  text-align: center;
  margin: 12px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .logo img {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 150px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev,
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next {
  position: absolute;
  top: 45%;
  font-size: 0;
  line-height: 0;
  width: 60px;
  height: 60px;
  background: #b2252d;
  border: none;
  outline: none;
  transition: opacity 0.33s cubic-bezier(0.425, 0.375, 0.3, 0.85);
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev:before,
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev:after,
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next:before,
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next:after {
  content: '';
  position: absolute;
  top: 26px;
  width: 15px;
  border: 1px solid #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev {
  left: -85px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev:before {
  transform: rotateZ(45deg);
  left: 20px;
  top: 36px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-prev:after {
  transform: rotateZ(-45deg);
  left: 20px;
  top: 24px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next {
  right: -85px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next:before {
  transform: rotateZ(-45deg);
  left: 24px;
  top: 36px;
}
.home article#World-wide-BMS #World-wide-BMS-Ports .slick-next:after {
  transform: rotateZ(45deg);
  left: 24px;
  top: 24px;
}
.home article#Connect-with-BMS #Connect-with-BMS-Description {
  margin-top: 11px;
}
.home article#Connect-with-BMS .left {
  border-color: #fff;
  border-right: 2px solid #fff;
}
.home article#Connect-with-BMS .left h1 {
  color: #fff;
}
.home article#Connect-with-BMS .right {
  color: #fff;
  padding-top: 170px;
}
.home article#Connect-with-BMS .bgimg img {
  opacity: 0.9;
  top: -250px;
}
.home article#Connect-with-BMS .news {
  max-width: 448px;
  margin-top: 100px;
}
.home article#Connect-with-BMS .news article {
  position: relative;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  padding: 20px;
  margin-top: 20px;
  background: #fff;
  color: #2e2e2e;
}
.home article#Connect-with-BMS .news article header span.date {
  color: rgba(0,0,0,0.65);
  font-size: 0.85rem;
}
.home article#Connect-with-BMS .news article header h1 {
  margin-top: 5px;
  font-size: 1.75rem;
}
.home article#Connect-with-BMS .news article div.readmore {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,0.25);
}
.home article#Connect-with-BMS .news article div.readmore a {
  color: rgba(0,0,0,0.75);
  text-decoration: none;
  transition: color 0.33s ease-out;
}
.home article#Connect-with-BMS .news article div.readmore a:hover {
  color: #b2252d;
}
.home article#Tools {
  height: 3800px;
  height: 500px;
  background: #b2252d;
}
.home article#Tools .left {
  border-color: #fff;
  border-right: 2px solid #fff;
}
.home article#Tools .left h1 {
  color: #fff;
  padding-top: 0;
  margin-top: 20px;
}
.home article#Tools #Description {
  color: #fff;
}
.home article#Tools #Description .Description {
  margin-top: 10px;
}
.home article#Tools #Tools-Tools {
  bottom: 15vh;
  width: 500px;
  left: 50%;
  transform: translateX(6%);
}
.home article#Tools #Tools-Tools a {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 26.66666666666666%;
  margin-left: 0%;
  margin-right: 10%;
  height: 180px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.home article#Tools #Tools-Tools a:before,
.home article#Tools #Tools-Tools a:after {
  content: '';
  display: table;
}
.home article#Tools #Tools-Tools a:after {
  clear: both;
}
.home article#Tools #Tools-Tools a:last-child {
  margin-right: 0%;
}
.home article#Tools #Tools-Tools a i {
  display: block;
  height: 110px;
  margin-bottom: 0;
  font-size: 5rem;
  transition: all 0.33s cubic-bezier(0.277, 0, 0.175, 1);
}
.home article#Tools #Tools-Tools a i:before {
  display: block;
}
.home article#Tools #Tools-Tools a span {
  display: block;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.33s cubic-bezier(0.277, 0, 0.175, 1);
}
.home article#Tools #Tools-Tools a:hover i {
  transform: translate(0, -12px);
}
.home article#Tools #Tools-Tools a:hover span {
  padding-top: 12px;
  padding-bottom: 12px;
}
.home article#Responsible-BMS {
  height: 900px;
  background: #e8e8f2;
  overflow: hidden;
}
.home article#Responsible-BMS .contact-persons .vcard .photo,
.home article#Responsible-BMS .contact-persons .vcard h4,
.home article#Responsible-BMS .contact-persons .vcard .information {
  display: none;
}
.home article#Responsible-BMS .left {
  z-index: 1;
  border-right: 2px solid #fff;
}
.home article#Responsible-BMS .left h1 {
  color: #000;
}
.home article#Responsible-BMS .right {
  z-index: 1;
  height: 82.1%;
  padding-top: 0;
  margin-top: 160px;
}
.home article#Responsible-BMS #Responsible-BMS-Description {
  width: 100%;
  padding-top: 21px;
  color: #000;
}
.home article#Responsible-BMS section.cycle-slide {
  width: 100%;
}
.home article#Responsible-BMS section.cycle-slide h2 {
  position: absolute;
  bottom: -600px;
  left: 50%;
  padding-left: 32px;
  color: #828282;
  font-size: 2.5rem;
  font-weight: 300;
}
.home article#Responsible-BMS section.cycle-slide h2 span {
  margin-right: 8px;
}
.home article#Responsible-BMS section.cycle-slide h2 br {
  display: none;
}
.home article#Responsible-BMS .office .photo,
.home article#Responsible-BMS .office img {
  display: none;
}
.home article#Responsible-BMS .bgimg {
  z-index: 0;
}
.home article#Responsible-BMS .bgimg img {
  width: 75%;
  top: 150% !important;
  left: 37% !important;
}
.home .cycle-pager {
  width: 100%;
  z-index: 500;
  position: absolute;
  top: 50px;
  left: 52%;
  overflow: hidden;
}
.home .cycle-pager span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: rgba(0,0,0,0.25);
  cursor: pointer;
}
.home .cycle-pager span.cycle-pager-active {
  color: #b2252d;
}
.home .cycle-pager > * {
  cursor: pointer;
}
.home article#Contact-BMS {
  height: 750px;
}
.home article#Contact-BMS .left {
  border-right: 2px solid #000;
}
.home article#Contact-BMS .right {
  padding-top: 184px;
}
.home article#Contact-BMS label {
  width: 448px;
}
.home article#Contact-BMS input[type=text] {
  width: 353px;
  outline: none;
}
.home-2018 article#Connect-with-BMS {
  display: flex;
}
.home-2018 article#Connect-with-BMS .left,
.home-2018 article#Connect-with-BMS .right {
  height: auto;
}
@media screen and (min-width: 1440px) {
  .mapholder.mobile {
    display: none;
  }
  .mapholder.desktop {
    display: none;
  }
  .mapholder.large {
    display: block !important;
    z-index: 5;
    top: 465px;
    position: absolute;
    perspective: 1000px;
    left: 0%;
    transform: translate3d(-50%, 0, 0);
    background-color: #b2252d;
  }
  .mapholder.large .spot {
    z-index: 5;
    animation: blip 0.75s alternate backwards 1, bob 1s;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    position: absolute;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
    width: 0px;
    height: 0px;
    color: #000;
    white-space: nowrap;
    font-weight: 800;
    text-indent: 10px;
    line-height: 0px;
    text-shadow: 0px 0px 3px #fff;
  }
  .mapholder.large .spot.hong-kong-office {
    top: 346px;
    left: 939px;
  }
  .mapholder.large .spot.dalian-office {
    top: 270px;
    left: 965px;
  }
  .mapholder.large .spot.buenos-aires-office {
    top: 614px;
    left: 359px;
  }
  .mapholder.large .spot.jakarta-office {
    top: 483px;
    left: 953px;
  }
  .mapholder.large .spot.limassol-office {
    top: 296px;
    left: 662px;
  }
  .mapholder.large .spot.piraeus-office {
    top: 279px;
    left: 627px;
    text-indent: -120px;
  }
  .mapholder.large .spot.singapore-office {
    top: 428px;
    left: 902px;
  }
  .mapholder.large .spot.vladivostok-office {
    top: 257px;
    left: 1004px;
  }
}
@media screen and (max-width: 1440px) {
  .home header.top video.bgvid {
    width: 150%;
  }
  .home .mapholder.desktop {
    left: 0%;
    top: 420px;
  }
  .home .mapholder.mobile {
    display: none;
  }
  .home article#About-BMS {
    height: 1100px;
  }
  .home article#About-BMS .bgimg img {
    top: 30%;
  }
  .home article.content .left,
  .home article.content .right {
    padding: 3% 3% 0 3%;
  }
  .home article#Connect-with-BMS {
    height: 950px;
  }
  .home article#Connect-with-BMS .bgimg {
    width: 120%;
  }
  .home article#Connect-with-BMS .right {
    padding-top: 30px;
  }
  .home #About-BMS .right {
    height: 1100px !important;
  }
  .home #About-BMS .bgimg {
    bottom: -8%;
  }
  .home article#World-wide-BMS {
    height: 1200px;
  }
  .home article#World-wide-BMS #World-wide-BMS-Ports {
    width: 999px;
  }
  .home article#Tools {
    height: 380px !important;
  }
  .home article#Tools #Tools-Tools {
    width: 650px;
  }
  .home article#Tools #Tools-Tools .Tools-Menu .row a:first-child {
    display: none;
  }
  .home article#Tools #Tools-Tools a i {
    height: 90px;
    font-size: 5rem;
  }
  .home article#Responsible-BMS .Description .row {
    right: 0px;
    position: relative;
    padding: 30px 0;
  }
  .home article#Responsible-BMS .bgimg {
    bottom: -170px;
  }
  .home article#Responsible-BMS .bgimg img {
    top: 345% !important;
  }
  .home footer section[data-id="11072"] {
    width: 100%;
    padding: 0 10%;
  }
  .home .mapholder.mobile {
    display: none;
    z-index: 5;
    top: 300px;
    position: absolute;
    perspective: 1000px;
    left: 75%;
    transform: translate3d(-82%, 0, 0);
    background-color: #b2252d;
  }
  .home .mapholder.mobile .spot {
    z-index: 5;
    animation: blip 0.75s alternate backwards 1, bob 1s;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    position: absolute;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
    width: 0px;
    height: 0px;
    color: #000;
    white-space: nowrap;
    font-weight: 800;
    text-indent: 10px;
    line-height: 0px;
    text-shadow: 0px 0px 3px #fff;
  }
  .home .mapholder.mobile .spot.hong-kong-office {
    top: 202px;
    left: 522px;
  }
  .home .mapholder.mobile .spot.dalian-office {
    top: 169px;
    left: 540px;
  }
  .home .mapholder.mobile .spot.buenos-aires-office {
    top: 312px;
    left: 202px;
  }
  .home .mapholder.mobile .spot.jakarta-office {
    top: 255px;
    left: 508px;
    text-indent: -115px;
  }
  .home .mapholder.mobile .spot.limassol-office {
    top: 174px;
    left: 371px;
  }
  .home .mapholder.mobile .spot.piraeus-office {
    top: 170px;
    left: 353px;
    text-indent: -120px;
  }
  .home .mapholder.mobile .spot.singapore-office {
    top: 241px;
    left: 502px;
  }
  .home .mapholder.mobile .spot.vladivostok-office {
    top: 155px;
    left: 562px;
  }
}
@media screen and (max-width: $laptop-small) {
  .home article#World-wide-BMS {
    width: 1100px !important;
  }
}
@media screen and (max-width: 1023px) {
  .home-2018 article#Connect-with-BMS {
    display: block;
  }
  .home header .right {
    display: none;
  }
  .home header.top video.bgvid {
    display: none;
    width: 200%;
  }
  .home header.top img.bgvid-img {
    display: block;
  }
  .home article#Responsible-BMS .Description .row {
    right: -200px;
  }
  .home .mapholder.desktop {
    display: none;
  }
  .home .mapholder.mobile {
    display: block;
    z-index: 5;
    top: 380px;
    position: absolute;
    perspective: 1000px;
    left: 46%;
    transform: translate3d(-50%, 0, 0);
    background-color: #b2252d;
  }
  .home .spot {
    z-index: 5;
    animation: blip 0.75s alternate backwards 1, bob 1s;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    position: absolute;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
    width: 0px;
    height: 0px;
    color: #000;
    white-space: nowrap;
    font-weight: 800;
    text-indent: 10px;
    line-height: 0px;
    text-shadow: 0px 0px 3px #fff;
  }
  .home .spot.hong-kong-office {
    top: -168px;
    left: 522px;
  }
  .home .spot.dalian-office {
    top: -201px;
    left: 540px;
  }
  .home .spot.buenos-aires-office {
    top: -58px;
    left: 202px;
  }
  .home .spot.jakarta-office {
    top: -115px;
    left: 508px;
  }
  .home .spot.limassol-office {
    top: -196px;
    left: 371px;
  }
  .home .spot.piraeus-office {
    top: -200px;
    left: 353px;
  }
  .home .spot.singapore-office {
    top: -129px;
    left: 502px;
  }
  .home .spot.vladivostok-office {
    top: 113px;
    left: 587px;
  }
}
@media screen and (max-width: 1023px) {
  .home-2018 article#World-wide-BMS .right {
    border-left: 2px solid !important;
  }
  .home-2018 article#World-wide-BMS > .row {
    max-width: none !important;
    position: relative;
    left: 6%;
    padding-left: 3%;
    padding-right: 9%;
    border-left: 2px solid #fff;
  }
}
@media screen and (max-width: 960px) {
  .home #About-BMS .bgimg {
    left: 6%;
    width: 94%;
  }
  .home article#World-wide-BMS #World-wide-BMS-Ports {
    z-index: -1;
  }
  .home article#World-wide-BMS {
    height: 1000px !important;
  }
  .home article#World-wide-BMS .right {
    border-color: #fff;
    height: 100% !important;
  }
  .home article#Connect-with-BMS {
    height: auto;
  }
  .home article#Tools #Description {
    height: 100% !important;
  }
  .home article#Responsible-BMS .right {
    margin-top: 0px;
    padding-top: 160px;
  }
  .home article#Responsible-BMS .bgimg img {
    top: 200% !important;
    left: 43.5% !important;
  }
  .home article#Contact-BMS .right {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 748px) {
  .home header.top video.bgvid {
    width: 325%;
  }
  .home header.top img.bgvid-img {
    width: auto;
    height: 100%;
  }
  .home article#About-BMS .left,
  .home article#About-BMS .right {
    border-left: 2px solid #000 !important;
  }
  .home article#About-BMS .right {
    padding-bottom: 32px;
  }
  .home article#About-BMS .bgimg {
    display: none;
  }
  .home article#World-wide-BMS {
    height: 775px !important;
  }
  .home article#World-wide-BMS .left,
  .home article#World-wide-BMS .right {
    border-left: 2px solid #fff !important;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.hong-kong-office {
    top: 98px;
    left: 261px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.dalian-office {
    top: 81.5px;
    left: 270px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.buenos-aires-office {
    top: 153px;
    left: 101px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.jakarta-office {
    top: 124.5px;
    left: 254px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.limassol-office {
    top: 84px;
    left: 185.5px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.piraeus-office {
    top: 82px;
    left: 176.5px;
    text-indent: -65px;
  }
  .home article#World-wide-BMS .mapholder.mobile .spot.singapore-office {
    top: 117.5px;
    left: 251px;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons {
    position: relative;
    height: 240px;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices {
    width: 86%;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
    min-width: 31.3333333333333%;
    height: 120px;
    padding: 4%;
    padding-top: 60px;
    border: 0 !important;
    font-size: 3rem;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people:before,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil:before,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants:before,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people:after,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil:after,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants:after {
    content: '';
    display: table;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people:after,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil:after,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants:after {
    clear: both;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .people:last-child,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .fueloil:last-child,
  .home article#World-wide-BMS #World-wide-BMS-Port-icons .offices .lubricants:last-child {
    margin-right: 0%;
  }
  .home article#World-wide-BMS #World-wide-BMS-Ports {
    position: absolute;
    right: 0;
    left: 12%;
    bottom: 3%;
    width: 94%;
    padding-left: 0;
    transform: translateX(0);
  }
  .home article#World-wide-BMS #World-wide-BMS-Ports h2 {
    font-size: 2rem;
    text-align: center;
  }
  .home article#World-wide-BMS #World-wide-BMS-Port-icons {
    height: 356px;
  }
  .home article#Connect-with-BMS .left,
  .home article#Connect-with-BMS .right {
    border-left: 2px solid #fff !important;
  }
  .home article#Connect-with-BMS .bgimg {
    width: 300%;
  }
  .home article#Tools {
    height: 380px;
  }
  .home article#Tools .left,
  .home article#Tools #Tools-Tools {
    border-left: 2px solid #fff !important;
  }
  .home article#Tools #Tools-Tools {
    position: relative;
    width: 94%;
    left: 6%;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }
  .home article#Tools #Tools-Tools a {
    width: 60%;
    margin-bottom: 18%;
    margin-left: 20%;
  }
  .home article#Responsible-BMS {
    background: #e8e8f2;
  }
  .home article#Responsible-BMS .contact-persons {
    display: none;
  }
  .home article#Responsible-BMS .left,
  .home article#Responsible-BMS .right {
    border-left: 2px solid #fff !important;
  }
  .home article#Responsible-BMS .right {
    margin: 0;
    padding: 0;
    padding-top: 40%;
  }
  .home article#Responsible-BMS #Responsible-BMS-Description {
    position: relative;
  }
  .home article#Responsible-BMS .bgimg img {
    width: 220%;
    top: 162.5% !important;
    left: 109% !important;
  }
  .home article#Contact-BMS .left,
  .home article#Contact-BMS .right {
    border-left: 2px solid #000 !important;
  }
  .home article#Contact-BMS #Contact-BMS-Form form label {
    width: 100%;
  }
  .home article#Contact-BMS #Contact-BMS-Form form label input {
    width: 70%;
  }
}
@media screen and (max-width: 640px) {
  .home article .bgimg.cycle-slideshow {
    bottom: -100px;
  }
  .home #Responsible-BMS-Description .row {
    background: rgba(255,255,255,0.5);
    padding: 10px;
  }
  .home .mapholder img {
    width: 320px;
  }
  .home .mapholder .spot {
    font-size: 8px;
    text-indent: 5px;
  }
  .home .mapholder .spot.hong-kong-office {
    top: 98px;
    left: 261px;
  }
  .home .mapholder .spot.dalian-office {
    top: 81.5px;
    left: 270px;
  }
  .home .mapholder .spot.buenos-aires-office {
    top: 153px;
    left: 101px;
  }
  .home .mapholder .spot.jakarta-office {
    top: 124.5px;
    left: 254px;
  }
  .home .mapholder .spot.limassol-office {
    top: 84px;
    left: 185.5px;
  }
  .home .mapholder .spot.piraeus-office {
    top: 82px;
    left: 176.5px;
    text-indent: -65px;
  }
  .home .mapholder .spot.singapore-office {
    top: 117.5px;
    left: 251px;
  }
}
@media screen and (max-width: 360px) {
  .home .mapholder img {
    width: 266.40000000000003px;
  }
  .home .mapholder .spot.hong-kong-office {
    top: -67.2px;
    left: 208.8px;
  }
  .home .mapholder .spot.dalian-office {
    top: -80.4px;
    left: 216px;
  }
  .home .mapholder .spot.buenos-aires-office {
    top: -23.200000000000003px;
    left: 80.80000000000001px;
  }
  .home .mapholder .spot.jakarta-office {
    top: -46px;
    left: 203.20000000000002px;
  }
  .home .mapholder .spot.limassol-office {
    top: -78.4px;
    left: 148.4px;
  }
  .home .mapholder .spot.piraeus-office {
    top: -80px;
    left: 141.20000000000002px;
  }
  .home .mapholder .spot.singapore-office {
    top: -51.6px;
    left: 200.8px;
  }
}
@media screen and (max-width: 748px) and (orientation: landscape) {
  .home header.top img.bgvid-img {
    width: 100%;
    height: auto;
  }
  .home article#Responsible-BMS .bgimg img {
    width: 100%;
    left: 50% !important;
  }
}
@media screen and (max-width: 380px) {
  .home article#About-BMS {
    height: 890px !important;
  }
  .home article#About-BMS .left {
    height: 20% !important;
  }
  .home article#Connect-with-BMS {
    height: auto !important;
  }
  .home article#Tools a img {
    width: 90%;
  }
  .home article#Responsible-BMS .Description .row {
    right: 0px;
    padding: 30px 10px;
  }
  .home article#Contact-BMS .right {
    padding-top: 4rem;
  }
}
.home-2018 article#World-wide-BMS .right {
  height: 560px !important;
  padding-bottom: 2em;
}
@media screen and (max-width: 1440px) {
  .home-2018 article#World-wide-BMS .right {
    height: 380px !important;
  }
}
@media screen and (max-width: 1023px) {
  .home-2018 article#World-wide-BMS .right {
    height: auto !important;
  }
}
.home-2018 article#World-wide-BMS .maplist {
  margin-top: 1rem;
}
.home-2018 article#World-wide-BMS .maplist li {
  transition: all 0.5s;
}
.home-2018 article#World-wide-BMS .maplist li.hidden {
  opacity: 0;
  transform: translateX(2em);
}
.home-2018 article#World-wide-BMS .maplist li.active {
  opacity: 1;
  transform: translateX(0);
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(1n) {
  transition-delay: 0.33s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(2n) {
  transition-delay: 0.66s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(3n) {
  transition-delay: 0.99s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(4n) {
  transition-delay: 1.32s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(5n) {
  transition-delay: 1.65s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(6n) {
  transition-delay: 1.98s;
}
.home-2018 article#World-wide-BMS .maplist li:nth-child(7n) {
  transition-delay: 2.31s;
}
.home-2018 article#World-wide-BMS .maplist li a {
  text-decoration: underline;
  cursor: pointer;
}
.home-2018 article#World-wide-BMS > .row {
  max-width: 80vw;
  padding-bottom: 160px;
}
@media screen and (max-width: 1440px) {
  .home-2018 article#World-wide-BMS > .row {
    padding-bottom: 3%;
  }
}
.home-2018 article#World-wide-BMS > .row iframe {
  display: block;
  max-height: 70vh;
}
@media screen and (max-width: 1023px) {
  .home-2018 article#World-wide-BMS > .row iframe {
    max-height: 50vh;
  }
}
@-moz-keyframes bob {
  0% {
    opacity: 0;
    border: 400px solid #000;
    border-radius: 400px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    opacity: 1;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@-webkit-keyframes bob {
  0% {
    opacity: 0;
    border: 400px solid #000;
    border-radius: 400px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    opacity: 1;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@-o-keyframes bob {
  0% {
    opacity: 0;
    border: 400px solid #000;
    border-radius: 400px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    opacity: 1;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes bob {
  0% {
    opacity: 0;
    border: 400px solid #000;
    border-radius: 400px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    opacity: 1;
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@-moz-keyframes blip {
  0% {
    border: 10px solid #000;
    border-radius: 10px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@-webkit-keyframes blip {
  0% {
    border: 10px solid #000;
    border-radius: 10px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@-o-keyframes blip {
  0% {
    border: 10px solid #000;
    border-radius: 10px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes blip {
  0% {
    border: 10px solid #000;
    border-radius: 10px;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    border: 5px solid #000;
    border-radius: 5px;
    transform: translate3d(-50%, -50%, 0);
  }
}
body.tools .Specifications a {
  text-decoration: none;
}
body.tools .right {
  min-height: 500px;
  padding-bottom: 100px;
}
body.tools article.content .left h1 {
  padding-top: 0px;
  margin: 12px 0 0 0;
}
body.tools .Specifications .right {
  margin-bottom: 100px;
}
body.tools .Specifications a {
  line-height: 1.5rem;
  color: #fff;
}
body.tools .Specifications a i {
  font-size: 1.5rem;
}
.login-form {
  width: 561px;
  margin: 0 auto;
}
.tools header .Tools-Menu,
.ports header .Tools-Menu,
.update header .Tools-Menu,
.specs header .Tools-Menu {
  position: absolute;
  right: -100%;
  top: 20%;
  z-index: 30;
}
.tools header .Tools-Menu a,
.ports header .Tools-Menu a,
.update header .Tools-Menu a,
.specs header .Tools-Menu a {
  color: #fff;
  float: right;
  margin: 0 0 0 30px;
  text-decoration: none;
}
.tools header .Tools-Menu a i,
.ports header .Tools-Menu a i,
.update header .Tools-Menu a i,
.specs header .Tools-Menu a i {
  display: block;
  height: 55px;
  margin-bottom: 16px;
  font-size: 3rem;
  transition: all 0.33s cubic-bezier(0.277, 0, 0.175, 1);
  text-align: center;
}
.tools header .Tools-Menu a span,
.ports header .Tools-Menu a span,
.update header .Tools-Menu a span,
.specs header .Tools-Menu a span {
  display: block;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.33s cubic-bezier(0.277, 0, 0.175, 1);
}
.tools header .background--dark .Tools-Menu a,
.ports header .background--dark .Tools-Menu a,
.update header .background--dark .Tools-Menu a,
.specs header .background--dark .Tools-Menu a {
  color: #fff;
}
.tools header .background--dark .Tools-Menu a span,
.ports header .background--dark .Tools-Menu a span,
.update header .background--dark .Tools-Menu a span,
.specs header .background--dark .Tools-Menu a span {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.tools article.content .right,
.ports article.content .right,
.update article.content .right,
.specs article.content .right {
  border-left: 2px solid #000;
}
.tools article.content.red,
.ports article.content.red,
.update article.content.red,
.specs article.content.red {
  background: #b2252d;
  color: #fff;
}
.tools article.content.red .right,
.ports article.content.red .right,
.update article.content.red .right,
.specs article.content.red .right {
  border-left: 2px solid #fff;
}
.tools #Quotes-Options ul,
.ports #Quotes-Options ul,
.update #Quotes-Options ul,
.specs #Quotes-Options ul,
.tools #Specs-Options ul,
.ports #Specs-Options ul,
.update #Specs-Options ul,
.specs #Specs-Options ul {
  list-style: none;
  margin: 0;
}
.tools #Quotes-Options ul li,
.ports #Quotes-Options ul li,
.update #Quotes-Options ul li,
.specs #Quotes-Options ul li,
.tools #Specs-Options ul li,
.ports #Specs-Options ul li,
.update #Specs-Options ul li,
.specs #Specs-Options ul li {
  margin: 0;
  padding: 0;
}
.tools #Quotes-Options ul li a,
.ports #Quotes-Options ul li a,
.update #Quotes-Options ul li a,
.specs #Quotes-Options ul li a,
.tools #Specs-Options ul li a,
.ports #Specs-Options ul li a,
.update #Specs-Options ul li a,
.specs #Specs-Options ul li a {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
}
.tools #Ports-Options ul,
.ports #Ports-Options ul,
.update #Ports-Options ul,
.specs #Ports-Options ul,
.tools #Update-Options ul,
.ports #Update-Options ul,
.update #Update-Options ul,
.specs #Update-Options ul {
  list-style: none;
  margin: 0;
}
.tools #Ports-Options ul li,
.ports #Ports-Options ul li,
.update #Ports-Options ul li,
.specs #Ports-Options ul li,
.tools #Update-Options ul li,
.ports #Update-Options ul li,
.update #Update-Options ul li,
.specs #Update-Options ul li {
  margin: 0;
  padding: 0;
}
.tools #Ports-Options ul li a,
.ports #Ports-Options ul li a,
.update #Ports-Options ul li a,
.specs #Ports-Options ul li a,
.tools #Update-Options ul li a,
.ports #Update-Options ul li a,
.update #Update-Options ul li a,
.specs #Update-Options ul li a {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: rgba(0,0,0,0.9);
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
}
@media screen and (max-width: 748px) {
  article.content .left {
    border-left: 2px solid #000;
  }
  article.content.red .left {
    border-left: 2px solid #fff;
  }
  label[for="BMSquotes_ETD"],
  label[for="BMSquotes_ETA"] {
    line-height: 160px;
  }
}
body.update .controls,
body.sub-page .controls {
  position: absolute;
  top: 40px;
  z-index: 100;
}
body.update article.content .right,
body.sub-page article.content .right {
  border-left: 2px solid #000;
}
body.update article.content.red,
body.sub-page article.content.red {
  background: #b2252d;
  color: #fff;
}
body.update article.content.red .right,
body.sub-page article.content.red .right {
  border-left: 2px solid #fff;
}
body.update .news-paging,
body.sub-page .news-paging {
  padding-top: 50px;
}
body.update .news-paging a,
body.sub-page .news-paging a {
  color: #000;
}
body.update .news,
body.sub-page .news {
  max-width: 448px;
  margin-top: 100px;
}
body.update .news article,
body.sub-page .news article {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  padding: 20px;
  margin-top: 20px;
  background: #fff;
  color: #2e2e2e;
}
body.update .news article header span.date,
body.sub-page .news article header span.date {
  color: rgba(0,0,0,0.65);
  font-size: 0.85rem;
}
body.update .news article header h1,
body.sub-page .news article header h1 {
  margin-top: 5px;
  font-size: 1.75rem;
}
body.update .news article div.readmore,
body.sub-page .news article div.readmore {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,0.25);
}
body.update .news article div.readmore a,
body.sub-page .news article div.readmore a {
  color: rgba(0,0,0,0.75);
  text-decoration: none;
  transition: color 0.33s ease-out;
}
body.update .news article div.readmore a:hover,
body.sub-page .news article div.readmore a:hover {
  color: #b2252d;
}
body.update.article .content {
  padding: 4% 0;
}
body.update.article .content .row {
  max-width: 700px;
}
body.update.article .content a {
  color: #000;
  text-decoration: none;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 28px;
}
body.update.article #newscontent h1,
body.update.article font-size: 1.45rem h1 {
  margin-top: 8px;
}
body.update.article #newscontent p:first-child,
body.update.article font-size: 1.45rem p:first-child {
  display: inline-block;
  padding: 4px 16px;
  background: #808080;
  border-radius: 99px;
  color: #fff;
  font-size: 1rem;
}
body.update.article #newsnavigation #newsback {
  display: inline-block;
  padding: 8px 32px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
}
@media screen and (max-width: 748px) {
  body.update.article header.top > .row .inner .fixed-title {
    width: 95%;
  }
  body.update.article header.top > .row .inner .fixed-title h1 {
    font-size: 2.5rem !important;
  }
  body.update.article .content {
    padding: 4% 8%;
  }
  body.update.article #newscontent {
    font-size: 1.25rem;
  }
  body.update.article #newscontent h1 {
    font-size: 2rem;
  }
}
.ports #Ports-Search-Form {
  margin: 0 0 100px 0;
}
.ports section .port {
  margin: 20px 0 50px 0;
}
.ports section .port .portProducts p {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
}
.ports section .port .portTitle {
  font-size: 3rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
.ports article.content {
  height: auto;
}
.ports article.content .right {
  border-left: 2px solid #000;
}
.ports article.content.red {
  background: #b2252d;
  color: #fff;
}
.ports article.content.red .right {
  border-left: 2px solid #fff;
}
.ports #Quotes-Options ul {
  list-style: none;
}
.ports #Quotes-Options ul li {
  margin: 0;
  padding: 0;
}
.ports #Quotes-Options ul li a {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
}
body.csr textarea {
  position: relative !important;
  margin-left: 162px !important;
  resize: none;
  margin-top: -50px;
  max-height: 300px;
}
body.csr article.content .right {
  border-left: 2px solid #000;
}
body.csr article#Giannis {
  height: 850px !important;
}
body.csr article#Giannis .left,
body.csr article#Giannis .right {
  height: 100%;
}
body.csr article#Giannis .right {
  border-left: 2px solid #000;
}
body.csr article#Giannis .bgimg img {
  top: 12.5%;
}
@media screen and (max-width: 1023px) {
  body.csr #Giannis-Heading-Subheading h1 {
    top: 2rem;
  }
}
@media screen and (max-width: 748px) {
  body.csr article.content .right {
    border-left: 2px solid #000;
  }
  body.csr #Giannis-Heading-Subheading h1,
  body.csr #Engagement-Heading-Subheading h1 {
    top: 2rem !important;
  }
  body.csr article#Giannis {
    height: auto !important;
  }
  body.csr article#Giannis .left,
  body.csr article#Giannis .right {
    height: 100%;
  }
  body.csr article#Giannis .right {
    border-left: 2px solid #000;
    padding-bottom: 250px;
  }
  body.csr article#Giannis .bgimg img {
    top: 60%;
  }
}
@media screen and (max-width: 380px) {
  body.about .about-slider .slick-track .right {
    min-height: 0;
    height: 485px !important;
  }
}
body.bunkerfuel #drum {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 0.1s;
  transform-origin: 50% 50%;
}
body.bunkerfuel #drum.animate-in {
  transform: scale(1);
}
body.bunkerfuel #watch {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 0.5s;
  transform-origin: 50% 50%;
}
body.bunkerfuel #watch.animate-in {
  transform: scale(1);
}
body.bunkerfuel #globe {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 1s;
  transform-origin: 50% 50%;
}
body.bunkerfuel #globe.animate-in {
  transform: scale(1);
}
body.bunkerfuel header.top video.pagevid {
  opacity: 0.85;
  position: absolute;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.15s ease-out;
}
body.bunkerfuel header.top > .row .inner h1 {
  font-size: 3.75rem;
}
body.bunkerfuel article#Bunker-Fuel .row {
  max-width: 1124px;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description {
  perspective: 1000px;
/*
      section[data-id="11404"]
        transform: rotateY(80deg)
        transition: 1s ease-in-out
        opacity: 0
  
      section[data-id="11405"]
        transform: rotateY(80deg)
        transition: 1s ease-in-out
        opacity: 0
  
      section[data-id="11406"]
        transform: rotateY(80deg)
        transition: 1s ease-in-out
        opacity: 0
      */
}
body.bunkerfuel article#Bunker-Fuel .button {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 48px;
  margin-bottom: 64px;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:before,
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:after {
  content: '';
  display: table;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:after {
  clear: both;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:last-child {
  margin-right: 0%;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section h2 {
  text-align: left;
  color: #b2252d;
  font-size: 1.35rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  body.bunkerfuel header.top > .row .inner h1 {
    font-size: 2.5rem !important;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description {
    border-left: 2px solid #000;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 6%;
    padding: 0 6%;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:first-child {
    margin-left: auto;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:last-child {
    margin-right: auto;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:nth-child(0n+1) {
    margin-top: 0;
  }
  body.bunkerfuel article#Bunker-Fuel section#Bunker-Fuel-Description section:nth-child(0n+3) {
    margin-bottom: 0;
  }
  body.bunkerfuel article#Ask-BMS .right {
    margin-left: 0;
  }
  body.bunkerfuel article#Ask-BMS .left .row h1 {
    text-align: left;
  }
  body.bunkerfuel article#Ask-BMS ul {
    text-align: left;
    font-size: 1.35rem;
    border-left: 2px solid #fff;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 6%;
    padding: 8% 0;
  }
}
body.contact label {
  width: 448px !important;
}
body.contact textarea {
  position: relative !important;
  margin-left: 162px !important;
}
body.contact input[type=text] {
  width: 353px;
  outline: none;
}
body.contact .right {
  padding-bottom: 500px;
}
body.contact .slick-dots {
  display: none !important;
}
body.contact .slick-prev,
body.contact .slick-next {
  position: absolute;
  top: 45%;
  font-size: 0;
  line-height: 0;
  width: 60px;
  height: 60px;
  background: #b2252d;
  border: none;
  outline: none;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  transition: opacity 0.33s cubic-bezier(0.425, 0.375, 0.3, 0.85);
}
body.contact .slick-prev:before,
body.contact .slick-prev:after,
body.contact .slick-next:before,
body.contact .slick-next:after {
  content: '';
  position: absolute;
  top: 26px;
  width: 15px;
  border: 1px solid #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
body.contact .slick-prev {
  left: 50%;
  transform: translateX(-650px);
}
body.contact .slick-prev:before {
  transform: rotateZ(45deg);
  left: 20px;
  top: 36px;
}
body.contact .slick-prev:after {
  transform: rotateZ(-45deg);
  left: 20px;
  top: 24px;
}
body.contact .slick-next {
  right: 50%;
  transform: translateX(650px);
}
body.contact .slick-next:before {
  transform: rotateZ(-45deg);
  left: 24px;
  top: 36px;
}
body.contact .slick-next:after {
  transform: rotateZ(45deg);
  left: 24px;
  top: 24px;
}
body.contact .slick-list {
  padding: 10px;
}
body.contact #search-employees {
  -webkit-appearance: none;
  width: 100%;
  margin: 80px 0 0 0;
  padding: 7.2px;
  font-size: 1.5rem;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
}
body.contact .contact-persons {
  background: #fff;
  padding: 30px;
  width: 70vw;
  max-width: 1154px;
  height: 420px;
  left: -25.5vw;
  bottom: 5%;
  position: absolute;
  cursor: e-resize;
}
body.contact .contact-persons .vcard {
  float: left;
  overflow: hidden;
  width: 250px;
  height: 350px;
  padding: 0 27px 27px 27px;
  margin: 24px;
  margin-bottom: 0;
  margin-right: 0;
  background-color: #f9f9f9;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
}
body.contact .contact-persons .vcard img.photo {
  margin: 0 0 0 -75px;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  width: 335px;
  height: 225px;
}
body.contact .contact-persons .vcard .information {
  transform: translate(0, 100%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
body.contact .contact-persons .vcard h2 {
  font-size: 1.25rem;
  margin: 10px 0 0 0;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  line-height: 1.4rem;
}
body.contact .contact-persons .vcard h2 .fn {
  font-weight: lighter;
}
body.contact .contact-persons .vcard a {
  color: #2e2e2e;
}
body.contact .contact-persons .vcard h4 {
  font-size: 1em;
  padding: 0;
  margin: -5px 0 0 0;
  color: #666;
  font-weight: lighter;
  transform: translate(0, 0%);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
body.contact .contact-persons .vcard h4.jobtitle {
  font-size: 0.7em;
  margin-top: 3px;
}
body.contact .contact-persons .vcard.active img.photo {
  transform: translate(0, -100%);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
body.contact .contact-persons .vcard.active .information {
  transform: translate(0, -195px);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
body.contact .contact-persons .vcard.active h2 {
  margin: 10px 0 0 0;
  transform: translate(0, -480%);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
body.contact .contact-persons .vcard.active h4 {
  transform: translate(0, -205px);
  transition: all 0.33s cubic-bezier(0.33, 0, 0.175, 1);
}
body.contact #talentsoft-offers h2 {
  margin: 1.5em 0 0;
}
body.contact #talentsoft-offers label {
  margin: 0;
}
body.contact #talentsoft-offers #addEducation,
body.contact #talentsoft-offers #addFile {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 0.5em 1em;
}
body.contact #talentsoft-offers input[type=submit] {
  margin: 1em 0 2em;
}
@media screen and (max-width: 1440px) {
  body.contact .contact-persons {
    left: -32vw;
  }
  body.contact .slick-next {
    transform: translateX(600px);
  }
  body.contact .slick-prev {
    transform: translateX(-600px);
  }
}
@media screen and (max-width: 748px) {
  body.contact .slick-next,
  body.contact .slick-prev {
    display: none;
  }
  body.contact .contact-persons {
    left: 0;
    width: 95vw;
  }
}
body.cultureandvalues article#Our-People .left .title h1 {
  margin-top: 0;
  padding-top: 0;
}
body.cultureandvalues article.content .right {
  min-height: 500px;
}
body.sub-page #Responsible-BMS-Description .row {
  display: none;
}
body.sub-page .testimonial {
  position: absolute;
  left: 50%;
  width: 50%;
  padding: 32px;
  top: 120px;
}
body.sub-page #Giannis-Heading-Subheading h1 {
  top: 80px;
}
body.sub-page #Engagement-Heading-Subheading h1 {
  top: 80px;
}
body.sub-page article#Responsible-BMS {
  height: 900px;
  background: #e8e8f2;
  overflow: hidden;
}
body.sub-page article#Responsible-BMS .contact-persons .vcard .photo,
body.sub-page article#Responsible-BMS .contact-persons .vcard h4,
body.sub-page article#Responsible-BMS .contact-persons .vcard .information {
  display: none;
}
body.sub-page article#Responsible-BMS .left {
  z-index: 1;
  border-right: 2px solid #fff;
}
body.sub-page article#Responsible-BMS .left h1 {
  color: #000;
  margin: 5px 0 0 0;
  padding: 0;
}
body.sub-page article#Responsible-BMS .right {
  z-index: 1;
  height: 82.1%;
  padding-top: 0;
  margin-top: 160px;
  border: 0;
}
body.sub-page article#Responsible-BMS #Responsible-BMS-Description {
  width: 100%;
  padding-top: 21px;
  color: #000;
  margin-top: 73px;
}
body.sub-page article#Responsible-BMS section.cycle-slide {
  width: 100%;
}
body.sub-page article#Responsible-BMS section.cycle-slide h2 {
  position: absolute;
  bottom: -600px;
  left: 50%;
  padding-left: 32px;
  color: #828282;
  font-size: 2.5rem;
  font-weight: 300;
}
body.sub-page article#Responsible-BMS section.cycle-slide h2 span {
  margin-right: 8px;
}
body.sub-page article#Responsible-BMS section.cycle-slide h2 br {
  display: none;
}
body.sub-page article#Responsible-BMS .office .photo,
body.sub-page article#Responsible-BMS .office img {
  display: none;
}
body.sub-page article#Responsible-BMS .bgimg {
  z-index: 0;
}
body.sub-page article#Responsible-BMS .bgimg img {
  width: 75%;
  top: 150% !important;
  left: 37% !important;
}
body.sub-page .cycle-pager {
  width: 100%;
  z-index: 500;
  position: absolute;
  top: 50px;
  left: 52%;
  overflow: hidden;
}
body.sub-page .cycle-pager span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: rgba(0,0,0,0.25);
  cursor: pointer;
}
body.sub-page .cycle-pager span.cycle-pager-active {
  color: #b2252d;
}
body.sub-page .cycle-pager > * {
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  body.sub-page article#Responsible-BMS .testimonial {
    margin: -166px 0 0 0;
  }
  body.sub-page article#Responsible-BMS .Description .row {
    right: 0px;
    position: relative;
    padding: 30px 0;
  }
  body.sub-page article#Responsible-BMS #Responsible-BMS-Description {
    margin-top: 47px;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    top: 68vh;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    top: 400% !important;
  }
  body.sub-page article#Responsible-BMS .bgimg {
    bottom: -170px;
    overflow: visible;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    top: 345% !important;
  }
}
@media screen and (max-width: 1023px) {
  body.sub-page .pagevid {
    width: 150%;
  }
  body.sub-page header#Career-Heading-Subheading h1 {
    margin-top: 0;
  }
  body.sub-page article#Responsible-BMS {
    height: 700px !important;
  }
  body.sub-page article#Responsible-BMS .left h1 {
    margin: 103px 0 0 0;
  }
  body.sub-page article#Responsible-BMS .right {
    margin: 0;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    top: 180px !important;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    top: 433px;
    left: 50%;
  }
  body.sub-page article#Responsible-BMS .Description .row {
    right: -200px;
  }
}
@media screen and (max-width: 748px) {
  body.sub-page article#Responsible-BMS {
    height: 780px !important;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    top: 562px;
    left: 50%;
    font-size: 1.8rem;
  }
  body.sub-page article#Responsible-BMS .Description .row {
    right: -158px;
    width: 260px;
    top: -89px;
  }
}
@media screen and (max-width: 748px) {
  body.sub-page .pagevid {
    width: 150%;
  }
  body.sub-page header#Career-Heading-Subheading h1 {
    margin-top: 0;
  }
  body.sub-page article#Responsible-BMS {
    height: 780px !important;
  }
  body.sub-page article#Responsible-BMS .controls {
    z-index: 1;
  }
  body.sub-page article#Responsible-BMS .testimonial {
    margin: -230px 0 0 0;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    top: 502px;
    left: 50%;
    font-size: 1.2rem;
  }
  body.sub-page article#Responsible-BMS .bgimg {
    bottom: -218px;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    top: 243px !important;
  }
  body.sub-page article#Responsible-BMS .Description .row {
    left: 33%;
    width: 185px;
    top: -89px;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 380px) {
  body.sub-page .controls {
    top: 120px;
  }
  body.sub-page .pagevid {
    width: 200%;
  }
  body.sub-page header#Career-Heading-Subheading h1 {
    margin-top: 0;
  }
  body.sub-page article#Responsible-BMS {
    height: 1050px !important;
  }
  body.sub-page article#Responsible-BMS .controls {
    left: 65px;
    z-index: 1;
  }
  body.sub-page article#Responsible-BMS .testimonial {
    position: absolute;
    left: 23%;
    width: 84%;
    padding: 32px;
    top: 185px;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    position: fixed;
    top: 317px !important;
    left: 120px !important;
    transform: translate3d(-50%, 0px, 0px) !important;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    top: 766px;
    left: 50%;
    font-size: 1.2rem;
  }
  body.sub-page article#Responsible-BMS {
    height: auto !important;
  }
  body.sub-page article#Responsible-BMS .controls {
    left: 0;
    padding-left: 3.45rem;
  }
  body.sub-page article#Responsible-BMS .left {
    position: relative;
  }
  body.sub-page article#Responsible-BMS .left h1 {
    position: static;
    margin: 0;
  }
  body.sub-page article#Responsible-BMS .right {
    border-left: 2px solid #000;
  }
  body.sub-page article#Responsible-BMS .bgimg {
    position: static !important;
    width: 94%;
    margin-left: 6%;
    border-left: 2px solid #000;
  }
  body.sub-page article#Responsible-BMS .bgimg img {
    display: none;
  }
  body.sub-page article#Responsible-BMS .testimonial {
    position: static;
    left: 0;
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide {
    position: static !important;
    height: 0;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide .title {
    display: none;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide h2 {
    position: static;
    margin-top: 0;
  }
  body.sub-page article#Responsible-BMS section.cycle-slide.cycle-slide-active {
    height: auto;
  }
}
body.morethanoil div.stroke {
  position: relative;
  height: 246px;
}
body.morethanoil div.stroke .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: translate(0, 0);
  transition: all 2.5s cubic-bezier(0.77, 0, 0.175, 1);
}
body.morethanoil div.stroke.animate-in .overlay {
  transform: translate(100%, 0);
}
body.morethanoil div.stroke img.desk {
  display: block;
  margin: 0 auto;
}
body.morethanoil div.stroke img.mobile {
  display: none;
}
body.morethanoil div#fuel-price-risk {
  padding-top: 10%;
  padding-right: 150px;
}
body.morethanoil div#fuel-price-risk h2 {
  color: #b2252d;
  font-weight: 300;
}
body.morethanoil div#fuel-price-risk:before {
  content: '';
  float: left;
  display: block;
  background: url("../img/icons/circle-chart-2018.png") no-repeat;
  width: 187px;
  height: 215px;
  margin-right: 64px;
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
body.morethanoil div#fuel-price-risk.animate-in:before {
  transform: scale(1);
}
body.morethanoil div#hedging-tools {
  padding-top: 40px;
  padding-left: 150px;
}
body.morethanoil div#hedging-tools h2 {
  color: #b2252d;
  font-weight: 300;
}
body.morethanoil div#hedging-tools:before {
  content: '';
  float: right;
  display: block;
  background: url("../img/icons/circle-hedging-tools-2018.png") no-repeat;
  width: 255px;
  height: 300px;
  margin-left: 64px;
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 1s;
}
body.morethanoil div#hedging-tools.animate-in:before {
  transform: scale(1);
}
body.morethanoil article#Ask-BMS {
  background: rgba(178,37,45,0.925);
}
body.morethanoil article#Ask-BMS .right {
  margin-left: 50%;
}
body.morethanoil article#Ask-BMS .left {
  padding-top: 0;
  width: 100% !important;
}
body.morethanoil article#Ask-BMS .left .row {
  width: 100%;
  max-width: 100%;
}
body.morethanoil article#Ask-BMS .left .row h1 {
  position: relative;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
}
body.morethanoil article#Ask-BMS ul {
  margin: 8% 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
body.morethanoil article#Ask-BMS ul li {
  display: inline-block;
  margin-bottom: 48px;
  margin-left: 32px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1023px) {
  body.morethanoil article.content .left,
  body.morethanoil article.content .right {
    border: 0;
  }
  body.morethanoil article.content .left {
    display: none;
  }
  body.morethanoil #risk-management .row {
    padding: 0 4rem;
  }
  body.morethanoil #risk-management #fuel-price-risk {
    padding-right: 0;
  }
  body.morethanoil #risk-management #hedging-tools {
    padding-left: 0;
  }
  body.morethanoil div.stroke img.desk {
    width: 100%;
  }
}
@media screen and (max-width: 748px) {
  body.morethanoil article.content .left,
  body.morethanoil article.content .right {
    display: none;
  }
  body.morethanoil #risk-management .row {
    padding: 0;
  }
  body.morethanoil #risk-management #fuel-price-risk {
    padding-top: 3.5rem;
  }
  body.morethanoil #risk-management #hedging-tools {
    padding-left: 6%;
  }
  body.morethanoil div#fuel-price-risk,
  body.morethanoil div#hedging-tools {
    width: 88%;
  }
  article#Ask-BMS .right {
    margin-left: 0 !important;
  }
  article#Ask-BMS .left .row h1 {
    text-align: left !important;
  }
  article#Ask-BMS ul {
    text-align: left !important;
    font-size: 1.35rem !important;
    border-left: 2px solid #fff !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 6% !important;
    padding: 8% 0 !important;
  }
  div.stroke img.mobile {
    position: relative;
    left: 6%;
    display: block !important;
    height: 100%;
    padding-bottom: 32px;
    padding-left: 45%;
    border-left: 2px solid #000;
  }
  div.stroke img.desk {
    display: none !important;
  }
  body.morethanoil div#fuel-price-risk,
  body.morethanoil div#hedging-tools {
    position: relative;
    left: 6%;
    float: none !important;
    padding: 6%;
    padding-top: 2%;
    padding-right: 0;
    height: auto !important;
    border-left: 2px solid #000;
    text-align: center;
  }
  body.morethanoil div#fuel-price-risk:before,
  body.morethanoil div#hedging-tools:before {
    float: none;
    margin: 0 auto;
  }
}
body.about .pagevid {
  left: 50%;
  position: absolute;
  width: 100%;
  transform: translate3d(-50%, 0px, 0px);
}
body.about article.content#History .right {
  min-height: 444px;
}
body.about #History-Heading-Subheading {
  padding-top: 30px;
}
body.about textarea {
  position: relative !important;
  margin-left: 162px !important;
  resize: none;
  margin-top: -50px;
  max-height: 300px;
}
body.about .button.facebook {
  display: inline-block;
  padding: 20px 30px;
  background: #4367bd;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
  line-height: 2;
  transition: all 0.33s ease-out;
}
body.about .button.facebook:before {
  content: '';
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  background: url("../img/icons/facebook-white.png") no-repeat;
  background-size: cover;
}
body.about .button.facebook:hover {
  background: #3957a1;
}
body.about article.content#History {
  min-height: auto !important;
}
body.about article.content#History .right,
body.about article.content#History .left {
  padding-top: 50px;
}
body.about article.content .right {
  border-left: 2px solid #000;
}
body.about article.content a {
  color: #b2252d;
  font-weight: bold;
}
body.about article#Giannis {
  height: 1450px !important;
}
body.about article#Giannis .left,
body.about article#Giannis .right {
  height: 100%;
}
body.about article#Giannis .right {
  border-left: 2px solid #000;
}
body.about article#Giannis .bgimg img {
  top: 25.5%;
}
body.about .images {
  position: absolute;
  width: 1140px;
  bottom: 50%;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}
body.about .images p {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  box-shadow: 1px 2px 20px rgba(0,0,0,0.25);
}
body.about .images p:before,
body.about .images p:after {
  content: '';
  display: table;
}
body.about .images p:after {
  clear: both;
}
body.about .images p:last-child {
  margin-right: 0%;
}
body.about .images p img {
  width: 100%;
}
.controls {
  z-index: 1;
  position: absolute;
  top: 0%;
  left: 50%;
  width: 50%;
  padding-top: 40px;
  padding-left: 40px;
}
.controls .slick-prev,
.controls .slick-next {
  text-indent: -999px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  background: #434242;
  border: none;
  outline: none;
  transition: all 0.33s ease-out;
}
.controls .slick-prev:hover,
.controls .slick-next:hover {
  background: #b2252d;
}
.controls .slick-prev:before,
.controls .slick-prev:after,
.controls .slick-next:before,
.controls .slick-next:after {
  content: '';
  position: absolute;
  top: 26px;
  width: 15px;
  border: 1px solid #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.controls .slick-prev {
  position: relative;
  margin-right: 5px;
}
.controls .slick-prev:before {
  transform: rotateZ(45deg);
  left: 17px;
  top: 32px;
}
.controls .slick-prev:after {
  transform: rotateZ(-45deg);
  left: 18px;
  top: 20px;
}
.controls .slick-next {
  position: relative;
}
.controls .slick-next:before {
  transform: rotateZ(-45deg);
  left: 17px;
  top: 32px;
}
.controls .slick-next:after {
  transform: rotateZ(45deg);
  left: 18px;
  top: 20px;
}
.about-slider {
  background: #000;
  color: #fff;
}
.about-slider .right {
  border-left: 2px solid #fff !important;
  min-height: 550px;
}
.cd-container {
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
/* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
}
#cd-timeline::before {
/* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  width: 2px;
  background: #000;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50%;
  }
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-timeline-img {
  position: absolute;
  top: 17px;
  left: -2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #b2252d;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 15px;
    height: 15px;
    left: 50%;
    margin-left: -6px;
/* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #b2252d;
  font-weight: 300;
  font-size: 2.15rem;
  margin-top: 0 !important;
}
.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  font-size: 1.25rem;
  font-weight: 300;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: 0.8em 1em;
  background: #acb7c0;
  color: #fff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: 0.8em 0;
  opacity: 0.7;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    text-align: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #fff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 1170px) {
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@media screen and (max-width: 1023px) {
  body.about .pagevid {
    width: auto;
    height: 100%;
  }
  body.about .controls {
    z-index: 1;
    top: 3.5rem;
    left: 3.5rem;
  }
  body.about .slick-dots {
    left: 3.5rem;
  }
  body.about header#History-Heading-Subheading h1 {
    margin-top: 0;
  }
  body.about article.content#History .right {
    padding-top: 0;
  }
}
@media screen and (max-width: 748px) {
  body.about .controls {
    top: 120px !important;
  }
  body.about .slick-dots {
    left: 1.25rem;
  }
  body.about .images {
    position: absolute;
    width: auto;
    bottom: 0;
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    transform: translateX(-50%);
  }
  body.about .images p {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 2px 20px rgba(0,0,0,0.25);
  }
  body.about .images p:first-child {
    margin-left: auto;
  }
  body.about .images p:last-child {
    margin-right: auto;
  }
  body.about .images p img {
    width: 100%;
  }
  body.about .controls {
    left: 6%;
    padding-left: 27px;
  }
  body.about .about-slider .left {
    border-left: 2px solid #fff;
    height: 187px !important;
    padding-top: 125px;
  }
  body.about .about-slider .right {
    min-height: 0;
    height: 450px !important;
  }
  body.about article.content .right {
    border-left: 2px solid #000;
  }
  body.about article#Giannis {
    height: auto !important;
  }
  body.about article#Giannis .left,
  body.about article#Giannis .right {
    height: 100%;
  }
  body.about article#Giannis .right {
    border-left: 2px solid #000;
    padding-bottom: 550px;
  }
  body.about article#Giannis .bgimg img {
    top: 60%;
  }
}
@media screen and (max-width: 748px) and (orientation: landscape) {
  body.about .controls {
    z-index: 1;
    top: 20%;
    left: 3.55rem;
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
body.offshore #Number-one-Heading-Subheading .h1 {
  padding-top: 0;
  top: 142px;
}
body.offshore #part-two h1 {
  padding-top: 0;
  margin-top: 0;
}
body.offshore #part-one-left {
  position: relative;
  left: -100%;
  margin-top: -230px;
}
body.offshore #part-two-left {
  position: relative;
  left: -100%;
  margin-top: -300px;
}
body.offshore #part-two-right-Options {
  margin-top: 260px;
}
body.offshore #rig {
  position: relative;
  left: -100%;
  top: -454px;
  z-index: 2;
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 0.1s;
  transform-origin: 25% 50%;
}
body.offshore #rig.animate-in {
  transform: scale(1);
  left: -100%;
  top: -454px;
}
body.offshore #ship {
  position: relative;
  left: 40%;
  top: 120px;
  z-index: 2;
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 2s;
  transform-origin: 20% 50%;
}
body.offshore #ship.animate-in {
  transform: scale(1);
  left: 40%;
  top: 120px;
}
body.offshore .stroke {
  position: relative;
  top: -676px;
  left: -54%;
}
body.offshore .stroke .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b2252d;
  transform: translate(0, 0);
  transition: all 2.5s cubic-bezier(0.77, 0, 0.175, 1);
}
body.offshore .stroke.animate-in .overlay {
  transform: translate(100%, 0);
}
body.offshore #truck {
  position: relative;
  left: 66%;
  top: -164px;
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 1.5s;
  transform-origin: 20% 50%;
}
body.offshore #truck.animate-in {
  transform: scale(1);
  left: 66%;
  top: -164px;
}
body.offshore .dash-short {
  position: relative;
  top: -98px;
}
body.offshore .dash-short .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b2252d;
  transform: translate(0, 0);
  transition: all 2.5s cubic-bezier(0.77, 0, 0.175, 1);
}
body.offshore .dash-short.animate-in .overlay {
  transform: translate(100%, 0);
}
body.offshore article.content.red {
  min-height: 1330px !important;
}
body.offshore article.content.red .right {
  height: 411px;
}
@media screen and (max-width: 1506px) {
  body.offshore article.content.red .right {
    height: 471px;
  }
  body.offshore #rig {
    top: -400px;
  }
  body.offshore #rig.animate-in {
    top: -400px;
  }
  body.offshore .stroke {
    top: -612px;
  }
  body.offshore .stroke.animate-in {
    top: -612px;
  }
  body.offshore #ship {
    top: 170px;
  }
  body.offshore #ship.animate-in {
    top: 170px;
  }
}
@media screen and (max-width: 1024px) {
  body.offshore #part-two-right-Options {
    margin-top: 16px;
  }
  body.offshore #rig {
    display: none;
  }
  body.offshore .stroke {
    display: none;
  }
  body.offshore #ship {
    position: static;
    display: none;
  }
  body.offshore #part-one-left {
    position: static;
    margin-top: 165px;
  }
  body.offshore .dash-short {
    top: -222px;
  }
  body.offshore #truck {
    top: -280px;
  }
  body.offshore #truck.animate-in {
    top: -280px;
  }
  body.offshore #part-two-left {
    position: static;
    left: -100%;
    margin-top: -60px;
  }
}
@media screen and (max-width: 748px) {
  body.offshore .content img {
    max-width: 250px;
  }
  body.offshore #part-two-right-Options {
    margin-top: 16px;
  }
  body.offshore #rig {
    display: none;
  }
  body.offshore .stroke {
    display: none;
  }
  body.offshore #ship {
    position: static;
    display: none;
  }
  body.offshore #part-one-left {
    position: static;
    margin-top: 165px;
  }
  body.offshore .dash-short {
    top: -222px;
  }
  body.offshore #truck {
    top: -280px;
  }
  body.offshore #truck.animate-in {
    top: -280px;
  }
  body.offshore #part-two-left {
    position: static;
    left: -100%;
    margin-top: -60px;
  }
}
.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  bottom: 5%;
  margin-left: 32px;
}
.slick-dots li {
  margin: 0 16px 0 0;
  padding: 0;
  display: inline-block;
  border: 8px #585858 solid;
}
.slick-dots li.slick-active {
  border: 8px #b2252d solid;
}
.slick-dots li button {
  display: none;
}
body.lubricants .pagevid {
  left: 50%;
  position: absolute;
  width: 100%;
  transform: translate3d(-50%, 0px, 0px);
}
body.lubricants .button {
  position: absolute;
  bottom: 0;
  display: block;
  width: 250px;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
  margin: 50px 0;
}
body.lubricants .about-slider {
  background: #fff;
  color: #000;
}
body.lubricants .about-slider .left section h1 {
  max-width: 500px;
  text-align: right;
  padding-top: 0;
  margin-top: 0;
}
body.lubricants .about-slider .right {
  position: relative;
  border-left: 2px solid #000 !important;
  min-height: 550px;
}
@media screen and (max-width: 1023px) {
  body.lubricants .pagevid {
    width: auto;
    height: 100%;
  }
  body.lubricants .controls {
    top: 1rem;
    left: 3.5rem;
  }
  body.lubricants .slick-dots {
    left: 3.5rem;
  }
  body.lubricants .about-slider .left section h1 {
    text-align: left;
  }
  body.lubricants article.content .left {
    padding: 20% 6% 6% 6%;
  }
  body.lubricants article.content .right {
    padding: 0% 6%;
  }
}
@media screen and (max-width: 748px) {
  body.lubricants header.top > .row .inner .fixed-title {
    top: 25px !important;
  }
  body.lubricants .controls {
    z-index: 1;
    top: 0;
    left: 6%;
    padding-left: 27px;
  }
  body.lubricants .about-slider .left {
    border-left: 2px solid #000;
    height: 240px !important;
    padding-top: 100px !important;
  }
  body.lubricants .about-slider .left section h1 {
    text-align: left !important;
  }
  body.lubricants .about-slider .right {
    min-height: 0;
    height: 450px !important;
  }
}
body.offer #Contact-Description .details {
  cursor: pointer;
  position: relative;
}
body.offer #Contact-Description .details:after {
  position: absolute;
  display: block;
  content: " +";
  background: #000;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  top: 1px;
  left: 59px;
}
body.offer #Contact-Description button.apply {
  padding: 0.5rem 1rem;
  background: #000;
  border: none;
  outline: none;
  color: #fff;
}
body.offer #Contact-Description input[type="date"] {
  outline: none;
  border: none;
  padding: 11px;
  margin-left: 18px;
}
body.offer #Contact-Description fieldset {
  margin: 0;
  margin-top: 2rem;
  border: none;
}
body.offer #Contact-Description fieldset legend {
  font-weight: bold;
}
body.core-services {
  margin: 50px 0;
}
body.core-services #drum {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 0.1s;
  transform-origin: 50% 50%;
}
body.core-services #drum.animate-in {
  transform: scale(1);
}
body.core-services #watch {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 0.5s;
  transform-origin: 50% 50%;
}
body.core-services #watch.animate-in {
  transform: scale(1);
}
body.core-services #globe {
  transform: scale(0);
  transition: all 0.75s cubic-bezier(0.83, -0.3, 0.17, 1.21);
  transition-delay: 1s;
  transform-origin: 50% 50%;
}
body.core-services #globe.animate-in {
  transform: scale(1);
}
body.core-services header.top video.pagevid {
  opacity: 0.85;
  position: absolute;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.15s ease-out;
}
body.core-services header.top > .row .inner h1 {
  font-size: 3.85rem;
}
body.core-services article#Bunker-Fuel .row,
body.core-services article#Lubricant .row {
  max-width: 1124px;
}
body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description,
body.core-services article#Lubricant section#Bunker-Fuel-Description,
body.core-services article#Bunker-Fuel section#Lubricant-Description,
body.core-services article#Lubricant section#Lubricant-Description {
  perspective: 1000px;
}
body.core-services article#Bunker-Fuel .button,
body.core-services article#Lubricant .button {
  display: block;
  width: 100%;
  padding: 20px 16px;
  background: #b2252d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.35);
  border: 0;
}
body.core-services section#Bunker-Fuel-Description section,
body.core-services section#Lubricant-Description section {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 48px;
  margin-bottom: 64px;
}
body.core-services section#Bunker-Fuel-Description section:before,
body.core-services section#Lubricant-Description section:before,
body.core-services section#Bunker-Fuel-Description section:after,
body.core-services section#Lubricant-Description section:after {
  content: '';
  display: table;
}
body.core-services section#Bunker-Fuel-Description section:after,
body.core-services section#Lubricant-Description section:after {
  clear: both;
}
body.core-services section#Bunker-Fuel-Description section:last-child,
body.core-services section#Lubricant-Description section:last-child {
  margin-right: 0%;
}
body.core-services section#Bunker-Fuel-Description section img,
body.core-services section#Lubricant-Description section img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
body.core-services section#Bunker-Fuel-Description section h2,
body.core-services section#Lubricant-Description section h2 {
  text-align: left;
  color: #b2252d;
  font-size: 1.35rem;
  font-weight: 400;
}
div#About-Slider h1 {
  max-width: 500px;
}
article#LubricantHeader {
  background-color: rgba(178,37,45,0.925);
}
@media screen and (max-width: 1023px) {
  body.core-services .pagevid {
    width: auto;
    height: 100%;
  }
  body.core-services .controls {
    top: 1rem;
    left: 3.5rem;
  }
  body.core-services .slick-dots {
    left: 3.5rem;
  }
  body.core-services .about-slider .left section h1 {
    text-align: left;
  }
  body.core-services article.content .left {
    padding: 20% 6% 6% 6%;
  }
  body.core-services article.content .right {
    padding: 0% 6%;
  }
}
@media screen and (max-width: 748px) {
  body.core-services header.top > .row .inner .fixed-title {
    top: 25px !important;
  }
  body.core-services .controls {
    z-index: 1;
    top: 0;
    left: 6%;
    padding-left: 27px;
  }
  body.core-services .about-slider .left {
    border-left: 2px solid #fff;
    height: 240px !important;
    padding-top: 100px !important;
  }
  body.core-services .about-slider .left section h1 {
    text-align: left !important;
    margin-top: 0 !important;
  }
  body.core-services .about-slider .right {
    min-height: 0;
    height: 450px !important;
  }
  body.core-services header.top > .row .inner h1 {
    font-size: 2.5rem !important;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description,
  body.core-services article#Lubricant section#Bunker-Fuel-Description,
  body.core-services article#Bunker-Fuel section#Lubricant-Description,
  body.core-services article#Lubricant section#Lubricant-Description,
  body.core-services article#Bunker-Fuel section,
  body.core-services article#Lubricant section {
    border-left: 2px solid #000;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 6%;
    padding: 0 6%;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description section,
  body.core-services article#Lubricant section#Bunker-Fuel-Description section,
  body.core-services article#Bunker-Fuel section#Lubricant-Description section,
  body.core-services article#Lubricant section#Lubricant-Description section {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0;
    border: none;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description section:first-child,
  body.core-services article#Lubricant section#Bunker-Fuel-Description section:first-child,
  body.core-services article#Bunker-Fuel section#Lubricant-Description section:first-child,
  body.core-services article#Lubricant section#Lubricant-Description section:first-child {
    margin-left: auto;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description section:last-child,
  body.core-services article#Lubricant section#Bunker-Fuel-Description section:last-child,
  body.core-services article#Bunker-Fuel section#Lubricant-Description section:last-child,
  body.core-services article#Lubricant section#Lubricant-Description section:last-child {
    margin-right: auto;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description section:nth-child(0n+1),
  body.core-services article#Lubricant section#Bunker-Fuel-Description section:nth-child(0n+1),
  body.core-services article#Bunker-Fuel section#Lubricant-Description section:nth-child(0n+1),
  body.core-services article#Lubricant section#Lubricant-Description section:nth-child(0n+1) {
    margin-top: 0;
  }
  body.core-services article#Bunker-Fuel section#Bunker-Fuel-Description section:nth-child(0n+3),
  body.core-services article#Lubricant section#Bunker-Fuel-Description section:nth-child(0n+3),
  body.core-services article#Bunker-Fuel section#Lubricant-Description section:nth-child(0n+3),
  body.core-services article#Lubricant section#Lubricant-Description section:nth-child(0n+3) {
    margin-bottom: 0;
  }
  body.core-services article#LubricantHeader .right {
    margin-left: 50%;
  }
  body.core-services article#LubricantHeader .left .row h1 {
    text-align: left;
  }
  body.core-services article#LubricantHeader ul {
    text-align: left;
    font-size: 1.35rem;
    border-left: 2px solid #fff;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 6%;
    padding: 36px 0;
  }
}
body.physical-supply #physical {
  padding: 80px 0;
}
body.physical-supply #physical h1 {
  margin-top: 0;
  text-align: center;
  font-size: 3.75rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
body.physical-supply #physical .row {
  max-width: 80vw;
}
body.physical-supply #physical img {
  max-width: 100%;
}
@media screen and (max-width: 748px) {
  body.physical-supply #physical h1 {
    text-align: left;
    font-size: 2.5rem !important;
  }
}
body.newsandevents article.content{display:flex}body.newsandevents article.content .left,body.newsandevents article.content .right{height:auto}@media screen and (max-width:$tablet-medium){body.newsandevents article.content{display:block}body.newsandevents article.content .right{padding-top:0}body.newsandevents article.content .news{margin-top:0}}
@media print {
  .copyright a {
    color: #f9f9f9;
  }
  header,
  .menu,
  contact-bar-right,
  .navigation,
  .Footer.description {
    display: none;
  }
  .update #LatestNews,
  .update #newsnavigation {
    display: none;
  }
}
.largeVideoHeader header.top {
  height: 750px !important;
}
.largeVideoHeader header .row {
  display: none !important;
}
video::-webkit-media-controls-start-playback-button {
/* Hide video-play icon on apple mobiles */
  display: none;
}