/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/
/* ===[ CSS HOOK TOP ]=== */
@font-face {
    font-family: 'Synthetique';
    src:url('/fonts/Synthetique.ttf.woff') format('woff'),
        url('/fonts/Synthetique.ttf.svg#Synthetique') format('svg'),
        url('/fonts/Synthetique.ttf.eot'),
        url('/fonts/Synthetique.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

.navbar-brand { 
   font-family: 'Synthetique';
   font-size:36px;
}  

@media (max-width: 767px) {
.navbar-brand { 
   font-size:30px;
}  
}

.masthead::before {
    background: none;
    animation-duration: 0s;
	  z-index: 0;
}

@media (min-width: 768px) {
.container {
  margin-left:-8px;
}

.col-md-9 {
padding-right:0px;
}
}

.panel, .panel-forum {
    margin-bottom: 10px;
    }

.navbar {
    #padding-top: 50px;
    }

@media (min-width: 992px) {
    body {
    background: #ECF0F1 url("http://www.creativitypool.com/files/do_play.gif") 1032px 305px no-repeat;
    }
    .flat-header {
    background: #26bcb5 url("http://www.creativitypool.com/files/light-tile-z.gif") repeat 0 0;
    }
    #page-body .row .col-md-3 {
    padding-left:10px;
    }
    .masthead .wrapper-head {
    width: 980px;
    }
}

@media (min-width: 768px) {
    .flat-header {
    #background: #26bcb5 url("http://www.creativitypool.com/files/light-tile-z.gif") repeat 0 0;
    }
}

.masthead .wrapper-head {
    height: 148px;
    position: relative;
    z-index: 20;
}

.cp_bg0 {
    overflow:hidden;
    display:block;
    position:absolute;
    top:-11px;
    left:0;
    width:100%;

    min-width:1060px; width: auto !important; width: 1060px;

    z-index:6;
    }

.cp_bg0 > img {
        top:-90px;
        left:-10px;
        margin:auto;
        z-index:6;
        overflow:hidden;
}

.cp_bg {
    display: inline;
    height: 105px;
    width: 100%;
    #overflow-y:visible;
    overflow:hidden;

    /*OLD overflow hidden all, no z-index*/
    
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    left:0px;
    top:311px;
}

.cp_bg > img {
    position: absolute;
    #top: -330px;
    z-index: 2000;
    overflow:hidden;
}

@media (max-width: 991px) {
    .cp_bg {
    top: 136px;
    z-index: 3000;
    }

@media (min-width: 768px) {
#content-forum .panel-forum, .breadcrumb-line, .col-md-3 .panel-forum, #rtblock .row {
    margin-right: -15px;
    }
}
}

@media (max-width: 767px) {
    .cp_bg {
    top: -42px;
    }
}

@media (min-width: 992px) {
    .cp_bg {
    top: 181px;
    z-index: 3000;
    }
}

@media (min-width: 992px) {
    .cp_bg > img {
    ##top: -130px;
    #z-index: 10;
    }
}

.navbar-inverse {
    z-index: 3000;
    #background: #26bcb5 url("http://www.creativitypool.com/files/light-tile-z.gif") repeat 0 0;
    color: #555;
}

.navbar-header .navbar-brand {
    #background: #26bcb5 url("http://www.creativitypool.com/files/light-tile-z.gif") repeat 0 0;
    #color: #555;
}

@media (max-width: 767px) {
.navbar {
    #min-height: 125px;
}
}

.navbar-nav .open .dropdown-menu {
    #background: rgb(83, 90, 108);
}

.navbar-inverse .navbar-nav > li {
    #background: rgb(83, 90, 108);
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    z-index: 3000;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle {
    #background-color: rgb(141, 147, 173);
    z-index: 3000;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    z-index: 3000;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    z-index: 3000;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    z-index: 3000;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    z-index: 3000;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a i {
    z-index: 3000;
}

.cp_bg2 {
    #display: inline;
    height: 700px;
    width: 100%;
    
    overflow:hidden;

    display:block;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0px;
    margin-left:0px;
    
    #z-index:99999;
}

.cp_bg2 > img {
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: -130px;
    z-index: 0;
}

.desc-wrapper {
    word-break: normal;
}

#content-forum {
    margin-top: 10px;
    position: relative;
    z-index: 4;
}

@media (min-width: 992px) {
    #content-forum {
    margin-top: 74px;
    }
}

.top-links-menu {
    margin-top: -28px;
}

.logo-text {
    display: block;
    margin-left: 22px;
    margin-top: 65px;
    z-index: 10;
}

.mlogo-text {
    display: block;
    margin-left: 22px;
    margin-top: -29px;
    z-index: 10;
}

.top-links-menu > li {
    margin-right: -14px;
    z-index: 7;
    position:absolute
}

.top-links-menu li {
    position:absolute
}

ul#cp_navigation {
    position: absolute;
    margin: 0 0 0 7px;
    padding: 0px;
    overflow: hidden;
    top: 156px;
    align: center;
    list-style: none;
    z-index:5;
    width:1000px;
    line-height:13px;
}
ul#cp_navigation li {
    line-height:13px;
    width: 83px;
    display:inline;
    float:middle;    
}
ul#cp_navigation li div {
    background-color: #fafafa;
    background-position: 50% 10px;
    background-repeat: no-repeat;
    color: #bbb;
    display: inline-table;
    float: left;
    font-size: 12px;
    height: 175px !important;
    line-height: 13px;
    margin-right: 4px;
    margin-top: -2px;
    opacity: 0.9;
    padding: 99px 6px 10px 6px;
    text-align: center;
    width: 79px;
    border-radius: 3px 3px 3px 3px;
}

ul#cp_navigation li:nth-child(2n+1) div {
    background-color: #fff;
}

ul#cp_navigation li div br{
    line-height:17px;
}
ul#cp_navigation li a{
    text-decoration:none;
}
ul#cp_navigation li a:hover{
    text-decoration:underline;
}
ul#cp_navigation li a span{
    letter-spacing:0.8px;
    font-size:11px;
    color:#60ACD8;
    text-decoration:none;
}

ul#cp_navigation .home a:hover{
    background-color:#F4F8FC;
}


.creativity-pool.navbar-nav.navbar-right:last-child {
    margin-right: 0;
    margin-top: 0;
}

.creativity-pool .btn-search > i {
    vertical-align: middle;
    margin-right: 14px;
}

.creativity-pool .dropdown-notification > a i {
    vertical-align: sub;
    margin-right: 8px;
}

.creativity-pool .dropdown-notification em.notifications {
    left: 4px;
    top: 8px;
}

.creativity-pool li a.btn {
    line-height: inherit;
}

.creativity-pool.btn.btn-default.btn-sm.pull-right {
    margin-right: 0;
}

.creativity-pool .dropdown-avatar em.notifications-pm {
    left: 16px;
    top: 6px;
}

.breadcrumb li a {
    line-height: 50px;
}
    
.breadcrumb-line {
    margin-bottom: 9px
}

.col-md-9 .side-segment h2{
    margin-top: 5px
}

.col-md-9 .side-segment h3{
    margin-top: 15px
}

@media (min-width: 1200px) {
.col-lg-6:nth-child(1) {
    padding-right: 5px;
}

.col-lg-6:nth-child(2) {
    padding-left: 5px;
}
}

.row .col-md-9 .side-segment h2{
    border-bottom: 4px solid #FFF;
}

.col-md-9 .panel .inner .content{
    margin: 12px
}

.pagination {
margin-bottom: 10px
}

.breadcrumb-buttons li a {
    line-height: 50px;
}

.breadcrumb li:first-child a {
    min-height: 50px;
    min-width: 52px;
}

.creativity-pool.navbar-nav.navbar-right:last-child {
    min-height: 50px;
    padding-right: 4px;
}

.creativity-pool .btn-search > i {
    margin-left: 4px;
}

#cp_search {
    margin-top: -4px;
}

.botbox{
    width:100%;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
    border: 1px solid #BDDCEF;
    padding: 25px 15px 15px 15px;
    margin-bottom:4px;
    opacity:0.9;
    #float:left;
    #display:block;
    #position:relative;
    #align: left;
    #text-align: left;
    #font-size:13px;
    #height:auto;
}

.botbox{ -moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.botcol {
  -webkit-box-flex: none;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: none;         /* OLD - Firefox 19- */
  width: auto;               /* For old syntax, otherwise collapses. */
  -webkit-flex: none;          /* Chrome */
  -ms-flex: none;              /* IE 10 */
  flex: none; 
  float:left;
}

.social-network a {
    font-size: 15px;
    float: left;
    width: 20px;
    height:20px;
    margin-top:3px;
}

.debug-output {
    float: right;
}

.navbar-nav .open .dropdown-menu {
    #background: #4c5363;
}

.sd_right {
float:right;
}

@media (max-width: 479px) {
.sd_left, .sd_right {
float:left;
}
}
/* ===[ CSS HOOK BOTTOM ]=== */