/** Import fonts **/
@import url(https://fonts.googleapis.com/css?family=Armata);
@import url(https://fonts.googleapis.com/css?family=Roboto);

a:link, a:visited { color:#da0000; font-weight:100 }
a:visited {}
a:hover, a:active { color:#1d1d1d; }




body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background: none;
	font-family: 'Roboto', sans-serif;
}

footer, .navbar {font-family: 'Armata', sans-serif;}


html {
  /*background: url(http://placehold.it/1920x1080) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

hr {
	border: 0;
    height: 1px;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
	
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


footer {
    text-align:center;
	margin: 15px 0;
}

/* LOGO */
#logo a {	float:left; width:145px; height:40px; display:block; overflow:hidden; margin:5px 5px; background:transparent url(../img/assets.png) 0px 0px no-repeat; opacity:.7 }
#logo a:hover { opacity:1}

/*.container{ width:98% !important}*/
.hits-spacer {
	text-align:center;
}

.navbar { border-bottom:1px solid #3d3d3d;-webkit-box-shadow: #000000 0 0 10px; -moz-box-shadow: #000000 0 0 5px; box-shadow: #000000 0 0 10px; }

.hits-feature {
    margin-bottom: 20px;
}
.hits-feature:hover {
	text-decoration:none
}

.row  a:hover .thumbnail {
	background-color: rgba(0,0,0,0.9);
	-webkit-box-shadow: #000000 0 0 10px;
	-moz-box-shadow: #000000 0 0 5px;
	box-shadow: #000000 0 0 10px;
	border-color:#000;
	
}
.row  a:hover .thumbnail .hits-text p{color:#FFF}


.hits-text p, #info h2{
	white-space: nowrap;
	overflow: hidden;
	/*text overflow*/
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.hits-text p{
	padding-top:10px;
	font-size:.85em;
}

.image-bg-fluid-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	background:#eee;
	/*background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;*/
    padding: 50px 0;
}



.image-bg-fixed-height {
	background:#eee;
	/*background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;*/
    height: 450px;
}

.img-center {
	margin: 0 auto;
}

section {
    padding: 75px 0;
}

.section-heading {
    margin: 30px 0;
    font-size: 4em;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
}

iframe { background-color:#1d1d1d; width:100%; height:640px;  }


@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
}

@media screen and (max-width:1024px){ /* Samsung Galaxy Tab - Landscape {1024x600} */
	iframe { height:480px; }
}
@media screen and (max-width:800px){ /* Samsung Galaxy Tab (7.7, 8.9, 10.1) - Landscape {1280x800} */

	iframe { height:360px; }
}

@media screen and (max-width:640px){/* Samsung Galaxy Note 3 - Landscape and Tap */

	iframe { height:269px; }
}

@media screen and (max-width:480px){
	iframe { height:213px; }
}

@media screen and (max-width:360px){ /* Samsung Galaxy Note 3 {360x640} */
	iframe { height:180px; }
}

@media screen and (max-width:320px){ /* Samsung Galaxy Tab {320x568} */
	iframe { width:280px; height:149px; }
}