/*--- PLACE YOUR CUSTOM STYLES HERE ---*/

/*--- 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-2 {
    background-image: url(../img/backgrounds/bg-2.jpg); 
}
.bg-img-3 {
    background-image: url(../img/backgrounds/bg-3.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);  
} 
.bg-img-16 {
    background-image: url(../img/backgrounds/bg-16.jpg);  
} 

#login-box{
	width: 100%;
	position: absolute;
	text-align: center;
	margin-top: 150px;
	z-index: 99;
}

#login-box label{
	width: 100%;
	padding: 0;
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
}

.login-box {
    margin: 0 auto;
    text-align: center;
    width: 20%;
	padding: 20px;
}

.login-box input {
    display: inline-table;
    border: 1px #666666 solid;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
	width: 100%;
	margin: 0 0 20px;
}

.login-box #login {
    padding: 5px !important;
    width: 100%;
    margin-top: -2px;
    background-color: red;
    color: #FFFFFF;
    font-weight: 800;
    height: 30px !important;
    min-height: 50px;
}

.lg-heading.white.mb40 {
    text-shadow: 5px 5px 10px #000;
}

.red {
    color: rgba(204,0,3,1.00);
}

.shadow-b{
	text-shadow: 5px 5px 10px #000;
}

.shadow-s{
	text-shadow: 1px 1px 2px #666;
}

nav.navbar.transparent.small {
    background-color: #000;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.dropdown-toggle.phone {
    color: #FFF !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	color: #2B2B2B;
}


@media only screen and (max-width: 1198px){ 

	.navbar-brand{
		width: 250px !important;
		position: relative;
	}
	
	.login-box {
		margin: 0 auto;
		width: 20%;
		text-align: center;
	}
	
	#login-box{
		margin-top: 200px;
	}

}

@media only screen and (max-width: 990px){ 
	.navbar-brand {
		position: absolute;
		margin: 0px auto;
	}
	.navbar.navbar-default.transparent {
		background: #000;
	}
	.dropdown-toggle.phone {
		color: #FFF !important;
		text-align: center;
		margin: -63px 0 0 0;
		position: absolute;
		font-weight: 800 !important;
	}
	.login-box {
		margin: 60px auto 0;
		width: 30%;
	}
	#login-box{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 642px){ 
    .login-box {
		top: 30px !important;
		width: 80%;
	}
	.login-box input, .login-box #login {
		width: 80%;
		margin: 5px auto;
	}
	h1 {
		font-size: 42px !important;
		letter-spacing: -1px;
	}
	.hero-fullscreen {
		top: 0px !important;
	}
	.owl-item.active .appear {
		opacity: 1;
		margin-top: -160px !important;
	}
	.dropdown-toggle.phone {
		color: #ffffff!important;
		text-align: center;
		margin: 0;
		position: absolute;
		font-weight: 800 !important;
	}
	
	.dropdown-toggle.contact {
		color: #ffffff!important;
		text-align: center !important;
		margin: 20px 0;
		position: absolute;
		font-weight: 800 !important;
	} 
	
	.phone, .phone a{
		text-align: center;
		font-size: 18px;
		font-weight: 800 !important;
		color: #ffffff!important;
	}
	.navbar-brand.logo-light {
		width: 100%;
		text-align: center;
		color: #ffffff !important;
	}
	#footer-1 h4 {
		width: 100% !important;
		float: left !important;
	}
	.blue_bg{ 
		background-color:rgba(9,13,86,1.00);
		background-image: none;
	}
	.red_bg{ 
		background-color: rgba(104,0,1,1.00);
		background-image: none;
	}
	.green_bg{ 
		background-color:rgba(37,68,3,1.00);
		background-image: none;
	}
	.dropdown-toggle.phone{
		color: #ffffff !important;
	}
	.dropdown-toggle.phone:hover{
		color: #ffffff !important;
	}
	.navbar-brand {
		position: absolute;
		margin: 0px auto;
	}
	#login-box{
		width: 100%;
		position: absolute;
		text-align: center;
		margin-top: 0px;
		z-index: 99999 !important;
	}
	.menu-right{float: left;}
}