/*==============General Style==================*/
@import url(gfonts/gfonts.css);

html{
overflow-y:scroll;
cursor:default;
}
html,body{
overflow-x:hidden;
}
body{
overflow:visible;
height:100%;
background:#e5e5e5;
text-align:center;
}
table,tr,td { 
border-collapse:collapse;
}
a{
text-decoration:none !important;
cursor:pointer;
}
a:active, a:focus{
outline: none !important;
}
html,body,table,tr,td,div,span{
vertical-align:top;
text-align:left;
}
html,body,img,div,span,a,table,tr,td,ul,ol,li,*{
border:0px;
padding:0px;
margin:0px;
color:#666;
font-size:12px;
font-weight:normal;
text-decoration:none;
font-family: 'Monda', serif, Arial, Helvetica, sans-serif;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sweet-overlay, .sweet-overlay *, .sweet-alert, .sweet-alert *, .left-layout *, .top-nav-wrapper ul, .portal-nav, .forgot-form, .login-form, .ease-div, .cat-megamenu, .amazingslider-wrapper-1 *, .section-body-content, .section-body, .expert-result-body, ul.main-list, ul.main-list li ul, .chat-container, .chat-maximize{
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
b,th{
font-weight:bold;
}
u{
text-decoration:underline;
}
p{
padding:5px;
font-size:14px;
}
div{
overflow:hidden;
}

label{
font-weight:normal;
}
img{
max-width:100%;
height:auto;
}

/*===========General Sub-formattings=============*/
.float-right{
float:right;
}
.float-left{
float:left;
}
.align-left{
text-align:left;
}
.align-right{
text-align:right;
}
.align-center{
text-align:center;
}
.gen-fade{
background:#fbfbfb;
}
.gen-btn{
background:#004c8f;
color:#fff !important;
border:1px solid #004c8f;
padding:6px 12px;
}
.gen-title *, .gen-btn *{
color:#fff;
}
.gen-btn:hover{
background:#fff;
color:#004c8f !important;
text-decoration:none !important;
}
.gen-btn:hover *{
color:#004c8f;
}
.gen-title{
padding:20px;
background:#966;
color:#fff;
margin-bottom:10px;
}
form{
overflow:hidden;
padding:10px;
}
.submit-div{
padding-top:20px;
}

.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}
.mtop30{margin-top:30px;}
.mtop35{margin-top:35px;}
.mtop40{margin-top:40px;}
.mtop45{margin-top:45px;}
.mtop50{margin-top:50px;}

.ptop5{padding-top:5px;}
.ptop10{padding-top:10px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop25{padding-top:25px;}
.ptop30{padding-top:30px;}
.ptop35{padding-top:35px;}
.ptop40{padding-top:40px;}
.ptop45{padding-top:45px;}
.ptop50{padding-top:50px;}

.mbottom5{margin-bottom:5px;}
.mbottom10{margin-bottom:10px;}
.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}
.mbottom25{margin-bottom:25px;}
.mbottom30{margin-bottom:30px;}
.mbottom35{margin-bottom:35px;}
.mbottom40{margin-bottom:40px;}
.mbottom45{margin-bottom:45px;}
.mbottom50{margin-bottom:50px;}

.pbottom5{padding-bottom:5px;}
.pbottom10{padding-bottom:10px;}
.pbottom15{padding-bottom:15px;}
.pbottom20{padding-bottom:20px;}
.pbottom25{padding-bottom:25px;}
.pbottom30{padding-bottom:30px;}
.pbottom35{padding-bottom:35px;}
.pbottom40{padding-bottom:40px;}
.pbottom45{padding-bottom:45px;}
.pbottom50{padding-bottom:50px;}

.padding10{
padding:30px;
}

.special-left-icons a, .special-left-icons li{
padding:2px !important;
}
.special-left-icons img{
width:20px;
height:20px;
}

.table-wrapper th{
padding:2px;
padding-right:10px;
vertical-align:middle;
}
.time-table td{
padding:2px;
text-align:center;
}

/* ===================== Top Navigation ===================== */
.header-wrapper {
background: linear-gradient(to bottom,#3a3e47 0,#2b2e37 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3e47', endColorstr='#2b2e37', GradientType=0);
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
z-index:500;
}
.header{
padding:5px;
}

.header ul{
list-style:none;
float:right;
clear:none;
line-height:40px;
}
.header ul ul.sub-link{
position:absolute;
z-index:20;
display:none;
}
.header ul ul.sub-link table tr td{
background: linear-gradient(to bottom,#5c5f69 0,#4d4f59 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5f69', endColorstr='#4d4f59', GradientType=0);
}
.header ul li{
display:inline;
}

.header ul li a{
padding:10px;
color: #fff !important;
font-size:14px;
font-weight:bold;
margin-left:-5px;
text-align:center;
text-decoration:none;
}
.header ul li a * {
color: #fff !important;
}
.header ul li a.register{
color:#df8c42 !important;
font-size:12px;
}
.header ul li a.login{
color:#fff !important;
background: #0d7b3c;
font-size:12px;
padding:5px 12px;
}
.header ul li a.login:hover{
color:#fff !important;
background: #0b591a;
}

.header ul li li{
display:block;
clear:both;
}
.header ul li li.category-title{
padding:0px;
padding-left:15px;
padding-right:20px;
cursor:default;
font-weight:900;
font-size:16px;
color:#fa0;
}
.header ul li li a{
display:block;
text-align:left;
padding:0px;
padding-left:20px;
padding-right:20px;
color:#fff !important;
}
.header ul li li a *{
color:#fff !important;
}
.header ul li a:hover, .header ul li a.current, .header ul li a.current{
color:#f63 !important;
}
.header ul li a:hover *, .header ul li a.current *, .header ul li a.current *{
color:#f63 !important;
}
.header ul li li a:hover, .header ul li li a:hover *, .header ul li li a.current, .header ul li li a.current *{
color:#ff1 !important;
}
.header ul li table{
width:400px;
}
.header ul li .sub-link-div{
width:50% !important;
float:left;
}

@media(max-width:992px){
.header ul{
float:none;
clear:both;
margin:0px;
display:none;
}
.header ul ul.sub-link{
position:relative;
}
.header ul li{
display:block;
}
.header ul li a{
display:block;
clear:both;
margin-bottom:2px;
margin-left:0px;
text-align:left;
padding:0px;
padding-left:10px;
}
.header span{
margin-top:0px
}
.header img{
margin-bottom:10px;
}
.header img.home-logo{
position:relative;
height:40px;
}
.header ul li li{
float:none;
}
.header ul li table{
width:100%;
border:0px;
}
.header ul li .sub-link-div{
width:100% !important;
float:none;
}
.header ul li a{
border-bottom:1px dotted #999;
}
.header ul li li a{
border-bottom:1px dotted #777;
}
.header ul li li.category-title{
border-bottom:1px dotted #999;
}
}

button.collapse{
background:rgba(0,0,0,0);
padding:5px;
float:right;
margin:5px;
margin-left:20px;
font-size: 17px;
text-align: center;
color:#fff;
cursor:pointer;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
-khtml-border-radius:5px;
display:none;
}
button.collapse i{
color:#fff;
font-size: 25px;
}

button.collapse span{
display:block;
clear:both;
padding:2px;
margin-top:3px;
margin-bottom:3px;
width:30px;
background:#fff;
}

/* ===================== Top Navigation ===================== */
.top-nav-wrapper{
background:#323150;
width:100%;
}
.top-nav{
width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
}
.top-nav-wrapper ul{
list-style:none;
float:left;
clear:none;
display:block;
line-height:35px;
}
.top-nav-wrapper ul li ul{
display:block;
line-height:normal;
}
.top-nav-wrapper ul li{
display:inline-block;
}
.top-nav-wrapper ul li ul li{
display:block;
}
.top-nav-wrapper ul li *{
color:#fff !important;
text-transform:uppercase;
font-size:12px;
font-weight:700;
}
.top-nav-wrapper ul li a{
display:block;
padding:10px;
padding-left:23px;
padding-right:23px;
margin-left:-5px;
text-align:center;
text-decoration:none;
border-top:5px solid #323150;
border-right: 1px solid #3c3b5b;
}
.top-nav-wrapper ul li ul li.cat-title{
padding:10px;
padding-left:0px;
padding-top:20px;
padding-bottom:20px;
}
.top-nav-wrapper ul li ul li a{
padding:10px;
padding-left:0px;
margin-left:0px;
border-top:0px;
border-right: 0px;
text-align:left;
color:#9e9caa !important;
}
.top-nav-wrapper ul li a:hover, .top-nav-wrapper ul li a.current{
color:#fff !important;
background:#282840;
border-top-color: #f92552;
}
.top-nav-wrapper ul li ul li a:hover, .top-nav-wrapper ul li ul li a.current{
color:#0fe3ab !important;
background:#383759;
}
.top-nav-wrapper ul li div.cat-megamenu{
display:none;
position:absolute;
z-index:20;
background:#383759;
left:20px;
right:20px;
padding:30px;
}

@media(max-width:992px){
.top-nav{
padding-left:0px;
}
.top-nav-wrapper ul.main-menu{
float:none;
clear:both;
margin:0px;
display:none;
}
.top-nav-wrapper ul li{
display:block;
}
.top-nav-wrapper ul li a{
display:block;
clear:both;
margin-bottom:2px;
margin-left:0px;
text-align:left;
padding:0px;
padding-left:10px;
}
.top-nav-wrapper ul li div.cat-megamenu{
position:relative;
z-index:20;
background:#383759;
left:0px;
right:0px;
padding:20px;
}
button.collapse{
display:block;
}
}

/* =========== Body Content ===================== */
.both-border{
min-height:400px;
padding:10px;
}
.content-header{
text-align:center;
margin-bottom:20px;
margin-top:10px;
font-size:30px;
color:#966;
background:#fafafa;
padding:20px;
}
.content-header *{
font-size:30px;
color:#f33;
}
.content-header span i{
color:#966;
}
div.body-header{
font-size:25px;
color:#966;
margin-bottom: 10px;
margin-top: 20px;
padding-bottom:10px;
line-height: normal;
position: relative;
text-align: left;
}
div.body-header *{
font-size:25px;
color:#f33;
}

.page-title-banner{
height:250px;
}
.content-header-top{
margin-top:0px;
background:rgba(0,0,0,0.3);
margin-bottom:20px;
font-size:40px;
font-weight:bold;
color:#fff;
padding:20px;
height:250px;
text-shadow: 2px 2px #666, -2px -2px 5px #666, -2px 0px 5px #666, 0px -2px 5px #666;
}
.container2{
max-width: 1170px;
}
.intro-header{
color:#966;
}

.upper-nav, .header, .container{
max-width:1300px;
margin-left:auto;
margin-right:auto;
}

/* =========== Success and Error Message ===================== */
.success{
text-align:center;
padding:15px;
margin-top:10px;
margin-bottom:10px;
cursor:default;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.success *, .success *:active, .success *:hover{
text-decoration:none;
color:#3c763d;
cursor:pointer;
}
.success a:hover{
text-decoration:underline;
}
.not-success{
text-align:center;
padding:15px;
margin-top:10px;
margin-bottom:10px;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.not-success *{
color: #a94442;
}

.overflow{
overflow-x:auto;
white-space:nowrap;
}

.blink{
visibility:visible;
}

.shadow{
-webkit-box-shadow: -1px 0px 13px 0px rgba(0,0,0,0.48);
-moz-box-shadow: -1px 0px 13px 0px rgba(0,0,0,0.48);
box-shadow: -1px 0px 13px 0px rgba(0,0,0,0.48);
}
.text-shadow{
text-shadow: 2px 2px #666, -2px -2px 5px #666, -2px 0px 5px #666, 0px -2px 5px #666;
}

/* =========== Page Numbers ===================== */
div.page-nos{
display:block;
clear:both;
padding:5px;
overflow:hidden;
}
div.page-nos a{
padding:8px;
padding-top:1px;
padding-bottom:1px;
margin:1px;
background:#fff;
color:#f11;
border:1px solid #f66;
text-decoration:none;
float:left;
}
div.page-nos a:hover, div.page-nos a.current{
background:#f66;
color:#fff;
}

/* =========== Form Div ===================== */
.form-div{
width:100%;
margin:auto;
padding:10px;
background:#fff;
}

/* ========== Tags ============ */
#tags a.tag{
  display:block;
  float:left;
  color:#fff;
  background:#333;
  border:1px solid #333;
  padding:5px;
  margin:2px;
  margin-left:0px;
  margin-right:4px;
  font-size:12px;
}
#tags a.tag:hover{
background:#fff;
color:#111;
}

/*===================General Fade===================*/
.general-fade{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background:rgba(255,255,255,0.8) url(../images/loading.gif) center no-repeat;
padding:20px;
display:none;
}

.border-radius{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.border-radius-top{
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.border-radius-bottom{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.social-left{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.social-right{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.btn-primary *, .btn-danger *, .btn-warning *, .btn-success *{
color:#fff !important;
}

.padding-0{
padding:2px;
}

.home-body *:not(.body-header){
text-align:left;
}
.home-body ul{
list-style:disc;
margin-left:20px;
}
.home-body ol{
margin-left:20px;
}

/* =========== Footer ===================== */
.footer-container{
margin-top:100px;
}
.footer-container, .copyright-container{
background: linear-gradient(to bottom,#3a3e47 0,#2b2e37 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3e47', endColorstr='#2b2e37', GradientType=0);
}
.footer{
padding:20px 0;
}
.footer *{
color:#fff;
}
.footer *:not(h4), .copyright *{
font-size:12px;
}
.footer h4{
font-weight:bold;
}
.footer .nav{
padding-left:15px;
}
.footer .nav a{
padding:5px;
display:block;
}
.footer .nav a:hover{
color:#ddd;
}
.footer .social-media{
padding:5px;
background: #000;
display:inline-block;
margin:20px 0px;
}
.footer .social-media a{
padding:10px;
color:#fff;
font-size:16px;
}

.special-footer{
padding:20px; 
background: #000;
}
.special-footer b{
padding-bottom:20px;
color:#ddd;
}

.copyright{
padding:10px;
}
.copyright, .copyright *{
color:#fff;
}