@charset "UTF-8";

/*
Theme Name: SHC
Theme URI: https://
Author: Arifin N
Author URI: https://smart-house-concept.com
Description: Smart House Concept Theme
Version: 1.0
*/

/*------------------------------------------------------------------
[Table of contents]

1. INIT VARIABLE
2. HEADER
    2.1. Top Menu
    2.2. Sidebar Menu
    2.3. Mobile Menu
3. NAVIGATION
4. FOOTER
5. HOME PAGE
    5.1. Welcome Text
    5.2. Our Services
    5.3. Subscribe Newsletter
    5.4. Testimonials
    5.5. Contact Us
    5.6. Blog
6. BLOG PAGE
    6.1. Home Blog
    6.2. Single Blog
7. AUTHOR PAGE
8. SIDEBAR
    8.1. Search Form
9. ABOUT PAGE
-------------------------------------------------------------------*/


/*--- 1. INIT VARIABLE---*/

@font-face {
    font-family: "Gotham Thin";
    src: url("assets/fonts/gotham/Gotham-Thin.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url("assets/fonts/gotham/Gotham-Medium.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham Light";
    src: url("assets/fonts/gotham/Gotham-Light.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham Book";
    src: url("assets/fonts/gotham/Gotham-Book.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham Bold";
    src: url("assets/fonts/gotham/Gotham-Bold.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham Book Italic";
    src: url("assets/fonts/gotham/Gotham-BookItalic.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Gotham Light Italic";
    src: url("assets/fonts/gotham/Gotham-LightItalic.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Manu";
    src: url("assets/fonts/manu/Manu-ScriptShort.otf") format("opentype");
    font-display: swap;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html, body{
    height: 100%;
    /*overflow-x: hidden; */
}

body{
    font-family: "Gotham";
    overflow-x: hidden;
}

.bg-gray{
    background-color: #F4F4F4;
}
.bg-black{
    background-color: #000 !important;
    color: #fff !important;
}
.bg-icon{
    background: #505050;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 10px 12px 13px 12px;
}

.font-gotham-book{
    font-family: "Gotham Book";
}

.font-gotham-thin{
    font-family: "Gotham Thin";
}
.font-gotham-light{
    font-family: "Gotham Light";
}
.font-gotham-book-italic{
    font-family: "Gotham Book Italic";
}
.font-gotham-light-italic{
    font-family: "Gotham Light Italic";
}
.font-gotham-light{
    font-family: "Gotham Light";
}
.font-gotham-bold{
    font-family: "Gotham Bold";
}
p{
    font-size:15px;
}
.h1, h1{
    font-size:2.3rem !important;
}
.mb-dot5{
    margin-bottom:.5rem;
}

.right-offset-20{
    margin-right: -20%;
}

.modal-dialog{
    max-width: 100%;
    margin: auto;
}

.modal-content{
    height: 100vh;
    border-radius: 0;
    background-color: transparent;
}

.modal-backdrop.show{
    opacity: .9;
}

.modal-footer{
    border: none;
}

.btn-{
    text-decoration: none;
    color: #000;
    background-color: #fff;
    /* padding: 10px; */
    padding: 3px 5px !important;
    border-radius: 20px;
    font-weight: bold;
    transition: all .2s;
    font-size: 12px;
    -webkit-appearance: none;
}

.btn-:hover{
    opacity: .8;
    color: #000;
    text-decoration: none;
}

.nav-link {
    display: block;
    padding: .4rem 1rem;
}

.title-slider{
    font-family: "Manu";
}

.navbar{
    z-index: 9;
}

.title-slider{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.title-slider h1{
    display: inline-block;
    color: #00A99D;
    background-color: rgba(0, 0, 0, 0.5607843137254902);
    padding: 5px 20px;
    font-family: "Manu";
}

.img{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.img:hover.img-transition {
    -webkit-transform: scale(0.95); 
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.animate-img-wrapper{
    position: relative;
    margin: auto;
    overflow: hidden;
}

.animate-img-wrapper img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.animate-img-wrapper:hover img {
  transform: scale(1.1);
}

/* Language */
.navbar span.language li:first-child{
    margin-bottom: 15px;
}

.navbar span.language li:last-child{
    margin-top: 15px;
}

.navbar span.language li{
    list-style-type: none;
    text-transform: uppercase;
    color: #888e95 !important;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
    background-color: #000;
}

.navbar span.language li a{
    color: #888e95;
    text-decoration: none;
}

.navbar span.language li.current-lang{
    border: 2px solid #7cd625;
}

.navbar span.language li.current-lang a{
    color: #fff;
}

/* .desktop .navbar-nav{
    background-color: rgba(255, 255, 255, 0.46);
} */

.desktop .main-menu:hover{
    /*background-color: rgba(80, 80, 80, 0.55);*/
    background-color: rgba(80, 80, 80, 0.79);
}

.desktop .navbar-nav .nav-link{
    color: #fff;
    font-family: "Gotham";
    font-size: 14px;
    padding: .1rem;
}

.wrapper-hover{
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
}

.main-menu:hover > .wrapper-hover{
    display: inline-block;
    width: auto;
    opacity: 1;
    visibility: visible;
}

/* Mobile Nav */
.mobile-lang{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-lang li{
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    line-height: 26px;
}

.mobile-lang li:first-child{
    margin-right: 10px;
}

.mobile-lang li{
    list-style-type: none;
    text-transform: uppercase;
    color: #888e95 !important;
    border: 2px solid #fff;
    padding:5px;
    border-radius: 50%;
    font-size: 14px;
    background-color: #000;
}

.mobile-lang li.current-lang{
    border: 2px solid #7cd625;
}

.mobile-lang li.current-lang a{
    color: #fff;
    text-decoration: none;
}

.mobile-lang li a{
    color: #888e95;
    text-decoration: none; 
}

.bg-color-{
    background-color: #3c4c28;
}

section.faq .line-right{
    border-right: 1px solid #000;
}

.faq-content a.show[aria-expanded="true"] {
    display: none !important;
}

.contact-footer{
    padding-bottom: 115px !important;
}

.faq-content .accordion{
    padding: 40px 0;
}

.faq-content .img-faq{
    object-fit: cover;
    max-height: 210px;
}