/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Lato, Arial, sans-serif; font-size:15px; line-height:28px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1170px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}


#content { background:url(../images/content-bg.png) repeat-x bottom #fff; padding-bottom:100px;}
#banner { background:url(../images/idx-ban-bg.png) top center;}
.single-item img { width:1170px; margin:0 auto; float:none;}

.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; display:none !important;}
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#fcbf02;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:47%;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px; color:#fcbf02;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px; color:#fcbf02;}

.idx-news { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:-40px;}
.idx-news > div { width:25%; padding:0 15px;}
.idx-news-box { min-height:75px; border:1px solid #e5e5e5; padding:15px 50px 15px 15px; position:relative; color:#000; text-align:left; line-height:150%; background:#fff;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-news-box i { display:inline-block; position:absolute; font-size:30px; color:#f5c620; right:20px; top:18px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-news-title { font-size:16px; text-transform:uppercase; padding-bottom:8px;min-height: 52px;}
.idx-news-title span{display:inline-block;}
.idx-news-date { font-family:Abel; font-size:14px;}
.idx-news > div:hover .idx-news-box { background:#f5c620; }
.idx-news > div:hover i { color:#fff;}

.idx-main { display:flex; flex-direction:row; flex-wrap:wrap; padding-top:45px;}
.idx-main > div { width:50%; padding:0 20px;}
.idx-video-title { font-size:20px; padding-bottom:8px;}
.idx-video-title a{color:#000;}
.idx-video-title img { display:inline-block; padding-left:10px; vertical-align:middle;}
.video-container {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom: 68.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-width:0;
}
.video-container .venobox.vbox-item { display:block; position:relative; }
.video-container .venobox.vbox-item i{ color:#db0000; font-size:6em; left:50%; position:absolute; transition:color .2s ease-in-out; transform:translate(-50%, -50%); top:50%; }
.video-container .venobox.vbox-item:hover i{ color:#800000; font-size:6em; left:50%; position:absolute; transform:translate(-50%, -50%); top:50%; }

.idx-about { padding-top:48px;}
.idx-about h1 { font-size:30px; color:#ffcb00; letter-spacing:1px; line-height:130%; padding:20px 0 25px 0;}
.idx-about p { padding-bottom:20px;}
.idx-about a { display:inline-block; padding:8px 2px; text-transform:uppercase; color:#f4bc00;}
.idx-about a:hover { color:#3a3a3a; }
.idx-about a:after { content:""; height:3px; width:110px; background:#f4bc00; display:block; margin-top:5px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.idx-about a:hover:after { background:#3a3a3a; width:120px;}

@media only screen and (max-width: 980px) {
.idx-news { margin-top:0px;}
.idx-news > div { width:100%; padding:0 0 0px 0;}
.idx-news-box { border-width:0 0 1px 0; border-style: solid; border-color: #e5e5e5;}
.idx-main > div { width:100%; padding:0 15px;}
.video-container { padding-bottom: 60.5%;}
.idx-about { padding-top:24px;}
}
.item-video video {
  width: 100%;
  min-height: 300px;
}

@media only screen and (max-width: 768px) {
.single-item .slick-dots { display:block !important;}
.single-item .slick-prev, .single-item .slick-next, .banner-slogon p { display:none !important;}

}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}