/*
A custom Bootstrap 3.2 'Google Plus style' theme
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400);
body {
  background-color:#e0e0e0;
  -webkit-font-smoothing: antialiased;
  font: normal 14px Roboto,arial,sans-serif;
}
.navbar-default {background-color:#f4f4f4;margin-top:50px;border-width:0;z-index:5;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover > a {border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;}
.navbar-default .dropdown-menu {background-color:#ffffff;}
.navbar-default .dropdown-menu li > a {padding-left:30px;}

.header {background-color:#ffffff;border-width:0;}
.header .navbar-collapse {background-color:#ffffff;}
.btn,.form-control,.panel,.list-group,.well {border-radius:1px;box-shadow:0 0 0;}
.form-control {border-color:#d7d7d7;}
.btn-primary {border-color:transparent;}
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
.well,.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;}
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}

hr {border-color:#ececec;}
button {
 outline: 0;
}
textarea {
 resize: none;
 outline: 0; 
}
.panel .btn i,.btn span{
 color:#666666;
}
.panel .panel-heading {
 background-color:#ffffff;
 font-weight:700;
 font-size:16px;
 color:#262626;
 border-color:#ffffff;
}
.panel .panel-heading a {
 font-weight:400;
 font-size:11px;
}
.panel .panel-default {
 border-color:#cccccc;
}
.panel .panel-thumbnail {
 padding:0;
}
.panel .img-circle {
 width:50px;
 height:50px;
}
.list-group-item:first-child,.list-group-item:last-child {
 border-radius:0;
}
h3,h4,h5 { 
 border:0 solid #efefef; 
 border-bottom-width:1px;
 padding-bottom:10px;
}
.modal-dialog {
 width: 450px;
}
.modal-footer {
 border-width:0;
}
.dropdown-menu {
 background-color:#f4f4f4;
 border-color:#f0f0f0;
 border-radius:0;
 margin-top:-1px;
}
/* end theme */

/* template layout*/
#subnav {
 position:fixed;
 width:100%;
}

@media (max-width: 768px) {
 #subnav {
  padding-top: 6px;
 }
}

#main {
 padding-top:120px;
}

.listing {
padding:10px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid-item {
	width: 200px;
	height:265px;
	border: 1px solid #e0e0e0;
	display:inline-block;
}

.grid-image {
	width: 198px;
	height: 198px;
	overflow: hidden;
	position: relative;
}

.grid-item-title {
	width:195px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}



@media screen and (width:3840px) {
	.grid-item {
		width: 405px;
		height:450px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 403px;
		height: 403px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:400px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (width:2560px) {
	.grid-item {
		width: 268px;
		height:320px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 266px;
		height: 266px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:263px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (width:2160px) {
	.grid-item {
		width: 255px;
		height:300px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 253px;
		height: 253px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:250px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

}


@media screen and (min-width:1920px) AND (max-width:2000px) {
	.grid-item {
		width: 255px;
		height:300px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 253px;
		height: 253px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:250px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

}

@media screen and (min-width:1827px) AND (max-width:1919px) {
	.grid-item {
		width: 245px;
		height:295px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 243px;
		height: 243px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:240px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1686px) AND (max-width:1826px) {
	.grid-item {
		width: 265px;
		height:315px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 263px;
		height: 263px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:260px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}


@media screen and (min-width:1600px) AND (max-width:1685px) {
	.grid-item {
		width: 250px;
		height:295px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 248px;
		height: 248px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:245px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1536px) AND (max-width:1599px) {
	.grid-item {
		width: 240px;
		height:285px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 238px;
		height: 238px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:235px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1440px) AND (max-width:1535px) {
	.grid-item {
		width: 267px;
		height:315px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 265px;
		height: 265px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:262px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}


@media screen and (min-width:1280px) AND (max-width:1439px) {
	.grid-item {
		width: 238px;
		height:290px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 236px;
		height: 236px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:233px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1200px) AND (max-width:1279px) {
	.grid-item {
		width: 280px;
		height:330px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 278px;
		height: 278px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:270px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1080px) AND (max-width:1199px) {
	.grid-item {
		width: 250px;
		height:300px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 248px;
		height: 248px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:245px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:1024px) AND (max-width:1079px) {
	.grid-item {
		width: 232px;
		height:280px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 230px;
		height: 230px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:227px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:960px) AND (max-width:1023px) {
	.grid-item {
		width: 218px;
		height:265px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 216px;
		height: 216px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:213px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:866px) AND (max-width:959px) {
	.grid-item {
		width: 260px;
		height:310px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 258px;
		height: 258px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:255px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:800px) AND (max-width:865px) {
	.grid-item {
		width: 240px;
		height:285px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 238px;
		height: 238px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:235px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:768px) AND (max-width:800px) {
	.grid-item {
		width: 228px;
		height:275px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 226px;
		height: 226px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:223px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:750px) AND (max-width:767px) {
	.grid-item {
		width: 223px;
		height:275px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 221px;
		height: 221px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:218px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:711px) AND (max-width:749px) {
	.grid-item {
		width: 210px;
		height:255px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 208px;
		height: 208px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:205px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:640px) AND (max-width:710px) {
	.grid-item {
		width: 275px;
		height:320px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 273px;
		height: 273px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:270px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:533px) AND (max-width:639px) {
	.grid-item {
		width: 225px;
		height:280px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 223px;
		height: 223px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:220px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:480px) AND (max-width:532px) {
	.grid-item {
		width: 200px;
		height:265px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 198px;
		height: 198px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:195px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:414px) AND (max-width:479px) {
	.grid-item {
		width: 170px;
		height:230px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 168px;
		height: 168px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:165px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:400px) AND (max-width:413px) {
	.grid-item {
		width: 165px;
		height:225px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 163px;
		height: 163px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:160px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:384px) AND (max-width:399px) {
	.grid-item {
		width: 157px;
		height:225px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 155px;
		height: 155px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:152px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:375px) AND (max-width:383px) {
	.grid-item {
		width: 153px;
		height:213px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 151px;
		height: 151px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:148px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:360px) AND (max-width:374px) {
	.grid-item {
		width: 145px;
		height:210px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 143px;
		height: 143px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:140px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:320px) AND (max-width:359px) {
	.grid-item {
		width: 255px;
		height:300px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 253px;
		height: 253px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:250px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:270px) AND (max-width:319px) {
	.grid-item {
		width: 200px;
		height:265px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 198px;
		height: 198px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:195px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media screen and (min-width:240px) AND (max-width:269px) {
	.grid-item {
		width: 180px;
		height:245px;
		border: 1px solid #e0e0e0;
		display:inline-block;
	}

	.grid-image {
		width: 178px;
		height: 178px;
		overflow: hidden;
		position: relative;
	}

	.grid-item-title {
		width:175px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

.grid-image img {
	position: absolute;
	left: -1000%;
	right: -1000%;
	top: -1000%;
	bottom: -1000%;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
}


ul.breadcrumb {
    padding: 10px;
    list-style: none;
    background-color: #f4f4f4;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.breadcrumb li a {
    text-decoration: none;
    font-size:12px;
}

ul.breadcrumb li a:hover {
    text-decoration: none;
}