@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('../fonts/sourcesanspro-semibold.eot');
    src: url('../fonts/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro-light';
    src: url('../fonts/sourcesanspro-light.eot');
    src: url('../fonts/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semlightibold.woff') format('woff'),
         url('../fonts/sourcesanspro-light.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font:14px/1.5 arial}
a{color:#333;text-decoration:none;outline:medium none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#b10000}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,:after,:before{margin:0;padding:0;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:14px/1.5 arial}
input{font:14px/1.5 arial}
.no-padding{padding:0}
.btn{padding-top:4px;padding-bottom:4px}
@keyframes logoOpacity{0%{opacity:0}
25%{opacity:.25}
50%{opacity:.5}
100%{opacity:1}
}
@media (max-width:767px){.fixed-top{top:0;position:fixed;z-index:10;left:0;right:0;border-top:solid 6px #b10000;opacity:1;animation:logoOpacity .5s;-moz-animation:logoOpacity .5s;-webkit-animation:logoOpacity .5s;-o-animation:logoOpacity .5s;animation-fill-mode:forwards;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)!important}
}
@media (min-width:768px) and (max-width:1200px){.container{width:100%;}

}
@media (min-width:768px) {.my-col-2 { float:left; width:20%; padding:0 15px;}
}


header{float:left; width:100%;}
.top{float:left; width:100%; background-color:#262626;padding:8px 0;}
.top span{ color:#fff;line-height:30px}
.share a{ display:inline-block; padding:0 10px; color:#fff; line-height:30px;font-size:18px;}
.share i{color:#fff}
.logo{float:left;}
.top_menu{float:left; width:100%; position:absolute; top:46px; z-index:10; border-bottom:rgba(255,255,255,.3) solid 1px;}


#search_btn{ float:left; }
.top_search{ float:right;width:300px;padding-right:5px;}
.top_search input{height:30px;}
#sub{height:30px; }
@media (max-width:767px){.top_search{float:left;width:100%;}
}

#mynav{ background-color:Transparent;border-width:0px; margin:0;} 
#mynav .nav>li>a{text-transform:uppercase; color:#fff; padding:37px 25px; font-size:14px;position:relative;  text-align:center; }
#mynav .nav>li>a:before{content:""; position:absolute;bottom:-1px; width:60px; height:2px; background-color:#d71b11; left:calc(50% - 30px); opacity:0;}
#mynav .nav>li>a:hover,#mynav .nav>li.open>a,#mynav .nav>li.active>a { color:#fff; background-color:transparent;} 
#mynav .nav>li>a:hover:before,#mynav .nav>li.open>a:before,#mynav .nav>li.active>a:before {opacity:1;}
#mynav .dropdown-menu li a:hover { background-color:#b10000;color:#fff;
}
#header {background-image:url(../images/bg_t.jpg);
}
#header .top_menu{  position:relative;top:0; 
}
#header #mynav .nav > li > a {
}



.carousel-control{top:calc(50% - 25px); bottom:auto; background:none!important;}
.carousel-control i{ font-size:50px; }
.catelist li{ width:20%; padding:0; }
.catelist li a{ display:block;position:relative }
.catelist li span{ position:absolute; top:30px; right:30px;color:#555; }
.catelist li p{ position:absolute; top:60px; right:30px; font-size:12px; padding:2px 15px; border:solid 1px #555;color:#555; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.catelist li  a:hover span{ color:#d75030}
.catelist li  a:hover p{ color:#d75030; border-color:#d75030;}

@media (max-width:767px)
{
	.top span{ display:block; padding:0 15px;}
	.top{ height:auto; text-align:inherit;}
	.hamburger span{ background-color:#fff!important;}
    .top_menu { position:relative;top:0;background-image:url(../images/bg_t.jpg);
    }
}


.banner{ float:left; width:100%; position:relative;}
.banner img{ width:100%;}
#barpicture{}
#barpicture img{width:100%;}


.frame{ display:block; padding:45px 0; float:left; width:100%;}
.index_title{ margin-bottom:30px;}
.index_title h3{text-transform:uppercase; font-size:36px;  font-weight:bold; font-family:sourcesanspro-semibold; display:inline-block; margin-bottom:15px;}
.index_title a{ font-size:14px; font-family:sourcesanspro-light; display:inline-block; float:right; border:solid 1px #666666;padding:2px 15px;text-transform:capitalize;}
.index_title a:hover{ background-color:#b10000; color:#fff; border-color:#b10000!important;}

.index_title p{ font-size:14px; color:#666666}
@media (max-width:767px)
{
.frame{  padding:15px 0;}
.index_title{ margin-bottom:15px;}
}

#frame1{ background-color:#eeeeee;}
.p_img{}

.p_img img{ width:100%;}
.p_img a.a1{color:#fff;display:block; border-top:#cccccc solid 1px;  border-left:#cccccc solid 1px; border-right:#cccccc solid 1px;}
.p_img a.a2{color:#555;display:block; background-color:#e0e0e0; padding:10px 0; text-align:center; font-size:16px;}
.p_img:hover a.a1{border-color:#b31e19;}
.p_img:hover a.a2{background-color:#b31e19; color:#fff}
.p_text p{ color:#555; margin:15px 0; max-height:64px; overflow:hidden;}

#frame2{  background-image:url(../images/bg_t.jpg); }
.about a h3{ padding:15px 0; color:#ccc;}
.about p{color:#ccc;height:84px; overflow:hidden;}
.about a.more{color:#333; background-color:#fff; padding:2px 15px; margin:10px 0;}
.about a.more:hover{color:#fff; background-color:#b31e19;}

@media (min-width:768px) and (max-width:1200px){.about a h3{ font-size:17px;}
.about p{font-size:12px; height:74px;}
.p_img a.a2 { font-size:12px; white-space:nowrap;
}
}


#frame3{ background-color:#eeeeee;}
.p_img1 img{ width:100%;}
.p_img1 a.a1{color:#fff;display:block; border:#cccccc solid 1px;}
.p_img1 a.a2 span{color:#555;display:block; padding:10px 0; text-align:center;font-size:13px; max-height:50px; overflow:hidden;}
.p_img1:hover a.a1{border-color:#b31e19;}
.p_img1:hover a.a2{background-color:#b31e19; color:#fff}
.p_img1{margin-bottom:30px;}

#frame4{ background-image:url(../images/bg_t.jpg); }
.news{ padding:15px; border:#d5d4d9 solid 1px; display:block; position:relative; }
.news_img{ display:block; position:relative;}
.news_img span{ position:absolute; top:0; left:0; background-color:#b31e19; color:#fff ; width:50px; height:50px; text-align:center; padding-top:5px;}
.news_text{display:block }
.news_text a{ font-size:14px; text-transform:capitalize; padding:15px 0 10px 0; display:block; color:#fff; max-height:81px; overflow:hidden;}
.news_text p{ font-size:14px;color:#ccc;max-height:84px; overflow:hidden;}
@media (min-width:768px) and (max-width:1200px){.news_text p{ font-size:12px;max-height:74px;  }
.news_text a{ font-size:12px;padding:5px 0; }
}




.news_time{position:absolute; width:90px; height:90px; top:-47.5px; background-color:#f2f2f2; border-radius:50%;border:5px solid #fff; margin:0 auto; left:calc(50% - 47.5px);
font-size:13px; text-align:center;}
.news_time span{ display:block; font-size:18px; text-transform:uppercase; padding-top:25px;}
@media (max-width:767px){
    .news_text { margin:0 -15px 10px -15px;
    }
}


footer{background-color:#eeeeee; position:relative;}

.foot-menu{  margin-bottom:15px;}
.foot-menu h3{ color:#545454; font-size:24px; margin-bottom:10px; padding-bottom:10px; text-transform:uppercase; font-family:sourcesanspro-semibold;}


.foot-menu p{ color:#555; }
.foot-menu span>i{ color:#ccc; margin-top:30px; line-height:34px; margin-right:15px; display:inline-block;}

.foot-menu .input-group{ margin-top:30px;} 
.foot-menu li{ padding:2px 0;color:#555; font-size:13px; line-height:28px;}
.foot-menu li a{ color:#555; font-size:14px; text-transform:capitalize;line-height:28px;}
.foot-menu li a:hover{ color:#b10000;}
.foot-menu li img{ margin-right:5px;margin-top:5px;}
.copy_by{ padding:15px 0;color:#ccc; border-top:solid 1px #ccc; background-color:#1a1a1a}
.copy_by a{color:#ccc; }
footer .share{ margin-top:20px;}
.foot-menu li.share a{display:inline-block; background-image:url(../images/share.png); width:22px; height:22px; margin-right:5px;}
.twitter{background-position:left -22px top;}
.linkedin{background-position:left -44px top;}
.google-plus{background-position:left -66px top;}
.skype{background-position:left -110px top;}
.youtube{background-position:left -88px top;}
@media (min-width:768px) and (max-width:1200px) {
    .foot-menu li a {line-height:1.5;
    }
}

#newsletter{ background-color:#b31e19; font-size:14px; line-height:20px; color:#fff;margin-top:12px;}


@media (max-width:767px){.copy_by .by{text-align:left}
}
.index_news { float:left; width:100%; padding-top:45px;
}