/* ✦✦✦ OVERALL FORMATING ✦✦✦ */
* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

/* ✦✦✦ WEBKIT FORMATING ✦✦✦ */
::-webkit-scrollbar {
	width: 5px;
	background: black;
}

/* ✦✦✦ WEBKIT SCROLL BAR FORMATING ✦✦✦ */
::-webkit-scrollbar-thumb {
	background: #EAC349;
	border-radius: 20px;
	height: 300px;
}

/* ✦✦✦ WEBKIT SCROLL BAR HOVER FORMATING ✦✦✦ */
::-webkit-scrollbar-thumb:hover {
	background: #999999;
}

/* ✦✦✦ LOADER CONTAINER FORMATING ✦✦✦ */
#loader-container {
	position: fixed;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center;
	vertical-align: middle;
	justify-content: center;
	z-index: 12;
}

/* ✦✦✦ LOADER FORMATING ✦✦✦ */
.loader {
	position: relative;
	display: inline-block;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  top: 45%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(#00f0ff, #00ff88, #ffe600, #ff0055, #8a2eff, #00f0ff);
  animation:
    rotate 2s linear infinite,
    pulse 2s ease-in-out infinite;
}

/* ✦✦✦ LOADER BEFORE & AFTER FORMATING ✦✦✦ */
.loader::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: #000000;
  border-radius: 50%;
}

/* ✦✦✦ LOADER ANIMATION FORMATING ✦✦✦ */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%,
  100% {
    box-shadow:
      0 0 15px rgba(255, 255, 255, 0.3),
      0 0 30px rgba(255, 255, 255, 0.1);
  }
  50% {
    box-shadow:
      0 0 25px rgba(255, 255, 255, 0.5),
      0 0 50px rgba(255, 255, 255, 0.2);
  }
}


/* ✦✦✦ NAVBAR FORMATING ✦✦✦ */
.navbar {
	position: fixed;
	display: inline-flex;
	width: 100%;
	height: 80px;
	background-color: #000000;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	justify-content: space-around;
}

/* ✦✦✦ NAVBAR SUB MENU FORMATING ✦✦✦ */
.navbar-sub-menu-container {
	height: 90%;
	position: relative;
	display: inline-flex;
	justify-content: center;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	transition: 0.5s;
	margin: 0 10px;
}

/* ✦✦✦ NAVBAR SUB MENU BUTTON FORMATING ✦✦✦ */
.navbar-sub-menu-button {
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
	height: 40px;
}

/* ✦✦✦ NAVBAR SUB MENU BUTTON BARS FORMATING ✦✦✦ */
.navbar-sub-menu-bar1, .navbar-sub-menu-bar2, .navbar-sub-menu-bar3 {
	width: 35px;
	height: 5px;
	background-color: #EDE2B8;
	margin: 5px 0;
	transition: 0.4s;
	border-radius: 10px;
}

/* ✦✦✦ NAVBAR SUB MENU BARS ANIMATION FORMATING ✦✦✦ */
.animate .navbar-sub-menu-bar1 {
	-webkit-transform: rotate(-45deg) translate(-8px, 6px);
	transform: rotate(-45deg) translate(-8px, 6px);
}
.animate .navbar-sub-menu-bar2 {
	opacity: 0;
}
.animate .navbar-sub-menu-bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -6px);
	transform: rotate(45deg) translate(-8px, -6px);
}

/* ✦✦✦ NAVBAR LOGO CONTAINER FORMATING ✦✦✦ */
.navbar-logo-container {
	position: relative;
	display: inline-flex;
	height: 95%;
	justify-content: center;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	transition: 0.5s;
}

/* ✦✦✦ NAVBAR LOGO IMAGE FORMATING ✦✦✦ */
.navbar-logo-image {
	position: relative;
	display: inline-flex;
	height: 75px;
	justify-content: left;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	align-items: center;
	transition: 0.5s;
}

/* ✦✦✦ NAVBAR LOGO NAME FORMATING ✦✦✦ */
.navbar-logo-name {
	position: relative;
	display: none;
	width: 200px;
	justify-content: left;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	align-items: center;
	transition: 0.5s;
}

/* ✦✦✦ NAVBAR LOGO NAME H1 FORMATING ✦✦✦ */
.navbar-logo-name-h1 {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #FFFFFF;
	font-family: "Sansation", sans-serif;
	font-size: 25px;
	letter-spacing: 5px;
}

/* ✦✦✦ NAVBAR LOGO NAME BIG FORMATING ✦✦✦ */
.navbar-logo-name-big {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #EAC349;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	letter-spacing: 4px;
}

/* ✦✦✦ NAVBAR MENU FORMATING ✦✦✦ */
.navbar-menu-container {
	position: relative;
	display: none;
	height: 90%;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin: 0 15px;
}

/* ✦✦✦ NAVBAR MENU ITEM FORMATING ✦✦✦ */
.navbar-menu-item {
	position: relative;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	align-items: center;
}

/* ✦✦✦ NAVBAR MENU BUTTON FORMATING ✦✦✦ */
.navbar-menu-button {
	position: relative;
	display: inline-flex;
	padding: 10px;
	margin: 10px;
	font-family: sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	color: #EDE2B8;
	text-decoration: none;
}

.navbar-menu-button i {
	font-size: 14;
	color: #EDE2B8;
}

/* ✦✦✦ NAVBAR MENU BUTTON HOVER FORMATING ✦✦✦ */
.navbar-menu-item .navbar-menu-button:hover {
	color: #EAC349;
	transition: 0.5s;
	text-decoration: underline;
}

/* ✦✦✦ NAVBAR CREATE MENU FORMATING ✦✦✦ */
.navbar-create-menu-container {
	position: relative;
	display: inline-flex;
	height: 90%;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin: 0 10px;
}

/* ✦✦✦ NAVBAR CREATE MENU ITEM FORMATING ✦✦✦ */
.navbar-create-menu-item {
	position: relative;
	display: inline-flex;
	height: 50px;
	justify-content: center;
	align-items: center;
}

/* ✦✦✦ NAVBAR CREATE MENU ICON FORMATING ✦✦✦ */
.navbar-create-icon {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: transparent;
	border: 2px solid #EDE2B8;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	cursor: pointer;
}

/* ✦✦✦ NAVBAR CREATE MENU ION ICON FORMATING ✦✦✦ */
.navbar-create-icon i {
	position: relative;
	display: inline-block;
	font-size: 20px;
	color: #EDE2B8;
	text-align: center;
	vertical-align: middle;
	align-items: center;
	padding: 5px;
}

/* ✦✦✦ NAVBAR CREATE MENU ICON HOVER FORMATING ✦✦✦ */
.navbar-create-icon:hover, .navbar-create-icon:hover i {
	color: #EAC349;
	border-color: #EAC349;
	font-size: 25px;
}

/* ✦✦✦ NAVBAR CREATE MENU BUTTON FORMATING ✦✦✦ */
.navbar-create-menu-button {
  display: none;
  font-family: sans-serif;
  width: 150px; 
  height: 40px;
  padding: 5px 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  color: #333;
  background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%);
  background-size: 250% 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  letter-spacing: 0;
}

/* ✦✦✦ NAVBAR CREATE MENU BUTTON HOVER FORMATING ✦✦✦ */
.navbar-create-menu-button:hover {
  background-position: right center;
  color: #111;
  border: 1px solid #EAC349;
  letter-spacing: 1.5px;
}

/* ✦✦✦ NAVBAR CREATE MENU BUTTON ACTIVE FORMATING ✦✦✦ */
.navbar-create-menu-button:active {
  transform: scale(0.95);
}

/* ✦✦✦ NAVBAR CREATE MENU BUTTON AFTER FORMATING ✦✦✦ */
.navbar-create-menu-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 40px;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-25deg);
  transition: 0.6s;
}

/* ✦✦✦ NAVBAR CREATE MENU BUTTON AFTER HOVER FORMATING ✦✦✦ */
.navbar-create-menu-button:hover::after {
  left: 150px;
}

/* ✦✦✦ NAVBAR SIDEMENU FORMATING ✦✦✦ */
.navbar-sidemenu {
  position:fixed;
  top:80px;
  left:-460px;
  width:420px;
  max-width:90%;
  height:calc(100vh - 80px);
  display:flex;
  flex-direction:column;
  background:rgba(0,0,0,0.5);
  backdrop-filter:blur(30px) saturate(180%);
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  box-shadow:0 25px 80px rgba(0,0,0,.5);
  overflow:hidden;
  z-index:9999;
  transition:.6s cubic-bezier(.23,1,.32,1);
}

/* ✦✦✦ NAVBAR SIDEMENU BEFORE FORMATING ✦✦✦ */
.navbar-sidemenu::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 35%,rgba(255,255,255,.04));
  pointer-events:none;
}

/* ✦✦✦ NAVBAR SIDEMENU ACTIVE FORMATING ✦✦✦ */
.navbar-sidemenu.active {
  left:0px;
}

/* ✦✦✦ NAVBAR SIDEMENU HEADER FORMATING ✦✦✦ */
.navbar-sidemenu-header {
	position: relative;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:left;
  padding:5px 20px;
  text-align: center;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(8,8,8,.45);
  backdrop-filter:blur(20px);
  z-index:2;
  vertical-align: middle;
}

/* ✦✦✦ NAVBAR SIDEMENU LOGO IMG FORMATING ✦✦✦ */
.navbar-sidemenu-logo img {
  width:50px;
  display:inline-block;
}

/* ✦✦✦ NAVBAR LOGO NAME FORMATING ✦✦✦ */
.navbar-sidemenu-logo-name {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	width: 70%;
	justify-content: left;
	vertical-align: middle;
	cursor: pointer;
	text-align: left;
	align-items: center;
	transition: 0.5s;
	padding-left: 5px;
}

/* ✦✦✦ NAVBAR LOGO NAME H1 FORMATING ✦✦✦ */
.navbar-sidemenu-logo-name-h1 {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #FFFFFF;
	font-family: "Sansation", sans-serif;
	font-size: 20px;
	letter-spacing: 5.5px;
}

/* ✦✦✦ NAVBAR LOGO NAME BIG FORMATING ✦✦✦ */
.navbar-sidemenu-logo-name-big {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #EAC349;
	font-family: "Sansation", sans-serif;
	font-size: 12px;
	letter-spacing: 4px;
}

/* ✦✦✦ NAVBAR SIDEMENU BODY FORMATING ✦✦✦ */
.navbar-sidemenu-body {
  flex:1;
  overflow-y:auto;
  padding:10px 20px;
}

/* ✦✦✦ NAVBAR SIDEMENU BODY SCROLLBAR FORMATING ✦✦✦ */
.navbar-sidemenu-body::-webkit-scrollbar {
  width:5px;
}

/* ✦✦✦ NAVBAR SIDEMENU BODY SCROLLBAR TRACK FORMATING ✦✦✦ */
.navbar-sidemenu-body::-webkit-scrollbar-track {
  background:transparent;
}

/* ✦✦✦ NAVBAR SIDEMENU BODY SCROLLBAR THUMB FORMATING ✦✦✦ */
.navbar-sidemenu-body::-webkit-scrollbar-thumb {
  background:#EAC349;
  border-radius:20px;
}

/* ✦✦✦ NAVBAR SIDEMENU NAV FORMATING ✦✦✦ */
.navbar-sidemenu-nav {
  display:flex;
  flex-direction:column;
  gap:5px;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM FORMATING ✦✦✦ */
.navbar-sidemenu-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  padding:5px 5px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  transition:.35s;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM HOVER FORMATING ✦✦✦ */
.navbar-sidemenu-item:hover {
  transform:translateX(5px);
  border-color:rgba(234,195,73,.45);
  background:rgba(255,255,255,.06);
}

/* ✦✦✦ NAVBAR SIDEMENU LEFT FORMATING ✦✦✦ */
.navbar-sidemenu-left {
  display:flex;
  align-items:center;
  gap:10px;
}

/* ✦✦✦ NAVBAR SIDEMENU ICON FORMATING ✦✦✦ */
.navbar-sidemenu-icon {
  width:40px;
  height:40px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s;
}

/* ✦✦✦ NAVBAR SIDEMENU ICON I FORMATING ✦✦✦ */
.navbar-sidemenu-icon i {
  color:#fff;
  font-size:20px;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM HOVER AND ACTIVE FORMATING ✦✦✦ */
.navbar-sidemenu-item:hover .navbar-sidemenu-icon {
  background:rgba(234,195,73,.08);
  border-color:#EAC349;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM HOVER AND ACTIVE I FORMATING ✦✦✦ */
.navbar-sidemenu-item:hover .navbar-sidemenu-icon i {
  color:#EAC349;
}

/* ✦✦✦ NAVBAR SIDEMENU LEFT SPAN FORMATING ✦✦✦ */
.navbar-sidemenu-left span {
  color:#fff;
  font-size:15px;
  font-weight:500;
  letter-spacing:.4px;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM I FORMATING ✦✦✦ */
.navbar-sidemenu-item>i {
  color:#888;
  font-size:15px;
  transition:.3s;
}

/* ✦✦✦ NAVBAR SIDEMENU ITEM HOVER I FORMATING ✦✦✦ */
.navbar-sidemenu-item:hover>i {
  color:#EAC349;
}

/* ✦✦✦ NAVBAR SIDEMENU DIVIDER FORMATING ✦✦✦ */
.navbar-sidemenu-divider {
  height:1px;
  margin:20px 0;
  background:rgba(255,255,255,.08);
}

/* ✦✦✦ NAVBAR SIDEMENU SERVICES H6 FORMATING ✦✦✦ */
.navbar-sidemenu-services h6 {
  color:#EAC349;
  font-size:12px;
  letter-spacing:3px;
  font-weight:600;
  margin-bottom:20px;
}

/* ✦✦✦ NAVBAR SIDEMENU SERVICE GRID FORMATING ✦✦✦ */
.navbar-sidemenu-service-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

/* ✦✦✦ NAVBAR SIDEMENU SERVICE CARD FORMATING ✦✦✦ */
.navbar-sidemenu-service-card {
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  display:inline-flex;
  flex-direction:row;
  gap:10px;
  transition:.35s;
  vertical-align: middle;
}

/* ✦✦✦ NAVBAR SIDEMENU CARD I FORMATING ✦✦✦ */
.navbar-sidemenu-service-card i {
  font-size:20px;
  color:#EAC349;
}

/* ✦✦✦ NAVBAR SIDEMENU CARD SPAN FORMATING ✦✦✦ */
.navbar-sidemenu-service-card span {
  color:#fff;
  font-size:12px;
  line-height:20px;
  vertical-align: middle;
}

/* ✦✦✦ NAVBAR SIDEMENU SERVICE CARD FORMATING ✦✦✦ */
.navbar-sidemenu-service-card:hover {
  border-color:#EAC349;
  background:rgba(255,255,255,.06);
}

/* ✦✦✦ NAVBAR SIDEMENU FOOTER FORMATING ✦✦✦ */
.navbar-sidemenu-footer {
  flex-shrink:0;
  display:flex;
  justify-content:center;
  gap:15px;
  padding:22px 30px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(8,8,8,.45);
  backdrop-filter:blur(20px);
  z-index:2;
}

/* ✦✦✦ NAVBAR SIDEMENU FOOTER A FORMATING ✦✦✦ */
.navbar-sidemenu-footer a {
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  transition:.35s;
}

/* ✦✦✦ NAVBAR SIDEMENU FOOTER A I FORMATING ✦✦✦ */
.navbar-sidemenu-footer a i {
  font-size:20px;
}

/* ✦✦✦ NAVBAR SIDEMENU FOOTER A HOVER FORMATING ✦✦✦ */
.navbar-sidemenu-footer a:hover {
  background:#EAC349;
  border-color:#EAC349;
}

/* ✦✦✦ NAVBAR SIDEMENU FOOTER A HOVER I FORMATING ✦✦✦ */
.navbar-sidemenu-footer a:hover i {
  color:#111111;
}

/* ✦✦✦ FOOTER CONTAINER FORMATING ✦✦✦ */
.footer-container {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url("../images/footer-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 1px solid #252525;
	vertical-align: middle;
}

/* ✦✦✦ FOOTER ITEM UPPER FORMATING ✦✦✦ */
.footer-item-upper {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #555555;
}

/* ✦✦✦ FOOTER LOGO CONTAINER FORMATING ✦✦✦ */
.footer-logo-container {
	position: relative;
	display: inline-block;
	width: 250px;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}

/* ✦✦✦ FOOTER LOGO FORMATING ✦✦✦ */
.footer-logo {
	width: 150px;
	height: 150px;
	position: relative;
	display: inline-block;
	justify-content: center;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	padding: 5px;
}

/* ✦✦✦ FOOTER LOGO NAME FORMATING ✦✦✦ */
.footer-logo-name {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	padding: 5px;
}

/* ✦✦✦ FOOTER LOGO NAME H1 FORMATING ✦✦✦ */
.footer-logo-name-h1 {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #FFFFFF;
	font-family: "Sansation", sans-serif;
	font-size: 25px;
	letter-spacing: 5px;
	text-align: left;
}

/* ✦✦✦ FOOTER LOGO NAME BIG FORMATING ✦✦✦ */
.footer-logo-name-big {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #EAC349;
	font-family: "Sansation", sans-serif;
	font-size: 17px;
	letter-spacing: 3px;
	text-align: left;
}

/* ✦✦✦ FOOTER CONTAINT FORMATING ✦✦✦ */
.footer-containt {
	position: relative;
	display: inline-block;
	width: 90%;
	padding: 10px;
}

/* ✦✦✦ FOOTER CONTAINT TEXT FORMATING ✦✦✦ */
.footer-containt-text {
	position: relative;
	display: inline-block;
	color: #C5C5C5;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	padding: 5px;
}

/* ✦✦✦ FOOTER ITEM MIDDLE FORMATING ✦✦✦ */
.footer-item-middle {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);
}

/* ✦✦✦ FOOTER ITEM SECTION FORMATING ✦✦✦ */
.footer-item-section {
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 90%;
	padding: 5px;
}

/* ✦✦✦ FOOTER ITEM SECTION ODD FORMATING ✦✦✦ */
.footer-item-section:nth-child(odd) {
	width: 90%;
}

/* ✦✦✦ FOOTER ITEM SECTION EVEN FORMATING ✦✦✦ */
.footer-item-section:nth-child(even) {
	width: 90%;
}

/* ✦✦✦ FOOTER CONTAINT CONTACT FORMATING ✦✦✦ */
.footer-containt-contact {
	position: relative;
	display: inline-block;
	text-align: center;
}

/* ✦✦✦ FOOTER CONTAINT CONTACT ODD FORMATING ✦✦✦ */
.footer-containt-contact p:nth-child(odd) {
	color: #EAC349;
	text-transform: uppercase;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/* ✦✦✦ FOOTER CONTAINT CONTACT EVEN FORMATING ✦✦✦ */
.footer-containt-contact p:nth-child(even) {
	color: #C5C5C5;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	padding: 5px;
	text-align: center;
}

/* ✦✦✦ FOOTER CONTAINT SMALL FORMATING ✦✦✦ */
.footer-containt-small {
	position: relative;
	display: inline-block;
	width: 80%;
	color: #EAC349;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	padding: 5px;
	vertical-align: top;
}

/* ✦✦✦ FOOTER CONTAINT SMALL A FORMATING ✦✦✦ */
.footer-containt-small a {
	position: relative;
	display: inline-block;
	color: #C5C5C5;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	padding: 5px;
	text-decoration: none;
	cursor: pointer;
}

/* ✦✦✦ FOOTER CONTAINT SMALL A HOVER FORMATING ✦✦✦ */
.footer-containt-small a:hover {
	color: #EAC349;
	text-decoration: underline;
}

/* ✦✦✦ FOOTER CONTAINT SMALL P FORMATING ✦✦✦ */
.footer-containt-small p {
	position: relative;
	display: inline-block;
	width: 90%;
	color: #C5C5C5;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
}

/* ✦✦✦ FOOTER ITEM LOWER FORMATING ✦✦✦ */
.footer-item-lower {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);
	border-top: 1px solid #555555;
}

/* ✦✦✦ FOOTER CONTAINT BOTTOM FORMATING ✦✦✦ */
.footer-containt-bottom {
	position: relative;
	display: inline-block;
	width: 90%;
	padding: 5px;
	justify-content: space-between;
	vertical-align: middle;
}

/* ✦✦✦ FOOTER SOCIAL MEDIA FORMATING ✦✦✦ */
.footer-social-media {
	position: relative;
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
}

/* ✦✦✦ FOOTER SOCIAL MEDIA A FORMATING ✦✦✦ */
.footer-social-media a {
	position: relative;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	align-items: center;
}

/* ✦✦✦ FOOTER SOCIAL MEDIA FA FORMATING ✦✦✦ */
.footer-social-media .fa {
  padding: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  text-decoration: none;
  background: transparent;
  color: #C5C5C5;
  margin: 5px;
  border: 1px solid #C5C5C5;
  border-radius: 50%;
  cursor: pointer;
}

/* ✦✦✦ FOOTER SOCIAL MEDIA FA HOVER FORMATING ✦✦✦ */
.fa:hover {
    color: #EAC349;
    border-color: #EAC349;
}

/* ✦✦✦ FOOTER SOCIAL MEDIA FA ICON FORMATING ✦✦✦ */
.fa-facebook, .fa-instagram, .fa-youtube-play, .fa-linkedin, .fa-twitter {
	background: transparent;
	color: #C5C5C5;
}

/* ✦✦✦ FOOTER COPYRIGHT FORMATING ✦✦✦ */
.footer-social-copyright {
	position: relative;
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	text-align: right;
}

/* ✦✦✦ FOOTER CONTAINT BIG FORMATING ✦✦✦ */
.footer-containt-big {
	position: relative;
	display: inline-block;
	color: #C5C5C5;
	font-family: "Sansation", sans-serif;
	font-size: 15px;
	margin-top: 5px;
	padding: 5px;
}


/* ╔═══════════════════════════════════════════╗ */
/* ║             RESPONSIVE MEDIA              ║ */
/* ╚═══════════════════════════════════════════╝ */

/* ✦✦✦ RESPONSIVE MEDIA QUERIES 700PX ✦✦✦ */
@media only screen and (min-width: 700px) {
	.navbar-create-menu-container {
		display: inline-flex;
	}

	.navbar-logo-name {
		display: inline-block;
	}

	.navbar-sidemenu-logo-name {
		display: inline-block;
	}

	.footer-containt-small{
		width: 100px;
	}

	.footer-item-section:nth-child(odd) {
		width: 30%;
	}

	.footer-item-section:nth-child(even) {
		width: 60%;
	}

	.footer-containt-bottom{
		display: inline-flex;
	}
}

/* ✦✦✦ RESPONSIVE MEDIA QUERIES 1000PX ✦✦✦ */
@media only screen and (min-width: 1000px) {
	.footer-containt-small{
		width: 150px;
	}
}

/* ✦✦✦ RESPONSIVE MEDIA QUERIES 1200PX ✦✦✦ */
@media only screen and (min-width: 1200px) {
	.navbar-menu-container {
		display: inline-flex;
	}

	.navbar-create-icon {
		display: none;
	}

	.navbar-create-menu-button {
		display: inline-block;
	}

	.navbar-sub-menu-container {
		display: none;
	}

	.footer-containt-small{
		width: 200px;
	}
}


/*==========EXTRA FORMATTING ============*/

/*table{
	border-style: solid;
	border-color: #FFF000;
	border-width: 1px;
}

tr, button{
	border-style: solid;
	border-color: #0006FF;
	border-width: 1px;
}

td{
	border-style: solid;
	border-color: #FF0000;
	border-width: 1px;
}

div, img{
	border-style: solid;
	border-color: #00FF0C;
	border-width: 1px;
}

big, small, h1, h2, h3, h4, h5, h6, p, label{
	border-style: solid;
	border-color: #FF00D2;
	border-width: 1px;
}

hr{
	border-style: solid;
	border-color: #FF9000;
	border-width: 1px;
}*/