/** Last Update: 04.2025 **/

/** lite-menu-3 **/
.lite-menu-3 {
    position: absolute;
    width: 100%;
    z-index: 1000;
}
.lite-menu-3 .navbar.navbar-inverse {
    background-color: inherit;
    padding: 10px 0 20px 0;
    border-bottom: unset!important;
}
.lite-menu-3 .navbar .container {width: 100%;}
.lite-menu-3 .navbar .container .navbar-header {
    float: none;
    text-align: center;
}
.lite-menu-3 .navbar .container .navbar-header .navbar-brand {
    padding: 0;
    float: left;
    margin-left: 40px;
}
.lite-menu-3 .navbar .container .navbar-header .navbar-brand > img {margin: 0;}
.lite-menu-3 .navbar .container .navbar-collapse {
    float: right;
    left: -50%;
    position: relative;
    padding: 0;
}
.lite-menu-3 .navbar .container .navbar-collapse .nav {
    left: 50%;
    position: relative;
    margin: 10px 0 0;
}
.lite-menu-3 .navbar .container .navbar-collapse .nav > li {
    margin: 0 15px;
    padding-bottom: 8px;
    float: none;
}
.lite-menu-3 .navbar .nav > li > a {color: #000000;}
.lite-menu-3 .navbar .nav > li.open > a:hover {color: #000000;}
.lite-menu-3 .navbar .container .navbar-collapse .nav .dropdown > li > a:hover {color: #000000;}
.lite-menu-3 .navbar .container .navbar-collapse .nav li a,
.lite-menu-3 .navbar .container .navbar-collapse .nav li ul {border-radius: 0px;}
.lite-menu-3 .navbar.navbar-inverse .navbar-nav > li > a > b.caret {color: rgba(0,0,0,0.47);}
.lite-menu-3 .navbar.navbar-inverse .navbar-nav > li.active > a > b.caret,
.lite-menu-3 .navbar.navbar-inverse .navbar-nav > li > a:focus > b.caret,
.lite-menu-3 .navbar.navbar-inverse .navbar-nav > li > a:hover > b.caret {color: rgba(0,0,0,0.47);}

.lite-menu-3 .navbar .container .navbar-collapse {overflow-y: auto !important;}
.lite-menu-3 .navbar .container .navbar-collapse .nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/** lite-menu-3 icon **/
.lite-menu-3 .navbar .language_box {
    margin: 0;
    position: absolute;
    top: 38px;
    right: 20px;
}
.lite-menu-3 .navbar .language_box > li > a {
    color: #282F21;
	font-weight: bold;
	text-transform: uppercase;
}
.lite-menu-3 .navbar .search_option {
    position: absolute;
    top: 15px;
    right: 120px;
    color: #282F21;
}
.lite-menu-3 .navbar .search_option .search {
    background: transparent;
    font-size: 20px;
    line-height: 60px;
}
.lite-menu-3 .navbar .search_option form.dropdown-menu {
    position: absolute;
    height: 55px;
    width: 280px;
    padding: 5px;
    border-radius: 0;
    right: 0;
    left: auto;
    top: 50px;
    font-size: 15px;
    box-shadow: none;
    float: none;
    margin: 0;
    background: #fff;
    z-index: 9999999;
    border: 1px solid rgb(0 0 0 / 10%);
}
.lite-menu-3 .navbar .search_option form input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ececec;
    padding: 0 52px 0 10px;
    color: #dedede;
}
.lite-menu-3 .navbar .search_option form button {
    display: block;
    width: 48px;
    background: #ffffff;
    color: #6D6D6D;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
    font-size: 18px;
}
.lite-menu-3 .navbar-toggle {
    display: block;
    background-color: rgba(0,0,0,0.5);
}
.lite-menu-3 .navbar-toggle.menu-zoomOut {
    display: block;
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 100000;
	padding: 15px 10px;
}
.lite-menu-3 .navbar-toggle.menu-zoomOut .icon-bar {background: #ffffff;}

/** lite-menu-3 fixed **/
.lite-menu-3 .navbar.navbar-inverse.navbar-fixed-top {
    position: initial;
    background-color: rgba(175, 197, 190, 0.85);
}

/** lite-menu-3 layout **/
.layout .lite-menu-3 {position: unset;}
.layout .lite-menu-3 .navbar.navbar-inverse {
    background-color: #1e2228;
    border-radius: 0px;
}

/** lite-menu-3 hidemenu **/
.lite-menu-3 .navbar .nav.hidemenu {display: none;}

/** lite-menu-3 advsearch **/
.lite-menu-3.lite-menu-3-advsearch .navbar .advsearch-search {
    border-radius: 4px;
    position: fixed;
    right: 10px;
    padding: 4px 6px;
    width: 40px;
    height: 40px;
    margin: 0;
    z-index: 1;
    border: 2px solid #919191;
    background: #919191;
    bottom: 55px;
    top: unset;
}
.lite-menu-3.lite-menu-3-advsearch .navbar .advsearch-search:hover {
    border-color: #609629!important;
    background-color: #609629!important;
    color: #FAFAFA!important;
}
.lite-menu-3.lite-menu-3-advsearch .navbar .advsearch-search i {
    font-size: 24px;
    color: #FAFAFA;
    line-height: 16px;
    margin: 5px 0 0 1px;
}
.lite-menu-3.lite-menu-3-advsearch .navbar-fixed-top .advsearch-search {bottom: 155px;}


/** slider **/
#theme-main-banner .camera_caption .container > a span.button-left {
    font-weight: 400;
    font-size: 14px;
    padding: 15px 20px;
    color: #282F21;
    background: #FAFAFA;
    border-radius: 4px;
	letter-spacing: 0.5px;
	line-height: 1em;
}
#theme-main-banner .camera_caption .container > a span.button-left:hover {
    color: #000000;
    background: #899F87;
}
.slider-text-1 {
	color: #000000;
	font-weight: 800;
}
.slider-text-2 {
	color: #576D5F;
	font-weight: 200;
	font-size:35px;
	line-height:41px; 
}
#theme-main-banner .camera_caption .container.align-right > a span.button-left {float: right; clear: both;}

@media (max-width: 1200px) {
	 #theme-main-banner .camera_caption .container h1 {
        font-size:38px;
        line-height:46px;
    }
	.slider-text-2 {
		font-size:24px;
		line-height:30px;
	}
	#theme-main-banner .camera_caption .container p {
        font-size:14px;
        line-height:20px;
    }
	#theme-main-banner .camera_caption .container.align-right p {margin:5px 0 10px 0;}
	#theme-main-banner .camera_caption .container a {margin: 0 50px;}
}

@media (max-width: 1199px) {
	.lite-menu-3 .navbar .container .navbar-header .navbar-brand {margin-left:25px;}
}

@media (max-width: 991px) {
    #theme-main-banner .camera_caption .container {padding: 20px!important;}
    #theme-main-banner .camera_caption .container h1 {
        font-size: 45px;
        line-height: 53px;
    }
	.slider-text-2 {font-size:30px; line-height:36px;}
	#theme-main-banner .camera_caption .container p {display: none;}
     #theme-main-banner .camera_caption .container > a span.button-left {padding:12px 15px;}
	.lite-menu-3 .navbar .container .navbar-header .navbar-brand > img {margin:7px 0 0 0;}
}

@media (max-width: 767px) {
    #theme-main-banner .camera_caption .container {
        width: 380px;
        padding: 10px!important;
    }
    #theme-main-banner .camera_caption .container p {
        font-size: 12px;
		line-height: 18px;
    }
}
@media (max-width: 450px) {
    #theme-main-banner .camera_caption .container {display: none;}
}

/** lite-menu-3 mobile **/
.lite-menu-3 .navbar.navbar-inverse.navbar-fixed-top {background-color: unset;}
.lite-menu-3 .navbar .container .navbar-collapse {display: none!important;}
.lite-menu-3 .navbar .container .navbar-collapse.in {
    position: fixed;
    z-index: 10000;
    color: #fff;
    transition: transform .3s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: unset;
    width: 350px;
    padding-top: 12px;
    display: block!important;
    background: rgba(175, 197, 190, 0.85);
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / 35%);
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
}
.lite-menu-3 .navbar .container .navbar-collapse .nav {
    position: unset;
    display: block;
    width: 100%;
}
.lite-menu-3 .navbar .container .navbar-collapse .nav li a {
    margin-bottom: 10px;
    padding: 15px 40px 15px 15px;
}
.lite-menu-3 .navbar .container .navbar-collapse .nav i.fa {
    float: right;
    display: block;
    line-height: 38px;
    width: 50px;
    font-size: 18px;
    color: rgba(0,0,0,0.47);
    position: absolute;
    top: 8px;
    right: 0;
    text-align: right;
    cursor: pointer;
    padding-right: 20px;
}
.lite-menu-3 .navbar .container .navbar-collapse .nav .open li i {line-height: 40px;}
.lite-menu-3 .navbar .container .navbar-collapse .nav .open li a {
    color: #000000;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}
.lite-menu-3 .navbar .container .navbar-collapse .nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub {margin: 10px;}
.lite-menu-3 .navbar .container .navbar-collapse .nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub a {border-bottom: 1px solid rgba(0,0,0,0);}
.lite-menu-3 .navbar .container .navbar-collapse .navbar-brand {margin: 5px 0 20px 10px;}
.lite-menu-3 .navbar .container .navbar-collapse .navbar-brand img {
    margin: 0;
    width: 200px;
}
.lite-menu-3 .navbar .container .navbar-collapse .navbar-search {
    display: block;
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
	background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    border-radius: 5px;
    color: #767676;
    margin: 8px 20px;
}
.lite-menu-3 .navbar .container .navbar-collapse .search-here > input {
    margin-left: 40px;
    width: 240px;
    font-style: initial;
}
.lite-menu-3 .navbar .container .navbar-collapse .search-here > button {
    font-size: 20px;
    padding-left: 15px;
    top: -2px;
}
@media (max-width: 991px) {
    .lite-menu-3 .navbar .container .navbar-collapse { border-top: unset; }
    .lite-menu-3 .navbar .container .navbar-collapse .navbar-brand { padding: 0; margin: 5px 0 20px 20px; }
	.lite-menu-3 .navbar .container .navbar-header .navbar-brand { margin-left: 15px; }
}
/** icon **/
.lite-menu-3 .navbar .language_box {
    top: 37px;
    right: 100px;
}
.lite-menu-3 .navbar .language_box > li.language ul {
    background: #f2f2f2;
	border:none;
	clip-path: inset(0% 0% 0% 0% round 4px 4px 4px 4px);
	right: -10px;
}
.lite-menu-3 .navbar .language_box > li.language ul a {
    color: #686868;
	padding: 8px 4px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.lite-menu-3 .navbar .language_box > li.language ul li:last-child a {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
.lite-menu-3 .navbar .language_box > li.language ul a:hover {
	color: #576D5F;
	background-color: #fafafa;
}
.lite-menu-3 .navbar-toggle.menu-zoomOut {
    /* display: block!important; */
}
.lite-menu-3 .navbar {display: block!important;}
.lite-menu-3 .navbar .container .navbar-collapse .side-language { height: 60px; }
.lite-menu-3 .navbar .side-language .language_box > li > a { color: #282F21; }

@media (max-width: 991px) {
    .lite-menu-3 .navbar.navbar-inverse { padding: 0; }
    .lite-menu-3 .navbar-toggle.menu-zoomOut { top:10px; right:8px; padding:12px 10px; }
    .lite-menu-3 .navbar-toggle.menu-zoomOut .icon-bar { height: 2px; width: 25px; }
    .lite-menu-3 .navbar .language_box { top: 30px; right: 90px; }
	.lite-menu-3 .navbar .language_box.language_outside {display: none;}
}

/** fixed **/
.lite-menu-3 .navbar.navbar-fixed-top .navbar-collapse {max-height: unset;}

/** layout **/
.layout .lite-menu-3 {position: absolute;}
.layout .lite-menu-3 .navbar.navbar-inverse {background-color: unset;}

/** hidemenu **/
.lite-menu-3 .navbar .nav.hidemenu {display: block;}

/** backdrop**/
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(30,34,40,0.7);
    opacity: 0;
    display: none;
}
.backdrop.open {
    /* opacity: 1; */
    /* display: block; */
}

.search-here.navbar-search input:-webkit-autofill,
.search-here.navbar-search input:-webkit-autofill:hover,
.search-here.navbar-search input:-webkit-autofill:focus,
.search-here.navbar-search input:-webkit-autofill:active  {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset;
    transition: background-color 5000s ease-in-out 0s;
}

/** cart **/
.cart_col {
    border-radius: 4px;
    position: fixed;
    right: 10px;
    padding: 4px 6px;
    width: 40px;
    height: 40px;
    margin: 0;
    bottom: 5px;
    z-index: 1;
    border: 2px solid #919191;
    background: #919191;
	color: #FAFAFA;
}
.cart_col:hover {
    border-color: #609629!important;
    background-color: #609629!important;
    color: #FAFAFA!important;
}
.cart_col a > i {font-size: 26px; position: relative; color: #FAFAFA; left: -0.5px;}
.cart_col a:hover > i {color: #FAFAFA;}
.cart_col a > i > span {
    font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
    position: absolute;
    height: 16px;
    width: 16px;
    background-color: #AFC5BE;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    bottom: -6px;
    color: #282F21;
    right: -5px;
}
.navbar-fixed-top .cart_col {bottom: 105px;}
.cart_col.index-cart-none,
.advsearch-search.index-advsearch-none {display: none;}