@charset "utf-8";
.banner{width: 100%;min-width: 1200px;}
#viewport {position: relative;width: 100%;}
.view-content,.view-img, .slide {margin:0;padding:0;height:490px;width: 100%;}
@media (max-width: 1400px) { .view-content,.view-img, .slide{ height:360px; }}
#viewport .slide {left:0;background-repeat:no-repeat;background-position:center center;}
#viewport .slide a {display:block;position:absolute;width:970px;height:100%;top:0;left:50%;margin-left:-485px;}
.view-content {overflow: hidden;text-align:center;}
/* line 37, sass/screen.scss */
#controls {overflow: hidden; *zoom:1;}
/* line 44, sass/screen.scss */
#controls li {display: inline;float:left;width:33%;text-align:center;}
/* line 48, sass/screen.scss */

#next {right:0;background-position:-80px 0;}
#prev {left:0;background-position:0 0;}
/* line 78, sass/screen.scss */
#next:hover { background-position:-80px -100px; }
#prev:hover { background-position:0 -100px; }
.view-controls {position:absolute;bottom:20px;left:10%;right:10%;}
.view-controls a {
	display:inline-block;
	background-color:#fff;
	width:32px; height:8px;
    -moz-border-radius:10px;      /* Gecko browsers */
    -webkit-border-radius:10px;   /* Webkit browsers */
    border-radius:10px;
	overflow:hidden;
	margin:0 0 0 10px;
	/*border:solid white 2px;*/
	-webkit-transition: border-color 350ms ease;
	-moz-transition: border-color 350ms ease;
	-o-transition: border-color 350ms ease;
	-ms-transition: border-color 350ms ease;
	transition: border-color 350ms ease;
	transition: border-color 350ms ease;
}
.view-controls a:hover,.view-controls a.active  { background-color: #05aafa;  }