@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800');
body{
color:#343434 !important;
margin:0px;
padding:0px;
font-family: 'Open Sans', sans-serif !important;
background-image: url('images/bodybg.png');
}
/* comman css */
a:hover {
text-decoration: none !important;
color:#ffffff;
transition:color .5s;
}
a:focus, a:visited, a:active {
border:0px !important;
}
img{
max-width:100%;
}
.textright{
text-align:right;
}
.mt-20{
margin-top:20px;
}
/* /comman css */
.welcome{
    width:100%;
    float:left;
   line-height: 23px;
}
.welcome h4{
    font-size:22px;
    font-weight:normal;
    margin: 0px;
    padding: 18px 0px 8px;
}
.welcome p{
    font-size: 15px;
    text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
}
.new{
    width:100%;
    float:left;
    margin-top: 6px;
    
}

.panel {
    width:300px;
    float:left;
    height:550px;
    background:#d9dada;
    position:relative;
    left:-300px;

}
.slider-arrow {
    padding:5px;
    width:10px;
    float:left;
    background:#d9dada;
    font:400 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
    position:relative;
    left:-300px;
}

#open_pop, .useful-link{
background: #e3242a;
color: white;
width: 1px;
word-wrap: break-word;
padding: 10px 26px 10px 10px;
text-align: center;
display: inline-block;
font-weight: bold;
text-transform:uppercase;
}
#live_watch{
top: 180px;
position: fixed;
z-index: 100000;
margin-left: -280px;
background: #cccccc;
}
#live_watch .frame{
    width: 280px;
    height: 90px;
    padding: 19px 24px;
    border: 0px;
    background: white;
    float: left;
    margin: 12px 0;
}

#live_watch .frame2 {
    width: 280px;
    height: 141px;
    padding: 19px 10px;
    border: 0px;
    background: white;
    float: left;
    clear: both;
}

.useful-link{
top: 181px;
position: fixed;
z-index: 100000;
right:0px;
}
.useful-link span, #live_watch span{
margin-top: 6px;
display: block;
}
.useful-link:hover, #live_watch a:hover{
color:white !important;
}
#header{
padding:20px 0px;
}
.social, .top-menu {
width:100%;
}
.top-menu a{
font-style:italic;
color:#343434;
padding: 10px 0px 10px 10px;
font-size:16px;
font-weight:bold;
display: inline-block;
}
.navbar-inverse{
background:#e3242a;
border:0px;
border-radius:0px;
}
.navbar-inverse a{
color:white !important;
font-size:18px;
/*font-weight:bold;*/
}
.navbar{
min-height:auto;
margin-bottom: 0px;
}
.nav>li>a{
padding: 15px 42px;
}
.menu{
padding: 10px;
text-align: center;
width: 100%;
float: left;
font-size: 16px !important;
/*font-weight: bold;*/
}
#myCarousel img{
width:100%;
}
.graybg{
background: #f1f1f1;
width: 100%;
float: left;
}
.graybg h2{
margin:0px;
padding:10px 0px;
text-align:center;
background:#e3242a;
font-size:25px;
color:white;
/*font-weight:bold;*/
}
#login{
width:90%;
margin:auto;
padding: 20px 0px;
}
#login .tbx{
background: #e1e1e1;
padding: 12px;
width: 100%;
border: 0px;
margin-top: 10px;
border-radius: 5px;
color: black
}
.login_btn{
margin-top:10px;
background:#000000;
padding: 7px 20px;
border-radius: 5px;
border: 0px;
color: #fff;
}

.container-middle .left-tool a{
width:100%;
float:left;
text-align:center;
color:white;
background:#e3242a;
margin-bottom:2px;
padding:30px 0px;
font-size: 20px;
/*font-weight: bold;*/
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #636463 !important;
    color:#ffffff !important;
}

.nav>li>a:focus, .nav>li>a:hover {
       background-color: #636463 !important;
       color:#ffffff !important;
    }


.container-middle .left-tool a:hover, .container-middle .right-tool a{
color:white !important;
}
.right-tool img{
    max-width: 100%;
    float:left;
    padding: 0px;
}
.bs-example{
background:#f1f1f1;
width: 100%;
float: left;
}
.bs-example .nav {
background:#e3242a;
}
 .nav-tabs>li.active>a, .bs-example .nav-tabs>li.active>a:focus, .bs-example .nav-tabs>li.active>a:hover, .bs-example .nav-tabs>li>a{
border:0px !important;
border-radius:0px !important; 
margin-right:0px;
}
.bs-example .nav-tabs>li.active>a{
color:#e3242a;
}
.bs-example .nav-tabs>li>a{
color:white;
padding: 8px 13.4px;
font-size:15px;
/*font-weight:bold;*/
}
.bs-example #myTabContent{
padding:20px;
}

.container-middle .right-tool a{
width:100%;
float:left;
text-align:center;
color:white;
background:#e3242a;
margin-bottom:2px;
padding: 29px 0px;
font-size: 20px;
/*font-weight: bold;*/
}
.fonts
{margin: 0px;
    padding: 10px 0px;
    text-align: center;
    background: #e3242a;
    font-size: 25px;
    color: white;
}

.social a {
    color: #000000;
}

    /* font-weight: bold; */
footer{
background:#e3242a;
text-align:center;
color:white;
padding:20px 0px;
margin-top:20px;
}
footer p{
margin-bottom:0px;
}
footer a{
color:white;
}
footer a:hover{
color:white !important;
}


/* portfolio login */
.box_content {
background-color: #FFFFFF;
border: 2px solid #AE6948;
left: 35%;
overflow:hidden;
padding: 15px;
position: fixed;
top: 25%;
width:430px;
z-index: 1056;
height:240px;
}
.grayBox{
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1055;
-moz-opacity: 0.7;
opacity:0.7;
filter: alpha(opacity=70);
}
.imgs{
top: 0;
right: 0;
position: absolute;
}
img#cross {
position: relative;
float: right;
top: -29px;
left: 24px;
}
/* /portfolio login */
.bottom-login{
 display:none;	
}
.mobile-responsive{
 display:none;	
}
@media (min-width: 768px){
.menu{
display:none;
}
} 
@media (max-width: 767px){
#live_watch{
 display:none;	
}
.useful-link{
 display:none;		
}
.bottom-login, .mobile-responsive{
 display:block;	
}
.menu-top{
 display:none;	
}
.container-middle{
 /*display:none;	*/
}
.mt-20 ul, .right-tool ul{
 list-style:none;
 padding:0;	
 text-align:center;	
}
.mt-20 ul li, .right-tool ul li{
 background:#000000;
  padding:10px;
  text-align:center;
  margin:4px 0;	
}
.mt-20 ul li a, .right-tool ul li a{
 font-size:18px;
 color:#ffffff;
 font-weight:600;	
 
}
.mt-20 ul li a:hover{
 color:#ffffff;	
}
} 

@media (max-width: 1200px){
.nav>li>a {
padding: 15px 17px;
}
.navbar-inverse a{
font-size:16px;
}
.bs-example .nav-tabs>li>a{ 
color: white;
padding: 15px 5px;
font-size: 14px;
/*font-weight: bold;*/
}
}

@media (max-width: 992px){
.nav>li>a {
padding: 15px 8px;
}
.navbar-inverse a{
font-size:14px;
}
.container-middle .right-tool a{
padding: 18.6px 0px;
}
}

@media (max-width: 768px){
    .video-section
    {
        width: 50% !important;
    }
    .logo, .textright
    {
        text-align:center !important;
    }
    .navbar-inverse .navbar-nav>li>a 
    {
        text-align: center;
        font-size: 15px;
        padding: 5px;
    }
    .top-menu a{
        padding:10px 0px 0px 10px;
    }
}

footer h4, h5{
    font-size: 14px;
    margin: 0px;
}
footer h4{
  float:left;
    width: 50%;
}
footer h5{
  float:right;
     width: 50%;
}
.left-tool.mt-20 a
{
    padding: 20px 0px;
}
.navbar-nav > li > .dropdown-menu li a
{
    background: #e3242a;
    color: #fff;
    padding: 9px 20px;
    border-bottom: 1px solid;
}
.video-section
{
    width: 20%;
}
.cotact-top ul li
{
    display: inline-block;
    font-size: 17px;
    margin-left: 10px;
    font-weight: 600;
}
.cotact-top ul li i
{
    font-size: 15px;
    margin-right: 5px;
}
.mobile-responsive .welcome
{
    display: none;
}