/* slick slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* fonts */
@charset "UTF-8";@font-face{font-family:"Museo Sans 500";src:url(/fonts/MuseoSans-500.eot);src:url(/fonts/MuseoSans-500.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-500.woff2) format("woff2"),url(/fonts/MuseoSans-500.woff) format("woff"),url(/fonts/MuseoSans-500.ttf) format("truetype"),url(/fonts/MuseoSans-500.svg#MuseoSans-500) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans 900";src:url(/fonts/MuseoSans-900Italic.eot);src:url(/fonts/MuseoSans-900Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-900Italic.woff2) format("woff2"),url(/fonts/MuseoSans-900Italic.woff) format("woff"),url(/fonts/MuseoSans-900Italic.ttf) format("truetype"),url(/fonts/MuseoSans-900Italic.svg#MuseoSans-900Italic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Museo Sans 700";src:url(/fonts/MuseoSans-700Italic.eot);src:url(/fonts/MuseoSans-700Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-700Italic.woff2) format("woff2"),url(/fonts/MuseoSans-700Italic.woff) format("woff"),url(/fonts/MuseoSans-700Italic.ttf) format("truetype"),url(/fonts/MuseoSans-700Italic.svg#MuseoSans-700Italic) format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Museo Sans 300";src:url(/fonts/MuseoSans-300.eot);src:url(/fonts/MuseoSans-300.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-300.woff2) format("woff2"),url(/fonts/MuseoSans-300.woff) format("woff"),url(/fonts/MuseoSans-300.ttf) format("truetype"),url(/fonts/MuseoSans-300.svg#MuseoSans-300) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans 300";src:url(/fonts/MuseoSans-300Italic.eot);src:url(/fonts/MuseoSans-300Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-300Italic.woff2) format("woff2"),url(/fonts/MuseoSans-300Italic.woff) format("woff"),url(/fonts/MuseoSans-300Italic.ttf) format("truetype"),url(/fonts/MuseoSans-300Italic.svg#MuseoSans-300Italic) format("svg");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Museo Sans 500";src:url(/fonts/MuseoSans-500Italic.eot);src:url(/fonts/MuseoSans-500Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-500Italic.woff2) format("woff2"),url(/fonts/MuseoSans-500Italic.woff) format("woff"),url(/fonts/MuseoSans-500Italic.ttf) format("truetype"),url(/fonts/MuseoSans-500Italic.svg#MuseoSans-500Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Museo Sans 900";src:url(/fonts/MuseoSans-900.eot);src:url(/fonts/MuseoSans-900.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-900.woff2) format("woff2"),url(/fonts/MuseoSans-900.woff) format("woff"),url(/fonts/MuseoSans-900.ttf) format("truetype"),url(/fonts/MuseoSans-900.svg#MuseoSans-900) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans 100";src:url(/fonts/MuseoSans-100Italic.eot);src:url(/fonts/MuseoSans-100Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-100Italic.woff2) format("woff2"),url(/fonts/MuseoSans-100Italic.woff) format("woff"),url(/fonts/MuseoSans-100Italic.ttf) format("truetype"),url(/fonts/MuseoSans-100Italic.svg#MuseoSans-100Italic) format("svg");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Museo Sans 100";src:url(/fonts/MuseoSans-100.eot);src:url(/fonts/MuseoSans-100.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-100.woff2) format("woff2"),url(/fonts/MuseoSans-100.woff) format("woff"),url(/fonts/MuseoSans-100.ttf) format("truetype"),url(/fonts/MuseoSans-100.svg#MuseoSans-100) format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans 700";src:url(/fonts/MuseoSans-700.eot);src:url(/fonts/MuseoSans-700.eot?#iefix) format("embedded-opentype"),url(/fonts/MuseoSans-700.woff2) format("woff2"),url(/fonts/MuseoSans-700.woff) format("woff"),url(/fonts/MuseoSans-700.ttf) format("truetype"),url(/fonts/MuseoSans-700.svg#MuseoSans-700) format("svg");font-weight:600;font-style:normal;font-display:swap}

:root {
  --color-darkBlue: #1B2735;
  --color-white: #ffffff;
  --color-gray: rgb(122, 133, 149);
  --color-green: rgb(83, 243, 164);
  --color-lightGray: #E3E3E3;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}



.lightGrayBG {
  background:var(--color-lightGray);
}

body {
  margin: 0px;
  padding: 120px 0px 0px 0px;
  background: var(--color-lightGray);
  color: var(--color-darkBlue);
  font-size:16px;
  font-family: "Museo Sans 100";
  overflow-x:hidden;
}

.container {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin:auto;
}

a {
  text-decoration: none;
}

.clear {
  clear: both;
  display: block;
  width: 100%;
}
.clear:after {
  content:'';
  clear: both;
  display: block;
  width: 100%;
}

.left {
  float:left;
}
.textLeft {
  text-align:left;
}
.right {
  float:right;
}
.textRight {
  text-align:right;
}
.oneHalf {
  width:50%;
}
.oneThird {
  width:33.333%;
}
.oneFourth {
  width:25%;
}

.button {
  display: inline-block;
  color: var(--color-white);
  padding: 4px 8px;
  border-radius: 5px;
  border:1px solid var(--color-gray);
  font-family: "Museo Sans 500";
}
.button:hover {
  background: var(--color-gray);
  color: var(--color-darkBlue);
}
.button.blue {
  border:1px solid var(--color-darkBlue);
  color: var(--color-darkBlue);
}
.button.blue:hover {
  background:var(--color-darkBlue);
  color: var(--color-white);
}

header {
  padding: 10px;
  background: var(--color-darkBlue);
  position:fixed;
  z-index: 99;
  left:0px;
  right:0px;
  top:0px;
}

#logo {
  width:100px;
  height:100px;
  vertical-align: middle;
}
.logoTitle {
  font-family: "Museo Sans 700";
  font-size: 50px;
  line-height: 1;
}
.logoContainer {
  position:relative;
}
.logoMenu {
  position:absolute;
  bottom:0;
  left:90px;
}
.hamburgerIcon {
  display: inline-block;
  margin-top:20px;
  margin-right:10px;
  width:30px;
  height:25px;
  position:relative;
  cursor:pointer;
  transition:all 0.3s ease;
}
.hamburgerIcon:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:30px;
  height:4px;
  background: var(--color-white);
  transition:all 0.3s ease;
}
.hamburgerIcon:after {
  content:'';
  position:absolute;
  top:12px;
  left:0;
  width:30px;
  height:4px;
  background: var(--color-white);
  box-shadow: 0px 12px 0px 0px var(--color-white);
  transition:all 0.3s ease;
}
#hamburgerToggle:checked ~ header .hamburgerIcon:before {
  transform: rotate(45deg);
  top:10px;
}
#hamburgerToggle:checked ~ header .hamburgerIcon:after {
  transform: rotate(-45deg);
  top:10px;
  box-shadow: 0px 0px 0px 0px var(--color-white);
}
#hamburgerToggle {
  display:none;
}
.mobileMenu {
  position: fixed;
  top: 100px;
  right: -320px;
  width: 320px;
  text-align: left;
  z-index: 99;
  display: block;
  background: var(--color-darkBlue);
  color: #fff;
  height: calc(100vh - 90px);
  overflow-y: auto;
  list-style:none;
  padding-left:0px;
  transition:all 0.3s ease;
}
#hamburgerToggle:checked ~ .mobileMenu {
  right:0px;
}
.mobileMenu li {
  display:block;
  margin:0px;
  border-bottom:1px solid var(--color-gray);
}
.mobileMenu li a {
  color:var(--color-white);
  font-family: "Museo Sans 500";
  display:block;
  padding:6px 12px;
  min-height:30px;
  line-height:30px;
}
.mobileMenu li a:hover {
  color:var(--color-darkBlue);
  background: var(--color-gray);
}
.shoppingCartContainer {
  display:inline-block;
  position:relative;
  top: 12px;
  cursor:pointer;
  margin-top: 15px;
}
.shoppingCartContainer span {
    position: absolute;
    bottom: 3px;
    right: 12px;
    border-radius: 3px;
    color: var(--color-white);
    background: var(--color-green);
    height: 16px;
    display: block;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    width: 28px;
}
.shoppingCart {
  stroke:var(--color-white);
  fill: none;
  height: 54px;
  stroke-width: 20px;
  position: relative;
  top: 2px;
}

.slick-prev,.slick-next {
  text-indent: -9999px;
  background-image:url('../images/arrow.svg');
  background-size:contain;
  background-position:center center;
  background-repeat: no-repeat;
  width:30px;
  height:60px;
  position:absolute;
  right:0px;
  top: 70px;
  border:none;
  background-color:transparent;
  cursor:pointer;
}
.slick-prev {
  left:0px;
  right:auto;
  transform:rotate(180deg);
}
footer {
  padding:35px 10px;
  margin-top:50px;
  background: var(--color-darkBlue);
}
.copyright {
  color:var(--color-white);
  font-size:14px;
  text-align:center;
  padding:4px 8px;
  padding-top:20px;
  background: var(--color-darkBlue);
}
.footerMenu {
  list-style:none;
}
.footerMenu li {
  text-align:left;
  display:block;
}
.footerMenu li a {
  color:var(--color-white);
}
.logo {
  width:150px;
}

.alertBox {
  display:block;
  margin:auto;
  padding:10px 20px;
  border:1px solid var(--color-darkBlue);
  color:var(--color-darkBlue);
  text-align:center;
  width:800px;
  max-width:90%;
  margin-top:30px;
  font-size:18px;
}
.alertBox a {
  font-weight:bold;
  color:var(--color-darkBlue);
  text-decoration:underline;
}

@media screen and (max-width : 780px) {
  header > .container > .left {
    width:calc(100% - 120px);
  }
  header > .container > .right {
    width:120px;
  }
}

@media screen and (max-width : 520px) {
  header > .container > .left {
    width:100%;
  }
  header > .container > .right {
    position:absolute;
    top:0px;
    right:10px;
    display:block;
  }
  .shoppingCartContainer {
    margin-top:0px;
  }
}

@media screen and (max-width : 360px) {
  .logoMenu {
    position:relative;
    width:100%;
    left:0px;
    text-align:center;
    margin-top: 10px;
  }
  #logo {
    width: 60px;
    height: 60px;
    margin-top: -20px;
  }
}

.fpHero {
  background:url('/images/baner.png') top center no-repeat;
  background-size:cover;
  width:100vw;
  color:#fff;
  padding:3%;
  text-align:center;
  margin:auto;
}
.fpHero h1 {
  display: block;
  max-width: 80vw;
  margin: auto;
  font-family: "Museo Sans 900";
  font-size: 4vw;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
  text-align:center;
}
.fpHero h2 {
  display: block;
  max-width: 80vw;
  margin: auto;
  font-family: "Museo Sans 900";
  font-size: 2vw;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
  text-align:center;
  margin-bottom:10px;
}


@media screen and (max-width : 680px) {
  .fpHero {
    height:auto;
    padding:20px;
  }
  .fpHero h1 {
    font-size: 20px;
  }
  .fpHero h2 {
    font-size: 16px;
  }

}