html {
  font-size: 14px;
}

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

body {
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  color: #828282;
  font-family: "Roboto", sans-serif;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
}
html body {
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: #828282;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  outline-offset: 0;
  color: #0038e3;
}
a.nav-link, a:active, a:focus {
  color: #828282;
}

a,
a.nav-link,
.btn,
input,
textarea,
select {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
img {
  max-width: 40%;
  height: auto;
}
@media (max-width: 1190px) {
  img {
    max-width: 50%;
    height: auto;
  }
}
@media (max-width: 768px) {
  img {
    max-width: 75%;
    height: auto;
  }
}

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

p {
  margin: 0 0 25px;
}

ul,
ol,
dl {
  list-style-position: outside;
  margin-bottom: 25px;
}

ul {
  margin: 0;
  padding: 0;
}

input,
textarea,
select {
  border: 1px solid #dfdfdf;
  padding: 10px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  resize: none;
  outline: none;
  color: #828282;
  line-height: initial;
  word-break: initial;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

@font-face {
  font-family: "Quicksand";
  src: url("../fonts/Quicksand_Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
/* ===================================
   01. Typography
====================================== */
/* Font family */
.alt-font {
  font-family: "Roboto", sans-serif;
}

.main-font {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
}

/* Heading size */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 25px 0;
  padding: 0;
  letter-spacing: -0.5px;
  font-weight: inherit;
}

h1 {
  font-size: 4rem;
  line-height: 5rem;
}

h6 {
  font-size: 1.8rem;
  line-height: 2.5rem;
}

/* Font weight classes */
.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

/* Text colors */
.text-black,
.btn-link.text-black,
a.text-black-hover:hover {
  color: #000;
}

.text-extra-dark-gray,
.btn-link.text-extra-dark-gray,
a.text-extra-dark-gray-hover:hover {
  color: #232323;
}

/* Text size and line height */
.text-extra-medium {
  font-size: 16px;
  line-height: 28px;
}

/* Gradient text */
.text-gradient-fast-blue-purple {
  background: linear-gradient(to right, #0039e3, #0039e3, #5e28dd, #741bd9, #8600d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
  color: #232323;
}

/* ===================================
    14. Forums
====================================== */
.form-results {
  padding: 13px 20px;
  clear: both;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
  z-index: 2;
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}

/* ===================================
    09. Header
====================================== */
.navbar-brand {
  margin-right: 0;
  font-size: 0;
  display: inline-block;
}

/* ===================================
    13. Button
====================================== */
.btn {
  display: inline-block;
  border: 2px solid transparent;
  border-color: black;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  /* Button with transparent background and white border */
}
.btn.btn-medium {
  font-size: 12px;
  padding: 10px 26px;
}
.btn.btn-rounded {
  border-radius: 50px;
}
.btn.btn-rounded.btn-medium {
  padding: 10px 32px;
}
.btn.btn-fancy.btn-medium {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 12px 28px;
}
.btn.btn-gradient-sky-blue-pink {
  background: #ffffff;
  color: #fff;
  border-color: #aa9f82;
  background-size: 200% auto;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn.btn-gradient-sky-blue-pink:hover, .btn.btn-gradient-sky-blue-pink:focus {
  background-position: right center;
  color: #fff;
}
.btn.btn-gradient-shamrock-green-light-orange:hover, .btn.btn-gradient-shamrock-green-light-orange:focus, .btn.btn-gradient-tan-geraldine-2:hover, .btn.btn-gradient-tan-geraldine-2:focus, .btn.btn-gradient-magenta-orange:hover, .btn.btn-gradient-magenta-orange:focus, .btn.btn-gradient-magenta-orange-2:hover, .btn.btn-gradient-magenta-orange-2:focus, .btn.btn-gradient-purple-magenta:hover, .btn.btn-gradient-purple-magenta:focus, .btn.btn-gradient-light-purple-light-orange:hover, .btn.btn-gradient-light-purple-light-orange:focus, .btn.btn-gradient-peacock-blue-crome-yellow:hover, .btn.btn-gradient-peacock-blue-crome-yellow:focus, .btn.btn-gradient-fast-blue-purple:hover, .btn.btn-gradient-fast-blue-purple:focus, .btn.btn-gradient-tan-geraldine:hover, .btn.btn-gradient-tan-geraldine:focus, .btn.btn-gradient-light-purple-light-red:hover, .btn.btn-gradient-light-purple-light-red:focus, .btn.btn-gradient-yellowish-green-turquoise:hover, .btn.btn-gradient-yellowish-green-turquoise:focus, .btn.btn-gradient-peacock-blue-crome-yellow-2:hover, .btn.btn-gradient-peacock-blue-crome-yellow-2:focus {
  background-position: right center;
  color: #fff;
}
.btn.btn-transparent-white {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

/* ===================================
    12. Magnifyer pop up
====================================== */
.mfp-bg {
  background: #232323;
  opacity: 0.9;
}

.mfp-bg, .mfp-wrap {
  z-index: 10007;
}

#popup-form {
  cursor: default;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  background: transparent;
}

.mfp-close {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  opacity: 1;
  background-color: transparent;
  right: 30px;
  top: 30px;
}
.mfp-close.mfp-close:active {
  opacity: 1;
}

.modal-popup-main .mfp-close,
.modal-popup-main .mfp-close:active {
  right: 0;
  top: 0;
}

.mfp-close-btn-in .modal-popup-main .mfp-close {
  position: absolute;
}

.mfp-removing .mfp-close {
  display: none;
}

.subscribe-popup .modal-popup-main .mfp-close,
.subscribe-popup .modal-popup-main .mfp-close:active {
  position: absolute;
  color: #fff;
}

.lightbox-gallery a {
  position: relative;
  display: block;
}
.lightbox-gallery .gallary-over-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.mfp-arrow-right::after,
.mfp-arrow-left::after {
  display: none;
}

.mfp-arrow-right::before {
  border-left: none;
  content: "\e628";
  font-size: 18px;
  font-family: "themify";
  color: #fff;
  line-height: 60px;
  background: #232323;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: none;
}

.mfp-arrow-left::before {
  border-right: none;
  content: "\e629";
  font-size: 18px;
  font-family: "themify";
  color: #fff;
  line-height: 60px;
  background: #232323;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: none;
}

.mfp-bottom-bar {
  margin-top: -24px;
  font-size: 12px;
}

.mfp-figure {
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  backface-visibility: hidden;
}

.mfp-ajax-holder {
  width: 70%;
  height: calc(100% - 100px);
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

button.mfp-close,
.mfp-image-holder button.mfp-close,
.mfp-iframe-holder button.mfp-close {
  position: fixed;
  top: 30px;
  right: 30px;
}

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(0.8);
  opacity: 0;
}
.my-mfp-zoom-in .mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in .mfp-bg.mfp-ready {
  opacity: 0.93;
}
.my-mfp-zoom-in .mfp-bg.mfp-removing {
  opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom .zoom-anim-dialog.mfp-ready {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom .zoom-anim-dialog.mfp-removing {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom .mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom .mfp-bg.mfp-ready {
  opacity: 0.93;
}
.my-mfp-slide-bottom .mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade .mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-fade .mfp-bg.mfp-ready {
  opacity: 0.93;
}
.mfp-fade .mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade .mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-fade .mfp-wrap .mfp-content.mfp-ready {
  opacity: 1;
}
.mfp-fade .mfp-wrap .mfp-content.mfp-removing {
  opacity: 0;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1020px;
}

/* notify popup */
.show-notify-popup > section {
  filter: grayscale(100%);
}
.show-notify-popup .mfp-notify .mfp-bg.mfp-ready {
  opacity: 0.8;
  background-color: #000000;
}
.show-notify-popup .mfp-close,
.show-notify-popup .mfp-close:active {
  color: #fff;
}
.show-notify-popup .notify-form .notify-input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.show-notify-popup .mfp-container {
  position: fixed;
  padding-top: 100px;
  height: auto;
  background-color: #d6c8a4;
  animation-name: comingsoonpopup;
  animation-duration: 0.2s;
}
.show-notify-popup .mfp-container.mfp-removing {
  animation-name: comingsoonpopupclose;
}

.mfp-notify .mfp-container {
  top: auto;
  bottom: 0;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

/* ===================================
    16. Icon
====================================== */
/* Social media icon */
.extra-small-icon,
.small-icon,
.medium-icon,
.large-icon,
.extra-large-icon {
  list-style: none;
  padding: 0;
}
.extra-small-icon li,
.small-icon li,
.medium-icon li,
.large-icon li,
.extra-large-icon li {
  display: inline-block;
}
.extra-small-icon li:first-child,
.small-icon li:first-child,
.medium-icon li:first-child,
.large-icon li:first-child,
.extra-large-icon li:first-child {
  margin-left: 0;
}

.small-icon li {
  margin: 0 5px;
}

[class^=social-icon-] ul,
[class*=" social-icon-"] ul {
  list-style: none;
}

/* Social icon style 06 */
.social-icon-style-06 a {
  text-align: center;
  display: inline-block;
  color: #232323;
}
.social-icon-style-06 a:hover {
  color: #fff;
  border-radius: 100%;
  background-color: #aa9f82;
}

.small-icon a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

/* ===================================
    17. Custom
====================================== */
.medium-input select,
.medium-textarea select,
.medium-select select {
  padding: 15px 20px;
  font-size: 14px;
}

/* ===================================
    01. Padding
====================================== */
.padding-100px-all {
  padding: 125px;
}

.padding-fifteen-all {
  padding: 15%;
}

/* ===================================
    02. Margin
====================================== */
@media screen and (min-width: 1350px) {
  .margin-300px-left {
    margin-left: 350px;
  }
  .margin-300px-right {
    margin-right: 350px;
  }
}
.margin-4-rem-bottom {
  margin-bottom: 4rem;
}

.margin-10px-bottom {
  margin-bottom: 10px;
}

.margin-25px-bottom {
  margin-bottom: 25px;
}

.margin-50px-bottom {
  margin-bottom: 50px;
}

/* ===================================
    03. Height
====================================== */
.h-100 {
  height: 100% !important;
}

.h-75 {
  height: 65% !important;
}

.min-h-100vh {
  min-height: 100vh;
}

.full-screen,
.mobileoff-fullscreen-top-space,
.fullscreenabanner {
  height: 980px;
}

/* ===================================
    04. Line height
====================================== */
.line-height-28px {
  line-height: 28px;
}

/* ===================================
    05. Borders
====================================== */
.border-radius-6px {
  border-radius: 35px;
}

/* ===================================
    11. Background colors
====================================== */
.coming-soon-bg {
  background: linear-gradient(to bottom, #EFE7DB, #d6c8a4);
}

.coming-soon-popup-bg {
  background: #d6c8a4;
}

.bg-white {
  background-color: #FFF;
}

input,
textarea,
select {
  background-color: #EFE7DB;
}

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