/**
 * Escritor v1.0.0 - Blogging and Magazine Responsive HTML5 Template
 * @copyright 2018 PuffinThemes
 * @license ISC
 */


/**
 * ==============================================
 * Table of Content
 * ==============================================
 * 01 Default Style
 * 02 Typography
 * 03 Layout
 * -- 3.1 Header
 * -- 3.2 Footer
 * -- 3.3 Page Title
 * -- 3.4 Author Profile
 * -- 3.5 Category Post
 * -- 3.6 Featured Post
 * -- 3.7 Instagram
 * -- 3.8 Recent Event
 * -- 3.9 Sidebar
 * -- 3.10 Single Post
 * -- 3.11 Trending Post
 * -- 3.12 Video Post
 * 04 Widgets
 * -- 4.1 Sidebar Widgets
 * -- 4.2 Footer Widgets
 * 06 Pages
 * -- 6.1 Home Pages
 * -- 6.2 Other pages
 * ==============================================
 */


/*** 01 Default Style ***/

html,
body {
    height: 100%;
}

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

input:active,
input:focus,
button:active,
button:focus {
    border: 0;
    outline: 0;
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid #3197d6;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a {
    -webkit-transition: .4s;
    transition: .4s;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #3197d6;
}

img {
    max-width: 100%;
}

img.alignleft {
    float: left;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
}

img.alignright {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-bottom: 6px;
    margin-left: auto;
    padding-top: 10px;
}

.ImageCoverHeight {
    height: 100%;
}

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

.img-block {
    display: block;
    width: 100%;
}

input:focus,
textarea:focus {
    bottom: 1px solid #3197d6;
}

.u-bottomOverlay {
    position: relative;
}

.u-bottomOverlay::before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    /*width: 100%;
    height: 100%;*/
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #000));
    background: -webkit-linear-gradient(top, transparent 50%, #000);
    background: linear-gradient(-180deg, transparent 50%, #000);
}

.u-bottomOverlay--eventNone::before {
    pointer-events: none;
}

.gray-border-b {
    border-bottom: 1px solid #f4f4ff;
}

.gray-dark-border-b {
    border-bottom: 1px solid #e7e7ff;
}

.u-borderRadius4 {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.u-cursorPointer {
    cursor: pointer;
}

.u-eventNone {
    pointer-events: none;
}

.u-noOverFolow {
    overflow: hidden;
}

.u-overFolow-X {
    overflow-y: hidden;
}

.u-overFolow-y {
    overflow-x: hidden;
}

.u-shadow-0x0x5--05 {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.u-shadow-0x0x5--1 {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.u-shadow-0x0x10--1 {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.u-shadow-0x0x15--05 {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

.u-zIndex-p10 {
    z-index: 10;
}

.u-zIndex-n1 {
    z-index: -1;
}

.u-row20 {
    margin-right: -10px;
    margin-left: -10px;
}

.u-col20 {
    padding-right: 10px;
    padding-left: 10px;
}

[data-transition="3"] {
    -webkit-transition: 3s;
    transition: 3s;
}

[data-transition="2"] {
    -webkit-transition: 2s;
    transition: 2s;
}

[data-transition="1"] {
    -webkit-transition: 1s;
    transition: 1s;
}

[data-transition=".9"] {
    -webkit-transition: .9s;
    transition: .9s;
}

[data-transition=".8"] {
    -webkit-transition: .8s;
    transition: .8s;
}

[data-transition=".7"] {
    -webkit-transition: .7s;
    transition: .7s;
}

[data-transition=".5"] {
    -webkit-transition: .5s;
    transition: .5s;
}

[data-transition=".4"] {
    -webkit-transition: .4s;
    transition: .4s;
}

[data-transition=".3"] {
    -webkit-transition: .3s;
    transition: .3s;
}

[data-transition=".2"] {
    -webkit-transition: .2s;
    transition: .2s;
}

[data-transition=".1"] {
    -webkit-transition: .1s;
    transition: .1s;
}

[data-hover-opacity="9"]:hover {
    opacity: .9;
}

[data-hover-opacity="8"]:hover {
    opacity: .8;
}

[data-hover-opacity="7"]:hover {
    opacity: .7;
}

[data-hover-opacity="6"]:hover {
    opacity: .6;
}

[data-hover-opacity="5"]:hover {
    opacity: .5;
}

[data-hover-opacity="4"]:hover {
    opacity: .4;
}

[data-hover-opacity="3"]:hover {
    opacity: .3;
}

[data-hover-opacity="2"]:hover {
    opacity: .2;
}

[data-hover-opacity="1"]:hover {
    opacity: .1;
}

.hover-parent:hover [data-hover-opacity="9"] {
    opacity: .9;
}

.hover-parent:hover [data-hover-opacity="8"] {
    opacity: .8;
}

.hover-parent:hover [data-hover-opacity="7"] {
    opacity: .7;
}

.hover-parent:hover [data-hover-opacity="6"] {
    opacity: .6;
}

.hover-parent:hover [data-hover-opacity="5"] {
    opacity: .5;
}

.hover-parent:hover [data-hover-opacity="4"] {
    opacity: .4;
}

.hover-parent:hover [data-hover-opacity="3"] {
    opacity: .3;
}

.hover-parent:hover [data-hover-opacity="2"] {
    opacity: .2;
}

.hover-parent:hover [data-hover-opacity="1"] {
    opacity: .1;
}

.sec-pad50 {
    padding: 50px 0;
}

.sec-pad60 {
    padding: 60px 0;
}

.sec-pad70 {
    padding: 70px 0;
}

.u-inlineBlock {
    display: inline-block;
}

.u-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-flex {
        display: block;
    }
}

@media (max-width: 767px) {
    .u-flex {
        display: block;
    }
}

.u-flex--contentSpace {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.u-flex--dir_col {
    flex-direction: column;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.u-flex--row-wrap {
    flex-direction: row;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.u-table {
    display: table;
}

.u-table--FW {
    width: 100%;
}

.u-table--FH {
    height: 100%;
}

.u-tableCell {
    display: table-cell;
    vertical-align: middle;
    background-image: linear-gradient(to right, #014f4b, #6d9492);
}

.u-tableCell--FW {
    width: 100%;
}

.u-grayBg {
    background: #f6f6f6;
}

.u-grayBg1 {
    background: #DCE1E5;
}

.u-grayBg2 {
    background: #E5EAED;
}

.u-grayBg-alt {
    background: #f9f9fb;
}

.u-whiteBg {
    background: #fff;
}

.u-darkBg-5 {
    background: rgba(0, 0, 0, .5);
}

.u-upperCase {
    text-transform: uppercase;
}

.u-lowerCase {
    text-transform: lowercase;
}

.u-font13 {
    font-size: 13px;
}

.u-font15 {
    font-size: 15px;
}

.u-font16 {
    font-size: 16px;
}

.u-font17 {
    font-size: 17px;
}

.u-font18 {
    font-size: 18px;
}

.u-font19 {
    font-size: 19px;
}

.u-font20 {
    font-size: 20px;
}

.u-font21 {
    font-size: 21px;
}

.u-font22 {
    font-size: 22px;
}

.u-font23 {
    font-size: 23px;
}

.u-font24 {
    font-size: 24px;
}

.u-font25 {
    font-size: 25px;
}

.u-font28 {
    font-size: 28px;
}

.u-font30 {
    font-size: 30px;
}

.u-font34 {
    font-size: 34px;
}

.u-font36 {
    font-size: 36px;
}

.u-font40 {
    font-size: 40px;
}

.u-font50 {
    font-size: 50px;
}

.u-font60 {
    font-size: 60px;
}

.u-font65 {
    font-size: 65px;
}

@media (max-width: 767px) {
    .u-xs-font0 {
        font-size: 0;
    }
}

@media (max-width: 767px) {
    .u-xs-font14 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .u-xs-font15 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .u-xs-font16 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .u-xs-font17 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .u-xs-font18 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .u-xs-font19 {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .u-xs-font20 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .u-xs-font21 {
        font-size: 21px;
    }
}

@media (max-width: 767px) {
    .u-xs-font22 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .u-xs-font23 {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .u-xs-font24 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .u-xs-font25 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .u-xs-font28 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .u-xs-font30 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .u-xs-font34 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .u-xs-font36 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .u-xs-font40 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .u-xs-font50 {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .u-xs-font60 {
        font-size: 60px;
    }
}

.u-fontWeightBold {
    font-weight: bold;
}

.u-fontWeight400 {
    font-weight: 400;
}

.u-fontWeight500 {
    font-weight: 500;
}

.u-fontWeight600 {
    font-weight: 600;
}

.u-fontWeight700 {
    font-weight: 700;
}

.u-fontWeight800 {
    font-weight: 800;
}

.u-fontWeight900 {
    font-weight: 900;
}

.u-lineHeight16 {
    line-height: 1.6;
}

.ff-Playfair {
    font-family: Kanit;
}

.ff-openSans {
    font-family: Kanit;
}

.textWhite {
    color: #fff;
}

.textDark {
    color: #262626;
}

.text-light {
    color: #ccc;
}

.textHighLight {
    color: #3197d6;
}

.text-lightDark {
    color: #565656;
}

.clear::before,
.clear::after {
    display: block;
    clear: both;
    content: "";
}

.ion-ios-search-strong:before {
    font-weight: 600;
}

section::before,
section::after {
    display: block;
    clear: both;
    content: "";
}

@media (min-width: 1230px) {
    .container {
        width: 1200px;
    }
}

.u-height80 {
    height: 80px;
}

.u-heightBlock {
    height: 100%;
}

.u-widthBlock {
    width: 100%;
}

.u-widthBlock50 {
    width: 50%;
}

.u-relative {
    position: relative;
    background: #f1efef;
}

.u-absolute {
    position: absolute;
}

.u-top2 {
    top: 2px;
}

.u-top3 {
    top: 3px;
}

.u-top4 {
    top: 4px;
}

.u-top5 {
    top: 5px;
}

.u-top6 {
    top: 6px;
}

.u-top7 {
    top: 7px;
}

.u-top8 {
    top: 8px;
}

.u-top9 {
    top: 9px;
}

.u-top10 {
    top: 10px;
}

.u-top15 {
    top: 15px;
}

.u-top20 {
    top: 20px;
}

.n-top110 {
    top: -110px;
}

.u-left20 {
    left: 20px;
}

.u-padding0 {
    padding: 0 !important;
}

.u-padding5 {
    padding: 5px;
}

.u-padding10 {
    padding: 10px;
}

.u-padding15 {
    padding: 15px;
}

.u-padding20 {
    padding: 20px;
}

.u-padding25 {
    padding: 25px;
}

.u-padding30 {
    padding: 30px;
}

.u-padding35 {
    padding: 35px;
}

.u-padding40 {
    padding: 40px;
}

.u-padding50 {
    padding: 50px;
}

.u-paddingTop0 {
    padding-top: 0;
}

.u-paddingTop5 {
    padding-top: 5px;
}

.u-paddingTop10 {
    padding-top: 10px;
}

.u-paddingTop15 {
    padding-top: 15px;
}

.u-paddingTop20 {
    padding-top: 20px;
}

.u-paddingTop25 {
    padding-top: 25px;
}

.u-paddingTop30 {
    padding-top: 30px;
}

.u-paddingTop35 {
    padding-top: 35px;
}

.u-paddingTop40 {
    padding-top: 40px;
}

.u-paddingTop45 {
    padding-top: 45px;
}

.u-paddingTop50 {
    padding-top: 50px;
}

.u-paddingTop55 {
    padding-top: 55px;
}

.u-paddingTop60 {
    padding-top: 60px;
}

.u-paddingTop65 {
    padding-top: 65px;
}

.u-paddingTop70 {
    padding-top: 70px;
}

.u-paddingTop80 {
    padding-top: 80px;
}

.u-paddingTop90 {
    padding-top: 90px;
}

.u-paddingTop100 {
    padding-top: 100px;
}

.u-paddingTop150 {
    padding-top: 150px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-paddingTop30 {
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-paddingTop20 {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .u-xs-paddingTop30 {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .u-xs-paddingTop20 {
        padding-top: 20px;
    }
}

.u-paddingBottom0 {
    padding-bottom: 0;
}

.u-paddingBottom5 {
    padding-bottom: 5px;
}

.u-paddingBottom10 {
    padding-bottom: 10px;
}

.u-paddingBottom15 {
    padding-bottom: 15px;
}

.u-paddingBottom20 {
    padding-bottom: 20px;
}

.u-paddingBottom25 {
    padding-bottom: 25px;
}

.u-paddingBottom30 {
    padding-bottom: 30px;
}

.u-paddingBottom35 {
    padding-bottom: 35px;
}

.u-paddingBottom40 {
    padding-bottom: 40px;
}

.u-paddingBottom45 {
    padding-bottom: 45px;
}

.u-paddingBottom50 {
    padding-bottom: 50px;
}

.u-paddingBottom55 {
    padding-bottom: 55px;
}

.u-paddingBottom60 {
    padding-bottom: 60px;
}

.u-paddingBottom65 {
    padding-bottom: 65px;
}

.u-paddingBottom70 {
    padding-bottom: 70px;
}

.u-paddingBottom80 {
    padding-bottom: 80px;
}

.u-paddingBottom90 {
    padding-bottom: 90px;
}

.u-paddingBottom100 {
    padding-bottom: 100px;
}

.u-paddingBottom150 {
    padding-bottom: 150px;
}

.u-paddingLeft5 {
    padding-left: 5px;
}

.u-paddingLeft10 {
    padding-left: 10px;
}

.u-paddingLeft15 {
    padding-left: 15px;
}

.u-paddingLeft15 {
    padding-left: 15px;
}

.u-paddingLeft20 {
    padding-left: 20px;
}

.u-paddingLeft30 {
    padding-left: 30px;
}

.u-paddingLeft40 {
    padding-left: 40px;
}

.u-paddingLeft45 {
    padding-left: 45px;
}

.u-paddingLeft50 {
    padding-left: 50px;
}

.u-paddingLeft70 {
    padding-left: 70px;
}

.u-paddingLeft80 {
    padding-left: 80px;
}

.u-paddingLeft100 {
    padding-left: 100px;
}

@media (max-width: 767px) {
    .u-xs-paddingLeft30 {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .u-xs-paddingLeft20 {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .u-xs-paddingLeft15 {
        padding-left: 15px;
    }
}

.u-paddingRight5 {
    padding-right: 5px;
}

.u-paddingRight10 {
    padding-right: 10px;
}

.u-paddingRight15 {
    padding-right: 15px;
}

.u-paddingRight20 {
    padding-right: 20px;
}

.u-paddingRight30 {
    padding-right: 30px;
}

.u-paddingRight25 {
    padding-right: 25px;
}

.u-paddingRight40 {
    padding-right: 40px;
}

.u-paddingRight45 {
    padding-right: 45px;
}

.u-paddingRight50 {
    padding-right: 50px;
}

.u-paddingRight100 {
    padding-right: 100px;
}

@media (min-width: 1200px) {
    .u-lg-paddingRight45 {
        padding-right: 45px;
    }
}

@media (max-width: 767px) {
    .u-xs-paddingRight15 {
        padding-right: 15px;
    }
}

.u-padding20x0 {
    padding: 20px 0;
}

.u-padding25x0 {
    padding: 25px 0;
}

.u-padding40x0 {
    padding: 40px 0;
}

.u-padding30x0 {
    padding: 30px 0;
}

.u-padding50x0 {
    padding: 50px 0;
}

.u-padding60x0 {
    padding: 50px 0;
}

.u-padding0x20 {
    padding: 0 20px;
}

.u-padding0x30 {
    padding: 0 30px;
}

.u-padding0x35 {
    padding: 0 35px;
}

.u-padding0x40 {
    padding: 0 40px;
}

.u-padding0x50 {
    padding: 0 50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .md-u-padding0x20 {
        padding: 0 20px;
    }
}

.u-padding30x35 {
    padding: 30px 35px;
}

.u-marginAuto {
    margin-right: auto;
    margin-left: auto;
}

.u-margin0 {
    margin: 0;
}

.u-marginTop0 {
    margin-top: 0;
}

.u-marginTop5 {
    margin-top: 5px;
}

.u-marginTop10 {
    margin-top: 10px;
}

.u-marginTop15 {
    margin-top: 15px;
}

.u-marginTop20 {
    margin-top: 20px;
}

.u-marginTop22 {
    margin-top: 22px;
}

.u-marginTop23 {
    margin-top: 23px;
}

.u-marginTop24 {
    margin-top: 24px;
}

.u-marginTop25 {
    margin-top: 25px;
}

.u-marginTop30 {
    margin-top: 30px;
}

.u-marginTop35 {
    margin-top: 35px;
}

.u-marginTop40 {
    margin-top: 40px;
    margin-bottom: 100px;
}

.u-marginTop45 {
    margin-top: 45px;
}

.u-marginTop50 {
    margin-top: 50px;
}

.u-marginTop55 {
    margin-top: 55px;
}

.u-marginTop60 {
    margin-top: 60px;
}

.u-marginTop65 {
    margin-top: 65px;
}

.u-marginTop70 {
    margin-top: 70px;
}

.u-marginTop75 {
    margin-top: 75px;
}

.u-marginTop80 {
    margin-top: 80px;
}

.u-marginTop85 {
    margin-top: 85px;
}

.u-marginTop90 {
    margin-top: 90px;
}

.u-marginTop95 {
    margin-top: 95px;
}

.u-marginTop100 {
    margin-top: 100px;
}

.u-marginTop150 {
    margin-top: 150px;
}

@media (max-width: 767px) {
    .u-xs-marginTop30 {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-marginTop30 {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-marginTop40 {
        margin-top: 40px;
    }
}

.u-marginBottom0 {
    margin-bottom: 0;
}

.u-marginBottom5 {
    margin-bottom: 5px;
}

.u-marginBottom7 {
    margin-bottom: 7px;
}

.u-marginBottom8 {
    margin-bottom: 8px;
}

.u-marginBottom10 {
    margin-bottom: 10px;
}

.u-marginBottom15 {
    margin-bottom: 15px;
}

.u-marginBottom20 {
    margin-bottom: 20px;
}

.u-marginBottom25 {
    margin-bottom: 25px;
}

.u-marginBottom30 {
    margin-bottom: 30px;
}

.u-marginBottom35 {
    margin-bottom: 35px;
}

.u-marginBottom40 {
    margin-bottom: 40px;
}

.u-marginBottom45 {
    margin-bottom: 45px;
}

.u-marginBottom50 {
    margin-bottom: 50px;
}

.u-marginBottom60 {
    margin-bottom: 60px;
}

.u-marginBottom65 {
    margin-bottom: 65px;
}

.u-marginBottom70 {
    margin-bottom: 70px;
}

.u-marginBottom75 {
    margin-bottom: 75px;
}

.u-marginBottom80 {
    margin-bottom: 80px;
}

.u-marginBottom95 {
    margin-bottom: 95px;
}

.u-marginBottom100 {
    margin-bottom: 100px;
}

.u-marginBottom150 {
    margin-bottom: 150px;
}

.n-magrinBottom6 {
    margin-bottom: -6px;
}

@media (max-width: 767px) {
    .u-xs-marginBottom20 {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .u-xs-marginBottom30 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .u-xs-marginBottom40 {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .u-xs-marginBottom50 {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .u-xs-marginBottom70 {
        margin-bottom: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-marginBottom30 {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-sm-marginBottom40 {
        margin-bottom: 40px;
    }
}

.u-marginLeft5 {
    margin-left: 5px;
}

.u-marginLeft10 {
    margin-left: 10px;
}

.u-marginLeft15 {
    margin-left: 15px;
}

@media (min-width: 1200px) {
    .n-lg-marginLeft20 {
        margin-left: -20px;
    }
}

.u-marginRight5 {
    margin-right: 5px;
}

.u-marginRight10 {
    margin-right: 10px;
}

.u-marginRight15 {
    margin-right: 15px;
}

.u-marginRight20 {
    margin-right: 20px;
}

.u-marginRight30 {
    margin-right: 30px;
}

.n-marginRight30 {
    margin-right: -30px;
}

.mfp-wrap,
.mfp-bg {
    z-index: 9999999999999999;
}

.btnBorder {
    display: inline-block;
    height: 50px;
    padding: 0 25px;
    color: #ccc;
    border: 1px solid;
    line-height: 50px;
}

.btnBorder:hover {
    color: #fff;
    background: #3197d6;
}

.btnBorder.load-more {
    padding: 0 28px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 600;
}

.btnBorder.load-more span {
    display: inline-block;
    margin-left: 5px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    font-size: 19px;
}

.btnBorder--fill {
    border-color: #3197d6;
    background: #3197d6;
}

.btnBorder--fill:hover {
    color: #fff;
}

.btnWhite {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 0 34px;
    color: #ababab;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    font-size: 15px;
    line-height: 50px;
}

.btnWhite:hover {
    text-decoration: none !important;
    color: #fff;
    background: #3197d6;
}

.btnDef {
    display: inline-block;
    height: 50px;
    padding: 0 25px;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3197d6;
    font-size: 17px;
    font-weight: 600;
    line-height: 50px;
}

.btnDef:hover {
    text-decoration: none;
    color: #fff;
    background: #176ea4;
}

.overLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}

.c-headingUnderLine {
    position: relative;
}

.c-headingUnderLine::before {
    position: absolute;
    bottom: -17px;
    left: 50%;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    content: "";
    background: #3197d6;
}

.c-headingUnderLine.white::before {
    background: #fff;
}

.c-headingUnderLine.white::after {
    background: #9697b5;
}

.c-headingUnderLine--left:before {
    left: 0;
    margin-left: 0;
}

.c-headingUnderLine--styleTwo::before {
    width: 65px;
}

.c-headingUnderLine--styleTwo::after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 6px;
    height: 2px;
    margin-left: -12px;
    content: "";
    background: #f6f6f6;
}

.postAction.styleOne .postAction__share {
    position: relative;
    z-index: 99;
    padding-left: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.postAction.styleOne .postAction__share .postAction__share-list {
    position: absolute;
    top: 0;
    right: 80px;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    width: 450px;
    cursor: default;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background: #fff;
}

@media (max-width: 767px) {
    .postAction.styleOne .postAction__share .postAction__share-list {
        right: -15px !important;
        visibility: visible;
        width: 130px;
        opacity: 1;
    }
}

.postAction.styleOne .postAction__share .postAction__share-list li {
    display: inline-block;
    white-space: nowrap;
}

.postAction.styleOne .postAction__share .postAction__share-list li a {
    display: inline-block;
    padding: 2px 6px;
    color: #ccc;
}

.postAction.styleOne .postAction__share:hover {
    cursor: pointer;
    color: #3197d6;
}

.postAction.styleOne .postAction__share:hover .postAction__share-list {
    right: 15px;
    visibility: visible;
    padding-right: 15px;
    opacity: 1;
}

@media (max-width: 767px) {
    .postAction.styleOne .postAction__share:hover .postAction__share-list {
        padding-right: 0;
    }
}

.postAction.styleOne .postAction__view a {
    color: #ccc;
}

.postAction.styleOne .postAction__view a:hover {
    color: #3197d6;
}

@media (max-width: 767px) {
    .sectionHeader {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 480px) {
    .sectionHeader {
        padding: 0 20px;
    }
}

.sectionHeader h2,
.sectionHeader h3 {
    margin-top: -5px;
    margin-bottom: 15px;
    line-height: 1;
}

.sectionHeader p {
    margin-bottom: -5px;
}

.sectionHeader .action a {
    color: #ccc;
}

.sectionHeader .action a:hover {
    color: #fff;
}

.c-socialMediaParent .c-t-socialMedia .c-facebook:hover {
    color: #3b5998 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-twitter:hover {
    color: #1da1f2 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-linkedIn:hover {
    color: #0077b5 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-googlePlus:hover {
    color: #dd4b39 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-youtube:hover {
    color: #cd201f !important;
}

.c-socialMediaParent .c-t-socialMedia .c-pinterest:hover {
    color: #bd081c !important;
}

.c-socialMediaParent .c-t-socialMedia .c-instagram:hover {
    color: #405de6 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-tumblr:hover {
    color: #35465c !important;
}

.c-socialMediaParent .c-t-socialMedia .c-flickr:hover {
    color: #0063dc !important;
}

.c-socialMediaParent .c-t-socialMedia .c-reddit:hover {
    color: #ff4500 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-snapchat:hover {
    color: #fffc00 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-whatsapp:hover {
    color: #075e54 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-quora:hover {
    color: #a82400 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-vine:hover {
    color: #00b488;
}

.c-socialMediaParent .c-t-socialMedia .c-stumbleupon:hover {
    color: #eb4924 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-delicious:hover {
    color: #39f !important;
}

.c-socialMediaParent .c-t-socialMedia .c-digg:hover {
    color: #005be2 !important;
}

.c-socialMediaParent .c-t-socialMedia .c-behance:hover {
    color: #1769ff !important;
}

.c-socialMediaParent .c-t-socialMedia .c-skype:hover {
    color: #00aff0 !important;
}

.postPagination.styleOne {
    width: 100%;
    height: 42px;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .postPagination.styleOne {
        display: none;
    }
}

.postPagination.styleOne .paginationWrapper .btnArrow a {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-bottom: -5px;
    text-align: left;
    color: #ccc;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px;
}

.postPagination.styleOne .paginationWrapper .btnArrow a:hover {
    color: #fff;
    background: #3197d6;
}

.postPagination.styleOne .paginationWrapper .btnArrow.prev {
    margin-right: 10px;
}

.postPagination.styleOne .paginationWrapper .btnArrow.next {
    margin-left: 10px;
}

.postPagination.styleOne .paginationWrapper .page-numbers {
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0 1px;
    margin-bottom: -5px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #ccc;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: 600;
    line-height: 40px;
}

.postPagination.styleOne .paginationWrapper .page-numbers:hover {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

.postPagination.styleOne .paginationWrapper .page-numbers.current {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

.postPagination.styleOne .paginationWrapper .page-numbers a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #ccc;
}

.postPagination.styleTwo {
    width: 100%;
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .postPagination.styleTwo {
        display: none;
    }
}

.postPagination.styleTwo .paginationWrapper .btnArrow a {
    display: inline-block;
    overflow: hidden;
    width: 48px;
    height: 48px;
    margin: 0 3px;
    text-align: center;
    color: #ababab;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    line-height: 48px;
}

.postPagination.styleTwo .paginationWrapper .btnArrow a:hover {
    color: #fff;
    background: #3197d6;
}

.postPagination.styleTwo .paginationWrapper .page-numbers {
    display: inline-block;
    overflow: hidden;
    width: 48px;
    height: 48px;
    margin: 0 3px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #ababab;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    line-height: 48px;
}

.postPagination.styleTwo .paginationWrapper .page-numbers:hover {
    color: #fff;
    background: #3197d6;
}

.postPagination.styleTwo .paginationWrapper .page-numbers:hover a {
    text-decoration: none;
    color: #fff;
}

.postPagination.styleTwo .paginationWrapper .page-numbers.current {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

.postPagination.styleTwo .paginationWrapper .page-numbers a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #ccc;
}

.postPagination-alt {
    display: none;
}

@media only screen and (max-width: 480px) {
    .postPagination-alt {
        display: block;
    }
}

.postPagination-alt .paginationWrapper {
    overflow: hidden;
    height: 60px;
    padding: 0 20px;
    background: #fff;
    line-height: 60px;
}

.postPagination-alt .paginationWrapper a {
    display: inline-block;
    color: #747474;
}

.postPagination-alt .paginationWrapper a.prev {
    float: left;
}

.postPagination-alt .paginationWrapper a.next {
    float: right;
}

.postPagination-alt .paginationWrapper a:hover {
    color: #3197d6;
}

.c-hasToolTip {
    position: relative;
}

.c-hasToolTip:before {
    position: absolute;
    top: -41px;
    left: 50%;
    display: inline-block;
    visibility: hidden;
    height: 26px;
    padding: 0 15px;
    content: attr(data-tooltip);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(-50%) rotateY(110deg);
    transform: translateX(-50%) rotateY(110deg);
    pointer-events: none;
    opacity: 0;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3197d6;
    font-size: 14px;
    line-height: 26px;
}

.c-hasToolTip:hover::before {
    top: -25px;
    visibility: visible;
    -webkit-transform: translateX(-50%) rotateY(0deg);
    transform: translateX(-50%) rotateY(0deg);
    opacity: 1;
}

.galleryThumb .owl-nav {
    text-align: center;
}

.galleryThumb .owl-nav div {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    color: #ccc;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
}

.galleryThumb .owl-nav div.owl-next {
    right: 20px;
    left: auto;
}

.galleryThumb .owl-nav div:hover {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

article {
    -webkit-transition: .3s;
    transition: .3s;
}

.featuredPost.styleOne.noPostThumb:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.defPost.styleOne:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.defPost.styleTwo {
    margin-bottom: 40px;
}

.defPost.styleTwo .postText {
    padding-bottom: 10px;
}

.defPost.styleThree a {
    -webkit-transition: .2s;
    transition: .2s;
}

.defPost.styleThree a:hover {
    text-decoration: underline;
}

.categoryPost.styleOne:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .defPost.styleOne.mdHeightControl .postText p {
        overflow: hidden;
        height: 55px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .defPost.styleOne.mdHeightControl .postText p {
        overflow: hidden;
        height: 110px;
    }
}

.defPost.styleOne .defPost__date {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
    height: 45px;
    padding: 0 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .4);
    line-height: 45px;
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__date {
        top: 10px;
        left: 10px;
        height: 38px;
        padding: 0 10px;
        line-height: 38px;
    }
}

.defPost.styleOne .defPost__date .timeIcon {
    font-size: 18px;
}

.defPost.styleOne .defPost__postHeader img {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__content.u-padding0x40 {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__content.u-padding0x30 {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__content.u-xs-paddingLeft30 {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__content.u-paddingRight30 {
        padding-right: 20px;
    }
}

.defPost.styleOne .defPost__content .defPost__author_category li a {
    color: #9697b5;
}

.defPost.styleOne .defPost__content .defPost__author_category li a:hover {
    color: #3197d6;
}

.defPost.styleOne .defPost__content .defPost__author_category li.defPost__category::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 14px;
    content: "";
    background: #9697b5;
}

.defPost.styleOne .defPost__content .defPost__author_category li.defPost__category ul li a:hover {
    color: #3197d6;
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__footer {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 480px) {
    .defPost.styleOne .defPost__footer--alt {
        padding-bottom: 30px;
    }
}

.defPost.styleOne .defPost__footer .read-more a {
    color: #565656;
}

.defPost.styleOne .defPost__footer .read-more a:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: -webkit-calc( 100%);
    width: calc( 100%);
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #565656;
}

.defPost.styleOne .defPost__footer .read-more a:hover {
    color: #3197d6;
}

.defPost.styleOne .defPost__footer .read-more a:hover::before {
    background: #3197d6;
}

.defPost.styleOne .defPost__footer .postAction {
    color: #ccc;
}

.defPost.listStyle figure {
    padding-right: 30px;
}

.defPost.listStyle figure a img {
    width: 100%;
}

.defPost.listStyle .defPost__content {
    margin-left: -10px;
}

.defPost.listStyle .defPost__content .defPost__category li {
    display: inline-block;
}

.defPost.listStyle .defPost__content .defPost__category li a {
    display: inline-block;
    margin-right: 2px;
    padding: 6px 10px;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #3197d6;
    font-size: 15px;
}

.defPost.listStyle .defPost__content h4 a {
    color: #262626;
}

.defPost.listStyle .defPost__content h4 a:hover {
    color: #3197d6;
}

.defPost.listStyle .defPost__content .defPost__meta li {
    display: inline-block;
    color: #ababab;
    font-size: 15px;
}

.defPost.listStyle .defPost__content .defPost__meta li a {
    color: #ababab;
}

.defPost.listStyle .defPost__content .defPost__meta li a:hover {
    color: #3197d6;
}

.defPost.listStyle .defPost__content .defPost__meta li.author {
    position: relative;
    padding-right: 20px;
}

.defPost.listStyle .defPost__content .defPost__meta li.author::before {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 1px;
    height: 12px;
    content: "";
    background: #ababab;
}

.defPost.listStyle .defPost__content .postBottom {
    margin-top: 20px;
}

.defPost.listStyle .defPost__content .postBottom a {
    height: 40px;
    color: #9697b5;
    border-color: #9697b5;
    line-height: 40px;
}

.defPost.listStyle .defPost__content .postBottom a:hover {
    color: #3197d6;
    border-color: #3197d6;
}

.defPost--oneHalf.styleOne .defPost__date {
    top: 10px;
    left: 10px;
    height: 40px;
    line-height: 40px;
}

.defPost--oneHalf.styleOne .defPost__date .timeIcon {
    font-size: 16px;
}

.defPost--oneHalf.styleOne .defPost__content .defPost__author_category li.defPost__category::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li {
    position: relative;
    display: inline-block;
    padding-left: 28px;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li:first-child {
    padding-left: 0;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li:first-child::before {
    display: none;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li::before {
    position: absolute;
    top: 4px;
    left: 13px;
    width: 2px;
    height: 14px;
    content: "";
    background: #9697b5;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li a {
    color: #9697b5;
    font-weight: 600;
}

.defPost.styleTwo .defPost__postHeader .defPost__category li a:hover {
    color: #3197d6;
}

.defPost.styleTwo .defPost__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

@media only screen and (max-width: 480px) {
    .defPost.styleTwo .defPost__footer {
        height: auto;
        margin-top: 5px;
    }
}

.defPost.styleTwo .defPost__footer .hidden-lst {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 480px) {
    .defPost.styleTwo .defPost__footer .hidden-lst {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .defPost.styleTwo .defPost__footer .hidden-lst {
        display: none;
    }
}

.defPost.styleTwo .defPost__footer .authorPic {
    overflow: hidden;
    flex: 0 0 40px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-align-self: center;
    align-self: center;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.defPost.styleTwo .defPost__footer .authorName-postDate h6 {
    font-family: open sans;
    font-weight: 600;
}

.defPost.styleTwo .defPost__footer .authorName-postDate h6 a {
    color: #565656;
}

.defPost.styleTwo .defPost__footer .authorName-postDate h6 a:hover {
    color: #3197d6;
}

.defPost.styleTwo .defPost__footer .authorName-postDate span {
    color: #747474;
    font-weight: 600;
}

.defPost.styleTwo .defPost__footer .read-more {
    margin-left: auto;
}

@media only screen and (max-width: 480px) {
    .defPost.styleTwo .defPost__footer .read-more {
        width: 100%;
    }
}

.defPost.styleTwo .defPost__footer .read-more a {
    display: inline-block;
    height: 35px;
    padding: 0 20px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #80819f;
    font-size: 15px;
    font-weight: 600;
    line-height: 35px;
}

.defPost.styleTwo .defPost__footer .read-more a.lg {
    height: 40px;
    line-height: 40px;
}

.defPost.styleTwo .defPost__footer .read-more a:hover {
    background: #3197d6;
}

.defPost.styleThree {
    padding: 5px;
}

.defPost.styleThree .defPost__content {
    padding-right: 15px;
    padding-left: 15px;
}

.defPost.styleThree .defPost__content .postText p {
    margin: 0;
}

.defPost.styleThree .defPost__content .defPost__category li {
    display: inline-block;
    margin-right: 15px;
}

.defPost.styleThree .defPost__content .defPost__category li a {
    color: #3197d6;
    font-weight: bold;
}

.defPost.styleThree .defPost__content .defPost__category li a::before {
    content: ".";
    font-size: 18px;
}

.defPost.styleThree .defPost__content .defPost__category li a:hover {
    text-decoration: none;
    color: #222;
}

.defPost.styleThree .defPost__content .read-more {
    line-height: 1;
}

.defPost.styleThree .defPost__content .read-more a {
    color: #3197d6;
    font-weight: 600;
}

.defPost.styleThree .defPost__content .read-more a span {
    position: relative;
    top: 2px;
    margin-left: 15px;
    font-size: 16px;
}

.defPost.styleThree .defPost__content .read-more a:hover {
    color: #222;
}

.defPost.styleThree .defPost__footer {
    height: 55px;
    margin-top: 30px;
    padding: 0 15px;
    color: #ababab;
    border-top: 1px solid #e9e9e9;
    font-size: 15px;
    font-weight: 600;
    line-height: 55px;
}

.defPost.styleThree .defPost__footer .defPost__author a {
    color: #ababab;
}

.defPost.styleThree .defPost__footer .defPost__author a:hover {
    color: #3197d6;
}

@media only screen and (max-width: 480px) {
    .defPost.styleThree .defPost__footer .defPost__date {
        display: none;
    }
}

.defPost.styleFour figure {
    overflow: hidden;
}

.defPost.styleFour figure a {
    display: block;
    width: 100%;
}

.defPost.styleFour figure a img {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .defPost.styleFour .defPost__content {
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    .defPost.styleFour .defPost__content {
        margin-top: 30px;
    }
}

.defPost.styleFour .defPost__content .defPost__category li {
    display: inline-block;
    margin-right: 3px;
}

.defPost.styleFour .defPost__content .defPost__category li a {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #3197d6;
    font-size: 15px;
    line-height: 32px;
}

.defPost.styleFour .defPost__content .defPost__category li a:hover {
    background: #176ea4;
}

.defPost.styleFour .defPost__content h4 {
    margin-top: 10px;
}

.defPost.styleFour .defPost__meta li {
    display: inline-block;
    color: #ababab;
}

.defPost.styleFour .defPost__meta li.author {
    position: relative;
    padding-right: 20px;
}

.defPost.styleFour .defPost__meta li.author::before {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 1px;
    height: 12px;
    content: "";
    background: #ababab;
}

.defPost.styleFour .defPost__meta li.author a {
    color: #ababab;
}

.defPost.styleFour .defPost__meta li.author a:hover {
    color: #3197d6;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .defPost.styleFour .postText {
        overflow: hidden;
        height: 60px;
        margin-top: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .defPost.styleFour .postText {
        overflow: hidden;
        height: 80px;
    }
}

.defPost.styleFour .postBottom {
    margin-top: 24px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .defPost.styleFour .postBottom {
        margin-top: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .defPost.styleFour .postBottom {
        margin-top: 22px;
    }
}

.defPost.styleFour .postBottom a.btnBorder {
    height: 40px;
    padding: 0 15px;
    color: #9697b5;
    border-color: #9697b5;
    line-height: 38px;
}

.defPost.styleFour .postBottom a.btnBorder:hover {
    color: #fff;
    border-color: #3197d6;
}

.window-container .window-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px 5px;
}

.window-container .window-inner .window-title {
    margin: 0;
    font-weight: bold;
    line-height: 1;
}

.window-container .info-wrap {
    margin-top: 20px;
}

.window-container .info-wrap li {
    overflow: hidden;
    margin-bottom: 18px;
    color: #747474;
    font-size: 17px;
    line-height: 1.45;
}

.window-container .info-wrap li .icon {
    display: block;
    float: left;
    width: 40px;
    font-size: 26px;
}

.window-container .info-wrap li .text {
    display: block;
    float: left;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.imageZoom__parent {
    overflow: hidden;
}

.imageZoom__parent .imageZoom__el {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.imageZoom__parent:hover .imageZoom__el {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/*** 02 Typography ***/

body {
    font-family: "Kanit";
    font-size: 16px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    clear: both;
    margin-top: 30px;
    margin-bottom: 25px;
    padding: 0;
    letter-spacing: .25px;
    color: #262626;
    font-family: "Kanit";
    font-weight: bold;
    line-height: 1.2;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: #262626;
}

h1,
.h1 {
    font-size: 38px;
}

h2,
.h2 {
    font-size: 34px;
}

h3,
.h3 {
    font-size: 30px;
}

h4,
.h4 {
    font-size: 25px;
}

h5,
.h5 {
    font-size: 21px;
}

h6,
.h6 {
    font-size: 17px;
}

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 30px;
    }
    h2,
    .h2 {
        font-size: 28px;
    }
    h3,
    .h3 {
        font-size: 21px;
    }
    h4,
    .h4 {
        font-size: 21px;
    }
}

p {
    color: #747474;
    font-family: "Kanit";
    font-size: 17px;
    line-height: 1.6;
}

p::before,
p::after {
    display: block;
    clear: both;
    content: "";
}

small {
    display: inline-block;
    line-height: 1.5;
}


/*** 03 layout ***/


/*3.1 Header*/

.topHeader .topHeader__menu {
    position: relative;
    height: 60px;
    background: #fff;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav {
    display: table;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav--lg>ul>li>a {
    padding: 24px 0 !important;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav--lg>ul>li>a:before {
    bottom: 23px !important;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul {
    display: table-cell;
    vertical-align: middle;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li {
    display: inline-block;
    margin-right: 30px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-children {
    position: relative;
    margin-right: 40px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-children>a:after {
    display: inline-block;
    margin-left: 5px;
    content: "\f3d0" !important;
    font-family: "Ionicons" !important;
    font-size: 13px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-children li a:hover::before {
    width: 60%;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-mega-menu {
    margin-right: 40px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-mega-menu>a:after {
    display: inline-block;
    margin-left: 5px;
    content: "\f3d0" !important;
    font-family: "Ionicons" !important;
    font-size: 13px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.menu-item-has-mega-menu li a:hover::before {
    width: 60%;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li a {
    position: relative;
    display: inline-block;
    padding: 14px 0;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #fff;
    font-family: "Kanit";
    font-size: 17px;
    /* font-weight: bold; */
    line-height: 20px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li a::before {
    position: absolute;
    bottom: 14px;
    width: 0;
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #3197d6;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li:hover>a,
.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.active>a {
    color: #3197d6;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li:hover>a:before,
.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li.active>a:before {
    width: 70%;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li ul.dropdown {
    position: absolute;
    z-index: 9999999999999999;
    top: 100px;
    left: 0;
    visibility: hidden;
    width: 260px;
    padding: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li ul.dropdown li {
    display: block;
    height: 38px;
    padding: 0 15px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    white-space: nowrap;
    line-height: 38px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li ul.dropdown li a {
    padding: 0;
    color: #9697b5;
    font-family: "Kanit";
    font-size: 17px;
    font-weight: bold;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li ul.dropdown li a:hover {
    color: #3197d6;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li ul.dropdown li a:before {
    bottom: -3px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__nav>ul>li:hover ul {
    top: 100%;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 1;
}

.topHeader .topHeader__menu .topHeader__container .smallDeviceTop {
    height: 80px;
}

.topHeader .topHeader__menu .topHeader__container .smallDeviceTop .buttonArea {
    height: 80px;
    line-height: 88px;
}

.topHeader .topHeader__menu .topHeader__container .smallDeviceTop .buttonArea .sideMenuTrigger {
    width: 40px;
    height: 40px;
    border: 0;
    background: 0 0;
    font-size: 26px;
    line-height: 40px;
}

.topHeader .topHeader__menu .topHeader__container .smallDeviceTop .siteLogo {
    position: fixed;
    top: 0;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

@media (max-width: 767px) {
    .topHeader .topHeader__menu .topHeader__container .topHeader__action {
        height: 80px;
        line-height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topHeader .topHeader__menu .topHeader__container .topHeader__action {
        height: 80px;
        line-height: 80px;
    }
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action--lg {
    height: 80px;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul {
    margin-right: -13px;
    margin-left: auto;
    line-height: 1;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li {
    display: inline-block;
    padding: 0 13px;
    cursor: pointer;
    color: #80819f;
    font-size: 23px;
    line-height: 1;
}

@media only screen and (max-width: 480px) {
    .topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li {
        padding: 0 5px;
    }
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li:hover {
    color: #3197d6;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li a {
    text-decoration: none !important;
    color: #f5f5f5;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li a:hover {
    color: #3197d6;
}

.topHeader .topHeader__menu .topHeader__container .topHeader__action>ul>li.topHeader__sideMenuTrigger {
    font-size: 26px;
}

.topHeader.topHeader--styleThree .topHeader__menu {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.topHeader.topHeader--styleThree .topHeader__logo {
    height: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .topHeader.topHeader--styleThree .topHeader__logo {
        position: fixed;
        top: 0;
        left: 50%;
        width: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        line-height: 80px;
    }
}

@media (max-width: 767px) {
    .topHeader.topHeader--styleThree .topHeader__logo {
        position: fixed;
        top: 0;
        left: 50%;
        width: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        line-height: 80px;
    }
}

.topHeader.topHeader--styleThree .buttonArea {
    height: 80px;
    line-height: 88px;
}

.topHeader.topHeader--styleThree .buttonArea .sideMenuTrigger {
    width: 40px;
    height: 40px;
    border: 0;
    background: 0 0;
    font-size: 26px;
    line-height: 40px;
}

.topHeader__searchArea {
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    display: table;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    background-color: rgba(255, 255, 255, .95);
}

.topHeader__searchArea .topHeader__searchForm {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.topHeader__searchArea .topHeader__searchForm .formCloseBtn {
    position: fixed;
    top: 54px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #9697b5;
    border: 0;
    background: none;
    font-size: 22px;
}

.topHeader__searchArea .topHeader__searchForm .formCloseBtn:hover {
    color: #3197d6;
}

.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper {
    position: relative;
    width: 35%;
    margin: auto;
}

@media (max-width: 767px) {
    .topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper {
        width: 70%;
    }
}

.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper .formInput {
    width: 100%;
    height: 40px;
    padding: 0 30px 0 15px;
    border: 0;
    border-bottom: 1px solid #9697b5;
    background: none;
}

.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper .formInput:active,
.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper .formInput:focus {
    border-bottom: 1px solid #3197d6;
}

.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper .searchAction {
    position: absolute;
    top: 5px;
    right: -3px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #9697b5;
    border: 0;
    background: none;
    font-size: 20px;
}

.topHeader__searchArea .topHeader__searchForm .topHeader__searchFormWrapper .searchAction:hover {
    color: #3197d6;
}

.JS-searchActive .topHeader__searchArea {
    visibility: visible;
    opacity: 1;
}

.megaMenu {
    position: absolute;
    z-index: 9999;
    top: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 1070px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
}

@media (min-width: 768px) and (max-width: 991px) {
    .megaMenu {
        width: 800px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .megaMenu {
        width: 800px;
    }
}

.megaMenu .megaMenuNav {
    z-index: 9999;
    float: left;
    width: 235px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
}

.megaMenu .megaMenuNav li {
    display: block;
    height: 40px;
    padding: 0 20px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    white-space: nowrap;
    line-height: 40px;
}

.megaMenu .megaMenuNav li.active a {
    color: #3197d6 !important;
}

.megaMenu .megaMenuNav li.active a::before {
    width: 70% !important;
}

.megaMenu .megaMenuNav li a {
    position: relative;
    color: #9697b5;
    font-family: "Kanit";
    font-size: 17px;
    font-weight: bold;
}

.megaMenu .megaMenuNav li a::before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #3197d6;
}

.megaMenu .megaMenuNav li:hover a {
    color: #3197d6 !important;
}

.megaMenu .megaMenuNav li:hover a::before {
    width: 70% !important;
}

.megaMenu .tab-content {
    float: left;
    width: -webkit-calc(100% - 235px);
    width: calc(100% - 235px);
    padding: 30px 76px;
}

.megaMenu .tab-content .megaMenu__content .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.megaMenu .tab-content .megaMenu__content .col-sm-12 {
    display: inline-block;
    max-width: 240px;
}

.megaMenu .tab-content .megaMenu__content .carousel__item figure a {
    padding: 0 !important;
}

.megaMenu .tab-content .megaMenu__content .carousel__item figure figcaption h6 {
    margin: 0;
    margin-top: 8px;
    font-size: 15px;
}

.megaMenu .tab-content .megaMenu__content .carousel__item figure figcaption h6 a {
    padding: 0;
    color: #262626 !important;
    font-size: 15px;
    line-height: 1.4 !important;
}

.megaMenu .tab-content .megaMenu__content .carousel__item figure figcaption h6 a:hover {
    color: #3197d6 !important;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li {
    position: relative;
    display: inline-block;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li:first-child::before {
    display: none;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li::before {
    position: absolute;
    top: 8px;
    left: -8px;
    width: 1px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li a {
    margin-right: 10px;
    padding: 0;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li a::before,
.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li a::before {
    display: none;
}

.megaMenu .tab-content .megaMenu__content .carousel__item ul.category li a:hover {
    color: #3197d6;
}

.topHeader__nav .parent__megaMenu.pos-left .megaMenu {
    left: 0;
}

.topHeader__nav .parent__megaMenu.pos-right .megaMenu {
    right: 0;
}

.topHeader__nav .parent__megaMenu:hover .megaMenu {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

.topHeader__nav--lg .parent__megaMenu:hover .megaMenu {
    top: 80px;
}

.topHeader__nav .owl-nav {
    text-align: center;
}

.topHeader__nav .owl-nav div {
    position: absolute;
    top: 50%;
    left: -42px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    color: #ccc;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
}

.topHeader__nav .owl-nav div.owl-next {
    right: -42px;
    left: auto;
}

.topHeader__nav .owl-nav div:hover {
    color: #fff;
    background: #3197d6;
}

.mobileMenuWrap {
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    right: -322px;
    width: 300px;
    height: 100%;
    padding: 15px 0;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fff;
    -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, .1);
    box-shadow: -5px 0 10px rgba(0, 0, 0, .1);
}

.mobileMenuWrap button {
    margin-bottom: 15px;
    margin-left: 10px;
    color: #9697b5;
    border: 0;
    background: none;
    font-size: 20px;
}

.mobileMenuWrap button:hover {
    color: #3197d6;
}

.mobileMenuWrap .MobileMenu ul li.active>a,
.mobileMenuWrap .MobileMenu ul li:hover>a {
    color: #3197d6 !important;
    background: #f6f6f6 !important;
}

.mobileMenuWrap .MobileMenu ul li ul {
    padding-bottom: 10px;
    background: #f6f6f6;
}

.mobileMenuWrap .MobileMenu ul li ul li a {
    padding-left: 40px;
}

.mobileMenuWrap .MobileMenu ul li a {
    display: block;
    height: 40px;
    padding: 0 20px;
    color: #9697b5;
    font-family: Kanit;
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
}

.mobileMenuWrap .MobileMenu ul li a:hover {
    text-decoration: none !important;
}

.mobileMenuWrap .MobileMenu ul li a.hasChildUl {
    background: #f6f6f6;
}

.mobileMenuWrap .MobileMenu ul li a.hasChildUl:after {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 10px;
    content: "\f3d0";
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-family: Ionicons;
    font-size: 16px;
}

.mobileMenuWrap .MobileMenu ul li a.collapsed {
    background: transparent;
}

.mobileMenuWrap .MobileMenu ul li a.collapsed:after {
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobileMenuWrap .socialMediaLink ul {
    padding: 20px;
}

.mobileMenuWrap .socialMediaLink ul li {
    display: inline-block;
}

.mobileMenuWrap .socialMediaLink ul li a {
    display: inline-block;
    margin-right: 3px;
    padding: 5px;
    color: #ccc;
    font-size: 18px;
}

.mobileMenuWrap .socialMediaLink ul li a:hover {
    color: #3197d6;
}

.JS-showMenu {
    overflow: hidden;
}

.JS-showMenu .mobileMenuWrap {
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translate3d(-322px, 0, 0);
    transform: translate3d(-322px, 0, 0);
}

.JS-showMenu .mobileMenuWrap::before {
    position: fixed;
    top: 0;
    right: 100%;
    width: 120vw;
    height: 100%;
    content: "";
    -webkit-transition: 0s;
    transition: 0s;
    opacity: .6;
    background: #000;
}

.dropdown__login .logInCtrl img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.dropdown__login .userMenu ul li {
    display: block !important;
    cursor: default !important;
}

.dropdown__login .userMenu ul li a {
    position: relative;
    font-family: Kanit;
    font-size: 17px;
    font-weight: bold;
}

.dropdown__login .userMenu ul li a:hover::before {
    width: 70%;
}

.dropdown__login .userMenu ul li a::before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #3197d6;
}

.dropdown__login .dropdown-menu {
    top: 58px;
    right: 0;
    left: auto;
    padding: 15px 35px 20px;
    cursor: default;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, .1);
}

@media (max-width: 767px) {
    .dropdown__login .dropdown-menu {
        top: 78px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dropdown__login .dropdown-menu {
        top: 78px;
    }
}

.dropdown__login .dropdown-menu.hasUserMenu {
    width: 220px;
}

.dropdown__login .logInFormWrapper h4 {
    margin: 0;
    margin-bottom: 20px;
}

.dropdown__login .logInFormWrapper .logInForm .inputField {
    position: relative;
    margin-bottom: 20px;
}

.dropdown__login .logInFormWrapper .logInForm .inputField label {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #ccc;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background: #9697b5;
    font-size: 19px;
    line-height: 50px;
}

.dropdown__login .logInFormWrapper .logInForm .inputField input {
    width: 100%;
    height: 50px;
    padding-right: 10px;
    padding-left: 60px;
    border: 1px solid #9697b5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.dropdown__login .logIn-alt {
    margin-top: 15px;
}

.dropdown__login .logIn-alt a {
    display: block;
    text-decoration: underline;
    line-height: 1.8;
}


/*3.1 Footer*/

.siteFooter.styleOne {
    background: #80819f;
}

.siteFooter.styleTwo {
    border-bottom: 2px solid;
    background: #2b2b2b;
}

.siteFooter.styleTwo .widget .widgetTitle {
    margin: 0;
    margin-bottom: 35px;
    color: #fff;
}

.siteFooter.styleFour .widgetTitle {
    margin-bottom: 40px;
}

.siteFooter .widgetTitle {
    text-align: left;
}

.siteFooter .widgetTitle.c-headingUnderLine::before {
    bottom: -15px;
    left: 0;
    width: 65px;
    margin-left: 0;
}

.siteFooter .widgetTitle.c-headingUnderLine--styleTwo::after {
    bottom: -15px;
    left: 12px;
    margin-left: 0;
}

@media only screen and (max-width: 480px) {
    .footerNav .footeNav__wrapper {
        display: none;
    }
}

.footerNav .footeNav__wrapper ul {
    text-align: center;
}

.footerNav .footeNav__wrapper ul li {
    display: inline-block;
    margin-right: 30px;
    padding: 5px 0;
}

.footerNav .footeNav__wrapper ul li ul {
    display: none;
}

.footerNav .footeNav__wrapper ul li a {
    position: relative;
    display: inline-block;
    padding: 0;
    letter-spacing: .25px;
    text-transform: capitalize;
    color: #fff;
    font-family: "Kanit";
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}

.footerNav .footeNav__wrapper ul li a::before {
    position: absolute;
    bottom: -3px;
    width: 0;
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #eee;
}

.footerNav .footeNav__wrapper ul li:hover a,
.footerNav .footeNav__wrapper ul li.active a {
    color: #eee;
}

.footerNav .footeNav__wrapper ul li:hover a:before,
.footerNav .footeNav__wrapper ul li.active a:before {
    width: 70%;
}

.footerBottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

.footerBottom.dark {
    background-image: linear-gradient(to right, #014f4b, #6d9492);
    height: 200px;
}

.footerBottom.deep-dark {
    background: #2d675b;
}

.footerBottom.deep-dark .copyightText p {
    color: #ccc;
}

.footerBottom.deep-dark .copyightText p a {
    color: #ccc;
}

.footerBottom.deep-dark .copyightText p a:hover {
    color: #9697b5;
}

@media (max-width: 767px) {
    .footerBottom .container {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .footerBottom {
        height: 70px;
    }
}

.footerBottom.light {
    background: #fff;
}

@media only screen and (max-width: 480px) {
    .footerBottom.light {
        height: 80px;
    }
}

.footerBottom.light .copyightText p {
    color: #ababab;
}

.footerBottom.light .copyightText p a {
    color: #ababab;
}

.footerBottom.light .copyightText p a:hover {
    color: #3197d6;
}

.footerBottom .borderDarkTop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    border-top: 1px solid #eee;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

@media only screen and (max-width: 480px) {
    .footerBottom .borderDarkTop {
        height: 80px;
        padding: 10px 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.footerBottom .borderDarkTop .col-xs-6 {
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .footerBottom .col-xs-6 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .footerBottom .copyightText {
        text-align: center;
    }
}

.footerBottom .copyightText p {
    margin: 0;
}

.footerBottom .footerMediaLink ul {
    text-align: right;
}

@media (max-width: 767px) {
    .footerBottom .footerMediaLink ul {
        text-align: center;
    }
}

.footerBottom .footerMediaLink ul li {
    display: inline-block;
    margin-left: 10px;
}

.footerBottom .footerMediaLink ul li:first-child {
    margin-left: 0;
}

.footerBottom .footerMediaLink ul li a {
    padding: 2px;
    color: #ccc;
}


/*3.3 Page Title*/

.pageTitle {
    display: table;
    width: 100%;
    background: #eee;
}

.pageTitle.hasBreadcrumbs {
    height: 120px;
    background-image: url(../img/pat/pat.png);
}

.pageTitle.hasBreadcrumbs .breadcrumbsArea {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.pageTitle.hasBreadcrumbs .breadcrumbsArea .breadcrumbs span a {
    color: #262626;
    font-size: 21px;
    font-weight: bold;
}

.pageTitle.hasBreadcrumbs .breadcrumbsArea .breadcrumbs span a:hover {
    color: #3197d6;
}

.pageTitle.hasBreadcrumbs .breadcrumbsArea .breadcrumbs span.separetor {
    color: #262626;
    font-size: 21px;
    font-weight: bold;
}

.pageTitle.hasBreadcrumbs .breadcrumbsArea .breadcrumbs span.current {
    display: block;
    color: #747474;
    font-size: 17px;
}

.pageTitle.noBreadcrumbs {
    height: 170px;
    background-image: url(../img/title.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

@media (max-width: 767px) {
    .pageTitle.noBreadcrumbs {
        height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pageTitle.noBreadcrumbs {
        height: 100px;
    }
}

.pageTitle.noBreadcrumbs .titleWrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.pageTitle.noBreadcrumbs .titleWrapper h1 {
    margin: 0;
    color: #fff;
    font-size: 34px;
}

@media (max-width: 767px) {
    .pageTitle.noBreadcrumbs .titleWrapper h1 {
        font-size: 24px;
    }
}

.pageTitle.noBreadcrumbs.hasLink h1 {
    color: #ccc;
}

.pageTitle.noBreadcrumbs.hasLink h1 a {
    color: #fff;
}

.pageTitle.noBreadcrumbs.hasLink h1 a:hover {
    color: #ababab;
}


/*3.4 Author Profile*/

.authorProfile__block.styleOne {
    padding: 40px 30px 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.authorProfile__block.styleOne:hover .authorPic img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

@media (max-width: 767px) {
    .authorProfile__block.styleOne {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .authorProfile__block.styleOne {
        margin-bottom: 30px;
    }
}

.authorProfile__block.styleOne .authorPic img {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.authorProfile__block.styleOne .authorProfile__socialMedia li {
    display: inline-block;
}

.authorProfile__block.styleOne .authorProfile__socialMedia li a {
    padding: 2px 4px;
    color: rgb(250, 248, 248);
}

.authorProfile__block.styleTwo {
    padding: 2px;
    padding-bottom: 20px;
}

.authorProfile__block.styleTwo:hover .authorPic img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

@media (max-width: 767px) {
    .authorProfile__block.styleTwo {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .authorProfile__block.styleTwo {
        margin-bottom: 30px;
    }
}

.authorProfile__block.styleTwo .authorPic img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.authorProfile__block.styleTwo .authorProfile__socialMedia li {
    display: inline-block;
}

.authorProfile__block.styleTwo .authorProfile__socialMedia li a {
    padding: 2px 2px;
    color: #ababab;
}

.owl-carousel .authorProfile__block {
    margin-bottom: 0 !important;
}

.authorProfile__carousel .owl-dots {
    margin-top: 30px !important;
}

.authorProfile__carousel .owl-dots .owl-dot span {
    width: 15px;
    height: 5px;
    margin-bottom: 0;
    -webkit-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 1;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #c5ba1b;
}

.authorProfile__carousel .owl-dots .owl-dot.active span {
    width: 20px;
    height: 7px;
    opacity: 1;
    background: #c5ba1b;
}

.authorProfile__carousel .owl-dots .owl-dot:hover span {
    opacity: .7;
    background: #c5ba1b;
}


/*3.5 Category Post*/

.categoryPost.styleOne .categoryPost__postHeader img {
    width: 100%;
}

.categoryPost.styleOne .categoryPost__date {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 40px;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .4);
    line-height: 40px;
}

.categoryPost.styleOne .categoryPost__date .timeIcon {
    font-size: 16px;
}

@media only screen and (max-width: 480px) {
    .categoryPost.styleOne .categoryPost__content.u-padding0x30 {
        padding: 0 20px;
    }
}

.categoryPost.styleOne li a {
    color: #9697b5;
}

.categoryPost.styleOne li a:hover {
    color: #3197d6;
}

.categoryPost.styleOne li.categoryPost__category::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.categoryPost.styleOne li.categoryPost__category ul li a:hover {
    color: #3197d6;
}

.categoryPost.styleOne .categoryPost__footer .read-more a {
    color: #565656;
}

.categoryPost.styleOne .categoryPost__footer .read-more a:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: -webkit-calc( 100%);
    width: calc( 100%);
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #565656;
}

.categoryPost.styleOne .categoryPost__footer .read-more a:hover {
    color: #3197d6;
}

.categoryPost.styleOne .categoryPost__footer .read-more a:hover::before {
    background: #3197d6;
}

.categoryPost.styleOne .categoryPost__footer .postAction {
    color: #ccc;
}

.categoryPost--videoFormat .categoryPost__postThumb {
    position: relative;
}

.categoryPost--videoFormat .categoryPost__postThumb a::before {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    content: url(../img/icon/play.png);
}

.categoryPost--videoFormat .categoryPost__postThumb a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .3;
    background: #000;
}

@media (min-width: 768px) and (max-width: 991px) {
    .categoryPost--wideLayout.styleOne.smHeightControl .postText p {
        overflow: hidden;
        max-height: 266px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .categoryPost--wideLayout.styleOne.mdHeightControl .postText p {
        overflow: hidden;
        max-height: 189px;
    }
}

.categoryPost--wideLayout.styleOne .categoryPost__date {
    top: 10px;
    left: 25px;
}

.categoryPost--wideLayout.styleOne .categoryPost__content {
    padding-right: 30px;
    padding-left: 0;
}

@media (max-width: 767px) {
    .categoryPost--wideLayout.styleOne .categoryPost__content {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .categoryPost--wideLayout.styleOne .categoryPost__content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .categoryPost--wideLayout.styleOne .categoryPost__footer {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .categoryPost--wideLayout.styleOne .categoryPost__footer {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .categoryPost--quotationFormat.mdHeightControl .postText {
        display: none;
    }
}

.categoryPost--quotationFormat .categoryPost__postHeader {
    min-height: 220px;
    background: #9697b5;
}

.categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation {
    padding: 0 65px;
}

.categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    font-style: italic;
    line-height: 34px;
}

.categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote::before {
    position: absolute;
    z-index: 9999;
    top: -40px;
    left: -18px;
    content: url(../img/icon/quote.png);
}

@media only screen and (max-width: 480px) {
    .categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote::before {
        top: -30px;
    }
}

.categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote p {
    color: #fff;
    font-size: 21px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote p {
        font-size: 17px;
    }
}

@media only screen and (max-width: 480px) {
    .categoryPost--quotationFormat .categoryPost__postHeader .categoryPost__quotation blockquote p {
        font-size: 17px;
    }
}

.categoryPost--listStyle {
    margin-top: 30px;
    margin-bottom: 23px;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
}

.categoryPost--listStyle::before,
.categoryPost--listStyle::after {
    display: block;
    clear: both;
    content: "";
}

.categoryPost--listStyle:last-child {
    margin-bottom: 0;
}

.categoryPost--listStyle figure {
    float: left;
    width: 130px;
}

@media only screen and (max-width: 480px) {
    .categoryPost--listStyle figure {
        width: 60px;
    }
}

.categoryPost--listStyle figure a img {
    width: 100%;
}

.categoryPost--listStyle .categoryPost__content {
    float: left;
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
    padding-left: 25px;
}

@media only screen and (max-width: 480px) {
    .categoryPost--listStyle .categoryPost__content {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        padding-left: 13px;
    }
}

.categoryPost--listStyle .categoryPost__content h5 {
    margin: 0;
    margin-top: 6px;
    line-height: 25px;
}

@media only screen and (max-width: 480px) {
    .categoryPost--listStyle .categoryPost__content h5 {
        font-size: 18px;
        line-height: 1.2;
    }
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding-left: 10px;
    vertical-align: middle;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li:first-child {
    margin: 0;
    padding: 0;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li:first-child::before {
    display: none;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li a {
    color: #9697b5;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__category li a:hover {
    color: #3197d6;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__meta {
    margin-top: 8px;
    color: #747474;
    font-size: 13px;
    line-height: 20px;
}

@media only screen and (max-width: 480px) {
    .categoryPost--listStyle .categoryPost__content .categoryPost__meta {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .categoryPost--listStyle .categoryPost__content .categoryPost__meta {
        display: none;
    }
}

.categoryPost--listStyle .categoryPost__content .categoryPost__meta img {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__meta a {
    color: #747474;
    font-weight: 700;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__meta a:hover {
    color: #3197d6;
}

.categoryPost--listStyle .categoryPost__content .categoryPost__meta span {
    font-style: italic;
}

.categoryPost.noPostThumb {
    padding: 35px 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .categoryPost.noPostThumb.mdHeightControl .postText p {
        overflow: hidden;
        height: 188px;
    }
}

.categoryPost.noPostThumb .categoryPost__postHeader .categoryPost__date {
    position: static !important;
    display: inline-block;
    background: #3197d6;
}

.categoryPost.noPostThumb .categoryPost__content {
    padding: 0;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__title {
    font-size: 25px;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li {
    display: inline-block;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li a {
    color: #9697b5;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li a:hover {
    color: #3197d6;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li.categoryPost__category::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li.categoryPost__category ul {
    display: inline-block;
}

.categoryPost.noPostThumb .categoryPost__content .categoryPost__author_category li.categoryPost__category ul li {
    display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-4 .categoryPost.styleOne.mdHeightControl-sm .postText p {
        overflow: hidden;
        max-height: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-8 .categoryPost.styleOne.mdHeightControl-lg .postText p {
        overflow: hidden;
        max-height: 186px;
    }
}

.categoryPostWrapper .categoryPostBlock {
    margin-bottom: 30px;
}


/*3.6 Featured Post*/

.featuredPost.styleOne.hasPostThumb .featuredPost__postHeader .featuredPost__date {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
    height: 45px;
    padding: 0 20px;
    background: rgba(0, 0, 0, .4);
    line-height: 45px;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__postHeader .featuredPost__date .timeIcon {
    font-size: 18px;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content {
    position: absolute;
    z-index: 9999;
    bottom: 26px;
    left: 20px;
    padding-right: 150px;
    padding-left: 18px;
}

@media (max-width: 767px) {
    .featuredPost.styleOne.hasPostThumb .featuredPost__content {
        padding-right: 60px;
    }
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 3px;
    height: -webkit-calc(100% - 15px);
    height: calc(100% - 15px);
    content: "";
    -webkit-transition: .4s;
    transition: .4s;
    background: #fff;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content:hover::before {
    opacity: .5;
}

@media (max-width: 767px) {
    .featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__title {
        font-size: 20px;
    }
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category {
    margin-top: 8px;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li {
    display: inline-block;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li a {
    color: #fff;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li a:hover {
    color: #3197d6;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 12px;
    content: "";
    opacity: .55;
    background: #fff;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category ul {
    display: inline-block;
}

.featuredPost.styleOne.hasPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category ul li {
    display: inline-block;
}

.featuredPost.styleOne.noPostThumb {
    padding: 40px;
}

@media (max-width: 767px) {
    .featuredPost.styleOne.noPostThumb {
        padding: 30px 20px 35px;
    }
}

.featuredPost.styleOne.noPostThumb .featuredPost__postHeader .featuredPost__date {
    height: 40px;
    padding: 0 15px;
    background: #3197d6;
    font-weight: bold;
    line-height: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featuredPost.styleOne.noPostThumb .featuredPost__postHeader .featuredPost__date {
        display: block;
        height: auto;
        margin-bottom: -10px;
        padding: 0;
        color: #333;
        background: 0 0;
        line-height: normal;
    }
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li {
    display: inline-block;
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li a {
    color: #9697b5;
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li a:hover {
    color: #3197d6;
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category ul {
    display: inline-block;
}

.featuredPost.styleOne.noPostThumb .featuredPost__content .featuredPost__author_category li.featuredPost__category ul li {
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .featuredPost.styleOne.noPostThumb .featuredPost__content {
        overflow: hidden;
        height: 255px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featuredPost.styleOne.noPostThumb .featuredPost__content {
        overflow: hidden;
        height: 267px;
    }
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer::before,
.featuredPost.styleOne.noPostThumb .featuredPost__footer::after {
    display: block;
    clear: both;
    content: "";
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer .read-more a {
    color: #565656;
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer .read-more a:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: -webkit-calc( 100%);
    width: calc( 100%);
    height: 2px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #565656;
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer .read-more a:hover {
    color: #3197d6;
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer .read-more a:hover::before {
    background: #3197d6;
}

.featuredPost.styleOne.noPostThumb .featuredPost__footer .postAction {
    color: #ccc;
}

.featuredPost.styleTwo {
    height: 730px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .featuredPost.styleTwo {
        padding-left: 110px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featuredPost.styleTwo {
        padding-left: 90px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .featuredPost.styleTwo {
        padding-left: 90px;
    }
}

.featuredPost.styleTwo .container {
    -webkit-transform: translateY(-55px);
    -ms-transform: translateY(-55px);
    transform: translateY(-55px);
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li {
    position: relative;
    display: inline-block;
    padding-left: 36px;
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li:first-child {
    padding-left: 0;
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li:first-child::before {
    display: none;
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li::before {
    position: absolute;
    top: 9px;
    left: 17px;
    width: 2px;
    height: 14px;
    content: "";
    background: #fff;
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li a {
    color: #fff;
    font-size: 19px;
}

.featuredPost.styleTwo .featuredPost__header ul.featuredPost__category li a:hover {
    color: #3197d6;
}

.featuredPost.styleTwo .featuredPost__content {
    max-width: 660px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .featuredPost.styleTwo .featuredPost__content {
        max-width: 500px;
    }
}

.featuredPost.styleTwo .featuredPost__content h1 {
    margin-top: 10px;
    margin-bottom: 30px;
}

.featuredPost.styleTwo .featuredPost__footer .authorPic {
    overflow: hidden;
    width: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.featuredPost.styleTwo .featuredPost__footer .authorName-postDate h6 {
    font-family: Kanit;
    font-weight: 600;
}

.featuredPost.styleTwo .featuredPost__footer .authorName-postDate span {
    color: #ccc;
}

.featuredPost.styleThree {
    position: relative;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.featuredPost.styleThree .featuredPost__content {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 15px;
    background: rgba(0, 0, 0, .5);
}

.featuredPost.styleThree .featuredPost__content h5 {
    margin-bottom: 5px;
}

.featuredPost.styleThree .featuredPost__content h5 a {
    color: #fff;
}

.featuredPost.styleThree .featuredPost__content h5 a:hover {
    color: #3197d6;
}

.featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author {
    float: left;
}

.featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-pic {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

@media only screen and (max-width: 480px) {
    .featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-pic {
        width: 15px;
        margin-right: 2px;
    }
}

.featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-name {
    color: #eee;
    font-size: 15px;
}

@media only screen and (max-width: 480px) {
    .featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-name {
        font-size: 13px;
    }
}

.featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-name:hover {
    color: #3197d6;
}

.featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__rating {
    float: right;
    color: #ffa500;
}

@media only screen and (max-width: 480px) {
    .featuredPost.styleThree .featuredPost__content .featuredPost__author-rating .featuredPost__rating {
        padding-top: 3px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .featuredPost.styleThree.min .featuredPost__content h5 {
        font-size: 15px;
    }
}

.featuredPost.styleThree.min .featuredPost__content .featuredPost__author-rating {
    overflow: hidden;
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .featuredPost.styleThree.min .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-pic {
        width: 15px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .featuredPost.styleThree.min .featuredPost__content .featuredPost__author-rating .featuredPost__author .author-name {
        font-size: 13px;
        line-height: 1;
    }
}

.featuredPost.styleThree.min .featuredPost__content .featuredPost__author-rating .featuredPost__rating {
    padding-top: 3px;
    font-size: 13px;
}

.featuredPost.styleFour {
    position: relative;
}

.featuredPost.styleFour.featuredPost--min .featuredPost__category li a {
    height: 24px !important;
    font-size: 13px !important;
    line-height: 24px !important;
}

.featuredPost.styleFour .featuredPost__thumb img {
    width: 100%;
}

.featuredPost.styleFour .featuredPost__content {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featuredPost.styleFour .featuredPost__content .featuredPost__category {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .featuredPost.styleFour .featuredPost__content .featuredPost__category {
        display: none;
    }
}

@media (max-width: 767px) {
    .featuredPost.styleFour .featuredPost__content .featuredPost__category {
        display: none;
    }
}

.featuredPost.styleFour .featuredPost__content .featuredPost__category li {
    display: inline-block;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__category li a {
    display: inline-block;
    height: 28px;
    margin-right: 2px;
    padding: 0 10px;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #3197d6;
    font-size: 14px;
    line-height: 28px;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__category li a:hover {
    background: #176ea4;
}

.featuredPost.styleFour .featuredPost__content h5 {
    margin-top: 4px;
}

.featuredPost.styleFour .featuredPost__content h5 a {
    color: #fff;
}

.featuredPost.styleFour .featuredPost__content h5 a:hover {
    color: #3197d6;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__meta {
    margin-top: 7px;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__meta .featuredPost__author img {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__meta .featuredPost__author a {
    color: #ccc;
    font-size: 15px;
}

.featuredPost.styleFour .featuredPost__content .featuredPost__meta .featuredPost__author a:hover {
    color: #3197d6;
}

.featuredPost.styleFour.smControl .featuredPost__content {
    padding-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .featuredPost.styleFour.smControl h5 {
        font-size: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .featuredPost.styleFour.smControl .featuredPost__category li a {
        padding: 2px 8px;
        font-size: 14px;
    }
}

.featuredPostArea .owl-nav {
    text-align: center;
}

.featuredPostArea .owl-nav div {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 40px;
    height: 40px;
    margin-top: -75px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    color: #ccc;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
}

.featuredPostArea .owl-nav div.owl-next {
    right: 40px;
    left: auto;
}

.featuredPostArea .owl-nav div:hover {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

.featuredPostArea .gridWrapper {
    margin-right: -10px;
    margin-left: -10px;
}

.featuredPostArea .gridWrapper::before,
.featuredPostArea .gridWrapper::after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
    .featuredPostArea .gridWrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .featuredPostArea .gridWrapper>div:first-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .featuredPostArea .gridWrapper>div:nth-child(3) {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .featuredPostArea .gridWrapper>div:last-child {
        margin-top: 20px;
    }
}

.featuredPostArea .gridWrapper .defGrid {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.featuredPostArea .gridWrapper .defGrid.order-1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.featuredPostArea .gridWrapper .defGrid.order-2 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.featuredPostArea .gridWrapper .defGrid.order-3 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

.featuredPostArea .gridWrapper .defGrid.order-4 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
}

.featuredPostArea .gridWrapper .defGrid img {
    width: 100%;
}

.featuredPostArea .gridWrapper .gridBig {
    width: 30.4%;
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
    .featuredPostArea .gridWrapper .gridBig {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .featuredPostArea .gridWrapper .gridBig {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .featuredPostArea .gridWrapper .gridBig h5 {
        font-size: 17px;
    }
}

.featuredPostArea .gridWrapper .gridSmall {
    width: 19.6%;
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
    .featuredPostArea .gridWrapper .gridSmall {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .featuredPostArea .gridWrapper .gridSmall {
        width: 100%;
    }
}

.featuredPostArea .gridWrapper .gridSmall article:first-child {
    margin-bottom: 20px;
}

.featuredPostArea .gridWrapper .gridSmall article h5 {
    font-size: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
    .featuredPostArea .gridWrapper .gridSmall article h5 {
        font-size: 21px;
    }
}


/*3.7 Instagram*/

.instagramGal__label {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    display: inline-block;
    height: 50px;
    padding: 0 25px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(49, 151, 214, .75);
    font-size: 21px;
    line-height: 42px;
}

@media (max-width: 767px) {
    .instagramGal__label {
        display: none;
    }
}

.instagramGal__block.styleOne a {
    position: relative;
    display: block;
    overflow: hidden;
}

.instagramGal__block.styleOne a:before,
.instagramGal__block.styleOne a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: auto;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    color: #fff;
}

.instagramGal__block.styleOne a::before {
    z-index: 99;
    width: 40px;
    height: 40px;
    content: "\f13a";
    text-align: center;
    font-family: "Ionicons";
    font-size: 30px;
    line-height: 40px;
}

.instagramGal__block.styleOne a:after {
    z-index: 9;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    background-color: rgba(49, 151, 214, .75);
}

.instagramGal__block.styleOne a:hover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.instagramGal__block.styleOne a:hover::before {
    opacity: 1;
}

.instagramGal__block.styleOne a img {
    width: 100%;
}

.instagramGal__block.styleOne.multiply a::before {
    content: "\f350";
}

.instagramGal__block.styleOne.multiply a:after {
    background-color: #3197d6;
    mix-blend-mode: multiply;
}

.instagramGal__block.styleTwo a {
    position: relative;
    display: block;
    overflow: hidden;
}

.instagramGal__block.styleTwo a:before,
.instagramGal__block.styleTwo a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: auto;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    color: #fff;
}

.instagramGal__block.styleTwo a::before {
    z-index: 99;
    width: 40px;
    height: 40px;
    content: "\f13a";
    text-align: center;
    font-family: "Ionicons";
    font-size: 30px;
    line-height: 40px;
}

.instagramGal__block.styleTwo a:after {
    z-index: 9;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    background-color: rgba(49, 151, 214, .75);
}

.instagramGal__block.styleTwo a:hover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.instagramGal__block.styleTwo a:hover::before {
    opacity: 1;
}

.instagramGal__block.styleTwo a img {
    width: 100%;
}

.instagramGal__block.styleTwo.multiply a::before {
    content: "\f350";
}

.instagramGal__block.styleTwo.multiply a:after {
    background-color: #3197d6;
    mix-blend-mode: multiply;
}

.instagramGal .container .row {
    margin: 0;
}

@media (max-width: 767px) {
    .instagramGal .container .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}


/*3.8 Recent Event*/

.eventPost.styleOne {
    height: 730px;
}

.eventPost.styleOne .eventPost__header ul.eventPost__category {
    position: relative;
}

.eventPost.styleOne .eventPost__header ul.eventPost__category::before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 80px;
    height: 3px;
    content: "";
    background: #fff;
}

@media (max-width: 767px) {
    .eventPost.styleOne .eventPost__header ul.eventPost__category::before {
        width: 70%;
        height: 1px;
    }
}

.eventPost.styleOne .eventPost__header ul.eventPost__category li {
    position: relative;
    display: inline-block;
    padding-left: 36px;
    color: #fff;
    font-size: 17px;
}

@media (max-width: 767px) {
    .eventPost.styleOne .eventPost__header ul.eventPost__category li {
        display: block;
    }
}

@media (max-width: 767px) {
    .eventPost.styleOne .eventPost__header ul.eventPost__category li time span {
        display: block;
    }
}

@media (max-width: 767px) {
    .eventPost.styleOne .eventPost__header ul.eventPost__category li {
        padding-left: 0;
    }
}

.eventPost.styleOne .eventPost__header ul.eventPost__category li:first-child {
    padding-left: 0;
}

.eventPost.styleOne .eventPost__header ul.eventPost__category li:first-child::before {
    display: none;
}

.eventPost.styleOne .eventPost__header ul.eventPost__category li::before {
    position: absolute;
    top: 9px;
    left: 17px;
    width: 2px;
    height: 14px;
    content: "";
    background: #fff;
}

@media (max-width: 767px) {
    .eventPost.styleOne .eventPost__header ul.eventPost__category li::before {
        display: none;
    }
}

.eventPost.styleOne .eventPost__content {
    max-width: 660px;
}


/*3.9 Sidebar*/

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .sideBar {
        margin-top: 40px;
    }
}

.sideBar.styleOne.rightSideBar {
    padding-left: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleOne.rightSideBar {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sideBar.styleOne.rightSideBar {
        padding-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleOne.rightSideBar {
        padding-left: 0;
    }
}

.sideBar.styleOne.leftSideBar {
    padding-right: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleOne.leftSideBar {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .sideBar.styleOne.leftSideBar {
        padding-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleOne.leftSideBar {
        padding-right: 0;
    }
}

.sideBar.styleOne .widget {
    margin-bottom: 40px;
    padding: 0 35px 35px;
}

@media only screen and (max-width: 480px) {
    .sideBar.styleOne .widget {
        padding: 0 20px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleOne .widget {
        padding: 0 20px 30px;
    }
}

.sideBar.styleOne .widget:last-child {
    margin-bottom: 0;
}

.sideBar.styleOne .widget .widgetTitle {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: 2px dashed #eee;
}

.sideBar.styleTwo.rightSideBar {
    padding-left: 25px;
}

@media (max-width: 767px) {
    .sideBar.styleTwo.rightSideBar {
        padding-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleTwo.rightSideBar {
        padding-left: 0;
    }
}

.sideBar.styleTwo.leftSideBar {
    padding-right: 25px;
}

@media (max-width: 767px) {
    .sideBar.styleTwo.leftSideBar {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleTwo.leftSideBar {
        padding-right: 0;
    }
}

.sideBar.styleTwo .widget {
    margin-bottom: 40px;
}

.sideBar.styleTwo .widget:last-child {
    margin-bottom: 0;
}

.sideBar.styleTwo .widget .widgetTitle {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    background: #80819f;
}

.sideBar.styleThree.rightSideBar {
    padding-left: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleThree.rightSideBar {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sideBar.styleThree.rightSideBar {
        padding-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleThree.rightSideBar {
        padding-left: 0;
    }
}

.sideBar.styleThree.leftSideBar {
    padding-right: 25px;
}

.sideBar.styleThree .widget {
    margin-bottom: 30px;
    padding: 25px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleThree .widget {
        padding: 15px;
    }
}

.sideBar.styleThree .widget:last-child {
    margin-bottom: 0;
}

.sideBar.styleThree .widget .widgetTitle {
    position: relative;
    margin: 0;
    margin-bottom: 50px;
    color: #222;
}

.sideBar.styleThree .widget .widgetTitle:before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 65px;
    height: 2px;
    margin-left: -25px;
    content: "";
    background: #3197d6;
}

.sideBar.styleThree .widget .widgetTitle:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 6px;
    height: 2px;
    margin-left: -12px;
    content: "";
    background: #f6f6f6;
}

.sideBar.styleFour.rightSideBar {
    padding-left: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleFour.rightSideBar {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sideBar.styleFour.rightSideBar {
        padding-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleFour.rightSideBar {
        padding-left: 0;
    }
}

.sideBar.styleFour.leftSideBar {
    padding-right: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar.styleFour.leftSideBar {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .sideBar.styleFour.leftSideBar {
        padding-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar.styleFour.leftSideBar {
        padding-right: 0;
    }
}

.sideBar.styleFour .widget {
    margin-bottom: 45px;
}

.sideBar.styleFour .widget:last-child {
    margin-bottom: 0;
}

.sideBar.styleFour .widget .widgetTitle {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: left;
}

.sideBar.styleFour .widget .widgetTitle.c-headingUnderLine::before {
    left: 0;
    width: 65px;
    margin-left: 0;
}

.sideBar.styleFour .widget .widgetTitle.c-headingUnderLine--styleTwo::after {
    left: 12px;
    margin-left: 0;
}


/*3.10 Single Post*/

.singlePost.styleOne {
    position: relative;
}

.singlePost.styleOne .singlePost__postHeader .singlePost__date {
    z-index: 99;
    height: 45px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .4);
    line-height: 45px;
}

.singlePost.styleOne .singlePost__postHeader .singlePost__date .timeIcon {
    font-size: 18px;
}

.singlePost.styleOne .singlePost__postHeader .singlePost__postHeader img {
    width: 100%;
}

.singlePost.styleOne .singlePost__content {
    padding: 0 40px;
}

@media (max-width: 767px) {
    .singlePost.styleOne .singlePost__content {
        padding: 0 20px;
    }
}

.singlePost.styleOne .singlePost__content .singlePost__author_category li a {
    color: #9697b5;
}

.singlePost.styleOne .singlePost__content .singlePost__author_category li a:hover {
    color: #3197d6;
}

.singlePost.styleOne .singlePost__content .singlePost__author_category li.singlePost__category::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 14px;
    content: "";
    background: #9697b5;
}

.singlePost.styleOne .singlePost__content .singlePost__author_category li.singlePost__category ul li a:hover {
    color: #3197d6;
}

.singlePost.styleOne .singlePost__footer {
    padding: 0 40px;
    padding-top: 35px;
}

.singlePost.styleOne .singlePost__footer .singlePost__share {
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
}

.singlePost.styleOne .singlePost__footer .singlePost__share ul li {
    display: inline-block;
}

.singlePost.styleOne .singlePost__footer .singlePost__share ul li a {
    margin-right: 10px;
    color: #ccc;
    font-size: 22px;
}

.singlePost.fullWidth .singlePost__postHeader {
    margin-bottom: 50px;
}

.singlePost.fullWidth .singlePost__content {
    padding: 0 100px;
}

@media (max-width: 767px) {
    .singlePost.fullWidth .singlePost__content {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .singlePost.fullWidth .singlePost__content {
        padding: 0 40px;
    }
}

.singlePost.fullWidth .singlePost__footer {
    padding: 0 100px;
}

@media (max-width: 767px) {
    .singlePost.fullWidth .singlePost__footer {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .singlePost.fullWidth .singlePost__footer {
        padding: 0 40px;
    }
}

.singlePost.fullWidth .singlePost__footer .singlePost__share {
    padding-bottom: 40px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 768px) and (max-width: 991px) {
    .singlePost.fullWidth .singlePost__footer .singlePost__share {
        margin-top: 35px;
        padding-bottom: 20px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .singlePost.fullWidth .singlePost__footer .singlePost__share {
        margin-top: 35px;
        padding-bottom: 20px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 0;
    }
}

.fullWidth .breadcrumbs {
    padding-bottom: 30px;
    font-size: 17px;
}

.fullWidth .breadcrumbs a {
    color: #747474;
}

.fullWidth .breadcrumbs .separetor {
    margin: 0 5px;
    color: #747474;
}

.fullWidth .breadcrumbs .current {
    color: #9697b5;
}

.fullWidth .singlePost__date {
    display: inline-block;
    height: 46px;
    padding: 0 20px;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #9697b5;
    line-height: 46px;
}

.fullWidth .postPrevNext:before {
    display: none;
}

.postPrevNext {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.postPrevNext::before {
    position: absolute;
    top: -11px;
    left: 32%;
    width: 4px;
    height: 157%;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    background: #f6f6f6;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .postPrevNext::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .postPrevNext::before {
        display: none;
    }
}

.postPrevNext .col {
    float: left;
    width: 50%;
    padding: 50px;
}

.postPrevNext .col .ctrl {
    margin: 0;
    margin-bottom: 20px;
    font-size: 17px;
}

.postPrevNext .col .ctrl a {
    color: #747474;
}

.postPrevNext .col .ctrl a:hover {
    color: #3197d6;
}

.postPrevNext .col h5 {
    margin: 0;
}

.postPrevNext .col h5 a {
    color: #262626;
}

.postPrevNext .col h5 a:hover {
    color: #3197d6;
}

.postPrevNext.fullWidth {
    overflow: hidden;
    margin-top: 0;
    padding: 0 100px;
    padding-bottom: 72px;
}

.postPrevNext.fullWidth .col {
    width: 280px;
    padding: 0;
}

.postPrevNext.fullWidth .col.left {
    float: left;
}

.postPrevNext.fullWidth .col.right {
    float: right;
    text-align: right;
}

.postResponse {
    padding: 50px;
}

.postResponse h4 {
    line-height: 1;
}

@media (max-width: 767px) {
    .postResponse {
        padding: 20px;
    }
}

.postResponse.postResponse-pad {
    padding-top: 10px;
}

.postResponse--trns {
    padding: 0;
    padding-bottom: 70px;
}

.postResponse .responseTab__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

@media only screen and (max-width: 480px) {
    .postResponse .responseTab__btn {
        margin: 0 -5px;
    }
}

.postResponse .responseTab__btn li {
    flex: 1;
    height: 56px;
    margin: 0 10px;
    text-align: center;
    border: 1px solid #9697b5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 56px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

@media only screen and (max-width: 480px) {
    .postResponse .responseTab__btn li {
        margin: 0 5px;
    }
}

.postResponse .responseTab__btn li.active {
    background: #3197d6;
}

.postResponse .responseTab__btn li.active a {
    color: #fff;
}

.postResponse .responseTab__btn li a {
    display: block;
    text-transform: uppercase;
    color: #565656;
    font-size: 15px;
}

.postResponse .form__row {
    margin-bottom: 20px;
}

.postResponse .form__row:last-child {
    margin-bottom: 0;
}

.postResponse .form__row textarea {
    width: 100%;
    height: 150px;
    padding: 10px 15px;
    resize: none;
    border: 1px solid #9697b5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: transparent;
}

.postResponse .form__row textarea:focus {
    border: 1px solid #3197d6;
}

.postResponse .form__row .input {
    width: 100%;
    height: 54px;
    padding: 0 15px;
    border: 1px solid #9697b5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: transparent;
}

@media (max-width: 767px) {
    .postResponse .form__row .input.firstChild {
        margin-bottom: 20px;
    }
}

.postResponse .form__row .input:focus {
    border: 1px solid #3197d6;
}

.postResponse .form__row button {
    width: 100%;
    height: 55px;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
    color: #fff;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3197d6;
    font-size: 15px;
}

.postResponse .form__row button:hover {
    background: #176ea4;
}

.commentsArea {
    padding: 50px 50px 20px;
}

@media (max-width: 767px) {
    .commentsArea {
        padding: 20px;
    }
}

.commentsArea.pad-60 {
    padding-top: 60px;
}

.commentsArea h4 {
    line-height: 1;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body {
    margin-bottom: 30px;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta {
    position: relative;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta::before,
.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta::after {
    display: block;
    clear: both;
    content: "";
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .author-pic {
    float: left;
    overflow: hidden;
    width: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .author-pic img {
    width: 100%;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .comment-metadata {
    float: left;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    padding-left: 15px;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .comment-metadata .author-name {
    margin: 0;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .comment-metadata time {
    color: #ababab;
    font-size: 16px;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .postReplay {
    position: absolute;
    top: 0;
    right: 0;
    color: #747474;
    font-size: 15px;
    font-weight: 700;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-meta .postReplay:hover {
    color: #3197d6;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-content {
    padding-left: 75px;
}

.commentsArea .comments__Wrapper .comment-list .comment .comment-body .comment-content p {
    margin: 0;
}

.commentsArea .comments__Wrapper .comment-list .comment ol.children {
    padding-left: 30px;
}

.singlePost__content .postText h1,
.singlePost__content .postText .h1,
.singlePost__content .postText h2,
.singlePost__content .postText .h2,
.singlePost__content .postText h3,
.singlePost__content .postText .h3,
.singlePost__content .postText h4,
.singlePost__content .postText .h4,
.singlePost__content .postText h5,
.singlePost__content .postText .h5,
.singlePost__content .postText h6,
.singlePost__content .postText .h6 {
    margin-bottom: 20px;
}

.singlePost__content .postText p {
    margin-bottom: 15px;
}

.singlePost__content .postText p em {
    color: #80819f;
}

.singlePost__content .postText a {
    text-decoration: underline;
    color: #80819f;
}

.singlePost__content .postText a:hover {
    color: #3197d6;
}

.singlePost__content .postText ul {
    padding-bottom: 16px;
    padding-left: 18px;
}

.singlePost__content .postText ul li {
    margin-bottom: 12px;
    list-style: initial;
    color: #747474;
}

.singlePost__content .postText blockquote {
    padding-top: 10px;
    padding-right: 60px;
    padding-bottom: 10px;
    padding-left: 60px;
    border: 0;
}

@media only screen and (max-width: 480px) {
    .singlePost__content .postText blockquote {
        padding-right: 0;
        padding-left: 0;
    }
}

.singlePost__content .postText blockquote p {
    text-align: center;
    font-size: 20px;
    font-style: italic;
}

.singlePost__content .postText blockquote p:last-child {
    margin-bottom: 0;
}


/*3.11 Trending Post*/

.trendingPost .styleOne::before {
    position: absolute;
    /*z-index: 99;
    top: -23px;*/
    left: -29px;
    width: 84px;
    height: 52px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
    opacity: .5;
    background: #262626;
}

.trendingPost .styleOne:after {
    position: absolute;
    z-index: 9999999;
    top: 1px;
    left: 12px;
    /* content: "\f3e6";*/
    color: #ccc;
    font-family: "Ionicons";
    font-size: 22px;
}

.trendingPost .styleOne:hover::before {
    opacity: 1;
    background: #3197d6;
}

.trendingPost .styleOne:hover::after {
    color: #fff;
}

.trendingPost .styleOne:hover .trendingPost__content {
    bottom: 0;
}

.trendingPost .styleOne:hover .trendingPost__content ul.trendingPost__author_date,
.trendingPost .styleOne:hover .trendingPost__content .featuredPost__author-rating {
    -webkit-transition: .4s ease .2s;
    transition: .4s ease .2s;
    opacity: 1;
}

.trendingPost .styleOne .trendingPost__content {
    bottom: -25px;
    left: 0;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.trendingPost .styleOne .trendingPost__content h3 a {
    color: #f6f6f6;
}

.trendingPost .styleOne .trendingPost__content ul.trendingPost__author_date {
    opacity: 0;
}

.trendingPost .styleOne .trendingPost__content li.trendingPost_date::before {
    position: absolute;
    top: 6px;
    left: 9px;
    width: 2px;
    height: 10px;
    content: "";
    background: #fff;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating {
    margin-top: 10px;
    opacity: 0;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating::before,
.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating::after {
    display: block;
    clear: both;
    content: "";
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating .featuredPost__author {
    float: left;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating .featuredPost__author .author-pic {
    float: left;
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating .featuredPost__author .author-name {
    color: #fff;
    font-size: 15px;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating .featuredPost__author .author-name:hover {
    color: #3197d6;
}

.trendingPost .styleOne .trendingPost__content .featuredPost__author-rating .featuredPost__rating {
    float: right;
    color: #ffa500;
}

.trendingPost .styleTwo::before {
    position: absolute;
    z-index: 99;
    top: -23px;
    left: -29px;
    width: 84px;
    height: 52px;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
    opacity: 1;
    background: #262626;
}

.trendingPost .styleTwo:after {
    position: absolute;
    z-index: 99;
    top: 1px;
    left: 12px;
    content: "\f3e6";
    -webkit-transition: .3s;
    transition: .3s;
    color: #ccc;
    font-family: "Ionicons";
    font-size: 22px;
}

.trendingPost .styleTwo:hover::before {
    background: #3197d6;
}

.trendingPost .styleTwo:hover::after {
    color: #fff;
}

.trendingPost .styleTwo .trendingPost__header .trendingPost__thumb a img {
    width: 100%;
}

.trendingPost .styleTwo .trendingPost__content {
    padding-top: 15px;
}

.trendingPost .styleTwo .trendingPost__content h5 a {
    color: #262626;
}

.trendingPost .styleTwo .trendingPost__content h5 a:hover {
    color: #3197d6;
}

.trendingPost .styleTwo .trendingPost__content .trendingPost__meta {
    margin-top: 15px;
}

.trendingPost .styleTwo .trendingPost__content .trendingPost__meta .trendingPost__author .author-pic {
    float: left;
    width: 25px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.trendingPost .styleTwo .trendingPost__content .trendingPost__meta .trendingPost__author .author-name {
    color: #9697b5;
    font-size: 15px;
}

.trendingPost .styleTwo .trendingPost__content .trendingPost__meta .trendingPost__author .author-name:hover {
    color: #3197d6;
}

.trendingPost .owl-nav {
    text-align: center;
}

.trendingPost .owl-nav div {
    position: absolute;
    top: 50%;
    left: -50px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    color: #ccc;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost .owl-nav div {
        left: -40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .trendingPost .owl-nav div {
        left: -40px;
    }
}

.trendingPost .owl-nav div.owl-next {
    right: -50px;
    left: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost .owl-nav div.owl-next {
        right: -40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .trendingPost .owl-nav div.owl-next {
        right: -40px;
    }
}

.trendingPost .owl-nav div:hover {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

@media (max-width: 767px) {
    .trendingPost .owl-nav div {
        position: static;
        display: inline-block;
        margin: 20px 10px 0;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1539px) {
    .trendingPost.full-width .owl-nav div {
        background: #fff;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost.full-width .owl-nav div {
        background: #fff;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1539px) {
    .trendingPost.full-width .owl-nav div:hover {
        border-color: #3197d6;
        background: #3197d6;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost.full-width .owl-nav div:hover {
        border-color: #3197d6;
        background: #3197d6;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1539px) {
    .trendingPost.full-width .owl-nav .owl-next {
        right: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost.full-width .owl-nav .owl-next {
        right: 40px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1539px) {
    .trendingPost.full-width .owl-nav .owl-prev {
        left: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .trendingPost.full-width .owl-nav .owl-prev {
        left: 40px;
    }
}


/*3.12 Video Post*/

.videoPost.styleOne {
    background: #80819f;
}

.videoPost.styleOne .sectionBody {
    padding: 20px;
    background: #f1f1f9;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody {
        padding: 5px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper {
    padding-right: 20px;
    background: #fff;
}

@media (max-width: 767px) {
    .videoPost.styleOne .sectionBody .mainWrapper {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleOne .sectionBody .mainWrapper {
        padding-right: 0;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .videoPost.styleOne .sectionBody .mainWrapper .row {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleOne .sectionBody .mainWrapper .row {
        display: block;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playerFrame {
    height: 100%;
}

.videoPost.styleOne .sectionBody .mainWrapper .playerFrame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 767px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playerFrame iframe {
        height: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playerFrame iframe {
        height: 320px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList {
    padding-bottom: 20px;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header {
    margin-bottom: 20px;
    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}

@media (max-width: 767px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header {
        overflow: hidden;
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header {
        overflow: hidden;
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header h3 {
    float: left;
    margin: 0;
    line-height: 40px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header h3 {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header h3 {
        font-size: 18px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header .btnSubscription {
    display: inline-block;
    float: right;
    height: 40px;
    padding: 0 20px;
    color: #80819f;
    border: 1px solid #80819f;
    font-size: 17px;
    line-height: 38px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header .btnSubscription {
        float: left;
        height: 34px;
        margin-top: 10px;
        padding: 0 15px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header .btnSubscription {
        height: 34px;
        margin-top: 5px;
        padding: 0 15px;
        line-height: 32px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList .playList__header .btnSubscription:hover {
    color: #fff;
    border: 1px solid #3197d6;
    background: #3197d6;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap {
    overflow-y: scroll;
    height: 300px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap {
        height: 236px;
        padding-right: 5px;
        padding-left: 0;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li {
    overflow: hidden;
    margin-bottom: 20px;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li:last-child {
    margin-bottom: 0;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__thumb {
    float: left;
    width: 70px;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content {
    float: left;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    padding-left: 25px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content {
        padding-left: 15px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content h3 {
    margin: 0;
    margin-top: -4px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 20px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content h3 {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content h3 {
        overflow: hidden;
        height: 40px;
    }
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content h3 a:hover {
    color: #3197d6;
}

.videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content .postDate {
    display: block;
    color: #80819f;
    font-size: 13px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .mainWrapper .playList ul.playList__wrap li .videoPost__content .postDate {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .relatedPlayList {
        padding: 0 10px;
    }
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block {
    overflow: hidden;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block {
        margin-bottom: 20px;
    }
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__thumb {
    float: left;
    width: 70px;
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__content {
    float: left;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    padding-left: 15px;
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__content h3 {
    margin: 0;
    margin-top: -4px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

@media only screen and (max-width: 480px) {
    .videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__content h3 {
        font-size: 15px;
    }
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__content h3 a:hover {
    color: #3197d6;
}

.videoPost.styleOne .sectionBody .relatedPlayList .relatedPlayList__block .videoPost__content .postDate {
    display: block;
    color: #80819f;
    font-size: 13px;
}

.videoPost.styleTwo {
    padding: 5px;
    background: #fff;
}

@media (max-width: 767px) {
    .videoPost.styleTwo {
        margin-bottom: 30px;
    }
}

.videoPost.styleTwo figure {
    position: relative;
}

.videoPost.styleTwo figure a.figure {
    position: relative;
    display: block;
}

.videoPost.styleTwo figure a.figure img {
    width: 100%;
}

.videoPost.styleTwo figure a.figure::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .5;
    background: #000;
}

.videoPost.styleTwo figure a.figure::after {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    content: "\f215";
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    color: #333;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    font-family: "Ionicons";
    font-size: 18px;
    line-height: 40px;
}

.videoPost.styleTwo figure figcaption {
    position: absolute;
    bottom: 40px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleTwo figure figcaption {
        bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videoPost.styleTwo figure figcaption {
        display: none;
    }
}

.videoPost.styleTwo figure figcaption h5 {
    margin: 0;
    padding: 0 15px;
    -webkit-transition: .4s;
    transition: .4s;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videoPost.styleTwo figure figcaption h5 {
        overflow: hidden;
        height: 53px;
    }
}

.videoPost.styleTwo figure figcaption h5 a:hover {
    color: #3197d6;
}

.videoPost.styleTwo figure:hover a::after {
    color: #fff;
    background: #3197d6;
}


/*** widgets  ***/


/*4.1 Sidebar Widgets*/

.sideBar .aboutWidget.styleOne .aboutWidget__info p em {
    font-weight: 600;
}

.sideBar .aboutWidget.styleOne .aboutWidget__socialMedia {
    margin-top: 24px;
}

.sideBar .aboutWidget.styleOne .aboutWidget__socialMedia li {
    display: inline-block;
}

.sideBar .aboutWidget.styleOne .aboutWidget__socialMedia li a {
    margin-right: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #ccc;
    font-size: 20px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li {
    overflow: hidden;
    margin-bottom: 23px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li:last-child {
    margin-bottom: 0;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li figure {
    float: left;
    width: 80px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 25px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content h3 {
    margin: 0;
    margin-top: -2px;
    font-weight: 600;
    line-height: 20px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category {
    margin-top: 7px;
    font-size: 13px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li {
    display: inline-block;
    vertical-align: middle;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li a {
    color: #9697b5;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li a:hover {
    color: #3197d6;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li.popularPostWidget__category {
    margin-left: 5px;
    padding-left: 10px;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li.popularPostWidget__category::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li.popularPostWidget__category ul {
    display: inline-block;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li.popularPostWidget__category ul li {
    display: inline-block;
}

.sideBar .popularPostWidget.styleOne .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__author_category li.popularPostWidget__category ul li a:hover {
    color: #3197d6;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li {
    margin-bottom: 23px;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li::before,
.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li:last-child {
    margin-bottom: 0;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li figure {
    float: left;
    width: 80px;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 25px;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content h3 {
    margin: 0;
    margin-top: 4px;
    font-weight: 600;
    line-height: 20px;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category {
    margin-top: -4px;
    font-size: 13px;
    line-height: 1;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding-left: 10px;
    vertical-align: middle;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li:first-child {
    margin: 0;
    padding: 0;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li:first-child::before {
    display: none;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li a {
    color: #9697b5;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__category li a:hover {
    color: #3197d6;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta {
    margin-top: 8px;
    color: #747474;
    font-size: 13px;
    line-height: 20px;
}

@media only screen and (max-width: 480px) {
    .sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta {
        display: none;
    }
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta img {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta a {
    color: #747474;
    font-weight: 600;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta a:hover {
    color: #3197d6;
}

.sideBar .popularPostWidget.styleTwo .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__meta span {
    font-style: italic;
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li {
    margin-bottom: 23px;
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li::before,
.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li:last-child {
    margin-bottom: 0;
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li figure {
    float: left;
    width: 85px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .popularPostWidget.styleThree .popularPostWidget__body>li figure {
        width: 76px;
    }
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li .popularPostWidget__content {
    float: left;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .popularPostWidget.styleThree .popularPostWidget__body>li .popularPostWidget__content {
        width: -webkit-calc(100% - 76px);
        width: calc(100% - 76px);
        padding-left: 10px;
    }
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li .popularPostWidget__content h3 {
    margin: -6px 0 6px;
    font-weight: bold;
    line-height: 20px;
}

.sideBar .popularPostWidget.styleThree .popularPostWidget__body>li .popularPostWidget__content .popularPostWidget__rating {
    color: #ffa500;
}

.sideBar .recentEventWidget .recentEventWidget__body {
    counter-reset: section;
}

.sideBar .recentEventWidget .recentEventWidget__body>li {
    position: relative;
    overflow: hidden;
    margin-bottom: 23px;
    padding-left: 60px;
}

.sideBar .recentEventWidget .recentEventWidget__body>li:last-child {
    margin-bottom: 0;
}

.sideBar .recentEventWidget .recentEventWidget__body>li::before {
    position: absolute;
    top: -12px;
    left: 0;
    content: "0" counter(section) ". ";
    counter-increment: section;
    color: #9697b5;
    font-family: "Kanit";
    font-size: 25px;
    font-weight: 600;
    font-style: italic;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content h3 {
    margin: 0;
    margin-top: -2px;
    font-weight: 600;
    line-height: 20px;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue {
    margin-top: 7px;
    font-size: 13px;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue li {
    display: inline-block;
    vertical-align: middle;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue li a {
    color: #9697b5;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue li a:hover {
    color: #3197d6;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue li.recentEventWidget__vanue {
    margin-left: 5px;
    padding-left: 10px;
}

.sideBar .recentEventWidget .recentEventWidget__body>li .recentEventWidget__content .recentEventWidget__date_vanue li.recentEventWidget__vanue::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form {
    margin-top: 25px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form p {
    color: #747474;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input {
    width: 100%;
    height: 50px;
    border: 1px solid #9697b5;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input::-webkit-input-placeholder {
    color: #80819f;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input:-moz-placeholder {
    color: #80819f;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input::-moz-placeholder {
    color: #80819f;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input:-ms-input-placeholder {
    color: #80819f;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input::placeholder {
    color: #80819f;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input.emailHunter {
    margin-bottom: 20px;
    padding: 0 20px;
    color: #9697b5;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:focus {
    border: 1px solid #3197d6;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input.btnWidget {
    -webkit-transition: .4s;
    transition: .4s;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background: #3197d6;
}

.sideBar .newsLetterWidget.styleOne .newsLetterWidget__body .newsLetterWidget__form input.btnWidget:hover {
    background: #176ea4;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body p {
    color: #747474;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form {
    margin-top: 25px;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form::before,
.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input {
    float: left;
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #9697b5;
    background: none;
    font-size: 15px;
    font-weight: 600;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter {
    width: 70%;
    margin-bottom: 20px;
    padding: 0 10px;
    color: #9697b5;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-webkit-input-placeholder {
    color: #ccc;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-moz-placeholder {
    color: #ccc;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-moz-placeholder {
    color: #ccc;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-ms-input-placeholder {
    color: #ccc;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::placeholder {
    color: #ccc;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:focus {
    border-color: #3197d6;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.btnWidget {
    width: 25%;
    margin-left: 5%;
    -webkit-transition: .4s;
    transition: .4s;
    background: none;
}

.sideBar .newsLetterWidget.styleTwo .newsLetterWidget__body .newsLetterWidget__form input.btnWidget:hover {
    color: #3197d6;
    border-color: #3197d6;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body p {
    color: #747474;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form {
    position: relative;
    margin-top: 15px;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form::before,
.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input {
    float: left;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #ababab;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 7px;
    color: #747474;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-webkit-input-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-moz-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-moz-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-ms-input-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:focus {
    border-color: #3197d6;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form .btnWidget {
    position: absolute;
    top: 8px;
    right: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border: 0;
    background: none;
}

.sideBar .newsLetterWidget.styleThree .newsLetterWidget__body .newsLetterWidget__form .btnWidget:hover {
    color: #3197d6;
    border-color: #3197d6;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body p {
    color: #747474;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form {
    position: relative;
    margin-top: 25px;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form::before,
.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input {
    float: left;
    height: 50px;
    border: 0;
    border: 1px solid #9697b5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 12px;
    color: #747474;
    background: transparent;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-webkit-input-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-moz-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::-moz-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:-ms-input-placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter::placeholder {
    opacity: 1;
    color: #ababab;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form input.emailHunter:focus {
    border-color: #3197d6;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form .btnWidget {
    position: absolute;
    top: 10px;
    right: 8px;
    -webkit-transition: .4s;
    transition: .4s;
    color: #80819f;
    border: 0;
    background: none;
    font-size: 18px;
}

.sideBar .newsLetterWidget.styleFour .newsLetterWidget__body .newsLetterWidget__form .btnWidget:hover {
    color: #3197d6;
    border-color: #3197d6;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body {
    margin-right: -8px;
    margin-left: -8px;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body::before,
.sideBar .instagramWidget.styleOne .instagramWidget__body::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li {
    float: left;
    width: 33.33%;
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a img {
    width: 100%;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a:before,
.sideBar .instagramWidget.styleOne .instagramWidget__body li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: auto;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    color: #fff;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a::before {
    z-index: 99;
    width: 40px;
    height: 40px;
    content: "\f350";
    text-align: center;
    font-family: "Ionicons";
    font-size: 30px;
    line-height: 40px;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a:after {
    z-index: 9;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    background-color: #3197d6;
    mix-blend-mode: multiply;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a:hover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.sideBar .instagramWidget.styleOne .instagramWidget__body li a:hover::before {
    opacity: 1;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul {
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar .socialMedia.styleOne .socialMediaWidget__body ul {
        margin: 0 -8px;
    }
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li {
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideBar .socialMedia.styleOne .socialMediaWidget__body ul li {
        float: left;
        width: 50%;
        padding: 0 8px;
    }
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li:last-child {
    margin-bottom: 0;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a {
    display: inline-block;
    width: 100%;
    height: 56px;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 56px;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a .icon {
    font-size: 20px;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a .count {
    display: inline-block;
    margin-left: 17px;
    font-weight: 600;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a .status {
    float: right;
    font-size: 17px;
    font-weight: 600;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a.facebook {
    background: #3b5998;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a.instagram {
    background: #405de6;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a.linkedin {
    background: #0077b5;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a.twitter {
    background: #1da1f2;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a.rss {
    background: #f26522;
}

.sideBar .socialMedia.styleOne .socialMediaWidget__body ul li a:hover {
    opacity: .7;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li {
    flex: 0 0 120px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li {
        flex: 0 0 100px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
    }
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li:nth-last-child(-n+3) {
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    .sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li:last-child {
        display: none;
    }
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fafafa;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a:hover .icon {
    color: #3197d6;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span {
    display: block;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span.icon {
    -webkit-transition: .3s;
    transition: .3s;
    color: #747474;
    font-size: 25px;
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span.count {
    color: #262626;
    font-size: 17px;
    font-weight: bold;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span.count {
        font-size: 14px;
    }
}

.sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span.status {
    color: #747474;
    font-size: 17px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sideBar .socialMedia.styleTwo .socialMediaWidget__body ul li a span.status {
        font-size: 14px;
    }
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li {
    overflow: hidden;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li ul li a {
    color: #262626;
    font-size: 15px;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li ul li a:before,
.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li ul li a:after {
    display: none;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a {
    position: relative;
    display: block;
    padding-left: 28px;
    text-decoration: none;
    color: #747474;
    font-size: 17px;
    font-weight: 600;
    line-height: 36px;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "\f48d";
    -webkit-transition: .4s;
    transition: .4s;
    color: #9697b5;
    font-family: "Ionicons";
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a::after {
    position: absolute;
    top: 6px;
    right: 0;
    content: "\f209";
    -webkit-transition: .4s;
    transition: .4s;
    color: #9697b5;
    font-family: "Ionicons";
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a.collapsed {
    color: #262626;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a.collapsed::after {
    content: "\f217";
    color: #9697b5;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a.noChildUl {
    color: #262626;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a.noChildUl::after {
    display: none;
}

.sideBar .popularCategoryWidget.styleOne .popularCategoryWidget__body ul li a:hover {
    text-decoration: none;
    color: #747474;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul {
    margin-bottom: 10px;
    background: #f6f6f6;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul li:first-child {
    padding-top: 10px;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul li:last-child {
    padding-bottom: 10px;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul li a {
    height: 30px;
    margin: 0;
    color: #747474;
    font-weight: 400;
    line-height: 1.3;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul li a:before,
.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li ul li a:after {
    display: none;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li:last-child a {
    margin-bottom: 0;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 22px;
    text-decoration: none;
    color: #3197d6;
    background: #f6f6f6;
    font-weight: 600;
    line-height: 45px;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #9697b5;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a::after {
    float: right;
    content: "\f3d8";
    font-family: "Ionicons";
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a:hover {
    text-decoration: none;
    color: #3197d6 !important;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a:hover::before {
    background: #3197d6;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a.collapsed {
    color: #747474;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a.collapsed::after {
    content: "\f3d0";
    color: #9697b5;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a.noChildUl {
    color: #747474;
}

.sideBar .popularCategoryWidget.styleTwo .popularCategoryWidget__body ul li a.noChildUl::after {
    display: none;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul {
    margin-bottom: 10px;
    background: transparent;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul li {
    background: transparent;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul li:first-child {
    padding-top: 10px;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul li a {
    height: 30px;
    margin: 0;
    color: #747474;
    background: transparent;
    font-weight: 400;
    line-height: 1.3;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul li a:before,
.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li ul li a:after {
    display: none;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    color: #3197d6;
    background: #f1f1f1;
    font-weight: 600;
    line-height: 50px;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a::after {
    float: right;
    content: "\f3d8";
    font-family: "Ionicons";
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a:hover {
    color: #3197d6 !important;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a.collapsed {
    color: #747474;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a.collapsed::after {
    content: "\f3d0";
    color: #9697b5;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a.noChildUl {
    color: #747474;
}

.sideBar .popularCategoryWidget.styleThree .popularCategoryWidget__body ul li a.noChildUl::after {
    display: none;
}

.sideBar .singleImageWidget.styleOne .singleImageWidget__body figure {
    position: relative;
}

.sideBar .singleImageWidget.styleOne .singleImageWidget__body figure a img {
    width: 100%;
}

.sideBar .singleImageWidget.styleOne .singleImageWidget__body figure figcaption {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    pointer-events: none;
    color: #fff;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body--alt {
    margin: -10px;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body figure {
    position: relative;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body figure a img {
    width: 100%;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    pointer-events: none;
    color: #fff;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body figure figcaption div {
    display: table;
    width: 100%;
    height: 100%;
}

.sideBar .singleImageWidget.styleTwo .singleImageWidget__body figure figcaption div h4 {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 25px;
    line-height: 30px;
}

.sideBar .recentPostWidget.styleOne ul li {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.sideBar .recentPostWidget.styleOne ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
    border: none;
}

.sideBar .recentPostWidget.styleOne ul li::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: #3197d6;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content {
    padding-left: 22px;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content h3 {
    margin: 0 0 12px;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating::before,
.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating::after {
    display: block;
    clear: both;
    content: "";
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating .recentPost__author {
    float: left;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating .recentPost__author img {
    width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating .recentPost__author a {
    margin-left: 5px;
    color: #747474;
    font-size: 13px;
    font-weight: 600;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating .recentPost__author a:hover {
    color: #3197d6;
}

.sideBar .recentPostWidget.styleOne .recentPostWidget__content .recentPost__author-rating .recentPost__rating {
    float: right;
    color: #ffa500;
}

.sideBar .widget.widget_categories ul li:last-child a {
    margin-bottom: 0;
}

.sideBar .widget.widget_categories ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 22px;
    color: #747474;
    background: #f6f6f6;
    font-weight: 600;
    line-height: 45px;
}

.sideBar .widget.widget_categories ul li a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
    background: #9697b5;
}

.sideBar .widget.widget_categories ul li a::after {
    float: right;
    content: "\f3d0";
    font-family: "Ionicons";
}

.sideBar .widget.widget_categories ul li a:hover {
    color: #3197d6;
}

.sideBar .widget.widget_categories ul li a:hover::before {
    background: #3197d6;
}


/*4.2 Footer Widgets*/

.footerWidgetArea .widget .widgetTitle {
    margin-top: 0;
}

.footerWidgetArea .aboutWidget.styleOne .authorWidget__photo img {
    width: 100%;
}

.footerWidgetArea .aboutWidget.styleOne .aboutWidget__info p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 25px;
}

.footerWidgetArea .aboutWidget.styleOne .aboutWidget__socialMedia li {
    display: inline-block;
}

.footerWidgetArea .aboutWidget.styleOne .aboutWidget__socialMedia li a {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #2b2b2b;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #80819f;
    font-size: 20px;
    line-height: 46px;
}

.footerWidgetArea .aboutWidget.styleOne .aboutWidget__socialMedia li a:hover {
    background: #3197d6;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top::before,
.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top::after {
    display: block;
    clear: both;
    content: "";
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .authorWidget__photo {
    float: left;
    width: 80px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 20px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText h4 {
    margin: 0;
    font-size: 17px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText .rank {
    display: block;
    margin-top: 5px;
    color: #747474;
    font-size: 15px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText ul {
    margin-top: 5px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText ul li {
    display: inline-block;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText ul li a {
    display: inline-block;
    margin-right: 6px;
    color: #ababab;
    font-size: 16px;
}

.footerWidgetArea .aboutWidget.styleTwo .aboutWidget__top .aboutWidget__topText ul li a:hover {
    color: #3197d6;
}

.footerWidgetArea .contactWidget.styleOne .widget__photo img {
    width: 125px;
}

.footerWidgetArea .contactWidget.styleOne .widget__text p {
    line-height: 28px;
}

.footerWidgetArea .contactWidget.styleOne .contact-info li {
    overflow: hidden;
}

.footerWidgetArea .contactWidget.styleOne .contact-info li .icon {
    float: left;
    width: 40px;
    font-weight: bold;
}

.footerWidgetArea .contactWidget.styleOne .contact-info li p {
    float: left;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li {
    margin-bottom: 20px;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li::before,
.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li:last-child {
    margin-bottom: 0;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li figure {
    float: left;
    width: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li figure {
        width: 70px;
    }
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li figure a {
    position: relative;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li figure a::before {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 20px;
    margin: auto;
    content: "\f24d";
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #fff;
    font-family: "Ionicons";
    font-size: 20px;
    line-height: 20px;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li figure a:hover::before {
    color: #cd201f;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        padding-left: 13px;
    }
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content h3 {
    margin: 0;
    margin-top: 4px;
    font-weight: 600;
    line-height: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content h3 {
        font-size: 16px;
    }
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content h3 a {
    color: #fff;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content h3 a:hover {
    color: #3197d6;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category {
    margin-top: -4px;
    font-size: 13px;
    line-height: 1;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding-left: 10px;
    vertical-align: middle;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li:first-child {
    margin: 0;
    padding: 0;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li:first-child::before {
    display: none;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #80819f;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li a {
    color: #80819f;
    font-weight: 600;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__category li a:hover {
    color: #3197d6;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta {
    margin-top: 8px;
    color: #ccc;
    font-size: 13px;
    line-height: 20px;
}

@media only screen and (max-width: 370px) {
    .footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta {
        display: none;
    }
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta img {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta img {
        display: none;
    }
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta a {
    color: #ccc;
    font-weight: 600;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta a:hover {
    color: #3197d6;
}

.footerWidgetArea .videoPostWidget.styleOne .videoPostWidget__body>li .videoPostWidget__content .videoPostWidget__meta time {
    font-style: italic;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li {
    margin-bottom: 23px;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li::before,
.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li:last-child {
    margin-bottom: 0;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li figure {
    float: left;
    width: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li figure {
        width: 70px;
    }
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        padding-left: 13px;
    }
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content h3 {
    margin: 0;
    margin-top: 4px;
    font-weight: 600;
    line-height: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content h3 {
        font-size: 16px;
    }
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content h3 a {
    color: #262626;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content h3 a:hover {
    color: #3197d6;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category {
    margin-top: -4px;
    font-size: 13px;
    line-height: 1;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding-left: 10px;
    vertical-align: middle;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li:first-child {
    margin: 0;
    padding: 0;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li:first-child::before {
    display: none;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 10px;
    content: "";
    background: #9697b5;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li a {
    color: #9697b5;
    font-weight: 600;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__category li a:hover {
    color: #3197d6;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta {
    margin-top: 8px;
    color: #747474;
    font-size: 13px;
    line-height: 20px;
}

@media only screen and (max-width: 370px) {
    .footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta {
        display: none;
    }
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta img {
    width: 20px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta img {
        display: none;
    }
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta a {
    color: #747474;
    font-weight: 600;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta a:hover {
    color: #3197d6;
}

.footerWidgetArea .recentPostWidget.styleOne .recentPostWidget__body>li .recentPostWidget__content .recentPostWidget__meta time {
    font-style: italic;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li {
    margin-bottom: 15px;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li::before,
.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li:last-child {
    margin-bottom: 0;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li p {
    margin-bottom: 0;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li figure {
    float: left;
    width: 46px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li figure {
        width: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li figure {
        width: 30px;
    }
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li figure img {
    /* -webkit-border-radius: 50%;
            border-radius: 50%;*/
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content {
    float: left;
    width: -webkit-calc(100% - 46px);
    width: calc(100% - 46px);
    padding-left: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        padding-left: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
    }
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top h3 {
    margin: 0;
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: 600;
    line-height: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top h3 {
        margin-top: -5px;
    }
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top h3 a {
    color: rgb(12, 12, 12);
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top h3 a:hover {
    color: #3197d6;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top a.profile-name {
    color: rgb(12, 12, 12);
    font-size: 13px;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .top a.profile-name:hover {
    color: #3197d6;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .content-wrap p {
    color: rgb(12, 12, 12);
    font-size: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .content-wrap p {
        font-size: 14px;
    }
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .content-wrap p a {
    color: #3197d6;
}

.footerWidgetArea .twitterWidget.styleOne .twitterWidget__body>li .twitterWidget__content .content-wrap p a:hover {
    color: #999;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li {
    margin-bottom: 23px;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li::before,
.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li::after {
    display: block;
    clear: both;
    content: "";
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li:last-child {
    margin-bottom: 0;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li figure {
    float: left;
    width: 20px;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li .featurePostWidget__content {
    float: left;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 20px;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li .featurePostWidget__content h3 {
    margin: -6px 0 6px;
    font-weight: bold;
    line-height: 20px;
}

.footerWidgetArea .featurePostWidget.styleOne .featurePostWidget__body>li .featurePostWidget__content .featurePostWidget__rating {
    color: #ffa500;
}

.footerWidgetArea .widget_tag_cloud .tagcloud a {
    position: relative;
    display: inline-block;
    height: 34px;
    margin-right: 10px;
    margin-bottom: 16px;
    padding: 0 15px 0 30px;
    color: #747474;
    border: 1px solid #747474;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 30px;
}

.footerWidgetArea .widget_tag_cloud .tagcloud a:hover {
    text-decoration: none;
    color: #fff;
    border-color: #3197d6;
    background: #3197d6;
}

.footerWidgetArea .widget_tag_cloud .tagcloud a:hover::before {
    color: #fff;
}

.footerWidgetArea .widget_tag_cloud .tagcloud a::before {
    position: absolute;
    top: 0;
    left: 12px;
    content: "\f48d";
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #9697b5;
    font-family: "Ionicons";
}

.footerWidgetArea .recentComments ul li {
    margin-bottom: 20px;
}

.footerWidgetArea .recentComments ul li:last-child {
    margin-bottom: 0;
}

.footerWidgetArea .recentComments ul li .title {
    margin: 0;
    margin-bottom: 8px;
    font-size: 17px;
}

.footerWidgetArea .recentComments ul li .title a {
    color: #262626;
}

.footerWidgetArea .recentComments ul li .title a:hover {
    color: #3197d6;
}

.footerWidgetArea .recentComments ul li h4 {
    margin: 0;
    margin-bottom: 10px;
    color: #747474;
    font-size: 15px;
}

.footerWidgetArea .recentComments ul li h4 a {
    color: #747474;
}

.footerWidgetArea .recentComments ul li h4 a:hover {
    color: #3197d6;
}

.footerWidgetArea .recentComments ul li .text {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
}


/***  pages  ***/


/*6.1 Home Pages*/

.homeOne .authorProfile {
    background: #ffff;
}

@media only screen and (max-width: 480px) {
    .homeOne .authorProfile .col-sm-3.col-xs-6 {
        width: 100%;
    }
}

.homeOne .authorProfile .btnBlock {
    padding-top: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .homeOne .authorProfile .btnBlock {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .homeOne .authorProfile .btnBlock {
        padding-top: 0;
    }
}

.homeOne .authorProfile .btnBlock a {
    color: #fff;
    font-family: "Kanit";
    font-size: 17px;
    font-weight: bold;
}

.homeOne .authorProfile .btnBlock a:hover {
    opacity: .7;
}

@media (max-width: 767px) {
    .homeOne .trendingPost .sec-pad50 {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .homeOne .instagramGal.sec-pad60 {
        margin-bottom: -10px;
        padding-bottom: 0;
    }
}

.homeTwo .recentPostArea {
    margin-top: -110px;
}

.homeTwo .topHeader .topHeader__menu {
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .homeTwo .recentPostArea .recentPostContainer .row {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .homeTwo .recentPostArea .recentPostContainer .row article.styleTwo {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .homeTwo .popularPostArea .sectionFooter {
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homeTwo .popularPostArea .sectionFooter {
        padding-top: 0;
    }
}

.homeTwo .videoPostArea {
    background: #80819f;
}

.homeTwo .authorProfile {
    background: #9697b5;
}

@media only screen and (max-width: 480px) {
    .homeTwo .authorProfile .col-sm-3.col-xs-6 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .homeTwo .trendingPost .sec-pad50 {
        padding-bottom: 0;
    }
}

.homeThree .videoPostArea {
    background: #80819f;
}

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

.homeThree .topHeader__nav ul li a {
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .homeThree .videoPostArea {
        padding-bottom: 40px;
    }
}


/*6.2 Other pages*/

.authorProfilePage .authorProfile__block {
    margin-bottom: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}

.authorProfilePage .authorProfile__block img {
    -webkit-transition: .4s;
    transition: .4s;
}

.authorProfilePage .authorProfile__block:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.authorProfilePage .authorProfile__block:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contactUs .mapWrapper {
    padding: 50px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .contactUs .mapWrapper {
        padding: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contactUs .mapWrapper {
        padding: 20px;
    }
}

.contactUs .mapWrapper #map {
    display: block;
    width: 100%;
    height: 610px;
}

@media (max-width: 767px) {
    .contactUs .mapWrapper #map {
        height: 300px;
    }
}

.contactUs .contactContent {
    padding: 50px 50px 50px 0;
}

@media (max-width: 767px) {
    .contactUs .contactContent {
        padding: 20px 20px 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contactUs .contactContent {
        padding: 20px 20px 30px;
    }
}

.contactUs .contactContent h4 {
    margin: 0;
    line-height: 1;
}

.contactUs .contactContent .socialMediaLink {
    margin-top: 20px;
    margin-bottom: 40px;
}

.contactUs .contactContent .socialMediaLink ul li {
    display: inline-block;
}

.contactUs .contactContent .socialMediaLink ul li a {
    margin-right: 20px;
    color: #747474;
    font-size: 22px;
}

@media only screen and (max-width: 480px) {
    .contactUs .contactContent .socialMediaLink ul li a {
        margin-right: 15px;
        font-size: 20px;
    }
}

.contactUs .contactContent form.contactForm {
    padding-top: 30px;
}

.contactUs .contactContent form.contactForm .form-row {
    margin-bottom: 20px;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"],
.contactUs .contactContent form.contactForm .form-row input[type="email"] {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]::-webkit-input-placeholder,
.contactUs .contactContent form.contactForm .form-row input[type="email"]::-webkit-input-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]:-moz-placeholder,
.contactUs .contactContent form.contactForm .form-row input[type="email"]:-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]::-moz-placeholder,
.contactUs .contactContent form.contactForm .form-row input[type="email"]::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]:-ms-input-placeholder,
.contactUs .contactContent form.contactForm .form-row input[type="email"]:-ms-input-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]::placeholder,
.contactUs .contactContent form.contactForm .form-row input[type="email"]::placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row input[type="text"]:focus,
.contactUs .contactContent form.contactForm .form-row input[type="email"]:focus {
    border: 1px solid #3197d6;
}

.contactUs .contactContent form.contactForm .form-row textarea {
    width: 100%;
    height: 150px;
    padding: 10px 15px;
    resize: none;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea:-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea:-ms-input-placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea::placeholder {
    opacity: 1;
    color: #ccc;
}

.contactUs .contactContent form.contactForm .form-row textarea:focus {
    border: 1px solid #3197d6;
}

.contactUs .contactContent form.contactForm .btnWrapper button {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.archivePage .archiveRecentPost {
    padding: 60px;
}

@media (max-width: 767px) {
    .archivePage .archiveRecentPost {
        padding: 40px 30px;
    }
}

.archivePage .archiveRecentPost h2 {
    margin: 0;
    line-height: 1;
}

.archivePage .archiveRecentPost ul {
    margin-top: 30px;
    counter-reset: section;
}

.archivePage .archiveRecentPost ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 50px;
}

.archivePage .archiveRecentPost ul li:hover a {
    color: #3197d6;
}

.archivePage .archiveRecentPost ul li:hover::before {
    color: #3197d6;
}

.archivePage .archiveRecentPost ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section, decimal-leading-zero) ". ";
    counter-increment: section;
    -webkit-transition: .4s;
    transition: .4s;
    color: #9697b5;
    font-family: Kanit;
    font-weight: 600;
    line-height: 1;
}

.archivePage .archiveRecentPost ul li a {
    color: #747474;
    font-size: 17px;
}

.archivePage .sec__Archive_Categories {
    overflow: hidden;
    padding: 0 60px 60px;
}

@media (max-width: 767px) {
    .archivePage .sec__Archive_Categories {
        padding: 0 30px 40px;
    }
}

.archivePage .sec__Archive_Categories .archiveYearMonth {
    padding-right: 50px;
}

@media (max-width: 767px) {
    .archivePage .sec__Archive_Categories .archiveYearMonth {
        padding-right: 0;
    }
}

.archivePage .sec__Archive_Categories .archiveCategories {
    padding-left: 50px;
}

@media (max-width: 767px) {
    .archivePage .sec__Archive_Categories .archiveCategories {
        margin-top: 40px;
        padding-left: 0;
    }
}

.archivePage .sec__Archive_Categories .main__wrap {
    float: left;
    width: 50%;
}

@media (max-width: 767px) {
    .archivePage .sec__Archive_Categories .main__wrap {
        width: 100%;
    }
}

.archivePage .sec__Archive_Categories .main__wrap h3.title {
    margin: 0;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group {
    position: relative;
    margin-top: 27px;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 1px;
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    content: "";
    background: #9697b5;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading {
    margin-bottom: 10px;
    font-size: 21px;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a {
    position: relative;
    display: block;
    padding-left: 20px;
    color: #3197d6;
    font-size: 17px;
    font-weight: 600;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f209";
    font-family: "Ionicons";
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a::before {
    position: absolute;
    top: 8px;
    left: -3px;
    width: 7px;
    height: 7px;
    content: "";
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3197d6;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a.collapsed {
    color: #747474;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a.collapsed:hover {
    color: #3197d6;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a.collapsed:hover::before {
    background: #3197d6;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a.collapsed::after {
    content: "\f2c7";
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel__heading a.collapsed::before {
    background: #9697b5;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel-body {
    padding: 0 20px;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel-body .archive__list ul li {
    margin-bottom: 5px;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel-body .archive__list ul li a {
    color: #ababab;
    font-weight: 600;
}

.archivePage .sec__Archive_Categories .main__wrap .panel-group .panel .panel-body .archive__list ul li a:hover {
    color: #3197d6;
}

.authorProfileInfo {
    overflow: hidden;
    margin-bottom: 40px;
    padding: 40px;
}

@media only screen and (max-width: 480px) {
    .authorProfileInfo {
        padding: 30px 20px;
    }
}

.authorProfileInfo figure {
    float: left;
    overflow: hidden;
    width: 100px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.authorProfileInfo .infoWrap {
    float: left;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    padding-left: 20px;
}

@media (max-width: 767px) {
    .authorProfileInfo .infoWrap {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}

.authorProfileInfo .infoWrap .top {
    overflow: hidden;
}

.authorProfileInfo .infoWrap .top .text {
    float: left;
}

.authorProfileInfo .infoWrap .top .text .name {
    margin: 0;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .authorProfileInfo .infoWrap .top .text .name {
        font-size: 21px;
    }
}

.authorProfileInfo .infoWrap .top .text .mail a {
    color: #747474;
    font-size: 15px;
}

.authorProfileInfo .infoWrap .top .socialMediaLink {
    float: right;
}

@media (max-width: 767px) {
    .authorProfileInfo .infoWrap .top .socialMediaLink {
        display: none;
    }
}

.authorProfileInfo .infoWrap .top .socialMediaLink li {
    display: inline-block;
}

.authorProfileInfo .infoWrap .top .socialMediaLink li a {
    margin-left: 10px;
    color: #ccc;
    font-size: 20px;
}

.authorProfileInfo .infoWrap .top .socialMediaLink li a:hover {
    color: #3197d6;
}

.authorProfileInfo .infoWrap .about__author {
    margin-top: 15px;
}

.authorProfileInfo .infoWrap .about__author p {
    margin: 0;
    color: #747474;
}

.page404 .sectionBody {
    background-color: #fff;
    background-image: url(../img/404/bird.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrapper404 {
    padding-bottom: 60px;
}

.wrapper404 .textTop {
    padding: 70px 15px 0;
}

.wrapper404 .textTop .text404 {
    margin: 0;
    font-family: sans-serif;
    font-size: 100px;
    line-height: 1.1;
}

.wrapper404 .textTop .textWorning {
    margin: 0;
    margin-bottom: 18px;
    font-size: 34px;
}

.wrapper404 .textTop p {
    margin-bottom: 25px;
}

.wrapper404 .imageWrap {
    margin-top: 90px;
}

@media (max-width: 767px) {
    .wrapper404 .imageWrap {
        margin-top: 40px;
    }
}

.blog-index:hover {
    opacity: 0.3;
}

.school-more-list a {
    padding: 0px 0px 5px 0px;
    font-size: 19px;
    color: #000;
}

.school-more-list a:hover {
    color: #ababab;
}