/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
    font-family: 'din-next-lt-pro-regular';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/din-next-lt-pro-regular.ttf);
}

*{
	margin:0;
	padding:0;
}

html {
	font-size: clamp(14px, 0.9vw, 18px);
}
html,body {
	height: 100%;
	margin: 0;
}
body{
	font-family: 'din-next-lt-pro-regular', 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height:1.6;
	color:#333;
	margin:0;
	padding:0;
}
a{
	color:#3375b3;
}
a,button{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	outline:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	padding:0;
	margin:0;
}
ul, li{
	list-style:none;
	padding:0;
	margin:0;
	
}
a,button{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
img{
	max-width: 100%;
    height: auto;
}


h1 {
  font-size: clamp(2.4rem, 3vw, 3.2rem);
  line-height: 1.2;
}

h2 {
  font-size: clamp(2rem, 2.5vw, 2.6rem);
  line-height: 1.3;
}

h3 {
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  line-height: 1.4;
}

h4 {
  font-size: clamp(1.6rem, 1.8vw, 2rem);
  line-height: 1.4;
}

h5 {
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
  line-height: 1.5;
}

h6 {
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  line-height: 1.5;
}

/* 4. Text elements */
p {
  font-size: 1rem;
  margin-bottom: 1em;
}

small {
  font-size: 0.875rem;
}

strong {
  font-weight: 600;
}

/* 5. Utility (optional) */
.text-lg { font-size: 1.25rem; }
.text-sm { font-size: 0.875rem; }


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.slicknav_menu{
	display:none;
}

#scrollUp{
	bottom: 20px;
	right: 20px;
	padding: 10px 20px;
	color: #fff;
	font-size: 18px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 48px;
	padding: 0;
	border-radius:2px;
	box-shadow:0px 0px 3px #333;
	border-radius:100%;
	background:#777;
}
#scrollUp:hover{
	background:#6f6f6f;
	color:#fff;
}


/*============================
	Header CSS
==============================*/
.header{
	background:#fff;
	z-index:999999;
}
.header .header-inner.sticky{
	z-index:99999;
	
}
.header .navbar-collapse{
	padding:0;
}

.header .header-inner {
	z-index:999;
	background:#fff;
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	
}
.header .logo {
	float:left;
	padding: 20px 0;
}
.header .logo img{
	max-width:200px;
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;
	float: right;
	padding:10px 0 0 0;
}
.header .nav li{
	margin-right: 12px;
    float: left;

}
.header .nav li:last-child{
	margin:0;
}
.header .nav li a {
	color:#333;
    font-weight: 400;
    padding: 15px 10px 10px 10px;
    position: relative;
    display: inline-block;
}
.header .nav li a i{
	margin-left:5px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .nav li:hover a i{
	transform:rotate(180deg);
}
.header #nav li:hover a{
	box-shadow:none;
	text-shadow:none;
}
.header .nav li.current-menu-item a{
	color: #3375b3 !important;
	border-bottom: solid;
}

.header .navbar .menuButton{
    float: left;
    width: 100%;
    text-align: right;
	margin:10px 0 0 0;
}
.header .navbar .menuButton ul li{
	display:inline-block;
	margin:0 0 0 10px;
}
.header .navbar .menuButton ul li a{
	display: block;
    text-transform: uppercase;
    padding: 7px 20px;
    letter-spacing: 1.25px;
    font-weight: bold;
    line-height: normal;
    font-size: 0.75rem;
}
.header .navbar .menuButton ul li a.conMenu{
	background:#f1c50e;
	color:#000;
}
.header .navbar .menuButton ul li a.disMenu{
	background:#000;
	color:#fff;
}

/* dropdown */
#header .nav li .dropdown{
	background: #fff;
	top:80px;
    width: 220px;
    position: absolute;
    left: -15px;
    z-index: 99;
	border-top:3px solid;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	left:0;
}
#header .nav li .dropdown li{
	float:none;
	margin:0;
}
#header .nav li .dropdown li a{
	padding: 10px 15px;
    color: #333;
    display: block;
}
#header .nav li .dropdown li i{
	float:right;
}


#header .nav li .dropdown li a:before{
	display:none;
}
/* Sticky */
.header .sticky {
	position: fixed;
	width: 100%;
	top: 0;
	animation: fadeInDown 0.8s both 0s;
}
/*===================
	End Header CSS
=====================*/


/*===================
	Error Page
=====================*/
.error {
	background: #fff;
}
.error .error-inner {
	text-align: center;
	padding: 0 280px;
	position:relative;
}
.error .error-inner .wrong {
	position: absolute;
	left: 409px;
	top: 195px;
	height: 40px;
	width: 40px;
}
.error .error-left{
	margin-top:50px;
}
.error .error-left p {
	color: #333;
}
.error .error-left p span{
	font-weight: 700;
	margin-right:5px;
}
.error .error-left .p2{
	color: #333;
	margin-top:20px;
	font-weight: 600;
}
.error .error-left h2 {
	font-weight: 700;
}
.error .error-left .button{
	margin-top:40px;
	text-align:center;
	display:inline-block;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.error .error-left .button .btn::before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.error .error-left .button:hover .btn::before{
	width: 100%;
}
.error .error-left .button .btn:after{
	position:absolute;
	content:"";
	right:0;
	bottom:0;
	height:30px;
	width:2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	
}
.error .error-left .button:hover .btn::after{
	height: 100%;
}
.error .error-left .button span::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 2px;
	width: 40px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.error .error-left .button:hover span::before{
	width: 100%;
}
.error .error-left .button span::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 30px;
	width: 2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.error .error-left .button:hover span::after{
	height: 100%;
}
.error .error-left .btn i{
	margin-right:10px;
}
/*===================
	End Error Page
=====================*/

/*===================
	contact
=====================*/
#contact{
	position:relative;
}
#contact .contact-left {
	background: #fff;
	padding: 30px;
	position: relative;
	top: 52px;
	left: 90px;
	z-index: 99;
	box-shadow: -10px 10px 10px #0000004d;
}
#contact .contact-left h3{
	color:#333;
	border-bottom:1px solid;
}
#contact .contact-left p{
	color:#9f9f9f;
	margin-top:10px;
}
#contact .contact-left .p1 {
	margin-top: 22px;
	margin-left: 10px;
}
#contact .contact-left .p1::before {
	position: absolute;
	content: "";
	left: 31px;
	top: 82px;
	height: 60px;
	width: 2px;
}
/*contact-right*/
#contact .contact-right {
	padding:60px 30px 60px 90px;
}
#contact .contact-right::before {
	position: absolute;
	content: "";
	right: 15px;
	top: 0;
	border: 22px solid #fffc;
	border-top: 22px solid transparent;
	border-right: 22px solid transparent;
	border-radius: 0px 0px 0px 4px;
}
#contact .contact-right::after {
	position: absolute;
	content: "";
	right: 15px;
	top: 0;
	border: 24px solid #F6F6F6;
	border-left: 22px solid transparent;
	border-bottom: 22px solid transparent;
}
.contact .form{
	margin-top:30px;
}
.contact .form .form-group{}
.contact .form input {
	width: 100%;
	height: 46px;
	padding-left: 15px;
	text-transform: capitalize;
	background: none;
	border: none;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.contact .form textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	text-transform: capitalize;
	resize: none;
	background: none;
	color: #fff;
	border: none;
	border: 1px solid #fff;
}
.contact .form .btn {
	color: #333;
	background: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: 10px;;
	
}
.contact .form .btn:hover{
	box-shadow: 2px 8px 8px #0000004d;
	transform:scale(1.05);
}
.contact .form .btn i{
	margin-left:5px;
}

/*===================
	End contact
=====================*/
.txtRight{
	text-align:right;
}
/*===================
	Footer CSS
=====================*/
#footer .subscribe{
    background: #f1c50e;
    color: #000000;
    padding: 50px 0;
}
#footer .subscribe p{
	margin:0;
}
#footer .subscribe h2 {
    font-size: clamp(1.5rem, 2vw, 2.25rem);
    line-height: 1.3;
}
#footer .copyright{
	padding:10px;
	background:#000;
	color:#ffffffc4;
	font-size:14px;
	letter-spacing:1px;
}
#footer .copyright a{
	color:#fff;
	text-decoration:none;
}
	.subscribeBox{
		padding:20px 0;
	}
    .subscribeBox h3 {
        margin-bottom: 10px;
        font-weight: 600;
    }

    .subscribeBox p {
        color: #777;
        font-size: 14px;
        margin-bottom: 0;
    }

    .input-group-addon {
		background: #f1f1f1;
		border: 1px solid #dddddd;
		font-size: 1.15rem;
    }

    .form-control {
        height: 42px;
        border: 1px solid #ddd;
        box-shadow: none;
    }

    .form-control:focus {
        border-color: #4facfe;
        box-shadow: 0 0 5px rgba(79,172,254,0.5);
    }

    .btn-custom {
        height: 42px;
        background: #000;
        border: none;
        color: #fff;
        font-weight: 600;
        transition: 0.3s;
		padding:12px;
    }

    .btn-custom:hover {
        background: #333;
		color: #fff;
    }
/*===================
	End Footer CSS
=====================*/

.menu-item:hover .sub-menu {
    display: block;
}
.menu-item-has-children{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
}
.menu-item-has-children:after {
	content: "\f0d7";
}
.header .nav li.menu-item-has-children a{
	 padding-right: 0;
}

.nav ul.sub-menu {
    background-color: #fff;
    width: 220px;
    border-top: 2px solid #3375b3;

}
.header .nav li a{
	color: #000 !important;
	display:block;
}

.header .nav li a:hover{
	color: #3375b3 !important;
}

.tags li.post_tag a:after{
	content: ",";
}
.tags li.post_tag:last-child a:after{
	content: "";
}
/*=======================
	End Blog
=========================*/

.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}

#topBanner .container-fluid{
	padding:0;
	position:relative;
}

.overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 9;
}
.slideText{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    width: 90%;
    z-index: 99;
	text-align:center;
	color:#fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 4px 12px rgba(0,0,0,0.6);
}
.slideText h2{
    font-size: clamp(1.5rem, 4vw, 5.5rem);
}
.slideText p{
	font-size: clamp(1rem, 1.25vw, 3rem);
}


#Home h2.Title{
	display:block;
	font-size: clamp(1.5rem, 2.5vw, 5.5rem);
	font-weight:bold;
	text-align: center;
	color: #666666;
    padding-bottom: 8px;
	position:relative;
}

#Home h2.Title:after,
#Home h2.Title:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 5px;
	content: "";
	right: 45px; 
	margin:auto;
	background-color: #000;
}
#Home h2.Title:before { 
	background-color:#f1c50e;
	left:45px;
	width:90px;
}
#hilightContent{
	padding: clamp(2rem, 3vw, 5rem);
}
#hilightContent .hilightBox{
	margin:50px 0 0 0;
}
#hilightContent .hilightBox a{
	display:block;
	position:relative;
	overflow:hidden;
}
#hilightContent .hilightBox a p{
	background:#f1c50e;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	padding:7px;
	font-weight:bold;
	letter-spacing:1px;
    border-bottom: double 6px #ffffff;
}

/* Circle */
#hilightContent .hilightBox a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
#hilightContent .hilightBox a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

#aboutUS{
	padding: clamp(2rem, 3vw, 5rem);
	background:#f2f2f2;
}
#aboutUS .aboutBox{
	margin:30px 0 50px 0;
}
#aboutUS .tabBox{
	margin:30px 0 50px 0;
}
.twoColumn {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.twoColumn .colLeft {
  flex: 0 0 30%;
}

.twoColumn .colLeft img {
  width: 100%;
  height: auto;
  display: block;
}

.twoColumn .colRight {
  flex: 0 0 70%;
  padding:0 30px 0 0;
}

.nav-tabs{
	border:none;
}
.nav-tabs>li {
    width: 33.333333%;
}
.nav-tabs>li>a {
	margin-right:0;
    line-height: 1.5;
    border:none;
    border-radius: 0;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    color: #000000;
    border: none;
}
.nav>li>a:focus, 
.nav>li>a:hover {
    text-decoration: none;
    background-color: #979797;
}
.tab-content{
	background:#fff;
	padding:30px;
}
.tab-content h6{
	font-weight:bold;
	margin-bottom:10px;
}
.tab-content ul{
	list-style:disc;
	padding-left:40px;
}
.tab-content ul li{
	list-style:disc;
	margin:0 0 10px 0;
	line-height:1.4;
}
.tab-content ul li strong{
	display:block;
}
#Jetta{
	padding: clamp(3rem, 5vw, 5rem);
	color:#fff;
	text-align:center;
	background: linear-gradient(120deg,  #000000 0%,#000000 50%,#f1c50e 50%,#f1c50e 100%); 
	position:relative;
}
.youtube iframe {
  width: 100%;
  aspect-ratio: 16 / 9; 
  height: auto;
}
#Jetta ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(3rem, 5vw, 5rem);
  padding: 0;
  list-style: none;
}
#Jetta ul li {
  text-align: center;
  position:relative;
}
@media (max-width: 768px) {
  #Jetta ul {
    grid-template-columns: 1fr;
  }
}
.jettaBox{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.jettaBox h2.Title{
	color: #fff !important;
    letter-spacing: 2px;
}
.jettaBox p{
	padding:30px 50px;
	word-break: keep-all;
	overflow-wrap: normal;
}
#Home .jettaBox h2.Title:after{
    background-color: #6b6b6b;
}

#counterBox{
	padding: clamp(3rem, 5vw, 5rem);
	color:#000;
}
#counterBox .stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

#counterBox .item {
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

#counterBox .item.show {
  opacity: 1;
  transform: translateY(0);
}

#counterBox .icon {
  font-size: 40px;
  margin-bottom: 10px;
  display:inline-flex;
  background:#000;
  border-radius:50%;
  padding:15px;
}
#counterBox .icon i{
	color:#fff;
}

#counterBox .counter {
  font-size: clamp(1.5rem, 3vw, 6rem);
  font-weight: bold;
  margin: 10px 0;
}

#counterBox h4 {
	font-size: clamp(1.6rem, 1.5vw, 2rem);
	margin: 10px 0;
}
#counterBox h4 span{
	display:block;
	font-size: clamp(0.9rem, 1vw, 1.25rem);
}

#counterBox p {
  color: #555;
  margin:0;
}

@media (max-width: 768px) {
  #counterBox .stats {
    grid-template-columns: 1fr;
  }
}

#homeBlog{
    background-image: linear-gradient(0deg, rgb(190 225 255 / 10%), rgb(213 236 255 / 10%)), url(assets/images/bgBlog.jpg);
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: clamp(3rem, 5vw, 5rem);
    color: #fff;
    text-align: center;
}
#homeBlog h2.Title {
    color: #000000;
}
.blogContent{
	position:relative;
	margin: 50px 0 0 0;
}
.blogTitle{
	position: absolute;
    bottom: 0;
    width: 94%;
    padding: 0px 15px;
    color: #fff;
    text-align: left;
    z-index: 9;
    border-left: solid 5px;
    left: 3%;
    bottom: 15px;
	line-height:1.5;
}
.blogContent a .overlay{
	opacity:0.5;
	background: rgb(0,0,0);
	background: linear-gradient(360deg, rgba(0,0,0,1) 7%, rgba(0,104,125,0) 37%, rgba(0,212,255,0) 100%);
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blogContent a:hover .overlay{
	opacity:0.9;
	background: rgb(0,0,0);
	background: linear-gradient(360deg, rgba(0,0,0,1) 7%, rgba(0,104,125,0) 37%, rgba(0,212,255,0) 100%);
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#homeNews{
    padding: clamp(3rem, 5vw, 5rem);
}
#homeNews .newsList {
	list-style: none;
	padding: 0;
	margin: 50px 0 0 0;
}
#homeNews .newsList li {
	margin-bottom: 30px;
}
#homeNews .newsCard {
	display: flex;
	gap: 30px;
	text-decoration: none;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	transition: all 0.3s ease;
}
#homeNews .newsCard:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
#homeNews .thumb {
	flex: 0 0 20%;
}
#homeNews .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#homeNews .content {
	flex: 0 0 80%;
	padding: 15px 15px 15px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#homeNews .date {
	font-size: 12px;
	color: #999;
	margin-bottom: 5px;
}
#homeNews .content h4 {
	margin: 0 0 8px;
	color: #222;
	transition: color 0.3s;
}
#homeNews .content p {
	margin: 0 0 10px;
	color: #555;
}
#homeNews .read-more {
	font-size: 13px;
	color: #0d6efd;
	font-weight: 500;
}
#homeNews .newsCard h4 {
	font-size: clamp(1rem, 1.25vw, 2rem);
}
#homeNews .newsCard:hover h4 {
	color: #0d6efd;
	font-size: clamp(1rem, 1.25vw, 2rem);
}

/* responsive */
@media (max-width: 768px) {
	#homeNews .newsCard {
		flex-direction: column;
	}
	#homeNews .thumb,
	#homeNews .content {
		flex: 0 0 100%;
	}
	#homeNews .content {
		padding: 15px;
	}
}

.pageBanner{
	position:relative;
}
.pageBanner .overlay{
	opacity:0.3;
}
.pageBanner h1{
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: clamp(1.5rem, 2.5vw, 5.5rem);
    font-weight: bold;
    color: #fff;
	text-transform: uppercase;
    letter-spacing: 2px;
	z-index:99;
}