/*----------------------- Fixed Style -----------------------
-----------------------------------------------------------*/

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



/*****************************Artical********************************************/
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-Italic.eot');
    src: url('../fonts/new-fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-Italic.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-Italic.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-BoldItalic.eot');
    src: url('../fonts/new-fonts/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-BoldItalic.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-BoldItalic.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-Bold.eot');
    src: url('../fonts/new-fonts/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-Bold.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-Bold.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-BoldItalic_1.eot');
    src: url('../fonts/new-fonts/Georgia-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-BoldItalic_1.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-BoldItalic_1.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-BoldItalic_1.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-Italic_1.eot');
    src: url('../fonts/new-fonts/Georgia-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-Italic_1.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-Italic_1.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-Italic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Seriffic Grunge';
    src: url('../fonts/new-fonts/SerifficGrunge-Bold.eot');
    src: url('../fonts/new-fonts/SerifficGrunge-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifficGrunge-Bold.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifficGrunge-Bold.woff') format('woff'),
        url('../fonts/new-fonts/SerifficGrunge-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia.eot');
    src: url('../fonts/new-fonts/Georgia.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia.woff') format('woff'),
        url('../fonts/new-fonts/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-Italic_2.eot');
    src: url('../fonts/new-fonts/Georgia-Italic_2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-Italic_2.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-Italic_2.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-Italic_2.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-BoldItalic_2.eot');
    src: url('../fonts/new-fonts/Georgia-BoldItalic_2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-BoldItalic_2.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-BoldItalic_2.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-BoldItalic_2.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia_1.eot');
    src: url('../fonts/new-fonts/Georgia_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia_1.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia_1.woff') format('woff'),
        url('../fonts/new-fonts/Georgia_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/new-fonts/Georgia-Bold_1.eot');
    src: url('../fonts/new-fonts/Georgia-Bold_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Georgia-Bold_1.woff2') format('woff2'),
        url('../fonts/new-fonts/Georgia-Bold_1.woff') format('woff'),
        url('../fonts/new-fonts/Georgia-Bold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Serif';
    src: url('../fonts/new-fonts/SerifBlackItalic.eot');
    src: url('../fonts/new-fonts/SerifBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifBlackItalic.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifBlackItalic.woff') format('woff'),
        url('../fonts/new-fonts/SerifBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Serif';
    src: url('../fonts/new-fonts/SerifBlack.eot');
    src: url('../fonts/new-fonts/SerifBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifBlack.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifBlack.woff') format('woff'),
        url('../fonts/new-fonts/SerifBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Serif Narrow';
    src: url('../fonts/new-fonts/SerifNarrow.eot');
    src: url('../fonts/new-fonts/SerifNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifNarrow.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifNarrow.woff') format('woff'),
        url('../fonts/new-fonts/SerifNarrow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Serif Narrow';
    src: url('../fonts/new-fonts/SerifNarrowItalic.eot');
    src: url('../fonts/new-fonts/SerifNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifNarrowItalic.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifNarrowItalic.woff') format('woff'),
        url('../fonts/new-fonts/SerifNarrowItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Serif';
    src: url('../fonts/new-fonts/SerifMedium.eot');
    src: url('../fonts/new-fonts/SerifMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifMedium.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifMedium.woff') format('woff'),
        url('../fonts/new-fonts/SerifMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Serif';
    src: url('../fonts/new-fonts/SerifMediumItalic.eot');
    src: url('../fonts/new-fonts/SerifMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/SerifMediumItalic.woff2') format('woff2'),
        url('../fonts/new-fonts/SerifMediumItalic.woff') format('woff'),
        url('../fonts/new-fonts/SerifMediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/new-fonts/TimesNewRomanPS-ItalicMT.eot');
    src: url('../fonts/new-fonts/TimesNewRomanPS-ItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/TimesNewRomanPS-ItalicMT.woff2') format('woff2'),
        url('../fonts/new-fonts/TimesNewRomanPS-ItalicMT.woff') format('woff'),
        url('../fonts/new-fonts/TimesNewRomanPS-ItalicMT.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Times New Roman Cyr';
    src: url('../fonts/new-fonts/TimesNRCyrMT-Bold.eot');
    src: url('../fonts/new-fonts/TimesNRCyrMT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/TimesNRCyrMT-Bold.woff2') format('woff2'),
        url('../fonts/new-fonts/TimesNRCyrMT-Bold.woff') format('woff'),
        url('../fonts/new-fonts/TimesNRCyrMT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Times New Roman Cyr';
    src: url('../fonts/new-fonts/TimesNRCyrMT.eot');
    src: url('../fonts/new-fonts/TimesNRCyrMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/TimesNRCyrMT.woff2') format('woff2'),
        url('../fonts/new-fonts/TimesNRCyrMT.woff') format('woff'),
        url('../fonts/new-fonts/TimesNRCyrMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times';
    src: url('../fonts/new-fonts/Times-BoldItalic.eot');
    src: url('../fonts/new-fonts/Times-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/new-fonts/Times-BoldItalic.woff2') format('woff2'),
        url('../fonts/new-fonts/Times-BoldItalic.woff') format('woff'),
        url('../fonts/new-fonts/Times-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}




/*****************************Artical********************************************/



@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Light.eot");
    src: url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-Light.woff2") format("woff2"),
         url("../fonts/Gilroy-Light.woff") format("woff"),
         url("../fonts/Gilroy-Light.ttf") format("ttf"),
         url("../fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.eot");
    src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-Regular.woff2") format("woff2"),
         url("../fonts/Gilroy-Regular.woff") format("woff"),
         url("../fonts/Gilroy-Regular.ttf") format("ttf"),
         url("../fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Medium.eot");
    src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-Medium.woff2") format("woff2"),
         url("../fonts/Gilroy-Medium.woff") format("woff"),
         url("../fonts/Gilroy-Medium.ttf") format("ttf"),
         url("../fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
         url("../fonts/Gilroy-SemiBold.woff") format("woff"),
         url("../fonts/Gilroy-SemiBold.ttf") format("ttf"),
         url("../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.eot");
    src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-Bold.woff2") format("woff2"),
         url("../fonts/Gilroy-Bold.woff") format("woff"),
         url("../fonts/Gilroy-Bold.ttf") format("ttf"),
         url("../fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-ExtraBold.eot");
    src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"),
         url("../fonts/Gilroy-ExtraBold.woff") format("woff"),
         url("../fonts/Gilroy-ExtraBold.ttf") format("ttf"),
         url("../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fa-brands-400.woff2") format("woff2"),
         url("../fonts/fa-brands-400.woff") format("woff"),
         url("../fonts/fa-brands-400.ttf") format("truetype"),
         url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fa-regular-400.woff2") format("woff2"),
         url("../fonts/fa-regular-400.woff") format("woff"),
         url("../fonts/fa-regular-400.ttf") format("truetype"),
         url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fa-solid-900.woff2") format("woff2"),
         url("../fonts/fa-solid-900.woff") format("woff"),
         url("../fonts/fa-solid-900.ttf") format("truetype"),
         url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fab:before {
    font-family: 'Font Awesome 5 Brands';
}

.far:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.fa:before,
.fas:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --black: #000;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --primary-font-family: "Gilroy";
    --secondary-font-family: 'Prata', serif;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    transition: all 0.5s ease;
}

html {
    font-size: 18px;
}

body {
    font-size: 1rem;
    font-family: var(--primary-font-family);
    color: #000;
    overflow-x: hidden;
    background-color: #f7f7f7;
}

img {
    width: 100%;
	height: auto;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

.no-border:before,
.no-border:after {
    display: none !important;
}

.theme-color {}

.theme-border {
    position: relative;
    z-index: 0;
}

.theme-border:after {
    content: "";
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: var(--theme-border);
    z-index: -1;
}

.text-underline {
    text-decoration: underline;
}

.no-padding {
    padding: 0 !important;
}

::-webkit-input-placeholder {
    font: normal 400 1rem/1.5 var(--primary-font-family);
    color: var(--black);
}

::-moz-placeholder {
    font: normal 400 1rem/1.5 var(--primary-font-family);
    color: var(--black);
}

:-ms-input-placeholder {
    font: normal 400 1rem/1.5 var(--primary-font-family);
    color: var(--black);
}

:-moz-placeholder {
    font: normal 400 1rem/1.5 var(--primary-font-family);
    color: var(--black);
}

@media (min-width: 768px) { /*----- sm-col -----*/
    .container {
        width: 750px;
    }
}
@media only screen and (min-width : 1024px) and (max-width : 1160px) {
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure {
    float: left;
    width: 60px;
    margin: 0 20px 70px 0;
}
}
@media (min-width: 1024px) { /*----- md-col -----*/
    .container {
        width: 994px;
    }
}

@media (min-width: 1366px) { /*----- lg-col -----*/
    .container {
        width: 1336px;
    }
}

@media (min-width: 1441px) { /*----- xl-col -----*/
    .container {
        width: 1400px;
    }
}

@media (min-width: 1651px) { /*----- xxl-col -----*/
    .container {
        width: 1600px;
    }
}

.container-fluid {
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
    margin-left: 0
}

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

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

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

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

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

.visible-xxl,
.visible-xl,
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important;
}

.visible-xxl-block,
.visible-xxl-inline,
.visible-xxl-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media (min-width: 320px) and (max-width: 767px) {
    .visible-xs {
        display: block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm {
        display: block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .visible-md {
        display: block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .visible-lg {
        display: block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1441px) and (max-width: 1650px) {
    .visible-xl {
        display: block!important
    }

    table.visible-xl {
        display: table!important
    }

    tr.visible-xl {
        display: table-row!important
    }

    td.visible-xl,
    th.visible-xl {
        display: table-cell!important
    }

    .visible-xl-block {
        display: block!important
    }

    .visible-xl-inline {
        display: inline!important
    }

    .visible-xl-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1651px) {
    .visible-xxl {
        display: block!important
    }

    table.visible-xxl {
        display: table!important
    }

    tr.visible-xxl {
        display: table-row!important
    }

    td.visible-xxl,
    th.visible-xxl {
        display: table-cell!important
    }

    .visible-xxl-block {
        display: block!important
    }

    .visible-xxl-inline {
        display: inline!important
    }

    .visible-xxl-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .hidden-md {
        display: none!important;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1441px) and (max-width: 1650px) {
    .hidden-xl {
        display: none !important;
    }
}

@media (min-width: 1651px) {
    .hidden-xxl {
        display: none !important;
    }
}

/*------------------ Intarnel Pages Styling -----------------
-----------------------------------------------------------*/

.blog-section {
    padding: 2rem 0;
}

.blog-section .blog-main {}

.blog-section .blog-main .blog-heading {}

.blog-section .blog-main h1,
.blog-section .blog-main h2,
.blog-section .blog-main h3,
.blog-section .blog-main .blog-heading h1,
.blog-section .blog-main .blog-heading h2,
.blog-section .blog-main .blog-heading h3 {
    font: normal 600 2.5rem/66px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.blog-section .blog-main .blog-heading p {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.blog-section .blog-main .blog-box {
    background: var(--white);
    border: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    overflow: hidden;
}

.blog-section .blog-main .blog-box:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}

.blog-section .blog-main .blog-box .blog-img {}

.blog-section .blog-main .blog-box .blog-img a {
    display: block;
    position: relative;
}

.blog-section .blog-main .blog-box .blog-img a:before {
    display: block;
    content: "";
    background-image: -webkit-gradient(linear,left bottom,left top,from(#00000059),color-stop(75%,#0000));
    background-image: -webkit-linear-gradient(bottom,#00000059,#0000 75%);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.35) 0,transparent 75%);
    background-image: linear-gradient(0deg,#00000059,#0000 75%);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.blog-section .blog-main .blog-box:hover .blog-img a:before {
    display: none;
}

.blog-section .blog-main .blog-box .blog-img a img {
    width: 100%;
}

.blog-section .blog-main .blog-box .blog-text {
    padding: 0;
}

.blog-section .blog-main .blog-box .blog-text .blog-heading {
    overflow: hidden;
    padding: 10px 20px;
}

.blog-section .blog-main .blog-box .blog-text .blog-heading h2.blog-title {
    margin: 0;
    text-align: left;
    line-height: 1.2;
}

.blog-section .blog-main .blog-box .blog-text .blog-heading h2.blog-title a {
    display: inline-block;
    font: normal 600 1.5rem/1.2  var(--primary-font-family);
    color: var(--black);
}

.blog-section .blog-main .blog-box .blog-text .blog-description {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0;
    text-align: left;
    padding: 10px 20px;
}

.blog-section .blog-main .blog-box .blog-text .blog-description p {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0;
    min-height: 102px;
}

.blog-section .blog-main .blog-box .blog-text .blog-button {
    padding: 10px 20px;
}

.blog-section .blog-main .blog-box .blog-text .blog-button .blog-readmore {
    display: inline-block;
    font: normal 300 0.8rem/34px var(--primary-font-family);
    color: var(--black);
    text-decoration: underline;
    text-transform: uppercase;
    position: relative;
}

.blog-section .blog-main .blog-box .blog-text .blog-date {
    padding: 10px 20px;
    border-top: 1px solid #eaeaea;
}

.blog-section .blog-main .blog-box .blog-text .blog-date span {
    display: inline-block;
    font: normal 300 0.8rem/34px var(--primary-font-family);
    color: var(--black);
    text-transform: uppercase;
}

.blog-section .sidebar {
    background-color: #eee;
    padding: 20px;
}

.blog-section .sidebar .sidebar-search {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog-section .sidebar .sidebar-search .search-form {
    position: relative;
    display: block;
}

.blog-section .sidebar .sidebar-search .search-form .search-field {
    width: 100%;
    height: 50px;
    padding: 10px 15px 10px 50px;
    background-color: var(--white);
    font: normal 500 15px/28px var(--primary-font-family);
    color: var(--black);
    border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.blog-section .sidebar .sidebar-search .search-form .search-submit {
    display: inline-block;
    font: normal 500 15px/28px var(--primary-font-family);
    background-color: #0000;
    color: var(--black);
    border: 0;
    border-radius: 0;
    padding: 0;
    float: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.blog-section .sidebar .sidebar-search .search-form .search-submit:before {
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blog-section .sidebar .sidebar-heading {}

.blog-section .sidebar h1,
.blog-section .sidebar h2,
.blog-section .sidebar h3,
.blog-section .sidebar .sidebar-heading h1,
.blog-section .sidebar .sidebar-heading h2,
.blog-section .sidebar .sidebar-heading h3 {
    font: normal 600 1.5rem/1.2 var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1rem;
}

.blog-section .sidebar .sidebar-heading p {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.blog-section .sidebar .sidebar-heading ul {
    margin: 0;
    list-style: square inside;
}

.blog-section .sidebar .sidebar-heading ul li {}

.blog-section .sidebar .sidebar-heading ul li a {
    display: inline-block;
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
}

.blog-section .sidebar .sidebar-posts {}

.blog-section .sidebar .sidebar-posts .blog-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    overflow: hidden;
}

.blog-section .sidebar .sidebar-posts .blog-box:last-child {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-img {
    width: 30%;
    float: left;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-img a {
    display: block;
    position: relative;
    height: 100%;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-img a img {
    width: 100%;
    height: 100%;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-text {
    width: 70%;
    float: left;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading {
    overflow: hidden;
    padding: 5px 10px;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading  a {
    display: inline-block;
    font: normal 400 1rem/1.2  var(--primary-font-family);
    color: var(--black);
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date {
    padding: 5px 10px;
}

.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date span {
    display: inline-block;
    font: normal 300 0.7rem/34px var(--primary-font-family);
    color: var(--black);
    text-transform: uppercase;
}

.content-section {
    padding: 2rem 0;
}

.content-section .content-main {
    min-height: 500px;
    /*border-right: 1px solid #0000001a;
    padding-right: 15px;
    margin-right: -15px;*/
}

.content-section .content-main .content-heading {
    padding: 0;
}

.content-section .content-main h1,
.content-section .content-main h2,
.content-section .content-main h3,
.content-section .content-main .content-heading h1,
.content-section .content-main .content-heading h2,
.content-section .content-main .content-heading h3 {
    font: normal 600 2.5rem/66px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.content-section .content-main .content-heading p {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.content-section .sidebar {
    background-color: #eee;
    padding: 20px;
}

.content-section .sidebar .sidebar-search {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.content-section .sidebar .sidebar-search .search-form {
    position: relative;
    display: block;
}

.content-section .sidebar .sidebar-search .search-form .search-field {
    width: 100%;
    height: 50px;
    padding: 10px 15px 10px 50px;
    background-color: var(--white);
    font: normal 500 15px/28px var(--primary-font-family);
    color: var(--black);
    border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.content-section .sidebar .sidebar-search .search-form .search-submit {
    display: inline-block;
    font: normal 500 15px/28px var(--primary-font-family);
    background-color: #0000;
    color: var(--black);
    border: 0;
    border-radius: 0;
    padding: 0;
    float: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.content-section .sidebar .sidebar-search .search-form .search-submit:before {
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-section .sidebar .sidebar-heading {}

.content-section .sidebar h1,
.content-section .sidebar h2,
.content-section .sidebar h3,
.content-section .sidebar .sidebar-heading h1,
.content-section .sidebar .sidebar-heading h2,
.content-section .sidebar .sidebar-heading h3 {
    font: normal 600 1.5rem/1.2 var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1rem;
}

.content-section .sidebar .sidebar-heading p {
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
    margin: 0 0 1.5rem;
}

.content-section .sidebar .sidebar-heading ul {
    margin: 0;
    list-style: square inside;
}

.content-section .sidebar .sidebar-heading ul li {}

.content-section .sidebar .sidebar-heading ul li a {
    display: inline-block;
    font: normal 300 1rem/34px var(--primary-font-family);
    color: var(--black);
}

.content-section .sidebar .sidebar-posts {}

.content-section .sidebar .sidebar-posts .blog-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    overflow: hidden;
}

.content-section .sidebar .sidebar-posts .blog-box:last-child {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 0;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-img {
    width: 30%;
    float: left;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-img a {
    display: block;
    position: relative;
    height: 100%;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-img a img {
    width: 100%;
    height: 100%;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-text {
    width: 70%;
    float: left;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading {
    overflow: hidden;
    padding: 5px 10px;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading  a {
    display: inline-block;
    font: normal 400 1rem/1.2  var(--primary-font-family);
    color: var(--black);
}

.content-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date {
    padding: 5px 10px;
}

.content-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date span {
    display: inline-block;
    font: normal 300 0.7rem/34px var(--primary-font-family);
    color: var(--black);
    text-transform: uppercase;
}

.page-content {}

.page-content p {
    margin: 0 0 1.5rem;
}

.page-content form.search-form {
    display: inline-block;
    overflow: hidden;
}

.page-content form.search-form label {
    width: 400px;
    margin: 0;
    float: left;
}

.sidebar form.search-form label {
    width: calc(100% - 121px);
}

.page-content form.search-form label .screen-reader-text {
    width: 100px;
    float: left;
    margin-right: 20px;
    font: normal 300 1rem/50px var(--primary-font-family);
    color: var(--primary-color);
}

.page-content form.search-form label input.search-field {
    width: 280px;
    float: left;
    height: 50px;
    padding: 10px 15px;
    background-color: var(--white);
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.page-content form.search-form button.search-submit {
    display: inline-block;
    font: normal 500 15px/28px var(--primary-font-family);
    background-color: #007ad6;
    color: var(--white);
    float: left;
    margin-left: 20px;
    border: 0;
    padding: 17.5px 45px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 40px;
    transition: background-color .3s, color .3s, border-color .3s;
    position: relative;
    overflow: hidden;
}

.page-content form.search-form button.search-submit .screen-reader-text {
    display: block;
    font: normal 500 15px/1 var(--primary-font-family);
    color: var(--white);
    letter-spacing: 0.5px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 8px 12px;
    margin: 2px;
    line-height: 1.2;
    color: var(--black);
    display: inline-block;
}

.type-post .post-thumbnail img {
    width: auto;
}

/*------------------- Mobile Menus Styling ------------------
-----------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 767px) {
    .mainmenu-open {
        position: absolute;
        top: 40px;
        right: 15px;
        width: 40px;
        height: 40px;
        z-index: 9999;
        transform: translateY(-50%);
        cursor: pointer;
        background: #f6e54b;
    }

    .mainmenu-open .line {
        position: absolute;
        left: 50%;
        display: block;
        width: calc(100% - 20px);
        height: 2px;
        background-color: #000;
        z-index: 9999;
        transform: translate(-50%, -50%);
    }

    .mainmenu-open .line.first {
        top: 35%;
    }

    .mainmenu-open .line.second {
        top: 50%;
    }

    .mainmenu-open .line.third {
        top: 65%;
    }

    .mainmenu-open.active {}

    .mainmenu-open.active .line {
        background-color: #000;
    }

    .mainmenu-open.active .line.first {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .mainmenu-open.active .line.second {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .mainmenu-open.active .line.third {
        display: none;
    }

    .mobilemenu-section {
        /* top: 80px; */
		/* top:129px; */
		    top: 155px;
        right: -100%;
        z-index: 9999;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: #fff;
    }

    .mobilemenu-section.open {
        right: 0;
    }

    .mobilemenu-section .menu-section {
        position: relative;
    }

    .mobilemenu-section ul {
        margin: 0;
        text-align: center;
    }

    .mobilemenu-section ul li {
        display: block;
        position: relative;
    }

    .mobilemenu-section ul li.menu-item-has-children:before {
        position: absolute;
        content: '';
        top: 20px;
        right: 20px;
        width: 10px;
        height: 10px;
        border-width: 4px 4px 0 0;
        border-style: solid;
        border-color: #000;
        -webkit-transform: rotate(135deg) translate(0, -50%);
        -ms-transform: rotate(135deg) translate(0, -50%);
        -o-transform: rotate(135deg) translate(0, -50%);
        transform: rotate(135deg) translate(0, -50%);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .mobilemenu-section ul li.menu-item-has-children.rotate:before {
        -webkit-transform: rotate(-45deg) translate(0, -50%);
        -ms-transform: rotate(-45deg) translate(0, -50%);
        -o-transform: rotate(-45deg) translate(0, -50%);
        transform: rotate(-45deg) translate(0, -50%);
    }

    .mobilemenu-section ul li a {
        display: block;
       /* font: normal 400 18px/1.2 var(--primary-font-family); */
        color: #000;
        text-decoration: none !important;
        text-align: left;
       /*  padding: 25px 0; */
		
		font: normal 400 16px/1.2 var(--primary-font-family);    
    padding: 13px 0;
		
        background: -webkit-linear-gradient(left, #f6e54b, #f6e54b 50%, #f6e54b 50%, #f6e54b 50%);
        background: -o-linear-gradient(left, #f6e54b, #f6e54b 50%, #f6e54b 50%, #f6e54b 50%);
        background: linear-gradient(to right, #f6e54b, #f6e54b 50%, #f6e54b 50%, #f6e54b 50%);
        background-size: 200% auto;
        background-position-x: 100%;
        -webkit-background-clip: text;
        background-clip: text;
        transition: background-position-x 1s, color 1s;
    }

    .mobilemenu-section ul li a:hover {
        color: #0000;
        background-position-x: 0;
    }

    .mobilemenu-section ul li ul.sub-menu {
        width: 100%;
        height: 0;
        margin: 0;
        overflow: hidden;
        text-align: center;
        transform-origin: 0 0 0;
        transform: scaleY(0);
        opacity: 0;
        visibility: hidden;
        background: #f2f6fa;
    }

    .mobilemenu-section ul li ul.sub-menu.open {
        height: 100%;
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .mobilemenu-section ul li ul.sub-menu li {
        display: block;
        position: relative;
    }

    .mobilemenu-section ul li ul.sub-menu li a {
        font: normal 400 18px/1.2 var(--primary-font-family);
        text-decoration: none !important;
        /* padding: 25px 65px 25px 35px; */
		padding: 18px 56px 15px 22px;
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
        max-height: none;
        color: #000;
        text-align: left;
    }
	
	

    .mobilemenu-section ul li ul.sub-menu li:hover a {
        color: #f6e54b;
    }
}

/*-------------------- Home Page Styling --------------------
-----------------------------------------------------------*/

.header-section {
    /* position: fixed; */
	position:absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
}

.header-section .header-top {
    background-color: #000;
}

.header-section .header-top .container-fluid {
    padding-left: 60px;
    padding-right: 0;
}

.header-section .header-top .container-fluid > div {
    margin-right: 0;
}

.header-section .header-top .container-fluid > div > div {
    padding-right: 0;
}

.header-section .header-top .header-left {}

.header-section .header-top .header-left ul {
    margin: 0;
    padding: 0;
}

.header-section .header-top .header-left ul li {
    display: inline-block;
    margin: 16px 25px 16px 0;
}

.header-section .header-top .header-left ul li a {
    display: block;
    color: #404040;
    overflow: hidden;
}

.header-section .header-top .header-left ul li a:hover {
    color: #f6e54b;
}

.header-section .header-top .header-left ul li a:before {
    float: left;
}

.header-section .header-top .header-right {
    width: auto;
    float: right;
}

.header-section .header-top .header-right ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.header-section .header-top .header-right ul li {
    display: inline-block;
    float: left;
}

.header-section .header-top .header-right ul li a {
    display: block;
}

.header-section .header-top .header-right ul li a.member {
    font: normal 600 14px/1.2 var(--primary-font-family);
    color: #f6e54b;
    padding: 17px 60px;
    background-color: #000;
	border-right:1px solid #000;
}

.header-section .header-top .header-right ul li a.storeTwo{
     font: normal 600 14px/1.2 var(--primary-font-family);
    color: #f6e54b;
    padding: 17px 60px;
    background-color: #000;
	border-right:1px solid #000;
}

.header-section .header-top .header-right ul li a.storeTwo:hover {
     color: #000;
    background-color: #f6e54b;
}


.header-section .header-top .header-right ul li a.member:hover {
    color: #000;
    background-color: #f6e54b;
}

.header-section .header-top .header-right ul li a.login {
    font: normal 600 14px/1.2 var(--primary-font-family);
    padding: 17px 60px;
    color: #000;
    background-color: #f6e54b;
	border-left: 1px solid  #f6e54b;
}

.header-section .header-top .header-right ul li a.login:hover {
    /* transform: rotateY(360deg); */
	  color:#f6e54b;
      background-color:#000; 
      border-left: 1px solid #f6e54b;
}

.header-section .header-top .header-right ul li a.login img {
    float: left;
    width: 19px;
    margin-right: 5px;
    margin-top: 3px;
}

.header-section .header-middle {
    background-color: #0d0d0d;
}

.header-section .header-middle .headermiddle-main {
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #191919;
	padding-bottom:2px;	}

.header-section .header-middle .headermiddle-main .headermiddle-left {
    width: auto;
    float: left;
    padding: 16px 0;
}

.header-section .header-middle .headermiddle-main .headermiddle-left form {}

.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.headermiddle-left form .form-group .search-btn {
    width: 16px;
    height: 16px;
    background: transparent url(../img/search-icon.png) no-repeat center center;
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0;
    float: left;
}



/*


.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-btn {
    width: 16px;
    height: 16px;
    background: transparent url(../img/search-icon.png) no-repeat center center;
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0;
    float: left;
}



 */

.headermiddle-left form .form-group .search-input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
    padding: 0;
    float: left;
    /* margin-left: 30px; */
	margin-left: 10px;
}



 .headermiddle-left form .form-group .search-input::-webkit-input-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.headermiddle-left form .form-group .search-input::-moz-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.headermiddle-left form .form-group .search-input:-ms-input-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.headermiddle-left form .form-group .search-input:-moz-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}


/*
  .header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #666666;
    padding: 0;
    float: left;
    margin-left: 30px;
} */

/*
.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input::-webkit-input-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input::-moz-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input:-ms-input-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
}

.header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input:-moz-placeholder {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
} */

.header-section .header-middle .headermiddle-main .headermiddle-center {
    display: inline-block;
    padding: 0;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul {
    margin: 0;
    float: left;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    float: left;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li.logo {}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li a {
    display: block;
    font: normal 500 15px/30px var(--primary-font-family);
    color: #fff;
    padding: 10px 0;
    white-space: nowrap;
    text-align: left;
    position: relative;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li.logo a {
    padding: 0;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li.logo a img {
    width: 100%;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li:hover > a {
    color: #f6e54b;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li:hover.logo a {}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu {
    position: absolute;
    top: 100%;
    /* left: 50%; */
	left: 20%;
    background: #fff;
    width: auto;
    margin-top: 0px;
    border: 1px solid #fff;
    box-shadow: 0 0 11px 0 rgba(23,28,33,.06);
    border-radius: 0px;
    z-index: 99;
    transition: transform .3s linear,opacity .3s linear,visibility .3s linear;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
   /* -webkit-transform: scaleY(0) translateX(-50%);
    -ms-transform: scaleY(0) translateX(-50%);
    -o-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%); */
    opacity: 0;
    visibility: hidden;
}


.header-section .header-middle .headermiddle-main .headermiddle-center ul li:hover .sub-menu {
   /* -webkit-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
    transform: scaleY(1) translateX(-50%);
    visibility: visible;
    opacity: 1; */
	
	/*    -webkit-transform: scaleY(1) translateX(-9%);
    -ms-transform: scaleY(1) translateX(-9%);
    -o-transform: scaleY(1) translateX(-9%);
    transform: scaleY(1) translateX(-9%); */
    visibility: visible;
    opacity: 1;
	
}


/*
.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    width: 280px;
    margin-top: 20px;
    border-bottom: 5px solid #f6e54b;
    box-shadow: 0 0 11px 0 rgba(23,28,33,.06);
    border-radius: 5px;
    z-index: 99;
    transition: transform .3s linear,opacity .3s linear,visibility .3s linear;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: scaleY(0) translateX(-50%);
    -ms-transform: scaleY(0) translateX(-50%);
    -o-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%);
    opacity: 0;
    visibility: hidden;
} */

/*
.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu:before {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    height: 0;
    width: 0;
    transform: translateX(-50%);
    border-bottom: 7px solid #fff;
    border-left: 9px solid #0000;
    border-right: 9px solid #0000;
} */

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu:after {
    content: '';
    height: 20px;
    left: 0;
    right: 0;
    bottom: 100%;
    position: absolute;
}



.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu li {
    display: block;
    position: relative;
    padding: 0;
    float: none;
	
	
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu li a {
    display: block;
    font: normal 500 15px/1.2 var(--primary-font-family);
    text-align: left; 
  /*  color: #000;
    padding: 10px 20px; 
    white-space: nowrap;
	    padding: 17px 20px;
    background: #000; */
	    padding: 11px 20px;
    background: #666666;
	
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu li a:after {
    display: none;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu li a {
    border-left: 5px solid transparent;
    text-indent: 0;
}

.header-section .header-middle .headermiddle-main .headermiddle-center ul li .sub-menu li:hover a {
    border-left: 5px solid #f6e54b;
    text-indent: 5px;
    color: #f6e54b;
}

.header-section .header-middle .headermiddle-main .headermiddle-right {
    width: auto;
    float: right;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li {
    display: inline-block;
    float: left;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a {
    display: block;
    float: left;
    padding: 16px 35px 16px 0;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.apple-icon {}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.apple-icon:hover {}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.apple-icon img {
    width: auto;
    float: left;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.android-icon {}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.android-icon:hover {}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.android-icon img {
    width: auto;
    float: left;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.downloadapp {
    font: normal 600 14px/1.2 var(--primary-font-family);
    color: #f6e54b;
    padding: 17px 35px 17px 0;
    position: relative;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.downloadapp:hover {}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.downloadapp i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.downloadapp:hover i {
    right: 5px;
}

.header-section .header-middle .headermiddle-main .headermiddle-right ul li a.downloadapp i:before {
    float: left;
}

.header-section .header-bottom {
    background-color: #0d0d0d;
}

.header-section .header-bottom .headerbottom-main {
    text-align: center;
    height: 55px;
    border-bottom: 1px solid #191919;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center {
    display: inline-block;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul {
    margin: 0;
    padding: 0;
    float: left;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    float: left;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li a {
    display: block;
    font: normal 500 15px/30px var(--primary-font-family);
    color: #666666;
    padding: 10px 0;
    white-space: nowrap;
    text-align: left;
    position: relative;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li:hover > a {
    color: #f6e54b;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    width: 280px;
    margin-top: 20px;
    border-bottom: 5px solid #f6e54b;
    box-shadow: 0 0 11px 0 rgba(23,28,33,.06);
    border-radius: 5px;
    z-index: 99;
    transition: transform .3s linear,opacity .3s linear,visibility .3s linear;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: scaleY(0) translateX(-50%);
    -ms-transform: scaleY(0) translateX(-50%);
    -o-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%);
    opacity: 0;
    visibility: hidden;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu:before {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    height: 0;
    width: 0;
    transform: translateX(-50%);
    border-bottom: 7px solid #fff;
    border-left: 9px solid #0000;
    border-right: 9px solid #0000;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu:after {
    content: '';
    height: 20px;
    left: 0;
    right: 0;
    bottom: 100%;
    position: absolute;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li:hover .sub-menu {
    -webkit-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
    transform: scaleY(1) translateX(-50%);
    visibility: visible;
    opacity: 1;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu li {
    display: block;
    position: relative;
    padding: 0;
    float: none;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu li a {
    display: block;
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #000;
    text-align: left;
    padding: 10px 20px;
    white-space: nowrap;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu li a:after {
    display: none;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu li a {
    border-left: 5px solid transparent;
    text-indent: 0;
}

.header-section .header-bottom .headerbottom-main .headerbottom-center ul li .sub-menu li:hover a {
    border-left: 5px solid #f6e54b;
    text-indent: 5px;
    color: #f6e54b;
}
/*
.body-section {
    margin-top: 208px;
} */

 /*
.body-section {
    margin-top: 206px; 
	
}
*/
.body-section {
    margin-top: 27px;
}
.suggestions-section {
   /*  padding: 30px 0; */
   background-color: #f7f7f7;
	    padding: 0px 0px 30px 0px;
	
}

.suggestions-section .suggestions-main {}

.suggestions-section .suggestions-main .suggestions-boxes {
    overflow: hidden;
    display: flex;
}

.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box {
    width: calc(100% / 4 - 15px);
    float: left;
    margin-right: 20px;
	border-right: 1px solid #000;
}

/*
.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box {
    width: calc(100% / 4 - 15px);
    float: left;
    margin-right: 20px;
}

*/
.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box:last-child {
    margin-right: 0;
}

.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure {
    float: left;
    width: 60px;
    /* margin: 0 40px 0 0; */
	 margin: 0 20px 20px 0;
}

.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure img {
    width: 100%;
}

.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #000;
   /* margin: 10px 0 5px; */
	margin: 0px 0 0px;
}

.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box p {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #4c4c4c;
        margin: 6px;
}

.featured-section {
    padding: 0 0 30px;
    background-color: #fff;
}

.featured-section .featured-main {}

.featured-section .featured-main .featured-boxes {
    overflow: hidden;
}

.featured-section .featured-main .featured-boxes .featured-box {
    width: calc(100% / 4 - 15px);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}

.featured-section .featured-main .featured-boxes .featured-box:nth-child(3),
.featured-section .featured-main .featured-boxes .featured-box:nth-child(5) {
    margin-right: 0;
}

.featured-section .featured-main .featured-boxes .featured-box.double {
    width: calc(100% / 2 - 10px);
    margin-bottom: 0;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-img {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-img img {
    width: 100%;
}

.featured-section .featured-main .featured-boxes .featured-box:hover .featured-img img {
    /* transform: scale(1.2); */
}

.featured-section .featured-main .featured-boxes .featured-box .featured-img .tag {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    text-transform: uppercase;
    padding: 7px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-img .tag:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}
/*
.featured-section .featured-main .featured-boxes .featured-box .featured-details {
    text-align: center;
    position: absolute;
    bottom: 49px;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 20px;
} */

.featured-section .featured-main .featured-boxes .featured-box .featured-details {
    text-align: center;
    position: static;
    height: auto;

    width: 100%;
    margin: auto;
    left: 0rem;
    padding: 1rem;
	/* bottom: 49px; */
	bottom: 0px;

}

.featured-box.last .featured-img {
    width: 100% !important;
    height: 100%;
    overflow: hidden;
}



.featured-section .featured-main .featured-boxes .featured-box.last .featured-details {
   /* bottom: auto;
    top: 50%;
    transform: translateY(-50%); */
	    bottom: auto;
    top: 0;
    transform: translateY(20%); 
    background: #ffffff00;
    bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
	
}
/*
.featured-section .featured-main .featured-boxes .featured-box.double .featured-details {
    bottom: 100px;
}

*/
.featured-section .featured-main .featured-boxes .featured-box.double .featured-details {
  /*  bottom: 100px;
    background: #000000c7;
    width: 80%;
    margin: auto;
    left: 4rem;
    padding: 2rem;
	bottom: 7rem; */
	
	    background:#ffffffeb;
    width: 100%;
    margin: auto;
    left: 0rem;
    padding: 1rem 0;
    bottom: 0rem;
    right: 0;
    height: auto;
}

.double .featured-details h1 a {
    font: normal 500 24px/1.4 var(--secondary-font-family) !important;
}


.featured-box.double .featured-img img {
    /* min-height: 440px; */
    width: 100%;
    background-size: auto;
    background-position-y: 10%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}


.featured-section .featured-main .featured-boxes .featured-box .featured-details h1,
.featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a {
   /* font: normal 400 25px/1.2 var(--secondary-font-family); */
	/* font: normal 400 15px/1.4 var(--secondary-font-family); */
	       font: normal 500 15px/1.3 var(--secondary-font-family);
    color: #000;
    margin: 0 0 0px;
	
}

.featured-section .featured-main .featured-boxes .featured-box.double .featured-details h1 {
   /* font-size: 50px; */
	font-size: 30px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details p {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #999999;
   /* margin: 0 0 20px; */
	margin: 0 0 11px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details ul {
    margin: 0;
    padding: 0;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details ul li {
    display: inline-block;
    margin-right: 20px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details ul li:last-child {
    margin-right: 0;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details ul li a {
    display: block;
    font: normal 500 13px/1.2 var(--primary-font-family);
    color: #fff;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details ul li a img {
    width: auto;
    margin-right: 8px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details h3 {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #fff;
    margin: 0 0 20px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details h2 a{
    font: normal 400 25px/1.2 var(--secondary-font-family);
    color: #f6e54b;
    margin: 0 0 20px;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details .featured-button {
    display: inline-block;
    font: normal 600 14px/1.2 var(--primary-font-family);
    padding: 15px 20px;
    color: #000;
    background-color: #f6e54b;
    border: 1px solid #f6e54b;
}

.featured-section .featured-main .featured-boxes .featured-box .featured-details .featured-button:hover {
    color: #f6e54b;
    background-color: transparent;
}
/*
.topstories-section {
    padding: 0 0 60px;
    background-color: #0d0d0d;
} */

.topstories-section {
    padding: 0 0 60px;
    background-color: #fff;
}




.topstories-section .topstories-main {}

.topstories-section .topstories-main .topstories-heading {
    overflow: hidden;
    margin-bottom: 30px;
	border-bottom: 1px solid #eee;	
}

.topstories-section .topstories-main .topstories-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.topstories-section .topstories-main .topstories-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.topstories-section .topstories-main .topstories-slider {}

.topstories-section .topstories-main .topstories-slider .topstories-box {
    padding-left: 50px;
    border-left: 1px solid #212121;
    position: relative;
}

.topstories-section .topstories-main .topstories-slider .topstories-box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 39px;
    background-color: transparent;
}

.topstories-section .topstories-main .topstories-slider .topstories-box:hover:before {
    background-color: #f6e54b;
}

.topstories-section .topstories-main .topstories-slider .topstories-box:nth-child(4n+4) {
    margin-right: 0;
}
/*
.topstories-section .topstories-main .topstories-slider .topstories-box h3,
.topstories-section .topstories-main .topstories-slider .topstories-box h3 a{
    font: normal 400 20px/25px var(--secondary-font-family);
    color: #fff;
    margin: 0 0 10px;
} */


.topstories-section .topstories-main .topstories-slider .topstories-box h3,
.topstories-section .topstories-main .topstories-slider .topstories-box h3 a{
  font: normal 400 20px/25px var(--secondary-font-family);
    color: #000;
    margin: 0 0 10px;
}


.topstories-section .topstories-main .topstories-slider .topstories-box:hover h3 {
    color: #f6e54b;
}

.topstories-section .topstories-main .topstories-slider .topstories-box p {
    font: normal 500 15px/1.2 var(--primary-font-family);
    color: #999999;
    margin: 0 0 10px;
}

.topstories-section .topstories-main .topstories-slider .topstories-box a {
    display: inline-block;
}

.topstories-section .topstories-main .topstories-slider .topstories-box a:before {
    color: #000;
}

/*
  .topstories-section .topstories-main .topstories-slider .topstories-box a:before {
    color: #fff;
}
 
 */

.topstories-section .topstories-main .topstories-slider .topstories-box:hover a:before {
    color: #f6e54b;
}

.topstories-section .topstories-main .topstories-slider .owl-theme .owl-dots {
    margin: 0;
    position: absolute;
    bottom: calc(100% + 35px);
    right: 0;
}

.topstories-section .topstories-main .topstories-slider .owl-theme .owl-dots .owl-dot {
    outline: none;
    margin: 0;
}

.topstories-section .topstories-main .topstories-slider .owl-theme .owl-dots .owl-dot span {
    background-color: #e1e1e11f;
    margin: 0 2.5px;
}

.topstories-section .topstories-main .topstories-slider .owl-theme .owl-dots .owl-dot.active span {
    background-color: #f6e54b;
    margin: 0 7.5px;
}

.newspod-section {
    padding: 28px 0 0;
    margin-bottom: 50px;
    position: relative;
    z-index: 0;
}
/*
.newspod-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    z-index: -1;
    background-color: #0d0d0d;
}
*/

.newspod-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    z-index: -1;

	border: 1px solid #eee;     background-color: #eee; 
}




.newspod-section .newspod-main {
    display: flex;
}
/*
.newspod-section .newspod-main .newsletter-section {
    width: calc(100% / 4 - 20px);
    float: left;
    margin-right: 20px;
    background-color: #fff;
    padding: 50px;
    text-align: center;
    position: relative;
} */


.newspod-section .newspod-main .newsletter-section {
    width: calc(100% / 4 - 20px);
    float: left;
    margin-right: 20px;
    background-color: #fff;
    padding: 50px;
    text-align: center;
    position: relative;
	border: 1px solid #eee;
}


.newspod-section .newspod-main .newsletter-section .newsletter-heading {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.newspod-section .newspod-main .newsletter-section .newsletter-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.newspod-section .newspod-main .newsletter-section .newsletter-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form {}

.newspod-section .newspod-main .newsletter-section .newsletter-form h3 {
    font: normal 400 25px/1.2 var(--secondary-font-family);
    color: #000;
    margin: 0 0 40px;
}

/*
.newspod-section .newspod-main .newsletter-section .newsletter-form form {
    margin: 0 0 40px;
} */
.newspod-section .newspod-main .newsletter-section .newsletter-form form {
    margin: 0 0 14px;
}


.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group {
    margin: 0;
    overflow: hidden;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-input {
    width: calc(100% - 116px);
    float: left;
    font: normal 400 15px/1.2 var(--primary-font-family);
    color: #666;
    padding: 11px 20px;
    background-color: #f7f7f7;
    border: none;
    border-radius: 0;
    outline: none;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-input::-webkit-input-placeholder {
    font: normal 400 15px/1.2 var(--primary-font-family);
    color: #666;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-input::-moz-placeholder {
    font: normal 400 15px/1.2 var(--primary-font-family);
    color: #666;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-input:-ms-input-placeholder {
    font: normal 400 15px/1.2 var(--primary-font-family);
    color: #666;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-input:-moz-placeholder {
    font: normal 400 15px/1.2 var(--primary-font-family);
    color: #666;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-btn {
    display: inline-block;
    float: left;
    font: normal 600 14px/1.2 var(--primary-font-family);
    color: #000;
    padding: 12px 20px;
    background-color: #f6e54b;
    border: 1px solid #f6e54b;
    border-radius: 0;
    outline: none;
    margin-left: 10px;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form form .form-group .newsletter-btn:hover {
    color: #000;
    background-color: transparent;
    border-color: #000;
}

.newspod-section .newspod-main .newsletter-section .newsletter-form p {
    font: normal 400 13px/1.2 var(--primary-font-family);
    color: #808080;
    margin: 0;
}

.newspod-section .newspod-main .podcasts-section {
    width: calc(100% / 4 * 3);
    float: left;
    background-color: #fff;
    padding: 50px;
    position: relative;
	border: 1px solid #eee;
}

/*
 
 .newspod-section .newspod-main .podcasts-section {
    width: calc(100% / 4 * 3);
    float: left;
    background-color: #fff;
    padding: 50px;
    position: relative;
} 
  */






.newspod-section .newspod-main .podcasts-section .podcasts-heading {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.newspod-section .newspod-main .podcasts-section .podcasts-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.newspod-section .newspod-main .podcasts-section .podcasts-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider {}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .button-section {
    text-align: right;
    margin: 0 0 30px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .button-section .podcasts-btn {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    text-transform: uppercase;
    padding: 7px 10px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .button-section .podcasts-btn:hover {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box {
    position: relative;
    border-right: 1px solid #e8e8e8;
    padding-right: 20px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-item.active + .owl-item.active + .owl-item.active .podcasts-box {
    border-right: none;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box .podcastsbox-top {
    margin: 0 0 30px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box .podcastsbox-top a {
    display: inline-block;
    overflow: hidden;
    font: normal 600 13px/30px var(--primary-font-family);
    color: #666666;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box .podcastsbox-top a i {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    background-color: #f6e54b;
    position: relative;
    margin-right: 20px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box .podcastsbox-top a i:before {
    color: #000;
    float: left;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box h3 {
  /*  font: normal 600 25px/1.2 var(--secondary-font-family);
    color: #000;
    margin: 0 0 50px;
	*/
	font: normal 600 25px/1.2 var(--secondary-font-family);
    color: #000;
    margin: 0 0 50px;
    height: 100%;
    min-height: 92px;
	
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box a {
    display: inline-block;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box a:before {
    color: #000;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box .podcasts-time {
    display: inline-block;
	font: normal 400 33px/1 var(--secondary-font-family);
   /* font: normal 400 50px/1 var(--secondary-font-family); */
    color: #f7f7f7;
    position: absolute;
    bottom: 0;
    right: 50px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-theme .owl-dots {
    margin: 0;
    position: absolute;
    bottom: calc(100% + 35px);
    left: 0;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-theme .owl-dots .owl-dot {
    outline: none;
    margin: 0;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-theme .owl-dots .owl-dot span {
    background-color: #e1e1e1;
    margin: 0 2.5px;
}

.newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-theme .owl-dots .owl-dot.active span {
    background-color: #0d0d0d;
    margin: 0 7.5px;
}

.main-section {
    padding: 28px 0 50px;
}

.morenews-section {
    width: 50%;
    float: left;
    margin-right: 20px;
}

.morenews-section .morenews-main {
    position: relative;
}

.morenews-section .morenews-main .morenews-heading {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.morenews-section .morenews-main .morenews-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.morenews-section .morenews-main .morenews-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.morenews-section .morenews-main .morenews-top {
    position: relative;
}

.morenews-section .morenews-main .morenews-top .morenews-img {
    overflow: hidden;
}

.morenews-section .morenews-main .morenews-top .morenews-img img {
    width: 100%;
}

.morenews-section .morenews-main .morenews-top:hover .morenews-img img {
  /*  transform: scale(1.2); */
}
/*
.morenews-section .morenews-main .morenews-top .morenews-details {
    text-align: center;
    position: absolute;
    bottom: 49px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: auto;
    padding: 0 20px;
} */

.morenews-section .morenews-main .morenews-top .morenews-details {
    bottom: 24.5px;
    position: static;
    transform: translateX(0%);
    width: 100%;
    padding: 20px;
    background: white;
	  text-align: center;
   
}

/* 
.morenews-section .morenews-main .morenews-top .morenews-details {
    text-align: center;
    position: absolute;
    bottom: 49px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: auto;
    padding: 32px;
    cursor: pointer;
    background: #000000c7;
} */


.morenews-section .morenews-main .morenews-top .morenews-details h1 {
    font: normal 400 25px/1.2 var(--secondary-font-family);
    color: #000; 
    margin: 0 0 20px;
}

.morenews-section .morenews-main .morenews-top .morenews-details p {
    font: normal 400 15px/21px var(--primary-font-family);
    color: #000;
    margin: 0 0 20px;
}

.morenews-section .morenews-main .morenews-top .morenews-details p.user-name {
    font: normal 500 15px/21px var(--primary-font-family);
    color: #999999;
    margin: 0 0 20px;
}

.morenews-section .morenews-main .morenews-top .morenews-details ul {
    margin: 0;
    padding: 0;
}

.morenews-section .morenews-main .morenews-top .morenews-details ul li {
    display: inline-block;
    margin-right: 20px;
}

.morenews-section .morenews-main .morenews-top .morenews-details ul li:last-child {
    margin-right: 0;
}

.morenews-section .morenews-main .morenews-top .morenews-details ul li a {
    display: block;
    font: normal 500 13px/1.2 var(--primary-font-family);
    color: #fff;
}

.morenews-section .morenews-main .morenews-top .morenews-details ul li a img {
    width: auto;
    margin-right: 8px;
}

.morenews-section .morenews-main .morenews-boxes {}

.morenews-section .morenews-main .morenews-boxes .morenews-box {
    display: flex;
    overflow: hidden;
	 padding-top: 18px;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img {
    overflow: hidden;
    width: 50%;
    float: left;
    position: relative;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img img {
width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -39%);
    min-height: 324px;
}

/*
.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
*/
.morenews-section .morenews-main .morenews-boxes .morenews-box:hover .morenews-img img {
     /* transform: translate(-50%, -50%); scale(1.2); */
} 

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details {
    width: 50%;
    float: left;
    padding: 50px 60px;
    background-color: #fff;
    position: relative;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 100px);
 /*   height: 1px; */
    background-color: #e8e8e8;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details h1,
.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details h1 a{
    /* font: normal 400 25px/1.2 var(--secondary-font-family); */
	font: normal 400 18px/1.2 var(--secondary-font-family); 
    color: #000;
    margin: 0 0 25px;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details p {
    font: normal 400 15px/21px var(--primary-font-family);
    color: #000;
    margin: 0 0 30px;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details p.user-name {
    font: normal 500 15px/21px var(--primary-font-family);
    color: #999999;
    margin: 0 0 30px;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details ul {
    margin: 0;
    padding: 0;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details ul li {
    display: inline-block;
    margin-right: 20px;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details ul li:last-child {
    margin-right: 0;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details ul li a {
    display: block;
    font: normal 500 13px/1.2 var(--primary-font-family);
    color: #000;
}

.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details ul li a img {
    width: auto;
    margin-right: 8px;
}

.morenews-section .morenews-main .morenews-boxes .button-section {
 /*   padding: 50px 0;
    text-align: center;
    background-color: #fff; */
	
	 padding: 50px 0;
    text-align: center;
    background-color: #fff;
    margin-top: 1rem;
    box-shadow: 0px 0px 2px 0px #eee;
	
}

.morenews-section .morenews-main .morenews-boxes .button-section .morenews-button {
    display: inline-block;
    font: normal 600 14px/1.2 var(--primary-font-family);
    padding: 15px 20px;
    color: #000;
    background-color: #f6e54b;
    border: 1px solid #f6e54b;
}

.morenews-section .morenews-main .morenews-boxes .button-section .morenews-button:hover {
    color: #000;
    background-color: transparent;
    border-color: #000;
}

.mostread-section {
    width: calc(25% - 20px);
    float: left;
    margin-right: 20px;
}

.mostread-section .mostread-main {
    position: relative;
    padding: 20px 50px;
    background-color: #fff;
}

.mostread-section .mostread-main .mostread-heading {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.mostread-section .mostread-main .mostread-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.mostread-section .mostread-main .mostread-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.mostread-section .mostread-main .mostread-boxes {}

.mostread-section .mostread-main .mostread-boxes .mostread-box {
    padding: 30px 0;
    position: relative;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box:last-child:before {
    display: none;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box h1 {
    font: normal 400 20px/1.2 var(--secondary-font-family);
    color: #000;
    margin: 0 0 20px;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box p {
    font: normal 400 15px/21px var(--primary-font-family);
    color: #000;
    margin: 0 0 20px;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom {
    overflow: hidden;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom ul {
    margin: 0;
    padding: 0;
    float: left;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom ul li {
    display: inline-block;
    margin-right: 20px;
    float: left;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom ul li:last-child {
    margin-right: 0;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom ul li a {
    display: block;
    font: normal 500 13px/1.2 var(--primary-font-family);
    color: #000;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom ul li a img {
    width: auto;
    margin-right: 8px;
}

.mostread-section .mostread-main .mostread-boxes .mostread-box .mostreadbox-bottom .post-time {
    display: inline-block;
    float: right;
    font: normal 500 13px/1.2 var(--primary-font-family);
    margin: 0;
    color: #999999;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment {
    border: 2px solid #000;
    padding: 58px 30px 40px;
    text-align: center;
    margin: 15px 0;
    position: relative;
    z-index: 0;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment:before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #fff url(../img/comma-up.png) no-repeat center center;
    z-index: 1;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 30px;
    transform: translateY(50%);
    width: 56px;
    height: 56px;
    background: #fff url(../img/comma-down.png) no-repeat center center;
    z-index: 1;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-propic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-20%);
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-propic img {
    width: auto;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-details {}

.mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-details h3 {
    font: italic 400 25px/1.2 var(--secondary-font-family);
    color: #000;
    margin: 0 0 10px;
}

.mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-details p {
    font: normal 500 15px/21px var(--primary-font-family);
    color: #999999;
    margin: 0;
}

.conversation-section {
    width: calc(25% - 20px);
    float: left;
}

.conversation-section .conversation-main {
    position: relative;
    text-align: center;
}

.conversation-section .conversation-main .conversation-heading {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.conversation-section .conversation-main .conversation-heading h3 {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
}

.conversation-section .conversation-main .conversation-heading h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: #f6e54b;
    transform: skew(12deg);
    z-index: -1;
}

.conversation-section .conversation-main .conversation-boxes {
    padding: 20px 50px;
    background-color: #0d0d0d;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box {
    padding: 30px;
    position: relative;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box:last-child {
    padding-bottom: 0;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: #212121;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box:last-child:before {
    display: none;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box h1 {
    font: normal 400 20px/1.2 var(--secondary-font-family);
    color: #fff;
    margin: 0 0 20px;
}


.conversation-section .conversation-main .conversation-boxes .conversation-box h1  a{   color: #fff; }


.conversation-section .conversation-main .conversation-boxes .conversation-box p {
    font: normal 400 15px/21px var(--primary-font-family);
    color: #fff;
    margin: 0 0 20px;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom {}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom ul li {
    display: inline-block;
    margin-right: 20px;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom ul li:last-child {
    margin-right: 0;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom ul li a {
    display: block;
    font: normal 500 13px/1.2 var(--primary-font-family);
    color: #fff;
}

.conversation-section .conversation-main .conversation-boxes .conversation-box .conversationbox-bottom ul li a img {
    width: auto;
    margin-right: 8px;
}

.conversation-section .conversation-main .button-section {
    padding: 30px 0 50px;
    background-color: #0d0d0d;
}

.conversation-section .conversation-main .button-section .conversation-btn {
    display: inline-block;
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #000;
    text-transform: uppercase;
    padding: 7px 10px;
    background-color: #f7f7f7;
}

.conversation-section .conversation-main .button-section .conversation-btn:hover {
    color: #f7f7f7;
    background-color: transparent;
    border: 1px solid #f7f7f7;
}

.conversation-section .conversation-main .downloadapp-box {
    padding: 50px;
    background-color: #000;
}

.conversation-section .conversation-main .downloadapp-box h3 {
    font: normal 700 12px/1.2 var(--primary-font-family);
    color: #f6e54b;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.conversation-section .conversation-main .downloadapp-box h1 {
    font: normal 400 25px/1.2 var(--secondary-font-family);
    color: #fff;
    margin: 0 0 30px;
}

.conversation-section .conversation-main .downloadapp-box ul {
    margin: 0;
    padding: 0;
}

.conversation-section .conversation-main .downloadapp-box ul li {
    display: inline-block;
    padding: 0 10px;
}

.conversation-section .conversation-main .downloadapp-box ul li a {
    display: block;
}

.conversation-section .conversation-main .downloadapp-box ul li a:hover {
    /* transform: rotateY(360deg); */
}

.conversation-section .conversation-main .downloadapp-box ul li a img {
    width: auto;
}

.footer-section {
    position: relative;
}

.footer-section .footer-top {
    background-color: #000;
}

.footer-section .footer-top .container-fluid {
    padding-left: 60px;
    padding-right: 0;
}

.footer-section .footer-top .container-fluid > div {
    margin-right: 0;
}

.footer-section .footer-top .container-fluid > div > div {
    padding-right: 0;
}

.footer-section .footer-top .footer-left {}

.footer-section .footer-top .footer-left ul {
    margin: 0;
    padding: 0;
	 margin-left: 4.9%; 
}

.footer-section .footer-top .footer-left ul li {
    display: inline-block;
    margin: 16px 25px 16px 0;
}

.footer-section .footer-top .footer-left ul li a {
    display: block;
    color: #404040;
    overflow: hidden;
}

.footer-section .footer-top .footer-left ul li a:hover {
    color: #f6e54b;
}

.footer-section .footer-top .footer-left ul li a:before {
    float: left;
}

.footer-section .footer-top .footer-right {
    width: auto;
    float: right;
}

.footer-section .footer-top .footer-right ul {
    margin: 0;
    padding: 0;
}

.footer-section .footer-top .footer-right ul li {
    display: inline-block;
}

.footer-section .footer-top .footer-right ul li a {
    display: block;
}

.footer-section .footer-top .footer-right ul li a.member {
    font: normal 600 14px/1.2 var(--primary-font-family);
    color: #f6e54b;
    padding: 17px 60px;
    background-color: #000;
}

.footer-section .footer-top .footer-right ul li a.member:hover {
    color: #000;
    background-color: #f6e54b;
}

.footer-section .footer-top .footer-right ul li a.login {
    font: normal 600 14px/1.2 var(--primary-font-family);
    padding: 17px 60px;
    color: #000;
    background-color: #f6e54b;
}

.footer-section .footer-top .footer-right ul li a.login:hover {
    /* transform: rotateY(360deg); */
	   color: #f6e54b;
    background-color: #000;
	
}

.footer-section .footer-top .footer-right ul li a.login img {
    float: left;
    width: 19px;
    margin-right: 5px;
    margin-top: 3px;
}

.footer-section .footer-middle {
    padding: 50px 0 0;
    overflow: hidden;
    background-color: #0d0d0d;
}

.footer-section .footer-middle .footer-logo {
    width: calc(100% / 8);
    float: left;
}

.footer-section .footer-middle .footer-logo a {
    display: block;
}

.footer-section .footer-middle .footer-logo a img {
    width: auto;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.footer-section .footer-middle .footerlinks-main {
    width: calc(100% / 8 * 7);
    float: left;
}
/*
.footer-section .footer-middle .footerlinks-main .footer-links {
    width: calc(100% / 7);
    float: left;
    margin: 0 0 50px;
} */

.footer-section .footer-middle .footerlinks-main .footer-links {
    width: calc(100% / 6);
    float: left;
    margin: 0 0 50px;
}

.footer-section .footer-middle .footerlinks-main .footer-links h3 {
    font: normal 400 20px/30px var(--secondary-font-family);
    color: #fff;
    margin: 0 0 20px;
}

.footer-section .footer-middle .footerlinks-main .footer-links h3 a {
    color: #fff;
}

.footer-section .footer-middle .footerlinks-main .footer-links h3 a:hover {
    color: #f6e54b;
}

.footer-section .footer-middle .footerlinks-main .footer-links ul {
    margin: 0;
    padding: 0;
}

.footer-section .footer-middle .footerlinks-main .footer-links ul li {
    display: block;
}

.footer-section .footer-middle .footerlinks-main .footer-links ul li a {
    display: block;
    font: normal 400 15px/25px var(--primary-font-family);
    color: #666666;
}

.footer-section .footer-middle .footerlinks-main .footer-links ul li a:hover {
    color: #f6e54b;
}

.footer-section .footer-middle .footerlinks-main .footer-search {
    width: 100%;
    float: left;
}

.footer-section .footer-middle .footerlinks-main .footer-search form {}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group {
    margin: 0;
    padding: 0 0 50px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #191919;
    width: 90%;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-btn {
    width: 48px;
    height: 48px;
    background: transparent url(../img/search-icon2.png) no-repeat center center;
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0;
    float: left;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input {
    /* width: calc(100% - 48px); */
	width: calc(100% - -15rem);
    min-height: 48px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    font: normal 400 2.2222rem/1.2 var(--secondary-font-family);
    color: #fff;
    padding: 0;
    float: left;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input::-webkit-input-placeholder {
    font: normal 400 2.2222rem/1.2 var(--secondary-font-family);
    color: #fff;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input::-moz-placeholder {
    font: normal 400 2.2222rem/1.2 var(--secondary-font-family);
    color: #fff;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input:-ms-input-placeholder {
    font: normal 400 2.2222rem/1.2 var(--secondary-font-family);
    color: #fff;
}

.footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input:-moz-placeholder {
    font: normal 400 2.2222rem/1.2 var(--secondary-font-family);
    color: #fff;
}

.footer-section .footer-bottom {
    padding: 50px 0;
    background-color: #0d0d0d;
}

.footer-section .footer-bottom .footer-links ul {
    margin: 0;
    padding: 0;
}

.footer-section .footer-bottom .footer-links ul li {
    display: inline-block;
    margin-right: 30px;
}

.footer-section .footer-bottom .footer-links ul li a {
    display: block;
    font: normal 400 15px/25px var(--primary-font-family);
    color: #404040;
}

.footer-section .footer-bottom .footer-links ul li a:hover {
    text-decoration: underline;
}

.footer-section .footer-bottom .copyright {
    font: normal 400 15px/25px var(--primary-font-family);
    color: #404040;
    margin: 0;
}

.footer-section .footer-bottom .copyright a {
    display: inline-block;
    color: #666666;
}

.footer-section .footer-bottom .copyright a:hover {
    text-decoration: underline;
}

.footer-section .footer-bottom .madeby {
    font: normal 400 15px/25px var(--primary-font-family);
    color: #404040;
    margin: 0;
}

.footer-section .footer-bottom .madeby a {
    display: inline-block;
    color: #f6e54b;
}

.footer-section .footer-bottom .madeby a:hover {
    text-decoration: underline;
}

.banner-section.without-slider {
    margin-top: 208px;
}

.banner-section.without-slider + .body-section {
    margin-top: 0;
}

.banner-section.without-slider .banner-slider {
    height: 170px;
    background-color: #0d0d0d;
}

.banner-section.without-slider .banner-slider .banner-content {}

.banner-section.without-slider .banner-slider .banner-content h1 {
    font: normal 700 4rem/1.5 var(--primary-font-family);
    color: #fff;
    margin: 20px 0;
}

/*---------------------- Media Queries ----------------------
-----------------------------------------------------------*/

@media (min-width: 1441px) and (max-width: 1650px) { /*----- xxl-col -----*/
    html {
        font-size: 18px;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) { /*----- lg-col -----*/
    html {
        font-size: 16px;
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }

    .header-section .header-top .container-fluid {
        padding-left: 30px;
    }

    .header-section .header-middle .headermiddle-main .headermiddle-left form .form-group .search-input {
        margin-left: 15px;
    }

    .header-section .header-middle .headermiddle-main .headermiddle-center ul li {
        padding: 0 8px;
    }

    .header-section .header-middle .headermiddle-main .headermiddle-right ul li a {
        padding: 16px 17.5px 16px 0;
    }

    .header-section .header-bottom .headerbottom-main .headerbottom-center ul li {
        padding: 0 12px;
    }
/*
    .featured-section .featured-main .featured-boxes .featured-box .featured-details {
        bottom: 24.5px;
    } */

   
    .featured-section .featured-main .featured-boxes .featured-box .featured-details h1,
    .featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a {
     /*   font-size: 18px; */
	  font-size: 16px;
      margin: 0 0 2px;
	}
	
	}
	.featured-section .featured-main .featured-boxes .featured-box .featured-details p {
		margin: 0 0 0px; 
		}
	
	

    .featured-section .featured-main .featured-boxes .featured-box.double .featured-details h1 {
        /* font-size: 25px; */
		font-size:19px;
    }

    .topstories-section .topstories-main .topstories-slider .topstories-box {
        padding-left: 30px;
    }

    .newspod-section .newspod-main .newsletter-section {
        padding: 30px;
    }

    .newspod-section .newspod-main .podcasts-section {
        padding: 30px;
    }
/*
    .morenews-section .morenews-main .morenews-top .morenews-details {
        bottom: 24.5px;
    }
 */
    .morenews-section .morenews-main .morenews-top .morenews-details h1 {
        font: normal 400 18px/1.2 var(--secondary-font-family);
        margin: 0 0 15px;
    }

    .morenews-section .morenews-main .morenews-top .morenews-details p {
        font: normal 400 14px/21px var(--primary-font-family);
        margin: 0 0 15px;
    }

    .morenews-section .morenews-main .morenews-top .morenews-details p.user-name {
        font: normal 500 14px/21px var(--primary-font-family);
        margin: 0 0 15px;
    }

    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details {
        padding: 25px 30px;
    }

    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details h1 {
        font: normal 400 18px/1.2 var(--secondary-font-family);
        margin: 0 0 15px;
    }

    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details p,
    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details p.user-name {
        font: normal 400 14px/21px var(--primary-font-family);
        margin: 0 0 15px;
    }

    .mostread-section .mostread-main {
        padding: 20px 20px;
    }

    .mostread-section .mostread-main .mostread-boxes .mostread-box {
        padding: 30px 0;
    }

    .mostread-section .mostread-main .mostread-boxes .mostread-box h1 {
        font: normal 400 16px/1.2 var(--secondary-font-family);
        margin: 0 0 15px;
    }

    .mostread-section .mostread-main .mostread-boxes .mostread-box p {
        font: normal 400 14px/21px var(--primary-font-family);
        margin: 0 0 15px;
    }

    .mostread-section .mostread-main .mostread-boxes .spacial-comment {
        padding: 48px 20px 30px;
    }

    .mostread-section .mostread-main .mostread-boxes .spacial-comment .spacialcomment-details h3 {
        font: italic 400 18px/1.2 var(--secondary-font-family);
        margin: 0 0 10px;
    }

    .conversation-section .conversation-main .conversation-boxes {
        padding: 10px 20px;
    }

    .conversation-section .conversation-main .conversation-boxes .conversation-box {
        padding: 28px 0;
    }

    .conversation-section .conversation-main .downloadapp-box {
        padding: 20px;
    }

    .conversation-section .conversation-main .downloadapp-box h1 {
        font-size: 22px;
    }

    .conversation-section .conversation-main .downloadapp-box ul li {
        width: 48%;
    }

    .conversation-section .conversation-main .downloadapp-box ul li a img {
        width: auto;
    }

    .footer-section .footer-top .container-fluid {
        padding-left: 30px;
    }
}

@media (min-width: 1024px) and (max-width: 1365px) { /*----- md-col -----*/
    html {
        font-size: 14px;
    }

    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }

    .header-section .header-top .container-fluid,
    .footer-section .footer-top .container-fluid {
        padding-left: 20px;
    }

    .header-section .header-bottom .headerbottom-main .headerbottom-center ul li {
        padding: 0 8px;
    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure {
        margin: 0 20px 0 0;
    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {
        margin: 5px 0 5px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details {
        bottom: 20px;
        padding: 0 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box.double .featured-details {
        bottom: 30px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h1  a{
        font-size: 13px;
        margin-bottom: 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box.double .featured-details h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h3 {
        margin: 0 0 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h2 {
        font: normal 400 20px/1.2 var(--secondary-font-family);
        margin: 0 0 10px;
    }

    .newspod-section .newspod-main .newsletter-section {
        width: calc(100% / 3 - 20px);
        padding: 30px;
    }

    .newspod-section .newspod-main .podcasts-section {
        width: calc(100% / 3 * 2);
        padding: 30px;
    }

    .morenews-section {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 78px;
    }

    .mostread-section {
        width: calc(50% - 20px);
    }

    .conversation-section {
        width: calc(50% - 0px);
    }

    .footer-section .footer-middle .footer-logo {
        width: calc(100% / 8 * 2);
    }

    .footer-section .footer-middle .footerlinks-main {
        width: calc(100% / 8 * 6);
    }

    .footer-section .footer-middle .footerlinks-main .footer-links {
        width: calc(100% / 4);
        min-height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) { /*----- sm-col -----*/
    html {
        font-size: 12px;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .header-section .header-top .container-fluid,
    .footer-section .footer-top .container-fluid {
        padding-left: 15px;
    }

    .header-section .header-middle .headermiddle-main {
        padding: 15px 0;
    }

    .header-section .header-middle .headermiddle-main .headermiddle-center ul li {
        padding: 0 10px;
    }

    .header-section .header-middle .headermiddle-main .headermiddle-center ul li a {
        font: normal 500 12px/10px var(--primary-font-family);
    }

    .header-section .header-middle .headermiddle-main .headermiddle-center ul li.logo a img {
        width: 200px;
    }

    .header-section .header-bottom .headerbottom-main .headerbottom-center ul li {
        padding: 0 5px;
    }

    .header-section .header-bottom .headerbottom-main .headerbottom-center ul li a {
        font-size: 12px;
    }

    .body-section {
        margin-top: 166px;
    }

    .suggestions-section .suggestions-main .suggestions-boxes {
        display: block;
		    margin-top: 44px;

    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box,
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box:last-child {
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box:nth-child(2n+2) {
        margin-right: 0;
    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure {
        margin: 0 20px 0 0;
    }

    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {
        margin: 5px 0;
    }

    .featured-section .featured-main .featured-boxes .featured-box.double {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .featured-section .featured-main .featured-boxes .featured-box {
        width: calc(100% / 2 - 10px);
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details {
        bottom: 20px;
        padding: 0 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box.double .featured-details {
        bottom: 30px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box.double .featured-details h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h3 {
        margin: 0 0 10px;
    }

    .featured-section .featured-main .featured-boxes .featured-box .featured-details h2 {
        font: normal 400 20px/1.2 var(--secondary-font-family);
        margin: 0 0 10px;
    }

    .newspod-section .newspod-main {
        display: block;
    }

    .newspod-section .newspod-main .newsletter-section {
        width: calc(100% / 2 - 20px);
        padding: 30px;
        float: none;
        margin: 0 auto 50px;
    }

    .newspod-section .newspod-main .podcasts-section {
        width: calc(100% / 1);
        padding: 30px;
        float: none;
    }

    .morenews-section {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 78px;
    }

    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details {
        padding: 30px;
    }

    .mostread-section {
        width: calc(50% - 20px);
    }

    .mostread-section .mostread-main {
        padding: 0 20px;
    }

    .mostread-section .mostread-main .mostread-boxes .spacial-comment {
        padding: 48px 20px 30px;
    }

    .conversation-section {
        width: calc(50% - 0px);
    }

    .conversation-section .conversation-main .conversation-boxes {
        padding: 0 20px;
    }

    .conversation-section .conversation-main .downloadapp-box {
        padding: 20px;
    }

    .footer-section .footer-middle .footer-logo {
        width: calc(100% / 8 * 2);
    }

    .footer-section .footer-middle .footerlinks-main {
        width: calc(100% / 8 * 6);
    }

    .footer-section .footer-middle .footerlinks-main .footer-links {
        width: calc(100% / 4);
      /*  min-height: 250px; */
		    margin: 0 0 0px;
		
    }

    .footer-section .footer-bottom .footer-links ul li {
        margin: 0 15px;
    }

    .banner-section.without-slider {
        margin-top: 166px;
    }
}

@media (min-width: 320px) and (max-width: 767px) { /*----- xs-col -----*/
    html {
        font-size: 12px;
    }
    .text-center-xs {  text-align: center !important;   }
    .container-fluid {   padding-right: 15px; padding-left: 15px;  }
    .header-section .header-top .container-fluid, .footer-section .footer-top .container-fluid { padding-left: 15px;  }
    .header-section .header-middle .headermiddle-main { overflow: hidden; padding-bottom: 24px;  }
    .header-section .header-middle .headermiddle-main .logo {  width: 200px; float: left; }
    .body-section {margin-top:78px;  }
    .suggestions-section .suggestions-main .suggestions-boxes { display: block; }
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box {  width: 100%;  float: none;   margin-right: 0;   margin-bottom: 20px;  height: 60px; }
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure { float: left;  width: 60px;margin: 0 20px 0 0; }
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {  margin-top: 0; }
    .featured-section .featured-main .featured-boxes .featured-box {  width: 100%;  float: none; margin-right: 0;  margin-bottom: 20px; position: relative;  }
    .featured-section .featured-main .featured-boxes .featured-box.double { width: 100%;margin-bottom: 20px; }
    .featured-section .featured-main .featured-boxes .featured-box .featured-details { position: static; padding: 20px;  }
    .featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a, .featured-section .featured-main .featured-boxes .featured-box.double .featured-details h1 { font-size: 20px; margin: 0 0 10px; }
    .featured-section .featured-main .featured-boxes .featured-box.last .featured-details {transform: translateY(20%); }
    .topstories-section .topstories-main .topstories-slider .owl-theme .owl-dots { margin: 20px 0 0; position: static;  }
    .newspod-section .newspod-main { display: block; }
    .newspod-section .newspod-main .newsletter-section { width: 100%;  float: none; margin-right: 0; margin-bottom: 58px;  padding: 20px; }
    .newspod-section .newspod-main .podcasts-section {  width: 100%; float: none; padding: 20px; }
    .newspod-section .newspod-main .podcasts-section .podcasts-slider .owl-theme .owl-dots {  margin: 20px 0 0;position: static; }
    .morenews-section {   width: 100%;float: none;margin-right: 0; margin-bottom: 50px; }
	.morenews-section .morenews-main .morenews-top .morenews-details h1, .morenews-section .morenews-main .morenews-top .morenews-details p, .morenews-section .morenews-main .morenews-top .morenews-details p.user-name, .morenews-section .morenews-main .morenews-top .morenews-details ul li a { color: #000; }
    .morenews-section .morenews-main .morenews-boxes .morenews-box { display: block;  }
    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img {   width: 100%; float: none; }
    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img img { width: 100%;  height: auto;position: static;   transform: translate(0, 0); }
    .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details { width: 100%; float: none; padding: 20px;text-align: center; }
    .mostread-section {   width: 100%;  float: none;  margin-right: 0; margin-bottom: 50px;text-align: center; }
    .mostread-section .mostread-main { padding: 0 20px;  }
    .mostread-section .mostread-main .mostread-boxes .spacial-comment {  padding: 48px 20px 30px;  }
    .conversation-section { width: 100%; float: none;  }
    .conversation-section .conversation-main .conversation-boxes {  padding: 0 20px; }
    .conversation-section .conversation-main .conversation-boxes .conversation-box {   padding: 30px 0; }
    .conversation-section .conversation-main .downloadapp-box {  padding: 20px; background-color: #000; }
    .footer-section { text-align: center; }
    .footer-section .footer-top .footer-right { float: none; }
    .footer-section .footer-middle .footer-logo {  width: 100%;   float: none; margin-bottom: 20px;  }
    .footer-section .footer-middle .footerlinks-main {   width: 100%;  float: none; }
    .footer-section .footer-middle .footerlinks-main .footer-links {  width: 100%; float: none; margin: 0 0 20px; }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group {   width: 100%;  }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input { font-size: 1.1rem;  }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input::-webkit-input-placeholder {font-size: 1.1rem; }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input::-moz-placeholder {font-size: 1.1rem; }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input:-ms-input-placeholder { font-size: 1.1rem; }
    .footer-section .footer-middle .footerlinks-main .footer-search form .form-group .search-input:-moz-placeholder { font-size: 1.1rem; }
    .footer-section .footer-bottom .footer-links ul li { display: block;   margin-right: 0;   margin-bottom: 15px;  }
    .footer-section .footer-bottom .copyright {    margin: 0 0 15px;  }
    .banner-section.without-slider {   margin-top: 80px;  }
	.header-section .header-top .header-right { float: unset !important; }
	/* .header-section .header-top .header-left {  display: none !important; } */
	.header-section .header-top .header-right ul li a.member {border-right: 0px solid #000 !important;	}
	.suggestions-section {  /*  padding-top: 8rem !important; */ }
	.header-section .header-top .header-right ul { display: inline-flex !important; }
	.header-section .header-top .header-right ul li a.member { padding: 17px 20px !important; }
	/************03022020*************/
	 .morenews-section .morenews-main .morenews-top .morenews-details {  position: static; transform: translateX(0%);   width: 100%;   padding: 20px;   background: white;}
	.featured-section .featured-main .featured-boxes .featured-box.double .featured-details {width: 100%;left: 0rem;bottom: 0rem;padding: 2rem 0;}
	.featured-section .featured-main .featured-boxes .featured-box .featured-details h1, .featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a {color: #000;}
	.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img img {min-height: auto;	}
	.formTopSect {  width: 100% !important; }
	#xoo-el-username, #xoo-el-password { line-height: 0; }	
	#xoo-el-username, #xoo-el-password, #xoo-el-lostpw-email {  line-height: 0; }
	
}

@media(max-width:991px){
	.formTopSect { width: 90% !important; }
}

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box { width: calc(100% / 2 - 10px);  float: left;  margin-right: 20px;  margin-bottom: 20px;   height: 60px;  }
    .suggestions-section .suggestions-main .suggestions-boxes .suggestions-box:nth-child(2n+2) {   margin-right: 0;  }
}
/****************************************************************/
@media screen and (min-width: 1366px) and (max-width: 1600px) { 
	.double .featured-details h1 a {   font: normal 500 26px/1.4 var(--secondary-font-family) !important; }
	.formTopSect { width: 40% !important; }
	.morenews-boxes .morenews-box .morenews-img img {transform: translate(-50%, -50%) !important;min-height: 100% !important;}
	.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box h3 {min-height: 145px;	}
	.fourRight p{font: normal 500 15px/25px var(--primary-font-family) !important;}
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box figure {  margin: 0 7px 0 0; }
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box p {  margin: 6px; font: normal 500 11px/1.2 var(--primary-font-family) }
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {font: normal 500 13px/1.2 var(--primary-font-family);}

}

@media (min-width: 1440px) and (max-width: 1650px) { 
.featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a { margin: 0 0 5px; }
.header-section .header-bottom .headerbottom-main .headerbottom-center ul li {   padding: 0 11px; }
.header-section .header-bottom .headerbottom-main .headerbottom-center ul li a { font: normal 500 13px/30px var(--primary-font-family); }
}

@media(min-width: 1025px) and (max-width: 1365px){	
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {  font: normal 500 10px/1.2 var(--primary-font-family); }
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box p {  font: normal 500 12px/1.2 var(--primary-font-family); }	
	.header-section .header-bottom .headerbottom-main .headerbottom-center ul li {  padding: 0 11px; }
	.header-section .header-bottom .headerbottom-main .headerbottom-center ul li a {  font: normal 500 13px/30px var(--primary-font-family); }	
	.featured-section .featured-main .featured-boxes .featured-box .featured-details { bottom:0;	}
	.featured-section .featured-main .featured-boxes .featured-box .featured-details p { font: normal 500 11px/1.2 var(--primary-font-family); margin: 0 0 11px; }
	.featured-section .featured-main .featured-boxes .featured-box .featured-details h1 a {  font: normal 400 11px/1.4 var(--secondary-font-family); margin: 0 0 7px;}
	.featured-section .featured-main .featured-boxes .featured-box .featured-details {  padding: 0.5rem; }	
	.featured-section .featured-main .featured-boxes .featured-box.double .featured-details { bottom: 0rem; }	
	.featured-section .featured-main .featured-boxes .featured-box .featured-details h2 a {  font: normal 400 17px/1.2 var(--secondary-font-family); }
	input.newsletter-btn {  margin-left: 0rem;  margin-top: 1rem; }	
	.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-img img {    height: auto;}

}

.youtubeVideo { padding: 0rem 0rem; background-size: auto; content: ''; position: absolute;  background-repeat: no-repeat;  display: inline-block;  top: 0rem;  width: auto;  right: 0;  height: auto; transform: translate(5.2%, 0%);  float: right; }
.mainSecButtons {  display: inline-flex; margin-bottom: 2rem; width: 100%; padding-right: 7px; }
a.showSingle { padding: 20px 0; flex-grow: 1; background: #f6e54b;  height: 76px;  text-align: center;  cursor: pointer;}
a.memActive { background:#000 ; color:#FFF !important;}
a.monthly, a.monthly.memActive, a.yearly, a.yearly.memActive{  font: normal 400 24.19px/32.06px var(--secondary-font-family);}

@media(min-width: 1000px) and (max-width: 1365px){	
	.featured-section .featured-main .featured-boxes .featured-box .featured-details h3 {  margin: 0 0 0px; }	
	.morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details h1, .morenews-section .morenews-main .morenews-boxes .morenews-box .morenews-details h1 a {
		font: normal 400 16px/1.6 var(--secondary-font-family) !important;  color: #000; margin: 0 0 6px  !important; }	
	.formTopSect { width: 50% !important; }	
	span#msg {  font-size: 37px  !important;  vertical-align: top !important; }
	select#sel, select#sel2 {background-position-x: 190px !important; }	
	.grayHeding h2 {  font: normal 400 4.9rem/normal var(--secondary-font-family) !important;  }	
	.selectPlaneBtnLarge .btn {  min-width: auto !important; }
	.headingTop h1{ font: normal 400 5.6rem/normal var(--secondary-font-family) !important;  }
	.newspod-section .newspod-main .podcasts-section .podcasts-slider .podcasts-box h3 { min-height:145px; }	
	ul.arrow { padding-left: 1rem !important;  padding-right: 1rem !important; }
	ul.yelloRight li a { font: normal 500 15px/27px var(--primary-font-family) !important; }
	.leftSec p {   margin: 0 0 0px !important; }
	.youtubeVideo {  transform: translate(7.9%, 0%); }		
	ul.yelloRight{  padding-bottom: 0.2rem !important; }
	.leftSec { width: 100%  !important;  padding-left: 2rem !important;  margin-top: 6rem !important; }
	.slaeBecomeM {  margin: 0px 7.2%;  width: auto; }
	.fourRight { padding: 0rem 0rem !important; }
	.fourLeft .positionAbsolute {  width: auto !important;  transform: translate(3rem, 3rem) !important;}
	.lastOne { padding-left: 2rem !important;  padding-right: 2rem !important; }
	.lastOne, .lastTwo {  padding-top: 4rem !important;  padding-bottom: 1rem !important; }
	.lastTwo {  padding-left: 0rem!important; }	
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box h3 {
		font: normal 500 10px/1.2 var(--primary-font-family); }
	.suggestions-section .suggestions-main .suggestions-boxes .suggestions-box p {
		font: normal 500 12px/1.2 var(--primary-font-family); }
}
/*************************************Form********************************************************************/
a.blog-readmore{ color:#000;font-size:10px;}
.header-sectionAbsolute{   position: unset !important; }
.artBannerImg {   padding: 0px !important; }
.artBannerImg h1{  margin: 0px !important;  padding: 44px 0px; }

/*************************************Form********************************************************************/
ul.xoo-el-tabs li.xoo-el-active { background-color: #000; color: #fff;padding: 21px;}
ul.xoo-el-tabs {  background-color: #f6e54b; }
.xoo-el-form-container ul.xoo-el-tabs li {  padding: 16px 22px; }
.xoo-aff-input-group .xoo-aff-input-icon {  padding: 13.4px 0; }
.xoo-aff-input-group .xoo-aff-input-icon { display: none; }
.xoo-el-section.xoo-el-section-login.xoo-el-active.xoo-el-login-ph { width: 100%; margin: auto; background:black; padding: 10px 29px; text-align: center; }
ul.xoo-el-tabs li.xoo-el-active {  background-color: #000; color: #fff;  }
.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select {
border: 0px solid #ccc; border-radius: 0px; height: 44px; padding: 6px 16px;	}
.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select {
border: 0px solid #ccc; border-radius: 0px; height: 44px; padding: 6px 16px;}
.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {  font-weight: 600; display: none; }
#xoo-el-username::placeholder, #xoo-el-password::placeholder, #xoo-el-lostpw-email::placeholder {  font-size: 20px;  color:  #999;  font-weight: 600; }
#xoo-el-username, #xoo-el-password {  font-size: 20px;  color:#999;  font-weight: 600; }
.button.btn.xoo-el-action-btn.xoo-el-login-btn, .button.btn.xoo-el-action-btn.xoo-el-lostpw-btn {  border: 0 !important;  border-radius: 0 !important;  background:#f6e54b; color: #000;  padding: 12px 0;  font-weight: 600; }
.formTopSect { clear: both; display: block; text-align: center;  padding-top: 20px; background: #000;width: 20%;  margin: auto;	margin-top:2rem; }
.formTopSect div { font-weight: 100; color: #fff;  font-size: 15px; }
.formTopSect div a { color:  #f6e54b !important; text-decoration: underline;  text-align: center; padding-left: 4px;text-transform: uppercase; }
.xoo-el-form-label span { color: #fff !important;  font-size: 12px;  vertical-align: top; }
.formTopSect h6 { color: #fff; padding: 0px 0;  font: normal 600 22px/1.6 var(--secondary-font-family); }
.xoo-el-lostpw-tgr { color: #f6e54b !important; text-decoration: underline !important; }
.signInImg img { width: 14%;padding: 17px 0px 15px 0; }
span.xoo-el-form-txt { color: #fff !important;   font-size: 19px; }
.xoo-el-login-tgr.xoo-el-login-ph.xoo-el-active { padding-top: 0; }
.xoo-el-form-inline .xoo-aff-group { margin-bottom: 30px; width: 97.6%;  padding-left: 10px;}
.paywall {position: fixed;bottom: 0;right: 0;left: 0;background: #ffffffed;	width: 100% !important; z-index: 99;height: 79%;	border-top: 5px solid #999;	box-shadow: 0px 0px 70px 97px #999999c9;}
#paywall { display:none;}
/*******Password not matched *******/
p.passNotMatch { padding: 10px; font-size: 20px !important; color: red; font-weight: 600; }
.passNotMatch::after {  content: '*'; position: absolute; font-size: 29px; }
.HeroImggray { margin-top: 1rem;}

/****************Contact section***********/
section.contactMainSect { clear: both; display: block; width: 100%; padding: 5px 0;	background: #0d0d0d; }
.contactHed h1 {color: #fff;  margin-bottom: 16px;  font-style: italic; font-size: 100px; font-weight: bold; font-family: 'georgia,Times New Roman,serif'; text-align:center; }
input#contactName::placeholder textarea#contactTextarea::placeholder, input#contactEmail::placeholder, .woocommerce-form-login #username::placeholder, .woocommerce-form-login #password::placeholder {font-size: 22px; color: #b9b9b9; font-weight: 500; }
input#contactName, input#contactEmail, textarea#contactTextarea { background: #fff; padding: 10px 0 10px 19px; border: 0;  margin: 0px 0 20px 0;  width: 100%; font-size: 22px; color: #b9b9b9;
    font-weight: 500; }
.contactFormSec input.wpcf7-form-control.wpcf7-submit { background: yellow;width: 100%; border: 0;  padding: 9px;	font-weight: 800; text-transform: uppercase;  letter-spacing: 1px;
	font-size: 22px;} 
.contactFormSec {  width: 35%; border: 1px solid #fff; padding: 31px; margin: auto;  display: block;  text-align: center; padding-bottom: 0; padding-top: 34px; }
input#contactName::placeholder, input#contactEmail::placeholder, textarea#contactTextarea::placeholder {  font-size: 22px; color: #b9b9b9; font-weight: 500; }
.contactFormSec div.wpcf7-mail-sent-ok { border: 1px solid #ffff00; color: #ffff00; font-size: 20px;  padding: 10px 0;}
.contactFormSec div.wpcf7-validation-errors, .contactFormSec div.wpcf7-acceptance-missing {  border: 1px solid #f7e700; color: yellow; }
.suggestions-box a { color: #000; font-weight: bold;}
span.mainForgotpassWord label span {  font-family: 'georgia,Times New Roman,serif' !important; font: normal 400 30px/1.7 var(--primary-font-family);  color: #fff !important; font-size: 12px;
    vertical-align: text-bottom; }
span.mainForgotpassWord { display: inline-flex; width: 100%;margin:0;}
span.loginForgotPass a { color: #f6e54b; text-decoration: underline; text-transform: uppercase; }
input#username, input#username::placeholder, input#password, input#password::placeholder {  font-size: 20px;  color: #999; font-weight: 600;}
.topLogin {  margin: auto;  width: 14%;  padding: 17px 0px 15px 0; }
.formContent h6 { color: #fff;  padding: 0px 0; font: normal 600 22px/1.6 var(--secondary-font-family); }
.formContent div a{  color: #f6e54b !important;  text-decoration: underline;  text-align: center;  padding-left: 4px;   text-decoration: underline;  text-transform: uppercase; }
.formContent {  text-align: center; color: #fff;  padding-bottom: 36px; }
.formContent div { font-weight: 100; color: #fff; font-size: 15px; }
span.mainForgotpassWord label{  flex-grow: 1;}
/*******************************************************/
.contentSec::first-letter{   color: #000 !important; font-family: 'georgia,Times New Roman,serif' !important;  font: normal 400 30px/1.7 var(--primary-font-family); }

/*******************Pocast-category-template.php*********************/
.socialShareing h6 {   text-align: center;  padding: 15px 0 0px 0px;   color: #999;   font-size: 11px;   font-weight: 700;}	
ul.catsocialIcons li {
   margin: 0 5px 0 0;
}
.catsocialIcons li img{width: auto;}
/*
ul.catsocialIcons li:nth-child(1) a:after {	background: url(/wp-content/uploads/2020/01/logo-one.png);padding: 15px;background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;width: 100%;background-position: left;	}
ul.catsocialIcons li:nth-child(2) a:after {	background: url(/wp-content/uploads/2020/01/logo-3.png);padding: 15px;	background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;	width: 100%;background-position: center;}	
ul.catsocialIcons li:nth-child(3) a:after {	background: url(/wp-content/uploads/2020/01/logo-4.png);padding: 15px;background-repeat: no-repeat;	text-align: center;	background-size: auto;
	content: '';height: 100%;	width: 100%;background-position: center;}	
ul.catsocialIcons li:nth-child(4) a:after {	background: url(/wp-content/uploads/2020/01/logo-5.png);padding: 15px;	background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center;	}
ul.catsocialIcons li:nth-child(5) a:after {	background: url(/wp-content/uploads/2020/01/logo-6.png);padding: 15px;background-repeat: no-repeat;	text-align: center;	background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center;}
ul.catsocialIcons li:nth-child(6) a:after {background: url('/wp-content/uploads/2020/01/tunein.png');padding: 15px;	background-repeat: no-repeat;	text-align: center;	background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center;}
ul.catsocialIcons li:nth-child(7) a:after {background: url('/wp-content/uploads/2020/01/castro.png');padding: 15px;	background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center;}
ul.catsocialIcons li:nth-child(8) a:after {background: url('/wp-content/uploads/2020/01/castbox.png');padding: 15px;background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center; }	
ul.catsocialIcons li:nth-child(9) a:after {background: url('/wp-content/uploads/2020/01/overcast.png');	padding: 15px;	background-repeat: no-repeat;text-align: center;background-size: auto;
	content: '';height: 100%;width: 100%;background-position: center;}
*/