@font-face {
  font-family: roboto;
  src: url("fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
  font-family: ubuntu;
  src: url("fonts/Ubuntu/Ubuntu-Regular.ttf");
}
@font-face {
  font-family: bebas-neue;
  src: url("fonts/Bebas Neue/BebasNeue-Regular.ttf");
}
.loader {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #62ab59;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
}
.loader.white {
  border: 7px solid grey;
  border-top: 7px solid white;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.alert, .success, .tryAgain, .error {
  padding: 13px;
  border-radius: 7px;
  display: none;
  margin-bottom: 15px;
}

.error {
  color: rgb(242, 61, 61);
  background-color: rgb(254, 217, 219);
}

.tryAgain {
  color: rgb(242, 61, 61);
  background-color: rgb(254, 217, 219);
}

.success {
  color: rgb(20, 147, 42);
  background-color: rgb(178, 231, 164);
}

body {
  padding: 0;
  margin: 0;
}
body .wrapper {
  padding: 0;
  margin: 0;
}
body .wrapper .header {
  background-color: #01518c;
}
body .wrapper .header-content {
  margin: auto;
  display: flex;
  padding: 20px;
  max-width: 768px;
}
@media only screen and (min-width: 616px) {
  body .wrapper .header-content .menu-button {
    display: none;
  }
}
body .wrapper .header-content .menu-button .icon {
  font-size: 35px;
  color: white;
}
body .wrapper .header-content .menu-button .icon:hover {
  cursor: pointer;
}
body .wrapper .header-content .desktop-menu {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 615px) {
  body .wrapper .header-content .desktop-menu {
    display: none;
  }
}
body .wrapper .header-content .desktop-menu ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  margin-left: auto;
}
body .wrapper .header-content .desktop-menu ul li {
  padding: 7px;
}
body .wrapper .header-content .desktop-menu ul li a {
  text-decoration: none;
  font-size: 24px;
  color: white;
  font-family: ubuntu, sans-serif;
}
body .wrapper .header-content .desktop-menu ul li a.menu-link-active {
  text-decoration: none;
  border-bottom: 1px solid white;
  padding-bottom: 1px;
  border-width: 1px;
}
body .wrapper .header-content .desktop-menu ul li.shop {
  background: white;
  height: 30px;
}
body .wrapper .header-content .desktop-menu ul li.shop a {
  color: #01518c;
}
body .wrapper .header-content .header-title {
  line-height: 40px;
  text-align: left;
  width: auto;
}
@media only screen and (max-width: 615px) {
  body .wrapper .header-content .header-title {
    width: 100%;
    text-align: center;
  }
}
body .wrapper .header-content .header-title .site-title {
  font-family: ubuntu, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 26px;
  color: white;
  font-weight: bold;
}
body .wrapper .header-content .header-title .site-title img {
  max-width: 300px;
}
@media only screen and (max-width: 615px) {
  body .wrapper .header-content .header-title .site-title img {
    max-width: 225px;
  }
}
body .wrapper .mobile-menu {
  transition: height 0.8s;
  height: 80%;
  overflow: hidden;
  position: absolute;
  background: white;
  width: 100%;
  z-index: 1;
}
body .wrapper .mobile-menu-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
body .wrapper .mobile-menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
body .wrapper .mobile-menu-content ul li {
  text-align: center;
  margin: 25px 0;
}
body .wrapper .mobile-menu-content ul li a {
  text-decoration: none;
  font-size: 40px;
  color: black;
  font-family: ubuntu, sans-serif;
}
body .wrapper .mobile-menu-content ul li a.menu-link-active {
  text-decoration: none;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  border-width: 1px;
}
body .wrapper .mobile-menu-content ul li.shop a {
  color: white;
  background: #01518c;
  padding: 8px;
}
body .wrapper .content {
  padding: 20px;
}
body .wrapper .content h1 {
  font-size: 34px;
  font-family: ubuntu, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
body .wrapper .content .logo-container {
  text-align: center;
  display: block;
}
@media only screen and (min-width:320px) and (max-width:425px) {
  body .wrapper .content .logo-container {
    display: none;
  }
}
body .wrapper .content .logo-container img {
  width: 100%;
  max-width: 645px;
}
body .wrapper .content .logo-container.mobile {
  display: block;
}
@media only screen and (min-width:426px) {
  body .wrapper .content .logo-container.mobile {
    display: none;
  }
}
body .wrapper .content-header {
  font-family: ubuntu, sans-serif;
  font-size: 33px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
body .wrapper .content-section img {
  width: 100%;
}
body .wrapper .content-section-header {
  font-family: ubuntu, sans-serif;
  font-size: 26px;
  font-weight: bolder;
  margin-bottom: 12px;
  text-align: center;
}
body .wrapper .content-section .sub-section {
  font-family: roboto;
  font-size: 16px;
  margin-bottom: 30px;
}
body .wrapper .content-section .sub-section .read-more {
  text-align: center;
}
body .wrapper .content-section .sub-section .read-more-link {
  color: rgb(26, 115, 232);
  letter-spacing: 2px;
  text-transform: uppercase;
}
body .wrapper .footer {
  background: #01518c;
  color: white;
}
body .wrapper .footer .newsletter-signup {
  max-width: 768px;
  margin: auto;
  padding-bottom: 12px;
}
body .wrapper .footer-header {
  font-family: ubuntu, sans-serif;
  font-size: 33px;
  text-transform: uppercase;
  text-align: left;
  padding: 10px;
}
body .wrapper .footer-content {
  padding: 5px 20px;
  font-family: roboto;
  font-size: 16px;
}
body .wrapper .footer-content .newsletter-signup-form {
  display: flex;
}
@media only screen and (min-width:0) and (max-width:425px) {
  body .wrapper .footer-content .newsletter-signup-form {
    display: block;
  }
}
body .wrapper .footer-content-feedback {
  font-family: roboto;
  font-size: 13px;
}
body .wrapper .footer-content form {
  text-align: center;
}
body .wrapper .footer-content form .input-text input {
  padding: 22px 32px;
}
body .wrapper .footer-content form .input-submit {
  margin-left: 12px;
}
body .wrapper .footer-content form .input-submit input {
  border-width: 0;
  background-color: rgb(118, 116, 111);
  padding: 24px 32px;
  color: white;
}
@media only screen and (min-width:0) and (max-width:425px) {
  body .wrapper .footer-content form .input-submit input {
    margin-top: 12px;
  }
}
body .wrapper .footer-content .newsletter-signup-loading {
  text-align: center;
}
body .wrapper .footer-content .newsletter-signup-loading img {
  width: 20%;
}
body .wrapper .footer-nav {
  background: white;
  padding: 20px;
}
body .wrapper .footer-nav-header {
  font-family: ubuntu, sans-serif;
  font-size: 27px;
  text-align: center;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
}
body .wrapper .footer-nav-header.img-text img {
  max-width: 300px;
}
body .wrapper .footer-nav-links {
  display: flex;
  max-width: 425px;
  margin: auto;
}
body .wrapper .footer-nav-links div {
  margin: 10px 20px 10px 0;
  width: 100%;
  text-align: center;
}
body .wrapper .footer-nav-links div a {
  color: black;
  font-size: 16px;
  font-family: roboto;
}
body .wrapper.home .our-story .banner-img-1 {
  display: none;
}
body .wrapper.home .our-story .banner-img-2 {
  width: 50%;
}
body .wrapper.home .our-story .our-story-content {
  display: flex;
}
body .wrapper.home .our-story .our-story-content .sub-section {
  width: 50%;
  margin-right: 21px;
  margin-top: 21px;
}
@media only screen and (max-width: 615px) {
  body .wrapper.home .our-story .banner-img-1 {
    display: block;
  }
  body .wrapper.home .our-story .banner-img-2 {
    display: none;
  }
  body .wrapper.home .our-story .our-story-content {
    display: block;
  }
  body .wrapper.home .our-story .sub-section {
    width: 100% !important;
  }
}
body .wrapper.home .our-services .our-services-content {
  display: flex;
}
body .wrapper.home .our-services .our-services-content .banner-img {
  width: 50%;
}
body .wrapper.home .our-services .our-services-content .sub-section {
  width: 50%;
  margin-left: 21px;
  margin-top: 21px;
}
@media only screen and (max-width: 615px) {
  body .wrapper.home .our-services .our-services-content {
    display: block;
  }
  body .wrapper.home .our-services .banner-img {
    width: 100% !important;
  }
  body .wrapper.home .our-services .sub-section {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
body .wrapper.home .shop-by-category {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
body .wrapper.home .shop-by-category .category {
  width: 320px;
  padding: 20px;
}
body .wrapper.home .shop-by-category .category a {
  color: rgb(26, 115, 232);
}
body .wrapper.about .content {
  padding: 20px 20px 0 20px;
}
body .wrapper.about .content h1 {
  margin: 0;
}
body .wrapper.about .content-section {
  text-align: center;
}
body .wrapper.about .content-section .team-member-image {
  max-width: 570px;
  margin: auto;
}
body .wrapper.about .content-section .team-position-indicator {
  display: flex;
}
body .wrapper.about .content-section .team-position-indicator .content-section-header {
  width: 47%;
  text-align: right;
}
body .wrapper.about .content-section .team-position-indicator .sub-section {
  line-height: 32px;
  padding-left: 7px;
}
body .wrapper.about .content .mission-list {
  list-style: decimal;
}
body .wrapper.services .content h1 {
  margin: 0;
}
body .wrapper.services .content ul li {
  padding: 5px;
}
body .wrapper.contact .information {
  display: flex;
}
body .wrapper.contact .information .contact-info-map {
  width: 100%;
}
@media only screen and (min-width:0) and (max-width:767px) {
  body .wrapper.contact .information {
    display: block;
  }
}
body .wrapper.contact .content h1 {
  margin: 0;
}
body .wrapper.contact .content-section {
  font-family: roboto;
  font-size: 16px;
  margin-bottom: 30px;
}
body .wrapper.contact .content-section a {
  color: rgb(26, 115, 232);
}
body .wrapper.contact .content-section .contact-info {
  margin-bottom: 12px;
}
body .wrapper.contact .content-section .contact-info-label {
  font-size: 21px;
}
body .wrapper.contact .content-section .contact-info-detail {
  color: red;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form span.red {
  color: red;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form .field {
  margin-bottom: 10px;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form .field input {
  padding: 12px;
  border: 1px solid rgb(189, 193, 198);
  border-radius: 8px;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form .field textarea {
  width: calc(100% - 36px);
  height: 100px;
  padding: 12px;
  border: 1px solid rgb(189, 193, 198);
  border-radius: 8px;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form .field-submit {
  margin-top: 12px;
}
body .wrapper.contact .content-section .sub-section .get-in-touch-form form .field-submit input {
  border-width: 0;
  background-color: rgb(26, 115, 232);
  padding: 22px 32px;
  color: white;
}
body .wrapper.contact .map-holder {
  margin-bottom: 20px;
}
body .wrapper.contact .map-holder iframe {
  border: 0;
  width: 100%;
  height: 450px;
}
body .wrapper img {
  width: 100%;
}
body .wrapper .cross-banner-img {
  border-radius: 21px;
}
@media only screen and (max-width: 768px) {
  body .wrapper .cross-banner-img {
    border-radius: 0;
  }
}
body .wrapper .zero-height {
  height: 0;
}
body .wrapper .border-radius-image {
  border-radius: 21px;
  overflow: hidden;
}
body .wrapper .auto-list-style {
  list-style-type: auto;
}
body .wrapper .disc-list-style {
  list-style-type: disc;
}
body .wrapper .content-wrap {
  max-width: 768px;
}
@media only screen and (min-width:426px) {
  body .wrapper .content-wrap {
    margin: auto;
  }
}
body .wrapper .product {
  margin-top: 16px;
}
body .wrapper .product-header {
  font-style: italic;
}
body .wrapper .product-details {
  margin-top: 0;
}
body .no-padding {
  padding: 0 !important;
}
body .no-margin {
  margin: 0 !important;
}
body .portrait-img-container {
  text-align: center;
}
body .portrait-img-container img {
  max-width: 360px;
}
body .slider {
  /* Slideshow container */
  /* Caption text */
  /* Number text (1/3 etc) */
  /* The dots/bullets/indicators */
  /* Fading animation */
  /* On smaller screens, decrease text size */
}
body .slider .mySlides {
  display: none;
  text-align: center;
}
body .slider img {
  vertical-align: middle;
}
body .slider .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
body .slider .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
body .slider .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
body .slider .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
body .slider .active {
  background-color: #717171;
}
body .slider .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media only screen and (max-width: 300px) {
  body .slider .text {
    font-size: 11px;
  }
}
body .left-text-align {
  text-align: left !important;
}

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