/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
	margin:0;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}

#slider{
	position:relative;
	width:939px;
	height:412px;
	border:3px solid #fff;
	overflow:hidden;
	float:left;
	margin-right:10px;
	background-color:#fff;
}

#slider .slide .text-side{
font-family:'Open Sans';
float:left;
width:323px;
height:360px;
border-left:3px solid #fff;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e3f2fc 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e3f2fc 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e3f2fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3f2fc',GradientType=0 );
}

#slider .slide a.img{
display:block;
float:left;
width:610px;
height:406px;
overflow:hidden;
}

#slider .slide a.img img{
	display:block;
	max-width:100%;
}

#slider .slide .text-side .text{
padding:0 13px;
height:305px;
overflow:hidden;
}

#slider .slide .text-side .text *{
color:#366096;
font-size:17px;
line-height:1.3;
margin-bottom:15px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#slider .slide:hover .text-side .text *{
	color:#1a161b;
}

#slider .slide .text-side .text h3{
	position:relative;
	padding:15px 8px 0 0;
}

#slider .slide .text-side .text h3:after{
	position:relative;
	display:block;
	content:'';
	width:108px;
	height:3px;
	background-color:#da251c;
	margin:13px 0 20px 0;
}

#slider .slide .text-side .text h3 *{
display:block;
font-weight:700;
font-size:24px;
line-height:1.3;
color:#da251c;
padding:5px 0;
text-transform:uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider .slide:hover .text-side .text h3 *{
color:#000;
}

#slider .slide div.more-btn{
	padding-top:5px;
	text-align:center;
}

#slider .slide div.more-btn a{
display:inline-block;
background: #ef6b64;
background: -moz-linear-gradient(left, #ef6b64 0%, #da251c 100%);
background: -webkit-linear-gradient(left, #ef6b64 0%,#da251c 100%);
background: linear-gradient(to right, #ef6b64 0%,#da251c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6b64', endColorstr='#da251c',GradientType=1 );
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider .slide div.more-btn a span{
	position:relative;
	display:block;
	color:#0d83be;
line-height:36px;
font-size:16px;
font-weight:600;
padding:0 33px 0 16px;
border:2px solid #cdebfc;
background:#fff url('../frameimage/homepage/arrows.png') no-repeat right 11px top 9px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider .slide div.more-btn a span:after{
	position:absolute;
	content:'';
	right:11px;
	top:9px;
	width:10px;
	height:18px;
	background: url('../frameimage/homepage/arrows.png') no-repeat 0 -33px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider .slide div.more-btn a:hover span{
color:#fff;
border-color:transparent;
background-color:transparent;
}

#slider-portlet ul.slick-dots,
#slider ul.slick-dots{
position:absolute;
bottom:0;
right:0;
width:320px;
height:41px;
padding:14px 0 0;
text-align:center;
background: #9edafa;
background: -moz-linear-gradient(left, #9edafa 0%, #c1e7ff 100%);
background: -webkit-linear-gradient(left, #9edafa 0%,#c1e7ff 100%);
background: linear-gradient(to right, #9edafa 0%,#c1e7ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9edafa', endColorstr='#c1e7ff',GradientType=1 );
z-index:2;
}

#slider-portlet ul.slick-dots{
	width:100%;
	height:32px;
	padding-top:9px;
}

#slider-portlet ul.slick-dots:after,
#slider ul.slick-dots:after{
	position:absolute;
	content:'';
	left:0;
	top:-2px;
	width:100%;
	height:2px;
background: #9edafa;
background: -moz-linear-gradient(left, #9edafa 0%, #b4e1f9 100%);
background: -webkit-linear-gradient(left, #9edafa 0%,#b4e1f9 100%);
background: linear-gradient(to right, #9edafa 0%,#b4e1f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9edafa', endColorstr='#b4e1f9',GradientType=1 );
z-index:1;	
}

#slider-portlet ul.slick-dots li,
#slider ul.slick-dots li{
display:inline-block;
width:23px;
margin:0;
text-align:center;
vertical-align:top;
}

#slider-portlet ul.slick-dots li button,
#slider ul.slick-dots li button{
display:block;
width:11px;
height:11px;
outline:0;
padding:0;
border:3px solid #2ba2df;
background-color:#3fb7f4;
cursor:pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider-portlet ul.slick-dots li:not(.slick-active) button:hover,
#slider ul.slick-dots li:not(.slick-active) button:hover{
background-color:#fff;
border-width:2px;
  -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
       -o-transform:scale(1.1);
          transform:scale(1.1);
}

#slider-portlet ul.slick-dots li.slick-active button,
#slider ul.slick-dots li.slick-active button{
border-color:#d3544d;
background-color:#cf7258;
cursor:default;
}

span.slick-nav{
	position:absolute;
	display:inline-block;
	top:50%;
	margin-top:-47px;
	width:68px;
	height:94px;
	cursor:pointer;
	z-index:3;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#slider-portlet span.slick-nav{
	top:37%;
}

span.slick-nav:before,
span.slick-nav:after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../frameimage/homepage/slider-navs.png') no-repeat 0 0;
	z-index:1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

span.slick-nav:after{
	z-index:2;
}

span.slick-nav.slick-prev{
	left:3px;
}

span.slick-nav.slick-next{
	right:326px;
}

#slider-portlet span.slick-nav.slick-next{
	right:3px;
}

span.slick-nav.slick-prev:before{
	background-position: 0 0;
}

span.slick-nav.slick-next:before{
	background-position: 100% -99px;
}

span.slick-nav.slick-prev:after{
	background-position: 0px -198px;
}

span.slick-nav.slick-next:after{
	background-position: 100% -297px;
}

#slider-portlet:not(:hover) span.slick-nav,
#slider:not(:hover) span.slick-nav,
span.slick-nav:not(:hover):after,
#slider .slide div.more-btn a:hover span:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;	
}