.card-footerGIU {
	display:block;
	position:fixed;
	bottom:10px;
	right:10px;
}
.giuIMG img{
	display:block;
	position:relative;
	height:100%;
	width:100%;
	margin:auto 0;
	padding:1%;
}
.card-pct{
	display:block;
	min-height:100%;
	background:white;
	border-radius:8px;
	box-shadow:1px 5px 7px 0px #999
}
.spasi {
	margin:1% 0%;
	padding:1%;
}
.judul {
	font-size:20px;
}
.profile {
	font-size:18px;
}
.harga, .giu-p {
	font-size:14px;
}
.rows {
    display: grid;
  grid-template-columns: 48% 48%;
  width: 100%;
  grid-gap: 4%;
}
.aGiuImg .giuIMG img{
	max-height:200px;
}
.maingiu ul, .maingiu ol, .maingiu li{
padding:0 4%;
}
.card-box-img{
	box-shadow:0 1px 2px #eef;
	border-radius:5px;
}
.card-box {
	box-shadow:0 1px 3px #eee;
	border-radius:5px;
	background-color:#fff;
	padding: 1% 3%;
	margin: 2% 0;
}
#main-footer {
	display:block;
	position:relative;
	bottom:-80px
}
footer {
	border-top:1px solid gold;
	padding:20px 0;
}
#main-footer img, .custom-logo {
	border-radius:10px;
}
#main-footer {
  background: #347928;
  color: #fff;
  min-height: 100px;
  padding-top: 1%;
  position: relative;
  display: block;
  bottom: 0;
  margin-bottom: -80px;
  margin-top: 20px;
}
.giu_form img {
  height: 155px;
  margin: 10px;
  background-color:#0a385e;
  border-radius:10px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  position:relative;
}
#login {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display:block;
}
.giu_form {
  width: 400px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  position:relative;
  background-color:white;
  box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2);
  padding:3%;
}
#giuBG ul, #giuBG ol, #giuBG li{
list-style-type: none;
padding:5px;
}
#main-foter ul, #main-foter ol, #main-foter li{
list-style-type: none;
margin: 0.5%;
padding: 0.5%;
}
.wp-giunav a {
	margin:0% 1%;
}
.nav-row {
	display: grid;
	grid-template-columns:10% 20% 60% 10%;
	width:100%;
	z-index: 999;
}
.nav-row3 {
	display: grid;
	grid-template-columns:13% 87%;
	width:100%;
	z-index: 999;
}
.w-icon img{
	height:10%
}
.fo-copy {
	text-align:center;
}
.top {
	display:block;
	position:relative;
	bottom:30px;
	float:right;
	right:30px;
	box-shadow:0 1px 1px 2px #eee;
	border-radius:8px;
	padding:10px;
}
.gridtheme {display: grid;grid-template-columns:20% 80%;width:100%;}
.gridmenu-giu{
display: grid;grid-template-columns:16.5% 16.5% 16.5% 16.5% 16.5% 16.5%;margin-bottom:10px;width:100%;margin-left:auto;margin-right:auto;
}
.grid-giuLY{
display: grid;grid-template-columns:22% 22% 22% 22% 22%; width:110%;padding:10px 0;grid-gap:1%;
}
.grid-giuADS{
display: grid;grid-template-columns:20% 20% 20% 20% 20%;
 width:96%;
 grid-gap:1%;
}
.w-icon img{
width:auto;
padding:5px 0;
}
.GiuCardMenu {
Background: white;
margin:1% 0%;
display: flex;
flex-direction: column;
align-items: center;
color: black;
border-radius: 6px;
width: 100%;
height: 21em;
font-family: arial ;
font-size: 14px;
text-decoration: none;
transition: background-color 0.1s ease-in-out;
box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2);
z-index:0;
}
.GiuIconMNG{
font-size:14px;
border:2px solid #fff;
border-radius: 100%;
padding:2px 3px;
}
.GiuCardMenu img{
border-radius: 6px 6px 0 0;
height: 18em;
z-index:0;
}
.GiuCardMenuA a:hover{
color:white;
transition: transform 0.1s ease-in-out;
transform: scale(1.1);
}
.GiuCardMenuA i {
font-size:30px;
}
.GiuCardMenuA a {
Background: none;
margin-top:10px;
margin-left:auto;
margin-right:auto;
display: block;
padding:1.5em 1%;
width:90%;
height:7em;
flex-direction: column;
align-items: center;
border-radius: 10px;
font-family: arial ;
font-size: 12px;
text-decoration: none;
transition: background-color 0.1s ease-in-out;
box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2);
}
.cardGiuImagine {
margin: 0px;
align-items:center;
justify-content: center;
width:100%;
max-height: 230px; }
.GiuTextMenu {background-color:white;width:100%;text-align: center; font-size:14px;display:block;position:relative;margin-top:0;margin-bottom:auto;}
.GiuImagine {border-radius: 10px 10px 10px 10px; width: 100%; height:250px;}
.GiuMenu1 {
background: none;
margin: 1%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
float: left;
color: white;
border-radius: 10px;
height: auto;
flex-grow: 1;
overflow: hidden;
font-weight: bold;
text-decoration: none;
 }
 .boxright .ra {
font-weight:bold;
margin:0 0 0 20px;
}
a{
color: #007bff;
  text-decoration: none;
}
a:hover {
text-decoration: none;
}
.cardGiuMNIcon1 { background: none; display: flex; flex-direction: column; align-items: center; justify-content: center;  width: auto;  height: auto;   transition: background-color 0.1s ease-in-out;  border-radius: 10px;  margin-bottom: 5px; font-size: 70px;}

.cardGiuMNIcon1:hover { background: white;  color: #5372E6; }

.GiuIconMNi1 { font-weight: bold; background-size: cover;   border-radius: 10px;  margin: 0%;   }

.Giu-iTextMN1 { color: white; font-size: 12px;  text-align: center; margin-bottom: 1%; }
.texttittle6 { color: black; font-weight: bold; text-align: left;  font-size: 20px;   margin-top: 0px; margin-bottom: 0px; margin-left: 5%; }
.texttittle7 { color: grey;  text-align: left;  font-size: 10px; margin: 0px 0px;  margin-top: 0px; margin-bottom: 5px; margin-left: 5%; }
.lainya { margin-top: 0px; float: right;  margin-bottom: 5px; font-weight: bold; border-radius: 10px; justify-content: center; align-items: center;  display: flex; width: 60px !important; background: none; margin-right: 10px; color: #5372E6; display: block; font-size: 70% !important;   text-align: center; display: inline-block;  transition: background-color 0.3s ease-in-out; text-decoration: none; }

.lainya:hover { display: inline-block; color: white; background: #5372E6;  transition-duration: 0.2s;  transition: background-color 0.1s ease-in-out; text-decoration: none; }

.item-nearby-row { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);  float: left;  border-radius: 10px; background: white; width: 100px; height: auto; margin-left: 15px !important; margin-right: 0px !important;  justify-content: center; align-items: center;  display: flex;  flex-direction: column;  flex-grow: 1; min-width: 30px; max-width: 100px; overflow: hidden;  font-family: arial ;  text-decoration: none;   transition: background-color 0.1s ease-in-out;  }

.item-nearby-link { width: 100%; text-decoration: none; color: black; }
.item-nearby-image {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); width: 92% !important; border-radius: 15px; margin-top: 4% !important; margin-left: 4% !important; margin-right: 4% !important; }

.item-nearby-image {box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3);  border-radius: 10px; width: 90% ! important; margin: 5% !important; }

.item-nearby-title { white-space: nowrap; width: 96% !important;  height: auto;  margin-bottom: 0px;  margin-top: 5px; margin-right: 2% !important;  margin-left: 5px !important;  color: #292929;  display: inline-block; font-size: 12px !important; text-align: left; overflow: hidden !important; text-overflow: ellipsis !important; }

.item-nearby-distance { margin-bottom: 0px; font-weight: bold; border-radius: 10px; display: flex; width: 95% !important; background: none; margin-left: 5px; color: grey; background: none; display: block; font-size: 12px !important;   text-align: left;}

.item-nearby-status-note { display: none !important; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);  margin-left: 12.5px; margin-right: 12.5px;  width: 100px !important;  float: right; margin-top: -140px;  border-radius:  25px; opacity: 99%; height: auto; background: #FFC700;  color: #32385D;
 font-size: 70%;  align-items: center; justify-content: center;  overflow: hidden;
  font-weight: bold;
  text-align: center;
  top: 0; }
.item-nearby-status-open { display: show !important;margin-bottom: 5px; font-weight: bold; border-radius: 10px; justify-content: center; align-items: center;   width: 60px !important; background: none; margin-left: 5px; color: #5372E6; font-size: 13px !important;   text-align: left;
}
.item-row {box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2) !important; float: left;  border-radius: 10px; background: white; width: 26.66%; height: auto; margin-left: 5% !important; margin-right: 0px !important; margin-top: 5px !important; margin-bottom: 5px !important; justify-content: center; align-items: center;  display: flex; flex-direction: column;  flex-grow: 1; min-width: 50px; max-width: 26.66%; overflow: hidden;  text-decoration: none;   transition: background-color 0.1s ease-in-out;   }
.item-link { width: 100%; text-decoration: none; color: black; }
.item-image { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3);  border-radius: 10px; width: 90% ! important; margin: 5% !important;  }
.item-title { white-space: nowrap; text-align: left;  width: 96% !important; overflow: hidden; margin-right: 2%; margin-top: 5px; margin-left: 5%; color: #2e2e2e; display: block;  font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.item-price {font-weight: bold; margin-left: 5%; text-align: left;  margin-bottom: 5px; color: #5372E6; display: block; font-size: 12px !important; }
#item-10 { display: none !important;  }
.card {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
border-radius: 10px 10px 10px 10px;
 background: white;
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 flex-grow: 1;
 overflow: hidden;
 font-family: arial ;
  font-size: 20px;
  text-decoration: none;
  transition: background-color 0.1s ease-in-out; }
  .c-card {
    box-shadow: 0 1px 3px #C0C0c0;
  	border-radius:10px;
  	margin:5px;
  	padding:2px;
}
  .cardlain {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #5372E6;
margin-left:2%;
 margin-right:2%;
 width:96%;
 max-width:96%;
height: auto;
 display: flex;
 flex-direction: column;
 flex-grow: 1;
 min-width: 50px;
 overflow: hidden;
 font-family: arial ;
  font-size: 20px;
  text-decoration: none;
  border-top-right-radius:18px;
  border-top-left-radius:18px;
  margin-top:5px;
  padding:1% 0 1% 0;
  background-color:#fff;
  }
.cardlains {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #5372E6;
width: 94%;
height: auto;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
font-family: arial ;
font-size: 20px;
text-decoration: none;
border-top-right-radius:18px;
border-top-left-radius:18px;
margin:3%;
padding:2px 0;
background-color:#fff;
  }
.card a:hover { background-image: linear-gradient(to right,  green 10%,  #00ff00 80%); color: white;}
.GiuTextPartner:hover{
background-image: linear-gradient(to right, #344BA1 10%, #5372E6 80%); color: white;
}
.GiuTextPartner {font-size: 80%; font-weight: bold; margin-top: 5px; margin-bottom: 5px;text-align:center;}
.GiuImagePartner {width: 100%;}
.BgNavbar { display: flex;  align-items: center; border-radius: 0px; position: fixed; top: 0;  background-image: linear-gradient(to right, #344BA1 10%, #5372E6 80%);
 overflow: auto;  overflow: value; width: 100%; height: 50px; }

.nav2 {align-items: center; justify-content: center;   width: 65%; height: 30px; border-radius: 0px 0px 10px 10px;  background-color: none;;
color: white; }
.nav2:hover {text-decoration: none;  color: #eaeaea;
 }
.nav3 {margin-right: 15px;  align-items: center; justify-content: center; margin: 10px;  width: 65%; height: 30px; border-radius: 0px 0px 10px 10px;  background-color: none; color: white;
}
.nav3:hover { text-decoration: none;  color: #eaeaea; }
.nav2__icon2 { width: auto; }
.nav3__icon3 { width: auto; }
.giunavbottom {
border-radius:0 20px 20px 0px;
display: block;
position: fixed;
height:92%;
width:19%;
padding:2%;
background: white;
margin:0.8% 0;
}
.GiuMenu3:hover {background: none; color: whitesmoke;
 transition: transform 0.1s ease-in-out; transform: scale(1.05);}
.cardGiuMNIcon3 {
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  font-size: 20px;
  color: #000;
  margin-bottom: 0px;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.Giu-iTextMN3 {
  font-size: 12px;
  text-align: left;
  margin: -3em 0 0px 70px;
  color:green; }
  .Giu-iTextMN3:hover {
  transition: transform 0.1s ease-in-out;
transform: scale(1.1); }
.GiuMenu3S {
margin: 1%;
}
.GiuMenuRight {
justify-content: center;
display: flex;
position: relative;
background: none;
margin-top: -30px;
margin-bottom: 0px;
right: 1%;
width: 18%;
flex-direction: column;
align-items: center;
float: right;
color: white;
border-radius: 10px;
height: auto;
flex-direction: column;
flex-grow: 1;
text-decoration: none;
transition: background-color 0.1s ease-in-out; }
 .cardGiuMNIcon3S {
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  font-size: 20px;
  color: #000;
  margin-bottom: 0px;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.cardGiuMNIconRight {
  border: 3px #00ff00 solid;
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  font-size: 20px;
  color: #00ff00;
  margin-bottom: 0px;
  background: white;
  border-radius:50%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.cardGiuMNIcon3:hover {
background: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
color: white;
transition: transform 0.1s ease-in-out;
transform: scale(1.1);}
.cardGiuMNIcon3S:hover {
background: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
color: white;
transition: transform 0.1s ease-in-out;
transform: scale(1.1);}
.Giu-iTextMN3S { color: white; font-size: 12px;  text-align: center; margin-bottom: 0px; }
.agiu{
 font-size:20px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: bold;
 text-decoration: none;
 transition: background-color 0.1s ease-in-out;
 color:white;
 }
 marque{
 z-index:-1;
 }
 .maingiu {
 margin-left: 0%;
  margin-right: 0%;
  width: 100%;
  max-width: 100%;
  top: 0;
  display:block;
  position:relative;
 }
 #giuBG {
display:block;
 }
 #giuSt {
display:block;
 }
#navgiu {
  width:40%;
  margin-left:auto;
margin-right:auto;
  text-align:center;
  z-index:1;
 }
 #giuBG form{
 position: relative;
  display: flex;
 }
 #giuBG button{
 border:none;
  text-align: center;
   background: white;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 16px;
 }
 #giuBG input{
 color:#000;
 border-radius: 5px 0 0 5px;
 }
 .cardGIU {
 background: none;
 overflow: hidden;
 text-decoration: none;
 align-items: center;
  position:relative;
 }
.navfixed {
width: 100%;
display: flex;
}
#bannerGIU {
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
margin-top:5%;
}
h1, h2, h3, h4, h5, h6 {
  margin: 3% auto auto auto;
  }
img{
max-width:100%;
}
.search {
  position: relative;
  float:right;
  right:0%;
  width: 100%;
  box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
  border-radius:10px;
  margin:5px 0;
}
.searchTerm {
  border: none;
  border-right: none;
  height: 30px;
  outline: none;
  width:100%;
  min-width:30em;
}
.searchTerm:focus{
  color: #00B4CC;
}
.searchButton {
  width: 30px;
  height: 30px;
  border: none;
  text-align: center;
  color: #000;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 16px;
}
.wrap{
  z-index:1;
}
.notif {
background: white; color: #344BA1;  margin-top: -10px; width: 18px;
height: auto; border-radius: 50%;  text-align: center;
justify-content: center; item-align: center; font-size: 12px;
}
#girdGIU {
}
.grid-item {
  text-align: center;
  margin:0 5px;
}
.giuicon {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
background-size: cover;
background-image: linear-gradient(to right, green 10%,  green 80%);
font-weight:bold;
position:relative;
border-radius: 100%;
padding:1%;
font-size:18px;
text-align: center;
}
.giu_left{
display:block;
margin:3%;
}
.giu_lac{
display:block;
}
.cardicon a:hover{
color: white;
transition: transform 0.1s ease-in-out;
transform: scale(1.2);
}
#mainCARD{
display:block;
position:relative;
margin:10px 0;
}
.giubox{
  position: relative;
  display: flex;
  float:left;
  overflow: auto;
  width:96%;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
  border-bottom:1px solid #eee;
  color:black;
}
#MAINGLODIATECH {
background-color:#eee;
}
.boxleft{
width:50%;
float:left;
color:black;
padding-left:10px;
text-align:left;
}
.boxright {
width:50%;
display:block;
position:relative;
border-radius:10px;
float:right;
}
.boxright a{
color:#777;
padding:2px 15px;
float:right;
}
.boxcenter a{
display:block;
position:relative;
color:white;
background-color:green;
box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
padding:2px 15px;
text-align:center;
border-radius:10px;
}
.boxcenter{
display:block;
position:relative;
width:auto;
margin-left:auto;
margin-right:auto;
}
.sticky-giu{
display:block;
position:absolute;
top:0;
width:100%;
background-size: cover;
background-image: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
height:3rem;
border-radius:0 0 8px 8px;
box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
}
.giuTexta {
color:gold;
}
.sticky {
  position: fixed;
  width:100%;
  top: 0;
background-color:#347928;
z-index:99;
margin-left:auto;
margin-right:auto;
}
.sticky a{
color:white;
}
.card3__link {
display: flex;
float: left;
width: 40%;
 }
.card3__link:hover { background: none; }
.card32__link:hover { background: none; }
.card32__link {
display: flex;
width: 60%;
float: right;
}
wa {
   background-color:green;
      box-shadow: 0 1px 3px #C0C0c0;
  	border-radius:10px;
  	padding:10px;
  	margin:10px 20px;
  	}
  	.c-card {
    box-shadow: 0 1px 3px #C0C0c0;
  	border-radius:10px;
  	margin: 45px 0;
  	padding:20px;
  	z-index:2;
}
  wa a {
      color:white;
      font-size:14px;
  }
#diamond{
margin:0 0 0 25px;
color:white;
}
.jos {
  display: flex;
  overflow: auto;
  text-align:center;
 }
.jos::-webkit-scrollbar-thumb {border-radius: 5px; }
.jos::-webkit-scrollbar-track {}
.jos > .card  {
  flex-shrink: 0;
  width:100%;
  height:150px;
  margin: 0 0 10px 10px;
  background: transparent;;
  position: relative;
  display: block;
  overflow: hidden;
}
.jos .card {
	width:90%;
	text-align:center;
	margin: 0 0 10px 10px;
	border-radius:8px;
	max-height:115px;
}
.has-icon-left .fa {
color:#000;
}
@keyframes mtop {
	from {top: -199%;}
  to {top: 0;}
}
/* Navbar */
.navbar-brand {
    display:block;
    font: 25px Viga;
}
.tombol {
    border-radius: 40px;
    text-transform: uppercase;
}
.grid-row1{
display: grid;grid-template-columns:auto auto; width:100%;margin:2.5em 0em;
}
.giu-q{
display:block;
position:absolute;
top:0;
width:100%;
background-size: cover;
background-image: linear-gradient(to right, white 10%,  white 80%);
height:12rem;
border-radius:0 0 8px 8px;
box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
}
@media only screen and (max-width: 991px) and (min-width: 501px){
.nav-row {
	display: grid;
	grid-template-columns:10% 80% 10%;
	width:100%;
}
#giuBG .wrap2 {
	display: none;
}
.grid-giuLY{
display: grid;grid-template-columns:30% 30% 30% 30% 30%; width:150%;
}
.sticky-giu{
display:block;
position:absolute;
top:0;
width:100%;
background-size: cover;
background-image: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
height:12rem;
border-radius:0 0 8px 8px;
box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
}
.ab {font-size:0.5em;}
.sticky-giu{
width:100%;
}
.sticky {
  width:100%;
  right:1%;
left:0%;
top:0%;
  }
.ab {font-size:0.5em;}
.gridtheme {display: grid;grid-template-columns:100%;width:100%;margin:auto;}
.gridmenu-giu{
display: grid;grid-template-columns:33% 33% 33%;margin-bottom:10px;width:100%;margin-left:auto;margin-right:auto;
}
.grid-giuADS img{
max-height:120px;
}
.grid-giuADS{
display: grid;grid-template-columns:50% 50%;
width:100%;
 grid-gap:0%;
 margin:1% 0;
}
.giunavbottom {
border-radius: 20px 20px 0px 0px;
display: flex;
background: linear-gradient(to right, #010c4a 10%, #5372E6 80%);
filter: drop-shadow(0px 1px 6px  rgba(0, 0, 0, 0.08)) drop-shadow(0px -2px 12px  rgba(0, 0, 0, 0.12));
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
z-index:999;
margin:0%;
}
.cardGiuMNIcon3 {
border: none;
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  font-size: 20px;
  color: #fff;
  margin-bottom: 0px;
  background: none;
  border-radius:0%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
.GiuMenu3S {
justify-content: center;
display: flex;
margin-top: -30px;
align-items: center;
float: left;
color: white;
border-radius: 10px;
height: 70px;
flex-direction: column;
flex-grow: 1;
text-decoration: none;
transition: background-color 0.1s ease-in-out; }
.GiuMenu3 {
  background: none;
  margin: 0%;
  width: auto;
  display: block;
  color: white;
  border-radius: 5px;
  height: auto;
  flex-grow: 1;
  text-decoration: none;

  transition: background-color 0.1s ease-in-out;
}
.cardGiuMNIcon3:hover {
background: none;
color: white;
transition: transform 0.1s ease-in-out;
transform: scale(1.1);}
.Giu-iTextMN3 {
font-size: 12px;
  text-align: center;
  margin: 0em 0 0px 0px;
  color:white;
}
 .cardGiuMNIcon3S {
  border: 3px #344BA1 solid;
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 55px;
  font-size: 20px;
  color: #344BA1;
  margin-bottom: 0px;
  background: white;
  border-radius:50%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.search {
  position: relative;
  float:right;
  right:0%;
  width: 100%;
  box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
  border-radius:10px;
  margin:5px 0;
}
.searchTerm {
  border: none;
  border-right: none;
  height: 30px;
  outline: none;
  width:100%;
  min-width:14em;
}
.searchTerm:focus{
  color: #00B4CC;
}
.grid-row1{
display: grid;grid-template-columns:auto; width:100%;margin:0;
}
.navbar-brand, .nav-link {
        display:none;
        color: #ff0000 !important;
        text-shadow:0 1px 2px #ffd600;
    }
}
@media only screen and (max-width: 500px) and (min-width: 300px){
.navfixed {
width: 98%;
display: flex;
margin:1% 1%;
}
.nav-row3 {
	display: grid;
	grid-template-columns:55% 45%;
	width:100%;
	z-index: 999;
}
.nav-row {
	display: grid;
	grid-template-columns:10% 80% 10%;
	width:100%;
}
#giuBG .wrap2 {
	display: none;
}
.rows {
	display:grid;
	grid-template-columns:100%;
	width:100%;
	grid-gap:0%;
}
.sticky-giu{
display:block;
position:absolute;
top:0;
width:100%;
background-size: cover;
background-image: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
height:12rem;
border-radius:0 0 8px 8px;
box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
}
.ab {font-size:0.5em;}
.sticky-giu{
width:100%;
}
.sticky {
  width:100%;
  right:1%;
left:0%;
top:0%;
  }
.ab {font-size:0.5em;}
.gridtheme {display: grid;grid-template-columns:100%;width:100%;margin:auto;}
.gridmenu-giu{
display: grid;grid-template-columns:33% 33% 33%;margin-bottom:10px;width:100%;margin-left:auto;margin-right:auto;
}
.grid-giuLY{
display: grid;grid-template-columns:35% 35% 35% 35% 35%; width:175%;
}
.grid-giuADS{
display: grid;grid-template-columns:50% 50%;
width:100%;
 grid-gap:0%;
 margin:1% 0;
}
.giunavbottom {
border-radius: 20px 20px 0px 0px;
display: flex;
background: linear-gradient(to right, #010c4a 10%, #344BA1 80%);
filter: drop-shadow(0px 1px 6px  rgba(0, 0, 0, 0.08)) drop-shadow(0px -2px 12px  rgba(0, 0, 0, 0.12));
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
z-index:999;
margin:0%;
}
.cardGiuMNIcon3 {
border: none;
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  font-size: 20px;
  color: #fff;
  margin-bottom: 0px;
  background: none;
  border-radius:0%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
.GiuMenu3S {
justify-content: center;
display: flex;
margin-top: -30px;
align-items: center;
float: left;
color: white;
border-radius: 10px;
height: 70px;
flex-direction: column;
flex-grow: 1;
text-decoration: none;
transition: background-color 0.1s ease-in-out; }
.GiuMenu3 {
  background: none;
  margin: 0%;
  width: auto;
  display: block;
  color: white;
  border-radius: 5px;
  height: auto;
  flex-grow: 1;
  text-decoration: none;

  transition: background-color 0.1s ease-in-out;
}
.cardGiuMNIcon3:hover {
background: none;
color: white;
transition: transform 0.1s ease-in-out;
transform: scale(1.1);}
.Giu-iTextMN3 {
font-size: 12px;
  text-align: center;
  margin: 0em 0 0px 0px;
  color:white;
}
 .cardGiuMNIcon3S {
  border: 3px #344BA1 solid;
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 55px;
  font-size: 20px;
  color: #344BA1;
  margin-bottom: 0px;
  background: white;
  border-radius:50%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
overflow: hidden;
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.search {
  position: relative;
  float:right;
  right:0%;
  box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
  border-radius:10px;
  margin:5px 0;
}
.searchTerm {
  border: none;
  border-right: none;
  height: 30px;
  outline: none;
  width:100%;
  min-width:14em;
}
.searchTerm:focus{
  color: #00B4CC;
}
.grid-row1{
display: grid;grid-template-columns:auto; width:100%;margin:0;
}
.navbar-brand, .nav-link {
        display:none;
        color: #ff0000 !important;
        text-shadow: 0 1px 2px #ffd600
    }
}
/* RESPONSIVE */
@media (min-width: 992px) {
    .navbar {
        padding-top: 20px;
    }
    .navbar-brand, .nav-link {
        color: #ff0000 !important;
        text-shadow: 0 1px 2px #ffd600
    }

    .nav-link {
        text-transform: uppercase;
        margin-right: 20px;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
        content: '';
        display: block;
        border-bottom: 3px solid #0B63DC;
        margin: auto;
        margin-bottom: -8px;
        width: 50%;
        padding-top: 5px;
    }
}