.header {
    padding: 0 20px;
    height: 75px;
    overflow: hidden;
    background: #42ab42;
}

.logo {
    /*margin: 20px 0 0 0;
    float: left;*/
}

.top-social {
    float: right;
    margin: 24px 0 0 0;
}

.top-social img {
    margin: 0 0 0 5px;
}

.banner-wrap {
    overflow: hidden;
    text-align: right;
    padding-right: 5% !important;
    padding: 10px 0 0 0;
}

.main-logo{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 0px;
    max-width: 100%;
    float: left;
}

.nav-wrap{
    float: left;
    padding: 0 1.4em;
}

.main-nav {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.main-nav li {
    display: inline-block;
    position: relative;
    margin-right: -3px;
}

.main-nav li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 2em 1.2em;
    line-height: 1;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 1;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.main-nav a:visited {
    color: #fff !important;
}

.main-nav > li:not(.menu-item-has-children) > a:hover,  .main-nav > li.active a{
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    text-decoration: none;
}

.breadcrumbs {
    font-size: 13px;
    color: #222;
    overflow: hidden;
    background: #eeeeee;
    padding: 8px 20px;
    list-style: none;
    margin: 0;
}

.breadcrumbs li {
    float: left;
    margin: 0 5px 0 0;
}

.breadcrumbs a, .breadcrumbs .sep {
    color: #777;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

#phpbb .breadcrumbs li {
    float: none;
    width: 100%;
}

.footer {
    padding: 13.5px 20px;
    background: #F5F5F5;
    color: #333;
    font-size: 0.9375rem;
    overflow: hidden;
    
}

.footer-logo{
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.footer .copyright {
    float: left;
    margin: 0px;
}

.footer .copyright {
    color: #fff;
}

.footer-nav {
    overflow: hidden;
    color: #fff;
    margin: 0;
    list-style: none;
    /*float: right;*/
    display:inline-block;
    vertical-align: top;
    padding: 13px 0px;
}

.footer-nav li {
    float: left;
    padding: 0 1.2em 0 1.2em;
}

.footer-nav li:last-child:after {
    display: none;
}

.footer-nav a {
    color: #333;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;

}

.footer-nav a:visited {
    color: #333 !important;
}

.footer-nav a:hover {
    text-decoration: none;
    color:#000;
}

.em-ribbon {
    display: none;
}

li.header {
    height: auto;
    background-color: none;
    background: transparent;
}

#phpbb .logo {
    padding: 1.5em 3em 1em 0;
    display: block !important;
}

.mobile-social {
    display: none;
    padding: 0 20px;
}

.mobile-social img {
    margin: 0 8px 0 0;
}

.menu-toggler {
    position: absolute;
    left: 20px;
    top: 19px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 18px;
    cursor: pointer;
    display: none;
}

.menu-toggler span {
    display: block;
    height: 3px;
    background: #fff;
    margin: 2px 0;
}

.search-toggler {
    width: 19px;
    height: 19px;
    background: url("resources/images/mob-search-ico.png") center no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 16px;
    display: none;
    cursor: pointer;
}

.mobile-search-wrap {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 5px rgba(64, 62, 62, 0.4);
    display: none;

}

.mobile-search {
    padding: 20px;
    font-size: 13px;
}

.mobile-search a {
    text-decoration: underline;
    color: #18b025;
}

.mobile-search p {
    margin: 0;
}

.mobile-search .input-holder {
    position: relative;
    margin: 0 0 15px 0;
}

.mobile-search input[type=text] {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: inset 1px 1px 1px rgba(0, 1, 1, 0.15);
    padding: 6px 30px 6px 10px;
    box-sizing: border-box;
    width: 100%;
    color: #7c7e86;
    font-size: 12px;
}

.mobile-search .mob-search-icon {
    position: absolute;
    right: 10px;
    background: url("resources/images/green-search.png") center no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 7px;
}

@media all and (max-width: 1500px) {
    .main-nav li a{padding:2em 0.5em}
}

@media all and (max-width: 1330px) {
    /*.main-nav {display:none !important;}*/
    .menu-toggler {
        display: block;
    }
    .main-logo{padding-left: 25px;}
}

@media all and (max-width: 767px) {

    .main-nav a:visited {
        color: #42ab42 !important;
    }

    .banner-wrap {
        display: none;
    }

    .top-social {
        display: none;
    }

    #pagewrapper {
        min-width: 0;
    }

    .header {
        height: 50px;
        text-align: center;
    }

    .logo, #phpbb .logo {
        width: 170px;
        height: auto;
        margin: 10px auto 0;
        float: none;
        display: inline-block !important;
        top: -17px;
        left:35px;
        right: unset;
        position: absolute;
    }

    .menu-toggler {
        display: block;
    }

    .nav-wrap {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        padding: 0 0 40px 0;
        box-shadow: 0 2px 5px rgba(64, 62, 62, 0.4);
        display: none;
    }

    .main-nav {
        background: none;
        height: auto;
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .main-nav li {
        float: none;
        padding: 0;
        margin: 0;
        border-bottom: 2px solid #f1f1f1;
        position: relative;
    }

    .main-nav li:after {
        content: '';
        background: url("resources/images/menu-stripe.png") center no-repeat;
        width: 6px;
        height: 9px;
        background-size: contain;
        position: absolute;
        right: 20px;        
        top: 50%;
        margin: -4px 0 0 0;
    }

    .main-nav li:last-child:after {
        display: block;
    }


    .main-nav li a {
        color: #333;
        display: block;
        padding: 10px 20px;
    }

    .main-nav a:visited {
        color: #333 !important;
    }

    .mobile-social {
        display: block;
    }

    .search-toggler {
        display: block;
    }

    .footer .copyright {
        float: none;
        margin: 0 0 10px 0;
    }

    .footer-nav {
        float: none;
        padding: 0;
        display: none !important;
    }

    .footer-nav li {
        padding: 0 10px 0 0;
        margin: 0 0 5px 0;
    }

    .menu-toggler {
        display: block;
    }
}

@media all and (min-width: 868px) {
    /*.nav-wrap {
        display: block !important;
    }*/
}

.breadcrumbs.bbcc .crumb:before {
    content: '/';
    font-weight: 100;
    padding: 0 0.5em;
    color: #777;
}

.breadcrumbs.bbcc .crumb {
    float: left;
    font-weight: 100;
    word-wrap: normal;

}

#nav-footer .breadcrumbs {
    display: none;
}

.breadcrumbs .crumb:first-child:before {
    content: none !important;
}

@media all and (min-width: 700px) {
    .leftsided .postprofile {
        float:left;
        width: 180px;
        position: relative;
        box-sizing: border-box;
        z-index: 5;
    }
    div.dropdown.hidden{z-index: 10;}
    .postprofile+.postbody{
        float: right;
        margin-left: -190px;
        width: 100%!important;
        position: relative
    }
    .postprofile+.postbody>div{
        margin-left: 190px;
    }
    .postprofile+.postbody>h3, .postprofile+.postbody>.author{
        margin-left: 190px;
    }
}

@media all and (max-width: 680px) {
    .breadcrumbs .crumb a { 
        display: inline-block;
    }
}

.pagination li.active span{background: #42ab42 !important}
.forabg, .forumbg{
	background: #42ab42; /* Old browsers */
	background: -moz-linear-gradient(top, #42ab42 0%, #5ea85e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #42ab42 0%,#5ea85e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #42ab42 0%,#5ea85e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ab42', endColorstr='#5ea85e',GradientType=0 ); /* IE6-9 */
}