@charset "UTF-8";
/* Imports */
/* Open Sans */
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v17-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-italic.woff") format("woff"), url("../fonts/open-sans-v17-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-700.woff") format("woff"), url("../fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* Open Sans (regular-400, italic-400, bold-700) */
/* -------------------------------------------------- */
/* Bellota Text */
/* bellota-text-regular - latin */
@font-face {
  font-family: "Bellota Text";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bellota-text-v1-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Bellota Text Regular"), local("BellotaText-Regular"), url("../fonts/bellota-text-v1-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bellota-text-v1-latin-regular.woff2") format("woff2"), url("../fonts/bellota-text-v1-latin-regular.woff") format("woff"), url("../fonts/bellota-text-v1-latin-regular.ttf") format("truetype"), url("../fonts/bellota-text-v1-latin-regular.svg#BellotaText") format("svg");
  /* Legacy iOS */
}
/* bellota-text-700 - latin */
@font-face {
  font-family: "Bellota Text";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/bellota-text-v1-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Bellota Text Bold"), local("BellotaText-Bold"), url("../fonts/bellota-text-v1-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/bellota-text-v1-latin-700.woff2") format("woff2"), url("../fonts/bellota-text-v1-latin-700.woff") format("woff"), url("../fonts/bellota-text-v1-latin-700.ttf") format("truetype"), url("../fonts/bellota-text-v1-latin-700.svg#BellotaText") format("svg");
  /* Legacy iOS */
}
/* bellota-text-700italic - latin */
@font-face {
  font-family: "Bellota Text";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/bellota-text-v1-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Bellota Text Bold Italic"), local("BellotaText-BoldItalic"), url("../fonts/bellota-text-v1-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/bellota-text-v1-latin-700italic.woff2") format("woff2"), url("../fonts/bellota-text-v1-latin-700italic.woff") format("woff"), url("../fonts/bellota-text-v1-latin-700italic.ttf") format("truetype"), url("../fonts/bellota-text-v1-latin-700italic.svg#BellotaText") format("svg");
  /* Legacy iOS */
}
/* Bellota Text (regular-400, bold-700, italic-700) */
/* -------------------------------------------------- */
/* Montserrat */
/* montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v14-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/montserrat-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v14-latin-300.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-300.woff") format("woff"), url("../fonts/montserrat-v14-latin-300.ttf") format("truetype"), url("../fonts/montserrat-v14-latin-300.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v14-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/montserrat-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v14-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-700.woff") format("woff"), url("../fonts/montserrat-v14-latin-700.ttf") format("truetype"), url("../fonts/montserrat-v14-latin-700.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* Montserrat (light-300, bold-700) */
/* Border Radius */
/* End Border Radius */
/* Box Shadow */
/* End Box Shadow */
/*
@import '../thirdparty/lineicons/WebFont/scss/icons.scss';
@import '../thirdparty/lineicons/WebFont/scss/main.scss';
@import '../thirdparty/lineicons/WebFont/scss/mixins.scss';
@import '../thirdparty/lineicons/WebFont/scss/variables.scss';
*/
/* Core Colors */
/* End Core Colors */
html {
  scroll-behavior: smooth;
}

/* End Imports */
* {
  padding: 0px;
  margin: 0px;
  /* Font Smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*::-moz-selection {
  /* Code for Firefox */
  color: #ffffff;
  background: #f4ca69;
}
*::selection {
  color: #ffffff;
  background: #f4ca69;
}

.nav {
  padding: 40px 0px 20px 0px;
  background-color: #ffffff;
  z-index: 2;
  transition: all 0.5s;
  position: fixed;
  width: 100%;
}
.nav .logo-container {
  transition: all 0.3s;
}
.nav .nav-container {
  padding: 25px 0px 25px 25px;
  transition: all 0.3s;
}
.nav .nav-container ul {
  list-style: none;
}
.nav .nav-container ul li {
  display: block;
  padding: 10px;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 0.7px;
  transition: all 0.3s;
}
.nav .nav-container ul li:BEFORE {
  content: "#";
  color: #8ac7d1;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  padding: 10px 5px;
  transition: all 0.3s;
}
.nav .nav-container ul li a {
  color: #64778e;
  transition: all 0.3s;
  transition: all 0.3s;
}
.nav .nav-container ul li.active a {
  color: #f4ca69;
  font-weight: 700;
  transition: all 0.3s;
}
.nav .nav-container ul li.active a:hover {
  color: #f4ca69;
  transition: all 0.3s;
}
.nav .nav-container ul li:hover a {
  color: #8ac7d1;
  border-bottom: 5px #f4ca69 !important;
  transition: all 0.3s;
}
.nav .nav-container-mob {
  padding: 25px 0px 25px 25px;
  transition: all 0.3s;
}
.nav .nav-container-mob ul {
  list-style: none;
}
.nav .nav-container-mob ul li {
  width: 100%;
  display: block;
  padding: 15px;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 0.7px;
  transition: all 0.3s;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li:last-child {
  padding-bottom: 50px;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li:BEFORE {
  content: "#";
  color: #8ac7d1;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  padding: 10px 5px;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li a {
  color: #64778e;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li.active a {
  color: #f4ca69;
  font-weight: 700;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li.active a:hover {
  color: #f4ca69;
  transition: all 0.3s;
}
.nav .nav-container-mob ul li:hover a {
  color: #8ac7d1;
  border-bottom: 5px #f4ca69 !important;
  transition: all 0.3s;
}
.nav .nav-container-mob.mob-off {
  transition: all 0.3s;
  display: none;
}
.nav.sticky-nav {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 0.5s;
  padding: 5px 0px 5px 0px;
  transition: all 0.3s;
}
.nav.sticky-nav .logo-container {
  padding: 10px 0px 15px 15px;
  transition: all 0.3s;
  transition: all 0.3s;
}
.nav.sticky-nav .nav-container {
  padding: 30px 0px 5px 15px;
  transition: all 0.3s;
  transition: all 0.3s;
}
.nav.sticky-nav .mob-menu-icon {
  margin-top: 5px;
  transition: all 0.3s;
}

.main-slider {
  height: auto;
  max-height: 800px;
  overflow: hidden;
  background: #f4ca6a;
  background: linear-gradient(21deg, #f4ca6a 0%, rgba(138, 199, 209, 0.4528186275) 40%);
}
.main-slider img {
  width: 100%;
  object-fit: cover;
  opacity: 0.4;
}
@media only screen and (max-width: 600px) {
  .main-slider {
    padding-top: 110px;
  }
}
.main-slider .slick-dots {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 85%;
  left: 50%;
  z-index: 999;
}
.main-slider .slick-dots li {
  display: inline-block;
  padding: 5px;
}
.main-slider .slick-dots li button {
  transition: 0.2s background-color ease-in-out 0s;
  border: none;
  padding: 0px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  margin-right: 2px;
  border-radius: 15%;
  color: #f4ca69;
  border: 2px solid #ffffff;
  font-size: 0px;
}
.main-slider .slick-dots li button:hover {
  background-color: #8ac7d1;
  border: 2px solid #ffffff;
  cursor: pointer;
}
.main-slider .slick-dots li button:active {
  color: #8ac7d1;
}
.main-slider .slick-dots li.slick-active button {
  background-color: #fff;
}
@media only screen and (max-width: 600px) {
  .main-slider .slick-dots {
    display: none !important;
  }
}
.main-slider .slide-container {
  width: 100%;
}
.main-slider .slide-container .slide {
  position: relative;
}
.main-slider .slide-container .slide img {
  position: relative;
  z-index: -1;
}
.main-slider .slide-container .slide .slide-text {
  position: absolute;
}
.main-slider .slide-container .slide .slide-text.st-b {
  margin-top: -80px !important;
}
@media only screen and (max-width: 600px) {
  .main-slider .slide-container .slide .slide-text.st-b {
    margin-top: -1px !important;
  }
}
.main-slider .slide-container .slide .slide-text.st-c {
  margin-top: -40px !important;
}
@media only screen and (max-width: 600px) {
  .main-slider .slide-container .slide .slide-text.st-c {
    margin-top: -1px !important;
  }
}
.main-slider .slide-container .particles {
  position: absolute;
  width: 100%;
  z-index: 99;
}
.main-slider .slick-dots {
  list-style: none;
  color: #ffffff;
}
@media only screen and (max-width: 600px) {
  .main-slider img {
    margin-top: 0px;
  }
}

/* Sections */
.yellow-full {
  background-color: #f4ca69;
  padding-bottom: 120px;
}
.yellow-full.fullvh {
  height: 100vh;
}

.white-full {
  background-color: #ffffff;
  padding-bottom: 120px;
}
.white-full.fullvh {
  height: 100vh;
}

.lightblue-full {
  background-color: #8ac7d1;
  padding-bottom: 120px;
}
.lightblue-full.fullvh {
  height: 100vh;
}

.footer {
  background-color: #303945;
  padding-bottom: 120px;
}

/* End Sections */
/* Elements */
.title {
  font-family: "Bellota Text", cursive;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  color: #64778e;
  padding: 120px 0px 60px 0px;
}
.title:BEFORE {
  content: "#";
  color: #8ac7d1;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  font-size: 55px;
  font-weight: 700;
  font-style: normal;
  padding: 10px 5px;
}
.title.yellowhash:BEFORE {
  color: #f4ca69;
}
.title .title-underline {
  width: 100%;
  height: 20px;
  margin-top: -27px;
  margin-left: 18px;
}
.title .title-underline.white {
  background-color: #ffffff;
}
.title .title-underline.yellow {
  background-color: #f4ca69;
}
.title .title-underline.sixty {
  width: 60%;
}
.title .title-underline.fifty {
  width: 50%;
}
.title .title-underline.fourty {
  width: 40%;
}
.title .title-underline.thirty {
  width: 30%;
}

.paragraph-container .text-container {
  font-family: "Bellota Text", cursive;
  font-size: 15px;
  font-weight: 800;
  font-style: normal;
  color: #323232;
}
.paragraph-container .text-container p {
  letter-spacing: 0.6px;
  padding: 10px;
  line-height: 1.7;
}
.paragraph-container .text-container .inner-title {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-style: bold;
  padding: 10px;
}

.norm-padder.bottom {
  padding-bottom: 120px;
}

.mobile-menu .mob-menu-icon {
  background-color: #f4ca69;
  color: #64778e;
  padding: 15px;
  float: left;
  margin-left: 5px;
  margin-top: -10px;
  transition: all 0.3s;
}
.mobile-menu .mob-menu-icon i {
  font-size: 25px;
}
.mobile-menu .mob-menu-icon:hover {
  background-color: #8ac7d1;
  color: #f4ca69;
  transition: all 0.3s;
}
.wrapper-menu {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
}

.wrapper-menu.open {
  transform: rotate(-45deg);
}

.line-menu {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 6px;
}

.line-menu.half {
  width: 50%;
}

.line-menu.start {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
}

.open .line-menu.start {
  transform: rotate(-90deg) translateX(3px);
}

.line-menu.end {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}

.open .line-menu.end {
  transform: rotate(-90deg) translateX(-3px);
}

.block-services-container .block-service.animateimg:hover .image-container img {
  -moz-transform: translate(0, -0.6em);
  -o-transform: translate(0, -0.6em);
  -webkit-transform: translate(0, -0.6em);
}
.block-services-container .block-service .image-container {
  padding-bottom: 30px;
}
.block-services-container .block-service .image-container img {
  width: 50%;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}
.block-services-container .block-service .block-service-title {
  text-transform: uppercase;
  font-family: "Bellota Text", cursive;
  font-size: 20px;
  font-weight: 800;
  font-style: bold;
  text-align: center;
  color: #64778e;
  padding: 0px;
}
.block-services-container .block-service .block-service-brief {
  font-family: "Bellota Text", cursive;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #323232;
  padding: 30px;
  text-align: center;
}

/* Buttons */
.standard-button {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: bold;
  padding: 10px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.standard-button.auto-width {
  display: inline-block;
}
.standard-button.full-width {
  width: 100%;
}
.standard-button.centered-text {
  text-align: center;
}
.standard-button.white-text {
  color: #ffffff;
}
.standard-button.lightblue {
  background-color: #8ac7d1;
}
.standard-button.lightblue:hover {
  background-color: #f4ca69;
  cursor: pointer;
  transition: all 0.3s;
}
.standard-button.lightblue.alt {
  background-color: #8ac7d1;
}
.standard-button.lightblue.alt input {
  color: #ffffff;
}
.standard-button.lightblue.alt:hover {
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  color: #8ac7d1;
}
.standard-button.lightblue.alt:hover input {
  color: #8ac7d1;
}
.standard-button.yellow {
  background-color: #f4ca69;
}
.standard-button.yellow input {
  color: #ffffff;
}
.standard-button.yellow:hover {
  background-color: #ffffff;
  cursor: pointer;
  color: #f4ca69;
  transition: all 0.3s;
}
.standard-button.yellow:hover input {
  color: #f4ca69 !important;
}
.standard-button input {
  background: transparent;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: bold;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
  color: #ffffff;
}

/* End Buttons */
/* Lists */
.list-services-container .list-service {
  font-family: "Bellota Text", cursive;
  font-size: 18px;
  font-weight: 800;
  font-style: bold;
}
@media only screen and (max-width: 600px) {
  .list-services-container .list-service {
    padding: 0px 0px 0px 25px;
    margin: 0px;
  }
}
.list-services-container .list-service ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.list-services-container .list-service ul li {
  line-height: 3;
}
.list-services-container .list-service ul li:before {
  font-size: 20px;
  font-family: "lineicons";
  font-weight: 900;
  content: "";
  padding: 10px 20px 10px 0px;
}
.list-services-container .list-service.white {
  color: #ffffff;
}

/* End Lists */
/* Contact Forms */
form input.inputfield, form textarea.inputfield {
  background-color: #ffffff;
  color: #8ac7d1;
  border: 2px solid #f4ca69;
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  font-style: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  transition: all 0.3s;
  border-left: 2px solid #8ac7d1;
}
form input.inputfield::placeholder, form textarea.inputfield::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: bold;
  color: #64778e;
  opacity: 1;
  /* Firefox */
}
form input.inputfield:-ms-input-placeholder, form textarea.inputfield:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #64778e;
}
form input.inputfield::-ms-input-placeholder, form textarea.inputfield::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #64778e;
}
form input.inputfield:focus, form textarea.inputfield:focus {
  outline: none;
  transition: all 0.3s;
  border: 2px solid #8ac7d1 !important;
}
form input.inputfield[value=""], form textarea.inputfield[value=""] {
  border-left: 2px solid #ffffff;
}
form input.inputfield.light[value=""], form textarea.inputfield.light[value=""] {
  border-left: 2px solid #f4ca69;
}
form .inputlabel {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: bold;
  margin: 5px 0px 0px 0px;
  transform: translateY(-5.4rem);
  transition: all 0.3s;
}
form .inputlabel.tarea {
  transform: translateY(-14.4rem);
}
form .inputlabel.whitelabel {
  color: #ffffff;
}
form .inputlabel.bluelabel {
  color: #64778e;
}
form .inputlabel.lightbluelabel {
  color: #8ac7d1;
}
form .inputfield:placeholder-shown + .inputlabel {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
form select {
  background-color: #ffffff;
  color: #8ac7d1;
  border: 2px solid #f4ca69;
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  font-style: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  transition: all 0.3s;
  border-left: 2px solid #ffffff;
  border: 2px solid #ffffff;
}
form select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: bold;
  color: #64778e;
  opacity: 1;
  /* Firefox */
}
form select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #64778e;
}
form select::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #64778e;
}
form select:focus {
  outline: none;
  transition: all 0.3s;
  border: 2px solid #8ac7d1 !important;
}
@media only screen and (max-width: 600px) {
  form select.select {
    margin-bottom: 35px;
  }
}
form textarea {
  background-color: #ffffff;
  color: #8ac7d1;
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  font-style: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  transition: all 0.3s;
  border-left: 2px solid #ffffff;
  border: 2px solid #ffffff;
}
form textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: bold;
  color: #64778e;
  opacity: 1;
  /* Firefox */
}
form textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #64778e;
}
form textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #64778e;
}
form textarea:focus {
  outline: none;
  transition: all 0.3s;
  border: 2px solid #8ac7d1 !important;
}
form textarea.alt {
  border: 2px solid #f4ca69;
  border-bottom: 2px solid #f4ca69;
}
form textarea.h-twohundred {
  height: 200px;
}
form .checkbox-container label .chktxt {
  padding-left: 60px;
  margin-top: -45px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #323232;
}
form .checkbox-container span .checkbox-text {
  padding-left: 50px;
}
form .checkbox-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
form .checkbox-container input[type=checkbox] + span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #323232;
}
form .checkbox-container input[type=checkbox] + span:before {
  font: 30pt "lineicons";
  font-weight: 200;
  content: "";
  display: inline-block;
  width: 16pt;
  padding: 2px 0 0 3px;
  margin-right: 0.5em;
  outline: none !important;
  cursor: pointer;
  color: #ffffff;
  -moz-box-shadow: 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff;
  box-shadow: 0 0 0 0 #fff;
}
form .checkbox-container input[type=checkbox]:checked + span:before {
  font: 30pt "lineicons";
  content: "";
}
form .checkbox-container input[type=checkbox]:focus + span:before {
  outline: 1px dotted #aaa;
}
form .checkbox-container input[type=checkbox]:disabled + span {
  color: #999;
}
form .checkbox-container input[type=checkbox]:not(:disabled) + span:hover:before {
  text-shadow: 0 1px 2px transparent;
}
@media only screen and (max-width: 600px) {
  form .checkbox-container {
    margin-bottom: 35px;
    margin-top: 5px;
  }
}
form .checkbox-container.chk-alt label .chktxt {
  padding-left: 60px;
  margin-top: -45px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #64778e;
}
form .checkbox-container.chk-alt input[type=checkbox] + span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #64778e;
}
form .checkbox-container.chk-alt input[type=checkbox] + span:before {
  font: 30pt "lineicons";
  font-weight: 200;
  content: "";
  display: inline-block;
  width: 16pt;
  padding: 2px 0 0 3px;
  margin-right: 0.5em;
  outline: none !important;
  cursor: pointer;
  color: #8ac7d1;
  -moz-box-shadow: 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff;
  box-shadow: 0 0 0 0 #fff;
}
form .checkbox-container.chk-alt input[type=checkbox]:checked + span:before {
  font: 30pt "lineicons";
  content: "";
}
form .checkbox-container.chk-alt input[type=checkbox]:focus + span:before {
  outline: 1px dotted #aaa;
}
form .checkbox-container.chk-alt input[type=checkbox]:disabled + span {
  color: #999;
}
form .checkbox-container.chk-alt input[type=checkbox]:not(:disabled) + span:hover:before {
  text-shadow: 0 1px 2px transparent;
}
@media only screen and (max-width: 600px) {
  form .checkbox-container.chk-alt {
    margin-bottom: 35px;
    margin-top: 5px;
  }
}

/* Success Page */
.formsuccess .notifylogo {
  padding: 10% 20px 0px 20px;
}
.formsuccess .formsuccess-notify {
  color: #64778e !important;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: bold;
  padding: 60px 20px 20px 20px;
}
.formsuccess .formsuccess-notify .backtosite {
  padding: 60px 20px 20px 0px;
}
.formsuccess .formsuccess-notify .backtosite a {
  transition: all 0.4s;
  color: #64778e;
}
.formsuccess .formsuccess-notify .backtosite a i {
  font-size: 40px;
}
.formsuccess .formsuccess-notify .backtosite a i:after {
  transition: all 0.4s;
  content: "Back to VintaPack";
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: bold;
  padding: 0px 15px;
  vertical-align: middle !important;
}
.formsuccess .formsuccess-notify .backtosite a:hover i {
  font-size: 40px;
  color: #ffffff;
  transition: all 0.4s;
}
.formsuccess .formsuccess-notify .backtosite a:hover i:after {
  cursor: pointer;
  padding-left: 40px;
  transition: all 0.4s;
  color: #ffffff;
}

/* End Success Page */
/* End Contact Forms */
/* Clears */
/* ClearFix */
.clearfix {
  clear: both !important;
}

/* End Clears */
/* Parallax */
.parallax {
  background-image: url("../img/parallaximgnewbw.jpg");
  height: 1080px;
  /* Parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax.mob {
  height: 650px;
}

/* End Parallax */
/* Overlays */
.overlay {
  position: absolute;
  width: 100%;
  height: 1080px;
  /* was 100% */
  opacity: 0.8;
  -moz-opacity: 80%;
  -webkit-opacity: 80%;
  z-index: 0;
}
.overlay.autoheight {
  height: auto;
}
.overlay.gradient {
  background: linear-gradient(21deg, #f4ca6a 0%, rgba(138, 199, 209, 0.4528186275) 60%);
}
.overlay.black {
  background-color: #000000;
}
.overlay.black.stronger {
  opacity: 0.9;
  -moz-opacity: 90%;
  -webkit-opacity: 90%;
}
.overlay.lowprofile {
  height: 650px;
}

.post-overlay {
  position: relative;
}

/* End Overlays */
/* Back To Top Button */
#bttbtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f4ca69;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#bttbtn:hover {
  background-color: #8ac7d1;
}

/* End Back To Top Button */
/* Typography */
.heading {
  color: #ffffff !important;
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 700;
  font-style: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-top: 20%;
}
@media only screen and (max-width: 600px) {
  .heading {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;
    font-style: bold;
    padding: 20px 0px 10px 0px;
  }
}
.heading.extrapaddingtop {
  padding-top: 35%;
}
@media only screen and (max-width: 600px) {
  .heading.extrapaddingtop {
    padding-top: 10%;
  }
}

.subheading {
  color: #f4ca69;
  font-family: "Bellota Text", cursive;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  padding-top: 1%;
}
@media only screen and (max-width: 600px) {
  .subheading {
    font-family: "Bellota Text", cursive;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    padding: 20px 0px 10px 0px;
  }
}

.bottomsubheading {
  color: #f4ca69;
  font-family: "Bellota Text", cursive;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  padding-top: 40%;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .bottomsubheading {
    margin-top: 100%;
    font-family: "Bellota Text", cursive;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
  }
}
@media only screen and (max-width: 600px) {
  .bottomsubheading.lowprofile {
    margin-top: 30%;
    font-family: "Bellota Text", cursive;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
  }
}

/* End Typography */
/* End Elements */
/* Footer */
.footer {
  padding: 0px !important;
}
.footer .footer-upper {
  background-color: #64778e;
}
.footer .footer-upper .footer-logo {
  padding: 60px 0px 60px 0px;
}
@media only screen and (max-width: 600px) {
  .footer .footer-upper .footer-logo {
    padding-bottom: 5px;
    padding: 60px 0px 5px 0px;
  }
}
.footer .footer-upper .footer-details {
  float: right;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  line-height: 19px;
  color: #ffffff;
  margin-top: 60px;
}
@media only screen and (max-width: 600px) {
  .footer .footer-upper .footer-details {
    padding: 0px 0px 60px 0px;
    margin-top: 30px;
  }
}
.footer .footer-lower .footer-links {
  margin-top: 25px;
  margin-bottom: 25px;
}
.footer .footer-lower .footer-links ul {
  list-style: none;
  margin: 0px;
}
.footer .footer-lower .footer-links ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1px;
  display: inline-block;
  color: #ffffff;
}
@media only screen and (max-width: 600px) {
  .footer .footer-lower .footer-links ul li {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
  }
  .footer .footer-lower .footer-links ul li:last-child:after {
    display: none;
  }
}
.footer .footer-lower .footer-links ul li a {
  transition: all 0.3s;
  color: #ffffff;
}
.footer .footer-lower .footer-links ul li a:hover {
  transition: all 0.3s;
  color: #8ac7d1;
}
.footer .footer-lower .footer-links ul li:after {
  color: #f4ca69;
  content: "-";
  padding: 0px 15px 0px 15px;
}
.footer .footer-lower .footer-links ul li:first-child {
  padding-left: 0px;
}
.footer .footer-lower .footer-links ul li:last-child:after {
  content: "";
}
@media only screen and (max-width: 600px) {
  .footer .footer-lower .footer-links {
    padding: 0px 0px 0px 0px;
    margin-top: 60px;
  }
}
.footer .footer-lower .footer-credits {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .footer .footer-lower .footer-credits {
    text-align: center;
  }
}
.footer .footer-lower .footer-credits a {
  color: #ffffff;
  transition: all 0.3s;
}
.footer .footer-lower .footer-credits a:hover {
  color: #f4ca69;
  transition: all 0.3s;
}

/* End Footer */
/* Modifiers */
.hide {
  visibility: 0;
}

/* End Modifiers */
/* Media Queries */
/* Phones */
@media only screen and (max-width: 600px) {
  .paragraph-container .text-container p {
    padding-bottom: 0px;
  }

  .mob-padder.bottom {
    padding-bottom: 60px;
  }
}
/* End Phones */
/* End Media Queries */
.internal {
  position: absolute;
}

/* Site Preloader */
.loader {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #64778e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader .container,
.loader .dot-container {
  position: relative;
  width: 100px;
  height: 100px;
}
.loader .container {
  transform-origin: center;
  animation: anirotate 10s linear infinite;
}
.loader .dot-container {
  position: absolute;
  border: 0px solid #f4ca69;
  border-radius: 50px;
}
.loader .dot-container:nth-child(2) {
  transform: rotate(40deg);
}
.loader .dot-container:nth-child(2) .dot {
  animation-delay: -0.5s;
}
.loader .dot-container:nth-child(3) {
  transform: rotate(80deg);
}
.loader .dot-container:nth-child(3) .dot {
  animation-delay: -1s;
}
.loader .dot {
  position: absolute;
  height: 10px;
  width: 10px;
  background: #f4ca69;
  border-radius: 5px;
  transform: translate(0, 0);
}
.loader .dot:nth-child(1) {
  top: 0;
  left: calc(50% - 5px);
  animation: ani1 2s infinite;
}
.loader .dot:nth-child(2) {
  bottom: calc(28% - 5px);
  left: calc(11% - 5px);
  animation: ani2 2s infinite;
}
.loader .dot:nth-child(3) {
  bottom: calc(28% - 5px);
  right: calc(11% - 5px);
  animation: ani3 2s infinite;
}
.loader [hidden] {
  display: none;
}
@keyframes anirotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
@keyframes ani1 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-40px, 67px);
  }
}
@keyframes ani2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(77px, 0);
  }
}
@keyframes ani3 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-39px, -67px);
  }
}

.loader > img {
  width: 100px;
}

.loader.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
  display: none;
}

.loader.dnone {
  display: none;
}

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* End Site Preloader */

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