/* FADER */
#Index_Slider_Container{width: 100%; position: relative;}

#my-slider{overflow: hidden;margin:0 auto;padding:0; background-color: transparent; position: relative; width: 900px; height: 350px;}

.next, .prev{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 80px; cursor: pointer; z-index: 999; transition: transform .3s; padding: 10px; box-sizing: border-box;}
.prev{position: absolute; margin-top: -50px; top: 50%; left: 80px;}
.next{position: absolute; margin-top: -50px; top: 50%; right: 80px;}
.prev:hover{transform: translateX(-5px);}
.next:hover{transform: translateX(5px);}
.index-slider-slide{list-style: none; display: none; height: 100%;}
.index-slider-slide-header {position: relative; margin-top: 10px; font-weight: bold; font-size: 2em; color: #851718;}
.index-slider-slide-text {position: relative; width: 465px; font-size: 1em; line-height: 16px; margin-top: 10px; text-align: justify; margin-bottom: 25px;}
.index-slider-slide-button {position: relative; width: 150px; height: 30px; line-height: 30px; transition: color .5s ease-in-out; text-align: center; color: #fff; border-radius: 2.5px;background-color: #851718; font-size: 14px; margin-bottom: 10px;}
	.index-slider-slide-button:hover {color: #c28b8c;}
#Index_Slide_1 {
background-image: url(/assets/image/index/fader/6.jpg); 
background-repeat: no-repeat; 
background-position: 0px 0px;
}
#Index_Slide_2 {background-image: url(/assets/image/index/fader/1.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#Index_Slide_3 {background-image: url(/assets/image/index/fader/3.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#Index_Slide_4 {background-image: url(/assets/image/index/fader/4.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#Index_Slide_5 {background-image: url(/assets/image/index/fader/5.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#Index_Slide_6 {background-image: url(/assets/image/index/fader/6.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#Index_Slide_7 {background-image: url(/assets/image/index/fader/FB.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
.back {-webkit-animation-name: back;-webkit-animation-duration:1s;animation-name: back;animation-duration: 1s;}
.forward {-webkit-animation-name: forward;-webkit-animation-duration:1s;animation-name: forward;animation-duration: 1s;}
@-webkit-keyframes back{0%{transform: translateX(2000px); opacity: 0;}50%{transform: translateX(0px);}100%{opacity: 1;}}
@keyframes back{0%{transform: translateX(2000px); opacity: 0;}50%{transform: translateX(0px);}100%{opacity: 1;}}
@-webkit-keyframes forward{0%{transform: translateX(-2000px); opacity: 0;}50%{transform: translateX(0px);}100%{opacity: 1;}}
@keyframes forward{0%{transform: translateX(-2000px); opacity: 0;}50%{transform: translateX(0px);}100%{opacity: 1;}}
#slide-dots{width: 900px; margin-left: -450px; position: absolute; bottom:0; left: 50%; text-align: center;}
.dot{width: 1em; height: 1em; margin: 5px 5px 0px 5px; background-color:#666; display: inline-block; border-radius: 50px; cursor: pointer; opacity: .5; transition: opacity .3s;}
.active, .dot:hover {background-color: #333; opacity: 1;}


/* NEWS */
#index_news {width: 100%; height: auto; position: relative; z-index: 1000; margin-top: -10px; overflow: hidden; transition: .5s;}
.news-bg-redbar {width: 100%; height: 50px; position: absolute; top: 10px; background-color: #851718; left: 0px;}
#news_box {width: 900px; height: auto; margin: 0 auto;}

.news-container {height: auto; width: 590px; float: left;}
	.news-header {height: 85px; width: 100%; position: relative; margin-bottom: -15px;}
		.news-header-redbar {width: calc(100% - 48px); height: 50px; background-color: #851718; position: absolute; right: 0px; top: 10px;}
		.news-header-redbar2 {width: 100%; height: 50px; background-color: #851718; position: absolute; right: 0px; top: 10px;}
.news-header-text {color: #ffffff; height: 50px; line-height: 50px; margin: 0 0 0 10px; font-size: 16px; vertical-align: middle;}
			.news-header-text2 {color: #ffffff; height: 50px; line-height: 50px; margin: 0 0 0 58px; font-size: 16px; vertical-align: middle;}
		.news-header-circle {width: 60px; height: 60px; position: absolute; left: -5px; top: 6px; z-index: 1;}
				.news-header-circle img {width: 50px; height: 50px; border-radius: 50px; border: 5px solid #851718;}


		.blog-content-container {margin-top: -15px; width: 580px;}
		.blog-content {width: 580px; background-color: #fff;}
		.slimScrollDiv {padding-right: 2px;}
		.slimScrollBar {transition: opacity .5s ease-in-out, height .5s ease-in-out;}
		.blog-entry-readmore {width: 70px;}

		.blog-entry {width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;}
		.blog-entry-header {height: 50px; margin-bottom: 5px; position: relative;}
			.blog-entry-pic {border: 5px solid #851718; border-radius: 40px; width: 40px; height: 40px; position: absolute; bottom: 0px; right: 0px;}
			.blog-entry-header-title {width: 500px; height: 100%; color: #851718; position: relative; left: 0px;}
				.blog-entry-header-title-name {font-size: 12px; line-height: 0px; position: absolute; top: 0px;}
				.blog-entry-header-title-name p {font-weight: bold; font-size: 18px; line-height: 18px; margin-top: 4px; margin-bottom: 7px;}

		.blog-entry-body {text-align: justify; font-size: 13px; line-height: 15px; overflow: hidden; max-height: 92px; transition: .5s ease-in-out;}
		.blog-entry-readmore {font-size: 13px; color: #851718; cursor: pointer;}





.info-container {border: 0px solid blue; height: auto; width: 310px; float: right; }
#info_content {width: 310px; height: auto; position: relative;}





#info_content_testimonial {width: 100%; height: auto; border-bottom: 0px solid #004983; text-align: justify;}
	.testimonial-name {font-style: italic; font-weight: bold; font-size: 12px; margin-top: 5px; margin-bottom: 7px; line-height: 13px;}
#info_content_newsletter {width: 100%; height: auto; border-bottom: 1px solid #004983; text-align: justify;}
#newsletter_form {height: 28px; border: 0px solid black; margin-bottom: 12px;}
	#newsletter_email {float: left; width: 200px; height: 100%; margin-right: 5px; border-radius: 30px; border: 1px solid #851718; padding: 0 5px 0 5px;}
	.newsletter-submit {width: 85px; float: left; cursor: pointer;}
#info_content_orderonline {width: 100%; height: auto; border-bottom: 0px solid #004983; text-align: justify;}
#info_content_sapphire {display: none; width: 100%; height: auto; border-bottom: 1px solid #004983; text-align: justify;}
	#info_content_sapphire img {width: 140px; height: auto;}
#info_content_portal {width: 100%; height: auto; text-align: justify; border-bottom: 0px solid #004983;}
#info_content_question {width: 100%; height: 115px; border-bottom: 0px solid #004983; text-align: justify;}

.info-content-title {font-weight: bold; font-size: 18px; color: #851718; margin-top: 7px;}
.info-content-text {font-size: 13px; line-height: 15px; margin: 0 0 5px 0;}