@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin,latin-ext);


.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}


body {
	font-family: 'Lato', Arial,sans-serif;
	font-weight:400;
	font-size: 14px;
	line-height: 16px;
	color: #828282;
	padding:20px 0;
}
p, p span, #main ul li {
	font-size: 14px;
	line-height: 16px;
	color: #000;
}
a, a img, button {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
	font-size:12px;
    font-weight: 300;
	 
}
.form-control {
border-radius:0;	
}


.container {width:1024px; }
.btn, .navbar {border-radius:0;}

.navbar {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(217,217,217,0.8);
	-moz-box-shadow: 0px 0px 10px 1px rgba(217,217,217,0.8);
	box-shadow: 0px 0px 10px 1px rgba(217,217,217,0.8);
	min-height: 40px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form,
.navbar-default {
    border-color: #ff0000;
	 background: #ff0000;
}

.navbar  .container-fluid {padding:0;}
.navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:14px;
	  padding:10px 20px;
	  text-transform:uppercase;
	letter-spacing: 0.5px;
	 
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
   background-color: #494949;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #494949;
}

 
.navbar-collapse  {padding:0;}

.navbar-form {padding:0; margin:5px 5px 0 0;}
.navbar-form .form-control, .navbar-form .btn {background:#fff; border:none;  height:30px; 
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-form .btn {margin-left:-2px; color:#494949;}
.navbar-form .btn:hover {color:#ff0000;}


.input-sm {
	  height: 28px;
	  padding: 4px 10px;
	  font-size: 12px;
	  line-height: 1.5;
	  border-radius: 0px;
}
.btn-group-sm>.btn, .btn-sm {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}


.padd-20 {padding:20px;}
.padd-30 {padding:30px;}
.padd-top-20  {padding-top:20px;}
.padd-top-30  {padding-top:30px;}

h3, h4 {font-family: 'Oswald', sans-serif; font-weight:700;}
h2 {font-family: 'Oswald', sans-serif; color:#111; margin:0 0 30px 0;}
h3, a h3, h3 a {color:#111; font-size:14px;}
h3 a:hover {color:#ff6600; text-decoration:none;}
h4 {text-transform:uppercase;}

.social {margin:0 0 40px 0;}
.social img {opacity:1; padding:0 5px;}
.social a:hover img {opacity:0.7;  }

.red {color:#ff6600;}
.lead .red {font-size:18px; font-weight:700;}

#myCarousel {	
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(217,217,217,1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(217,217,217,1);
	box-shadow: 0px 0px 10px 1px rgba(217,217,217,1);
}
.carousel-indicators {
  position: absolute;
  bottom: 5px;
  left: auto;
  right:0;
  z-index: 15;
  width: 80%;
  padding-right: 20px;
  margin-left: 0%;
  text-align: right;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #494949;
  
  border: 1px solid transparent;
  border-radius: 0px;
}
.carousel-indicators li.active {
	border: 1px solid transparent;
	width: 12px;
	height: 12px;
	margin: 1px 2px;
	 background-color: #ff0000;
}
.carousel-control {
  width: 13%;
  opacity:0.1;
}
 
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #565656;
  border-color: #565656;
}



.shop-menu-list ul {list-style-type:none; margin:0; padding:0;}

.menu-left h3 {background:#494949; padding:0 30px; line-height:26px; font-size:12px; text-transform:uppercase; font-weight:400; color:#fff; margin:0 0 2px 0;}
.shop-menu-list.menu-left ul  {margin-bottom:20px;}
.shop-menu-list.menu-left ul li {margin:0 0 1px 0; padding:0; display:block;}
.shop-menu-list.menu-left ul li a{background:#e1e1e1; color:#000; text-transform:uppercase; padding:3px 20px; display:block; line-height:26px;
font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:14px;
	letter-spacing: 0.5px;
}
.shop-menu-list.menu-left ul li a:hover,
.shop-menu-list.menu-left ul li.active a {text-decoration:none; color:#fff; background:#494949;}
.shop-menu-list.menu-left ul li.active2 a{background:#ff0000; color:#fff; }

.loga {border:solid 1px #d7d7d7; margin-bottom:20px;}
.loga img {margin:0 auto !important; float:none;}

.loga h4 {margin:0; padding:8px 0; text-align:center; background:#d7d7d7; color:#000; text-transform:uppercase;}

#slideshow1, #slideshow2 { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
    height: 160px; 
    padding: 0px; 
 
}
#slideshow1 > div,  #slideshow2 > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
	text-align:center;
}

#slideshow1 img, #slideshow2 img {
	max-width: 75% !important;
}


.banner .row img {margin-bottom:20px; width:100%;}


.bg-black {background:#494949;}
.bg-black  p {color:#fff !important;}

#bottom {margin-top:20px;}
#bottom ul {list-style-type:none; margin:0; padding:0;}
#bottom ul li {display:inline-block; padding:0 15px; text-transform:uppercase;}
#bottom ul li a {color:#fff;
font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:14px;
}


footer .bg-black {font-size:12px; padding:10px 30px 20px 30px;}
footer a {color:#fff;}



 

.gallery a img{margin:0 0 30px 0; border:solid 1px #efefef; padding:1px;}
.gallery a:hover img,
a:hover img {opacity:0.7;}



/* resposnive */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle{background:#fff;} 
.navbar-toggle {border-radius:0; margin-right:30px;}

.news {height:200px; position:relative; text-align:center !important; margin-bottom:30px;

}
.news p {position:absolute; width:100%; height:100%; z-index:1; left:0; right:0; top:20px; text-align:center;}
.news h3 {color:#fff; 
 font-weight:300;
	font-size:13px;
	
	text-transform:uppercase; position:absolute; z-index:1; bottom:20px; left:20px; right:20px;  }

.news p, .news h3 {
	display:block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.news a {position:absolute; width:100%; height:100%; z-index:2; left:0;}
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.news:hover p {
/*  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
	*/
	top:30px;
}

 
 
 	

@media only screen and (max-width: 1024px) {
	.news {height:180px;}
	
		.container {width:900px; }
	.navbar-default .navbar-nav>li>a {font-size: 11px; padding:10px;}
	#slideshow1 > div img,  #slideshow2 > div img {
		display:inline-block;
		max-width:100%;
	}
	
}


@media only screen and (max-width: 768px) {
		.container {width:auto; margin:0 20px;}
	
	
}
@media only screen and (max-width: 667px) {
	.banner .col-xs-12{ width: 50%; float:left;}
	
}

@media only screen and (max-width: 568px) {
		.container {width:auto; margin:0px;}
		div#bs-example-navbar-collapse-1, div#bs-example-navbar-collapse-1 .navbar-nav {margin:0;}
	div#bs-example-navbar-collapse-1 li a {padding:5p 20px;}
	
	.navbar-form .form-group {margin: 0px; width:80%; float:left;}
	.navbar-default .navbar-form {height:34px; background:#fff; margin:0; padding:0;}
	.navbar-form .form-control { }
	.navbar-form .btn {width:18%; float:right;}
	.banner .col-xs-12{ width: 100%; float:none;}
	
	#bottom ul li {display:block; border-bottom:1px solid #ccc;}
	#bottom ul li a {padding:5px 10px; display:block;}
	#bottom img.pull-left {float:none !important; margin:0 auto; padding-bottom:20px;}
}


@media only screen and (max-width: 460px) {
		#myCarousel {display:none;}
		.banner .img-responsive { width: 100%; }
	
	
}


.btn.back {
font-family: 'Oswald', sans-serif;
    color: #111;
}