@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

html,
body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing: 1px;
	color:#6F7A81;
}

.txt-regular {
	font-weight: 400 !important;
	font-style: normal !important;
}

.txt-regular-italic {
	font-weight: 400 !important;
	font-style: italic !important;
}

.txt-bold {
	font-weight: 700 !important;
	font-style: normal !important;
}

.txt-bold-italic {
	font-weight: 700 !important;
	font-style: italic !important;
}

.txt-black {
	font-weight: 900 !important;
	font-style: normal !important;
}

.txt-black-italic {
	font-weight: 900 !important;
	font-style: italic !important;
}

.txt-shadow {
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.bg-clr-white {
	background-color: #ffffff !important;
}

.bg-clr-grey-light {
	background-color: #F9FAFC !important;
}

.bg-clr-red {
	background-color: #DE3F39 !important;
}

.clr-white {
	color:#ffffff !important;
}

.clr-black {
	color:#1D1D1D !important;
}

.clr-grey {
	color:#6F7A81 !important;
}

.clr-red {
	color:#DE3F39 !important;
}

.isBtn {
	cursor:pointer;
}

.trans-all-01s {
	-webkit-transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-out;
	-ms-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
}

.trans-all-02s {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.trans-all-03s {
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.trans-all-05s {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.trans-delay-00s {
	transition-delay: 0s;
}

.trans-delay-02s {
	transition-delay: 0.2s;
}

.trans-delay-04s {
	transition-delay: 0.4s;
}

.trans-delay-06s {
	transition-delay: 0.6s;
}

.trans-delay-08s {
	transition-delay: 0.8s;
}

.trans-delay-1s {
	transition-delay: 1s;
}

.img-container {
	margin: 30px auto;
}

.img-container img {
	width: 100%;
}

.ol-li-container {
	font-weight: 400 !important;
}


/* Nav Start */
.ico-toggler {
	position: relative;
	width: 15px;
	height: 18px;
}

.ico-toggler-bar {
	margin-bottom: 3px;
	width: 15px;
	height: 2px;
	background-color: #ffffff;
}

#sec-nav-main {
	background-color: rgba(222,63,57,0);
}

nav a,
nav a:hover,
nav a:focus,
nav a:visited {
	text-decoration: none;
	outline: none;
}

.navbar-main-btn-group {

}

.navbar-cust {
	
}

.navbar-cust .navbar-toggler {
	border:none;
	border-radius:0px;
	outline:none;
	color: #ffffff;
}

.navbar-cust .navbar-toggler-icon {
	
}

.nav-item {
	margin:auto 10px;
}

.btn-mmenu {

}

.btn-mmenu-sub {
	position: relative;
}

.nav-item-lbl-underline {
	margin: 15px 0px 0px 0px;
	padding:0px;
	width: 35%;
	height: 1px;
	background-color: #ffffff;
	opacity: 1;
}

.nav-item-lbl {
	font-size:18px;
	line-height:20px;
	color:#ffffff;
	opacity: 0.7;
}

.btn-mmenu-sub .nav-item-lbl {
	font-size:16px;
	line-height:18px;
	color:#ffffff;
	opacity: 0.7;
}

.nav-item-lbl:hover,
.btn-mmenu-sub .nav-item-lbl:hover {
	/*font-weight: 900;*/
	opacity: 1;
}

.btn-mmenu.active .nav-item-lbl,
.btn-mmenu-sub.active .nav-item-lbl {
	/*font-weight: 900;*/
	opacity: 1;
}

.navbar-cust.navbar-minimise {
	top:0px;
}

.container-custom {
	z-index:1;
}

.navbar-brand {
	padding-top:0px;
	padding-bottom:0px;
}

.brand-container {
	margin: 0px;
	padding: 20px;
}

.logo-container {
	margin: auto;
	height: 70px;
}

.logo-container img {
	width: auto;
    height: 100%;
}

#path-logo-9lives {
	fill:#ffffff;
	width:100%;
	height:100%;
}

.dropdown-toggle::after {
    display: none;
}

#navbar-main .dropdown-menu {
	border: none;
	background-color: #F1615C;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: anim-dropdown 0.3s ease-out 0s forwards;
    -moz-animation: anim-dropdown 0.3s ease-out 0s forwards;
    -ms-animation: anim-dropdown 0.3s ease-out 0s forwards;
    -o-animation: anim-dropdown 0.3s ease-out 0s forwards;
    animation: anim-dropdown 0.3s ease-out 0s forwards;
}

.dropdown-menu {
    
}

@-webkit-keyframes anim-dropdown {
    0% {
        opacity: 0;
        margin-top: 20px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@-moz-keyframes anim-dropdown {
    0% {
        opacity: 0;
        margin-top: 20px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@-ms-keyframes anim-dropdown {
    0% {
        opacity: 0;
        margin-top: 20px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@keyframes anim-dropdown {
    0% {
        opacity: 0;
        margin-top: 20px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}
/* Nav End */

.section,
.section-sub {
	position:relative;
	padding:80px 0px;
	width:100%;
}

.section-regular {

}

.section.section-regular:nth-child(even) {
	background-color: #ffffff;
}

.section.section-regular:nth-child(odd) {
	background-color: #F9FAFC;
}

.section-container {
}

.row-section-cust {
	
}

.col-section-cust {
	padding: 0px 150px;
}

.section-header {
	margin-bottom: 40px;
}

.section-body {
	
}

.section-footer {
	
}

.section-inner {

}

.section-header-title-bar {
	margin: 0px auto 40px auto;
    padding: 0px;
    width: 130px;
    height: 4px;
    background-color: #DE3F39;
}

.section-header-title {

}

.bg-keyvis-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.8));
}

h1 {
	font-size: 50px;
	line-height: 60px;
}

h2 {
	font-size: 40px;
	line-height: 50px;
}

h3 {
	font-size: 32px;
	line-height: 42px;
}

h4 {
	font-size: 22px;
	line-height: 32px;
}

.w-max {
	max-width: 1000px;
}

.section-body-desc {
	margin-bottom: 60px;
}

.section-inner-wrapper {
	margin-bottom: 100px;
}

.section-inner-wrapper:last-child {
	margin-bottom: 10px;
}

#section-nav.section {
	margin: 0px;
	padding: 0px;
}

#section-footer-navi.section {
	padding-bottom: 0px;
	background-color:#F9FAFC;
	/*border-top:1px solid #c8d1db;*/
}

#section-footer.section {
	padding: 20px 0px;
	background-color:#F9FAFC;
}

/* section: Keyvis Start */

.row-keyvis-cust {

}

.col-keyvis-cust {
	position: relative;
}

.keyvis-tagline-container {
	
}

.keyvis-tagline-HL {
	margin-bottom:20px;
}

.keyvis-tagline-sub {
	margin-bottom:20px;
}
/* section: Keyvis End */

/* section: Intro Start */
.row-intro {
}

.col-intro {
}

.col-intro-body {
	margin-bottom:20px;
}

.intro-title {
    font-size: 26px;
    line-height: 32px;
    color: #ffffff;
}



.intro-desc {
	color:#ffffff;
}
/* section: Intro End */

/* section: Footer Nav Start */
.col-footer-cust {
	display: inline-block;
	vertical-align: top;
}

.col-footer-cust:first-child {
	width: 35%;
}

.col-footer-cust:last-child {
	width: 64%;
}

.row-footer-navi {
}

.col-footer-navi {
	margin-bottom: 30px;
	padding-right:20px;
}

.footer-nav-card-container {
	position: relative;
}

.footer-nav-card {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

	font-size: 14px;
	text-align: left;
}

.col-footer-navi:first-child .footer-nav-card {
	display: inline-block;
	position: relative;
	left: 0%;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);

	text-align: left;
}

.footer-nav-header {
	margin-bottom:20px;
	text-transform: uppercase;
}

.footer-nav-header img {
	width:60px;
}

.footer-nav-body {
	
}

.footer-nav-footer {
}

.footer-nav-footer-item {
}

.footer-nav-footer-item a,
.footer-nav-footer-item a:focus,
.footer-nav-footer-item a:visited {
	color:#ffffff;
	text-decoration:none;
	border:none;
	outline:none;
}

.footer-nav-footer-item a:hover {
	color:#DE3F39;
}

.footer-nav-why {
	max-width:180px;
}

.footer-nav-why-card {
	margin: 5px 0px;
	border-bottom: 1px solid #333333;
}

.footer-nav-why-icon {
	display:inline-block;
}

.footer-nav-why-desc {
	display:inline-block;
}

.footer-navi-sitemap {
}

.btn-footer-navi-sitemap {
	margin-bottom:4px;
}

.btn-footer-navi-sitemap a,
.btn-footer-navi-sitemap a:focus,
.btn-footer-navi-sitemap a:visited {
	color:#6F7A81;
	text-decoration:none;
	border:none;
	outline:none;
}

.btn-footer-navi-sitemap a:hover {
	color:#DE3F39;
}

.footer-body {
	padding: 10px 0px;
    border-top: 1px solid #C8D1DB;
	font-size: 10px;
	line-height: 22px;
	text-align:left;
}

.footer-nav-footer-item .fa {
	margin-right: 4px;
}
/* section: Footer Nav End */

/* Slick Start */
.slider-slick-container {
	margin: 40px auto;
}

.slick-container-custom {

}

.slide-card-container {

}

.slide-card-body {
	margin-bottom: 30px;
}

.slide-list-item {

}

.slide-list-item-tmb {
	margin-bottom: 20px;
}

.slide-list-item-tmb img {
	width: 100%;
}

.slide-list-item-detail {

}

.slide-list-item-title {

}

.slide-list-item-desc {

}

.slick-dots {
	position: relative !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #DE3F39 !important;
    background-color: #DE3F39 !important;
}

.slick-prev:before {
    content: '\2039';
}

.slick-next:before {
    content: '\203A';
}
/* Slick End */

.txt-note {
	font-size: 14px;
	line-height: 18px;
}

.footer-nav-header .txt-note {
	font-size: 10px;
	line-height: 14px;
}

@media (max-width: 480px) {
	html,
	body {
		font-size: 16px;
	}

	h1 {
		font-size: 35px;
		line-height: 45px;
	}
	
	h2 {
		font-size: 25px;
		line-height: 35px;
	}
	
	h3 {
		font-size: 20px;
		line-height: 28px;
	}
	
	h4 {
		font-size: 16px;
		line-height: 22px;
	}

	.section,
	.section-sub {
		padding:40px 0px;
	}

	.section-header,
	.section-header-title-bar {
		margin-bottom: 20px;
	}

	.section-body-desc {
		margin-bottom: 30px;
	}

	.section-inner-wrapper {
		margin-bottom: 40px;
	}

	.slider-slick-container {
		margin: 0px auto;
	}

	.footer-nav-card {
		height:auto;
	}
	
	.footer-nav-header {
		margin-bottom:10px;
		height:auto;
	}
	
	.col-footer-navi {
		margin-bottom:30px;
		padding-right:15px;
		padding-bottom:30px;
		border-bottom:1px solid #C8D1DB;
	}
	
	.col-footer-navi:last-child {
		margin-bottom:0px;
		padding-right:15px;
		padding-bottom:0px;
		border-bottom:none;
	}
	
	.footer-nav-footer {
		position:relative;
	}
	
	.btn-footer-navi-sitemap {
	}

	.footer-body {
		font-size: 10px;
		line-height: 20px;
	}
}

@media (min-width: 481px) and (max-width: 640px) {
	html,
	body {
		font-size: 16px;
	}

	h1 {
		font-size: 45px;
		line-height: 55px;
	}
	
	h2 {
		font-size: 35px;
		line-height: 45px;
	}
	
	h3 {
		font-size: 27px;
		line-height: 37px;
	}
	
	h4 {
		font-size: 18px;
		line-height: 24px;
	}

	.section,
	.section-sub {
		padding:40px 0px;
	}

	.section-header,
	.section-header-title-bar {
		margin-bottom: 30px;
	}

	#section-keyvis.section {
		
	}
	
	.section-body-desc {
		margin-bottom: 30px;
	}

	.section-inner-wrapper {
		margin-bottom: 40px;
	}

	.slider-slick-container {
		margin: 0px auto;
	}
	
	.footer-nav-card {
		height:auto;
	}
	
	.footer-nav-header {
		margin-bottom:20px;
		height:auto;
	}
	
	.col-footer-navi {
		margin-bottom:30px;
		padding-right:15px;
	}
	
	.footer-nav-footer {
		position:relative;
	}

	.footer-body {
		font-size: 10px;
		line-height: 20px;
	}
}

@media (min-width: 641px) and (max-width: 768px) {
	html,
	body {
		font-size: 16px;
	}

	h1 {
		font-size: 45px;
		line-height: 55px;
	}
	
	h2 {
		font-size: 35px;
		line-height: 45px;
	}
	
	h3 {
		font-size: 27px;
		line-height: 37px;
	}
	
	h4 {
		font-size: 18px;
		line-height: 24px;
	}

	.section,
	.section-sub {
		padding:60px 0px;
	}

	.section-header,
	.section-header-title-bar {
		margin-bottom: 30px;
	}

	.section-body-desc {
		margin-bottom: 40px;
	}

	.section-inner-wrapper {
		margin-bottom: 50px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	
}

@media (min-width: 993px) and (max-width: 1200px) {
	
}

@media (min-width: 1200px) {
	
}

@media (max-width:640px) {
	.navbar-cust {
		padding: 0px;
	}
}

@media (max-width: 770px) {
	#sec-nav-main,
    #sec-nav-main.compact {
        background-color: rgba(222,63,57,1);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	}

	#sec-nav-main .brand-container,
	#sec-nav-main.compact .brand-container {
		padding: 10px;
	}
	
	#sec-nav-main .logo-container,
    #sec-nav-main.compact .logo-container {
		width: auto;
		height: 30px;
	}

	.col-footer-cust {
		display: block;
	}
	
	.col-footer-cust:first-child {
		width: 100%;
	}
	
	.col-footer-cust:last-child {
		width: 100%;
	}

	.footer-nav-card {
		display: inline-block;
		left: 0%;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@media (max-width:1024px) {
	
	.navbar-collapse {
		padding: 15px 0px;
		border-top: 1px solid #ffffff;
	}

	.btn-mmenu-sub {
		padding-left: 20px;
	}
}

@media (max-width:1024px) {
	#sec-nav-main,
    #sec-nav-main.compact {
        background-color: rgba(222,63,57,1);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	}

	#sec-nav-main.compact .brand-container {
		padding: 10px;
	}
    
    #sec-nav-main.compact .logo-container {
		height: 30px;
	}

	
}

@media (min-width:991px) {
    #sec-nav-main.compact {
        background-color: rgba(222,63,57,1);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	}
	
	#sec-nav-main.compact .brand-container {
		padding: 10px;
	}
    
    #sec-nav-main.compact .logo-container {
		height: 30px;
	}
    
    
    #sec-nav-main.compact .navbar-brand-logo,
    #sec-nav-main.compact .logo-brand-group img {
        height: 30px;
        width: auto;
    }

    #sec-nav-main.compact .logo-brand-group {
        top:-100%;
    }
    
    #sec-nav-main.compact .navbar-main-btn-group {
        margin-top: 0px;
        border-top: none;
    }
    
    #sec-nav-main.compact .btn-mmenu {
        height: auto;
    }
    
    #sec-nav-main.compact .caption-mmenu {
        color: #313131;
        text-shadow: none;
        font-size:14px;
    }

    #sec-nav-main.compact .lbl-lang {
        font-size:14px;
    }

    #sec-nav-main.compact .btn-mmenu,
    #sec-nav-main.compact .menu-lang-container {
        padding-top:2px;
        padding-bottom:2px;
    }
    
    #sec-nav-main.compact .caption-mmenu:hover {
        color: #93b50a;
    }

    #sec-nav-main.compact .btn-mmenu.active .caption-mmenu {
        color: #ffffff;
    }

    #sec-nav-main.compact .menu-lang-container {
        top:50%;
    }
}