/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'FontAwesome';
    content: attr(data-icon);
    speak: none;
    font-weight: 500;
    font-variant: 500;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
    font-family: 'FontAwesome';
}


/* @end */


/* @group Theme Colors */

.colorMain {}

.colorSec {}

.borderMain {}

.borderSec {}

.bgMain {}

.bgSec {}


/*********************************************************************************************

2.  Sections : Header

*********************************************************************************************/

#mainHeader {
    overflow: hidden;
    clear: both;
}

#mainHeader p {
    font-size: 1.1538em;
    margin-top: 3.625rem;
}

#topHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#topHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#logo {
    width: 300px;
    overflow: hidden;
    margin: 1.8125rem auto;
}

#logo a {
    display: block;
    height: 3.625rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#logo-container {
    border-bottom: 0.50625rem solid #eee;
    margin-bottom: 1.30625rem;
}

#logo a,
#logo a:hover {
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 9000px;
    line-height: 900px;
    display: inline-block;
}

#logo i {
    color: #333 !important;
}

.small #logo {
    width: 200px;
    height: 3.625rem;
    background-size: 100%;
}

.headerAd {
    padding: 1.8125rem 0;
    text-align: center;
}

#navHeader,
#mainHeader {
    overflow: visible;
}

#mainHeader:after {
    content: ' ';
    display: block;
    clear: both;
}

#mainHeader #navHeader {
    clear: both;
    min-height: 3.625rem;
    width: 100%;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 720px) {
    #logo {
        margin-top: 0;
        padding: 0.90625rem 0;
    }
    nav#mainNav>ul {
        display: none;
    }
    #mainHeader #topHeader {
        justify-content: center;
        flex-direction: column;
    }
}

.simple-header {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.simple-header #topHeader {
    padding: 16px;
}

.simple-header #logo {
    width: 180px;
    height: 60px;
    background-size: contain;
    margin: auto;
    padding: 0;
}


/*********************************************************************************************

3.1  UI : Navigation

*********************************************************************************************/

#navHeader {
    clear: both;
    background: #293D41;
}

#navHeader .container-lg {
    position: relative;
}

.navi-extras {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, .15);
}

#mainHeader #searchform {
    float: right;
    margin-top: 0.90625rem;
    position: relative;
    -webkit-transition: all .2s;
    width: 100px;
    padding-left: 1.8125rem;
}

#mainHeader #searchform input {
    width: 80%;
    float: left;
    margin: 0;
    background: none;
}

#mainHeader #searchform input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
}

#mainHeader #searchform input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

#mainHeader #searchform input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

#mainHeader #searchform input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}

#mainHeader #searchform input:focus {
    outline: none;
}

#mainHeader #searchform.focused {
    background: #F5F5F5;
}

#mainHeader #searchform i {
    position: absolute;
    left: 0.90625rem;
    top: 8px;
    color: #fff;
}

#navi-container .social-follow {
    position: absolute;
    top: 0;
    right: 0;
}

#navi-container .social-follow {
    position: static;
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0;
}

#navi-container .social-follow a {
    vertical-align: middle;
    font-size: 1.25rem;
    margin: 0 5px;
}

.socialBtn i {
    -webkit-transition: all .3s;
    transition: all .3s;
}

#mainHeader #searchform {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 3.625rem;
    width: auto;
    overflow: visible;
    position: relative;
    float: none;
    vertical-align: middle;
}

#mainHeader #searchform input {
    height: 3.625rem;
    line-height: 3.625rem;
    width: 3.625rem;
    margin-left: 0;
    padding: 0 1.8125rem;
    opacity: 0;
    width: 3.625rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#mainHeader #searchform input:focus {
    visibility: visible;
    margin-left: 3.625rem;
    opacity: 1;
    width: 300px;
    background: #fff;
}

#mainHeader #searchform .fa {
    height: 3.625rem;
    width: 3.625rem;
    background: #111;
    text-align: center;
    line-height: 3.625rem;
    margin: 0;
    display: block;
    top: 0;
    left: 0;
    color: #fff;
}

#mainHeader #searchform.focused .fa {
    color: #fff;
}

nav#mainNav {
    float: left;
    margin: 0;
}

nav#mainNav>ul {
    float: left;
    margin: 0;
}

nav#mainNav>ul>li {
    display: inline;
    float: left;
    position: relative;
    line-height: 3.625rem;
    height: 3.625rem;
}

nav#mainNav>ul>li>a {
    display: block;
    font-weight: normal;
    padding: 0 0.90625rem;
    line-height: 3.625rem;
    min-width: 3.625rem;
    font-size: 1rem;
    text-align: center;
}

nav#mainNav>ul>li>a:hover,
nav#mainNav>ul>li>a.active {
    font-weight: normal;
}

ul.sub-menu {
    position: absolute;
    z-index: 2;
    background: #111;
    min-width: 18.125rem;
}

nav#mainNav>ul ul ul {
    left: 100%;
    top: 0;
    border-radius: 5px;
}

#mainHeader nav#mainNav>ul>li ul.sub-menu a {
    text-align: left;
}

nav#mainNav>ul ul li {
    position: relative;
}

nav#mainNav .menu-item-has-children ul a {
    color: #fff;
    padding: 0 1.8125rem;
    display: block;
    min-width: 120px;
}

.menu-item-has-children ul {
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    display: block;
}

.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
}

.menu-item-has-children>a:after {
    content: '\f0d7';
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0 10px;
}

.logged-in #mainHeader #navHeader .container-lg .nav-inner {
    top: 32px;
}

#mainNav li:first-child a {
    padding: 0 1.8125rem;
}

nav#mainNav li a {
    color: #fff;
}

.pagination {
    text-align: center;
    margin: 1.8125rem 0;
}

.pagination li {
    display: inline-block;
    height: 1.8125rem;
    width: 1.8125rem;
    margin: 5px;
}

.pagination li a {
    height: 1.8125rem;
    width: 1.8125rem;
    background: #333;
    color: #fff;
    display: inline-block
}


/*********************************************************************************************

3.1  UI : Forms

*********************************************************************************************/

textarea,
input[type="text"] {
    background: #fff;
    border: none;
    color: #666;
    padding: 0 0.90625rem;
    line-height: 3.225rem;
    margin-bottom: 0.90625rem;
    margin-top: 0;
    width: 100%;
    vertical-align: top;
}

#codeInput input[type="text"],
.validateField textarea,
.validateField input[type="text"] {
    border: 0.2rem solid #ddd;
}

.selectBox {
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
}


.selectBox:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 0.90625rem;
    right: 0.90625rem;
    top: 5px;
    content: '\f078';
    color: #666;
}

.selectBox select {
    background: transparent;
    width: 120%;
    padding-left: 1.8125rem;
    font-size: 1em;
    line-height: 28px;
    border: 0;
    border-radius: 0;
    height: 28px;
    -webkit-appearance: none;
    position: relative;
}
.selectBox--lg {
    margin-bottom: 16px;
}

.selectBox--lg select {
    line-height: 40px;
    height: 40px;
}

.error-message {
    color: salmon;
    margin-bottom: 16px;
    display: none;
}

/*********************************************************************************************

3.2  UI : Buttons

*********************************************************************************************/

a.btn,
.btn {
    border: none;
    color: #fff;
    display: inline-block;
    zoom: 1;
    font-weight: bold;
    height: 3.625rem;
    line-height: 3.625rem;
    cursor: pointer;
    padding: 0 1.8125rem;
    text-decoration: none;
    transition: all .2sec;
    border-radius: 4px;
}

a.btnSmall,
.btnSmall {
    border: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    zoom: 1;
    font-weight: 500;
    line-height: 1rem;
    cursor: pointer;
    padding: 0.90625rem;
    text-decoration: none;
    transition: all .2sec;
    font-size: 0.695rem;
}

.post-item .more-link {
    display: block;
    margin: auto;
    width: max-content;
    font-size: 18px;
    font-weight: bold;
}

#seeMore {
    display: block;
    margin: 0 auto;
    clear: both;
    width: 11.8125rem;
    text-align: center;
}

.super-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 320px;
    font-size: 24px;
    color: #fff;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}

.super-btn::before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    z-index: 0;
    border-radius: 16px;
}

.super-btn .fa {
    font-size: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
    position: relative;
}

.super-btn .btn-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-left: 16px;
    font-weight: bold;
    position: relative;
}

/*********************************************************************************************

3.3  UI : Indicators

*********************************************************************************************/

.loading {
    height: 7.25rem;
    background: url(../images/ajax-loader.gif) no-repeat center center;
}


/*********************************************************************************************

4. Content Specific Styles

*********************************************************************************************/

#main-section {
    padding: 32px 0;
}

.catHeader {
    margin: 0 0 1.8125rem 0;
}

.catHeader h1 {
    margin: 0;
    padding: 0.90625rem;
    text-transform: uppercase;
    font-size: 1.538em;
}

.post-list {
    clear: both;
    margin-bottom: 1.8125rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.8125rem;
}

.noThumbPost {
    position: relative;
}

.noThumbPost h3 {
    float: left;
    margin: 0 1.8125rem 1.8125rem 0;
}

.imgbox {
    position: relative;
}

.imgbox img {
    width: 100%;
    margin-bottom: 1.8125rem;
    height: auto;
    display: block;
}

.imgbox i.photo:before {
    content: '\f03e';
}

.imgbox i.video:before {
    content: '\f04b';
}

.imgbox i.gallery:before {
    content: '\f03e';
}

.post-2-col .imgbox img {
    width: 100%;
    margin-right: 0;
}

.post-2-col.col-4 h3 {
    min-height: 3.625rem;
}

.post-3-col {
    margin-bottom: 32px;
}

.imgbox i {
    background: rgba(0, 0, 0, .75);
    width: 1.8125rem;
    height: 1.8125rem;
    line-height: 1.8125rem;
    text-align: center;
    display: block;
    position: absolute;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    top: 0;
    left: 0;
}

.sideBar {
    position: relative;
    padding: 1.8125rem;
    overflow: hidden;
}

.sideBar .col-8 {
    width: auto;
    float: none;
    display: block;
}


.single-post-header {
    padding: 32px 32px 96px 32px;
    color: #fff;
}

.single-post-header p {
    font-weight: lighter;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.single-post-header .single-post-title {
    color: #fff;
    margin: 0;
}

.single-post-categories a {
    color: rgba(255, 255, 255, 0.5);
}

.single-post-header .single-post-meta {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 16px;
}

.single-post-header .single-post-meta i.fa {
    margin-right: 8px;
}

.single-post-header .single-post-meta span {
    display: inline-block;
    line-height: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 12px;
    margin-right: 8px;
}

.single-post-header .single-post-meta span:last-child {
    border-right: none;
    padding: 0;
    margin: 0;
}

.single-post-title {
    font-size: 60px;
    line-height: 64px;
}

.single-post-thumbnail {
    margin-top: -128px;
}

.single-post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.single-post .videoBox {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 1.8125rem;
    height: 0;
}

.single-post .videoBox iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 724px) {
    .single-post-header .single-post-title {
        font-size: 32px;
        line-height: 40px;
    }

    .single-post-thumbnail {
        margin-top: -96px;
    }
}


/*********************************************************************************************

4.1 Content Specific Styles : Posts

*********************************************************************************************/

.thumbNail {
    position: relative;
}

.thumbNail:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .25);
    left: 0;
    top: 0;
    pointer-events: none;
}

.thumbNail-small {
    max-width: 25%;
    float: left;
    margin: 0 1.8125rem 1.8125rem 0;
}

.thumbNail .catMeta {
    position: absolute;
    right: 0;
    top: 1.8125rem;
    padding: 0.90625rem;
    color: #fff;
    background: rgba(0, 0, 0, .76);
    text-transform: uppercase;
}

.entry {
    padding: 1.8125rem 1.8125rem 0 0;
}

.entry img {
    max-width: 100%;
    height: auto;
}

.entry iframe {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.post-item .date {
    color: #999;
    display: block;
    margin-bottom: 0.90625rem;
    float: right;
}

.date .fa {
    padding-right: 5px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe {
    margin: 0 auto!important;
    width: 100% !important;
}

.postMeta {
    overflow: hidden;
    margin-bottom: 1.8125rem;
}

.postMeta div {
    float: left;
    width: 28%;
    border-right: 1px solid #ddd;
    margin-right: 2%;
    min-height: 3.625rem;
    line-height: 3.625rem;
}

.postMeta img {
    float: left;
    margin-right: 0.90625rem;
}

.postMeta p {
    margin-bottom: 0;
    line-height: 3.625rem;
}

.postMeta div.catMeta {
    width: 43%;
}

.postMeta div.catMeta p {
    line-height: 1.5;
}

.postMeta div.time span {
    margin-bottom: 0;
}

.postMeta div.time {
    width: 13%;
}

.postMeta div.comments {
    width: 8%;
    float: right;
    border: none;
    margin: 0;
}

.postMeta div.comments i {
    color: #999;
}

.error404 .entry {}

.error404 img {
    height: auto;
}


/*********************************************************************************************

5.1 Loops : Default

*********************************************************************************************/

.default-loop {
    display: flex;
    margin-bottom: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.125);
}

.default-loop:nth-child(odd) {
    flex-direction: row-reverse;
}

.default-loop__thumbnail {
    padding: 0;
    width: 50%;
    min-height: 240px;
    position: relative;
}

.default-loop__content {
    width: 50%;
}

.default-loop__content .entry-action {
    padding: 0 32px;
}

.default-loop__thumbnail a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.default-loop .thumbNail+* {
    padding-top: 1.8125rem;
}

.default-loop h3 {
    font-weight: bold;
    margin-bottom: 16px;
}

.default-loop h3 a {
    margin-left: -32px;
    background: #f1f1f1;
    display: inline-block;
    width: calc(100% + 32px);
    position: relative;
    padding: 32px;
    border-left-style: solid;
    border-left-width: 8px;
}

.default-loop p {
    padding: 0 32px;
}

.default-loop:nth-child(odd) h3 {
    text-align: right;
}

.default-loop:nth-child(odd) h3 a {
    margin-right: -32px;
    margin-left: 0;
    position: relative;
    text-align: left;
    border-right-style: solid;
    border-right-width: 8px;
    border-left: none;
}


/*********************************************************************************************

5.2 Loops : List

*********************************************************************************************/

.list-loop {
    border-bottom: 1px solid #ddd;
    padding: 1.8125rem 0 0 0;
}

.list-loop__title {
    margin-bottom: 0;
    font-weight: bold;
}

.list-loop__title a {
    font-weight: bold;
}

.list-loop__date,
.list-loop__category {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.90625rem;
    font-size: 14px;
    display: inline-block;
    margin-right: 12px;
}

.list-loop__date {
    color: #888;
    text-transform: uppercase;
}


/* @end */

/* @group Paginated Articles */

.paginated-gallery {
    width: 100%;
    height: 500px;
    position: relative;
    margin: 0 0 1.8125rem 0;
    background: #111;
}

.paginated-gallery img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.paginated-gallery .position {
    position: absolute;
    width: 100px;
    margin-left: -3.625rem;
    left: 50%;
    top: 0;
    text-align: center;
    padding: 5px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.gallery-nav {}

.gallery-nav .prev a {
    width: 10%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.gallery-nav .prev a:before {
    position: absolute;
    line-height: 1.8125rem;
    height: 1.8125rem;
    margin-top: -1.8125rem;
    top: 50%;
    left: 0;
    content: '\f053';
    text-align: center;
    width: 1.8125rem;
    background: rgba(0, 0, 0, .5);
}

.gallery-nav .next a {
    width: 10%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.gallery-nav .next a:before {
    position: absolute;
    line-height: 1.8125rem;
    height: 1.8125rem;
    margin-top: -1.8125rem;
    top: 50%;
    right: 0;
    text-align: center;
    content: '\f054';
    width: 1.8125rem;
    background: rgba(0, 0, 0, .5);
}

.gallery-nav a {
    color: #fff;
    font-size: 25px;
    font-family: 'FontAwesome';
    content: attr(data-icon);
    speak: none;
    font-weight: 500;
    font-variant: 500;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*--------------------------------------------------------------

5.3 Loops : Visual Composer Loop Styles

-------------------------------------------------------------- */

.loadContent,
.flex-box {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    display: flex;
}

.vc-loop {
    position: relative;
}

.vc-loop .post-item {
    width: 100%;
    background-size: cover;
    position: relative;
    margin: 0;
    background: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}

.vc-loop .post-item .inner {
    border-bottom: none;
}

.col-1-1 .post-item {
    width: 100%;
}

.col-1-2 .post-item {
    width: 50%;
}

.col-1-3 .post-item {
    width: 33%;
}

.col-1-4 .post-item {
    width: 25%;
}

.col-1-5 .post-item {
    width: 20%;
}

.col-1-6 .post-item {
    width: 16.66%;
}

.vc-loop .post-item a.item-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inner 0 0 1.8125rem rgba(0, 0, 0, .5);
}

.vc-loop .post-item .thumbNail {
    float: none;
    margin: 0;
    padding: 0;
    max-height: intrinsic;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.vc-loop .post-item .thumbNail a {
    max-height: intrinsic;
}

.vc-loop .title {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    margin-bottom: 1.8125rem;
}

.vc-loop .post-item header p {
    margin-bottom: 1.8125rem;
    font-size: 1rem;
}

.vc-loop .post-item .date,
.vc-loop .post-item .catMeta {
    float: none;
}

.el-align-left .post-item .thumbNail {
    float: left;
    width: 50%;
    margin: 0;
}

.el-align-left .post-item header {
    float: right;
    width: 50%;
    margin: 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.el-align-right .post-item .thumbNail {
    float: right;
    width: 50%;
    margin: 0;
}

.el-align-right .post-item header {
    float: left;
    width: 50%;
    margin: 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.vc-loop .modo-slider .post-item {
    float: left;
    display: block;
}

.btnSmall.load-more {
    margin-top: 1.8125rem;
    line-height: 3.625rem;
    padding: 0 3.625rem;
}


/* Slider Styles */

.modo-slider {
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    /* Changed here */
    -moz-transition: opacity .3s, -moz-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    transform: translateY(5%);
}

.modo-slider.slide-on {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.slider-next,
.slider-prev {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    width: 3.625rem;
    height: 3.625rem;
    line-height: 3.625rem;
    font-size: 1.8125rem;
    padding: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
}

*:hover>.slider-next,
*:hover>.slider-prev {
    visibility: visible;
    opacity: 1;
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0;
}

*:hover>.slider-next {
    right: 0.90625rem;
}

*:hover>.slider-prev {
    left: 0.90625rem;
}


/* Color Schemes */

.vc-loop.dark .post-item header {
    background: #3f3f3f;
    color: #eee;
}

.vc-loop.dark .post-item header .title a {
    color: #eee;
}


/*--------------------------------------------------------------

5.4 Loops : Visual Composer Loop - Sleek Styles

-------------------------------------------------------------- */

.col-1-2.sleek .post-item:nth-child(4n+ 1) header,
.col-1-2.sleek .post-item:nth-child(4n+ 4) header,
.col-1-2.sleek .post-item:nth-child(4n+ 1),
.col-1-2.sleek .post-item:nth-child(4n+ 4) {
    background: #f1f1f1;
}

.col-1-4.sleek .post-item:nth-child(8n+ 1) header,
.col-1-4.sleek .post-item:nth-child(8n+ 3) header,
.col-1-4.sleek .post-item:nth-child(8n+ 0) header,
.col-1-4.sleek .post-item:nth-child(8n+ 6) header,
.col-1-4.sleek .post-item:nth-child(8n+ 1),
.col-1-4.sleek .post-item:nth-child(8n+ 3),
.col-1-4.sleek .post-item:nth-child(8n+ 0),
.col-1-4.sleek .post-item:nth-child(8n+ 6) {
    background: #f1f1f1;
}

.col-1-3.sleek .post-item:nth-child(odd) header,
.col-1-3.sleek .post-item:nth-child(odd) {
    background: #f1f1f1;
}

.vc-loop.sleek .post-item header {
    padding: 1.8125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    margin: 0 1.8125rem;
    -webkit-transform: translateY(-1.8125rem);
    -moz-transform: translateY(-1.8125rem);
    transform: translateY(-1.8125rem);
}

.vc-loop.sleek .post-item .catMeta {
    position: absolute;
    top: -1.8125rem;
    left: 0;
    height: 1.8125rem;
    margin: 0;
    line-height: 1.8125rem;
    padding: 0 0.90625rem;
    background: rgba(0, 0, 0, .75);
    float: none;
    width: auto;
}

.vc-loop.sleek .post-item .catMeta a {
    color: #fff;
}

.vc-loop.sleek .post-item:hover .thumbNail {
    -webkit-transform: scale(1.3) rotate(-3deg);
    -moz-transform: scale(1.3) rotate(-3deg);
    transform: scale(1.3) rotate(-3deg);
}


/*--------------------------------------------------------------

5.5 Loops : Visual Composer Loop - Featured Styles

-------------------------------------------------------------- */

.vc-loop.featured .post-item {
    min-height: calc(100vh - 180px);
    background-size: cover;
}

.vc-loop.featured header {
    position: absolute;
    bottom: 0;
    padding: 100px 40px 40px 40px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41OCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.58)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000', GradientType=0);
    /* IE6-8 */
    color: #fff;
    text-align: center;
    width: 100%;
}

.vc-loop.featured header .title {
    font-size: 3.076em;
    line-height: 1em;
    margin-bottom: 10px;
    color: #fff;
}

.vc-loop.featured header .title a {
    color: #fff;
}

.vc-loop.featured header a,
.vc-loop.featured header p {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}


/*--------------------------------------------------------------

5.6 Loops : Visual Composer Loop - Minimal Styles

-------------------------------------------------------------- */

.vc-loop.minimal .thumbNail img,
.vc-loop.minimal .thumbNail a {
    display: block;
}

.vc-loop.minimal header {
    padding: 0.90625rem 0.90625rem 0 0.90625rem;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    border-bottom: 3px double #ddd;
    min-height: 9.0625rem;
}

.vc-loop.minimal header .title {
    position: relative;
}

.vc-loop.minimal header .title:before {
    content: '▲';
    position: absolute;
    top: -1.8125rem;
    color: #fff;
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
}

.vc-loop.minimal .catMeta {
    position: absolute;
    top: 1.8125rem;
    left: 1.8125rem;
    background: rgba(0, 0, 0, .5);
    padding: 0 0.90625rem;
    font-size: 12px;
}

.vc-loop.minimal .catMeta a {
    color: #fff;
}

.vc-loop.minimal .date {
    border-top: 3px solid #ddd;
    margin: 0;
    line-height: 2.71875rem;
    margin-top: 0.90625rem;
    font-size: 12px;
}

.vc-loop.minimal h4+.date {
    margin-top: -0.90625em;
}


/* Color Schemes */

.vc-loop.dark.minimal header {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.vc-loop.dark.minimal .date {
    border-color: #444;
}

.vc-loop.dark.minimal header .title:before {
    color: #3f3f3f;
}


/*--------------------------------------------------------------

5.8 Loops : Visual Composer Featured Grid

-------------------------------------------------------------- */

.modo-featured-grid .main-col {
    width: 50%;
    height: 27.1875rem;
    overflow: hidden;
    float: left;
    position: relative;
}

.modo-featured-grid .secondary-col {
    float: left;
    width: 50%;
}

.modo-featured-grid article {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.modo-featured-grid article header {
    color: #fff;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
}

.modo-featured-grid article .title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 3.625rem 1.8125rem 1.8125rem 1.8125rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
    /* IE6-8 */
    width: 100%;
}

.modo-featured-grid article .title a {
    color: #fff;
}

.modo-featured-grid .main-col article {
    height: 27.1875rem;
    width: 100%;
    float: left;
}

.modo-featured-grid .main-col article header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.modo-featured-grid .main-col .title {
    font-size: 2.9375rem;
    line-height: 3.625rem;
    position: static;
}

.modo-featured-grid .secondary-col article {
    height: 13.59375rem;
    width: 50%;
    float: left;
}

.modo-featured-grid .catMeta {
    position: absolute;
    top: 0.90625rem;
    left: 0.90625rem;
}

.modo-featured-grid .catMeta a {
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 1rem;
    background: rgba(0, 0, 0, 1.0);
    color: #fff;
    padding: 0 0.90625rem;
}

.modo-featured-grid .secondary-col .catMeta a {
    font-size: 12px;
}

.modo-featured-grid .catMeta a:nth-child(2) {
    display: none;
}

.modo-featured-grid .main-col .catMeta {
    position: static;
    margin-left: 1.8125rem;
}

.modo-featured-grid .main-col .catMeta:before {
    content: 'Featured Now';
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 1rem;
    background: red;
    color: #fff;
    padding: 0 0.90625rem;
}

.modo-featured-grid .main-col:hover .next,
.modo-featured-grid .main-col:hover .prev {
    opacity: 1;
    visibility: visible;
}

.modo-featured-grid .slider-next {
    right: 0;
}

.modo-featured-grid .slider-prev {
    left: auto;
    right: 3.625rem;
}

.modo-featured-grid:hover .slider-next {
    right: 0.90625rem;
}

.modo-featured-grid:hover .slider-prev {
    left: auto;
    right: 5.4375rem;
}


/*--------------------------------------------------------------

5.8 Loops : Visual Composer Loop - Responsive

-------------------------------------------------------------- */

@media only screen and (max-width: 1199px) {
    .col-1-4 .post-item {
        width: 50%;
    }
    #mainHeader #navHeader {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 959px) {
    .col-1-6 .post-item,
    .col-1-5 .post-item,
    .col-1-4 .post-item,
    .col-1-3 .post-item,
    .col-1-2 .post-item {
        width: 50%;
    }
    #mainHeader #logo {
        min-width: 12.6875rem;
    }
    #logo i {
        color: #fff !important;
        vertical-align: top;
        /* top: auto !important; */
    }
    .modo-featured-grid .secondary-col,
    .modo-featured-grid .main-col {
        width: 100%;
    }
}

@media only screen and (max-width: 719px) {
    .col-1-6 .post-item,
    .col-1-5 .post-item,
    .col-1-4 .post-item,
    .col-1-3 .post-item,
    .col-1-2 .post-item {
        width: 100%;
    }
    .modo-slider .catMeta {
        display: none;
    }
}


/*********************************************************************************************

6. Widgets

*********************************************************************************************/

.homeWidgets {
    margin-bottom: 1.8125rem;
    padding: 1.8125rem 1.8125rem 1.8125rem 0;
}

.postContentWidgetArea {
    margin-bottom: 1.8125rem;
    overflow: hidden;
}

.widget-item {
    margin-top: 1.8125rem;
}

.widget-item:first-child {
    margin-top: 0;
}

.widget-title {
    margin: 0 0 1.8125rem 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
}

.widget-title > span {
    color: #000;
    display: inline-block;
    position: relative;
}

.widget-title > span::after {
    content: ' ';
    width: 100%;
    height: 50%;
    position: absolute;
    left: calc(100% + 8px);
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 720px) {
    .homeWidgets {
        padding: 0;
    }
}


/*********************************************************************************************

6.1 Widgets : Recent Posts

*********************************************************************************************/

.recent-posts article {
    margin-bottom: 1.8125rem;
    position: relative;
    overflow: hidden;
}

.recent-posts article.col-8 {
    overflow: hidden;
    padding-bottom: 1.8125rem;
    border-bottom: 1px solid #E6E6E6;
}

.recent-posts article.col-8:last-child {
    border: none;
}

.recent-posts .thumbNail {
    position: relative;
    margin-bottom: 8px;
}

.thumbNail img {
    width: 100%;
    height: auto;
    display: block;
}

.thumbNail-70 {
    float: left;
    margin: 0 1.8125rem 1.8125rem 0;
}

.recent-posts .col-4 h4 {
    min-height: 3.625rem;
    clear: both;
}

.recent-posts h4 {
    margin-bottom: 0.90625rem;
    line-height: 24px;
    font-size: 16px;
}

.recent-posts h4 a {
    font-weight: bold;
}

.recent-posts .thumbNail-400 {
    margin-bottom: 1.8125rem;
    overflow: hidden;
}

.recent-posts .thumbNail-400 img {
    width: 100%;
    height: auto;
}


/*********************************************************************************************

6.2 Widgets : Custom Links

*********************************************************************************************/

.widget_nav_menu a,
.customLinks a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.customLinks a i {
    float: right;
    margin-right: 5px;
}

.customLinks a img {
    height: 30px;
    width: auto;
    margin-right: 5px;
    float: left;
}

.customLinks a span {
    color: #111;
    font-weight: bold;
}

.widget_nav_menu a:after {
    content: '\f105';
    float: right;
    margin-right: 5px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customLinks a i {
    float: right;
    margin-right: 5px;
}

.sideBar .widget-item.widget_customlinks {
    padding-top: 0;
}

/*********************************************************************************************

6.2.1 Widgets : Top Offers

*********************************************************************************************/

.Top-offers__list-item {
    -webkit-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px 0;
    padding: 8px;
    color: #333;
    background: #fff;
    width: 100%;
}

.Top-offers__logo {
    padding-right: 16px;
    width: 100%;
}

.Top-offers__logo img {
    width: calc(100% - 32px);
    height: 32px;
    object-fit: contain;
    object-position: left;
}

a.Top-offers__btn,
.Top-offers__btn {
    height: 32px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 32px;
    padding: 0 16px;
    margin: 0 0 8px 0;
    color: #fff !important;
    font-weight: lighter;
}

.Top-offers__link-group {
    margin-left: auto;
    margin-right: 0;
    text-align: center;
    width: 85px;
    flex-grow: 1;
    flex-shrink: 0;
}

.Top-offers__btn {
    white-space: nowrap;
}

.Top-offers__link {
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-decoration: underline;
}

/*********************************************************************************************

6.3 Widgets : Default Widgets

*********************************************************************************************/

.textwidget #___page_0,
.textwidget iframe {
    width: 100% !important;
}

.textwidget img {
    max-width: 100%;
}

.tagcloud a {
    padding: 5px0.90625rem;
    border-radius: 5px;
    color: #fff;
    background: #111;
    font-size: 15px !important;
}

table#wp-calendar {
    border-spacing: 0;
    border-collapse: collapse;
    width: auto;
}

table#wp-calendar td#today {
    color: #ba54b9;
}

#wp-calendar tbody {
    background: #3E3E3E;
}

table#wp-calendar td {
    border-radius: 0;
    padding: 0;
    height: 1.8125rem;
    width: 1.8125rem;
    line-height: 1.8125rem;
}

table#wp-calendar tbody td.pad {
    background: #303030;
}

table#wp-calendar thead {
    background: #494949;
    color: #fff;
    font-weight: bold;
}

table#wp-calendar caption {
    text-transform: uppercase;
    background: #303030;
    border-radius: 0;
}

table#wp-calendar tbody td a {
    color: #fff;
    display: block;
}


/*********************************************************************************************

6.4 Widgets : Newsletter

*********************************************************************************************/

.newsletterForm input[type="text"] {
    width: 50%;
    padding: 6px 5% 7px 5%;
    float: left;
    margin: 0;
}

.newsletterForm input[type="submit"] {
    width: 40%;
    padding: 0;
    margin-bottom: 1.8125rem;
}

.insideScoop {
    font-size: 24px;
    line-height: 1.1em;
    float: left;
    text-transform: uppercase;
    color: #333;
}

.insideScoop span {
    font-size: 36px;
    font-weight: bold;
    display: block;
}

.newsLetter {
    color: #fff;
    background: #333;
    padding: 1.8125rem;
}

.newsletterForm input {
    background: #F5F5F5;
}


/*********************************************************************************************

6.5 Widgets : Archives

*********************************************************************************************/

.widget_modoarchives ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_modoarchives li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.widget_modoarchives li>a {
    display: block;
    margin: 0;
    padding: 5px 0 5px 15px;
}

.widget_modoarchives li.archive-year {
    clear: both;
    padding: 5px 0;
    list-style: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget_modoarchives li ul {
    font-size: 0.86666667em;
}

.widget_modoarchives li:last-child,
.widget_modoarchives li.archive-year:last-child {
    border-bottom: none;
}

.widget_modoarchives li.archive-year ul {
    display: none;
    clear: both;
    margin: 0;
}

.widget_modoarchives li.archive-year:first-child ul {
    display: block;
}

.widget_modoarchives li ul span.count {
    color: #999;
}

.widget_modoarchives>ul>li>span.count {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 5px0.90625rem;
    border-radius: 0.90625rem;
    color: #fff;
    font-size: 12px;
    line-height: 0.90625rem;
}

.widget_modoarchives li span.arrow {
    float: left;
    margin-top: 0px;
    margin-right: 5px;
    width: 0.90625rem;
    font-family: 'FontAwesome';
}

.widget_modoarchives li span.arrow:after {
    content: '\f107';
}

.widget_modoarchives li.open span.arrow:after {
    content: '\f106';
}


/*********************************************************************************************

6.6 Widgets : Related Posts

*********************************************************************************************/

.relatedPosts .post-item {
    width: 33%;
    float: left;
    border: none;
}

.relatedPosts .post-item h4 {
    min-height: 70px;
}

.relatedPosts .post-item .inner {
    margin-right: 1.8125rem;
    border: none;
}


/*********************************************************************************************

6.7 Widgets : Stay Connected

*********************************************************************************************/

.widget_stayconnected iframe {
    width: 100% !important;
    overflow: hidden;
}

.sideBar .recent-posts .thumbNail-400 {
    margin-right: 0;
    float: none;
}

.sideBar .widget-item {
    padding: 1.8125rem 0;
}

.sideBar .widget-item:first-child {
    padding-top: 0;
}

.widget_stayconnected .social-follow {
    display: block;
    float: none;
    text-align: center;
    margin-top: 0.90625rem;
}

.widget_stayconnected .social-follow a {
    float: none;
    display: inline-block;
}

.twitterItem {
    margin: 0.90625rem 0;
}

.email a {
    background: #999;
}

a.newsletterBtn {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 15px;
    border: none;
    color: #fff;
    margin: 0.90625rem 0;
    height: auto;
    line-height: 1;
    padding: 16px;
}

#widgetNewsletterForm {
    padding: 1.8125rem;
}

#widgetNewsletterForm input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

#widgetNewsletterForm input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

#widgetNewsletterForm input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

#widgetNewsletterForm input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

#widgetNewsletterForm input[type="email"],
#widgetNewsletterForm input[type="text"] {
    height: 3.625rem;
    line-height: 3.625rem;
    width: 100%;
    display: block;
    border: none;
    background: rgba(0, 0, 0, .25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    color: #fff;
    font-size: 1.25em;
    margin-bottom: 1.8125rem;
}

#widgetNewsletterForm input[type="submit"] {
    width: 100%;
    text-align: center;
    height: 3.625rem;
    line-height: 3.625rem;
    margin-bottom: 1.8125rem;
}

#widgetNewsletterForm .error {
    color: #fff;
    margin-top: -1rem;
    margin-bottom: 0.8125rem;
    display: block;
}

#widgetNewsletterForm p {
    text-align: center;
    color: #fff;
    font-size: 13px;
    color: rgba(255, 255, 255, .85);
}

#widgetNewsletterForm h3 {
    color: #fff;
    text-align: center;
}

#widgetNewsletterForm h3 span {
    display: block;
    font-size: .575em;
    line-height: 2em;
}

#widgetNewsletterForm a {
    font-weight: bold;
    color: #fff;
}


/*********************************************************************************************

6.8 Widgets : Featured Slider

*********************************************************************************************/

.featured-slider {
    margin-bottom: 32px;
    width: 100%;
}

.featured-slider .item {
    position: relative;
}

.featured-slider .item a {
    display: block;
    width: 100%;
    height: 600px;
    max-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.featured-slider .item img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 0;
}

.featured-slider .item .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 05.4375rem rgba(0, 0, 0, 0.3);
}

.featured-slider .text {
    position: absolute;
    top: 50%;
    right: 64px;
    transform: translateY(-50%);
    width: 33%;
    padding: 1.8125rem;
    background: #fff;
    color: #000;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.75);
    border-left: 8px solid;
}

.featured-slider .text h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0.90625rem;
    color: #000;
    font-weight: bold;
}

.featured-slider .text p {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 16px;
    color: #333;
}

.featured-slider .item .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 5.4375rem rgb(0 0 0 / 90%);
}

.featured-slider--style-2 .text {
    left: 64px;
    top: 96px;
    width: 50%;
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
}

.featured-slider--style-2 .text h3 {
    color: inherit;
    text-shadow: 0 0 16px rgba(0, 0, 0, 1);
}

.featured-slider--style-2 .item .overlay {
    box-shadow: inset 0 200px 14rem rgb(0 0 0 / 60%);
}

.featured-slider--style-2 .slick-dots,
.featured-slider--style-2 .slick-arrow {
    transition: all 0.3s ease;
    opacity: 0;
}

.featured-slider--style-2:hover .slick-dots,
.featured-slider--style-2:hover .slick-arrow {
    opacity: 1;
}

@media only screen and (max-width: 960px) {
    .featured-slider .text h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .featured-slider .text p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 724px) {
    .featured-slider .text {
        top: auto;
        bottom: 64px;
        left: 0;
        right: auto;
        transform: none;
        width: 100%;
        padding: 1.8125rem;
        box-shadow: none;
        border-left: 0;
    }
    .featured-slider .btn {
        display: none;
    }
}

/*********************************************************************************************

6.9 Widgets : Gallery

*********************************************************************************************/

.alphaNav a {
    float: left;
    margin: 2px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background: #111;
    color: #fff;
}

.md-gallery .item img,
.md-gallery .item a {
    width: 100%;
    height: auto;
    float: left;
}

.md-gallery .item {
    float: left;
}

.sliderTabs {
    text-align: center;
    margin-top: 0.90625rem;
}

.sliderTabs a {
    height: 1.8125rem;
    width: 1.8125rem;
    display: inline-block;
    float: none;
    background: #ccc;
    border-radius: 1.8125rem;
    margin: 5px;
    color: #fff;
}

.sliderTabs a.selected {
    border: none;
    background: #333;
}


/*********************************************************************************************

6.10 Widgets : Top Authors

*********************************************************************************************/

.top_authors ul {
    margin: 0;
    list-style: none;
}

.top_authors li {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
}

.top_authors img {
    float: left;
    margin: 00.90625rem0.90625rem 0;
}

.top_authors li a {
    display: block;
}

.top_authors .position {
    color: #999;
    font-size: .866em;
}

.viewAll {
    float: right;
    clear: both;
    margin-top: 0.90625rem;
}

.viewAll span.arrow {
    font-family: 'FontAwesome';
}

.viewAll span.arrow:after {
    content: '\f105';
}


/*********************************************************************************************

6.11 Widgets : Paginated

*********************************************************************************************/

#paginatedAd {
    float: right;
    margin: 0 0 1.8125rem 1.8125rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.90625rem;
}

.single #main #paginatedAd .widget {
    margin-top: 0;
}

#paginatedAd h3 {
    border-bottom: 1px solid #ddd;
    text-align: center;
    height: 0.90625rem;
    font-size: 1.153em;
}

#paginatedAd h3.widget-title span {
    display: inline-block;
    background: #fff;
    line-height: 1;
    padding: 5px;
    margin-top: -5px;
    color: #999;
}


/*********************************************************************************************

6.12 Widgets : Custom Links

*********************************************************************************************/

.widget_nav_menu a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.customLinks a i {
    float: right;
    margin-right: 5px;
}

.customLinks a img {
    height: 30px;
    width: auto;
    margin-right: 5px;
    float: left;
}

.customLinks a span {
    color: #111;
    font-weight: bold;
}

.widget_nav_menu a:after {
    content: '\f105';
    float: right;
    margin-right: 5px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customLinks a i {
    float: right;
    margin-right: 5px;
}

.sideBar .widget-item.widget_customlinks {
    padding-top: 0;
}


/*********************************************************************************************

6.13 Widgets : Ads

*********************************************************************************************/

.adsbygoogle-header {
    width: 320px;
    height: 60px;
}

@media(min-width: 500px) {
    .adsbygoogle-header {
        width: 468px;
        height: 60px;
    }
}

@media(min-width: 800px) {
    .adsbygoogle-header {
        width: 728px;
    height: 90px;;
    }
}

.gsc-adBlock {
    margin-bottom: 20px !important;
}

.gsc-control-cse-en {
    padding: 0 0 0 0 !important;
}

.advertisementBox {
    float: right;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}

.col-3.advertisementBox {
    margin: 0 20px 20px 20px;
}

.advertisementBox h3.widget-title {
    color: #999;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: center;
    height: 1.8125rem;
    font-size: 13px;
}

.advertisementBox h3.widget-title span {
    display: inline-block;
    background: #fff;
    color: #999;
}


/*********************************************************************************************

7. Special Pages : Subscribe

*********************************************************************************************/

#subscribePane {
    background: #fff;
    display: block;
    position: relative;
    border-style: solid;
    border-width: 3px;
    margin-bottom: 1.8125rem;
    margin-top: -10px;
}

#subscribePane .inner {
    overflow: hidden;
    clear: both;
    border: none;
}

#subscribePane a.close {
    height: 1.8125rem;
    width: 1.8125rem;
    background: #ededed;
    line-height: 1.8125rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #999 !important;
    font-size: 13px;
    opacity: 1;
    text-shadow: none;
}

#subscribePane p {
    font-size: 18px;
    padding: 0.90625rem 0;
    margin: 0;
    float: left;
    clear: both;
}

#subscribePane .col2 p {
    text-align: center;
    width: 100%;
}

#subscribePane p.policy {
    font-size: 11px;
}

#subscribePane input {
    margin-bottom: 0;
}

#subscribePane .col1,
#subscribePane .col2 {
    float: left;
    width: 50%;
    padding: 0.90625rem 2.5%;
}

#subscribePane .col1 {
    border-right: 1px solid #ccc;
}

#subscribePane .col2 {
    width: 50%;
}

#subscribePane form {
    margin-bottom: 0;
    float: left;
    width: 100%;
    clear: both;
}

#subscribePane input[type="email"] {
    width: 200px;
    height: 3.625rem;
    padding: 8px 6px;
    margin: 0;
    float: left;
    border-radius: 5px 0 0 5px;
}

#subscribePane input.btn {
    color: #fff;
    border: none;
    border-radius: 0 5px 5px 0;
    float: left;
}

#subscribePane .fbLikeBox {
    padding: 15px 1.8125rem;
    display: block;
    width: 150px;
    margin: 0 auto;
    border-radius: 5px;
    background: #F5F5F5;
    overflow: hidden;
}

#subscribePane.subscribed p {
    padding: 1.8125rem 0;
}


/* @group Newsletter Popup */

.newsletterPage {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 425px;
    background-size: cover;
    background-position: center;
}

.newsLetterPop {
    background: url(../img/newsletterBg.jpg);
    padding: 5.4375rem 0;
    text-align: center;
}

.newsLetterPop article {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    padding: 1.8125rem 3.625rem;
}

.newsLetterPop h2 {
    margin-bottom: 1.8125rem;
}

.newsLetterPop h2 span {
    color: #007cd3;
}

.newsLetterPop p {
    font-size: 1.25em;
    line-height: 1.5;
    color: #111;
    margin-bottom: 1.8125rem;
    margin-top: 1.8125rem;
}

.newsLetterPop input {
    display: inline-block;
    float: none;
    font-size: 1.5em;
    line-height: 1;
}

.newsLetterPop input[type="email"] {
    margin: 0;
    padding: 12px 15px;
    width: 23.625rem;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.newsLetterPop .btn {
    padding: 15px;
    height: auto;
    color: #fff;
    border-radius: 0.90625rem;
    vertical-align: middle;
}

.newsLetterPop .fb-like {
    display: inline-block !important;
    width: 100px !important;
    overflow: hidden;
}

.newsLetterPop .likeBox p {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    margin: 0;
}

.newsLetterPop .likeBox span {
    color: #007cd3;
}

#cboxLoadedContent {
    margin: 0;
}

#cboxClose {
    position: absolute;
    bottom: auto;
    top: -1.8125rem;
    right: -1.8125rem;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    border-radius: 25px;
    float: none !important;
}

#cboxWrapper,
#colorbox,
#cboxContent {
    overflow: visible !important;
}

@media only screen and (max-width: 799px) {
    #colorbox {
        display: none !important;
    }
    #cboxOverlay {
        display: none !important;
    }
}

@media (min-width:970px) and (max-width:1199px) {
    #subscribePane input[type="email"] {
        width: 50%;
    }
    #subscribePane .col1,
    #subscribePane .col2 {
        height: 11.8125rem;
    }
}

@media (max-width:969px) {
    #subscribePane {
        display: none;
    }
    #subscribePane {
        width: 96%;
    }
    #subscribePane .col1 {
        width: auto;
        float: none;
        border: none;
        border-bottom: 1px solid #ddd;
    }
    #subscribePane .col2 {
        width: auto;
        float: none;
    }
    #subscribePane .col2 p {
        display: block;
        float: none;
        clear: both;
        text-align: center;
    }
    #subscribePane input[type="email"] {
        width: 40%;
    }
}


/*********************************************************************************************

7.1 Special Pages : Author

*********************************************************************************************/

.archive .author-info {
    overflow: hidden;
    margin-bottom: 1.8125rem;
    padding: 1.8125rem;
    min-height: 90px;
    border: 1px solid #dddddd;
}

.archive .author-info .author-avatar {
    float: left;
}

.archive .author-info .author-description {
    margin-left: 180px;
}

.archive .author-info h2 {
    margin-top: 0;
}

.archive .author-info p {
    margin-top: 0.90625rem;
    margin-bottom: 0;
}

.archive .author-info .description {
    margin-top: 0;
}

.socialFollow .btn {
    font-size: 1em;
    display: block;
    margin: 0.90625rem 0;
    height: 1.8125rem;
    line-height: 1.8125rem;
    width: 200px;
}


/*********************************************************************************************

7.2 Special Pages :  Fancy Offer Selection

*********************************************************************************************/

.page-template-template-fancy-selection-php {
    position: relative;
    background: #010101;
}

.page-template-template-fancy-selection-php #logo-container {
    max-width: 100%;
    width: 100%;
    background: #fff;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    padding: 1.8125rem 0;
}

.page-template-template-fancy-selection-php #fullWrapper {
    background: none;
    position: relative;
    z-index: 2;
}

.page-template-template-fancy-selection-php #footerWrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 1.8125rem 0;
    background: rgba(0, 0, 0, .75);
}

.page-template-template-fancy-selection-php #mainHeader {
    background: #fff;
    text-align: center;
}

.page-template-template-fancy-selection-php #logo {
    margin: 1.8125rem auto;
    float: none;
}

.page-template-template-fancy-selection-php .headerSidBar,
.page-template-template-fancy-selection-php #navHeader {
    display: none;
}

.page-template-template-fancy-selection-php h1.entry-title {
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0 15px;
}

.page-template-template-fancy-selection-php h1.entry-title a {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background: #333;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    position: relative;
    line-height: 1.2;
    padding: 15px;
}

.fancyBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 120%;
}

.fancyBg div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center 120px;
    top: 0;
    left: 0;
}

.fancyBg .layer1 {
    background-repeat: no-repeat;
}

.fancyBg .layer2 {
    opacity: .7;
}

.fancyBg .layer3 {
    opacity: 1;
}

.page-template-template-fancy-selection-php #wrapper {
    margin: 0;
    padding: 0;
}

.page-template-template-fancy-selection-php #footerWrapper {
    position: absolute;
}

#fancyOffers {
    width: 60%;
    max-width: 700px;
    margin: 40px auto 100px auto;
    display: block;
    position: relative;
    z-index: 2;
    opacity: .97;
}

#fancyOffers .item {
    width: 44%;
    margin: 0 3%;
    padding-bottom: 6%;
    float: left;
}

#fancyOffers .item a {
    display: block;
}

.flip-container {
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
}


/* flip the pane when hovered */

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip-container,
.front,
.back {}


/* flip speed goes here */

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    padding-top: 58.333333%;
    margin: 0 auto;
}


/* hide back of pane during swap */

.front,
.back {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 58.333333%;
    overflow: hidden;
    border-radius: 10px;
    background-size: cover;
}


/* front pane, placed above back */

.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}


/* back, initially hidden pane */

.back {
    background-image: url(images/cardBg.jpg);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    box-shadow: 0 0 70px rgba(191, 240, 244, .35);
}

.cards .back .text {
    position: absolute;
    top: 0;
    line-height: 1.5;
    height: auto;
    text-align: left;
    color: #fff;
    width: 80%;
    margin: 70px 10%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .35);
}

.cards .back .text i {
    float: left;
    font-size: 60px;
    margin: 0 10px 0 20px;
}

.cards .back .strip {
    position: absolute;
    left: 0;
    width: 100%;
    top: 20px;
    height: 30px;
    background: rgba(0, 0, 0, .76);
}

#fancyOffers.amount {
    margin-top: 80px;
    position: relative;
}

.amount .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0 auto;
}

.amount .front,
.amount .back {
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    line-height: 120px;
    padding-top: 0;
    overflow: hidden;
    border-radius: 10px;
    background-size: cover;
    font-size: 3em;
    background-image: url(images/cardBg.jpg);
    background-position: center center;
    border: 3px solid #fff;
}

.amount .text {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
    font-weight: bold;
}

.amount .text i {
    margin-right: 20px;
}

.amount .back .text {
    font-size: .5em;
    margin: 0 40px;
    line-height: 1.5;
    margin-top: 30px;
}

#amountBar {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    overflow: hidden;
}

#amountBar a {
    color: #FDB308;
    font-size: 1.8125rem;
    line-height: 1.8125rem;
    margin: 10px;
    padding: 0 20px 0 0;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

#amountBar a.active {
    color: #fff;
}

#amountBar i {
    color: #fff;
    margin-right: 10px;
    opacity: .1;
    transition: all .2s;
}

#amountBar .active i,
#amountBar a:hover i {
    opacity: 1;
    color: #91CB30;
}

#amountBar a:last-child {
    border: none;
}

.page-template-template-fancy-selection-php h2 {
    color: #fff;
    text-align: center;
    margin: 20px 0;
}

.page-template-template-fancy-selection-php h2 span {
    font-size: 1rem;
    display: block;
    width: 660px;
    text-align: left;
    margin: 0 auto;
}

.offerPop .inner {
    overflow: scroll;
    border: none;
    background: none;
}

.offerPop {
    background: #fff url(../images/cards.jpg) no-repeat center bottom;
    background-size: 100% auto;
    border-radius: 10px;
    z-index: 901;
    padding: 30px 30px 0 30px;
    height: 80% !important;
    max-height: 650px !important;
    margin-top: 15px !important;
    border: none;
}

.featured-search-image {
    text-align: center;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 640px;
    max-height: 500px;
    margin: 0 auto;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    position: relative;
}

.featured-search-image a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.featured-search-image img {
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 20px 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
}

#featured-searches h4.small-heading {
    max-width: 640px;
}

#featured-searches h1.entry-title {
    font-size: 35px;
    position: relative;
    padding: 0 0 20px 0;
}

#featured-searches h1.entry-title i.fa {
    font-size: .5em;
    vertical-align: middle;
}

#featured-searches h1.entry-title span.sponsored {
    display: block;
    position: relative;
    height: 1.2em;
}

#featured-searches h1.entry-title span.sponsored span {
    font-size: .25em;
    padding: 10px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    clear: both;
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%);
}

@media only screen and (max-width: 1278px) {
    #fancyOffers {
        width: 90%;
    }
}

@media only screen and (max-width: 959px) {
    #amountBar a {
        font-size: 2em;
    }
    #fancyOffers.amount .front {
        font-size: 2em;
    }
    .special-3 h2 {
        float: none;
        margin-top: -20px;
        text-align: center;
        display: block;
        clear: both;
        width: 100%;
    }
    .page-template-template-special-php #logo .fa-bars,
    .page-template-template-fancy-selection-php #logo .fa-bars {
        display: none !important;
    }
}

@media only screen and (max-width: 719px) {
    .page-template-template-fancy-selection-php #logo {
        margin: 0 auto;
    }
    .fancyBg .layer1 {
        top: 0 !important;
        background-size: auto 100% !important;
    }
    .page-template-template-fancy-selection-php h1.entry-title {}
    #fancyOffers.amount .item {
        width: 94%;
        margin: 0 3%;
        padding-bottom: 6%;
        float: left;
    }
    #amountBar a {
        width: 50%;
        border: none;
        float: left;
        padding: 10px 0;
        margin: 0;
        text-align: left;
    }
    #fancyOffers.amount {
        margin-top: 0;
    }
    .amount .flipper {
        height: 80px;
    }
    .amount .front,
    .amount .back {
        height: 80px;
        line-height: 80px;
    }
    .amount .back .text {
        margin-top: 10px;
    }
}


/*********************************************************************************************

7.3  Special Pages : Fancy Offer Related Searches

*********************************************************************************************/

#fancyOffers.related-searches {
    width: 90%;
    max-width: 1000px;
    clear: both;
}

#relatedOffers.related-searches {
    width: 90%;
    max-width: 1000px;
    margin: 40px auto;
    clear: both;
}

#fancyOffers.related-searches:after,
#relatedOffers.related-searches:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

#featured-searches .featured-search-image {
    height: 300px;
}

.offer-item {
    width: 33.33%;
    float: left;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
}

.offer-item:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}

.item-image {
    width: 120px;
    height: 120px;
    border-radius: 80px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
}

.item-image img {
    width: 100%;
    height: auto;
}

.item-title {
    padding: 15px;
    margin: 0 20px 0 20px;
    color: #fff;
    font-size: 20px;
    background: #333;
    border-radius: 15px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    position: relative;
    line-height: 1.2;
}

#relatedOffers .item-title {
    background: none;
    margin-top: 0;
    text-align: left;
    padding: 0;
    position: relative;
}

#fancyOffers .item-title {
    padding-right: 30px;
}

#fancyOffers .item-title .fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#fancyOffers .item-title .fa:before {
    display: inline-block;
    vertical-align: middle;
}

.offers-related #logo h1,
.offers-related #logo {
    overflow: visible;
    line-height: 3.625rem;
    background-position: left center;
}

.offers-related #logo a {
    text-indent: 0;
    float: left;
    overflow: visible;
    text-indent: 0;
    line-height: inherit;
}

.offers-related .blogname {
    display: none;
}

.offers-related #mainHeader #logo {
    width: auto;
    background-size: 260px auto;
}

.offers-related #logo {
    width: 100%;
    text-align: center;
}

.offers-related #logo a,
.offers-related #logo a:hover {
    width: 260px;
    display: inline-block;
    height: 58px;
    float: none;
    vertical-align: middle;
}

.offers-related #logo h1:after {
    content: 'OFFERS';
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2.71875rem;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 1.8125rem;
    padding: 0 0.90625rem;
}

.offers-related .offer-item {
    min-height: 160px;
}

.offers-related .item-title {
    box-shadow: none;
    margin-top: -5px;
}

.offers-related .item-image {
    width: 120px;
    height: 80px;
    border-radius: 0;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 5;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

.offers-related #fancyOffers {
    margin-top: 100px;
}

h4.small-heading,
.offers-related h4 {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

h4.small-heading {
    font-size: 1.1538em;
    margin-top: 2em;
}

#relatedOffers .offer-item {
    min-height: 0;
    position: relative;
}

#relatedOffers .item-title .fa {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.page-template-template-fancy-selection-php h2 span,
h4.small-heading,
.offers-related h4 {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

h4.small-heading {
    font-size: 1.1538em;
    margin-top: 2em;
}

.page-template-template-fancy-selection-php h2 span {
    max-width: 650px;
    font-size: 15px;
    display: block;
}

#relatedOffers .offer-item {
    min-height: 0;
    position: relative;
}

#relatedOffers .item-title .fa {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#featured-searches .offer-item {
    width: 50%;
}

#featured-searches #fancyOffers.related-searches {
    max-width: 700px;
}

@media only screen and (max-width: 660px) {
    #featured-searches {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #featured-searches .featured-search-image {
        display: none;
    }
    #featured-searches h1.entry-title {
        font-size: 20px;
        width: 100%;
        margin: 0;
        line-height: 30px;
        padding: 0 0 10px 0;
    }
    #featured-searches h1.entry-title span.sponsored span {
        font-size: 9px;
        padding: 5px;
    }
    #featured-searches #fancyOffers.related-searches {
        width: 100%;
        padding: 15px;
        margin: 0;
    }
    #featured-searches .offer-item {
        width: 100%;
        margin: 0 0 10px 0;
    }
    #fancyOffers .item-title {
        margin: 0;
    }
}

@media only screen and (max-width: 560px) {
    offer-item {
        width: 100%;
    }
}

/************************************************************************************

7.3  Special Pages : Offer Version A

*************************************************************************************/


.Offer-b__header {
    -webkit-display: flex;
    display: flex;
    justify-content: space-between;
    -webkit-align-items:center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;

}

.Offer-b__logo img {
    height: 64px;
    width: 80%;
    object-fit: contain;
    object-position: left;
}

.Offer-b__banner {
    margin: 32px 0;
}

.Offer-b__banner__img {
    width: 100%;
    max-width: 100%;
}

.Offer-b__rating {
    position: relative;
    padding-left: 16px;
}

.Offer-b__rating__body {
    text-align: center;
}

.Offer-b__rating__stars {
    text-align: center;
    display: block;
    color: #FEBB5F;
    font-size: 24px;
    white-space: nowrap;
}

.Offer-b__rating__stars i {
    margin-right: 4px;
}

.Offer-b__rating__numerator {
    text-align: center;
    font-size: 21px;
    line-height: 1;
}

.Offer-b__rating__denominator {
    color: #999;
    font-size: 21px;
}

.Offer-b__whats-this {
    position: absolute;
    right: 0;
    bottom: -24px;
    text-align: right;
    font-size: .8em;
    cursor: pointer;
    width: 100%;
    padding-left: 16px;
    text-align: center;
}

.Offer-b__whats-this__title {
    font-size: 12px;
    color: #aaa;
}

.Offer-b__body {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Offer-b__media {
    flex: 1 auto;
    min-width: 200px;
    margin-bottom: 32px;
}

.Offer-b__features {
    flex: 1 auto;
    min-width: 200px;
    margin: 0 auto;
    margin-bottom: 32px;
}

.Offer-b__media + .Offer-b__body {
    flex: 1 auto;
    min-width: 200px;
    padding-left: 32px;
    margin-bottom: 32px;
}

.Offer-b__highlight-table {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

.Offer-b__highlight-table th {
    padding-right: 16px;
    padding-bottom: 8px;
    font-weight: bold;
    white-space: nowrap;
}

.Offer-b__highlight-table td {
    padding-bottom: 8px;
}

.btn--offer,
a.btn--offer {
    max-width: 300px;
    width: 100%;
    height: 40px;
    padding: 0 24px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
}

.btn--offer i,
a.btn--offer i {
    margin-left: 16px;
}

@media only screen and (max-width: 520px) {
    .Offer-b__body {
        padding-left: 0;
    }

    .Offer-b__highlight-table {
        font-size: 14px;
        text-align: left;
    }
}

/************************************************************************************

7.4  Special Pages : Credit Card Custom Post Type

*************************************************************************************/

.creditCard {
    margin-top: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.125);
    padding: 32px;
}

.creditCard--b {
    padding-right: 16px;
}

.creditCard .responsive img {
    margin: 0 auto;
}

.offer-body {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.offer-media {
    flex: 1 auto;
    width: 40%;
    min-width: 200px;
}

.offer-highlights {
    flex: 1 auto;
    width: 60%;
}

.offer-highlights ul {
    margin-left: 32px;
}

.creditCard:last-child {
    border: none;
}

.creditCard h2 {
    font-size: 1.538em;
    text-transform: uppercase;
}

.creditCard h2 a {
    font-weight: 700;
}

.creditCard ul {
    font-size: 16px;
    line-height: 24px;
}

.creditCard ul li {
    list-style: none;
    display: flex;
    padding-bottom: 10px;
    align-items: center;
}

.creditCard ul i {
    padding-right: 16px;
}

.creditCard__logo {
    display: block;
    width: 100%;
    max-width: 320px;
    text-align: left;
    margin-bottom: 24px;
}

.creditCard__logo img {
    display: block;
    height: auto;
    width: 100%;
}

.editorRating {
    background: #F9F9F9;
    position: relative;
    height: 160px;
    padding: 0;
}

.editorRating h4 {
    color: #fff;
    background: #76B6FF;
    padding: 5px;
    text-align: center;
    margin-bottom: 0;
}

.editorsChoice {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    left: 0;
    top: 130px;
    text-align: center;
    width: 160px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    color: #fff;
    background: #333;
}

.stars {
    text-align: center;
    display: block;
    padding: 10px;
    color: #FEBB5F;
}

.ratingNumber {
    text-align: center;
    line-height: 1;
    display: block;
}

.outOfNumber {
    text-align: center;
    display: block;
    color: #999;
}

a.btnSmall.applyBtn {
    text-align: center;
    margin: 10px 10%;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
}

a.btnSmall.applyBtn i {
    padding-left: 10px;
}

.whatsThis {
    text-align: center;
    margin: 10px 0;
    text-decoration: underline;
    position: relative;
    font-size: .8em;
    cursor: pointer;
}

.whatsThis .hoverBox {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: #fff;
    border: 5px solid #ddd;
    border-radius: 5px;
    display: none;
    width: 600px;
    text-align: left;
    padding: 10px;
}

.wt-popup p,
.wt-popup ul,
.wt-popup {
    font-size: 12px;
    line-height: 1.5;
}

.wt-popup h1,
.wt-popup h2,
.wt-popup h3,
.wt-popup h4 {
    margin-bottom: 10px;
}

.whatsThis .hoverBox ul li {
    list-style: circle;
}

.whatsThis .hoverBox .fa {
    color: #ddd;
    position: absolute;
    bottom: -.8em;
    right: 80px;
    font-size: 2em;
}

.whatsThis .hoverBox p {
    font-size: 1em;
}

.whatsThis:hover .hoverBox {
    display: block;
}


/* Single Offer Post Type */

.single-cards .mobileAd {
    display: none !important;
}

.singleOffer .creditCard {
    padding-bottom: 20px;
    clear: both;
    overflow: hidden;
}

.singleOffer .offerHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.singleOffer .offerHeading img {
    max-width: 250px;
}

@media only screen and (max-width: 600px) {
    .singleOffer .offerHeading img {
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .singleOffer {
        padding-top: 20px;
    }
}

.singleOffer .editorRating {
    background: #F9F9F9;
    position: relative;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
    height: 5.4375em;
}

.singleOffer .editorRating h4 {
    color: #fff;
    background: #76B6FF;
    padding: 5px 10px;
    text-align: center;
    float: left;
    line-height: 3.625rem;
    margin: 0;
}

.singleOffer .editorsChoice {
    position: absolute;
    -webkit-transform: rotate(0);
    -webkit-transform-origin: bottom left;
    transform: rotate(0);
    transform-origin: bottom left;
    left: 0;
    top: -30px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #fff;
    background: #333;
}

.singleOffer .stars {
    text-align: center;
    display: block;
    padding: 2px;
    color: #FEBB5F;
}

.singleOffer .ratingNumber {
    text-align: center;
    line-height: 1;
    display: inline-block;
}

.singleOffer .outOfNumber {
    font-size: 1em;
    text-align: center;
    display: inline-block;
    color: #999;
}

.singleOffer.entry ul {
    padding: 0 15px 0 10px;
    line-height: 1.3;
    list-style: none;
    margin-top: 1.8125rem;
}

.singleOffer.entry ul i {
    margin: 0 0 0 -10px;
    float: left;
}

.singleOffer a.btnSmall.applyBtn {
    text-align: center;
    margin: 10px 0;
    padding: 5px 30px;
    border-radius: 10px;
    float: right;
}

.singleOffer a.btnSmall.applyBtn i {
    padding-left: 10px;
}

.singleOffer h2 {
    font-size: 2.307em;
}

.singleOffer .banner {
    padding: 20px 0;
}

.singleOffer .banner img {
    width: 100%;
    height: auto;
}

.singleOffer.versionB .creditCard {
    overflow: visible;
    margin-bottom: 40px;
    border-bottom: none;
}

.singleOffer.versionB img {}

.singleOffer.versionB .creditCard h3 {
    margin-left: 32px;
    margin-bottom: 16px;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    display: inline-block;
    font-weight: bold;
}

.singleOffer.versionB h2 {
    border-bottom: 2px solid #222;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    display: inline-block;
}

.singleOffer.versionB .editorRating h4 {
    line-height: 5.4375rem;
}

.singleOffer.versionB .stars {
    margin-top: 10px;
}

.singleOffer.versionB .whatsThis {
    float: left;
}

.singleOffer.versionB .largeBtn a.btnSmall.applyBtn {
    text-align: center;
    margin: 0;
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 30px;
    float: right;
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    text-shadow: 0px 1px 3px #666666;
    color: #ffffff;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
}

.singleOffer.versionB .whatsThis {
    text-align: center;
}

.singleOffer.versionB .whatsThis .hoverBox {
    left: 0;
    right: auto;
}

@media only screen and (max-width: 720px) {
    .singleOffer a.btnSmall.applyBtn {
        display: block;
        float: none;
    }
    .singleOffer.versionB .largeBtn a.btnSmall.applyBtn {
        font-size: 16px;
        display: block;
        float: none;
        text-align: center;
    }

    .singleOffer.versionB hr {
        margin: 0 0 8px 0;
    }

    .singleOffer.versionB .creditCard {
        margin-top: 0;
    }


    .singleOffer.versionB .creditCard h3 {
        margin-top: 40px;
    }
}


/************************************************************************************

7.3  Special Pages : Special Page

*************************************************************************************/

.special-2#logo-container {
    border-bottom: none;
    overflow: hidden;
}

.special-2 {
    position: relative;
    min-height: 200px;
    background-size: 100% auto;
    background-position: center center;
}

.special-2 #logo {
    background-color: rgba(255, 255, 255, .85);
    background-position: 20px center;
    position: absolute;
    margin: 0;
    padding-left: 20px;
    height: 100%;
    background-size: 85% auto;
    box-shadow: 0 0 50px rgba(0, 0, 0, .55);
    padding: 60px;
    width: 30%;
}

.special-3 {
    overflow: hidden;
}

.special-3 #logo {
    display: inline-block;
}

.special-3 h2 {
    float: right;
    margin-top: 1.8125rem;
    text-align: right;
    color: #666;
}

.special-3 h2:first-line {
    font-size: .5em;
    color: #333;
}

.specialTemplate .sideBar .widget-item {}

.addDisclosure {
    display: block;
    position: relative;
}

.entry #the_categories iframe {
    margin: 0;
}

@media only screen and (max-width: 719px) {
    .special-3 h2 {
        display: none;
    }
    .specialTemplate .post-item h1 {
        font-size: 24px;
        text-align: center;
    }
}


/************************************************************************************

7.4  Special Pages :Rainbow Buttons

*************************************************************************************/

.page-template-template-page-empty-php .template-blank {
    min-height: 100vh;
    padding: 40px 0;
    counter-reset: buttons;
}

.rainbow-btn .vc_btn3-size-lg {
    height: 80px;
    padding: 20px;
    font-size: 30px !important;
    counter-increment: buttons;
}

.rainbow-btn .vc_btn3-size-lg::before {
    content: counter(buttons);
    display: inline-block;
    background: rgba(255, 255, 255, 1);
    border-radius: 1.2em;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2;
    color: #333;
    font-weight: bold;
    float: left;
    transition: all 0.2s;
    transform: rotate(0);
}

.rainbow-btn .vc_btn3-size-lg:hover::before {
    background: none;
    color: inherit;
    background: rgba(255, 255, 255, 0);
    transform: rotate(360deg);
}

@media screen and (max-width: 720px) {
    .page-template-template-page-empty-php .template-blank {
        padding: 20px 0;
    }
    .rainbow-btn .vc_btn3-size-lg {
        height: 40px;
        padding: 0 20px !important;
        font-size: 20px !important;
        line-height: 40px !important;
    }
    .rainbow-btn .vc_btn3-size-lg::before {
        margin-top: 5px;
    }
}


/*********************************************************************************************

8. Validation

*********************************************************************************************/

.errors {
    border-radius: 15px;
    overflow: hidden;
    font-size: 1.154em;
    margin: 0 1.8125rem 1.8125rem 0;
    list-style: none;
    text-align: center;
    padding: 1.8125rem;
    display: none;
}

.errors img {
    vertical-align: middle;
    margin: 00.90625rem 0 0;
}

span.validateField {
    position: relative;
    display: block;
}

span.validateIcon div {
    line-height: 1.8125rem;
    padding: 5px0.90625rem;
    border-radius: 5px;
    position: absolute;
    right: 0;
    bottom: 3.625rem;
    min-width: 11.8125rem;
    text-align: center;
    z-index: 1000;
}

span.validateIcon div:after {
    position: absolute;
    bottom: -11px;
    left: 0.90625rem;
}

span.validateIcon {
    display: none;
}

.error:focus+span.validateIcon {
    display: block;
}

.errorContainer {
    border-color: #EB9999;
}

input.error {
    background-color: #FDD8D8;
    color: #A33B3B;
}

input.error::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #A33B3B;
}

input.error:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #A33B3B;
}

input.error::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #A33B3B;
}

input.error:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #A33B3B;
}

span.validateField {
    position: relative;
}

span.validateIcon div {
    background: #E72419;
    color: #fff;
}

#refresh-captcha {
    float: left;
    margin: 1.8125rem0.90625rem 0 0;
}


/*********************************************************************************************

9. Social Network Intigration: Social Action Buttons

*********************************************************************************************/

.social-follow {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.social-action {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.shareBtn {
    float: left;
    margin-right: 8px;
    padding: 0;
}

.shareBtn a {
    display: block;
    color: #fff;
    font-size: 24px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    border-radius: 48px;
    text-align: center;
}

.shareBtn a:hover {
    color: #fff;
}


.shareBtn.googleShare div {
    margin: 5px !important;
}

.subscribeBtn.shareBtn {
    float: right;
    width: auto;
    margin: 0;
    display: none;
}

.socialBtn {
    float: left;
    margin-right: 8px;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    color: #fff;
}

.social-follow .socialBtn {
    margin-right: 0;
}

.shareBtn .digit {
    float: right;
    height: 25px;
    padding: 0 5px;
    text-align: center;
    line-height: 25px;
    background: #333;
    color: #fff;
    font-size: .88em;
}

.socialBtn .digit,
.socialBtn a {
    padding: 0;
    width: 1.5em;
    color: #ffffff;
    text-align: center;
    font-size: 1em;
    line-height: 1.5;
    display: inline-block;
    float: left;
}

.socialBtn .digit {
    background: #fff;
    color: #999;
    font-size: .75em;
    line-height: 2;
    width: 2em;
    position: relative;
}

.socialBtn .digit:before {
    font-family: FontAwesome;
    content: '\f0d9';
    position: absolute;
    left: -.1666em;
    top: 0;
    font-size: 1.666em;
    line-height: 1.2em;
    color: #fff;
}

.social-action .email i,
.social-action .print i {
    color: #666;
}

.social-action .email a:hover,
.social-action .print a:hover {
    color: #000000;
}

.social-action .mailShare {
    width: auto;
}

.social-action .mailShare a {
    text-align: center;
}

.social-action .shareBtn .facebook i.fa-facebook:before {
    content: '\f09a';
}


/*********************************************************************************************

9.1 Social Network Intigration: Social Follow Buttons

*********************************************************************************************/

.socialFollow .googlePlus,
.social-action .googlePlus {
    background: #D34836;
}

.socialFollow .facebook,
.social-action .facebook {
    background: #3D62B3;
}

.social-action .facebook {
    color: #fff;
}

.socialFollow .twitter,
.social-action .twitter  {
    background: #00aced;
}

.social-action .btnTwitter {
    background: #1DA1F2;
}

.social-action .reddit {
    background: #65839F;
}

.socialFollow .newsletter,
.social-action .newsletter {}

.pinterest:hover {
    background: #C9232C;
    color: #fff;
}

.googlePlus:hover {
    background: #D34836;
    color: #fff;
}

.facebook:hover {
    background: #3D62B3;
    color: #fff;
}

.twitter:hover {
    background: #00aced;
    color: #fff;
}

.post-list .social-action {
    background: none;
    position: relative;
    padding: 0;
}

.post-list .social-action .socialBtn {
    font-size: 15px;
}

.post-list .social-action .digit {
    background: #ededed;
    color: #999;
}

.post-list .social-action .digit:before {
    color: #ededed;
}

.post-list .social-action .email,
.post-list .social-action .print {
    display: none;
}

.socialFollow {
    text-align: center;
}

.socialFollow a {
    line-height: 56px;
    display: inline-block;
    font-size: 18px;
    padding: 0 1.8125rem;
    width: 13.625rem;
    text-align: center;
    margin: 00.90625rem;
    color: #fff;
    border-radius: 8px;
}

.socialFollow a i {
    margin-right: 0.90625rem;
}

.facebookBar {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
    text-transform: uppercase;
    margin: 1.8125rem 0;
    padding: 0.90625rem 0;
}

.facebookBar .fb-like {
    display: inline-block !important;
    width: 400px !important;
    overflow: hidden;
    vertical-align: middle;
}

@media (max-width:1199px) {
    .socialFollow a {
        line-height: 1.8125rem;
        font-size: 1.8125rem;
        width: 11.8125rem;
        margin: 0;
    }
}

@media (max-width:969px) {
    .socialFollow a {
        display: block;
        margin: 0 auto;
    }
}


/*********************************************************************************************

10. Mobile : Navigation

*********************************************************************************************/

#mobileNav {
    display: none;
}

#logo i {
    font-size: 1.8125rem;
    position: absolute;
    left: 1.8125rem;
    top: 25px;
    display: none;
}

#mobileNav {
    text-align: left;
    position: fixed;
    height: 100%;
    overflow: scroll;
    left: 0;
    background: #111;
    width: 80%;
    border-top: 4px solid #222;
    display: none;
    transition: all 0.5s ease;
}

#mobileNav li a {
    color: #fff;
    display: block;
    padding: 0.90625rem 1.8125rem;
    border-bottom: 1px solid #222;
    border-right: 4px solid #222;
}


/*********************************************************************************************

10.1 Mobile : Screen Queries

*********************************************************************************************/

@media only screen and (max-width: 1199px) {
    #mainHeader {
        text-align: center;
        background: #E8F2FA;
    }
    .featuredTabs li span {
        height: 3.625rem;
    }
    .facebookShare.shareBtn .hideText {
        display: none;
    }
    .facebookShare.shareBtn .facebook {
        text-transform: none;
    }
    .shareBtn:nth-child(2) {
        border-left: none;
    }
    .mailShare {
        width: auto;
    }
    .post-2-col.col-4 h3 {
        min-height: 98px;
    }
    #logo {
        float: none;
        display: block;
        margin: 1.8125rem auto 0 auto;
        background-position: center center;
    }
}

@media only screen and (max-width: 959px) {
    .headerSideBar,
    .featuredTabs li span {
        display: none;
    }
    #mobileNav,
    #logo i {
        display: block;
    }
    #logo i {
        color: #333;
    }
    .headerSideBar,
    #navHeader,
    #wpadminbar,
    #mainHeader #searchform,
    .container-lg .headerCopy {
        display: none;
    }
    #fullWrapper {
        position: relative;
        z-index: 1;
        width: 100%;
        background: #fff;
        transition: margin-left 0.5s ease;
    }
    #fullWrapper.open {
        margin-left: 80%;
    }
    .facebookShare.shareBtn .hideText {
        display: inline;
    }
    .social-action .email {
        float: left;
        margin: 5px 0;
    }
}

@media only screen and (max-width: 719px) {
    body {
        background-image: none;
    }
    #mobileNav,
    #logo i {
        display: block;
    }
    .headerSideBar,
    #navHeader,
    #wpadminbar,
    #mainHeader #searchform,
    .container-lg .headerCopy {
        display: none;
    }
    #logo {
        width: 20%;
        margin: 0 auto 0 auto;
    }
    .featuredTabs li.selected {
        border: none;
        background: #333;
    }
    .thumbNail-70 {
        margin-bottom: 0;
    }
    .sideBar {
        margin: 0;
        border: none;
        margin-left: -15px;
        margin-top: 1.8125rem;
        overflow: hidden;
    }
    .sideBar .widget-item {
        padding-right: 0;
    }
}

@media only screen and (max-width: 559px) {
    .text p {
        display: none;
    }
    .featuredTabs {
        text-align: center;
        margin-top: 0.90625rem;
    }
    .featuredTabs li img {
        display: none;
    }
    .featuredTabs li {
        height: 1.8125rem;
        width: 1.8125rem !important;
        display: inline-block;
        float: none;
        background: #ccc;
        border-radius: 1.8125rem;
        margin: 5px;
    }
    .facebookShare.shareBtn .hideText {
        display: none;
    }
}


/*********************************************************************************************

11. Elements : Swipe Box

*********************************************************************************************/

html.swipebox {
    overflow: hidden!important;
}

#swipebox-overlay img {
    border: none!important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
}

#swipebox-slider .slide {
    background: url("../images/loader.gif") no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 111.8125rem;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

#swipebox-action,
#swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 3.625rem;
    width: 100%;
}

#swipebox-action {
    bottom: -3.625rem;
}

#swipebox-action.visible-bars {
    bottom: 0;
}

#swipebox-action.force-visible-bars {
    bottom: 0!important;
}

#swipebox-caption {
    top: -3.625rem;
    text-align: center;
}

#swipebox-caption.visible-bars {
    top: 0;
}

#swipebox-caption.force-visible-bars {
    top: 0!important;
}

#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    position: absolute;
    width: 3.625rem;
    height: 3.625rem;
    top: 0;
}

#swipebox-action #swipebox-close {
    background-position: 15px 12px;
    left: 1.8125rem;
}

#swipebox-action #swipebox-prev {
    background-position: -32px 13px;
    right: 100px;
}

#swipebox-action #swipebox-next {
    background-position: -78px 13px;
    right: 1.8125rem;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

#swipebox-slider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}

@keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -1.8125rem;
    }
    100% {
        margin-left: 0px;
    }
}

@media screen and (max-width: 800px) {
    #swipebox-action #swipebox-close {
        left: 0;
    }
    #swipebox-action #swipebox-prev {
        right: 3.625rem;
    }
    #swipebox-action #swipebox-next {
        right: 0;
    }
}


/* Skin
--------------------------*/

#swipebox-overlay {
    background: #0d0d0d;
}

#swipebox-action,
#swipebox-caption {
    text-shadow: 1px 1px 1px black;
    background-color: #0d0d0d;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(#0d0d0d, #000000);
    background-image: -moz-linear-gradient(#0d0d0d, #000000);
    background-image: -o-linear-gradient(#0d0d0d, #000000);
    background-image: linear-gradient(#0d0d0d, #000000);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95;
}

#swipebox-action {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white!important;
    font-size: 15px;
    line-height: 43px;
}


/*********************************************************************************************

11.1 Elements : Have You Seen This

*********************************************************************************************/

.haveYouSeenThis {
    position: fixed;
    bottom: 0;
    right: 0px;
    width: 33.625rem;
    border-radius: 0.90625rem 0 0;
    border-top: 3px solid #23AAEB;
    z-index: 9000;
    padding: 0.90625rem 1.8125rem 1.8125rem 1.8125rem;
    background: #F7F7F7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.haveYouSeenThis.slideOut {
    right: -43.625rem;
}

.haveYouSeenThis h2 {
    color: #aaa;
}

.haveYouSeenThis h2.entry-title {
    font-size: 24px;
    line-height: 22px;
}

.haveYouSeenThis .thumbnail {
    float: left;
    width: auto;
    margin-right: 1.8125rem;
}

.haveYouSeenThis .close {
    height: 1.8125rem;
    width: 1.8125rem;
    border-radius: 1.8125rem;
    background: #23AAEB;
    line-height: 1.8125rem;
    text-align: center;
    color: #fff;
    position: absolute;
    left: -10px;
    top: -10px;
    opacity: 1;
    font-size: 12px;
    padding: 0;
}

.haveYouSeenThis .btn {
    height: 1.8125rem;
    line-height: 1.8125rem;
    font-size: 1em;
    padding: 0 1.8125rem;
}


/*********************************************************************************************

11.2 Elements : Top Share Bar

*********************************************************************************************/

.fixedShareBar {
    position: fixed;
    top: -5.4375rem;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.90625rem;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    background: #fff;
    z-index: 900000;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fixedShareBar.showBar {
    top: 0;
}

.fixedShareBar h2 {
    display: inline-block;
    margin: 0 1.8125rem 0 0;
    line-height: 1.8125rem;
    vertical-align: middle;
}

.fixedShareBar .btn {
    margin-right: 1%;
    padding: 0 1.8125rem;
    border: none;
    text-transform: capitalize;
    color: #fff;
    background: #333;
    display: inline-block;
    vertical-align: middle;
}

.fixedShareBar .btnFacebook {
    background: #3D62B3;
    color: #fff;
}

.fixedShareBar .btnTwitter {
    background: #00aced;
    color: #fff;
}

.fixedShareBar .btnFacebook .icon-facebook-sign:before {
    content: '\f09a';
}


/*********************************************************************************************

11.3 Elements : Pop up

*********************************************************************************************/

.popup {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
    padding: 0;
    margin: 0;
    z-index: 1000;
    max-width: 80%;
}

.popup .close {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -20px;
    top: -20px;
    opacity: 1;
    font-size: 12px;
    padding: 0;
}

.popup#newsletterPop {
    max-width: 800px;
    height: 425px;
}

.popup iframe {
    width: 100%;
    min-height: 425px;
    background: #fff;
    margin: 0;
}

.popup .inner {
    padding: 20px;
}

.popContent {
    max-height: 70vh;
    border-radius: 8px;
    overflow: scroll;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.125);
}


/*********************************************************************************************

12. Footer

*********************************************************************************************/

#footerWrapper {
    clear: both;
    position: relative;
    z-index: 9000;
    text-align: center;
    padding: 1.8125rem;
    clear: both;
}

#footerNav ul {
    list-style: none;
    font-size: 13px;
}

#footerNav ul li {
    display: inline-block;
    padding: 00.90625rem;
}

.finePrint {
    text-align: left;
    margin-bottom: 1.8125rem;
}

.finePrint p {
    font-size: 1em;
}

#footer-widget-area .widget-item {
    margin-bottom: 1.8125rem;
    margin-top: 0;
}

#footer-widget-area .col-8 .widget-item {
    float: left;
    width: 25%;
}

/*********************************************************************************************

13  Newsletter

*********************************************************************************************/

.newsletter-sub {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
}

.newsletter-sub a {
    font-weight: bold;
    text-decoration: underline;
}

.newsletter-sub-heading {
    font-size: 40px;
    line-height: 58px;
}

.newsletter-sub-btn {
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    border: none;
    color: #fff;
    font-weight: bold;
    height: 48px;
    padding: 0 16px;
    cursor: pointer;
    text-decoration: none;
    transition: all .2sec;
}

.newsletter-sub-form {
    width: 100%;
}

.newsletter-sub-fields {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 32px;
    width: 100%;
}

.newsletter-sub-email {
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    border-radius: 4px 0 0 4px;
    width: 100%;
    border: none;
}

.newsletter-sub-label {

}

.newsletter-sub-checkbox {
    height: 16px;
    width: 16px;
    vertical-align: middle;
}



/*********************************************************************************************

14  Newsletter Widget

*********************************************************************************************/

.post-3-col + .col-4 .widget_newsletterwidget {
    height: 100%;
}

.newsletter-sub-widget {
    padding: 16px;
    background: #efefef;
    border-radius: 8px;
}

.newsletter-sub-widget--style-1 {
    height: 100%;
}

.newsletter-sub-widget--style-1 .newsletter-sub-widget__container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.newsletter-sub-widget__heading {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0 16px 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #ddd;
}

.newsletter-sub-widget__subtitle {
    font-size: 14px;
    line-height: 1.5;
}

.newsletter-sub-widget__email {
    border-radius: 8px;
    line-height: 42px;
    height: 42px;
    padding: 0 16px;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    margin: 0 0 16px 0;
}

.newsletter-sub-widget__btn {
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    padding: 0 16px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 16px;
}

.newsletter-sub-widget__label {
    display: block;
    font-size: 12px;
    color: #777;
    line-height: 1.5;
}

.newsletter-sub-widget__success {
    text-align: center;
    padding: 64px 0;
}

.newsletter-sub-widget__success-heading {
    margin: 0;
    font-weight: bold;
    color: inherit;
}


.newsletter-sub-widget--style-2 {
    background: #fff;
    border: 3px solid #ddd;
    border-radius: 0;
    max-width: 1280px;
    margin: 80px auto;
    padding: 32px;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__top {
    width: 60%;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__heading {
    border: none;
    margin: 0;
    padding: 0;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__subtitle {
    display: none;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__form-section {
    width: 40%;
    min-width: 400px;
    flex-shrink: 0;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__fields {
    display: flex;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__email {
    background: #efefef;
    border: 0;
    border-radius: 0;
    width: 100%;
}

.newsletter-sub-widget--style-2 .newsletter-sub-widget__btn {
    border-radius: 0;
    width: auto;
}

/*
    Loops: Two Col Simple
 */

.loop-twocol-simple {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.8125rem;
    margin-bottom: 3.625rem;
}

.loop-twocol-simple:last-child {
    margin-bottom: 0;
}

.loop-twocol-simple__img-col {
    position: relative;
}

.loop-twocol-simple__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.loop-twocol-simple__date {
    color: #999;
    margin: -1rem 0 16px;
    font-size: 14px;
}

.loop-twocol-simple__cats {
    position: absolute;
    left: 0;
    bottom: 16px;
    z-index: 2;
}

.loop-twocol-simple__cats a {
    background: #000;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 4px 8px;
}

/*
    Loops: Card
 */

.loop-card {
    display: flex;
    flex-direction: column;
    border: 3px solid #ddd;
    background: #fff;
}

.loop-card__header {
    position: relative;
    padding-bottom: 70%;
}

.loop-card__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.loop-card__content {
    padding: 16px;
}

.loop-card__title {
    font-size: 21px;
    font-weight: bold;
}

.loop-card__title a {
    font-weight: bold;
}

.loop-card__date {
    color: #999;
    margin: -1rem 0 0 0;
    font-size: 14px;
}

.loop-card__category {
    margin-bottom: 0;
}

.loop-card__category a {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}


/*
    Loops: Card Column
 */

.loop-card-column {
    display: flex;
    border: 3px solid #ddd;
    background: #fff;
    margin-bottom: 32px;
}

.loop-card-column__content {
    padding: 24px;
    width: 30%;
    min-width: 180px;
    flex-shrink: 0;
}

.loop-card-column__header {
    position: relative;
    width: 70%;
    flex-shrink: 1;
}

.loop-card-column__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.loop-card-column__title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 16px;
}

.loop-card-column__title a {
    font-weight: bold;
}

.loop-card-column__date {
    color: #999;
    margin: -1rem 0 0 0;
    font-size: 14px;
}

.loop-card-column__category {
    margin-bottom: 0;
}

.loop-card-column__category a {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}

.loop-card-column__excerpt {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

/*
    modo-loop-widget
*/

.modo-loop-widget {
    width: 100%;
    margin-bottom: 32px;
}

.modo-loop-widget__header {
    display: flex;
    justify-content: space-between;
    color: #fff;
    background: #000;
    padding: 16px;
}

.modo-loop-widget__title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.modo-loop-widget__link:hover,
.modo-loop-widget__link {
    color: #fff;
    padding: 8px;
    margin-right: 16px;
    border-radius: 16px;
}

.modo-loop-widget__link--active:hover,
.modo-loop-widget__link--active {
    background: #fff;
    color: #000;
}

.modo-loop-widget__body {
    transition: all 0.3s ease;
    padding: 32px 0;
}

.modo-loop-widget__body--out {
    opacity: 0;
    transform: translateX(-24px);
}

.modo-loop-widget__pa {
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #ccc;
    display: block;
}

.modo-loop-widget__pa--dis {
    color: #eee;
    border-color: #eee;
}

/*
    modo-spotlight-widget
*/

.modo-spotlight-widget {
    width: 100%;
    margin-bottom: 32px;
}

.modo-spotlight-widget__header {
    padding: 0 32px;
}

.modo-spotlight-widget__title {
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    padding: 32px 0;
}

.modo-spotlight-widget__body {
    padding: 0 32px;
}

.modo-spotlight-widget__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 32px;
}

.modo-spotlight-widget--style-2 .modo-spotlight-widget__header {
    background: #000;
    padding-top: 40px;
    padding-bottom: 150px;
}

.modo-spotlight-widget--style-2 .modo-spotlight-widget__title {
    color: #fff;
    margin: 0;
}

.modo-spotlight-widget--style-2 .modo-spotlight-widget__body {
    margin-top: -150px;
}

.modo-spotlight-widget--style-3 .modo-spotlight-widget__grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}


/*
    modo-post-panel-widget
*/

.modo-post-panel-widget__title {
    font-weight: bold;
    margin-bottom: 0;
}

/*
    Headers
 */
.header-style-2 {
    margin-bottom: 80px;
}

.header-style-2__nav-header {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    margin-top: -16px;
    margin-bottom: -32px;
    position: relative;
}


.single-post .header-style-2__nav-header,
.single-post .header-style-2 {
    margin-bottom: 0;
}

/*
    SMS Form
*/

.header-style-2 + .content .sms-page {
    margin-top: -80px;
}

.header-style-2 + .content .sms-page__form-col {
    margin-top: 32px;
}

.sms-page__image-col {
    min-height: 240px;
    background-size: cover;
    background-position: center;
}

.sms-page__heading {
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
}

.sms-page__heading--thankyou {
    min-height: 380px;
    display: flex;
    align-items: center;
}

.sms-page__heading-border {
    height: 8px;
    width: 30%;
    margin: auto;
    margin-bottom: 32px;
}

.sms-page__form-col {
    max-width: 600px;
    padding: 64px 16px;
    text-align: center;
}

.sms-field {
    margin-bottom: 24px;
}

.sms-field__label {
    text-align: left;
    display: block;
    font-weight: bold;
}

textarea.sms-field__element,
input[type="text"].sms-field__element,
input[type="tel"].sms-field__element {
    text-align: left;
    border: 1px solid #000;
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin-bottom: 0;
}

.sms-field__label--optin {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    display: flex;
    margin-bottom: 32px;
}

.sms-field__label--optin a {
    font-weight: bold;
}

.sms-field__label--optin .sms-field__checkbox {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.error-message {
    text-align: left;
}

.sms-field.error .error-message {
    display: block;
}

/*
    Secure Pages
*/

.app {
    margin-top: -80px;
}

@media screen and (max-width: 768px) {
    .app {
        margin-top: 0px;
    }
}

/*
    By the Numbers
*/

.bytn {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    border: 1px solid #ddd;
}

.bytn__heading {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 40px;
    line-height: 56px;
    border-bottom: 1px solid #ddd;
}

.bytn__heading-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 24px;
    border-radius: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    color: #fff;
    background-color: #000;
}

.bytn__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px 40px;
}

.bytn__fact {
    display: flex;
}

.bytn__fact-icon {
    line-height: 42px;
    display: block;
    margin-right: 24px;
}

.bytn__number {
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .bytn__body {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .bytn__heading {
        padding: 0 24px;
    }

    .bytn__heading-icon {
        margin-right: 16px;
    }

    .bytn__fact-icon {
        margin-right: 16px;
    }
}

/*
    More content
*/

.md-more-content {
    display: none;
}

/*
    Simple Post Item
*/

.simple-post-item .more-link {
    margin-bottom: 240px;
}

@media screen and (max-width: 768px) {
    .simple-post-item h1.post-title {
        font-size: 24px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .simple-post-item .entry {
        padding: 0;
    }

    .simple-post #main-section {
        padding: 12px 0 0;
        margin: 0;
    }
    
}