html, body, div, span, figure, h1, h2, h3, h4, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, details, figure, figcaption, footer, header, hgroup, nav, section, img { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfix { display: inline-block; } 
.clearfix { display: block; }
.none { display: none; }

body {line-height: 1;}
ol, ul, dl {margin: 0; padding: 0;}

img {-ms-interpolation-mode: bicubic;}
a { text-decoration: none; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;}
a:hover, a:active, a:focus { color: #86c301; outline: none;}
strong { font-weight: bold;}
.left {float: left;}
.right {float: right;}
span.red{ color:#2e7fe6;}
img{ max-width:100%; height:auto;}
/*-----------------------------------------------------------------------------------*/
/*  Document Setup
/*-----------------------------------------------------------------------------------*/

html, body { height: 100%; background: none;}
body { background: #f8f9f9; color: #000; font: 12px/16px 'Open Sans',sans-serif;}

#site-container { position: absolute; top: 0; z-index: 1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; width: 100%; height: 100%;}
#site-columns { position: relative; margin: 0 20px; width: auto; height: 100%;}
#site-left-column { position: absolute; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; height: 100%; background: #FFF;}
#primary-content { min-height: 0!important; border:1px solid #f1f1f1;}
.support { position:fixed; right:40px; top:32px; background:#000; color:#fff; z-index:10; padding:10px; font-size:14px; font-weight:300;}
.support:hover { background:#ff6600; color:#fff;}

#right-panel { padding:0; width:79.40%; right:0; float:right;}
#left-panel { left:20px; width:20%; position:fixed; height:100%; float:left;}
#left-panel .panel-content {background: #303030;}
.collapsed #right-panel {padding-left:65px;}
.collapsed #left-panel {width: 65px;}
.panel {position:relative; top: 0; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: 100%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.panel-content {width: 100% !important;}
.panel-content.be-viewport {overflow-x: hidden; overflow-y: auto;}
.panel-content { position: relative; z-index: 1; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: 100%; background: #FFFFFF;}

#menu ul { list-style: none;}
#menu ul li { border-bottom:#484848 dashed 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor: pointer; display:block; -webkit-backface-visibility: hidden;}
#menu ul li a { display: block; padding-left:20px; color:#A2ADB2; font-weight:400; font-size:14px; line-height:32px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#menu ul li a:hover, #menu ul li .active { background:#ff6600; color:#fff;}
#menu ul li:last-child { border-bottom:none;}

.panel-container {display: none; border-bottom: 1px solid #D5D5D5;}
.fix-panel { top:0;}
.box-master { padding:0 20px 0; margin-top:0;}
.box-list-posts { position: relative;}
.box-post {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 13px; line-height: 1.4; margin-bottom: 20px; position: relative; overflow-y:auto; padding-top:30px;}
.copyright { width:100%; height:auto; background:#303030; padding:15px 0; text-align:center; color:#fff; margin-top:40px;}

.box-post-content { margin: 0; position: relative; z-index: 1;}
.prof-user-badge { float: left; margin: 0 0 0 -68px; padding: 0; border-radius: 100%; border: 1px solid #D7D7D7;}
.box-post-header { text-align: center; padding: 0 20px;}
.box-post-header h3.c-name { color: #414141; font-size: 28px; font-weight: 600; letter-spacing: - 0.04em; }
.box-post-header h4.credits { color: #A9A9A9; font-size: 14px; font-weight: 400; margin: 5px 0 0;}
.box-post-header h4.credits a { color: #414141;}
.box-post-header h4.credits a:hover { color: #f25f43;	}
.box-post-header span.c-details { color: #A5A5A5; font-size: 11px; font-weight: normal;}
.box-post-container {padding: 0px 20px 0 20px;}
.box-post-container h3.c-title { color: #414141; font-size:22px; font-weight: 600; margin: 20px 0; padding-top: 40px; border-top: 1px solid #EEEEEE;}
.box-post-container .c-text { color: #000; font-size: 14px; font-weight: 300; line-height: 24px;}
.box-post-container .c-text ul { list-style: square!important; margin-left: 20px;}
.box-post-container .c-text ul li { padding-left: 10px; margin-bottom: 10px;}
.box-post-container .c-text ul li ul { margin: 8px 0 0 16px;}
.box-post-container .c-text ul li a {font-weight: bold; color: #20a0dd;	}
.box-post-container .c-text ul li a:hover { color: #333; }
.box-post-container .c-text p { margin-bottom: 20px; }
.box-post-container .c-text p.last { margin-bottom: 0px;	}
.box-post-container .c-text p strong { color: #333; font-weight: 600;}
.box-post-container .c-text a { font-weight: bold; color: #333; }
.box-post-container .c-text a:hover {font-weight: bold; color: #86c301;	}
.listnone{list-style:none !important;}

.loader {position:fixed; right:0px; top:0px; width:78%; height:100%; z-index:9999; background:url(../img/Preloader_3.gif) no-repeat center #fff;}
.no-js #loader { display:none;  }
.js #loader { display: block; position:absolute; left:100px; top:0; }

.padleft{padding:0 0 0 10px;}