@font-face {
    font-family: "Poppins";
    src: url(../../fonts/poppins/Poppins-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url(../../fonts/poppins/Poppins-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url(../../fonts/poppins/Poppins-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url(../../fonts/poppins/Poppins-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "SF Pro Heavy";
    src: url(../../fonts/SF-Pro-Display/SF-Pro-Display-Heavy.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SF Pro Bold";
    src: url(../../fonts/SF-Pro-Display/SF-Pro-Display-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SF Pro SemiBold";
    src: url(../../fonts/SF-Pro-Display/SF-Pro-Display-Semibold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* variables */
html {
    scroll-behavior: smooth;
    /*scroll-padding-top: 120px;*/
}

/* overrides */
body {
    --bs-body-font-family: Poppins;
    --bs-body-font-size: 19px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 25px;
    --bs-body-color: #ffffff;
    --bs-link-color: #ffffff;
    --bs-link-color-rgb: #ffffff;
    --bs-link-hover-color: #d4d4d4;
    --bs-link-hover-color-rgb: #d4d4d4;
}

a {
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #d4d4d4;
    text-decoration: none;
}

p {
    line-height: 24px;
}


h1 {
    font-family: SF Pro Heavy;
    font-size: 100px;
    line-height: 110px;
    margin-top: 40px;
}

h2 {
    font-family: SF Pro Heavy;
    font-size: 67px;
    line-height: 70px;
    color: #000000;
}

h3 {
    font-family: SF Pro Bold;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 4px;
    margin: 0;
}

h4 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;

}

h5 {
    font-size: 19px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

h6 {
    font-size: 21px;
    line-height: 21px;
    letter-spacing: 12px;
}

.custom-h {
    font-size: 33px;
    font-weight: 700;
}

p {
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 20px;
}

.btn {
    font-family: 'SF Pro Bold';
    padding: 10px 40px;
    font-size: 21px;
    line-height: 21px;
    text-transform: uppercase;
}

.btn-outline {
    font-family: SF Pro Bold;
    font-size: 25px;
    border: 4px solid #ffffff;
    border-radius: 30px;
}

.btn-dark {
    border-radius: 4px;
    background-color: #000000;
    text-transform: uppercase;
}

.btn-dark-sm {
    border-radius: 4px;
    background-color: #000000;
    text-transform: uppercase;
    font-size: 17px;
}

.navbar {
    z-index: 5;
    --bs-bg-opacity: 0.87;
}

.navbar .navbar-toggler {
    border: none;
}

.navbar .navbar-toggler-icon {
    background-image: url('../../aerotime-studio-images/burger.svg');
}

.navbar .navbar-text {
    font-family: SF Pro Heavy;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.navbar ul {
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-container {
    position: relative;
    z-index: 5;
}

.home-content {
    position: relative;
}

.main-block {
    position:relative;
    width: 100%;
    margin: 0 auto;
}

.row-bg-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: 2;
    /*
      background: #ffffff;
      background: -moz-linear-gradient(top,  #ffffff 0%, #000000 100%);
      background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    */
    background: linear-gradient(0, rgb(23,23,23) 0%, rgba(217,217,217,0) 100%);

}

.home-bg {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../../aerotime-studio-images/main-bg.jpg') no-repeat center center transparent;
    background-size: cover;
    z-index: 1;
}

.types-container {
    border-top: 4px solid #ffffff;
    z-index: 5;
}

.types-container > .row > div {
    padding-top: 3%;
    padding-bottom: 3%;
    position: relative;
    background-size: cover;
    min-height: 240px;
    z-index: 5;
}

.types-container .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0,0,0,0.85);
}

.types-container .type-1 {
    background: url('../../aerotime-studio-images/image01397.jpeg') no-repeat center center transparent;
}
.types-container .type-2 {
    background: url('../../aerotime-studio-images/image01392.jpeg') no-repeat center center transparent;
}
.types-container .type-3 {
    background: url('../../aerotime-studio-images/image01407.jpeg') no-repeat center center transparent;
}

.scroll-container {
    background-color: #ffffff;
    z-index: 5;
}


/* section about */


#section-about {
    color: #000000;
}

#section-about .about-img {
    height: 100%;
    width: 100%;
    min-height: 400px;
    background: url('../../aerotime-studio-images/image01403.jpeg') no-repeat center center transparent;
    background-size: cover;
}

#section-about ul {
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#section-about li {

}

#section-about .footer-container {
    font-weight: 600;
    font-size: 12px;
}

/* section contacts */

#section-contacts {
    color: #000000;
}

#section-contacts ul {
    font-family: SF Pro SemiBold;
    font-size: 23px;
    text-transform: uppercase;
    list-style-type: none;
    padding: 0;
}

#section-contacts li {
    padding-top: 10px;
    padding-bottom: 10px;
}

#section-contacts .types-container .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0,0,0,0.30);
}


.form-control, .form-select-container.select2-selection--single, .form-select {
    font-family: SF Pro Bold;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 500;
    height: auto;
    color: #000000;
    padding: 13px 36px 13px 22px;
    background-color: #FFF;
    border: 2px solid #000000;
    border-radius: 6px;
    text-transform: uppercase;
}

.form-control.error, .error.form-select-container.select2-selection--single, .form-select.error {
    color: #FF7222;
    border-color: #FF7222;
    margin-bottom: 4px;
}
.form-control.error::placeholder, .error.form-select-container.select2-selection--single::placeholder, .form-select.error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FF7222;
    opacity: 1; /* Firefox */
}
.form-control.error:-ms-input-placeholder, .error.form-select-container.select2-selection--single:-ms-input-placeholder, .form-select.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF7222;
}
.form-control.error::-ms-input-placeholder, .error.form-select-container.select2-selection--single::-ms-input-placeholder, .form-select.error::-ms-input-placeholder { /* Microsoft Edge */
    color: #FF7222;
}
.form-control.filled, .filled.form-select-container.select2-selection--single, .form-select.filled {
    background-color: #F0F6F8;
}
.form-control::placeholder, .form-select-container.select2-selection--single::placeholder, .form-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder, .form-select-container.select2-selection--single:-ms-input-placeholder, .form-select:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}
.form-control::-ms-input-placeholder, .form-select-container.select2-selection--single::-ms-input-placeholder, .form-select::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

.form-control:focus, .form-select-container.select2-selection--single:focus, .form-control:active, .form-select-container.select2-selection--single:active, .form-select:focus, .form-select:active {
    box-shadow: none;
    border: 2px solid #000000;
    background-color: #ffffff;
    color: #000000;
}

.form-checkbox {
    margin-bottom: 10px;
    display: flex;
}
.form-checkbox .form-check-input {
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 0;
}
.form-checkbox .form-check-input[type=checkbox] {
    border: 2px solid #000000;
    width: 20px;
    height: 20px;
}
.form-checkbox .form-check-input[type=radio] {
    width: 22px;
    height: 22px;
}
.form-checkbox .form-check-input:checked[type=checkbox] {
    background-color: #ffffff;
    border-color: #000000;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%2320ABDE' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");
}
.form-checkbox .form-check-input:focus {
    box-shadow: none;
}
.form-checkbox label {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    margin-left: 10px;
    cursor: pointer;
}
/*
.form-checkbox .form-check-input:checked ~ .form-check-label {
  color: #20ABDE;
}
*/
#section-contacts .types-container .type-1 {
    background-image: url('../../aerotime-studio-images/yes4.jpeg');
}
#section-contacts .types-container .type-2 {
    background-image: url('../../aerotime-studio-images/yes2.jpeg');
}
#section-contacts .types-container .type-3 {
    background-image: url('../../aerotime-studio-images/image00007.jpeg');
}