*{
padding:0px; margin:0px;
font-family: 'Roboto', sans-serif;
}


.wrappar{
width:1200px;
height:auto;
margin:auto;


}

.full-line{
width:100%;
height:auto;
border-top:6px solid #b60809;
}



.logo1{
width:10.2%;
float:left;}



.logo2{
width:85.2%;
float:left;}



.logo1 img{
height:auto;}

.logo2 img{
overflow:hidden;
text-align:center;
height:auto;
width:100%;}


.haeder{
width:100%;
height:auto;
overflow:hidden;
background-color:#FFFFFF;
margin:auto;

}

.full-wrapper{
float:left;
height:auto;
width:100%;
}


.slider{
float:left;
width:100%;
margin-top:10px;}






/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF TWO  */



.post{
width:100%;
float:left;}


.left-post{
width:79.2%;
float:left;}

.right-post{
width:19.2%;
float:left;}



.about-box{
width:100%;
border:5px solid #CCCCCC;
float:left;}


.ab-img{
width:29.2%;
float:left;}

.ab-ti{
width:69.2%;
font-size:20px;
color:#af0c0d;
float:left;}

.tt{
    width: 69.2%;
    font-size: 24px;
    margin-left: 15px;
    color: #af0c0d;
	float:left;}

.ab-img img{
height:300px;
overflow:hidden;
width: 98%;
margin-left: 11px;
    margin-top: 10px;
width:100%;}


.pp{
    width: 68%;
    float: left;
    margin-left: 26px;
    margin-top: 5px;
    font-size: 14px;
    color: #000000;
}
}


.hadding{
width:100%;
float:left;
color:#fff;
padding:6px 8px;
font-size:16px;
background-color:#af0c0d;}

.ad-img{
width:100%;
margin-top:5px;
height:auto;
overflow:hidden;}


.ad-img img{
width:100%;
margin-top:5px;
height:auto;
overflow:hidden;}



.left{
width:29.2%;
float:left;}

.right{
width:69.2%;
float:left;}

.ad-img2{
width:100%;
margin-top:5px;
height:auto;
overflow:hidden;}


.ad-img2 img{
width:100%;
margin-top:15px;
height:410px;
overflow:hidden;}



.box-img{
width:100%;
margin-top:15px;
float:left;}

.box-img img{
width:100%;
overflow:hidden;
height:838px;}

.gallery-box{
width:100%;
float:left;}


.gallery-box{
float:left;
width:18.72%;}


.had1{
width:100%;
color:#fff;
float:left;
text-align:center;
font-size:24px;
margin-top:20px;}



.gallery-box img{
height:180px;
overflow:hidden;
border:2px solid #fff;
width:100%;}



.span_1_of_5{width: 18.72%;
margin-top:30px;
float:left;}

.span_1_of_5 img{
height:130px;
overflow:hidden;
width:100%;}


.span_1_of_4 {
color:#fff;
	width: 23.8%;
}

.footer-ti{
height:auto;
color:#FFFFFF;
width:100%;
float:left;
font-size:18px;
margin-top:30px;
margin-bottom:20px;}

.footer-p{
height:auto;
color:#FFFFFF;
width:100%;
float:left;
font-size:14px;
margin-top:10px;}


.more{
color:#FFFFFF;
text-align:center;
padding:6px 12px;
margin-top:10px;
margin-bottom:20px;}



.more a{
color:#FFFFFF;
background-color:#af0c0d;
text-align:center;
padding:6px 12px;
text-decoration:none;}


.more a:hover{
color:#000;
background-color:#fff;
text-decoration:none;}


.more2{
color:#FFFFFF;
padding:6px 12px;
float:right;
text-align:right;
margin-top:5px;
margin-bottom:5px;}



.more2 a{
color:#FFFFFF;
background-color:#af0c0d;
text-align:center;
padding:6px 12px;
text-decoration:none;}


.more2 a:hover{
color:#000;
background-color:#fff;
text-decoration:none;}




.dass{
color:#FFFFFF;
width:49.2%;
text-align:right;
float:right;
font-size:14px;}

.copy{
width:49.2%;
float:left;
color:#FFFFFF;
font-size:14px;}




.gg{
text-decoration:none;
color:#FFFFFF;}


.gg:hover{
text-decoration:none;
color:#ccc;}

.about-h{
width:79.2%;
font-size:14px;
color:#000000;
float:left;
margin-top:10px;
margin-bottom:20px;}


.about-post{
width:19.2%;
float:left;}


.about-post img{
width:100%;
border:3px solid #999;}

.about-img{
width:100%;
float:left;}



.av{
width:100%;
font-size:29px;
margin-top:5px;
color:#af0c0d;}



.hadding-new{
width:100%;
float:left;
margin-top:10px;
color:#000000;
font-size:18px;
text-align:center;
border:1px solid #e4e4e4;}


.im{
width:100%;
float:left;
text-align:center;
height:auto;}


.im img{
margin-top:10px;
margin-bottom:10px;
text-align:center;
height:auto;}

.hhh{
width:100%;
float:left;
margin-bottom:20px;
margin-top:10px;}



.contact-post{
width:39.2%;
float:left;}

.contact-h{
width:59.2%;
float:left;}

.contact-post img{
width:100%;
height:auto;
margin-top:10px;
border:1px solid #e4e4e4;}


.gallery{
	width: 23.8%;
	float:left;
}

.gallery img{
	width:100%;
	height:200px;
	overflow:hidden;
	border:5px solid #CCCCCC;
}


.video{
width:49.2%;
height:auto;}

.video2{
width:49.2%;
height:auto;}


.news1{
width:29.2%;
height:auto;}

.news2{
width:69.2%;
height:auto;}

.news-img{
width:100%;
float:left;}

.news-img img{
width:100%;
height:140px;
overflow:hidden;}


.news-ti{
width:100%;
color:#000000;
font-size:18px;
margin-top:10px;
height:22px;
overflow:hidden;}


.news-p{
width:100%;
color:#000;
font-size:14px;
height:100px;
margin-top:30px;
overflow:hidden;}

.board{
width:49.2%;
float:left;}




.board img{
width:30%;
overflow:hidden;
border:1px solid  #CCCCCC;
text-align:center;
height:150px;}



.span_1_of_3 { width: 32.26%;
float:left; }



.span_1_of_3  img{
width:50%;
overflow:hidden;
border:1px solid  #CCCCCC;
text-align:center;
height:150px;}







@media (max-width:1024px){

.wrappar{
width:98%;}

.haeder{
width:100%;
}

}












@media (max-width:1300px){

.wrappar{
width:98%;}

.haeder{
width:100%;
}

}



@media (max-width:1200px){
.wrappar{
width:98%;
overflow:hidden;}
.haeder{
width:100%;
}
.full-wrapper{
width:100%;
}
}


@media (max-width:1080px){
.wrappar{
width:98%;
overflow:hidden;}

.haeder{
width:100%;
}
.full-wrapper{
width:100%;
}
}


@media (max-width:991px){
.full-wrapper{
width:100%;
}
.wrappar{
width:98%;
overflow:hidden;}
.haeder{
width:100%;
}

}
























/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

.wrappar{
width:98%;
overflow:hidden;}
	
}

@media only screen and (max-width: 680px) {
.wrappar{
width:98%;
overflow:hidden;}

.logo{
width:100%;
text-align:center;}

.logo img{
width:100%;
text-align:center;}

.post{
width:100%;}





.left-post{width:100%;}

.right-post{width:100%;}



.about-box{width:100%;}


.ab-img{width:100%;}

.ab-ti{width:100%;}

.tt{width:100%;}

.ab-img img{width:100%;}


.pp{width:100%;
}


.hadding{width:100%;}

.ad-img{width:100%;}


.ad-img img{width:100%;}



.left{width:100%;}

.right{width:100%;}

.ad-img2{width:100%;}


.ad-img2 img{width:100%;}



.box-img{width:100%;}

.box-img img{width:100%;}

.gallery-box{width:100%;}


.gallery-box{width:100%;}


.had1{width:100%;}



.gallery-box img{width:100%;;}



.span_1_of_5{width:100%;}

.span_1_of_5 img{
width:100%;}


.span_1_of_4 {
	width:100%;
}

.footer-ti{
text-align:center;
width:100%;}

.footer-p{
text-align:center;
width:100%;}


.dass{
width:100%;
text-align:center;}

.copy{
width:100%;
text-align:center;}


.about-h{
width:79.2%;
font-size:14px;
color:#000000;
float:left;
margin-top:10px;
margin-bottom:20px;}


.about-post{
width:19.2%;
float:left;}


.about-post img{
width:100%;
border:3px solid #999;}

.about-img{
width:100%;
float:left;}



.av{
width:100%;
height:auto;
text-align:center;}



.hadding-new{
width:100%;
height:auto;
text-align:center;}


.im{
width:100%;
height:auto;
text-align:center;}


.im img{
width:100%;
height:auto;
text-align:center;}

.hhh{
width:100%;
height:auto;
text-align:center;}



.contact-post{
width:100%;
height:auto;
text-align:center;}

.contact-h{
width:100%;
height:auto;
text-align:center;}

.contact-post img{
width:100%;
height:auto;
text-align:center;}


.gallery{
width:100%;
height:auto;
text-align:center;
}

.gallery img{
width:100%;
height:auto;
text-align:center;
}


.video{
width:100%;
height:auto;
text-align:center;}

.video2{
width:100%;
height:auto;
text-align:center;}


.news1{
width:100%;
height:auto;
text-align:center;}

.news2{
width:100%;
height:auto;
text-align:center;}

.news-img{
width:100%;
height:auto;
text-align:center;}

.news-img img{
width:100%;
height:auto;
text-align:center;}


.news-ti{
width:100%;
height:auto;
text-align:center;}


.news-p{
width:100%;
height:auto;
text-align:center;}

.board{
width:100%;
height:auto;
text-align:center;}




.board img{
width:100%;
height:auto;
text-align:center;}



.span_1_of_3 {
width:100%;
height:auto;
text-align:center; }



.span_1_of_3  img{
width:100%;
height:auto;
text-align:center;}


}