/*--- PLACE YOUR CUSTOM STYLES HERE ---*/










.pop-2 a h3,.pop-3 a h3,.pop-4 a h3{
    color: white;
font-size: 20px;
padding: 0px 10px;
cursor: pointer;
}

.pop-2 a h3:hover{
    text-decoration:underline;
    text-underline-offset: 4px;
}

.pop-3 a h3:hover{
    text-decoration:underline;
    text-underline-offset: 4px;
}

.pop-4 a h3:hover{
    text-decoration:underline;
    text-underline-offset: 4px;
}
/* style.css*/

.navbar-brand.logo-light{
    margin-top:2px;
}
.p-box {
  border-radius: 3px;
  margin-top: 40px;
  width: 100%;
  height: 300px;
  position: relative;
}
.img {
    width: 100%;
    height: 100%;
    
}
  
.p-box .s-box{
    width: 100%;
    height: 70%;
}
.p-box h2{
    font-size: 22px;
    margin: 15px 0px 0px 15px;
}

.p-box p{
    margin: 0px 0px 0px 15px ;
}
.p-box span{
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 60%;
    color: white;
}

.p-box .sb{
    color: #111111;
}
.p-box
{
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    display:inline-block;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.p-box:hover
{
    box-shadow: 0px 0px 20px gray;
    /* z-index: 2; */
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}



.redirect{
    display: flex;
    justify-content: center;
    padding: 30px 0px 50px 0px;
}
.redirect .cent{
   
}
.p-box{
    padding:0px!important;
}

.redirect a button{
    transition: all 200ms ease-in;
    transform: scale(1); 
    background-color: #252525;
    border: none;
    font-size: 14px;
    padding:10px 20px ;
    outline: none;
}
.redirect a button:hover{
    box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.4);
    /* z-index: 2; */
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

/*dropdown*/


/* nope */

.dropdown #lol {
  width: 790px!important;
  height: 300px;
  left: -330px;
}

/*pop-1*/

.pop-1 {
  position: absolute;
  top: 0;
  left: 20px;
  margin-top: 5px;
}

/*pop-2*/
.pop-2 {
  position: absolute;
  top: 0;
  left: 200px;
  margin-top: 5px;
}

/* pop-3 */

.pop-3 {
  position: absolute;
  top: 0;
  left: 420px;
  margin-top: 5px;
}
.pop-3 .lh {
  width: 161px;
}

.pop-3 .lh a {
  line-height: 15px;
  margin-top: 5px;
  padding: 3px 10px;
}

/* pop-4 */

.pop-4 {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: 5px;
}

.pop-4 h3 {
  color: white;
  width: 165px;
}

/*content-start*/


#page-content h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #303233;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
#page-content img{
    left: 48%;
    width: 36px;
    position: absolute;
}
#page-content p{
    font-family: 'Open Sans', sans-serif;
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 35px;
}


#page-content .crap{
 margin: 0px;
}
#page-content span{
    font-family: 'Open Sans', sans-serif;
    color: #7a7a7a;
    font-weight: 300;
}
.content-list{
    margin-top: 10px;

}
.content-list li{
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 300;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
}


/*content-end*/

/* color and style */

.dropdown-menu > div > li > a:hover {
  color: #ffb600;
  background-color: rgba(255, 255, 255, 0.09);
}

.dropdown-menu > .pop-1 > h3,
.dropdown-menu > .pop-2 > h3,
.dropdown-menu > .pop-3 > h3,
.dropdown-menu > .pop-4 > h3 {
  color: white;
  font-size: 20px;
  padding: 0px 10px;
}

.dropdown-menu > .pop-2 > li > a,
.dropdown-menu > .pop-1 > li > a,
.dropdown-menu > .pop-3 > li > a,
.dropdown-menu > .pop-4 > li > a {
  padding: 0px 10px;
}

@media only screen and (max-width: 991px){
	#lol{
		display:none;
	}
}

@media only screen and (min-width: 991px){
	#plank{
		display:none;
	}
}

#walltiles,#floortiles,#sanitary {
  margin-left: 10px;
  border-bottom: 1px dotted #1a1a1a;
}

.map-heading{
    text-align: center;
    margin: 0;
    padding-bottom: 30px;
}

/*end stlye.css*/

#main-slide-bg-1{
    background-image:url(../img/slider-img/slide-1-min.jpg);
}

#main-slide-bg-2{
    background-image:url(../img/slider-img/slide-2-min.jpg);
}

#main-slide-bg-3{
    background-image:url(../img/slider-img/slide-3-min.jpg);
}

#main-slide-bg-4{
    background-image:url(../img/slider-img/slide-4-min.jpg);
}

/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../img/backgrounds/bg-light.jpg);  
}
.bg-shop {
    background-image: url(../img/backgrounds/bg-shop.jpg);  
}
.bg-about-me {
    background-image: url(../img/backgrounds/bg-about-me.jpg);  
}
.bg-restaurant-1 {
    background-image: url(../img/restaurant/bg-restaurant-1.jpg);  
}
.bg-restaurant-2 {
    background-image: url(../img/restaurant/bg-restaurant-2.jpg);  
}
.bg-pattern-1 {
    background-image: url(../img/backgrounds/bg-pattern-1.jpg);
}
.bg-pattern-2 {
    background-image: url(../img/backgrounds/bg-pattern-2.jpg);
}
.bg-pattern-3 {
    background-image: url(../img/backgrounds/bg-pattern-3.jpg);
}
.bg-pattern-4 {
    background-image: url(../img/backgrounds/bg-pattern-4.jpg);
}
.bg-music-1 {
    background-image: url(../img/music/bg-music-1.jpg);
}
.bg-photography-1 {
    background-image: url(../img/photography/bg-photography-1.jpg);
}
.bg-photography-2 {
    background-image: url(../img/photography/bg-photography-2.jpg);
}
.bg-photography-3 {
    background-image: url(../img/photography/bg-photography-3.jpg);
}
.bg-fitness-1 {
    background-image: url(../img/fitness/bg-fitness-1.jpg);
}
.bg-fitness-2 {
    background-image: url(../img/fitness/bg-fitness-2.jpg);
}
.bg-fitness-3 {
    background-image: url(../img/fitness/bg-fitness-3.jpg);
}
.bg-fitness-4 {
    background-image: url(../img/fitness/bg-fitness-4.jpg);
}
.bg-event-1 {
	background-image: url(../img/event/bg-event-1.jpg);  
}
.bg-event-2 {
	background-image: url(../img/event/bg-event-2.jpg);  
}
.bg-food-1 {
    background-image: url(../img/food/bg-food-1.jpg);  
} 
.bg-food-2 {
    background-image: url(../img/food/bg-food-2.jpg);  
} 
.bg-food-3 {
    background-image: url(../img/food/bg-food-3.jpg);  
}  
.bg-agency-1 {
	background-image: url(../img/agency/bg-agency-1.jpg);  
} 
.bg-agency-2 {
	background-image: url(../img/agency/bg-agency-2.jpg);  
} 
.bg-launching-1 {
    background-image: url(../img/launching/bg-launching-1.jpg);  
}
.bg-launching-2 {
    background-image: url(../img/launching/bg-launching-2.jpg);  
}
.bg-product-1 {
    background-image: url(../img/product/bg-product-1.jpg);  
}
.bg-product-2 {
    background-image: url(../img/product/bg-product-2.jpg);  
} 
.bg-education-1 {
    background-image: url(../img/education/bg-education-1.jpg);  
}
.bg-education-2 {
    background-image: url(../img/education/bg-education-2.jpg);  
} 
.bg-concepts-1 {
    background-image: url(../img/concepts/bg-concepts-1.jpg);  
}
.bg-video-1 {
    background-image: url(../img/video/bg-video-1.jpg); 
}
.bg-img-1 {
    background-image: url(../img/backgrounds/bg-1.jpg); 
}

.bg-img-4 {
    background-image: url(../img/backgrounds/bg-4.jpg);  
}
.bg-img-5 {
    background-image: url(../img/backgrounds/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../img/backgrounds/bg-6.jpg);  
}
.bg-img-7 {
    background-image: url(../img/backgrounds/bg-7.jpg); 
} 
.bg-img-8 {
    background-image: url(../img/backgrounds/bg-8.jpg);  
}    
.bg-img-9 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../img/backgrounds/bg-10.jpg);  
} 
.bg-img-11 {
    background-image: url(../img/backgrounds/bg-11.jpg);  
} 
.bg-img-12 {
    background-image: url(../img/backgrounds/bg-12.jpg);  
} 
.bg-img-13 {
    background-image: url(../img/backgrounds/bg-13.jpg);  
} 
.bg-img-14 {
    background-image: url(../img/backgrounds/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../img/backgrounds/bg-15.jpg);  
} 


	