.menuu_btn{background:url(../images/menu.png) no-repeat 0 0/100%; width: 32px; height: 32px; border:none; 

	position:absolute; ;right: 16px;
top: 20px;
	}
.menuss{position: absolute;
right: 76px;z-index: 10;top: 106px;}
@media(min-width:1200px)
{
.menuu_btn{display:none;}
}

.parent {
    flex-direction: row;}
@media (min-width: 767px)
{
.dis1{display:none;}
.d2{display:none;}
}
@media(max-width: 767px)
{
.parent {
  display: flex;
  flex-direction: column-reverse;
}


}

@charset "UTF-8";

@font-face{
    font-family: "Poppins-Regular";
    src:url("../font/Poppins-Regular.ttf");
}
@font-face{
  font-family: "Futura";
  src:url("../font/Futura.ttf");
}

ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


/* CSS Document */


.bannerarea{padding:0 0px 0 !important; margin-bottom:0px; position: relative; z-index: 0;}
.img-100{width:100%;}

body{background-color: #FFFFFF;  font-family:'Poppins-Regular' !important;font-size:14px;}
.navbar .nav {
    width: unset;
    float: right;
	padding-top: 0px;
	padding-left:0px;

}

.navbar-wrapper{ 

padding:5px 30px 0px;
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	background: transparent;}

.navbar .nav > li > a {
    float: none;
    color: #6b6b6b;
    text-decoration: none;
}
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    text-decoration: none;
background-color: #8dc63f;
color: #fff;
}
.navbar .nav > .active > a {
    text-decoration: none;
    color:  #FFFFFF;
    font-weight: 400;
	background:#8dc63f;
	
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: #8dc63f;
color: #fff;
    text-decoration: none;

}
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    margin: 10px 0px 10px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    cursor: pointer;
}
.nav-static{ position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;}

.na{display: block ruby !important;}
.nav {
  display: inline-flex !important;}


.show500 {
    display:none !important;
}



.nav > li > a {
   position: relative;
display: block;
padding:3px 10px ;
margin: 10px 0px 10px;
line-height: 1;
font-size: 15px;
font-family: 'Poppins-Regular';
transition: ease-out .3s;
font-weight:unset;
text-decoration:none;
color: #fefffe;text-transform: lowercase;
}
.brand img{margin:10px 0;}
.text {
  position: absolute;
  z-index: 0;
  top: 250px;
  left: 0;
  width: 100%;
  text-align: center;
}
.carousel-control-next, .carousel-control-prev {
  width: 4%;
}




/*..............index.................*/

.sub-na li a {color: #636363 !important;}


.submenu1{float: right; margin:0px 0 0px;}
.submenu2{float:right; margin: 60px 40px 0 0;}

.call-p{background:url(../images/call-pink.png) no-repeat !important; color: #636363 !important;}
.call-p a{color: #636363 !important;}

.mail-p{background:url(../images/mail-p.png) 0 no-repeat !important; color: #636363 !important;}
.mail-p a{color: #636363 !important;}

.call{background:url(../images/call.png) no-repeat; margin:10px 0 0px 0px;color:#ffffff; font-family:'Poppins-Regular';font-size:15px; padding: 9px 14px 35px 50px; float:left; height: 30px;}
.mail{background:url(../images/mail.png) no-repeat 0; margin: 15px 0 0 0px; color:#ffffff; font-family:'Poppins-Regular';font-size:15px; padding: 5px 0 0 40px; float:left;}
.call a{color:#ffffff; text-decoration:none;}
.mail a{color:#ffffff; text-decoration:none;}



.sect1{padding:120px 15px 0;}
.sect1 img{border-radius: 10px;position: relative;}
.sect1 .s1{border-radius: 0; padding: 30px 0 0;}
.sect1 p{font-family:'Poppins-Regular'; font-size:14px; color:#000000; margin:25px 0px 0px 0;}
.sect1 button{font-family:'Poppins-Regular'; text-transform: uppercase; font-size:14px; margin:30px 0 0 ; padding: 5px 40px; background: transparent; border-radius: 20px; border: 1px solid #000;}

.s3 {
  position: absolute;
  bottom: 0;
  left: 115px;
  width: 100%;
  text-align: center;
  z-index: -1;
}
.s4 {
  position: absolute;
  bottom: 0;
  left: 200px;
  width: 100%;
  text-align: center;
  z-index: -1;
}

.sect2{padding:70px 15px 120px;}
.sect2 h1{font-family:'Poppins-Regular'; font-size:38px; color:#636363; margin:0 0 50px; text-align: center;}
.sect2 p{font-family:'Poppins-Regular'; font-size:15px; color:#ffffff; margin:15px 15px 15px 0; }
.sect2 img{border-radius: 10px;}
.s2{position: absolute; bottom: 20px; padding: 0 20px 0;}
.sect2 h2 {
  font-family:'Poppins-Regular';
  font-size: 25px;
  color: #fff;
  margin: 0;
}




.sect3{background: url(../images/back.jpg) no-repeat center fixed; padding:140px 15px 140px; background-size: cover;}
.sect3 h2 {
  font-family: 'Futura';
  font-size: 56px;
  color: #ffffff;
  text-transform: uppercase;
  margin:20px 0 0;
}
.sect3 h3 {
  font-family: 'Futura';
  font-size: 32px;
  color: #ffffff;
  text-transform: uppercase;
  margin: -10px 0 0;
}
.sect3 h4 {
  font-family: 'Futura';
  font-size: 53px;
  color: #ffffff;
  text-transform: uppercase;
  margin: -10px 0 0;
}


.sect4{padding:85px 15px 60px;}
.sect4 h2{font-family:'Poppins-Regular';  font-size:38px; text-align: center; 
  color: #636363; margin:0px 0px 40px;}

.sect5{padding: 50px 0 50px;}  
.sect5 h2{font-family:'Poppins-Regular';  font-size:38px; text-align: center;  
  color: #636363; margin:0px 0px 40px;}
.wid {
  width: 20% !important;
}


.sect6{padding: 50px 15px 70px; }  
.sect6 h2{font-family:'Poppins-Regular';  font-size:38px; text-align: center;  
  color: #636363; margin:0px 0px 30px;}

.sect6 img{margin: auto;}
.sect6 h3 {
  font-family:'Poppins-Regular';
  font-size: 15px;
  color: #636363;
  margin: 10px 0 15px;
  text-align: center;
  font-style: italic;
  background: url(../images/qy.png) no-repeat top;
  padding: 40px 0 0;
}
.sect6 p {
  font-family:'Poppins-Regular';
  font-size: 15px;
  color: #636363;
  margin: 10px 0 15px;
  text-align: center;
  font-style: italic;
}


.sect7{background: #131313; padding: 30px 15px;}
.sect7 h2{font-family:'Poppins-Regular';  font-size:15px; color: #e8e8e8; margin:0px 0 10px;}

.sect7 p{font-family:'Poppins-Regular';  font-size:15px; color: #e8e8e8; margin:20px 0 0;}
.sect7 ul{padding: 0 0 0 0px;}
.sect7 li{color: #e8e8e8; font-family:'Poppins-Regular';  font-size:15px; list-style: none; padding: 0px 0 10px;text-transform: lowercase;}
.sect7 li a{color: #e8e8e8; text-decoration: none;}
.sect7 li a:hover{color: #fff;}
.social img {
  padding: 5px 20px 10px 0;
}
.fcall {
  background: url(../images/ca.png) no-repeat;
  margin: 15px 0 0px 0px !important;
  padding: 0 0px 10px 35px;
}
.fmail {
  background: url(../images/ms.png) no-repeat 0;
  margin: 15px 0 0 0px !important;
  padding: 0 0 0 35px;
}
.fgl {
  background: url(../images/gl.png) no-repeat 0;
  margin: 15px 0 0 0px !important;
  padding: 4px 0 4px 35px;
}


.sect8{background:#000000; padding:28px 15px;}
.sect8 p{ font-family:'Poppins-Regular'; font-size:12px; color:#939393; margin:0;}
.sect8 a{color:#939393;}
.sect8 a:hover{color:#CCCCCC; text-decoration:none;}
.sect8 a{color:#939393; text-decoration:none;}
.sect8 .flo{float:right;}

/*.............sub.................*/
.abt1{padding:90px 15px 120px;}
.abt1 img{border-radius: 10px;}
.abt1 .s1{border-radius: 0; padding: 0px 0 30px;}
.abt1 p{font-family:'Poppins-Regular'; font-size:14px; color:#000000; margin:0px 0px 30px;}



.no-padding{padding:0px !important;}








.navbar .btn-navbar {
    display:none;
}


@media only screen and (max-width: 1367px)
{


}


@media only screen and (max-width: 1199px)
{
  .b1 {
    background: url(../images/back1-992.jpg) no-repeat center; background-size: cover;} 
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    cursor: pointer;
}
.submenu1 {display:none;
}

.submenu2 {
  margin: 15px 135px 0 85px;
}

.text {
  position: absolute;
  z-index: 0;
  top: 225px;
  left: 0;
  width: 100%;
  text-align: center;
}
.text img{width: 50%;}
.sect1 .s1 {
  border-radius: 0;
  padding: 0 0 0;
}
.text {
  position: absolute;
  z-index: 0;
  top: 180px;
  left: 0;
  width: 100%;
  text-align: center;
}




}
@media screen and (min-width: 767px)
{
.ba{display:none;}


}

@media screen and (max-width: 991px)
{
  


/*.d3{display:none;}*/


.submenu2 {
  margin: 15px 115px 0 0;
}

.sect3 {
  background: url(../images/back.jpg) no-repeat right fixed;
    background-size: auto;
  padding: 100px 15px;
  background-size: cover;
}







}


@media only screen and (max-width: 767px) 
{

  .sl1{display: none;}
  .sl{display: block !important; padding:0 5px 0 20px;}
  .ban{display:none;}
.ba{display:block; width:100%;}

.text {
  display: none;
}

.call {
  float: unset;
}
.submenu2 {
  float: left;
  margin: 0 0 0 85px;
}

.dis{display:none;}

.sect1 .s1 {
  border-radius: 0;
  padding: 30px 0 0;
}
.wid {
  width: 50% !important;
}
.sect1 {
  padding: 70px 15px 0;
}
.sect2 {
  padding: 70px 15px 75px;
}

.sect8 p {
  font-family: 'Poppins-Regular';
  font-size: 12px;
  color: #939393;
  margin: 0;
  text-align: center;
}
.sect8 .flo {
  float: unset;
  padding: 15px 0 0;
}
.brand img {
  margin: 5px 0 10px;
  width: 15%;
}
.abt1 .s1 {
  border-radius: 0;
  padding: 0px 0 30px;
  margin:0;
}
.abt1 img {
  border-radius: 10px;
  margin-bottom: 25px;
}




}

@media only screen and (max-width: 576px) 
{

.submenu2 {
  display: none;
}

.sect3 h2 {
  font-family: 'Futura';
  font-size: 43px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 20px 0 0;
}
.sect3 h3 {
  font-family: 'Futura';
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 0;
}
.sect3 h4 {
  font-family: 'Futura';
  font-size: 38px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 0;
}
.sect2 h1 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  color: #636363;
  margin: 0 0 35px;
  text-align: center;
}
.s3 {
  position: absolute;
  bottom: -10px;
  left: 93px;
  width: 100%;
  text-align: center;
  z-index: -1;
}
.sect4 h2 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  text-align: center;
  color: #636363;
  margin: 0px 0px 40px;
}
.sect5 h2 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  text-align: center;
  color: #636363;
  margin: 0px 0px 40px;
}
.s4 {
  position: absolute;
  bottom: 0;
  left: 120px;
  width: 100%;
  text-align: center;
  z-index: -1;
}
.sect6 h2 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  text-align: center;
  color: #636363;
  margin: 0px 0px 30px;
}
.sect7 p {
  font-family: 'Poppins-Regular';
  font-size: 15px;
  color: #e8e8e8;
  margin: 20px 0 25px;
}









}
/*
@media only screen and (max-width: 500px) 
{
.show500 {
    display: block !important;
}
.loginn {
  display: none;
}
.cartarea {
    display: none;
    padding: 0;
    float: left;
}

}*/
@media only screen and (max-width: 420px) 
{


}
@media only screen and (max-width: 349px) 
{












}


.animated{
-webkit-animation-duration: 1.4s; /* Safari 4.0 - 8.0 */
animation-duration: 1.4s;}
		
	

.dropdown-menu {
    position: absolute;
    top: 40px;
	list-style: none;
font-size: 18px;
width:100%;
	}
	.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
    background: none;
  text-decoration: none;
text-transform: lowercase;
font-size: 15px;
}
.dropdown-menu > li > a:hover{background: #000;
  color: #fff !important;}

.brand{width:auto}
.carousel-indicators {
    position: absolute;
    bottom: 0;
    left: 25%;
    z-index: 2;
    width: 50%;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

@media (min-width:1200px) {.home_menuu_btn{display:none;}}

@media (max-width:1240px) and (min-width:1200px) {
.bannertoparea{height:114px}

}



.slick-prev::before, .slick-next::before {display:none;}
.slick-prev {
  left: 30px;
}
.slick-next {
  right: 30px;
}
.slick-prev::before {
  content:url(images/prev.gif);
}
.slick-next::before {
  content: url(images/next.gif);
}
.slick-prev, .slick-next {width:unset;}
.carousel-control.left{  background-image: unset;}
.carousel-control{width:8%;}
.carousel-control.right { background-image: unset; z-index: 4;}

/*ul li::before {
content: "\2022";
color: red;
font-weight: bold;
display: inline-block; 
width: 1em;
margin-left: -1em;
text-align:left;}*/

.slider {
  width: 100%;
  margin: 0px 0;
  }
  
  .slick-slide {
  margin: 0px 0px;
  width: 100%;
  }
  
  .slick-prev:before,
  .slick-next:before {
  color: black;/*display: none;*/
  }
  
  
  .slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
  }
  
  .slick-active {
  opacity: 1;
  }
  
  .slick-current {
  opacity: 1;
  }

.social a, .social a:hover{color: #131313;}


.btn10{
  color: #000;   
  border: 1px solid #000;    
  overflow: hidden!important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index:10;position: relative;
  
}
.btn10:hover{
border: 1px solid #000;
color: #fff !important;
}
.btn10::before {
  content: '';
  width: 0%;
  height: 100%;
  display: block;
  background: #000;
  position: absolute;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg); 
  transform: skewX(-20deg);   
  left: -10%;
  opacity: 1;
  top: 0;
  z-index: -12;
  -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
   box-shadow:2px 0px 14px rgba(0,0,0,.6);
} 

.btn10::after {
  content: '';
  width: 0%;
  height: 100%;
  display: block;
  background: #532d77;
  position: absolute;
-ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg); 
  transform: skewX(-20deg);   
  left: -10%;
  opacity: 0;
  top: 0;
  z-index: -15;
  -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
  -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
  -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
  transition: all .4s cubic-bezier(.2,.95,.57,.99);
  box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn10:hover::before, .btn1O:hover::before{
opacity:1;
width: 116%;
}
.btn10:hover::after, .btn1O:hover::after{
opacity:1;
width: 120%;
}


.catDiv{margin: 0 auto 30px;}
.cat {
display: inline-block;
box-sizing: border-box;

overflow: hidden;cursor: pointer;
}

.cat img {
width: 100%;
height: 100%;
transition: width linear 0.5s, height linear 0.5s, margin linear 0.5s;
}


.catOverlay {
position: relative;
}

.catOverlay:before{
position: absolute;
top: 0;
left: 0;
height: 10%;
width: 10%;
opacity: 0;
content: "";
transition: background-color linear 0.5s, height linear 0.5s, width linear 0.5s, opacity linear 0.5s;
}
.catOverlay:hover:before{
opacity: .6;
background-color: #181818;
height: 100%;
width: 100%;

}

.catOverlay:after{
position: absolute;
bottom: 0;
right: 0;
height: 10%;
width: 10%;
opacity: 0;
content: "";
 transition: background-color linear 0.5s, height linear 0.5s, width linear 0.5s, opacity linear 0.5s;
}
.catOverlay:hover:after{
opacity: .6;
background-color: #181818;
height: 100%;
width: 100%;

}
@media(max-width: 991px)
{
.cat{margin-bottom: 30px;}
}

@media(max-width: 575px)
{
#catDiv, .cat{display:block; margin: 0 auto 30px;}

.menuu_btn{top :10px;}

}



.serv{padding:90px 15px 120px;}
.abt1 img{border-radius: 10px;}
.abt1 h1{font-family:'Poppins-Regular';  font-size:38px; color: #8560a8; margin:0px 0 10px;}
.abt1 h2{font-family:'Poppins-Regular';  font-size:20px; color: #2e0c4f; margin:0px 0 10px;}
.serv p{font-family:'Poppins-Regular'; font-size:14px; color:#000000; margin:0px 0px 20px 0;}

.abt1 ul{padding: 0 0 0 15px;}
.abt1 li{font-family:'Poppins-Regular'; font-size:14px; color:#000000; padding: 0 0 15px; margin: 0;
list-style: url("../images/bdot.png");}

.gallery img, .gallery iframe{margin-bottom: 45px;}
.input-group{margin-bottom: 15px;box-shadow: none !important;}
.en{border: 1px solid #626262;
  background: none;
  border-radius: 5px !important;
  font-family: "Poppins-Regular"; color: #242424;
  font-size: 14px;}
.btn-cnt{background: #511986;
  border: 1px solid #511986;
  padding: 8px 45px;
  font-family: "Poppins-Regular"; color: #fff; font-size: 17px;
  text-transform: uppercase;
  border-radius: 5px;}
  
  .gal-img-holder{padding:0 !important; overflow:hidden}
  .gal-img-holder img{transform:scale(1); transition: all .5s}
  .gal-img-holder img:hover{transform:scale(1.1); transition: all .5s}



@media(max-width: 576px)
{
  .gallery img, .gallery iframe{margin-bottom: 30px;}
}

.div-fix{position: fixed;width: 800px;
  top: 20%;
  left: 38%;
  margin-top: -100px;
  margin-left: -250px;
  font-size: 16px;
  text-transform: uppercase;z-index: 9999;}
  .btn-close{position: absolute;
  right: 60px;
  opacity: 5;
  z-index: 99999 !important;width: unset;
  height: unset;}
  .alert-dismissible a{text-decoration: unset;}
  @media(max-width:1600px)
  {
      .div-fix{top: 15%;left: 40%;}
  }
  
  @media(max-width:1366px)
  {
      .div-fix{width: 800px;left: 38%;}
  }
  
  @media(max-width:1199px)
  {
      .div-fix{width: 100%;left: 0;margin-left: 0;}
  }
  
  
  @media(max-width: 991px)
  {
      .div-fix{width: 100%;
  left: 0;
  margin-top: 0px;
  margin-left: 0px;}
  }

  @media(max-width: 767px)
  {
    
    .cnt-img{margin-top: 15px;}
    .abt1 {
      padding: 50px 15px 120px;
    }

  }
  
  @media(max-width: 421px)
  {
      .brand img {width: 28%;}
      .navbar-wrapper { padding: 5px 5px 0px;}
      
  }


  /* new gallery popup */
  .demo-gallery  ul {
  padding: 0 0px 0;
}

  .demo-gallery > ul > li {

    float: left;

    list-style: none;
    padding: 0 15px 0;

}

.demo-gallery > ul > li a { 

  border: 3px solid #FFF;

  border-radius: 3px;

  display: block;

  overflow: hidden;

  position: relative;

  float: left;

}

.demo-gallery > ul > li a > img {

  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 100%;

}

.demo-gallery > ul > li a:hover > img {

  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);

}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {

  opacity: 1;

}

.demo-gallery > ul > li a .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;

}

.demo-gallery > ul > li a .demo-gallery-poster > img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

}

.demo-gallery > ul > li a:hover .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .justified-gallery > a > img {

  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 100%;

}

.demo-gallery .justified-gallery > a:hover > img {

  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {

  opacity: 1;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .video .demo-gallery-poster img {

  height: 48px;

  margin-left: -24px;

  margin-top: -24px;

  opacity: 0.8;

  width: 48px;

}

.demo-gallery.dark > ul > li a {

  border: 3px solid #04070a;

}

.home .demo-gallery {

  /*padding-bottom: 80px; */

}

.lg-outer .lg-toogle-thumb{display: none;}

.lg-outer.lg-thumb-open .lg-thumb-outer {

  display: none;

}

@media only screen and (max-width: 576px)

{

  .demo-gallery > ul > li {

  float: left;

  margin-bottom: 0px;

}


}