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

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family: Arial, sans-serif; background:url(../images/idx-bg.gif) repeat-x #1f1f1f;}
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+ */}

.content-Box { max-width:1000px; 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 { display:flex; flex-direction:column; flex-wrap:no-wrap;}
nav { order:2; background:url(../images/idx-nav-bg.gif) repeat-x; height:45px; }
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:0px; right:0px; padding:0; width:337px; height:42px; background:#a1a1a1;}
.top-right-link { text-align:right; padding:13px 20px 0 0;}
.top-right-link a { display:inline-block; vertical-align:top; padding-left:20px; font-size:12px; color:#fff;}
.top-right-link a:hover { opacity:0.7;}

.banner { order:1;}

.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:#093ec4;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:42%;}
.single-item .slick-prev { left:25px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px; color:#222;}
.single-item .slick-next { right:25px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px; color:#222;}

#index_box { position:relative; background:#000;}
#index_box li { line-height:0;}
.banner-control { position:absolute; bottom:30px; right:126px; display:flex; flex-direction:row; flex-wrap:no-wrap;
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
-ms-transform-origin:left bottom;
-ms-transform:rotate(-90deg);
transform-origin:left bottom;
transform:rotate(-90deg);}
.banner-control > div { margin-right:1px; color:#69b4d1; font-size:12px; padding:3px 15px; cursor:pointer;
background: linear-gradient(90deg, #004360 0%, #035d80 100%);
background: -moz-linear-gradient(90deg, #004360 0%, #035d80 100%);
background: -webkit-linear-gradient(90deg, #004360 0%, #035d80 100%);
background: -o-linear-gradient(90deg, #004360 0%, #035d80 100%);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.banner-control > div:hover { background:#000;}
.banner-control > div:nth-of-type(1) { order:3;}
.banner-control > div:nth-of-type(2) { order:2;}
.banner-control > div:nth-of-type(3) { order:1;}

@media only screen and (max-width: 980px) {
nav { order:1; background:none; position:absolute; top:13px; z-index:10; left:0; width:100%;}
.showhide:before { content:"MENU"; display:block; position:absolute; right:17px; bottom:-20px; text-align:right; font-size:12px; color:#fff; width:50px;}
.menuzord-menu > li:nth-of-type(1) { top:auto; right:auto; background:none !important; text-align:left; border-right-width:0; border-bottom:solid 1px rgba(255,255,255,.1);}
.top-right-link { text-align:left; padding-left:10px;}
.top-right-link a { padding-left:0; padding-right:20px;}
.banner { order:2;}

.banner-control { position:inherit; bottom:auto; right:auto; justify-content:center;
-moz-transform-origin:left bottom;
-moz-transform:rotate(0deg);
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0deg);
-o-transform-origin:left bottom;
-o-transform:rotate(0deg);
-ms-transform-origin:left bottom;
-ms-transform:rotate(0deg);
transform-origin:left bottom;
transform:rotate(0deg);}
.banner-control > div:nth-of-type(1) { order:1;}
.banner-control > div:nth-of-type(2) { order:2;}
.banner-control > div:nth-of-type(2) { order:1;}
}

@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) {

}