@charset "UTF-8";

html {
  scroll-behavior: smooth;
}
html,body{
  max-width:100vw;
  overflow-x:hidden !important;
}
body {
  font-family: 'Roboto', sans-serif;
  position: relative;
}
.absolute {
  position: absolute;
}
.filterDiv{
  display: none !important;
}
.show {
  display: grid !important;
}

.relative {
  position: relative;
}

.fullheight {
  height: 100vh;
}

.height-60 {
  height: 60vh;
}

.height-40 {
  height: 40vh;
}

.fullwidth {
  width: 100%;
}

video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.background-back{
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 0;
  background-position: center;
  background-size: cover;
}

.text-1.w-100{
  min-width:100%;
}
.text-1.w-100 p, .text-1.w-100 ul{
  margin: 0;
}
.text-1.w-100 br{
  font-size: 0.2rem;
}
.tab-section.background-blue{
  background: #003955;
  padding:0;
}
.tab-section.background-blue .tablinks.active{
  color:#003955;
}
.tab-section.background-blue .tab button{
  padding: 1rem 1.2rem;
}
#video .background-blue {
  background: #072446;
  opacity: 0.55;
  position: absolute;
  top: 0;
  height: 100vh;
  left: 0;
  width: 100%;
  z-index: -1;
}
.header{
  width:100vw !important;
  padding:1rem 0 !important;
  left:0;
}
.background-black{
  position: absolute;
  height: 100%;
  width: 100%;
  left: -1rem;
  z-index: -1;
  top: -1rem;
  filter: blur(10px);
  opacity: 0.45;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+63,000000+100&1+0,1+63,0+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 63%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 63%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 63%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.background-white {
  background: white;
}
.background-yellow{
  background: #fcb316;
}
.text-yellow{
  color:#fcb316;
}


#video h3 {
  max-width: 40%;
  min-width: 300px;
}

.bg_pattern {
  background-image: url("/public/video/bg_pattern.png");
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-repeat: repeat;
}

.wrapper {
  display: grid;
}

.wrapper-cen {
  align-self: center;
  justify-self: center;
}

.wrapper-width {
  width: calc(100% - 20vw);
}

.wrapper-fullheight {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: 100vh;
  grid-template-areas: ". a a .";
}

.wrapper-fullheight .item {
  grid-area: a;
  align-self: center;
  justify-self: left;
}

.section {
  padding: calc(1.5rem + 3vw);
}

.section-title{
  background: white;
  border-radius: 50%;
  padding: 4rem 1rem;
}
.text-right{
  text-align: right;
}
.is-light-blue {
  color: #F5F6F7;
}
.is-relative{
  position: relative;
}
h2.is-dark-blue-bis {
  font-size: calc(10rem + 0.75vw);
  opacity: 0.25;
}

.is-dark-blue-bis {
  color: #003955;
}
.background-blue{
  background: #003955;
}
.background-light-blue {
  background: #F5F6F7;
}

.background-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

label {
  display: block;
  margin: 0.5em 0;
}
label span, .required span{
  color:rgba(252,179,22,1);
}
.required{
  color:white;
  text-align: right;
}
.button-contact, .button-contact .button{
  width:100%;
}
input,
textarea {
  padding: 0.5em;
  background: #F5F6F7;
  border-width: 0;
  min-width: 93%;
}
textarea{
  resize: none;
}
#video .absolute {
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
}
#video .item{
  z-index:1;
}

.scroll-down {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  z-index: 999;
}

.scroll-down a {
  text-decoration: none;
  transform: rotate(-90deg);
  position: absolute;
  bottom: 7em;
  margin-left: -4em;
  letter-spacing: 2px;
  font-weight: 200;
  font-size: calc(0.2rem + .25vw);
  line-height: 0;
  z-index: 9;
}

.button.absolute {
  bottom: 0;
}

.button {
  cursor: pointer;
}

.button-right {
  float: right;
  right: 0;
}

.button-info {
  background: #fcb316;
  border: 0.25px solid #fcb316;
  color: #072446;
  padding: 0.5rem 1rem;
}

.button-info-out {
  background: white;
  color: #072446;
  border: 0.25px solid #072446;
  padding: 0.25rem 1rem;
  margin-bottom: 2rem;
}

.button-info:hover {
  background: none;
  color: white;
  transition: 0.65s;
}

.button-info-out:hover {
  background: #072446;
  color: white;
  transition: 0.65s;
}

.button-info-out:hover .shift-right {
  color: white;
  transform: translateX(8px);
  transition: all 0.3s cubic-bezier(0.71, 0.35, 0.26, 0.83);
}

.button-info-out:hover .shift-left {
  color: white;
  transform: translateX(-8px);
  transition: all 0.3s cubic-bezier(0.71, 0.35, 0.26, 0.83);
}

.shift {
  color: #072446;
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 16px;
  padding-left: 8px;
  transition: all 0.3s cubic-bezier(0.71, 0.35, 0.26, 0.83);
}

.text-white {
  color: white;
}

.text-dark-blue {
  color: #072446;
}

.title-1 {
  font-size: calc(2.5rem + 0.75vw);
  line-height: 0.95;
  margin-bottom: 1.5rem;
}

.title-large {
  font-size: calc(5rem + 0.5vw);
  line-height: 0.85;
  margin-bottom: 1.5rem;
  letter-spacing: -0.2rem;
}

.title-2 {
  font-size: calc(0.85rem + 0.65vw);
  letter-spacing: 0.1em;
}

.title-3 {
  font-size: calc(0.55rem + 0.55vw);
  line-height: 1.65;
  letter-spacing: 0.1rem;
}

.title-4 {
  font-size: calc(0.55rem + 0.35vw);
  line-height: 1.65;
  letter-spacing: 0.12rem;
  margin-bottom: 0;
}

.text-gallery {
  width: 70%;
  margin: auto;
}

h2.text-1 {
  letter-spacing: 0.1rem;
}

.text-1 {
  font-size: calc(0.55rem + .25vw);
  line-height: 1.85;
  max-width: 20vw;
}

.text-large {
  font-size: calc(0.8rem + .25vw);
  line-height: 1.5;
  max-width: 23vw;
}

#slide {
  overflow: hidden;
  height: 100vh;
  max-width:100vw;
  position: relative;
}
.slide {
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.slide.active{
  z-index:0;
}

.prevnext {
  position: absolute;
  width: 4vmin;
  height: 8vmin;
  bottom: 0;
  top: 0;
  margin: auto 0;
}
.prevnext.right{
  right: 2%;
  float: right;
}
.prevnext.left{
  left: 2%;
  float: left;
}

.prevnext-button {
  width: 100%;
  height: 50%;
  background-color: transparent;
  font-size: calc(0.5rem + 0.5vw);
  border-radius: 50%;
  border: 1px solid white;
  margin: 1rem 0;
}

.prevnext-button:hover {
  background: white;
  transition: 0.65s;
  cursor: pointer;
}

.prevnext-button:hover#prev:after {
  color: #072446;
}

.prevnext-button:hover#next:after {
  color: #072446;
}

.hidden {
  display: none;
}

#prev:after {
  content: '\2190';
  color: white;
}

#next:after {
  content: '\2192';
  color: white;
}

h3.text-1 {
  font-size: calc(0.7rem + .25vw);
  line-height: 2;
}

.button.text-1 {
  font-size: calc(0.4rem + .25vw);
  letter-spacing: 0.15rem;
}

.text-2 {
  font-size: calc(0.35rem + .25vw);
  line-height: 2;
}

.cursor p {
  line-height: 1.5;
  padding-top: 1rem;
  margin: auto;
}

li.text-1 {
  font-size: calc(0.4rem + .25vw);
  letter-spacing: 0.2rem;
}

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

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-semi-bold {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.m-top-2 {
  margin-top: calc(2rem + 2vw);
  margin-bottom: 0;
}
.m-auto .text-1{
  margin:auto;
}
.text-1.w-30{
  max-width: 30vw;
}
.m-top-5 {
  margin-top: 5rem;
  margin-bottom: 0.5rem;
}
.m-top-1 {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}
.m-bottom-5{
  margin-bottom: 5rem;
}
.img-gallery {
  position: relative;
}

.video-gallery {
  width: 100%;
  border: 1px solid #F5F6F7;
}

.copy {
  position: relative;
}

.copy p.copyright {
  position: absolute;
  transform: rotate(-90deg);
  bottom: 10em;
  color: #072446;
  opacity: 1;
  font-weight:300;
  font-size: calc(0.3rem + .5vw);
}

.copy p.copyright.right {
  right: -9em;
  float: right;
}

.copy p.copyright.left {
  left: -9em;
  float: left;
}

footer {
  padding: 2rem;
  background: rgba(252,179,22,1);
}

.link {
  position: relative;
}

.link:hover:before {
  background: #fcb316;
  height: 3px;
  opacity: 1;
  bottom: -2.3rem;
}

.link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  opacity: 0;
  transition: opacity 350ms ease;
}

.wrapper-end {
  display: grid;
  align-items: end;
  justify-content: end;
}

.wrapper-center-ul {
  display: grid;
  align-items: end;
  justify-content: center;
}

ul.inline-block {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

ul.inline-block li {
  display: inline-block;
}

ul.inline-block li a {
  text-decoration: none;
  padding: 0 1rem;
}

ul.inline-block li a:hover {
  opacity: 0.65;
  transition: 0.65s;
}

.is-marginless {
  margin: 0;
}

.header {
  z-index: 99;
  display: flex;
  padding: 0 1rem;
  position: fixed;
  width: 100%;
  right: 0;
  /* For Safari 3.1 to 6.0 */
  transition: 1s;
  justify-content: center;
  align-items: center;
}

.header a {
  color: white;
  text-decoration: none;
}

.header-white {
  background: #003955;
  border-bottom: 1px solid #fff;
  top:0;
  padding:1rem 0;
}

.header-white a {
  color: white;
}

.header-white .logo {
  display: block;
}

.header.absolute {
  bottom: 0;
}
.header.absolute .width-50{
  width: calc(90% + 5vw);
}
.logo {
  float: left;
  left: 0;
  display: none;
  padding-left: 1rem;
}

.mobile-menu {
  display: none;
}

.menu_wrapper {
  float: right;
  right: -1em;
}

#nav {
  list-style: none;
  padding: 0;
  text-align: left;
}

#nav.vertical {
  display: block;
}

#nav.vertical li {
  display: list-item;
  line-height: 40px;
}

#nav li {
  display: inline-block;
  padding-right: 1rem;
}

#nav li:last-child {
  padding-right: 0;
}

.card-img {
  min-height: 150px;
  overflow: hidden;
  text-align: center;
}
.currentProduct{
  min-height: 50vh;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.currentProduct h1{
  font-size: calc(2rem + 2vw);
  line-height:0.85;
  color:#fcb316;
  letter-spacing: 0.25rem;
  font-weight: 100;
  z-index: 2;
}
.currentProduct h1 span{
  font-weight: 600;
  font-size: calc(4rem + 2vw);
  color:white;
}
.currentProduct .background-blue{
  height: 100%;
  z-index: 1;
  width: 100%;
  position: absolute;
  opacity: 0.85;
}
.card .content {
  max-width: 80%;
  margin: auto;
}
.card__img, .card__img2{
  cursor: pointer;
}
.card__img{
  filter: grayscale(65%);
  /* Current draft standard */
  -webkit-filter: grayscale(65%);
  /* New WebKit */
  -moz-filter: grayscale(65%);
  -o-filter: grayscale(65%);
  /* Not yet supported in Gecko, Opera or IE */
  -webkit-filter: grayscale(0.3);
  /* Old WebKit */
}
/*.card__img:hover {*/
  /*width: 60vw;*/
  /*transition: all 1s;*/
  /*cursor: pointer;*/
  /*filter: grayscale(50%);*/
  /*!* Current draft standard *!*/
  /*-webkit-filter: grayscale(80%);*/
  /*!* New WebKit *!*/
  /*-moz-filter: grayscale(80%);*/
  /*-o-filter: grayscale(80%);*/
  /*!* Not yet supported in Gecko, Opera or IE *!*/
  /*-webkit-filter: grayscale(0.8);*/
  /*!* Old WebKit *!*/
/*}*/
/*.card__img:hover  h2, .card__img2:hover  h2{*/
  /*font-size: calc(6rem + 0.75vw);*/
  /*line-height: 0.85;*/
  /*margin-bottom: 1.5rem;*/
  /*letter-spacing: -0.2rem;*/
/*}*/
/*.first-slide:hover ~ .second-slide h2{*/
  /*font-size: calc(2.5rem + 0.75vw);*/
  /*line-height: 0.75;*/
  /*margin-bottom: 1.5rem;*/
/*}*/
/*.three-slide:hover ~ .four-slide h2{*/
  /*font-size: calc(2.5rem + 0.75vw);*/
  /*line-height: 0.75;*/
  /*margin-bottom: 1.5rem;*/
/*}*/
/*.three-slide:hover ~ .four-slide .text-1{*/
  /*font-size: calc(0.55rem + .25vw);*/
  /*line-height: 1.85;*/
  /*max-width: 100%;*/
/*}*/
/*.card__img:hover .text-1, .card__img2:hover .text-1{*/
  /*font-size: calc(0.8rem + .25vw);*/
  /*line-height: 1.5;*/
  /*max-width: 60%;*/
/*}*/

/*.card__img2:hover {*/
  /*cursor: pointer;*/
  /*transition: 0.65s;*/
  /*filter: grayscale(50%);*/
  /*!* Current draft standard *!*/
  /*-webkit-filter: grayscale(80%);*/
  /*!* New WebKit *!*/
  /*-moz-filter: grayscale(80%);*/
  /*-o-filter: grayscale(80%);*/
  /*!* Not yet supported in Gecko, Opera or IE *!*/
  /*-webkit-filter: grayscale(0.8);*/
  /*!* Old WebKit *!*/
  /*width: 60vw;*/
/*}*/

.cursor {
  cursor: pointer;
}

.cursor img {
  -webkit-filter: grayscale(25%);
          filter: grayscale(25%);
}

.cursor:hover {
  background: #F5F6F7;
  transition: 0.65s;
}

.cursor:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  transition: 0.65s;
}

.wrapper-news img {
  margin: 2rem 0;
}
.wrapper-color img{
  border:1px solid #ccc;
  width: 100%;
}
.wrapper-color h3{
  text-align: center;
  margin:0;
}
.wrapper-extras {
  margin-bottom: 3rem;
  padding: 2rem;
}
.wrapper-extras img{
  padding: 2rem;
  background: white;
  margin-left: -4rem;
  border: 1px solid #003955;
  /*border-radius:50%;*/
}
#news .button-info{
  text-decoration: none;
  padding:1rem 2rem;
}
.line-title{
  border-bottom: 1px solid #003955;
  line-height: 0.1em;
}
.line-title span{
  background:#F5F6F7;
  padding:0 10px;
}
#news .button-info:hover{
  color:#003955;
  border:1px solid #003955;
}
.all-products{
  text-align: center;
}
.all-products img{
  height: 40vh;
}
.wrapper-extras:nth-child(even){
  background: white;
}
.wrapper-extras:nth-child(odd){
  background: #eee;
}
#currentNews .text-1{
  max-width: 100%;
  width: 100%;
}
.wrapper-extras li{
  font-size: calc(0.75rem + 0.2vw);
  padding-bottom: calc(0.75rem + 0.2vw);;
}
.price{
  letter-spacing: 0rem;
  opacity:0.75;
  margin:0;
}
/* Style the tab */
.tab-section{
  padding:5rem 0;
}
.tab-section h2{
  padding: 1rem 2rem;
}
.tab {
  overflow: hidden;
}
.tab-header{
  overflow: hidden;
  margin-top:2rem;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color:white;
  padding:1.45rem 2rem;
  font-size: calc(0.65rem + .25vw);
  opacity:0.65;
}
.tab-header h2{
  display: inline-block;
  float: right;
}
.tab button:hover {
  background-color: rgba(252,179,22,0.55);
  opacity:1;
}

.tab button.active {
  background-color: rgba(252,179,22,1);
  opacity:1;
}

.tabcontent {
  display: none;
  padding: 2rem;
}
.logo img {
  margin-top: 0.4rem;
}


.gallery{
  position:relative;
  display:grid;
  grid-template-rows:repeat(5,100px);
}

.item{
  margin:0.2em;
}

.small:hover{
  opacity:0.5;
}

.item img{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.item.small img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  cursor: pointer;
}
.feature{
  grid-row: 1 / span 4;
  grid-column: 1 / span 6;
  position:relative;
  margin:auto;
}
.arrow{
  position:absolute;
  bottom:0px;
  background:#546E7A;
  opacity:0.9;
  box-shadow:5px 5px 5px #37474F;
  border-radius:50%;
  width:30px;
  height:30px;
  margin:0.2em;

  display:flex;
  justify-content:center;
  align-items:center;
}

.arrow img{
  width:20px;
  height:20px;
}

.arrow-left{
  left:-20px;
}
.wrapper-none{
  border-left:3px solid white;
}
.arrow-right{
  right:-20px;
}
.pagination-slider {
  margin-top: 2rem;
  bottom: 0;
  margin-bottom: -2rem;
}
.newspaper {
  padding-top: 2rem;
}
@media screen and (min-width: 70em) {
  .cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:4rem;
  }
  .newspaper {
    column-count: 2;
    column-gap: 40px;
    column-rule-style: solid;
    column-rule-width: 1px;
  }

  .card {
    display: grid;
    grid-template-rows: -webkit-max-content 200px 1fr;
    grid-template-rows: max-content 200px 1fr;
  }
  .width-60 {
    width: calc(60% + 20vw);
    margin: auto;
  }

  .width-50 {
    width: calc(40% + 5vw);
    margin: auto;
  }

  .width-50,
  .width-60 {
    min-width: 996px;
  }

  .width-40 {
    width: calc(40% + 20vw);
  }

  .width-70 {
    width: 70%;
  }

  .border-form {
    width: 50%;
    min-width: 800px;
    margin: auto;
    padding: 2rem 3rem;
    border: 5px solid #F5F6F7;
  }
.border-form .wrapper-inner{
  grid-gap:2em;
}
  .wrapper-inner {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: repeat(2, 1fr);
  }
  .wrapper-color {
    grid-gap: 1em;
    justify-self: center;
    grid-template-columns: repeat(10, 1fr);
  }
  .wrapper-news {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: 4fr 4fr;
  }
  .wrapper-extras {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: 1fr 4fr;
  }
  .wrapper-slider {
    grid-template-columns: 2fr 3fr;
    grid-auto-rows: 100vh;
  }

  .wrapper-slider-two {
    grid-template-columns: 3fr 2fr;
    grid-auto-rows: 100vh;
  }

  .img-gallery:nth-child(even) {
    margin-top: -10rem;
    padding-left: 4rem;
  }

  .img-gallery:first-child{
    margin-top: 0 !important;
  }
  .img-gallery:nth-child(2){
    margin-top:5rem;
  }
  .img-gallery:nth-child(odd) {
    margin-top: 0rem;
    padding-right: 4rem;
  }

  .wrapper-three {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: repeat(3, 1fr);
  }
  .wrapper-four {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: repeat(2, 1fr);
  }
  .wrapper-two {
     grid-gap: 5em;
     justify-self: center;
     grid-template-columns: 1fr 3fr;
    background: rgba(0,57,85,0.15);
    padding: 3rem;
    margin:5rem 0;

  }
  .wrapper-two-back {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: 3fr 1fr;
    background: rgba(255,255,255,0.65);
    padding: 3rem;
  }
  .wrapper-two-back *{
    text-align: right;    
  }
  .wrapper-two img, .wrapper-two-back img{
    width:100%;
    padding: 1rem;
    background: white;
  }
  .wrapper-two img{
    padding: 5rem;
    margin-left: -7rem;
  }
  .wrapper-two-back img{
    padding: 5rem;
    margin-right: -7rem;
  }
  .even.wrapper-inner {
    grid-template-columns: 1fr 2fr;
  }

  .odd.wrapper-inner {
    grid-template-columns: 2fr 1fr;
  }

  .wrapper-center {
    align-items: center;
  }

  .bar {
    display: none;
  }

  .ribbon:before {
    display: block;
  }

  .img-gallery:nth-child(even) .ribbon {
    right: -0.8em;
  }

  .img-gallery:nth-child(odd) .ribbon {
    right: 3.3rem;
  }
}

@media screen and (max-width: 70em) {
  .prevnext-button{
    font-size: calc(2rem + 0.5vw);
    width: auto;
    height: auto;
    border-radius:0;
    background: white;
  }
  .wrapper-none{
    border-left: 0 solid white;
  }
  #next:after,#prev:after{
    color:#072446;
  }
  .prevnext{
    top:45vh;
    height:auto;
    position: relative;
    width:auto;
  }
  .prevnext.right{
    right:0;
  }

  .wrapper-fullheight {
    grid-template-columns: none;
  }
  .prevnext.left {
    left: 0;
  }
  .text-1.w-30{
    max-width: 90%;
  }
  .text-1{
    max-width:100%;
  }
  .wrapper.block{
    display: block;
  }
  .card__img, .card__img2{
    width: 100% !important;
    height:40vh;
  }
  #news .m-top-2{
    padding:2rem;
  }
  .section.cards{
    padding:0;
  }
  .wrapper-two {
    background: rgba(0,57,85,0.15);
    padding: 5rem;
    margin:5rem 0;
    text-align: center;
  }
  .wrapper-two-back {
    background: rgba(255,255,255,0.65);
    padding: 5rem;
    text-align: center;
  }
  .wrapper-two-back *,.wrapper-two *{
    text-align: center;
  }
  .wrapper-two img, .wrapper-two-back img{
    width:50%;
    padding: 1rem;
    text-align: center;
    margin:auto;
    background: white;
    margin-bottom:2rem;
  }
  .card__img h2, .card__img2 h2{
    font-size: 2.5rem;
    letter-spacing: 0rem;
    line-height: 1;
    text-align: center;
  }
  .card__img p, .card__img2 p{
    display:none;
  }
  .ribbon {
    right: 0;
  }
.header-white a{
  color:#072446;
}
.header-white .link:hover:before {
  background: rgba(0,0,0,0);
}
  .ribbon:before {
    display: none;
  }

  .card-img .fullwidth{
    width: auto;
    max-height:300px;
  }
  .card {
    text-align: center;
    padding:2rem 0;
  }
  .logo img {
    margin-top: 0.2rem;
  }

  .menu_wrapper {
    margin-top: 0.5rem;
    padding-right: 1rem;
  }

  .text-gallery.wrapper-inner {
    grid-gap: 5em;
    justify-self: center;
    grid-template-columns: repeat(2, 1fr);
  }

  .text-gallery {
    width: 100%;
  }

  .button.absolute {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }

  .button button {
    width: 100%;
  }

  .logo {
    padding-left: 2rem;
  }

  .mobile-menu,
  .logo {
    display: block;
  }

  .header.absolute {
    top: 0;
    background:  #072446;
    height:10vh;
    border-bottom: 1px solid #F5F6F7;
  }

  #slide{
    height:90vh;
  }
  .slide{
    height:90vh;
    top:10vh;
  }
  .header.absolute a {
    color: #072446;
  }

  #nav {
    display: none;
  }

  .header .width-60 {
    width: 100%;
  }

  .card-img,
  .card {
    margin-bottom: 2rem;
  }

  .m-top-2 {
    margin-top: 6rem;
  }

  h2.text-1 {
    padding: 1rem 0;
  }
  .wrapper-news{
    padding:2rem;
  }
  .wrapper-color {
    padding:1rem;
    grid-gap: 1em;
    justify-self: center;
    grid-template-columns: repeat(3, 1fr);
  }

  .tab-header h2 {
    display: block;
    float: none;
    overflow: hidden;
    font-size:1rem;
  }
  .tab button{
    font-style: 1rem;
  }
  .text-1 {
    font-size: calc(0.55rem + 1vw);
  }
  .wrapper-extras{
    text-align: center;
  }
  .wrapper-extras img{
    margin-bottom:2rem;
    width:50%;
    margin-left:auto;
    margin-right: auto;
  }

  .tabcontent{
    padding:0;
  }
  #currentNews{
    padding:0;
  }
  #currentNews .m-top-2{
    padding:0 2rem;
  }
  .tab{
    background: #fff;
  }
  .tab button{
    color:#072446;
  }
  #news .m-top-2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  header .width-50 {
    width: 100%;
  }

  .scroll-overflow.show {
    height: 100vh;
    position: fixed;
    z-index: 0;
    left: 0;
    width: 100%;
    background-color: #F5F6F7;
    top: 12vh;
  }

  .show #nav {
    display: block;
    left: 0;
    height: 80vh;
    overflow-y: auto;
  }

  .show #nav li {
    width: 100%;
    font-size: calc(1rem + 0.2vw);
    text-align: center;
    padding: 1rem 0;
    display: block;
    margin:auto;
  }

  .show #nav li:hover {
    background: #072446;
    transition: 0.65s;
  }

  .show #nav li:hover a {
    color: white;
    transition: 0.65s;
  }

  footer .wrapper-three {
    text-align: center;
  }

  .wrapper-end {
    justify-content: center;
  }

  .text-2,
  .scroll-down a {
    font-size: calc(0.35rem + 1vw);
  }
  .title-2 {
    font-size: calc(0.85rem + 1vw);
  }
  .title-3 {
    font-size: calc(0.55rem + 1vw);
  }
  .button.text-1 {
    font-size: calc(0.4rem + 1vw);
  }
  .scroll-down a {
    bottom: 3em;
    transform: rotate(0deg);
  }

  .pagination-slider {
    margin: 0;
    display: inline-block;
    right: 0;
    float: right;
  }
}

.ribbon {
  color: #fff;
  margin: 2em 0;
  text-transform: uppercase;
  background: #072446;
  padding: 0 3em;
  clear: both;
  position: absolute;
  top: 0;
  float: right;
}

.ribbon::before {
  width: 10px;
  height: 0;
  position: absolute;
  bottom: -5px;
  right: 0.1em;
  content: "";
  border-bottom: 20px solid transparent;
  border-right: 20px solid #003955;
  transform: rotate(45deg);
  z-index: -5;
}

.ribbon h2.text-1 {
  padding: 0;
}

.bar {
  width: 2rem;
  height: 0.2rem;
  margin-bottom: 0.4rem;
  background-color: #fff;
  transform: translate3d(0, 0, 0);
}

.button.selected .bar:first-child {
  -webkit-animation: x-morph-a .6s ease forwards;
          animation: x-morph-a .6s ease forwards;
}

.button.selected .bar:nth-child(2) {
  -webkit-animation: x-morph-b .6s ease forwards;
          animation: x-morph-b .6s ease forwards;
}

.button.selected .bar:last-child {
  margin-bottom: 0;
  -webkit-animation: x-morph-c .6s ease forwards;
          animation: x-morph-c .6s ease forwards;
  margin-top: -0.55rem;
}

.button .bar:first-child {
  animation: x-morph-r-a .6s ease reverse forwards;
}

.button .bar:nth-child(2) {
  animation: x-morph-r-b .6s ease reverse forwards;
}

.button .bar:last-child {
  margin-bottom: 0;
  animation: x-morph-r-c .6s ease reverse forwards;
}

@-webkit-keyframes x-morph-a {
  0% {

  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.6rem) rotate(45deg);
  }
}

@keyframes x-morph-a {
  0% {

  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.6rem) rotate(45deg);
  }
}

@-webkit-keyframes x-morph-c {
  0% {

  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@keyframes x-morph-c {
  0% {

  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes x-morph-b {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes x-morph-b {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes x-morph-r-a {
  0% {

  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}

@keyframes x-morph-r-a {
  0% {

  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}

@-webkit-keyframes x-morph-r-c {
  0% {

  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@keyframes x-morph-r-c {
  0% {

  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes x-morph-r-b {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes x-morph-r-b {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.alert{
  position: absolute;
  top: 0;
  width: 100vw;
  background:rgba(252,179,22,1);
  text-align: center;
  color: #003955;
  padding: 1rem 0;
  z-index:999;
}
.closebtn{
  color:#003955;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 2rem;
  font-size: 1.5rem;
  margin-top: -0.5rem;
}