@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: url("../images/bodybg.png") repeat;
}
/* comman css */
a:hover {
text-decoration: none !important;
color:#10a3d2 !important;
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;
}
.welcome h4{
    font-size:22px;
    font-weight:normal;
    margin: 0px;
    padding: 18px 0px 8px;
}
.welcome p{
    font-size: 14px;
    text-align: justify;
}
.new{
    width:100%;
    float:left;
    margin-top: 6px;
    
}

div#contact_form {
    margin-top: 25px;
}

form#contact_body input, form#contact_body textarea {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

section.section-add {
    padding: 25px 0;
}

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

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #9597a1;
}

.usefullink li {
    padding: 10px 0px;
    list-style: none;
    background: #0077bd;
    width: 50%;
    float: left;
    border: 1px solid white;
    text-align: center;
}

.usefullink {
    margin: 0px;
    padding: 0px;
}

.usefullink li a, .usefullink li a:hover {
    color: white !important;
}

#open_pop, .useful-link{
background: #10a3d2;
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;
}
#live_watch .frame{
width: 280px;
    height: 121px;
    padding: 19px 18px;
    border: 0px;
    background: white;
    float: left;
    margin-top: 20px;
}

#live_watch .frame2 {
    width: 279px;
    height: 144px;
    padding: 19px 10px;
    border: 0px;
    background: white;
    float: left;
    margin-left: 1px;
}
.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:10px 0px;
}
.social, .top-menu {
width:100%;
margin-top: 20px;
}
.top-menu a{
font-style:italic;
color:#343434;
padding: 10px 0px 10px 10px;
font-size:16px;
font-weight:bold;
display: inline-block;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	background-color:#9597a1 !important;
}

.top-menu a:hover {
	color:#9597a1;
}

.social a {
    color: #10a3d2;
}

.social a:hover {
    color: #9597a1 !important;
}

.navbar-inverse{
background:#10a3d2;
border:0px;
border-radius:0px;
}
.navbar-inverse a{
color:white !important;
font-size:20px;
/*font-weight:bold;*/
}
.navbar{
min-height:auto;
margin-bottom: 0px;
}
.nav>li>a{
padding: 15px 20px;
}
.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:#10a3d2;
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:#10a3d2;
padding: 7px 20px;
border-radius: 5px;
border: 0px;
color: #fff;
}

.success {
    text-align: center;
    color: green;
    font-weight: bold;
    letter-spacing: 1px;
}

.error {
    text-align: center;
    color: red;
    font-weight: bold;
    letter-spacing: 1px;
}

img.we-listient {
    margin-top: 70px;
}

.login_btn:hover {
	background:#9597a1;
}

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

.container-middle .left-tool a:hover{ 
background:#9597a1;
}

.container-middle .right-tool a:hover {
	background:#9597a1;
}

.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:#10a3d2;
}
 .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:#10a3d2;
}
.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:#10a3d2;
margin-bottom:2px;
padding: 32.4px 0px;
font-size: 20px;
/*font-weight: bold;*/
}
.fonts
{margin: 0px;
    padding: 10px 0px;
    text-align: center;
    background: #10a3d2;
    font-size: 25px;
    color: white;
}
    /* font-weight: bold; */
footer{
background:#10a3d2;
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: 25%;
left: 64%;
position:fixed;
}
img#cross {
position: relative;
float: right;
top: -29px;
left: 24px;
}
/* /portfolio login */


@media (min-width: 768px){
.menu{
display:none;
}
} 

@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){
.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%;
}