/*
 Theme Name:     Lobo Child
 Description:    A basic child theme for the Lobo Agency theme.
 Template:       lobo
 Version:        1.0
*/

@import url("../lobo/style.css");

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/



.compact-menu .main-d-nav .sf-menu ul li a {
    font-size: 15px !important;
    opacity: 0.5;
}

.module-caption, .slide-caption {
    color: #fff;
    font-size:30px;
}

.module-caption{
    background-color: rgba(0,0,0,0.5) !important;
    border:5px solid #ffffff;
}

/* --------------- */


.contenbox .box{
  width: 100%;
  /*padding: 5px;*/
  text-align: center;
  height:100%;
  position:absolute;
}

/*Fade all the DIV when user hovers on any div*/

.contenbox:hover .box{
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.45;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  opacity: 0;
}

.contenbox span{
opacity:0;
}

.contenbox:hover span{
opacity:1;
font-size: 19px;
font-weight: bolder;
line-height: 1.3em;
text-transform: uppercase;
}

/*Fade out the particular DIV when user hover on that DIV*/

.contenbox .box:hover{
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  cursor: pointer;
  padding-top:50%;
  padding-bottom:50%;
  /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 1;
}

.no-hero .hero-spacer { height: 125px; position:absolute
}
.hero-sticky-title{
	font-size: 20px !important;
}
.boxcont1{
	height: 100%; position: absolute; width: 100%; margin-top: -16px; text-align: center;
}
.cont1{
	font-family: montserrat, sans-serif !important;
}
.conttit1{
	height: 100%; position: absolute; width: 100%; margin-top: -16px; text-align: center !important;
}
.contsottotit{
	font-size: 14px !important;
}