::-moz-selection { /* Code for Firefox */
    color:#C49A6C;
    background:#fff;
}

::selection {
    color:#C49A6C;
    background:#fff;
}
.gallery-image-title{ display:none;}
@media (min-width:1200px) {
div.title{ color:#fff;
display:block;
position:absolute;
top:30%;
text-align:center;
left:29%;

}
.gallery-image-title{ color:#fff;
display:block;
position:absolute;
top:90%;
text-align:center;
left:70%;}


div.baller{ position:relative;}
}
@media (min-width:992px) and (max-width:1199px) {
div.title{ color:#fff;
display:block;
position:absolute;
top:32%;
text-align:center;
left:28%;}
div.baller{ position:relative;}
}
@media (min-width:768px)and (max-width:991px) {
div.title{ color:#fff;
display:block;
position:absolute;
top:27%;
text-align:center;
left:23%;
display:none;}
div.baller{ position:relative;}
}
@media (min-width:500px)and (max-width:767px) {
div.title{ color:#fff;
display:block;
position:absolute;
top:10%;
text-align:center;
left:13%;
display:none;}
div.baller{ position:relative;}
}
@media  (max-width:499px) {
div.title{ color:#fff;
display:block;
position:absolute;
top:5%;
text-align:center;
display:none;
left:5%;
}
div.baller{ position:relative;}
div.title h1{ font-size:25px;}
div.title h2{ font-size:20px;}
div.title h3{ font-size:18px;}
}

/*
Credits:
Code snippet by @maridlcrmn (Follow me on Twitter)
Images by Nike.com (http://www.nike.com/us/en_us/)
Logo by Sneaker-mission.com (http://www.sneaker-mission.com/)
*/

.navbar-brand { 
  width: 70px;
  height: 50px;
  background: url('http://www.sneaker-mission.com/uploads/3/1/2/7/31279819/5617441.png') no-repeat center center;
  background-size: 50px;  
}

.nav-tabs {
  display: inline-block;
  border-bottom: none;
  padding-top: 15px;
  font-weight: bold;
}
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-radius: 0;
}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { 
  padding: 20px 15px 15px;
  border-left: 1px solid #eee; 
}
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: center;
  width: 100%;
}

.wwd{ background-color:#f7f7f7; margin:10px; 
border:1px solid #dedde1;
height:300px;
}

.col-md-3.wwd h3{ color:#C49A6C;}
.line{ height:20px; border-bottom:1px solid #630; width:50%;}

.wp{ margin-bottom:20px;}

.my-item{  padding:15px;}
@media (min-width:1200px) {
div.portfolio{ padding-left:100px;
padding-right:100px;}

}


.caption {  
    background-color: rgba(255,255,255,0.7);  
    position: absolute;  
    color: #2d4760;  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; 
    padding:40px;
	
    
    opacity: 0;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out; 
	font-family:BRoya,'BRoya',tahoma;
	text-align:right;  
}  
.caption p{ font-size:17px;}

.mask:hover .caption {  
    opacity: 1;  
}
@media (min-width:1200px) {
.video{  padding-left:180px;
padding-right:180px;}
}
.footer{ background-color:#49474c;}
.price{ border:1px solid #c49a6c; margin:5px;}
.line-trough{ text-decoration:line-through;}
a.more-detail{ background-color:#c49a6c; text-decoration:none; padding:5px; color:white; font-size:18px; }
a.more-detail:hover{ background-color:#fff; color:#c49a6c; text-decoration:none; text-align:center; border:1px solid #c49a6c; }
.title-bar{ background-color:#ead8c3; padding:3px;}
.fa{ color:#F6F2EE; }
.fa:hover{ color:#908d95; }

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}