html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Asap', sans-serif;
    overflow-x: hidden;
}

.img-responsive {
    width: 100% !important;
}

h1 {
    font-siaze: 26px;
    color: #555559;
    text-transform: uppercase;
    font-weight: 700;
}

.fontSizer p {
    font-size: 20px !important;
    font-weight: 400 !important;
}

h2 {
    font-size: 22px;
    color: #555559;
    font-weight: 700;
    margin-top: 10px;
}

section,
footer {
    display: block;
    width: 100%;
    height: auto;
}

.noPaddingLeft {
    padding-left: 0;
}

.noPaddingRight {
    padding-right: 0;
}

.topSpacer {
    margin-top: 140px
}

.topMidSpacer {
    margin-top: 60px;
    margin-bottom: 60px
}

.inside {
    margin-top: 140px;
}

.three-cats {
    margin-top: 40px;
    margin-bottom: 40px;
}


/* NAVBAR CSS */

nav {
    transition: top 0.2s ease-in-out;
}

.nav-up {
    top: -143px !important;
}

.nav-down {
    top: 0 !important;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #707170;
    border: 0;
    border-bottom: 2px solid #fff;
}

.navbar-nav {
    margin-top: 45px;
}

.navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-nav .btn {
    background-color: #d1ae1e;
    color: #fff;
    border-radius: 0;
    float: right;
    border: 0;
}

.navbar-nav .btn:hover {
    background-color: #d1ae1e;
    color: #fff;
    border-radius: 0;
}

.ripple {
    overflow: hidden;
}

.bookLink {
    background-color: #2872c0;
    padding: 10px 20px;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: 700;
}

.bookLink:hover {
    opacity: 0.9;
    color: #fff;
    text-decoration: none;
}

.ripple-effect {
    position: absolute;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #fff;
    animation: ripple-animation 2s;
}

@keyframes ripple-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }
    to {
        transform: scale(100);
        opacity: 0;
    }
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    color: #555559;
    text-decoration: none;
    background-color: #fff;
}

.navbar-nav>.active>a,
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:hover {
    background-color: #fff;
    color: #555559;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: transparent;
    font-weight: 700;
    color: #555559;
}

.navbar-brand {
    background-color: transparent;
    padding: 0;
    margin-left: 0px;
    float: left;
    width: 140px;
    height: auto;
}

.navbar-nav>li>a>i {
    line-height: 20px;
    margin: 0 10px;
}

.navbar-toggle {
    margin-top: 50px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 50px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}


/* NAVBAR CSS END */


/* EVENTS CSS */

.section-one {
    margin-top: 140px;
}


/* OWL CAROUSEL CSS */

#pressowl {
    width: 100%;
}

#pressowl .size img {
    filter: brightness(80%);
}

#pressowl .content {
    position: absolute;
    top: 170px;
    left: 10%;
    max-width: 80%;
}

#pressowl .content .title {
    font-size: 28px;
    color: #555559;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 15px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: 700;
}

#pressowl .content .desc {
    font-size: 14px;
    color: #4ea585;
    background-color: #fff;
    padding: 10px 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

#pressowl .content .readMorePress {
    background-color: #555559;
    padding: 10px 15px;
    color: #fff;
    display: block;
    width: 150px;
    text-align: center;
}

#pressowl .content .readMorePress:hover {
    background-color: #fff;
    padding: 10px 15px;
    color: #555559;
    display: block;
    width: 150px;
    text-align: center;
    transition: all ease 0.2s;
    text-decoration: none;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 240px;
    padding: 10px 15px;
    margin: 0;
    z-index: 100;
    font-size: 2rem;
    cursor: pointer;
    color: #555559;
    border: none;
    background-color: #fff;
}

.owl-prev {
    left: 10px;
}

.owl-next {
    right: 10px;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #555;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    font-size: 3rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    margin-top: -32px;
}

.maps iframe {
    pointer-events: none;
}

.acf-map div {
    pointer-events: none;
}


/* OWL CAROUSEL CSS END */

.section-one .pressTag {
    background-color: #2872c0;
    text-align: center;
    color: #fff;
    padding: 10px 40px;
    margin-bottom: 30px;
    width: 200px;
}

.events img {
    filter: brightness(80%);
    transition: all 0.2s ease;
}

.events img:hover {
    filter: brightness(100%);
    transition: all 0.2s ease;
}

.events .eventTag {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #4ea585;
    color: #fff;
    padding: 10px 40px;
    font-weight: 400;
}

.events .spaceInfo {
    padding: 20px 20px 0 20px;
}

.events h2 a {
    color: #555559;
    height: 50px;
    display: block;
}

.events .eventMore {
    background-color: #555559;
    padding: 10px 20px;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}


/* EVENTS CSS END */


/* LATEST CSS */

.section-two {
    margin-bottom: 60px;
}

.latest .latestItem {
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.20);
    margin-bottom: 30px;
}

.latest .latestItem .content {
    padding-top: 40px;
}

.latest h1 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #555559;
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    padding: 30px 0;
    display: inline-block;
}

.latest .readMore {
    display: block;
    margin-top: 20px;
    color: #555559;
    font-weight: 700;
}

.latest .moreBtn {
    background-color: #fff;
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.20);
    font-weight: 700;
    font-size: 30px;
    display: inline-block;
    padding: 0px 60px;
    text-align: center;
}

.latest .moreBtn svg {
    width: 30px;
    height: 30px;
}

.latest h2 a {
    color: #555559;
}

.latest img {
    display: block;
    max-width: 100%;
    height: auto;
    min-width: 100%;
    transition: all ease 0.2s;
    filter: brightness(80%);
}

.latest img:hover {
    filter: brightness(100%);
    transition: all ease 0.2s;
}

.latest .catTag,
.alm-reveal .catTag {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 20px;
    background-color: #d1ae1e;
    padding: 10px 40px;
    color: #fff;
}

.socialFeed {
    margin-top: 235px;
    margin-bottom: 30px;
}

.sideBar .btn {
    padding: 15px;
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

a.blue {
    background-color: #2872c0;
}

a.green {
    background-color: #4ea585;
}

a.yellow {
    background-color: #d1ae1e;
}


/* LATEST CSS END */


/* SPONSORS CSS */

.section-three {
    background-image: url(../images_interface/suppliers.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-three p {
    text-align: center;
    color: #fff;
}

.section-three a {
    text-align: center;
    color:#fff;
    display:block;
}

.sponsorsowl {
    width: 100%;
}

.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.section-three h1 {
    text-align: center;
    color: #fff;
    margin: 20px auto;
    text-transform: uppercase;
    font-weight: 700;
}

.section-three .hilltop {
    margin: 10% auto;
}

.section-three .banif {
    margin: 3% auto;
}


/* SPONSORS CSS END */


/* FOOTER CSS */

footer {
    background-color: #707170;
    text-align: center;
    padding: 20px 0;
    margin: 0;
    color: #fff;
}

footer i {
    color: #fff;
    font-size: 24px !important;
    padding: 20px;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover,
footer a:focus {
    color: #fff;
    text-decoration: underline;
}


/* FOOTER CSS END */


/* LOGIX SIG CSS */

.logix {
    text-align: right;
    padding: 10px 0;
}

.logix2 {
    text-align: left;
    padding: 10px 0;
}

.logix p, .logix2 p {
    font-size: 12px;
}

.logix a,
.logix a:hover,.logix2 a,
.logix2 a:hover {
    color: #555559;
    text-decoration: none;
}


/* LOGIX SIG CSS END */


/* IMAGE HOVER CSS START */

.tilter {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    /*margin: 0 2.5em;*/
    color: #fff;
    flex: none;
    perspective: 1000px;
}

.tilter * {
    pointer-events: none;
}

.tilter:hover,
.tilter:focus {
    color: #fff;
    outline: none;
}

.tilter__figure,
.tilter__image {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.tilter__figure>* {
    transform: translateZ(0px);
    /* Force correct stacking order */
}

.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
    transition: transform 0.2s ease-out;
}

.tilter__figure {
    position: relative;
}

.tilter__figure::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    box-shadow: 0 30px 20px rgba(35, 32, 39, 0.5);
}

.tilter__deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}

.tilter__deco--shine div {
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}

.tilter__deco--lines {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px;
}

.tilter__caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4em;
}

.tilter__title {
    margin: 0;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1;
}

.tilter__description {
    margin: 1em 0 0 0;
    font-size: 0.85em;
    letter-spacing: 0.15em;
}


/* Individual styles */


/* Example 1 (Default) */

.tilter--1 .tilter__figure::before {
    box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5);
}


/* IMAGE HOVER CSS END */


/* INSIDE PAGE CSS */

.titleImage h1 {
    background-color: rgba(245, 245, 245, 0.8);
    display: inline-block;
    padding: 20px;
    font-size: 60px;
    margin: 0;
}

.whatwedone {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

.whatwedone h1 a {
    margin: 100px 0;
    background-color: rgba(245, 245, 245, 0.8);
    display: inline-block;
    font-size: 60px;
    padding: 20px;
    color: #555559;
}
.takeaction {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

.takeaction h1 a {
    margin: 100px 0;
    background-color: rgba(245, 245, 245, 0.8);
    display: inline-block;
    font-size: 60px;
    padding: 20px;
    color: #555559;
}

.events2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

.events2 h1 a {
    margin: 100px 0;
    background-color: rgba(245, 245, 245, 0.8);
    display: inline-block;
    font-size: 60px;
    padding: 20px;
    color: #555559;
}

.cardMain {
    display: inline-block;
    margin: 0px 0px 20px 0px;
}

.cardContent h3 {
    height: 80px;
}

.cardContent a {
    color: #555559;
    font-weight: 700;
}

.cardContent .readMore {
    margin-bottom: 20px !important;
    display: block;
    background-color: #555559;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase
}

.cardContent .readMore:hover {
    margin-bottom: 20px !important;
    display: block;
    background-color: #555559;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
}

.cardContent a:hover {
    color: #555559;
}

.card {
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.20);
}

.card img {
    filter: brightness(80%);
    transition: all 0.2s ease;
}

.card img:hover {
    filter: brightness(100%);
    transition: all 0.2s ease;
}

.cardMain .catTag {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 30px;
    background-color: #d1ae1e;
    padding: 10px 40px;
    color: #fff;
}

.cardMain .catTag a,
.cardMain .catTag a:hover {
    color: #fff;
    text-decoration: none;
}

.cardMain .eventTag {
    /*position: absolute;*/
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    /*left: 0;*/
    /*right: 0;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*width: 150px;*/
    /* Need a specific value to work */
    background-color: #c10707;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.catTag a {
    color: #fff;
    text-decoration: none;
}
.catTag a:hover{
    color: #fff;
    text-decoration: underline;
}


.cardMain .eventTag a,
.cardMain .eventTag a:hover {
    color: #fff;
    text-decoration: none;
}

.cardMain .closedTag {
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #c10707;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: 13%;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
}

.cardMain .action {
    display: block;
    /*height:342px;*/
    height:339px;
    width:auto;
    position: relative;
    overflow:hidden;
}

.cardMain .action .hue {
    position: absolute;
    min-height:100%;
    min-width:100%;
}

.overlaydarken {
    position: absolute;
    z-index: 8;
    top: 0;
    right: 15px;
    left: 15px;
    bottom: 20px;
    background: rgba(0, 0, 0, 0.2);
}

.cardContent {
    padding: 10px 20px;
    height: 330px;
}

.cardContent h3 a {
    color: #555559;
    font-weight: 700;
}

.cardContent h3 a:hover {
    color: #555559;
}

#sponsorowl .owl-dots {
    display: block;
    text-align: center;
    margin: 0 auto/*for centering the dots*/
}

#sponsorowl .owl-dots .active {
    background-color: #fff;
}

.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #ccc;
    background: #333;
    margin-right: 5px;
    display: inline-block;
    /*for making them horizontal, if you want vertical then you can use- display: block*/
}


/* INSIDE PAGE CSS END */

@media all and (max-width:1600px) {
    .latest .latestItem .content {
        padding-top: 5px;
    }
}

@media all and (max-width:1500px) {
    #menuMain {
        display: block;
        width: 80%;
        margin-top: 5px;
    }
    #menuMain li {
        float: right;
    }
    .navbar-nav {
        margin-top: 0px;
    }
    .navbar-nav .btn {
        margin-right: 15px;
    }
}

@media all and (max-width:1366px) {
    .latest .content h2 {
        font-size: 18px;
    }
}

@media all and (max-width:1278px) {
   /* .cardMain .imgTag {
        display: none;
    }*/
}


/* RESPONSIVE CSS */

@media all and (max-width:1200px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar .container {
        width: 95%;
        padding: 0;
        margin: 0 auto;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        min-width: 100%;
        margin: 0;
        width: 100vw;
        padding: 0;
        max-width: 100%;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li {
        display: block;
        float: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0;
        color: #fff;
        padding-left: 20px;
    }
    .navbar-right {
        float: none !important;
        margin-right: 0;
    }
    .collapse.in {
        display: block !important;
        border-bottom: 1px solid #555559;
    }
    li.dropdown {
        position: static;
    }
    li.dropdown>.dropdown-menu {
        right: 0;
    }
    li.dropdown>.dropdown-menu>li>a {
        white-space: normal;
        color: #fff;
    }
    li.dropdown>.dropdown-menu>li>a:hover,
    li.dropdown>.dropdown-menu>li>a:focus {
        white-space: normal;
        color: #fff;
        background-color: transparent;
    }
    li.dropdown {
        position: static;
    }
    li.dropdown>.dropdown-menu {
        left: auto;
    }
    li.dropdown>.dropdown-menu>li>a {
        white-space: normal;
    }
    #menuMain {
        display: none;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 600px !important;
    }
}

@media all and (max-width:1024px) and (max-height:768px) {
    .section-one .col-md-6 {
        width: 100%;
    }
    #pressowl .size img {
        max-width: 100%;
        min-height: 100%;
        min-width: 100%;
    }
    .events .col-md-6 {
        width: 50%;
    }
    .section-two .col-md-9,
    .section-two .col-md-3 {
        width: 100%;
    }
    .socialFeed {
        margin-top: 40px;
    }

    .cardMain .action{
        height:172px;
    }
}

@media all and (max-width:960px) {
    .socialFeed {
        margin-top: 40px;
    }
}

@media all and (max-width:736px) and (max-height:414px) {
    #pressowl .content {
        top: 100px;
    }
    .spaceInfo {
        margin-bottom: 30px;
    }
    .latestItem .content {
        padding: 20px 10px;
    }
}

@media all and (max-width: 600px) {
    #pressowl .content {
        top: 36px;
    }
    .spaceInfo {
        margin-bottom: 20px;
    }
    .latestItem .content {
        padding: 20px 10px;
    }
}

@media all and (max-width: 480px) {
    #pressowl .content .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    #pressowl .content .pressTag {
        margin-bottom: 10px;
    }
}

@media all and (max-height:414px) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 150px !important;
        overflow-y: scroll !important;
    }
}

@media all and (max-width:568px) and (max-height:320px) {
    .navbar-brand {
        width: 100px;
    }
    .navbar-toggle {
        margin-top: 30px;
    }
    .section-one {
        margin-top: 100px;
    }
    #pressowl .content {
        top: 15px;
    }
    .section-one .pressTag,
    #pressowl .content .readMorePress,
    #pressowl .content .readMorePress:hover {
        padding: 5px;
        width: 130px;
        font-size: 10px;
    }
    #pressowl .content .title {
        font-size: 14px;
        line-height: 18px;
    }
    #pressowl {
        min-height: 200px;
    }
    .size img {
        min-height: 200px;
    }
    .navbar-nav>li>a,
    .navbar-nav .dropdown-menu>li>a {
        font-size: 12px;
        line-height: 10px;
    }
    .events .eventTag,
    .events .eventMore,
    .latest .catTag {
        font-size: 10px;
        padding: 10px 25px;
    }
    .latest h1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media all and (max-width:414px) and (max-height:736px) {
    .navbar-brand {
        width: 100px;
    }
    .navbar-toggle {
        margin-top: 30px;
    }
    .section-one {
        margin-top: 56px;
    }
    #pressowl .content {
        top: 50px;
    }
    .section-one .pressTag,
    #pressowl .content .readMorePress {
        padding: 5px;
        width: 130px;
        font-size: 10px;
    }
    #pressowl .content .title {
        font-size: 14px;
        line-height: 18px;
    }
    #pressowl {
        min-height: 200px;
    }
    .size img {
        min-height: 200px;
    }
    .navbar-nav>li>a,
    .navbar-nav .dropdown-menu>li>a {
        font-size: 12px;
        line-height: 10px;
    }
    .events .eventTag,
    .events .eventMore,
    .latest .catTag {
        font-size: 10px;
        padding: 10px 25px;
    }
    .latest h1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .events .col-md-6 {
        width: 100%;
    }
    .section-two .col-md-9,
    .section-two .col-md-3 {
        width: 100%;
    }
}


/* Bootstrap Offset right utility */

.col-xs-offset-right-12 {
    margin-right: 100%;
}

.col-xs-offset-right-11 {
    margin-right: 91.66666667%;
}

.col-xs-offset-right-10 {
    margin-right: 83.33333333%;
}

.col-xs-offset-right-9 {
    margin-right: 75%;
}

.col-xs-offset-right-8 {
    margin-right: 66.66666667%;
}

.col-xs-offset-right-7 {
    margin-right: 58.33333333%;
}

.col-xs-offset-right-6 {
    margin-right: 50%;
}

.col-xs-offset-right-5 {
    margin-right: 41.66666667%;
}

.col-xs-offset-right-4 {
    margin-right: 33.33333333%;
}

.col-xs-offset-right-3 {
    margin-right: 25%;
}

.col-xs-offset-right-2 {
    margin-right: 16.66666667%;
}

.col-xs-offset-right-1 {
    margin-right: 8.33333333%;
}

.col-xs-offset-right-0 {
    margin-right: 0;
}

@media (min-width: 768px) {
    .col-sm-offset-right-12 {
        margin-right: 100%;
    }
    .col-sm-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-sm-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-sm-offset-right-9 {
        margin-right: 75%;
    }
    .col-sm-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-sm-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-sm-offset-right-6 {
        margin-right: 50%;
    }
    .col-sm-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-sm-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-sm-offset-right-3 {
        margin-right: 25%;
    }
    .col-sm-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-sm-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-sm-offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .col-md-offset-right-12 {
        margin-right: 100%;
    }
    .col-md-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-md-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-md-offset-right-9 {
        margin-right: 75%;
    }
    .col-md-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-md-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-md-offset-right-6 {
        margin-right: 50%;
    }
    .col-md-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-md-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-md-offset-right-3 {
        margin-right: 25%;
    }
    .col-md-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-md-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-md-offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-offset-right-12 {
        margin-right: 100%;
    }
    .col-lg-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-lg-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-lg-offset-right-9 {
        margin-right: 75%;
    }
    .col-lg-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-lg-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-lg-offset-right-6 {
        margin-right: 50%;
    }
    .col-lg-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-lg-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-lg-offset-right-3 {
        margin-right: 25%;
    }
    .col-lg-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-lg-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-lg-offset-right-0 {
        margin-right: 0;
    }
    /*.dropdown-menu {*/
    /*    position: absolute !important;*/
    /*    left: 0 !important;*/
    /*    width: 770px !important;*/
    /*}*/
    .dropdown-menu>li {
        display: inline-block !important;
    }
    .dropdown-menu {
        border: 0 !important;
        padding: 10px 20px !important;
        position: fixed !important;
        /*right: 0 !important;*/
        /*left: 0 !important;*/
        text-align: left !important;
        top: 95px !important;
        /* top: 15rem !important; */
        /* visibility: hidden; */
        border-radius: 0;
        z-index: 999999999;
        /* width: 1151px; */
        width: 800px !important;
    }
}

@media (min-width: 1280px) {
    #pressowl {
        min-height: 522px;
    }
    #pressowl .size img {
        min-height: 522px;
        width: auto;
        max-width: none;
    }
}

@media (min-width: 1366px) {
    #pressowl {
        min-height: 520px;
    }
    #pressowl .size img {
        max-height: 520px;
        width: auto;
        max-width: none;
    }
}

@media (min-width: 1600px) {
    #pressowl {
        min-height: 600px;
    }
    #pressowl .size img {
        min-height: 600px;
        width: auto;
        max-width: none;
    }
}


/* Pricing Tables CSS START */

.rpt_title {
    background-color: #707170 !important;
    text-align: center;
    color: #fff;
    font-size: 22px !important;
    line-height: 24px;
}

.rpt_description {
    background-color: #707170 !important;
    text-align: center;
    color: #fff !important;
    margin: 0;
}

.rpt_style_basic .rpt_plan .rpt_title {
    border: 0;
    background: transparent;
}

.rpt_style_basic .rpt_plan .rpt_head {
    border: 0;
    background: #707170;
}

.rpt_features {
    height: 500px;
}

.rpt_plan {
    margin-bottom: 60px;
}


/* Pricing Tables CSS END */


/* Volunteer CSS START */

.btn-info {
    border: 0;
    background-color: #4ea585;
    transition: all 0.2s ease;
}

.btn-info:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info:active {
    border: 0;
    background-color: #4ea585;
    transform: perspective(500px) translateZ(50px);
    transition: all 0.2s ease;
}

.wpcf7 input[type=text],
.wpcf7 textarea,
.wpcf7 input[type=email],
.wpcf7 input[type=file] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.wpcf7 textarea {
    height: 150px;
    resize: none;
}

.wpcf7 label {
    margin-top: 10px;
    width: 100%;
    font-weight: 400;
}

.wpcf7-list-item,
.wpcf7-checkbox {
    margin-bottom: 10px;
    display: block;
}

span.wpcf7-list-item {
    margin: 10px;
}

.wpcf7-list-item input {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.wpcf7-list-item-label {
    float: left;
    display: inline-block;
    font-weight: 400;
}

.wpcf7 input[type=submit] {
    padding: 10px 25px;
    background: #555559;
    color: #fff;
    border: 0;
    margin-top: 10px;
}

.wpcf7 button {
    padding: 10px 25px;
    background: #555559;
    color: #fff;
    border: 0;
    /*margin-top: 10px; */
    border-radius: 0;
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}


/* Volunteer CSS END */


/* PAGINATION CSS START */


/* Pagination */

.pagesNum {
    width: 100%;
    text-align: center;
    margin-top: 60px;
    display: block;
}

.pagination {
    clear: both;
    position: relative;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    /* Pagination text size */
    line-height: 13px;
    float: none;
    /* Pagination float direction */
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    width: auto;
    color: #fff;
    /* Pagination text color */
    background: #707170;
    /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover {
    color: #fff;
    background: #2872c0;
    /* Pagination background on hover */
}

.pagination .current {
    padding: 10px 10px 10px 10px;
    background: #2872c0;
    /* Current page background */
    color: #fff;
}


/* PAGINATION CSS END */


/* ASIDE CSS START */

aside {
    border-left: 1px solid #f6f6f6;
    padding-left: 20px;
}

aside .relatedArticles .art h3 a {
    color: #555559;
}

.relatedArticles {
    margin-bottom: 40px;
}

.relatedArticles .readMore {
    color: #555559;
    font-weight: 700;
}

.relatedArticles .art {
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 20px;
}


/* ASIDE CSS END */

.searchCont {
    position: fixed;
    z-index: 9999999;
    width: 0%;
    height: 0%;
    background-color: #f6f6f6;
    top: 0;
    right: 0;
    transition: all 0.4s ease;
    padding-top: 200px;
    opacity: 0.9!important;
    overflow: hidden;
}

#ajaxsearchlite1 .probox,
div[id*="ajaxsearchlite"] .probox {
    height: 140px;
}

.autocomplete {
    display: none !important;
}

div[id*="ajaxsearchlite"],
#ajaxsearchlite1 .probox,
div[id*="ajaxsearchlite"] .probox {
    background-color: transparent;
}

.proclose,
.proloading {
    margin-top: 50px !important;
}

#ajaxsearchlite1 .probox .proinput input[type=search],
div[id*="ajaxsearchlite"] .probox .proinput input[type="search"] {
    border: 0 !important;
    background-color: transparent !important;
    font-size: 100px !important;
    color: #555559 !important;
    height: auto !important;
    width: 100% !important;
}

div[id*="ajaxsearchliteres"] {
    z-index: 99999999999;
}

.promagnifier,
.prosettings {
    display: none;
}

.searchCont .search .closeSearch {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 60px;
    color: #555559;
}

.dateBox {
    background-color: #555559;
    padding: 10px;
    color: #fff;
    display: inline-block;
}

.dateBox p {
    padding: 0;
    margin: 0;
}

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}


/* fixes potential theme css conflict */

.acf-map img {
    max-width: inherit !important;
}

@media all and (max-width:2880px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 80px;
    left: 28%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:2560px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 80px;
    left: 25%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:2208px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 80px;
    left: 21%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:2048px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 80px;
    left: 20%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:1440px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: 6%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:1366px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: 4%;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}
}



@media all and (max-width:1281px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: 0;
    padding: 0px 18px;
    text-align: center;
    color: #fff;
}

.cardContent h3{
    font-size:23px;
}
}

@media all and (max-width:1136px){
.cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 66px;
    left: 1%;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
}

.cardContent h3{
    font-size:20px;
}

.cardContent{
    height:367px;
}
}


@media all and (max-width:1024px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    width:90%;
    left: 5%;
    padding: 0px 0px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:960px){
    .cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    width:90%;
    left: 4%;
    padding: 0px 0px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:720px){
.cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 22px;
    left: 5%;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:640px){
.cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 40px;
    left: 5%;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
}
}

@media all and (max-width:480px){
.cardMain .imgTag {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: 5%;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
}
}