@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');

/* @font-face {
  font-family: "Apple";
  src: url(../font/sfpro/truetype/SFProDisplay-Thin.ttf) format("truetype");
}

@font-face {
  font-family: "AppleBold";
  src: url(../font/sfpro/truetype/SFProDisplay-SemiBold.ttf) format("truetype");
} */

@font-face {
    font-family: "HK Grotesk";
    src: url(../font/hk-grotesk/HKGrotesk-Regular.otf) format("truetype");
  }


header {
    height: 74px;
}
body {
    /* font-family: 'Titillium Web',sans-serif !important; */
    /* font-family: 'Apple', sans-serif; */
    font-family: 'HK Grotesk';
    overflow-x: hidden;
    width: 100vw;
}

@keyframes fadeIn {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes fadeOut {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
    
}

.fade-out{
    animation: fadeOut 2s ease-out 9s;
}


.popup-container{
    position:fixed;
    z-index:999; 
    background-color:#2C2C2C;
    border-radius:5px; 
    top:35%; 
    left:38%;
    animation: fadeIn 2s ease-out 0s;
}

.popup-image{
    width:25vw;
    height:45vh;
}

.font_black{
    color:#000 !important;
    font-size: 2.5rem !important;
}

.post_footer_container{
    margin-top: 32px; 
    display: inline-flex; 
    gap: 32px; 
    font-family: 'Titillium Web',sans-serif;
}

.post_footer_image_container{

}

.post_footer_image{

}

.company_baner{
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 24px;
}

.post_footer_text{
    margin-top: 8px; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end;
}

.post_footer_text_header{
    width: 100%; 
    text-align: left;
}

.post_footer_numbers_container{
    padding: 16px; 
    background-color: #f4f5f6 !important; 
    display: inline-flex; 
    gap: 16px; 
    align-items: center;
}

.two_numbers{
    display: flex !important; 
    flex-direction: column;
}

.two_number{
    font-size: 1.5rem;
    margin:0 !important; 
}

.post_footer_numbers{
    padding: 16px; 
    background-color: #f4f5f6 !important; 
    display: inline-flex; 
    gap: 16px; 
    align-items: center;
}

.post_footer_number{
    margin-top: 0.5rem;
}

.post_footer_number_icon{
    width:40px;
    height:40px;
}

.header_font{
    font-family: 'Titillium Web',sans-serif;
    color:#fff;
    font-weight: 800;
    font-size: 4rem;
   /* text-shadow: 2px 2px rgba(2, 117, 216, 0.15); */
   text-shadow: 2px 2px rgba(0,0,0,0.7);
}

.font_bold {
   /*  font-family: 'AppleBold', sans-serif; */
   font-family: 'Titillium Web',sans-serif;
}
h1 {
    font-size: 2.5rem;
}
h3 {
    font-size: 1.2rem;
}
a {
    color: #6bf;
}
section {
    overflow-x: hidden;
}
strong {
    font-weight: 900!important;
}

.my-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

ul.my-menu > li > a {
    color: #000 !important;
}

.separate_section{
    display: none;
}

a.my-underline {
    cursor: pointer;
}

a.my-underline:hover{
    text-decoration: underline !important;
}

a.my-hover{
    cursor: pointer !important;
}

a.my-hover:hover{
    color: #0275d8 !important;
}

.text-black{
    font-size: 1.2rem;
    color:#000 !important;
    font-weight: bold;
}

.text-black-light{
    font-size: 1.2rem;
    color:#000 !important;
    font-weight: normal;
}

.sticky {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 74px;
    line-height: 50px;
    background-color: #2c2d2c !important;
}
.container {
    overflow-x: hidden;
}
.special_href {
    color: #fff;
}
.special_href:hover {
    color: #fff;
    text-decoration: underline;
}
.separate_section {
    position: relative;
    background-color: #fff;
    height: 5px;
}
.separate_section_remove {
    position: absolute;
    left: 33.333%;
    background-color: #000;
    height: 5px;
    width: 33.333%;
}
.separate_section_alt {
    position: relative;
    background-color: #000;
    height: 5px;
}
.separate_section_remove_alt {
    position: absolute;
    left: 33.333%;
    background-color: #fff;
    height: 5px;
    width: 33.333%;
}
#preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    top: 0;
}
.active {   
    color: rgba(255,255,255,.75) !important;
}

.my-navbar{
    min-height: 74px !important;
    background-color: #f4f5f6;
}

.navbar {
    /* background-color: #2C2C2C; */
    padding: 0;
}
.navbar-nav {
    max-height: 50px;
    display: table;
    margin: 0 auto;
}
.nav-item {
    display: table-cell;
    padding: 0 35px;
}
.nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
}
.slider {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
.slider_photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70vh;
}
.full_screen {
    min-height: calc(100vh - 50px);
}
.slider_white {
    background-color: #FAFAFA;
    color: #000;
    text-align: center;
    padding: 20px 0;
}
.padding_section_bottom {
    padding-bottom: 120px;
}
.padding_section_top {
    padding-top: 80px
}
.font_regular {
    font-size: 1.2rem;
}
.bg-muted {
    background-color: #FAFAFA;
}
.box-left {
    padding-right: 10px;
}
.box-right {
    padding-left: 10px;
}
.bg-photo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.offer_padding {
    padding-bottom: 300px;
}
.bg_footer {
    background-color: #F5F5F7;
}
.text-muted {
    color: #888 !important;
}
.font-small {
    font-size: .8rem;
}
.gallery_photo {
    height: 364px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: zoom-in;
}
@media (min-width: 1024px){
    .offer_img {
    height: 300px;
}
}

footer.page-footer .footer-copyright {
    background-color: #313131;
}
.slider_subpage {
    filter:grayscale(0.5);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25vh 0;
    text-align: center;
}
.section_padding {
    padding: 60px 0;
    text-align: center;
}
.icon_size {
    font-size: 3rem;
}
.subpage_title, .subpage_subtitle {
    background-color: rgb(255,255,255, 0.11);
    padding: 5px;
}

.subpage_subtitle{
    color: #fff;

}

.subpage_title_blog{
    background-color: rgb(255,255,255, 0.35);
}

.btn-primary {
    background-color: #313131 !important;
}
.form-check-input[type="checkbox"]:checked + label::before, label.btn input[type="checkbox"]:checked + label::before {
    border-right: 2px solid #313131;
    border-bottom: 2px solid #313131;
}
.md-form input[type="date"]:focus:not([readonly]), .md-form input[type="datetime-local"]:focus:not([readonly]), .md-form input[type="email"]:focus:not([readonly]), .md-form input[type="number"]:focus:not([readonly]), .md-form input[type="password"]:focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form input[type="search"]:focus:not([readonly]), .md-form input[type="tel"]:focus:not([readonly]), .md-form input[type="text"]:focus:not([readonly]), .md-form input[type="time"]:focus:not([readonly]), .md-form input[type="url"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #313131;
    border-bottom: 1px solid #313131;
}
.md-form input[type="date"]:focus:not([readonly]) + label, .md-form input[type="datetime-local"]:focus:not([readonly]) + label, .md-form input[type="email"]:focus:not([readonly]) + label, .md-form input[type="number"]:focus:not([readonly]) + label, .md-form input[type="password"]:focus:not([readonly]) + label, .md-form input[type="search-md"]:focus:not([readonly]) + label, .md-form input[type="search"]:focus:not([readonly]) + label, .md-form input[type="tel"]:focus:not([readonly]) + label, .md-form input[type="text"]:focus:not([readonly]) + label, .md-form input[type="time"]:focus:not([readonly]) + label, .md-form input[type="url"]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas {
    color: #313131;
}
.md-form label {
    color: #313131 !important;
}
.info {
    background: white;
    position: absolute;
    top: 0;
    left: 40%;
    border: 2px solid green;
        border-top-color: green;
        border-top-style: solid;
        border-top-width: 2px;
    border-top: 0;
    border-radius: 3px;
    padding: 10px;
    z-index: 99999999;
}
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {
    .navbar-nav {
        max-height: 100%;
        display: flex;
    }
    .nav-item {
        display: table-cell;
        padding: 5px 15px;
        text-align: center;
    }
    .sticky {
        display: block;
    }
    .offer_padding {
        padding-bottom: 0;
    }
}
@media (max-width: 767.98px) {
    .h1-responsive {
        font-size: 250%;
    }
}
@media (max-width: 575.98px) {

    .header_font{
        font-size: 2rem;
    }

    h1 {
        font-size: 2.5rem;
    }

    .popup-container{
        top:25%; 
        left:10%;
    }

    .popup-image{
        width:80vw;
    }

    .slider {
        padding-top: 80px;
    }
    .padding_section_bottom {
        padding-bottom: 0px;
    }
    .font_regular {
        font-size: 1rem;
    }
    .h1-responsive {
        font-size: 200%;
    }
    .h5-responsive {
        font-size: 100%;
    }

    .post_footer_image_container{

    }
    
    .post_footer_image{
        width: 88px;
    }
    
    
    .post_footer_text{
        margin-top: 8px; 
        display: flex; 
        flex-direction: column; 
        justify-content: flex-end;
    }
    
    .post_footer_text_header{
        font-size: 1.5rem;
    }
    
    .post_footer_numbers_container{
        padding: 16px; 
        background-color: #f4f5f6 !important; 
        display: inline-flex; 
        gap: 16px; 
        align-items: center;
    }
    
    .two_numbers{
        padding:6px !important;
    }


    .post_footer_numbers{
        gap: 4px; 
        padding:8px;
    }
    
    .post_footer_number{
        font-size:1.2rem;
    }
    
    .bigger{
        width:32px !important;
        height:32px !important;
    }

    .post_footer_number_icon{
        width:24px;
        height:24px;
    }
}