body, html{
    background: #fff !important;
    font-family: 'Jost', sans-serif !important;
    overflow-x: hidden !important;

}

p, a, h1, h2, h3, h4, h5, h6, ul, li{
	 font-family: 'Jost', sans-serif !important;
}


#gallery{
  margin-top: 30px; 
}

header{
    padding: 10px 0 0 0;
   position: absolute;
    width: 100%;   
    /* background: #1e1e1e; */
}

.lgo{
	position: relative;
	z-index: 999;
}
.lgo img{
    height: 70px;
}

.prdct-pg {
    padding: 50px;
}
.prdct-pg img{
    width: 100%;
}

.prdct-pg h1{
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.prdct-pg p{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
}



  .menu {
    background: #1e1e1e;
    width: 200px;
    height: 100%;
    padding-left: 70px;
    position: fixed;
    z-index: 100;
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
    right: -150px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #fff;
    top: 0;
  }
  .menu:hover, .menu:focus {
    transform: translate3d(-130px, 0, 0);
    animation-timing-function: 1s ease-in;
  }
  .menu .title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(270deg);
    left: 0;
    font-weight: 800;
    font-size: 15px;
  }

.title i {
  font-size: 30px;
  padding-left: 20px;
}
  .menu .nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 100;
  }
  .menu .nav li {
    padding-bottom: 30px;
    list-style-type: none;
    width: 100%;

  }
  .menu .nav li a {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  .menu .nav li a:hover {
    color: #aaa;
  }
  
  .intro {
    position: absolute;
    top: 30%;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 45px;
    text-align: center;
    font-style: italic;
  }




#section05{
	position: relative;
	margin-top: 100px;
}

#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.hm-lst-link a{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.content-bx-safe{
  padding-right: 50px;
  /* height: 450px;
  overflow-y: scroll; */

}

.content-bx-safe small{
  cursor: pointer !important;
  color: #ac113d !important;
  font-size: 16px !important;
}

.content-bx-safe .rit-img{
	float: right;
	padding: 0 0 15px 25px;
	width: 50%;
	
}

.content-bx-safe h2{
	font-size: 25px;
	color: #a81c3e;
	line-height: 30px;
	font-weight: 600;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

.content-bx-safe p{
	font-size: 12px;
	font-weight: 400;
	color: #000;
	line-height:15px;
	margin: 0 0 5px 0;
	letter-spacing: 0.25px;
  text-align: justify;
}

.inr-midil{
	padding: 20px 0 80px 0;
	/*position: relative;*/
	padding-top: 8%;
  background: #fff;
}

.inr-midil h1{
	font-size: 35px;
	color: #000;
	line-height: 30px;
	font-weight: 600;
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
}

div.ug-thumb-wrapper{
	background: none !important;
    border: 3px solid #1e1e1e;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.lft-menu-safe{
	
    height: 450px;
    overflow-y: scroll;
	margin-bottom: 25px;
}

.lft-menu-safe ul{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#cssmenu > ul > li{
  float: none !important;
}

/*// Basic Button Style*/
#cssmenu > ul > li a {
  box-sizing: border-box !important;
  appearance: none !important;
  background-color: transparent !important;
  border: 2px solid #a81c3e !important;
  border-radius: 0.6em;
  color: #000 !important; 
  cursor: pointer; !important;
  display: flex !important;
  align-self: center !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  margin: 0 25px 10px 0 !important;
  padding: 1.2em 2.8em !important;
  text-decoration: none !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;

  &:hover,
  &:focus {
    color: #fff !important;
    outline: 0 !important;
  }

}
#cssmenu > ul > li a {
  border-color: a81c3e !important;
  border: 1px solid #a81c3e !important;
  border-radius: 0 !important;
  color: #000 !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: color 150ms ease-in-out !important;
  
  &:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 50% 
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 100% !important;
    background: #a81c3e !important;
    z-index: -1;
    transition: width 150ms ease-in-out !important;
  }
  
  &:hover {
    color: #a81c3e !important;
    &:after {
      width: 110%;
    }
  }
}


.btn-whatsapp-pulse{
  position: absolute;
  right: 7%;
  color: #fff;
 padding: 10px 20px;
  top: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  box-shadow: inset 0 0 0 0 #25d366;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  z-index: 9999;
  background: #ac113d;
}

.btn-whatsapp-pulse i{
  font-size: 20px;
  padding-right: 5px;
  vertical-align: middle;
}

.btn-whatsapp-pulse:hover, .btn-whatsapp-pulse:focus{
	color: #fff;
text-decoration: none;
box-shadow: inset 200px 0 0 0 #25d366;
}





.footer-sec{
	padding:100px 0 50px 0;
}

.footer-sec h4{
	font-size: 35px;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 35px 0;
	text-align: center;
	text-transform: uppercase;
}

ul.ft-adrs{
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul.ft-adrs li{
	font-size: 17px;
	font-weight: 500;
	color: #000;
	line-height: 25px;
	padding: 15px 10px 20px 100px;
	margin-bottom: 15px;
}

ul.ft-adrs li a{
	display: block;
	font-size: 20px;
	text-decoration: none;
	color: #000;
  line-height: 35px;
	
}

ul.ft-adrs li a:hover, ul.ft-adrs li a:focus{
  color: #ac1d40;
  text-decoration: none;
}

ul.ft-adrs li::before{
	margin-left: -70px;
	vertical-align: middle;
}
ul.ft-adrs li.ft-lctin::before{
	content: "\f041";
	color: #ac1d40;
	font-size: 45px;
	display: block;
	float: left;
	font-family: FontAwesome;
	line-height: 45px;
	padding: 15px 0 0 0;
}
ul.ft-adrs li.ft-phn::before{
	content: "\f095";
	color: #ac1d40;
	font-size: 35px;
	display: block;
	float: left;
	font-family: FontAwesome;
	line-height: 45px;
	padding: 15px 0 0 0;
}
ul.ft-adrs li.ft-mail::before{
	content: "\f0e0";
	color: #ac1d40;
	font-size: 30px;
	display: block;
	float: left;
	font-family: FontAwesome;
	line-height: 45px;
	padding: 0 0 0 0;
  margin-top: -7px;
}

ul.ft-adrs li:hover{
	-webkit-box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.26);
box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.26);
	background: #fff;
  
}




.map-lctin iframe{
width: 100%;
height: 350px;
}


.footer-sec p{
	font-size: 14px;
	color: #919191;
	line-height: 25px;
	margin: 70px 0 0 0;
}


ul.social{
	list-style-type: none;
	margin: 60px 0 0 0;
	padding: 0 0 0 0;
	float: right;
}


ul.social li{
	float: left;
	padding-right: 25px;
}

ul.social li a{
	color: #ac1d40;
	border: 1px solid #ac1d40;
	border-radius: 100px;
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 16px;
}

ul.social li a:hover, ul.social li a:focus{
	background: #ac1d40;
	color: #fff;
	text-decoration: none;
}



.inr-midil img, .gallery__item-imginner, .ug-thumb-wrapper.ug-tile.ug-tile-clickable{
  transition: 0.5s all ease-in-out !important;

}

.inr-midil img:hover, .gallery__item-imginner:hover, .ug-thumb-wrapper.ug-tile.ug-tile-clickable:hover{
  transform: scale(1.1) !important;
  transition: 0.5s all ease-in-out !important;
}

.inr-midil .rit-img img:hover{
  transform: none !important;
  transition: none !important;
}


.abt-bg{
  background: #bad3cb;
  padding-top: 12%;
  margin-top: 0;
}

.abt-bg p  {
  color: #000;
}

.abt-bg h1{
 color: #ac1d40;
}

.abt-bg img, .abt-bg img:hover{
  transition: none !important;
  transform:none !important;
}


.glry-sec{
  margin-top: 35px;
  padding-right: 50px !important;
}

.glry-sec a{
  padding: 20px 20px;
}

.glry-sec a img {
  border: 1px solid #E0E0E0;
  padding: 20px;
}

div.ekko-lightbox-item img{
  padding: 100px 100px 0 100px;
}




.nav li .dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
  margin-top: 3px;
  text-align: left;
}

.nav li .dropdown-menu.active {
  display: block;
}

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

.lft-menu-safe .dropdown-menu{
  top: inherit !important;
  min-width: 100% !important;
  padding: 0 20px !important;
  position: inherit !important;
  border: none !important;

}

.lft-menu-safe .dropdown-menu li a:hover, .lft-menu-safe .dropdown-menu li a:focus{
  background: #ac1d40 !important;
  color: #fff !important;
}

.lft-menu-safe li.button-dropdown a.active{
  color: #000 !important;
}