@charset "utf-8";
/* CSS Document */
.carousel{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; background: #ffffff; }
    .carousel .panels{ width: 100%; height: 580px; margin: 0 auto; display: block; list-style: none; padding: 0; position:relative; z-index:0; }
.carousel .panels li {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; }
.carousel .panels li a {display:block;width: 100%;height: 100%;cursor: pointer;}
.carousel .arr{width:1000px;}
.carousel .arr .arrow{position:absolute;z-index:10;top:50%;margin-top:-37px;opacity:0.1;}
.carousel .arr .prev{left:50%;}
.carousel .arr .next{right:50%;}
.slide-content{position:absolute;top:0;bottom:140px;left:50%;width:500px;text-align:center;}
.logo{background-position: center top;background-repeat:no-repeat;margin-left:auto;margin-right:auto;height:280px;}
.ir {display: block;text-indent: -999em;overflow: hidden;background-repeat: no-repeat;text-align: left;direction: ltr;}
.slide-content h3{font-weight:bold;font-size:28px;line-height:34px;text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;padding: 0 50px;height:50px;margin-top:-80px;}
.action-area{position:absolute;width:500px;height:120px;margin-top:30px;}/*bottom:10px;*/
.slide-content .play-now{width:200px;font-size:24px;line-height:45px;height:45px;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;text-shadow: 0 0 10px #000000,0 0 10px #000000,0 0 10px #000000,0 0 10px #000000;top:25%;margin:0 auto;}
.slide-content .play-now:hover {text-shadow: 0 0 8px #000000, 0 0 8px #000000, 0 0 8px #000000,0 0 8px #000000;}
.button.calico-sunrise {border-color:#c4752e;position:relative;z-index:1;-webkit-box-shadow: 0 0px 25px 8px #000000, inset 0px 1px 0 0px #C4B6B3;-moz-box-shadow: 0 0px 25px 8px #000000, inset 0px 1px 0 0px #C4B6B3;box-shadow: 0 0px 25px 8px #000000, inset 0px 1px 0 0px #C4B6B3;background-color:#eac161;background-image: -webkit-gradient(linear, left top, left bottom, from(2%, #88746a), color-stop(#452313), to(100%, #953b21));background-image: -webkit-linear-gradient(top, #eac161 5%, #74471b, #74471b 100%);background-image: -moz-linear-gradient(top, #eac161 2%, #74471b, #74471b 100%);background-image: -ms-linear-gradient(top, #eac161 5%, #74471b, #74471b 100%);background-image: -o-linear-gradient(top, #eac161 5%, #74471b, #74471b 100%);   background-image: linear-gradient(top, #eac161 5%, #74471b, #74471b 100%);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eac161', endColorstr='#74471b');}
.button.calico-sunrise:hover {-webkit-box-shadow: 0 0px 1px 1px #c4752e, 0 0px 25px 8px black, inset 0px 1px 0 0px #c4b6b3;-moz-box-shadow: 0 0px 1px 1px #c4752e, 0 0px 25px 8px black, inset 0px 1px 0 0px #c4b6b3;box-shadow: 0 0px 1px 1px #c4752e, 0 0px 25px 8px black, inset 0px 1px 0 0px #c4b6b3;border-color: #c4752e;background-color:#eac161;background-image:-webkit-gradient(linear, left top, left bottom, from(2%, #9d7c74), color-stop(#452313), to(100%, #bd9521));background-image: -webkit-linear-gradient(top, #eac161 2%, #74471b, #e6daa6 100%);background-image: -moz-linear-gradient(top, #eac161 2%, #74471b, #e6daa6 100%);background-image: -ms-linear-gradient(top, #eac161 2%, #74471b, #e6daa6 100%);background-image: -o-linear-gradient(top, #eac161 2%, #74471b, #e6daa6 100%);background-image: linear-gradient(top, #eac161 2%, #74471b, #e6daa6 100%);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eac161', endColorstr='#215995');}
.button.large{font-size:24px;line-height:45px;height:45px;text-transform:none;padding:0 35px;}
.button.calico-sunrise:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background-image: -moz-radial-gradient(center bottom, ellipse, #eac161 15%, gba(128,54,18,0.1) 60%);background-image: -webkit-radial-gradient(center bottom, ellipse, #eac161 15%, rgba(128,54,18,0.1) 60%);background-image: -o-radial-gradient(center bottom, ellipse, #eac161 15%, rgba(128,54,18,0.1) 60%);background-image: -ms-radial-gradient(center bottom, ellipse, #eac161 15%, rgba(128,54,18,0.1) 60%);background-image: radial-gradient(ellipse at center bottom , #eac161 15%, rgba(128, 54, 18, 0.1) 60%);}
.button {cursor: pointer;display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: top;padding: 1px 12px 0;position: relative;font-size: 10px;line-height: 25px;
font-weight: bold;text-transform: uppercase;text-align: center;color: #FFF !important;text-shadow: -1px -1px 0 #424242;border-style: solid;border-width: 1px;border-color: #8e8e8e #5a5a5a #353535;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;background-color: #696969;background-image: -webkit-gradient(linear, left top, left bottom, from(dimgrey), to(#404040));
background-image: -webkit-linear-gradient(top, dimgrey, #404040);background-image: -moz-linear-gradient(top, dimgrey, #404040);background-image: -ms-linear-gradient(top, dimgrey, #404040);
background-image: -o-linear-gradient(top, dimgrey, #404040);background-image: linear-gradient(top, dimgrey, #404040);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#696969', endColorstr='#404040');}
.hd { position: absolute; bottom: 20px; right: 25%; }
.hd ul li { width: 20px; height: 20px; border-radius :50%; margin-right: 10px; background: #f5f5f5; float: left; cursor: pointer; -ms-transform: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.hd ul li.on { background: #fe711c; width: 60px; border-radius: 8px; }