/* Slider version 2 */
.glyphicon-chevron-up, .glyphicon-chevron-down { font-size: 30px; font-weight: bold; color: #b3231b; transition: top 0.4s; }
.glyphicon-chevron-up { top: 12px; }
.glyphicon-chevron-up:hover { top: 0; }
.glyphicon-chevron-down { top: -8px; }
.glyphicon-chevron-down:hover { top: 8px; }
.carousel { min-height: 600px; max-height: 800px; overflow: hidden; background: #eee; }
.carousel-indicators li { border-color: #b3231b !important; }
.carousel-indicators .active { background-color: #b3231b !important; }
.carousel-control { position: absolute; top: 0px; left: 0px; bottom: 0px; opacity: 1; text-align: center; text-shadow: none !important; background-color: transparent; text-decoration: none; }
.carousel-control.left, .carousel-control.right { background-image: none !important; }
.carousel.vertical .carousel-inner { min-height: 600px;	max-height: 600px; }
.carousel .item { min-height: 600px; max-height: 800px;	overflow: hidden; }
.carousel .item-text { display: block; background: #eee; position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 40px 60px; text-align: center !important; }
.carousel .item-text > span > a, .carousel .item-text > span > a:hover, .carousel .item-text > span > a:visited { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
/* addon for small-text in slider*/
.carousel .item-text-sm { display: block; background: #eee; position: absolute; font-size: 16px; bottom: 0; left: 0; right: 0; padding: 30px 40px 60px; text-align: center !important; }
.carousel .item-text-sm > span > a, .carousel .item-text-sm > span > a:hover, .carousel .item-text-sm > span > a:visited { font-size: 16px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }

@media all and (max-width: 992px) {
	.glyphicon-chevron-right, .glyphicon-chevron-left { font-size: 30px; font-weight: bold; color: #b3231b;}
	.glyphicon-chevron-left { left: 4px; transition: left 0.4s; }
	.glyphicon-chevron-left:hover { left: 4px; }
	.glyphicon-chevron-right { right: 4px; transition: right 0.4s; }
	.glyphicon-chevron-right:hover { right: 4px; }
	.carousel .item-image { height: 400px; overflow: hidden; }
	.carousel.vertical .carousel-control .hor-only { display: inline-block; }
	.carousel.vertical .carousel-control .vert-only { display: none; }
	.carousel .item-image img { width: 100%; height: 100% !important; display: table-cell; position: absolute; top: 0; bottom: 0; left: 0; }
	.carousel .item-text > span { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b; }
	.carousel .item-text > span > a, .carousel .item-text > span > a:hover, .carousel .item-text > span > a:visited { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
/* addon for small-text in slider*/
	.carousel .item-text-sm > span { font-size: 18px;  font-family: 'PT Serif';  color: #b3231b; }
	.carousel .item-text-sm > span > a, .carousel .item-text-sm > span > a:hover, .carousel .item-text-sm > span > a:visited { font-size: 18px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
}

@media all and (min-width: 992px) {
	.carousel { min-height: 266px !important; max-height: 400px !important; }
	.carousel .item { height: 400px !important; overflow: hidden; }
	.carousel .item-image { height: 400px !important; overflow: hidden; }
	.carousel.vertical .item-image img { height: 400px !important; width: 600px !important; display: table-cell; position: absolute; top: 0; bottom: 0; left: 0; }
	.carousel.vertical .carousel-control .hor-only { display: none; }
	.carousel.vertical .carousel-control .vert-only { display: inline-block; }
	.carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; }
	.carousel.vertical .active { top: 0; transform: translate3d(0, 0, 0) !important; }
	.carousel.vertical .next { top: 400px; }
	.carousel.vertical .prev { top: -400px; }
	.carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; }
	.carousel.vertical .active.left { top: -400px; transform: translate3d(0, 0, 0); }
	.carousel.vertical .active.right { top: 400px; transform: translate3d(0, 0, 0); }
	.carousel.vertical .item { left: 0; }
	.carousel.vertical .item-text, .carousel.vertical .carousel-control { top: 0; right: 0; left: auto; bottom: 0; width: 50%; }
	.carousel.vertical .item-text { padding-left: 40px; padding-right: 40px; padding-top: 12%; height: 400px; left: auto; max-width: 50%; text-align: center !important; overflow: hidden; }
	.carousel.vertical .item-text-sm { padding-left: 40px; padding-right: 40px; padding-top: 2%; height: 470px; left: auto; max-width: 50%; text-align: center !important; overflow: hidden; }
	.carousel.vertical .item-text > span { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b; }
	.carousel.vertical .item-text-sm > span { font-size: 20px;  font-family: 'PT Serif';  color: #b3231b; }
	.carousel.vertical .item-text > span > a, .carousel.vertical .item-text > span > a:hover, .carousel.vertical .item-text > span > a:visited { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
	.carousel.vertical .item-text-sm > span > a, .carousel.vertical .item-text-sm > span > a:hover, .carousel.vertical .item-text-sm > span > a:visited { font-size: 20px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
	.carousel.vertical .carousel-control .hor-only { display: none; }
	.carousel.vertical .carousel-indicators { top: 50%; margin-top: -60px; bottom: inherit; left: inherit; right: 10px; width: auto; }
	.carousel.vertical .carousel-indicators > li { display: block; margin-bottom: 5px; }
	.carousel.vertical .carousel-control { bottom: inherit; top: inherit; background: transparent; }
	.carousel .carousel-control { color: #b3231b; }
	.carousel.vertical .carousel-control.left { top: 0; }
	.carousel.vertical .carousel-control.right { bottom: 0; }
}

@media all and (min-width:992px), all and (max-width:1208px) {
	.carousel.vertical .item-text { padding-left: 40px; padding-right: 40px; padding-top: 12%; left: 600px; width: auto; }
	.carousel.vertical .item-text > span > a, .carousel.vertical .item-text > span > a:hover, .carousel.vertical .item-text > span > a:visited { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
	.carousel.vertical .carousel-control { left: 50%; padding-top: 10px; padding-bottom: 10px; }
}

@media all and (max-width:991px) {
	.carousel { min-height: auto !important; max-height: auto !important; overflow: hidden; }
	.carousel.vertical .carousel-control { left: auto; }
	.carousel.vertical .carousel-inner { min-height: auto !important; max-height: auto !important; }
	.carousel .item { overflow: hidden; }
	.carousel.vertical .item-image { position: absolute; height: 100% !important; width: 100% !important; left:0; top:0; }
	.carousel.vertical .item-image img { height: auto !important; width: 100% !important; position: absolute; top: 0; bottom: 0; left: 0; }
	.carousel.vertical .item-text { padding-left: 60px; padding-right: 60px; padding-top: 1%; left: 0; width: 100%; }
	.carousel.vertical .item-text > span { font-size: 24px; }
	.carousel.vertical .item-text > span > a, .carousel.vertical .item-text > span > a:hover, .carousel.vertical .item-text > span > a:visited { font-size: 24px;  font-family: 'PT Serif';  color: #b3231b !important; text-decoration: none !important; }
}