@import url(//fonts.googleapis.com/css?family=Carme);

body{
font-family: 'Montserrat', sans-serif;
color:#666666;
font-weight:100;
}

input[type=text],input[type=password]{
font-family: 'Carme', sans-serif;
}

.btn{
	border-radius:0px;
}

img{
	max-width:100%;
}

.shop_box, .box{
	padding:20px;
	width:200px;
	height:200px;
	float:left;
	margin:10px;
	text-align:center;
	border-radius:10px;
	color:#fff;
	background:#28303a;
	overflow:hidden;
	border:1px solid #e2e2e2;
position:relative;
background-size:cover;
}

.shop_box:hover, .box:hover{
	box-shadow: 8px 8px 20px #ccc;
	cursor:pointer;
		position:relative;
top:-2px;
	left:-2px;
}

.shop_box.still:hover, .box.still:hover{
	box-shadow: none;
	cursor:pointer;
	position:relative;
	top:0px;
	left:0px;
}

.shop_box:active{
	top:0;
	left:0;
}

.shop_box.add{
	border:3px dashed #bbb;
	line-height:160px;
	background:none;
	box-shadow:none;
	color: #bbb;
	position:relative;
}
.shop_box.add:hover{
	border:3px dashed #7a7a7a;
	color: #7a7a7a;
}

.shop_box.add div.subtext{
	color:#000;
	text-align:center;
	float:left;
	width:100%;
	line-height:12px;
	margin-top:-40px;
}

.shop_box, .box {

	background-position: 50% 50%;
	background-size:cover;
	background-repeat:no-repeat;

}



.shop_box .box_title, .box .box_title{
	font-size:1.4em;
	overflow:hidden;
	background:rgba(0,0,0,.7);
	margin:-20px;
	position:absolute;
	bottom:-300px;
	padding:10px;
	width:100%;
	opacity:0;
	box-shadow:-2px -2px 10px rgba(0,0,0,.5);
}


.box .box_title.static{
bottom:20px;
opacity:1;


}

.box .box_title.static.small{
font-size:1em;
font-weight:normal;


}


.navbar-inverse{
	padding:15px;
}

.logo{
	margin-top:8px;
	margin-left:20px;
}

.navbar-inverse .navbar-nav > li > a{
	text-transform: uppercase;
	font-family: 'Carme', sans-serif;
}

.footer{
	padding:20px;
	background:#000;
	color:#fff;

}

.footer a{
	color:#333333;
	display:block;
}

.container,.page {
	padding: 0;
}

.page{
	min-height:700px;
}

.footer a:hover{
	color:#555555;
	text-decoration:none;
}

.footer h3{
	font-weight:100;
	font-size:15px;
	color:#fff;
	border-bottom:1px solid #111111;
	padding-bottom:7px;
}


@media (max-width:500px){
	h1{
		margin:auto;
		max-width:90%;
		font-size:25px !important;
	}
	h3{
		margin:auto;
		font-size:20px !important;
		max-width:80%;
	}
	
	.logo{
		width:170px !important;
	}
	
	.navbar-inverse .navbar-toggle{
		margin-top:0px;
	}
	
	.navbar a.navbar-brand{
		height:0px;
		margin-top:-40px;
	}
	
 	.input-lg{
 		font-size:15px;
 		padding:6px !important;
 		height:auto;
 	}
 	

}













/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon {
  font: bold 15px Sans-Serif;
  color: #fff;
  text-align: center;
 // text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #1e5687;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#1e5687)); 
  background-image: -webkit-linear-gradient(top, #428bca, #1e5687); 
  background-image:    -moz-linear-gradient(top, #428bca, #1e5687); 
  background-image:     -ms-linear-gradient(top, #428bca, #1e5687); 
  background-image:      -o-linear-gradient(top, #428bca, #1e5687); 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         -4px 4px 5px rgba(0,0,0,0.3);
}

.ribbon:before, .ribbon:after {
  content: "";
  border-top:   3px solid #0e2f4b;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    
     	.footer{
 		text-align:center;
 	}
}

@media(max-width:400px){
	.purechat{
		display:none !important;
	}
}