/*
Theme Name: Jumla Child
Theme URI: https://www.themeinwp.com/theme/jumla
Template: jumla
Author: ThemeInWP
Author URI: https://www.themeinwp.com
Description: Jumla is a minimalist WordPress blog theme with bold details and unique styling in all the right places. A clear, but trendy design is totally responsive, which means your followers will be able to read you on their mobile phone with ease. Grow Your Audience, Enhance your website traffic and engage your visitors with Free to use recommended plugin named Social Share With Floating Bar WordPress. Moreover, the easy readability will make it a joy for your readers to discover your content. This is the best blog theme with perfect layout check Live Preview at https://demo.themeinwp.com/jumla and https://demo.themeinwp.com/jumla/fashion-blog
Tags: blog,news,entertainment,one-column,two-columns,left-sidebar,right-sidebar,post-formats,custom-background,custom-menu,featured-images,full-width-template,custom-header,translation-ready,theme-options,threaded-comments
Version: 1.3.6.1679398321
Updated: 2023-03-21 16:32:01

*/
html {

    font-family: sans-serif;

    font-size: 100%;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



body {

    margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],

template {

    display: none;

}



a {

    background-color: transparent;

}



a:active,

a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,

strong {

    font-weight: bold;

}



dfn {

    font-style: italic;

}



h1 {

    margin: 0.67em 0;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 0 auto;

}



hr {

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}



button {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



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

# Typography

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

html {

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: grayscale;

    -moz-osx-font-smoothing: grayscale;

}



body,

button,

input,

select,

textarea {

    font-family: "Libre Franklin", sans-serif;

    color: #000;

    font-size: 15px;

    line-height: 1.6;

    font-weight: 400;

}



h1, h2, h3, h4, h5, h6 {

    clear: both;

    font-family: /*"Playfair Display"*/"Lora", serif;

    line-height: 1.4;

}



body .secondary-font {

    font-family: "Playfair Display", serif;

}



body .primary-font,

body .widget-title,

body .section-title,

body .site-info .site-copyright {

    font-family: "Libre Franklin", sans-serif;

}



p {

    margin-bottom: 15px;

}



i, cite, em, var, address, dfn {

    font-style: italic;

}



blockquote,

q {

    border: 0;

    display: inline-block;

    margin: 0.25em 0;

    padding: 0.25em 40px;

    line-height: 1.45;

    position: relative;

    color: #383838;

    text-align: center;

}



article blockquote {

    margin-bottom: 54px;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    display: block;

    width: 27px;

    height: 1px;

    background-color: #383838;

    margin-bottom: 1em;

    margin-left: 50%;

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

}



blockquote:after,

q:after {

    margin-bottom: 0;

    margin-top: 1em;

}



blockquote cite {

    color: #999;

    font-size: 14px;

    display: block;

    margin-top: 5px;

}



blockquote cite:before {

    content: "\2014 \2009";

}



dl {

    border: 2px solid #e8e8e8;

    padding: 2.5em;

}



dt {

    text-align: left;

    font-size: 130%;

    font-weight: bold;

}



dd {

    margin: 0;

    padding: 0 0 1em 0;

}



address {

    margin: 0 0 1.5em;

}



pre {

    background: #eee;

    font-family: "Courier 10 Pitch", Courier, monospace;

    font-size: 15px;

    font-size: 0.9375rem;

    line-height: 1.6;

    margin-bottom: 1.6em;

    max-width: 100%;

    overflow: auto;

    padding: 1.6em;

}



code, kbd, tt, var {

    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

    font-size: 15px;

    font-size: 0.9375rem;

}



abbr, acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

}



mark, ins {

    background: #fff9c0;

    text-decoration: none;

}



big {

    font-size: 125%;

}



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

# Elements

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

html {

    box-sizing: border-box;

}



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    background-color: #fff;

}



hr {

    background-color: #ccc;

    border: 0;

    height: 1px;

    margin-bottom: 1.5em;

}



ul, ol {

    /*margin: 0 0 1.5em 3em;*/

}



ul {

    list-style: disc;

}



ol {

    list-style: decimal;

}



li > ul,

li > ol {

    margin-bottom: 0;

    margin-left: 1.5em;

}



img {

    height: auto;

    /* Make sure images are scaled correctly. */

    max-width: 100%;

    /* Adhere to container width. */

}



table {

    margin: 0 0 1.5em;

    width: 100%;

}



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

# Animation

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

@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



@keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



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

# Forms

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

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    border: 0;

    padding: 10px 20px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

}



.scroll-up {

    background: #000;

    color: #fff;

}



button, input[type="button"], input[type="reset"], input[type="submit"], .btn-primary {

    background: #d72828;

    border: 1px solid #d72828;

    color: #fff;

}



.btn {

    display: inline-block;

    padding: 15px 30px;

    position: relative;

    margin-top: 10px;

    font-size: 10px;

    font-weight: 600;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

    text-transform: uppercase;

    border-radius: 4px;

    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.16);

}



.btn:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 20px;

    height: 1px;

    width: 0;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}



.btn:hover,

.btn:focus {

    color: #fff !important;

    padding-left: 60px;

    filter: alpha(opacity=84);

    opacity: .84;

}



.btn:hover:before,

.btn:focus:before {

    width: 30px;

    background: #fff;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    padding: 10px;

    outline: 0;

    -webkit-appearance: none;

}



select {

    border: 1px solid #ccc;

    -webkit-appearance: none;

}



textarea {

    width: 100%;

}



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

## Tables

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



table {

    border-collapse: collapse;

    margin: 0 0 1.5em;

    width: 100%;

}



thead th {

    border-bottom: 2px solid #eee;

    padding-bottom: 0.5em;

}



th {

    padding: 0.4em;

    text-align: left;

}



tr {

    border-bottom: 1px solid #eee;

}



td {

    padding: 0.4em;

}



td a {

    text-decoration: underline;

}



th:first-child,

td:first-child {

    padding-left: 0;

}



th:last-child,

td:last-child {

    padding-right: 0;

}



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

# Links

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

a {

    color: #0033a0;

    text-decoration: none;

}



a:hover, a:focus, a:active {

    color: #d72828;

    text-decoration: none;

}



/*a:focus {

    outline: thin dotted;

}*/



a:hover, a:active {

    outline: 0;

}



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

# Navigation

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

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

## Menus

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



#masthead {

    position: relative;

    width: 100%;

    left: 0;

    right: 0;

    z-index: 999;

}



.boxed-layout #masthead .top-header {

    position: relative;

    top: 0;

}



.site-branding {

    margin: 0 auto;

    padding-bottom: 50px;

    padding-top: 100px;

    text-align: center;

}



.boxed-layout #masthead .site-branding {

    padding-top: 40px;

}



.site-branding .site-title {

    font-size: 68px;

    line-height: 1;

    letter-spacing: 10px;

}



.site-branding .custom-logo-link {

    display: inline-block;

    margin-bottom: 25px;

}



.site-title, .site-description {

    left: 0;

    right: 0;

    text-transform: uppercase;

}



.site-branding .site-title a {

    color: #000;

}



.site-description {

    font-size: 18px;

    margin: 0 auto;

}



@media only screen and (min-width: 1600px) {

    .site-branding .site-title {

        font-size: 82px;

        line-height: 1.2;

    }

}



.top-header {

    background: #fff;

    text-align: center;

    position: fixed;

    z-index: 10;

    right: 0;

    left: 0;

    top: 0;

    text-align: center;

}



.main-navigation {

    position: relative;

}



.main-navigation .menu,

.nav-right,

.main-navigation .social-icons,

.main-navigation .icon-search {

    display: inline-block;

    font-size: 26px;

    vertical-align: middle;

}



.main-navigation .icon-search {

    background: transparent;

    border: 0;

}
.main-navigation .icon-search i{
    font-size: 26px;
}


.main-navigation .toggle-menu {

    height: 62px;

    text-align: center;

    cursor: pointer;

    font-size: 15px;

    margin-left: 80px;

    margin-right: 80px;

    display: none;

}



.ham {

    width: 23px;

    height: 2px;

    top: 30px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    background-color: #fff;

    position: relative;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

}



.ham:before,

.ham:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 2px;

    left: 0;

    background-color: #fff;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

}



.ham:before {

    top: -8px;

}



.ham:after {

    top: 8px;

}



.ham.exit {

    background-color: transparent;

}



.ham.exit:before {

    -webkit-transform: translateY(8px) rotateZ(-45deg);

    -moz-transform: translateY(8px) rotateZ(-45deg);

    -ms-transform: translateY(8px) rotateZ(-45deg);

    -o-transform: translateY(8px) rotateZ(-45deg);

    transform: translateY(8px) rotateZ(-45deg);

}



.ham.exit:after {

    -webkit-transform: translateY(-8px) rotateZ(45deg);

    -moz-transform: translateY(-8px) rotateZ(45deg);

    -ms-transform: translateY(-8px) rotateZ(45deg);

    -o-transform: translateY(-8px) rotateZ(45deg);

    transform: translateY(-8px) rotateZ(45deg);

}



.main-navigation .menu ul {

    display: inline-block;

    margin: 0 auto;

    padding: 0;

    list-style: none;

    vertical-align: top;

}



.main-navigation .menu ul > li {

    float: left;

}



.main-navigation .menu ul li {

    position: relative;

    display: block;

}



.main-navigation .menu ul li i {

    display: inline-block;

    padding-left: 10px;

    line-height: 100%;

    vertical-align: middle;

}



.main-navigation .menu ul > li > a {

    font-size: 14px;

    line-height: 72px;

    padding: 0 15px;

  text-transform: uppercase;

}

 .menu ul.sub-menu > li > a {

    font-size: 10px;

    line-height: 72px;

    padding: 0 15px;

  text-transform: uppercase;

}


@media only screen and (min-width: 992px) {

    .nav-none-center .main-navigation .menu {

        float: left;

    }

    .nav-none-center .main-navigation .nav-right {

        float: right;

        padding-right: 15px;

    }



    .main-navigation .icon-search {

        border-width: 0 1px 0 1px;

        border-style: solid;

        border-color: #00A7B9;

        height: 72px;

        line-height: 72px;

        padding: 0 25px;

    }



    .main-navigation .menu ul ul li {

        width: max-content/*250px*/;

    }



    .main-navigation .menu ul ul li:hover > a,

    .main-navigation .menu ul ul li:focus > a {

        background: #00a8b9; /*#3c3c42;*/
 
    }



    .main-navigation .menu ul ul a { /*Текст в раскрывающемся меню*/

        color: #fff; /*#e4e4e4*/

        display: block;

        padding: 15px 30px;

        line-height: 1;

    }



    .main-navigation .menu ul > li > a {

        position: relative;

        display: block;

    }



    .main-navigation .menu > ul > li:last-child > a:after {

        display: none;

    }



    .main-navigation .menu ul ul a:before {

        margin-right: 10px;

        position: absolute;

        left: 15px;

        top: 35%;

        display: inline-block;

        font-family: "Ionicons";

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        text-rendering: auto;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        content: "\f3d1";



    }



    .main-navigation .menu ul ul a:hover {

        background-color: #161616;

    }



    .main-navigation .menu ul ul {

        position: absolute;

        text-align: left;

        visibility: hidden;

        filter: alpha(opacity=0);

        opacity: 0;

        margin: 0 auto;

        padding: 0;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

        -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

        -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

        -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

        -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

        transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

    }



    .main-navigation .menu li:focus-within > ul{

        visibility: visible;

        filter: alpha(opacity=100);

        opacity: 1;

        z-index: 999;

        -webkit-transition: opacity 0.4s, top 0.4s;

        -moz-transition: opacity 0.4s, top 0.4s;

        -ms-transition: opacity 0.4s, top 0.4s;

        -o-transition: opacity 0.4s, top 0.4s;

        transition: opacity 0.4s, top 0.4s;

    }



    .main-navigation .menu > ul > li > ul {

        top: 120%;

        left: 0;

        background-color: #23838b; /*#161616;*/

    }



    .main-navigation .menu > ul > li:last-child > ul {

        left: auto;

        right: 0;

    }



.main-navigation .menu li > ul {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s, top 0.4s;
}

.main-navigation .menu li > a {
    /* Добавьте этот стиль, чтобы ссылка ведущая к подменю была "pointer" */
    cursor: pointer;
}

.main-navigation .menu li.active > ul {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    transition: opacity 0.4s, top 0.4s;
}

.main-navigation .menu li.active > ul {
    top: 100%;
}



    .main-navigation .menu > ul > li:focus-within > ul{

        top: 100%;

    }



    .main-navigation .menu ul ul ul {

        top: -20px;

        left: 100%;

        background-color: #23838b; /*#161616;*/

    }



    .main-navigation .menu > ul > li:last-child ul ul,

    .main-navigation .menu > ul > li:nth-last-child(2) ul ul {

      

    }



    .main-navigation .menu ul ul li:hover ul,

    .main-navigation .menu ul ul li:focus ul {

        top: 0;

    }



    .main-navigation .menu ul ul li:focus-within ul{

        top: 0;

    }

}



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

    .main-navigation .menu {

        display: block;

    }



    .nav-right {

        position: absolute;

        right: 0;

        top: 0;

    }

}



.main-navigation .menu .menu-mobile {

    margin: 0;

    padding: 0;

    display: block;

    list-style: none;

    text-align: left;

    position: relative;

    z-index: 9999;

    background-color: #fff;

    display: none;

}



.main-navigation .menu .menu-mobile li {

    display: block;

    border-top: 1px solid #eee;

    float: none;

}



.main-navigation .menu .menu-mobile li a {

    color: #000;

    font-weight: 600;

    font-size: 14px;

    line-height: 50px;

    letter-spacing: 0.05em;

    display: block;

    text-decoration: none;

    position: relative;

    padding-right: 30px;

    -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;

}



.main-navigation .menu .menu-mobile li a:hover {

    filter: alpha(opacity=70);

    opacity: 0.7;

}



.main-navigation .menu .menu-mobile li a i {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 30px;

    z-index: 1;

}



.main-navigation .menu .menu-mobile li a i.active:after {

    width: 13px;

    height: 1px;

}



.main-navigation .menu .menu-mobile li a i:before,

.main-navigation .menu .menu-mobile li a i:after {

    content: '';

    width: 13px;

    height: 1px;

    background-color: #848484;

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.main-navigation .menu .menu-mobile li a i:after {

    width: 1px;

    height: 13px;

}



.main-navigation .menu .menu-mobile li .sub-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    border-top: 1px solid #eee;

    display: none;

}



.main-navigation .menu .menu-mobile li .sub-menu > li a {

    margin-left: 15px;

}



.main-navigation .menu .menu-mobile li .sub-menu > li:first-child {

    border-top: 0;

}



.popup-search {

    position: fixed;

    width: 0;

    height: 100%;

    overflow-y: auto;

    text-align: center;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    padding: 20px;

    z-index: 99999;

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    background-color: #fff;

    margin: auto;

    overflow: hidden;

    -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;

}



.reveal-search .popup-search {

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

    width: 100%;

}



.popup-search .close-popup {

    position: fixed;

    bottom: 80px;

    right: 0;

    left: 0;

    margin: auto;

    cursor: pointer;

    z-index: 1;

    width: 40px;

    height: 30px;

    filter: alpha(opacity=100);

    opacity: 1;

    -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;

}



.popup-search .close-popup:after,

.popup-search .close-popup:before {

    content: '';

    height: 1px;

    width: 41px;

    position: absolute;

    background-color: #000;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

    -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;

}



.popup-search .close-popup:before {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.popup-search .close-popup:after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



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

## PRELOADER

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

.preloader {

    position: fixed;

    background-color: #fff;

    top: 0;

    z-index: 9999;

    height: 100%;

    width: 100%;

    -webkit-transition: .1s all ease;

    -o-transition: .1s all ease;

    transition: .1s all ease;

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}



.preloader.loaded {

    opacity: 0;

    visibility: hidden;

}



.preloader:before,

.preloader:after {

    content: "";

    position: absolute;

    height: 50%;

    width: 100%;

    background-color: #222;

    -webkit-transition: .5s all ease;

    -o-transition: .5s all ease;

    transition: .5s all ease;

}



.preloader:before {

    top: 0;

    left: 0;

}



.preloader:after {

    bottom: 0;

    left: 0;

}



.preloader.loaded:before,

.preloader.loaded:after {

    height: 0%;

}



.preloader .loader {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-transform: uppercase;

    letter-spacing: 10px;

    font-size: 16px;

    font-weight: 400;

    margin-top: -20px;

    color: #f1f1f1;

    text-align: center;

}



.loader-text {

    display: inline-block;

    margin-left: 10px;

    padding-right: 10px;

    position: relative;

}



@media (min-width: 992px) {

    .loader-text {

        white-space: nowrap;

    }

}



.loader-text-2:before {

    content: attr(data-text);

    color: #d72828;

    position: absolute;

    overflow: hidden;

    width: 100%;

    text-align: left;

    animation: prescroller 2.2s ease-out infinite;

}



@keyframes prescroller {

    0% {

        max-width: 0;

    }

    100% {

        max-width: 100%;

    }

}



@keyframes prescroller {

    0% {

        max-width: 0;

    }

    100% {

        max-width: 100%;

    }

}



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

# Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

    outline: 0;

}



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

# Alignments

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

.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}



.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}



.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



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

# Clearings

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

.clear:before,

.clear:after,

.col-row:before,

.col-row:after,

.top-header:before,

.top-header:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.featured-block:before,

.featured-block:after,

.site-footer:before,

.site-footer:after {

    content: "";

    display: table;

    table-layout: fixed;

}



.clear:after,

.col-row:after,

.top-header:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.featured-block:after,

.site-footer:after {

    clear: both;

}



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

# Content

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

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

##color and font

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

.primary-bgcolor {

    background-color: #2b2b2b;

    color: #ffffff;

}



.primary-bgcolor a,

h1.primary-bgcolor,

h2.primary-bgcolor,

h3.primary-bgcolor,

h4.primary-bgcolor,

h5.primary-bgcolor,

h6.primary-bgcolor,

.primary-bgcolor h1,

.primary-bgcolor h2,

.primary-bgcolor h3,

.primary-bgcolor h4,

.primary-bgcolor h5,

.primary-bgcolor h6 {

    color: #ffffff;

}



.primary-textcolor {

    color: #2b2b2b;

}



.inner-heading,

.block-text {

    color: #434343;

    display: block;

}



.inner-heading {

    padding-top: 20px;

}



.block-text > span {

    font-size: 44.8px;

    font-size: 2.8rem;

    line-height: 1.6;

    border-bottom: solid 1px;

}



.site-content,

.recent-blog {

    background: #eaeaea;

}



.boxed-layout .site-content,

.boxed-layout .recent-blog,

.custom-background .site-content,

.custom-background .recent-blog {

    background: transparent;

    padding-top: 0;

    padding-bottom: 0;

}



.featured-blog-list,
#secondary,
.site-content .author-info .profile-image:after {
    background: #fff;
}





.site-content #primary {

    background: #fff;

}



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

##Admin only visible css

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



.v-align-top {

    vertical-align: top;

}



.v-align-middle {

    vertical-align: middle;

}



.v-align-bottom {

    vertical-align: bottom;

}



.table-align {

    display: table;

    height: 100%;

    width: 100%;

}



.table-align .table-align-cell {

    display: table-cell;

}



.display-info {

    padding-top: 200px;

    padding-bottom: 200px;

}



.sticky {

    display: block;

}



.sticky header:before {

    content: "\f2a6";

    display: inline-block;

    font-family: "Ionicons";

    speak: none;

    color: #d72828;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    text-rendering: auto;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 52px;

    display: inline-block;

    float: right;

}



.wrapper {

    margin-left: auto;

    margin-right: auto;

}



.site-content {

    margin: 0 auto;

}



.site-content,

.wrapper {

    padding-left: 15px;

    padding-right: 15px;

}



.col-pad-0 {

    margin: 0 auto;

}



.col-pad-0 [class*="col-"] {

    padding: 0 !important;

}



@media (min-width: 768px) {

    .pull-right {

        float: right !important;

    }

}



.margin-0 {

    margin: 0 auto !important;

}



.col-row {

    margin-left: -15px;

    margin-right: -15px;

}



.col-row-sm {

    margin-left: -5px;

    margin-right: -5px;

}



.col {

    float: left;

    padding-left: 15px;

    padding-right: 15px;

}



.col-sm {

    padding-left: 5px;

    padding-right: 5px;

}



.col-full {

    width: 100%;

}



.col-seven {

    width: 70%;

}



.col-six {

    width: 60%;

}



.col-half {

    width: 50%;

}



.col-four {

    width: 40%;

}



.col-three {

    width: 33.33%;

}



.col-three-1 {

    width: 30%;

}



.col-quarter {

    width: 25%;

}



.col-offset-quarter {

    margin-left: 25%;

}



@media (max-width: 991px) {

    .col-sm-full {

        width: 100%;

    }



    .hide-sm {

        display: none;

        visibility: hidden;

        opacity: 0;

    }

}



@media (max-width: 767px) {

    .col {

        margin-left: auto;

        margin-right: auto;

        width: 100%;

    }

}



@media (min-width: 768px) {

    .site-content,

    .wrapper {

        padding-left: 30px;

        padding-right: 30px;

    }

}



@media (min-width: 992px) {

    .site-content,

    .wrapper {

        padding-left: 20px;

        padding-right: 20px;

    }

}



@media (min-width: 1600px) {

    .site-content,

    .wrapper {

        padding-left: 250px;

        padding-right: 250px;

    }

}



.boxed-layout .site-content,

.boxed-layout .wrapper,

.custom-background .site-content,

.custom-background .wrapper {

    padding-left: 20px;

    padding-right: 20px;

}



.data-bg {

    background-size: cover;

    background-repeat: no-repeat;

}



.boxed-layout {

    -webkit-box-shadow: 0 0 22px rgba(17, 17, 17, 0.1);

    -moz-box-shadow: 0 0 22px rgba(17, 17, 17, 0.1);

    -ms-box-shadow: 0 0 22px rgba(17, 17, 17, 0.1);

    -o-box-shadow: 0 0 22px rgba(17, 17, 17, 0.1);

    box-shadow: 0 0 22px rgba(17, 17, 17, 0.1);

}



.custom-background .site,

.boxed-layout {

    background: #fff;

    max-width: 1170px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}



.boxed-layout{

    margin-top: 40px;

    margin-bottom: 40px;

}



@media (min-width: 1600px) {

    .custom-background .site,

    .boxed-layout {

        max-width: 1800px;

    }

}



#primary,

#secondary {

    width: 100%;

}



.site-content,

.recent-blog {

    display: -ms-flexbox;

    display: flex;

    padding-top: 60px;

    padding-bottom: 60px;

}



.site-content #primary {

    border: 1px solid;

    -ms-flex: 0 0 70%;

    flex: 0 0 90%;

    max-width: 75%;

}



.right-sidebar #primary {

    border-right: 0;

}



.left-sidebar #primary {

    border-left: 0;

    order: 2;

}



#secondary {

    border: 1px solid;

    padding: 30px 30px 20px;

    -ms-flex: 0 0 30%;

    flex: 0 0 30%;

    max-width: 30%;

}



body.no-sidebar #primary {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}



@media (max-width: 767px) {

    .site .site-content,

    .site .recent-blog{

        display: block;

    }



    .site .site-content #primary,

    .site .site-content #secondary {

        border: 1px solid #e8e8e8;

        display: block;

        max-width: 100%;

        width: 100%;

    }

}



.section-block {

    clear: both;

    padding-bottom: 60px;

}



.section-block:before,

.section-block:after {

    clear: both;

    content: "";

    display: table;

}



body .inner-banner {

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 110px 0;

    position: relative;

}



body .inner-banner-img {

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.breadcrumbs {

    color: #fff;

    font-size: 85%;

    padding: 5px 0;

    border-top: 1px solid #616161;

    border-bottom: 1px solid #616161;

    display: inline-block;

    margin-top: 20px;

}



.breadcrumbs ul {

    list-style: none;

    margin: 0 auto;

    padding: 0;

}



.breadcrumbs ul li {

    display: inline;

}



.breadcrumbs ul .trail-item span {

    position: relative;

    padding-left: 7px;

    padding-right: 7px;

}



.breadcrumbs ul .trail-item.trail-begin span {

    padding-left: 0;

}



.breadcrumbs ul li span:before {

    background: rgba(255, 255, 255, 0.45);

    content: "";

    display: block;

    width: 1px;

    height: 12px;

    position: absolute;

    top: 4px;

    left: 0;

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg);

}



.breadcrumbs ul .trail-item.trail-begin span:before {

    content: none;

}



.inner-banner .entry-header {

    position: relative;

    z-index: 1

}



.single-slide {

    position: relative;

}



.inner-header-overlay,

.single-slide-overlay {

    background: #0000007a;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    filter: alpha(opacity=35);

    opacity: 0.35;

}



.page-links {

    clear: both;

    margin: 0 0 1.5em;

}



.entry-meta .posted-on,

.entry-meta .author,

.entry-meta .comments-link,

.entry-meta .edit-link,

.inner-meta-info span {

    margin-right: 10px;

    position: relative;

    display: inline-block;

}



.inner-meta-info span {

    margin-left: 0;

    margin-right: 10px;

}



.entry-meta {

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;



}



.entry-meta,

.entry-meta a {

    color: #808080;

}



.entry-meta .post-category a {

    color: #d72828;

    padding-left: 2px;

    padding-right: 5px;

}



.entry-header .entry-title {

    margin: 0 auto;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    margin-bottom: 30px;

}



.search-results .content-area .entry-header .entry-title {

    text-align: center;

    margin-bottom: 15px;

}



.search-results .content-area .entry-summary {

    text-align: center;

}



.search-results .content-area .site-main article {

    margin-bottom: 40px;

    margin-top: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid #e8e8e8;

}



.entry-header .entry-title span,

.entry-header .entry-title em {

    font-style: italic;

}



.search .entry-header .entry-title span {

    display: inline-block;

    font-size: inherit;

}



.entry-title {

    display: block;

    line-height: 1.2;

    padding: 0;

    margin: 10px auto;

    position: relative;

}



.entry-title-big,

.slide-title {

    font-size: 26px;

}



.entry-title-small {

    font-size: 16px;

}



.entry-title-big span,

.entry-title-big em {

    font-style: italic;

    font-weight: 700;

}



.site-content .entry-content .image-left {

    float: left;

}



.site-content .entry-content .image-right {

    float: right;

}



.site-content .entry-footer,

.site-content .post-tags {

    text-transform: uppercase;

    font-size: 85%;

    text-align: left;

}



.site-content .entry-footer a,

.site-content .post-tags a {

    display: inline-block;

    padding-right: 10px;

}



.site-content .entry-footer a:hover,

.site-content .entry-footer a:focus,

.site-content .post-tags a:hover,

.site-content .post-tags a:focus {

    filter: alpha(opacity=54);

    opacity: .54;

}



span.cat-links,

span.comments-link {

    margin-right: 10px;

}



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

    .site-content .entry-content .image-left {

        margin-right: 3%;

    }



    .home.blog .site-content .entry-content .image-left,

    .archive .site-content .entry-content .image-left {

        width: 50%;

    }



    .site-content .entry-content .image-right {

        margin-left: 3%;

    }



    .home.blog .site-content .entry-content .image-right,

    .archive .site-content .entry-content .image-right {

        width: 50%;

    }



    .home.blog .site-content .entry-content.archive-image-full p,

    .archive .site-content .entry-content.archive-image-full p {

        width: 100%;

    }

}



.site-content .entry-content .image-full {

    margin: 0 auto 30px;

    width: 100%;

}



.twp-article-wrapper {

    border-bottom: 1px solid;

}



.hentry:last-child .twp-article-wrapper {

    border-bottom: 0;

}



.now-in-view .twp-article-wrapper .entry-content {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.now-in-view .twp-article-wrapper .post-media a {

    display: block;

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.twp-article-wrapper .post-media,

.twp-article-wrapper .entry-content,

.featured-blog-list .featured-image,

.featured-blog-list .featured-details {

    overflow: hidden;

}



.twp-article-wrapper .post-media,

.featured-blog-list .featured-image {

    float: left;

}



.twp-article-wrapper .post-media {

    margin-right: 40px;

    width: 25%;

}



.twp-article-wrapper .post-media .jumla-post-format-icon {

    position: absolute;

    top: 20px;

    right: 20px;

    font-size: 26px;

    color: #fff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: rgba(255,255,255,0.3);

    text-align: center;

    border-radius: 100%;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

}



.twp-article-wrapper .post-media:hover .jumla-post-format-icon,

.twp-article-wrapper .post-media:focus .jumla-post-format-icon {

    background: rgba(0, 0, 0, 0.6);

}



.post-media img {

    -webkit-transition: -webkit-transform .7s;

    -moz-transition: -moz-transform .7s;

    transition: transform .7s;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    transform: translateZ(0);

    vertical-align: top;

}



.post-media:hover img,

.post-media:focus img {

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    transform: scale(1.03)

}



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

    .twp-article-wrapper .post-media {

        margin: 15px auto;

        width: 100%;

    }



    .twp-article-wrapper .entry-content {

        float: left;

        width: 100%;

    }



    .twp-article-wrapper .twp-content-footer {

        text-align: left;

    }

}



.featured-blog-list .featured-image {

    margin-right: 15px;

    width: 100px;

}



.featured-details .entry-title {

    font-weight: 400;

    font-size: 16px;

    line-height: 1.4;

    margin: 0 auto 5px;

}



.featured-blog-list .featured-image img {

    vertical-align: middle;

}



.twp-content-wrapper {

    border-bottom: 1px solid;

    margin-bottom: 20px;

}



.twp-content-footer {

    text-align: right;

}



.twp-content-footer .twp-read-more,

.twp-content-footer .entry-meta {

    margin: 0 auto;

}



.twp-content-footer .twp-read-more {

    float: left;

}



.twp-content-footer .entry-meta {

    display: inline-block;

    padding-top: 15px;

}



.twp-article-wrapper .entry-content .btn {

    display: table;

    margin: 0 auto;

}



.featured-blog-list {

    border-width: 1px;

    border-style: solid;

    padding: 12px;

    margin-bottom: 12px;

    -webkit-transition: transform 300ms cubic-bezier(0.34, 2, .6, 1), box-shadow 200ms ease;

    -moz-transition: transform 300ms cubic-bezier(0.34, 2, .6, 1), box-shadow 200ms ease;

    -o-transition: transform 300ms cubic-bezier(0.34, 2, .6, 1), box-shadow 200ms ease;

    -ms-transition: transform 300ms cubic-bezier(0.34, 2, .6, 1), box-shadow 200ms ease;

    transition: transform 300ms cubic-bezier(0.34, 2, .6, 1), box-shadow 200ms ease;

}



.featured-blog-list:hover {

    box-shadow: 0 14px 28px rgba(0, 0, 0, .2);

    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}



.featured-blog-list .entry-meta {

    margin-bottom: 0;

}



.twp-article-wrapper,

.single-meta,

nav.navigation.post-navigation,

.comments-area {

    overflow: hidden;

    padding: 30px 30px 20px;

}



.related-articles {

    border-top: 1px solid;

    padding: 0;

}



.related-articles .related-header {

    padding-left: 40px;

    padding-right: 40px;

}



.related-articles .suggested-article:first-child {

    border-top: 1px solid;

}



.related-articles .suggested-article {

    border-bottom: 1px solid;

    padding: 15px 40px;

}



.related-articles .suggested-article:last-child {

    border-bottom: 0;

}



.suggested-article .post-image {

    float: left;

    margin-right: 15px;

    width: 100px;

}



.suggested-article .related-content {

    overflow: hidden;

}



.author-description {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;

    padding: 40px;

}



.author-description-wrapper {

    background: #fff;

    display: table;

    height: 100%;

    padding: 15px;

    width: 100%;

}



.author-avatar,

.author-details {

    display: table-cell;

    vertical-align: top;

}



.author-avatar {

    width: 116px;

    padding-right: 20px;

}



.author-info {

    color: #000;

    line-height: 1.5;

}



.author-name-title {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 24px;

    line-height: 1.2;

    margin-bottom: 10px;

}



.author-email {

    font-style: italic;

    margin-bottom: 10px;

}



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

 * ## Post-navigation

 *------------------------------------------------------------

 */

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

    position: relative;

}



.nav-links {

    display: table;

    width: 100%;

}



.nav-previous,

.nav-next {

    background: #fff;

    display: table-cell;

    position: relative;

    padding: 15px;

    width: 50%;

}



.nav-previous {

    border-right: 2px solid #fff;

    text-align: left;

}



.nav-next {

    border-left: 2px solid #fff;

    text-align: right;

}



.nav-previous:before,

.nav-next:after {

    content: "";

    display: inline-block;

    font-family: "Ionicons";

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    position: absolute;

    top: 50%;

    margin-top: -8px;

    text-transform: none;

    text-rendering: auto;

    line-height: 1;

    vertical-align: middle;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.nav-previous:before {

    content: "\f3d2";

    left: 15px;

}



.nav-next:after {

    content: "\f3d3";

    right: 15px;

}



.nav-previous a,

.nav-next a {

    padding: 0 15px;

    display: inline-block;

    vertical-align: middle;

}



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

    .site-main .comment-navigation,

    .site-main .posts-navigation,

    .site-main .post-navigation {

        border: 0;

    }



    .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous,

    .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {

        display: block;

        border: 0;

        position: relative;

        text-align: center;

        width: 100%;

        margin-bottom: 15px;

    }



    .nav-previous:before {

        left: inherit;

    }



    .nav-next:after {

        right: inherit;

    }



    .site-main .comment-navigation:after, .site-main .posts-navigation:after, .site-main .post-navigation:after {

        display: none;

    }

}



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

 * ## Asides

 *------------------------------------------------------------

 */



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

# Widgets

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

.widget {



    margin-left: auto;

    margin-right: auto;

    margin-bottom: 40px;

}



.footer-widget .widget {

    margin-bottom: 1.5em;

}



#secondary .widget:last-child {

    margin-bottom: 20px;

}



.widget ol,

.widget ul {

    list-style: none;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

}



.widget ol li,

.widget ul li {

    margin-bottom: 10px;

}



/* Make sure select elements fit in widgets. */

.widget select {

    max-width: 100%;

}



.widget-title,

.section-title {

    font-size: 18px;

    font-weight: 500;

    margin: 0 auto 20px;

    padding-bottom: 5px;

    position: relative;

    text-transform: uppercase;

}



.center-widget-title.widget-title,

.section-title {

    margin: 0 auto 15px;

    text-align: center;

}



.widget-title:after,

.section-title:after {

    content: "";

    display: block;

    max-width: 30px;

    margin: 15px 0;

    border-bottom: 2px solid #232323;

}



.center-widget-title.widget-title:after,

.section-title:after {

    margin: 15px auto 0;

}



.widget:not(.jumla_social_widget) ul li {

    border-bottom: 1px solid;

    padding: 0 0 15px;

    margin: 0 0 15px;

    display: block;

}



body .widget.jumla_popular_post_widget .article-list {

    border: 0;

    margin-bottom: 10px;

}



body .widget.jumla_popular_post_widget ul li {

    padding-bottom: 0;

}



.widget .search-form label {

    width: 65%;

    margin-bottom: 0;

    vertical-align: middle;

}



.widget .search-form label .search-field {

    width: 100%;

}



.widget .search-form .search-submit {

    display: inline-block;

    padding-left: 15px;

    padding-right: 15px;

    vertical-align: middle;

}



.popup-search .search-form {

    max-width: 720px;

    margin-left: auto;

    margin-right: auto;

}



.popup-search .search-form label {

    width: 71%;

    width: calc(100% - 205px);

}



.popup-search .search-form .search-submit {

    float: right;

    width: 200px;

}



.popup-search .search-form label .search-field {

    background: #f5f5f5;

    border: 0;

    color: #333;

    width: 100%;

}



@media only screen and (min-width: 992px) {

    .popup-search .search-form label .search-field,

    .popup-search .search-form .search-submit {

        height: 60px;

        line-height: 60px;

        padding: 0 15px;

    }

}



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

    .popup-search .search-form label {

        width: 100%;

        margin-bottom: 20px;

    }



    .popup-search .search-form .search-submit {

        width: 100%;

        border-width: 1px;

    }

}



.widget_tag_cloud,

.widget_product_tag_cloud {

    margin-bottom: 4em;

    position: relative;

    z-index: 2;

}



.widget_tag_cloud .tagcloud,

.widget_product_tag_cloud .tagcloud {

    margin-bottom: 1.2em;

    *zoom: 1;

}



.widget_tag_cloud .tagcloud:before, .widget_tag_cloud .tagcloud:after,

.widget_product_tag_cloud .tagcloud:before,

.widget_product_tag_cloud .tagcloud:after {

    display: table;

    content: "";

}



.widget_tag_cloud .tagcloud:after,

.widget_product_tag_cloud .tagcloud:after {

    clear: both;

}



.widget_tag_cloud .tagcloud a,

.widget_product_tag_cloud .tagcloud a {

    position: relative;

    color: #616161;

    cursor: pointer;

    display: inline-block;

    float: left;

    font-size: 100% !important;

    line-height: 1.3;

    margin: 0 12px 12px 0;

    padding: 10px 13px 4px 15px;

    padding: .84em 1em .84em 1.3em;

    position: relative;

    text-align: center;

    text-transform: capitalize;

    vertical-align: middle;

    -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;

    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;

}



.widget_tag_cloud .tagcloud a:hover,

.widget_product_tag_cloud .tagcloud a:hover {

    background-color: #f5f4f0;

}



.widget_tag_cloud .tagcloud a::before,

.widget_product_tag_cloud .tagcloud a::before,

.widget_tag_cloud .tagcloud a::after,

.widget_product_tag_cloud .tagcloud a::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 1px solid #e8e8e8;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

}



.widget_tag_cloud .tagcloud a:hover::before,

.widget_product_tag_cloud .tagcloud a:hover::before {

    margin-top: 4px;

    margin-left: -4px;

}



.widget_tag_cloud .tagcloud a:hover::after,

.widget_product_tag_cloud .tagcloud a:hover::after {

    margin-top: -4px;

    margin-left: 4px;

    z-index: -1;

}



.author-info .profile-image {

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

}



.site-content .author-info .profile-image {

    height: 250px;

}



.site-content .author-info .profile-image:after {

    content: '';

    position: absolute;

    height: 55px;

    width: 130%;

    left: -5px;

    bottom: -12px;

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

}



.site-footer .author-info .profile-image {

    width: 150px;

    height: 150px;

    border-radius: 100%;

    margin-left: auto;

    margin-right: auto;

    border: 4px solid #d72828;

}



.author-info .author-details {

    text-align: center;

}



.author-info .author-name {

    font-size: 27px;

    text-transform: uppercase;

    margin: 0 auto;

}



.author-info .author-social {

    margin-top: 20px;

    padding-bottom: 20px;

    text-align: center;

}



.author-info .author-social > a {

    border-radius: 100%;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    margin: 0 4px;

    width: 40px;

}



.footer-widget .author-info {

    text-align: center;

}



.author-info .author-social > a {

    border: 1px solid #d2d2d2;

    border-radius: 100%;

    display: inline-block;

    height: 40px;

    line-height: 40px;

    margin: 0 4px;

    text-align: center;

    width: 40px;

}



.author-info .author-social > a:hover,

.author-info .author-social > a:focus {

    filter: alpha(opacity=54);

    opacity: .54;

}



.trend-item {

    background: #fff;

    position: absolute;

    bottom: 5px;

    right: 5px;

    width: 40px;

    height: 40px;

    font-size: 18px;

    line-height: 40px;

    font-weight: 700;

    text-align: center;

}



.article-list {

    margin: 0 0 20px 0;

    border-bottom: dashed 1px;

    border-color: #CFCFCF;

    padding-bottom: 15px;

    display: table;

    position: relative;

    width: 100%;

}



.recent-widget-list li:last-child .article-list {

    border: 0;

}



.article-list .article-image {

    float: left;

    width: 120px;

    vertical-align: middle;

    position: relative;

    margin-right: 20px;

}



.article-list .article-body {

    display: table-cell;

    vertical-align: top;

    left: 105px;

    bottom: 15px;

}



/*Widget Calander*/

#wp-calendar {

    width: 100%;

    margin: 0;

}



#wp-calendar caption {

    text-align: right;

}



#wp-calendar thead th {

    text-align: center;

}



#wp-calendar tbody td {

    border: 1px solid #313131;

    text-align: center;

    padding: 8px;

}



.site-content #secondary #wp-calendar tbody td {

    border: 1px solid #e8e8e8;

}



#wp-calendar tbody td:hover {

    background: #000;

    filter: alpha(opacity=42);

    opacity: .42;

}



#wp-calendar tbody .pad {

    background: none;

}



#wp-calendar tfoot #next {

    text-transform: uppercase;

    text-align: left;

    border: none;

    background: none;

}



#wp-calendar tfoot #prev {

    text-transform: uppercase;

    text-align: left;

    border: none;

    background: none;

}



#wp-calendar tfoot td.pad {

    display: none;

}



.twp-social-widget .social-widget-wrapper li {

    display: inline-block;

    line-height: 1em;

}



.twp-social-widget .social-widget-wrapper li a i {

    border: 1px solid #3c3c42;

    display: inline-block;

    font-size: 32px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    vertical-align: middle;

    margin: 0 auto;

    margin-right: 5px;

    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);

    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);

    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



.twp-social-widget .social-widget-wrapper li a:hover i,

.twp-social-widget .social-widget-wrapper li a:focus i {

    filter: alpha(opacity=54);

    opacity: .54;

}



.twp-social-widget .social-widget-wrapper li a i:before {

    display: inline-block;

}



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

 * ## Comments

 *------------------------------------------------------------

 */



.comment-content a {

    word-wrap: break-word;

}



.bypostauthor {

    display: block;

}



.comments-area .comments-title, .comments-area .comment-reply-title {

    margin: 0 auto 40px;

    text-transform: uppercase;

}



.comment-respond .comment-reply-title {

    margin-top: 30px;

}



.comments-area .comment-list {

    padding-left: 0;

    margin-left: 0;

}



.comments-area .comment-list, .comments-area .comment-list .children {

    list-style-type: none;

}



.comments-area .comment-author img {

    border-radius: 100%;

    width: 64px;

    height: 64px;

    float: left;

    margin-right: 15px;

}



.comments-area .comment-author a {

    color: #35353c;

    text-decoration: none;

}



.comments-area .comment-author .says {

    display: none;

}



.comment-body {

    border-top: 1px solid #e8e8e8;

    padding-top: 30px;

}



.comments-area .comment-content,

.comments-area .comment-awaiting-moderation,

.comments-area .reply {

    padding-left: 80px;

}



.comments-area .reply {

    margin-bottom: 15px;

}



.comments-area .reply .comment-reply-link {

    text-decoration: none;

}



.comments-area .reply .comment-reply-link:hover {

    color: #3c3c3c;

}



.comments-area {

    border-top: 1px solid

}



.comments-area .comment-respond {

    outline: 0;

}



.comments-area .comment-form-comment label, .comments-area .comment-form-comment textarea {

    width: 100%

}



.comments-area .comment-respond .form-submit input {

    display: inline-block;

    text-decoration: none;

    margin-top: 20px;

    min-width: 180px;

}



.comments-area .comment-respond .form-submit input,

.comments-area .comment-respond .form-submit input:hover {

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

}



.comments-area .comment-respond .comment-form-author label,

.comments-area .comment-respond .comment-form-email label,

.comments-area .comment-respond .comment-form-url label {

    width: 100px;

}



.comments-area .comment-notes {

    margin-bottom: 30px;

}



.comments-area .comment-form label {

    color: #808086;

}



.comments-area .blog-img-wide.blogdetails img {

    height: auto;

    padding: 20px;

    width: 100%;

}



.comment-form label {

    color: #707070;

    text-transform: uppercase;

}



.comment-form-cookies-consent label {

    margin-left: 5px;

}



.comment-form input[type="text"],

.comment-form input[type="email"],

.comment-form input[type="url"],

.comment-form textarea {

    border-color: #e4e4e4;

    width: 100%;

}



.comment-form-author,

.comment-form-email {

    width: 50%;

    float: left;

}



.comment-form-author {

    padding-right: 10px;

}



.comment-form-email {

    padding-left: 10px;

}



.comment.depth-4 ol {

    margin-left: 0;

    padding-left: 0;

}



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

    .comments-area .comment-list,

    .comments-area .comment-list .children {

        margin-left: 0;

        padding-left: 0;

    }

}



.comment-metadata {

    font-size: 85%;

    line-height: 1.2;

    margin-bottom: 15px;

}



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

##Plugin Support

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

.elementor-html .preloader {

    display: none;

}



.section-mailchimp .wrapper {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;

    border-bottom: 1px solid;

    border-top: 1px solid;

    padding-top: 40px;

    padding-bottom: 40px;

}



.section-mailchimp .wrapper-bg {

    background: #fff;

    padding: 30px;

}



.mc4wp-form-fields {

    margin: 0 auto;

    max-width: 540px;

}



.mc4wp-form-fields > p {

    display: block;

    float: left;

}



.mc4wp-form-fields > p label {

    display: none;

}



.mc4wp-form-fields input[type="text"],

.mc4wp-form-fields input[type="email"] {

    width: 350px;

    background: transparent;

    border-radius: 0;

    padding-top: 0;

    padding-bottom: 0;

    height: 50px;

    line-height: 50px;

}



.mc4wp-form-fields input[type="text"]::-webkit-input-placeholder,

.mc4wp-form-fields input[type="email"]::-webkit-input-placeholder {

    color: #a0a0a0;

}



.mc4wp-form-fields input[type="text"]::-moz-placeholder,

.mc4wp-form-fields input[type="email"]::-moz-placeholder {

    color: #a0a0a0;

}



.mc4wp-form-fields input[type="text"]:-ms-input-placeholder,

.mc4wp-form-fields input[type="email"]:-ms-input-placeholder {

    color: #a0a0a0;

}



.mc4wp-form-fields input[type="text"]:-moz-placeholder,

.mc4wp-form-fields input[type="email"]:-moz-placeholder {

    color: #a0a0a0;

}



.mc4wp-form-fields input[type="submit"] {

    background: #d72828;

    color: #fff;

    letter-spacing: 0.2em;

    text-transform: uppercase;

    border: 0;

    height: 50px;

    line-height: 50px;

    padding-top: 0;

    padding-bottom: 0;

    width: 140px;

    border-radius: 0;

}



.mc4wp-form-fields input[type="submit"]:hover,

.mc4wp-form-fields input[type="submit"]:focus {

    filter: alpha(opacity=85);

    opacity: 0.85;

}



.mc4wp-response {

    clear: both;

    max-width: 540px;

    margin: 0 auto;

}



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

    .mc4wp-form-fields > p,

    .mc4wp-form-fields input[type="email"],

    .mc4wp-form-fields input[type="submit"] {

        width: 100%;

    }



}

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

##Social Icon

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



.social-icons ul {

    float: none;

    margin: 0 auto;

    padding: 0;

}



.social-icons ul li {

    display: block;

    float: left;

}



.social-icons ul a {

    display: block;

    position: relative;

}



.social-icons ul a span {

    display: none;

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

}



.social-icons ul li a:after {

    display: inline-block;

    font-weight: 400;

    height: 72px;

    margin: 0 auto;

    line-height: 72px;

    text-align: center;

    width: 30px;

    filter: alpha(opacity=84);

    opacity: .84;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}



.social-icons.bordered-radius ul a:after {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border-radius: 100%;

}



.social-icons ul a:after {

    display: inline-block;

    font-family: "Ionicons";

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    text-rendering: auto;

    width: 46px;

    font-size: 20px;

    line-height: 46px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.social-icons ul a[href*="dribbble.com"]:after {

    content: "\f22d";

}



.social-icons ul a[href*="facebook.com"]:after {

    content: "\f231";

}



.social-icons ul a[href*="twitter.com"]:after {

    content: "\f243";

}



.social-icons ul a[href*="linkedin.com"]:after {

    content: "\f239";

}



.social-icons ul a[href*="instagram.com"]:after {

    content: "\f351";

}



.social-icons ul a[href*="youtube.com"]:after {

    content: "\f24d";

}



.social-icons ul a[href*="vimeo.com"]:after {

    content: "\f245";

}



.social-icons ul a[href*="plus.google.com"]:after {

    content: "\f34f";

}



.social-icons ul a[href*="pinterest.com"]:after {

    content: "\f2b1";

}



.social-icons ul a[href*="tumblr.com"]:after {

    content: "\f241";

}



.social-icons ul a[href*="wordpress.org"]:after {

    content: "\f249";

}



.social-icons ul a[href*="whatsapp.com"]:after {

    content: "\f4f0";

}



.social-icons ul a:hover[href*="reddit.com"]:after {

    content: "\f23b";

}



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

##Slider

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

.twp-slider {

    margin: 0 auto;

}



.single-slide {

    background-color: #000;

    height: 540px;

    overflow: hidden;

    position: relative;

}



.slide-bg {

    height: 540px;

    width: 101%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

}



.owl-carousel .owl-nav {

    left: 0;

    height: 1px;

    position: absolute;

    top: 50%;

    width: 100%;

}



.owl-carousel .owl-nav > div {

    border: 2px solid #fff;

    color: #fff;

    display: inline-block;

    font-size: 25px;

    height: 45px;

    line-height: 45px;

    margin-top: -22.5px;

    text-align: center;

    width: 45px;

}



.owl-carousel .owl-nav > div.owl-prev {

    float: left;

    margin-left: 15px;

}



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

    .twp-slider-1.owl-carousel .owl-nav > div.owl-prev {

        display: none;

        visibility: hidden;

        opacity: 0;

    }

}



.owl-carousel .owl-nav > div.owl-next {

    float: right;

    margin-right: 15px;

}



.owl-dots {

    text-align: center;

    padding: 10px 0 0;

    width: 100%;

}



.owl-dots .owl-dot {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.owl-dots .owl-dot span {

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    background: transparent;

    border: 1px solid #3c3c42;

    display: block;

    -webkit-backface-visibility: visible;

    -webkit-transition: opacity 200ms ease;

    -moz-transition: opacity 200ms ease;

    -ms-transition: opacity 200ms ease;

    -o-transition: opacity 200ms ease;

    transition: opacity 200ms ease;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    transition: all 0.3s ease;

}



.owl-dots .owl-dot.active span,

.owl-dots .owl-dot:hover span {

    background: #3c3c42;

}



.slide-text {

    color: #fff;

    padding: 30px;

}



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

    .single-slide,

    .slide-bg {

        height: 450px;

    }

}



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

    .single-slide {

        height: inherit;

    }



    .slide-bg {

        height: 350px;

    }



    .owl-carousel .owl-nav > div {

        margin-top: -45px;

    }

}



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

# Footer

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

.site-footer {

}



.footer-widget {

    padding-top: 60px;

    padding-bottom: 20px;

    border-top: 1px solid;

}



.site-footer .footer-widget .widget-area {

    border-left: 1px solid #3c3c42;

    display: table-cell;

    text-align: center;

    width: 33%;

    width: calc(100% / 3);

}



.site-footer .footer-widget .widget-area:last-child {

    border-right: 1px solid #3c3c42;

}



.site-footer .footer-widget .widget-area .widget {

    padding: 0.8em 10%;

}



.site-footer .footer-widget .widget-area .widget .widget-title {

    text-transform: uppercase;

}



.copyright-area {

    border-top: 1px solid;

}



.site-info .site-copyright {

    padding: 25px 0;

    margin: 0 auto;

    font-size: 18px;

    text-align: center;

}



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

##Back to top

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

.scroll-up {

    position: fixed;

    z-index: 999;

    bottom: 45px;

    right: 15px;

    display: none;

    width: 48px;

    height: 48px;

    font-size: 24px;

    line-height: 48px;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



@media (max-width: 767px) {

    .scroll-up {

        right: 20px;

        bottom: 20px;

    }

}



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

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

    /* Theme Footer (when set to scrolling) */

    display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.jumla-end.neverending .site-footer {

    display: block;

}



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

# Media

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

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

    max-width: 100%;

}



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

## Captions

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

.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption .wp-caption-text {

    margin: 0 auto;

    padding: 15px;

    background: #f1f1f1;

    color: #000;

    text-align: center;

    font-size: 16px;

    font-style: italic;

}



.wp-caption-text {

    text-align: center;

}



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

## Galleries

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

.gallery {

    margin-bottom: 1.5em;

    margin-left: -5px;

    margin-right: -5px;

}



.gallery-item {

    display: block;

    float: left;

    width: 100%;

    padding-left: 5px;

    padding-right: 5px;

    position: relative;

    margin-bottom: 20px;

}



.widget .gallery-item {

    margin-bottom: 10px;

}



.gallery-item img {

    vertical-align: top;

}



.gallery-columns-2 .gallery-item {

    width: 50%;

}



.gallery-columns-2 .gallery-item:nth-child(2n+1) {

    clear: left;

}



.gallery-columns-3 .gallery-item {

    width: 33.33%;

}



.gallery-columns-3 .gallery-item:nth-child(3n+1) {

    clear: left;

}



.gallery-columns-4 .gallery-item {

    width: 25%;

}



.gallery-columns-4 .gallery-item:nth-child(4n+1) {

    clear: left;

}



.gallery-columns-5 .gallery-item {

    width: 20%;

}



.gallery-columns-5 .gallery-item:nth-child(5n+1) {

    clear: left;

}



.gallery-columns-6 .gallery-item {

    width: 16.66%;

}



.gallery-columns-6 .gallery-item:nth-child(6n+1) {

    clear: left;

}



.gallery-columns-7 .gallery-item {

    width: 14.28%;

}



.gallery-columns-7 .gallery-item:nth-child(7n+1) {

    clear: left;

}



.gallery-columns-8 .gallery-item {

    width: 12.5%;

}



.gallery-columns-8 .gallery-item:nth-child(8n+1) {

    clear: left;

}



.gallery-columns-9 .gallery-item {

    width: 11.11%;

}



.gallery-columns-9 .gallery-item:nth-child(9n+1) {

    clear: left;

}



.gallery-caption {

    display: block;

    background: #000;

    background: rgba(0, 0, 0, .74);

    color: #fff;

    font-size: 95%;

    line-height: 1.6;

    position: absolute;

    bottom: 0;

    left: 5px;

    right: 5px;

    padding: 15px;

    text-align: left;

}



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

    body .gallery .gallery-item {

        width: 50%;

        clear: none !important;

    }



    body .gallery.gallery-columns-1 .gallery-item {

        width: 100%;

    }



    body .gallery .gallery-item:nth-child(2n+1) {

        clear: left !important;

    }

}



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

    body .gallery .gallery-item {

        float: none;

        margin-left: auto;

        margin-right: auto;

        max-width: 290px;

        width: 100%;

    }

}



nav.navigation.pagination {

    display: block;

    text-align: center;

    margin-bottom: 20px;

}



.nav-links .page-numbers {

    background: transparent;

    display: inline-block;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border: 1px solid #ccc;

    margin-right: 7px;

    padding-left: 20px;

    padding-right: 20px;

    min-width: 50px;

}



.nav-links .page-numbers.current,

.nav-links .page-numbers:hover,

.nav-links .page-numbers:focus {

    background: #3c3c42;

    color: #fff;

    border-color: #3c3c42;

}



.recent-blog {

    width: 100%;

    padding-top: 0;

    padding-bottom: 0;

}



.recent-blog .section-title{

    margin-top: 40px;

}



.updated:not(.published) {

    display: none;

}



.bg-shadow {

    position: relative;

    border: 1px solid #e8e8e8;

}



.entry-content iframe {

    margin: 0 auto;

    text-align: center;

    width: 100%;

}



.entry-content ol, .entry-content ul {

    list-style-position: inside;

}



.post-category {

    display: inline-block;

}



.bg-image {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    display: block;

}



.bg-image-1 {

    width: 100%;

    height: 100px;

}



.site-content .post-tags {

    margin: 15px auto;

}



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

    .site-branding .site-title {

        font-size: 30px;

    }



    .comment-form-author, .comment-form-email {

        width: 100%;

        padding: 0;

    }



    .comment-metadata {

        margin-bottom: 0;

    }



    .comments-area .comment-content p,

    .comments-area .reply {

        margin-bottom: 10px;

    }



    .gallery-caption {

        padding-left: 25px;

        padding-right: 25px;

    }



}



.admin-bar .top-header {

    top: 32px;

}



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

    .menu-active .top-header {

        height: 100%;

        overflow-y: scroll;

    }

}



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

    .admin-bar .top-header {

        margin-top: 46px;

        top: 0;

    }



    .admin-bar .top-header.headroom--not-top {

        margin-top: 0;

    }



    .main-navigation .toggle-menu {

        height: 50px;

    }



    .social-icons ul li a:after {

        height: 40px;

        line-height: 40px;

    }



    .nav-right {

        position: relative;

        left: 0;

        right: 0;

    }



    .site-branding {

        padding-top: 120px;

    }



    .site-description {

        font-size: 12px;

        margin: 15px auto 0;

    }

}



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

    .widget .search-form label {

        width: 100%;

        margin-bottom: 15px;

    }



    .widget .search-form .search-submit {

        width: 100%;

    }

}



.wrapper.page-inner-title.inner-banner {

    background-repeat: no-repeat;

    background-attachment: fixed;

}



/**

 * Note: I have omitted any vendor-prefixes for clarity.

 * Adding them is left as an exercise for the reader.

 */



.animated {

    -webkit-animation-duration: .5s;

    -moz-animation-duration: .5s;

    -o-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both

}



@-webkit-keyframes slideDown {

    0% {

        -webkit-transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0)

    }

}



@-moz-keyframes slideDown {

    0% {

        -moz-transform: translateY(-100%)

    }

    100% {

        -moz-transform: translateY(0)

    }

}



@-o-keyframes slideDown {

    0% {

        -o-transform: translateY(-100%)

    }

    100% {

        -o-transform: translateY(0)

    }

}



@keyframes slideDown {

    0% {

        transform: translateY(-100%)

    }

    100% {

        transform: translateY(0)

    }

}



.animated.slideDown {

    -webkit-animation-name: slideDown;

    -moz-animation-name: slideDown;

    -o-animation-name: slideDown;

    animation-name: slideDown

}



@-webkit-keyframes slideUp {

    0% {

        -webkit-transform: translateY(0)

    }

    100% {

        -webkit-transform: translateY(-100%)

    }

}



@-moz-keyframes slideUp {

    0% {

        -moz-transform: translateY(0)

    }

    100% {

        -moz-transform: translateY(-100%)

    }

}



@-o-keyframes slideUp {

    0% {

        -o-transform: translateY(0)

    }

    100% {

        -o-transform: translateY(-100%)

    }

}



@keyframes slideUp {

    0% {

        transform: translateY(0)

    }

    100% {

        transform: translateY(-100%)

    }

}



.animated.slideUp {

    -webkit-animation-name: slideUp;

    -moz-animation-name: slideUp;

    -o-animation-name: slideUp;

    animation-name: slideUp

}



.headroom {

    will-change: transform;

    transition: transform 200ms linear;

}



.headroom--pinned {

    transform: translateY(0%);

}



.headroom--unpinned {

    transform: translateY(-100%);

}



.headroom--pinned {

    display: block;

}



.headroom--unpinned {

    display: none;

}



.scroll-up:hover,

.scroll-up:focus {

    background: #d72828;

    color: #fff;

}



button:hover,

button:focus,

input[type="button"]:hover,

input[type="button"]:focus,

input[type="reset"]:hover,

input[type="reset"]:focus,

input[type="submit"]:hover,

input[type="submit"]:focus {

    background: #2b2b2b;

    border: 1px solid #2b2b2b;

    color: #fff;

}



@media only screen and (min-width: 992px) {

    .main-navigation .menu > ul > li:hover > a,

    .main-navigation .menu > ul > li:focus > a,

    .main-navigation .menu > ul > li.current-menu-item > a {

        background: #d72828;

        color: #fff;

    }

}



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

    .site-branding .site-title {

        font-size: 30px;

    }



    .entry-header .entry-title {

        font-size: 24px;

    }



    .read-more,

    .more-link {

        padding: 5px 20px;

        margin: 10px auto;

        -webkit-border-radius: 25px 25px 25px 25px;

        border-radius: 25px 25px 25px 25px;

    }



    .comment-form-author, .comment-form-email {

        width: 100%;

        padding: 0;

    }



    .comment-metadata {

        margin-bottom: 0;

    }



    .comments-area .comment-content p,

    .comments-area .reply {

        margin-bottom: 10px;

    }



    body .bg-image-3 {

        margin: 5px auto;

    }



    .gallery-caption {

        padding-left: 25px;

        padding-right: 25px;

    }

}



.admin-bar .nav-affix .top-header {

    top: 32px;

}



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

    .nav-affix.mmenu-active .top-header {

        height: 100%;

        overflow-y: scroll;

    }

}



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

    .admin-bar .nav-affix .top-header {

        top: 0;

    }



    body .site .related-articles .suggested-article,

    .twp-article-wrapper,

    .single-meta,

    nav.navigation.post-navigation,

    .comments-area,

    #secondary {

        padding-left: 15px;

        padding-right: 15px;

    }



    .suggested-article .post-image {

        width: 50px;

    }



    .bg-image-1 {

        height: 50px;

    }



    .insta-button {

        display: block;

        position: relative;

        margin: 10px auto;

        width: 100%;

    }



}



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

    .widget .search-form label {

        width: 100%;

        margin-bottom: 15px;

    }



    .widget .search-form .search-submit {

        width: 100%;

    }



    .author-avatar, .author-details {

        display: block;

        margin: 15px 0;

    }

}



.load-more-posts {

    margin-bottom: 30px;

    text-align: center;

}



.ajax-loader {

    border: 3px solid #f3f3f3;

    border-radius: 50%;

    border-top: 3px solid #fd5b66;

    display: none;

    width: 20px;

    height: 20px;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

    vertical-align: middle;

    margin-top: -4px;

}



.ajax-loader-enabled {

    display: inline-block;

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



.bg-image-3 {

    width: 100%;

    height: 300px;

}



.image-block {

    display: table;

    position: relative;

}



.image-block:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .4);

    z-index: 1;

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}



.image-block:hover:before,

.image-block:focus:before {

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

}



.image-block h3 {

    display: table-cell;

    position: relative;

    text-align: center;

    vertical-align: middle;

    z-index: 1;

}



.image-block h3:before {

    content: "";

    display: block;

    height: 1px;

    width: 80%;

    margin: 0 auto;

    background: white;

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    z-index: -1;

}



.image-block h3 span {

    background: #fff;

    display: inline-block;

    max-width: 250px;

    margin: 0 auto;

    padding: 20px 15px;

    width: 100%;

}



body .site #primary,

#secondary,

.featured-blog-list,

.twp-article-wrapper,

.related-articles,

.related-articles .entry-content .suggested-article,

.comments-area,

.footer-widget,

.copyright-area,

.mc4wp-form-fields input[type="text"],

.mc4wp-form-fields input[type="email"],

.twp-content-wrapper,

.section-mailchimp .wrapper,

.widget:not(.jumla_social_widget) ul li {

    border-color: #fff;

}



.home .no-results.not-found {

    padding: 40px;

    text-align: center;

}



.site-branding .site-title,

.main-navigation .menu ul > li > a,

h1, h2, h3, h4, h5, h6 {

    font-weight: 400;

}



button.mfp-close,

button.mfp-close:hover,

button.mfp-close:focus {

    background: transparent;

    border: 0;

}



.entry-meta,

.entry-header .entry-title,

.slide-title,

.author-name-title,

.author-info .author-name,

.main-navigation .menu ul > li > a,

.widget-title,

.section-title {

    letter-spacing: 2px;

}



.btn,

.site-description {

    letter-spacing: 4px;

}



/*Gutenberg Fix*/

.wp-block-gallery {

    list-style: none;

    padding: 0;

    margin: 0 auto;

}



.wp-block-quote {

    margin: 30px 0 30px 0 !important;

    padding: 50px !important;

    font-style: normal;

    text-align: left;

    quotes: none;

    box-sizing: border-box;

    font-weight: 400;

    position: relative;

    border-left: 0 !important;

    background: #e8e8e8;

}



.wp-block-quote:before {

    content: "";

    background-image: url(assets/icons/icon-quote-top.svg);

    width: 40px;

    height: 41px;

    position: absolute;

    top: 10px;

    left: 40px;

    padding: 0;

    background-color: transparent;

    margin: 0 auto;

}



.wp-block-quote:after {

    content: none;

    display: none;

}



.wp-block-quote cite {

    font-size: 14px;

    font-style: normal;

}



.wp-block-quote.is-style-large {

    margin-bottom: 23px;

    margin-top: 0 !important;

}



.wp-block-quote.is-style-large p {

    font-size: 24px !important;

    line-height: 1.5 !important;

}



.wp-block-quote p {

    line-height: 25px !important;

}



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

    .alignfull {

        margin-left: calc(50% - 50vw);

        margin-right: calc(50% - 50vw);

        width: auto;

        max-width: 1000%;

    }



    .alignwide {

        margin-left: calc(25% - 25vw);

        margin-right: calc(25% - 25vw);

        width: auto;

        max-width: 1000%;

    }



    .alignwide img,

    .alignfull img {

        display: block;

        margin: 0 auto;

    }

}



.wp-block-gallery.columns-1 {

    display: block;

}



ul.wp-block-gallery.columns-1,

.wp-block-gallery .blocks-gallery-grid{

    margin: 0 auto;

    padding: 0;

    list-style: none;

}



a.toggle-menu {

    outline: thin dotted;

}

/*---------
Custom CSS
---------*/

.linkolor a {
    color: #0033a0 !important;
}

div.darkturquoise {
    background-color: darkturquoise !important;
    color: white !important;
}

/*
a[target$='_blank']:not ([class*="widget_sp_image-image-link"])::before {
    font-family: fontawesome;
    content: '\f08e';
    padding-right: 10px;
}
*/

a[href$='.pdf']::before, a[type="application/pdf"]::before {
    font-family: fontawesome;
    content: '\f1c1';
    padding-right: 10px;
}
	
a[href$='.doc']::before, a[type="application/doc"]::before, a[href$='.docx']::before, a[type="application/docx"]::before {
	font-family: fontawesome;
    content: '\f1c2';
    padding-right: 10px;
}

/*iksweb*/

	table.iksweb{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;}
	table.iksweb th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#354251;text-align:center;vertical-align: middle;}
	table.iksweb td{font-size:13px;color:#354251;}
	table.iksweb td,table.iksweb th{white-space:pre-wrap;padding:10px 5px;line-height:13px;border: 1px solid #354251;vertical-align: top;}	table.iksweb tr:hover{background-color:#f9fafb}
	table.iksweb tr:hover td{color:#354251;cursor:default;}
	.mobile-table{width: 100%; max-width: 100%; overflow-x: auto;}
	
/*social button*/

#social .fa {
  padding: 20px;
  font-size: 30px;
  width: 80px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  transition: all 0.3s;
}

#social .fa:hover {
    opacity: 0.7;
}

.fa-vk {
  background: #3B5998;
  color: white;
}

.fa-telegram {
  background: #55ACEE;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-odnoklassniki {
  background: #FF641C;
  color: white;
}



.my-flex-cont {
display: -ms-flexbox;
 display: -webkit-flex;
 -ms-flex-flow: row wrap;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 -ms-flex-line-pack: start;
 -webkit-align-content: flex-start;
 align-content: flex-start;
}
.my-flex-box {
 margin: 10px;
 text-align: center;
 background-color: #00a7ba;
 color: #ffffff;
 -ms-flex: 0 1 auto;
 -webkit-flex: 0 1 auto;
 flex: 0 1 auto;
}
.active {
 background-color: #ffffff;
}
.my-flex-box a {
display: block;
padding: 10px;
width: 100%;
color: #ffffff;
}
.my-flex-box a:hover, .my-flex-box a:focus {
color: #72ffff !important;
}
.active a {
 color: #000000;
 text-decoration: underline;
}
/* Эффект для картинки */
.hover-image-scale {
  display: inline-block; 
  overflow: hidden; /* Скрываем всё за контуром */
}
.hover-image-scale img {
  transition: 1s; /* Время эффекта */
  display: block; 
}
.hover-image-scale img:hover {
  transform: scale(1.2); /* Увеличиваем масштаб */
}

/*<div class="hover-image-scale">
  <img src="image.jpg" alt="" class="hover-image-scale">
</div>*/  

/* Настройки маркированного списка. Эффект для картинки */
.hover-effect-scale {
    list-style:none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 0;
}
.hover-effect-scale li {
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin: 0;
    border: 5px solid #fff;
    box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}
/* Заголовок, текст и ссылка */
.hover-effect-scale li h3{
    color: #fff;
    margin: 5px;
}
.hover-effect-scale li p{
    color: #fff;
    margin: 5px;
}
.hover-effect-scale li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
}
.hover-effect-scale li a:hover {
    background: #454545;
    color: #fff;
}
/* Выезжающий блок с текстом */ 
.hover-effect-scale li > div {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.hover-effect-scale li:hover > div {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.hover-effect-scale li div {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.35); /* Фон блока при наведении */
    transition: all 0.4s ease-in-out;
    color: #fff;
}
.hover-effect-scale li img {
    transition: all 0.2s linear;
}
.hover-effect-scale li:hover img {
    transform: scale(1.3);
}
.hover-effect-scale li:hover div {
    opacity: 1;
}
/* Вызов стиля для картинки 
<ul class="hover-effect-scale">
  <li>
    <img src="image.jpg" alt="">
    <div>
      <h3>Заголовок</h3>
      <p>Текст</p>
      <a href="">Подробнее</a>
    </div>
  </li>
</ul>

 */    

*/