@font-face {
	
    font-family: 'sackersmd';
	
    src: url('fonts/Sackers.ttf') format('truetype');
	
    font-weight: normal;
	
    font-style: normal;
	

}


/*fade carousel*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity ;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.carousel-indicators {
	top: 15px;
	
}






body { padding-top: 80px; }


body, html, form
{
	color:#777;
font-family: "sackersmd",Helvetica,Arial,sans-serif;
}
h1
{color:#333;
font-size:60px;
}
.navbar {
  min-height: 80px;
  background-color:#FFF;
}

#navbar {
	padding:15px;
}
.nav > li > a {
	padding-left:40px;
	padding-right:40px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
	
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: none;
}

.nav > li{
border-left: 1px solid #E5E5E5;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: none;
}
.navbar-default {
    background-color: none;
    border-color: #E7E7E7;
}
.thumbnail {
	height:200px;
	width:225px;
}


/*.col-sm-6.col-md-3 a:hover {
	height:105%;
	width:105%;
	background-color:#6F7A67;
	z-index:100;
}*/




#footer {
	background-color:#333;
	text-align:center;
	width:100%;
}
#footer .Social
{
    width: 66px;
    height: 28px;
    line-height: 33px;	
    float: left;
	margin-top: 9px;
	margin-left:10px;
}

#footer .Social a 
{
	float: left;
	margin-right: 2px;
	background-image:url(images/sprite.png)
    background-repeat: no-repeat;
	text-decoration: none;
	background:url(images/sprite.png);
	height:18px;
	width: 20px;
	

}


#footer .Social a.fb{
	 background-position: 0 0px;
 }


#footer .Social a.tw{
	 background-position: -20px 0px;
 }


#footer .Social a.yt{
	 background-position: -40px -0px;
	 margin-right: 0 !important;
 }
.thumbnail img {
	height:190px;
	width:215px;
	
  position: absolute;
  -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;
}
.thumbnail .overbox {
	height:190px;
	width:215px;


background-color: #304562;
  position: absolute;
  color: #fff;
  z-index: 100;
  -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;
  opacity: 0;
}
.thumbnail:hover .overbox { opacity: .9; }





.thumbnail .overtext {
  -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;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.thumbnail .title {
  font-size: 18px;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.thumbnail:hover .title,
.thumbnail:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.thumbnail .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}


.thumbnail:hover .tagline,
.thumbnail:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
td
{ margin:20px;
}
.pp{
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #777;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
	width:90%;}
.nn{
  display: block;
  padding: 2px;
  line-height: 1.42857143;
  background-color: #777;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
	
	height:137px;
	width:100px;
	`
	}