@import url(https://fonts.googleapis.com/css?family=Rubik:700&display=swap);

@font-face {
    font-family: 'Auxilia Light';
    src: url("../fonts/auxilia/Auxilia-Light.eot") format("eot"), url("../fonts/auxilia/Auxilia-Light.svg") format("svg"), url("../fonts/auxilia/Auxilia-Light.ttf") format("ttf"), url("../fonts/auxilia/Auxilia-Light.woff") format("woff"), url("../fonts/auxilia/Auxilia-Light.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Auxilia Thin';
    src: url("../fonts/auxilia/Auxilia-Thin.eot") format("eot"), url("../fonts/auxilia/Auxilia-Thin.svg") format("svg"), url("../fonts/auxilia/Auxilia-Thin.ttf") format("ttf"), url("../fonts/auxilia/Auxilia-Thin.woff") format("woff"), url("../fonts/auxilia/Auxilia-Thin.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Auxilia';
    src: url("../fonts/auxilia/Auxilia.eot") format("eot"), url("../fonts/auxilia/Auxilia.svg") format("svg"), url("../fonts/auxilia/Auxilia.ttf") format("ttf"), url("../fonts/auxilia/Auxilia.woff") format("woff"), url("../fonts/auxilia/Auxilia.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Auxilia Bold';
    src: url("../fonts/auxilia/Auxilia-Bold.eot") format("eot"), url("../fonts/auxilia/Auxilia-Bold.svg") format("svg"), url("../fonts/auxilia/Auxilia-Bold.ttf") format("ttf"), url("../fonts/auxilia/Auxilia-Bold.woff") format("woff"), url("../fonts/auxilia/Auxilia-Bold.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Auxilia Black';
    src: url("../fonts/auxilia/Auxilia-Black.eot") format("eot"), url("../fonts/auxilia/Auxilia-Black.svg") format("svg"), url("../fonts/auxilia/Auxilia-Black.ttf") format("ttf"), url("../fonts/auxilia/Auxilia-Black.woff") format("woff"), url("../fonts/auxilia/Auxilia-Black.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }

.font-one,
body {
    font-family: Auxilia, sans-serif;
    font-weight: 400;
}

body,
h4,
h5 {
    line-height: 24px
}

dl,
p,
table {
    margin-bottom: 20px
}

body,
html {
    overflow-x: hidden
}

body {
    font-size: 16px;
    color: #000;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a,
a:active,
a:focus,
a:hover {
    outline: 0;
    color: #ed1c24
}

a:hover {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 700;
    font-family: Auxilia Bold, sans-serif;
    margin: 0 0 15px;
}

h1 {
    font-size: 37px;
    line-height: 44px
}

h2 {
    font-size: 28px;
    line-height: 34px
}

h3 {
    font-size: 21px;
    line-height: 27px
}

h4,
h5 {
    font-size: 18px
}

.font-size11,
h6 {
    line-height: 18px
}

h6 {
    font-size: 14px
}

.font-size11 {
    font-size: 11px
}

.font-size16 {
    font-size: 16px
}

.font-size18 {
    font-size: 18px
}

.font-size21 {
    font-size: 21px;
    line-height: 31px
}

.font-size24 {
    font-size: 24px;
    line-height: 30px
}

.font-size37 {
    font-size: 37px;
    line-height: 50px !important
}

.font-size44 {
    font-size: 44px;
    line-height: 44px
}

.font-size56 {
    font-size: 56px;
    line-height: 56px
}

.font-size60 {
    font-size: 60px;
    line-height: 75px
}

.capitalize {
    text-transform: capitalize
}

.uppercase,
a.black-content span,
a.donate span.text {
    text-transform: uppercase
}

.normalize {
    text-transform: none !important
}

.semibold {
    font-weight: 500 !important
}

.color-primary {
    color: #ed1c24
}

.color-sub {
    color: #5a544d
}

.color-dark {
    color: #000
}

.color-white {
    color: #fff
}

blockquote {
    font-weight: 400;
    padding: 0;
    font-size: 32px;
    line-height: 40px
}

blockquote footer {
    font-weight: 400;
    font-size: 13px;
    color: #bbb;
    margin-bottom: 1px;
    margin-top: -5px
}

.btn,
dl dt,
li.bar span {
    font-weight: 700;
    font-family: Auxilia Bold, sans-serif;
}

q:after,
q:before {
    font-family: FontAwesome;
    font-size: 10px;
    color: silver
}

q:before {
    content: "\f10d";
    margin-right: 5px;
    position: relative;
    top: -5px
}

q:after {
    content: "\f10e";
    margin-left: 5px
}

.btn {
    border-radius: 0;
    font-size: 18px;
    padding: 5px 15px
}

.btn.btn-default {
    color: #fff;
    background: #000
}

.btn.btn-default:hover {
    background-color: #333
}

.btn.btn-primary {
    color: #fff;
    background: #ed1c24;
    border: 1px solid #ed1c24
}

.btn.btn-primary:hover {
    background: #000;
    border: 1px solid #000
}

.btn-lg {
    font-size: 24px;
    padding: 10px 25px
}

table {
    width: 100%
}

table tr td,
table tr th {
    border: 1px solid #cfcfcf;
    padding: 5px 8px
}

table tr.odd {
    background-color: #f5f5f5
}

table tr.even {
    background-color: #fff
}

dl dt {
    background: #f5f5f5;
    color: #3f3f3f;
    float: left;
    margin-right: 10px;
    padding: 5px 8px;
    width: 150px
}

dl dd {
    margin: 2px 0;
    padding: 5px 0
}

kbd {
    margin: 0 .1em;
    padding: .1em .6em;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #333;
    line-height: 1.4;
    font-family: Auxilia, sans-serif;
    font-size: 10px;
    display: inline-block;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 0 0 2px #fff;
    background-color: #f7f7f7;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 0 #fff
}

nav.navbar {
    border-bottom: none;
    border-top: solid 10px #000;
    background: #fff;
    padding: 50px 0 40px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    z-index: 5
}

.absolute-top nav.navbar {
    padding: 0px 0 25px;
}

.navbar-header {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0
}

nav.navbar ul.nav {
    float: none !important;
    display: inline-block;
    margin-bottom: -7px
}

nav.navbar ul.nav>li {
    padding: 0 20px
}

nav.navbar ul.nav.navbar-right>li {
    padding: 0 10px
}

nav.navbar ul.nav>li>a:hover {
    color: #8d8479
}

nav.navbar ul.nav>li>a {
    padding: 0;
    color: #000
}

.navbar-brand {
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0 !important;
    position: relative;
    top: 40px
}

nav.navbar img.logo {
    width: 300px;
    margin: 0
}

.col-left {
    padding-right: 235px;
    width: 50%;
    text-align: right;
    float: left
}

.col-right,
.toggle-filter,
li.bar span {
    text-align: left
}

.col-right {
    float: right;
    width: 50%;
    padding-left: 235px
}

li.bar {
    margin-top: -2px
}

li.bar .fa {
    font-size: 36px
}

li.bar span {
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    margin-left: 5px
}

a.black-content span {
    font-size: 13px;
    color: #fff;
    background: #000;
    padding: 3px 13px;
    position: relative;
    top: 5px;
    font-weight: 600
}

a.black-content:hover span {
    background: #f43438
}

ul.nav li.search a {
    font-size: 24px;
    position: relative;
    top: 3px
}

a.donate {
    display: block;
    height: 40px;
    position: relative;
    top: -3px
}

a.donate span.price,
a.donate span.text {
    font-size: 18px;
    font-weight: 700;
    font-family: Auxilia Bold, sans-serif;
    top: 9px;
    position: relative
}

a.donate span.text {
    background-color: #ed1c24;
    border: 5px solid #ed1c24;
    color: #fff;
    padding: 5px 20px 4px
}

a.donate:hover span.text {
    background: #fff;
    color: #ed1c24
}

a.donate span.price {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-right: none;
    color: #5a544d;
    padding: 8px 25px 8px 10px
}

a.donate span.price strong {
    color: #000;
    font-size: 14px;
    margin-right: 3px
}

.wrap-sticky {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 100px;
    z-index: 200
}

/* update website refresh */
.wrap-sticky .absolute-top {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wrap-sticky .absolute-top.sticked {
    position: fixed;
}

.wpadminbar .wrap-sticky .absolute-top.sticked {
    margin-top: 32px;
}

.wrap-sticky .sticked nav.navbar {
    border-left: none;
    border-right: none;
}
/* ---------- */

.section.about p {
    font-size: 21px;
    line-height: 31px;
    color: #5a544d
}

.toggle-filter .caret {
    float: right;
    margin-top: 8px
}

@media screen and (max-width:1024px) {
    .wrap-filter .col {
        border: none !important
    }
}

.link-red:hover {
    color: #000 !important
}

.latest-intro p {
    color: #5a544d;
    font-size: 16px;
    line-height: 26px
}

.view-allText {
    color: #5a544d
}

.menu-bar {
    background: url(../images/icon/hamburger.png) 0 3px no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    padding-left: 35px !important
}

.menu-bar:hover {
    opacity: .5;
    color: #000 !important
}

.item-content.content-inline {
    position: relative
}

.link-absolute {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.bgPoster {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.bgPoster img.no-video {
    display: none;
}