@charset "UTF-8";
/*----------------------------------------------------------------------

	MASTER STYLESHEET

	Project:        BMGS.LV
	Version:        1.0
	Author:         Mārtiņš Puķītis
	Email:          info@martinipstudios.com

-----------------------------------------------------------------------*/
/*------------------------------------*\
  Elements > Page
\*------------------------------------*/
body {
  color: #222222;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*::selection {
  color: #ffffff;
  background: #f5da08; }

/*------------------------------------*\
  Elements > Links
\*------------------------------------*/
a, button {
  color: #060107;
  font-weight: 700;
  display: inline-block;
  padding: .5rem 1.5rem;
  border-top: 0.1rem solid rgba(6, 1, 7, 0.2);
  margin: .25rem;
  text-decoration: none;
  text-transform: capitalize;
  transition: all ease 0.3s; }
  a:hover, button:hover {
    color: #ffffff;
    background: #060107;
    text-decoration: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px 0px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    transition: all ease 0.3s; }
    a:hover svg, button:hover svg {
      color: #ffffff; }
  a svg, button svg {
    margin-right: .75rem;
    color: #f5da08; }

/*------------------------------------*\
  Elements > img
\*------------------------------------*/
img {
  display: block;
  max-width: 100%; }

/*------------------------------------*\
  Elements > Headings
\*------------------------------------*/
p {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 24px; }

h1 {
  color: #060107;
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 52px; }
  @media (max-width: 992px) {
    h1 {
      font-size: 25px;
      line-height: 37px;
      text-align: center; } }

h2 {
  color: #060107;
  font-size: 28.8px;
  font-weight: 400;
  line-height: 37px;
  text-align: center; }
  @media (max-width: 480px) {
    h2 {
      font-size: 25.8px;
      line-height: 34px; } }

h3 {
  color: #060107;
  font-size: 27.2px;
  font-weight: 400;
  line-height: 33px; }

h4 {
  color: #060107;
  font-size: 22.4px;
  font-weight: 400;
  line-height: 27px; }

h5 {
  color: #060107;
  font-size: 20.8px;
  font-weight: 400;
  line-height: 31px; }

.seperator {
  display: block;
  width: 6rem;
  background: #060107;
  height: .2rem;
  margin: 1rem auto; }

/*------------------------------------*\
  Objects > Lists
\*------------------------------------*/
ul li {
  list-style: none;
  display: inline-block; }

.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.animated-icon1 span {
  background: #060107; }

.animated-icon2 span {
  background: #e3f2fd; }

.animated-icon3 span {
  background: #f3e5f5; }

.animated-icon1 span:nth-child(1) {
  top: 0px; }

.animated-icon1 span:nth-child(2) {
  top: 10px; }

.animated-icon1 span:nth-child(3) {
  top: 20px; }

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px; }

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Icon 3*/
.animated-icon2 span:nth-child(1) {
  top: 0px; }

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
  top: 10px; }

.animated-icon2 span:nth-child(4) {
  top: 20px; }

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%; }

.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%; }

/* Icon 4 */
.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px; }

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0; }

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px; }

.navbar-toggler:focus {
  outline: unset; }

.topBar {
  background: #060107; }
  .topBar__contact, .topBar__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem; }
    .topBar__contact a, .topBar__contact button, .topBar__logo a, .topBar__logo button {
      text-transform: none;
      color: #ffffff;
      padding: .5rem; }
      .topBar__contact a svg, .topBar__contact button svg, .topBar__logo a svg, .topBar__logo button svg {
        margin: 0; }
    .topBar__contact button, .topBar__logo button {
      background: #060107;
      border: none; }
  .topBar__logo p {
    margin: 0; }
    .topBar__logo p .m {
      color: #ffffff; }
    .topBar__logo p .x {
      font-size: 150%;
      color: #f5da08; }
    .topBar__logo p .o {
      color: #9e1a6b; }
  .topBar__logo img {
    height: 10rem;
    padding: 1rem;
    margin: 0 auto;
    object-fit: contain; }
    @media (max-width: 480px) {
      .topBar__logo img {
        height: 4rem; } }

.navigation {
  background: #060107; }
  .navigation__main .navbar {
    padding: 0; }
    .navigation__main .navbar ul {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0; }
      .navigation__main .navbar ul li a {
        padding: 1.25rem 2rem;
        margin: 0;
        text-transform: capitalize;
        font-weight: 700;
        color: #f5da08;
        min-width: 10rem;
        text-align: center; }
        .navigation__main .navbar ul li a:hover {
          box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px 0px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
          color: #ffffff; }

.hero {
  background: linear-gradient(to top, rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.1), rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.75)), url("../images/bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem; }
  @media (max-width: 480px) {
    .hero {
      height: auto;
      padding: 3rem 0;
      background-attachment: unset; } }
  .hero img {
    width: 24rem;
    display: inline; }
  .hero__main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 35rem; }
    @media (max-width: 768px) {
      .hero__main {
        height: auto; } }
    .hero__main h1 {
      text-transform: uppercase;
      color: #ffffff; }
      .hero__main h1 .m {
        color: #ffffff; }
      .hero__main h1 .x {
        color: #f5da08;
        font-size: 150%; }
      .hero__main h1 .o {
        color: #9e1a6b; }
    .hero__main p {
      font-size: 110%;
      color: #ffffff;
      text-align: center;
      letter-spacing: .1rem;
      font-weight: regular; }
    .hero__main a {
      padding: .75rem 1.25rem;
      border: none;
      border-bottom: 0.1rem solid rgba(6, 1, 7, 0.2); }
    .hero__main--scroll .arrows {
      width: 60px;
      height: 72px;
      position: absolute;
      left: 50%;
      margin-left: -30px;
      bottom: 20px; }
    .hero__main--scroll .arrows path {
      stroke: #f5da08;
      fill: transparent;
      stroke-width: .2rem;
      animation: arrow 2s infinite;
      -webkit-animation: arrow 2s infinite; }
      .hero__main--scroll .arrows path:nth-child(odd) {
        stroke: white; }

@keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
  /* Safari 和 Chrome */ }

.arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  /* Safari 和 Chrome */ }

.arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  /* Safari 和 Chrome */ }

@keyframes breathing {
  0% {
    background-size: 110% auto; }
  50% {
    background-size: 115% auto; }
  100% {
    background-size: 110% auto; } }

.aboutUs {
  background: rgba(6, 1, 7, 0.025);
  padding: 9rem 0; }
  .aboutUs__heading h2 {
    font-weight: bold;
    text-transform: uppercase; }
  .aboutUs__heading p {
    text-align: center;
    letter-spacing: .1rem;
    color: #060107; }
  .aboutUs__main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100%; }
    .aboutUs__main h3 {
      letter-spacing: .1rem; }
      .aboutUs__main h3 span {
        color: #f5da08; }
    .aboutUs__main p {
      padding: 0rem 2.5rem;
      text-align: justify;
      letter-spacing: .1rem; }
      @media (max-width: 480px) {
        .aboutUs__main p {
          padding: 0rem 1rem; } }
    .aboutUs__main a {
      padding: 1rem;
      margin: 0rem auto 0rem 2.5rem; }
      @media (max-width: 480px) {
        .aboutUs__main a {
          margin: 0rem auto; } }
    .aboutUs__main img {
      height: 40rem;
      width: 100%;
      object-fit: contain;
      clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 100%, 0% 75%, 0 0); }
      @media (max-width: 992px) {
        .aboutUs__main img {
          height: 25rem; } }

.product, .owned, .sand, .last {
  background: linear-gradient(to top, rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.1), rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.75)), url("../images/abg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6rem 0; }
  @media (max-width: 480px) {
    .product, .owned, .sand, .last {
      height: auto;
      padding: 3rem 0;
      background-attachment: unset; } }
  .product__heading h2, .owned__heading h2, .sand__heading h2, .last__heading h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff; }
  .product__heading .seperator, .owned__heading .seperator, .sand__heading .seperator, .last__heading .seperator {
    background: #f5da08; }
  .product__heading img, .owned__heading img, .sand__heading img, .last__heading img {
    width: 10rem;
    margin: 0 auto;
    padding: 2rem; }
  .product__main, .owned__main, .sand__main, .last__main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100%; }
    .product__main a, .owned__main a, .sand__main a, .last__main a {
      margin: 0rem auto 0rem 0rem;
      padding: 1rem; }
    .product__main p, .owned__main p, .sand__main p, .last__main p {
      text-align: center;
      letter-spacing: .1rem;
      color: #ffffff; }
      .product__main p span, .owned__main p span, .sand__main p span, .last__main p span {
        display: block;
        color: #f5da08; }

.owned {
  background: linear-gradient(to top, rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.1), rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.75)), url("../images/abg2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.sand {
  background: linear-gradient(to top, rgba(6, 1, 7, 0.25), rgba(6, 1, 7, 0.1), rgba(6, 1, 7, 0.25), rgba(6, 1, 7, 0.25)), url("../images/abg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }
  .sand img {
    width: 10rem;
    margin: 0 auto;
    padding: 2rem;
    display: inline; }
  .sand p {
    text-align: center;
    letter-spacing: .1rem;
    color: #ffffff; }
    .sand p span {
      display: block;
      color: #f5da08; }

.last {
  background: linear-gradient(to top, rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.1), rgba(6, 1, 7, 0.75), rgba(6, 1, 7, 0.75)), url("../images/fbg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.footer {
  background: #060107;
  padding: 9rem 0; }
  .footer__links--p {
    color: #ffffff;
    font-size: 90%;
    font-weight: 700; }
  .footer__links--p2 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 80%;
    padding: .25rem 0;
    margin: .25rem;
    margin-left: 0;
    line-height: 1; }
  .footer__links p {
    color: #ffffff; }
  .footer__links a {
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
    padding: .25rem 0;
    margin-left: 0;
    display: block;
    font-size: 80%; }
    .footer__links a:hover {
      color: #ffffff;
      box-shadow: none; }
    .footer__links a svg {
      transition: all ease 0.3s;
      color: #ffffff; }
  .footer__links img {
    height: 4rem; }
  .footer__contact {
    margin: 3rem 0; }
    .footer__contact img {
      width: 10rem; }
    .footer__contact p {
      color: #ffffff;
      font-size: 80%;
      font-size: italic;
      font-weight: 700; }
    .footer__contact a {
      color: #ffffff;
      text-transform: lowercase;
      font-size: 80%;
      display: block;
      color: rgba(255, 255, 255, 0.7);
      padding: .25rem 0;
      margin-left: 0; }
      .footer__contact a svg {
        color: #ffffff; }
      .footer__contact a:hover {
        color: #ffffff;
        box-shadow: none; }
  .footer__logo, .footer__copy {
    margin: 3rem 0;
    text-align: right; }
    .footer__logo a, .footer__copy a {
      font-size: 80%;
      color: rgba(255, 255, 255, 0.7);
      padding: .25rem 0;
      margin-left: 0; }
      .footer__logo a img, .footer__copy a img {
        display: inline-block;
        width: 2rem; }
      .footer__logo a:hover, .footer__copy a:hover {
        color: #ffffff;
        box-shadow: none; }
  .footer__copy {
    text-align: left; }

.contact {
  margin: 3rem 0; }
  .contact__heading {
    text-align: center; }
    .contact__heading h2 {
      font-weight: bold;
      text-transform: uppercase; }
    .contact__heading p {
      letter-spacing: .1rem;
      color: #060107; }
    .contact__heading a {
      padding: 1rem; }