@import "all.min.css";
@import "owl.carousel.min.css";
@import "magnific-popup.css";
@import "ionicons.min.css";
@import "flaticon.css";
@import 'https://fonts.googleapis.com/css?family=Montserrat:100i,300,400,500,600,700,800,900&display=swap';
@import 'https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,900&display=swap';
*::-moz-selection {
  background: #ef0d33;
  color: #fff;
  text-shadow: none
}
::-moz-selection {
  background: #ef0d33;
  color: #fff;
  text-shadow: none
}
::selection {
  background: #ef0d33;
  color: #fff;
  text-shadow: none
}
body {
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  line-height: 2;
  padding: 0;
  margin: 0;
  color: #000
}
a, .btn {
  -webkit-transition: all .5s ease-out 0s;
  -moz-transition: all .5s ease-out 0s;
  -ms-transition: all .5s ease-out 0s;
  -o-transition: all .5s ease-out 0s;
  transition: all .5s ease-out 0s
}
a:focus {
  text-decoration: none !important
}
a:focus, a:hover {
  color: #ef0d33;
  text-decoration: none !important
}
a, button, input {
  outline: medium !important;
  color: #fff
}
.uppercase {
  text-transform: uppercase
}
h1, h2, h3, h4, h5, h6 {
  font-family: work sans, sans-serif;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  color: #050809
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit
}
label {
  font-weight: 400
}
h1 {
  font-size: 52px;
  line-height: 62px
}
h2 {
  font-size: 44px;
  line-height: 54px
}
h3 {
  font-size: 40px;
  line-height: 61px
}
h4 {
  font-size: 24px;
  line-height: 36px
}
h5 {
  font-size: 20px;
  line-height: 30px
}
h6 {
  font-size: 18px;
  line-height: 26px
}
.container-fluid {
  padding: 0 100px
}
.container {
  max-width: 1170px
}
.iq-fw-1 {
  font-weight: 100
}
.iq-fw-2 {
  font-weight: 200
}
.iq-fw-3 {
  font-weight: 300
}
.iq-fw-4 {
  font-weight: 400
}
.iq-fw-5 {
  font-weight: 500
}
.iq-fw-6 {
  font-weight: 600
}
.iq-fw-7 {
  font-weight: 700
}
.iq-fw-8 {
  font-weight: 800
}
.iq-fw-9 {
  font-weight: 900
}
.iq-ls-1 {
  letter-spacing: 1px
}
.iq-ls-2 {
  letter-spacing: 2px
}
.iq-ls-3 {
  letter-spacing: 3px
}
.iq-ls-4 {
  letter-spacing: 4px
}
.iq-ls-5 {
  letter-spacing: 5px
}
.iq-ls-6 {
  letter-spacing: 6px
}
.iq-ls-7 {
  letter-spacing: 7px
}
.iq-ls-8 {
  letter-spacing: 8px
}
.iq-ls-9 {
  letter-spacing: 9px
}
.overflow-h {
  overflow: hidden
}
section {
  position: relative;
  background: #fff;
  padding: 100px 0;
  display: inline-block;
  width: 100%;
  clear: both
}
.overview-block-ptb {
  padding: 100px 0
}
ul {
  margin: 0;
  padding: 0
}
hr {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  display: block;
  width: 100%;
  border-top: 0;
  line-height: 1px
}
.main-color {
  color: #ef0d33
}
.text-white {
  color: #fff
}
.text-black {
  color: #050809
}
.text-gray {
  color: #000
}
.text-light-gray {
  color: #000
}
.main-bg {
  background: #ef0d33
}
.gray-bg {
  background: #eee
}
.gray-light-bg {
  background: #eee
}
.black-bg {
  background: #050809
}
.parallax {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  position: relative;
  z-index: 0;
  background-origin: initial;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-attachment: fixed !important
}
.bg-over-black-10:before {
  background: rgba(5, 8, 9, .1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-20:before {
  background: rgba(5, 8, 9, .2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-30:before {
  background: rgba(5, 8, 9, .3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-40:before {
  background: rgba(5, 8, 9, .4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-50:before {
  background: rgba(5, 8, 9, .5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-60:before {
  background: rgba(5, 8, 9, .6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-70:before {
  background: rgba(5, 8, 9, .7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-80:before {
  background: rgba(5, 8, 9, .8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-85:before {
  background: rgba(5, 8, 9, .75);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.bg-over-black-90:before {
  background: rgba(5, 8, 9, .9);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}
.button {
  padding: 10px 30px;
  background-color: #ef0d33;
  color: #fff !important;
  display: inline-block;
  cursor: pointer;
  border: none
}
.button:hover {
  color: #fff;
  background-color: #050809
}
.btn-black {
  background-color: #050809;
  color: #fff
}
.btn-black:hover {
  color: #fff;
  background: #ef0d33
}
input, input.form-control, .form-control {
  width: 100%;
   border: 1px solid #b5b5b5; 
  height: 52px;
  padding: 0 20px;
  margin-bottom: 0;
  border-radius: 0;
  background: #fff;
  color: #000;
}
input[type=checkbox], input.form-control[type=checkbox] {
  margin-top: .5rem;
  background: #fff;
  height: auto;
  border: 1px solid #33e2a0;
  border-radius: 0
}
  {
  color: #ebebeb
}
::-moz-placeholder {
  color: #ebebeb
}
:-ms-input-placeholder {
  color: #ebebeb
}
:-moz-placeholder {
  color: #ebebeb
}
textarea.form-control {
  height: 230px;
  padding: 15px 30px
}
input:hover, input.form-control:hover, input:focus, input.form-control:focus, textarea.form-control:hover, textarea.form-control:focus, select:hover, select:focus, select.form-control:focus, textarea:focus, textarea:hover {
  border: 1px solid #ef0d33;
  box-shadow: none;
  outline: none
}
.section-title {
  margin-bottom: 60px
}
.section-title .title {
  display: inline-block;
  width: auto;
  position: relative
}
.section-title .title:before {
  width: 10px;
  content: "";
  height: 38px;
  background: #ef0d33;
  position: absolute;
  left: -20px;
  bottom: 12px
}
.title-bottom h1 {
  position: absolute;
  font-family: oswald;
  font-size: 100px;
  font-weight: 700;
  bottom: 0;
  color: #fff;
  -webkit-text-stroke-color: #e9e9e9;
  -webkit-text-stroke-width: 1px;
  margin: 0;
  line-height: 100px;
  -webkit-text-fill-color: transparent
}
.title-bottom h1.right {
  right: 50px
}
.title-bottom h1.left {
  left: 10px
}
.gray-bg .title-bottom h1 {
  -webkit-text-stroke-color: #dfe3e6
}
#loading {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999
}
#loading img {
  width: 320px
}
#back-to-top {
  display: inline !important
}
#back-to-top .top {
  z-index: 999;
  position: fixed;
  margin: 0;
  color: #fff;
  background: #050809;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 999;
  font-size: 26px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
#back-to-top .top:hover {
  background: #ef0d33;
  color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1)
}