@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; overflow-x:hidden; }

::-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:#d53d03;}
 a:hover {color:#d23100;}

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;}
 @media only screen and (min-width: 980px) {
	.block {padding:30px;}
	.thumbs {  padding: 10px 5px 5px 10px; }
 }
 
 
.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 #d23100; display: block; }
	.thumb span ins { border: 0; margin: 0; bottom: 0; background: #d23100; 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: #d23100; }
	.thumb a:active ins { background-color: #d23100; }



/* 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: #d23100; border-radius: 50px; -webkit-border-radius: 50px;border:3px solid #fff }
.anythingControls a span {display:none; }
.anythingControls a.cur { background: #d23100; border:3px solid #d23100}
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { background: #d23100; }

.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)}
.button:hover {color:#fff;}

	.green_button {
	 background: #ed8203;
	 background: -moz-linear-gradient(top, #d53d03 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed8203), color-stop(100%,#d53d03)); /* Chrome,Safari4+ */
	 border:2px solid #b90000; 
	 }
	 
	 .green_button:hover {background: #ff8a00; /* Old browsers */
	 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background: -moz-linear-gradient(top, #ff8a00 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a00), color-stop(100%,#bd0c04)); /* Chrome,Safari4+ */}
	 
	 .green_button:active {background: #4c8907; /* Old browsers */
	 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background: -moz-linear-gradient(top, #d53d03 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d53d03), color-stop(100%,#bd0c04)); /* Chrome,Safari4+ */
	 box-shadow:none; -webkit-box-shadow:none;}
	 
	 .lt-ie9 .green_button {background: #d53d03;} 
	 .lt-ie9 .green_button:hover {background: #ff8a00;} 
	 .lt-ie9 .green_button:active {background: #d53d03;}

	.pink_button {
		padding:.8em 3em; font-size:16px; font-size:1.6rem;
	 background: #ed8203;
	 background: -moz-linear-gradient(top, #d53d03 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed8203), color-stop(100%,#d53d03)); /* Chrome,Safari4+ */
	 border:2px solid #b90000; 
	}
	
	.pink_button:hover {background: #ff8a00; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background: -moz-linear-gradient(top, #ff8a00 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a00), color-stop(100%,#bd0c04)); /* Chrome,Safari4+ */}
	
	.pink_button:active {background: #4c8907; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background: -moz-linear-gradient(top, #d53d03 0%, #bd0c04 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d53d03), color-stop(100%,#bd0c04)); /* Chrome,Safari4+ */
	 box-shadow:none; -webkit-box-shadow:none;}
	
	.lt-ie9 .pink_button {background: #d53d03;} 
	.lt-ie9 .pink_button:hover {background: #ff8a00;} 
	.lt-ie9 .pink_button:active {background: #d53d03;} 

/* 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:#d23100;}

/* under */
.under_block {min-height:270px; font-size:14px; font-size:1.3rem; 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:#d23100; 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:360px; float:left; margin-bottom:20px; text-align:center;}
	.col_in {padding:0 20px; height:270px;}
	
	.under_block i {display:block; background:url(../images/3bottom.png) no-repeat; height:83px; margin:0 auto 10px auto;}
	i.under1 {width:70px;}
	i.under2 {width:62px; background-position:-274px top;}
	i.under3 {width:68px; background-position:right top;}



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

/* header */
header {}
header .wrap {position:relative;}
	.header_padd {padding:20px 10px;}
	header h1 {/*margin-right:40px;*/ display:inline-block; vertical-align:middle;}
	header h1 img {display:block;}
	header h2 {line-height:34px; 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:10px; top:20px;}
	header p strong {color:#d23100; font-weight:bold;}

/* top */
.top { background: #403b3b; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.2); height:42px; line-height:42px; }
.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:#231f1f}
.top li.active a {background:url(../images/active.png) no-repeat center bottom;}
.top li.active a:hover {color:#d23100;background-color:#231f1f}
.top ul {margin-left:-10px;}
.top li i {position:absolute; display:block; width:18px; height:17px; background:url(../images/menu.png) no-repeat; top:12px; left:10px}

.top li i.top1 {background-position:left top;}
.top li i.top2 {background-position:left -17px;}
.top li i.top3 {background-position:left -34px;}
.top li i.top4 {background-position:left -51px;}

.top li.active i.top1 {background-position:right top;}
.top li.active i.top2 {background-position:right -17px;}
.top li.active i.top3 {background-position:right -34px;}
.top li.active i.top4 {background-position:right -51px;}

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

.download_top {background:#231f1f url(../images/download.gif) no-repeat 20px center; line-height:42px; display:block; padding:0 20px 0 46px; font-weight:bold; text-decoration:none; color:#fff;} 


/* 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_pop.png) no-repeat 20px center; 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;}
.pop h2 a:hover {text-decoration:underline;color:#d53d03}
.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.1em;}
.pop_in img {padding:2px; background:#fff; border:1px solid #c0b6b2; float:left;}

.pop_text {float:right; width:430px;  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:#d23100;}
.pop_text h4 {font-size:15px; font-size:1.6rem; font-weight:bold; margin-bottom:11px; }
.pop_text h4 strong, .pop_text a  {color:#d23100;}
.pop_text a {text-decoration:none;}
.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;}