/* Real coding starts here. Enjoy!

---------------------------------------------- */

body {

  background-color: #ffffff;

  color: #444444;

  margin: 0;

  padding: 0;

  font: normal normal 16px/140% var(--font-body);

}

body * {

  box-sizing: border-box;

}

body.no-scroll {

  overflow: hidden;

}

a.no-underline {

  text-decoration: none !important;

}

a.no-underline:hover {

  color: var(--red-signature) !important;

}

input,

textarea {

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fbf1ef;

  padding: 6px 15px;

  border-radius: 3px;

  width: 100%;

  max-width: 400px;

  font-size: 1em;

  line-height: 150%;

}

input[type="submit"] {

  background: #0b8482;

  color: #fff;

  font-weight: 600;

  font-size: 1.133em;

  line-height: 150%;

  width: auto;

  padding-left: 30px;

  padding-right: 30px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 3.5rem !important;

  letter-spacing: -0.03em !important;

  line-height: 135% !important;

  margin-bottom: 0.4em;

  font-family: var(--font-heading);

  color: var(--black-primary);

}

h1 {

  line-height: 110% !important;

}

h2 {

  font-size: 2.5rem !important;

  line-height: 110% !important;

}

h3 {

  font-size: 1.875rem !important;

}

h4 {

  font-size: 1.5rem !important;

}

h5 {

  font-size: 1.25rem !important;

}

h6 {

  font-size: 0.875rem !important;

}

@media (max-width: 767px) {

  h1 {

    font-size: 2.5rem !important;

  }

  h2 {

    font-size: 1.875rem !important;

    line-height: 110% !important;

  }

  h3 {

    font-size: 1.5rem !important;

  }

  h4 {

    font-size: 1.125rem !important;

  }

  h5 {

    font-size: 1rem !important;

  }

  h6 {

    font-size: 0.875rem !important;

  }

}



/* Header

---------------------------------------------- */

.header-outer {

  position: sticky;

  top: 0;

  z-index: 20;

}



/* -- Header Line 1 -- */

.header-line-1 {

  padding-top: 8px;

  padding-bottom: 8px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.header-line-1 ul {

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.header-line-1 ul li a {

  padding-left: 20px;

  margin-left: 24px;

  position: relative;

  text-decoration: none;

  color: var(--grey-secondary);

}

.header-line-1 ul li a::after {

  font-family: "Material Icons Outlined";

  font-display: swap;

  content: "\f18a";

  font-size: 18px;

  font-weight: normal;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  transition: all 0.2s ease-in;

}

.header-line-1 ul li.menu-subscribe a::after {

  content: "\ea0c";

}



/* -- Header Line 2 -- */

.header-line-2 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

}

.header-line-2 .header-logo svg {

  width: 90%;

  max-width: 354px;

  height: auto;

}

.header-line-2 nav {

  font-weight: bold;

}

.header-line-2 nav ul.menu {

  display: flex;

  justify-content: flex-end;

}

.header-line-2 nav ul.menu li {

  margin-left: 30px;

  position: relative;

}

.header-line-2 nav ul li a {

  text-decoration: none;

  text-transform: uppercase;

  height: 60px;

  display: flex;

  align-items: center;

}



/* -- Menu Mobile -- */

.header-line-2 .toggle-menu {

  display: none;

  padding: 0;

  border: 0;

  outline: 0;

  width: 24px;

  height: 18px;

  background: none;

  border-radius: 0;

  position: relative;

  cursor: pointer;

}

.header-line-2 .toggle-menu span {

  width: 100%;

  height: 2px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  transition: 0.3s ease-in-out;

}

.header-line-2 .toggle-menu span:nth-child(2) {

  top: 50%;

  left: 0;

  margin-top: -1px;

}

.header-line-2 .toggle-menu span:last-child {

  bottom: 0;

  top: unset;

}

.header-line-2 .toggle-menu.open span:nth-child(2) {

  visibility: hidden;

  opacity: 0;

}

.header-line-2 .toggle-menu.open span:first-child {

  transform: rotate(45deg);

  top: 8px;

  left: 0;

}

.header-line-2 .toggle-menu.open span:last-child {

  transform: rotate(-45deg);

  top: 8px;

  left: 0;

}



/* -- Header Logo -- */

.header-line-2 .header-logo a {

  display: flex;

  width: 330px;

}

.header-line-2 .header-logo a img {

  display: block;

  width: 100%;

  height: auto;

}



/* Footer

---------------------------------------------- */

.footer-outer a {

  text-decoration: none;

  color: var(--grey-secondary);

}

.footer-outer a:hover {

  color: #fff;

  text-decoration: underline;

}

.footer-outer {

  font-size: 0.875em;

}

.footer-outer .footer-line-1 {

  display: flex;

  flex-wrap: wrap;

  margin-left: -40px;

  margin-right: -40px;

}

.footer-outer .footer-line-1 .widget {

  width: 33%;

  padding: 0 40px;

}



/* -- Unordered list -- */

.footer-outer .sitemap .widget ul li {

  margin: 0 0 10px 0;

}



/* -- Load more -- */

.widget .more-pages-btn {

  background: none;

  color: #fff;

  padding: 0 0 0 15px;

  border-radius: 0;

  font: inherit;

  outline: 0;

  border: 0;

  font-size: 10px;

  cursor: pointer;

  background: url(../images/icon-dropdown.svg) no-repeat center left;

}



/* -- Social media -- */

.social-media ul {

  display: flex;

  align-items: center;

  margin-left: -10px;

}

.social-media ul li {

  margin-right: 10px;

}

.social-media ul li a {

  display: block;

  width: 30px;

  height: 30px;

  overflow: hidden;

  text-indent: -500px;

  position: relative;

}

.social-media ul li a::after {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  width: 20px;

  height: 20px;

  background: url(../images/icon-social.svg) no-repeat left top;

  background-size: 40px 60px;

}

.social-media ul li.icon-instagram a::after {

  background-position: right top;

}

.social-media ul li.icon-twitter a::after {

  background-position: left -20px;

}

.social-media ul li.icon-linkedin a::after {

  background-position: right -20px;

}

.social-media ul li.icon-youtube a::after {

  background-position: left bottom;

}

.social-media ul li.icon-twitch a::after {

  background-position: right bottom;

}



/* -- That's all. Happy coding! -- */