html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
}
iframe{
	border:0;
}

.clear { clear:both;}

/* ==================================================
   1. Basic Styles
================================================== */

html, body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	line-height:23px; 
	color:#000;
	font-weight:400;
	font-size:15px;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	font-smooth: always;

font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
a{
	color:#000;
	text-decoration: none;
	cursor: pointer;
	
}
a:hover{
	text-decoration:none; color:#000;
}
a:hover,
a:active,
a:focus{
	outline: 0;
	text-decoration:none;
	color:#000;
}
a img {
	border: none;
}
a > img {
	vertical-align: middle;	
}

.thum img {
	width: 240px;
	height: auto;
}





.parallax{
	/*background-attachment: fixed!important;*/
	background-position:center top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}


.main{width:100%; margin: 0px auto ;  padding:0px 0px 0px;}




.logo{ float:left; padding:31px 0px 30px;}
.logo a{ font-size:30px; font-weight:700; color:#a11f49;}
.logo a img { width: auto; height: 80px;}
.navi{ float:right; width:820px; padding:28px 0px 0px 0px;}
.extrapad{ padding-top:55px;}

.plr{ padding-left:0px; padding-right:0px;}




.slider-box{ padding-top:100px; padding-bottom:88px;}
.slider-box img{ width:100%;}
.slider-box .rod{ color:#fff; font-size:24px; font-weight:700; margin:0px; padding:0px 0px 30px 0px; text-transform:uppercase;}
.slider-text{ padding-top:55px; line-height:36px; color:#fff; }
.slider-text .goed{ font-size:18px; font-weight:700; color:#fff;} 

.slider-hedsp{ padding-top:30px;}
.slider-hedsp .mds{ font-size:18px; font-weight:700; color:#fff; padding-bottom:10px;}
.slider-hedsp .mds span{ text-transform:uppercase;}
.slider-hedsp a:hover{ text-decoration:underline;}
.winamp a{ background:url(/images/pop/winamp.png) no-repeat left; font-size:14px; color:#fff; padding:0px 0px 0px 46px; float: left; width:193px; margin-top:15px;}
.real a{ background:url(/images/pop/real.png) no-repeat left; font-size:14px; color:#fff; padding:0px 0px 0px 46px; float: left; width:193px; margin-top:15px;}

.win a{ background:url(/images/pop/wind.png) no-repeat left; font-size:14px; color:#fff; padding:0px 0px 0px 46px; float: left; width:211px; margin-top:15px;}
.its a{ background:url(/images/pop/itune.png) no-repeat left; font-size:14px; color:#fff; padding:0px 0px 0px 46px; float: left; width:211px; margin-top:15px;}

.sp-bg{  font-size:15px; color:#fff; line-height:31px;}
.sp-bg .ger{ font-size:18px; font-weight:700; padding:0px 0px 5px 0px; line-height:24px;}
.sp-bg .thu{ float:left; width:120px; height:120px; margin-right:30px;}
.sp-bg .thu .image { max-width: 120px; max-height: 120px; }
.sp-bg .lin a{ font-size:15px; font-weight:700; text-decoration:underline; color:#47072f;}
.sp-bg .lin a:hover{ text-decoration:none;}
.sp-bg1{ background:url(/images/pop/line-sp.png) no-repeat 98% 18px; padding-bottom:10px; }
.cont-box{ padding:15px 15px 10px 15px; font-size:14px; line-height:26px; color:#969696;}

.cont-box .thum{ float:left; width:240px; height:240px; margin-right:15px; text-align: center; }
.cont-box .thum .image { max-width: 240px; max-height: 240px; }
.cont-box h2 { font-size:18px; font-weight:700; color:#3f3f3f; padding:5px 0px 7px;}
.cont-box h2 a{ color:#3f3f3f; }
.clend { background:url(/images/pop/purple/calender.png) no-repeat left top; font-size:13px; color:#3f3f3f; padding-left:23px; padding-right: 15px; float:left; line-height:16px; padding-bottom:5px;}
.chat { background:url(/images/pop/purple/chat.png) no-repeat left top; font-size:13px; color:#3f3f3f; padding-left:23px; width:160px; float:left; line-height:16px; padding-bottom:5px;}

.clend a{  color:#3f3f3f; }
.chat a{  color:#3f3f3f;} 


 
.comt{float:left; width:495px;}
.comt h2 a:hover { color:#530834; }
.righ-hed .nv{ background:#a11f49; height:45px; line-height:45px; font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase; padding-left:16px;}
.righ-hed .nv img{ float:right; padding:10px 15px 0px 10px;}
.right-texh{ font-size:18px; color:#3f3f3f; text-transform:uppercase; line-height:30px; font-weight:700;} 
.right-texhp{ font-size:18px; color:#530834;  line-height:30px; font-weight:700;}
.right-texhp span{ color:#969696;} 
.right-texhpo{ font-size:14px; color:#969696; line-height:30px;}
.right-texhpo span{ color:#3f3f3f; font-weight:700;}
.rights1{ padding:0px 0px 30px;}
.cont-box .fullwidth { width: 100%; padding-right: 15px; }

.righ-hed3{ background:#fff;  padding:0px ; font-size:13px; color:#969696;}
.righ-hed3 .texl{ font-weight:700; color:#3f3f3f; float:left; width:60%;}
.righ-hed3 .texr{  color:#969696; float: right; width:40%; text-align:right;}
.pddlr{ padding-left:15px; padding-right:15px;}
.fot .fhed{ font-size:18px; font-weight:700; color:#fff; padding:0px 0px 10px 0px; text-transform:uppercase;}
.fot .txts{ text-align:left; color:#fff;}
.fot .txts a{ color:#fff; line-height:30px;}
.social{margin-bottom:7px; height:32px;}
.social a{  font-size:14px; color:#fff; line-height:32px; }
.social img{ margin-right:11px; opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ }

.fott{ margin:0px; padding:8px 0px 0px 0px; line-height:30px; font-size:14px; color:#fff;}
.fott ul{ margin:0px; padding:0px; list-style:none;}
.fott ul li a{ margin:0px; padding:0px; list-style:none; background:url(/images/pop/purple/arrow.png) no-repeat left 6px; line-height:30px; font-size:14px; color:#fff; padding:0px 0px 0px 14px;}

/*color*/
.slider-but { float:left; width:150px; height:45px; background:#530834; font-size:14px; color:#ee928c; font-weight:700; text-align:center; line-height:45px; display:block; margin:15px 0px 0px;}
.slider-but a{ text-align:center;  display:block; color:#ee928c; }
.slider-but a:hover{ background-image: url(/images/pop/transparent-pixel.png); }
.slider-hed{ width:100%; background:#641334 url(/images/pop/purple/sp-bg.jpg) no-repeat center top; padding-bottom:22px; }
.slider-bg{
	/*background-attachment: fixed!important;*/
	background-position:center top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	 background-image:url(/images/pop/purple/header-bg.jpg)
}
.top-hed{ background:#fff; width:100%; margin:0px auto ;}

.med-part{ background:#e3e3e3; padding-top:30px; padding-bottom:90px;}
.hed-left{ background:#530834; height:45px;}
.hed-left h1{ font-weight:700; text-transform:uppercase; line-height:45px; color:#fff; padding-left:16px; font-size:15px;}
.box-part{ background:#fff;}
.line-bg{ border-bottom:solid 1px #e3e3e3; height:1px;}

.righ-hed1{ background:#fff; padding:10px 15px 10px 15px; margin-bottom: 30px;}
.righ-hed2{ background:#fff; padding:0px ;}
.righ-hed3{ background:#fff; padding:0px ; font-size:13px; color:#969696;}
.rights-tess{ width:15%; font-size:11px; color:#969696; text-align:center; line-height:24px; float:left;}
.rights-tessa{ width:85%; font-size:14px; color:#969696; line-height:24px; float:left;}
.rights-tessa span{ color:#3f3f3f;}
.rights-tessa1{ font-weight:700; color:#3f3f3f;}
.contsp{ padding:8px 0px 8px 0px; background:#fff; border-bottom:solid 1px #e3e3e3;}
.contsp1{ padding:8px 0px 8px 0px; background:#f5f5f5; border-bottom:solid 1px #e3e3e3;}

.contsp2{ padding:8px 15px 8px 15px; background:#fff; border-bottom:solid 1px #e3e3e3;}
.contsp3{ padding:8px 15px 8px 15px; background:#f5f5f5; border-bottom:solid 1px #e3e3e3;}

.beric a{ background:#eb6273; text-align:center; color:#530834; line-height:45px; font-weight:700; text-transform:uppercase; display:block;  }
.beric a:hover{ background-image: url(/images/pop/transparent-pixel.png); }
.fot{
background: rgba(135,23,66,1);
background: -moz-linear-gradient(top, rgba(135,23,66,1) 0%, rgba(83,8,52,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,23,66,1)), color-stop(100%, rgba(83,8,52,1)));
background: -webkit-linear-gradient(top, rgba(135,23,66,1) 0%, rgba(83,8,52,1) 100%);
background: -o-linear-gradient(top, rgba(135,23,66,1) 0%, rgba(83,8,52,1) 100%);
background: -ms-linear-gradient(top, rgba(135,23,66,1) 0%, rgba(83,8,52,1) 100%);
background: linear-gradient(to bottom, rgba(135,23,66,1) 0%, rgba(83,8,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871742', endColorstr='#530834', GradientType=0 ); padding:60px 0px 45px 0px;
}
.fot a:hover, .copy a:hover {text-decoration:underline;}
.copy{ background:#47072c; line-height:120px; font-size:12px; color:#fff;}
.copy a{ color:#fff;}
/*.contsp{ padding:0px 0px 5px 0px; background:#fff;}*/
/*color*/







.bod-left{ float:left; width:790px;}
.bod-right{ float:right; max-width:350px; width: 100%; }