*{outline: 0px solid red}

body {
background:black;
background-image: url(../img/bg_dark.jpg);	
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;	
margin: auto;
}

hr{border-color: #cf9a66}

.bottom-nav li{
display: inline;
margin: 0 5px;		
}
 
.carousel-caption {
position: relative;	
margin-top: 4%;	
left: 0px;	
}

.row {
margin-right: 0px;
margin-left: 0px; 
}


.col-xs-4{
padding-right: 5px;
padding-left: 5px;
}

.jumbotron {
background:black;
padding-bottom: 0px;
border-radius: 0px;  
margin-bottom: 0px;  
box-shadow:   0px 0px 40px 10px rgba(0, 0, 0, 0.3);	
}

.img-responsive{
box-shadow:   0px 0px 15px 2px rgba(0, 0, 0, 0.5);			
}

.container .jumbotron, .container-fluid .jumbotron {
border-radius: 0px;
}

.navbar>.container .navbar-brand {
margin-left: 0px;
}

.container .jumbotron, .container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
padding-bottom: 60px;
}


.pastWorkCarousel .item img{
   
    
}

.glyphicon-fullscreen{
position: absolute;  
left: 600px;
top: 565px;
background: black;
padding: 10px; 
font-size: 20px; 
z-index: 4001;    
}

.body {
height: 100%;
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;    
}


body {
color: #cf9a66;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

h1, h2{
color: white;
}

.current {
color: white;	
}

.beige{
background: rgba(207, 154, 102, 0.9);
margin: 0;
padding: 0;	
}

.beigeText{
padding: 6% 8% 8% 8%;	
color: black;
text-shadow: none;	
}

.beigeText h1{
margin-bottom: 4%;	
}


.sidebar li{
list-style: none;
margin-bottom: 5px;
margin-top: 5px;
background: black;
padding: 4% 8%;
border-radius: 4px;
}

.sidebar {
margin-left: -40px;	
}

.modal-title {
color: #cf9a66;
}

.modal-header {
min-height: 16.43px;
padding: 15px;
border-bottom: 0px solid #e5e5e5;
}


.modal-footer {
padding: 15px;
text-align: right;
border-top: 0px solid #e5e5e5;
}

.modal-body {
color: #cf9a66;
}

.btn-default {
color: #fff;
background-color: #cf9a66;
border-color: #cf9a66;
}


a {
color: #cf9a66;
text-decoration: none;
text-align: center;
}

a:hover {
color: white;
text-decoration: none;
text-align: center;
}

.container-fluid {
padding-right: 0;
padding-left: 0;
margin-right:0;
margin-left: 0;
}

.container {
padding-right: 0;
padding-left: 0;
}


.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
border:0px solid  rgba(0,0,0,0.4);
border-radius: 2px;

-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.content{
margin-top: 40%;

}

.container>.navbar-header {
margin-right: 0px; 

}

.carousel{
margin-bottom: 5%;
overflow: hidden;
box-shadow:   0px 0px 40px 10px rgba(0, 0, 0, 0.3);		
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
width: 100%;
height: auto;

}

.carousel-inner {
position: relative;
width: 100%;
overflow: visible;
background: black;
}

.carousel-caption{
}

 
.pastWorkImg{
display: block;    
height: 700px;
max-height: 700px;    
width: auto !important;
margin: auto;
}



.navbar {
position: relative;
min-height: 120px;
margin-bottom: 20px;
border: 1px solid transparent;
}


.navbar-inverse {
background-color: rgba(0,0,0,0.0);

} 


.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: #080808;
}


.navbar-inverse .navbar-nav>li>a {
color: #cf9a66;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #080808;
}

.navbar-nav {
margin-top: 30px;
}



.navbar-fixed-top {
position: fixed;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #ffd3a7;
background-color: #080808;
}

.dropdown-menu>li>a:hover {
background: #cf9a66;
text-shadow: none;
}

.navbar-brand {
float: left;
height: auto;
padding: 0px;

}

@media(min-width:767px) {
.navbar {
padding: 0px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {
padding: 0;
}
}

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top:40px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
}

.navbar-inverse .navbar-toggle {
border-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
background-color: #cf9a66;
}


.logo {
max-width: 300px;
height: auto;	
opacity: 0.9;
margin-top: 20px;
}


.footer {
padding: 1%;
color: #cf9a66;
text-align: center;
opacity: 0.9;
margin-top:50px;
}


.modal-dialog {

margin: 30px auto;
}


.modal-content {
position: relative;
background-color: rgba(0,0,0,0.7);
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 5%;
}


.modal {
position: fixed;
top:0px;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
padding-top: 5%;
}

.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}


figure {
position: relative;
}

figcaption{
font-size: 20px;	
color: #cf9a66;		
}

figcaption a, figcaption p a{

font-size: 20px;	
text-align: center;
line-height: 20px;	
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);	
opacity: 1;
color: #cf9a66;	
}

figcaption a:hover, figcaption p a:hover{	
color: #a77b50;	
}

/*---------------*/
/***** sadie *****/
/*---------------*/



.grid {
position: relative;
list-style: none;
text-align: center;
margin-bottom: 30px;	
}

/* Common style */
.grid figure {
position: relative;
text-align: center;
 
}

.grid figure img {
position: relative;
display: block;
}
 

.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	
}

figure.effect-sadie figcaption p{
font-size: 16px;	
color: #cf9a66;		
}

figure.effect-sadie figcaption p a{
margin-top: 30px;	
font-size: 16px;	
color: #cf9a66;	
}

figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
content: '';
opacity: 0;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
}

figure.effect-sadie figcaption p{
font-size: 16px;	
color: #cf9a66;		
}

figure.effect-sadie figcaption p a{
margin-top: 30px;	
font-size: 16px;	
color: #cf9a66;	

}

figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 95%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 95%);
content: '';
opacity: 0.7;
cursor: pointer;		
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
opacity: 0;
 
}

 

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
}





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

.logo {
max-width: 240px;
height: auto;	
opacity: 0.9;
margin-top: 20px;
margin-left: 20px;	
}

.carousel-caption {
position: static;
width: 300px;	
display: block;
margin: auto;		
}	

.carousel-indicators li{
display: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
top: 40%;	
}
}