@import url(//fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

html { font-size: 62.5%; }
html, button, input, select, textarea { color: #222; }
body { font-size: 12rem; font-family: 'Open Sans', sans-serif;text-rendering: optimizeLegibility; }

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; max-width: 100%; height: auto; }
body { font-size: 12px; font-size: 1.2rem; color: #403b3b; background: #f2eeec; text-align: center; }


 a {color:#ff0000;}
 a:hover {color:#05b5b7;}

strong {font-weight:bold;}

/* wrap */
.wrap { width: 765px; margin: 0 auto; text-align: left; }
 @media only screen and (min-width: 980px) {
.wrap { width: 890px; margin: 0 auto; }
}
 @media only screen and (min-width: 1035px) {
.wrap { width: 1015px; margin: 0 auto; }
}
 @media only screen and (min-width: 1270px) {
.wrap { width: 1265px; margin: 0 auto; }
}

/* thumbs */
.block {position: relative; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; padding:20px; margin-bottom:10px;}
	.blockall {padding:0;}
 @media only screen and (min-width: 980px) {
	.block {padding:30px;}
	.thumbs {  padding: 10px 5px 5px 10px; }
		.blockall {padding:0;}

 }
 
 
.thumbs {  padding: 10px 5px 5px 10px; }
	.thumbs .thumb {margin: 0 5px 5px 0; width: 120px; float:left; }
	.thumb span { position: absolute; visibility: hidden; }
	.thumb a:hover span { visibility: visible; }
	.thumb a:hover span { width: 116px; height: 116px; border: 2px solid #ff0000; display: block; }
	.thumb span ins { border: 0; margin: 0; bottom: 0; background: #ff0000; position: absolute; width: 116px; text-align: center; line-height: 24px; line-height: 2.4rem; }
	.thumb a { color: #fff; font-weight: bold; text-transform: uppercase; }
	.thumb a:active span { border-color: #ff0000; }
	.thumb a:active ins { background-color: #ff0000; }



/* slider */
#slider { width: 960px; height: 620px; list-style: none; overflow-y: auto; overflow-x: hidden; }
.anythingSlider-default { margin: 0 auto; height:625px;}
.anythingControls a { background: #ff0000; border-radius: 50px; opacity:.4; -webkit-border-radius: 50px;border:3px solid #fff }
.anythingControls a span {display:none; }
.anythingControls a.cur { background: #ff0000; border:3px solid #ff0000; opacity: 1;}
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { background: #ff0000; }

.anythingControls { outline: 0; display: none; text-align:center; margin-bottom:10px; margin-left:-5px; }
.anythingControls ul { margin: 0; padding: 0;}
.anythingControls ul li { display: inline-block; }
.anythingControls ul a {display: inline-block; text-decoration: none; height: 6px; width:6px; margin: 0 0 0 0;outline: 0; }
.anythingControls .anythingNavWindow { overflow: hidden; float: left; }

.anythingSlider { display: block; overflow: visible !important; position: relative; }
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
.anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; }
.anythingSlider .fade .activePage { z-index: 1; }


.under_slider {text-align:center; padding:10px 0; font-size:14px; font-size:1.4rem; font-weight:bold;}


/* buttons */
.button {color:#fff;text-decoration:none; border-radius:8px; -webkit-border-radius:8px;font-weight:bold; padding:1em 1.6em; display:inline-block; font-size:14px; font-size:1.4rem; box-shadow:inset 0 1px 1px rgba(255,255,255,.3); -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.3); text-shadow:-1px -1px 0 rgba(0,0,0,.2); -webkit-text-shadow:-1px -1px 0 rgba(0,0,0,.2)
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C */}

.button:hover {color:#fff;}

	.green_button {background-color: #5aae05;}
	.green_button:hover {background-color: #66c308;}
	.green_button:active {background-color: #407c03; box-shadow:none; -webkit-box-shadow:none;}

	.pink_button {background-color: #d90000;}
	.pink_button:hover {background-color: #f33030;}
	.pink_button:active {background-color: #f33030; box-shadow:none; -webkit-box-shadow:none;}
	

/* over */
.over {background:#fff; background:rgba(255,255,255,.95); padding:2em; position:absolute; right:30px; bottom:64px; z-index:30; border-radius:12px; -webkit-border-radius:12px; box-shadow:0 3px 5px rgba(0,0,0,.3); text-align:center;}
.over h3 {font-size:16px; font-size:1.6rem; font-weight:bold; margin-bottom:10px; margin-bottom:1rem; line-height:1.2em;}
.over strong {color:#ff0000;}

/* under */
.under_block {min-height:270px; font-size:14px; font-size:1.4rem; line-height:1.4em;}

	.under_block h2 {font-size:24px; font-size:2.4rem; font-weight:bold; margin-bottom:20px;}
	.under_block h3 {font-size:18px; font-size:1.8rem; color:#000; font-weight:bold; margin-bottom:10px; line-height:1.2em;}

.video {width:360px; height:270px; float:left; margin-bottom:20px;}
	.player {width:360px; height:270px; background:#000 url(../images/play.png) no-repeat center center;}

	.cols3 .col {width:33.33%; float:left; margin-bottom:10px; text-align:center;}
	.col_in {padding:0 20px; height:270px;}
	
	.under_block i {display:block; height:83px; margin:0 auto 10px auto;}
	

	/* change colors */
	.under-block-icon-color-1 {fill:rgba(0,0,0,.2);}
	.under-block-icon-color-2 {fill:#ff0000;}


 @media only screen and (min-width: 980px) {
	 .cols3  {position:relative;}
	 .cols3 .col {width:33.33%; height:auto; margin:0;}
	 .col_in  {padding:0 15px; height:auto}
	
}

/* header */
header { position:relative;}
	.header_padd {padding:10px 20px 20px 20px;}
	header h1 { display:inline-block; vertical-align:middle; z-index:100; position:relative;}
	header h1 img {display:block;}
	header h2 {line-height:34px; position:absolute; left:360px; text-align:left; font-size:16px; font-size:1.6rem; font-style:italic; display:inline-block; vertical-align:middle;}
	header p { line-height:1.2em; position:absolute; right:20px; top:12px;}
	header p strong {color:#ff0000; font-weight:bold;}

.logo-bubble{fill:#E61284;}
			.logo-text-in-bubble{fill:#FFFFFF;}
			.logo-text{fill:#383838;}

/* top */
.top { background: #000; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.2); height:42px; line-height:42px; margin-bottom:10px; }
.top li {float:left; background:url(../images/li.png) no-repeat left center;}
.top li:first-child {background:none;}
.top li a {padding:0 10px 0 32px; color:#fff; text-decoration:none; display:block; line-height:42px; position:relative; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out;}
.top li a:hover {background-color:rgba(0,0,0,.4)}
.top li.active {background:url(../images/active.png) center bottom no-repeat;}
.top li a:hover {background-color:rgba(255,255,255,.4);}
.top ul {margin-left:-10px;}

.top li i, .top-download  {position:absolute; display:block; width:16px; height:16px; top:3px; left:10px;}

/* change colors */
.top-icon {fill:#ff0000;}
.top li.active .top-icon {fill:#fded53;}

/* color as green button */
.top-download {fill:#5aae05;}

@media only screen and (max-width: 980px) {
.top li:last-child {display:none;}
header h2 {display:none;}
}

.top-download-link {line-height:42px; display:block; padding:0 20px 0 30px; font-weight:bold; text-decoration:none; color:#fff; position: relative; background-color:#383737} 
	.top-download-link i {position:absolute; display:block; width:16px; height:16px; top:3px; left:10px;}
.top-download-link:hover {color:#ff0000;}
/* pop */

.overlay {background:#000;zoom: 1; filter: alpha(opacity=0); opacity: 0; position:fixed; top:0; left:0; width:100%; height:100%; z-index:200;}
.pop {position:fixed; z-index:300; background:#fff; width:620px; border-radius:12px; -webkit-border-radius:12px; box-shadow:0 0 10px #000; left:50%; margin-left:-310px; top:50%; margin-top:-120px; text-align:left;}
.pop h2 {background:#f3efed url(../images/online_icon.png) 18px center no-repeat; border-bottom:1px solid #c0b6b2; padding:.8em 0 .8em 38px; border-radius:12px 12px 0 0; font-size:18px; font-size:1.8rem; font-weight:bold;}
.pop h2 a {text-decoration:none; color:#f50000;}
.pop h2 a:hover {text-decoration:underline;}
.closepop {position:absolute; right:14px; top:15px; background:url(../images/close.png) no-repeat center center; width:16px; height:16px; zoom: 1; filter: alpha(opacity=20); opacity: 0.2; }
.closepop:hover {filter: alpha(opacity=50); opacity: 0.5;}
.closepop span {display:none;} 

.pop_in {padding:1.6em;}
.pop_in img {padding:2px; background:#fff; border:1px solid #c0b6b2; float:left;}

.pop_text {float:right; width:410px;  line-height:1.8em;}
.pop_text li { float:left; width:50%;}
.pop_text ul {margin-bottom:10px;}
.pop_text h3 {font-size:16px; font-size:1.6rem; font-weight:bold; color:#f50000;}
.pop_text h3 a {color:#f50000;}
.pop_text h4 {font-size:15px; font-size:1.5rem; font-weight:bold; margin-bottom:11px;}
.pop_text h4 strong, .pop_text a  {color:#e61883;}
.pop_text a {text-decoration:none; color:#f50000;}
.pop_text h4 span {white-space:nowrap;}
.pop .pink_button {padding:0.7em 1.5em; color:#fff;}

.pop, .overlay {display:none;}


/* footer */
footer {color:#696461; padding:.5em 0 2em 0; font-size:.9em}
footer p {margin:0;}


/* helpers */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.right { float: right; }
.left { float: left; }

.t_center {text-align:center;}
.r_right {text-align:right;}


/* blink all */

@keyframes blinker { from { opacity: 1.0; } to { opacity: 0.5; } } 
@-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.5; } } 
.blink { 
animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-duration: 1s;
-webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: 1s;} 

.blink:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  }
  
  
  
    /* ie 7 fixes */
.lt-ie8 header:before, .lt-ie8 header:after { content: " "; display: table; }
.lt-ie8 header:after { clear: both; }
.lt-ie8 header { *zoom: 1;
}

.lt-ie8 header h1, .lt-ie8 header h2 {float:left}
.lt-ie8 .top a {height:42px; display:block;}
.lt-ie8 .thumbNav li {display:inline;}

.lt-ie8 .cols3 .col {width:33%;}


.lt-ie9 .top li+li+li+li  {display: none;}