*,body{
    font-family:var(--primary-font)
}
a,button,input,select,textarea{
    outline:none
}
a:hover,h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus{
    text-decoration:none
}
a:focus,button:focus,input:focus,select:focus,textarea:focus{
    outline:none;
    text-decoration:none
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-family:sans-serif
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
[hidden],template{
    display:none
}
a{
    -webkit-text-decoration-skip:objects;
    background-color:transparent
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit;
    margin:0
}
optgroup{
    font-weight:700
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
iframe,img{
    max-width:100%
}
iframe{
    border:0;
    width:100%
}
*{
    font-weight:400
}
h1,h2,h3,h4,h5,h6{
    color:#111;
    margin-bottom:10px;
    margin-top:0;
    position:relative
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
h1{
    font-size:36px
}
h2{
    font-size:28px
}
h3{
    font-size:22px
}
h4{
    font-size:18px
}
h5{
    font-size:16px
}
h6{
    font-size:12px
}
p{
    font-size: 16px;
    font-weight: 400;
    color: #52525b;
}
a{
    color:inherit;
    position:relative;
    text-decoration:none;
    transition:all .3s ease
}
ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
p:empty{
    margin-bottom:0
}
.list a{
    color:#666;
    display:inline-block;
    font-size:13px
}
.list li{
    margin-bottom:10px;
    position:relative;
    transition:all .4s ease
}
.list li:hover a{
    color:var(--color-1st)
}
.list--dot li{
    padding-left:20px;
    position:relative
}
.list--dot li:before{
    background-color:rgba(255,43,74,.8);
    border-radius:50%;
    box-shadow:inset 0 0 0 2px #fff;
    content:"";
    height:12px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .6s ease;
    width:12px
}
.list--dot li:hover a{
    color:var(--color-1st)
}
.list--dot li:hover:before{
    box-shadow:inset 0 0 0 10px var(--color-1st)
}
.list--fadeIn li:before{
    content:" ";
    display:inline-block;
    left:0;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .4s ease;
    visibility:hidden
}
.list--fadeIn li:hover{
    padding-left:10px
}
.list--fadeIn li:hover:before{
    opacity:1;
    visibility:visible
}
.list--plus li{
    padding-left:15px
}
.list--plus li:before{
    color:var(--color-1st);
    content:"";
    display:inline-block;
    font-family:Ionicons;
    font-size:20px;
    left:0;
    opacity:1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .4s ease;
    visibility:visible
}
.list--timeline li{
    padding-left:25px;
    position:relative
}
.list--timeline li:before{
    background-color:var(--color-1st);
    border-radius:50%;
    box-shadow:inset 0 0 0 2px #fff;
    content:"";
    height:15px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .6s ease;
    width:15px;
    z-index:20
}
.list--timeline li a{
    font-size:12px;
    font-weight:700;
    padding:15px 0
}
.list--timeline li:after{
    background-color:var(--color-1st);
    content:"";
    height:100%;
    left:7px;
    position:absolute;
    top:50%;
    width:1px;
    z-index:10
}
.list--timeline li:last-child:after{
    display:none
}
.list--timeline li:hover a{
    color:var(--color-1st)
}
.list--timeline li:hover:before{
    box-shadow:inset 0 0 0 10px var(--color-1st)
}
#back2top{
    background-color:transparent;
    border:2px solid var(--color-1st);
    border-radius:50%;
    bottom:0;
    height:40px;
    opacity:0;
    position:fixed;
    right:40px;
    transition:all .5s ease;
    visibility:hidden;
    width:40px;
    z-index:10000
}
#back2top svg{
    color:var(--color-1st);
    font-size:20px;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:10001
}
#back2top:hover{
    background-color:var(--color-1st);
    cursor:pointer
}
#back2top:hover svg{
    color:#fff
}
#back2top.active{
    bottom:90px;
    opacity:1;
    visibility:visible
}
.btn-transparent{
    background-color:transparent;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-size:12px;
    font-weight:500;
    padding:4px 15px;
    text-transform:uppercase
}
.btn-transparent:hover{
    background-color:#fff;
    color:#000
}
.navigation-toggle{
    display:inline-block;
    float:right;
    height:30px;
    margin-top:15px;
    overflow:hidden;
    position:relative;
    width:30px
}
.navigation-toggle span,.navigation-toggle:after,.navigation-toggle:before{
    background-color:#fff;
    height:2px;
    position:absolute;
    right:5px;
    transition:all .4s ease;
    z-index:100
}
.navigation-toggle span{
    top:50%;
    transform:translateY(-50%);
    width:15px
}
.navigation-toggle:after,.navigation-toggle:before{
    content:""
}
.navigation-toggle:before{
    top:7px;
    width:10px
}
.navigation-toggle:after{
    bottom:7px;
    width:20px
}
.navigation-toggle:hover{
    cursor:pointer
}
.navigation-toggle:hover span,.navigation-toggle:hover:after,.navigation-toggle:hover:before{
    width:20px
}
.navigation-toggle--dark span,.navigation-toggle--dark:after,.navigation-toggle--dark:before{
    background-color:#666
}
.navigation-toggle--active span{
    opacity:0;
    transform:translateX(100%);
    visibility:hidden
}
.navigation-toggle--active:after,.navigation-toggle--active:before{
    bottom:auto;
    top:50%;
    transform-origin:50% 50%;
    width:20px
}
.navigation-toggle--active:before{
    transform:rotate(45deg)
}
.navigation-toggle--active:after{
    transform:rotate(-45deg)
}
.btn{
    box-shadow:none;
    line-height:1.3em;
    margin-bottom:10px;
    outline:none!important;
    padding:10px 15px;
    transition:all .4s ease
}
.btn--default{
    background-color:#ecf0f1
}
.btn--small{
    padding:5px 10px
}
.btn--large{
    padding:15px 25px
}
.btn--full-width{
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase;
    width:100%
}
.btn--red{
    background-color:var(--color-1st);
    color:#fff
}
.btn--red:hover{
    background-color:#f70024;
    color:#fff
}
.btn--red.btn-inserve{
    background-color:transparent;
    border:2px solid var(--color-1st);
    color:#666
}
.btn--red.btn-inserve:hover{
    background-color:#f70024;
    color:#fff
}
.btn--black{
    background-color:#666;
    color:#fff
}
.btn--black:hover{
    background-color:#f70024;
    color:#fff
}
.social{
    display:inline-block;
    position:relative;
    z-index:10
}
.social:after{
    clear:both;
    content:"";
    display:table
}
.social li{
    float:left;
    margin-right:15px
}
.social--white a{
    background-color:#999;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    height:30px;
    position:relative;
    width:30px
}
.social--white i{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:10
}
.social--white li:hover a{
    background-color:var(--color-1st);
    border-radius:3px;
    color:#fff
}
.social--simple li a{
    background-color:#9d9d9d;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    height:25px;
    padding:10px;
    width:25px
}
.social--simple li a i{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:10
}
.social--simple li:last-child{
    margin-right:0
}
.social--simple li:hover a{
    background-color:var(--color-1st)
}
.page-pagination .list{
    display:inline-block
}
.page-pagination .list:after{
    clear:both;
    content:"";
    display:table
}
.page-pagination li{
    float:left;
    margin-right:10px
}
.page-pagination li.active a,.page-pagination li:hover a{
    background-color:var(--color-1st);
    color:#fff
}
.page-pagination .pagination a,.page-pagination .pagination span{
    background-color:#ddd;
    color:#6c757d;
    display:inline-block;
    min-width:30px;
    outline:none!important;
    padding:10px 15px
}
.page-pagination .pagination .page-item.disabled .page-link{
    background-color:#ddd;
    color:#6c757d;
    cursor:not-allowed
}
.page-searchbox{
    background-color:#ecf0f1;
    left:0;
    min-height:100px;
    opacity:0;
    padding:30px 0;
    position:fixed;
    top:0;
    transform:translateY(-100%);
    transition:all .4s ease;
    visibility:hidden;
    width:100%;
    z-index:100
}
.page-searchbox .searchbox__input{
    border:1px solid #fff;
    color:#999;
    display:inline-block;
    font-size:13px;
    min-height:40px;
    padding:0 15px;
    transition:all .4s ease;
    width:100%
}
.page-searchbox .searchbox__input::-webkit-input-placeholder{
    color:#999;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.page-searchbox .searchbox__input:-moz-placeholder,.page-searchbox .searchbox__input::-moz-placeholder{
    color:#999;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.page-searchbox .searchbox__input:-ms-input-placeholder{
    color:#999;
    -ms-transition:all .4s ease;
    transition:all .4s ease
}
.page-searchbox .searchbox__input:focus{
    border-color:#fff;
    color:#222
}
.page-searchbox .searchbox__input:focus::-webkit-input-placeholder{
    color:#222
}
.page-searchbox .searchbox__input:focus:-moz-placeholder,.page-searchbox .searchbox__input:focus::-moz-placeholder{
    color:#222
}
.page-searchbox .searchbox__input:focus:-ms-input-placeholder{
    color:#222
}
.page-searchbox.is__active{
    opacity:1;
    transform:translateY(0);
    transition:all .4s ease;
    transition-delay:.15s;
    visibility:visible
}
.searchbox{
    background-color:var(--color-1st);
    border-radius:50%;
    height:0;
    left:50%;
    position:fixed;
    top:50%;
    transition:all .4s ease;
    width:0;
    z-index:10000
}
.searchbox input{
    opacity:0;
    transition:all .4s ease;
    visibility:hidden
}
.searchbox.active{
    border-radius:0;
    height:100%;
    left:0;
    top:0;
    transform:translate(0);
    width:100%
}
.searchbox.active input{
    opacity:1;
    transition-delay:.1s;
    visibility:visible
}
.section .section__title{
    color:#666;
    font-size:24px;
    font-weight:700;
    line-height:1.4em;
    text-transform:uppercase
}
.section .section__title.is__small{
    font-size:14px
}
.section .section__title.is__white{
    color:#fff
}
.section .section__description{
    color:#666;
    font-size:14px
}
.post{
    position:relative
}
.post .post__overlay{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .4s ease;
    width:100%;
    z-index:10
}
.post__inside .post__header{
    bottom:0;
    left:0;
    padding:25px 30px;
    position:absolute;
    width:100%;
    z-index:20
}
@media screen and (max-width:991px){
    .post__inside{
        margin-bottom:30px
    }
}
.post__inside--feature .post__header{
    background-color:transparent;
    background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 75%);
    transition:all .4s ease
}
.post__inside--feature .post__title{
    margin-bottom:15px
}
.post__inside--feature .post__title a{
    color:#fff;
    font-size:16px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase
}
.post__inside--feature .post__title:hover a{
    color:var(--color-1st)
}
.post__meta span svg{
    width:16px
}
.post__inside--feature .post__meta span{
    color:var(--color-1st);
    margin-right:15px
}
.post__inside--feature .post__meta span svg{
    margin-right:8px
}
.post__inside--feature .post__meta span a{
    color:#fff;
    font-size:11px;
    font-weight:400;
    letter-spacing:.05em;
    text-transform:uppercase
}
.post__inside--feature .post__meta span a:hover{
    color:var(--color-1st)
}
.post__inside--feature .post__meta .post-category{
    background-color:var(--color-1st);
    color:#fff;
    display:inline-block;
    line-height:15px;
    padding:3px 10px;
    transition:all .5s ease
}
.post__inside--feature .post__meta .post-category svg{
    color:#fff
}
.post__inside--feature .post__meta .post-category:hover svg{
    color:var(--color-1st)
}
.post__inside--feature .post__meta .post-category a{
    color:#fff;
    display:inline-block;
    letter-spacing:.1em
}
.post__inside--feature .post__meta .post-category a:hover{
    color:#fff
}
.post__inside--feature .post__meta .post-category:hover{
    background-color:#fff;
    color:var(--color-1st)
}
.post__inside--feature .post__meta .post-category:hover a{
    color:var(--color-1st)
}
.post__inside--feature:hover .post__overlay{
    background-color:rgba(0,0,0,.1)
}
.post__inside--feature-small .post__header{
    padding:15px
}
.post__inside--feature-small .post__title{
    line-height:1em;
    margin-bottom:0
}
.post__inside--feature-small .post__title a{
    font-size:13px;
    font-weight:400;
    text-transform:none
}
.post__horizontal{
    box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.post__horizontal .post__thumbnail{
    float:left;
    position:relative;
    width:350px;
    z-index:20
}
.post__horizontal .post__thumbnail .post__overlay{
    transition:all .4s ease-in;
    z-index:20
}
.post__horizontal .post__content-wrap{
    float:left;
    padding:15px 20px;
    width:calc(100% - 350px)
}
.post__horizontal .post__content-wrap:before{
    background-color:#fff;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.post__horizontal .post__content,.post__horizontal .post__footer,.post__horizontal .post__header{
    position:relative
}
.post__horizontal .post__title{
    margin-bottom:10px
}
.post__horizontal .post__title a{
    color:#666;
    font-size:16px;
    font-weight:700;
    letter-spacing:0;
    text-transform:uppercase
}
.post__horizontal .post__title:hover a{
    color:var(--color-1st)
}
.post__horizontal .post__meta{
    margin-bottom:10px
}
.post__horizontal .post__meta span{
    color:var(--color-1st);
    margin-right:15px
}
.post__horizontal .post__meta span svg{
    margin-right:5px
}
.post__horizontal .post__meta .post__created-at,.post__horizontal .post__meta span a{
    color:#666;
    font-size:12px;
    font-weight:400;
    letter-spacing:.02em
}
.post__horizontal .post__meta span a:hover{
    color:var(--color-1st)
}
.post__horizontal .post__content{
    margin-bottom:15px
}
.post__horizontal .post__content p{
    color:#666;
    font-size:13px;
    letter-spacing:.05em;
    line-height:1.5em
}
.post__horizontal .post__content p:after{
    content:"..."
}
@media screen and (max-width:767px){
    .post__horizontal .post__content-wrap,.post__horizontal .post__thumbnail{
        float:none;
        width:100%
    }
    .navigation{
        display:none;
        opacity:0
    }
}
.post__horizontal--single{
    box-shadow:none
}
.post__horizontal--single .post__thumbnail{
    width:100px
}
.post__horizontal--single .post__content-wrap{
    padding:0 0 0 15px;
    width:calc(100% - 100px)
}
.post__horizontal--single .post__content-wrap:before{
    display:none
}
.post__horizontal--single .post__title{
    line-height:.8em;
    margin-bottom:0
}
.post__horizontal--single .post__title a{
    font-size:14px;
    text-transform:none
}
@media screen and (max-width:767px){
    .post__horizontal--single .post__content-wrap,.post__horizontal--single .post__thumbnail{
        float:left
    }
}
.post__widget .post__thumbnail{
    float:left;
    position:relative;
    width:60px;
    z-index:20
}
.post__widget .post__overlay{
    z-index:20
}
.post__widget .post__header{
    float:left;
    padding-left:15px;
    width:calc(100% - 60px)
}
.post__widget .post__title{
    color:#636363;
    font-size:13px;
    line-height:1.5em;
    margin-bottom:0;
    text-transform:none
}
.post__widget .post__title a{
    color:#636363;
    font-weight:400
}
.post__widget .post__title:hover a{
    color:var(--color-1st)
}
.post__widget .created_at{
    color:var(--color-1st);
    font-size:11px
}
.post__widget--simple{
    border:none
}
.post__widget--simple .post__header{
    float:none;
    padding-left:0;
    width:100%
}
.post__widget--simple .post__title{
    color:#e4e4e4;
    font-size:12px;
    line-height:1.6em
}
.post__widget--simple .post__title a{
    display:inline-block
}
.post__widget--circle .post__thumbnail{
    overflow:hidden
}
.post__widget--circle .post__thumbnail img{
    border:2px solid #fff;
    border-radius:50%;
    transition:all .4s ease
}
.post__widget--circle .post__header{
    padding-top:10px
}
.post__widget--circle .post__title a{
    font-weight:700
}
.post__vertical .post__thumbnail{
    position:relative
}
.post__vertical .post__title a{
    color:#666;
    font-size:14px;
    font-weight:700;
    line-height:1.4em
}
.post__vertical .post__title:hover a{
    color:var(--color-1st)
}
.post__vertical--single{
    background-color:#fff
}
.post__vertical--single .post__thumbnail{
    position:relative
}
.post__vertical--single .post__content-wrap{
    padding:50px 0 25px;
    position:relative
}
.post__vertical--single .post__meta{
    background-color:var(--color-1st);
    height:70px;
    left:30px;
    padding-top:3px;
    position:absolute;
    text-align:center;
    top:0;
    transform:translateY(-50%);
    width:70px;
    z-index:30
}
.post__vertical--single .post__meta span{
    color:#fff;
    display:inline-block;
    font-size:10px;
    font-weight:400;
    line-height:1em;
    text-transform:uppercase;
    width:100%
}
.post__vertical--single .post__meta span.created__date{
    font-size:20px;
    font-weight:700
}
.post__vertical--single .post__meta span.created__year{
    font-size:14px;
    font-weight:700
}
.post__vertical--single .post__title a{
    font-size:18px
}
.post__vertical--single .post__content{
    padding-bottom:15px
}
.post__vertical--single .post__content p{
    color:#666;
    font-size:14px
}
.post__vertical--single .post__content p:after{
    content:"..."
}
.post__vertical--single .post__readmore{
    color:var(--color-1st);
    font-size:12px;
    font-weight:600;
    padding-bottom:3px;
    position:relative;
    text-transform:uppercase
}
.post__vertical--single .post__readmore:after{
    background-color:var(--color-1st);
    bottom:0;
    content:"";
    height:1px;
    left:0;
    margin:0 auto;
    opacity:0;
    position:absolute;
    right:0;
    transition:all .3s ease;
    width:50%;
    z-index:20
}
.post__vertical--single .post__readmore:hover:after{
    opacity:1;
    width:100%
}
.post__vertical--simple{
    background-color:transparent
}
.post__vertical--simple .post__content-wrap{
    padding:50px 0 15px
}
.post__vertical--simple .post__content{
    background-color:transparent
}
.post__vertical--simple .post__content p{
    font-size:13px
}
.post__vertical--collection{
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    transition:all .4s ease
}
.post__vertical--collection .post__thumbnail img{
    border-radius:3px 3px 0 0
}
.post__vertical--collection .post__header{
    background-color:#ecf0f1;
    border-radius:0 0 3px 3px;
    padding:10px 15px 20px
}
.post__vertical--collection .post__meta:after{
    clear:both;
    content:"";
    display:table
}
.post__vertical--collection .post__meta span{
    display:inline-block;
    font-size:12px
}
.post__vertical--collection .post__meta .post__created-at{
    float:left
}
.post__vertical--collection .post__meta .post__category{
    float:right
}
@media screen and (max-width:767px){
    .post__vertical--collection{
        margin:0 auto;
        max-width:480px
    }
}
.post--single .post__header{
    border-bottom:1px solid #eee
}
.post--single .post__title{
    color:#666;
    font-size:24px;
    font-weight:700;
    letter-spacing:.05em
}
.post--single .post__meta{
    margin-bottom:10px
}
.post--single .post__meta span{
    color:var(--color-1st);
    margin-right:15px
}
.post--single .post__meta span svg{
    margin-right:5px
}
.post--single .post__meta span a{
    color:#666;
    font-size:12px;
    font-weight:400;
    letter-spacing:.01em
}
.post--single .post__meta span a:hover{
    color:var(--color-1st)
}
.post--single .post__meta .post__tags a{
    margin-right:5px
}
.post--single .post__content{
    padding:30px 0
}
.post--single .post__content h1,.post--single .post__content h2,.post--single .post__content h3,.post--single .post__content h4,.post--single .post__content h5,.post--single .post__content h6,.post--single .post__content p{
    color:#666
}
.post--single .post__content p{
    font-size:13px;
    line-height:1.8em;
    margin-bottom:15px
}
.post--single .post__relate-group{
    text-align:left
}
.post--single .post__relate-group.post__relate-group--right{
    text-align:right
}
.post--single .post__relate-group.post__relate-group--right .relate__title:after{
    left:auto;
    right:0
}
.post--single .post__relate-group .relate__title{
    color:#333;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
    padding-bottom:5px;
    position:relative
}
.post--single .post__relate-group .relate__title:after{
    background-color:var(--color-1st);
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:100%;
    width:25px;
    z-index:10
}
@media screen and (max-width:767px){
    .post--single .post__relate-group{
        margin-bottom:30px
    }
    .post--single .post__relate-group.post__relate-group--right{
        text-align:left
    }
    .post--single .post__relate-group.post__relate-group--right .relate__title:after{
        left:0;
        right:auto
    }
}
.post--related:after{
    clear:both;
    content:"";
    display:table
}
.post--related .post__thumbnail{
    float:left;
    position:relative;
    width:100px
}
.post--related .post__header{
    border-bottom:none;
    float:left;
    padding-left:15px;
    width:calc(100% - 100px)
}
.post--related .post__title{
    font-size:14px;
    text-transform:uppercase
}
.post--related .post__title:hover{
    color:var(--color-1st)
}
.post--related.post--inserve .post__header,.post--related.post--inserve .post__thumbnail{
    float:right
}
.post--related.post--inserve .post__header{
    padding-left:0;
    padding-right:15px
}
@media screen and (max-width:767px){
    .post--related.post--inserve .post__header,.post--related.post--inserve .post__thumbnail{
        float:left
    }
    .post--related.post--inserve .post__header{
        padding-left:15px;
        padding-right:0
    }
}
.widget{
    background-color:#fff;
    box-shadow:0 0 7px rgba(0,0,0,.1);
    margin-bottom:30px
}
.widget .widget__content,.widget .widget__header{
    padding:15px
}
.widget .widget__content .list li a,.widget .widget__header .list li a{
    color:#636363
}
.widget .widget__content .list li a:hover,.widget .widget__header .list li a:hover{
    color:var(--color-1st)
}
.widget.widget__footer .widget__content .list li a{
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    line-height: 24px;
}
.widget.widget__footer .widget__content .list li a:hover{
    color: var(--maincolor);
}
.widget .widget__header{
    background-color:#f9f9f9
}
.widget .widget__title{
    color:#363636;
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.widget__recent-post .post{
    border-bottom:1px dashed #eee;
    margin-bottom:15px;
    padding-bottom:15px
}
.widget__recent-post li:last-child .post{
    border-bottom-width:0
}
.widget__list li{
    margin-bottom:0
}
.widget__list a{
    color:#363636;
    display:inline-block;
    font-size:13px;
    padding:10px 0;
    width:100%
}
.widget__about .person-info{
    margin-bottom:20px
}
.widget__about .person-info:after{
    clear:both;
    content:"";
    display:table
}
.widget__about .person-info__thumbnail{
    float:left;
    width:60px
}
.widget__about .person-info__thumbnail img{
    border-radius:50%
}
.widget__about .person-info__content{
    float:left;
    padding-left:15px;
    padding-top:15px;
    width:calc(100% - 60px)
}
.widget__about .person-info__title{
    color:#e4e4e4;
    font-size:14px;
    line-height:1.6em;
    margin-bottom:0;
    text-transform:uppercase
}
.widget__about p{
    color:#d7d0d0;
    font-size:13px;
    line-height:1.6em
}
.widget__about .person-detail p{
    color:#e4e4e4;
    font-size:13px;
    margin-bottom:15px
}
.widget__about .person-detail svg{
    color:var(--color-1st);
    margin-right:5px;
    vertical-align:middle;
    width:20px
}
.widget__about .person-detail a{
    color:#fff
}
.widget__about .person-detail a:hover{
    color:var(--color-1st)
}
.widget_about--dark .person-detail a,.widget_about--dark .person-detail p,.widget_about--dark .person-info__title{
    color:#666
}
.widget--transparent{
    background-color:transparent;
    box-shadow:none
}
.widget--transparent .widget__content,.widget--transparent .widget__header{
    padding:0
}
.widget--transparent .widget__header{
    background-color:transparent;
    border:none;
    margin-bottom:20px;
    padding-bottom:5px;
    position:relative
}
.widget--transparent .widget__header:after{
    background-color:var(--color-1st);
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:100%;
    width:25px;
    z-index:10
}
.widget--transparent .post{
    margin-bottom:0
}
.widget__footer .widget__header{margin-bottom: 35px;}
.widget__footer .widget__title{
    font-size: 20px;
    font-weight: 500;
    color: var(--textsub02);
}
.widget__footer .widget__header::after{content: none;}
.widget__footer .post__widget--simple{
    border-bottom:0;
    margin-bottom:10px;
    padding-bottom:0
}
.widget__search .input__search{
    border:1px solid #e4e4e4;
    border-radius:0;
    height:40px;
    padding:0 15px;
    transition:all .4s ease;
    width:100%
}
.widget__search .input__search:focus{
    border-color:var(--color-1st)
}
.widget__search--transparent .input__search{
    background-color:transparent;
    border-color:#e1e1e1;
    color:#666
}
.widget__tags .tag-link{
    background-color:#ecf0f1;
    color:#666;
    display:inline-block;
    font-size:12px;
    margin-inline-end:10px;
    margin-bottom:10px;
    padding:5px 15px
}
.widget__tags .tag-link:last-child{
    margin-right:0
}
.widget__tags .tag-link:hover{
    background-color:var(--color-1st);
    color:#fff
}
.widget__tags--transparent .tag-link{
    background-color:#fff
}
.page-intro{
    position:relative;
    text-align:center
}
.page-intro:after{
    background-color:rgba(26,35,126,.3);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.page-intro .page-intro__description,.page-intro .page-intro__title{
    position:relative;
    z-index:10
}
.page-intro .page-intro__title{
    color:#fff;
    font-size:24px;
    letter-spacing:.1em;
    text-transform:uppercase
}
.page-intro .breadcrumb{
    background-color:transparent;
    margin-bottom:0;
    margin-top:20px;
    position:relative;
    z-index:10
}
.page-intro .breadcrumb li{
    color:#e4e4e4;
    font-size:13px
}
.page-intro .breadcrumb li:before{
    color:#e4e4e4
}
.page-intro .breadcrumb li a:hover,.page-intro .breadcrumb li:active{
    color:var(--color-1st)
}
.page-intro .page-intro__description{
    color:#b3b3b3;
    font-size:14px
}
.page-intro .social{
    margin-top:10px
}
.navigation .menu:after{
    clear:both;
    content:"";
    display:table
}
.navigation .menu-item{
    float:left;
    position:relative
}
/* .navigation .menu-item>a{
    color:#ccc;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    padding:20px 15px
} */
.navigation .menu-item>.sub-menu{
    opacity:0;
    transition:all .4s ease;
    visibility:hidden
}
.navigation .menu-item.menu-item-has-children>a .toggle-icon{
    color:#ccc;
    font-size:16px;
    padding-left:5px
}
.navigation .menu-item.menu-item-has-children>a .toggle-icon svg{
    width:16px
}
.navigation-mobile .menu-item.menu-item-has-children>a .toggle-icon{
    height:39px;
    line-height:39px;
    margin-top:-10px;
    text-align:center;
    width:39px
}
.navigation .menu-item:hover>a{
    color:#fff
}
.navigation .menu-item:hover>.sub-menu{
    opacity:1;
    visibility:visible
}
.navigation .sub-menu{
    background-color:#fff;
    border-top:2px solid var(--color-1st);
    box-shadow:0 0 1px rgba(34,25,25,.4);
    left:0;
    min-width:340px;
    position:absolute;
    top:100%;
    z-index:100
}
.navigation .sub-menu>.menu-item{
    border-bottom:1px dashed rgba(34,25,25,.3);
    float:none
}
.navigation .sub-menu>.menu-item:last-child{
    border-bottom:0
}
.navigation .sub-menu>.menu-item>a{
    color:#666;
    display:block;
    line-height:1.4em;
    padding:10px 20px
}
.navigation--mobile{
    background-color:#fff;
    border-top:2px solid var(--color-1st);
    box-shadow:0 3px 4px 0 rgba(0,0,0,.3);
    left:0;
    margin:0;
    opacity:0;
    position:absolute;
    top:100%;
    visibility:hidden;
    width:100%;
    z-index:100
}
.navigation--mobile .menu-item{
    border-bottom:1px dashed rgba(34,25,25,.2);
    float:none
}
.navigation--mobile .menu-item>a{
    color:#666;
    display:block;
    font-size:13px;
    padding:15px;
    position:relative
}
.navigation--mobile .menu-item:last-child{
    border-bottom:0
}
.navigation--mobile .menu-item.menu-item-has-children a .toggle-icon{
    color:#666;
    position:absolute;
    right:15px
}
.navigation--mobile .menu-item>.sub-menu{
    opacity:1;
    visibility:visible
}
.navigation--mobile>.menu>.menu-item.menu-item--active{
    background-color:var(--color-1st);
    border-bottom:none
}
.navigation--mobile>.menu .menu-item.menu-item--active>a{
    color:#fff!important
}
.navigation--mobile>.menu .menu-item.menu-item--active>a .toggle-icon{
    color:#fff
}
.navigation--mobile .menu-item:hover a{
    color:#666
}
.navigation--mobile .sub-menu{
    border-top:none;
    display:none;
    position:relative
}
.navigation--mobile .sub-menu--active{
    display:block
}
.navigation--mobile--active{
    display:block;
    opacity:1;
    visibility:visible
}
.navigation--light .menu-item>a,.navigation--light .menu-item>a .toggle-icon{
    color:#666
}
.navigation--light .menu-item.active>a,.navigation--light .menu-item:hover>a,.navigation--light .menu-item:hover>a .toggle-icon{
    color:var(--color-1st)
}
.page-header{
    background-color:rgba(0,0,0,.9);
    border-bottom:0;
    margin:0;
    padding:15px 0;
    position:relative;
    transition:all .4s ease-out
}
.page-header--search-active{
    padding-top:100px
}
.header--sticky{
    background-color:#000;
    left:0;
    padding:5px 0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100
}
.header--sticky-pin{
    transform:translate(0)
}
.header--sticky-unpin{
    transform:translateY(-100%)
}
.page-header__left{
    float:left
}
.page-logo{
    align-items:center;
    display:flex;
    height:60px;
    justify-content:center
}
.page-logo img{
    max-height:50px
}
.page-header__right{
    float:right
}
.search-btn{
    float:right;
    line-height:60px;
    padding:0 15px
}
.search-btn i{
    color:#fff;
    font-size:16px
}
.search-btn:hover{
    cursor:pointer
}
.navigation{
    float:left;
    margin-right:20px
}
.page-header--light{
    background-color:#fff;
    border-bottom:1px solid #eee
}
.page-header--light .search-btn i{
    color:#666
}
.page-footer{
    position:relative
}
.page-footer__info .info__header{
    margin-bottom:20px
}
.page-footer__info .info__header h3{
    color:#e4e4e4;
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;
    text-transform:uppercase
}
.page-footer__info .info__header p,.page-footer__info p{
    color:#999;
    font-size:12px;
    font-style:italic
}
.page-footer__bottom{
    background:#000;
    padding:20px 0 5px;
    position:relative;
    text-align:left
}
@media screen and (max-width:767px){
    .page-footer__bottom{
        text-align:center
    }
    .page-footer__bottom .page-copyright{
        margin-bottom:10px
    }
    .page-footer__bottom .page-footer__social{
        text-align:center
    }
}
.page-copyright{
    display:inline-block;
    line-height:35px
}
.page-copyright p{
    color:#d7d0d0;
    font-size:13px;
    letter-spacing:0;
    line-height:1.5em;
    margin-bottom:0
}
.page-copyright p a{
    color:var(--color-1st);
    display:inline-block;
    padding-left:5px
}
.page-copyright p a:hover{
    color:#fff
}
.post-group .post-group__header{
    margin-bottom:25px;
    position:relative
}
.post-group .post-group__title{
    color:#555;
    display:inline-block;
    font-size:16px;
    font-weight:700;
    line-height:1.6em;
    text-transform:uppercase
}
.post-group .post-group__title:after{
    background-color:var(--color-1st);
    content:"";
    height:2px;
    left:0;
    margin:0;
    position:absolute;
    top:100%;
    width:50px
}
.post-group--hero:after{
    clear:both;
    content:"";
    display:table
}
.post-group--hero .post-group__left,.post-group--hero .post-group__right{
    float:left
}
.post-group--hero .post-group__left{
    padding-left:5px;
    width:calc(50% + 5px)
}
.post-group--hero .post-group__right{
    width:calc(50% - 5px)
}
.post-group--hero .post-group__right:after{
    clear:both;
    content:"";
    display:table
}
.post-group--hero .post{
    margin-bottom:5px;
    margin-right:5px
}
.post-group--hero .post-group__item{
    float:left;
    width:50%
}
@media screen and (max-width:991px){
    .post-group--hero .post-group__left,.post-group--hero .post-group__right{
        float:none;
        width:100%
    }
    .post-group--hero .post-group__left{
        padding:0
    }
}
@media screen and (max-width:480px){
    .post-group--hero .post-group__item{
        width:100%
    }
}
.navigation--fade .menu-item:hover>.sub-menu{
    transform:translateY(0)
}
.navigation--fadeUp .menu-item>.sub-menu{
    transform:translateY(30px)
}
.navigation--fadeDown .menu-item>.sub-menu{
    transform:translateY(-30px)
}
.navigation--fadeLeft .menu-item>.sub-menu{
    transform:translateX(-30px)
}
.navigation--fadeRight .menu-item>.sub-menu{
    transform:translateX(30px)
}
.navigation--flip .menu-item>.sub-menu{
    transition:all .5s ease
}
.navigation--flip .menu-item:hover>.sub-menu{
    transform:rotate(0)
}
.navigation--flipLeft .menu-item>.sub-menu{
    transform:rotate(20deg);
    transform-origin:0 0
}
.navigation--flipCenter .menu-item>.sub-menu{
    transform:translateX(0) rotate(-10deg);
    transform-origin:50% 50%
}
.navigation--flipRight .menu-item>.sub-menu{
    transform:translateX(0) rotate(-10deg);
    transform-origin:100% 100%
}
.navigation--mobile.navigation--fadeDown .menu-item>.sub-menu,.navigation--mobile.navigation--fadeLeft .menu-item>.sub-menu,.navigation--mobile.navigation--fadeRight .menu-item>.sub-menu,.navigation--mobile.navigation--fadeUp .menu-item>.sub-menu{
    transform:translateY(0)
}
.navigation--mobile.navigation--flip .menu-item>.sub-menu,.navigation--mobile.navigation--flipCenter .menu-item>.sub-menu,.navigation--mobile.navigation--flipLeft .menu-item>.sub-menu,.navigation--mobile.navigation--flipRight .menu-item>.sub-menu{
    transform:rotate(0)
}
.sub-menu--slideLeft .sub-menu>.menu-item{
    position:relative
}
.sub-menu--slideLeft .sub-menu>.menu-item:after{
    background-color:var(--color-1st);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .25s ease-out;
    width:0;
    z-index:0
}
.sub-menu--slideLeft .sub-menu>.menu-item>a{
    position:relative;
    transition:all .25s ease;
    z-index:10
}
.sub-menu--slideLeft .sub-menu>.menu-item>a:before{
    color:#fff;
    content:" ";
    font-size:13px;
    font-weight:600;
    margin-right:5px;
    transition:all .25s ease;
    visibility:hidden
}
.sub-menu--slideLeft .sub-menu>.menu-item:hover:after{
    width:100%
}
.sub-menu--slideLeft .sub-menu>.menu-item:hover>a{
    color:#fff;
    padding-left:20px
}
.sub-menu--slideLeft .sub-menu>.menu-item:hover>a:before{
    visibility:visible
}
.margin-0{
    margin:0
}
.mt-0{
    margin-top:0
}
.mt-5{
    margin-top:5px
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mr-0{
    margin-right:0
}
.mr-5{
    margin-right:5px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-20{
    margin-right:20px
}
.mr-25{
    margin-right:25px
}
.mr-30{
    margin-right:30px
}
.mr-35{
    margin-right:35px
}
.mr-40{
    margin-right:40px
}
.mr-45{
    margin-right:45px
}
.mr-50{
    margin-right:50px
}
.mr-55{
    margin-right:55px
}
.mr-60{
    margin-right:60px
}
.mr-65{
    margin-right:65px
}
.mr-70{
    margin-right:70px
}
.mr-75{
    margin-right:75px
}
.mr-80{
    margin-right:80px
}
.mr-85{
    margin-right:85px
}
.mr-90{
    margin-right:90px
}
.mr-95{
    margin-right:95px
}
.mr-100{
    margin-right:100px
}
.mb-0{
    margin-bottom:0
}
.mb-5{
    margin-bottom:5px
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.ml-0{
    margin-left:0
}
.ml-5{
    margin-left:5px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-25{
    margin-left:25px
}
.ml-30{
    margin-left:30px
}
.ml-35{
    margin-left:35px
}
.ml-40{
    margin-left:40px
}
.ml-45{
    margin-left:45px
}
.ml-50{
    margin-left:50px
}
.ml-55{
    margin-left:55px
}
.ml-60{
    margin-left:60px
}
.ml-65{
    margin-left:65px
}
.ml-70{
    margin-left:70px
}
.ml-75{
    margin-left:75px
}
.ml-80{
    margin-left:80px
}
.ml-85{
    margin-left:85px
}
.ml-90{
    margin-left:90px
}
.ml-95{
    margin-left:95px
}
.ml-100{
    margin-left:100px
}
.padding-0{
    padding:0
}
.pt-0{
    padding-top:0
}
.pt-5{
    padding-top:5px
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pr-0{
    padding-right:0
}
.pr-5{
    padding-right:5px
}
.pr-10{
    padding-right:10px
}
.pr-15{
    padding-right:15px
}
.pr-20{
    padding-right:20px
}
.pr-25{
    padding-right:25px
}
.pr-30{
    padding-right:30px
}
.pr-35{
    padding-right:35px
}
.pr-40{
    padding-right:40px
}
.pr-45{
    padding-right:45px
}
.pr-50{
    padding-right:50px
}
.pr-55{
    padding-right:55px
}
.pr-60{
    padding-right:60px
}
.pr-65{
    padding-right:65px
}
.pr-70{
    padding-right:70px
}
.pr-75{
    padding-right:75px
}
.pr-80{
    padding-right:80px
}
.pr-85{
    padding-right:85px
}
.pr-90{
    padding-right:90px
}
.pr-95{
    padding-right:95px
}
.pr-100{
    padding-right:100px
}
.pb-0{
    padding-bottom:0
}
.pb-5{
    padding-bottom:5px
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pl-0{
    padding-left:0
}
.pl-5{
    padding-left:5px
}
.pl-10{
    padding-left:10px
}
.pl-15{
    padding-left:15px
}
.pl-20{
    padding-left:20px
}
.pl-25{
    padding-left:25px
}
.pl-30{
    padding-left:30px
}
.pl-35{
    padding-left:35px
}
.pl-40{
    padding-left:40px
}
.pl-45{
    padding-left:45px
}
.pl-50{
    padding-left:50px
}
.pl-55{
    padding-left:55px
}
.pl-60{
    padding-left:60px
}
.pl-65{
    padding-left:65px
}
.pl-70{
    padding-left:70px
}
.pl-75{
    padding-left:75px
}
.pl-80{
    padding-left:80px
}
.pl-85{
    padding-left:85px
}
.pl-90{
    padding-left:90px
}
.pl-95{
    padding-left:95px
}
.pl-100{
    padding-left:100px
}
.bg-cover{
    background-position:50% 50%;
    background-size:cover
}
.bg-lightgray{
    background-color:#ecf0f1
}
.bg-dark{
    background-color:#212121
}
.bg-overlay{
    background-color:#000;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.9;
    position:absolute;
    top:0;
    width:100%
}
body[dir=rtl] .post-group .post-group__title:after,body[dir=rtl] .widget--transparent .widget__header:after{
    left:auto;
    right:0
}
body[dir=rtl] .widget__about .person-detail i{
    margin-left:10px;
    margin-right:0
}
body[dir=rtl] .header .header-wrap .nav-top ul li a i{
    margin-left:5px;
    margin-right:0
}
body[dir=rtl] .language-wrapper .language_bar_list li a img{
    margin-left:8px;
    margin-right:0
}
body[dir=rtl] .post--single .post__relate-group.post__relate-group--right .relate__title:after{
    left:0;
    right:auto
}
body[dir=rtl] .post--single .post__relate-group .relate__title:after{
    left:auto;
    right:0
}
body[dir=rtl] .header .header-wrap .nav-top .hi-icon-wrap a{
    margin-left:0;
    margin-right:5px
}
.header .header-wrap .nav-top .nav-top-right svg{
    margin-left:5px;
    margin-right:0
}
.super-search.active{
    background:#fff;
    border:none;
    display:block!important;
    height:100%;
    overflow:hidden;
    overflow-y:scroll;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:88888888888
}
.super-search.active .quick-search{
    margin:40px auto;
    width:90%
}
.super-search.active .search-input{
    color:var(--color-1st)!important;
    font-size:60px
}
@media screen and (max-width:991px){
    .super-search.active .search-input{
        font-size:30px
    }
}
.c-layout-header .super-search.active .quick-search>span{
    font-size:60px
}
.search-result{
    display:none
}
.super-search.active .search-result{
    margin:20px auto;
    width:90%
}
.super-search .search-list .row>div{
    animation-duration:.5s;
    animation-fill-mode:both;
    animation-name:bounce-in;
    animation-timing-function:cubic-bezier(.32,1.25,.375,1.15);
    display:none;
    opacity:0;
    transform:translateY(100%)
}
.search-finished .search-list .row>div{
    display:block;
    opacity:1
}
.super-search .search-list .row>div:first-child{
    animation-delay:.15s
}
.search-list{
    list-style:none;
    margin:-65px 0 130px;
    padding:0
}
.search-list a{
    background:#f1f2f1;
    border-radius:2px;
    color:#a1a1a1;
    display:block;
    font-size:16px;
    height:80px;
    line-height:22px;
    margin-bottom:10px;
    overflow:hidden;
    padding:25px;
    position:relative;
    text-decoration:none!important;
    transition:all 225ms ease
}
.search-list .has-image{
    padding-left:115px
}
.search-list .row>div a.squared .img{
    background-size:cover;
    background:#545454 50% 0 no-repeat;
    border-radius:0;
    display:block;
    height:100%;
    left:0;
    line-height:100px;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    transition:transform .45s cubic-bezier(.32,1.25,.375,1.15);
    width:100px
}
.search-list .row>div a.squared .img .fa,.search-list .row>div a.squared .img .glyphicon{
    font-size:34px!important
}
.search-list .row>div a .spoofer{
    display:block;
    opacity:0
}
.search-list .row>div a.squared .visible{
    display:block;
    left:0;
    padding:25px 10px 25px 115px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:transform .45s cubic-bezier(.32,1.25,.375,1.15);
    width:100%
}
.search-list .row>div a:focus,.search-list .row>div a:hover{
    background:#f38b72;
    color:#fff
}
.search-list .row>div a.squared:focus .visible,.search-list .row>div a.squared:hover .visible{
    transform:translateX(-80px) translateY(-50%)
}
.search-list .row>div a.squared:focus .img,.search-list .row>div a.squared:hover .img{
    transform:translateX(-100%) translateY(-50%)
}
.super-search .group:first-child h4{
    animation-delay:.2s
}
.super-search .search-list .row>div,.super-search .search-list h4{
    animation-duration:.5s;
    animation-fill-mode:both;
    animation-name:bounce-in;
    animation-timing-function:cubic-bezier(.32,1.25,.375,1.15);
    display:none;
    margin-bottom:5px;
    margin-top:0;
    opacity:0;
    transform:translateY(100%)
}
.super-search .search-list h4{
    color:rgba(0,0,0,.5)
}
.super-search .search-list .row>div,.super-search .search-list h4{
    -webkit-animation-name:bounce-in;
    -moz-animation-name:bounce-in;
    -webkit-animation-timing-function:cubic-bezier(.32,1.25,.375,1.15);
    -moz-animation-timing-function:cubic-bezier(.32,1.25,.375,1.15)
}
.search-list h4{
    font-size:20px;
    letter-spacing:.01em;
    opacity:.7
}
.search-finished .search-list .row>div,.search-finished .search-list h4{
    display:block;
    opacity:1
}
.search-result-title{
    color:#1d9977;
    font-size:16px;
    font-weight:700;
    margin-bottom:0;
    padding:10px 0
}
.search-item{
    font-size:18px;
    font-weight:700;
    padding:10px 0
}
.close-search.active{
    color:#828b96;
    cursor:pointer;
    display:inline-block;
    font-size:60px;
    position:absolute;
    right:30px;
    top:50px
}
.close-search svg{
    width:20px
}
.overflow{
    overflow:hidden
}
.quick-search>.form-control{
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    color:#32c5d2!important;
    display:block;
    font-size:60px;
    font-weight:400;
    height:100px;
    padding:10px 0
}
.social--widget a span.menu-title{
    display:none
}
#list-photo{
    width:100%
}
#list-photo .item{
    margin-bottom:14px;
    width:33.333%
}
#list-photo .item .photo-item{
    padding-left:7px;
    padding-right:7px
}
#list-photo .item .photo-item div{
    box-shadow:0 1px 4px 0 rgba(0,0,0,.3);
    padding:5px;
    transition:all .25s
}
#list-photo .item .photo-item div:hover{
    background:rgba(63,63,62,.1)
}
#list-photo .item .photo-item img{
    border:1px solid rgba(63,63,62,.4);
    display:block
}
.lg-outer .lg-thumb{
    margin:0 auto!important
}
.lg-sub-html{
    bottom:100px!important
}
.lg-sub-html.inactive{
    bottom:0!important
}
.gallery-wrap .gallery-item{
    float:left;
    margin-bottom:10px;
    margin-right:.8%;
    max-height:250px;
    overflow:hidden;
    position:relative;
    width:32.8%
}
.gallery-wrap .gallery-item:nth-child(3n){
    margin-right:0
}
.gallery-wrap .gallery-item .gallery-detail{
    background:rgba(0,0,0,.8);
    bottom:-50px;
    color:#fff;
    left:0;
    padding:4px 10px;
    position:absolute;
    right:0;
    transition:.25s ease;
    z-index:2
}
.gallery-wrap .gallery-item .gallery-detail a{
    color:#fff
}
.gallery-wrap .gallery-item .gallery-detail a:hover{
    color:#32c5d2!important
}
.gallery-wrap .gallery-item:hover .gallery-detail{
    bottom:0
}
.gallery-wrap .gallery-item .gallery-detail .gallery-title{
    font-weight:700;
    text-transform:uppercase
}
.gallery-wrap .gallery-item .img-wrap{
    overflow:hidden
}
.gallery-wrap .gallery-item .img-wrap img{
    width:100%
}
.comment{
    margin-top:30px
}
.fb-like{
    margin:15px 0
}
.fb-comments.fb_iframe .fb_iframe_widget,.fb-comments.fb_iframe_widget,.fb-comments.fb_iframe_widget span,.fb-comments.fb_iframe_widget span iframe[style]{
    min-width:100%!important;
    width:100%!important
}
.fb-comments.fb_iframe_widget iframe{
    left:0!important
}
#profile{
    background:#fff;
    margin-top:10px;
    padding:15px 0
}
.author-img img{
    border-radius:3px;
    display:inline-block;
    line-height:1;
    overflow:hidden;
    vertical-align:middle
}
.author-detail h4{
    margin-bottom:10px
}
.author-detail p{
    margin-bottom:6px
}
.social-links{
    display:block;
    font-size:0;
    list-style:none;
    overflow:hidden;
    padding:0;
    width:100%
}
.social-links li{
    display:inline-block;
    margin:0 7px 0 0
}
.social-links li a{
    border:2px solid #848585;
    border-radius:50%;
    color:#999;
    display:block;
    font-size:14px;
    height:35px;
    line-height:35px;
    text-align:center;
    width:35px
}
.social-links a:hover{
    color:#518ca3
}
.social-links li:hover a{
    border-color:#518ca3
}
.post-star{
    margin-top:20px
}
.page-pagination ul{
    margin:0
}
.page-pagination li{
    list-style:none;
    margin:0 0 0 10px
}
.page-pagination .disabled span,.page-pagination li a,.page-pagination li span{
    border:none;
    border-radius:0!important;
    color:var(--color-1st);
    outline:none
}
.page-pagination li.active span,.page-pagination li:hover a,.page-pagination li:hover span{
    background-color:var(--color-1st)!important;
    color:#fff!important
}
.language-wrapper .language_bar_chooser{
    display:block;
    float:right;
    line-height:58px;
    text-align:center;
    width:160px
}
.language-wrapper .language_bar_chooser li{
    margin-left:5px
}
.language-wrapper .language_bar_chooser.dropdown-menu{
    border-radius:0!important;
    display:none
}
.language-wrapper .language_bar_chooser.dropdown-menu li{
    display:block;
    margin:0;
    width:100%
}
.language-wrapper .language_bar_chooser.dropdown-menu li a{
    display:block!important;
    margin-right:0!important
}
.language-wrapper .dropdown.open .language_bar_chooser.dropdown-menu{
    display:block
}
.language-wrapper .btn{
    background:none;
    border:none;
    border-radius:0!important;
    height:40px;
    margin-bottom:0
}
.header .header-wrap .nav-top ul{
    list-style-type:none;
    margin:0;
    padding:0
}
.header .header-wrap .nav-top ul li{
    display:inline-block
}
.header .header-wrap .nav-top ul li a{
    display:inline-block;
    font-size:13px;
    line-height:42px;
    margin-right:25px
}
.header .header-wrap .nav-top ul li a:hover{
    color:var(--color-1st)
}
.header .header-wrap .nav-top .hi-icon-wrap{
    margin-top:10px
}
.header .header-wrap .nav-top .hi-icon-wrap a{
    background-color:#9d9d9d;
    border-radius:50%;
    color:#fff;
    height:25px;
    line-height:26px;
    margin-left:5px;
    text-align:center;
    width:25px
}
.header .header-wrap .nav-top .hi-icon-wrap a:first-child{
    margin-left:0
}
.header .header-wrap .nav-top .hi-icon-wrap a:hover{
    background-color:var(--color-1st)
}
.header .header-wrap .header-content{
    padding:10px 0
}
.header .header-wrap .header-content .header-content-right{
    float:right
}
.header .header-wrap .logo{
    float:left;
    height:90px;
    margin:0;
    padding:0;
    position:relative
}
.header .header-wrap .logo img{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.hi-icon-effect-3a .hi-icon{
    color:#4089ea
}
.hi-icon-effect-3a .hi-icon:hover{
    color:#666
}
.hi-icon-effect-3a .hi-icon:hover:after{
    filter:alpha(opacity=0);
    opacity:0;
    transform:scale(1.3)
}
.hi-icon-effect-3b .hi-icon{
    color:#666
}
.hi-icon-effect-3b .hi-icon:after{
    filter:alpha(opacity=0);
    opacity:0;
    transform:scale(1.3)
}
.hi-icon-effect-3b .hi-icon:hover{
    color:#4089ea
}
.hi-icon-effect-3b .hi-icon:hover:after{
    filter:alpha(opacity=100);
    opacity:1;
    transform:scale(1)
}
.header-wrap{
    background-color:#fff;
    color:#fff
}
.nav-top{
    background-color:#f5f5f5;
    color:#666;
    min-height:40px
}
@media(min-width:768px){
    .header .navbar-default .navbar-nav>li{
        border-right:1px solid #e5e5e5
    }
    .header .navbar-default .navbar-nav>li>a{
        color:#262626
    }
    .header .navbar-default .navbar-nav>li>a:hover{
        color:#4089ea
    }
}
.widget__tags .tag-link{
    background-color:var(--color-1st);
    color:#fff
}
.alert.alert-info a{
    color:var(--color-1st)
}
.alert.alert-info a:hover{
    color:#b12136
}
figure.image{
    display:inline-block;
    margin:10px 0
}
figure.image figcaption{
    background:#f5f5f5;
    font-size:90%;
    padding:10px;
    text-align:center
}
.post__content ol,.post__content ul{
    list-style:disc;
    padding-left:25px
}
.post__content ol li,.post__content ul li{
    font-weight:400;
    list-style:disc
}
.post__content table{
    background-color:transparent;
    border:1px solid #dee2e6;
    border-collapse:collapse;
    margin-bottom:1rem;
    width:100%
}
.post__content table caption{
    caption-side:top;
    color:#6c757d;
    font-size:90%;
    font-weight:500;
    padding:10px 0;
    text-align:center
}
.post__content table th{
    border:solid #dee2e6;
    border-width:1px 1px 2px;
    padding:.75rem;
    vertical-align:bottom
}
.post__content table td{
    border:1px solid #dee2e6
}
.post__content table tbody tr th{
    border-bottom-width:1px
}
.post__content table blockquote{
    border:solid #ccc;
    border-width:0 0 0 5px;
    font-style:italic;
    margin:0 0 1rem;
    padding:2px 8px 2px 20px
}
.post__content table blockquote p{
    font-size:14px;
    line-height:40px;
    margin-bottom:0
}
.required:after{
    color:red;
    content:" *"
}
.navigation:not(.navigation--mobile) .sub-menu .sub-menu{
    left:100%;
    top:0
}
.navigation.navigation--mobile .menu-item.menu-item--active>a .toggle-icon{
    color:#fff!important
}
.navigation.navigation--mobile .sub-menu--slideLeft .sub-menu>.menu-item.menu-item--active>a{
    background:#fff;
    color:var(--color-1st)!important
}
.navigation.navigation--mobile .sub-menu--slideLeft .sub-menu>.menu-item.menu-item--active>a .toggle-icon,.navigation.navigation--mobile .sub-menu--slideLeft .sub-menu>.menu-item.menu-item--active>a:before{
    color:var(--color-1st)!important
}
.navigation.navigation--mobile .sub-menu--slideLeft .sub-menu .sub-menu>.menu-item>a{
    margin-left:20px
}
.header .header-wrap .nav-top ul li a{
    align-items:center;
    display:flex;
    justify-content:center
}
.header .header-wrap .nav-top .nav-top-right svg{
    margin-right:5px;
    width:16px
}
.page-content .gallery-wrap .gallery-item .gallery-detail a:hover{
    color:var(--color-1st)!important
}
.post__widget .post__created-at{
    color:#666;
    font-size:12px;
    font-weight:400;
    letter-spacing:.02em
}
.hide{
    display:none!important
}
.img-circle{
    border-radius:50%
}
body{
    font-size:14px;
    line-height:1.42857143
}
.post__content .page-pagination ul{
    list-style:none;
    padding-left:0
}
.post__content .page-pagination ul li{
    list-style:none
}
.post__content .page-pagination ul li span{
    display:inline-block;
    min-width:30px;
    padding:10px 15px
}
.menu-icon-image{
    height:12px;
    margin-top:3px;
    vertical-align:top;
    width:12px
}
@media(min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        width:1170px
    }
}
.post.post--single .post__content ol,.post.post--single .post__content ul{
    list-style:disc;
    margin-bottom:25px;
    padding-left:25px
}
.post.post--single .post__content ol li,.post.post--single .post__content ul li{
    font-weight:400;
    list-style:disc
}
.post.post--single .post__content ol,.post.post--single .post__content ol li{
    list-style:decimal
}
.post.post--single .post__content table{
    background-color:transparent;
    border:1px solid #dee2e6;
    border-collapse:collapse;
    margin-bottom:1rem;
    max-width:100%;
    width:100%
}
.post.post--single .post__content table caption{
    caption-side:top;
    color:#6c757d;
    font-size:90%;
    font-weight:500;
    padding:10px 0;
    text-align:center
}
.post.post--single .post__content table th{
    border:solid #dee2e6;
    border-width:1px 1px 2px;
    padding:.75rem;
    vertical-align:bottom
}
.post.post--single .post__content table td{
    border:1px solid #dee2e6
}
.post.post--single .post__content table tbody tr th{
    border-bottom-width:1px
}
.post.post--single .post__content table blockquote{
    border:solid #ccc;
    border-width:0 0 0 5px;
    font-style:italic;
    margin:0 0 1rem;
    padding:2px 8px 2px 20px
}
.post.post--single .post__content table blockquote p{
    font-size:14px;
    line-height:40px;
    margin-bottom:0
}
.post.post--single .post__content h2{
    font-size:1.75rem
}
.post.post--single .post__content h3{
    font-size:1.5rem
}
.post.post--single .post__content h4{
    font-size:1.25rem
}
.post.post--single .post__content h5{
    font-size:1rem
}
.post.post--single .post__content h6{
    font-size:.9rem
}
.widget .widget__content ul{
    list-style:none
}
.ck-content a{
    color:var(--color-1st)
}
.post.post--single .post__content ul.pagination li{
    list-style:none
}
.navigation .language-wrapper{
    padding-left:15px
}
.navigation .language-wrapper .language_bar_list li{
    float:none;
    margin-left:0
}
.navigation .language-wrapper .language_bar_list li a{
    display:flex;
    padding:15px 15px 15px 0
}
.text-truncate-2{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis
}
.widget__recent-post li:last-child .post:last-child{
    margin-bottom:0;
    padding-bottom:0
}
.auth-card form .auth-input-icon{
    top:0
}
.auth-card form .btn-auth-submit{
    background:var(--color-1st);
    border-color:var(--color-1st)
}
.social--simple li a i,.social--simple li a svg{
    height:16px;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:16px;
    z-index:10
}
.social--simple li a i:hover,.social--simple li a svg:hover{
    color:#fff
}
.header .header-wrap .nav-top .social--simple li a{
    border-radius:50%;
    margin-right:0
}
.header .header-wrap .nav-top .social--simple li a:hover{
    color:#fff
}
.auth-card .input-password-toggle{
    padding:7px 15px
}
form.contact-form .contact-button{
    box-shadow:none;
    font-size:1rem;
    font-weight:400;
    line-height:1.3em;
    margin-bottom:10px;
    outline:none!important;
    padding:10px 15px;
    transition:all .4s ease
}
.btn-primary{
    background:var(--primary-color);
    border:var(--primary-color)
}
.btn-primary:hover{
    background:var(--primary-color-hover);
    border:var(--primary-color-hover)
}
.social--simple li a i,.social--simple li a svg{
    margin-left:0!important;
    margin-right:0!important
}