body {
    font-family: 'Raleway', Arial, sans-serif;
}

div.c-wrapper{
    width: 100%; /* for example */
    max-width: 1150px;
    margin: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
    width: 100%; /* use this, or not */
    margin: auto;
}

.carousel .item .carousel-overlay {
    font-family: 'Raleway', arial, sans-serif;
    height: 100%;
    background: rgba(0,0,0,0.6);
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.carousel .carousel-caption {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    padding: 0;
    padding-left: 20%;
    padding-right: 20%;
    max-height: 26%;
}

.carousel .carousel-caption h3 a {
    color: #fff;
    text-shadow: none;
    margin-top: 0px;
    margin-bottom: 30px;
    text-decoration: none;
    display: block;
}

@media (max-width: 768px) {
	.carousel .carousel-caption h3 a {
		margin-top: -15px;
		font-size: 15px;
	}	
}

.carousel .carousel-control span {
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 20px;
}

.carousel-control span.glyphicon {
    top: 50%;
    position: absolute;
    margin: -15px;
}

.carousel .carousel-caption .btn-default {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
}
.carousel-caption .btn {
    text-shadow: none;
}

.carousel .btn-default {
    color: #222;
    border: 1px solid #222;
    transition: all 0.4s ease;
    background: none;
}


.carousel .carousel-caption .btn-default:hover, .carousel-control span.glyphicon:hover {
    border-color: #f2702f;
    color: #f2702f;
}

.carousel .btn-default:hover, .carousel .btn-default:active, .carousel .btn-default:focus {
    background: none;
    color: #f2702f;
    border-color: #f2702f;
}

.carousel .btn-lg, .carousel .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}

h3.title {
    margin-top: 10px;
}

p {
    font-size: 18px;
}

div.box {
	box-shadow: 1px 1px #eee;
	background: #fefefe;
	border: 1px solid #eee;
	margin: 0 0 50px 0;
}

div.box-body {
	padding: 20px 30px 10px 30px;
}

div.box-body > h2, div.box-body > p {
	padding: 0 10px;
}

div.box-body > h2 > a {
	color: #333;
}

div.box-footer {
	margin: 20px 0 10px;
	border-top: 1px solid #eee;
}

div.box-footer > div {
	margin: 0 20px;
	padding: 10px;
}


div.box-footer i {
	transition:1s;
}

div.box-footer i:hover {
	color: black;
}

#sidebar > h3, #sidebar > h4 {
	margin: 0 0 20px;
}
 
.nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover {
	padding: 5px;
	margin: 0px 10px 20px 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	border-radius: 0;
	border: 1px solid #aaa;
	color: #000;
	background: white;
}

.vid {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.vid:last-child {
	border: 0px solid #000;	
}

.vid:hover {
	background: #eee;
}

.vid a:hover {
	text-decoration: none;
}

.vjs-default-skin {
	background-color: white !important;
}

.vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	margin: -4em auto auto -6em !important;
}	

.vjs-poster {
	background-color: #fff !important;
}

.vjs-big-play-button {
	display: none !important;
}
	
.vjs-paused .vjs-big-play-button {	
	display: block !important;
}
	
#map-canvas {
	width: 100%;
	height: 400px;
	background-color: #CCC;
}