:root {
  --c-black: #100826;
  --c-blue: #0053A1;
  --c-light-blue: #2B78BF;
  --c-light-grey: #F6F6F6;
  --box-shadow: 0 14px 28px rgb(0 0 0 / 6%), 0 10px 10px rgb(0 0 0 / 6%);
}

body{
	font-family: 'Rubik', sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 31px;
	color: #1D1E20;
	background: #fff;
}

h1, h2, h3, .headline-2{
	font-family: inherit;
  font-weight: 700 !important;
	margin-bottom: 1.5rem;
  color: var(--c-blue);
}
h1{
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
h2, .headline-2{
  font-size: 2.2rem;
}
h3{ font-size: 1.4rem;}

.headline-2{color: inherit;}

underline{text-decoration: underline;}

img{max-width: 100%;}

a, a:hover{color: inherit; text-decoration: none; transition: all 0.2s ease 0s;}
a, a:hover, a:active, a:focus, button:focus, button:active{color: inherit; text-decoration: none; outline: 0 !important; box-shadow:none !important; outline: 0 !important;}

strong{font-weight: 700;}
.font-weight-medium{font-weight: 500;}

.wp-block-quote{
  font-size: 1.35rem;
  font-style: italic;
}

.bg-black{background-color: var(--c-black);}
.bg-white{background-color: #fff;}
.bg-blue{background-color: var(--c-blue);}
.bg-grey{background-color: var(--c-light-grey);}

.text-black{color: var(--c-black);}
.text-blue{color: var(--c-blue);}
.text-white{color: #fff;}

.btn{
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .05rem;
  font-size: 1rem;
  padding: 1rem 1.5rem;
}

.btn.btn-blue{
	color: #fff;
	background-color: var(--c-blue);
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus{
	background: var(--c-light-blue); !important;
	color: #fff !important;
}

.btn.btn-sm{}
.btn.btn-lg{
  font-size: 1.18rem;
  padding: 1.5rem 2.5rem;
}

.btn > small{
  display: block;
}

.btn[disabled]{
  background-color: #4382bd !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.spacer.spacer-1{display: block; height: 5rem;}
.spacer.spacer-2{display: block; height: 10rem;}
.spacer.spacer-3{display: block; height: 15rem;}

.font-size-sm{font-size: .9rem;}
.font-size-md{font-size: 1.1rem;}
.font-size-lg{font-size: 1.4rem; line-height: 1.4;}
.font-size-xl{font-size: 2rem; line-height: 1.4;}

.airp-p-x{
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}
.airp-p-y{
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.airp-p{
  padding: 7rem !important;
}

.box-shadow{
  box-shadow: var(--box-shadow);
}

@media (min-width: 1200px){
  .container{max-width: 1260px;}
}

.alert{
  color: var(--c-black);
  box-shadow: var(--box-shadow);
  border: 0;
  background: #fff;
}
.alert h2, .alert h3{color: var(--c-black);}
.alert.alert-success, .alert.alert-warning{
  padding-left: 10rem !important;
  text-align: left;
  position: relative;
}
.alert.alert-success:before, .alert.alert-warning:before{
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 10rem;
  text-align: center;
  font-size: 4rem;
  line-height: 1;
  transform: translateY(-50%);
  color: #00a132;
}
.alert.alert-warning:before{
  content: "\f00d";
  color: #ce1616;
}

.alert.hide{display: none;}
.alert{
  animation: popup-alert .2s ease forwards;
}

figure > img{
  height: auto;
}

@keyframes popup-alert {
  0%{
    transform: scale(0);
  }
  90% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/*------------------------------------*\
  WP Blocks
\*------------------------------------*/
.wp-block-image img{height: auto;}
.wp-block-image figcaption{font-size: .9rem;}
.wp-block-columns{
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 782px){
  .wp-block-column:not(:first-child) { margin-left: 5em; }
  .wide > .wp-block-column:not(:first-child) { margin-left: 0; }
}
@media (max-width: 991px){
  .wp-block-column:not(:only-child){flex-basis: 100%!important;}
  .wp-block-column:not(:only-child){margin-bottom: 3rem;}
}
@media (max-width: 781px){
  .wp-block-column:not(:first-child) { margin-left: 0; }
  .order-image{order: 2;}
}


/*------------------------------------*\
	Scrollbar & marking
\*------------------------------------*/

body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {background-color: #fff;}
body::-webkit-scrollbar-thumb {
  background-color: var(--c-blue);
  border-radius: 8px;
  border: 2px solid #fff;
  opacity: 0;
}

::-moz-selection {
  background: rgba(0,83,161,.99);
  color: #fff;
}
::selection {
  background: rgba(0,83,161,.99);
  color: #fff;
}
::-moz-selection {
  background: rgba(0,83,161,.99);
  color: #fff;
}

/*------------------------------------*\
	Forms
\*------------------------------------*/
.form-control{
  border: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #fff;
  height: calc(1.5em + 3rem + 2px);
  padding: 1.5rem 1.75rem;
  font-size: 1.1rem;
  border:0;
}
.form-control:focus{
  /* background: #f1f1f1; */
}
.form-control::-webkit-input-placeholder {color: #9F9CA8; opacity: .6;}
.form-control:-ms-input-placeholder {color: #9F9CA8; opacity: .6;}
.form-control::-moz-placeholder {color: #9F9CA8; opacity: .6;}
.form-control::-ms-input-placeholder {color: #9F9CA8; opacity: .6;}
.form-control::placeholder {color: #9F9CA8; opacity: .6;}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
  background: #fff;
  transition: background-color 5000s ease-in-out 0s;
}

.input-group-text{
  padding: 1.5rem 1.5rem;
  height: calc(1.5em + 3rem + 2px);
  border: 0;
  font-size: 1.1rem;
  background-color: #dbe4ec;
}

label{
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .07rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
}



/*------------------------------------*\
	Header & main menu
\*------------------------------------*/

header{
  position: fixed;
  width: 100%;
  z-index: 90;
  background: #fff;
  transition: all .35s ease;
}
header .navbar-toggler{
  color: #fff;
  position: relative;
  z-index: 100;
}
header.scroll .navbar-toggler, header .navbar-toggler:not(.collapsed), body:not(.home) .navbar-toggler{
  color: var(--c-blue);
}

body.home header{
  background: none;
  margin-top: 7rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
header.scroll{
  background: #fff !important;
  box-shadow: var(--box-shadow);
}
header nav{ height: 100px; }

header .navbar-brand > svg{
  width: 70px;
  height: 57px;
}
header .navbar-brand > svg path{
  animation: letter-fade .2s ease-out forwards;
  opacity: 0;
}
header .navbar-brand > svg path{fill:var(--c-blue);}
header .navbar-brand > svg #airprk path:nth-child(1){animation-delay: .1s;}
header .navbar-brand > svg #airprk path:nth-child(2){animation-delay: .15s;}
header .navbar-brand > svg #airprk path:nth-child(3){animation-delay: .2s;}
header .navbar-brand > svg #airprk path:nth-child(4){animation-delay: .25s;}
header .navbar-brand > svg #airprk path:nth-child(5){animation-delay: .3s;}
header .navbar-brand > svg #airprk path:nth-child(6){animation-delay: .35s;}
header .navbar-brand > svg #dot{animation-delay: .4s;}
header .navbar-brand:hover > svg #dot{fill: #000;}
@keyframes letter-fade {
  0%{
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
body.home header:not(.scroll) .navbar-brand > svg path{fill:#fff;}
body header, body header a{color: var(--c-blue);}
body.home header:not(.scroll), body.home header:not(.scroll) a{color: #fff;}

header .tagline{
  font-size: .95rem;
  letter-spacing: .08rem;
}
.navbar-toggler {
  padding: 0 .4rem;
  font-size: 2rem;
  line-height: 0;
}

header .navbar-nav > li > a{
  font-weight: 500;
  padding: 1rem .8rem;
  position: relative;
  font-size: 1.1rem;
}

header .navbar-nav > li > a:hover:after{
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  height: 20px;
  bottom: 0;
  left: 50%;
  font-size: 1rem;
  animation: icon-up 1s ease-out infinite;
  transform: translate(-5px, 10px)
}
@keyframes icon-up {
  0%{
    opacity: 0;
    transform: translate(-5px, 10px);
  }
  50% {
    opacity: 1;
    transform: translate(-5px, 0);
  }
  100%{
    opacity: 0;
    transform: translate(-5px, 10px);
  }
}

/*------------------------------------*\
	Rating / stars
\*------------------------------------*/
.rating{
  color: #FCB002;
  font-size: 1.4rem;
}
.rating > i{ margin-right: .2rem; }

/*------------------------------------*\
	Pages
\*------------------------------------*/
body:not(.home) > .wrap{
  padding-top: 100px;
}

body.home .page-jumbo{
  padding-top: calc(7rem + 100px);
  margin-top: calc(-100px - 7rem);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-jumbo{position: relative;}

.page-jumbo .text-white *{
  color: #fff !important;
}

.page-jumbo > .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  z-index: -2;
}
.page-jumbo > .overlay{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #0053A1;
  opacity: .7;
}

.page-jumbo ul{
  list-style: none;
  padding: 0;
  columns: 2;
}
.page-jumbo ul > li{
  margin-bottom: 1rem;
}

.page article a{
  font-weight: 500;
  color: var(--c-blue);
}

/*------------------------------------*\
	Steps
\*------------------------------------*/
.steps{position: relative;}
.steps p{margin-bottom: .5rem;}
.steps i{
  font-size: 2.8rem;
  position: relative;
  z-index: 1;
}
.steps > .row{opacity: .6; transition: opacity .25s ease;}
.steps > .row:hover{opacity: 1;}
.steps > .row:not(:last-of-type){
  margin-bottom: 7rem;
}
/* .steps > .row:nth-child(even) > div:first-of-type{
  order: 2;
} */
.steps .divider{
  position: absolute;
  width: 100%;
  transform: translateY(-130px);
  text-align: center;
}
.steps .divider.reverse{
  -webkit-transform: scaleX(-1) translateY(-130px);
    transform: scaleX(-1) translateY(-130px);
}
.steps .divider > svg{width: 80%;}
.steps .divider > svg > path{
  -webkit-animation: dash 30s linear infinite;
  stroke-dasharray: 8;
  stroke-dashoffset: 1000;
  fill: none;
  stroke: #C8C8C8;
  stroke-width: 1px;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

/*------------------------------------*\
	Demo-box
\*------------------------------------*/
#demo{
  max-width: 520px;
}


/*------------------------------------*\
	Request form
\*------------------------------------*/
/* #request{
  padding-top: 6rem;
  padding-bottom: 6rem;
} */





/*------------------------------------*\
	Footer
\*------------------------------------*/
footer .navbar-brand > svg{
  width: 70px;
  height: 57px;
}
footer .navbar-brand > svg path{fill: var(--c-blue);}
footer .tagline{
  font-size: .95rem;
  letter-spacing: .08rem;
  line-height: 1.5;
}
footer > div > .row{height: 100px;}