@charset "UTF-8";
@import url(bootstrap-grid.min.css);
@import url(font-awesome.min.css);
@import url(swiper.min.css);
/*#region colors */
/*#endregion */
/*#region mixins */
/*#endregion */
/*#region reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

.section#list-news {
    display: none !important;
}

.globes {
  color: #0E4F4B;
}

.selects {
    position: relative;
    margin-bottom: 0px;
    width: 90px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #585B58;
    font-weight: 600;
    margin-right: 24px;
    margin-left: 24px;
}
.selects .selectBtn {
  background: var(--bg1);
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
}
.selects .selectBtn:after {
  content: "";
  position: absolute;
  top: 45%;
  right: 15px;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transition: 0.2s ease;
}
.selects .selectBtn.toggle {
  border-radius: 3px 3px 0 0;
}
.selects .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.selects .selectDropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  background: var(--bg1);
  border-top: 1px solid #eee;
  z-index: 1;
  background: #fff;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  visibility: hidden;
  transition: 0.2s ease;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.selects .selectDropdown .option {
  padding: 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #585B58;
    font-weight: 600;
}
.selects .selectDropdown .option:hover {
  background: #f8f8f8;
}
.selects .selectDropdown.toggle {
  visibility: visible;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

section#brands.bg-green {
    background-color: #f7f7f7 !important;
}

section#brands p {
    color: #0f4f4b !important;
}

section#brands h1 {
    color: #0f4f4b !important;
}

section#brands .simple-brands {
    -webkit-filter: none !important;
    filter: none !important;
}

#footer #footer-top {
    margin-top: 10px !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

a {
  text-decoration: none; }

html {
  height: 100%; }

body {
  min-height: 100%;
  position: relative; }

ul {
  padding-left: 24px; }

/*#endregion */
/*#region typo */
ul, p, img {
  margin-bottom: 24px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  line-height: 1.16;
  margin-bottom: 12px;
  color: #008F47; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

h4, h5, h6 {
  font-size: 16px; }

img {
  max-width: 100%;
  height: auto; }
  img.img-block {
    display: block;
    width: 100%; }

a {
  color: inherit; }
  a:hover {
    text-decoration: none; }

strong {
  font-weight: 700; }

hr {
  display: block;
  margin: 12px 0px;
  border: none;
  border-top: 1px solid #f5f5f5;
  background: none; }

.color-green {
  color: #0E4F4B; }

.color-yellow {
  color: #FCD45C; }

.color-light-green {
  color: #008F47; }

.color-white {
  color: #fff; }

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

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

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

.text-small {
  font-size: 12px;
  line-height: 14px; }

iframe {
  max-width: 100%; }

.video-holder {
  padding-top: 56.25%;
  background-color: #000000;
  position: relative;
  margin-bottom: 24px; }
  .video-holder iframe, .video-holder video {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }

.section-title {
  font-size: 21px;
  color: #0E4F4B;
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #FCD45C;
  position: relative; }
  .section-title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: -1px;
    background-color: #0E4F4B;
    width: 64px;
    height: 1px; }

p.highlighted {
  font-weight: 600; }

em {
  font-style: italic; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FCD45C;
  position: relative;
  border: 0 none; }
  hr:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 64px;
    background-color: #0E4F4B; }

code {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 16px 20px;
  font-family: monospace; }

/*#endregion */
/*#region forms */
.form-group {
  margin-bottom: 16px; }

.btn {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding: 12px 32px;
  text-align: center;
  background-color: #0E4F4B;
  color: #ffffff;
  border: 0 none;
  outline: 0 none;
  margin-bottom: 12px;
  text-decoration: none;
  transition: background-color 0.4s ease;
  position: relative;
  cursor: pointer; }
  .btn.btn-light {
    background-color: #008F47; }
    .btn.btn-light:hover {
      background-color: #0E4F4B; }
  .btn.btn-white {
    background-color: #ffffff;
    color: #008F47; }
    .btn.btn-white:hover {
      background-color: #008F47;
      color: #ffffff; }
  .btn.btn-block {
    display: block;
    width: 100%; }
  .btn:hover {
    background-color: #008F47; }

.form-control {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  border-bottom: 1px solid #008F47;
  outline: 0 none;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff;
  background-image: none;
  margin-bottom: 12px;
  color: #0E4F4B;
  transition: border-color 0.4s ease; }
  .form-control:focus {
    background-color: rgba(0, 143, 71, 0.06); }

label {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 4px; }

/*#endregion */
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #585B58;
  word-break: break-word; }

#header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  background-color: #ffffff;
  color: #0E4F4B;
  z-index: 9000; }
  #header .spacer {
    flex-grow: 1; }
  #header #header-top {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #header #header-bottom {
    background-color: #0E4F4B;
    color: #ffffff;
    display: flex;
    padding-left: 50px;
    align-items: center; }
    #header #header-bottom .logo-link {
      display: block;
      margin-left: 12px; }
      #header #header-bottom .logo-link img {
        display: block;
        margin: 0px; }
      #header #header-bottom .logo-link.last-logo-link {
        margin-right: 40px; }
    #header #header-bottom .btn {
      padding-top: 17px;
      padding-bottom: 17px;
      margin: 0px;
      font-weight: 400; }
  #header #logo {
    display: block;
    margin-left: 50px; }
    #header #logo img {
      display: block;
      margin: 0px; }
  #header ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    #header ul li {
      position: relative; }
      #header ul li a {
        display: block; }
      #header ul li:hover > .submenu {
        display: block; }
    #header ul.submenu {
      display: none;
      position: absolute;
      min-width: 240px;
      left: 0px;
      top: calc(100%);
      font-size: 14px;
      background-color: #ffffff;
      border-top: 2px solid #FCD45C;
      border-bottom: 2px solid #FCD45C;
      padding: 12px 0px;
      z-index: 2;
      color: #0E4F4B;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12); }
      #header ul.submenu > li > a {
        padding: 8px 24px; }
        #header ul.submenu > li > a:hover {
          background-color: #f5f5f5; }
    #header ul#menu > li {
      display: inline-block; }
      #header ul#menu > li > a {
        padding: 24px; }
      #header ul#menu > li:hover > a {
        background-color: #F5F5F5; }
    #header ul#header-bottom-menu {
      font-size: 14px;
      line-height: 24px; }
      #header ul#header-bottom-menu > li {
        display: inline-block; }
        #header ul#header-bottom-menu > li > a {
          padding: 15px 12px; }
        #header ul#header-bottom-menu > li:hover > a {
          background-color: #008F47; }
#header #lang-switch {
    display: block;
    padding: 24px 22px 24px 30px;
    position: relative;
    margin-left: 18px;
}
    #header #lang-switch:before {
      content: '';
      display: block;
      width: 1px;
      height: 32px;
      background-color: #0E4F4B;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -16px; }
  #header #header-search {
    display: block;
    width: 72px;
    height: 72px;
    padding: 0px;
    margin: 0px;
    font-size: 22px; }
    #header #header-search:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f002"; }
  #header #menu-switch {
    display: none;
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    margin-left: 16px;
    margin-right: 16px; }
    #header #menu-switch:before, #header #menu-switch:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 4px;
      border-radius: 2px;
      background-color: #0E4F4B;
      transition: all 0.4s ease; }
    #header #menu-switch:before {
      top: 10px; }
    #header #menu-switch:after {
      bottom: 10px; }
    #header #menu-switch.open:before {
      top: 18px;
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      transform: rotate(40deg); }
    #header #menu-switch.open:after {
      bottom: 18px;
      -webkit-transform: rotate(-40deg);
      -moz-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      -o-transform: rotate(-40deg);
      transform: rotate(-40deg); }

#hamburger-menu {
  position: fixed;
  right: -292px;
  width: 292px;
  top: 72px;
  bottom: 0px;
  background-color: #0E4F4B;
  z-index: 9000;
  overflow: auto;
  padding: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: right 0.4s ease; }
  #hamburger-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    #hamburger-menu ul li a {
      display: block;
      padding: 4px 0px; }
    #hamburger-menu ul ul {
      padding-left: 24px; }
  #hamburger-menu.open {
    right: 0px; }

.article {
  display: block;
  position: relative;
  margin-bottom: 30px; }
  .article .image-holder {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative; }
    .article .image-holder img {
      display: block;
      width: 100%;
      margin-bottom: 0px;
      transition: transform 0.32s ease; }
  .article h3 {
    color: #0E4F4B; }
  .article.plain {
    border-bottom: 1px solid #008F47;
    font-size: 13px;
    color: #0E4F4B; }
    .article.plain .article-content {
      padding: 20px;
      min-height: 232px; }
    .article.plain h3 {
      font-size: 16px;
      font-weight: 700; }
    .article.plain p {
      opacity: 0.9;
      padding-right: 24px; }
    .article.plain:after {
      content: 'Read More';
      display: block;
      position: absolute;
      left: 20px;
      bottom: 16px;
      font-size: 13px;
      font-weight: 500;
      color: #008F47; }
    .article.plain.solution-item .article-content {
      height: 160px;
      min-height: initial;
      margin-bottom: 48px;
      overflow: hidden; }
    .article.plain.solution-item .solution-brands {
      list-style: none;
      margin: 0px;
      padding: 0px;
      position: absolute;
      left: 20px;
      bottom: 12px;
      font-size: 13px;
      font-weight: 500;
      color: #008F47; }
      .article.plain.solution-item .solution-brands li {
        display: inline-block;
        margin-right: 4px; }
        .article.plain.solution-item .solution-brands li a {
          display: block; }
          .article.plain.solution-item .solution-brands li a:hover {
            color: #0E4F4B; }
    .article.plain.solution-item .content-expander {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      position: absolute;
      right: 16px;
      bottom: 12px;
      color: #0E4F4B;
      cursor: pointer; }
      .article.plain.solution-item .content-expander:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f101";
        content: "\f0d7";
        font-size: 18px;
        transition: transform 0.4s ease; }
      .article.plain.solution-item .content-expander.expanded:before {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .article.plain.solution-item .campaign-link {
      display: block;
      position: absolute;
      left: 20px;
      bottom: 16px;
      font-size: 13px;
      font-weight: 500;
      color: #008F47; }
    .article.plain.solution-item:after {
      display: none; }
    .article.plain.campaign:after {
      content: 'Details'; }
    .article.plain.video .image-holder:after {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f16a";
      color: #fff;
      font-size: 28px;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .article.plain.video:after {
      content: 'Videoyu İzle'; }
  .article.post-card {
    background-color: #ffffff;
    font-size: 12px;
    color: #2B2027; }
    .article.post-card .image-holder {
      margin: 0px; }
    .article.post-card .article-content {
      padding: 24px;
      min-height: 132px; }
    .article.post-card h3 {
      font-size: 13px; }
    .article.post-card p {
      display: none; }
    .article.post-card:after {
      content: 'Read More';
      display: block;
      position: absolute;
      left: 24px;
      bottom: 16px;
      font-size: 13px;
      font-weight: 500;
      color: #008F47; }
  .article:hover .image-holder img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }

.green-line {
  padding-left: 92px;
  position: relative;
  margin-bottom: 48px; }
  .green-line:before {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #008F47;
    position: absolute;
    left: 0px;
    top: 12px; }

.sharer {
  padding: 20px 0px;
  margin-bottom: 12px; }
  .sharer a {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #0E4F4B;
    color: #fff;
    vertical-align: middle;
    font-size: 18px; }
  .sharer:before {
    content: 'Paylaş :';
    display: inline-flex;
    vertical-align: middle;
    margin-right: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0E4F4B; }

.swiper-container {
  padding-bottom: 48px; }
  .swiper-container .swiper-pagination {
    width: 88px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.28);
    display: flex;
    left: 50%;
    margin-left: -44px;
    bottom: 12px; }
    .swiper-container .swiper-pagination .swiper-pagination-bullet {
      display: block;
      width: auto;
      height: 100%;
      background: transparent;
      border-radius: initial;
      margin: 0px;
      flex: 1; }
    .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #ffffff; }
  .swiper-container.buttons-bottom {
    margin-bottom: 32px; }
    .swiper-container.buttons-bottom .swiper-button-next, .swiper-container.buttons-bottom .swiper-button-prev {
      width: 60px;
      height: 28px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 0px;
      top: auto;
      margin: 0px;
      color: #fff; }
      .swiper-container.buttons-bottom .swiper-button-next:before, .swiper-container.buttons-bottom .swiper-button-prev:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f101";
        content: "\f178";
        font-size: 24px;
        line-height: 28px; }
    .swiper-container.buttons-bottom .swiper-button-prev {
      left: calc(50% - 132px); }
      .swiper-container.buttons-bottom .swiper-button-prev:before {
        content: "\f177"; }
    .swiper-container.buttons-bottom .swiper-button-next {
      right: calc(50% - 132px); }
  .swiper-container#main-slider {
    height: calc(100vh - 126px);
    min-height: 600px;
    background-color: #0E4F4B;
    color: #ffffff;
    font-size: 18px;
    padding: 0px; }
    .swiper-container#main-slider .swiper-slide {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      display: flex;
      align-items: center; }
    .swiper-container#main-slider .slide-content {
      width: 500px;
      max-width: 100%;
      padding-left: 60px; }
    .swiper-container#main-slider h3 {
      font-size: 48px;
      color: #ffffff; }
  .swiper-container#comments-slider {
    margin: 72px 0px; }
    .swiper-container#comments-slider .comment {
      box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.12);
      background-color: #ffffff; }
      .swiper-container#comments-slider .comment .content-holder {
        font-size: 12px;
        color: #585B58;
        padding: 28px;
        padding-bottom: 12px; }
      .swiper-container#comments-slider .comment .comment-bottom {
        padding: 30px;
        padding-top: 40px;
        background: linear-gradient(to right, #0E4F4B, #008F47);
        clip-path: polygon(0 10px, 60px 10px, 74px 24px, 100px 0px, 100% 0, 100% 100%, 0px 100%); }
        .swiper-container#comments-slider .comment .comment-bottom h5 {
          color: #ffffff;
          font-size: 12px;
          font-weight: 500;
          margin-bottom: 8px; }
        .swiper-container#comments-slider .comment .comment-bottom h3 {
          color: #ffffff;
          font-size: 16px;
          margin-bottom: 0px; }
          .swiper-container#comments-slider .comment .comment-bottom h3 em {
            font-size: 12px;
            font-weight: 300; }
  .swiper-container#home-posts-slider {
    margin-top: 48px; }
  .swiper-container#blog-top-slider {
    height: 450px;
    padding: 0px;
    margin: 0px; }
    .swiper-container#blog-top-slider .swiper-pagination {
      bottom: 20px; }
    .swiper-container#blog-top-slider .swiper-button-next, .swiper-container#blog-top-slider .swiper-button-prev {
      bottom: 8px; }

.reason-card {
  background-color: #0E4F4B;
  color: #ffffff;
  position: relative;
  height: 200px;
  padding: 48px 20% 0px 28px;
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600; }
  .reason-card img {
    display: block;
    margin: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    object-fit: cover; }
  .reason-card h5 {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    padding-right: 40%; }
  .reason-card p {
    position: relative;
    margin: 0px; }
  .reason-card.title-only h5 {
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 30px;
    bottom: 24px;
    right: 44px; }
    .reason-card.title-only h5 span {
      color: #FCD45C; }
  .reason-card:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url("../images/tick-with-blur.svg") no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: -16px;
    z-index: 1; }

.brand-card {
  display: block;
  position: relative;
  min-height: 200px;
  padding: 80px 60px 12px 88px;
  font-size: 13px;
  margin-bottom: 30px;
  transition: box-shadow 0.2s ease; }
  .brand-card img {
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 112px;
    height: 40px;
    object-fit: contain;
    margin: 0px; }
  .brand-card p {
    margin: 0px; }
  .brand-card:before {
    content: 'Details';
    position: absolute;
    left: 88px;
    bottom: 28px; }
  .brand-card:after {
    content: "";
    display: block;
    position: absolute;
    left: 176px;
    right: 60px;
    bottom: 36px;
    height: 1px;
    background-color: #008F47; }
  .brand-card:hover {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1); }

.vertical-card {
  display: block;
  position: relative;
  transition: all 0.3s ease;
  top: 0px;
  margin-bottom: 32px;
  cursor: pointer; }
  .vertical-card img {
    display: block;
    width: 100%;
    margin: 0px; }
  .vertical-card .card-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 90px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 12px 32px; }
    .vertical-card .card-content h3 {
      position: relative;
      z-index: 1;
      color: #ffffff;
      font-size: 16px;
      margin: 0px; }
    .vertical-card .card-content p {
      position: relative;
      z-index: 1;
      color: #ffffff;
      font-size: 12px;
      margin: 0px;
      margin-top: 8px; }
    .vertical-card .card-content:before {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background: url("../images/bg-card-bottom.svg") no-repeat center center;
      background-size: cover;
      -webkit-backdrop-filter: blur(5px);
      -moz-backdrop-filter: blur(5px);
      -ms-backdrop-filter: blur(5px);
      -o-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px); }
    .vertical-card .card-content:after {
      content: '';
      display: block;
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 10px;
      height: 4px;
      background-color: #FCD45C; }
  .vertical-card:hover {
    top: -12px;
    box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.5); }

#solutions-holder {
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center; }
  #solutions-holder .vertical-card {
    display: inline-block;
    width: 190px;
    margin-left: 12px;
    margin-right: 12px; }

.video-thumbnail {
  background-color: #ffffff;
  border-bottom: 1px solid #008F47;
  margin-bottom: 32px;
  cursor: pointer; }
  .video-thumbnail .image-holder {
    position: relative;
    overflow: hidden; }
    .video-thumbnail .image-holder img {
      display: block;
      width: 100%;
      margin: 0px;
      transition: transform 0.32s ease; }
    .video-thumbnail .image-holder:after {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f16a";
      color: #fff;
      font-size: 28px;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .video-thumbnail h3 {
    font-size: 16px;
    color: #0E4F4B;
    margin: 0px;
    padding: 20px; }
  .video-thumbnail:hover .image-holder img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }

.step-card {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  background-color: #0E4F4B;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  padding: 12px;
  padding-right: 48px; }
  .step-card .image-holder {
    flex-shrink: 0;
    width: 132px;
    height: 78px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px; }
    .step-card .image-holder img {
      display: block;
      margin: 0px;
      max-height: 100%; }
  .step-card p {
    margin-bottom: 12px; }
  .step-card a {
    display: inline-block;
    color: #FCD45C;
    text-decoration: underline;
    font-weight: 400; }

.apply-banner {
  background: #fff;
  margin: 64px 0px;
  display: flex;
  align-items: center;
  position: relative;
  color: #0E4F4B;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); }
  .apply-banner .content-holder {
    flex-shrink: 1;
    width: 44%;
    padding: 40px 80px;
    font-size: 14px;
    margin-right: 100px; }
    .apply-banner .content-holder h3 {
      color: #0E4F4B;
      font-size: 21px;
      font-weight: 400; }
      .apply-banner .content-holder h3 strong {
        display: block; }
    .apply-banner .content-holder p {
      margin: 0px; }
  .apply-banner .btn {
    margin: 0px; }
  .apply-banner:before {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 40%;
    background: url("../images/bg-apply-banner.jpg") no-repeat center center;
    background-size: cover;
    clip-path: polygon(20% 0px, 100% 0px, 100% 100%, 0px 100%); }

.magazine-thumbnail {
  display: block;
  border-bottom: 1px solid #008F47;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  top: 0px;
  transition: all 0.32s ease;
  margin-bottom: 30px; }
  .magazine-thumbnail img {
    display: block;
    width: 100%;
    margin: 0px; }
  .magazine-thumbnail h3 {
    font-size: 16px;
    color: #0E4F4B;
    margin: 0px;
    padding: 12px 20px; }
    .magazine-thumbnail h3 span {
      display: block;
      font-size: 14px;
      font-weight: 400;
      color: #008F47; }
  .magazine-thumbnail:hover {
    top: -6px;
    box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.2); }

.accordion-container .accordion {
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px; }
  .accordion-container .accordion .accordion-title {
    background-color: #0E4F4B;
    position: relative;
    padding: 20px 60px 20px 40px;
    cursor: pointer; }
    .accordion-container .accordion .accordion-title h3 {
      color: #ffffff;
      margin: 0px;
      font-size: 14px;
      font-weight: 400; }
      .accordion-container .accordion .accordion-title h3 span {
        display: block;
        font-size: 12px;
        font-weight: 700; }
    .accordion-container .accordion .accordion-title:after {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f107";
      position: absolute;
      right: 20px;
      top: 50%;
      font-size: 24px;
      line-height: 24px;
      color: #ffffff;
      margin-top: -12px;
      transition: transform .32s ease; }
  .accordion-container .accordion .accordion-body {
    display: none;
    padding: 24px; }
  .accordion-container .accordion.open .accordion-title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

#statistics {
  list-style: none;
  margin: 48px 0px;
  padding: 0px;
  text-align: center; }
  #statistics li {
    display: inline-block;
    width: calc(16.6666% - 32px);
    margin: 12px;
    vertical-align: top; }
    #statistics li .image-holder {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px;
      height: 120px;
      position: relative;
      margin-bottom: 24px; }
      #statistics li .image-holder img {
        display: block;
        margin: 0px;
        padding: 0px;
        max-height: 100%; }
      #statistics li .image-holder:after {
        content: '';
        display: block;
        width: 30px;
        height: 2px;
        background-color: #5C846D;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -15px; }
    #statistics li h5 {
      font-size: 18px;
      margin-bottom: 4px; }
    #statistics li h6 {
      font-size: 14px;
      font-weight: 400;
      color: #0E4F4B;
      margin: 0px; }

.address {
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  font-size: 13px; }
  .address .map-holder {
    height: 280px;
    width: 40%;
    flex-shrink: 0; }
    .address .map-holder iframe {
      display: block;
      width: 100%;
      height: 100%;
      background-color: #ccc; }
  .address .content-holder {
    padding: 40px;
    padding-left: 128px;
    position: relative;
    flex-grow: 1;
    background-color: rgba(200, 200, 200, 0.1);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin-left: -64px; }
    .address .content-holder h3 {
      font-size: 18px; }
    .address .content-holder a {
      color: #008F47; }
  .address:nth-child(even) {
    flex-direction: row-reverse; }
    .address:nth-child(even) .content-holder {
      margin-left: 0px;
      margin-right: -64px; }

.process-card {
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
  height: 100%; }
  .process-card .image-holder img {
    display: block;
    width: 100%;
    margin: 0px; }
  .process-card .content-holder {
    padding: 24px;
    padding-top: 44px;
    margin-top: -24px;
    background-color: #ffffff;
    clip-path: polygon(0 10px, 60px 10px, 74px 24px, 100px 0px, 100% 0, 100% 100%, 0px 100%); }
  .process-card h5 {
    font-size: 14px; }

.course-card {
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }
  .course-card .course-header {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background-color: #0E4F4B;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: stretch; }
    .course-card .course-header li {
      flex: 1;
      padding: 20px;
      border-right: 1px solid #585B58; }
      .course-card .course-header li span {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #FCD45C; }
      .course-card .course-header li .btn {
        margin: 0px; }
      .course-card .course-header li:last-child {
        border: 0 none; }
  .course-card .course-content {
    padding: 30px;
    padding-bottom: 6px; }
  .course-card h3 {
    font-size: 20px;
    color: #0E4F4B; }
  .course-card.ended {
    box-shadow: none;
    background-color: #F5F5F5; }
    .course-card.ended .course-header {
      background-color: #ffffff;
      color: #909090; }
      .course-card.ended .course-header li {
        border-color: #F5F5F5; }
      .course-card.ended .course-header span {
        color: #0E4F4B; }
      .course-card.ended .course-header .btn {
        background-color: #F5F5F5 !important;
        color: #D2D2D2 !important;
        cursor: default; }

.value-card {
  display: flex;
  margin-bottom: 32px;
  background-color: #ffffff;
  box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.2);
  padding: 20px 0px;
  align-items: center;
  font-size: 13px;
  color: #0E4F4B;
  text-align: left; }
  .value-card .image-holder {
    flex-shrink: 0;
    width: 112px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .value-card .image-holder img {
      display: block;
      margin: 0px;
      max-height: 100%; }
  .value-card .content-holder {
    padding-right: 30px; }
    .value-card .content-holder h5 {
      font-size: 16px;
      color: inherit; }
    .value-card .content-holder p {
      margin: 0px; }

#histories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative; }
  #histories .item-holder {
    position: relative;
    margin-bottom: 40px;
    border-bottom: 1px solid #FCD45C; }
    #histories .item-holder .history-item {
      display: inline-block;
      width: 350px;
      background-color: #ffffff;
      font-size: 13px;
      color: #0E4F4B;
      text-align: left; }
      #histories .item-holder .history-item img {
        display: block;
        width: 100%;
        margin: 0px; }
      #histories .item-holder .history-item h5 {
        font-size: 16px;
        color: #0E4F4B; }
      #histories .item-holder .history-item .item-content {
        min-height: 132px;
        padding: 20px;
        padding-bottom: 1px; }
    #histories .item-holder:after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #FCD45C;
      border-radius: 100%;
      position: absolute;
      right: -5px;
      bottom: -5px; }
    #histories .item-holder:nth-child(even) {
      top: 55px;
      text-align: right; }
      #histories .item-holder:nth-child(even):after {
        left: -5px;
        right: auto; }
  #histories #history-line {
    width: 1px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    background-color: #FCD45C; }
    #histories #history-line:before, #histories #history-line:after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #FCD45C;
      border-radius: 100%;
      position: absolute;
      left: -5px;
      top: 0px; }
    #histories #history-line:after {
      top: auto;
      bottom: 0px; }

.pagination {
  list-style: none;
  margin: 40px 0px;
  padding: 0px;
  text-align: center; }
  .pagination li {
    display: inline-block; }
    .pagination li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      border: 1px solid #0E4F4B;
      color: #0E4F4B;
      font-size: 16px;
      font-weight: 700;
      line-height: 20px; }
      .pagination li a:hover, .pagination li a.active {
        background-color: #0E4F4B;
        color: #fff; }

.simple-brands {
  list-style: none;
  padding: 40px 0px;
  margin: 0px;
  text-align: center; }
  .simple-brands li {
    display: inline-block;
    margin: 20px;
    vertical-align: middle; }
    .simple-brands li a {
      display: flex;
      width: 120px;
      height: 60px;
      align-items: center;
      justify-content: center;
      transition: transform 0.32s ease; }
      .simple-brands li a img {
        display: block;
        margin: 0px;
        max-width: 96%;
        max-height: 80%;
        width: auto;
        height: auto; }
      .simple-brands li a:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05); }

.section {
  padding: 36px 0px;
  position: relative; }
  .section.more-space {
    padding: 74px 0px; }
  .section.page-header {
    height: 328px;
    background: url("../images/bg-page-header.jpg") no-repeat center center;
    background-size: cover;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: flex-end; }
    .section.page-header .page-header-logo {
      height: 36px;
      margin-bottom: 36px;
      -webkit-filter: hue-rotate(0deg) saturate(0) brightness(100);
      filter: hue-rotate(0deg) saturate(0) brightness(100); }
    .section.page-header h1 {
      font-size: 40px;
      color: inherit; }
    .section.page-header.white-header {
      background-image: url("../images/bg-page-header-white.png");
      color: #0E4F4B; }
      .section.page-header.white-header .page-header-logo {
        -webkit-filter: initial;
        filter: initial; }
  .section.page-top {
    font-size: 18px; }
  .section.bg-green {
    background-color: #0E4F4B;
    color: #ffffff; }
  .section.bg-gray {
    background-color: #F5F5F5; }
  .section.bg-light {
    background-color: #f9f9f9; }
  .section.divided-section {
    background: url("../images/bg-divided.png") no-repeat center center;
    background-size: cover;
    color: #ffffff;
    display: flex;
    align-items: stretch;
    padding: 0px;
    min-height: 300px; }
    .section.divided-section .title-holder {
      width: 50%;
      padding: 40px 120px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section.divided-section .title-holder h1 {
        margin: 0px;
        color: #ffffff;
        font-size: 28px;
        font-weight: 700; }
        .section.divided-section .title-holder h1 span {
          color: #FCD45C; }
    .section.divided-section .content-holder {
      width: 50%;
      background-color: rgba(14, 79, 75, 0.7);
      padding: 40px 120px;
      font-size: 13px;
      font-weight: 500;
      position: relative;
      display: flex;
      align-items: center;
      -webkit-backdrop-filter: blur(10px);
      -moz-backdrop-filter: blur(10px);
      -ms-backdrop-filter: blur(10px);
      -o-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px); }
      .section.divided-section .content-holder p:last-child {
        margin: 0px; }
    .section.divided-section:before {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      background-color: #0E4F4B;
      opacity: 0.6;
      mix-blend-mode: multiply; }
  .section#single-content .content-wrapper {
    padding: 0px 30px;
    font-size: 14px; }
    .section#single-content .content-wrapper .hero-image {
      margin-left: -30px;
      margin-right: -30px;
      margin-bottom: 30px; }
      .section#single-content .content-wrapper .hero-image img {
        display: block;
        width: 100%;
        margin-bottom: 0px; }
  .section#home {
    padding: 0px; }
  .section#corporate-movie {
    height: 400px;
    display: flex;
    align-items: center;
    background: url("../images/bg-corporate-movie.jpg") no-repeat center center;
    background-size: cover; }
    .section#corporate-movie h1 {
      color: #ffffff;
      padding-left: 104px;
      position: relative;
      cursor: pointer;
      display: inline-block; }
      .section#corporate-movie h1:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f101";
        content: "\f01d";
        display: block;
        position: absolute;
        left: 0px;
        top: -5px;
        font-size: 74px; }
  .section#brands p {
    margin-bottom: 2px; }
  .section#brands h1 {
    font-size: 48px; }
  .section#brands .simple-brands {
    -webkit-filter: hue-rotate(0deg) saturate(0) brightness(100);
    filter: hue-rotate(0deg) saturate(0) brightness(100); }
  .section#list-news {
    padding: 0px;
    display: flex;
    align-items: stretch; }
    .section#list-news .news-left {
      width: 50%;
      background-color: #F5F5F5;
      padding: 100px 200px; }
    .section#list-news ul {
      list-style: none;
      margin: 0px;
      padding: 28px;
      width: 50%; }
      .section#list-news ul li a {
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #008F47;
        padding: 20px;
        padding-right: 36px;
        position: relative; }
        .section#list-news ul li a .date {
          display: block;
          font-size: 12px;
          font-weight: 500;
          color: #2B2027;
          margin-bottom: 2px; }
        .section#list-news ul li a:after {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f101";
          font-size: 20px;
          position: absolute;
          right: 16px;
          top: 50%;
          margin-top: -10px; }
        .section#list-news ul li a:hover {
          box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); }
  .section#blog-header {
    padding-top: 80px;
    padding-bottom: 0px;
    background: url("../images/bg-blog-header.png") no-repeat center center;
    background-size: cover; }
    .section#blog-header h1 {
      color: #ffffff;
      margin-bottom: 64px;
      text-align: center;
      font-size: 32px; }
    .section#blog-header #blog-filters {
      background-color: #0E4F4B;
      padding: 10px 0px; }
      .section#blog-header #blog-filters .container {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
      .section#blog-header #blog-filters .form-control {
        width: 25%;
        margin: 0px;
        background-color: transparent;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        height: 40px;
        border-bottom: 0 none; }
      .section#blog-header #blog-filters .clean-holder {
        width: 25%;
        text-align: right; }
        .section#blog-header #blog-filters .clean-holder .btn {
          margin: 0px;
          margin-right: 12px; }
        .section#blog-header #blog-filters .clean-holder a {
          color: #fff;
          font-size: 14px;
          display: inline-block; }
  .section#home-steps {
    padding: 110px 0px;
    font-size: 14px;
    color: #0E4F4B; }
    .section#home-steps .step-card {
      margin-left: 60px; }
  .section#hr-policy {
    font-size: 14px; }
  .section#plus-magazine {
    padding-top: 0px; }
    .section#plus-magazine #tabs {
      box-shadow: 0px 40px 30px rgba(0, 0, 0, 0.15);
      margin-bottom: 70px; }
      .section#plus-magazine #tabs ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: rgba(144, 144, 144, 0.5);
        text-align: center; }
        .section#plus-magazine #tabs ul li {
          flex: 1;
          padding: 28px;
          cursor: pointer;
          border-bottom: 4px solid transparent; }
          .section#plus-magazine #tabs ul li.active, .section#plus-magazine #tabs ul li:hover {
            font-weight: 700;
            color: #008F47;
            border-color: #FCD45C;
            background-color: #F9F9F9; }
  .section#blog-top #top-items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: calc(100% - 280px) 1fr; }
    .section#blog-top #top-items .slider-holder {
      grid-row-start: 1;
      grid-row-end: 3;
      width: auto; }
    .section#blog-top #top-items a {
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative; }
      .section#blog-top #top-items a h3 {
        font-size: 16px;
        color: #ffffff;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0px;
        padding: 20px;
        background-color: rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(5px);
        -moz-backdrop-filter: blur(5px);
        -ms-backdrop-filter: blur(5px);
        -o-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px); }
    .section#blog-top #top-items .swiper-slide a {
      height: 100%; }
      .section#blog-top #top-items .swiper-slide a h3 {
        font-size: 21px;
        padding: 20px 40% 60px 40px; }
  .section#blog-top #blog-banners {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 60% 1fr; }
    .section#blog-top #blog-banners a {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: 700;
      color: #0E4F4B;
      position: relative; }
      .section#blog-top #blog-banners a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f101";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .section#blog-top #blog-banners a#banner-youtube {
        height: 100px;
        background: url("../images/bg-blog-banner-youtube.png") no-repeat center center;
        background-size: cover;
        padding: 0px 40% 0px 116px; }
        .section#blog-top #blog-banners a#banner-youtube::before {
          content: "\f16a";
          font-size: 40px;
          left: 40px; }
      .section#blog-top #blog-banners a#banner-linkedin {
        background-color: #0E4F4B;
        color: #ffffff;
        padding-left: 92px;
        padding-right: 60px; }
        .section#blog-top #blog-banners a#banner-linkedin::before {
          content: "\f0e1";
          left: 36px;
          font-size: 36px; }
      .section#blog-top #blog-banners a#banner-solutions {
        background-color: #FCD45C;
        padding: 20px 40px;
        grid-column-start: 1;
        grid-column-end: 3; }
        .section#blog-top #blog-banners a#banner-solutions:before {
          content: "\f105";
          width: 24px;
          height: 24px;
          right: 40px;
          border: 2px solid #0E4F4B;
          border-radius: 100%;
          text-align: center;
          font-size: 16px;
          line-height: 18px; }
  .section#campaign {
    height: calc(100vh - 126px);
    min-height: 640px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    display: grid;
    grid-template-columns: 1fr 42%;
    padding: 0px; }
    .section#campaign #campaign-left {
      overflow: auto; }
      .section#campaign #campaign-left .first-content {
        height: calc(100vh - 126px);
        min-height: 640px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 100px;
        color: #fff; }
        .section#campaign #campaign-left .first-content .campaign-logo {
          max-width: 120px;
          -webkit-filter: hue-rotate(0deg) saturate(0) brightness(100);
          filter: hue-rotate(0deg) saturate(0) brightness(100); }
        .section#campaign #campaign-left .first-content h1 {
          font-size: 22px;
          color: #ffffff; }
          .section#campaign #campaign-left .first-content h1 span {
            color: #FCD45C; }
      .section#campaign #campaign-left .campaign-section {
        padding: 32px 80px;
        background-color: #f9f9f9; }
        .section#campaign #campaign-left .campaign-section.banner {
          padding: 0px; }
          .section#campaign #campaign-left .campaign-section.banner img {
            display: block;
            width: 100%;
            margin: 0px; }
    .section#campaign #campaign-right {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #F9F9F9;
      padding: 40px 100px;
      font-size: 12px; }
      .section#campaign #campaign-right h3 {
        font-size: 21px; }
      .section#campaign #campaign-right .form-control {
        background-color: transparent; }
      .section#campaign #campaign-right .checkbox-holder {
        padding-left: 28px;
        position: relative;
        margin-bottom: 12px; }
        .section#campaign #campaign-right .checkbox-holder input {
          position: absolute;
          left: 2px;
          top: 2px; }
        .section#campaign #campaign-right .checkbox-holder label {
          font: inherit; }
    .section#campaign.page-solutions {
      min-height: 800px; }
  .section#about-values ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center; }
    .section#about-values ul li {
      display: inline-block;
      width: calc(50% - 30px);
      margin: 0px 12px; }
      .section#about-values ul li:nth-child(3n + 1) {
        width: 80%; }

#content {
  padding-top: 126px; }

#footer ul {
  list-style: none;
  padding: 0px; }
  #footer ul li {
    margin-bottom: 2px; }
    #footer ul li a {
      display: inline-block; }
  #footer ul.social-medias {
    text-align: right;
    font-size: 18px; }
    #footer ul.social-medias li {
      display: inline-block;
      margin-left: 12px; }
      #footer ul.social-medias li a {
        padding: 4px; }
  #footer ul.legal-menu {
    margin: 0px; }
    #footer ul.legal-menu li {
      display: inline-block;
      margin: 0px;
      border-right: 1px solid #909090;
      margin-right: 8px;
      padding-right: 8px; }
      #footer ul.legal-menu li:last-child {
        border: 0 none; }
#footer #footer-top {
  background-color: #0E4F4B;
  color: #ffffff;
  padding-top: 100px;
  padding-bottom: 76px;
  font-size: 14px; }
  #footer #footer-top .footer-logo {
    -webkit-filter: hue-rotate(0deg) saturate(0) brightness(100);
    filter: hue-rotate(0deg) saturate(0) brightness(100); }
  #footer #footer-top #subscribe-form {
    position: relative;
    text-align: right;
    margin-bottom: 80px;
    padding-left: 60px; }
    #footer #footer-top #subscribe-form h3 {
      color: #ffffff; }
    #footer #footer-top #subscribe-form .form-control {
      margin: 0px;
      border: 0px; }
      #footer #footer-top #subscribe-form .form-control:focus {
        background-color: #f2f2f2; }
    #footer #footer-top #subscribe-form .btn {
      position: absolute;
      right: 0px;
      bottom: 0px;
      margin: 0px;
      padding: 10px 30px; }
#footer #footer-middle {
  padding: 54px 0px;
  font-size: 13px;
  color: #909090;
  letter-spacing: 0.1em; }
  #footer #footer-middle h5 {
    font-size: 13px;
    font-weight: 600;
    color: #5C846D; }
  #footer #footer-middle p {
    margin-bottom: 16px; }
  #footer #footer-middle a:hover {
    color: #0E4F4B; }
  #footer #footer-middle .contact-mail {
    display: inline-block;
    font-size: 16px; }
#footer #footer-bottom {
  background-color: #F5F5F5;
  font-size: 12px;
  line-height: 14px;
  color: #909090;
  padding: 28px 0px; }

#stage {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.72) url("../images/loading.gif") no-repeat center center;
  background-size: 60px auto;
  display: none;
  align-items: center;
  justify-content: center; }
  #stage .stage-message {
    background-color: #ffffff;
    border-top: 6px solid #0E4F4B;
    padding: 24px;
    border-radius: 0px 0px 12px 12px;
    width: 400px;
    max-width: calc(100% - 30px);
    text-align: center; }
  #stage .video-wrapper {
    width: 800px;
    max-width: calc(100% - 30px); }
  #stage #stage-close {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #ffffff;
    padding: 2px 4px;
    cursor: pointer; }
    #stage #stage-close:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f057";
      font-size: 36px;
      line-height: 40px; }

#search-holder {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 100%;
  background-color: rgba(14, 79, 75, 0.96);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9002;
  transition: bottom 0.4s ease; }
  #search-holder form {
    width: 540px;
    max-width: calc(100% - 30px);
    padding: 40px;
    background-color: #ffffff; }
    #search-holder form .input-holder {
      position: relative; }
    #search-holder form .form-control {
      margin: 0px; }
    #search-holder form .btn {
      position: absolute;
      right: 0px;
      top: 50%;
      background-color: transparent;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      #search-holder form .btn:hover {
        background-color: #008F47; }
  #search-holder #search-close {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #ffffff;
    padding: 2px 4px;
    cursor: pointer; }
    #search-holder #search-close:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f101";
      content: "\f057";
      font-size: 36px;
      line-height: 40px; }

#job-apply-holder {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9001; }
  #job-apply-holder #job-apply-form {
    width: 540px;
    max-width: calc(100% - 30px);
    padding: 40px;
    background-color: #ffffff;
    position: relative; }
    #job-apply-holder #job-apply-form #job-apply-position {
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 16px; }
    #job-apply-holder #job-apply-form #close-apply {
      position: absolute;
      right: 10px;
      top: 10px;
      color: #0E4F4B;
      font-size: 28px;
      line-height: 28px;
      cursor: pointer; }
    #job-apply-holder #job-apply-form #job-apply-message-holder {
      display: none;
      color: red;
      font-size: 12px;
      font-weight: 600;
      text-align: center; }

#contact-form {
  width: 580px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 60px; }

body.stage-open {
  overflow: hidden; }
  body.stage-open #stage {
    display: flex; }

body.search-open {
  overflow: hidden; }
  body.search-open #search-holder {
    bottom: 0px; }

@media (max-width: 1199px) {
  #header #logo {
    width: 120px;
    margin-left: 15px; }
  #header ul#menu > li > a {
    padding-left: 16px;
    padding-right: 16px; }

  .swiper-container#main-slider h3 {
    font-size: 32px; }

  #solutions-holder {
    margin: 40px 0px; }

  .section#brands h1 {
    font-size: 36px; }
  .section#list-news .news-left {
    padding: 7.2%; } }
@media (max-width: 991px) {
  #header {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12); }
    #header #menu {
      display: none; }
    #header #header-bottom {
      display: none; }
    #header #menu-switch {
      display: block; }
    #header #lang-switch {
        margin: 0px;
        padding: 8px;
        font-size: 13px;
    }
      #header #lang-switch:before {
        display: none; }

  #statistics {
    margin: 12px 0px; }
    #statistics li {
      width: 112px; }

  .apply-banner .content-holder {
    padding: 24px;
    margin-right: 40px; }

  #histories .item-holder .history-item {
    width: 280px; }

  .swiper-container#main-slider {
    height: calc(100vh - 72px); }
  .swiper-container#blog-top-slider {
    height: 360px; }

  .brand-card {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 60px; }
    .brand-card img {
      left: 24px; }
    .brand-card:before {
      left: 24px; }
    .brand-card::after {
      left: 120px;
      right: 24px; }

  .section {
    padding: 32px 0px; }
    .section.more-space {
      padding: 48px 0px; }
    .section.page-header {
      height: auto;
      min-height: 220px;
      font-size: 16px; }
      .section.page-header h1 {
        font-size: 24px; }
      .section.page-header .page-header-logo {
        margin-bottom: 16px; }
    .section.divided-section {
      min-height: 200px; }
      .section.divided-section .title-holder {
        padding: 40px; }
        .section.divided-section .title-holder h1 {
          font-size: 20px; }
      .section.divided-section .content-holder {
        padding: 40px; }
    .section#corporate-movie {
      height: 300px; }
    .section#home-steps {
      padding: 48px 0px; }
      .section#home-steps .btn {
        margin-bottom: 48px; }
      .section#home-steps .step-card {
        margin-left: 0px; }
    .section#campaign {
      display: flex;
      flex-direction: column;
      height: auto;
      min-height: auto; }
      .section#campaign #campaign-right {
        order: -1; }
    .section#about-values ul li {
      display: block;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px; }
      .section#about-values ul li:nth-child(3n + 1) {
        width: 100%; }
    .section#blog-top #top-items .swiper-slide a h3 {
      padding-right: 40px; }
    .section#blog-top #blog-banners {
      grid-template-columns: 100%; }
      .section#blog-top #blog-banners a#banner-youtube {
        height: auto;
        padding: 16px 60px 16px 116px; }
      .section#blog-top #blog-banners a#banner-linkedin {
        padding: 16px 60px 16px 116px; }
        .section#blog-top #blog-banners a#banner-linkedin:before {
          left: 46px; }
      .section#blog-top #blog-banners a#banner-solutions {
        grid-column-end: 2; }
    .section#hr-policy img {
      display: block;
      margin: 0 auto; }
    .section#blog-header #blog-filters .form-control {
      width: 50%; }
    .section#blog-header #blog-filters .clean-holder {
      width: 50%;
      text-align: center; }

  #content {
    padding-top: 72px; }

  #footer #footer-top {
    padding-top: 60px;
    padding-bottom: 44px; }
    #footer #footer-top #subscribe-form {
      padding-left: 0px;
      width: 400px;
      max-width: 100%;
      margin: 32px auto; }
      #footer #footer-top #subscribe-form h3 {
        text-align: center; }
  #footer ul.social-medias {
    text-align: center; } }
@media (max-width: 767px) {
  h1 {
    font-size: 24px; }

  h2 {
    font-size: 22px; }

  .section-title {
    padding-bottom: 18px; }

  .green-line {
    padding-left: 64px; }
    .green-line:before {
      width: 44px; }

  .swiper-container#main-slider {
    min-height: 400px; }
    .swiper-container#main-slider .swiper-button-next, .swiper-container#main-slider .swiper-button-prev {
      display: none; }
    .swiper-container#main-slider .slide-content {
      padding: 0px; }
    .swiper-container#main-slider h3 {
      font-size: 28px; }
  .swiper-container#comments-slider {
    margin-top: 40px; }
  .swiper-container#blog-top-slider {
    height: 240px;
    margin-bottom: 12px; }

  .vertical-card .card-content {
    padding: 12px; }

  .step-card {
    padding: 16px; }
    .step-card .image-holder {
      width: 74px; }

  .simple-brands li {
    margin: 12px 24px; }

  .apply-banner {
    margin: 48px 0px;
    display: block;
    padding: 24px;
    text-align: center; }
    .apply-banner .content-holder {
      margin: 0px;
      padding: 0px;
      width: 100%;
      margin-bottom: 16px; }
    .apply-banner::before {
      display: none; }

  #solutions-holder .vertical-card {
    width: 158px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 24px; }

  #histories {
    display: block; }
    #histories .item-holder .history-item {
      max-width: calc(100% - 15px); }
    #histories .item-holder:nth-child(even) {
      top: 0px;
      text-align: left; }
      #histories .item-holder:nth-child(even):after {
        right: -5px;
        left: auto; }
    #histories #history-line {
      right: -1px;
      left: auto; }
      #histories #history-line:after {
        bottom: -4px; }

  .value-card {
    font-size: 12px; }
    .value-card .image-holder {
      width: 84px; }

  .magazine-thumbnail h3 {
    padding: 12px;
    font-size: 13px; }
    .magazine-thumbnail h3 span {
      font-size: 11px;
      padding-top: 4px; }

  .address {
    display: block; }
    .address .map-holder {
      width: 100%;
      height: 220px; }
    .address .content-holder {
      padding: 24px;
      margin: 0px; }
    .address:nth-child(even) .content-holder {
      margin: 0px; }

  .course-card {
    font-size: 14px; }
    .course-card .course-header {
      display: grid;
      grid-template-columns: 50% 50%; }
      .course-card .course-header li {
        padding: 12px;
        border: 0 none; }
    .course-card .course-content {
      padding: 20px;
      padding-bottom: 6px; }
    .course-card h3 {
      font-size: 16px; }

  .accordion-container .accordion {
    margin-bottom: 24px; }
    .accordion-container .accordion .accordion-title {
      padding-left: 16px; }
    .accordion-container .accordion .accordion-body {
      padding: 10px;
      font-size: 14px; }

  .section.divided-section {
    display: block; }
    .section.divided-section .title-holder {
      width: 100%;
      min-height: 120px;
      padding: 28px; }
    .section.divided-section .content-holder {
      width: 100%;
      padding: 28px; }
  .section#corporate-movie {
    height: 240px; }
    .section#corporate-movie h1 {
      font-size: 20px;
      padding-left: 80px; }
      .section#corporate-movie h1:before {
        font-size: 60px; }
  .section#brands h1 {
    font-size: 24px; }
  .section#list-news {
    display: block; }
    .section#list-news .news-left {
      width: 100%;
      padding: 40px 15px; }
    .section#list-news ul {
      width: 100%;
      padding: 28px 15px; }
  .section#campaign #campaign-left .first-content {
    height: auto;
    min-height: auto;
    padding: 40px 24px; }
  .section#campaign #campaign-left .campaign-section {
    padding: 24px; }
  .section#campaign #campaign-right {
    padding: 40px 24px; }
  .section#campaign.page-solutions #solutions-holder {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 0px; }
  .section#blog-top #top-items {
    display: block; }
    .section#blog-top #top-items a {
      height: 180px;
      margin-bottom: 12px; }
    .section#blog-top #top-items .swiper-slide a h3 {
      font-size: 18px;
      padding: 20px;
      padding-bottom: 60px; }
  .section#plus-magazine #tabs {
    margin-bottom: 32px; }
    .section#plus-magazine #tabs ul li {
      padding: 12px;
      font-size: 14px; }
  .section#single-content .content-wrapper {
    padding: 0px 15px; }
    .section#single-content .content-wrapper .hero-image {
      margin-left: -15px;
      margin-right: -15px; }
  .section#blog-header h1 {
    font-size: 24px; }
  .section#blog-header #blog-filters .form-control {
    width: 100%;
    margin-bottom: 12px;
    border: 0 none; }
  .section#blog-header #blog-filters .clean-holder {
    width: 100%; }

  #footer #footer-middle .contact-mail {
    margin-bottom: 24px; }

  #job-apply-holder #job-apply-form {
    padding: 24px; }

  #search-holder #search-form {
    padding: 24px; } }
@media (max-width: 575px) {
    .selects {
    margin-right: 0px;
}
  #statistics li {
    width: 80px;
    margin: 4px 12px; }
    #statistics li .image-holder {
      height: 80px; } }

/*# sourceMappingURL=style.css.map */