@import url(gfonts/gfonts.css);

/*==============General Style==================*/
html{
overflow-y:scroll;
cursor:default;
}
html,body{
overflow-x:hidden;
}
body{
overflow:visible;
height:100%;
background:#fff;
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:#444;
font-size:14px;
font-weight:normal;
text-decoration:none;
font-family:Monda, 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, .blog-header-nav ul, .portal-nav, .forgot-form, .login-form, .ease-div, .cat-megamenu, .amazingslider-wrapper-1 *, .section-body-content, .expert-result-body{
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;
}
.blog-news-marquee,
.blog-news-marquee__viewport,
.blog-news-marquee__track,
.blog-news-marquee__group{
overflow:visible;
}
div.blog-news-marquee__viewport{
overflow:hidden !important;
}

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:#030;
color:#fff !important;
border:1px solid #030;
padding:6px 12px;
}
.gen-title *, .gen-btn *{
color:#fff;
}
.gen-btn:hover{
background:#fff;
color:#030 !important;
}
.gen-btn:hover *{
color:#030;
}
.gen-title{
padding:20px;
background:#966;
color:#fff;
margin-bottom:10px;
}
form{
overflow:hidden;
padding:10px;
}
.submit-div{
padding-top:20px;
}

.mtop5{margin-top:5;}
.mtop10{margin-top:10;}
.mtop15{margin-top:15;}
.mtop20{margin-top:20;}
.mtop25{margin-top:25;}
.mtop30{margin-top:30;}
.mtop35{margin-top:35;}
.mtop40{margin-top:40;}
.mtop45{margin-top:45;}
.mtop50{margin-top:50;}

.ptop5{padding-top:5;}
.ptop10{padding-top:10;}
.ptop15{padding-top:15;}
.ptop20{padding-top:20;}
.ptop25{padding-top:25;}
.ptop30{padding-top:30;}
.ptop35{padding-top:35;}
.ptop40{padding-top:40;}
.ptop45{padding-top:45;}
.ptop50{padding-top:50;}

.mbottom5{margin-bottom:5;}
.mbottom10{margin-bottom:10;}
.mbottom15{margin-bottom:15;}
.mbottom20{margin-bottom:20;}
.mbottom25{margin-bottom:25;}
.mbottom30{margin-bottom:30;}
.mbottom35{margin-bottom:35;}
.mbottom40{margin-bottom:40;}
.mbottom45{margin-bottom:45;}
.mbottom50{margin-bottom:50;}

.pbottom5{padding-bottom:5;}
.pbottom10{padding-bottom:10;}
.pbottom15{padding-bottom:15;}
.pbottom20{padding-bottom:20;}
.pbottom25{padding-bottom:25;}
.pbottom30{padding-bottom:30;}
.pbottom35{padding-bottom:35;}
.pbottom40{padding-bottom:40;}
.pbottom45{padding-bottom:45;}
.pbottom50{padding-bottom:50;}

.padding10{
padding:30px;
}

/* =========== Header ===================== */
.header-wrapper{
width:100%;
}
.header-wrapper *{
color:#333;
}
.header{
width:100%;
max-width:1200px;
margin:auto;
padding:20px;
}
.logo-link{
padding:5px;
}
.logo-link img{
max-width:100%;
height:45px;
}

.top-set div{
padding:5px;
float:left;
width:25%;
}
@media(max-width:590px){
.header{
padding:0px;
}
.top-set div{
width:50%;
}
}
.top-set a{
display:block;
}
.top-set i{
font-size:35px; 
margin-right:5px;
}
.top-set span{
font-size:12px;
}
.top-set a:hover span{
color:#0fe3ab;
}

/* ===================== Blog header nav (in top bar) ===================== */
.blog-header-actions{
display:flex;
align-items:center;
gap:8px;
margin-left:auto;
flex-shrink:0;
}
.blog-header-nav{
flex:0 1 auto;
min-width:0;
margin-left:auto;
}
button.blog-menu-toggle{
display:none;
}
.blog-header-nav .top-nav{
width:auto;
max-width:none;
margin:0;
padding:0;
text-align:right;
}
.blog-header-nav ul.main-menu{
list-style:none;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
line-height:35px;
margin:0;
padding:0;
float:none;
}
.blog-header-nav ul li{
display:inline-block;
}
.blog-header-nav ul li *{
text-transform:uppercase;
font-size:12px;
font-weight:700;
}
.blog-header-nav ul li a{
display:block;
padding:5px 15px;
text-align:center;
text-decoration:none;
color:#fff;
}
.blog-header-nav ul li a.top-nav-home{
padding-left:15px;
background:none;
}
.blog-header-nav ul li a:hover, .blog-header-nav ul li a.current{
color:#030;
background-color:#eee;
}
.blog-logo{
float:left;
}

.blog-search-btn,
.blog-menu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
padding:0;
margin:0;
border:1px solid rgba(255,255,255,0.35);
border-radius:50%;
background:rgba(255,255,255,0.1);
color:#fff;
cursor:pointer;
flex-shrink:0;
-webkit-appearance:none;
appearance:none;
transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease;
box-sizing:border-box;
}
.blog-search-btn:hover,
.blog-search-btn:focus,
.blog-menu-toggle:hover,
.blog-menu-toggle:focus{
background:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0.65);
color:#fff;
outline:none;
}
.blog-search-btn i,
.blog-menu-toggle i{
font-size:17px;
line-height:1;
pointer-events:none;
}
button.blog-menu-toggle{
display:none;
}
.blog-menu-toggle .blog-menu-icon-close{
display:none;
}
.blog-menu-toggle.is-open .blog-menu-icon-open{
display:none;
}
.blog-menu-toggle.is-open .blog-menu-icon-close{
display:inline-block;
}

@media(max-width:992px){
.blog-header,
.blog-header-bar-wrap,
.top-switch.blog-header-bar,
.blog-header-nav,
.blog-header-nav .top-nav{
overflow:visible !important;
}
.blog-header{
position:relative;
z-index:1000;
}
.blog-header-bar-wrap{
position:static;
overflow:visible !important;
}
.top-switch.blog-header-bar{
position:static;
z-index:1002;
text-align:left;
overflow:visible !important;
}
.blog-header-nav{
display:block;
position:absolute;
top:100%;
left:0;
right:0;
width:100%;
margin:0;
padding:0;
z-index:1001;
}
.blog-header-actions{
margin-left:auto;
position:relative;
z-index:1003;
flex-shrink:0;
}
.blog-header-nav .top-nav{
width:100%;
text-align:left;
}
.blog-header .blog-header-nav ul.main-menu{
list-style:none;
float:none;
display:none !important;
line-height:normal;
position:relative;
width:100%;
max-height:min(70vh, 420px);
overflow-y:auto;
overflow-x:hidden;
background:#030;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
-webkit-overflow-scrolling:touch;
box-shadow:0 10px 28px rgba(0,0,0,0.25);
border-top:1px solid rgba(255,255,255,0.08);
}
.blog-header.blog-menu-open .blog-header-nav ul.main-menu{
display:flex !important;
}
.blog-header .blog-header-nav ul li{
display:block;
}
.blog-header .blog-header-nav ul li a{
display:block;
clear:both;
margin-bottom:2px;
padding-top:10px;
padding-left:30px;
padding-bottom:10px;
text-align:left;
border-bottom:1px dotted #060;
}
.blog-header .blog-header-nav ul li a.top-nav-home{
padding-left:30px;
background:none;
}
.blog-header .blog-header-nav ul li a:hover,
.blog-header .blog-header-nav ul li a.current{
background-color:#eee;
}
.blog-header .blog-header-actions .blog-menu-toggle{
display:inline-flex !important;
visibility:visible !important;
opacity:1 !important;
width:40px;
height:40px;
min-width:40px;
min-height:40px;
}
.blog-logo{
float:none;
}
}

@media(min-width:993px){
.blog-header-nav{
display:block;
position:static;
width:auto;
margin-left:auto;
flex:0 1 auto;
}
.blog-header .blog-header-nav ul.main-menu{
display:flex !important;
}
}

/* ===================== Top bar (logo, tools, nav) ===================== */
.top-switch-wrapper{
width:100%;
background:#060;
}
.top-switch{
width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
padding:10px;
}
.top-switch.blog-header-bar{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0 6px;
}
.top-switch.blog-header-bar .blog-logo{
float:none;
flex-shrink:0;
}
@media(max-width:992px){
.top-switch{
padding-left:0px;
}
}

/*==============Blog Display=============*/
.reply-content-wrapper{
padding:2px;
}
.reply-content-wrapper .view-header{
background:#fbfbfb;
display:table;
width:100%;
padding:2px;
margin-bottom:5px;
}
.reply-content-wrapper .view-header a{
display:block;
}
.reply-content-wrapper .view-header *{
color:#966 !important;
}
.reply-content-wrapper .view-header .header-content, .reply-content-wrapper .view-header .header-img{
display:table-cell;
vertical-align:middle;
}
.reply-content-wrapper .view-header .header-img, .reply-content-wrapper .view-header .header-img img{
width:50px;
}
.reply-content-wrapper .view-header .header-content{
padding-left:10px;
}
.reply-content-wrapper .view-wrapper{
border:1px solid #ddd;
padding:5px;
margin:5px;
}
.reply-content-wrapper .view-title, .reply-content-wrapper .view-title *{
font-size:18px;
color:#000!important;
}
.reply-content-wrapper .view-title-details, .reply-content-wrapper .view-title-details *{
font-size:12px;
}
.reply-content-wrapper .view-content img{
clear:both;
margin:auto;
}
.reply-content-wrapper .view-content div{
padding:10px;
}
.reply-content-wrapper .description-title{
color:#f11;
margin-top:0px;
margin-bottom:0px;
padding-left:10px;
}
.reply-content-wrapper .share-buttons{
padding:10px;
}
.reply-content-wrapper .share-buttons a{
margin:2px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
} 
.reply-content-wrapper .share-buttons a *{
color:#fff;
}


/* =========== 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;
}

.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:#060;
border:1px solid #060;
text-decoration:none;
float:left;
}
div.page-nos a:hover, div.page-nos a.current{
background:#060;
color:#fff;
}

/*===================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;
}

.padding10{
padding: 5px;
}

.required{
color:#f11;
padding:5px;
font-weight:900;
}

fieldset{
border:5px solid #eee;
padding:10px;
}
legend{
font-size:14px;
border:0px;
width:auto;
padding:5px;
margin-bottom:0px;
font-weight:900;
}

.posts-title{
padding: 10px;
margin: 0px;
font-size: 20px;
color: #b20;
background: #eee;
margin-top: 10px;
margin-bottom: 10px;
}
.gen-save a{
text-decoration:none!important;
}
.gen-save *{
font-size:14px;
}
.home-body.container{
max-width:1200px;
padding:2px;
}

.transition {
-webkit-transform: scale(1.3); 
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}

/* =========== Footer ===================== */
.footer-container{
background:#060;
}
.footer-container *{
color:#fff;
}
.footer{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.footer fieldset{
margin-left:auto;
margin-right:auto;
max-width:600px;
}
.footer .input-group-addon, .footer input{
color:#111;
}
.footer-container .nav-link h4, .footer-container legend{
color:#ff0;
font-size:16px;
font-weight:900;
}
.footer-container input, .footer-container button{
height:50px;
}
.footer-container .nav-link a{
display:inline-block;
padding:8px;
text-align:left;
}
.footer-container .nav-link:not(.social-links) a:hover, .footer-container a.current{
text-decoration:underline!important;
color:#fff;
}
.footer-container .nav-link.social-links a{
display:inline-block;
padding:11px;
width:40px;
height:40px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background:#fff;
}
.footer-container .nav-link.social-links a *{
font-size:20px;
color:#003;
}
.footer-container .nav-link.social-links a:hover{
background:#ddd;
}

.copyright{
color:#fff;
background:#030;
text-align:center;
font-size:12px;
}
.copyright a{
color:#fff;
font-size:12px;
font-weight:900;
}

@media(max-width: 768px){
.footer form{
padding:0px;
}
.blog-footer.footer-container{
overflow:visible !important;
}
.blog-footer .footer,
.blog-footer .blog-footer__inner{
overflow:visible !important;
}
}