*{font-family:arial;line-height:19px;margin:0px;padding:0px;outline:none;text-decoration: none;}
li{display:block;}
a{cursor:pointer}
.containner{width:1200px;margin:0px auto;display:block;overflow: hidden;font-size: 13px; color: #444;}
.header{background: #ab121f url(../images/bg-header.png) 60% no-repeat;height:115px;overflow:hidden;border-bottom: 1px solid #9c0f1b;}
.header .containner .block1{float:left;width:300px}
.header .containner .block2{float:left;width: 300px;}
.header .containner .block2 ul{overflow:hidden;margin-top:6px}
.header .containner .block2 ul li{display:block;}
.header .containner .block2 ul li a{display:block;color:#fff;font-size:11px;padding:3px 0px;}
.header .containner .block2 ul li a:hover{color:#1a96cc;}
.header .containner .block3{float:right;width: 455px;}
.header .containner .block3 .information{margin-top:5px;float:left;margin-right:30px;color: #fff;}
.header .containner .block3 .information h5{font-size:12px;margin-top:8px;color: #fff;}
.header .containner .block3 .information i{color: #a8d0e2;margin-right:5px;font-size:15px;}
.header .containner .block3 .social-icon{overflow:hidden;margin-top:10px;}
.header .containner .block3 .social-icon a{float:right;width:40px;height:40px;line-height:40px;background: #c32936;text-align:center;border-radius:50%;font-size:19px;margin-left:15px;color: #e2e2e2;}
.header .containner .block3 .runtext{background: #c32936;margin-top:20px;padding-top:5px;border-radius:3px;border: 5px solid #94101b;color: #f3a5ac;}

#register.is_mobile{font-size:40px;width: 385px;padding: 20px 20px;}
#register{position:fixed;bottom:90px;right:0px;background:rgba(0,0,0,0.8);color:#fff;padding:10px 20px;text-transform:uppercase;width:160px}
#register i{margin-left:15px;}
.header.is_mobile .containner{width:960px;}
.header.is_mobile .containner .block1,.header.is_mobile .containner .block2{width:250px;}
.header.is_mobile .containner .block1 img{width: 260px !important;}
.header.is_mobile .containner .block3{width: 425px;}

.bottom_header{overflow:hidden;background: #94101b;height:45px;}
.bottom_header .containner{overflow:hidden;}
.bottom_header .containner .menu{float:left;}
.bottom_header .containner .menu ul li{display:block;float:left;}
.bottom_header .containner .menu ul li a{text-transform:uppercase;display:block;line-height:45px;padding:0px 20px;color:#FFF;border-left: 1px solid #900713;background: rgba(0, 0, 0, 0) radial-gradient(circle, #e02f3e, #94101b) repeat scroll 0 0;}
.bottom_header .containner .menu ul li:first-child a{border:none;}
.bottom_header .containner .menu ul li a:hover{background: rgba(0, 0, 0, 0) radial-gradient(circle, #91c9ee, #056b9c) repeat scroll 0 0;}
.bottom_header .containner .block1{float:right;line-height:45px;font-size:17px;color:#fff;position:relative;}
.bottom_header .containner .block1 i{font-size:35px;position:absolute;left:-30px;top:5px;color:#ffffff;text-shadow:0px 0px 20px #fff;}
.bottom_header .containner .block1 b{color:#f1f109;text-shadow:1px 0px 0px #555;}

.bottom_header.is_mobile .containner{width:960px;}

.content{overflow:hidden;width:100%}
.content .blocklist{clear:both;width:100%;position:relative}
.content .blocklist .nav{position:absolute;right:0px;top:42px;background: #94101b;padding:5px 10px;border-radius:2px;border: 1px solid #94101b;z-index: 99;}
.content .blocklist .nav a{padding:0px 0px;color: #FFF;}
.content .blocklist .nav a:first-child{border-right: 1px solid #CAB35E;padding-right:15px}
.content .blocklist .nav a:last-child{padding-left:10px}
.content .blocklist .nav a i{padding:0px 5px;color: #FFDC38;}

.games .containner{width:100%}

.content.is_mobile .containner{width:1024px;}
.content.is_mobile .blocklist .nav{right:50px}
.content.is_mobile .blocklist .block2{float:left;overflow:hidden;background:#EEE;width:630px;height: 507px;border-right:1px solid #EEE;border-bottom:1px solid #EEE}
.content.is_mobile .blocklist .block2 .list{width:293px !important;float:left;height: 253px;background:#FFF;margin-left:1px;margin-top:1px;overflow: hidden;position: relative;}
.content.is_mobile .blocklist .block2 .list img{width:100%;height: 200px;}
.content.is_mobile .blocklist .block2 .list h3 a{display:block;padding:6px;text-decoration:none;text-align:center}
.content.is_mobile .blocklist .block2 .list .opacity{position:absolute;top:-280px;left:0px;width: 90%;height: 170px;background:rgba(0, 0, 0, 0.6);padding: 5%;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.content.is_mobile .blocklist .block2 .list:hover .opacity{opacity:1;top: 0px;}
.content.is_mobile .blocklist .block2 .list .opacity *{color:#FFF;text-decoration:none}
.content.is_mobile .blocklist .block2 .list .opacity h4{font-size:17px;text-transform:uppercase;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #999;box-shadow:0px 1px #222;text-align:center}
.content.is_mobile .blocklist .block2 .list .opacity p{}


.content .blocklist .title{width:100%; margin:10px 0px;text-align:center;position:relative;padding: 25px 0px;}
.content .blocklist .title:before{content:'';width:100%; height:1px;background: #B58A23;position:absolute;left:0px;top:50%}
.content .blocklist .title span{background:#FFF;font-size:25px;text-transform:uppercase;position:relative;padding:0px 30px}
.content .blocklist .block1{width: 390px;overflow:hidden;height: 508px;background:#EEE;float:left}
.content .blocklist .block1 img{border:none;width:100%;font-size: 13px;}
.content .blocklist .block1 h1 a{font-size:19px;padding:10px;display:block;font-weight:normal;line-height:24px;color:#111;text-decoration: none;}
.content .blocklist .block1 p{padding:0px 10px 10px 10px;text-align:justify;color:#444}
.content .blocklist .block2{line-height: 15px;float:left;overflow:hidden;background:#EEE;width:809px;height: 507px;border-right:1px solid #EEE;border-bottom:1px solid #EEE}
.content .blocklist .block1 h4{padding:0px 10px 10px 10px;text-align:justify;color:#444}
.content .blocklist .block2 .list{width:268px;float:left;height: 253px;background:#FFF;margin-left:1px;margin-top:1px;overflow: hidden;position: relative;}
.content .blocklist .block2 .list:nth-child(3n+1){width:270px}
.content .blocklist .block2 .list h3 a{display:block;padding:6px;text-decoration:none;color: #555;text-align:center;font-size:13px;}
.content .blocklist .block2 .list .opacity{position:absolute;top:-280px;left:0px;font-size: 13px;color: #555;width:240px;height: 170px;background:rgba(0, 0, 0, 0.6);padding:15px;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.content .blocklist .block2 .list:hover .opacity{opacity:1;top: 0px;}
.content .blocklist .block2 .list .opacity *{color:#FFF;text-decoration:none}
.content .blocklist .block2 .list .opacity h4{font-size: 13px;text-transform:uppercase;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #999;box-shadow:0px 1px #222;text-align:center}
.content .blocklist .block2 .list .opacity p{}
.content .blocklist .footer{text-align:center;}
.content .blocklist .footer p:last-child{margin-bottom:10px}
.content .blocklist .footer p b{font-size: 26px;display:block;margin-bottom:10px;color: #E81010;}
.content .blocklist .footer p:nth-child(2n){color:#27c;font-size:17px;margin-bottom:10px;font-weight:bold}
.content .blocklist .footer p a{text-decoration:none}
.content .content_page h2{font-size: 24px;text-transform:uppercase;padding-bottom:10px;margin-bottom: 10px;border-bottom: 1px solid #E6DDA4;box-shadow: 0px 1px 0px #FFF;margin-top: 16px;x}
.content .content_page strong,.content .content_page p,.content .content_page span,.content .content_page b,.content .content_page i,.content .content_page div,.content .content_page li{font-size: 16px;line-height: 28px;}
.content.is_mobile .content_page strong,.content .content_page p,.content .content_page span,.content .content_page b,.content .content_page i,.content .content_page div,.content .content_page li{font-size: 18px;line-height: 32px;}


.details{overflow:hidden;position:relative;}
.details .containner{background: #F7F2D3;margin-top:20px;min-height:500px}
.details .menu{width:200px;float:left;position:absolute;background: #94101b;top:20px;bottom:0px;padding:10px 0px;}
.details .menu ol li{display:block;margin: 0px 0px;}
.details .menu ol li a{display:block;color:#FFF;text-transform:uppercase;padding: 13px 15px;border-bottom: 1px solid #a52f39;box-shadow: 0px 1px #820812;font-weight: bold;text-shadow: 0px 1px 1px #056b9c;}
.details .menu ol li a.current{background: #c72533;color: #f7fbfd;/* text-shadow: 0px 1px 1px #EAE5D9; */position:relative;margin-right: 0px;}
.details .menu ol li a.current:after{content:'';width: 20px;height: 20px;position:absolute;top: 12px;right: -11px;background: #F7F2D3;display:block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.details .detailsbox{margin-left: 200px;padding: 20px;border: 1px solid #e6dda4;overflow: hidden;}
.details .detailsbox h1{font-size:20px;text-transform:uppercase;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #E6DDA4;box-shadow: 0px 1px 0px #FFF;}
.details .detailsbox h1.titleproject{border:none;box-shadow:none;background: #991621;padding: 13px;color: #FFF;text-align: Center;border-radius: 0px;margin-top: -11px;border: 1px solid #94101b;}
.details .detailsbox.singlepage{margin-left:0px;min-height:460px;text-align: justify;}
.is_mobile.details .detailsbox.singlepage .content_page{margin-right:20px}

.is_mobile.details .menu{display:none}
.is_mobile.details .detailsbox{margin-left:0px;margin-right:20px}
.is_mobile.details .detailsbox h1.titleproject{margin-right:20px}

.categories_box{overflow:hidden;margin:15px}
.categories_box h1{font-size:20px;text-transform:uppercase;padding-top:10px;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #E6DDA4;box-shadow: 0px 1px 0px #FFF;}
.categories_box .post_list{width:275px;float:left;background:#FFF;margin-left:20px;height:280px;margin-bottom:20px;border: 1px solid #E2D89A;}
.categories_box .post_list img{border:none;width:100%}
.categories_box .post_list.first{margin-left:0px}
.categories_box .post_list h3{display:block;margin:5px 10px;height: 50px;overflow: hidden;}
.categories_box .post_list h2{display:block;margin:5px 10px;height: 50px;overflow: hidden;}
.categories_box .post_list a{color:#555;text-decoration:none;text-transform:uppercase;font-size:17px;font-weight:normal;line-height:25px;text-align:center;display:block}

.content.is_mobile .categories_box .post_list{width:300px;height:290px;}
.content.is_mobile .categories_box .post_list.first{margin-left:0px}

.news_box{overflow:hidden;margin:15px}
.news_box h1{font-size:20px;color: #555;text-transform:uppercase;padding-top:10px;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #E6DDA4;box-shadow: 0px 1px 0px #FFF;}
.news_box p.title{font-size:20px;font-weight:bold;text-transform:uppercase;margin-top:20px;margin-left:15px;margin-bottom:10px;line-height:24px}
.news_box .block_newsbox_1{width:60%;float:left;background:#FFF;min-height:630px}
.news_box .block_newsbox_1 .list_news{display:block;padding:15px;clear:both}
.news_box .block_newsbox_1 .list_news img{border:none;float:left;width:250px;margin-right:20px}
.news_box .block_newsbox_1 .list_news h2 a{display:block;font-size:19px;text-decoration:none;line-height:22px;margin-bottom:10px}
.news_box .block_newsbox_1 .list_news p{margin-bottom:5px;text-align:justify}

.news_box .block_newsbox_2{width:39%;float:left;background:#FFF;margin-left:1%;min-height:630px}
.news_box .block_newsbox_2 .list_news{padding:10px 0px;margin:0px 15px;clear:both;overflow:hidden;border-bottom:1px solid #E1e1e1}
.news_box .block_newsbox_1 .content_page img{width:100% !important;margin: 0px auto !important;display: block;}
.news_box .block_newsbox_1 .list_news{overflow:hidden;padding:20px}
.news_box .block_newsbox_2 .list_news img{border:none;width:90px;float:left;margin-right:20px}
.news_box .block_newsbox_2 .list_news a{text-decoration:none;color: #555}

.is_mobile .news_box .block_newsbox_2{width:35%}

.news_box .introtext_news{margin:0px 15px;text-align:justify}
.news_box .introtext_news img{margin:10px auto !important}
.news_box .introtext_news p.created{margin-bottom:5px;color: #555;}
.news_box .introtext_news p,.news_box .introtext_news span,.news_box .introtext_news b,.news_box .introtext_news i,.news_box .introtext_news div{font-size:15px;line-height:24px}
.news_box h1.title{font-size:20px;font-weight:bold;text-transform:uppercase;margin-top:10px;margin-left:15px;margin-bottom:0px;line-height:24px;border-bottom:none}

.tags_links{clear:both;overflow:hidden;padding:15px 10px;background:#fff;margin-bottom:10px;border:1px solid #EEE}
.tags_links a{float:left;text-decoration: none;border-right: 1px solid #E1e1e1;padding: 0px 15px;}
.tags_links a:first-child{border:none}
.tags_links a:last-child{border:none}

.pagination{width:100%;clear:both;padding-top: 10px;}
.pagination li{display:block;float:left;background:#FFF;overflow:hidden}
.pagination li:first-child{border-left: 1px solid #B58A23;border-radius:2px 0px 0px 2px}
.pagination li:last-child{border-radius:0px 2px 2px 0px}
.pagination li a{display:block;padding:6px 12px;border: 1px solid #B58A23;border-left:none;text-decoration:none}
.pagination li a:hover{background:#B58A23;color:#FFF}
.pagination li.active a{background: #B58A23;color: #FFF;} 

.box404{margin:50px auto;display:block;text-align: CENTER;}
.box404 h3{font-size:25px;font-weight:normal;margin-bottom:20px;text-transform:uppercase}
.box404 p{margin-bottom:20px}
.box404 a{background:#555;color:#FFF;padding:6px 20px;border-radius:5px;margin-right:20px;text-decoration:none;width:100px;display:inline-block;border:1px solid #333}

.content_page a{font-size:inherit}
.callnow{width:150px;height:150px;background: #22c536;position:fixed;bottom:10px;right:10px;border-radius:50%;text-align:center;}
.callnow i{font-size:100px;color:#FFF;margin:25px}

.coin-slider{margin-top:0px !important;} 

.footer{background: #860f19;padding:20px 0px;}
.footer.is_mobile .containner{width: 960px;}
.footer .blocklist{float:left;width:30%;margin-right:3%;color:#ccc;}
.footer .title{margin-top:20px;font-size:14px;font-weight:bold;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #a01e29;box-shadow: 0px 1px #6f0911;color: #f9f8f6;}
.footer .block1 i{width:25px;float:left;color: #d8af4d;}
.footer .block1 i.fa-mobile{font-size:18px;}
.footer .block1 p{padding:3px 0px;}
.footer .block1 ul li a{color:#ccc;font-size:12px;padding:3px 0px;display:block;}
.footer .block2 input,.footer .block2 textarea{margin-bottom:10px;margin-top:5px;width:95%;padding:5px 5px;border:none;border-radius:2px}
.footer .block2 textarea{height:60px;}
.footer .block2 button{width:30%;padding:6px 10px;border:1px solid #fff;border-radius:2px;text-transform:uppercase;font-size:12px;font-weight:bold;}

#scrolltotop{display: none;position: fixed;bottom: 150px;right: 20px;background: rgba(0,0,0,0.5);color:#fff;width:50px;height:50px;line-height: 50px;text-align: center;border-radius: 50%;}
#scrolltotop.is_mobile{bottom:200px;}
.fone {     
    font-size: 25px;
    color: white;
    text-align: center;
    line-height: 50px;}
.fix_tel.is_mobile .tel{width:425px;height:70px;}
.fix_tel.is_mobile a{font-size:45px;line-height:70px}
.fix_tel {position:fixed;bottom: 10px;right: 0px;z-index:1111111;}
.tel { background:rgba(0,0,0,0.6); width:200px; height:50px; position:relative; overflow:hidden}
.bor-left, .bor-top, .bor-right, .bor-bottom{
    position:absolute;
    background-color:#EDCB67;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
}
.bor-left{    
    height: 50%;
    width: 3px;
    left: 0;
    bottom: -100%; 
    animation: transtop 5s ease-in-out infinite;
}
.bor-right{
    height: 50%;
    right: 0;
    top: -100%;
    width: 3px;
    animation: transbot 5s ease-in-out infinite;

}
.bor-top{    
    width: 50%;
    left: -100%;
    top: 0;
    height: 3px;
    animation: transleft 5s ease-in-out infinite;
}
.bor-bottom{
    width: 50%;
    height: 3px;
    right: -100%;
    bottom: 0;
    animation: transright 5s ease-in-out infinite;
}
@keyframes transtop {
0% {
    bottom: -100%; 
}
100% {
    bottom: 100%; 
}
} 
@keyframes transleft {
0% {
   left: 100%;
} 
50% {
    left: 0%;
}
100% {
    left: -100%;
}}

@keyframes transbot {
0% {
    top: -100%; 
}
100% {
    top: 100%; 
}
}

@keyframes transright {
0% {
   right: 100%;
} 
50% {
    right: 0%;
}
100% {
    right: -100%;
}}