body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background-color:#fff;
    color:var(--text-color);
    font-family:var(--primary-font);
    font-size:15px;
    line-height:1.7;
    overflow-x:hidden
}
img{
    height:auto;
    max-width:100%
}
.text-center{
    text-align:center
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.relative{
    position:relative
}
#preloader{
    background:#fff;
    height:100%;
    position:fixed;
    top:0;
    width:100%;
    z-index:1031
}
.book{
    --color:#fe4f70;
    --duration:6.8s;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.book,.book .inner{
    height:12px;
    width:32px
}
.book .inner{
    animation:book var(--duration) ease infinite;
    position:relative;
    transform:rotate(-90deg);
    transform-origin:2px 2px
}
.book .inner .left,.book .inner .right{
    background:var(--color);
    border-radius:2px;
    height:4px;
    position:absolute;
    top:0;
    width:60px
}
.book .inner .left:before,.book .inner .right:before{
    background:inherit;
    border-radius:2px;
    content:"";
    height:4px;
    left:6px;
    position:absolute;
    top:-10px;
    width:48px
}
.book .inner .left{
    animation:left var(--duration) ease infinite;
    right:28px;
    transform:rotate(90deg);
    transform-origin:58px 2px
}
.book .inner .right{
    animation:right var(--duration) ease infinite;
    left:28px;
    transform:rotate(-90deg);
    transform-origin:2px 2px
}
.book .inner .middle{
    border:4px solid var(--color);
    border-radius:0 0 9px 9px;
    border-top:0;
    height:12px;
    transform:translateY(2px);
    width:32px
}
.book ul{
    left:50%;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:0
}
.book ul li{
    animation-duration:var(--duration);
    animation-iteration-count:infinite;
    animation-timing-function:ease;
    background:var(--color);
    border-radius:2px;
    height:4px;
    position:absolute;
    right:0;
    top:-10px;
    transform:rotate(0deg) translateX(-18px);
    transform-origin:100% 2px;
    width:48px
}
.book ul li:nth-child(0){
    animation-name:page-0
}
.book ul li:first-child{
    animation-name:page-1
}
.book ul li:nth-child(2){
    animation-name:page-2
}
.book ul li:nth-child(3){
    animation-name:page-3
}
.book ul li:nth-child(4){
    animation-name:page-4
}
.book ul li:nth-child(5){
    animation-name:page-5
}
.book ul li:nth-child(6){
    animation-name:page-6
}
.book ul li:nth-child(7){
    animation-name:page-7
}
.book ul li:nth-child(8){
    animation-name:page-8
}
.book ul li:nth-child(9){
    animation-name:page-9
}
.book ul li:nth-child(10){
    animation-name:page-10
}
.book ul li:nth-child(11){
    animation-name:page-11
}
.book ul li:nth-child(12){
    animation-name:page-12
}
.book ul li:nth-child(13){
    animation-name:page-13
}
.book ul li:nth-child(14){
    animation-name:page-14
}
.book ul li:nth-child(15){
    animation-name:page-15
}
.book ul li:nth-child(16){
    animation-name:page-16
}
.book ul li:nth-child(17){
    animation-name:page-17
}
.book ul li:nth-child(18){
    animation-name:page-18
}
@keyframes page-0{
    4%{
        transform:rotate(0deg) translateX(-18px)
    }
    13%,54%{
        transform:rotate(180deg) translateX(-18px)
    }
    63%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-1{
    5.86%{
        transform:rotate(0deg) translateX(-18px)
    }
    14.74%,55.86%{
        transform:rotate(180deg) translateX(-18px)
    }
    64.74%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-2{
    7.72%{
        transform:rotate(0deg) translateX(-18px)
    }
    16.48%,57.72%{
        transform:rotate(180deg) translateX(-18px)
    }
    66.48%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-3{
    9.58%{
        transform:rotate(0deg) translateX(-18px)
    }
    18.22%,59.58%{
        transform:rotate(180deg) translateX(-18px)
    }
    68.22%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-4{
    11.44%{
        transform:rotate(0deg) translateX(-18px)
    }
    19.96%,61.44%{
        transform:rotate(180deg) translateX(-18px)
    }
    69.96%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-5{
    13.3%{
        transform:rotate(0deg) translateX(-18px)
    }
    21.7%,63.3%{
        transform:rotate(180deg) translateX(-18px)
    }
    71.7%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-6{
    15.16%{
        transform:rotate(0deg) translateX(-18px)
    }
    23.44%,65.16%{
        transform:rotate(180deg) translateX(-18px)
    }
    73.44%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-7{
    17.02%{
        transform:rotate(0deg) translateX(-18px)
    }
    25.18%,67.02%{
        transform:rotate(180deg) translateX(-18px)
    }
    75.18%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-8{
    18.88%{
        transform:rotate(0deg) translateX(-18px)
    }
    26.92%,68.88%{
        transform:rotate(180deg) translateX(-18px)
    }
    76.92%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-9{
    20.74%{
        transform:rotate(0deg) translateX(-18px)
    }
    28.66%,70.74%{
        transform:rotate(180deg) translateX(-18px)
    }
    78.66%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-10{
    22.6%{
        transform:rotate(0deg) translateX(-18px)
    }
    30.4%,72.6%{
        transform:rotate(180deg) translateX(-18px)
    }
    80.4%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-11{
    24.46%{
        transform:rotate(0deg) translateX(-18px)
    }
    32.14%,74.46%{
        transform:rotate(180deg) translateX(-18px)
    }
    82.14%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-12{
    26.32%{
        transform:rotate(0deg) translateX(-18px)
    }
    33.88%,76.32%{
        transform:rotate(180deg) translateX(-18px)
    }
    83.88%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-13{
    28.18%{
        transform:rotate(0deg) translateX(-18px)
    }
    35.62%,78.18%{
        transform:rotate(180deg) translateX(-18px)
    }
    85.62%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-14{
    30.04%{
        transform:rotate(0deg) translateX(-18px)
    }
    37.36%,80.04%{
        transform:rotate(180deg) translateX(-18px)
    }
    87.36%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-15{
    31.9%{
        transform:rotate(0deg) translateX(-18px)
    }
    39.1%,81.9%{
        transform:rotate(180deg) translateX(-18px)
    }
    89.1%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-16{
    33.76%{
        transform:rotate(0deg) translateX(-18px)
    }
    40.84%,83.76%{
        transform:rotate(180deg) translateX(-18px)
    }
    90.84%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-17{
    35.62%{
        transform:rotate(0deg) translateX(-18px)
    }
    42.58%,85.62%{
        transform:rotate(180deg) translateX(-18px)
    }
    92.58%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes page-18{
    37.48%{
        transform:rotate(0deg) translateX(-18px)
    }
    44.32%,87.48%{
        transform:rotate(180deg) translateX(-18px)
    }
    94.32%{
        transform:rotate(0deg) translateX(-18px)
    }
}
@keyframes left{
    4%{
        transform:rotate(90deg)
    }
    10%,40%{
        transform:rotate(0deg)
    }
    46%,54%{
        transform:rotate(90deg)
    }
    60%,90%{
        transform:rotate(0deg)
    }
    96%{
        transform:rotate(90deg)
    }
}
@keyframes right{
    4%{
        transform:rotate(-90deg)
    }
    10%,40%{
        transform:rotate(0deg)
    }
    46%,54%{
        transform:rotate(-90deg)
    }
    60%,90%{
        transform:rotate(0deg)
    }
    96%{
        transform:rotate(-90deg)
    }
}
@keyframes book{
    4%{
        transform:rotate(-90deg)
    }
    10%,40%{
        transform:rotate(0deg);
        transform-origin:2px 2px
    }
    40.01%,59.99%{
        transform-origin:30px 2px
    }
    46%,54%{
        transform:rotate(90deg)
    }
    60%,90%{
        transform:rotate(0deg);
        transform-origin:2px 2px
    }
    96%{
        transform:rotate(-90deg)
    }
}
h1,h2,h3,h4,h5,h6{
    color:#203656;
    font-family:var(--heading-font);
    font-weight:700;
    line-height:1.4;
    margin:20px 0
}
a{
    color:var(--primary-color);
    outline:0;
    text-decoration:none;
    transition:all .2s ease-in-out
}
a:hover{
    color:#203656
}
a:focus{
    outline:0
}
.blockquote{
    font-size:18px
}
blockquote{
    background:#fff8fa;
    border-left:3px solid var(--primary-color);
    border-radius:5px;
    margin:0 0 20px;
    padding:20px
}
blockquote p{
    line-height:1.6
}
.blockquote-footer{
    margin-top:0
}
.table{
    color:#707a88
}
.header-default{
    padding:40px 0;
    position:relative;
    width:100%
}
.header-default .navbar-nav{
    margin-left:50px
}
.header-default.clone{
    padding:25px 0
}

.header-classic {
    background-color: rgb(161, 0, 0);
}

.header-classic .header-bottom.clone,.header-default.clone,.header-personal nav.clone{
    background: #fff;
    border-bottom:1px solid #ebebeb;
    left:0;
    position:fixed;
    right:0;
    top:0;
    transform:translateY(-100%);
    transition:transform .2s cubic-bezier(.3,.73,.3,.74);
    z-index:4
}
.header-classic .header-bottom.clone .centered-nav,.header-personal nav.clone .centered-nav{
    border-top:0
}
.header-classic .header-top{
    border-bottom:1px solid #ebebeb;
    padding-top:10px
}
.header-classic .header-bottom{
    padding:20px 0
}
.header-minimal{
    border-bottom:1px solid #ebebeb;
    padding-bottom:40px;
    padding-top:40px
}
body.down .header-classic .header-bottom.clone,body.down .header-default.clone,body.down .header-personal nav.clone{
    transform:translateY(0)
}
.header-personal .header-top{
    padding-bottom:30px;
    padding-top:30px
}
.header-personal .centered-nav{
    border-top:1px solid #ebebeb;
    padding:20px 0
}
.header-personal.light{
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:2
}
.header-personal.light .centered-nav{
    border-top-color:hsla(0,0%,92%,.2)
}
.header-personal.light .social-icons li a,.header-personal.light .text-logo{
    color:#fff
}
.header-personal.light .social-icons li a:hover{
    color:var(--primary-color)
}
.header-personal.light .navbar .nav-link{
    color:#fff
}
.header-personal.light .navbar.clone .nav-link{
    color:var(--text-color)
}
.header-personal.light .navbar.clone .nav-link:hover{
    color:#203656
}
.header-personal.light .navbar.clone li.active .nav-link{
    color:#fff
}
.text-logo{
    color:#203656;
    font-family:Poppins,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1;
    margin:0 0 5px
}
.text-logo .dot{
    color:var(--primary-color);
    font-size:44px;
    margin-left:5px
}
.slogan{
    color:var(--text-color);
    font-family:var(--heading-font);
    font-size:14px
}
.navbar{
    padding:0
}
.navbar-nav{
    font-family:var(--heading-font);
    font-size:14px
}
.navbar-nav .nav-link{
    color:var(--text-color);
    padding:.439rem 1rem
}
.navbar-nav .nav-link:hover{
    color:#e2e2e2
}
.navbar-nav li.active .nav-link{
    color:#fff
}
.navbar-brand{
    margin-right:0;
    padding-bottom:0;
    padding-top:0
}
.dropdown-menu{
    background-clip:padding-box;
    background-color:#fff;
    border:0;
    border-radius:.25rem;
    box-shadow:0 8px 20px rgba(32,54,86,.2);
    color:#212529;
    display:none;
    list-style:none;
    margin:0;
    min-width:10rem;
    padding:0;
    position:absolute;
    text-align:left;
    top:100%;
    z-index:1000
}
.dropdown-menu:after{
    border-bottom:10px solid #fff;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    content:"";
    display:block;
    height:0;
    left:25%;
    position:absolute;
    top:-10px;
    width:0
}
.dropdown-menu li:after{
    background:#ebebeb;
    background:linear-gradient(90deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    width:100%
}
.dropdown-menu li:last-child:after{
    content:"";
    display:none
}
.dropdown-item{
    background-color:transparent;
    border:0;
    clear:both;
    color:black;
    display:block;
    font-size:13px;
    font-weight:400;
    padding:.6rem 1.5rem;
    text-align:inherit;
    text-decoration:none;
    white-space:nowrap;
    width:100%
}
.dropdown-item:hover{
    margin-left:5px
}
.dropdown-item:focus,.dropdown-item:hover{
    background-color:transparent;
    color:var(--primary-color)
}
.dropdown-divider{
    border-top:1px solid #ddd;
    height:0;
    margin:.1rem 0;
    overflow:hidden
}
.dropdown-toggle:after{
    border:transparent;
    border-bottom:0;
    content:"\e604";
    display:inline-block;
    font-family:simple-line-icons;
    font-size:8px;
    margin-left:5px;
    vertical-align:middle
}
.burger-icon:after,.burger-icon:before{
    background:#fff;
    content:"";
    display:block;
    height:1px;
    margin:auto;
    width:15px
}
.burger-icon:before{
    margin-bottom:6px
}
.burger-icon:after{
    margin-top:6px
}
.header-right .social-icons{
    display:inline-block
}
.header-right .header-buttons{
    display:inline-block;
    margin-left:50px
}
.header-right .header-buttons button{
    margin-left:10px
}
.header-right .header-buttons button:first-child{
    margin-left:0
}
@media (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left:1.3rem;
        padding-right:1.3rem
    }
}
.canvas-menu{
    background:#fff;
    box-shadow:-4px 0 20px rgba(32,54,86,.1);
    height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    padding:40px;
    position:fixed;
    right:0;
    top:0;
    transform:translateX(350px);
    transition:all .3s ease-in-out;
    width:300px;
    z-index:6
}
.canvas-menu.open{
    transform:translateX(0)
}
.canvas-menu.position-left{
    left:0;
    right:auto;
    transform:translateX(-350px)
}
.canvas-menu.position-left.open{
    transform:translateX(0)
}
.canvas-menu .btn-close{
    border:0;
    border-radius:.25rem;
    box-sizing:content-box;
    color:#000;
    height:1em;
    opacity:.4;
    padding:.25em;
    position:absolute;
    right:30px;
    top:20px;
    transition:all .3s ease-in-out;
    width:1em
}
.canvas-menu .btn-close:focus{
    box-shadow:none;
    outline:none
}
.canvas-menu .btn-close:hover{
    opacity:1
}
.canvas-menu .logo{
    margin-bottom:80px;
    margin-top:50px;
    width:100%
}
.canvas-menu nav{
    width:100%
}
.canvas-menu .vertical-menu{
    list-style:none;
    margin-bottom:0;
    padding:0
}
.canvas-menu .vertical-menu li.openmenu>a{
    color:#203656
}
.canvas-menu .vertical-menu li.openmenu .switch{
    transform:rotate(180deg)
}
.canvas-menu .vertical-menu li{
    list-style:none;
    padding:0;
    position:relative;
    transition:all .2s ease-in-out
}
.canvas-menu .vertical-menu li:after{
    background:#ebebeb;
    background:linear-gradient(90deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    margin-bottom:10px;
    margin-top:10px;
    width:100%
}
.canvas-menu .vertical-menu li.active a{
    color:var(--primary-color)
}
.canvas-menu .vertical-menu li.active .submenu a{
    color:var(--text-color)
}
.canvas-menu .vertical-menu li.active .submenu a:hover{
    color:#203656
}
.canvas-menu .vertical-menu li .switch{
    -webkit-backface-visibility:hidden;
    border:1px solid #ebebeb;
    border-radius:5px;
    color:var(--primary-color);
    cursor:pointer;
    display:inline-block;
    font-size:10px;
    line-height:1;
    padding:10px;
    position:absolute;
    right:0;
    top:0;
    transform:rotate(0deg);
    transition:all .2s ease-in-out
}
.canvas-menu .vertical-menu li a{
    color:#203656;
    font-family:var(--heading-font);
    font-size:14px;
    font-weight:400;
    position:relative;
    text-decoration:none
}
.canvas-menu .submenu{
    display:none;
    padding:10px 20px
}
.canvas-menu .submenu li{
    padding:5px 0
}
.canvas-menu .submenu li:after{
    content:"";
    display:none
}
.canvas-menu .submenu li a{
    color:var(--text-color);
    font-size:14px;
    font-weight:400
}
.canvas-menu .submenu li a:hover{
    color:#203656
}
.site-wrapper .main-overlay{
    background:#fff;
    filter:blur(2px);
    height:100vh;
    opacity:0;
    position:fixed;
    transition:all .3s ease-in-out;
    visibility:hidden;
    width:100%;
    z-index:5
}
.site-wrapper .main-overlay.active{
    opacity:.6;
    visibility:visible
}
section{
    position:relative
}
.main-content{
    margin-top:60px
}
.main-content-lg{
    margin-bottom:140px;
    margin-top:140px
}
.container-minimal{
    margin:auto;
    max-width:900px;
    padding-left:15px;
    padding-right:15px
}
.section-header{
    margin-bottom:30px;
    position:relative
}
.section-header img.wave{
    margin-top:10px
}
.section-title{
    font-size:24px;
    margin:0
}
.hero{
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    height:1040px;
    width:100%
}
.hero:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.8;
    position:absolute;
    top:0;
    width:100%
}
.hero .cta{
    margin:auto;
    max-width:700px;
    padding-top:120px;
    position:relative;
    z-index:1
}
.hero .cta h2{
    color:#fff;
    font-size:48px
}
.hero .cta p{
    color:#fff;
    font-size:18px;
    opacity:.7
}
.hero svg{
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
    z-index:1
}
.post .category-badge{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 51%,var(--primary-color) 100%);
    background-size:200% auto;
    border-radius:25px;
    color:#fff;
    display:inline-block;
    font-size:13px;
    left:20px;
    line-height:1;
    padding:6px 11px;
    top:20px;
    transition:all .3s ease-in-out;
    z-index:1
}
.post .category-badge.lg{
    font-size:14px;
    padding:8px 20px
}
.post .category-badge:hover{
    background-position:100%
}
.post .post-format{
    bottom:-25px;
    font-size:20px;
    height:50px;
    line-height:54px;
    right:20px;
    width:50px
}
.post .post-format,.post .post-format-sm{
    background:var(--primary-color);
    background:linear-gradient(to top,var(--primary-color) 0,#ffa387 100%);
    border-radius:50%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
    color:#fff;
    display:block;
    position:absolute;
    text-align:center;
    z-index:1
}
.post .post-format-sm{
    font-size:14px;
    height:30px;
    left:20px;
    line-height:34px;
    top:20px;
    width:30px
}
.post .thumb{
    position:relative
}
.post .thumb.rounded .inner{
    border-radius:10px;
    overflow:hidden
}
.post .thumb.circle .inner{
    border-radius:50%;
    overflow:hidden
}
.post .thumb.top-rounded .inner{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    overflow:hidden
}
.post .thumb img{
    transform:scale(1);
    transition:all .3s ease-in-out
}
.post .thumb:hover img{
    transform:scale(1.07)
}
.post .post-title a{
    color:#203656
}
.post .post-title a:hover{
    color:var(--primary-color)
}
.post .excerpt{
    font-size:16px
}
.post .meta{
    color:var(--text-color);
    font-size:14px
}
.post .meta a{
    color:var(--text-color);
    font-weight:400
}
.post .meta a:hover{
    color:var(--primary-color)
}
.post .meta i{
    vertical-align:middle
}
.post .meta li:last-child:after{
    content:"";
    display:none
}
.post .meta li:after{
    background-color:var(--primary-color);
    border-radius:50%;
    content:"";
    display:inline-block;
    height:3px;
    margin-left:1rem;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:3px
}
.post .meta li:not(:last-child){
    margin-right:.8rem
}
.post .meta li img.author{
    margin-right:12px;
    vertical-align:middle
}
.post .post-bottom .social-share .toggle-button{
    background-color:transparent;
    border:0;
    color:var(--text-color);
    font-size:16px;
    padding:0;
    vertical-align:middle
}
.post .post-bottom .social-share .icons{
    display:inline;
    vertical-align:middle
}
.post .post-bottom .social-share .icons li a{
    color:var(--text-color);
    font-size:14px
}
.post .post-bottom .social-share .icons li a:hover{
    color:#203656
}
.post .post-bottom .social-share .icons li:not(:last-child){
    margin-right:.8rem
}
.post .post-bottom .more-button a{
    color:var(--text-color);
    font-size:16px;
    font-weight:700
}
.post .post-bottom .more-button a i{
    color:var(--text-color);
    font-size:12px;
    margin-left:10px;
    vertical-align:middle
}
.post .post-bottom .more-button a:hover{
    color:var(--primary-color)
}
.post .post-bottom .more-link{
    color:#203656;
    font-size:17px;
    font-weight:700
}
.post .post-bottom .more-link i{
    color:var(--text-color);
    font-size:12px;
    margin-left:10px;
    position:relative;
    right:0;
    transition:all .3s ease-in-out;
    vertical-align:middle
}
.post .post-bottom .more-link:hover i{
    right:-5px
}
.post.post-list-sm{
    clear:both
}
.post.post-list-sm.circle .thumb{
    max-width:60px
}
.post.post-list-sm.circle .details{
    margin-left:80px
}
.post.post-list-sm.square .thumb{
    max-width:110px
}
.post.post-list-sm.square .details{
    margin-left:130px
}
.post.post-list-sm .thumb{
    float:left;
    position:relative
}
.post.post-list-sm .thumb .number{
    background:var(--primary-color);
    background:linear-gradient(to top,var(--primary-color) 0,#ffa387 100%);
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
    color:#fff;
    display:block;
    font-family:var(--heading-font);
    font-size:12px;
    font-weight:700;
    height:24px;
    left:0;
    line-height:22px;
    position:absolute;
    text-align:center;
    top:-10px;
    width:24px;
    z-index:1
}
.post.post-list-sm .post-title{
    font-size:15px
}
.post.post-list-sm.before-seperator:before,.post.post-list-sm:after{
    background:#ebebeb;
    background:linear-gradient(270deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    margin-bottom:20px;
    margin-top:20px;
    width:100%
}
.post.post-list-sm.before-seperator:after,.post.post-list-sm:last-child:after{
    content:"";
    display:none
}
.post.post-list{
    margin-bottom:30px
}
.post.post-list .thumb{
    float:left;
    max-width:265px
}
.post.post-list .details{
    margin-left:295px
}
.post.post-list .post-title{
    margin:9px 0
}
.post.post-list .post-bottom{
    margin-top:9px
}
.post.post-list .post-bottom .social-share .icons{
    opacity:0;
    transition:all .2s ease-in-out;
    visibility:hidden
}
.post.post-list .post-bottom .social-share .icons:before{
    background:#ddd;
    content:"";
    display:inline-block;
    height:1px;
    margin-left:10px;
    margin-right:10px;
    vertical-align:middle;
    width:30px
}
.post.post-list .post-bottom .social-share .icons.visible{
    opacity:1;
    visibility:visible
}
.post.post-list:after{
    background:#ebebeb;
    background:linear-gradient(270deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    margin-bottom:30px;
    margin-top:30px;
    width:100%
}
.post.post-grid .thumb .inner{
    margin-left:-1px;
    margin-right:-1px;
    margin-top:-1px
}
.post.post-grid .details{
    padding:30px
}
.post.post-grid .post-bottom{
    border-top:1px solid #ebebeb;
    margin:0 30px;
    padding:20px 0
}
.post.post-grid .post-bottom .icons{
    opacity:0;
    transition:all .2s ease-in-out;
    visibility:hidden
}
.post.post-grid .post-bottom .icons:before{
    background:#ddd;
    content:"";
    display:inline-block;
    height:1px;
    margin-left:10px;
    margin-right:10px;
    vertical-align:middle;
    width:30px
}
.post.post-grid .post-bottom .icons.visible{
    opacity:1;
    visibility:visible
}
.post.post-classic{
    margin-bottom:40px
}
.post.post-classic .thumb .inner{
    margin-left:-1px;
    margin-right:-1px;
    margin-top:-1px
}
.post.post-classic .details{
    padding:50px 50px 40px
}
.post.post-classic .details .post-title{
    font-size:30px
}
.post.post-classic .post-bottom{
    border-top:1px solid #ebebeb;
    margin:0 50px;
    padding:20px 0
}
.post.post-classic .post-bottom .social-share .toggle-button{
    display:none
}
.post.post-classic .post-format{
    bottom:-30px;
    font-size:24px;
    height:60px;
    line-height:64px;
    right:50px;
    width:60px
}
.post.post-xl{
    margin-bottom:140px
}
.post.post-xl:last-of-type{
    margin-bottom:80px
}
.post.post-xl .thumb .inner{
    margin-left:-1px;
    margin-right:-1px;
    margin-top:-1px
}
.post.post-xl .post-top{
    margin-bottom:40px;
    padding:0 100px
}
.post.post-xl .post-top .post-title{
    font-size:36px
}
.post.post-xl .details{
    padding:50px 100px
}
.post.post-xl .post-bottom{
    border-top:1px solid #ebebeb;
    margin:0 100px;
    padding-top:20px
}
.post.post-xl .post-bottom .social-share .toggle-button{
    display:none
}
.post.post-xl .post-format{
    bottom:-30px;
    font-size:24px;
    height:60px;
    line-height:64px;
    right:50px;
    width:60px
}
.post.post-over-content{
    position:relative
}
.post.post-over-content .thumb{
    overflow:hidden;
    position:relative
}
.post.post-over-content .thumb:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.post.post-over-content .details{
    bottom:20px;
    left:20px;
    position:absolute;
    right:20px;
    z-index:1
}
.post.post-over-content .post-title{
    font-size:22px
}
.post.post-over-content .post-title a,.post.post-over-content .post-title a:hover{
    color:#fff
}
.post.post-over-content .meta{
    color:hsla(0,0%,100%,.5)
}
.post.post-over-content .meta li:after{
    background:hsla(0,0%,100%,.5);
    content:""
}
.post.post-over-content .meta li a{
    color:hsla(0,0%,100%,.5)
}
.post-single .post-header{
    margin-bottom:30px
}
.post-single .post-header .title{
    font-size:36px
}
.post-single .featured-image{
    margin-bottom:30px
}
.post-single .featured-image img{
    border-radius:10px
}
.post-single .post-content{
    color:#707a88;
    font-size:16px
}
.post-single .post-bottom{
    border-top:1px solid #ebebeb;
    margin-top:30px;
    padding-top:30px
}
.post-single ul li{
    list-style-type:circle
}
.single-cover{
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    height:600px;
    position:relative
}
.single-cover:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.single-cover .cover-content{
    bottom:60px;
    max-width:720px;
    position:absolute;
    z-index:1
}
.single-cover .cover-content .title{
    color:#fff;
    font-size:36px
}
.single-cover .cover-content .breadcrumb .breadcrumb-item a,.single-cover .cover-content .breadcrumb-item+.breadcrumb-item:before{
    color:#fff
}
.single-cover .cover-content .meta,.single-cover .cover-content .meta a{
    color:hsla(0,0%,100%,.6)
}
.single-cover .cover-content .meta li:after{
    background-color:#fff;
    content:""
}
.featured-post-lg{
    position:relative
}
.featured-post-lg:hover .thumb .inner{
    transform:scale(1.05)
}
.featured-post-lg .thumb{
    box-shadow:0 8px 20px rgba(32,54,86,.3);
    overflow:hidden;
    position:relative
}
.featured-post-lg .thumb:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.featured-post-lg .details{
    bottom:50px;
    left:50px;
    position:absolute;
    right:50px;
    z-index:1
}
.featured-post-lg .post-title{
    font-size:32px
}
.featured-post-lg .post-title a,.featured-post-lg .post-title a:hover{
    color:#fff
}
.featured-post-lg .meta{
    color:hsla(0,0%,100%,.6)
}
.featured-post-lg .meta li:after{
    background:hsla(0,0%,100%,.6);
    content:""
}
.featured-post-lg .meta li a{
    color:hsla(0,0%,100%,.6)
}
.featured-post-lg .thumb .inner{
    background-position:50%;
    background-size:cover;
    height:533px;
    transform:scale(1);
    transition:all .3s ease-in-out
}
.featured-post-md{
    position:relative
}
.featured-post-md:hover .thumb .inner{
    transform:scale(1.05)
}
.featured-post-md .thumb{
    overflow:hidden;
    position:relative
}
.featured-post-md .thumb .inner{
    background-position:50%;
    background-size:cover;
    height:356px;
    transform:scale(1);
    transition:all .3s ease-in-out
}
.featured-post-md .thumb:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.featured-post-md .details{
    padding:0 30px;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    z-index:1
}
.featured-post-md .post-title{
    font-size:22px;
    margin:15px 0
}
.featured-post-md .post-title a,.featured-post-md .post-title a:hover{
    color:#fff
}
.featured-post-md .meta{
    color:hsla(0,0%,100%,.5)
}
.featured-post-md .meta li:after{
    background:hsla(0,0%,100%,.5);
    content:""
}
.featured-post-md .meta li a{
    color:hsla(0,0%,100%,.5)
}
.featured-post-xl{
    position:relative
}
.featured-post-xl:hover .thumb .inner{
    transform:scale(1.05)
}
.featured-post-xl .thumb{
    overflow:hidden;
    position:relative
}
.featured-post-xl .thumb .inner{
    background-position:50%;
    background-size:cover;
    height:540px;
    transform:scale(1);
    transition:all .3s ease-in-out
}
.featured-post-xl .thumb:after{
    background:#203656;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.featured-post-xl .details{
    left:50%;
    max-width:650px;
    padding:0 30px;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.featured-post-xl .post-title{
    font-size:36px;
    margin:20px 0
}
.featured-post-xl .post-title a,.featured-post-xl .post-title a:hover{
    color:#fff
}
.featured-post-xl .meta{
    color:hsla(0,0%,100%,.5)
}
.featured-post-xl .meta li:after{
    background:hsla(0,0%,100%,.5);
    content:""
}
.featured-post-xl .meta li a{
    color:hsla(0,0%,100%,.5)
}
.post-carousel-lg{
    border-radius:10px;
    box-shadow:0 8px 20px rgba(32,54,86,.3);
    overflow:hidden
}
.post-carousel-lg .slick-dots{
    bottom:30px;
    margin:0;
    position:absolute
}
.post-carousel-lg .slick-prev{
    left:30px
}
.post-carousel-lg .slick-next{
    right:30px
}
.post-carousel-lg .slick-next,.post-carousel-lg .slick-prev{
    background:hsla(0,0%,100%,.3);
    border:0;
    height:50px;
    line-height:65px;
    width:50px
}
.post-carousel-lg .slick-next:before,.post-carousel-lg .slick-prev:before{
    color:#fff;
    font-size:16px;
    position:static
}
.post-carousel-lg .slick-next:hover,.post-carousel-lg .slick-prev:hover{
    background:#fff
}
.post-carousel-featured{
    padding:0 15px
}
.post-carousel .slick-slide{
    margin:0 12px
}
.post-carousel-widget .post-carousel .thumb{
    max-width:300px
}
.post-tabs{
    padding:30px
}
.post-tabs .tab-content{
    margin-top:30px
}
.about-author{
    background:#f1f8ff
}
.about-author:last-child{
    margin-bottom:0
}
.about-author.child{
    margin-left:60px
}
.about-author .thumb{
    border-radius:50%;
    float:left;
    height:100px;
    overflow:hidden;
    width:100px
}
.about-author .details{
    margin-left:130px
}
.about-author .details h4.name{
    font-size:20px;
    margin:0 0 10px
}
.about-author .details h4.name a{
    color:#203656
}
.about-author .details h4.name a:hover{
    color:var(--primary-color)
}
.about-author .details p{
    margin-bottom:10px
}
.about-author .author-link{
    font-size:16px;
    font-weight:700
}
.about-author .author-link i{
    font-size:12px;
    margin-left:10px;
    vertical-align:middle
}
.comments{
    margin:0;
    padding:0
}
.comments li{
    list-style:none
}
.comments li:after{
    background:#ebebeb;
    background:linear-gradient(270deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    margin-top:30px;
    width:100%
}
.comments li.comment{
    margin-bottom:30px
}
.comments li.comment:last-child{
    margin-bottom:0
}
.comments li.comment:last-child:after{
    content:"";
    display:none
}
.comments li.comment.child{
    margin-left:60px
}
.comments li.comment .thumb{
    float:left
}
.comments li.comment .details{
    margin-left:90px
}
.comments li.comment .details h4.name{
    font-size:18px;
    margin:0
}
.comments li.comment .details h4.name a{
    color:#203656
}
.comments li.comment .details h4.name a:hover{
    color:var(--primary-color)
}
.comments li.comment .details .date{
    color:var(--text-color);
    display:block;
    font-size:13px;
    margin-bottom:10px
}
.page-header{
    background:#f1f8ff;
    padding:40px 0
}
.page-header h1{
    font-size:30px
}
.page-content{
    color:#707a88;
    font-size:16px
}
.contact-item{
    border-radius:10px;
    padding:25px
}
.contact-item .icon{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 100%);
    border-radius:10px;
    color:#fff;
    display:block;
    float:left;
    font-size:25px;
    height:50px;
    line-height:50px;
    text-align:center;
    width:50px
}
.contact-item .details{
    margin-left:20px
}
.contact-item h3{
    font-size:18px
}
.widget{
    border:1px solid #ebebeb;
    margin-bottom:40px;
    padding:35px 30px
}
.widget:last-child{
    margin-bottom:0
}
.widget.no-container{
    border:0;
    padding:0
}
.widget .widget-header{
    margin-bottom:30px
}
.widget .widget-header img.wave{
    margin-top:10px
}
.widget .widget-title{
    font-size:20px;
    margin:0
}
.widget .widget-about{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.widget .widget-ads{
    display:block;
    text-align:center
}
.widget ul.list{
    list-style:none;
    margin-bottom:0;
    padding:0
}
.widget ul.list li{
    line-height:2.8rem
}
.widget ul.list li a{
    color:#203656;
    font-weight:700
}
.widget ul.list li a:before{
    color:var(--primary-color);
    content:"\e606";
    font-family:simple-line-icons;
    font-size:11px;
    margin-right:25px;
    vertical-align:middle
}
.widget ul.list li a:hover{
    color:var(--primary-color)
}
.widget ul.list li:after{
    background:#ebebeb;
    background:linear-gradient(90deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    width:100%
}
.widget ul.list li span{
    float:right
}
.widget ul.list.social-icons li a:before{
    content:"";
    margin-right:0
}
.instagram{
    margin:60px 0 0;
    position:relative
}
.instagram-feed{
    margin-left:-2.5px;
    margin-right:-2.5px
}
.instagram-feed .insta-item{
    overflow:hidden;
    padding-left:2.5px;
    padding-right:2.5px
}
.instagram-feed .insta-item img{
    border-radius:10px
}
footer{
    margin-top:50px
}
footer .footer-inner{
    border-top:1px solid #ebebeb;
    padding:40px 0
}
footer .footer-inner .copyright{
    color:var(--text-color)
}
.search-popup{
    background:#fff;
    height:100vh;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    visibility:hidden;
    width:100%;
    z-index:6
}
.search-popup.visible{
    animation:growOut .5s ease-in-out forwards;
    opacity:1;
    visibility:visible
}
.search-popup .search-content{
    left:50%;
    position:absolute;
    top:40%;
    transform:translate(-50%,-50%);
    width:650px
}
.search-popup .btn-close{
    position:absolute;
    right:30px;
    top:30px
}
.rounded{
    border-radius:10px!important
}
.bordered{
    border:1px solid #ebebeb
}
.padding-30{
    padding:30px
}
.alignleft{
    float:left;
    margin:.375em 1.75em 1em 0
}
.alignright{
    float:right;
    margin:.375em 0 1em 1.75em
}
.newsletter-headline{
    color:#203656;
    display:block;
    font-size:15px;
    font-weight:700
}
.newsletter-privacy{
    display:block;
    font-size:13px
}
.ads-title{
    color:silver;
    display:block;
    font-family:var(--heading-font);
    font-size:12px;
    margin-bottom:10px;
    text-align:center;
    text-transform:uppercase
}
::selection{
    background:var(--primary-color);
    color:#fff
}
::-moz-selection{
    background:var(--primary-color);
    color:#fff
}
.tag{
    border:1px solid #ebebeb;
    border-radius:25px;
    color:var(--text-color);
    display:inline-block;
    font-size:13px;
    margin:4px 0;
    padding:3px 14px
}
.tag:hover{
    border-color:var(--primary-color);
    color:var(--primary-color)
}
.mouse{
    border:1px solid #fff;
    border-radius:16px;
    bottom:100px;
    height:26px;
    width:20px;
    z-index:1
}
.mouse,.mouse .wheel{
    display:block;
    left:50%;
    position:absolute;
    transform:translateX(-50%)
}
.mouse .wheel{
    animation:animation-mouse 2s linear infinite;
    background:#fff;
    border-radius:100%;
    height:3px;
    top:8px;
    width:3px
}
@keyframes animation-mouse{
    0%{
        top:29%
    }
    15%{
        top:50%
    }
    50%{
        top:50%
    }
    to{
        top:29%
    }
}
button{
    transition:all .3s ease-in-out
}
button:focus{
    box-shadow:none!important;
    outline:none
}
.btn{
    border:0;
    border-radius:25px;
    color:#fff;
    display:inline-block;
    font-family:var(--primary-font);
    font-size:14px;
    font-weight:400;
    overflow:hidden;
    position:relative;
    text-align:center;
    transition:all .3s ease-in-out;
    vertical-align:middle;
    white-space:nowrap
}
.btn:focus{
    box-shadow:none;
    outline:0
}
.btn-default{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 51%,var(--primary-color) 100%);
    background-size:200% auto;
    color:#fff;
    padding:9.5px 36px
}
.btn-default:hover{
    background-position:100%;
    color:#fff
}
.btn-simple{
    background:transparent;
    border:1px solid #ebebeb;
    color:var(--text-color);
    padding:9.5px 36px
}
.btn-simple:hover{
    border-color:var(--primary-color);
    color:var(--primary-color)
}
.btn-light{
    background:transparent;
    border:1px solid #fff;
    color:#fff;
    padding:9.5px 36px
}
.btn-light:hover{
    border-color:#fff;
    color:var(--primary-color)
}
.btn-full{
    padding:9.5px 36px;
    width:100%
}
.btn-lg{
    font-size:16px;
    padding:13px 40px
}
.btn-sm{
    font-size:12px;
    padding:7px 20px
}
.btn-xs{
    font-size:11px;
    padding:5px 10px
}
.icon-button{
    align-items:center;
    background-size:auto 200%;
    border:0;
    border-radius:50%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
    color:#fff;
    display:inline-flex;
    height:37px;
    justify-content:center;
    line-height:39px;
    text-align:center;
    transition:all .2s ease-in-out;
    vertical-align:middle;
    width:37px
}
.icon-button:hover{
    background-position:bottom
}
.btn-instagram{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.breadcrumb{
    background-color:transparent;
    border-radius:0;
    font-size:14px;
    list-style:none;
    margin-bottom:20px;
    padding:0
}
.breadcrumb .breadcrumb-item a{
    color:var(--text-color)
}
.breadcrumb .breadcrumb-item a:hover{
    color:var(--primary-color)
}
.breadcrumb .breadcrumb-item.active,.form-control{
    color:var(--text-color)
}
.form-control{
    background-color:#fff;
    background-image:none;
    border:1px solid #ebebeb;
    border-radius:25px;
    box-shadow:none;
    display:block;
    font-size:14px;
    line-height:1.6;
    padding:8px 24px;
    width:100%
}
.form-control:focus{
    border-color:var(--primary-color);
    box-shadow:none;
    outline:0
}
.form-group{
    margin-bottom:30px
}
.input-group-addon{
    background-color:transparent;
    border:0;
    border-radius:0;
    color:#555;
    font-size:14px;
    font-weight:400;
    line-height:1;
    padding:0;
    text-align:center
}
.form-control::-webkit-input-placeholder{
    color:var(--text-color)
}
.form-control::-moz-placeholder{
    color:var(--text-color)
}
.form-control:-ms-input-placeholder{
    color:var(--text-color)
}
.form-control:-moz-placeholder{
    color:var(--text-color)
}
.alert{
    border:1px solid transparent;
    border-radius:0;
    margin-bottom:20px;
    padding:15px
}
.alert-dismissable .close,.alert-dismissible .close{
    color:inherit;
    position:relative;
    right:0;
    top:0
}
.nav-tabs{
    border-bottom:0
}
.tab-content{
    position:relative
}
.tab-pane{
    opacity:1;
    transition:all .2s ease-in-out
}
.tab-pane.loading{
    opacity:.3
}
.lds-dual-ring{
    display:inline-block;
    height:40px;
    left:50%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .2s ease-in-out;
    visibility:hidden;
    width:40px;
    z-index:1
}
.lds-dual-ring.loading{
    opacity:1;
    visibility:visible
}
.lds-dual-ring:after{
    animation:lds-dual-ring 1.2s linear infinite;
    border:3px solid;
    border-color:var(--primary-color) transparent var(--primary-color) transparent;
    border-radius:50%;
    content:" ";
    display:block;
    height:40px;
    margin:8px;
    width:40px
}
@keyframes lds-dual-ring{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.nav-fill .nav-item,.nav-fill>.nav-link{
    margin-right:10px
}
.nav-fill .nav-item:last-child,.nav-fill>.nav-link:last-child{
    margin-right:0
}
.nav-fill .nav-item>.nav-link{
    color:#8f9bad!important;
    margin-right:10px
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 51%,var(--primary-color) 100%);
    background-size:200% auto;
    border-color:transparent;
    color:#fff!important
}
.nav-pills .nav-link{
    background:0 0;
    border:1px solid #ebebeb;
    border-radius:30px
}
.pagination{
    display:flex;
    list-style:none;
    margin:40px 0 0;
    padding-left:0
}
.pagination li{
    list-style-type:none;
    margin:0 5px
}
.page-item.active .page-link{
    background:#ffa387;
    background:linear-gradient(to top,#ffa387 0,var(--primary-color) 51%,#ffa387 100%);
    background-size:auto 200%;
    border-color:transparent;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
    color:#fff;
    transition:all .2s ease-in-out;
    z-index:3
}
.page-link{
    border:1px solid #ebebeb;
    border-radius:50%;
    color:var(--text-color);
    display:block;
    font-size:14px;
    height:45px;
    line-height:45px;
    padding:0;
    position:relative;
    text-align:center;
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width:45px
}
.page-link:hover{
    background:#ffa387;
    background:linear-gradient(to top,#ffa387 0,var(--primary-color) 51%,#ffa387 100%);
    background-size:auto 200%;
    border-color:transparent;
    color:#fff;
    z-index:2
}
.page-item:first-child .page-link{
    border-bottom-left-radius:50%;
    border-top-left-radius:50%
}
.page-item:last-child .page-link{
    border-bottom-right-radius:50%;
    border-top-right-radius:50%
}
#return-to-top{
    border:1px solid #ebebeb;
    border-radius:25px;
    color:var(--text-color);
    font-size:13px;
    padding:6px 20px;
    text-decoration:none;
    transition:all .3s ease-in-out;
    z-index:4
}
#return-to-top i{
    font-size:11px;
    margin-right:10px;
    vertical-align:middle
}
#return-to-top:hover{
    border-color:var(--primary-color);
    color:var(--primary-color)
}
.videoWrapper{
    height:0;
    padding-bottom:56.25%;
    padding-top:0;
    position:relative
}
.videoWrapper iframe{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.social-icons a{
    color:#203656;
    font-size:16px
}
.social-icons a:hover{
    color:var(--primary-color)
}
.social-icons li:not(:last-child){
    margin-right:1rem
}
.slick-slide{
    height:auto;
    outline:none
}
.slick-next,.slick-prev{
    background:transparent;
    border:1px solid #ebebeb;
    border-radius:50%;
    height:30px;
    line-height:30px;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s ease-in-out;
    width:30px;
    z-index:1
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    background:#fff;
    border-color:#ebebeb
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    color:#ffa387
}
.slick-prev{
    left:-30px
}
.slick-prev:hover{
    background:var(--primary-color)
}
.slick-next{
    right:-30px
}
.slick-next:hover{
    background:var(--primary-color)
}
.slick-next:before,.slick-prev:before{
    color:#909090;
    font-size:10px;
    opacity:1
}
.slick-prev:before{
    content:"\e605"
}
.slick-next:before,.slick-prev:before{
    font-family:simple-line-icons;
    left:9px;
    position:absolute;
    top:9px
}
.slick-next:before{
    content:"\e606"
}
.slick-dotted.slick-slider{
    margin-bottom:0
}
.slick-dots{
    bottom:0;
    margin:25px 0 0;
    padding:0;
    position:relative
}
.slick-dots li{
    height:8px;
    margin:0 5px;
    width:8px
}
.slick-dots li.slick-active{
    height:8px;
    width:25px
}
.slick-dots li button{
    height:20px;
    padding:0;
    width:20px
}
.slick-dots li.slick-active button:before{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 100%);
    border-radius:5px;
    opacity:1;
    width:25px
}
.slick-dots li button:before{
    background:#d4d4d4;
    border-radius:50%;
    content:"";
    height:8px;
    left:8px;
    opacity:1;
    top:8px;
    width:8px
}
.slick-arrows-top{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.slick-arrows-bot{
    margin-top:20px;
    position:relative;
    text-align:center
}
.slick-custom-buttons{
    background:#fff;
    border:1px solid #ebebeb;
    border-radius:50%;
    color:#909090;
    font-size:10px;
    height:30px;
    line-height:30px;
    padding:0;
    text-align:center;
    transition:all .3s ease-in-out;
    width:30px
}
.slick-custom-buttons:hover{
    border-color:var(--primary-color);
    color:var(--primary-color)
}
@media (min-width:1200px){
    .container,.container-lg,.container-md,.container-sm,.container-xl{
        max-width:1140px
    }
}
@media (min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1140px
    }
}
@media only screen and (max-width:1200px){
    .header-right .social-icons{
        display:none
    }
}
@media only screen and (max-width:992px){
    .inner-wrapper-sticky{
        left:0!important;
        position:relative!important;
        top:0!important;
        transform:none!important;
        width:auto!important
    }
    .header-classic .header-buttons{
        width:100%
    }
    .single-cover{
        background-attachment:unset;
        height:400px
    }
    .single-cover .cover-content .title{
        font-size:26px
    }
}
@media only screen and (min-width:992px){
    .navbar .nav-item .dropdown-menu{
        animation:growOut .3s ease-in-out forwards;
        display:none;
        transform-origin:top center
    }
    @keyframes growOut{
        0%{
            transform:scale(0)
        }
        80%{
            transform:scale(1.1)
        }
        to{
            transform:scale(1)
        }
    }
    .navbar .nav-item:hover .dropdown-menu{
        display:block
    }
    .navbar .nav-item .dropdown-menu{
        margin-top:0
    }
}
@media only screen and (max-width:767px){
    .featured-post-lg .thumb .inner{
        height:425px
    }
    .post.post-list .thumb{
        float:none;
        max-width:550px
    }
    .post.post-list .details{
        margin-left:0;
        margin-top:25px
    }
    .post .meta li:after{
        content:"";
        margin-left:.5rem
    }
    .post .meta li:not(:last-child){
        margin-right:.3rem
    }
    .instagram-feed .insta-item{
        margin:2.5px 0;
        text-align:center
    }
    .footer-inner{
        text-align:center
    }
    .featured-post-lg .post-title{
        font-size:26px
    }
    .featured-post-lg .details{
        bottom:30px;
        left:30px;
        right:30px
    }
    .search-popup .search-content{
        padding:0 20px;
        width:100%
    }
    .post.post-classic .post-bottom .social-share .toggle-button{
        display:inline-block
    }
    .post.post-classic .post-bottom .icons{
        opacity:0;
        transition:all .2s ease-in-out;
        visibility:hidden
    }
    .post.post-classic .post-bottom .icons:before{
        background:#ddd;
        content:"";
        display:inline-block;
        height:1px;
        margin-left:10px;
        margin-right:10px;
        vertical-align:middle;
        width:30px
    }
    .post.post-classic .post-bottom .icons.visible{
        opacity:1;
        visibility:visible
    }
    .featured-post-xl .thumb .inner{
        height:350px
    }
    .featured-post-xl .details{
        left:0;
        max-width:100%;
        padding:0 30px;
        top:50%;
        transform:translateY(-50%)
    }
    .featured-post-xl .post-title{
        font-size:24px
    }
    .post.post-classic .details{
        padding:30px
    }
    .post.post-classic .details .post-title{
        font-size:20px
    }
    .post.post-classic .post-bottom{
        margin:0 30px
    }
    .post.post-classic .post-format,.post.post-xl .post-format{
        bottom:-25px;
        font-size:20px;
        height:50px;
        line-height:54px;
        right:20px;
        width:50px
    }
    .post.post-xl .post-top{
        padding:0 20px
    }
    .post.post-xl .details{
        padding:50px 20px
    }
    .post.post-xl .post-bottom{
        margin:0 20px
    }
    .post.post-xl .post-top .post-title{
        font-size:24px
    }
    .hero{
        height:740px
    }
    .hero .cta h2{
        font-size:30px
    }
    .hero .cta p{
        font-size:16px
    }
    .alignleft,.alignright{
        float:none
    }
    .post-single .post-header .title{
        font-size:26px
    }
    .post-single .social-icons{
        margin-top:20px;
        text-align:center
    }
    .about-author .thumb{
        float:none;
        margin:auto
    }
    .about-author .details{
        margin-left:0;
        margin-top:20px;
        text-align:center
    }
    .comments li.comment.child{
        margin-left:30px
    }
    .breadcrumb .breadcrumb-item.active{
        display:none
    }
    .post-carousel-widget .post-carousel{
        margin:0 12px
    }
    .post-carousel-widget .post-carousel .post-title{
        font-size:16px
    }
}
@media only screen and (max-width:576px){
    .single-cover{
        height:300px
    }
    .alignleft,.alignright{
        clear:both;
        display:block;
        margin:.375em auto 1em
    }
}
*{
    transition:color .3s ease,background-color .3s ease,border-color .3s ease
}
.truncate-custom{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
.truncate-1-custom{
    -webkit-line-clamp:1
}
.truncate-2-custom{
    -webkit-line-clamp:2
}
.truncate-3-custom{
    -webkit-line-clamp:3
}
footer .footer-inner .widget-back-to-top-button a svg{
    margin-bottom:2px
}
svg.icon{
    width:20px
}
.header-buttons button{
    margin-inline-start:10px
}
.btn.btn-primary{
    background:var(--primary-color);
    background:linear-gradient(to right,var(--primary-color) 0,#ffa387 51%,var(--primary-color) 100%);
    background-size:200% auto;
    color:#fff;
    padding:9.5px 36px
}
.btn.btn-primary:hover{
    background-position:100%;
    color:#fff
}
.icon-button.member{
    overflow:hidden
}
.icon-button.member .avatar{
    aspect-ratio:1
}
.icon-button.member a{
    color:#fff
}
.auth-card h3{
    margin-top:0!important
}
.auth-card .input-group .input-group-text{
    border-radius:25px!important;
    border-bottom-right-radius:0!important;
    border-top-right-radius:0!important;
    font-size:14px;
    padding:8px 16px!important
}
.auth-card .input-group .form-control{
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:25px!important;
    border-bottom-left-radius:0!important;
    border-top-left-radius:0!important;
    padding:8px 16px!important
}
.auth-card .input-group .input-group-text.slug-actions{
    display:none!important
}
.language-switcher-button{
    height:37px
}
.language-switcher-button .dropdown-toggle{
    color:var(--text-color)!important;
    line-height:35px
}
svg .gradient-from{
    stop-color:var(--gradient-from-color)
}
svg .gradient-to{
    stop-color:var(--gradient-to-color)
}
.contact-item svg.icon{
    background-color:transparent!important;
    height:24px
}
.show-admin-bar .header-classic .navbar.navbar-expand-lg .clone,.show-admin-bar .header-default.clone,.show-admin-bar .navbar.navbar-expand-lg.clone{
    top:40px
}
.search-popup{
    z-index:9999!important
}
.page-breadcrumb{
    background-color:var(--breadcrumb-bg-color,#f1f8ff)!important;
    background-position:50%;
    background-size:cover;
    display:flex;
    flex-flow:column;
    height:var(--breadcrumb-height,auto)!important;
    justify-content:center
}
.page-breadcrumb,.page-breadcrumb .breadcrumb-item a{
    color:var(--breadcrumb-txt-color,inherit)!important
}
.page-breadcrumb .breadcrumb-item.active{
    color:var(--breadcrumb-txt-color,#9faabb)!important
}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    color:var(--breadcrumb-txt-color,var(--bs-breadcrumb-divider-color))!important
}
.page-breadcrumb h1{
    color:var(--breadcrumb-txt-color,#203656)!important
}
.single-cover .cover-content .breadcrumb-item.active{
    color:#fff
}
.single-cover .cover-content .meta{
    color:hsla(0,0%,100%,.75)
}
.pagination .page-link svg.icon{
    left:50%;
    position:absolute;
    top:50%;
    transform:translateY(-50%) translateX(-50%)
}
.comments .thumb a{
    border:1px solid #ebebeb;
    border-radius:50%;
    display:inline-block;
    overflow:hidden
}
.comments .thumb a img{
    height:auto;
    width:80px
}
.header-author-avatar{
    border-radius:50%;
    display:inline-block;
    overflow:hidden
}
.header-author-avatar img{
    height:auto;
    width:80px
}
.post .meta .list-inline-item .author .author-avatar{
    border-radius:50%;
    display:inline-block;
    height:30px;
    overflow:hidden;
    width:30px
}
.post .meta .list-inline-item .author .author-avatar .author{
    height:auto;
    width:100%
}
.fob-comment-item-reply{
    background-color:unset!important;
    border-bottom:unset!important;
    color:unset!important;
    display:unset!important;
    font-size:unset!important;
    font-style:normal!important
}
.blog-posts{
    margin-top:60px
}
.featured-post-lg .thumb .inner img{
    width:100%
}
.widget-blog-categories .widget-content ul li{
    border-bottom:1px solid #ebebeb;
    display:flex;
    gap:5px;
    justify-content:space-between
}
.widget-blog-categories .widget-content ul li:after{
    content:unset!important
}
.newsletter-widget .subscribe-form button.btn{
    margin-top:1rem;
    width:100%
}
.nav-link.active{
    background:var(--gradient-color)!important;
    background-size:auto 200%
}
.nav-link.active:hover{
    background:var(--gradient-color-hover)!important
}
.nav-item.active .nav-link{
    
}
.nav-item.active .nav-link:hover{
    
}
.btn-default,.btn-primary,.category-badge,.icon-button,span.icon{
    
    background-size:auto 200%
}
.btn-default:hover,.btn-primary:hover,.category-badge:hover,.icon-button:hover,span.icon:hover{
    background:var(--gradient-color-hover)!important
}
span.icon svg{
    background:transparent!important
}
.canvas-menu .vertical-menu li .switch{
    color:var(--text-color)!important
}
.canvas-menu .vertical-menu li .switch:hover{
    color:var(--primary-color)!important
}
.canvas-menu .vertical-menu li a{
    color:var(--text-color)!important
}
.canvas-menu .vertical-menu li a:hover{
    color:var(--primary-color)!important
}
.auth-card,.auth-card p,.auth-card span{
    color:var(--text-color)!important
}
.ck-content .widget-blog-posts ul{
    list-style-type:none!important
}
@media screen and (max-width:400px){
    .footer-inner .d-flex{
        justify-content:center!important
    }
}
.slick-loading .slick-list{
    background:#fff url(/themes/katen/images/ajax-loader.gif) 50% no-repeat!important
}
.header-right .header-buttons{
    margin-inline-start:50px
}
.header-buttons .icon-button{
    position:relative;
    background-color: transparent;
}
.header-buttons .icon-button svg.icon{
    display:unset;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.contact-item .details{
    margin-left:unset;
    margin-inline-start:20px
}
.form-check-input:checked{
    background-color:var(--primary-color)!important;
    border-color:var(--primary-color)!important
}
.fob-comment-item-reply{
    color:#fff!important
}
.header-personal.light{
    top:unset!important
}
.header-personal.light a.dropdown-toggle{
    color:#fff
}
.header-personal.light a.dropdown-toggle:hover{
    color:var(--primary-color)
}
.main-content.homepage{
    margin-top:0!important
}
.button-loading{
    color:transparent!important
}
.button-loading:before{
    animation:button-loading-spinner 1s linear infinite;
    border:3px solid;
    border-color:#fff #fff transparent;
    border-radius:50%;
    content:"";
    height:18px;
    left:50%;
    margin-left:-9px;
    margin-top:-9px;
    position:absolute;
    top:50%;
    width:18px
}
.mx-n2{
    margin-left:-.5em!important;
    margin-right:-.5em!important
}
@keyframes button-loading-spinner{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.page-breadcrumb .author-header .author-content{
    display:flex;
    gap:30px
}
.page-breadcrumb .author-header .author-content .author-avatar{
    border-radius:50%;
    display:inline-block;
    flex-shrink:0;
    height:150px;
    overflow:hidden;
    width:150px
}
.page-breadcrumb .author-header .author-content .author-avatar .author{
    height:auto;
    width:100%
}
.page-breadcrumb .author-header .author-content .author-title{
    font-size:25px;
    line-height:35px;
    margin-bottom:15px
}
.page-breadcrumb .author-header .author-content p{
    margin-bottom:15px
}
.logo-dark{
    display:none
}
.dark-mode-switcher-button{
    cursor:pointer;
    position:fixed;
    right:0;
    top:40%;
    transform:rotate(90deg);
    z-index:1
}
.dark-mode-switcher-button.active .dark-mode-switcher-button-inner-left{
    background:hsla(0,0%,100%,.1);
    border:1px solid hsla(0,0%,92%,.2)
}
.dark-mode-switcher-button.active .dark-mode-switcher-button-inner-left .moon{
    opacity:0
}
.dark-mode-switcher-button.active .dark-mode-switcher-button-inner-left .sun{
    color:#fff!important;
    opacity:1;
    right:10px
}
.dark-mode-switcher-button-inner-left{
    background:hsla(0,0%,100%,.1);
    background:#fff;
    border-radius:1em;
    box-shadow:0 2px 5px 3px rgba(0,0,0,.05);
    color:hsla(0,0%,58%,.51);
    color:#fff;
    content:"";
    display:inline-block;
    height:1.8em;
    position:relative;
    vertical-align:middle;
    width:3.5em
}
.dark-mode-switcher-button-inner-left .btn-icon{
    color:var(--text-color);
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.dark-mode-switcher-button-inner-left .moon{
    right:26px
}
.dark-mode-switcher-button-inner-left .sun{
    opacity:0
}
.post-single .post-content{
    color:var(--text-color)
}
.search-popup .btn-close{
    background:unset!important;
    color:var(--text-color)!important;
    z-index:999
}
.search-popup .blog-posts-search-results{
    padding-bottom:40px;
    padding-top:20px;
    position:absolute;
    width:100%
}
.search-popup .blog-posts-search-results .content.loading{
    opacity:.3
}
.search-popup .blog-posts-search-results .post-list-sm:after{
    content:unset
}
.search-popup .blog-posts-search-results .post-list-sm:not(:last-child){
    border-bottom:1px solid #ebebeb;
    margin-bottom:15px;
    padding-bottom:15px
}
.btn-simple.button-loading:before{
    border-color:var(--primary-color) var(--primary-color) transparent!important
}
.btn-simple.disabled{
    border:1px solid #ebebeb!important
}
@media screen and (max-width:500px){
    .search-popup .search-content{
        top:10%
    }
    .search-popup .search-content .blog-posts-search-results .content{
        margin-inline-end:50px
    }
}
@media screen and (max-width:768px){
    .ae-anno-announcement-wrapper .ae-anno-announcement__dismiss-button{
        top:5px
    }
}
.fob-comment-list-wrapper{
    border:1px solid #ebebeb;
    border-radius:10px!important;
    padding:30px
}
.fob-comment-list-wrapper .fob-comment-item-inner{
    margin-bottom:unset
}
.fob-comment-list-wrapper .fob-comment-item-inner:after{
    background:#ebebeb;
    background:linear-gradient(270deg,#ebebeb 0,transparent);
    bottom:1px;
    content:"";
    display:block;
    height:1px;
    margin-top:30px;
    position:absolute;
    width:100%
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item{
    margin-bottom:2rem;
    padding-bottom:2rem;
    position:relative
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item:last-child{
    margin-bottom:unset;
    padding-bottom:unset
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item:last-child .fob-comment-item-inner:after{
    content:unset
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-inner+.fob-comment-list{
    margin-top:2rem
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-inner+.fob-comment-list .fob-comment-item{
    margin-bottom:unset;
    padding-bottom:unset
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-inner+.fob-comment-list .fob-comment-item .fob-comment-item-inner{
    padding-top:2rem
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-inner+.fob-comment-list .fob-comment-item .fob-comment-item-inner:after{
    content:unset
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-inner+.fob-comment-list .fob-comment-item .fob-comment-item-inner:before{
    background:#ebebeb;
    background:linear-gradient(270deg,#ebebeb 0,transparent);
    content:"";
    display:block;
    height:1px;
    margin-top:30px;
    position:absolute;
    top:-2rem;
    width:100%
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-avatar img{
    border:1px solid #ebebeb;
    border-radius:50%;
    width:80px
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-content{
    display:flex;
    flex-direction:column-reverse;
    justify-content:start;
    padding-bottom:40px;
    position:relative
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-content .fob-comment-item-info{
    display:block!important;
    line-height:1;
    margin-bottom:20px
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-content .fob-comment-item-info .fob-comment-item-date{
    font-size:13px;
    font-weight:400;
    margin-top:-10px
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-content .fob-comment-item-info .fob-comment-item-author{
    font-size:18px;
    font-weight:700;
    margin-top:0
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-content .fob-comment-item-reply{
    background:var(--gradient-color)!important;
    border:0;
    border-radius:25px;
    bottom:0;
    color:#fff!important;
    display:inline-block;
    font-size:12px;
    font-weight:400;
    left:0;
    overflow:hidden;
    padding:7px 20px;
    position:absolute;
    text-align:center;
    transition:all .3s ease-in-out;
    vertical-align:middle;
    white-space:nowrap
}
.fob-comment-list-wrapper .fob-comment-list .fob-comment-item .fob-comment-item-footer{
    display:block
}
.post-title.h5{
    font-size:1.25rem
}
.post-title.h5,.post-title.h6{
    font-family:var(--heading-font);
    font-weight:700;
    line-height:1.4
}
.about-author{
    min-height:160px
}
.about-author .details .name{
    font-size:20px;
    font-weight:700;
    line-height:1.4
}
.about-author .details .name a{
    color:#203656!important
}
.post-bottom .tag,.widget-blog-tags .widget-content .tag{
    margin-inline-end:6px
}
body[dir=rtl] .header-right .header-buttons{
    margin-left:unset!important
}
body[dir=rtl] .header-right .header-buttons button{
    margin-inline-start:10px;
    margin-left:unset!important
}
body[dir=rtl] .header-buttons button{
    margin-left:unset!important;
    margin-inline-start:10px
}
body[dir=rtl] .post .meta li:not(:last-child){
    margin-inline-end:.8rem;
    margin-right:unset!important
}
body[dir=rtl] .post .meta li:after{
    margin-inline-start:1rem
}
body[dir=rtl] .post .meta li.list-inline-item:not(:last-child){
    margin-inline-start:.5rem;
    margin-left:unset!important
}
body[dir=rtl] .post .meta li img.author{
    margin-inline-end:12px!important;
    margin-right:unset!important
}
body[dir=rtl] .widget-blog-categories .widget-content ul.list li a:before{
    content:unset!important
}
body[dir=rtl] .widget-blog-categories .widget-content ul.list li a:after{
    color:var(--primary-color);
    content:"\e605";
    font-family:simple-line-icons;
    font-size:11px;
    margin-inline-end:25px;
    transform:rotate(-180deg);
    vertical-align:middle
}
body[dir=rtl] .slick-arrows-top{
    left:0;
    right:unset
}
body[dir=rtl] .nav-fill .nav-item,body[dir=rtl] .nav-fill>.nav-link{
    margin-right:unset!important;
    margin-inline-end:10px!important
}
body[dir=rtl] .dropdown-toggle:after{
    margin-inline-start:5px!important
}
body[dir=rtl] .language-switcher-button .dropdown-menu li{
    text-align:start
}
body[dir=rtl] .social-icons li:last-child{
    margin-right:1rem
}
body[dir=rtl] .social-icons li:first-child{
    margin-left:unset!important;
    margin-right:unset!important
}
body[dir=rtl] .main-menu .navbar-nav ul.dropdown-menu li a{
    text-align:start
}
body[dir=rtl] .dropdown-item:hover{
    margin-left:unset!important;
    margin-inline-start:5px
}
body[dir=rtl] .canvas-menu .vertical-menu li:after{
    transform:rotate(-180deg)
}
body[dir=rtl] .canvas-menu .vertical-menu li .switch{
    left:0;
    right:unset!important
}
body[dir=rtl] .auth-card form .auth-input-icon{
    left:unset!important;
    right:1px
}
html[data-theme=dark] body{
    --background-dark-color:#142030;
    --border-dark-color:hsla(0,0%,92%,.2);
    --text-color:#8f9bad!important;
    background-color:var(--background-dark-color)
}
html[data-theme=dark] body .main-overlay{
    background:var(--background-dark-color)!important
}
html[data-theme=dark] body .bordered,html[data-theme=dark] body .tag,html[data-theme=dark] body .widget{
    border:1px solid var(--border-dark-color)
}
html[data-theme=dark] body .post:after,html[data-theme=dark] body .post:before{
    background:linear-gradient(270deg,hsla(0,0%,92%,.2) 0,transparent)
}
html[data-theme=dark] body .widget-blog-categories .widget-content ul li{
    border-bottom:1px solid var(--border-dark-color)
}
html[data-theme=dark] body footer .footer-inner{
    border-top:1px solid var(--border-dark-color)
}
html[data-theme=dark] body .btn{
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .newsletter-headline,html[data-theme=dark] body .post .post-title a,html[data-theme=dark] body .widget ul.list li a,html[data-theme=dark] body h1,html[data-theme=dark] body h2,html[data-theme=dark] body h3,html[data-theme=dark] body h4,html[data-theme=dark] body h5,html[data-theme=dark] body h6{
    color:#fff
}
html[data-theme=dark] body .slick-custom-buttons{
    background:0 0;
    border-color:var(--border-dark-color)
}
html[data-theme=dark] body .social-icons a,html[data-theme=dark] body .social-icons a svg{
    color:#fff
}
html[data-theme=dark] body a:hover{
    color:var(--primary-color)!important
}
html[data-theme=dark] body #return-to-top,html[data-theme=dark] body .nav-link,html[data-theme=dark] body .nav-link:hover{
    border-color:var(--border-dark-color)
}
html[data-theme=dark] body .post-bottom{
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body header .nav-link,html[data-theme=dark] body header a.dropdown-toggle{
    color:#fff!important
}
html[data-theme=dark] body .page-header{
    background-color:hsla(0,0%,100%,.05)!important
}
html[data-theme=dark] body .page-header h1{
    color:#fff!important
}
html[data-theme=dark] body .breadcrumb-item{
    --breadcrumb-txt-color:#fff!important
}
html[data-theme=dark] body .header-default.clone,html[data-theme=dark] body header .clone{
    background-color:var(--background-dark-color)!important;
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .canvas-menu{
    background-color:var(--background-dark-color)
}
html[data-theme=dark] body .canvas-menu .vertical-menu li a{
    color:#fff!important
}
html[data-theme=dark] body .canvas-menu .vertical-menu li .switch{
    border-color:var(--border-dark-color)
}
html[data-theme=dark] body .about-author{
    background-color:hsla(0,0%,100%,.05)
}
html[data-theme=dark] body .about-author .details .name a{
    color:#fff!important
}
html[data-theme=dark] body .breadcrumb-item:before{
    color:var(--text-color)!important
}
html[data-theme=dark] body .form-control{
    background-color:hsla(0,0%,100%,.05);
    border-color:var(--border-dark-color);
    color:#fff
}
html[data-theme=dark] body .header-classic .header-top,html[data-theme=dark] body .header-minimal,html[data-theme=dark] body .header-personal .centered-nav{
    border-color:var(--border-dark-color)
}
html[data-theme=dark] body .logo-light{
    display:none
}
html[data-theme=dark] body .logo-dark{
    display:block
}
html[data-theme=dark] body .auth-card{
    border:1px solid var(--border-dark-color)!important
}
html[data-theme=dark] body .auth-card,html[data-theme=dark] body .auth-card .card-header{
    background-color:var(--background-dark-color)!important
}
html[data-theme=dark] body .auth-card .input-group .input-group-text{
    background:var(--background-color-dark)!important;
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .auth-card .input-group .form-control{
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .search-popup{
    background-color:var(--background-dark-color)!important
}
html[data-theme=dark] body .search-popup .btn-close{
    color:#fff!important
}
html[data-theme=dark] body .blog-posts-search-results .post-list-sm{
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .post.before-seperator:before{
    background:linear-gradient(270deg,hsla(0,0%,92%,.2) 0,transparent)!important
}
html[data-theme=dark] body .fob-comment-list-wrapper{
    border-color:var(--border-dark-color)!important
}
html[data-theme=dark] body .fob-comment-list-wrapper .fob-comment-item .fob-comment-item-inner:after,html[data-theme=dark] body .fob-comment-list-wrapper .fob-comment-item .fob-comment-item-inner:before{
    background:linear-gradient(270deg,hsla(0,0%,92%,.2) 0,transparent)!important
}
html[data-theme=dark] body .header-buttons .icon-button a,html[data-theme=dark] body .header-buttons .icon-button a:hover{
    color:#fff!important
}
html[data-theme=dark] body .newsletter-popup-content{
    background-color:var(--background-dark-color)
}
html[data-theme=dark] body .newsletter-popup-content .text-muted{
    color:var(--text-color)!important
}
html[data-theme=dark] body .newsletter-popup .btn-close{
    filter:var(--bs-btn-close-white-filter)!important
}