@charset "utf-8";
.nospace, body, html {
    margin: 0;
    padding:0
}

html {
    overflow-y: scroll;
    overflow-x:hidden
}

body, html {
    font-size: 14px;
    line-height:1.6
}

*, ::after, ::before {
    box-sizing:border-box
}

.bold {
    font-weight:700
}

.center {
    text-align:center
}

.right {
    text-align:right
}

.uppercase {
    text-transform:uppercase
}

.capitalise {
    text-transform:capitalize
}

.hidden {
    display:none
}

.block {
    display:block
}

.nospace {
    list-style:none
}

.inline * {
    display:inline-block
}

.inline :last-child {
    margin-right:0
}

.pushright li {
    margin-right:20px
}

.pushright li:last-child {
    margin-right:0
}

.borderedbox {
    border:1px solid
}

.overlay {
    position: relative;
    z-index:1
}

.overlay::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index:-1
}

.bgded {
    background-position: top center;
    background-repeat: no-repeat;
    background-size:cover
}

.circle {
    border-radius: 50%;
    background-clip:padding-box
}

.btn {
    display: inline-block;
    padding: 15px 35px 17px;
    text-transform: uppercase;
    border:1px solid
}

.btn.medium {
    padding:10px 30px 12px
}

.btn.small {
    padding:8px 28px 10px
}

.clear, .group {
    display:block
}

.clear::after, .clear::before, .group::after, .group::before {
    display: table;
    content: ""
}

.clear, .clear::after, .group, .group::after {
    clear:both
}

a {
    outline: 0;
    text-decoration:none
}

.fl_left, .imgl {
    float:left
}

.fl_right, .imgr {
    float:right
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
    vertical-align:middle
}

.wrapper, hr {
    width: 100%;
    display:block
}

.imgl {
    margin: 0 15px 10px 0;
    clear:left
}

.imgr {
    margin: 0 0 10px 15px;
    clear:right
}

body, input, select, textarea {
    font-family:Verdana, Geneva, sans-serif
}

.heading, h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif
}

fieldset, form, legend {
    margin: 0;
    padding: 0;
    border:none
}

legend {
    display:none
}

button, input, label, select, textarea {
    display: block;
    resize: none;
    outline: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align:middle
}

label {
    margin-bottom:5px
}

:invalid, :required {
    outline: 0;
    box-shadow:none
}

.heading, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
    text-transform:capitalize
}

address {
    font-style: normal;
    font-weight:400
}

hr {
    height: 1px;
    border: solid;
    border-width:1px 0 0
}

.font-xs {
    font-size:.8rem
}

.font-x1 {
    font-size:1.2rem
}

.font-x2 {
    font-size:1.8rem
}

.font-x3 {
    font-size:2.8rem
}

.wrapper {
    margin: 0;
    padding: 0;
    text-align: left;
    word-wrap:break-word
}

.hoc {
    display: block;
    margin:0 auto
}

address, article, aside, figcaption, figure, footer, header, main, nav, section {
    display: block;
    margin: 0;
    padding:0
}

.one_half, .one_quarter, .one_third, .three_quarter, .two_quarter, .two_third {
    display: inline-block;
    float: left;
    margin: 0 0 0 3.06748466257669%;
    list-style:none
}

.first {
    margin-left: 0;
    clear:left
}

.one_quarter {
    width:22.69938650306748%
}

.one_third {
    width:31.28834355828221%
}

.one_half, .two_quarter {
    width:48.46625766871166%
}

.two_third {
    width:65.6441717791411%
}

.three_quarter {
    width:74.23312883435584%
}

.btmspace-10 {
    margin-bottom:10px
}

.btmspace-15 {
    margin-bottom:15px
}

.btmspace-30 {
    margin-bottom:30px
}

.btmspace-50 {
    margin-bottom:50px
}

.btmspace-80 {
    margin-bottom:80px
}

.inspace-5 {
    padding:5px
}

.inspace-10 {
    padding:10px
}

.inspace-15 {
    padding:15px
}

.inspace-30 {
    padding:30px
}

.inspace-50 {
    padding:50px
}

.inspace-80 {
    padding: 80px
}

@charset "utf-8";
#footer .linklist li, .row0 {
    border-bottom:1px solid
}

#comments address, #footer button {
    font-weight:700
}

#breadcrumb, #cta .heading, #footer .title, #footer button, #header #logo h1, #mainav ul, #topbar {
    text-transform:uppercase
}

#backtotop, #breadcrumb, #footer .contact li i, #header, #mainav ul, #pageintro .introtxt, .pagination {
    text-align:center
}

#topbar {
    padding: 15px 0;
    font-size:.8rem
}

#topbar .inline > li i {
    margin: 0 5px 0 0;
    line-height:normal
}

#header {
    padding:60px 0
}

#header #logo * {
    margin: 0;
    padding: 0;
    line-height:1
}

#header #logo h1 {
    font-size: 42px;
    letter-spacing:5px
}

#header #logo p {
    margin-top: -3px;
    font-size: .9rem;
    font-style: italic;
    text-transform:lowercase
}

#pageintro {
    padding:200px 0
}

#cta, .container {
    padding:80px 0
}

#pageintro .introtxt {
    display: block;
    max-width: 50%;
    margin:0 auto
}

#pageintro .introtxt .heading {
    margin-bottom: 30px;
    font-size:42px
}

#pageintro .introtxt p {
    margin-bottom: 50px;
    font-style:italic
}

#cta .heading {
    margin-bottom:30px
}

.elements li:last-child {
    margin-bottom:0
}

.elements article {
    display: inline-block;
    width: 100%;
    max-width: 320px;
    height:100%
}

.elements figure {
    display: block;
    position:relative
}

.elements figure figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align:center
}

.elements .txtwrap {
    padding-top:30px
}

.elements .txtwrap .heading {
    margin-bottom:15px
}

.elements .txtwrap p {
    margin:0 0 15px
}

.elements .txtwrap p:last-child {
    margin-bottom:0
}

#comments ul {
    margin: 0 0 40px;
    padding: 0;
    list-style:none
}

#comments li {
    margin: 0 0 10px;
    padding:15px
}

#comments .avatar {
    float: right;
    margin: 0 0 10px 10px;
    padding: 3px;
    border:1px solid
}

#comments time {
    font-size:smaller
}

#comments .comcont {
    display: block;
    margin: 0;
    padding:0
}

#comments .comcont p {
    margin: 10px 5px 10px 0;
    padding:0
}

#comments form {
    display: block;
    width:100%
}

#comments input, #comments textarea {
    width: 100%;
    padding: 10px;
    border:1px solid
}

#comments textarea {
    overflow:auto
}

#comments div {
    margin-bottom:15px
}

#comments input[type=submit], #comments input[type=reset] {
    display: inline-block;
    width: auto;
    min-width: 150px;
    margin: 0;
    padding: 8px 5px;
    cursor:pointer
}

.sidebar .sdb_holder {
    margin-bottom:50px
}

.sidebar .sdb_holder:last-child {
    margin-bottom:0
}

#footer {
    padding:80px 0 60px
}

#footer .title {
    margin: 0 0 50px;
    padding: 0;
    font-size:1.2rem
}

#footer .linklist li {
    display: block;
    margin-bottom: 15px;
    padding:0 0 15px
}

#footer .linklist li:last-child {
    margin: 0;
    padding: 0;
    border:none
}

#footer .linklist li::after, #footer .linklist li::before {
    display: table;
    content: ""
}

#footer .linklist li, #footer .linklist li::after {
    clear:both
}

#footer .contact.linklist li, #footer .contact.linklist li:last-child {
    position: relative;
    padding-left:40px
}

#footer .contact li * {
    margin: 0;
    padding: 0;
    line-height:1.6
}

#footer .contact li i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    font-size:16px
}

#footer button, #footer input {
    border:1px solid
}

#footer input {
    display: block;
    width: 100%;
    padding:8px
}

#footer button {
    padding: 8px 18px 10px;
    cursor:pointer
}

#copyright {
    padding: 20px 0;
    border-top:1px solid
}

#copyright * {
    margin: 0;
    padding:0
}

#mainav form * {
    transition:none !important
}

nav ol, nav ul {
    margin: 0;
    padding: 0;
    list-style:none
}

#breadcrumb, #mainav, .sidebar nav {
    line-height:normal
}

#breadcrumb li a::after, #mainav .drop::after, #mainav li li .drop::after, .sidebar nav a::after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 10px;
    line-height:10px
}

#mainav ul ul {
    z-index: 9999;
    position: absolute;
    width: 160px;
    text-transform: none;
    text-align: left;
    visibility: hidden;
    opacity:0
}

#mainav ul ul ul {
    left: 160px;
    top:0
}

#mainav li {
    display: inline-block;
    position: relative;
    margin: 0 30px 0 0;
    padding:0
}

#mainav li:last-child {
    margin-right:0
}

#mainav li li {
    width: 100%;
    margin:0
}

#mainav li a {
    display: block;
    padding:20px 0
}

#mainav li li a {
    border: solid;
    border-width:0 0 1px
}

#mainav .drop {
    padding-left:15px
}

#mainav li li .drop, #mainav li li a {
    display: block;
    margin: 0;
    padding:10px 15px
}

#breadcrumb li:last-child a::after, #mainav form {
    display:none
}

#mainav .drop::after, #mainav li li .drop::after {
    content: "\f0d7"
}

#mainav .drop::after {
    top: 25px;
    left:5px
}

#mainav li li .drop::after {
    top: 15px;
    left:5px
}

#mainav ul li:hover > ul {
    visibility: visible;
    opacity:1
}

#mainav form {
    margin: 0;
    padding:20px 0
}

#mainav form select, #mainav form select option {
    display: block;
    cursor: pointer;
    outline:0
}

#mainav form select {
    width: 100%;
    padding: 5px;
    border:1px solid
}

#mainav form select option {
    margin: 5px;
    padding: 0;
    border:none
}

#breadcrumb {
    padding:50px 0
}

#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style:none
}

#breadcrumb li {
    display: inline-block;
    margin: 0 6px 0 0;
    padding:0
}

#breadcrumb li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 12px 0 0;
    font-size:12px
}

#breadcrumb li a::after {
    top: 4px;
    right: 0;
    content: "\f101"
}

#breadcrumb li:last-child a {
    margin: 0;
    padding:0
}

.sidebar nav {
    display: block;
    width:100%
}

.sidebar nav li {
    margin: 0 0 3px;
    padding:0
}

.sidebar nav a {
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 10px 5px 15px;
    text-decoration: none;
    border: solid;
    border-width:0 0 1px
}

.sidebar nav a::after {
    top: 9px;
    left: 5px;
    content: "\f101"
}

.sidebar nav ul ul a {
    padding-left:35px
}

.sidebar nav ul ul a::after {
    left:25px
}

.sidebar nav ul ul ul a {
    padding-left:55px
}

.sidebar nav ul ul ul a::after {
    left:45px
}

.pagination {
    display: block;
    width: 100%;
    clear:both
}

.pagination li {
    display: inline-block;
    margin:0 2px 0 0
}

.pagination li:last-child {
    margin-right:0
}

.pagination a, .pagination strong {
    display: block;
    padding: 8px 11px;
    border: 1px solid;
    background-clip: padding-box;
    font-weight:400
}

#backtotop {
    z-index: 999;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    opacity:.2
}

#backtotop i {
    display: block;
    width: 100%;
    height: 100%;
    line-height:inherit
}

#backtotop.visible {
    visibility: visible;
    opacity:.5
}

#backtotop:hover {
    opacity:1
}

table, td, th {
    border: 1px solid;
    border-collapse: collapse;
    vertical-align:top
}

table, th {
    table-layout:auto
}

table {
    width: 100%;
    margin-bottom:15px
}

td, th {
    padding:5px 8px
}

td {
    border-width:0 1px
}

#gallery {
    display: block;
    width: 100%;
    margin-bottom:50px
}

#gallery figure figcaption {
    display: block;
    width: 100%;
    clear:both
}

#gallery li {
    margin-bottom:30px
}

body {
    color: #8A8A8A;
    background-color:#27292C
}

a {
    color:#FF866C
}

a:active, a:focus {
    background:0 0
}

.overlay, label span {
    background-color:inherit
}

.borderedbox, hr {
    border-color:#D7D7D7
}

label span {
    color:red
}

:required:focus, input:focus, textarea:focus {
    border-color:#FF866C
}

.overlay {
    color:#FFF
}

.overlay::after {
    color: inherit;
    background-color:rgba(0, 0, 0, .55)
}

.overlay.coloured::after {
    color: inherit;
    background-color:rgba(255, 134, 108, .8)
}

.btn, .btn.inverse:hover {
    color: #FFF;
    background-color: #FF866C;
    border-color:#FF866C
}

.btn.inverse, .btn:hover {
    color: inherit;
    background-color: transparent;
    border-color:inherit
}

.row0, .row1, .row2, .row2 a, .row3 {
    color:#797979
}

.row0 {
    background-color: #F9F9F9;
    border-color:#D7D7D7
}

.row1 {
    background-color:#FFF
}

.row2, .row2 a {
    background-color:#F9F9F9
}

.row3 {
    background-color:#FFF
}

.row4, .row5, .row5 a {
    color: #8A8A8A;
    background-color:#27292C
}

.row6 {
    color: #FFF;
    background-color:#393C40
}

#header #logo * {
    color:inherit
}

#cta .btn, #cta .btn.inverse:hover {
    color: #FFF;
    background-color: #FF866C;
    border-color:#FFF
}

#cta .btn.inverse, #cta .btn:hover {
    color: #FF866C;
    background-color: #FFF;
    border-color:#FF866C
}

.elements figure figcaption {
    color: #FFF;
    background:rgba(0, 0, 0, .5)
}

#footer .title {
    color:#FFF
}

#footer .linklist li {
    border-color:#393C40
}

#footer button, #footer input {
    border-color:transparent
}

#footer input {
    color: #FFF;
    background-color:#393C40
}

#footer input:focus {
    border-color:#FF866C
}

#footer button {
    color: #FFF;
    background-color:#FF866C
}

#copyright {
    border-color:#394251
}

#mainav li a {
    color:inherit
}

#mainav .active a, #mainav a:hover, #mainav li:hover > a {
    color: #FF866C;
    background-color:inherit
}

#mainav .active li a, #mainav li li a {
    color: #FFF;
    background-color: rgba(0, 0, 0, .6);
    border-color:rgba(0, 0, 0, .6)
}

#comments .avatar, #comments input, #comments textarea, .pagination a, .pagination strong, table, td, th {
    border-color:#D7D7D7
}

#mainav .active .active > a, #mainav li li:hover > a {
    color: #FFF;
    background-color:#FF866C
}

#mainav form select {
    color: #FFF;
    background-color:#393C40
}

#breadcrumb a {
    color: inherit;
    background-color:transparent
}

.container .sidebar nav a {
    color: inherit;
    border-color:#D7D7D7
}

.container .sidebar nav a:hover {
    color:#FF866C
}

#backtotop, .pagination .current * {
    color: #FFF;
    background-color:#FF866C
}

#comments :required:focus, #comments input:focus, #comments textarea:focus {
    border-color:#FF866C
}

th {
    color: #FFF;
    background-color:#373737
}

#comments input[type=submit], #comments input[type=reset], #comments li, tr {
    color: inherit;
    background-color:#FBFBFB
}

#comments li:nth-child(even), tr:nth-child(even) {
    color: inherit;
    background-color:#F7F7F7
}

#comments a, table a {
    background-color:inherit
}

@-ms-viewport {
    width:device-width
}

@media screen and (min-width: 978px) {
    .hoc {
        max-width:978px
    }
}

@media screen and (max-width: 900px) {
    .hoc {
        max-width:90%
    }

    #mainav {
        padding:20px 0
    }

    #mainav ul {
        display:none
    }

    #mainav form {
        display:block
    }

    #comments input[type=reset] {
        margin-top:10px
    }

    .pagination li {
        display: inline-block;
        margin:0 5px 5px 0
    }

    #copyright p:first-of-type {
        margin-bottom:10px
    }
}

@media screen and (max-width: 750px) {
    .imgl, .imgr {
        display: inline-block;
        float: none;
        margin:0 0 10px
    }

    .fl_left, .fl_right {
        display: block;
        float:none
    }

    .one_half, .one_quarter, .one_third, .three_quarter, .two_quarter, .two_third {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px;
        padding:0
    }

    #topbar {
        text-align:center
    }

    #topbar * {
        margin:0
    }

    #topbar ul {
        margin: 0 0 10px;
        line-height:normal
    }

    #topbar ul li {
        display: inline-block;
        margin-right:20px
    }

    #topbar ul li:last-child {
        margin-right:0
    }

    #pageintro .introtxt {
        max-width:none
    }

    #pageintro .introtxt .heading {
        font-size:36px
    }
}

@media screen and (max-width: 450px) {
    #topbar ul li {
        display: block;
        margin:5px 0 0
    }

    #topbar ul li:first-child {
        margin:0
    }
}

@media screen and (max-width: 650px) {
    .scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px;
        padding: 0 0 15px;
        overflow: auto;
        overflow-x:scroll
    }

    .scrollable table {
        margin: 0;
        padding: 0;
        white-space:nowrap
    }

    .inline li {
        display: block;
        margin-bottom:10px
    }

    .pushright li {
        margin-right:0
    }

    .font-x2 {
        font-size:1.4rem
    }

    .font-x3 {
        font-size: 1.6rem
    }
}