@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: #1ea5de;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #1ea5de;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #1ea5de;
    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: #666
}

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: #1ea5de;
    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: #4054a3
}

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;
    font-size: 35px;
}

.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: 50px 0 100px;
    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: #1ea5de;
}

.text-white {
    color: #fff
}

.text-black {
    color: #050809
}

.text-gray {
    color: #666
}

.text-light-gray {
    color: #666
}

.main-bg {
    background: #1ea5de
}

.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(0, 2, 81, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.bg-over-black-85:before {
    background: rgba(64, 84, 163, .5);
    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: #000251;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    border: none
}

.button:hover {
    color: #fff;
    background-color: #050809
}

.btn-black {
    background-color: #1ea5de;
    color: #fff
}

.btn-black:hover {
    color: #fff;
    background: #4054a3
}

input,
input.form-control,
.form-control {
    width: 100%;
    border: 1px solid #e4e4e4;
    height: 52px;
    padding: 0 20px;
    margin-bottom: 0;
    border-radius: 0;
    background: #fff;
    color: #ebebeb
}

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 #1ea5de;
    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: #1ea5de;
    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: #1ea5de;
    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)
}