@font-face {font-family: 'latoregular';src: url('../font/lato-regular-webfont.eot');src: url('../font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/lato-regular-webfont.woff2') format('woff2'), url('../font/lato-regular-webfont.woff') format('woff'),url('../font/lato-regular-webfont.ttf') format('truetype'), url('../font/lato-regular-webfont.svg#latoregular') format('svg');font-weight: normal; font-style: normal;}
@font-face {font-family: 'latobold';src: url('../font/lato-bold-webfont.eot');src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/lato-bold-webfont.woff2') format('woff2'),   url('../font/lato-bold-webfont.woff') format('woff'),url('../font/lato-bold-webfont.ttf') format('truetype'),url('../font/lato-bold-webfont.svg#latobold') format('svg');font-weight: normal;font-style: normal;}
*{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
ul, li{margin:0px; padding:0;}
a{text-decoration:none;}
.watch_large{background:url(../images/watch_large.png) no-repeat; height:40px; line-height:40px; display:inline-block; padding:0 0 0 60px; font-size:14px; color:#fff;}
.watch_small{background:url(../images/watch_small.png) no-repeat; height:28px; line-height:28px; display:inline-block; padding:0 0 0 40px; font-size:12px; color:#c1c1c1;}

body{background-color:#020202; color:#fff; font-family: 'latoregular'; margin:0; padding:0px; font-weight:400;}
.reflection_container{margin:0 auto; max-width:1138px; width:100%;}
.reflection_banner{float:left; width:100%; /*background:url(../images/reflection_banner_large.jpg);*/ height:523px; border-radius:4px; overflow:hidden; position:relative;}
.reflection_banner .info{ padding:40px 93px; max-width:675px; width:100%; position:absolute; top:25px;}
.reflection_banner .logo_reflec{ float:left; width:100%; padding:0 0 40px}
.reflection_banner .logo_reflec .logo_con{float:left; border-right:1px solid #9d9b99; padding:0 35px 0 0;}
.reflection_banner .logo_reflec h1{font-size:40px; padding:25px 0 0 33px; float:left; margin:0; line-height:22px; font-family: 'latobold'; font-weight:700;}
.reflection_banner .logo_reflec h1 small{font-size:16px; font-family: 'latobold'; font-weight:400;}
.reflection_banner .info h3{ font-size:35px;}
.reflection_banner .info .timer{background:url(../images/timer_ic.png) no-repeat; font-size:14px; padding:0 0 0 25px; height:19px; line-height:19px;}
.reflection_banner .info .info_con{line-height:20px; font-size:14px; padding:15px 0;}

.reflection_middle{float:left; width:100%; padding:40px 0;}
.reflection_middle h2{ font-size:22px; font-weight:400; padding:0 0 40px;}
.reflection_middle h2 span{font-family: 'latobold';}
.reflection_middle ul{float:left; width:100%;}
.reflection_middle ul li{float:left; width:100%; background-color:#161616; border-radius:4px; overflow:hidden;  margin:0 0 45px;}
.reflection_middle ul li .video_thumb{float:left; width:262px;}
.reflection_middle ul li .video_thumb .watch_small{display:none;}
.reflection_middle ul li .video_thumb img{display:block;}
.reflection_middle ul li .video_con{float:left; width:calc(100% - 262px); padding:20px 50px; color:#989898;}
.reflection_middle ul li .video_con h3{ font-size:18px;  font-family: 'latobold'; font-weight:400;}
.reflection_middle ul li .video_con h3 small{ font-size:18px;  font-family: 'latoregular'; font-weight:400;}
.reflection_middle ul li .video_con p{font-size:14px; line-height:20px; color:#ffffff;}

.reflection_footer{float:left; width:100%; background-color:#161616; padding:38px 40px; border-radius:6px 6px 0 0; font-size:12px; color:#b9b9b9;}
.youtube_channel{float:right;}
.youtube_channel span{float:left; padding:0 20px;}
.youtube_channel span:first-child{border-right:1px solid #424242; padding:5px 20px;}
.reflection_middle ul li .video_con p .show_hide{display:none;}
.copy{padding:5px 0 0; float:left;}
.dsk_show{display:block;}
.mob_show{display:none;}

.slider_prev{position:absolute; background:url(../images/arrow_prev.png) no-repeat; width:13px; height:24px; left:15px; top:250px; z-index:9; font-size:0;}
.slider_next{position:absolute; background:url(../images/arrow_next.png) no-repeat; width:13px; height:24px; right:15px; top:250px; z-index:9; font-size:0;}

.desk-d-arrow{display: inline-block; padding-left: 20px;}
.mobi-d-arrow{display: none;}

@media screen and (min-width:980px){
.show_hide{ display:none;}
}

@media screen and (max-width:1080px){
	.reflection_middle {padding: 40px;}
}

@media screen and (max-width:980px){
	.reflection_banner{float:left; width:100%;/* background:url(../images/reflection_banner_small.jpg);*/ background-size:cover; height:auto; border-radius:4px; overflow:hidden;}
	..reflection_banner .info {padding: 30px 60px;}
	.reflection_banner .info h3 {font-size: 24px; display:inline-block;  width:100%;}
.show_hide{color:#ffba00; cursor:pointer;}
.reflection_middle{padding:30px;}
.reflection_middle ul li .video_thumb {width:100%;}
.reflection_middle ul li .video_thumb img{width:100%;}
.reflection_middle ul li .video_con {width:100%; padding:30px;}
.reflection_middle ul li .video_con h3 small {font-size: 14px;}
.reflection_middle ul li .video_con h3{font-size: 18px;}
.reflection_middle ul li .video_thumb{position:relative;}
.reflection_middle ul li .video_thumb .watch_small{display:block; position:absolute; bottom:20px; z-index:9; left:20px;}
.reflection_middle ul li .video_thumb:after{position:absolute; left:0; bottom:0; content:""; width:100%; height:100%; background:url(../images/shadow.png) repeat-x bottom;}
.reflection_middle ul li .video_con .watch_small{display:none;}
.reflection_middle ul li .video_con p .show_hide{display:block;}
.show_hide .hide{display:none;}
.show_hide.active .show{display:none;}
.show_hide.active .hide{display: inline-block;}
.youtube_channel span:first-child {display: none;}
.copy{padding:0px 0 0; float:left;}
.dsk_show{display:none !important;}
.mob_show{display:block; width:100%;}
.reflection_banner .logo_reflec .logo_con {padding: 0 15px 0 0;}
.reflection_banner .logo_reflec h1 {font-size: 19px; padding: 25px 0 0 13px;}

.reflection_banner .info {padding: 40px 65px;}
.reflection_banner .info h3 {font-size: 21px;text-align: center;}
	
}


@media screen and (max-width:600px){
	.desk-d-arrow{display: none}
	.mobi-d-arrow{display: block; text-align: center; padding-top: 20px;}
}