/*
Theme Name: AppExpo
Theme URI: http://wp.swlabs.co/appexpo
Author: Swlabs
Author URI: https://themeforest.net/user/swlabs
Description: AppExpo - Application Showcase LandingPage and AppStore WordPress Theme
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, theme-options, translation-ready
Text Domain: appexpo
*/

/**
 *
 *  STYLE FOR THEME UNIT TEST
 *
 *
 *  [Table of contents]
 *
 *  [&. Content / #key]
 *  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *  Summary:
 *
 *
 *	0. RESET CSS
 *
 *  1. SLZ CLASS DEFAULT
 *
 *  2. WIDGETS
 *
 *  3. ENTRY CONTENT
 *
 *  4. COMMENT FORM
 *
 *  5. BLOG ITEM
 *
 *  6. BLOG DETAIL
 *
 *  7. TITLE COMMAND
 *
 *  8. BTN BACK TO TOP
 *
 *  9. PAGE 404
 *
 *
 *	Responsive
 *
 *
 *
 */


/*=======================================
=            0. RESET CSS               =
=======================================*/
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing:    border-box;
        box-sizing:         border-box;
    }


    html *{
      outline: 0 !important;
      margin: 0;
      padding: 0;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: 14px;
    }

    html,
    body {
        height: 100%;
        margin: 0 auto;
        padding: 0;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    body {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #7a7a7a;
        background-color: #fff;
        word-wrap: break-word;
    }

    header,
    nav,
    body,
    section,
    article,
    aside,
    footer,
    address,
    hgroup {
        display: block;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    ul,
    li,
    dl,
    dt,
    dd,
    table,
    tr,
    td,
    form {
        margin: 0;
        padding: 0;
    }

    ul,
    li {
        list-style-position: outside;
        list-style-type: none;
    }

    table {
        border-spacing: 0;

        border-collapse: collapse;
    }

    strong,
    b {
        font-weight: bold;
    }

    a {
        color: #333;
        text-decoration: none;
         -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
    }

    a:hover,
    a:active,
    a:focus {
        color: #ffc80a;
        outline: 0;
        text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-family: inherit;
        line-height: 1.1;
        font-weight: 600;
        margin: 0px 0px
    }

    h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    address {
        font-style: italic;
        margin: 0 0 24px;
    }

    abbr[title] {
        border-bottom: 1px dotted;
    }

    dfn {
        font-style: italic;
    }

    mark {
        background: #fafafa;
        color: #000;
    }

    p {
        margin: 0 0 20px;
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, serif;
        font-size: 14px;
        -webkit-hyphens: none;
        -moz-hyphens:    none;
        -ms-hyphens:     none;
        hyphens:         none;
    }

    pre {
        background: #f5f5f5;
        color: #666;
        font-family: monospace;
        font-size: 14px;
        margin: 20px 0;
        overflow: auto;
        padding: 20px;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    blockquote,
    q {
        -webkit-hyphens: none;
        -moz-hyphens:    none;
        -ms-hyphens:     none;
        hyphens:         none;
        quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

    blockquote {
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        background: #fafafa;
        border-left: none;
        margin:0px 0px 20px;
        padding: 30px 30px 30px 50px;
        position: relative;
        border-radius: 8px;
    }

    blockquote:before{
        font-size: 5rem;
        color: #ffc80a;
        left: 15px;
        top: 5px;
        line-height: 1;
        display: table;
        position: absolute;
        content: ' “ ';
        vertical-align: middle;
        padding-right: 15px;
        font-style: italic;
        font-family: "Lato";
    }

    blockquote p {
        font-size: 18px;
        color: #03030d;
        line-height: 28px;
    }

    blockquote blockquote {
        margin-right: 0;
    }

    blockquote cite,
    blockquote small {
        font-size: 14px;
        font-weight: normal;
        font-weight: 400;
        color: #888888;
        text-align: left;
        display: block;
        margin-top: 5px;
    }

    blockquote em,
    blockquote i {
        font-style: normal;
        font-weight: 300;
    }

    blockquote strong,
    blockquote b {
        font-weight: 400;
    }

    small {
        font-size: smaller;
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }

    dl {
        margin: 0 0 20px;
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 20px;
    }

    menu,
    ol,
    ul {
        margin: 0px 0 10px;
        padding: 0 0 0 15px;
    }

    ol li,
    ul li{
        list-style-type:inherit;
        color: inherit;
    }

    ul {
        list-style-type: disc;
    }

    ul ul, ol ul {
        list-style-type: circle;
    }

    ul ul ul{
        list-style-type: square;
    }

    nav ul,
    nav ol {
        list-style: none;
        list-style-image: none;
    }

    li > ul,
    li > ol {
        margin: 0;
    }

    big {
        font-size: larger;
    }

    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #213047;
        background-color: #fafafa;
        border-radius: 4px;
    }

    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    }


    figure {
        margin: 0;
    }


    fieldset {
        border: 1px solid #ededed;
        margin: 0 2px;
        min-width: inherit;
        padding: 0.35em 0.625em 0.75em;
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
    }


    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    textarea {
        overflow: auto;
        vertical-align: top;
    }

    table {
        border-bottom: 1px solid #ededed;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 14px;
        line-height: 2;
        margin: 0 0 20px;
        width: 100%;
    }

    caption,
    th,
    td {
        font-weight: normal;
    }

    caption {
        font-size: 16px;
        margin: 20px 0;
    }

    del {
        color: #333;
    }

    ins {
        background: #fafafa;
        text-decoration: none;
    }

    hr {
        background-size: 4px 4px;
        border: 0;
        height: 1px;
        margin: 0 0 24px;
        border-top:1px solid #ededed;
    }

    table {
        width: 100%;
    }

    table th {
        text-align: left;
        border: 1px solid #ededed;
        padding: 2px 8px;
    }

    table td {
        border: 1px solid #ededed;
        padding: 2px 8px;
    }

/*=========  End of reset css  ========*/



/*============================================
=            1. SLZ CLASS DEFAULT            =
============================================*/

    .body-wrapper {
        position: relative;
        overflow: hidden;
    }

    .body-wrapper .wrapper-content {
        position: relative;
    }

    .slz-title-shortcode {
        font-size: 20px;
        font-weight: 600;

        display: block;

        margin-bottom: 30px;

        text-transform: capitalize;
    }

    .slz-sidebar-left .slz-content-column {
        float: right;
    }

    .text-l {
        text-align: left;
    }

    .text-c {
        text-align: center;
    }

    .text-r {
        text-align: right;
    }

    .float-l {
        float: left;
    }

    .float-r {
        float: right;
    }

    .float-none {
        float: none;
    }

    .wid-100 {
        width: 100%;
    }

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

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

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

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

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

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

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

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

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

    .slz-list-block {
        font-size: 0;
        margin: 0 -15px;
    }

    .slz-list-block > .item {
        font-size: 14px;
        padding: 0 15px;
        margin-top: 30px;
        vertical-align: top;
        display: inline-block;
    }

    .slz-list-block.slz-column-1 .item:first-child {
        margin-top: 0;
    }

    .slz-list-block.slz-column-1 > .item {
        width: 100%;
    }

    .slz-list-block.slz-column-2 .item:nth-child(-n + 2) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-2 > .item {
        width: 50%;
    }

    .slz-list-block.slz-column-3 .item:nth-child(-n + 3) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-3 > .item {
        width: 33.3333%;
    }

    .slz-list-block.slz-column-4 .item:nth-child(-n + 4) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-4 > .item {
        width: 25%;
    }

    .slz-list-block.slz-column-5 .item:nth-child(-n + 5) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-5 > .item {
        width: 20%;
    }

    .slz-list-block.slz-column-6 .item:nth-child(-n + 6) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-6 > .item {
        width: 16.6666%;
    }

    .slz-list-block.slz-column-7 .item:nth-child(-n + 7) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-7 > .item {
        width: 14.285%;
    }

    .slz-list-block.slz-column-8 .item:nth-child(-n + 8) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-8 > .item {
        width: 12.5%;
    }

    .slz-list {
        padding-left: 0;
    }

    .slz-posts>.blog-detail-wrapper {
        background-color: #fff;
    }

/*=========  End of Slz class default  =====*/



/*=======================================
=            2. WIDGETS                 =
=======================================*/

    .wp-caption {
    	max-width: 100%;
    }
    .wp-caption-text {
    	font-weight: normal;
    	font-style: italic;
    	color: #7a7a7a;
    }
    .bypostauthor {
    	font-weight: normal;
    }
    /* Table */

    .slz-widgets a {
    	text-decoration: none;
    }


    .slz-widgets a:focus {
    	outline: none;
    }

    .slz-widgets a:active,
    .slz-widgets a:hover {
    	outline: 0;
    }
    .slz-widgets h1,
    .slz-widgets h2,
    .slz-widgets h3,
    .slz-widgets h4,
    .slz-widgets h5,
    .slz-widgets h6 {
    	clear: both;
    	font-family: inherit;
    	line-height: 1.1;
    	font-weight: 600;
    	margin: 0px 0px
    }

    .slz-widgets h1 {
    	font-size: 36px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .slz-widgets h2 {
    	font-size: 30px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .slz-widgets h3 {
    	font-size: 22px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .slz-widgets h4 {
    	font-size: 20px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .slz-widgets h5 {
    	font-size: 18px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .slz-widgets h6 {
    	font-size: 16px;
    	margin-top: 10px;
    	margin-bottom: 10px;

    }

    .slz-widgets address {
    	font-style: italic;
    	margin: 0 0 24px;
    }

    .slz-widgets abbr[title] {
    	border-bottom: 1px dotted;
    }

    .slz-widgets b,
    .slz-widgets strong {
    	font-weight: bold;
    }

    .slz-widgets dfn {
    	font-style: italic;
    }

    .slz-widgets mark {
    	background: #ff0;
    	color: #000;
    }

    .slz-widgets p {
    	margin: 0 0 10px;
    }

    .slz-widgets code,
    .slz-widgets kbd,
    .slz-widgets pre,
    .slz-widgets samp {
    	font-family: monospace, serif;
    	font-size: 14px;
    	-webkit-hyphens: none;
    	-moz-hyphens:    none;
    	-ms-hyphens:     none;
    	hyphens:         none;
    }

    .slz-widgets pre {
    	background: #f5f5f5;
    	color: #666;
    	font-family: monospace;
    	font-size: 14px;
    	margin: 20px 0;
    	overflow: auto;
    	padding: 20px;
    	white-space: pre;
    	white-space: pre-wrap;
    	word-wrap: break-word;
    }

    .slz-widgets small {
    	font-size: smaller;
    }

    .slz-widgets sub,
    .slz-widgets sup {
    	font-size: 75%;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline;
    }

    .slz-widgets sup {
    	top: -0.5em;
    }

    .slz-widgets sub {
    	bottom: -0.25em;
    }

    .slz-widgets dl {
    	margin: 0 0 20px;
    }

    .slz-widgets dt {
    	font-weight: bold;
    }

    .slz-widgets dd {
    	margin: 0 0 20px;
    }

    .slz-widgets menu,
    .slz-widgets ol,
    .slz-widgets ul {
    	margin: 0px 0 10px;
    	padding: 0 0 0 15px;
    }

    .slz-widgets ol li,
    .slz-widgets ul li{

    }
    .slz-widgets ul {
    	list-style-type: disc;
    }
    .slz-widgets ul ul, .slz-widgets ol ul {
        list-style-type: circle;
    }
    .slz-widgets nav ul,
    .slz-widgets nav ol {
    	list-style: none;
    	list-style-image: none;
    }

    .slz-widgets li > ul,
    .slz-widgets li > ol {
    	margin: 0;
    }
    .slz-widgets big {
        font-size: larger;
    }
    .slz-widgets code {
        padding: 2px 4px;
        font-size: 90%;
        color: #ffc80a;
        background-color: #f9f2f4;
        border-radius: 4px;
    }
    .slz-widgets kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    }
    .slz-widgets img {
    	-ms-interpolation-mode: bicubic;
    	border: 0;
    	vertical-align: middle;
    	max-width: 100%;
    	height: auto;
    }

    .slz-widgets svg:not(:root) {
    	overflow: hidden;
    }

    .slz-widgets figure {
    	margin: 0;
    }

    .slz-widgets form {
    	margin: 0;
    }

    .slz-widgets fieldset {
    	border: 1px solid #c0c0c0;
    	margin: 0 2px;
    	min-width: inherit;
    	padding: 0.35em 0.625em 0.75em;
    }

    .slz-widgets legend {
    	border: 0;
    	padding: 0;
    	white-space: normal;
    }

    .slz-widgets button,
    .slz-widgets input,
    .slz-widgets select,
    .slz-widgets textarea {
    	font-size: 100%;
    	margin: 0;
    	max-width: 100%;
    	vertical-align: baseline;
    }

    .slz-widgets button,
    .slz-widgets input {
    	line-height: normal;
    }

    .slz-widgets button,
    .slz-widgets html input[type="button"],
    .slz-widgets input[type="reset"],
    .slz-widgets input[type="submit"] {
    	-webkit-appearance: button;
    	cursor: pointer;
    }

    .slz-widgets button[disabled],
    .slz-widgets input[disabled] {
    	cursor: default;
    }

    .slz-widgets input[type="checkbox"],
    .slz-widgets input[type="radio"] {
    	padding: 0;
    }

    .slz-widgets input[type="search"] {
    	-webkit-appearance: textfield;
    	padding-right: 2px;
    	min-width: 270px;
    	float: left;
    	margin-bottom: 0px;
    }

    .slz-widgets input[type="search"]::-webkit-search-decoration {
    	-webkit-appearance: none;
    }

    .slz-widgets button::-moz-focus-inner,
    .slz-widgets input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
    }

    .slz-widgets textarea {
    	overflow: auto;
    	vertical-align: top;
    }

    .slz-widgets table {
    	border-bottom: 1px solid #ededed;
    	border-collapse: collapse;
    	border-spacing: 0;
    	font-size: 14px;
    	line-height: 2;
    	margin: 0 0 20px;
    	width: 100%;
    }

    .slz-widgets caption,
    .slz-widgets th,
    .slz-widgets td {
    	font-weight: normal;
    	text-align: center;
    }

    .slz-widgets caption {
    	font-size: 16px;
    	margin: 20px 0;
    }

    .slz-widgets th {
    	font-weight: bold;
    	text-transform: uppercase;
    }

    .slz-widgets td {
    	border-top: 1px solid #ededed;
    	padding: 6px 10px 6px 0;
    }
    .slz-widgets del {
    	color: #333;
    }
    .slz-widgets ins {
    	background: #fff9c0;
    	text-decoration: none;
    }
    .slz-widgets hr {
    	background-size: 4px 4px;
    	border: 0;
    	height: 1px;
    	margin: 0 0 24px;
    	border-top:1px solid #eee;
    }

    .slz-widgets table {
      width: 100%;
    }
    .slz-widgets table th {
      text-align: left;
      border: 1px solid #ededed;
      padding: 2px 8px;
    }
    .slz-widgets table td {
      border: 1px solid #ededed;
      padding: 2px 8px;
    }
    .slz-widgets table .odd td {
      background-color: #fcfcfc;
    }


    /*----------  Style Widget   ----------*/
    .slz-widget + .slz-widget {
    	margin-top: 60px;
    }

    .slz-widgets .widget-title,
    .slz-widgets  .title-widget {
        color: #3a3d4b;
        font-size: 24px;
        margin-top: 0px;
        font-weight: 900;
        margin-bottom: 25px;
        padding-bottom: 10px;
        position: relative;
        text-transform: capitalize;
    }

    .slz-widgets .widget-title:before,
    .slz-widgets .title-widget:before {
        position: absolute;
        content: "";
        width: 60px;
        height: 2px;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        background-color: #ffc80a;
    }

    .slz-widgets .widget ul,
    .slz-widgets .slz-widget ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .slz-widgets .widget ul li,
    .slz-widgets .slz-widget ul li {
        padding: 5px 0;
    }
    .slz-widgets .slz-widget ul .children{
    	padding-left: 15px;
    }

    .slz-widgets.slz-dark .slz-footer-main{
        background-color: #091b27;
        background-size: cover;
        background-position: center;
    }
    .slz-widgets.slz-dark *{
        color: #c8c8c8;
    }
    .slz-widgets.slz-dark .widget-title,
    .slz-widgets.slz-dark  .title-widget{
        color: #FFFFFF;
    }
    .slz-widgets.slz-dark input,
    .slz-widgets.slz-dark select,
    .slz-widgets.slz-dark option{
        color: #333;
    }

    .slz-widgets.slz-dark .slz-widget .screen-reader-text,
    .slz-widgets.slz-dark .widget .screen-reader-text{
        color: #cecece;
    }


    /*----------  Widget Search  ----------*/

    .slz-widgets .widget_search,
    .slz-article-not-found .search-form {
        position: relative;
    }

    .slz-widgets .widget_search .search-form,
    .slz-article-not-found .search-form {
        display: inline-block;
        position: relative;
        width: 100%;
        vertical-align: top;
    }
    .slz-widgets .widget_search .search-form>label{
    	display: block;
    	width: 100%;
    }
    .slz-widgets .widget_search .screen-reader-text{
    	display: block;
    	margin-bottom: 15px;
    }

    .slz-widgets .widget_search .search-field,
    .slz-article-not-found .search-form .search-field {
        border: 1px solid #ebebeb;
        background-color: #fff;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        padding: 0 30px;
        font-size: 16px;
        line-height: 48px;
        color: #5b5b5b;
        width: calc(100% - 20px);
    }

    .search-field::-webkit-input-placeholder {
        color: #5b5b5b;
    }
    .search-field::-moz-placeholder {
        color: #5b5b5b;
    }
    .search-field:-ms-input-placeholder {
        color: #5b5b5b;
    }
    .search-field:-moz-placeholder {
        color: #5b5b5b;
    }

    .slz-widgets .widget_search .search-submit,
    .slz-article-not-found .search-form .search-submit {
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ffc80a;
        border: none;
        color: #fff;
        font-size: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 2px 2px 15px 0px rgba( 255, 198, 0, 0.7 );
    }


    .slz-widgets .widget_search .search-submit:before,
    .slz-article-not-found .search-form .search-submit:before {
        content: "\f002";
        font-family: "FontAwesome";
        font-size: 16px;
        line-height: inherit;
    }

    /*----------  select  ----------*/

    .slz-widgets .widget select,
    .slz-widgets .slz-widget select {
        display: inline-block;
        height: 48px;
        padding: 0 15px;
        width: 100%;
        font-size: 14px;
        line-height: 48px;
        color: #333;
        background-color: #fff;
        border: 1px solid #ececec;
        border-radius: 50px;
        transition: all 0.3s ease;
    }

    .slz-widgets .slz-widget select,
    .slz-widgets .widget select{
    	appearance:none;
    	-moz-appearance:none;
    	-webkit-appearance:none;
    	background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFEQ0JFODE5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFEQ0JFODI5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQURDQkU3Rjk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQURDQkU4MDk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti2TwAAAA3SURBVHjaYmBgYCgC4i9Q/AkNw8RBahiYgbgZiP/jwM1QNXDQgEVRAwMO0ECMIhhogWIUABBgALYFGIUw/br1AAAAAElFTkSuQmCC') no-repeat;
    	background-position: 95% center;
    	background-position: calc(100% - 15px) center;
    }
    .slz-widgets .slz-widget select option{
    	width: 100%;
    }

    .slz-widgets .slz-widget select:focus {
        border: 1px solid #ffc80a;
    }

    .slz-widgets .widget .screen-reader-text ,
    .slz-widgets .slz-widget .screen-reader-text {
        display: none;
    }

    .slz-widgets .widget_rss .rsswidget{
    	font-weight: 700;
        font-size: 16px;
        display: block;
    }

    .slz-widgets .widget_rss .rsswidget .rss-widget-icon{
    	margin-right: 0px;
    }
    .slz-widgets  .widget_rss .title-widget .rsswidget{
    	display: inline-block;
    	margin-bottom: 0px;
    }
    .slz-widgets .widget_rss .rss-date{
    	font-size: 12px;
    	font-weight: 700;
    	font-style: italic;
    	margin-bottom: 10px;
    	display: block;
    }
    .slz-widgets  .widget_rss ul li{
    	margin-bottom: 15px;
    }

    .slz-widget-contact-info .item{
    	position: relative;

    }
    .slz-widget-contact-info .item+.item{
    	margin-top: 10px;
    }
    .slz-widget-contact-info .item .icons{
    	position: absolute;
    	top: 3px;
    	left: 0;
    }
    .slz-widget-contact-info .item .text{
    	padding-left: 35px;
    	display: block;
    }

    /*----------  1.2 Widget Calendar  ----------*/

    .slz-widgets .widget_calendar .block-title {
        margin-bottom: 17px;
    }
    .slz-widgets .widget_calendar caption {
    	margin: 0px 0px 10px;
    }
    .slz-widgets .widget_calendar table {
        width: 100%;
        text-align: center;
    }

    .slz-widgets .widget_calendar table th {
        text-align: center;
    }

    .slz-widgets .widget_calendar td {
        padding: 8px 0;
    }
    .slz-widgets .widget_calendar #today {
        background-color: #ffc80a;
        font-weight: bold;
        color: #FFFFFF;
    }
    .slz-widgets .widget_calendar #today a{
    	color:#FFFFFF;
    }
    .widget_calendar #today {
        background-color: #ffc80a;
        font-weight: bold;
        color:#ffffff;
    }

    .widget_calendar caption {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .widget_calendar thead tr {
        line-height: 34px;
    }

    /*----------   Widget entries  ----------*/

    .slz-widgets .widget_recent_entries ul li{
    	padding: 5px 0;
    }
    .slz-widgets .widget_recent_entries ul li:first-child{
    	padding-top: 0;
    }
    .slz-widgets .widget_recent_entries ul li:last-child{
    	padding-bottom: 0px;
    }
    .slz-widgets .widget_recent_entries ul li .post-date{
    	display: block;
    	color: #707070;
    }

    /*----------  Recent comments  ----------*/

    .slz-widgets .widget_recent_comments ul li{
        padding: 12px 15px;

    }

    .widget_recent_comments ul li {
        line-height: 24px;
        border-bottom: 1px solid #ececec;
    }

    .widget_recent_comments ul li a {
        font-weight: 600;
    }


    .widget_recent_comments ul li:last-child{
        border-bottom: none;
    }

    /*----------  Widget meta tags  ----------*/

    .slz-widgets .widget_meta ul li {
    	display: inline-block;
    	padding: 0px;
    	margin: 0 10px 10px 0px;
    }

    .slz-widgets .widget_meta ul li a {
      display: block;
      padding: 3px 15px;
      font-size: 12px;
      background-color: #f8f8f8;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      color: #333333;
      overflow: hidden;
      position: relative;
      z-index: 2;
    }

    .slz-widgets .widget_meta ul li a:before {
        position: absolute;
        content: "";
        right: 120%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #ffc80a;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        z-index: -1;
        -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
           -o-transition: all .3s ease;
              transition: all .3s ease;
    }

    .slz-widgets .widget_meta ul li a:hover {
    	color: #fff;
    }

    .slz-widgets .widget_meta ul li a:hover:before {
        right: 0;
    }

    .slz-widgets .widget_meta ul li a abbr[data-original-title],
    .slz-widgets .widget_meta ul li a abbr[title] {
    	border-bottom-color: #FFFFFF;
    }

    /*---------- 5. meta tag  ----------*/
    .entry-meta .categories-list{
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .entry-meta .categories-list  li{
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: #333;
        line-height: 20px;
    }
    .entry-meta .categories-list + .tags-list{
        margin-top: 20px;
    }
    .entry-meta .categories-list  li a {
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
        margin-left: 5px;
        margin-bottom: 8px;
        text-transform: capitalize;
        padding: 0px 12px;
        font-size: 12px;
        line-height: 20px;
        background-color: #ececec;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        color: #333;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    .entry-meta .categories-list  li a:before {
        position: absolute;
        content: "";
        right: 120%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #ffc80a;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        z-index: -1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .entry-meta .categories-list  li a:first-child{
        margin-left: 15px;
    }

    .entry-meta .categories-list  li a:hover{
        text-decoration: none;
        color: #fff;
    }
    .entry-meta .categories-list  li a:hover:before {
        right: 0;
    }
    .entry-meta .tags-list{
        list-style: none;
        padding-left: 0px;
    }
    .entry-meta .tags-list  li {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: #333;
        line-height: 20px;
    }
    .entry-meta .tags-list  li a {
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
        margin-left: 5px;
        margin-bottom: 8px;
        text-transform: capitalize;
        padding: 0px 12px;
        font-size: 12px;
        line-height: 20px;
        background-color: #ececec;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        color: #333;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    .entry-meta .tags-list  li a:before {
        position: absolute;
        content: "";
        right: 120%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #ffc80a;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        z-index: -1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .entry-meta .tags-list  li a:first-child{
        margin-left: 15px;
    }

    .entry-meta .tags-list  li a:hover{
        text-decoration: none;
        color: #fff;
    }

    .entry-meta .tags-list  li a:hover:before {
        right: 0;
    }

    /*---------- 6. Gallery  ----------*/

    .gallery {
        margin-bottom: 1.6em;
    }

    .gallery-item {
        display: inline-block;
        padding: 1.79104477%;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

    .gallery-columns-2 .gallery-item {
        max-width: 50%;
    }

    .gallery-columns-3 .gallery-item {
        max-width: 33.33%;
    }

    .gallery-columns-4 .gallery-item {
        max-width: 25%;
    }

    .gallery-columns-5 .gallery-item {
        max-width: 20%;
    }

    .gallery-columns-6 .gallery-item {
        max-width: 16.66%;
    }

    .gallery-columns-7 .gallery-item {
        max-width: 14.28%;
    }

    .gallery-columns-8 .gallery-item {
        max-width: 12.5%;
    }

    .gallery-columns-9 .gallery-item {
        max-width: 11.11%;
    }

    .gallery-icon img {
        margin: 0 auto;
    }

    .gallery-caption {
        display: block;
        font-family: 'Lato', serif;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 0.5em 0;
    }

    .gallery-columns-6 .gallery-caption,
    .gallery-columns-7 .gallery-caption,
    .gallery-columns-8 .gallery-caption,
    .gallery-columns-9 .gallery-caption {
        display: none;
    }

    /*----------  sticky  ----------*/
    .sticky{}
    .slz-sticky{
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 10;
    }
    .slz-sticky .inner{
        color: #ffc80a;
    }
    .slz-sticky .inner:before{
        font-family: 'FontAwesome';
        content: "\f02e";
        font-size: 45px;
        color: inherit;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    }


    /*----------  widget archive  ----------*/

    .slz-widgets .slz-widget.widget_archive ul li {
        padding: 0;
    }

    .widget_archive ul li {
        line-height: 48px;
        text-align: left;
        position: relative;
        color: #999999;
        cursor: pointer;
        display: block;
        border-bottom: 1px solid #ececec;
        transition: all 0.3s ease;
    }

    .widget_archive ul li a {
        padding-left: 15px;
        text-transform: capitalize;
        text-align: left;
        display: inline-block;
        z-index: 2;
    }

    /*----------  widget Categories  ----------*/

    .slz-widgets .slz-widget.widget_categories ul li {
        padding: 0;
    }

    .widget_categories ul li {
        line-height: 48px;
        text-align: left;
        position: relative;
        color: #999999;
        cursor: pointer;
        transition: all 0.3s ease;
        display: block;
        border-bottom: 1px solid #ececec;
    }

    .widget_categories ul li:last-child {
        border-bottom: none;
    }


    .widget_categories ul li a {
        padding-left: 15px;
        text-transform: capitalize;
        text-align: left;
        display: inline-block;
        z-index: 2;
    }

    .widget_categories ul.children {
        border-top: 1px solid #ececec;
    }

    .widget_categories ul.children li {
        padding: 0 !important;
        border-bottom: none;
        border-top: 1px solid #ececec;
    }

    .widget_categories ul.children li:first-child {
        border-top: 0;
    }

    /*----------  widget pages  ----------*/

    .slz-widgets .slz-widget.widget_pages ul li {
        padding: 0;
    }

    .widget_pages {
        overflow: hidden;
    }

    .widget_pages ul li {
        line-height: 48px;
        position: relative;
        color: #999999;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .widget_pages ul li {
        border-bottom: 1px solid #ececec;
    }

    .widget_pages ul li:last-child {
        border-bottom: none;
    }

    .widget_pages ul li a {
        text-align: left;
        padding-left: 15px;
        text-transform: capitalize;
        position: relative;
        display: block;
        z-index: 2;
        border-bottom: 1px solid #ececec;
    }

    .widget_pages ul li a:before {
        position: absolute;
        content: "\f105";
        font-family: "FontAwesome";
        right: 15px;
        top: 0;
        line-height: 48px;
        transition: all 0.5s ease;
        color: #999999;
    }

    .widget_pages ul li a:hover:before {
        right: -30px;
    }

    .widget_pages ul li a:last-child {
        border-bottom: none;
    }

    .widget_pages ul.children li {
        padding: 0 !important
    }

    /*----------  widget tag cloud  ----------*/

    .widget_tag_cloud .tagcloud a {
        margin: 0 5px 10px 0px;
        display: inline-block;
        line-height: 1;
        vertical-align: bottom;
        padding: 3px 15px;
        background-color: #f8f8f8;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        color: #333333;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

    .widget_tag_cloud .tagcloud a:before {
        position: absolute;
        content: "";
        right: 120%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #ffc80a;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        z-index: -1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .widget_tag_cloud .tagcloud a:hover {
        color: #fff;
    }

    .widget_tag_cloud .tagcloud a:hover:before {
        right: 0;
    }

    /*----------  nav menu widget  ----------*/

    .slz-widgets .slz-widget.widget_nav_menu ul li {
        padding: 0;
    }

    .widget_nav_menu {
        overflow: hidden;
    }

    .widget_nav_menu .sub-menu {
        opacity: 1;
        visibility: visible;
        top: auto;
        width: 100%;
        display: block;
        position: relative;
        background-color: transparent;
        border-top: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .widget_nav_menu .sub-menu > li + li {
        border-top: none;
    }

    .widget_nav_menu .sub-menu .sub-menu {
        left: 0;
        top: 0;
    }

    .widget_nav_menu ul li {
        line-height: 48px;
        position: relative;
        color: #999999;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .widget_nav_menu ul li {
        border-bottom: 1px solid #ececec;
    }

    .widget_nav_menu ul li:last-child {
        border-bottom: none;
    }

    .widget_nav_menu ul li a {
        text-align: left;
        padding-left: 15px;
        text-transform: capitalize;
        position: relative;
        display: block;
        z-index: 2;
        border-bottom: 1px solid #ececec;
    }

    .widget_nav_menu ul li a:before {
        position: absolute;
        content: "\f105";
        font-family: "FontAwesome";
        right: 15px;
        top: 0;
        line-height: 48px;
        transition: all 0.5s ease;
        color: #999999;
    }

    .widget_nav_menu ul li a:hover:before {
        right: -30px;
    }

    .widget_nav_menu ul li a:last-child {
        border-bottom: none;
    }

    .widget_nav_menu ul.sub-menu {
        padding-left: 15px;
    }

    .widget_nav_menu ul.sub-menu li {
        padding: 0 !important
    }

/*=========  End of widgets  ==========*/



/*=======================================
=            3. ENTRY CONTENT           =
=======================================*/

    .entry-content a {
    	text-decoration: none;
    }
    .entry-content a:focus {
    	outline: none;
    }
    .entry-content a:active,
    .entry-content a:hover {
    	outline: 0;
    }
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6 {
    	clear: both;
    	font-family: inherit;
    	line-height: 1.3;
    	font-weight: 500;
    	margin: 0px 0px;
        color: #03030d;
    }

    .entry-content h1 {
    	font-size: 36px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .entry-content h2 {
    	font-size: 30px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .entry-content h3 {
    	font-size: 22px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .entry-content h4 {
    	font-size: 20px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .entry-content h5 {
    	font-size: 18px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .entry-content h6 {
    	font-size: 16px;
    	margin-top: 10px;
    	margin-bottom: 10px;

    }

    .entry-content address {
    	font-style: italic;
    	margin: 0 0 24px;
    }

    .entry-content abbr[title] {
    	border-bottom: 1px dotted;
    }

    .entry-content b,
    .entry-content strong {
    	font-weight: bold;
    }

    .entry-content dfn {
    	font-style: italic;
    }

    .entry-content mark {
    	background: #ff0;
    	color: #000;
    }

    .entry-content p {
    	margin: 0 0 20px;
    }

    .entry-content code,
    .entry-content kbd,
    .entry-content pre,
    .entry-content samp {
    	font-family: monospace, serif;
    	font-size: 14px;
    	-webkit-hyphens: none;
    	-moz-hyphens:    none;
    	-ms-hyphens:     none;
    	hyphens:         none;
    }

    .entry-content pre {
    	background: #f5f5f5;
    	color: #666;
    	font-family: monospace;
    	font-size: 14px;
    	margin: 20px 0;
    	overflow: auto;
    	padding: 20px;
    	white-space: pre;
    	white-space: pre-wrap;
    	word-wrap: break-word;
    }

    .entry-content small {
    	font-size: smaller;
    }

    .entry-content sub,
    .entry-content sup {
    	font-size: 75%;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline;
    }

    .entry-content sup {
    	top: -0.5em;
    }

    .entry-content sub {
    	bottom: -0.25em;
    }

    .entry-content dl {
    	margin: 0 0 20px;
    }

    .entry-content dt {
    	font-weight: bold;
    }

    .entry-content dd {
    	margin: 0 0 20px;
    }

    .entry-content menu,
    .entry-content ol,
    .entry-content ul {
    	margin: 0px 0 10px;
    	padding: 0 0 0 30px;
    }

    .entry-content ol li,
    .entry-content ul li{
    	list-style-type:inherit;
    	color: inherit;
    }
    .entry-content ul {
    	list-style-type: disc;
    }
    .entry-content ul ul, .entry-content ol ul {
        list-style-type: circle;
    }
    .entry-content ul ul ul{
    	list-style-type: square;
    }
    .entry-content nav ul,
    .entry-content nav ol {
    	list-style: none;
    	list-style-image: none;
    }

    .entry-content li > ul,
    .entry-content li > ol {
    	margin: 0;
    }
    .entry-content big {
        font-size: larger;
    }
    .entry-content code {
        padding: 2px 4px;
        font-size: 90%;
        color: #ffc80a;
        background-color: #f9f2f4;
        border-radius: 4px;
    }
    .entry-content kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    }
    .entry-content img {
    	-ms-interpolation-mode: bicubic;
    	border: 0;
    	vertical-align: middle;
    }

    .entry-content svg:not(:root) {
    	overflow: hidden;
    }

    .entry-content figure {
    	margin: 0;
    }

    .entry-content form {
    	margin: 0;
    }

    .entry-content fieldset {
    	border: 1px solid #c0c0c0;
    	margin: 0 2px;
    	min-width: inherit;
    	padding: 0.35em 0.625em 0.75em;
    }

    .entry-content legend {
    	border: 0;
    	padding: 0;
    	white-space: normal;
    }

    .entry-content button,
    .entry-content input,
    .entry-content select,
    .entry-content textarea {
    	font-size: 100%;
    	margin: 0;
    	max-width: 100%;
    	vertical-align: baseline;
    }

    .entry-content button,
    .entry-content input {
    	line-height: normal;
    }

    .entry-content button,
    .entry-content html input[type="button"],
    .entry-content input[type="reset"],
    .entry-content input[type="submit"] {
    	-webkit-appearance: button;
    	cursor: pointer;
    }

    .entry-content button[disabled],
    .entry-content input[disabled] {
    	cursor: default;
    }

    .entry-content input[type="checkbox"],
    .entry-content input[type="radio"] {
    	padding: 0;
    }

    .entry-content input[type="search"] {
    	-webkit-appearance: textfield;
    	padding-right: 2px; /* Don't cut off the webkit search cancel button */
    	width: 270px;
    }

    .entry-content input[type="search"]::-webkit-search-decoration {
    	-webkit-appearance: none;
    }

    .entry-content button::-moz-focus-inner,
    .entry-content input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
    }

    .entry-content textarea {
    	overflow: auto;
    	vertical-align: top;
    }

    .entry-content table {
    	border-bottom: 1px solid #ededed;
    	border-collapse: collapse;
    	border-spacing: 0;
    	font-size: 14px;
    	line-height: 2;
    	margin: 0 0 20px;
    	width: 100%;
    }

    .entry-content caption,
    .entry-content th,
    .entry-content td {
    	font-weight: normal;
    }

    .entry-content caption {
    	font-size: 16px;
    	margin: 20px 0;
    }

    .entry-content th {
    	font-weight: bold;
    	text-transform: capitalize;
    }
    .entry-content thead th {
        text-transform: uppercase;
        color: #03030d;
    }
    .entry-content td {
    	border-top: 1px solid #ededed;
    	padding: 6px 10px 6px 0;
    }
    .entry-content del {
    	color: #333;
    }
    .entry-content ins {
    	background: #fff9c0;
    	text-decoration: none;
    }
    .entry-content hr {
    	background-size: 4px 4px;
    	border: 0;
    	height: 1px;
    	margin: 0 0 24px;
    	border-top:1px solid #eee;
    }

    .entry-content table {
      width: 100%;
    }
    .entry-content table th {
      text-align: left;
      border: 1px solid #ededed;
      padding: 2px 8px;
    }
    .entry-content table td {
      border: 1px solid #ededed;
      padding: 2px 8px;
    }
    .entry-content table .odd td {
      background-color: #fcfcfc;
    }

    .entry-content img.aligncenter {
        margin: 5px auto;
    }
    .entry-content .aligncenter img,
    .entry-content .aligncenter  {
        margin: 5px auto;
    }
    .entry-content img.size-full,.entry-content img.size-large,.entry-content img.wp-post-image {
        height: auto;
        max-width: 100%;
    }

    .entry-content img,
    .entry-content img,
    .comment-content img[height],
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
    	height: auto;
    }

    .entry-content .alignleft {
        float: left;
    }
    .entry-content  .alignright {
        float: right;
    }
    .entry-content img.alignnone {
        margin: 5px 0;
    }
    .entry-content img.size-full,
    .entry-content img.size-large,
    .entry-content img.wp-post-image {
    	height: auto;
    	max-width: 100%;
    }
    .entry-content figure.wp-caption.alignleft,
    .entry-content img.alignleft{
    	margin: 5px 20px 5px 0;
    }
    .entry-content figure.wp-caption.alignright,
    .entry-content  img.alignright {
        margin: 5px 0 5px 20px;
    }
    .entry-content img.alignnone {
        margin: 5px 0;
    }
    .entry-content figure.alignnone{
    	  margin: 5px 0;
    }
    .entry-content embed,
    .entry-content iframe,
    .entry-content object,
    .entry-content video {
    	max-width: 100%;
    }
    .entry-content img,
    .entry-summary img,
    .comment-content img,
    .slz-widgets .widget img,
    .entry-content .wp-caption {
        max-width: 100%;
    }
    .entry-content .wp-caption .wp-caption-text,
    .entry-content .entry-caption,
    .entry-content .gallery-caption {
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        margin: 0 0 24px;
    }

    .entry-content  .nav-links{
    	margin: 0 0 20px;
    }
    .entry-content  .nav-links:before{
    	content:"";
    	display: table;
    }
    .entry-content  .nav-links:after{
    	content: "";
    	display: table;
    	clear: both;
    }
    .entry-content  .nav-links .nav-previous{
    	display: block;
    	width: 50%;
    	float: left;
    }
    .entry-content  .nav-links .nav-next{
    	display: block;
    	width: 50%;
    	float: right;

    }
    .entry-content  .nav-links .nav-previous a,
    .entry-content  .nav-links .nav-next a{
    	text-decoration: none;
    	text-align: left;
    }
    .entry-content  .nav-links .nav-previous .meta-nav,
    .entry-content  .nav-links .nav-next .meta-nav{
    	margin-right: 5px;

    }

    .entry-content  .nav-links .post-title{
    	font-weight: bold;
    	display: block;
    }

    /*----------  3. page links  ----------*/
    .entry-content .page-links {
    	margin-bottom: 0px;
    }
    .entry-content  .page-links .page-links-title{
    	margin-right: 10px;
    	font-weight: bold;
    }
    .entry-content  .page-links .screen-reader-text{
    	display: none;
    }
    .entry-content  .screen-reader-text{
    	display: none;
    }
    .entry-content .page-links>span:not(.page-links-title):not(.screen-reader-text){
    	display: inline-block;
    	padding:0px;
    	width: 30px;
    	height: 30px;
    	line-height: 30px;
    	text-align: center;
    	color: #FFFFFF;
    	background: #ffc80a;
    	border-color: #ffc80a;
    	border-radius: 50%;
    	-webkit-border-radius: 50%;
    	text-decoration: none;
    	margin-right:10px;
    }
    .entry-content .page-links a{
    	display: inline-block;
    	padding: 0px 0px;
    	width: 30px;
    	height: 30px;
    	line-height: 30px;
    	text-align: center;
    	text-decoration: none;
    	color: #7a7a7a;
    	margin-right:10px;

    }
    .entry-content .page-links a:hover{
    	text-decoration: none;
    	color: #ffc80a;
    }

/*=========  End of entry content  ====*/



/*=======================================
=            4. COMMENT FORM            =
=======================================*/

    .comments-area {
        margin-top: 80px;
        padding: 0 35px;
        padding-bottom: 80px;
        background-color: #f8f8f8;
        border-radius: 0  0 8px 8px;
    }

    .blog-detail-wrapper .comments-area {
        margin-left: -50px;
        margin-right: -50px;
    }

    .comments-area h1 {
    	font-size: 36px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .comments-area h2 {
    	font-size: 30px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .comments-area h3 {
    	font-size: 22px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }

    .comments-area h4 {
    	font-size: 20px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .comments-area h5 {
    	font-size: 18px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .comments-area h6 {
    	font-size: 16px;
    	margin-top: 10px;
    	margin-bottom: 10px;

    }

    .comments-area  address {
    	font-style: italic;
    	margin: 0 0 24px;
    }

    .comments-area abbr[title] {
    	border-bottom: 1px dotted;
    }

    .comments-area  b,
    .comments-area  strong {
    	font-weight: bold;
    }

    .comments-area dfn {
    	font-style: italic;
    }

    .comments-area mark {
    	background: #ff0;
    	color: #000;
    }

    .comments-area p {
    	margin: 0 0 20px;
    }

    .comments-area code,
    .comments-area kbd,
    .comments-area pre,
    .comments-area samp {
    	font-family: monospace, serif;
    	font-size: 14px;
    	-webkit-hyphens: none;
    	-moz-hyphens:    none;
    	-ms-hyphens:     none;
    	hyphens:         none;
    }

    .comments-area pre {
    	background: #f5f5f5;
    	color: #666;
    	font-family: monospace;
    	font-size: 14px;
    	margin: 20px 0;
    	overflow: auto;
    	padding: 20px;
    	white-space: pre;
    	white-space: pre-wrap;
    	word-wrap: break-word;
    }


    .comments-area dl {
    	margin: 0 0 20px;
    }


    .comments-area dd {
    	margin: 0 0 20px;
    }

    .comments-area ul,.comments-area ol{
    	margin-bottom: 10px;
    }
    .comments-area ul ul,
    .comments-area ol ol,
    .comments-area ol ul {
    	margin-bottom: 0px;
    }
    .comments-area input:not([type="submit"]),
    .comments-area input:not([type="reset"]),
    .comments-area input:not([type="file"]){
        border: 1px solid #f0f0f0;
        padding: 9px 25px;
        font-size: 14px;
        line-height: 1.42857143;
        font-weight: 400;
        background: #f0f0f0;
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .comments-area input[type="submit"],
    .comments-area input[type="reset"]{
    	border: 1px solid #f0f0f0;
    	background-color: #f0f0f0;
    	color: #FFF;
         position: relative;
          border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    .comments-area input[type="submit"]:hover,
    .comments-area input[type="reset"]:hover{
    	background-color: #f0f0f0;
    	border-color: #f0f0f0;

    }

    .comments-area .comments-title {
    	padding: 30px 0;
        position: relative;
        font-size: 20px;
        text-transform: uppercase;
        color: #3a3d4b;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .comments-area .comments-title:before {
        position: absolute;
        content: "";
        width: calc(100% + 70px);
        height: 2px;
        background-color: #e9e9e9;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .comments-area .comment-respond .comment-reply-title{
    	margin-bottom: 15px;
    	text-transform: uppercase;
    	font-weight: 700;
    	color: #555555;
    }
    .comments-area .comment-list + .comment-respond{
        border-top: 1px solid #e9e9e9;
    }
    .comments-area .comment-list {
    	margin-bottom: 0px;
    }
    .comments-area .comment-list >.comment {
        padding: 20px 0;
    }
    .comments-area .comment-list >.comment + .comment {
        border-top: 1px solid #e9e9e9;
    }
    .comments-area .comment-list >.comment .children {
        padding-left: 50px;
    }
    .comments-area .comment-respond >.title{
      color: #3a3d4b;
      font-size: 20px;
      margin: 0;
      font-weight: 900;
      padding: 60px 0 40px 0;
      position: relative;
      z-index: 1;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .comments-area .comment-list,
    .comments-area ol,
    .comments-area ul{
    	list-style: none;
    	padding-left: 0px;
    }
    .comments-area  .comment-meta + .comment-content,
    .comments-area .comment-metadata + .comment-awaiting-moderation{
    	margin-top: 15px;
    }
    .comments-area  .comment-awaiting-moderation{
    	padding-left: 90px;
    }
    .comments-area .comment-body {
        padding: 15px 0;
        position: relative;

    }
    .comments-area .comment-body  ul {
    	list-style: disc;
    }
    .comments-area .comment-body  ul ul{
    	list-style: circle;
    }
    .comments-area .comment-body  ul ul ul{
    	list-style: square;
    }
    .comments-area .comment-body  ul li,
    .comments-area .comment-body  ol li{
    	list-style: inherit;
    }
    .comments-area .comment-body  ul,
    .comments-area .comment-body  ol{
    	padding-left: 15px;
    }
    .comments-area .comment-body  ol {
    	list-style-type: decimal;
    }
    .comments-area .comment-body  ol ul{
    	list-style-type: disc;
    }
    .comments-area .comment-body:before{
    	display: table;
    	content: "";
    }
    .comments-area .comment-body:after{
    	content: "";
    	display: table;
    	clear: both;
    }

    .comments-area .comment-author{
    	margin-bottom: 0px;
    	display: inline-block;
    	vertical-align: top;
    	position: relative;

    }
    .comments-area .comment-author img{
    	max-width: 100%;
    	width: 65px;
    	height: 65px;
    	position: absolute;
    	top: 0;
    	left: 0;
    	border-radius: 50%;
    	-webkit-border-radius: 50%;
    }
    .comments-area .comment-author .avatar{
    	margin:0px 10px 0px 0;
    }
    .comments-area .comment-author .fn{
    	display: inline-block;
    	margin-right: 10px;
    	vertical-align: top;
    	padding-left: 100px;
    	font-weight: 500;
    	color: #555555;
    	text-transform: uppercase;
    }
    .comments-area .comment-author .fn a {
    	font-size: 14px;
        font-weight: 900;
        color: #03030d;
    }
    .comments-area .comment-author .fn a:hover{
    	color: #ffc80a;
    }
    .comments-area .comment-author  .says{
    	display: inline-block;
    	display: none;
    }
    .comments-area .comment-metadata{
    	margin-bottom: 0px;
    	display: inline-block;
    	position: relative;
    	padding-left: 15px;
    	line-height: 24px;
        float: right;

    }
    .comments-area .comment-metadata a{
    	color: #b3b3b3;
    }
    .comments-area .comment-body .comment-content{
    	margin-left: 100px;
    }
    .comments-area .comment-notes .required{
    	color: #FB0000;
    }
    .comments-area .comment-list .reply{
    	display: block;
    }
    .comments-area .comment-list .reply a{
    	position: relative;
    	display: inline-block;
    	color: #9fa3a7;
    	text-decoration: none;
    }
    .comments-area .comment-list .reply a:hover{
    	text-decoration: none;
    	color: #ffc80a;
    }
    .comments-area .comment-list .reply a:before{
	    content: "\21B5";
        margin-right: 10px;
        display: inline-block;
        color: #9fa3a7;
        font-size: 24px;
        line-height: 24px;
        vertical-align: top;
        transform: rotateY(180deg);
    }
    .comments-area .comment-list .reply{
    	padding-left: 100px;
    }
    .comments-area .comment-awaiting-moderation,
    .comments-area.comment-content,
    .comments-area .comment-list .reply{
    	width: 100%;
        word-wrap: break-word;
    }

    .comments-area .highlander-comment {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .comments-area .comment-metadata a{
    	color: #9fa3a7;
        margin-right: 10px;
    }

    .comments-area .comment-metadata a:hover{
    	color:#ffc80a;
    }
    .comments-area .comment-metadata .edit-link:before{
    	-webkit-font-smoothing: antialiased;
        display: inline-block;
        font-family: "FontAwesome";
        content: "\f040";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        margin-right: 5px;
        speak: none;
        text-align: center;
        text-decoration: inherit;
        text-transform: none;
        vertical-align: top;
    }
    .comments-area .wrap-rating.in-post{
    	margin-top: 20px;
    	margin-bottom: 20px;
    }
    .comments-area  .wrap-rating .rating-title sup{
    	color: #FB0000;
    }
    .comments-area .rating span{
    	color: #C8C8C8;
    }
    .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star{
    	color: #C8C8C8!important;
    }
    .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star.over,
    .rating .fa.fa-star.voted{
    	color: #FAE803!important;
    }
    .comments-area .comment-form >div{
    	margin-bottom: 40px;
    }
    .comments-area .comment-form > div > label{
    	font-weight: 400;

    }
    .comments-area .comment-form > div > label .required{
    	color: #FB0000;
    	margin-left: 5px;
    }
    .comments-area .comment-form-comment >label{
    	display: block;
    	color: #707070;
    }
    .comments-area .comment-form-comment textarea{
    	max-width: 100%;
    	width: 100%;
    	min-height: 120px;
    	resize:none;
    	border-radius: 8px;
    	-webkit-border-radius: 8px;
    	border: 1px solid #f0f0f0;
    	padding: 10px 25px;
    	background: #f0f0f0;
    }
    .comments-area .comment-form{
    	display: table;
    	width: 100%;
    	position: relative;
    }
    .comments-area .comment-form:before{
    	content: "";
    	display: table;
    }
    .comments-area .comment-form:after{
    	display: table;
    	content: "";
    	clear: both;
    	float: none;
    }
    .comments-area .comment-form-author{
    	width: 50%;
    	display: inline-block;
    	vertical-align: top;
    	padding-right: 15px;
    	float: left;
    }
    .comments-area .comment-form-email{
    	width: 50%;
    	display: inline-block;
    	vertical-align: top;
    	padding-left: 15px;
    	float: left;
    }
    .comments-area .comment-form-email:before{
    	display: table;
    	content: "";
    }
    .comments-area .comment-form-email:after{
    	display: table;
    	content: "";
    	clear: both;
    }
    .comments-area .comment-form-comment{
    	display: block;
    	width: 100%;
    	float: left;
    }
    .comments-area .comment-form-comment label,
    .comments-area .comment-form-author label,
    .comments-area .comment-form-email label,
    .comments-area .comment-form-url label{
    	 display: block;
    	 color: #707070;
    	 margin-bottom: 5px;
    }
    .comments-area .comment-form-author label .required,
    .comments-area .comment-form-email label .required,
    .comments-area .comment-form-url label .required {
    	color: #FB0000;
    }
    .comments-area .comment-form-author input,
    .comments-area .comment-form-email input,
    .comments-area .comment-form-url input {
    	width: 100%;
    }
    .comments-area .wrap-rating .rating-title{
    	font-weight: bold;
    	color: #707070;
    }
    .comments-area .comment-form .comment-form-url{
    	display: block;
    	width: 100%;
    	float: left;
    }
    .comments-area .comment-form .comment-form-url + .form-submit{
    	margin-top: 40px;
    }

    .comments-area .comment-form .form-submit {
    	margin-bottom: 0px;
    	display:block;
    	float:  left;
        position: relative;
        z-index: 1;
        margin-right: 25px;
        margin-top: 20px;
    }
    .comments-area .comment-form .form-submit .submit:before{
        content:"";
        display: table;
    }
    .comments-area .comment-form .form-submit .submit:after{
        content:"";
        display: table;
        clear:both;
    }
    .comments-area .comment-form .form-submit:after {
        position: absolute;
        content: "\f061";
        font-family: "FontAwesome";
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #ffc80a;
        border: none;
        color: #fff;
        font-size: 16px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 2px 2px 15px 0px rgba( 255, 198, 0, 0.7 );
        transition: all 0.5s ease;
        animation: expo-btn-out 1s ease 1 forwards;
        -webkit-animation: expo-btn-out 1s ease 1 forwards;
        -o-animation: expo-btn-out 1s ease 1 forwards;
        -moz-animation: expo-btn-out 1s ease 1 forwards;
    }



    .comments-area .comment-form .form-submit:hover:after {
        animation: expo-btn-in 1s ease 1 forwards;
        -webkit-animation: expo-btn-in 1s ease 1 forwards;
        -o-animation: expo-btn-in 1s ease 1 forwards;
        -moz-animation: expo-btn-in 1s ease 1 forwards;
    }

    .comments-area .comment-form .form-submit .submit{
        border: 1px solid #ebebeb;
        background-color: #fff;
        font-weight: 700;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        padding: 0 30px;
        font-size: 16px;
        line-height: 48px;
        color: #5b5b5b;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .comments-area .comment-form .form-submit:hover .submit{
        background-color: #ffc80a;
        border-color: #ffc80a;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        color: #fff;
    }

    .comments-area .input-error-msg {
    	color: #FB0000;
    	margin-top: 10px;
    }

    .comments-area .pagination-comment {
        margin-bottom: 40px;
    }

    .comments-area .pagination-comment .page-numbers {
        color: #8c8f94;
        position: relative;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }

    .comments-area .pagination-comment .page-numbers + .page-numbers {
        margin-left: 5px;
    }

    .comments-area .pagination-comment .page-numbers.current,
    .comments-area .pagination-comment .page-numbers.current:hover {
        background-color: #ffc80a;
        color: #fff;
    }

    .comments-area .pagination-comment .page-numbers:hover {
        color: #ffc80a;
    }


    .comments-area .pagination-comment .page-numbers.next,
    .comments-area .pagination-comment .page-numbers.prev {
        width: auto;
        padding: 0 20px;
    }

    .comments-area .pagination-comment .page-numbers.prev:before {
        position: absolute;
        content: "\f104";
        font-family: "FontAwesome";
        left: 0;
        color: #8c8f94;
    }

    .comments-area .pagination-comment .page-numbers.prev:after {
        position: absolute;
        content: "|";
        right: 0;
        color: #8c8f94;
    }

    .comments-area .pagination-comment .page-numbers.next:before {
        position: absolute;
        content: "\f105";
        font-family: "FontAwesome";
        right: 0;
        color: #8c8f94;
    }

    .comments-area .pagination-comment .page-numbers.next:after {
        position: absolute;
        content: "|";
        left: 0;
        color: #8c8f94;
    }

/*=========  End of comment form  =====*/



/*=======================================
=            5. BLOG ITEM               =
=======================================*/
    .block-title:hover, .block-title:focus {
        color: #ffc80a;
    }

    .slz-block-item-01 {
        background-color: #f7f8f9;
    }

    .slz-block-item-01 .block-content {
        padding: 20px;
        padding-bottom: 70px;
    }

    .slz-block-item-01 .block-image img {
        margin: 0 auto;
    }

    .portfolio-list.slz-block-item-01 .block-image:before {
        padding-top: 110%;
    }

    [class^="slz-block-item-"],
    [class*="slz-block-item-"]{
        position: relative;
    }

    .slz-block-item-03.style-2 .block-text {
        margin-top: 40px;
    }

    .block-content .entry-title{
        font-weight: 500;
        color: #555555;
    }
    .block-content .entry-title a{
        color: #03030d;
        font-size: 24px;
        text-transform: capitalize;
    }
    .block-content .entry-title a:hover{
        color: #ffc80a;
        text-decoration: none;
    }
    .block-content .entry-title + .block-info {
        margin-top: 15px;
    }

    .block-info {
        font-weight: 400;
    }

    .blog-detail-wrapper >.block-info li,
    .block-content .block-info li{
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-info .comment,
    .block-info .view,
    .block-info .author{
        display: inline-block;
        font-style: normal;
    }
    .block-info .comment:before{
        font-family: 'FontAwesome';
        content: "\f086";
        display: inline-block;
        color: inherit;
        margin-right: 5px;
    }
    .block-info .view:before{
        font-family: 'FontAwesome';
        content: "\f06e";
        display: inline-block;
        color: inherit;
        margin-right: 5px;
    }
    .block-info .author:before{
        font-family: 'FontAwesome';
        content: "\f007";
        display: inline-block;
        margin-right: 5px;
        font-size: inherit;
        color: inherit;
    }
    .block-info + .entry-content,
    .block-info + .entry-content{
        margin-top: 15px;
    }

    .block-info .edit-link i{
        margin-right: 5px;
        font-style: normal;
    }
    .block-info li{
        padding-left: 15px;
        padding-right: 15px;
    }
     .block-info li:first-child{
        padding-left: 0px;
    }
    .block-info li:last-child{
        padding-right: 0px;
    }
    .block-info a:hover{
        text-decoration: none;
    }
    .entry-content + .entry-meta,
    .entry-content + .entry-meta{
        margin-top: 40px;
    }
    .block-content .read-more{
        display: inline-block;
        position: relative;
        margin-top: 20px;
        padding: 0px 20px;
        line-height: 30px;
        border: 1px solid #ebebeb;
        background-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }
    .block-content .read-more i {
        width: 25px;
        height: 25px;
        position: absolute;
        text-align: center;
        line-height: 25px;
        right: -13px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ffc80a;
        border: none;
        color: #fff;
        font-size: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 2px 2px 15px 0px rgba( 255, 198, 0, 0.7 );
        transition: all 0.5s ease;
        animation: expo-btn-out 1s ease 1 forwards;
        -webkit-animation: expo-btn-out 1s ease 1 forwards;
        -o-animation: expo-btn-out 1s ease 1 forwards;
        -moz-animation: expo-btn-out 1s ease 1 forwards;
    }
    .block-content .read-more i:before {
        font: normal normal normal 14px/1 FontAwesome;
        line-height: inherit;
    }
    .block-content .read-more:hover{
        background-color: #ffc80a;
        color: #fff;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .block-content .read-more:hover i {
        animation: expo-btn-in 1s ease 1 forwards;
        -webkit-animation: expo-btn-in 1s ease 1 forwards;
        -o-animation: expo-btn-in 1s ease 1 forwards;
        -moz-animation: expo-btn-in 1s ease 1 forwards;
    }
    .block-info ul {
        padding-left: 0;
        margin-bottom: 0;
    }

    .block-info > ul > li {
        list-style: none;
        display: inline-block;
        font-size: 12px;
    }

    .block-info li a {
        color: #8c8f94;
        text-transform: uppercase;
        font-size: 12px;
        position: relative;
    }

    .block-info li a:hover {
        color: #ffc80a;
    }

    .block-info li a.date{
        position: relative;
        padding-left: 20px;
    }

    .block-info li.edit-link i {
        color: #9fa3a7;
    }

    .block-info li a:before {
        font-family: "FontAwesome";
        font-size: 16px;
        left: 0;
        color: #9fa3a7;
    }

    .block-info li a.date:before {
        content: "\f017";
        position: absolute;
        top: 0px;
    }

    .slz-pagination {
        margin-top: 40px;
        border-top: 1px solid #f2f2f2;
    }
    .slz-pagination .pagination{
        display:block;
        text-align:center;
    }
    .slz-pagination .page-numbers {
        color: #8c8f94;
        position: relative;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }

    .slz-pagination .page-numbers + .page-numbers {
        margin-left: 5px;
    }

    .slz-pagination  .nav-links .page-numbers.current,
    .slz-pagination  .nav-links .page-numbers.current:hover {
        background-color: #ffc80a;
        color: #fff;
    }

    .slz-pagination  .nav-links .page-numbers:hover {
        background: transparent;
        color:  #ffc80a;
    }
    .slz-pagination  .nav-links a.page-numbers:hover {
        color: #FFFFFF;
        background: #ffc80a;
    }


    .slz-pagination .page-numbers.next,
    .slz-pagination .page-numbers.prev {
        width: auto;
        padding: 0 20px;
    }
    .slz-pagination .nav-links a.page-numbers.next,
    .slz-pagination .nav-links span.next{
        padding-right: 20px;
    }
    .slz-pagination .nav-links a.page-numbers.prev,
    .slz-pagination .nav-links span.prev{
        padding-left: 20px;
     }
    .slz-pagination .nav-links a.page-numbers.next:hover:before,
    .slz-pagination .nav-links span.next:hover:before,
    .slz-pagination .nav-links a.page-numbers.prev:hover:before,
    .slz-pagination .nav-links span.prev:hover:before{
        color: #FFFFFF;
    }
    .slz-pagination .page-numbers.prev:before {
        position: absolute;
        content: "\f104";
        font-family: "FontAwesome";
        left: 10px;
        color: #8c8f94;
    }

    .slz-pagination .page-numbers.prev:after {
        position: absolute;
        content: "|";
        right: -5px;
        color: #8c8f94;
    }

    .slz-pagination .page-numbers.next:before {
        position: absolute;
        content: "\f105";
        font-family: "FontAwesome";
        right: 10px;
        color: #8c8f94;
    }

    .slz-pagination .page-numbers.next:after {
        position: absolute;
        content: "|";
        left: -5px;
        color: #8c8f94;
    }
    .slz-pagination-02{
        text-align:center;
    }
    .slz-pagination-02 .nav-links .slz-prev,
    .slz-pagination-02 .nav-links .slz-next{
        border-radius:40px;
        display: inline-block;
        padding: 6px 15px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .slz-pagination-02 .nav-links .slz-prev:hover,
    .slz-pagination-02 .nav-links .slz-next:hover{
        background-color:#FFC80A;
        color:#FFFFFF;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(254,192,6,1);
        -moz-box-shadow: 0px 0px 15px 0px rgba(254,192,6,1);
        box-shadow: 0px 0px 15px 0px rgba(254,192,6,1);
    }
    .slz-pagination-02 .nav-links .slz-prev i,
    .slz-pagination-02 .nav-links .slz-next i{
            display: inline-block;
            margin-right: 5px;
            margin-left: 5px;
    }
    .slz-block-item-01 .block-text {
        position: relative;
        z-index: -1;
    }
    .slz-block-item-01 .block-text:not(:empty){
        margin-bottom: 10px;
    }
    .slz-block-item-01 .block-content-wrapper >.block-info{
        display: inline-block;
        float: right;
        margin-top: 0px;
        position: absolute;
        top: auto;
        bottom: 20px;
        right: 20px;
        list-style: none;
    }

    .slz-block-item-01 .block-content-wrapper >.block-info li {
        display: inline-block;
        line-height: 24px;
        margin-bottom: 0;
        vertical-align: top;
        padding: 0 5px;
    }

    .slz-block-item-01 .block-content-wrapper >.block-info li:first-child {
        padding-left: 0;
    }

    .slz-block-item-01 .block-content-wrapper >.block-info li:last-child {
        padding-right: 0;
    }

    .slz-block-item-01 .block-content-wrapper >.date{
        color: #8C8F94;
        position: absolute;
        bottom: 20px;
        left: 20px;
        font-size: 12px;
    }

    .slz-block-item-01 .block-content-wrapper >.date:hover {
        color: #ffc80a;
    }

    .slz-block-item-01 .block-content{
        z-index: 3;
    }
    .slz-block-item-01.style-3 .block-content:after {
        content: none;
    }

    .slz-block-item-01 .block-read-more i {
        top: 3px;
        left: 15px;
    }

    .slz-block-item-01 .block-read-more {
        display: inline-block;
        vertical-align: top;
        margin: 10px 0 0 0;
        border-color:#FFC80A;
        background-color: #FFC80A;
        color: #FFFFFF;
    }
    .slz-block-item-01 .block-read-more:hover{
        background-color: #091B27;
        border-color: #091B27;
    }


/*=========  End of Blog ITEM  ========*/



/*=======================================
=            6. BLOG DETAIL             =
=======================================*/


    .slz-blog-detail.slz-no-sidebar .slz-content-column {
        width: 100%;
    }

    .slz-blog-detail.slz-no-sidebar .slz-sidebar-column {
        display: none;
    }

    .slz-blog-detail .blog-detail-wrapper {
        overflow: hidden;
        border-radius: 8px;
        padding: 0 50px;
        box-shadow: 0px 5px 10px 0px rgba( 0, 0, 0, 0.3 );
    }

    .slz-blog-detail .post-navigation {
        position: relative;
    }

    .slz-blog-detail .post-navigation:before {
        position: absolute;
        content: "";
        width: calc(100% + 70px);
        height: 1px;
        background-color: #f8f8f8;
        left: -20px;
        bottom: 0;
    }

    .post-navigation .nav-links {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 8px 0px;
    }

    .post-navigation .nav-links a {
        color: #8c8f94;
    }

    .post-navigation .nav-links a:hover {
        color: #ffc80a;
    }

    .post-navigation .nav-links .prev-post .meta-nav {
        margin-right: 15px;
    }

    .post-navigation .nav-links .next-post .meta-nav {
        margin-left: 15px;
    }
    .slz-blog-detail .blog-detail-wrapper >.title {
        font-weight: 900;
        color: #3a3d4b;
        text-transform: uppercase;
        margin: 30px 0 15px 0;
        display: block;
        font-size: 48px;
        line-height: 1.2;
        text-align: center;
    }
    .slz-blog-detail .page-detail-wrapper> .title{
        font-weight: 900;
        color: #3a3d4b;
        text-transform: uppercase;
        margin: 0px 0 50px 0;
        display: block;
        font-size: 48px;
        line-height: 1.2;
        text-align: center;
    }
    .slz-blog-detail .slz-featured-block {
        margin-bottom: 35px;
    }
    .slz-blog-detail .slz-featured-block img{
        width: 100%;
    }
    .slz-blog-detail .slz-sidebar-column .slz-widget:first-child,
    .slz-blog-detail .slz-sidebar-column > div:first-child {
        margin-top: 0px;
    }

    .slz-blog-detail .blog-detail-wrapper + .slz-post-footer {
        margin-top: 30px;
    }

    .blog-detail-wrapper .slz-related-post .slz-block-item-01 .block-title {
        font-size: 16px;
    }

    .blog-detail-wrapper .slz-related-post .btn.slick-arrow {
        display: none !important;
    }

    .slz-blog-detail .slz-related-post {
        margin-top: 50px;
        margin-bottom: 40px;
        padding-bottom: 0;
    }

    .slz-blog-detail .slz-related-post .related-title {
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: 900;
        color: #03030D;
        text-transform: uppercase;
    }


    .blog-detail-wrapper .entry-meta .categories-list  li a,
    .blog-detail-wrapper .entry-meta .tags-list  li a {
        background-color: #f8f8f8;
    }

    .blog-detail-wrapper .block-info li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
    }

    .blog-detail-wrapper .block-info {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        margin-bottom: 0;
        text-align: center;
        position: relative;
    }

    .blog-detail-wrapper .block-info + .entry-content {
        margin-top: 45px;
    }

    .slz-blog-detail .post-navigation + .slz-featured-block {
        margin-top: 30px;
    }

    .blog-detail-wrapper .block-info.date:before {
        content: none;
    }

    .blog-detail-wrapper .block-info.date {
        padding: 0;
        margin-bottom: 30px;
    }

    .blog-detail-wrapper .block-info:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        width: calc(100% + 100px);
        left: -50px;
        z-index: 0;
        background-color: #f8f8f8;
    }

    .blog-detail-wrapper .slz-block-video .block-video:before {
        padding-top: 50%;
    }
    .slz-blog-detail .slz-block-video .block-video img {
        width: auto;
    }

    /*---------- content not found  ----------*/
    .slz-article-not-found .heading{
    	border-left: none;
    	padding: 20px 0px;
    	border-bottom:1px solid #E3E3E3;
    	display: block;
    	width: 100%;
    	margin-bottom: 30px;
    }
    .slz-article-not-found .heading .title{
    	text-transform: none;
    	color: #555555;
    	margin-bottom: 0px;

    }

    /*----------  Password form  ----------*/
    .post-password-form{
    	position: relative;
    	display: block;
    	min-width: 350px;
    }
    .post-password-form label{
    	display: inline-block;
        margin-bottom: 0px;
    }
    .post-password-form input[type="password"]{
    	display: block;
    	padding: 0px 12px;
    	border: 1px solid #ececec;
    	margin-right: 5px;
    	font-size: 14px;
    	line-height: 30px;
    	margin-top: 5px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
    }
    .post-password-form input[type="submit"]{
    	padding: 0px 12px;
        line-height: 30px;
    	border: 1px solid #ffc80a;
    	background: #ffc80a;
    	color: #FFFFFF;
    	border-radius: 30px;
    	-webkit-border-radius: 30px;
    	margin-top: 5px;
    	font-size: 14px;
    	display: inline-block;
    	vertical-align: bottom;
        transition: all 0.3s ease;
    }
    .post-password-form input[type="submit"]:hover{
    	background: #fff;
        color: #ffc80a;
    }

    /*----------  archive header  ----------*/
    .archive-header{
      padding-top: 40px;
      padding-bottom: 40px;
      background-color: #fafafa;
    }

/*=========  End of blog detail  ======*/



/*======================================
=            7. TITLE COMMAND          =
=======================================*/

    .slz-title-command {
        position: relative;
        background-color: #FAFAFA;
        background-repeat: no-repeat;
    }

    .slz-title-command > .container {
        height: 100%;
    }

    .slz-title-command .title-command-wrapper {
        padding: 70px 0;
        text-align: center;
    }

    .slz-title-command .title-command-wrapper .title {
        line-height: 1.4;
        margin: 0;
        color: #a7a7a7;
        text-transform: uppercase;
        font-size: 60px;
    }

    .slz-title-command .title-command-wrapper .breadcrumb {
        margin: 0;
        padding-left: 0;
        background: transparent;
        padding: 4px 15px 8px 0px;
    }

    .slz-title-command .breadcrumb-link {
        color: #aaaaaa;
    }

    .slz-title-command .breadcrumb-link:hover {
        color: #ffc80a;
    }

    .slz-title-command .breadcrumb-active {
        color: #aaaaaa;
    }

    .slz-title-command .breadcrumb>li+li:before {
        color: #aaaaaa;
        padding: 0 8px 0 10px;
    }

    .slz-wrapper-content .wpb_content_element{
        margin-bottom: 0;
    }
    .archive-header{
        text-align: center;
        padding: 80px 0;
    }
    .archive-header .title{
        font-size: 60px;
        text-transform: uppercase;
        color: #a7a7a7;
    }
/*=========  End of title command  ====*/



/*======================================
=            8. BTN BACK TO TOP        =
=======================================*/
    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        cursor: pointer;
        text-decoration: none;
        opacity: 0;
        z-index: -1;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .back-to-top i {
        color: #FFF;
        font-size: 24px;
        line-height: inherit;
        position: relative;
        z-index: 10;
    }

    .back-to-top .btn {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        position: relative;
        border: none;
        background-color: #ccc;
    }


    .back-to-top .btn:hover,
    .back-to-top .btn:focus {
        outline: none;
    }

    .back-to-top.show {
        opacity: 1;
        visibility: visible;
        z-index: 99;
    }

    .back-to-top .btn {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        position: relative;
        border: none;
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
        transform: translateZ(0);
    }

    .back-to-top .btn:before,
    .back-to-top .btn:after {
        border-radius: 100%;
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        box-shadow: inset 30px 0 0 rgba(255,200,10, 0.2),
                  inset 0 30px 0 rgba(255,200,10, 0.2),
                  inset -30px 0 0 rgba(255,200,10, 0.2),
                  inset 0 -30px 0 rgba(255,200,10, 0.2);
        transition: box-shadow 0.75s;
    }

    .back-to-top .btn:after  {
        transform: rotate(45deg);
    }

    .back-to-top .btn:hover:before,
    .back-to-top .btn:hover:after  {
        box-shadow: inset 5px 0 0 rgba(255, 0, 0, 0.5),
                  inset 0 5px 0 rgba(255, 200, 10, 0.5),
                  inset -5px 0 0 rgba(0, 255, 0, 0.5),
                  inset 0 -5px 0 rgba(0, 150, 255, 0.5);
    }
    .back-to-top .btn i:before {
        transition: all 0.5s ease;
    }

    .back-to-top .btn i:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: "To \A Top";
        color: #3a3d4b;
        font-weight: 700;
        white-space: pre;
        opacity: 0;
        font-size: 12px;
        font-family: 'Lato', serif;
        width: 30px;
        line-height: 16px;
        transition: all 0.5s ease;
    }

    .back-to-top .btn:hover i:before {
        opacity: 0;
    }

    .back-to-top .btn:hover i:after {
        opacity: 1;
    }

/*=========  End of to top  ===========*/



/*======================================
=            9. PAGE 404               =
=======================================*/

    .slz-page-404 {
        display: table;
        width: 100%;
        height: 100vh;
    }

    .slz-page-404 .content-wrapper-404 {
        display: table-cell;
        vertical-align: middle;
        background-size: cover;
    }

    .slz-page-404 .title {
        font-size: 42px;
        color: #3A3D4B;
        font-weight: 700;
        margin-bottom: 40px;
        position: relative;
        display: block;
        z-index: 1;
    }
     .slz-page-404 .title:before{
        content: "Error 404";
        text-transform: uppercase;
        font-weight: 900;
        font-size: 90px;
        z-index: -1;
        display: block;
        position: absolute;
        width:100%;
        top: 50%;
        text-align: left;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        color: rgba(64,64,64,0.04);
     }
    .slz-group-btn .slz-btn {
        margin-left: 50px;
    }

    .slz-group-btn .slz-btn:first-child {
        margin-left: 0;
    }

    .slz-page-404 .slz-btn {
        display: inline-block;
        position: relative;
        margin-top: 20px;
        padding: 0px 30px;
        line-height: 40px;
        height: 40px;
        border: 1px solid #ebebeb;
        color: #ffc80a;
        background-color: transparent;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    .slz-page-404 .slz-btn i {
        width: 32px;
        height: 32px;
        position: absolute;
        text-align: center;
        line-height: 32px;
        right: -13px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ffc80a;
        border: none;
        color: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 2px 2px 15px 0px rgba( 255, 198, 0, 0.7 );
        transition: all 0.5s ease;
        animation: expo-btn-out 1s ease 1 forwards;
        -webkit-animation: expo-btn-out 1s ease 1 forwards;
        -o-animation: expo-btn-out 1s ease 1 forwards;
        -moz-animation: expo-btn-out 1s ease 1 forwards;
    }


    .slz-page-404 .slz-btn:hover {
        background-color: #ffc80a;
        color: #fff;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .slz-page-404 .slz-btn:hover i {
        animation: expo-btn-in 1s ease 1 forwards;
        -webkit-animation: expo-btn-in 1s ease 1 forwards;
        -o-animation: expo-btn-in 1s ease 1 forwards;
        -moz-animation: expo-btn-in 1s ease 1 forwards;
    }

/*=========  End of page 404  =========*/



/*======================================
=            Responsive                =
=======================================*/

@media screen and (max-width: 1024px) {

    /*----------  slz columns  ----------*/
    .slz-list-block.slz-column-4 .item:nth-child(-n + 4) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-4 .item:nth-child(-n + 3) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-4 > .item {
        width: 33.3333%;
    }
    .slz-list-block.slz-column-5 .item:nth-child(-n + 5) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-5 .item:nth-child(-n + 4) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-5 > .item {
        width: 25%;
    }
    .slz-list-block.slz-column-6 .item:nth-child(-n + 6) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-6 .item:nth-child(-n + 4) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-6 > .item {
        width: 25%;
    }
    .slz-list-block.slz-column-7 .item:nth-child(-n + 7) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-7 .item:nth-child(-n + 4) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-7 > .item {
        width: 25%;
    }
    .slz-list-block.slz-column-8 .item:nth-child(-n + 8) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-8 .item:nth-child(-n + 4) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-8 > .item {
        width: 25%;
    }
}

@media (min-width: 768px) and (max-width: 1018px) {
    .widget_calendar thead tr {
        line-height: 28px;
    }
    .widget_calendar tfoot td {
        border: none;
    }
    .widget_calendar td {
        padding: 5px 0;
    }
    .widget_calendar tfoot #prev {
        text-align: left;
    }
    .widget_calendar tfoot #next {
        text-align: right;
    }
    .widget_calendar tfoot a:hover {
        color: #4db2ec;
    }
}

@media screen and (min-width: 768px) {
    /*----------  1.9. Hover menu PC  ----------*/
    .menu-item-has-children:hover > .sub-menu,
    .menu-item-has-mega-menu:hover > .mega-menu {
        opacity: 1;
        z-index: 105;
        display: block;
        visibility: visible;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
    }
}

@media screen and (max-width: 768px) {

    .slz-sidebar-left .slz-content-column,
    .slz-sidebar-column {
        float: left;
    }

    .slz-content-column + .slz-sidebar-column {
        margin-top: 50px;
    }

    .entry-content figure {
        width: 100% !important;
    }

    /*----------  slz columns  ----------*/

    .slz-list-block.slz-column-5 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 4) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-5 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 3) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-5 > .item,
    .slz-list-block.slz-column-6 > .item,
    .slz-list-block.slz-column-7 > .item,
    .slz-list-block.slz-column-8 > .item {
        width: 33.3333%;
    }
    .slz-list-block.slz-column-4 .item:nth-child(-n + 3) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-4 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-4 > .item {
        width: 50%;
    }
    .slz-list-block.slz-column-3 .item:nth-child(-n + 3) {
        margin-top: 30px;
    }
    .slz-list-block.slz-column-3 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .slz-list-block.slz-column-3 > .item {
        width: 50%;
    }

}

@media screen and (max-width: 767px) {

    /*----------  slz columns  -----------*/
    .slz-list-block {
        margin: 0 -15px;
    }

    .slz-list-block > .item {
        padding: 0 15px;
    }

    .slz-list-block > .item {
        margin-top: 40px;
    }

    .slz-list-block.slz-column-3 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-4 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-4 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-5 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-5 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 3) {
        margin-top: 40px;
    }

    .slz-list-block.slz-column-3 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-4 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-5 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 2) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-3 > .item,
    .slz-list-block.slz-column-4 > .item,
    .slz-list-block.slz-column-5 > .item,
    .slz-list-block.slz-column-6 > .item,
    .slz-list-block.slz-column-7 > .item,
    .slz-list-block.slz-column-8 > .item {
        width: 50%;
    }

    /*----------  blog detail  ----------*/
    .slz-blog-detail .blog-detail-wrapper {
        padding: 0 15px;
    }

    .slz-blog-detail .blog-detail-wrapper >.title {
        font-size: 30px;
    }

    .blog-detail-wrapper .comments-area {
        margin-left: -15px;
        margin-right: -15px;
    }

    .comments-area {
        padding: 0 15px;
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .comments-area .comment-body .comment-content {
        margin-left: 80px;
    }

    .comments-area .comment-author .fn,
    .comments-area .comment-list .reply {
        padding-left: 80px;
    }

    .comments-area .comment-list >.comment > .children {
        padding-left: 40px;
    }

    .slz-portfolio-detail .recommend .slz-carousel-wrapper .slick-arrow {
        display: none !important;
    }

}

@media screen and (max-width: 480px) {

    .comments-area .comment-list >.comment > .children {
        padding-left: 25px;
    }

    /*----------  slz columns  ----------*/

    .slz-list-block.slz-column-4 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-3 .item:nth-child(-n + 2),
    .slz-list-block.slz-column-2 .item:nth-child(-n + 2) {
        margin-top: 20px;
    }
    
    .slz-list-block.slz-column-3 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-4 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-4 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-5 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-5 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-6 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-7 .item:nth-child(-n + 3),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 4),
    .slz-list-block.slz-column-8 .item:nth-child(-n + 3) {
        margin-top: 20px;
    }

    .slz-list-block.slz-column-4 .item:first-child,
    .slz-list-block.slz-column-3 .item:first-child,
    .slz-list-block.slz-column-2 .item:first-child {
        margin-top: 0;
    }
    
    .slz-list-block.slz-column-8 > .item,
    .slz-list-block.slz-column-7 > .item,
    .slz-list-block.slz-column-6 > .item,
    .slz-list-block.slz-column-5 > .item,
    .slz-list-block.slz-column-4 > .item,
    .slz-list-block.slz-column-3 > .item,
    .slz-list-block.slz-column-2 > .item {
        width: 100%;
    }

    .slz-list-block.slz-column-1 .item:first-child {
        margin-top: 0;
    }
    .slz-list-block.slz-column-1 > .item {
        margin-top: 20px;
    }
}

@media screen and (max-width: 414px) {
    .slz-block-item-03 .link-preview {
        font-size: 12px;
        letter-spacing: 0;
    }
}


@media screen and (max-width: 380px) {

    .slz-content-column, .slz-sidebar-column {5
            padding: 0 15px;
    }
    .slz-block-grid .slz-block-item-01.style-3 .block-content{
        padding-bottom: 60px;
    }
    .slz-block-item-01 .block-content {
        padding: 10px 15px 60px;
    }
    
    .comments-area .comment-author img {
        width: 50px;
        height: 50px;
    }
    .comments-area .comment-metadata{
        padding-left: 60px;
    }
    .comments-area .comment-author .fn,
    .comments-area .comment-list .reply {
        padding-left: 60px;
    }

    .comments-area .comment-body .comment-content {
        margin-left: 50px;
    }

    .comments-area .comment-list >.comment > .children {
        padding-left: 15px;
    }

}
/*=========  End of Responsive  =======*/




/*========================================
=            SLZ CSS KEYFRAME            =
========================================*/


@keyframes expo-btn-in {
    0% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
    50% {
        transform: translate(25px, -50%) rotateY(150deg);
        z-index: 1;
        opacity: 1;
    }
    60% {
        z-index: 1;
        opacity: 0.8;
    }
    100% {
        transform: translate(-50px, -50%) rotateY(180deg);
        opacity: 0;
        z-index: -1;
    }
}


@-webkit-keyframes expo-btn-in {
    0% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
    50% {
        transform: translate(25px, -50%) rotateY(150deg);
        z-index: 1;
        opacity: 1;
    }
    60% {
        z-index: 1;
        opacity: 0.8;
    }
    100% {
        transform: translate(-50px, -50%) rotateY(180deg);
        opacity: 0;
        z-index: -1;
    }
}


@-moz-keyframes expo-btn-in {
    0% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
    50% {
        transform: translate(25px, -50%) rotateY(150deg);
        z-index: 1;
        opacity: 1;
    }
    60% {
        z-index: 1;
        opacity: 0.8;
    }
    100% {
        transform: translate(-50px, -50%) rotateY(180deg);
        opacity: 0;
        z-index: -1;
    }
}


@-o-keyframes expo-btn-in {
    0% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
    50% {
        transform: translate(25px, -50%) rotateY(150deg);
        z-index: 1;
        opacity: 1;
    }
    60% {
        z-index: 1;
        opacity: 0.8;
    }
    100% {
        transform: translate(-50px, -50%) rotateY(180deg);
        opacity: 0;
        z-index: -1;
    }
}


@keyframes expo-btn-out {
    0% {
        transform: translate(-50px, -50%);
        opacity: 0;
        z-index: -1;
    }
    50% {
        z-index: 1;
        opacity: 0.7;
    }
    60% {
        transform: translate(25px, -50%) rotateY(-40deg);
        z-index: 1;
        opacity: 1;
    }
    100% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
}


@-webkit-keyframes expo-btn-out {
    0% {
        transform: translate(-50px, -50%);
        opacity: 0;
        z-index: -1;
    }
    50% {
        z-index: 1;
        opacity: 0.7;
    }
    60% {
        transform: translate(25px, -50%) rotateY(-40deg);
        z-index: 1;
        opacity: 1;
    }
    100% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
}


@-moz-keyframes expo-btn-out {
    0% {
        transform: translate(-50px, -50%);
        opacity: 0;
        z-index: -1;
    }
    50% {
        z-index: 1;
        opacity: 0.7;
    }
    60% {
        transform: translate(25px, -50%) rotateY(-40deg);
        z-index: 1;
        opacity: 1;
    }
    100% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
}


@-o-keyframes expo-btn-out {
    0% {
        transform: translate(-50px, -50%);
        opacity: 0;
        z-index: -1;
    }
    50% {
        z-index: 1;
        opacity: 0.7;
    }
    60% {
        transform: translate(25px, -50%) rotateY(-40deg);
        z-index: 1;
        opacity: 1;
    }
    100% {
        transform: translate(0px, -50%);
        opacity: 1;
        z-index: 1;
    }
}