@import url("styles/themes/theme-luiza.min.css");
.factory-flag{ visibility: hidden; }


/*Custom Jatinder*/
#reels .gallery .grid .item {
    padding: 10px;
    cursor: pointer;
}
#services ul.nav-tabs {
padding:0;
}

ul.nav-tabs li { 
    list-style: none;
	width: 20%;
    padding: 5px;
    text-align: center;
	}
	ul.nav-tabs h5 {
	line-height:5px;
	}
	.tab-content h4{
	/*line-height:0px;*/
	}

ul.nav-tabs li img:hover, ul.nav-tabs li.active img:hover{ 
		border:1px solid #ccc;
		background: #hhh;
	}
ul.nav-tabs li.active img{ 
		border:1px solid #c7af8b;
		background: #hhh;
	}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus , .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {border: none; }


.colors-e .background-solid, .colors-e.background-solid {

}

#top-nav.colors-e {
    border-color: transparent;
    color: #dbab83;
    opacity: 1;

}

body.state1 #top-nav.colors-e{
background-color: transparent;
}
body.state2 #top-nav.colors-e{
background-color:	rgba(12, 12, 12, 0.95);

}
#top-nav {
border-bottom: none;
}
 
.fullwidth{ width: 100%; padding: 1%;}
.hover-overlay .overlay:hover{
opacity:0.5;
}


#reels h5{margin-top: 5px; color: #fff;}
#reels div.row { margin-bottom:20px;}
.film .embed-responsive-16by9 {
    padding-bottom: 18%;
}

.colors-g {

    background-color: #151617;
}


.colors-e.background-solid {
    background-color: #0e0e0e;
}

 .panel-default>.panel-heading:hover{
 background-color:#1f1e1e;
 }

 @media (max-width: 767px) {
 .parallax-home {
    /* The image used */
    background-image: url("images/placeholders/video-mobile.jpeg");

}

 h2{
 font-size:50px !important;
 }
 .state2 #top-nav li, .state2 #top-nav li>a {
 line-height: 30px !important;
 }

 ul.nav-tabs h5{
 font-size: 0.5em;
 }
 .film .embed-responsive-16by9{
	 padding-bottom: 56%;
 }
 a.navbar-brand {
 padding-top:0px;
 }
a.navbar-brand img {
	max-height: 50px;
 }
 #top-nav.colors-e{
 opacity:1;
 }
 body.state2 #top-nav.colors-e ,  body.state1 #top-nav.colors-e {
    background-color: #000;
}

/*.film>.content{ padding-top: 0px;}*/




 }

 .white { color: #fff;}


 .state2 #top-nav li,.state2 #top-nav li>a , .state2 #top-nav .navbar-brand{
 line-height: 68px;
 }

h2{
	 font-size: 100px;
 }

 #services div.panel-body { min-height: 290px;}

#reels .view>.content { padding-bottom: 10px;}
p.details {padding: 0 5px;}


.parallax {
    /* The image used */
  
    /* Set a specific height */
   /* min-height: 500px; */

    /* Create the parallax scrolling effect */
    background-attachment: fixed ;
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover ;
}
.newfont{
font-family: Arial,Helvetica,sans-serif
}

.nav-tabs li a {
		position: relative;
        display: inline-block;
}
.nav-tabs li a .img-top {
        display: none;
        position: absolute;
        z-index: 99;
		top: 0;
        left: 0;
    }
.nav-tabs li a:hover .img-top {
        display: inline;
    }
	.nav-tabs>li.active>a ,.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: transparent;}


#top-nav.colors-e li a {
    color: #dbab83;
}
.colors-e .col-icon, .colors-e .col-left-marginalia, .colors-e col-right-marginalia, .colors-e h1, .colors-e h2, .colors-e h3, .colors-e h4, .colors-e h5, .colors-e h6 {
    /*color: #c7af8b;*/
	   color: #dbab83;
}
.colors-e a, a.colors-e {
    /*color: #ccb08a;*/
	color: #dbab83;
}
.background-heading-e {
/*    background-color: #c7af8b!important;*/
	 background-color: #dbab83!important;
}
.colors-g .highlight, .colors-g .link, .colors-g.highlight, .colors-g.link {
   /* color: #ccb08a; */
   color: #dbab83;
}


/* #PSS# 10 Nov2018*/

.titleview .colors-e {background:none; }

 @media (min-width: 767px) {
 
.titleview .colors-e {background:none; padding-top: 180px !important; padding-bottom: 180px !important;}

 }