@import url("../fonts/stylesheet.css");

*{
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html,body{
	height:100%;
}

html{font-size:100%;}	/* 16px */
body{font-size:1em;}	/* 16px */
h1{font-size:2em;}		/* 32px */
h2{font-size:1.5em;}	/* 24px */
h3{font-size:1.33em;}	/* 21.28px */
h4{font-size:1.17em;}	/* 18.72px */
h5{font-size:.83em;}	/* 13.28px */
h6{font-size:.67em;}	/* 10.72px */

ol,ul{list-style-type:none;}

.clear{clear:both;}

.fix{overflow:hidden;}

.hide{display:none;}

.spacer05{height:5px;overflow:hidden;}
.spacer10{height:10px;overflow:hidden;}
.spacer15{height:15px;overflow:hidden;}
.spacer20{height:20px;overflow:hidden;}
.spacer25{height:25px;overflow:hidden;}

body{
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:0;
	min-height:100%;
	font-family:"latoregular",Arial,sans-serif;
	color:#fff;
	background-color:#181818;
}

header,section,footer{margin:0 auto;position:relative;}

.banner-1-navigation{
	bottom:0;
	cursor:pointer;
	font-size:75px;
	height:50px;
	line-height:50px;
	margin:auto;
	position:absolute;
	text-align:center;
	top:0;
	width:50px;
	z-index:100;
	color:#fff;
	text-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
}

.banner-1-navigation i{
	opacity:1;
	position:relative;
	top:-15px;
}

.banner-1-navigation.banner-1-navigation-left{left:320px;}

.banner-1-navigation.banner-1-navigation-right{right:20px;}

#wrapper{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

/* START HEADER */

#bxHeader{
	position:relative;
	margin:0 auto;
	background:#181818;
	width:100%;
	height:500px;
	max-height:500px;
}

.bslider{
	position:relative;
	margin:0 auto;
	height:500px;
	//max-width:calc(1500px + 250px);
}

.head-right{
	position:relative;
	float:left;
}

.h-logo{
	position:absolute;
	top:0;
	z-index:88888;
	right:0;
}

.h-logo img{width:100%;height:auto;}

.headrightbg{
	position:absolute;
	z-index:0;
	right:0;
	width:calc(100% - 150px);
	height:100%;
	background:#000;
	left:150px;
}

.h-slider{
	position:relative;
	left:150px;
	top:0;
	margin:0 auto;
	width:1500px;
	height:500px;
	max-height:500px;
}

.h-slider .h-link{
	cursor:pointer;
}

.head-right .tred{
	position:absolute;
	width:564px;
	height:500px;
	max-width:564px;
	max-height:500px;
	z-index:10;
	left:-100px;
}

.h-slider h2{font-family:"primetimeregular";}

.h-slider p{font-family:"latobold";}

.h-slider-desc{
	position:absolute;
	bottom:70px;
	right:35px;
	padding:20px;
	text-align:right;
	width:495px;
	height:125px;
	background:url("../images/h-desc.png") no-repeat center center;
	z-index:5;
}

.h-slider-desc p{font-weight:bold;text-shadow:3px 3px #000000;}

.pager{
	position:absolute;
	top:40px;
	right:40px;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	z-index:3;
}

/* END HEADER */

/* START ARTICLE */

section{background:#181818;}

/* END ARTICLE */

/* START NEW */

.totop-wrap{margin:25px;}

.totop-wrap img{
	cursor:pointer;
	display:block;
	height:50px;
	margin:25px auto;
	width:50px;
}

.relatedarticle-wrap{margin:25px 6%;}

.relatedarticle-wrap .relatedarticle-box{overflow:hidden;}

.relatedarticle-wrap h2{
	margin-bottom:25px;
	font-size:1.33em;
	font-weight:normal;
	background:#292929 none repeat scroll 0 0;
	color:#cfcfcf;
	font-family:"latobold";
	padding:5px 0;
}

.relatedarticle-wrap .item-box{display:block;height:120px;width:calc(100% / 3 - 10px);float:left;overflow:hidden;color:#fff;}

.relatedarticle-wrap .item-box:hover .box-info{text-decoration:underline;}

.relatedarticle-wrap .item-box:hover img{
-moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
transform:scale(1.3);
}

.relatedarticle-wrap .item-box .box-thumb{float:left;width:120px;overflow:hidden;}

.relatedarticle-wrap .item-box .box-info{float:right;height:120px;width:calc(100% - 140px);text-align:left;font-size:1.2em;max-height:70px;overflow:hidden;margin-top:20px;}

.relatedarticle-wrap .item-box img{
display:block;
width:100%;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
transition:all 0.7s ease;
}

.relatedarticle-wrap .item-box:nth-child(2){margin:0 15px;}

/* END NEW */

/* START FOOTER */

footer{
	text-align:center;
	color:#fff;
	width:100%;
	height:100%;
	background:#181818;
	z-index:200;
}

#bxFooter{
	width:100%;
	position:relative;
	height:41px;
	font-size:0;
	background:#181818;
	z-index:300;
}

.ft-nav-boxcenter{
	display:inline-block;
	margin:0 auto;
}

.ft-nav-sticky{
	position:fixed;
	bottom:0;
	display:none;
}

.cols img{width:100%;height:auto;}

.ft-nav{
	position:relative;
	display:inline-block;
	width:100%;
	border-top:1px solid #3C3C36;
}

.cols{
	height:auto;
	display:table-cell;
	vertical-align:middle;
}

.ft-line{
	display:table-cell;
	width:38px;
	height:40px;
	background-image:url("../images/footer_09.png");
	background-size:100% auto;
	background-repeat:no-repeat;
}

.ft-copyright{
	bottom:0;
	margin:0 auto;
	width:100%;
	padding:20px;
	font-size:0.75rem;
	text-align:center;
	background:#DA1F24;
	z-index:250;
}

.ft-copyright a{text-decoration:none;color:#fff }

/* END FOOTER */

/* START OTHERS */

.spinnerwrap{position:relative;display:block;margin:0 auto;}
.spinnerwrap20{height:20px;width:20px;}
.spinnerwrap30{height:30px;width:30px;}
.spinnerwrap40{height:40px;width:40px;}
.spinnerwrap50{height:50px;width:50px;}
.spinnerwrap60{height:60px;width:60px;}
.spinnerwrap20vm{top:50%;margin-top:-10px;}
.spinnerwrap30vm{top:50%;margin-top:-15px;}
.spinnerwrap40vm{top:50%;margin-top:-20px;}
.spinnerwrap50vm{top:50%;margin-top:-25px;}
.spinnerwrap60vm{top:50%;margin-top:-30px;}
.spinnerctn{position:absolute;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(207,0,28,.15);border-right:6px solid rgba(207,0,28,.15);border-bottom:6px solid rgba(207,0,28,.15);border-top:6px solid rgba(207,0,28,.8);border-radius:100%;}
.spinnerctn20{height:20px;width:20px;}
.spinnerctn30{height:30px;width:30px;}
.spinnerctn40{height:40px;width:40px;}
.spinnerctn50{height:50px;width:50px;}
.spinnerctn60{height:60px;width:60px;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}
@-moz-keyframes rotation{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}
@-o-keyframes rotation{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}
@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}

.btn-loadmore{
	margin:0 auto;
	width:100%;
	padding:25px 0;
	text-align:center;
	background:#181818;
}

.btn-loadmore .load-button,.btn-loadmore a{
	display:inline-block;
	padding:20px 40px;
	text-decoration:none;
	color:#3e3e3e;
	font-weight:bold;
	background:#000;
}

.btn-loadmore .load-button:hover,.btn-loadmore a:hover{color:#cf001c;}

.btn-loadmore .load-icon{display:none;}

.temp{position:fixed;top:0;left:0;margin:0;padding:0;height:0;width:0;opacity:0;overflow:hidden;z-index:-100;}

.statictags{
	width:100%;
	color:#181818;
	font-size:0.625em;
	text-align:center;
	background:#181818;
	line-height:25px;
	overflow:hidden;
	height:25px;
}

.notfoundwrap{
	background:#181818;
	overflow:hidden;
}
.notfound{
	background:#da1f24;
	padding:10px;
	text-align:center;
	overflow:hidden;
	margin:0 0 25px 0;
}

.hbw,.vbw{
	overflow:hidden;
	background:#181818;
}

.hbb{
	width:100%;
	max-width:970px;
	margin:0 auto;
}

.vbb{
	width:100%;
	max-width:300px;
	margin:0 auto;
}

.hbw a,.hbw img,.vbw a,.vbw img{
	display:block;
	width:100%;
}

section .hbw{
	margin:25px 0;
}
footer .hbw{
	margin:0;
}

/* END OTHERS */

/* start modal */

	.modal-wrap{
		display:none;
		position:fixed;
		z-index:900000;
		top:0;
		bottom:0;
		left:0;
		right:0;
		overflow:hidden;
		overflow-y:auto;
		background:rgba(0,0,0,0.75) none repeat scroll 0 0;
	}

	.modal-wrap .modal-box{
		position:relative;
		max-width:580px;
		margin:0 auto;
		padding:20px;
	}

	.modal-wrap .modal-box .close{
		position:absolute;
		right:10px;
		top:5px;
		background:#000;
		cursor:pointer;
		z-index:5;
		border-radius:100%;
		-moz-border-radius:100%;
		-webkit-border-radius:100%;
		-webkit-box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
		-moz-box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
		box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
	}

	.modal-wrap  .modal-box  .close .fa-circle{
		color:#000;
	}

	.modal-wrap  .modal-box  .close .fa-close{
		color:#fff;
		-webkit-transition:all 500ms ease;
		-moz-transition:all 500ms ease;
		-ms-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}

	.modal-wrap  .modal-box  .close:hover .fa-close{
		color:#db0107;
	}

	.modal-wrap  .modal-box  .content{
		//padding:5px;
		background:#000;
		-webkit-box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
		-moz-box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
		box-shadow:0px 0px 10px 0px rgba(255,0,0,0.75);
		//font-size:1.4em;
	}

	.modal-wrap  .modal-box  .iframe-box iframe.login-iframe{
		display:block;
		height:580px;
		width:100%;
		margin:0 auto;
		overflow:hidden;
		border:0;
	}

/* end modal */

/* start tablebox */

.table-box{
	display:table;
}
.table-box .row-box{
	display:table-row;
}
.table-box .cell-box{
	display:table-cell;
}
.table-box,
.table-box .row-box,
.table-box .cell-box{
	border:0;
	border-collapse:collapse;
}
.table-box.fullh{
	height:100%;
}
.table-box.fullw{
	width:100%;
}
.table-box .cell-box{
	text-align:left;
	vertical-align:middle;
}
.table-box .cell-box.vertical-top{
	vertical-align:top;
}
.table-box .cell-box.vertical-middle{
	vertical-align:middle;
}
.table-box .cell-box.vertical-bottom{
	vertical-align:bottom;
}
.table-box .cell-box.text-left{
	text-align:left;
}
.table-box .cell-box.text-center{
	text-align:center;
}
.table-box .cell-box.text-right{
	text-align:right;
}
.table-box .cell-box.fullh{
	height:100%;
}
.table-box .cell-box.fullw{
	width:100%;
}
.table-box.border,
.table-box.border .row-box,
.table-box.border .cell-box{
	border:1px solid #000;
}
.table-box.border .table-box:not(.border),
.table-box.border .table-box:not(.border) .row-box,
.table-box.border .table-box:not(.border) .cell-box{
	border:0;
}

/* end tablebox */

/* START RESPONSIVE */

@media screen and (max-width:600px){
	.ft-nav,
	.ft-nav-sticky,
	.ft-copyright{padding:0 10%;height:47px;}
	.ft-copyright{padding-top:10px;}
	.cols a{top:-25px;}
	.ft-line{height:54px;}
}

@media screen and (max-width:360px){
	.ft-nav {
		display:table;
		padding:0;
		width:100%;
		height:auto;
		border:none !important
	}
	section{z-index: 2;}
	.ft-nav-sticky{display: none!important;}
	.ft-copyright{height:57px;z-index:1;}
	.cols{display:table;text-align:center;width:100%;padding:10px 0;border-top:1px solid #3c3c36;}
	.cols a{top:0;}
	.cols img{width:auto;}
	.ft-line{display:none;}
	.btn-loadmore{position:relative;z-index:2;}
	#bxFooter{border:none;}
}

@media screen and (min-width:600px) and (max-width:1024px){
	.ft-nav,
	.ft-nav-sticky{padding:0 10%;height:57px;}
	.ft-nav-sticky .cols a{top:-20px;}
	.ft-nav-sticky .ft-line{height:57px;}
}

@media screen and (max-width:1024px){
	.banner-1-navigation.banner-1-navigation-left{left:20%;}
	.ft-nav,
	.ft-nav-sticky{padding:0 10%;height:57px;}
	.ft-nav-sticky .cols a{top:-20px;}
	.ft-nav-sticky .ft-line{height:57px;}
}

/* END RESPONSIVE */
