@charset "utf-8";
/*
  Template: Juno - Multipurpose Landing Page Pack
  Author: InovatikThemes
  Created: Mar 2019
  Updated: May 2020 by 90zlaya
  Description: Master CSS file
*/

/*******************************************************************************
Table Of Contents:

01. General Styles
02. Header
03. Video
04. Back To Top Button
05. Media Queries
/******************************************************************************/

/*******************************************************************************
Colors:

- Text, navbar links - white #f1f1f8
- Buttons, bullets, icons - turquoise #cfd200
- Navbar - navy #262431
- Backgrounds - dark denim #262431
- Backgrounds - denim #2f2c3d
/******************************************************************************/


/******************************************************************************/
/*   01. General Styles                                                       */
/******************************************************************************/
body,
html {
  width: 100%;
  height: 100%;
  background-color: #262431;
}

body, p {
  color: #f1f1f8;
  font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
}
.p-large {
  color: #f1f1f8;
  font: 400 1rem/1.5rem "Open Sans", sans-serif;
}
.p-small {
  color: #f1f1f8;
  font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}
.p-heading {
  margin-bottom: 3.75rem;
  text-align: center;
}

.li-space-lg li {
  margin-bottom: 0.375rem;
}

.indent {
  padding-left: 1.25rem;
}

h1 {
  color: #f1f1f8;
  font: 700 2.5rem/2.875rem "Montserrat", sans-serif;
}
h2 {
  color: #f1f1f8;
  font: 700 2.25rem/2.75rem "Montserrat", sans-serif;
}
h3 {
  color: #f1f1f8;
  font: 700 1.75rem/2.125rem "Montserrat", sans-serif;
}
h4 {
  color: #f1f1f8;
  font: 700 1.375rem/1.75rem "Montserrat", sans-serif;
}
h5 {
  color: #f1f1f8;
  font: 700 1.125rem/1.625rem "Montserrat", sans-serif;
}
h6 {
  color: #f1f1f8;
  font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

a {
  color: #f1f1f8;
  text-decoration: underline;
}
a:hover {
  color: #f1f1f8;
  text-decoration: underline;
}
a.turquoise {
  color: #cfd200;
}
a.white {
  color: #fff;
}

.testimonial-text {
  font: italic 400 1rem/1.5rem "Open Sans", sans-serif;
}
.testimonial-author {
  font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.btn-solid-reg {
  display: inline-block;
  padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: #cfd200;
  color: #fff;
  font: 700 0.75rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-solid-reg:hover {
  background-color: transparent;
  color: #cfd200;
  text-decoration: none;
}
.btn-solid-lg {
  display: inline-block;
  padding: 1.375rem 2.625rem 1.375rem 2.625rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: #cfd200;
  color: #fff;
  font: 700 0.75rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}
.btn-solid-lg.text-black {
  color: #000 !important;
}
.btn-solid-lg.text-black:hover {
  color: #cfd200 !important;
}
.btn-solid-lg:hover {
  background-color: transparent;
  color: #cfd200;
  text-decoration: none;
}
.btn-solid-lg:visited {
  background-color: #cfd200;
  text-decoration: none;
}
.btn-solid-lg .fab {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: 0;
  vertical-align: top;
}
.btn-solid-lg .fab.fa-google-play {
  font-size: 1rem;
}
.btn-solid-md {
  font-size: 20px;
  position: relative;
  top: 60%;
  text-align: center;
  display: inline-block;
  padding: 1.375rem 2.625rem 1.375rem 2.625rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: #cfd200;
  color: #000;
  font: 700 0.75rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}
.btn-solid-md:hover {
  background-color: transparent;
  color: #cfd200;
  text-decoration: none;
}
.btn-outline-reg {
  display: inline-block;
  padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: transparent;
  color: #cfd200;
  font: 700 0.75rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-outline-reg:hover {
  background-color: #cfd200;
  color: #fff;
  text-decoration: none;
}
.btn-outline-lg {
  display: inline-block;
  padding: 1.375rem 2.625rem 1.375rem 2.625rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: transparent;
  color: #cfd200;
  font: 700 0.75rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-outline-lg:hover {
  background-color: #cfd200;
  color: #fff;
  text-decoration: none;
}
.btn-outline-sm {
  display: inline-block;
  padding: 1rem 1.625rem 0.875rem 1.625rem;
  border: 0.125rem solid #cfd200;
  border-radius: 2rem;
  background-color: transparent;
  color: #cfd200;
  font: 700 0.625rem/0 "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-outline-sm:hover {
  background-color: #cfd200;
  color: #fff;
  text-decoration: none;
}

.form-group {
  position: relative;
  margin-bottom: 1.25rem;
}

/******************************************************************************/
/*   02. Header                                                               */
/******************************************************************************/
.header {
  background: linear-gradient(
     to bottom right,
     rgba(72, 72, 212, 0),
     rgba(0, 0, 0, 0.75)),
     url('../images/header-background.jpg'
  ) center center no-repeat;
  background-size: cover;
}

/******************************************************************************/
/*   03. Video                                                                */
/******************************************************************************/
.basic-1 {
  padding-top: 6.375rem;
  padding-bottom: 6.875rem;
  background: linear-gradient(
    to bottom left,
    rgba(72, 72, 212, 0),
    rgba(0, 0, 0, 0.75)),
    url('../images/video-background.jpg'
  ) center center no-repeat;
  background-size: cover;
}

/******************************************************************************/
/*   04. Back To Top Button                                                   */
/******************************************************************************/
a.back-to-top {
  position: fixed;
  z-index: 999;
  right: 0.75rem;
  bottom: 0.75rem;
  display: none;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 1.875rem;
  background: #cfd200 url("../images/up-arrow.png") no-repeat center 47%;
  background-size: 1.125rem 1.125rem;
  text-indent: -9999px;
}

a:hover.back-to-top {
  background-color: #cfd200;
}

/******************************************************************************/
/*   05. Media Queries                                                        */
/******************************************************************************/
@media (min-width: 768px) {
  .p-heading {
  	width: 85%;
  	margin-right: auto;
  	margin-left: auto;
  }
  h1 {
  	font: 700 3.25rem/3.75rem "Montserrat", sans-serif;
  }
}

@media (min-width: 992px) {
  .p-heading {
	width: 65%;
  }
}

/******************************************************************************/