@charset "UTF-8";
/***************************************
Author: osus
Author URI: http://osusprog.sa/
Version: 1.0.0
License: license purchased
***************************************/

.col-md-3 {float: right;width: 20%}
.col-md-9 {float: right;margin-right: 15px;width: calc(80% - 20px)}
.w960, .page, article {width: 100%!important;max-width: 960px!important;}
.space-maintit, .sitemap .sitemap-top, #sitestates, .links-content {max-width: 100%!important;}
#showphoneon {display: none!important;}
.showphone, .showphoneon {display:none!important}

/* go-up */
.go-up {position:fixed;width:40px;height:40px;line-height:40px;font-size:17px;right:-60px;bottom:20px;cursor:pointer;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;z-index:998;border-radius:2px;background-color: #725b3b;-webkit-box-shadow: 0 0px 0 0 #a06e0c;box-shadow: 0 0px 0 0 #a06e0c;color:#ffffff;}
.go-up i {line-height: 40px}
.go-up:hover {opacity:1;filter:alpha(opacity=100);background-color:#2b2b2b;}




.push-menu-btn {position: absolute;right: 15px;font-size: 34px;color:#fff;top: -2px;}
.navmenu a.iconhome {position: absolute;right: 60px;font-size: 34px;color:#fff;top: -2px;}

.push-menu {position: fixed;background: #ccb58b;width: 300px;bottom: 0;text-align: left;top: 0;z-index: 99999999;overflow-y: auto;-webkit-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1) 0s;transition: all .5s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
.mask-overlay {content: '';position: fixed;background: rgba(75, 84, 108, 0.4);left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}
.canvas-menu {right: -320px;margin: 0!important;}
.menu-opened .canvas-menu {right: 0;}
.push-menu h3 {font-size: 16px;line-height: 40px;position: relative;width: calc(100% - 30px);background: #2b2b2b;margin-top: 0;padding: 0 15px;color: #fff;margin-bottom: 0;text-align: right;}
.push-menu h3 i {position: absolute;left: 12px;top: 10px;cursor: pointer;font-size: 21px;color: #fff;margin: 0!important}
.push-menu .logo {display: block;margin: auto;text-align: center;background: url(../img/header/bgs.png) 0 -50px;padding: 25px 0 10px 0;text-align: center;}
#mobile-menu,
#mobile-menu ul,
#mobile-menu ul li,
#mobile-menu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 20px;display: block;position: relative;text-align: right;background: #ccb58b !important;}
#mobile-menu {padding: 0 30px;}
#mobile-menu ul ul {opacity: 1;visibility: visible;padding-right: 15px;position: relative;background: #ccb58b;width: 100%;-webkit-box-shadow: none;box-shadow: none;margin-bottom: 15px;}
#mobile-menu ul li a {cursor: pointer;z-index: 2;padding: 8px 0;color: #2b2b2b !important;font-family: fontsansmhgoz;font-size: 15px!important;line-height: 20px !important;}
#mobile-menu ul li a i {width: 25px!important;color: #212121!important;margin-left: 5px!important;font-size: 18px!important;text-align: right!important;display: inline-block!important;}
#mobile-menu ul li a i.fa-home:before {content: "\f015";color: #2b2b2b;padding-left: inherit;padding-right: inherit;}
#mobile-menu ul li a i.fa-search:before {content: "\f002";background-color: transparent;margin-right: inherit;padding:inherit;}
.canvas-menu ul.menu-top-menu {text-align: right!important;width: 100%;margin-top: 20px!important;margin-bottom: 10px;}

.box-mobile-menu {text-align: right;margin: 20px 25px;margin-bottom: 50px;border-top: 1px solid #bc9c6f;}
.box-mobile-menu .newuser p, 
.box-mobile-menu .controlpanl p, 
.box-mobile-menu .faq p, 
.box-mobile-menu .blog p, 
.box-mobile-menu .callus p {color: #7D684B;font-size: 12px;font-weight: normal;line-height: 0;margin-right: 9px;text-shadow: 1px 2px 1px #C8A472;}


.box-mobile-menu .newuser, 
.box-mobile-menu .faq, 
.box-mobile-menu .controlpanl, 
.box-mobile-menu .blog, 
.box-mobile-menu .callus {
    height: auto;
    margin-top: 10px;
    width: 179px;
}
.box-mobile-menu .newuser .right { background-image: url("../img/body/ui_icons.png"); background-position: -573px top; background-repeat: no-repeat; float: right; height: 30px; margin-right: 5px; width: 30px; }
.box-mobile-menu .newuser .right2 { background-image: url("../img/body/ui_icons.png"); background-position: -535px -1px; background-repeat: no-repeat; float: right; height: 30px; margin-right: 5px; width: 30px; }
.box-mobile-menu .newuser .newuser-link, 
.box-mobile-menu .controlpanl .controlpanl-link, 
.box-mobile-menu .faq-link, 
.box-mobile-menu .blog-link, 
.box-mobile-menu .faq-link, 
.box-mobile-menu .callus-link { color: #2c2c2c; font-family: fontsansmhgoz; font-size: 15px; line-height: 36px; margin-right: 5px; }
.box-mobile-menu .newuser .right:hover { background-position: -573px -29px; }
.box-mobile-menu .newuser .newuser-link:hover, 
.box-mobile-menu .controlpanl-link:hover, 
.box-mobile-menu .controlpanl, 
.box-mobile-menu .faq-link:hover, 
.box-mobile-menu .blog-link:hover, 
.box-mobile-menu .faq-link:hover, 
.box-mobile-menu .callus-link:hover { color: #826644; }
.box-mobile-menu .newuser p, 
.box-mobile-menu .controlpanl p, 
.box-mobile-menu .faq p, 
.box-mobile-menu .blog p, 
.box-mobile-menu .callus p { color: #7D684B; font-size: 12px; font-weight: normal; line-height: 0; margin-right: 9px; text-shadow: 1px 2px 1px #C8A472; }
.box-mobile-menu .controlpanl:hover .right { background-position: -418px -28px; color: #826644; }
.box-mobile-menu .faq:hover .right { background-position: -507px -30px; color: #826644; }
.box-mobile-menu .blog:hover .right { background-position: -474px -29px; color: #826644; }
.box-mobile-menu .newuser:hover .right { background-position: -573px -29px; color: #826644; }
.box-mobile-menu .newuser:hover .right2 { background-position: -535px -30px; color: #826644; }
.box-mobile-menu .controlpanl .right {background-image: url("../img/body/ui_icons.png");background-position: -417px 2px;background-repeat: no-repeat;float: right;height: 30px;margin-right: 5px;width: 30px;}
.box-mobile-menu .faq .right { background-image: url("../img/body/ui_icons.png"); background-position: -507px -1px; background-repeat: no-repeat; float: right; height: 30px; margin-right: 5px; width: 30px; }
.box-mobile-menu .callus:hover .right { background-position: -446px -29px; }
.box-mobile-menu .home:hover { background-position: -606px -34px; margin-top: 11px; }
.box-mobile-menu .blog .right { background-image: url("../img/body/ui_icons.png"); background-position: -474px top; background-repeat: no-repeat; float: right; height: 30px; margin-right: 5px; width: 30px; }
.box-mobile-menu .callus .right { background-image: url("../img/body/ui_icons.png"); background-position: -446px top; background-repeat: no-repeat; float: right; height: 30px; margin-right: 5px; width: 30px; }
.morinfothread {border-top: 1px solid #c1c1c1;margin: 10px auto;padding: 10px;text-align: right!important;}
input[type="password"], select, input[type="text"] {max-width: 100%!important;}

.td_post_maxwidth {max-width: 600px;overflow-y: auto}
.input-size25 {margin-top: 8px!important}
.tcatthreadslist {border-bottom: 1px solid #eaeaea;border-radius: 0!important;}
.displayibphone {display: inline-block;}
@media only screen  and (max-width: 990px)
{
.w960{max-width: calc(100% - 30px)!important;margin-right:auto!important;margin-left: auto!important;}
#body-warp {max-width: 96%;margin: auto;}
#sitestates {max-width: 100%!important;margin-top: 45px;margin-right: auto;}
.logout-bt {margin-left: 15px!important;}
.btfirst {margin: 10px auto!important;}
article h1.maintit a {font-size: 14px;}
.links-content {float: none;margin: auto;height: auto!important;}
.sitemap .liks .space {display: none!important;}
.td_post_maxwidth {max-width: 600px;overflow-y: auto}
}
@media only screen  and (max-width: 780px)
{
.sitemap .liks {float: none;margin: 10px auto;width: 95%}
footer {height: auto!important;margin-top: 15px;}
footer .rights, .sitemap {height: auto!important}
footer .rights .right {float: none!important;width: auto}
.sitemap .right, .sitemap .left , .social-text{display: none!important;}
.sitemap {margin-bottom: 120px;position: relative;top: 100px;height: auto;}
.social {float: none;top: -70px;width: 100%;margin: auto;text-align: center;left: auto;}
.social a {float: none!important;display: inline-block;margin: 1px 4px;}
.sitemap .sitemap-top {background: transparent;width: auto;}
.sitemap .sitemap-top .map {margin-top: 0;margin: 0 auto;float: none;display: block;position: relative;top: -50px;}
.sitemap .vbrights {float: none;width: auto;height: auto;margin: 15px auto;padding: 10px;border-top: 1px solid #a39170}
.filldivwide {margin: 20px auto;width: -webkit-fill-available;}
#showpcon, .showpcon {display: none!important;}
#showphoneon , .showphoneon {display: block!important;}
#showphoneon .thead {background: #b4976c;color: #fff;border-radius: 0px;}
#showphoneon .thead font {font-size: 13px!important;padding: 10px 0px;display: block;color: #fdfdfd}
#showphoneon label {display: block!important;font-size: 14px;}
.input-for-class {box-shadow: none!important;border-radius: 4px!important;background: #fff!important;width: calc(100% - 20px);height: 35px;padding: 0 10px!important;line-height: 35px!important;margin: 0 auto 0px auto!important}
textarea.input-for-class {height: 150px;}
#showphoneon #bop5_regemail {margin-bottom: 15px!important;}
#showphoneon #bop5_fastreg_submit {background: #b4976c;color: #fff;height: 42px;;line-height: 45px;padding: 0 10px;border-radius: 4px;font-size: 16px;}
.hiddenphone {display:none!important}
.showphone {display:block!important}
article .catscon {float: none;margin: auto;text-align: center;}
article .cats {float: none;margin: 0 auto 20px auto;text-align: right!important}
.imgcont img {width: 140px;height: 140px;margin: 0px auto;}
.info .imgcont {height: 140px;padding: 10px;margin-bottom: 10px;}
article .cats .info {height: inherit;margin-bottom: 0;border-radius: 5px 5px 0 0;}
#headcontent .mainlogo {float: none;margin: auto;height: -webkit-fill-available;}
.login {float: none;max-width: 320px;margin: 42px auto 0 auto;}
#welcome {float: none;margin: 20px auto;max-width: 100%;height: inherit;}
#welcome p, #welcome h1 {float: none;}
#welcome p {width: 100%!important;padding: 10px;}
.blogintop {max-width: 97%;}
header {height: 380px;}
article h1.maintit {margin-right: 0;padding-right: 50px;background-size: 40px;height: 42px;background-position: right 6px;margin-top: 15px;}
.nofloat-noalign {float: none!important;text-align: right!important}
.tcatthreadslist {text-align: center;}
.btnwh {float: none;margin: auto;}
.btstad {display: none;}
#sitestates .useronline, #sitestates .statics {width: auto;height: auto;
padding: 15px 15px 15px 15px;background: #ccb58b;border-radius: 5px;text-align: center;}
#sitestates h1 .show, #sitestates h1 .hide {margin-left: 0!important}
#sitestates h1 {font-size: 18px!important}
#sitestates h1:first-child span.icons {position: relative;top: -12px;}
#sitestates .useronline span, #sitestates .statics span {margin-bottom: 10px;font-size: 10px;text-align: center}
#sitestates .useronline a.main, #sitestates .statics a.main {font-size: 15px;text-align: center}
#sitestates .useronline img, #sitestates .statics img {float: none;margin: 0 auto 10px auto!important;text-align: center;display: inline-block;}
.displayibphone {display: block;margin-bottom: 10px;}
.displayibphone * {width: 100%!important;}
.panelsurround, .panelsurround table, .panelsurround div {max-width: 100%!important;width: 100%!important}
.al-btn-for-class input {height: 40px;}
#collapseobj_searchfaq table {width: calc(100% - 30px)!important;}
#collapseobj_searchfaq .input-for-class {margin-top: 10px!important;width: 100%!important;max-width: initial!important;/* padding: 0!important; */}
#collapseobj_searchfaq input[type='text'] {width: calc(100% - 20px)!important}
#collapseobj_searchfaq .al-btn-for-class input{display: block;margin: 10px auto;width: calc(100% - 30px)!important}
select {max-width: 80%!important;}
#sel_dst {clear: both;width: 80%;}
.nofloat {float: none!important;}
.nofloat select {display: block;}
#sel_timezoneoffset {margin: 10px 0!important;
width: 300px
}

.post_message_max {max-width: 98%;overflow-y: auto}
#collapseobj_quickreply div:first-child {max-width: 95%!important}
#inlinego {display: block}
.post_message_max {margin-left: auto;margin-right: auto;}



.col-md-3 {float: none;width: 100%}
.col-md-3 table {width: 100%}
.col-md-9 {float: none;margin-right: 0;width: 100%;margin-top: 35px}
.td_post_maxwidth {max-width: 600px;overflow-y: auto}
}

@media only screen  and (max-width: 580px)
{
.post_message_max, .badtablesize {max-width: 540px;overflow-y: auto}
.td_post_maxwidth {max-width: 500px;overflow-y: auto}
}

@media only screen  and (max-width: 480px)
{
.post_message_max, .badtablesize {max-width: 440px;overflow-y: auto}
.td_post_maxwidth {max-width: 300px;overflow-y: auto}
}
@media only screen  and (max-width: 300px)
{
.post_message_max, .badtablesize, .td_post_maxwidth {max-width: 290px;overflow-y: auto}
}