/*  
Theme Name: sokamar
Version: 1.03
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* line 12, style.scss */
table,
textarea {
  width: 100%;

}

/* line 12, style.scss */
hr,
img {
  border: 0;
}

/* line 12, style.scss */
pre,
textarea {
  overflow: auto;
}

/* line 12, style.scss */
b,
dt,
optgroup,
strong {
  font-weight: 700;
}

/* line 12, style.scss */
#content[tabindex="-1"]:focus,
a:active,
a:focus,
a:hover {
  outline: 0;
}

/* line 12, style.scss */
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after,
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

/* line 12, style.scss */
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
  content: "";
  display: table;
  table-layout: fixed;
}

/* line 12, style.scss */
.widget select,
embed,
iframe,
img,
object,
pre {
  max-width: 100%;
}

/* line 12, style.scss */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

/* line 12, style.scss */
body {
  margin: 0;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 12, style.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 12, style.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
  max-width: 100%;
}

/* line 12, style.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 12, style.scss */
[hidden],
template {
  display: none;
}

/* line 12, style.scss */
a {
  background-color: transparent;
}

/* line 12, style.scss */
cite,
dfn,
em,
i {
  font-style: italic;
}

/* line 12, style.scss */
mark {
  color: #000;
}

/* line 12, style.scss */
small {
  font-size: 80%;
}

/* line 12, style.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 12, style.scss */
sup {
  top: -0.5em;
}

/* line 12, style.scss */
sub {
  bottom: -0.25em;
}





/* line 12, style.scss */
*
/*presentation image seting*/

img {
  height: auto;
  max-height: 1000px;
}

/* line 12, style.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 12, style.scss */
hr {
  box-sizing: content-box;
  background-color: #ccc;
  height: 1px;
  margin-bottom: 1.5em;
}

/* line 12, style.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 12, style.scss */
button {
  overflow: visible;
}

/* line 12, style.scss */
button,
select {
  text-transform: none;
}

/* line 12, style.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]

/* line 12, style.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 12, style.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 12, style.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 12, style.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 12, style.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 12, style.scss */
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 12, style.scss */
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 12, style.scss */
*,
:after,
:before {
  box-sizing: inherit;
}

/* line 12, style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.5em;
}

/* line 12, style.scss */
.screen-reader-text {
  display: none;
}

@font-face {
  font-family: "charterbold_italic";
  src: url("fonts/charter_bold_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "charterbold";
  src: url("fonts/charter_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "charteritalic";
  src: url("fonts/charter_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "charterregular";
  src: url("fonts/charter_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* 404 page */
/* line 151, style.scss */
.wrap404 {
  max-width: 600px;
  margin: 0 auto 35px;
  padding-top: 150px;
}

/* line 155, style.scss */
.wrap404 .search-form {
  padding-top: 25px;
  clear: both;
}

/* line 159, style.scss */
.wrap404 .search-field {
  width: calc(100% - 106px);
  height: 40px;
  background-color: transparent;
  border: 1px solid #E03223;
  outline: none;
  padding: 10px 20px;
  border-radius: 5px;
}

/* line 167, style.scss */
.wrap404 .search-field::placeholder {
  opacity: 0;
}

/* line 170, style.scss */
.wrap404 .search-field:focus,
.wrap404 .search-field:hover {
  background-color: transparent !important;
}

/* line 178, style.scss */
.wrap404 input[type="submit"] {
  width: 100px;
  height: 40px;
  background-color: #E03223 !important;
  border-radius: 5px;
  border: 1px solid #E03223;
  color: #fbf7f3 !important;
}

/* line 185, style.scss */
.wrap404 input[type="submit"]:hover {
  background: transparent !important;
  color: #E03223 !important;
}

@media all and (max-width: 767px) {

  /* line 151, style.scss */
  .wrap404 {
    padding-top: 80px;
    max-width: unset;
  }
}

/* line 195, style.scss */
.left404 {
  padding-top: 70px;
  padding-right: 25px;
  float: left;
  width: 50%;
}

/* line 200, style.scss */
.left404 svg {
  width: 100% !important;
}

@media all and (max-width: 480px) {

  /* line 195, style.scss */
  .left404 {
    float: none;
    width: 100%;
  }
}

/* line 208, style.scss */
.right404 {
  padding-top: 35px;
  padding-left: 25px;
  float: left;
  width: 50%;
  border-left: 1px solid black;
}

/* line 214, style.scss */
.right404 h2 {
  margin-bottom: 40px;
  font-weight: 600;
}

@media all and (max-width: 767px) {

  /* line 214, style.scss */
  .right404 h2 {
    margin-bottom: 25px;
  }
}

/* line 221, style.scss */
.right404 p {
  font-size: 20px;
  margin-bottom: 25px;
}

@media all and (max-width: 767px) {

  /* line 221, style.scss */
  .right404 p {
    font-size: 15px;
  }
}

/* line 228, style.scss */
.right404 a {
  padding: 3px 22px 5px;
  color: white;
  display: inline-block;
  background: #fbf7f3;
  font-size: 16px;
  border-radius: 3px;
  background-color: #E03223 !important;
  padding: 3px 22px 5px;
  border: 1px solid #E03223;
  border-radius: 5px;
  color: #fbf7f3 !important;
}

/* line 240, style.scss */
.right404 a:hover {
  background: transparent !important;
  color: #E03223 !important;
  background: #404556;
}

@media all and (max-width: 480px) {

  /* line 208, style.scss */
  .right404 {
    float: none;
    width: 100%;
    padding-left: 0;
    border-left: none;
  }

  /* line 251, style.scss */
  .right404 a {
    display: block;
  }
}

/* line 256, style.scss */
.toppages {
  max-width: 600px;
  margin: auto;
  padding: 100px 0;
}

@media all and (max-width: 767px) {

  /* line 256, style.scss */
  .toppages {
    max-width: unset !important;
  }
}

/* line 263, style.scss */
.toppages h2 {
  text-align: center;
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {

  /* line 263, style.scss */
  .toppages h2 {
    margin-bottom: 20px !important;
  }
}

/* line 270, style.scss */
.toppages a {
  display: block;
  color: black;
  text-decoration: none;
  line-height: 3em;
}

/* line 276, style.scss */
.toppages span {
  font-size: 2em;
  letter-spacing: -0.05em;
  position: relative;
  top: 4px;
  padding-right: 10px;
}

/* line 283, style.scss */
.toppages img {
  float: right;
  margin-right: 10px;
  color: black;
}

/* line 288, style.scss */
.toppages span.mycaret {
  float: right;
  font-size: 1.5em;
}

/* line 292, style.scss */
.toppages div {
  border-top: 1px solid black;
  padding: 0 10px;
}

/* line 295, style.scss */
.toppages div:last-of-type {
  border-bottom: 1px solid black;
}

/* line 298, style.scss */
.toppages div:hover {
  background: #E03223 !important;
  border-color: #E03223 !important;
}

/* line 304, style.scss */
.toppages div:hover img {
  margin-right: 5px;
}

/* line 307, style.scss */
.toppages div:hover a {
  color: white;
}

/* line 310, style.scss */
.toppages div:hover span.mycaret {
  animation: bouncy 2s infinite;
}

/* line 313, style.scss */
.toppages div a {
  font-size: 20px;
}

@media all and (max-width: 767px) {

  /* line 313, style.scss */
  .toppages div a {
    font-size: 15px;
  }
}

/* line 318, style.scss */
.toppages div a span {
  font-family: "charterregular" !important;
}

/* line 323, style.scss */
.toppages div:hover+div {
  border-color: #404556;
}

/* line 326, style.scss */
.toppages div:hover+div:last-child {
  border-bottom-color: black;
}

@media all and (max-width: 767px) {

  /* line 256, style.scss */
  .toppages {
    max-width: calc(100% - 50px);
  }
}

/* line 337, style.scss */

/*background settings*/


body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #111e2f;
  font-family: "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
}

/* line 347, style.scss */
.hideme {
  display: none;
}

#svg2 {
  fill: #ffffff;
  transition: ease-in 0.2s all;
}

#svg2:hover {
  fill: #c27234;
}

/* line 350, style.scss */
.sokamar-logo {
  width: 180px;
  height: 160px;
  margin-left: 0px;
  padding-bottom: 10px;
  display: none;
}

@media all and (max-width: 1279px) {

  /* line 350, style.scss */
  .sokamar-logo {
    width: 180px;
    height: 160px;
    margin-left: 0px;
    padding-bottom: 10px;
  }
}

@media all and (max-width: 767px) {

  /* line 350, style.scss */
  .sokamar-logo {
    width: 120px;
    height: 100px;
    margin-left: 30px;
    margin-top: 10px;
  }
}

@media all and (min-width: 1024px) {

  /* line 362, style.scss */
  .sokamar-logo.desktop {
    display: block;
  }
}

@media all and (max-width: 1023px) {

  /* line 367, style.scss */
  .sokamar-logo.mobile {
    display: block;
  }
}

/* line 373, style.scss */






.site {
  max-width: 1910px;
  margin-left: auto;
  margin-right: auto;
}

/* line 378, style.scss */
.site .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

@media all and (max-width: 767px) {

  /* line 378, style.scss */
  .site .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 386, style.scss */
.site header ul li.current_page_item {
  display: none;
}

/* line 389, style.scss */
.site header {
  /*background: #2b2b2b8e;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-right: 10px;
  position: absolute;
  top: 0px;
  z-index: 100;
  width: 1850px;
  height: 100px;
}

@media all and (max-width: 1910px) {

  /* line 389, style.scss */
  .site header {
    width: calc(100% - 60px);
  }
}

@media all and (max-width: 1679px) {

  /* line 389, style.scss */
  .site header {
    padding-right: 0px;
  }
}

@media all and (max-width: 1023px) {

  /* line 389, style.scss */
  .site header {
    margin-left: -30px;
    margin-right: -30px;
    padding: 15px 30px;
    background-color: #2b2b2b8e;
    margin-top: 30px;
    position: fixed;
    width: 100%;
  }
}

@media all and (max-width: 767px) {

  /* line 389, style.scss */
  .site header {
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
  }
}

/* line 420, style.scss */
.site header .site-branding {
  z-index: 1;
}

/* line 423, style.scss */
.site header .menu-wrapper {
  display: flex;
  align-items: center;
  z-index: 3;
  padding-right: 30px;
}

/* line 427, style.scss */
.site header .menu-wrapper .main-navigation {
  position: relative;
  margin-right: 47.5px;
}

@media all and (max-width: 1279px) {

  /* line 427, style.scss */
  .site header .menu-wrapper .main-navigation {
    margin-right: 10px;
  }
}

/* line 435, style.scss */

/*after holding header word color other pages */


.site header .menu-wrapper .main-navigation .menu-item a:hover {
  color: #d1a01d;
}

/* line 440, style.scss */
.site header .menu-wrapper .main-navigation:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 34px;
  background-color: #d1a01d;
  right: -49.5px;
  bottom: 10px;
}

@media all and (max-width: 1279px) {

  /* line 440, style.scss */
  .site header .menu-wrapper .main-navigation:after {
    right: -15px;
  }
}

@media all and (max-width: 1279px) {

  /* line 453, style.scss */
  .site header .menu-wrapper .main-navigation .staticmenu ul {
    padding-left: 0px;
  }
}

/* line 457, style.scss */
.site header .menu-wrapper .main-navigation .staticmenu ul li {
  display: inline-block;
}

@media all and (max-width: 767px) {

  /* line 457, style.scss */
  .site header .menu-wrapper .main-navigation .staticmenu ul li {
    font-size: 15px;
  }
}

/* line 462, style.scss */
.site header .menu-wrapper .main-navigation .staticmenu ul li.current_page_item {
  display: none;
}

/* line 465, style.scss */


/*header texts settings other pages */
.site header .menu-wrapper .main-navigation .staticmenu ul li a {
  margin: 0 0 0 45px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

@media all and (max-width: 1365px) {

  /* line 465, style.scss */
  .site header .menu-wrapper .main-navigation .staticmenu ul li a {
    margin: 0 0 0 30px;
  }
}

@media all and (max-width: 1279px) {

  /* line 465, style.scss */
  .site header .menu-wrapper .main-navigation .staticmenu ul li a {
    margin: 0 0 0 20px;
  }
}

@media all and (max-width: 767px) {

  /* line 465, style.scss */
  .site header .menu-wrapper .main-navigation .staticmenu ul li a {
    font-size: 14px;
  }
}

/* line 492, style.scss */
.hamburger {
  width: 91px;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  float: right;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 51.5px;
}

@media all and (max-width: 1279px) {

  /* line 492, style.scss */
  .hamburger {
    margin-left: 30px;
  }
}

@media all and (max-width: 767px) {

  /* line 492, style.scss */
  .hamburger {
    margin-left: 15px;
  }
}

/* line 510, style.scss */
.hamburger span {
  width: 30px;
  height: 2.5px;
  background: black;
  display: block;
  transition-duration: 0.3s;
}

@media all and (max-width: 1023px) {

  /* line 510, style.scss */
  .hamburger span {
    height: 3.5px;
  }
}

@media all and (max-width: 767px) {

  /* line 510, style.scss */
  .hamburger span {
    height: 3px;
  }
}

/* line 522, style.scss */
.hamburger span:before {
  content: "";
  width: 30px;
  height: 3px;
  position: absolute;
  top: 10px;
  right: 0;
  background: black;
  transition-duration: 0.3s;
}

/* line 532, style.scss */
.hamburger span:after {
  content: "";
  width: 30px;
  height: 3px;
  position: absolute;
  top: 30px;
  right: 0;
  background: black;
  transition-duration: 0.3s;
}

/* line 543, style.scss */

/*more settings


*/
.hamburger p {
  width: 45px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: white !important;
}

/* line 551, style.scss */
.hamburger:hover span {
  width: 27px;
}

@media all and (max-width: 767px) {

  /* line 492, style.scss */
  .hamburger {
    margin-top: 0;
  }
}

/* line 559, style.scss */


/*menu settings */


body.hamburger_toggled {
  overflow: hidden;
  margin-right: 17px;
}

/* line 562, style.scss */
body.hamburger_toggled .site header {
  position: absolute;
}

@media all and (max-width: 767px) {

  /* line 559, style.scss */
  body.hamburger_toggled {
    margin-right: 0;
  }
}

/* line 568, style.scss */
body.hamburger_toggled .open-menu-left-wrapper {
  transition: all 0.2s ease-in-out;
}

/* line 571, style.scss */
body.hamburger_toggled .hamburger-menu-line {
  position: fixed;
}

/* line 576, style.scss */
body.hamburger_toggled .site header .menu-wrapper .bar:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.2s ease-in-out;
  background: #ffffff;
}

/* line 584, style.scss */
body.hamburger_toggled .site header .menu-wrapper .bar:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.2s ease-in-out;
  background: #ffffff;
}

/* line 592, style.scss */
body.hamburger_toggled .site header .menu-wrapper .bar {
  background: rgba(255, 255, 255, 0);
}

/* line 595, style.scss */
body.hamburger_toggled .site header .menu-wrapper .mobile-nav {
  display: block;
  height: 100vh;
  position: fixed;
  z-index: 3;
  top: 0;
  width: 50vw !important;
  width: 100vw !important;
  margin-left: 0px !important;
  transition: all 0.2s ease-in-out;
  margin-right: 0px;
  overflow: hidden;
}

@media all and (max-width: 767px) {

  /* line 595, style.scss */
  body.hamburger_toggled .site header .menu-wrapper .mobile-nav {
    width: 100vw !important;
    transition: all 0.3s ease-in-out;
    overflow: auto;
  }
}

/* line 612, style.scss */
body.hamburger_toggled .site header .menu-wrapper .mobile-nav ul {
  position: relative;
  top: 50%;
  list-style: none;
  padding: 0px;
  display: block;
  text-align: center;
}

/* line 620, style.scss */
body.hamburger_toggled .site header .menu-wrapper .mobile-nav a {
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.9s ease-in-out;
}

/* line 624, style.scss */
body.hamburger_toggled .site header .menu-wrapper .mobile-nav a:hover {
  color: #d1a01d;
}

/* line 628, style.scss */
body.hamburger_toggled .site header .menu-wrapper .mobile-nav.show a {
  opacity: 1;
}

/* line 634, style.scss */
body.hamburger_toggled .hamburger p {
  display: none;
}

@media all and (max-width: 1023px) {

  /* line 633, style.scss */
  body.hamburger_toggled .hamburger {
    position: fixed;
    right: 30px;
  }
}

@media all and (max-width: 767px) {

  /* line 633, style.scss */
  body.hamburger_toggled .hamburger {
    right: 15px;
  }
}

@media all and (max-width: 1023px) {

  /* line 646, style.scss */
  .main-navigation {
    display: none;
  }
}

/* line 651, style.scss */
.open-menu-left-wrapper {
  width: 50vw;
  height: 100vh;
  background-color: #000000;
  opacity: 90%;
  position: fixed;
  top: 0;
  z-index: 101;
  transition: all 0.2s ease-in-out;
  display: none;
}

@media all and (max-width: 1023px) {

  /* line 651, style.scss */
  .open-menu-left-wrapper {
    width: 50vw;
  }
}

/* line 664, style.scss */
.open-menu-left-wrapper.hide {
  right: 100%;
  left: unset;
}

/* line 668, style.scss */
.open-menu-left-wrapper.show {
  right: 50% !important;
  left: unset !important;
}

@media all and (max-width: 767px) {

  /* line 651, style.scss */
  .open-menu-left-wrapper {
    display: none;
  }
}

/* line 676, style.scss */
.mobile-nav {
  background-color: #000000;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  transition: 0.2s ease-in-out;
  overflow-y: scroll;
  z-index: 2;
}

/* line 686, style.scss */
.mobile-nav .menu-hamburger-menu-container {
  background: linear-gradient(#000000, #000000), url(images/region-lines.svg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-blend-mode: lighten;
}

@media all and (max-width: 767px) {

  /* line 686, style.scss */
  .mobile-nav .menu-hamburger-menu-container {
    padding-bottom: 80px;
    padding-top: 80px;
    background: linear-gradient(#000000, #000000), url(images/region-lines.svg) no-repeat;
    background-size: cover;
  }
}

/* line 702, style.scss */
.mobile-nav .menu-hamburger-menu-container ul {
  margin: 0;
  padding: 0px;
  display: none;
}

/* line 707, style.scss */
.mobile-nav .menu-hamburger-menu-container ul li:nth-child(1),
.mobile-nav .menu-hamburger-menu-container ul li:nth-child(2),
.mobile-nav .menu-hamburger-menu-container ul li:nth-child(3),
.mobile-nav .menu-hamburger-menu-container ul li:nth-child(4),
.mobile-nav .menu-hamburger-menu-container ul li:nth-child(5) {
  display: none;
}

@media all and (max-width: 1023px) {

  /* line 707, style.scss */
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(1),
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(2),
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(3),
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(4),
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(5) {
    display: block;
  }

  /* line 714, style.scss */
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(1).current_page_item,
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(2).current_page_item,
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(3).current_page_item,
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(4).current_page_item,
  .mobile-nav .menu-hamburger-menu-container ul li:nth-child(5).current_page_item {
    display: none;
  }
}

/* line 719, style.scss */
.mobile-nav .menu-hamburger-menu-container ul li a {
  padding: 15px 30px;
  font-size: 33px !important;
  line-height: 53px;
  display: block;
  text-align: center;
}

@media all and (max-width: 1023px) {

  /* line 719, style.scss */
  .mobile-nav .menu-hamburger-menu-container ul li a {
    font-size: 16px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 719, style.scss */
  .mobile-nav .menu-hamburger-menu-container ul li a {
    line-height: 1;
  }
}

/* line 738, style.scss */
.hamburger-menu-line {
  z-index: 2;
  position: absolute;
  cursor: pointer;
}

/* line 744, style.scss */
.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

/*les 3 lignes setings



*/
/* line 751, style.scss */
.bar {
  position: relative;
  transform: translateX(60px);
  background: white;
  transition: all 0ms 300ms;
}

/* line 758, style.scss */
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: white;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 768, style.scss */
.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: white;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 779, style.scss */
.show {
  left: 50% !important;
  left: 0% !important;
}

@media all and (max-width: 767px) {

  /* line 779, style.scss */
  .show {
    left: 0% !important;
  }
}

/* line 785, style.scss */
.hide {
  left: 100%;
}

@media all and (max-width: 1023px) {

  /* line 792, style.scss */
  .scrolling header {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
  }
}

/* line 798, style.scss */
.container {
  max-width: 1446px;
  margin-left: auto;
  margin-right: auto;
}

/* line 803, style.scss */
h1,
h2,
h3,
h4 {
  font-family: "charterregular";
  font-weight: 400;
  margin: 0px;
}

/* line 812, style.scss */
h1 {
  font-size: 50px;
  letter-spacing: -1.5px;
  line-height: 70px;
}

@media all and (max-width: 1279px) {

  /* line 812, style.scss */
  h1 {
    font-size: 44px;
    line-height: 60px;
  }
}

@media all and (max-width: 767px) {

  /* line 812, style.scss */
  h1 {
    font-size: 37px;
    line-height: 50px;
  }
}

/* line 825, style.scss */
h2 {
  font-size: 50px;
  letter-spacing: -1.5px;
}

@media all and (max-width: 1279px) {

  /* line 825, style.scss */
  h2 {
    font-size: 40px;
    letter-spacing: 0px;
  }
}

@media all and (max-width: 767px) {

  /* line 825, style.scss */
  h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

/* line 837, style.scss */
h3 {
  font-size: 85px;
  letter-spacing: 0px;
  line-height: 90px;
  color: #fbf7f3;
}

@media all and (max-width: 1365px) {

  /* line 837, style.scss */
  h3 {
    font-size: 65px;
    line-height: 70px;
  }
}

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

  /* line 837, style.scss */
  h3 {
    font-size: 45px;
    line-height: 50px;
  }
}

@media all and (max-width: 767px) {

  /* line 837, style.scss */
  h3 {
    font-size: 30px;
    line-height: 30px;
  }
}

/* line 855, style.scss */
a {
  text-decoration: none;
  font-size: 13px;
}

@media all and (max-width: 767px) {

  /* line 855, style.scss */
  a {
    font-size: 14px;
  }
}

/* line 862, style.scss */
p {
  font-size: 16px;
  margin: 0;
  line-height: 23px;
  color: white;
}

@media all and (max-width: 767px) {

  /* line 862, style.scss */
  p {
    font-size: 15px;
  }
}

/* line 871, style.scss */
.wpb_text_column {
  margin-bottom: 0 !important;
}

/* line 874, style.scss */
.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 878, style.scss */
.page-hero {
  padding-top: 257px;
  padding-bottom: 153px;
}

/* line 881, style.scss */
.page-hero.services-head {
  padding-top: 0px !important;
  padding-bottom: 156px;
}

@media all and (max-width: 767px) {

  /* line 885, style.scss */
  .page-hero.services-head h1 {
    margin-top: 0px !important;
  }
}

@media all and (max-width: 1023px) {

  /* line 878, style.scss */
  .page-hero {
    padding-top: 89px !important;
    padding-bottom: 70px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 878, style.scss */
  .page-hero {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 57px !important;
  }
}

/* line 898, style.scss */
.page-hero.home {
  margin-left: -30px !important;
  opacity: 0;
  transition: opacity .5s ease;
  margin-right: -30px !important;
  position: relative;
  padding-top: 0px !important;
  padding-bottom: 26px !important;
}

@media all and (max-width: 1023px) {

  /* line 898, style.scss */
  .page-hero.home {
    padding-top: 48px;
  }
}

@media all and (max-width: 767px) {

  /* line 898, style.scss */
  .page-hero.home {
    padding-top: 74px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
    opacity: 1;
  }
}

/* line 917, style.scss */
.page-hero.home .main-video-wrapper {
  margin-bottom: 0px;
  height: 978px;
}

@media all and (max-width: 1910px) {

  /* line 917, style.scss */
  .page-hero.home .main-video-wrapper {
    height: unset;
  }
}

/* line 924, style.scss */
.page-hero.home video {
  object-fit: cover;
  max-height: 978px;
}

@media all and (max-width: 1679px) {

  /* line 924, style.scss */
  .page-hero.home video {
    max-height: inherit;
    object-fit: contain;
  }
}

@media all and (max-width: 767px) {

  /* line 924, style.scss */
  .page-hero.home video {
    height: 70vh;
    object-fit: cover;
  }
}

/* line 936, style.scss */
.page-hero.home .hero-content {
  position: absolute;
  top: 75%;
  text-align: left;
  left: 30px;
  transform: translateY(-50%);
}

@media all and (max-width: 1496px) {

  /* line 936, style.scss */
  .page-hero.home .hero-content {
    max-width: calc(100% - 65px);
  }
}

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

  /* line 936, style.scss */
  .page-hero.home .hero-content {
    top: 60%;
  }
}

@media all and (max-width: 767px) {

  /* line 936, style.scss */
  .page-hero.home .hero-content {
    top: 50%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    left: 0;
  }
}

/* line 955, style.scss */
.page-hero.home .hero-content h1,
.page-hero.home .hero-content strong {
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 72px;
  letter-spacing: -2px;
  margin-top: 4px;
}

@media all and (max-width: 1365px) {

  /* line 955, style.scss */
  .page-hero.home .hero-content h1,
  .page-hero.home .hero-content strong {
    font-size: 50px;
    line-height: 1.16;
    margin-bottom: 40px;
  }
}

@media all and (max-width: 1279px) {

  /* line 955, style.scss */
  .page-hero.home .hero-content h1,
  .page-hero.home .hero-content strong {
    font-size: 42px;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 1023px) {

  /* line 955, style.scss */
  .page-hero.home .hero-content h1,
  .page-hero.home .hero-content strong {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 0px;
  }
}

@media all and (max-width: 767px) {

  /* line 955, style.scss */
  .page-hero.home .hero-content h1,
  .page-hero.home .hero-content strong {
    font-size: 37px;
    line-height: 1.135;
    margin-bottom: 35px;
    letter-spacing: 1px;
  }
}

/* line 983, style.scss */
.page-hero.home .hero-content h1 {
  color: #ffffff;
}

/* line 986, style.scss */
.page-hero.home .hero-content p {
  font-style: inherit;
  line-height: 31px;
  max-width: inherit;
  margin: inherit;
  color: #ffffff;
  font-size: 23px;
  width: 700px;
  width: auto;
  margin-left: 5px;
}

/* line 995, style.scss */
.page-hero.home .hero-content p strong {
  font-size: 23px;
  color: #ffffff;
  text-decoration: underline;
  line-height: 31px;
  letter-spacing: inherit;
}

@media all and (max-width: 1279px) {

  /* line 995, style.scss */
  .page-hero.home .hero-content p strong {
    font-size: 18px;
    line-height: 1.35;
  }
}

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

  /* line 995, style.scss */
  .page-hero.home .hero-content p strong {
    font-size: 15px;
  }
}

@media all and (max-width: 767px) {

  /* line 995, style.scss */
  .page-hero.home .hero-content p strong {
    font-size: 17px;
  }
}

@media all and (max-width: 1365px) {

  /* line 986, style.scss */
  .page-hero.home .hero-content p {
    font-size: 20px;
    line-height: 1.35;
  }
}

@media all and (max-width: 1279px) {

  /* line 986, style.scss */
  .page-hero.home .hero-content p {
    font-size: 18px;
  }
}

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

  /* line 986, style.scss */
  .page-hero.home .hero-content p {
    font-size: 15px;
    width: 450px;
    margin-left: 0px;
  }
}

@media all and (max-width: 767px) {

  /* line 986, style.scss */
  .page-hero.home .hero-content p {
    width: 100%;
    font-size: 17px;
  }
}

/* line 1028, style.scss */
.page-hero.home .hero-content p:last-child {
  margin-top: 32px;
  margin-left: 7px;
}

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

  /* line 1028, style.scss */
  .page-hero.home .hero-content p:last-child {
    margin-top: 30px;
    margin-left: 0px;
  }
}

/* line 1035, style.scss */
.page-hero.home .hero-content p:last-child a {
  font-size: 14px;
  font-weight: 700;
  padding-left: 25px;
  position: relative;
  color: #ffffff;
}

/* line 1041, style.scss */
.page-hero.home .hero-content p:last-child a:before {
  content: "";
  background-image: url("images/home-hero-right-arrow.svg");
  width: 17px;
  height: 12px;
  position: absolute;
  background-size: cover;
  left: 0px;
  top: 2px;
}

@media all and (max-width: 1023px) {

  /* line 1041, style.scss */
  .page-hero.home .hero-content p:last-child a:before {
    width: 13px;
    height: 10px;
    top: 1px;
  }
}

/* line 1056, style.scss */
.page-hero.home .hero-content p:last-child a:hover {
  color: #E03223;
}

/* line 1057, style.scss */
.page-hero.home .hero-content p:last-child a:hover::before {
  background-image: url("images/red-link-arrow.svg");
}

@media all and (max-width: 1023px) {

  /* line 1035, style.scss */
  .page-hero.home .hero-content p:last-child a {
    padding-left: 20px;
  }
}

/* line 1071, style.scss */
.page-hero.about-page {
  padding-bottom: 96px;
}

/* line 1074, style.scss */
.page-hero .vc_column-inner {
  padding: 0 !important;
}

/* line 1077, style.scss */
.page-hero .hero-content {
  text-align: center;
}

/* line 1079, style.scss */

.page-hero .hero-content h1 {
  margin-bottom: 32px;
  color: white;
}

@media all and (max-width: 1023px) {

  /* line 1079, style.scss */
  .page-hero .hero-content h1 {
    margin-top: 132px;
  }
}

/* line 1085, style.scss */
.page-hero .hero-content h1 span {
  color: #d1a01d;
}

/* line 1087, style.scss */
.page-hero .hero-content p {
  font-style: italic;
  line-height: 22px;
  max-width: 324px;
  margin: 0 auto;
}

/* line 1096, style.scss */
.page-hero.subsidiaries .hero-content p {
  max-width: 462px;
}

/* line 1102, style.scss */
strong {
  font-size: 15px;
}

/* line 1105, style.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 1109, style.scss */
.image-height-1052 {
  background-size: cover;
  height: 1052px;
}

@media all and (max-width: 1679px) {

  /* line 1109, style.scss */
  .image-height-1052 {
    height: 85vh;
  }
}

@media all and (max-width: 1439px) {

  /* line 1109, style.scss */
  .image-height-1052 {
    height: 75vh;
  }
}

@media all and (max-width: 1279px) {

  /* line 1109, style.scss */
  .image-height-1052 {
    height: 697px;
    background-position: center;
  }
}

@media all and (max-width: 1023px) {

  /* line 1109, style.scss */
  .image-height-1052 {
    height: 350px;
  }
}

/* line 1127, style.scss */
.image-height-697 {
  background-size: cover;
  height: 697px;
}

@media all and (max-width: 1023px) {

  /* line 1127, style.scss */
  .image-height-697 {
    height: 350px;
    background-position: center;
  }
}

/* line 1135, style.scss */
.image-height-850 {
  background-size: cover;
  height: 850px;
}

@media all and (max-width: 1279px) {

  /* line 1135, style.scss */
  .image-height-850 {
    height: 697px;
    background-position: center;
  }
}

@media all and (max-width: 1023px) {

  /* line 1135, style.scss */
  .image-height-850 {
    height: 350px;
  }
}

/* line 1146, style.scss */
.text-left {
  text-align: left;
}

/* line 1149, style.scss */
.text-center {
  text-align: center;
}

/* line 1152, style.scss */
.vc_column-inner {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

/* line 1158, style.scss */
.white-button {
  margin-top: 82px;
}

@media all and (max-width: 767px) {

  /* line 1158, style.scss */
  .white-button {
    margin-top: 95px;
  }
}

/* line 1163, style.scss */
.white-button a {
  font-size: 12px;
  padding: 18px 26px;
  background-color: #fbf7f3;
  color: #040926;
  border-radius: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

@media all and (max-width: 767px) {

  /* line 1163, style.scss */
  .white-button a {
    display: block;
    /*width: 220px;*/
    border-radius: 50px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    font-size: 12px;
  }
}

/* line 1180, style.scss */
.white-button a:hover {
  color: #111e2f;
  background-color: #d1a01d
}

/* line 1187, style.scss */
.hero-content strong {
  color: #E03223;
  font-weight: 400;
  font-style: italic;
  font-size: 50px;
}

@media all and (max-width: 767px) {

  /* line 1187, style.scss */
  .hero-content strong {
    font-size: 38px;
  }
}

/* line 1197, style.scss */
.bg-lines-section {
  padding-top: 283px;
  height: 1257px;
  background-size: cover;
}

@media all and (max-width: 1900px) {

  /* line 1197, style.scss */
  .bg-lines-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
  }
}

@media all and (max-width: 1496px) {

  /* line 1197, style.scss */
  .bg-lines-section {
    height: 920px;
  }
}

@media all and (max-width: 1365px) {

  /* line 1197, style.scss */
  .bg-lines-section {
    height: 800px;
  }
}

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

  /* line 1197, style.scss */
  .bg-lines-section {
    height: 650px;
  }
}

@media all and (max-width: 767px) {

  /* line 1197, style.scss */
  .bg-lines-section {
    height: auto !important;
    padding-top: 95px !important;
    padding-bottom: 95px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* line 1223, style.scss */
.bg-lines-section strong,
.bg-lines-section h2,
.bg-lines-section p {
  color: #fbf7f3;
}

/* line 1229, style.scss */
.bg-lines-section .content-wrapper h2 {
  margin-bottom: 94px;
  line-height: 70px;
  max-width: unset;
  font-style: italic;
  text-align: center;
  margin-top: -22px;
}

@media all and (max-width: 1279px) {

  /* line 1229, style.scss */
  .bg-lines-section .content-wrapper h2 {
    line-height: 55px;
  }
}

@media all and (max-width: 767px) {

  /* line 1229, style.scss */
  .bg-lines-section .content-wrapper h2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 1.1;
    margin-bottom: 50px;
  }
}

/* line 1249, style.scss */
.bg-lines-section .content-wrapper p {
  max-width: 615px;
}

@media all and (max-width: 767px) {

  /* line 1249, style.scss */
  .bg-lines-section .content-wrapper p {
    max-width: calc(100% - 30px);
  }
}

/* line 1256, style.scss */
.bg-lines-section .content-wrapper.center-content p {
  margin: 0 auto;
  margin-bottom: 22px;
}

/* line 1265, style.scss */

/*background of mission label*/


.bg-lines-section.home {
  background:
    /*radial-gradient(#d1a01d, #111e2f),*/
    url("images/blue-section-bg-lines.svg");
  background-blend-mode: color;
  background-position: center;
  background-size: cover;
}

/* line 1271, style.scss */
.bg-lines-section.home .content-wrapper h3 {
  margin-top: 51px;
  max-width: 1200px;
}

@media all and (max-width: 1365px) {

  /* line 1271, style.scss */
  .bg-lines-section.home .content-wrapper h3 {
    margin-top: 15px;
  }
}

/* line 1278, style.scss */
.bg-lines-section.home .content-wrapper p {
  margin-top: 105px;
}

@media all and (max-width: 1365px) {

  /* line 1278, style.scss */
  .bg-lines-section.home .content-wrapper p {
    margin-top: 50px;
  }
}

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

  /* line 1278, style.scss */
  .bg-lines-section.home .content-wrapper p {
    margin-top: 45px;
    max-width: 100%;
  }
}

@media all and (max-width: 767px) {

  /* line 1278, style.scss */
  .bg-lines-section.home .content-wrapper p {
    margin-top: 50px;
  }
}

/* line 1290, style.scss */
.bg-lines-section.home .content-wrapper p:first-child {
  margin-top: 0px;
  width: unset;
}

/* line 1296, style.scss */
.bg-lines-section.home .white-button {
  margin-top: 95px;
}

/* line 1302, style.scss */
.slider-section {
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
  opacity: 0;
  transition: opacity .5s ease;
  min-height: 1052px;
  max-height: 1052px;
  /* Next & previous buttons */
  /* The dots/bullets/indicators */
}

@media all and (max-width: 1900px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 921.208px;
  }
}

@media all and (max-width: 1679px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 784.729px;
  }
}

@media all and (max-width: 1439px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 742.646px;
  }
}

@media all and (max-width: 1365px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 693.75px;
  }
}

@media all and (max-width: 1279px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 548.177px;
  }
}

@media all and (max-width: 1023px) {

  /* line 1302, style.scss */
  .slider-section {
    min-height: 529.979px;
  }
}

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

  /* line 1302, style.scss */
  .slider-section {
    height: unset;
  }
}

@media all and (max-width: 767px) {

  /* line 1302, style.scss */
  .slider-section {
    opacity: 1;
  }
}

/* line 1334, style.scss */
.slider-section .wpb_content_element {
  margin-bottom: 0px;
}

/* line 1337, style.scss */
.slider-section .vc_column-inner {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 1341, style.scss */
.slider-section .mySlides {
  max-height: 1052px;
}

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

  /* line 1343, style.scss */
  .slider-section .mySlides img {
    display: none;
  }
}

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

  .slider-section .mySlides:nth-child(2) .slider-title {
    background-image: url("../../uploads/gsa-slide-g.jpg");
  }

  /* line 1355, style.scss */
  .slider-section .mySlides:nth-child(3) .slider-title {
    background-image: url("../../uploads/fop-slide-g.jpg");
  }

  /* line 1360, style.scss */
  .slider-section .mySlides:nth-child(4) .slider-title {
    background-image: url("../../uploads/ccgs-slide-g.jpg");
  }

   /* line 1350, style.scss */
   .slider-section .mySlides:nth-child(5) .slider-title {
    background-image: url("../../uploads/yas-slide-g.jpg");
  }

  .slider-section .mySlides:nth-child(6) .slider-title {
    background-image: url("../../uploads/ss-slide-g.jpg");
  }

  .slider-section .mySlides:nth-child(7) .slider-title {
    background-image: url("../../uploads/gs-slide-g.jpg");
  }
  .slider-section .mySlides:nth-child(8) .slider-title {
    background-image: url("../../uploads/c&c-slide-g.jpg");
  }
  .slider-section .mySlides:nth-child(9) .slider-title {
    background-image: url("../../uploads/ff-slide-g.jpg");
  }

}

/* line 1366, style.scss */
.slider-section .slider-content {
  height: 460px;
  display: none;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 1446px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: solid 2px #06060687;
  border-right: none;
  min-height: 460px;
}

@media all and (max-width: 1679px) {

  /* line 1366, style.scss */
  .slider-section .slider-content {
    width: 90%;
  }
}

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

  /* line 1366, style.scss */
  .slider-section .slider-content {
    border: none;
    min-height: unset;
    height: unset;
    position: unset;
    transform: unset;
    width: 100%;
  }
}

@media all and (max-width: 767px) {

  /* line 1366, style.scss */
  .slider-section .slider-content {
    display: block !important;
  }
}

/* line 1392, style.scss */
.slider-section .slider-content .slider-title {
  padding: 27px;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
}

@media all and (max-width: 1279px) {

  /* line 1392, style.scss */
  .slider-section .slider-content .slider-title {
    width: 50%;
  }
}

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

  /* line 1392, style.scss */
  .slider-section .slider-content .slider-title {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 450px;
    background-position: center center;
  }
}

@media all and (max-width: 767px) {

  /* line 1392, style.scss */
  .slider-section .slider-content .slider-title {
    width: 100%;
    min-height: 260px;
    padding: 15px;
    border: none;
    background-position: center;
  }
}

@media all and (max-width: 767px) {

  /* line 1413, style.scss */
  .slider-section .slider-content .slider-title h2 {
    font-size: 20px;
  }
}

/* line 1418, style.scss */
.slider-section .slider-content .slider-title h4 {
  font-size: 35px;
  font-style: italic;
  padding-left: 100px;
  line-height: 34px;
  letter-spacing: -1.5px;
}

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

  /* line 1418, style.scss */
  .slider-section .slider-content .slider-title h4 {
    font-size: 25px;
  }
}

@media all and (max-width: 767px) {

  /* line 1418, style.scss */
  .slider-section .slider-content .slider-title h4 {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 20px;
    padding-left: 30px;
  }
}

/* line 1435, style.scss */


/*Services cadre settings */


.slider-section .slider-content .slider-detail {
  padding: 27px 30px;
  background-color: #29292994;
  width: 369px;
  color: #ffffff;
}

@media all and (max-width: 1279px) {

  /* line 1435, style.scss */
  .slider-section .slider-content .slider-detail {
    width: 50%;
  }
}

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

  /* line 1435, style.scss */
  .slider-section .slider-content .slider-detail {
    min-height: 450px;
  }
}

@media all and (max-width: 767px) {

  /* line 1435, style.scss */
  .slider-section .slider-content .slider-detail {
    width: 90%;
    padding: 30px 15px;
    box-shadow: 0px 1px 8px #00000033;
    margin-left: 5%;
  }
}

/* line 1450, style.scss */
.slider-section .slider-content .slider-detail h6 {
  font-size: 16px;
  margin: 0px;
  margin-top: 20px;
  padding-left: 3px;
  text-transform: uppercase;
  line-height: 23px;
}

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

  /* line 1450, style.scss */
  .slider-section .slider-content .slider-detail h6 {
    margin-top: 18px;
  }
}

@media all and (max-width: 767px) {

  /* line 1450, style.scss */
  .slider-section .slider-content .slider-detail h6 {
    margin-top: 30px;
  }
}

/* line 1464, style.scss */
.slider-section .slider-content .slider-detail ul {
  margin-top: 18px;
  margin-bottom: 0px;
  padding-left: 19px;
}

@media all and (max-width: 767px) {

  /* line 1464, style.scss */
  .slider-section .slider-content .slider-detail ul {
    padding-left: 15px;
    margin-bottom: 40px;
  }
}

/* line 1472, style.scss */
.slider-section .slider-content .slider-detail ul li {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  list-style: none;
  position: relative;
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

@media all and (max-width: 767px) {

  /* line 1472, style.scss */
  .slider-section .slider-content .slider-detail ul li {
    font-size: 15px;
    line-height: 22px;
  }
}

/* line 1484, style.scss */
.slider-section .slider-content .slider-detail ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #000000;
  position: absolute;
  left: -19px;
  top: 7px;
  border-radius: 8px;
}

@media all and (max-width: 767px) {

  /* line 1484, style.scss */
  .slider-section .slider-content .slider-detail ul li:before {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    left: -15px;
  }
}

/* line 1500, style.scss */
.slider-section .slider-content .slider-detail ul li ul {
  margin-top: 0px;
}

/* line 1503, style.scss */
.slider-section .slider-content .slider-detail ul li ul li:before {
  background-color: transparent;
  border: solid 1px #000000;
}


/*contact slider setting */


/* line 1511, style.scss */
.slider-section .slider-content .slider-detail .contact {
  position: absolute;
  bottom: 27px;
  font-size: 14px;
  padding: 10px 20px;
  background-color: #292929;
  color: #d1a01d;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 23px;
}


@media all and (max-width: 767px) {

  /* line 1511, style.scss */
  .slider-section .slider-content .slider-detail .contact {
    position: unset;
    font-size: 15px;
    line-height: 22px;
  }
}
/* line 1526, style.scss */
.slider-section .slider-content .slider-detail .contact:hover {
  background-color: #d1a01d;
  color: #292929;
}
.slider-section .slider-content .slider-detail ul li .more{
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 23px;
}
.slider-section .slider-content .slider-detail .more:hover {
  color: #d1a01d;
  
}

/* line 1533, style.scss */
.slider-section .slide-nav {
  position: absolute;
  display: flex;
  /* Position the "next button" to the right */
}

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

  /* line 1533, style.scss */
  .slider-section .slide-nav {
    top: 30px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 1533, style.scss */
  .slider-section .slide-nav {
    left: 100%;
    transform: translateX(-100%);
    right: unset !important;
    padding-right: 15px;
    top: 15px !important;
  }
}

/* line 1546, style.scss */
.slider-section .slide-nav .prev,
.slider-section .slide-nav .next {
  cursor: pointer;
  width: 36.5px;
  height: 37px;
  user-select: none;
  background-image: url("images/slider-arrows-sprite.svg");
}

@media all and (max-width: 767px) {

  /* line 1546, style.scss */
  .slider-section .slide-nav .prev,
  .slider-section .slide-nav .next {
    height: 30px;
    width: 30px;
    background-size: cover;
  }
}

/* line 1562, style.scss */
.slider-section .slide-nav .prev:hover {
  background-position: 66%;
}

/* line 1566, style.scss */
.slider-section .slide-nav .next {
  background-position: 33%;
}

@media all and (max-width: 1279px) {

  /* line 1566, style.scss */
  .slider-section .slide-nav .next {
    background-position: 33.6%;
  }
}

/* line 1571, style.scss */
.slider-section .slide-nav .next:hover {
  background-position: 100%;
}

/* line 1578, style.scss */
.slider-section .slide-dots {
  position: absolute;
}

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

  /* line 1578, style.scss */
  .slider-section .slide-dots {
    bottom: 27px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 1578, style.scss */
  .slider-section .slide-dots {
    bottom: 465px !important;
    left: 15px !important;
  }
}

/* line 1587, style.scss */
.slider-section .slide-dots .dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  border: solid 1.5px #ffffff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

@media all and (max-width: 767px) {

  /* line 1587, style.scss */
  .slider-section .slide-dots .dot {
    margin: 0px;
    height: 5px;
    width: 5px;
  }
}

/* line 1603, style.scss */
.slider-section .slide-dots .active,
.slider-section .slide-dots .dot:hover {
  background-color: #ffffff;
}

/* line 1613, style.scss */
.chrome-browser .slide-nav .next {
  background-position: 33.6%;
}

@media all and (min-width: 1024px) {

  /* line 1624, style.scss */
  .home .site header .menu-wrapper .main-navigation .staticmenu ul li a {
    color: #ffffff;
  }

  /* line 1626, style.scss */


  /*after click header colors*/


  .home .site header .menu-wrapper .main-navigation .staticmenu ul li a:hover {
    color: #d1a01d;
  }

  /* line 1632, style.scss */
  .home .hamburger p {
    color: #ffffff !important;
  }

  /* line 1635, style.scss */
  .home .hamburger .bar,
  .home .hamburger .bar:before,
  .home .hamburger .bar:after {
    background: #ffffff;
  }
}

/* line 1643, style.scss */
.slides-wrapper {
  position: relative;
}

@media all and (max-width: 1679px) {

  /* line 1647, style.scss */
  .bg-lines-section,
  .footer-top {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 1657, style.scss */
.page-hero.region {
  padding-top: 257px;
  padding-bottom: 150px;
}

/* line 1661, style.scss */
.page-hero.region .hero-content h1 {
  margin-bottom: 33px;
}

/* line 1664, style.scss */
.page-hero.region .hero-content p {
  width: 324px;
}

@keyframes pulse {
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

/* line 1684, style.scss */
.connect-regional-section {
  position: relative;
  background-color: #0e189569;
  
  background-image: url("images/tunis.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: lighten;
}

/* line 1687, style.scss */


/*adddddddd*/

@media all and (min-width: 900px) {

  /* line 2141, style.scss */
  .connect-regional-section {
    min-height: 2000px;
  }

  .connect-regional-section .lines-back {
    min-height: 2000px;
  }
}


/*addddd*/
.connect-regional-section .vc_column_container {
  position: unset;
}

/* line 1690, style.scss */
.connect-regional-section .lines-back {
  padding: 0 30px;
  padding-top: 632px;
  padding-bottom: 65px;
  background-image: url("images/tunis.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: lighten;
}

/*@media all and (max-width: 1439px) { */
/* line 1690, style.scss */
/* .connect-regional-section .lines-back { min-height: 1880px; } }
@media all and (max-width: 1279px) { */
/* line 1690, style.scss */
/* .connect-regional-section .lines-back { min-height: 1672px; } }
@media all and (max-width: 1023px) {*/
/* line 1690, style.scss */
/*.connect-regional-section .lines-back { min-height: 1320px; padding-top: 490px; } }*/
@media all and (max-width: 767px) {

  /* line 1690, style.scss */
  .connect-regional-section .lines-back {
    padding: 60px 30px 15px;
    min-height: auto;
    padding-bottom: 280px;
  }
}

/* line 1718, style.scss */
.connect-regional-section .connect-regional-content h2 {
  color: #fbf7f3;
  width: 100%;
}

@media all and (max-width: 1679px) {

  /* line 1718, style.scss */
  .connect-regional-section .connect-regional-content h2 {
    margin-top: 0px;
  }
}

@media all and (max-width: 767px) {

  /* line 1718, style.scss */
  .connect-regional-section .connect-regional-content h2 {
    text-align: center;
  }
}

/* line 1728, style.scss */
.connect-regional-section .connect-regional-content p {
  margin-top: 24px;
  margin-bottom: 50px;
  color: #fbf7f3;
}

@media all and (max-width: 767px) {

  /* line 1728, style.scss */
  .connect-regional-section .connect-regional-content p {
    text-align: center;
  }
}

/* line 1737, style.scss */
.connect-regional-section .selection-wrapper {
  margin-bottom: 0px;
}

/* line 1739, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown {
  position: relative;
  display: inline-block;
  max-width: 100%;
  top: 0px;
}

@media all and (max-width: 767px) {

  /* line 1739, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown {
    display: block;
  }
}

/* line 1747, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown.dropdown-scroll {
  top: 480px;
  transition: 0.5s ease-in-out;
}

@media all and (max-width: 1439px) {

  /* line 1747, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown.dropdown-scroll {
    top: 480px;
  }
}

@media all and (max-width: 1023px) {

  /* line 1747, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown.dropdown-scroll {
    top: 390px;
    margin-top: 90px;
  }
}

@media all and (max-width: 480px) {

  /* line 1747, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown.dropdown-scroll {
    top: 0;
    margin-top: 0px;
  }
}

/* line 1763, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button {
  background-color: #fbf7f3;
  height: 55px;
  width: 339px;
  border: none;
  padding: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #030926;
  line-height: 16px;
  cursor: pointer;
  text-align: left;
  position: relative;
}

/* line 1777, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button:focus {
  outline: none;
}

/* line 1780, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button:hover {
  background-color: #d1a01d;
  color: #292929;
}

/* line 1783, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button:hover .chevron-down {
  filter: invert(1);
}

@media all and (max-width: 1279px) {

  /* line 1763, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown__button {
    width: 270px;
    overflow: hidden;
    padding-right: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

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

  /* line 1763, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown__button {
    width: 200px;
  }
}

@media all and (max-width: 767px) {

  /* line 1763, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown__button {
    width: 100%;
    height: 36px;
    padding: 0px 14px;
    padding-right: 35px;
  }

  /* line 1802, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown__button .chevron-down {
    top: 14px !important;
  }
}

/* line 1806, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button .chevron-down {
  background: url("images/select-dropdown-arrow.svg");
  position: absolute;
  right: 16.6px;
  top: 24.1px;
  width: 15px;
  height: 8px;
}

/* line 1815, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__button.open .chevron-down {
  background: url("images/select-dropup-arrow.svg");
}

/* line 1821, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__list {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  max-height: 371px;
  overflow: auto;
  margin: 0;
  list-style-type: none;
  opacity: 0;
  pointer-events: none;
  transform-origin: top left;
  transform: scale(1, 0);
  transition: all ease-in-out 0.3s;
  z-index: 2;
  padding: 10px 20px 36px 21px;
  background-color: #fbf7f3;
}

/* line 1839, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__list.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1, 1);
}

/* line 1845, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__list-item {
  display: block;
  list-style-type: none;
  background: #fbf7f3;
  cursor: pointer;
  transition: all ease-in-out 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  text-transform: capitalize;
}

@media all and (max-width: 1279px) {

  /* line 1845, style.scss */
  .connect-regional-section .selection-wrapper .select-dropdown__list-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
  }
}

/* line 1861, style.scss */
.connect-regional-section .selection-wrapper .select-dropdown__list-item:hover {
  color: #d1a01d;
}

/* line 1867, style.scss */
.connect-regional-section .selection-wrapper .locationSelector {
  height: 55px;
  width: 339px;
  border: none;
  padding: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #030926;
  line-height: 16px;
}

/* line 1877, style.scss */
.connect-regional-section .selection-wrapper .locationSelector:focus {
  outline: none;
}

/* line 1880, style.scss */
.connect-regional-section .selection-wrapper .locationSelector option {
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  font-weight: 700;
  text-transform: capitalize;
  border: none;
  box-shadow: none;
}

/* line 1891, style.scss */
.connect-regional-section .location {
  display: none;
  margin-top: 400px;
  padding-top: 100px;
  margin-bottom: 0px;
}

@media all and (max-width: 1439px) {

  /* line 1891, style.scss */
  .connect-regional-section .location {
    margin-top: 400px;
  }
}

@media all and (max-width: 1023px) {

  /* line 1891, style.scss */
  .connect-regional-section .location {
    margin-top: 300px;
  }
}

@media all and (max-width: 767px) {

  /* line 1891, style.scss */
  .connect-regional-section .location {
    overflow-x: scroll;
  }

  /* line 1904, style.scss */
  .connect-regional-section .location::-webkit-scrollbar {
    height: 5px;
  }

  /* line 1907, style.scss */
  .connect-regional-section .location::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
  }
}

@media all and (max-width: 480px) {

  /* line 1891, style.scss */
  .connect-regional-section .location {
    margin-top: 0;
  }
}

/* line 1915, style.scss */
.connect-regional-section .location table {
  color: #fff;
  table-layout: inherit;
}

@media all and (max-width: 767px) {

  /* line 1915, style.scss */
  .connect-regional-section .location table {
    width: 740px !important;
  }
}

/* line 1922, style.scss */
.connect-regional-section .location table tbody tr {
  border-top: solid 1px #fbf7f3;
}

/* line 1924, style.scss */
.connect-regional-section .location table tbody tr:first-of-type {
  border: none;
}

/* line 1927, style.scss */
.connect-regional-section .location table tbody tr th {
  text-align: left;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
}

/* line 1933, style.scss */
.connect-regional-section .location table tbody tr th:first-of-type {
  font-size: 20px;
  color: #d1a01d;
}

@media all and (max-width: 1023px) {

  /* line 1927, style.scss */
  .connect-regional-section .location table tbody tr th {
    font-size: 16px !important;
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* line 1943, style.scss */
.connect-regional-section .location table tbody tr td {
  padding: 30px 0px;
  vertical-align: top;
  font-size: 14px;
  line-height: 23px;
}

/* line 1948, style.scss */
.connect-regional-section .location table tbody tr td:first-of-type {
  font-weight: 700;
}

@media all and (max-width: 1023px) {

  /* line 1943, style.scss */
  .connect-regional-section .location table tbody tr td {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* line 1956, style.scss */
.connect-regional-section .location table tbody tr td i {
  margin-right: 10px;
}

/* line 1959, style.scss */
.connect-regional-section .location table tbody tr td span {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

/* line 1963, style.scss */
.connect-regional-section .location table tbody tr td span strong {
  font-size: 14px;
}

/* line 1967, style.scss */
.connect-regional-section .location table tbody tr td a {
  color: #d1a01d;
  font-weight: 700;
}

/* line 1970, style.scss */
.connect-regional-section .location table tbody tr td a:hover {
  text-decoration: underline;
}

/* line 1980, style.scss */
.connect-regional-section .location-markers .loc-marker {
  position: absolute;
}

/* line 1982, style.scss */
.connect-regional-section .location-markers .loc-marker .wpb_wrapper {
  display: flex;
  align-items: center;
}

/* line 1986, style.scss */



/*region colors */



.connect-regional-section .location-markers .loc-marker .pulse {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #d1a01d;
  position: relative;
}

/* line 1998, style.scss */
.connect-regional-section .location-markers .loc-marker .pulse:before,
.connect-regional-section .location-markers .loc-marker .pulse:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #d1a01d;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.7;
}

/* line 2009, style.scss */
.connect-regional-section .location-markers .loc-marker .pulse:before {
  animation: pulse 2s ease-out infinite;
}

/* line 2013, style.scss */
.connect-regional-section .location-markers .loc-marker .pulse:after {
  animation: pulse 2s 1s ease-out infinite;
}

/* line 2019, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(2) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(2) .pulse:after {
  animation-delay: 0.2s;
}

/* line 2026, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(3) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(3) .pulse:after {
  animation-delay: 0.4s;
}

/* line 2033, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(4) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(4) .pulse:after {
  animation-delay: 0.6s;
}

/* line 2040, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(5) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(5) .pulse:after {
  animation-delay: 0.8s;
}

/* line 2047, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(6) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(6) .pulse:after {
  animation-delay: 0.3s;
}

/* line 2054, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(7) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(7) .pulse:after {
  animation-delay: 0.9s;
}

/* line 2061, style.scss */
.connect-regional-section .location-markers .loc-marker:nth-child(8) .pulse:before,
.connect-regional-section .location-markers .loc-marker:nth-child(8) .pulse:after {
  animation-delay: 0.7s;
}

/* line 2066, style.scss */
.connect-regional-section .location-markers .loc-marker h5 {
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #d1a01d;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  cursor: pointer;
}

/* line 2076, style.scss */
.connect-regional-section .location-markers .loc-marker p {
  color: #ffffff;
  line-height: 16px;
  font-size: 11px;
  text-transform: uppercase;
}

/* line 2082, style.scss */
.connect-regional-section .location-markers .loc-marker {
  position: absolute;
}


@media all and (max-width: 1440px) {

  /* line 2141, style.scss */
  .connect-regional-section .location-markers .loc-marker h5 {
    font-size: 12px;
  }

  /* line 2143, style.scss */
  .connect-regional-section .location-markers .loc-marker h5::before {
    width: 8px;
    height: 8px;
    left: -16px;
  }

  /* line 2149, style.scss */
  .connect-regional-section .location-markers .loc-marker p {
    font-size: 9px;
  }

  /* line 2152, style.scss */
}



@media all and (max-width: 767px) {

  /* line 1980, style.scss */
  .connect-regional-section .location-markers .loc-marker {
    display: none !important;
  }
}

/* line 2192, style.scss */
.industry-card-wrapper {
  padding-bottom: 128px;
}

@media all and (max-width: 1023px) {

  /* line 2192, style.scss */
  .industry-card-wrapper {
    padding-bottom: 20px;
  }
}

/* line 2197, style.scss */
.industry-card-wrapper .vc_row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 75px;
}

@media all and (max-width: 1279px) {

  /* line 2197, style.scss */
  .industry-card-wrapper .vc_row {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 60px;
  }
}

@media all and (max-width: 767px) {

  /* line 2197, style.scss */
  .industry-card-wrapper .vc_row {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 15px;
  }
}

@media all and (max-width: 767px) {

  /* line 2197, style.scss */
  .industry-card-wrapper .vc_row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 2214, style.scss */
.industry-card-wrapper .vc_row::before {
  display: none;
}

/* line 2217, style.scss */
.industry-card-wrapper .vc_row .industry-card {
  width: unset;
  position: relative;
}

/* line 2220, style.scss */
.industry-card-wrapper .vc_row .industry-card .wpb_single_image {
  margin-bottom: 0;
}

/* line 2224, style.scss */
.industry-card-wrapper .vc_row .industry-card .card-content p {
  font-weight: 700;
  font-size: 14px;
}

/* line 2228, style.scss */
.industry-card-wrapper .vc_row .industry-card .card-content strong {
  position: absolute;
  bottom: 40px;
  left: 15px;
  width: 190px;
  height: auto;
  color: #fff;
  font-size: 25px;
  font-family: "charterregular";
  font-weight: 500;
}

/* line 2238, style.scss */
.industry-card-wrapper .vc_row .industry-card .card-content strong em {
  font-size: 20px;
  font-style: normal;
}

@media all and (max-width: 1439px) {

  /* line 2228, style.scss */
  .industry-card-wrapper .vc_row .industry-card .card-content strong {
    width: 90%;
    left: 10px;
  }
}

@media all and (max-width: 767px) {

  /* line 2228, style.scss */
  .industry-card-wrapper .vc_row .industry-card .card-content strong {
    font-size: 20px;
  }

  /* line 2248, style.scss */
  .industry-card-wrapper .vc_row .industry-card .card-content strong em {
    font-size: 16px;
  }
}

/* line 2258, style.scss */
.service-card-wrapper .vc_column-inner {
  padding: 0 !important;
}

/* line 2261, style.scss */
.service-card-wrapper .service-card {
  padding-right: 20px;
  height: 720px;
  color: #fcf7f3;
}

@media all and (max-width: 1365px) {

  /* line 2261, style.scss */
  .service-card-wrapper .service-card {
    height: 750px;
  }
}

@media all and (max-width: 1279px) {

  /* line 2261, style.scss */
  .service-card-wrapper .service-card {
    width: 50%;
    margin-bottom: 35px;
    height: 720px;
  }
}

@media all and (max-width: 767px) {

  /* line 2261, style.scss */
  .service-card-wrapper .service-card {
    padding: 0 !important;
    margin-top: 30px;
    height: auto;
    width: 100%;
  }

  /* line 2274, style.scss */
  .service-card-wrapper .service-card:first-of-type {
    margin-top: 0;
  }
}

/* line 2278, style.scss */

/* line 2293, style.scss */
.service-card-wrapper .service-card .vc_column-inner {
  background: #2a2a2a;
  height: 100%;
  padding: 0 !important;
}

/* line 2297, style.scss */
.service-card-wrapper .service-card .vc_column-inner .service-card-img {
  height: 324px;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 2298, style.scss */
.service-card-wrapper .service-card .vc_column-inner .card-content {
  padding: 25px;
}

/* line 2312, style.scss */
.service-card-wrapper .service-card .vc_column-inner h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

@media all and (max-width: 1365px) {

  /* line 2312, style.scss */
  .service-card-wrapper .service-card .vc_column-inner h2 {
    font-size: 35px;
  }
}

@media all and (max-width: 1279px) {

  /* line 2312, style.scss */
  .service-card-wrapper .service-card .vc_column-inner h2 {
    margin-bottom: 56px;
  }
}

@media all and (max-width: 1023px) {

  /* line 2312, style.scss */
  .service-card-wrapper .service-card .vc_column-inner h2 {
    margin-bottom: 48px;
    font-size: 35px;
  }
}

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

  /* line 2312, style.scss */
  .service-card-wrapper .service-card .vc_column-inner h2 {
    margin-bottom: 20px;
  }
}

/* line 2327, style.scss */
.service-card-wrapper .service-card .vc_column-inner ul {
  padding-left: 20px;
  margin: 0;
}

/* line 2330, style.scss */
.service-card-wrapper .service-card .vc_column-inner ul li {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}

/* line 2334, style.scss */
.service-card-wrapper .service-card .vc_column-inner ul li::marker {
  font-size: 22px;
}

@media all and (max-width: 767px) {

  /* line 2330, style.scss */
  .service-card-wrapper .service-card .vc_column-inner ul li {
    font-size: 15px;
    line-height: 22px;
  }
}

/* line 2346, style.scss */
.site-content-wrapper {
  padding-top: 60px;
  padding-bottom: 100px;
}

/* line 2349, style.scss */
.site-content-wrapper.service-site {
  padding-bottom: 214px;
}

@media all and (max-width: 1023px) {

  /* line 2349, style.scss */
  .site-content-wrapper.service-site {
    padding-bottom: 114px;
  }
}

@media all and (max-width: 767px) {

  /* line 2349, style.scss */
  .site-content-wrapper.service-site {
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media all and (max-width: 767px) {

  /* line 2357, style.scss */
  .site-content-wrapper.service-site h2 {
    margin-bottom: 30px !important;
  }
}

@media all and (max-width: 1023px) {

  /* line 2346, style.scss */
  .site-content-wrapper {
    padding: 80px 0;
  }
}

/* line 2366, style.scss */
.site-content-wrapper.why-us-page {
  position: relative;
  padding-top: 0px;
  padding-bottom: 196px;
}

@media all and (max-width: 1023px) {

  /* line 2366, style.scss */
  .site-content-wrapper.why-us-page {
    padding: 80px 0;
  }
}

@media all and (max-width: 767px) {

  /* line 2366, style.scss */
  .site-content-wrapper.why-us-page {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 2376, style.scss */
.site-content-wrapper.why-us-page .site-content-right {
  overflow: hidden;
  width: 100% !important;
}

/*@media all and (max-width: 767px) {

  
  .site-content-wrapper.why-us-page .site-content-right {
    display: none;
  }
}*/

/* line 2382, style.scss */
.site-content-wrapper.why-us-page .site-content-right img {
  max-width: 767px;
  padding-right: 12px;
}

@media all and (max-width: 1440px) {

  /* line 2382, style.scss */
  .site-content-wrapper.why-us-page .site-content-right img {
    max-width: 640px;
  }
}

@media all and (max-width: 1279px) {

  /* line 2382, style.scss */
  .site-content-wrapper.why-us-page .site-content-right img {
    max-width: 520px;
  }
}

@media all and (max-width: 1023px) {

  /* line 2382, style.scss */
  .site-content-wrapper.why-us-page .site-content-right img {
    padding-right: 0px;
  }
}

@media all and (max-width: 767px) {
  .site-content-wrapper.why-us-page .site-content-right img {
    max-width: 400px;
  }
}
@media all and (max-width: 575px) {
  .site-content-wrapper.why-us-page .site-content-right img {
    max-width: 300px;
  }
}
@media all and (max-width: 375px) {
  .site-content-wrapper.why-us-page .site-content-right img {
    max-width: 224px;
  }
}

/* line 2393, style.scss */
.site-content-wrapper.why-us-page .site-content-left {
  position: absolute;
  padding-right: 0;
  z-index: 10;
  top: 49%;
  transform: translateY(-50%);
  left: 0;
  max-width: 618px;
}

@media all and (max-width: 1023px) {

  /* line 2393, style.scss */
  .site-content-wrapper.why-us-page .site-content-left {
    text-align: center;
    position: unset;
    transform: unset;
    max-width: unset;
    width: 100%;
  }
}

/* line 2407, style.scss */
.site-content-wrapper.why-us-page .site-content-left strong {
  margin-bottom: 48px;
  text-transform: uppercase;
}

@media all and (max-width: 767px) {

  /* line 2407, style.scss */
  .site-content-wrapper.why-us-page .site-content-left strong {
    margin-bottom: 20px;
  }
}

/* line 2414, style.scss */
.site-content-wrapper.why-us-page .site-content-left h2 {
  margin-bottom: 90px;
}

@media all and (max-width: 1279px) {

  /* line 2414, style.scss */
  .site-content-wrapper.why-us-page .site-content-left h2 {
    margin-bottom: 40px;
  }
}

@media all and (max-width: 767px) {

  /* line 2414, style.scss */
  .site-content-wrapper.why-us-page .site-content-left h2 {
    margin-bottom: 30px;
  }
}

/* line 2423, style.scss */
.site-content-wrapper.why-us-page .site-content-left p {
  margin-bottom: 90px;
  max-width: 615px;
}

@media all and (max-width: 1023px) {

  /* line 2423, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p {
    max-width: unset;
    width: 100%;
  }
}

@media all and (max-width: 767px) {

  /* line 2423, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p {
    margin-bottom: 80px;
  }
}

/* line 2433, style.scss */
.site-content-wrapper.why-us-page .site-content-left p:first-child {
  margin-bottom: 50.4px;
}

@media all and (max-width: 1365px) {

  /* line 2433, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p:first-child {
    margin-bottom: 35px;
  }
}

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

  /* line 2433, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p:first-child {
    margin-bottom: 20px;
  }
}

/* line 2445, style.scss */
.site-content-wrapper.why-us-page .site-content-left p:last-child {
  margin-bottom: 0;
  max-width: max-content;
}

@media all and (max-width: 767px) {

  /* line 2445, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p:last-child {
    max-width: none;
  }
}

/* line 2451, style.scss */
.site-content-wrapper.why-us-page .site-content-left p:last-child a {
  padding: 20.5px 34px;
  border-radius: 35px;
}

@media all and (max-width: 767px) {

  /* line 2451, style.scss */
  .site-content-wrapper.why-us-page .site-content-left p:last-child a {
    border-radius: 50px;
  }
}

/* line 2460, style.scss */
.site-content-wrapper.why-us-page .site-content-left a {
  display: block;
}

/* line 2465, style.scss */
.site-content-wrapper .vc_row {
  display: flex;
  align-items: center;
}

@media all and (max-width: 1023px) {

  /* line 2465, style.scss */
  .site-content-wrapper .vc_row {
    display: block;
  }
}

/* line 2472, style.scss */
.site-content-wrapper .vc_column-inner {
  padding: 0 !important;
}

@media all and (max-width: 1279px) {

  /* line 2475, style.scss */
  .site-content-wrapper .site-content-right {
    width: 50% !important;
  }
}

@media all and (max-width: 1023px) {

  /* line 2475, style.scss */
  .site-content-wrapper .site-content-right {
    margin-top: 60px;
    width: 100% !important;
  }
}

@media all and (max-width: 767px) {

  /* line 2475, style.scss */
  .site-content-wrapper .site-content-right {
    margin-top: 80px;
  }
}

/* line 2486, style.scss */
.site-content-wrapper .site-content-right p {
  text-align: right;
}

@media all and (max-width: 1023px) {

  /* line 2486, style.scss */
  .site-content-wrapper .site-content-right p {
    text-align: center;
  }
}

/* line 2491, style.scss */
.site-content-wrapper .site-content-right p img {
  width: 792px;
}

@media all and (max-width: 1023px) {

  /* line 2491, style.scss */
  .site-content-wrapper .site-content-right p img {
    width: 80%;
  }
}

/* line 2499, style.scss */
.site-content-wrapper .site-content-left {
  padding-right: 24px;
}

@media all and (max-width: 1279px) {

  /* line 2499, style.scss */
  .site-content-wrapper .site-content-left {
    width: 50% !important;
  }
}

@media all and (max-width: 1023px) {

  /* line 2499, style.scss */
  .site-content-wrapper .site-content-left {
    width: 100% !important;
    padding-right: 0;
  }
}

/* line 2508, style.scss */
.site-content-wrapper .site-content-left p {
  margin-bottom: 104px;
}

@media all and (max-width: 1023px) {

  /* line 2508, style.scss */
  .site-content-wrapper .site-content-left p {
    margin-bottom: 52px;
  }

  /* line 2512, style.scss */
  .site-content-wrapper .site-content-left p:last-child {
    width: 70%;
  }
}

@media all and (max-width: 1023px) and (max-width: 767px) {

  /* line 2512, style.scss */
  .site-content-wrapper .site-content-left p:last-child {
    width: 100%;
  }
}

@media all and (max-width: 767px) {

  /* line 2508, style.scss */
  .site-content-wrapper .site-content-left p {
    margin-bottom: 20px;
  }
}

/* line 2523, style.scss */
.site-content-wrapper .site-content-left h2 {
  margin-bottom: 80px;
  color: #d1a01d;
}

@media all and (max-width: 767px) {

  /* line 2523, style.scss */
  .site-content-wrapper .site-content-left h2 {
    margin-bottom: 30px;
  }
}

/* line 2531, style.scss */
.site-content-wrapper .content-wrapper {
  max-width: 615px;
  text-align: center;
  margin: 0 auto;
}

/* line 2535, style.scss */
.site-content-wrapper .content-wrapper h2 {
  margin-bottom: 100px;
  color: #d1a01d;
}

/* line 2539, style.scss */
.site-content-wrapper .content-wrapper p:first-of-type {
  margin-bottom: 50px;
}

/* line 2542, style.scss */
.site-content-wrapper .content-wrapper p:last-of-type {
  margin-top: 50px;
}

@media all and (max-width: 767px) {

  /* line 2542, style.scss */
  .site-content-wrapper .content-wrapper p:last-of-type {
    margin-top: 80px;
  }
}

/* line 2552, style.scss */
.why-use-nli-wrapper .hero-content p {
  max-width: 600px;
}

/* line 2555, style.scss */
.dark-btn {
  font-size: 12px;
  color: #d1a01d;
  padding: 20px 35px;
  background-color: #4444448c;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 2563, style.scss */
.dark-btn:hover {
  background-color: #d1a01d;
  color: #111e2f
}

@media all and (max-width: 1279px) {

  /* line 2555, style.scss */
  .dark-btn {
    text-align: center;
    display: block;
  }
}

@media all and (max-width: 767px) {

  /* line 2555, style.scss */
  .dark-btn {
    font-size: 12px;
  }
}

/* line 2574, style.scss */
.why-nli-lines-section {
  height: 1270px;
  display: flex;
  align-items: center;
  padding-top: 0px;
  background: linear-gradient(#2a2a2a, #444), url("images/lines-careers.svg");
  background-blend-mode: lighten;
  background-position: center;
  background-size: cover;
}

/* line 2583, style.scss */
.why-nli-lines-section .white-button {
  margin-top: 105px;
}

/* line 2588, style.scss */
.why-nli-lines-section .content-wrapper p:last-child {
  word-spacing: 2px;
}

@media all and (max-width: 767px) {

  /* line 2588, style.scss */
  .why-nli-lines-section .content-wrapper p:last-child {
    word-spacing: unset;
  }
}

/* line 2597, style.scss */
.ship-section .vc_column-inner {
  padding: 0 !important;
}

/* line 2601, style.scss */
.commodity-teams-section p {
  font-size: 15px;
  font-weight: bold;
}

/* line 2605, style.scss */
.commodity-teams-section h2 {
  font-size: 50px;
}

/* line 2608, style.scss */
.commodity-teams-section p:last-child {
  padding-top: 0px;
  width: 870px;
  font-size: 16px;
  font-weight: 400;
}

/* line 2615, style.scss */
.cruise-container .camp-section {
  margin: 0px;
}

/* line 2618, style.scss */
.camp-section .vc_box_border_grey:before {
  width: 186px;
  height: 700px;
  background: #fbf7f3;
  content: "";
  position: absolute;
  z-index: 1;
}

/* line 2626, style.scss */
.commodity-teams-section .white-button a {
  background: #030928;
  color: #fbf7f3;
  margin-bottom: 405px;
}

/* line 2633, style.scss */
.about-jhon-section p {
  max-width: 615px;
  margin: 0 auto;
  text-align: center;
}

/* line 2638, style.scss */
.about-jhon-section p:last-child {
  padding-top: 24px;
  line-height: 23.3px;
}

/* line 2643, style.scss */
.about-mission,
.why-nli-page,
.careers-page,
.career-bg-section {
  padding-top: 0 !important;
  display: flex;
  align-items: center;
}

@media all and (max-width: 767px) {

  /* line 2643, style.scss */
  .about-mission,
  .why-nli-page,
  .careers-page,
  .career-bg-section {
    padding-top: 95px !important;
  }
}

/* line 2655, style.scss */
.about-mission.bg-lines-section {
  background: linear-gradient(#d1a01d, #111e2f), url(images/blue-section-bg-lines.svg);
  background-blend-mode: lighten;
  background-position: center;
  background-size: cover;
}

@media all and (max-width: 767px) {

  /* line 2655, style.scss */
  .about-mission.bg-lines-section {
    height: 500px;
  }
}

/* line 2664, style.scss */
.about-mission.bg-lines-section .content-wrapper h2 {
  margin-top: 54px !important;
}

/* line 2668, style.scss */
.about-mission.bg-lines-section .content-wrapper p:first-of-type {
  margin-top: -4px !important;
}

/* line 2675, style.scss */
.about-our-value-section {
  padding-top: 260px;
  padding-bottom: 100px;
}

@media all and (max-width: 1023px) {

  /* line 2675, style.scss */
  .about-our-value-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

@media all and (max-width: 767px) {

  /* line 2675, style.scss */
  .about-our-value-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

/* line 2686, style.scss */
.about-our-value-section .vc_column-inner {
  justify-content: center;
}

/* line 2689, style.scss */
.about-our-value-section .value-content {
  padding-top: 94.6px;
}

@media all and (max-width: 767px) {

  /* line 2689, style.scss */
  .about-our-value-section .value-content {
    padding-top: 0px;
  }
}

/* line 2694, style.scss */
.about-our-value-section .value-content strong {
  text-transform: uppercase;
}

/* line 2697, style.scss */
.about-our-value-section .value-content h3 {
  margin-top: 50px;
}

@media all and (max-width: 1365px) {

  /* line 2697, style.scss */
  .about-our-value-section .value-content h3 {
    margin-top: 15px;
  }
}

@media all and (max-width: 767px) {

  /* line 2697, style.scss */
  .about-our-value-section .value-content h3 {
    margin-top: 50px;
  }
}

/* line 2707, style.scss */
.about-our-value-section .value-content p:last-of-type {
  margin-top: 100px;
  width: 550px;
}

@media all and (max-width: 1365px) {

  /* line 2707, style.scss */
  .about-our-value-section .value-content p:last-of-type {
    width: 100%;
    margin-top: 20px;
    padding-right: 25px;
  }
}

@media all and (max-width: 767px) {

  /* line 2707, style.scss */
  .about-our-value-section .value-content p:last-of-type {
    padding-right: 0px;
    margin-top: 30px;
  }
}

/* line 2721, style.scss */
.about-our-value-section .value-content h3,
.about-our-value-section .value-content p,
.about-our-value-section .value-content strong {
  color: #d1a01d;
}

/* line 2727, style.scss */
.about-our-value-section .vc_tta-container {
  margin-bottom: 0px;
}

@media all and (max-width: 767px) {

  /* line 2730, style.scss */
  .about-our-value-section .value-accordian {
    margin-top: 80px;
  }
}

/* line 2734, style.scss */
.about-our-value-section .value-accordian .vc_tta-title-text {
  font-size: 45px;
  line-height: 70px;
  letter-spacing: -1.5px;
  color: #030928;
}

@media all and (max-width: 1279px) {

  /* line 2734, style.scss */
  .about-our-value-section .value-accordian .vc_tta-title-text {
    font-size: 35px;
    line-height: 40px;
  }
}

@media all and (max-width: 767px) {

  /* line 2734, style.scss */
  .about-our-value-section .value-accordian .vc_tta-title-text {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
  }
}

/* line 2749, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel {
  margin-bottom: 10px;
  padding-left: 52px;
  padding-top: 24px;
  padding-bottom: 22px;
  background-color: #d1a01d !important;
}

/* line 2755, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel:hover {
  background-color: #a97721 !important;
}

@media all and (max-width: 1279px) {

  /* line 2749, style.scss */
  .about-our-value-section .value-accordian .vc_tta-panel {
    padding-left: 25px;
  }
}

/* line 2761, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel:last-child {
  margin-bottom: 0px;
}

/* line 2764, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel h4 a,
.about-our-value-section .value-accordian .vc_tta-panel .vc_tta-panel-body {
  padding: 0px !important;
}

/* line 2769, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel-heading,
.about-our-value-section .value-accordian .vc_tta-panel-body {
  background-color: transparent !important;
  border: none !important;
}

/* line 2775, style.scss */
.about-our-value-section .value-accordian .vc_tta-panel-body p {
  padding-bottom: 75px;
  padding-right: 25px;
}

@media all and (max-width: 767px) {

  /* line 2775, style.scss */
  .about-our-value-section .value-accordian .vc_tta-panel-body p {
    padding-bottom: 0px;
  }
}

/* line 2783, style.scss */
.about-our-value-section .value-accordian .vc_active {
  padding-top: 43.5px;
  background-color: #a97721 !important;
}

@media all and (max-width: 767px) {

  /* line 2783, style.scss */
  .about-our-value-section .value-accordian .vc_active {
    padding-top: 20px;
  }
}

/* line 2789, style.scss */
.about-our-value-section .value-accordian .vc_active .vc_tta-panel-body {
  padding-top: 35px !important;
}

@media all and (max-width: 767px) {

  /* line 2789, style.scss */
  .about-our-value-section .value-accordian .vc_active .vc_tta-panel-body {
    padding-top: 20px !important;
  }
}

/* line 2797, style.scss */
.about-our-value-section .value-accordian .vc_tta-controls-icon {
  width: 30px;
  height: 30px;
}

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

  /* line 2797, style.scss */
  .about-our-value-section .value-accordian .vc_tta-controls-icon {
    width: 15px;
    height: 15px;
  }
}

/* line 2805, style.scss */
.about-our-value-section .value-accordian .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
  border-width: 5px 0 0 0;
  border-color: #030928 !important;
  border-radius: 5px;
}

@media all and (max-width: 767px) {

  /* line 2805, style.scss */
  .about-our-value-section .value-accordian .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
    border-width: 3px 0 0 0;
  }
}

/* line 2813, style.scss */
.about-our-value-section .value-accordian .vc_tta-controls-icon.vc_tta-controls-icon-plus:after {
  border-width: 0 0 0 5px;
  border-color: #030928;
  border-radius: 5px;
}

@media all and (max-width: 767px) {

  /* line 2813, style.scss */
  .about-our-value-section .value-accordian .vc_tta-controls-icon.vc_tta-controls-icon-plus:after {
    border-width: 0 0 0 3px;
  }
}

/* line 2826, style.scss */
.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
  opacity: 0;
}

/* line 2829, style.scss */
.tcb-section {
  background: linear-gradient(#111e2f, #444), url("images/grey-section-bg-lines.svg");
  background-blend-mode: lighten;
  background-position: center;
  background-size: cover;
}

/* line 2834, style.scss */
.tcb-section.bg-lines-section {
  position: relative;
  height: 1270px;
  display: flex;
  align-items: center;
  padding-top: 0px;
}

@media all and (max-width: 1496px) {

  /* line 2834, style.scss */
  .tcb-section.bg-lines-section {
    height: 920px !important;
  }
}

@media all and (max-width: 1023px) {

  /* line 2834, style.scss */
  .tcb-section.bg-lines-section {
    height: 550px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 2834, style.scss */
  .tcb-section.bg-lines-section {
    height: auto !important;
  }
}

/* line 2849, style.scss */
.tcb-section.bg-lines-section .vc_col-sm-12 {
  position: unset;
}

/* line 2853, style.scss */
.tcb-section.bg-lines-section .content-wrapper h2 {
  text-align: center;
  max-width: unset;
  margin-top: -10px;
  letter-spacing: 0px;
  font-style: unset;
}

@media all and (max-width: 1023px) {

  /* line 2853, style.scss */
  .tcb-section.bg-lines-section .content-wrapper h2 {
    margin-bottom: 25px;
  }
}

@media all and (max-width: 767px) {

  /* line 2853, style.scss */
  .tcb-section.bg-lines-section .content-wrapper h2 {
    margin-bottom: 50px;
  }
}

/* line 2866, style.scss */
.tcb-section.bg-lines-section .content-wrapper p {
  max-width: 632px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 0px;
}

@media all and (max-width: 767px) {

  /* line 2866, style.scss */
  .tcb-section.bg-lines-section .content-wrapper p {
    margin-top: 25px;
    max-width: calc(100% - 30px);
  }
}

/* line 2876, style.scss */
.tcb-section.bg-lines-section .content-wrapper p:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 2881, style.scss */
.tcb-section.bg-lines-section .content-wrapper .flexible-text {
  font-style: unset;
  position: absolute;
  left: 50%;
  font-weight: 600;
  font-size: 20px;
  transform: translateX(-50%);
}

/* line 2888, style.scss */
.tcb-section.bg-lines-section .content-wrapper .flexible-text.top {
  top: 100px;
}

@media all and (max-width: 767px) {

  /* line 2888, style.scss */
  .tcb-section.bg-lines-section .content-wrapper .flexible-text.top {
    top: 40px;
  }
}

/* line 2894, style.scss */
.tcb-section.bg-lines-section .content-wrapper .flexible-text.bottom {
  bottom: 100px;
}

@media all and (max-width: 767px) {

  /* line 2894, style.scss */
  .tcb-section.bg-lines-section .content-wrapper .flexible-text.bottom {
    bottom: 40px;
  }
}

/* line 2905, style.scss */
.about-ship-img-wrapper {
  margin-top: 118px;
  margin-bottom: 200px;
}

@media all and (max-width: 1023px) {

  /* line 2905, style.scss */
  .about-ship-img-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media all and (max-width: 767px) {

  /* line 2905, style.scss */
  .about-ship-img-wrapper {
    margin-top: 50px;
    margin-bottom: 20px;
    overflow-x: auto;
  }

  /* line 2917, style.scss */
  .about-ship-img-wrapper p img {
    min-width: 1200px;
  }
}

/* line 2924, style.scss */
.subsidiaries-red-section {
  background: linear-gradient(#E03223, #E03223), url(images/red-section-bg-lines.svg) no-repeat;
  background-blend-mode: lighten;
  background-position: center;
  background-size: cover;
}

/* line 2929, style.scss */
.subsidiaries-red-section.bg-lines-section {
  height: 1678px;
  padding-top: 316px;
}

@media all and (max-width: 1679px) {

  /* line 2929, style.scss */
  .subsidiaries-red-section.bg-lines-section {
    padding-top: 0px;
  }
}

@media all and (max-width: 1023px) {

  /* line 2929, style.scss */
  .subsidiaries-red-section.bg-lines-section {
    height: 1298px;
  }
}

/* line 2938, style.scss */
.subsidiaries-red-section.bg-lines-section .content-wrapper {
  text-align: center;
}

/* line 2940, style.scss */
.subsidiaries-red-section.bg-lines-section .content-wrapper p,
.subsidiaries-red-section.bg-lines-section .content-wrapper h3 {
  margin-left: auto;
  margin-right: auto;
}

/* line 2945, style.scss */
.subsidiaries-red-section.bg-lines-section .content-wrapper h3 {
  max-width: 1150px;
}

/* line 2948, style.scss */
.subsidiaries-red-section.bg-lines-section .content-wrapper p:last-child {
  margin-top: 100px;
}

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

  /* line 2948, style.scss */
  .subsidiaries-red-section.bg-lines-section .content-wrapper p:last-child {
    margin-top: 50px;
  }
}

/* line 2956, style.scss */
.subsidiaries-red-section .red-section-tab {
  max-width: 954px;
  margin: 0 auto;
  margin-top: 132px;
}

@media all and (max-width: 767px) {

  /* line 2956, style.scss */
  .subsidiaries-red-section .red-section-tab {
    margin-top: 70px;
  }
}

/* line 2963, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-container {
  margin: 0px !important;
}

/* line 2966, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-list {
  display: flex !important;
  justify-content: space-between;
  margin-top: 0px !important;
  margin-left: 0px !important;
}

/* line 2971, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab {
  margin-left: 0px;
  margin-top: 0px;
}

/* line 2975, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab.vc_active a {
  background-color: #ecdfc9 !important;
  color: #030928 !important;
}

/* line 2980, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab a {
  border: none;
  border-radius: 0px;
  background-color: #fbf7f3;
  color: #3f4558;
  font-size: 15px;
  font-weight: 700;
  padding: 18px 46px 20px;
}

/* line 2988, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab a:hover {
  background-color: #ecdfc9 !important;
}

@media all and (max-width: 1279px) {

  /* line 2980, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab a {
    padding: 18px 38px 20px;
  }
}

@media all and (max-width: 1023px) {

  /* line 2980, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab a {
    padding: 18px 35px 20px;
  }
}

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

  /* line 2980, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-tabs-list .vc_tta-tab a {
    padding: 18px 8px 20px;
  }
}

/* line 3003, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels {
  border-radius: 0px !important;
  background-color: #ecdfc9 !important;
  border: none !important;
  height: 465px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 76px;
}

@media all and (max-width: 1490px) {

  /* line 3003, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels {
    justify-content: center;
  }
}

/* line 3016, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos .wpb_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 462px;
  margin: 0 auto;
}

@media all and (max-width: 767px) {

  /* line 3016, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos .wpb_wrapper {
    flex-direction: column;
    width: 100%;
  }
}

/* line 3026, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos .wpb_wrapper img {
  height: 50px;
}

/* line 3030, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos hr {
  background-color: #040926;
  height: 38px;
  width: 2px;
  border-radius: 2px;
}

@media all and (max-width: 767px) {

  /* line 3030, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos hr {
    height: 2px;
    width: 38px;
    margin-bottom: 30px;
  }
}

/* line 3041, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos p {
  text-align: center;
}

/* line 3043, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos p a {
  color: #030928;
  font-weight: 600;
}

/* line 3046, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-logos p a:hover {
  color: #E03223;
  text-decoration: underline;
}

/* line 3054, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content strong {
  font-style: italic;
  font-weight: 400;
}

/* line 3058, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content strong,
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content p {
  color: #030928;
  text-align: center;
  font-size: 14px;
}

/* line 3064, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content p {
  max-width: 615px;
  font-weight: 700;
}

/* line 3067, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content p:first-child {
  margin-top: 42px;
  margin-bottom: 15px;
}

/* line 3072, style.scss */
.subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content ul {
  display: grid;
  padding-left: 20px;
  list-style: decimal;
  grid-template-columns: 195px repeat(1, 1fr) 115px;
  gap: 0px 30px;
  color: #030928;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  font-style: italic;
}

@media all and (max-width: 767px) {

  /* line 3072, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels .tab-content ul {
    font-size: 15px;
    line-height: 22px;
    display: block;
  }
}

@media all and (max-width: 767px) {

  /* line 3093, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panels {
    align-items: inherit;
    height: auto;
    background-color: transparent;
    padding-top: 0px;
  }

  /* line 3099, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panel {
    border-radius: 0px !important;
    border: none !important;
  }

  /* line 3103, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panel-heading,
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panel-body {
    border: none;
    border-radius: 0px;
    border-bottom: solid 1px #ffffff;
  }

  /* line 3109, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panel-heading {
    background-color: #fbf7f3;
  }

  /* line 3112, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_tta-panel-heading h4 span {
    color: #3f4558;
    font-size: 15px;
    font-weight: 700;
    font-family: "Arial", sans-serif;
  }

  /* line 3121, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_active .vc_tta-panel-heading,
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_active .vc_tta-panel-body {
    background-color: #ecdfc9 !important;
  }

  /* line 3125, style.scss */
  .subsidiaries-red-section .red-section-tab .vc_tta-panels-container .vc_active span {
    color: #030928 !important;
  }
}










/*foooottteeerrrr*/
@media all and (max-width: 1023px) {

  /* line 3135, style.scss */
  footer {
    height: auto;
  }
}

@media all and (max-width: 767px) {

  /* line 3135, style.scss */
  footer {
    position: relative;
  }
}

/* line 3142, style.scss */
footer svg {
  width: 137px;
  height: 28.94px;
  display: block !important;
}

/* line 3147, style.scss */
footer a {
  color: #fbf7f3;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
}

@media all and (max-width: 767px) {

  /* line 3147, style.scss */
  footer a {
    font-size: 14px;
  }
}

/* line 3155, style.scss */
footer a:hover {
  color: #303030;
}

/* line 3159, style.scss

footer color      


*/
footer .footer-top {
  background-color: #d1a01d;
  padding-top: 50px;
  padding-bottom: 30px;
}

@media all and (max-width: 767px) {

  /* line 3159, style.scss */
  footer .footer-top {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 3170, style.scss */
footer .footer-top .footer-logo-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {

  /* line 3170, style.scss */
  footer .footer-top .footer-logo-wrapper {
    display: block;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 3180, style.scss */
footer .footer-top .footer-logo-wrapper .footer-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 3185, style.scss */
footer .footer-top .footer-logo-wrapper .footer-logo svg {
  height: auto;
  width: auto;
}

/* @media all and (max-width: 767px) { 
  footer .footer-top .footer-logo-wrapper .footer-logo svg { display: none !important; } }*/
/* line 3192, style.scss */
footer .footer-top .footer-logo-wrapper .footer-logo a:last-child {
  font-size: 12px;
  padding: 20.5px 69px;
  border: solid 1px #fbf7f3;
  border-radius: 30px;
}

@media all and (max-width: 767px) {

  /* line 3192, style.scss */
  footer .footer-top .footer-logo-wrapper .footer-logo a:last-child {
    text-align: center;
    display: block;
    width: 100%;
    padding: 20.5px 50px;
    font-size: 14px;
  }
}

/* line 3204, style.scss */
footer .footer-top .footer-logo-wrapper .footer-logo a:last-child:hover {
  background-color: #fbf7f3;
  color: #040926;
}

/* line 3211, style.scss */
footer .footer-top .footer-logo-wrapper .certification-logo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media all and (max-width: 767px) {

  /* line 3211, style.scss */
  footer .footer-top .footer-logo-wrapper .certification-logo {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }
}

/* line 3220, style.scss */
footer .footer-top .footer-logo-wrapper .certification-logo img {
  max-height: 140px;
}

@media all and (max-width: 767px) {

  /* line 3220, style.scss */
  footer .footer-top .footer-logo-wrapper .certification-logo img {
    max-height: 120px;
  }
}

/* line 3229, style.scss */
footer .footer-top .footer-links {
  /*padding-top: 45px;*/
  border-top: solid 1px #fbf7f3;
}

@media all and (max-width: 767px) {

  /* line 3229, style.scss */
  footer .footer-top .footer-links {
    display: block;
    border: none;
    text-align: center;
  }
}

/* line 3239, style.scss */
footer .footer-top .footer-links ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 3245, style.scss */
footer .footer-top .footer-links .footer-menu {
  display: block;
  margin-right: 50px;
  margin-left: 50px;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media all and (max-width: 1023px) {

  /* line 3245, style.scss */
  footer .footer-top .footer-links .footer-menu {
    display: grid;
  }
}

@media all and (max-width: 767px) {

  /* line 3245, style.scss */
  footer .footer-top .footer-links .footer-menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

/* line 3256, style.scss */
footer .footer-top .footer-links .footer-menu li {
  margin-right: 50px;

  margin-bottom: 3px;
  margin-top: 30px;
}

/* line 3258, style.scss */
footer .footer-top .footer-links .footer-menu li a {
  line-height: 25px;
}

/* line 3264, style.scss */
footer .footer-top .footer-links .quarter.right {
  text-align: right;
}

@media all and (max-width: 1023px) {

  /* line 3264, style.scss */
  footer .footer-top .footer-links .quarter.right {
    text-align: left;
  }
}

@media all and (max-width: 767px) {

  /* line 3264, style.scss */
  footer .footer-top .footer-links .quarter.right {
    text-align: center;
  }
}

/* line 3273, style.scss */
footer .footer-top .footer-links .quarter.first {
  width: 196px;
  margin-right: 230px;
}

@media all and (max-width: 1279px) {

  /* line 3273, style.scss */
  footer .footer-top .footer-links .quarter.first {
    margin-right: 0px;
    width: auto;
  }
}

/* line 3284, style.scss */
footer .site-info {
  padding-top: 20px;
  padding-bottom: 25px;
}

@media all and (max-width: 1023px) {

  /* line 3284, style.scss */
  footer .site-info {
    clear: both;
    padding-bottom: 20px;
  }
}

@media all and (max-width: 767px) {

  /* line 3284, style.scss */
  footer .site-info {
    z-index: -1;
    position: absolute;
    top: 0;
  }
}

/* line 3296, style.scss */
footer .site-info .mobile-copy-links {
  display: none;
  margin: 0px;
  padding: 0px;
}

/* line 3300, style.scss */
footer .site-info .mobile-copy-links li {
  list-style: none;
}

/* line 3302, style.scss */
footer .site-info .mobile-copy-links li a {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 25px;
  letter-spacing: 0px;
  color: #404556;
  font-weight: 700;
}

/* line 3309, style.scss */
footer .site-info .mobile-copy-links li a:hover {
  color: #d1a01d;
}

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

  /* line 3296, style.scss */
  footer .site-info .mobile-copy-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}

/* line 3320, style.scss */
footer .site-info .copyright-content {
  display: flex;
  justify-content: space-between;
}

/* line 3323, style.scss */
footer .site-info .copyright-content .copy-links {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
}

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

  /* line 3323, style.scss */
  footer .site-info .copyright-content .copy-links {
    display: none;
  }
}

/* line 3331, style.scss */
footer .site-info .copyright-content .copy-links li {
  list-style: none;
}

/* line 3333, style.scss */
footer .site-info .copyright-content .copy-links li a {
  text-transform: uppercase;
  margin: 0px 10px;
  font-size: 10px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #404556;
  font-weight: 700;
}

/* line 3341, style.scss */
footer .site-info .copyright-content .copy-links li a:hover {
  color: #d1a01d;
}

/* line 3348, style.scss */
footer .site-info p {
  margin: 0px;
  font-size: 10px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #404556;
  font-weight: 700;
}

@media all and (max-width: 767px) {

  /* line 3348, style.scss */
  footer .site-info p {
    letter-spacing: 0px;
  }
}

@media all and (max-width: 360px) {

  /* line 3348, style.scss */
  footer .site-info p {
    width: 30% !important;
    line-height: 18px;
  }
}

@media all and (max-width: 767px) {

  /* line 3363, style.scss */
  footer .site-info p:last-child {
    width: 120px;
    text-align: right;
  }
}

/* line 3368, style.scss */
footer .site-info p a {
  color: #404556;
  text-transform: uppercase;
  font-size: 10px;
}

/* line 3372, style.scss */
footer .site-info p a:hover {
  color: #d1a01d;
}

/* line 3380, style.scss */
.page-hero.contact-page p {
  max-width: 462px;
}

/* line 3383, style.scss */
.contact-wrapper {
  background-color: #d1a01d;
}

/* line 3385, style.scss */
.contact-wrapper .back-wrapper {
  float: unset;
  padding: 0 30px;
  padding-top: 100px;
  height: 749px;
  background: linear-gradient(#111e2f, rgb(0 0 0 / 50%)), url(images/contact-lines.svg);
  background-size: cover;
}

@media all and (max-width: 1279px) {

  /* line 3385, style.scss */
  .contact-wrapper .back-wrapper {
    height: auto;
    padding-bottom: 60px;
  }
}

@media all and (max-width: 767px) {

  /* line 3385, style.scss */
  .contact-wrapper .back-wrapper {
    padding: 60px 15px;
  }
}

/* line 3403, style.scss */
.contact-wrapper .back-wrapper .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media all and (max-width: 767px) {

  /* line 3403, style.scss */
  .contact-wrapper .back-wrapper .container {
    display: block;
  }
}

/* line 3413, style.scss */
.contact-wrapper .back-wrapper .container::before,
.contact-wrapper .back-wrapper .container::after {
  display: none;
}

/* line 3417, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col {
  width: 369px;
}

@media all and (max-width: 1279px) {

  /* line 3417, style.scss */
  .contact-wrapper .back-wrapper .container .contact-left-col {
    width: 320px;
  }
}

@media all and (max-width: 1023px) {

  /* line 3417, style.scss */
  .contact-wrapper .back-wrapper .container .contact-left-col {
    width: 40%;
    padding-right: 20px;
  }
}

@media all and (max-width: 767px) {

  /* line 3417, style.scss */
  .contact-wrapper .back-wrapper .container .contact-left-col {
    padding-right: 0px;
    width: 100%;
  }
}

/* line 3431, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col p:nth-of-type(2) {
  margin: 20px 0;
}

/* line 3434, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col p:nth-of-type(4) {
  margin-top: 40px;
  width: 340px;
}

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

  /* line 3434, style.scss */
  .contact-wrapper .back-wrapper .container .contact-left-col p:nth-of-type(4) {
    width: 100%;
  }
}

/* line 3441, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col p a {
  font-size: 16px;
  color: #d1a01d;
  text-decoration: underline;
}

@media all and (max-width: 767px) {

  /* line 3441, style.scss */
  .contact-wrapper .back-wrapper .container .contact-left-col p a {
    font-size: 15px;
  }
}

/* line 3450, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col i {
  font-style: normal;
  margin-top: 22px;
}

/* line 3453, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col i em {
  font-size: 26px;
  color: #E03223;
}

/* line 3458, style.scss */
.contact-wrapper .back-wrapper .container .contact-left-col .second-content-block {
  margin-top: 50px;
}

/* line 3462, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col {
  width: 615px;
}

@media all and (max-width: 1279px) {

  /* line 3462, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col {
    width: 560px;
  }
}

@media all and (max-width: 1023px) {

  /* line 3462, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col {
    width: 60%;
    padding-left: 20px;
  }
}

@media all and (max-width: 767px) {

  /* line 3462, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col {
    padding-left: 0;
    width: 100%;
    padding-top: 60px;
  }
}

/* line 3476, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper {
  margin-top: 20px;
}

/* line 3478, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper .wpcf7-response-output {
  margin: 0;
}

/* line 3481, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p {
  width: 48%;
  display: inline-block !important;
  line-height: 0;
  margin-right: 20px;
  min-height: 70px;
  display: block;
}

@media all and (max-width: 1279px) {

  /* line 3481, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p {
    margin-right: 0;
    width: 49%;
    display: block;
  }
}

@media all and (max-width: 767px) {

  /* line 3481, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p {
    width: 100%;
  }
}

/* line 3495, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p:nth-of-type(2),
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p:nth-of-type(4),
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p:nth-of-type(6) {
  margin-right: 0;
}

/* line 3500, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p:nth-of-type(7) {
  width: 100% !important;
  margin-right: 0;
}

/* line 3504, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p:nth-of-type(8) {
  width: 100% !important;
  margin-right: 0;
}

/* line 3509, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span {
  display: block;
}

/* line 3512, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .wpcf7-not-valid-tip {
  font-size: 13px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

/* line 3519, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input {
  width: 100%;
  color: rgb(255, 255, 255);
  -webkit-color: rgb(255, 255, 255);
  background-color: #d1a01d75;
  -webkit-background-color: #d1a01d75;
  outline: 0;
  border: 2px solid transparent;
  -webkit-border: 2px solid transparent;
  border-radius: 20px;
  -webkit-border-radius: 5px;
  padding: 16px 30px;
  -webkit-padding: 16px 30px;
  transition: all 0.5s ease-out;
}

.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input:hover,
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input:focus {
  border-color: #e9860d;
}

@media all and (max-width: 767px) {

  /* line 3519, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input {
    padding: 16px 20px;
    -webkit-padding: 16px 20px;
  }
}

/* line 3536, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input.message-input {
  height: 171px;
  font-family: "Arial", sans-serif;
}

/* line 3540, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .contact-input::placeholder {
  color: rgb(255, 255, 255);
  -webkit-color: rgb(255, 255, 255);
  font-size: 13px;
}

/* line 3546, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .dropdown-menu {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

@media all and (max-width: 1023px) {

  /* line 3546, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .dropdown-menu {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 35px;
  }
}

@media all and (max-width: 767px) {

  /* line 3546, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .dropdown-menu {
    text-overflow: unset;
    white-space: unset;
    padding-right: unset;
  }
}

/* line 3562, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .submit-btn {
  width: 100%;
  margin-top: 20px;
  background-color: #3F4558;
  border: none;
}

/* line 3567, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p .submit-btn:hover {
  background-color: #d1a01d;
  border-color: #d1a01d;
  color: #ffffff;
}

/* line 3573, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="department"],
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="country"] {
  position: relative;
}

/* line 3575, style.scss */
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="department"]:after,
.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="country"]:after {
  content: "";
  background: url("images/contact-form-drop.svg") no-repeat;
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-62%);
  pointer-events: none;
}

@media all and (max-width: 767px) {

  /* line 3575, style.scss */
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="department"]:after,
  .contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="country"]:after {
    height: 12px;
    width: 12px;
    background-size: cover;
  }
}

.contact-wrapper .back-wrapper .container .contact-right-col .form-wrapper p span[data-name="department"] .select-dropdown {
  background-color: #082803;
}

/* line 3598, style.scss */
.dark-link {
  color: #acaddb !important;
  text-decoration: none !important;
}

/* line 3601, style.scss */
.dark-link:hover {
  color: #d1a01d !important;
}

/* line 3605, style.scss */
.wrapper_medium {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* line 3609, style.scss */
.privacy-page-wrapper {
  padding: 257px 45px 100px;
}

@media all and (max-width: 1023px) {

  /* line 3609, style.scss */
  .privacy-page-wrapper {
    width: 100%;
    padding-top: 89px !important;
  }
}

@media all and (max-width: 767px) {

  /* line 3609, style.scss */
  .privacy-page-wrapper {
    width: 100%;
    padding: 90px 15px 80px;
  }
}

/* line 3619, style.scss */
.privacy-page-wrapper h1,
.privacy-page-wrapper h3,
.privacy-page-wrapper p,
.privacy-page-wrapper li {
  margin-bottom: 16px !important;
  color: wheat;
}

/* line 3622, style.scss */
.privacy-page-wrapper strong {
  margin-bottom: 16px;
}

/* line 3636, style.scss */
.privacy-page-wrapper h2 {
  font-size: 50px;
  letter-spacing: -1.5px;
  line-height: 70px;
  font-family: "charterregular";
  font-weight: 400;
  margin-bottom: 32px;
  color: #d1a01d;
}

@media all and (max-width: 1279px) {

  /* line 3636, style.scss */
  .privacy-page-wrapper h2 {
    font-size: 44px;
    line-height: 60px;
  }
}

@media all and (max-width: 1023px) {

  /* line 3636, style.scss */
  .privacy-page-wrapper h2 {
    margin-top: 132px;
  }
}

@media all and (max-width: 767px) {

  /* line 3636, style.scss */
  .privacy-page-wrapper h2 {
    font-size: 37px;
    line-height: 50px;
    letter-spacing: 0px;
  }
}

/* line 3695, style.scss */
.privacy-page-wrapper b {
  display: block;
  margin-bottom: 16px;
  font-weight: 100;
}

/* line 3700, style.scss */
.privacy-page-wrapper a {
  font-size: 16px;
  color: #E03223;
}

@media all and (max-width: 767px) {

  /* line 3700, style.scss */
  .privacy-page-wrapper a {
    font-size: 15px;
    word-break: break-all;
  }
}

/* line 3707, style.scss */
.privacy-page-wrapper a:hover {
  text-decoration: underline;
}

/* line 3711, style.scss */
.privacy-page-wrapper ul {
  padding-left: 18px;
}

/* line 3713, style.scss */
.privacy-page-wrapper ul li {
  line-height: 23px;
  color: white;
}

@media all and (max-width: 767px) {

  /* line 3713, style.scss */
  .privacy-page-wrapper ul li {
    font-size: 15px;
  }
}

/* line 3725, style.scss */
.career .hero-content p {
  max-width: 384px;
}

@media all and (max-width: 767px) {

  /* line 3730, style.scss */
  .career .placedbutton .dark-btn {
    padding: 15px 35px;
  }
}

/* line 3738, style.scss */
.tcb-section.careers-page {
  background-size: 100%;
  height: 1259px;
}

@media all and (max-width: 1023px) {

  /* line 3738, style.scss */
  .tcb-section.careers-page {
    height: 750px !important;
  }
}

/* line 3744, style.scss */
.tcb-section.careers-page h2,
.tcb-section.careers-page p,
.tcb-section.careers-page em {
  color: #082803;
}

/* line 3747, style.scss */
.tcb-section.careers-page p {
  max-width: 615px;
}

/* line 3753, style.scss */
.bg-lines-section.career-bg-section {
  height: 1272px;
  background: linear-gradient(#030928, #030928), url("images/lines-careers.svg");
  background-blend-mode: lighten;
  background-position: center;
  background-size: cover;
}

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

  /* line 3753, style.scss */
  .bg-lines-section.career-bg-section {
    height: 700px;
  }
}

/* line 3765, style.scss */
.bg-lines-section.career-bg-section .content-wrapper p a {
  color: #E03223;
  font-size: 16px;
  font-weight: 700;
}

/* line 3769, style.scss */
.bg-lines-section.career-bg-section .content-wrapper p a:hover {
  text-decoration: underline;
}

/* line 3775, style.scss */
.bg-lines-section.career-bg-section .white-button {
  margin-top: 95px;
}

/* line 3781, style.scss */
.table-section-wrapper .section-head {
  max-width: 615px;
  margin: 0 auto;
  text-align: center;
  color: #030928;
}

/* line 3786, style.scss */
.table-section-wrapper .section-head strong {
  font-size: 15px;
  margin-bottom: 40px;
  display: block;
}

@media all and (max-width: 1023px) {

  /* line 3786, style.scss */
  .table-section-wrapper .section-head strong {
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {

  /* line 3786, style.scss */
  .table-section-wrapper .section-head strong {
    margin-bottom: 50px;
  }
}

/* line 3797, style.scss */
.table-section-wrapper .section-head h2 {
  margin-bottom: 92px;
}

@media all and (max-width: 767px) {

  /* line 3797, style.scss */
  .table-section-wrapper .section-head h2 {
    margin-bottom: 30px;
  }
}

/* line 3804, style.scss */
.table-section-wrapper.summary-of-benefits {
  padding-top: 354px;
  padding-bottom: 196px;
}

@media all and (max-width: 1023px) {

  /* line 3804, style.scss */
  .table-section-wrapper.summary-of-benefits {
    padding-top: 200px;
    padding-bottom: 80px;
  }
}

@media all and (max-width: 767px) {

  /* line 3804, style.scss */
  .table-section-wrapper.summary-of-benefits {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

/* line 3816, style.scss */
.table-section-wrapper .table-wrapper {
  margin-top: 103px;
}

/* line 3819, style.scss */
.table-section-wrapper .table-wrapper table tr {
  border-bottom: 1px solid #040926;
  color: #030928;
}

/* line 3822, style.scss */
.table-section-wrapper .table-wrapper table tr:last-of-type {
  border: none;
}

@media all and (max-width: 767px) {

  /* line 3826, style.scss */
  .table-section-wrapper .table-wrapper table tr:first-of-type {
    display: none;
  }
}

/* line 3830, style.scss */
.table-section-wrapper .table-wrapper table tr th {
  text-align: left;
  padding: 20px 0;
}

/* line 3832, style.scss */
.table-section-wrapper .table-wrapper table tr th:nth-of-type(2) {
  width: 954px;
}

@media all and (max-width: 1279px) {

  /* line 3837, style.scss */
  .table-section-wrapper .table-wrapper table tr th:nth-of-type(1) {
    width: 300px;
  }
}

/* line 3842, style.scss */
.table-section-wrapper .table-wrapper table tr td {
  vertical-align: top;
  font-size: 14px;
  padding: 28px 0;
  line-height: 23px;
}

/* line 3847, style.scss */
.table-section-wrapper .table-wrapper table tr td:first-of-type {
  padding-right: 20px;
}

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

  /* line 3842, style.scss */
  .table-section-wrapper .table-wrapper table tr td {
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {

  /* line 3842, style.scss */
  .table-section-wrapper .table-wrapper table tr td {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    font-size: 15px;
  }

  /* line 3858, style.scss */
  .table-section-wrapper .table-wrapper table tr td:first-of-type {
    padding-right: 0px;
    padding-bottom: 0px;
  }
}

/* line 3864, style.scss */
.table-section-wrapper .table-wrapper table tr h3,
.table-section-wrapper .table-wrapper table tr h4 {
  font-family: unset;
  font-weight: 600;
  color: #030928;
  padding: 0px;
  float: left;
  line-height: 23px;
  vertical-align: top;
  font-size: 14px;
}

@media all and (max-width: 767px) {

  /* line 3874, style.scss */
  .table-section-wrapper .table-wrapper table tr h3 {
    font-size: 20px;
  }
}

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

  /* line 3879, style.scss */
  .table-section-wrapper .table-wrapper table tr h4 {
    font-size: 11px;
  }
}

@media all and (max-width: 767px) {

  /* line 3879, style.scss */
  .table-section-wrapper .table-wrapper table tr h4 {
    font-size: 15px;
  }
}

@media all and (max-width: 767px) {

  /* line 3816, style.scss */
  .table-section-wrapper .table-wrapper {
    margin-top: 80px;
    margin-bottom: 0px;
  }
}

@media all and (max-width: 480px) {

  /* line 3816, style.scss */
  .table-section-wrapper .table-wrapper {
    overflow-x: auto;
  }

  /* line 3895, style.scss */
  .table-section-wrapper .table-wrapper::-webkit-scrollbar {
    height: 6px;
  }

  /* line 3899, style.scss */
  .table-section-wrapper .table-wrapper::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px;
  }

  /* line 3903, style.scss */
  .table-section-wrapper .table-wrapper::-webkit-scrollbar-thumb {
    background: #E03223;
    border-radius: 5px;
  }
}

@media all and (max-width: 767px) {

  /* line 3912, style.scss */
  .award-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 3917, style.scss */
.award-wrapper .wpb_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 767px) {

  /* line 3917, style.scss */
  .award-wrapper .wpb_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 3926, style.scss */
.award-wrapper .wpb_wrapper .award {
  background-size: contain;
  aspect-ratio: 1 / 1;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-origin: content-box;
  padding: 10px;
}

/* line 3935, style.scss */
.award-wrapper .wpb_wrapper .award .wpb_wrapper {
  display: block;
}

/* line 3943, style.scss */
.site header.wrapper_small {
  padding-top: 257px;
  text-align: center;
  display: block;
  position: unset !important;
  height: unset;
  width: unset;
  margin: 0px;
  background-color: transparent;
  box-shadow: none;
  z-index: unset;
  padding-bottom: 0px;
}

@media all and (max-width: 1023px) {

  /* line 3943, style.scss */
  .site header.wrapper_small {
    padding-top: 89px;
  }
}

@media all and (max-width: 1023px) {

  /* line 3958, style.scss */
  .site header.wrapper_small h1 {
    margin-top: 132px;
  }
}

/* line 3964, style.scss */
.resultswrapper {
  padding: 100px 0px;
}

@media all and (max-width: 767px) {

  /* line 3964, style.scss */
  .resultswrapper {
    padding: 50px 15px;
  }
}

/* line 3969, style.scss */
.resultswrapper .hentry {
  border-bottom: 2px solid #000000;
  padding-bottom: 30px;
  padding-top: 20px;
}

/* line 3973, style.scss */
.resultswrapper .hentry h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

/* line 3976, style.scss */
.resultswrapper .hentry h2 a {
  font-size: unset !important;
  color: #000000 !important;
  padding: unset;
  padding: unset;
  background-color: unset !important;
  text-transform: unset;
  font-weight: unset;
  line-height: unset;
  display: unset;
  margin-top: unset;
}

/* line 3989, style.scss */
.resultswrapper .hentry a {
  font-size: 14px;
  padding: 10px 20px;
  background-color: #030928;
  color: #fbf7f3;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 23px;
  display: inline-block;
  margin-top: 10px;
}

/* line 3999, style.scss */
.resultswrapper .hentry a:hover {
  background-color: #E03223;
}

/* line 4006, style.scss */
.not-found header {
  padding-bottom: 70px;
  text-align: center;
  display: block;
  position: unset !important;
  height: unset;
  width: unset;
  margin: 0px;
  padding-top: 0px;
  background-color: transparent;
  box-shadow: none;
  z-index: unset;
}

/* line 4018, style.scss */
.not-found header h2 {
  font-size: 30px;
  letter-spacing: 0px;
  text-align: center;
}

/* line 4024, style.scss */
.not-found .page-content {
  padding-bottom: 117px;
  padding-top: 257px;
}

@media all and (max-width: 1679px) {

  /* line 4024, style.scss */
  .not-found .page-content {
    padding-bottom: 150px;
  }
}

@media all and (max-width: 1279px) {

  /* line 4024, style.scss */
  .not-found .page-content {
    padding-bottom: 100px;
  }
}

@media all and (max-width: 1023px) {

  /* line 4024, style.scss */
  .not-found .page-content {
    padding-top: 89px;
    margin-top: 132px;
  }
}

@media all and (max-width: 767px) {

  /* line 4024, style.scss */
  .not-found .page-content {
    padding-bottom: 40px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 4043, style.scss */
.not-found .page-content .wrap404 {
  padding-top: unset;
}

/* line 4049, style.scss */
.mint {
  background-color: #a5e4cc;
}

/* line 4050, style.scss */
.mint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("images/career-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.2;
}

/* line 4051, style.scss */
.mint>.wpb_column.vc_col-sm-12 {
  z-index: 1;
}

/* line 4053, style.scss */
.placedbutton {
  margin-top: 82px;
}

@media all and (max-width: 1279px) {

  /* line 4056, style.scss */
  .placedbutton .dark-btn {
    display: inline-block;
  }
}

@media all and (max-width: 1023px) {

  /* line 4053, style.scss */
  .placedbutton {
    margin-top: 60px;
  }
}

@media all and (max-width: 767px) {

  /* line 4053, style.scss */
  .placedbutton {
    margin-top: 25px;
    margin-bottom: 25px !important;
  }
}

/* line 4067, style.scss */
.placedbutton p {
  margin-left: auto;
  margin-right: auto;
}

/* line 4071, style.scss */
.page-id-87 .footer-logo a+a {
  display: none !important;
}

@media all and (max-width: 767px) {

  /* line 4073, style.scss */
  .mobilepadding {
    padding-left: 30px;
    padding-right: 30px;
    height: 200px;
  }
}

/* line 4076, style.scss */
.m_top {
  margin-top: 95px;
  display: inline-block;
}

@media all and (max-width: 767px) {

  /* line 4076, style.scss */
  .m_top {
    margin-top: 45px;
  }
}

/* line 4079, style.scss */
.hero-content .dark-btn {
  font-style: normal;
}

/* line 4081, style.scss */
.redlinks a {
  color: #E03223;
  font-weight: 700;
  font-size: 16px;
}

/* line 4082, style.scss */
.redlinks a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */








#myModal {
  z-index: 10;
  width: 600px;
  box-sizing: border-box;
  border: 1px solid #d1a01d;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #111e2ff0;
  padding: 2em 3em;
  text-align: center;
  border-radius: 0.5em;
  transform: translate(-50%, -50%);
  display: none;
}

@media all and (max-width: 700px) {
  #myModal {
    width: 50%;
  }

  #myModal .modal-top {
    width: 50px;
    height: 50px;
  }

  #myModal h1 {
    font-size: 2em;
  }

  #myModal p {
    font-size: 10px;
  }
}

#myModal .modal-top {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #48DB71;
  padding: 11px 10px 2px;
}

#myModal #startNowBtn {
  width: 60%;
  font-size: 1.25em;
  font-weight: bold;
  background-color: #48db71;
  border: none;
  padding: .5em 1em;
  color: #fff;
  box-shadow: 0 0 0 2px #48db71 inset;
  border-radius: .25em;
  cursor: pointer;
  transition: background .4s ease, color .4s ease;
}

#myModal #startNowBtn:hover {
  box-shadow: 0 0 0 2px #48db71 inset;
  color: #48db71;
  background-color: transparent;
}


#myModal h1 {
  color: #d1a01d;
  font-size: 3em;
  font-weight: bold;
  margin-bottom: .5em;
}

#myModal p {
  font-size: 20px;
  margin-bottom: 2em;
  color: #ffffff;
}

@media all and (max-width: 700px) {
  #myModal {
    width: 50%;
    padding: 15px;
  }

  #myModal .modal-top {
    width: 50px;
    height: 50px;
  }

  #myModal h1 {
    font-size: 2em;
    margin-bottom: 0;
  }

  #myModal p {
    font-size: 15px;
  }
}
:root {
	--vs-primary:  hsl(236, 50%, 50%), hsl(195, 50%, 50%);
  --pop:#d3662b;
}
.site-content-wrapper.why-us-page .site-content-right button{
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-weight: bold;
  position: absolute;
  width:150px;
	height:150px;
	display: inline-block;
	
	color: #000000 !important;
	
	border-radius: 100%;
	transition: background-color 0.1s ease;
	box-sizing: border-box;
	
	border: 0;
	cursor: pointer;
	box-shadow: 0 10px 20px -10px #2a2a2a;
	&:hover {
		box-shadow: 0 20px 20px -10px #2a2a2a;
    transition: all 0.25s ease;
		transform: translateY(-5px);
	}
}

button#tanker{
  top: 76px;
  font-size: 30px;
  background: linear-gradient(to right bottom,hsl(36.48deg 77.88% 55.69%), hsl(4.47deg 69.1% 45.69%));;
}
button#cpp{
  top: 222px;
  font-size: 30px;
  background: linear-gradient(to right bottom,hsl(165.45deg 32.04% 59.61%), hsl(198deg 34.78% 45.1%));
}
button#pa{
  top: 222px;
  font-size: 28px;
  background: linear-gradient(to right bottom,hsl(36.4deg 90.36% 67.45%), hsl(37.5deg 75.86% 54.51%));
}
button#dry{
  top: 511px;
  font-size: 40px;
  background: linear-gradient(to right bottom,hsl(64.02deg 99.05% 41.37%), hsl(129.76deg 63.73% 37.84%));
}
button#hus{
  top: 511px;
  font-size: 28px;
  background: linear-gradient(to right bottom,hsl(260.36deg 30.11% 63.53%), hsl(260deg 45.08% 37.84%));
}
button#crowd{
  top: 654px;
  font-size: 40px;
  background: linear-gradient(to right bottom,hsl(195, 50%, 50%), hsl(236, 50%, 50%));
}
@media all and (max-width: 1440px) {

  .site-content-wrapper.why-us-page .site-content-right button{
    width:125px;
	  height:125px;
  }
  button#tanker {
    top: 63px;
    font-size: 25px;
  }
  button#cpp {
    top: 185px;
    font-size: 25px;
  }
  button#pa {
    top: 185px;
    font-size: 23px;
  }
  button#dry {
    top: 425px;
    font-size: 30px;
  }
  button#hus {
    top: 425px;
    font-size: 24px;
  }
  button#crowd {
    top: 544px;
    font-size: 30px;
  }
}

@media all and (max-width: 1279px) {
  .site-content-wrapper.why-us-page .site-content-right button{
    width:100px;
	  height:100px;
  }

  button#tanker {
    top: 52px;
    font-size: 21px;
  }
  button#cpp {
    top: 150px;
    font-size: 21px;
  }
  button#pa {
    top: 150px;
    font-size: 19px;
  }
  button#dry {
    top: 344px;
    font-size: 25px;
  }
  button#hus {
    top: 344px;
    font-size: 20px;
  }
  button#crowd {
    top: 440px;
    font-size: 25px;
  }
  
}

@media all and (max-width: 1023px) {
  .site-content-wrapper.why-us-page .site-content-right button{
    width:103px;
	  height:103px;
  }

  button#tanker {
    top: 52.5px;
    font-size: 21px;
  }
  button#cpp {
    top: 153px;
    font-size: 21px;
  }
  button#pa {
    top: 153px;
    font-size: 19px;
  }
  button#dry {
    top: 351px;
    font-size: 25px;
  }
  button#hus {
    top: 351px;
    font-size: 20px;
  }
  button#crowd {
    top: 451px;
    font-size: 25px;
  }
}

@media all and (max-width: 767px) {
  .site-content-wrapper.why-us-page .site-content-right button{
    width:79px;
	  height:79px;
  }

  button#tanker {
    top: 40px;
    font-size: 16px;
  }
  button#cpp {
    top: 118px;
    font-size: 16px;
  }
  button#pa {
    top: 118px;
    font-size: 13px;
  }
  button#dry {
    top:271px;
    font-size: 20px;
  }
  button#hus {
    top: 271px;
    font-size: 15px;
  }
  button#crowd {
    top: 347px;
    font-size: 20px;
  }
}
@media all and (max-width: 575px) {
  .site-content-wrapper.why-us-page .site-content-right button{
    width:59px;
	  height:59px;
  }

  button#tanker {
    top: 30.5px;
    font-size: 12px;
  }
  button#cpp {
    top: 88.5px;
    font-size: 12px;
  }
  button#pa {
    top: 88.5px;
    font-size: 11px;
  }
  button#dry {
    top: 203px;
    font-size: 15px;
  }
  button#hus {
    top: 203px;
    font-size: 10px;
  }
  button#crowd {
    top: 260px;
    font-size: 15px;
  }
}
@media all and (max-width: 375px) {
  .site-content-wrapper.why-us-page .site-content-right button{
    width:44px;
	  height:44px;
  }

  button#tanker {
    top: 23px;
    font-size: 8px;
  }
  button#cpp {
    top: 66px;
    font-size: 8px;
  }
  button#pa {
    top: 66px;
    font-size: 7px;
  }
  button#dry {
    top: 152px;
    font-size: 11px;
  }
  button#hus {
    top: 152px;
    font-size: 6px;
  }
  button#crowd {
    top: 195px;
    font-size: 11px;
  }
}
dialog {
	padding: 2rem 2rem;
	background: rgba(29, 29, 29, 0.4);
	max-width: 60%;
	padding-top: 2rem;
	border-radius: 20px;
	border: 1px solid #d1a01d;
	box-shadow: 0 5px 30px 0 rgb(0 0 0 / 10%);
	animation: fadeIn 1s ease both;
	&::backdrop {
		animation: fadeIn 1s ease both;
		background: rgba(49, 49, 49, 0.4);
		z-index: 2;
		backdrop-filter: blur(20px);
	}}
  h5#carolabel{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .carotext {
    font-size: 12px;
  }
  #caromail{
    font-size: 12px;
  }

  @media all and (max-width: 1142px){
    dialog{
      max-width: 70%;
    }
  }
  @media all and (max-width: 1002px){
    dialog{
      max-width: 80%;
    }
  }
  @media all and (max-width: 867px){
    dialog{
      max-width: 90%;
      padding: .5rem .5rem;
    }
    h5#carolabel{
      margin-top: 0;
      margin-bottom: 8px;
      font-size :15px;;
    }
    .carotext {font-size: 10px;
    line-height: inherit;}
    #caromail{font-size: 10px;}
  }
  @media all and (max-width: 442px){
    dialog{
      margin-top: 20%;
      bottom: auto;
    }
    h5#carolabel{
      margin-bottom: 5px;
      font-size :12px;;
    }
    .carotext {font-size: 8px;}
    #caromail{font-size: 8px;}
  }

  

	.x {
    z-index: 2;
		filter: grayscale(1);
		border: none;
		background: none;
		position: absolute;
		top: 10px;
		right: 15px;
		transition: ease filter, transform 0.3s;
		cursor: pointer;
		transform-origin: center;
		&:hover {
			filter: grayscale(0);
			transform: scale(1.1);
		}
	}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}