/*
 Theme Name:   Evviva New
 Template:     hello-elementor
*/

@font-face {
  font-family: 'adam';
  src: url('fonts/adam.cgpro.eot');
  src: url('fonts/adam.cgpro.eot?#iefix') format('embedded-opentype'), url('fonts/adam.cgpro.woff') format('woff'), url('fonts/adam.cgpro.ttf') format('truetype'), url('fonts/adam.cgpro.svg#adam') format('svg');
  font-weight: normal;
  font-style: normal;
}
#menus li a:hover
{
    text-decoration:none;
    transform:none;
    border-color:#fff !important;
}
.sub-menu a:hover
{
    text-decoration:underline;
}
.mega-menu
{
    margin-top:50px;
}
header {
  position: fixed;
  width: 100%;
  z-index: 9998;
  height: 50px;
  top: 0;
  left: 0;
  /* text-align: center; */
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header.bg {
  background-color: rgba(255, 255, 255, 1);
 
}
header .fa-bars {
  cursor: pointer;
  /* color: #8e8dc5; */
  color: #000;
  top: 15px;
  right: 15px;
  position: absolute;
  font-size: 25px;
  /* margin: 1rem; */
}
header img {
  /* bottom: 10px; */
  position: absolute;
  left: 2%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

header .social-icons {
  right: 5px;
  top: 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


header .social-icons .btn {
  color: #000 !important;
  border: 1px solid #000 !important;
  font-size: 16px;
}

.content {
  padding: 50px 15% 50px;
  color: #ffffff;
  position: relative;
}
.content .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
}
#menus {
  position: fixed;
  height: 0;
  /* z-index: 9999; */
  z-index: 9999;
  top: 0 !important; 
  /* right: 0; */
  left: -100%;
  /* top: -100%; */
  /* margin-right: 100%; */
  margin-bottom: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  width: 100%;
}
#menus.show {
  margin-right: 0;
  left: 0px;
  /* top: 0px; */
  visibility: visible;
  /* z-index: 9999; */
  z-index: 9999;
}
#menus #menus-content {
  /* background: #8e8dc5; */
  background: rgba(72, 81, 103, 0.98);
  text-align: center;
  overflow: auto;
	text-transform:uppercase;
	padding-bottom:100%;
	padding-top:40px;
}
#menus #menus-content .content {
  /* padding: 25px 15% 10px; */
  padding: 2%;
}
#menus #menus-content .content .icon,.author .icon {
  position: relative;
  margin-top: 2px;
}
#menus #menus-content .content .icon .fa,.author .icon .fa {
  font-size: 16px;
  line-height: 10px;
  position: relative;
  top: 3px;
}
/* #menus #menus-content .content .icon .fa.fa-instagram {
  height: 11px;
} */
#menus #menus-content .content .copy {
  font-size: 8px;
  letter-spacing: 3px;
  margin-bottom: 50px;
  display: block;
}
#menus #menus-content .content .facebook,.author .facebook {
  margin-left: 20px;
  margin-right: 5px;
}
#menus #menus-content .content ul {
  /* margin-bottom: 50px; */
}
#menus #menus-content .content ul li {
  display: inline-grid;
  padding: 20px 40px;
  
}
#menus #menus-content .content ul li a {
  font-family: 'adam';
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 6px;
  line-height: 20px;
  border-bottom: 1px solid #ffffff;
  text-align: left;
  padding: 1rem;
  margin-bottom: 10px;
}
#menus #menus-content .content ul li ul.sub-menu {
  display: inline-grid;
}
#menus #menus-content .content ul li ul.sub-menu li a {

  font-size:12px;
  letter-spacing: 3px;
  line-height: 25px;
  font-weight: 400;
  text-align: left;
  padding: 16px;
  border: none;
  transition: all .3s ease-in-out;
  margin-bottom: 0px;

}

#menus #menus-content .content ul li ul.sub-menu li {

  display: inline-flex;
  padding: 0px;
  width: 100%;
}
#menus #menus-content .content ul li ul.sub-menu li a:hover {

  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}


#menus #menus-content .content ul li a:hover {
 
  border-bottom: 1px solid #000000;
 
}
#menus #menus-content .content ul li:after {
 
  display: none;
}
#menus #menus-content .content ul li:last-child:after,header.page-header {
  display: none;
}
ul,li,p
{
	margin:0;
	padding:0;
}
.dialog-lightbox-widget
{
	z-index:9999 !important;
	position:relative
}
.elementor-slideshow__footer,.elementor-slideshow__header 
{
	display:none !important
}