@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:#a02b2d !important;
transition:color .5s;
} 

a:focus, a:visited, a:active {
  border:0px !important;
}

.dropdown-menu {
    background-color: #624aa2; 
}


img {
max-width:100%;
}

.textright {
text-align:right;
}

.mt-20{
margin-top:20px;
}
/* /comman css */

#open_pop, .useful-link {
background: #624aa2;
background: #624aa2;
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: 153px;
position: fixed;
z-index: 100000;
margin-left: -280px;
display: none;
}

.tabing ul {
/*    background-color: #624aa2;*/
}

.tabing .nav-pills>li.active>a, .tabing .nav-pills>li.active>a:focus, .tabing .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #f99f2a;
}

.tabing .nav-pills>li {
    width: 100%;
    margin-bottom: 2px;
}

.tabing .nav-pills>li a{
    color: #ffffff;
    background-color: #624aa2;
}



#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: 455px;
position: fixed;
z-index: 100000;
display: none;
}
.useful-link span, #live_watch span {
margin-top: 6px;
display: block;
}
.useful-link:hover, #live_watch a:hover {
color:white !important;
}

#header {
padding:5px 0px;
}

.logo img {
padding-top: 0px;
}

.form-btn a , .signup-popup{
    font-size: 15px !important;
    color: #ffffff;
    background: #624aa2;
    padding: 7px 25px !important;
    border: none;
    border-radius: 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:#624aa2;
border:0px;
border-radius:0px;
}
.navbar-inverse a{
color:white !important;
font-size:18px;
/*font-weight:bold;*/
}
.navbar {
min-height:auto;
margin-bottom: 0px;
}
#myNavbar .nav > li > a 
{
    padding: 15px 37px !important;
    padding: 15px 45px !important;
}
.navbar-inverse .navbar-nav > li > a:hover , .container-middle .left-tool a:hover , .container-middle .right-tool a:hover
{
    /*background-color: #624aa2 !important; */
    color: #fff !important; 
}
button.close {
    position: absolute;
    color: white;
    right: 5px;
    top: 5px;
    background-color: red;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    opacity: 0.8;
        outline: none;
}
.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:#624aa2;
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:#624aa2;
padding: 7px 20px;
border-radius: 5px;
border: 0px;
}
.container-middle .left-tool a {
/*width:100%;*/
/*float:left;*/
/*text-align:center;*/
/*color:white;*/
/*background:#624aa2;*/
/*margin-bottom:2px;*/
/*padding: 43px 0px;*/
/*font-size: 20px;*/
/*font-weight: bold;*/
}



.container-middle .left-tool a:hover, .container-middle .right-tool a {
color:white !important;
}

.bs-example {
background:#f1f1f1;
width: 100%;
float: left;
}

.bs-example .nav {
background:#624aa2;
}
 .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:#ffffff;
background-color: #624aa2;
}

/*#myTab>li>a:focus, */
#myTab>li>a:hover 
{
    background-color: #f99f2a !important;
    color: #ffffff !important;
}

.bs-example .nav-tabs>li>a {
color:white;
padding: 12px 43px;
font-size:16px;
/*font-weight:bold;*/
}
.bs-example #myTabContent {
padding:20px;
}
.container-middle .right-tool a {
width:100%;
float:left;
text-align:left;
color:white;
background:#624aa2;
margin-bottom:2px;
padding: 43px 0px;
padding: 10px 10px;
font-size: 19px;
/*font-weight: bold;*/
}
footer {
background:#624aa2;
text-align:center;
color:white;
padding:20px 0px;
margin-top:20px;
}

.social a i {
    color: #f99f2a;
    color: #624aa2;
}

footer p{
margin-bottom:0px;
}
footer a {
color:white;
}
footer a:hover {
color:white !important;
}

.social {
    margin-top: 20px;
}

/* 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;
}
#myCarousel img
{
    height: 450px;
}
.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 */

.dropdown-menu > li > a{
 color:#ffffff !important;
 font-size: 18px;
}

.dropdown-menu > li > a:hover{
 color:#000000 !important;
}


.dtls {
    margin: 7px 0;
	font-size:16px;	
}
.dtls strong{
 color:#624aa2;
 display:inline-block;
 vertical-align:top;
 width:105px;	
}
.dtls p{
 display:inline-block;		
}
.live-watch{
 border:1px solid #999;	
}
.heading{
    font-size: 21px !important;
    color: #ffffff;
    background: #624aa2 !important;
    padding: 7px 0;
    text-align: center !important;
}
.wrap-input{
 margin:10px 0;	
}
.left{
 text-align:left;	
}
.right{
 text-align:right;	
}
.label-input{
 font-size:14px;
 color:#000;
 font-weight:600;
 text-align:right;	
}
.wrap-input{
 margin:10px 0;	
}
.wrap-input .input100{
 padding:10px;
 width:85%;
 height:40px;
 background:#e4e4e4;
 border:1px solid #999;	
}
.wrap-input .bulltes{
 margin-left:4px;	
}
.input100.add {
    height: 70px;
}
.form-btn {
    text-align: center;
	margin-top:20px;
}
.contact-btn{
 font-size:15px;
 color:#ffffff;
 background:#624aa2;
 padding:7px 30px;	
}
@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;
}
}
#myModal
{
    display: none !important;
}
.modal-backdrop.fade.in
{
    display: none !important;
}
.modal-open
{
    overflow: auto !important;
}
.navbar-inverse 
{
  background-color: #624aa2 !important;
  border-color: #624aa2 !important;
}
#live_watch {
  top: 180px;
  position: fixed;
  z-index: 100000;
  margin-left: -280px;
}
.useful-link {
  top: 181px;
  position: fixed;
  z-index: 100000;
  right: 0px;
}

ul.footermenu
{
    padding: 0px;
    text-align: left;
}
ul.footermenu li
{
    display: inline-block;
}
ul.footermenu li a
{
    font-weight: 600;
    padding: 0px 5px;
}
.container-middle .right-tool a img
{
   width: 37px;
    padding-right: 10px;
}
.hovertrue
{
    display: none;
}
.container-middle .right-tool a:hover img.hovertrue
{
    /*display: initial;*/
}
.container-middle .right-tool a:hover img.hoverfalse
{
    /*display: none;*/
}
.left-tool .meet
{
    display: none;
}
.partner-img ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
.partner-img ul li {
    display: inline-block;
}
.partner-img ul li img {
    height: 44px;
    background: white;
    margin: 0px 5px;
}
body
{
    padding: 0px !important;
}
.navbar
{
    margin-bottom: 0px;
}
.subnav:hover .subnav-content
{
    display: block;
    position: absolute;
    background: #624aa2;
    padding: 1px 0px !important;
    z-index: 99;
    width: 100%;
    padding-bottom: 10px;
}
.subnav:hover .subnav-content li
{
    list-style-type: none;
}
.subnav-content
{
    display: none;
}
.subnav:hover .subnav-content li a
{
    display: block;
    padding: 7px 15px;
    font-size: 15px;
    /*margin-bottom: 4px;*/
}
.subnav a:hover , nav li a:hover
{
    background-color: #000 !important;
}