body {
	margin: 0;
	padding: 0;
	line-height: 30px;
}
figure img {
	width: 100%;
	height: 150px;
}
figure {
	margin: 30px 0 0 0;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
figure:hover figcaption {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=0);
	opacity: 1;
	top: 0;
	color: #fff;
}
figure:hover .figextra {
	cursor: default;
}
figcaption {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 50.4%;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	top: 0;
}
figcaption h3 {
	font-family: 'Open sans';
	font-weight: 400;
	color: #f3b204;
	padding: 10px 20px;
	margin-bottom: 0;
	position: relative;
	righ: 100%;
	margin-top: 37px;
	font-size: 30px;
}
figcaption p {
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 50px;
	position: relative;
	left: 100%;
	font-size: 20px;
	text-align: center;
}
figure:hover h3, figure:hover p {
	left: 0;
}
figcaption a {
	color: #fff !important;
	border:3px solid #fff;
	padding: 13px 50px;
	text-decoration: none !important;
	border-radius:4px;
}
figcaption a:hover {
}
.figextra {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	float: left;
	background: #fff;
	border-bottom: 2px solid rgb(255,186,0);
	text-align:left;
}
.contentpart {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background: rgb(255,186,0);
	text-align: center;
	z-index: 9999;
}
.contentpart p {
	margin: 3px 0;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
.textcontent {
	margin: 0;
	padding: 0 20px 0 20px;
	width: 100%;
	float: left;
}
.textcontent h2 {
	margin: 0;
	padding: 15px 0;
	font-size: 15px;
	color: #0066BB;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}
.textcontent p {
	margin: 0;
	padding: 0 0;
	font-size: 14px;
	color: #000;
}
.bottom p span {
	margin: 0;
	padding: 0;
	color: #069;
}
.bottom {
	margin: 0 20px 15px 20px;
	padding: 0;
}
.bg {
	background: #fff;
	margin: 25px 0;
	padding: 0;
	width: 100%;
	float: left;
	border-bottom: 2px solid rgb(255,186,0);
}
.pagecontent {
	margin: 25px 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align: center;
}
.pagecontent h4 {
	margin: 35px 0 0 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.pagecontent a {
	margin: 20px 0;
	padding: 13px 67px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	background: rgb(40,117,115);
	border-radius: 0;
	border: none;
}
.pagecontent a:hover {
	background: rgb(40,117,115);
}
.contentwrap {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.contentwrap p {
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-size: 15px;
	color: #666;
}
.contentwrap a {
	margin: 20px 0;
	padding: 13px 67px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	background: rgb(40,117,115);
	border-radius: 0;
	border: none;
}
.contentwrap a:hover {
	background: rgb(40,117,115);
}
.banner {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
/*	background:url(../images/banner.png) repeat;
*/	text-align: left;
}
.textcaption {
	margin: 17px 0 0 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align:left;
}
.textcaption h2 {
	margin: 0;
	padding: 0;
	font-size: 33px;
	font-weight: normal;
	line-height: 54px;
	text-transform: uppercase;
	color: #fff
}
.btn {
	margin: 26px 0;
	padding: 10px 44px;
	background: #FFBA00;
	border-radius: 0;
	transition: 0.5s all;
}
.btn-default {
	color: #fff !important;
	text-decoration: none !important;
	border: none;
	font-size: 17px;
	border: 1px solid #fff !important;
	font-weight:bold;
}
.btn-default:hover {
	background-color: #fff;
	color: #FFBA00 !important;
	border: 1px solid #FEBA00
}
.text {
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 17px;
	color: #fff !important;
	text-decoration: none !important;
	float: left;
}
.bottom > p {color:#666;}

@media (min-width:100px) and (max-width:319px) {
	figcaption a {
		padding: 13px 56px !important;
	}
	figcaption p{font-size:14px !important;}
	.textcaption {margin:0;}
	.textcaption h2 {font-size:19px !important;line-height:30px !important;}
	.text {font-size:12px;line-height:15px;}
	.carousel, .item, .active {height:124% !important;}
	.fill {height:640px !important;}
	.carousel-control .icon-next, .carousel-control .icon-prev {width:36px;}
	.btn {padding:9px 21px;}
}

@media (min-width:320px) and (max-width:446px) {
	figcaption p{font-size:14px !important;}
figcaption a {
	padding: 13px 56px !important;
}
.textcaption {margin:0;}
.textcaption h2 {font-size:19px !important;line-height:30px !important;}
.text {font-size:12px;line-height:15px;}
.carousel, .item, .active {height:124% !important;}
.fill {height:640px !important;}
.carousel-control .icon-next, .carousel-control .icon-prev {width:36px;}
}
@media (min-width:447px) and (max-width:657px) {.textcaption {margin:0 !important;}.textcaption h2 {
    font-size: 13px;
    line-height: 21px;
}
figcaption p{font-size:14px !important;}
.text {font-size:14px;line-height:16px;} 
.carousel-caption {padding-top:0;}
figure {margin:11px 0;}
.btn {padding:10px 16px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:102%;}
figcaption a {padding:13px 20px !important;}
}
@media (min-width:658px) and (max-width:820px) {.carousel-caption {padding-top:0;}
.textcaption{margin:0 !important;}.textcaption h2 {font-size:19px !important;line-height:30px !important;}}

@media (min-width:821px) and (max-width:1014px) {.carousel-caption {padding-top:0;}
.textcaption{margin:0px 0 !important;}.textcaption h2 {font-size:22px !important;line-height:37px !important;}}

@media (min-width:992px) and (max-width:1103px) {
figcaption a {
	padding: 13px 36px;
}
}

@media (min-width:447px) and (max-width:767px) {
.col-xs-12 {
	width: 50%;
}
figcaption a {
	padding: 13px 22px;
}
.textcaption {
	margin: 50px 0 0 0;
}
.btn-default {
	font-size: 14px;
}
.textcaption h2 {font-size:18px;line-height:30px;}
.textcaption {margin:24px 0;}
}
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 340px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}
.carousel-caption {position:absolute;top:0;padding:0;}
.carousel, .item, .active {height:340px;}
.carousel-caption {right:7%;left:7%;}
.carousel-control {width:5%;color:#fff;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {font-size:5em;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {margin-top:-60px;}
.carousel-control.right {background-image:none;color:#fff}
.carousel-control.left{background-image:none;color:#fff}
.carousel-caption {text-shadow:none;}