@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #fff; font-family: 'Open Sans', Arial, sans-serif; }
img { border: 0px;}
a, input { outline: none; text-decoration: underline; color: #682682; }
.clear { clear: both; height: 0px; overflow: hidden; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #6E2585; }
h1 { padding: 0 0 20px 0; margin: 0 0 20px; position: relative; font-family: 'Open Sans', Arial, sans-serif; font-size: 36px; font-weight: 400; }
h1:after { position: absolute; left: 50%; bottom: 0; margin-left: -85px; content: ""; width: 136px; height: 3px; background: #eaeaea; }
p { font-family: 'Open Sans', Arial, sans-serif; font-size: 18px; color: #000000; font-weight: 400; line-height: 26px; }

input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } 
.center { text-align: center; }
.overflow { overflow: hidden; }
.centring { position: relative; margin: 0 auto; width: 1140px; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header-part { padding: 30px 0 40px; position: relative; width: 100%; background: #6E2585; }
	
	/* banner */
	#banner-part { position: relative; overflow: hidden; width: 100%; }
		
		/* banner bar */
		.banner-bar .flexslider ul.slides li { position: relative; }
		.banner-bar .flexslider ul.slides li img { width: 100%; height: auto; text-align: center; margin: 0 auto; display: block; }
		.banner-bar .flexslider ul.slides li .caption { position: absolute; left: 0; top: 95px; z-index: 99999; width: 100%; }
		.banner-bar .flexslider ul.slides li .caption h2 { padding: 2px 18px 0; margin: 0 0 7px; width: auto; height: 62px; display: inline-block; font-family: 'Open Sans', Arial, sans-serif; font-size: 45px; color: #ffffff; line-height: 62px; font-weight: 700; background: #672e8f; }
		.banner-bar .flexslider ul.slides li .caption p { padding: 14px 19px; margin: 150px 0 0; height: auto; display: inline-block; font-family: 'Open Sans', Arial, sans-serif; color: #ffffff; font-weight: 400; background: #6E2585; }
		.banner-bar .flexslider ul.slides li .caption a.btn { margin: 26px 0 22px; width: 211px; height: 60px; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: 700; line-height: 58px; text-transform: uppercase; text-align: center; cursor: pointer; background: #00a1de; }
		.banner-bar .flexslider ol.flex-control-nav { position: absolute; left: 8px; bottom: 110px; z-index: 99999; width: 100%; text-align: center; }
		.banner-bar .flexslider ol.flex-control-nav li { display: inline-block; margin: 0 0 0 10px; }
		.banner-bar .flexslider ol.flex-control-nav li a { display: block; width: 14px; height: 14px; border-radius: 7px; background: #ffffff; text-indent: 18px; overflow: hidden; }
		.banner-bar .flexslider ol.flex-control-nav li a.flex-active {  background: #672E8C; } 
	
	/* border */
	#border-part { margin: -33px 0 0 0; position: relative; width: 100%; height: 40px; z-index: 99999; background: #6E2585; }
		
		/* endofyear bar */
		.endofyear-bar { position: absolute; top: -69px; left: -2px; width: 100%; text-align: center; z-index: 99999; }
	
	/* content */
	#content-part { margin: 50px 0 0; overflow: hidden; width: 100%; }
		
		/* info bar */
		.info-bar { padding: 42px 0 0; width: 100%; text-align: center; }
		.info-bar p { padding: 0 105px; }
		
		/* products bar */
		.products-bar { overflow: hidden; }
		.products-bar ul { overflow: hidden; margin: 0 -15px; }
		.products-bar ul li { position: relative; display: inline-block; width: 30.75%; margin: 81px 14px 0; vertical-align: top;  }
		.products-bar ul li .new { position: absolute; top: 1px; left: 1px; width: 81px; height: 81px; z-index: 99999; background: url(../images/new.png) top left no-repeat; }
		.products-bar ul li img { border: 1px solid #f0f0f0; }
		.products-bar ul li h4 { margin: 32px 0 17px; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #000000; font-weight: 800; }
		.products-bar ul li h5 { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #000000; font-weight: 800; }
		.products-bar ul li p { margin: 0 0 17px; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #555555; font-weight: 400; line-height: 18px; }
		.products-bar ul li p strong { color: #404040; }
		.products-bar ul li p.small { font-size: 12px; line-height: 18px; }
		a.btn { margin: 26px 0 22px; width: 211px; height: 47px; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: 700; line-height: 46px; text-transform: uppercase; text-align: center; cursor: pointer; background: rgba(0,161,222,1); display: block; cursor: pointer; text-decoration: none; }
		a.btn:hover { background: rgba(0,161,222,0.8) !important; text-decoration: none; }
		
	
	/* footer part */
	#footer-part { padding: 74px 0 88px; margin: 0px 0 0; overflow: hidden; background: #353236; }
	
		/* footer bar */
		.footer-bar { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: 400; }
		.footer-bar a { margin: 0 0px; font-weight: 700; color: #ffffff; text-decoration: none; }
		.footer-bar .copyright { margin: 71px 0 57px; }
		
	.menutop
		{
		color:#672E8C; 
		background-color:#FFF; 
		padding:3px; 
		text-decoration:none; 
		}

@media only screen and (min-width: 1179px) {
	.banner-bar .flexslider ul.slides li img { width: 1366px; height: 634px; }
	.marge35 { margin-top:35px; }
	.marge70 { margin-top:70px; }
	.marge75 { margin-top:75px; }		
	.menutop {font-size:20px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 485px; font-size: 18px; line-height: 26px; }
	
}

@media only screen and (max-width: 1179px) {
	.centring { width: 96%; }
	.banner-bar .flexslider ul.slides li .caption { top: 30px; }
	.banner-bar .flexslider ul.slides li .caption h2 { height: auto; line-height: normal; font-size: 34px; margin: 0 0 5px; }
	/*.banner-bar .flexslider ul.slides li .caption p { width: 550px; margin: 10px 0 0; display: none; }*/
	.banner-bar .flexslider ul.slides li .caption p { width: 550px; margin: 10px 0 0; }
	.endofyear-bar { top: -55px; }
	.endofyear-bar img { width: 90%; }
	.info-bar p { padding: 0 40px; }
	.products-bar ul li { width: 30%; }
	.products-bar ul li img { width: 100%; }
	.marge35 { margin-top:35px; }
	.marge70 { margin-top:70px; }
	.marge75 { margin-top:75px; }
	.menutop {font-size:20px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 485px; font-size: 18px; line-height: 26px; }
}

@media only screen and (max-width: 1023px) {
	.banner-bar .flexslider ol.flex-control-nav { left: 0; bottom: 75px; }
	/*.banner-bar .flexslider ul.slides li .caption p { display: none; }*/
	.banner-bar .flexslider ul.slides li .caption a.btn { margin: 0 0 22px; }
	#border-part { margin: -5px 0 0; }
	.endofyear-bar { top: -45px; }
	.endofyear-bar img { width: 98%; }
	#content-part { margin: 50px 0 0; }
	h1 { font-size: 24px; }
	h1::after { height: 2px; }
	.info-bar p { font-size: 15px; line-height: 24px; padding: 0 10px; }
	.products-bar ul { margin: 0; }
	.products-bar ul li { width: 44%; margin: 50px 15px 0; }
	.marge35 { margin-top:35px; }
	.marge70 { margin-top:70px; }
	.marge75 { margin-top:75px; }	
	.menutop {font-size:20px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 485px; font-size: 18px; line-height: 26px; }
}

@media only screen and (max-width: 767px) {
	.banner-bar .flexslider ul.slides li .caption h2 { font-size: 24px; }
	/*.banner-bar .flexslider ol.flex-control-nav { display: none; }*/
	#border-part { height: 15px; }
    .banner-bar .flexslider ul.slides li img { width: 767px; height: 356px; }
	.menutop {font-size:20px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 485px; font-size: 18px; line-height: 26px; }	
}

@media only screen and (max-width: 639px) {
	.endofyear-bar { top: -30px; }
	.banner-bar .flexslider ul.slides li .caption { top: 15px; }
	.banner-bar .flexslider ul.slides li .caption h2 { font-size: 20px; padding: 3px 10px 5px; }
	.products-bar ul li { margin: 25px auto; width: 90%; display: block; }
	.footer-bar a { margin: 0 0px; }
	#footer-part { margin: 0; padding: 35px 0; }
	.footer-bar .copyright { margin: 25px 0; }
	h1::after { margin-left: -52px; width: 100px; }
	.menutop {font-size:2vw; clear:both; margin-top:5px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 90%; font-size: 12px; line-height: 15px; }
}

@media only screen and (max-width: 479px) {
    /*.banner-bar { display: none; }*/
	.endofyear-bar { top: 30px; }
	.banner-bar .flexslider ul.slides li .caption { top: 10px; }
	.menutop {font-size:2vw; clear:both; margin-top:5px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 90%; font-size: 12px; line-height: 15px; }	
}

@media only screen and (max-width: 359px) {
	.banner-bar .flexslider ul.slides li .caption h2 { font-size: 14px; }
	#border-part { height: 1px; }
	.endofyear-bar { top: 20px; }
	.footer-bar a { margin: 0 0px; }
	.menutop {font-size:2vw; clear:both; margin-top:5px;}
    .banner-bar .flexslider ul.slides li .caption p { width: 90%; font-size: 12px; line-height: 15px; }	
}