:root {
    --primaryColor: #8f0a8d;
    --navColor: #ffffff;
    --primary-content-color: #8f0a8d;
}


@font-face{
    font-family:'merriweather_sansregular';
    src:url("../fonts/merriweathersans-regular.woff2") format("woff2"),url("../fonts/merriweathersans-regular.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'allerbold';
    src:url("../fonts/aller_bd.woff2") format("woff2"),url("../fonts/aller_bd.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'allerregular';
    src:url("../fonts/aller_rg.woff2") format("woff2"),url("../fonts/aller_rg.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'rubikregular';
    src:url("../fonts/rubik-regular.woff2") format("woff2"),url("../fonts/rubik-regular.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
.container{
    width:96% !important
}
.row{
    margin-bottom:0px
}
p{
    padding:6px 0px;
    margin:0px;
    font-size:17px;
    line-height:27px
}
img{
    object-fit:cover;
    transition:all 0.5s ease 0s
}
span{
    font-size:14px
}
th{
    padding:10px 5px;
    font-size:16px
}
td{
    padding:10px 5px;
    font-size:16px
}
ul{
    margin:0px;
    padding:0px
}
.clearfix:before{
    display:table;
    content:" "
}
.clearfix:after{
    display:table;
    content:" ";
    clear:both
}
a{
    color:var(--primary-content-color);
}
a:hover:active:focus{
    outline:none !important
}
.margin-bottom{
    margin-bottom:20px
}
.purple-bg{
    background:var(--primaryColor);
}
.padding-top-bottom{
    padding:10px 0px
}
.black{
    background:#000
}
h1,h2,h3,h4,h5,h6,.header-one-title,.header-two-title,.header-three-title,.header-four-title,.header-five-title{
    margin:10px 0px;
    color:#000;
    font-family:"allerbold";
    line-height:122%;
    transition:all 0.5s ease 0s;
    font-weight:400
}
h1{
    font-size:34px
}
h2{
    font-size:24px
}
h3{
    font-size:18px
}
h4{
    font-size:17px
}
h5{
    font-size:16px
}
h6{
    font-size:15px
}
nav{
    background-color:rgba(0,0,0,0)
}
.purple-color{
    color:var(--primaryColor)
}
body{
    color:#4e4e4e;
    font-family:"merriweather_sansregular";
    background:#eef4f2;
    margin:0px;
    font-size:16px;
}
.aller-font{
    font-family:"allerbold"
}
.merri-font{
    font-family:"merriweather_sansregular" !important
}
blockquote{
    border-left:solid 3px var(--primaryColor) !important;
    font-style:italic
}
iframe{
    text-align:center;
   /* margin:20px auto !important;*/
    display:block;
    max-width:100%
}
h3.news-title{
    font-size:18px;
    color:#000;
    line-height:24px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:8px 0 4px;
    max-height:50px;
    overflow:hidden
}
h3.news-title a{
    color:#000
}
h3.news-title::after{
    content:'...'
}
.main-box{
    background:#fff;
    min-height:100vh
}
.hidden-share-btn{
    position:absolute;
    right:2%;
    top:0px
}
.hidden-share-btn.new-share-btn{
    right:0px !important
}
.share-btn{
    background:transparent;
    padding:0px;
    box-shadow:none;
    margin-top:20px
}
.share-btn i{
    font-size:30px !important;
    color:rgba(224,65,125,0.75);
    transition:all .4s ease-in-out
}
.share-btn i:hover{
    color:#000
}
.share-btn:hover{
    background:transparent;
    box-shadow:none
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .bio-dob{
         margin-top: 7px;
    }
    .no-padding-small{
        padding:0px 2px 0px 2px !important
    }
    .margin-bottom{
        margin-bottom:10px
    }
    li{
        padding-bottom:5px
    }
    h3.news-title{
        font-size:16px !important;
        line-height:1.2353 !important;
        max-height:40px !important
    }
    .mbl-full-width{
        width:100% !important
    }
    .view-all-button button{
        padding:6px 15px !important;
        font-size:15px !important
    }
    h1.bio-main-title{
        font-size:26px;
        color:#000;
        margin:4px 0px 5px;
        line-height:30px
    }
    .container{
        width:100% !important
    }
    .single-page-middle-content{
        padding:0 10px
    }
    .padding-top-bottom{
        padding-top:10px !important;
        padding-bottom:10px !important
    }
    .header-articles-title{
        font-size:18px !important
    }
    .bio-title{
        font-size:18px !important
    }
    .gallery-inside-image{
        margin-bottom:4px !important
    }
    .articles-title{
        margin-bottom:10px !important
    }
    .padding-left{
        padding-left:15px !important
    }
    .mbl-no-padding{
        padding:0px !important
    }
    .imageCaption,.imageSource{
        margin-right:-5.5% !important;
        margin-left:-5.5% !important;
        background:#eee
    }
}
@media screen and (min-width: 768px){
    .owl-carousel-desktop .owl-nav{
        display:block !important;
        text-align:right !important
    }
    .owl-carousel-desktop .owl-nav button span{
        color:var(--primaryColor);
        font-size:22px;
        padding:2px 4px;
        transition:all 0.5s ease 0s
    }
    .owl-carousel-desktop .owl-nav button:hover span{
        color:#fff;
        background-color:var(--primaryColor)
    }
    .hide-on-desktop{
        display:none
    }
}
.cookie-policy{
    padding:10px 5px;
    background:rgba(0,0,0,0.8);
    color:#fff;
    position:fixed;
    z-index:999999999;
    bottom:0;
    width:100%;
    text-align:center
}
.cookie-policy span{
    font-weight:bold;
    margin-bottom:10px;
    margin:0px;
    font-size:16px;
    display:block
}
.cookie-policy p{
    font-size:12px;
    margin-top:0px;
    padding-bottom:0px
}
.cookie-policy span.close-btn{
    float:right;
    background:transparent;
    border:0px;
    color:#fff;
    cursor:pointer
}
.cookie-policy span.close-btn i{
    font-weight:bold;
    font-size:30px
}
.cookie-policy a.read-cookie{
    background:#fff;
    padding:5px 10px;
    border:solid 1px #fff;
    border-radius:4px;
    color:#000;
    display:table;
    float:left
}
.cookie-policy .close-btn.read-cookie{
    background:#9c9d9e;
    padding:7px 10px;
    border:solid 1px #9c9d9e;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    display:table;
    float:left;
    margin-left:7px
}
.z-depth-1,.btn,.btn-large,.btn-small,.btn-floating,nav,.sidenav,.btn,.btn-large,.btn-small,.btn-large,.btn-small,.btn-floating,nav,.sidenav{
    box-shadow:none !important
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .cookie-policy{
        top:0px !important;
        position:relative;
        background:#000;
        bottom:auto !important;
        padding:8px !important
    }
}
.postimage{
    text-align:center
}
.postimage img{
    max-width:480px !important;
    width:100%
}
.postimage .imageCaption{
    font-size:12px;
    color:#333;
    padding:5px 10px;
    margin:0px;
    display:block;
    text-align:center
}
.postimage .imageSource{
    font-size:12px;
    color:#333;
    padding:0px 10px 5px;
    margin:0px;
    display:block;
    text-align:center
}
.twitter-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -190px -27px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
.fb-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -420px -27px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
.pinterest-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -420px -111px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
.google-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -266px -111px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
.twitter-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -190px -27px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
.linked-logo{
    left:37px;
    width:40px;
    background:url(../img/freebie-90-free-social-media-vector-icons1.png) -39px -372px;
    height:40px;
    transform:scale(0.75);
    border-radius:50%
}
#fbIcon{
    right:64px;
    width:40px;
    background:url(../img/social-media-icons-css-sprite11.png) -66px -9px;
    height:40px;
    transform:scale(0.55);
    border-radius:50%;
    position:absolute;
    top:-3px
}
#twiIcon{
    right:37px;
    width:40px;
    background:url(../img/social-media-icons-css-sprite11.png) -11px -10px;
    height:40px;
    transform:scale(0.55);
    border-radius:50%;
    position:absolute;
    top:-3px
}
#insIcon{
    right:10px;
    width:40px;
    background:url(../img/social-media-icons-css-sprite11.png) -119px -11px;
    height:40px;
    transform:scale(0.55);
    border-radius:50%;
    position:absolute;
    top:-3px
}
.modal-logo{
    position:absolute;
    left:0px;
    top:11px
}
.loader-image{
    width:40px;
    margin:10px auto;
    display:block
}
nav.mobnav{
    height:35px
}
.top-navbar{
    position:sticky;
    width:100%;
    height:45px;
    top:0;
    z-index:9999999;
    transition:top 0.1s ease-in-out
}
.top-navbar.nav-up{
    top:-45px
}
.mbl-hidden-menu{
    height:45px;
    width:100%;
    right:0;
    float:right;
    border-bottom:solid 45px var(--navColor);
    border-left:solid 27px transparent;
    display:block
}
.mbl-hidden-menu nav{
    background:transparent !important;
    height:auto;
    line-height:45px
}
.mbl-hidden-menu nav ul{
    float:right
}
.bottom-header{
    width:100%;
    padding:6px 0px
}
.bottom-header-left{
    text-align:left;
    color:#fff
}
.bottom-header-left p{
    padding-bottom:0px
}
.bottom-header-left span{
    font-size:15px;
    text-transform:uppercase;
    padding-right:10px
}
.bottom-header-left a{
    color:#fff !important
}
.bottom-header-right{
    text-align:right;
    color:#fff;
    position:relative
}
.bottom-header-right ul{
    margin:0px;
    padding:0px
}
.bottom-header-right ul li{
    display:inline;
    padding:0px 10px 0 0
}
.bottom-header-right ul li i{
    color:#d2d0d0;
    transition:all .4s ease-in-out
}
.bottom-header-right ul li i:hover{
    color:#fff
}
@media screen and (min-width: 768px){
    .mbl-hidden-menu nav ul a{
        font-size:14px;
        text-transform:uppercase
    }
    nav{
        box-shadow:none !important
    }
    nav .brand-logo{
        top:8px;
        left:55px
    }
    .sidenav-trigger{
        display:block !important;
        padding:7px 0 4px 10px
    }
    .sidenav-trigger i{
        font-size:21px
    }
}
@media screen and (min-width: 993px) and (max-width: 1200px){
    nav .brand-logo{
        left:60px !important
    }
}
@media screen and (min-width: 1400px){
    nav .brand-logo{
        left:52px !important
    }
    nav{
        box-shadow:none !important
    }
    nav a.sidenav-trigger{
        display:block !important
    }
    nav .brand-logo{
        left:94px;
        top:8px
    }
    nav.mobnav{
        height:40px
    }
    .hide-on-desktop{
        display:none !important
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .mbl-hidden-menu{
        width:100% !important;
        float:left;
        border:0px !important;
        background:#c58826;
        height:40px !important
    }
    .mbl-hidden-menu ul{
        float:none !important;
        display:flex;
        justify-content:space-between;
        white-space:nowrap;
        flex-wrap:nowrap;
        overflow-x:scroll
    }
    .mbl-hidden-menu nav{
        line-height:40px !important
    }
    .mbl-hidden-menu nav ul a{
        padding:0px 9px !important
    }
    .mbl-hidden-menu.details-menu{
        display:none !important
    }
    .brand-logo{
        height:40px;
        line-height:40px
    }
    nav.mobnav{
        height:40px
    }
    nav .sidenav-trigger{
        margin:0px 15px !important;
        height:40px !important;
        line-height:40px !important
    }
    nav .sidenav-trigger i{
        font-size:25px !important;
        height:40px !important;
        line-height:40px !important
    }
    a.back-btn{
        position:absolute;
        display:block;
        left:10px;
        top:0px;
        height:44px;
        line-height:44px
    }
    a.back-btn i{
        font-size:30px !important;
        line-height:44px !important;
        height:44px !important
    }
    .sidenav-trigger.details-sidemenu{
        float:right !important
    }
    .top-navbar{
        height:44px !important
    }
    .show-on-medium-and-up{
        display:none
    }
    .show-on-medium-and-down{
        display:block
    }
    .search-menu{
        height:40px !important;
        position:unset !important;
        line-height:40px !important;
        margin-right:7px
    }
    .search-menu i{
        height:40px !important;
        font-size:26px !important;
        line-height:42px !important
    }
    .search-box{
        background:#fff !important;
        top:80px !important;
        right:0px !important;
        width:100% !important;
        z-index:9;
        border-top:0px solid #D80B15 !important
    }
    .search-box::before{
        content:none !important
    }
    .search-box input[type="text"]{
        height:35px !important;
        margin-left:0px !important;
        width:80% !important
    }
    .search-box input[type="button"]{
        height:35px !important
    }
    table.gsc-search-box td{
        vertical-align:top !important;
        height:33px !important;
        line-height:25px !important;
        padding:0px 4px !important;
        border:0px !important
    }
    .gsc-input-box{
        border:0px solid #D9D9D9 !important
    }
    button.gsc-search-button.gsc-search-button-v2{
        height:35px
    }
    .gsst_b,.gsst_a{
        line-height:30px !important
    }
    .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long{
        line-height:20px
    }
    .detail-search{
        margin-right:-4px !important
    }
    .detail-search i{
        line-height:45px !important
    }
    .detail-search .search-box{
        top:44px !important
    }
    .gsc-results-wrapper-overlay{
        width:85% !important;
        left:7.5% !important
    }
}
@media screen and (min-width: 769px) and (max-width: 991px){
    .mbl-hidden-menu{
        background:#000 !important
    }
    nav.mobnav{
        height:50px !important
    }
    .mbl-hidden-menu ul{
        float:none !important;
        display:flex;
        justify-content:space-between
    }
}
.back-btn{
    display:none
}
.search-menu{
    height:45px;
    padding:0 5px;
    position:relative;
    line-height:45px
}
.search-menu i.search{
    color:#fff;
    height:45px;
    line-height:45px;
    cursor:pointer
}
li.search-menu.search-active{
    background:rgba(0,0,0,0.1)
}
@media screen and (min-width: 768px){
    .show-on-medium-and-down{
        display:none
    }
}
.search-box{
    background:#E8E8E4;
    position:absolute;
    top:54px;
    right:-19px;
    width:450px;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
    border-top:4px solid #000;
    display:none
}
.search-box:before{
    content:"";
    position:absolute;
    top:-32px;
    right:13px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:14px solid transparent;
    border-bottom:14px solid #000
}
.search-box input[type="text"]{
    width:68%;
    padding:5px 10px;
    margin-left:23px;
    border:1px solid #000;
    outline:none
}
.search-box input[type="button"]{
    width:20%;
    padding:5px 0;
    background:#000;
    color:#fff;
    margin-left:-6px;
    border:1px solid #000;
    outline:none;
    cursor:pointer
}
.cse .gsc-control-cse,.gsc-control-cse{
    padding:0px !important
}
.gsc-search-box tr{
    border-bottom:0px !important
}
form.gsc-search-box,table.gsc-search-box{
    margin-bottom:0px !important
}
table.gsc-search-box td{
    vertical-align:top !important;
    height:33px !important;
    line-height:25px !important
}
button.gsc-search-button.gsc-search-button-v2{
    height:34px;
    background:#b92f63
}
.gsc-result .gs-title{
    height:auto !important;
    line-height:1.4em;
    padding:0px;
    overflow:unset !important
}
.gs-bidi-start-align.gs-snippet{
    line-height:21px
}
.gsc-table-cell-thumbnail,.gs-promotion-image-cell{
    vertical-align:top;
    padding:0px
}
a.gs-image{
    padding:0px !important
}
td.gsib_b{
    padding:4px !important
}
.gsst_b,.gsst_a{
    line-height:12px
}
.gsc-table-result,.gsc-thumbnail-inside,.gsc-url-top{
    padding-left:0px !important;
    padding-right:0px !important
}
.gsc-table-result tr{
    border-bottom:0px !important
}
.gsc-webResult .gsc-result{
    border-bottom:1px solid #ebebeb !important
}
.gsc-table-cell-snippet-close{
    padding-top:0px;
    padding-bottom:0px
}
.page-footer{
    padding:10px 0px;
    text-align:center;
    color:#fff
}
.page-footer h5{
    margin:0px
}
.footer-content-one a{
    color:#fff;
    font-size:13px
}
.copyright-content p{
    color:#fff;
    font-size:11px;
    margin:0px;
    font-style:italic
}
span.footer-content-one{
    padding:0px 4px
}
.page-footer-inner{
    text-align:center;
    width:100%
}
.block-two-small-section{
    position:relative;
    padding:4px 0px;
    border-bottom:1px solid #ccc;
    margin-bottom:0px
}
.block-two-small-section:last-child{
    border-bottom:0px
}
.block-two-small-section .block-two-small-section-info{
    float:left;
    padding-left:0px;
    margin-left:-10px
}
.block-two-small-section .block-two-small-section-info h3{
    margin:0
}
.block-two-small-section .block-two-small-section-info h3 a{
    text-align:left;
    padding-top:0;
    padding-bottom:0;
    font-size:16px;
    line-height:24px;
    margin:0;
    display:-webkit-box;
    color:#000;
    transition:all .4s ease-in-out;
    max-height:48px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.block-two-small-section .block-two-small-section-info.block-two-small-section-info-new h3 a{
    text-align:left;
    padding-top:0;
    padding-bottom:0;
    font-size:15px;
    line-height:1.3359;
    margin:0;
    display:block;
    font-weight:bold;
    color:#3c3b3b
}
.news-content-inside{
    padding-top:10px
}
.news-content-inside ul{
    margin-top:0px
}
.news-content-inside ul li{
    display:inline-table;
    font-size:13px;
    padding-right:5%;
    color:#868585
}
.news-content-inside p{
    font-size:13px;
    line-height:19px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:#868585;
    max-height:44px;
    overflow:hidden
}
.news-content-inside h5:hover{
    color:var(--primaryColor)
}
.block-two-small-section-thumb{
    position:relative;
    width:100%
}
.block-two-small-section-thumb::before{
    content:"";
    display:block;
    padding-top:100%
}
.block-two-small-section-time{
    width:100%
}
.block-two-small-section-time span{
    position:absolute;
    right:4%;
    color:#fff;
    background:#353535;
    padding:1px 3px;
    font-size:14px;
    bottom:5px
}
.articles-lists .block-two-small-section{
    padding-left:0px;
    padding-right:0px
}
.articles-lists .block-two-small-section .col.no-padding{
    padding-left:0px
}
.articles-lists .block-two-small-section-info{
    margin-left:0px !important
}
.block-two-small-section-info h3 a:hover{
    color:var(--primaryColor) !important
}
.block-two-small-section-img{
    position:absolute;
    top:0;
    bottom:0;
    right:0
}
.block-two-small-section-img img{
    height:100% !important;
    width:100% !important;
    object-fit:cover
}
@media screen and (min-width: 768px){
    .block-two-small-section-thumb{
        height:125px !important
    }
    .block-two-small-section-thumb::before{
        padding-top:50% !important
    }
    .block-two-small-section{
        padding:15px 0px !important
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .block-two-small-section .block-two-small-section-info h3{
        max-height:40px !important
    }
    .share-btn i{
        font-size:26px !important
    }
}
.article-top-one{
    position:relative;
    width:100%
}
.article-top-one::before{
    content:"";
    display:block;
    padding-top:50%
}
.top-block-inside{
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    transition:all 0.5s ease 0s
}
.top-block-inside img{
    height:100% !important;
    width:100%;
    object-fit:cover
}
.top-block-header{
    position:absolute;
    bottom:0px;
    text-align:left;
    left:0px;
    right:0px;
    background:linear-gradient(to top, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);
    padding:0px 15px 10px
}
.top-block-header .news-content-inside{
    padding-top:3px !important
}
.top-block-header .news-content-inside ul li{
    color:#fff !important
}
.top-block-cate{
    color:#fff;
    font-size:12px;
    background:#424448;
    padding:3px 6px;
    line-height:13px
}
.top-block-info{
    font-size:17px;
    line-height:27px;
    margin:10px 0px 0px 0px;
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#fff
}
.top-block-info-tag{
    font-size:17px;
    transition:all .4s ease-in-out;
    color:#fff;
    line-height:27px;
    text-shadow:1px 0 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.3),0 -1px 3px rgba(0,0,0,0.3),-1px 0 3px rgba(0,0,0,0.3)
}
.top-block-info-tag:hover{
    color:#f9f8f8
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .top-block-info-tag,.top-block-info{
        font-size:15px !important;
        line-height:21px !important
    }
}
@media screen and (min-width: 768px){
    .article-top-one{
        height:300px
    }
}
.bio-inside-details{
    position:relative;
    transition:all 0.5s ease 0s;
    overflow:hidden;
    margin-bottom:20px
}
.bio-inside-details:hover{
    box-shadow:0 6px 4px -4px #868585
}
.bio-inside-details:hover .bio-inside-img img{
    transform:scale(1.1)
}
.bio-inside-details img{
    width:100%;
    height:100% !important
}
.bio-inside-img{
    position:relative;
    width:100%;
    transition:all 0.5s ease 0s
}
.bio-inside-img::before{
    padding-top:100%;
    content:"";
    display:block
}
.bio-inside-img-inner{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transition:all .4s ease-in-out;
    overflow:hidden
}
.bio-inside-img-inner img{
    width:100%;
    height:100% !important
}
.slider-bio-caption-details{
    text-align:center;
    color:#fff;
    height:100% !important
}
.slider-item-caption{
    position:absolute;
    padding:0px 3px;
    height:50%;
    bottom:0px;
    background:linear-gradient(to top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    width:100%
}
h5.bio-position-name{
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:6px;
    font-family:"merriweather_sansregular" !important
}
h5.bio-details-height{
    color:#fff;
    font-size:12px;
    margin-top:6px;
    font-family:"merriweather_sansregular" !important
}
.bio-captions-details-inner{
    position:absolute;
    bottom:14px;
    right:20%;
    left:20%
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .bio-inside-details{
        margin-bottom:10px;
        margin-bottom:3px !important
    }
    .bio-inside-details:nth-child(odd){
        padding-right:3px !important
    }
}
@media screen and (min-width: 768px){
    .bio-inside-details:hover .bio-inside-img{
        transform:scale(1)
    }
}
.latest-news-img{
    position:relative;
    width:100%;
    transition:all 0.5s ease 0s
}
.latest-news-img::before{
    padding-top:100%;
    content:"";
    display:block
}
.latest-news-img-inner{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transition:all .4s ease-in-out;
    overflow:hidden
}
.latest-news-img-inner img{
    height:100% !important;
    width:100%
}
.news-content-inside{
    padding-top:10px
}
.news-content-inside ul{
    margin-top:0px
}
.news-content-inside ul li{
    display:inline-table;
    font-size:13px;
    padding-right:5%;
    color:#868585
}
span.featured-news{
    font-size:14px;
    text-transform:uppercase;
    color:#a23229
}
.latest-news-right-content .news-title{
    margin-top:0px
}
.latest-news-right-one{
    margin-bottom:12px
}
.block-two-small-section.latest-bio-small-section{
    padding-bottom:0px !important
}
.block-two-small-section.latest-bio-small-section:last-child{
    padding-bottom:15px !important
}
.block-two-small-section-thumb.bio-lists-thumb{
    height:auto !important
}
.block-two-small-section-thumb.bio-lists-thumb::before{
    padding-top:100% !important
}
.bio-other-lists .block-two-small-section{
    border-bottom:0px;
    padding:0px
}
button.bio-show-all-class{
    text-align:right;
    cursor:pointer;
    float:right;
    border:0px;
    background:transparent;
    font-size:20px;
    text-transform:uppercase;
    color:#000
}
.bio-lists-info-section{
    padding-top:3px
}
.latest-bio-right{
    border:solid 1px #ccc;
    margin-top:44px;
    display:block;
    width:100%
}
.bio-title{
    margin:0px;
    font-size:20px;
    text-transform:uppercase;
    color:#000;
    padding:10px 10px;
    border-bottom:solid 1px #ccc;
    background-image:linear-gradient(to bottom, #fff, #fbfbfb, #f6f6f6, #f2f2f2, #eee)
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .block-two-small-section.latest-bio-small-section{
        margin-bottom:4px !important
    }
    .bio-other-lists{
        padding:10px 8px
    }
    .latest-bio-right{
        margin-top:10px !important
    }
}
.slider-caption-tag{
    margin:0px 4px;
    line-height:23px;
    font-size:15px
}
.slider-item-caption{
    position:absolute;
    padding:0px 3px;
    height:50%;
    bottom:0px;
    background:linear-gradient(to top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    width:100%
}
.top-block-info-tag{
    font-size:17px;
    transition:all .4s ease-in-out;
    color:#fff;
    line-height:27px;
    text-shadow:1px 0 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.3),0 -1px 3px rgba(0,0,0,0.3),-1px 0 3px rgba(0,0,0,0.3)
}
.top-block-info-tag:hover{
    color:#f9f8f8
}
.block-two-small-section-time.entertainment-block-time span{
    left:5.5% !important;
    right:auto !important;
    bottom:11%
}
.item.desktop-item{
    position:relative
}
.slider-caption-tag{
    position:absolute
}
@media screen and (min-width: 993px){
    .top-block-info-tag.slider-caption-tag{
        margin:0px 4px;
        line-height:23px;
        font-size:19px;
        position:absolute;
        left:5%;
        bottom:26%
    }
    .item-slider-inner{
        position:relative;
        width:100%
    }
    .item-slider-inner:before{
        padding-top:50%;
        display:block;
        content:""
    }
    .item-slider-inner-img{
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0
    }
    .item-slider-inner-img img{
        width:100%;
        height:100%;
        object-fit:cover
    }
    .slider-caption-tag{
        font-size:19px;
        left:5%;
        bottom:26%
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .slider-caption-tag{
        font-size:15px !important;
        bottom:42% !important;
        left:4%;
        right:4%
    }
}
.world-news-image{
    transition:all .4s ease-in-out;
    overflow:hidden;
    height:240px;
    position:relative
}
.world-news-image:hover{
    box-shadow:0px 1px 4px rgba(0,0,0,0.4)
}
.world-news-image:hover .top-block-inside img{
    transform:scale(1.1)
}
.news-content-inside{
    padding-top:10px
}
.news-content-inside ul{
    margin-top:0px
}
.news-content-inside ul li{
    display:inline-table;
    font-size:13px;
    padding-right:5%;
    color:#868585
}
.news-content-inside ul li a{
    color:#fff
}
.news-content-inside h5:hover{
    color:var(--primaryColor)
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .world-news-image{
        margin-bottom:4px !important;
        overflow:hidden;
        position:relative;
        width:100%;
        height:180px
    }
    .world-news-image .top-block-info-tag{
        font-size:16px !important;
        line-height:24px !important
    }
    .world-news-image .top-block-info{
        font-size:16px !important;
        line-height:24px !important
    }
}
.facts-container{
    display:block;
    width:100%;
    position:relative;
    padding:20px 0px
}
.facts-container table{
    width:100%;
    border:solid 1px #ccc
}
.facts-container .hand{
    text-align:left;
    padding:10px 0px
}
.facts-table-title{
    text-align:center;
    font-size:18px;
    margin:0px;
    color:#000
}
.facts-table-title-new{
    color:#000;
    width:100%;
    text-align:left;
    padding-bottom:20px;
    font-size:24px
}
.facts-table-timeline table{
    margin-bottom:0px !important
}
.facts-table-timeline table tr i{
    color:var(--primaryColor);
    float:right;
    margin-left:-10px;
    margin-right:32px
}
@media screen and (min-width: 768px){
    .facts-table-title{
        font-size:20px
    }
}
@media screen and (max-width: 767px) and (min-width: 320px){
    .sticky-left-content{
        padding-right:18px;
        padding-left:18px
    }
}
@media screen and (min-width: 768px){
    #toc{
        padding:10px 20px !important
    }
}
#toc{
    background:#f9f9f9;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:1em;
    width:auto;
    min-width:300px;
    display:table;
    font-size:95%
}
#toc a{
    color:var(--primaryColor);
    width:100%;
    display:table
}
#toc a:hover{
    text-decoration:underline !important
}
.biography-toc p{
    color:#4f4f4f;
    font-size:18px;
    text-align:center;
    font-family:"allerbold"
}
.biography-cover-img-inner-div{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.biography-cover-img-inner-div img{
    height:100% !important;
    width:100% !important
}
.bio-small-circle-img-inner{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:50%;
    border:solid 11px #f1f1f1;
    box-shadow:1px -1px 6px rgba(0,0,0,0.3)
}
.bio-small-circle-img-inner img{
    height:100% !important;
    width:100%
}
.biography-cover-image-inner{
    position:relative;
    height:400px;
    width:100%
}
.biography-cover-image-inner::after{
    content:'';
    background:linear-gradient(to top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.bio-small-circle-img{
    position:relative;
    width:100%
}
.bio-small-circle-img:before{
    content:"";
    padding-top:100%;
    display:block
}
.biography-cover-small-image{
    position:absolute;
    bottom:-41px;
    left:2%;
    z-index:9;
    width:96%
}
.biography-cover-image{
    position:relative;
    width:100%
}
@media screen and (min-width: 767px) and (max-width: 991px){
    .bio-top-title{
        margin-top:-6% !important
    }
}
.personal-info-section{
    border-top:solid 2px #ccc;
    margin-top:30px
}
.personal-block-content-date{
    margin:5px 0px;
    display:block;
    width:100%
}
.married-status{
    background:#000;
    color:#fff;
    padding:7px 10px;
    float:left
}
.personal-info-subtitle-one{
    color:#565555;
    margin:0px 0px 5px 0px;
    font-size:18px
}
.width-left{
    width:8%;
    float:left;
    margin-right:10px
}
.personal-info-block-one:last-child{
    border-bottom:0px
}
.detail-info{
    color:#131212;
    font-weight:bold;
    font-size:14px
}
.personal-block-content-left{
    display:table;
    margin-bottom:15px
}
.child-info{
    text-transform:uppercase;
    margin:8px 0px;
    font-size:18px
}
.child-info span{
    font-size:18px;
    text-transform:none
}
.child-info i{
    padding-right:6px
}
.content-date-year{
    text-align:center;
    background:#2f2d2d;
    color:#fff;
    font-size:15px;
    padding:5px 0px
}
.content-date-month{
    text-align:center;
    background:#a5a2a2;
    color:#fff;
    font-size:15px;
    padding:5px 0px
}
.parent{
    font-size:13px;
    text-transform:uppercase;
    background:#7e819c;
    color:#fff;
    padding:4px 9px
}
.width-left.width-left-new{
    width:14%
}
ol.affair-lists{
    padding:0px;
    counter-reset:affair-list
}
ol.affair-lists li{
    display:flex;
    border-bottom:1px solid #ccc;
    padding:30px 0
}
ol.affair-lists li::before{
    color:var(--primaryColor);
    content:counter(affair-list) ".";
    counter-increment:affair-list;
    -ms-flex:0 0 1em;
    flex:0 0 1em;
    margin-right:4px;
    font-size:49px;
    width:30px;
    margin-top:7px
}
.personal-block-title-name{
    font-size:28px;
    margin:0px;
    color:var(--primaryColor)
}
.personal-block-title-name span{
    font-weight:bold;
    color:#333;
    font-size:28px
}
.personal-block-content-image{
    position:relative;
    width:100%
}
.personal-block-content-image::before{
    content:"";
    padding-top:100%;
    display:block
}
.personal-block-image-inner{
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0
}
.personal-block-image-inner img{
    width:100%;
    height:100% !important
}
.personal-info-block-content{
    margin:8px 0px;
    border-bottom:solid 1px #ccc;
    padding-bottom:30px;
    padding-top:30px;
    display:table;
    width:100%
}
.content-date-info{
    color:#fff;
    background:var(--primaryColor);
    padding:7px 13px;
    float:left
}
.content-date-info i{
    padding:0px 5px
}
.personal-block-content-right-top h5{
    margin:0px 0 5px 0px;
    width:100%;
    font-size:13px;
    text-transform:uppercase
}
.personal-block-content-right-top h5 span{
    color:var(--primaryColor)
}
.personal-block-content-right{
    padding:5px 0px;
    display:block
}
.personal-block-content-right-bottom{
    padding:5px 0 0 0
}
.content-date-title{
    background:#908c8c;
    color:snow;
    text-align:center;
    text-transform:uppercase;
    font-size:13px;
    padding:5px 0px
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .personal-info-section{
        margin-top:10px !important;
        padding-top:8px !important
    }
    .personal-info-block-one{
        padding-top:8px !important
    }
    .personal-block-title-name{
        font-size:19px !important
    }
    .personal-highlights{
        border-top:solid 3px #ccc;
        padding-top:20px
    }
    .personal-block-top-title{
        margin-bottom:20px;
        margin-top:30px
    }
    .personal-block-title-name span{
        font-size:19px !important
    }
    ol.affair-lists li{
        padding:5px 0 !important
    }
    .width-left{
        width:28% !important
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .bio-list-one-inner span{
        right:25% !important;
        left:25% !important
    }
}
.bio-list-one-inner{
    position:relative;
    width:100%
}
.bio-list-one-inner:before{
    padding-top:100%;
    content:"";
    width:100%;
    display:block
}
.bio-list-one-inner span{
    position:absolute;
    bottom:0;
    right:35%;
    left:35%;
    text-align:center;
    background:#fff;
    color:var(--primaryColor);
    padding:4px 0px;
    text-transform:uppercase;
    letter-spacing:2px
}
.bio-list-one-img{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0
}
.bio-list-one-img img{
    width:100%;
    height:100%
}
.bio-list-info{
    width:100%;
    text-align:center
}
.bio-list-info span{
    width:100%;
    display:table;
    color:#000;
    font-size:13px;
    padding:5px 0px 0px
}
span.bio-name{
    font-size:15px;
    padding:10px 0px 0px
}
.bio-list-one{
    margin-bottom:20px;
    padding:6px
}
.asidebox{
    border:solid 3px #ccc;
    padding:20px;
    position:relative
}
.asidebox-bottom{
    margin-top:-45px
}
button.title-top.view-all-button{
    border:0px;
    cursor:pointer;
    margin-top:-20px;
    position:relative
}
button.title-top.view-all-button:focus{
    background-color:#fff !important;
    color:var(--primaryColor)
}
button.title-top.view-all-button:hover{
    background-color:#fff !important;
    color:var(--primaryColor)
}
@-webkit-keyframes lds-blocks{
    0%{
        background:#f5c5d7
    }
    12.5%{
        background:#f5c5d7
    }
    12.625%{
        background:var(--primaryColor)
    }
    100%{
        background:var(--primaryColor)
    }
}
@-moz-keyframes lds-blocks{
    0%{
        background:#f5c5d7
    }
    12.5%{
        background:#f5c5d7
    }
    12.625%{
        background:var(--primaryColor)
    }
    100%{
        background:var(--primaryColor)
    }
}
@-o-keyframes lds-blocks{
    0%{
        background:#f5c5d7
    }
    12.5%{
        background:#f5c5d7
    }
    12.625%{
        background:var(--primaryColor)
    }
    100%{
        background:var(--primaryColor)
    }
}
@keyframes lds-blocks{
    0%{
        background:#f5c5d7
    }
    12.5%{
        background:#f5c5d7
    }
    12.625%{
        background:var(--primaryColor)
    }
    100%{
        background:var(--primaryColor)
    }
}
.lds-blocks{
    position:relative
}
.lds-blocks div{
    position:absolute;
    width:40px;
    height:40px;
    background:var(--primaryColor);
    -webkit-animation:lds-blocks 1s linear infinite;
    animation:lds-blocks 1s linear infinite;
    margin:0 auto;
    text-align:center
}
.lds-blocks{
    width:48px !important;
    text-align:center;
    margin:0 auto;
    height:48px !important;
    -webkit-transform:translate(-24px, -24px) scale(0.24) translate(24px, 24px);
    transform:translate(-24px, -24px) scale(0.24) translate(24px, 24px)
}
@-webkit-keyframes pulsate{
    from{
        width:1px;
        height:1px;
        margin:0;
        opacity:1
    }
    to{
        width:50px;
        height:50px;
        margin:-25px;
        opacity:0
    }
}
@-moz-keyframes pulsate{
    from{
        width:1px;
        height:1px;
        margin:0;
        opacity:1
    }
    to{
        width:50px;
        height:50px;
        margin:-25px;
        opacity:0
    }
}
@-o-keyframes pulsate{
    from{
        width:1px;
        height:1px;
        margin:0;
        opacity:1
    }
    to{
        width:50px;
        height:50px;
        margin:-25px;
        opacity:0
    }
}
@keyframes pulsate{
    from{
        width:1px;
        height:1px;
        margin:0;
        opacity:1
    }
    to{
        width:50px;
        height:50px;
        margin:-25px;
        opacity:0
    }
}
#pulsate{
    -webkit-animation-duration:.6s;
    -moz-animation-duration:.6s;
    -o-animation-duration:.6s;
    animation-duration:.6s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:pulsate;
    -moz-animation-name:pulsate;
    -o-animation-name:pulsate;
    animation-name:pulsate;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    -o-animation-direction:normal;
    animation-direction:normal;
    border:5px solid var(--primaryColor);
    border-radius:50px;
    position:absolute;
    left:50%;
    top:50%
}
.lds-circle{
    display:inline-block;
    width:51px;
    height:51px;
    margin:6px;
    border-radius:50%;
    background:rgba(224,65,125,0.7);
    animation:lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite
}
@-webkit-keyframes lds-circle{
    0%,100%{
        animation-timing-function:cubic-bezier(0.5, 0, 1, 0.5)
    }
    0%{
        transform:rotateY(0deg)
    }
    50%{
        transform:rotateY(1800deg);
        animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1)
    }
    100%{
        transform:rotateY(3600deg)
    }
}
@-moz-keyframes lds-circle{
    0%,100%{
        animation-timing-function:cubic-bezier(0.5, 0, 1, 0.5)
    }
    0%{
        transform:rotateY(0deg)
    }
    50%{
        transform:rotateY(1800deg);
        animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1)
    }
    100%{
        transform:rotateY(3600deg)
    }
}
@-o-keyframes lds-circle{
    0%,100%{
        animation-timing-function:cubic-bezier(0.5, 0, 1, 0.5)
    }
    0%{
        transform:rotateY(0deg)
    }
    50%{
        transform:rotateY(1800deg);
        animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1)
    }
    100%{
        transform:rotateY(3600deg)
    }
}
@keyframes lds-circle{
    0%,100%{
        animation-timing-function:cubic-bezier(0.5, 0, 1, 0.5)
    }
    0%{
        transform:rotateY(0deg)
    }
    50%{
        transform:rotateY(1800deg);
        animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1)
    }
    100%{
        transform:rotateY(3600deg)
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-o-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
.loader{
    border:10px solid #f3f3f3;
    border-radius:50%;
    border-top:10px solid var(--primaryColor);
    border-bottom:10px solid #000;
    border-right:10px solid #ccc;
    width:70px;
    height:70px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    margin:0 auto;
    text-align:center
}
.loader-body{
    min-height:800px;
    padding:20px 0px;
    display:flex;
    align-items:center
}
.loader.loader-one{
    border-bottom:10px solid var(--primaryColor);
    border-right:10px solid var(--primaryColor);
    border-left:10px solid rgba(0,0,0,0)
}
@-webkit-keyframes lds-dual-ring{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes lds-dual-ring{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-o-keyframes lds-dual-ring{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes lds-dual-ring{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
.lds-dual-ring{
    display:inline-block;
    width:64px;
    height:64px
}
.lds-dual-ring:after{
    content:" ";
    display:block;
    width:46px;
    height:46px;
    margin:1px;
    border-radius:50%;
    border:5px solid #cef;
    border-color:#383d66 transparent #383d66 transparent;
    animation:lds-dual-ring 1.2s linear infinite
}
@-webkit-keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@-moz-keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@-o-keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@-webkit-keyframes lds-ellipsis2{
    0%{
        transform:translate(0, 0)
    }
    100%{
        transform:translate(19px, 0)
    }
}
@-moz-keyframes lds-ellipsis2{
    0%{
        transform:translate(0, 0)
    }
    100%{
        transform:translate(19px, 0)
    }
}
@-o-keyframes lds-ellipsis2{
    0%{
        transform:translate(0, 0)
    }
    100%{
        transform:translate(19px, 0)
    }
}
@keyframes lds-ellipsis2{
    0%{
        transform:translate(0, 0)
    }
    100%{
        transform:translate(19px, 0)
    }
}
@-webkit-keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
@-moz-keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
@-o-keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
@keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
.lds-ellipsis{
    display:inline-block;
    position:relative;
    width:64px;
    height:64px
}
.lds-ellipsis div{
    position:absolute;
    top:27px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#383d66;
    animation-timing-function:cubic-bezier(0, 1, 1, 0)
}
.lds-ellipsis div:nth-child(1){
    left:6px;
    animation:lds-ellipsis1 0.6s infinite
}
.lds-ellipsis div:nth-child(2){
    left:6px;
    animation:lds-ellipsis2 0.6s infinite
}
.lds-ellipsis div:nth-child(3){
    left:26px;
    animation:lds-ellipsis2 0.6s infinite
}
.lds-ellipsis div:nth-child(4){
    left:45px;
    animation:lds-ellipsis3 0.6s infinite
}
@-webkit-keyframes lds-facebook{
    0%{
        top:6px;
        height:51px
    }
    50%,100%{
        top:19px;
        height:26px
    }
}
@-moz-keyframes lds-facebook{
    0%{
        top:6px;
        height:51px
    }
    50%,100%{
        top:19px;
        height:26px
    }
}
@-o-keyframes lds-facebook{
    0%{
        top:6px;
        height:51px
    }
    50%,100%{
        top:19px;
        height:26px
    }
}
@keyframes lds-facebook{
    0%{
        top:6px;
        height:51px
    }
    50%,100%{
        top:19px;
        height:26px
    }
}
.lds-facebook{
    display:inline-block;
    position:relative;
    width:64px;
    height:64px
}
.lds-facebook div{
    display:inline-block;
    position:absolute;
    left:6px;
    width:13px;
    background:#383d66;
    animation:lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite
}
.lds-facebook div:nth-child(1){
    left:6px;
    animation-delay:-0.24s
}
.lds-facebook div:nth-child(2){
    left:26px;
    animation-delay:-0.12s
}
.lds-facebook div:nth-child(3){
    left:45px;
    animation-delay:0s
}
.single-post-article{
    width:100%;
    margin-top:30px
}
.no-border table{
    border:0px
}
.quotes-inner{
    border-left:solid #eee;
    padding-left:12px
}
.quotes-inner p{
    font-size:15px;
    font-style:italic
}
.bio-quotes-title{
    margin:10px 0px 15px
}
.bio-quotes-title h4{
    font-size:19px;
    color:#000
}
.bio-quotes-content .owl-dots{
    display:block
}
.view-all-small{
    font-size:11px !important;
    margin-top:5px !important;
    float:right;
    color:var(--primaryColor)
}
.news-title:hover{
    color:var(--primaryColor) !important
}
.share-icons{
    margin:16px 0px 0px
}
.share-buttons li{
    display:inline-flex;
    padding-bottom:0px;
    text-align:center;
    margin-right:-4px
}
.share-buttons li a{
    display:block
}
.share-buttons li a i:hover{
    color:#fff;
    box-shadow:0px 1px 2px rgba(0,0,0,0.5)
}
.share-buttons li a i.fab.fa-facebook-f{
    background-color:#8f0a8d
}
.share-buttons li a i.fab.fa-twitter{
    background-color:#1da1f2
}
.share-buttons li a i.fab.fa-google-plus-g{
    background-color:#ea4335
}
.share-buttons li a i.fab.fa-linkedin-in{
    background-color:#0e76a8
}
.share-buttons li a i.fab.fa-pinterest-p{
    background-color:#c8232c
}
.share-buttons i{
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:100%;
    color:#ccc;
    transition:all .4s ease-in-out
}
.single-page-tag{
    margin-top:30px
}
.single-page-tag li{
    display:inline-flex;
    margin-right:4px
}
.single-page-tag li a{
    color:var(--primaryColor);
    background:#e4e0e0;
    padding:2px 10px;
    font-size:15px;
    transition:all .4s ease-in-out
}
.single-page-tag li a:hover{
    color:#a11a4d
}
.border-radius{
    border-radius:5px
}
.share-icons-cover{
    position:absolute;
    bottom:52px;
    right:0px
}
.biography-related-posts-section{
    border-top:solid 3px #ccc;
    padding-top:20px;
    margin:20px 0 40px
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .single-post-article{
        margin-top:10px !important
    }
    .share-icons{
        margin-top:10px !important
    }
    .mrf-breadcrum .breadcrumb i.fas.fa-angle-right{
        font-size:16px !important;
        vertical-align:text-bottom !important
    }
    .more-bio-list .top-block-info{
        margin-top:4px !important
    }
    .more-bio-header{
        background:transparent
    }
}
.boi-details-page-inner-left img{
    max-width:100%;
    margin:0 auto;
    display:block;
    text-align:center
}
.popup-image{
    position:relative
}
.popup-image img{
    cursor:pointer
}
.show{
    z-index:999;
    display:none
}
.show .overlay{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.66);
    position:absolute;
    top:0;
    left:0
}
.show .img-show{
    width:600px;
    height:400px;
    background:#FFF;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    overflow:hidden
}
.img-show span{
    position:absolute;
    top:10px;
    right:10px;
    z-index:99;
    cursor:pointer
}
.img-show img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.more-bio-list{
    position:relative
}
.more-bio-list .more-bio-img{
    position:relative;
    transition:all .4s ease-in-out;
    overflow:hidden;
    height:300px
}
.more-bio-list .more-bio-img img{
    height:100% !important;
    width:100%
}
.more-bio-list .more-bio-img:hover img{
    transform:scale(1.1)
}
.more-bio-list .top-block-info{
    font-size:18px;
    line-height:24px !important;
    overflow:hidden
}
.more-bio-list .top-block-info .top-block-info-tag{
    font-size:18px;
    transition:all .4s ease-in-out;
    line-height:24px !important;
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    max-height:57px;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:none !important;
    color:#000
}
.more-bio-list .top-block-info .top-block-info-tag:hover{
    color:var(--primaryColor)
}
.more-bio-list .more-bio-header ul li{
    padding-bottom:0px !important
}
.post-image{
    display:block;
    text-align:center;
    margin:15px auto
}
.newsletter-section{
    background:#2f3846;
    color:#fff;
    padding:20px;
    text-align:center;
    border:solid 1px #414956;
    border-radius:10px
}
.modal-new-share{
    max-height:60% !important;
    height:60%
}
.modal-content.new-modal-content{
    padding:0px
}
.modal-header{
    border-bottom:solid 1px #ccc;
    padding:15px 15px;
    font-size:18px;
    position:sticky;
    top:0px;
    background:#fff;
    z-index:9
}
.modal-header i{
    font-size:27px
}
.modal-header button{
    float:right;
    line-height:26px;
    height:35px
}
.share-title{
    text-align:left;
    font-size:18px;
    color:#000
}
.share-link-title{
    color:#000
}
.modal-top-body{
    padding:10px 0px;
    border-bottom:solid 1px #ccc
}
li.mrf-share-option{
    padding:0px 15px
}
.mrf-button{
    border-bottom:1px solid #ccc !important;
    height:40px;
    width:100%;
    background-color:rgba(0,0,0,0);
    border:0px;
    box-sizing:content-box;
    padding:12px 0 11px;
    position:relative;
    text-align:left
}
.mrf-button:active{
    background-color:rgba(100,119,118,0.2)
}
.mrf-button:focus{
    background-color:rgba(100,119,118,0.2)
}
.mrf-button-icon{
    border-radius:1.5rem;
    width:40px;
    display:inline-block;
    -webkit-transition:background-color 0.225s ease-out;
    padding:.5rem
}
.mrf-button-icon i{
    vertical-align:middle;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    font-size:18px;
    color:#fff;
    border-radius:50%
}
.link-to-copy{
    display:inline-block;
    position:relative;
    height:100%;
    width:calc(80% - 100px);
    margin-left:12px;
    vertical-align:top
}
.link-to-copy-value{
    width:100%;
    height:100%;
    padding:0;
    font-size:.9em;
    background-color:rgba(0,0,0,0);
    border:0
}
.link-to-copy-value:after{
    content:"";
    width:20px;
    height:96%;
    position:absolute;
    top:0;
    right:0;
    background-image:linear-gradient(to left, #fafafa 10%, rgba(255,255,255,0) 88%)
}
.share-label{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    position:absolute;
    right:0;
    border-radius:3px;
    color:#fff;
    padding:0 10px;
    min-width:80px;
    height:26px;
    text-align:center;
    font-size:.75em;
    line-height:26px;
    text-transform:uppercase
}
.mrf-button-bg{
    background-color:#8FA9BA
}
.mrf-counter{
    display:inline-block;
    color:#363636;
    font-size:16px;
    font-weight:bold;
    line-height:12px
}
.mrf-share-counter{
    display:inline-block;
    margin-left:12px;
    font-size:12px;
    vertical-align:middle
}
.mrf-button-blue{
    background-color:#8f0a8d
}
ul.share-button-lists{
    padding:10px 0px
}
.mrf-button-light-blue{
    background-color:#1da1f2
}
.mrf-button-orange{
    background-color:#cb2027
}
html{
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
ul:not(.browser-default){
    padding-left:0;
    list-style-type:none
}
ul:not(.browser-default)>li{
    list-style-type:none
}
a{
    text-decoration:none;
    -webkit-tap-highlight-color:transparent
}
.valign-wrapper{
    display:flex;
    align-items:center
}
.clearfix{
    clear:both
}
.z-depth-0{
    box-shadow:none !important
}
.z-depth-1,.btn,.btn-large,.btn-small,.btn-floating,nav,.sidenav{
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)
}
.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{
    box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)
}
.z-depth-2{
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)
}
.z-depth-3{
    box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
}
.z-depth-4{
    box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)
}
.z-depth-5,.modal{
    box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)
}
.hoverable{
    transition:box-shadow .25s
}
.hoverable:hover{
    box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.divider{
    height:1px;
    overflow:hidden;
    background-color:color("grey", "lighten-2")
}
blockquote{
    margin:20px 0;
    padding-left:1.5rem;
    border-left:5px solid var(--primaryColor)
}
i{
    line-height:inherit
}
i.left{
    float:left;
    margin-right:15px
}
i.right{
    float:right;
    margin-left:15px
}
i.tiny{
    font-size:1rem
}
i.small{
    font-size:2rem
}
i.medium{
    font-size:4rem
}
i.large{
    font-size:6rem
}
img.responsive-img,video.responsive-video{
    max-width:100%;
    height:auto
}
.pagination li{
    display:inline-block;
    border-radius:2px;
    text-align:center;
    vertical-align:top;
    height:30px
}
.pagination li a{
    color:#444;
    display:inline-block;
    font-size:1.2rem;
    padding:0 10px;
    line-height:30px
}
.pagination li.active a{
    color:#fff
}
.pagination li.disabled a{
    cursor:default;
    color:#999
}
.pagination li i{
    font-size:2rem
}
.pagination li.pages ul li{
    display:inline-block;
    float:none
}
@media only screen and (max-width: 992px){
    .pagination{
        width:100%
    }
    .pagination li.prev,.pagination li.next{
        width:10%
    }
    .pagination li.pages{
        width:80%;
        overflow:hidden;
        white-space:nowrap
    }
}
.breadcrumb{
    font-size:18px;
    color:rgba(255,255,255,0.7)
}
.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{
    display:inline-block;
    font-size:24px
}
.breadcrumb:first-child:before{
    display:none
}
.breadcrumb:last-child{
    color:#fff
}
.parallax-container{
    position:relative;
    overflow:hidden;
    height:500px
}
.parallax-container .parallax{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}
.parallax-container .parallax img{
    opacity:0;
    position:absolute;
    left:50%;
    bottom:0;
    min-width:100%;
    min-height:100%;
    transform:translate3d(0, 0, 0);
    transform:translateX(-50%)
}
.pin-top,.pin-bottom{
    position:relative
}
.pinned{
    position:fixed !important
}
ul.staggered-list li{
    opacity:0
}
.fade-in{
    opacity:0;
    transform-origin:0 50%
}
@media only screen and (max-width: 600px){
    .hide-on-small-only,.hide-on-small-and-down{
        display:none !important
    }
}
@media only screen and (max-width: 992px){
    .hide-on-med-and-down{
        display:none !important
    }
}
@media only screen and (min-width: 601px){
    .hide-on-med-and-up{
        display:none !important
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px){
    .hide-on-med-only{
        display:none !important
    }
}
@media only screen and (min-width: 993px){
    .hide-on-large-only{
        display:none !important
    }
}
@media only screen and (min-width: 1201px){
    .hide-on-extra-large-only{
        display:none !important
    }
}
@media only screen and (min-width: 1201px){
    .show-on-extra-large{
        display:block !important
    }
}
@media only screen and (min-width: 993px){
    .show-on-large{
        display:block !important
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px){
    .show-on-medium{
        display:block !important
    }
}
@media only screen and (max-width: 600px){
    .show-on-small{
        display:block !important
    }
}
@media only screen and (min-width: 601px){
    .show-on-medium-and-up{
        display:block !important
    }
}
@media only screen and (max-width: 992px){
    .show-on-medium-and-down{
        display:block !important
    }
}
@media only screen and (max-width: 600px){
    .center-on-small-only{
        text-align:center
    }
}
.page-footer{
    padding-top:20px
}
.page-footer .footer-copyright{
    overflow:hidden;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 0px
}
table,th,td{
    border:none
}
table{
    width:100%;
    display:table;
    border-collapse:collapse;
    border-spacing:0
}
table.striped tr{
    border-bottom:none
}
table.striped>tbody>tr:nth-child(odd){
    background-color:rgba(242,242,242,0.5)
}
table.striped>tbody>tr>td{
    border-radius:0
}
table.highlight>tbody>tr{
    transition:background-color .25s ease
}
table.highlight>tbody>tr:hover{
    background-color:rgba(242,242,242,0.5)
}
table.centered thead tr th,table.centered tbody tr td{
    text-align:center
}
tr{
    border-bottom:1px solid rgba(0,0,0,0.12)
}
td,th{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    border-radius:2px
}
@media only screen and (max-width: 992px){
    table.responsive-table{
        width:100%;
        border-collapse:collapse;
        border-spacing:0;
        display:block;
        position:relative
    }
    table.responsive-table td:empty:before{
        content:'\00a0'
    }
    table.responsive-table th,table.responsive-table td{
        margin:0;
        vertical-align:top
    }
    table.responsive-table th{
        text-align:left
    }
    table.responsive-table thead{
        display:block;
        float:left
    }
    table.responsive-table thead tr{
        display:block;
        padding:0 10px 0 0
    }
    table.responsive-table thead tr th::before{
        content:"\00a0"
    }
    table.responsive-table tbody{
        display:block;
        width:auto;
        position:relative;
        overflow-x:auto;
        white-space:nowrap
    }
    table.responsive-table tbody tr{
        display:inline-block;
        vertical-align:top
    }
    table.responsive-table th{
        display:block;
        text-align:right
    }
    table.responsive-table td{
        display:block;
        min-height:1.25em;
        text-align:left
    }
    table.responsive-table tr{
        border-bottom:none;
        padding:0 10px
    }
    table.responsive-table thead{
        border:0;
        border-right:1px solid rgba(0,0,0,0.12)
    }
}
.video-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden
}
.video-container iframe,.video-container object,.video-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.progress{
    position:relative;
    height:4px;
    display:block;
    width:100%;
    background-color:#4dff4d;
    border-radius:2px;
    margin:.5rem 0 1rem 0;
    overflow:hidden
}
.progress .determinate{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    background-color:color("teal", "lighten-1");
    transition:width .3s linear
}
.progress .indeterminate{
    background-color:color("teal", "lighten-1")
}
.progress .indeterminate:before{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}
.progress .indeterminate:after{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay:1.15s
}
@keyframes indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    60%{
        left:100%;
        right:-90%
    }
    100%{
        left:100%;
        right:-90%
    }
}
@keyframes indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    60%{
        left:107%;
        right:-8%
    }
    100%{
        left:107%;
        right:-8%
    }
}
.hide{
    display:none !important
}
.left-align{
    text-align:left
}
.right-align{
    text-align:right
}
.center,.center-align{
    text-align:center
}
.left{
    float:left !important
}
.right{
    float:right !important
}
.no-select{
    user-select:none
}
.circle{
    border-radius:50%
}
.center-block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.truncate{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.no-padding{
    padding:0 !important
}
.btn,.btn-large,.btn-small,.btn-flat{
    border:none;
    border-radius:2px;
    display:inline-block;
    height:36px;
    line-height:36px;
    padding:0 16px;
    text-transform:uppercase;
    vertical-align:middle;
    -webkit-tap-highlight-color:transparent
}
.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-large[disabled],.btn-small[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{
    pointer-events:none;
    background-color:#DFDFDF !important;
    box-shadow:none;
    color:#9F9F9F !important;
    cursor:default
}
.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{
    background-color:#DFDFDF !important;
    color:#9F9F9F !important
}
.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{
    font-size:14px;
    outline:0
}
.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{
    font-size:1.3rem;
    line-height:inherit
}
.btn,.btn-large,.btn-small{
    text-decoration:none;
    color:#fff;
    background-color:color("teal", "lighten-1");
    text-align:center;
    letter-spacing:.5px;
    transition:background-color .2s ease-out;
    cursor:pointer
}
.btn:hover,.btn-large:hover,.btn-small:hover{
    background-color:transparent
}
.btn-floating{
    display:inline-block;
    color:#fff;
    position:relative;
    overflow:hidden;
    z-index:1;
    width:40px;
    height:40px;
    line-height:40px;
    padding:0;
    background-color:color("teal", "lighten-1");
    border-radius:50%;
    transition:background-color .3s;
    cursor:pointer;
    vertical-align:middle
}
.btn-floating:hover{
    background-color:transparent
}
.btn-floating:before{
    border-radius:0
}
.btn-floating.btn-large{
    width:56px;
    height:56px;
    padding:0
}
.btn-floating.btn-large.halfway-fab{
    bottom:-28px
}
.btn-floating.btn-large i{
    line-height:56px
}
.btn-floating.btn-small{
    width:32.4px;
    height:32.4px
}
.btn-floating.btn-small.halfway-fab{
    bottom:-16.2px
}
.btn-floating.btn-small i{
    line-height:32.4px
}
.btn-floating.halfway-fab{
    position:absolute;
    right:24px;
    bottom:-20px
}
.btn-floating.halfway-fab.left{
    right:auto;
    left:24px
}
.btn-floating i{
    width:inherit;
    display:inline-block;
    text-align:center;
    color:#fff;
    font-size:1.6rem;
    line-height:40px
}
button.btn-floating{
    border:none
}
.fixed-action-btn{
    position:fixed;
    right:23px;
    bottom:23px;
    padding-top:15px;
    margin-bottom:0;
    z-index:997
}
.fixed-action-btn.active ul{
    visibility:visible
}
.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{
    padding:0 0 0 15px
}
.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{
    text-align:right;
    right:64px;
    top:50%;
    transform:translateY(-50%);
    height:100%;
    left:auto;
    width:500px
}
.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{
    display:inline-block;
    margin:7.5px 15px 0 0
}
.fixed-action-btn.direction-right{
    padding:0 15px 0 0
}
.fixed-action-btn.direction-right ul{
    text-align:left;
    direction:rtl;
    left:64px;
    right:auto
}
.fixed-action-btn.direction-right ul li{
    margin:7.5px 0 0 15px
}
.fixed-action-btn.direction-bottom{
    padding:0 0 15px 0
}
.fixed-action-btn.direction-bottom ul{
    top:64px;
    bottom:auto;
    display:flex;
    flex-direction:column-reverse
}
.fixed-action-btn.direction-bottom ul li{
    margin:15px 0 0 0
}
.fixed-action-btn.toolbar{
    padding:0;
    height:56px
}
.fixed-action-btn.toolbar.active>a i{
    opacity:0
}
.fixed-action-btn.toolbar ul{
    display:flex;
    top:0;
    bottom:0;
    z-index:1
}
.fixed-action-btn.toolbar ul li{
    flex:1;
    display:inline-block;
    margin:0;
    height:100%;
    transition:none
}
.fixed-action-btn.toolbar ul li a{
    display:block;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
    background-color:transparent;
    box-shadow:none;
    color:#fff;
    line-height:56px;
    z-index:1
}
.fixed-action-btn.toolbar ul li a i{
    line-height:inherit
}
.fixed-action-btn ul{
    left:0;
    right:0;
    text-align:center;
    position:absolute;
    bottom:64px;
    margin:0;
    visibility:hidden
}
.fixed-action-btn ul li{
    margin-bottom:15px
}
.fixed-action-btn ul a.btn-floating{
    opacity:0
}
.fixed-action-btn .fab-backdrop{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:40px;
    height:40px;
    background-color:color("teal", "lighten-1");
    border-radius:50%;
    transform:scale(0)
}
.btn-flat{
    box-shadow:none;
    background-color:transparent;
    color:#343434;
    cursor:pointer;
    transition:background-color .2s
}
.btn-flat:focus,.btn-flat:hover{
    box-shadow:none
}
.btn-flat:focus{
    background-color:rgba(0,0,0,0.1)
}
.btn-flat.disabled,.btn-flat.btn-flat[disabled]{
    background-color:transparent !important;
    color:#b3b3b3 !important;
    cursor:default
}
.btn-large{
    height:54px;
    line-height:54px;
    font-size:15px;
    padding:0 28px
}
.btn-large i{
    font-size:1.6rem
}
.btn-small{
    height:32.4px;
    line-height:32.4px;
    font-size:13px
}
.btn-small i{
    font-size:1.2rem
}
.btn-block{
    display:block
}
.container{
    margin:0 auto;
    max-width:1280px;
    width:90%
}
@media only screen and (min-width: 601px){
    .container{
        width:85%
    }
}
@media only screen and (min-width: 993px){
    .container{
        width:70%
    }
}
@media screen and (min-width: 768px){
    .col .row{
        margin-left:-.75rem;
        margin-right:-.75rem
    }
}
.section{
    padding-top:1rem;
    padding-bottom:1rem
}
.section.no-pad{
    padding:0
}
.section.no-pad-bot{
    padding-bottom:0
}
.section.no-pad-top{
    padding-top:0
}
.row{
    margin-left:auto;
    margin-right:auto
}
.row:after{
    content:"";
    display:table;
    clear:both
}
.row .col{
    float:left;
    box-sizing:border-box;
    padding:0 .75rem;
    min-height:1px
}
.row .col[class*="push-"],.row .col[class*="pull-"]{
    position:relative
}
.row .col.s1{
    width:8.33333%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s2{
    width:16.66667%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s3{
    width:25%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s4{
    width:33.33333%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s5{
    width:41.66667%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s6{
    width:50%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s7{
    width:58.33333%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s8{
    width:66.66667%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s9{
    width:75%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s10{
    width:83.33333%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s11{
    width:91.66667%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.s12{
    width:100%;
    margin-left:auto;
    left:auto;
    right:auto
}
.row .col.offset-s1{
    margin-left:8.33333%
}
.row .col.pull-s1{
    right:8.33333%
}
.row .col.push-s1{
    left:8.33333%
}
.row .col.offset-s2{
    margin-left:16.66667%
}
.row .col.pull-s2{
    right:16.66667%
}
.row .col.push-s2{
    left:16.66667%
}
.row .col.offset-s3{
    margin-left:25%
}
.row .col.pull-s3{
    right:25%
}
.row .col.push-s3{
    left:25%
}
.row .col.offset-s4{
    margin-left:33.33333%
}
.row .col.pull-s4{
    right:33.33333%
}
.row .col.push-s4{
    left:33.33333%
}
.row .col.offset-s5{
    margin-left:41.66667%
}
.row .col.pull-s5{
    right:41.66667%
}
.row .col.push-s5{
    left:41.66667%
}
.row .col.offset-s6{
    margin-left:50%
}
.row .col.pull-s6{
    right:50%
}
.row .col.push-s6{
    left:50%
}
.row .col.offset-s7{
    margin-left:58.33333%
}
.row .col.pull-s7{
    right:58.33333%
}
.row .col.push-s7{
    left:58.33333%
}
.row .col.offset-s8{
    margin-left:66.66667%
}
.row .col.pull-s8{
    right:66.66667%
}
.row .col.push-s8{
    left:66.66667%
}
.row .col.offset-s9{
    margin-left:75%
}
.row .col.pull-s9{
    right:75%
}
.row .col.push-s9{
    left:75%
}
.row .col.offset-s10{
    margin-left:83.33333%
}
.row .col.pull-s10{
    right:83.33333%
}
.row .col.push-s10{
    left:83.33333%
}
.row .col.offset-s11{
    margin-left:91.66667%
}
.row .col.pull-s11{
    right:91.66667%
}
.row .col.push-s11{
    left:91.66667%
}
.row .col.offset-s12{
    margin-left:100%
}
.row .col.pull-s12{
    right:100%
}
.row .col.push-s12{
    left:100%
}
@media only screen and (min-width: 601px){
    .row .col.m1{
        width:8.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m2{
        width:16.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m3{
        width:25%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m4{
        width:33.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m5{
        width:41.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m6{
        width:50%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m7{
        width:58.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m8{
        width:66.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m9{
        width:75%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m10{
        width:83.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m11{
        width:91.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.m12{
        width:100%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.offset-m1{
        margin-left:8.33333%
    }
    .row .col.pull-m1{
        right:8.33333%
    }
    .row .col.push-m1{
        left:8.33333%
    }
    .row .col.offset-m2{
        margin-left:16.66667%
    }
    .row .col.pull-m2{
        right:16.66667%
    }
    .row .col.push-m2{
        left:16.66667%
    }
    .row .col.offset-m3{
        margin-left:25%
    }
    .row .col.pull-m3{
        right:25%
    }
    .row .col.push-m3{
        left:25%
    }
    .row .col.offset-m4{
        margin-left:33.33333%
    }
    .row .col.pull-m4{
        right:33.33333%
    }
    .row .col.push-m4{
        left:33.33333%
    }
    .row .col.offset-m5{
        margin-left:41.66667%
    }
    .row .col.pull-m5{
        right:41.66667%
    }
    .row .col.push-m5{
        left:41.66667%
    }
    .row .col.offset-m6{
        margin-left:50%
    }
    .row .col.pull-m6{
        right:50%
    }
    .row .col.push-m6{
        left:50%
    }
    .row .col.offset-m7{
        margin-left:58.33333%
    }
    .row .col.pull-m7{
        right:58.33333%
    }
    .row .col.push-m7{
        left:58.33333%
    }
    .row .col.offset-m8{
        margin-left:66.66667%
    }
    .row .col.pull-m8{
        right:66.66667%
    }
    .row .col.push-m8{
        left:66.66667%
    }
    .row .col.offset-m9{
        margin-left:75%
    }
    .row .col.pull-m9{
        right:75%
    }
    .row .col.push-m9{
        left:75%
    }
    .row .col.offset-m10{
        margin-left:83.33333%
    }
    .row .col.pull-m10{
        right:83.33333%
    }
    .row .col.push-m10{
        left:83.33333%
    }
    .row .col.offset-m11{
        margin-left:91.66667%
    }
    .row .col.pull-m11{
        right:91.66667%
    }
    .row .col.push-m11{
        left:91.66667%
    }
    .row .col.offset-m12{
        margin-left:100%
    }
    .row .col.pull-m12{
        right:100%
    }
    .row .col.push-m12{
        left:100%
    }
}
@media only screen and (min-width: 993px){
    .row .col.l1{
        width:8.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l2{
        width:16.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l3{
        width:25%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l4{
        width:33.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l5{
        width:41.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l6{
        width:50%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l7{
        width:58.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l8{
        width:66.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l9{
        width:75%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l10{
        width:83.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l11{
        width:91.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.l12{
        width:100%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.offset-l1{
        margin-left:8.33333%
    }
    .row .col.pull-l1{
        right:8.33333%
    }
    .row .col.push-l1{
        left:8.33333%
    }
    .row .col.offset-l2{
        margin-left:16.66667%
    }
    .row .col.pull-l2{
        right:16.66667%
    }
    .row .col.push-l2{
        left:16.66667%
    }
    .row .col.offset-l3{
        margin-left:25%
    }
    .row .col.pull-l3{
        right:25%
    }
    .row .col.push-l3{
        left:25%
    }
    .row .col.offset-l4{
        margin-left:33.33333%
    }
    .row .col.pull-l4{
        right:33.33333%
    }
    .row .col.push-l4{
        left:33.33333%
    }
    .row .col.offset-l5{
        margin-left:41.66667%
    }
    .row .col.pull-l5{
        right:41.66667%
    }
    .row .col.push-l5{
        left:41.66667%
    }
    .row .col.offset-l6{
        margin-left:50%
    }
    .row .col.pull-l6{
        right:50%
    }
    .row .col.push-l6{
        left:50%
    }
    .row .col.offset-l7{
        margin-left:58.33333%
    }
    .row .col.pull-l7{
        right:58.33333%
    }
    .row .col.push-l7{
        left:58.33333%
    }
    .row .col.offset-l8{
        margin-left:66.66667%
    }
    .row .col.pull-l8{
        right:66.66667%
    }
    .row .col.push-l8{
        left:66.66667%
    }
    .row .col.offset-l9{
        margin-left:75%
    }
    .row .col.pull-l9{
        right:75%
    }
    .row .col.push-l9{
        left:75%
    }
    .row .col.offset-l10{
        margin-left:83.33333%
    }
    .row .col.pull-l10{
        right:83.33333%
    }
    .row .col.push-l10{
        left:83.33333%
    }
    .row .col.offset-l11{
        margin-left:91.66667%
    }
    .row .col.pull-l11{
        right:91.66667%
    }
    .row .col.push-l11{
        left:91.66667%
    }
    .row .col.offset-l12{
        margin-left:100%
    }
    .row .col.pull-l12{
        right:100%
    }
    .row .col.push-l12{
        left:100%
    }
}
@media only screen and (min-width: 1201px){
    .row .col.xl1{
        width:8.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl2{
        width:16.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl3{
        width:25%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl4{
        width:33.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl5{
        width:41.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl6{
        width:50%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl7{
        width:58.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl8{
        width:66.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl9{
        width:75%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl10{
        width:83.33333%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl11{
        width:91.66667%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.xl12{
        width:100%;
        margin-left:auto;
        left:auto;
        right:auto
    }
    .row .col.offset-xl1{
        margin-left:8.33333%
    }
    .row .col.pull-xl1{
        right:8.33333%
    }
    .row .col.push-xl1{
        left:8.33333%
    }
    .row .col.offset-xl2{
        margin-left:16.66667%
    }
    .row .col.pull-xl2{
        right:16.66667%
    }
    .row .col.push-xl2{
        left:16.66667%
    }
    .row .col.offset-xl3{
        margin-left:25%
    }
    .row .col.pull-xl3{
        right:25%
    }
    .row .col.push-xl3{
        left:25%
    }
    .row .col.offset-xl4{
        margin-left:33.33333%
    }
    .row .col.pull-xl4{
        right:33.33333%
    }
    .row .col.push-xl4{
        left:33.33333%
    }
    .row .col.offset-xl5{
        margin-left:41.66667%
    }
    .row .col.pull-xl5{
        right:41.66667%
    }
    .row .col.push-xl5{
        left:41.66667%
    }
    .row .col.offset-xl6{
        margin-left:50%
    }
    .row .col.pull-xl6{
        right:50%
    }
    .row .col.push-xl6{
        left:50%
    }
    .row .col.offset-xl7{
        margin-left:58.33333%
    }
    .row .col.pull-xl7{
        right:58.33333%
    }
    .row .col.push-xl7{
        left:58.33333%
    }
    .row .col.offset-xl8{
        margin-left:66.66667%
    }
    .row .col.pull-xl8{
        right:66.66667%
    }
    .row .col.push-xl8{
        left:66.66667%
    }
    .row .col.offset-xl9{
        margin-left:75%
    }
    .row .col.pull-xl9{
        right:75%
    }
    .row .col.push-xl9{
        left:75%
    }
    .row .col.offset-xl10{
        margin-left:83.33333%
    }
    .row .col.pull-xl10{
        right:83.33333%
    }
    .row .col.push-xl10{
        left:83.33333%
    }
    .row .col.offset-xl11{
        margin-left:91.66667%
    }
    .row .col.pull-xl11{
        right:91.66667%
    }
    .row .col.push-xl11{
        left:91.66667%
    }
    .row .col.offset-xl12{
        margin-left:100%
    }
    .row .col.pull-xl12{
        right:100%
    }
    .row .col.push-xl12{
        left:100%
    }
}
.material-icons{
    text-rendering:optimizeLegibility;
    font-feature-settings:'liga'
}
.materialboxed{
    display:block;
    cursor:zoom-in;
    position:relative;
    transition:opacity .4s;
    -webkit-backface-visibility:hidden
}
.materialboxed:hover:not(.active){
    opacity:.8
}
.materialboxed.active{
    cursor:zoom-out
}
#materialbox-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#292929;
    z-index:1000;
    will-change:opacity
}
.materialbox-caption{
    position:fixed;
    display:none;
    color:#fff;
    line-height:50px;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    padding:0% 15%;
    height:50px;
    z-index:1000;
    -webkit-font-smoothing:antialiased
}
.modal{
    display:none;
    position:fixed;
    left:0;
    right:0;
    background-color:#fafafa;
    padding:0;
    max-height:70%;
    width:55%;
    margin:auto;
    overflow-y:auto;
    border-radius:2px;
    will-change:top, opacity
}
.modal:focus{
    outline:none
}
@media only screen and (max-width: 992px){
    .modal{
        width:80%
    }
}
.modal h1,.modal h2,.modal h3,.modal h4{
    margin-top:0
}
.modal .modal-close{
    cursor:pointer
}
.modal .modal-footer{
    border-radius:0 0 2px 2px;
    background-color:#fafafa;
    padding:4px 6px;
    height:56px;
    width:100%;
    text-align:right
}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{
    margin:6px 0
}
.modal-overlay{
    position:fixed;
    z-index:999;
    top:-25%;
    left:0;
    bottom:0;
    right:0;
    height:125%;
    width:100%;
    background:#000;
    display:none;
    will-change:opacity
}
.modal.modal-fixed-footer{
    padding:0;
    height:70%
}
.modal.modal-fixed-footer .modal-content{
    position:absolute;
    height:calc(100% - 56px);
    max-height:100%;
    width:100%;
    overflow-y:auto
}
.modal.modal-fixed-footer .modal-footer{
    border-top:1px solid rgba(0,0,0,0.1);
    position:absolute;
    bottom:0
}
.modal.bottom-sheet{
    top:auto;
    bottom:-100%;
    margin:0;
    width:100%;
    max-height:45%;
    border-radius:0;
    will-change:bottom, opacity
}
nav{
    color:#fff;
    background-color:color("materialize-red", "lighten-2");
    width:100%;
    height:56px;
    line-height:56px
}
nav.nav-extended{
    height:auto
}
nav.nav-extended .nav-wrapper{
    min-height:56px;
    height:auto
}
nav.nav-extended .nav-content{
    position:relative;
    line-height:normal
}
nav a{
    color:#fff
}
nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{
    display:block;
    font-size:24px;
    height:56px;
    line-height:56px
}
nav .nav-wrapper{
    position:relative;
    height:100%
}
@media only screen and (min-width: 993px){
    nav a.sidenav-trigger{
        display:none
    }
}
nav .sidenav-trigger{
    float:left;
    position:relative;
    z-index:1;
    height:56px;
    margin:0
}
nav .sidenav-trigger i{
    height:56px;
    line-height:56px
}
nav .brand-logo{
    position:absolute;
    color:#fff;
    display:inline-block;
    font-size:1.5rem;
    font-weight:700;
    height:35px;
    padding:0
}
nav .brand-logo.center{
    left:50%;
    transform:translateX(-50%)
}
@media only screen and (max-width: 992px){
    nav .brand-logo{
        left:50%;
        transform:translateX(-50%)
    }
    nav .brand-logo.left,nav .brand-logo.right{
        padding:0;
        transform:none
    }
    nav .brand-logo.left{
        left:0.5rem
    }
    nav .brand-logo.right{
        right:0.5rem;
        left:auto
    }
}
nav .brand-logo.right{
    right:0.5rem;
    padding:0
}
nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{
    float:left;
    margin-right:15px
}
nav .nav-title{
    display:inline-block;
    font-size:32px;
    padding:28px 0
}
nav ul{
    margin:0
}
nav ul li{
    transition:background-color .3s;
    float:left;
    padding:0
}
nav ul li.active{
    background-color:rgba(0,0,0,0.1)
}
nav ul a{
    transition:background-color .3s;
    font-size:1rem;
    color:#000;
    display:block;
    padding:0 15px;
    cursor:pointer
}
nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{
    margin-top:-2px;
    margin-left:15px;
    margin-right:15px
}
nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{
    height:inherit;
    line-height:inherit
}
nav ul a:hover{
    background-color:rgba(0,0,0,0.1)
}
nav ul.left{
    float:left
}
nav form{
    height:100%
}
nav .input-field{
    margin:0;
    height:100%
}
nav .input-field input{
    height:100%;
    font-size:1.2rem;
    border:none;
    padding-left:2rem
}
nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{
    border:none;
    box-shadow:none
}
nav .input-field label{
    top:0;
    left:0
}
nav .input-field label i{
    color:rgba(255,255,255,0.7);
    transition:color .3s
}
nav .input-field label.active i{
    color:#fff
}
.navbar-fixed{
    position:relative;
    height:56px;
    z-index:997
}
.navbar-fixed nav{
    position:fixed
}
@media only screen and (min-width: 601px){
    nav.nav-extended .nav-wrapper{
        min-height:64px
    }
    nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{
        height:35px;
        line-height:35px
    }
    .navbar-fixed{
        height:64px
    }
}
.preloader-wrapper{
    display:inline-block;
    position:relative;
    width:50px;
    height:50px
}
.preloader-wrapper.small{
    width:36px;
    height:36px
}
.preloader-wrapper.big{
    width:64px;
    height:64px
}
.preloader-wrapper.active{
    -webkit-animation:container-rotate 1568ms linear infinite;
    animation:container-rotate 1568ms linear infinite
}
@-webkit-keyframes container-rotate{
    to{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes container-rotate{
    to{
        transform:rotate(360deg)
    }
}
.spinner-layer{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    border-color:color("teal", "lighten-1")
}
.spinner-blue,.spinner-blue-only{
    border-color:#4285f4
}
.spinner-red,.spinner-red-only{
    border-color:#db4437
}
.spinner-yellow,.spinner-yellow-only{
    border-color:#f4b400
}
.spinner-green,.spinner-green-only{
    border-color:#0f9d58
}
.active .spinner-layer.spinner-blue{
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-red{
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-yellow{
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-green{
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{
    opacity:1;
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
@-webkit-keyframes fill-unfill-rotate{
    12.5%{
        -webkit-transform:rotate(135deg)
    }
    25%{
        -webkit-transform:rotate(270deg)
    }
    37.5%{
        -webkit-transform:rotate(405deg)
    }
    50%{
        -webkit-transform:rotate(540deg)
    }
    62.5%{
        -webkit-transform:rotate(675deg)
    }
    75%{
        -webkit-transform:rotate(810deg)
    }
    87.5%{
        -webkit-transform:rotate(945deg)
    }
    to{
        -webkit-transform:rotate(1080deg)
    }
}
@keyframes fill-unfill-rotate{
    12.5%{
        transform:rotate(135deg)
    }
    25%{
        transform:rotate(270deg)
    }
    37.5%{
        transform:rotate(405deg)
    }
    50%{
        transform:rotate(540deg)
    }
    62.5%{
        transform:rotate(675deg)
    }
    75%{
        transform:rotate(810deg)
    }
    87.5%{
        transform:rotate(945deg)
    }
    to{
        transform:rotate(1080deg)
    }
}
@-webkit-keyframes blue-fade-in-out{
    from{
        opacity:1
    }
    25%{
        opacity:1
    }
    26%{
        opacity:0
    }
    89%{
        opacity:0
    }
    90%{
        opacity:1
    }
    100%{
        opacity:1
    }
}
@keyframes blue-fade-in-out{
    from{
        opacity:1
    }
    25%{
        opacity:1
    }
    26%{
        opacity:0
    }
    89%{
        opacity:0
    }
    90%{
        opacity:1
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes red-fade-in-out{
    from{
        opacity:0
    }
    15%{
        opacity:0
    }
    25%{
        opacity:1
    }
    50%{
        opacity:1
    }
    51%{
        opacity:0
    }
}
@keyframes red-fade-in-out{
    from{
        opacity:0
    }
    15%{
        opacity:0
    }
    25%{
        opacity:1
    }
    50%{
        opacity:1
    }
    51%{
        opacity:0
    }
}
@-webkit-keyframes yellow-fade-in-out{
    from{
        opacity:0
    }
    40%{
        opacity:0
    }
    50%{
        opacity:1
    }
    75%{
        opacity:1
    }
    76%{
        opacity:0
    }
}
@keyframes yellow-fade-in-out{
    from{
        opacity:0
    }
    40%{
        opacity:0
    }
    50%{
        opacity:1
    }
    75%{
        opacity:1
    }
    76%{
        opacity:0
    }
}
@-webkit-keyframes green-fade-in-out{
    from{
        opacity:0
    }
    65%{
        opacity:0
    }
    75%{
        opacity:1
    }
    90%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes green-fade-in-out{
    from{
        opacity:0
    }
    65%{
        opacity:0
    }
    75%{
        opacity:1
    }
    90%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.gap-patch{
    position:absolute;
    top:0;
    left:45%;
    width:10%;
    height:100%;
    overflow:hidden;
    border-color:inherit
}
.gap-patch .circle{
    width:1000%;
    left:-450%
}
.circle-clipper{
    display:inline-block;
    position:relative;
    width:50%;
    height:100%;
    overflow:hidden;
    border-color:inherit
}
.circle-clipper .circle{
    width:200%;
    height:100%;
    border-width:3px;
    border-style:solid;
    border-color:inherit;
    border-bottom-color:transparent !important;
    border-radius:50%;
    -webkit-animation:none;
    animation:none;
    position:absolute;
    top:0;
    right:0;
    bottom:0
}
.circle-clipper.left .circle{
    left:0;
    border-right-color:transparent !important;
    -webkit-transform:rotate(129deg);
    transform:rotate(129deg)
}
.circle-clipper.right .circle{
    left:-100%;
    border-left-color:transparent !important;
    -webkit-transform:rotate(-129deg);
    transform:rotate(-129deg)
}
.active .circle-clipper.left .circle{
    -webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .circle-clipper.right .circle{
    -webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
@-webkit-keyframes left-spin{
    from{
        -webkit-transform:rotate(130deg)
    }
    50%{
        -webkit-transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(130deg)
    }
}
@keyframes left-spin{
    from{
        transform:rotate(130deg)
    }
    50%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(130deg)
    }
}
@-webkit-keyframes right-spin{
    from{
        -webkit-transform:rotate(-130deg)
    }
    50%{
        -webkit-transform:rotate(5deg)
    }
    to{
        -webkit-transform:rotate(-130deg)
    }
}
@keyframes right-spin{
    from{
        transform:rotate(-130deg)
    }
    50%{
        transform:rotate(5deg)
    }
    to{
        transform:rotate(-130deg)
    }
}
#spinnerContainer.cooldown{
    -webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)
}
@-webkit-keyframes fade-out{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fade-out{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.sidenav{
    position:fixed;
    width:300px;
    left:0;
    top:0;
    margin:0;
    transform:translateX(-100%);
    height:100%;
    height:calc(100% + 60px);
    height:-moz-calc(100%);
    padding-bottom:60px;
    background-color:#fff;
    z-index:999;
    overflow-y:auto;
    will-change:transform;
    backface-visibility:hidden;
    transform:translateX(-105%)
}
.sidenav.right-aligned{
    right:0;
    transform:translateX(105%);
    left:auto;
    transform:translateX(100%)
}
.sidenav .collapsible{
    margin:0
}
.sidenav li{
    float:none;
    line-height:48px
}
.sidenav li.active{
    background-color:rgba(0,0,0,0.05)
}
.sidenav li>a{
    color:rgba(0,0,0,0.87);
    display:block;
    font-size:14px;
    font-weight:500;
    height:48px;
    line-height:48px;
    padding:0 32px
}
.sidenav li>a:hover{
    background-color:rgba(0,0,0,0.05)
}
.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{
    margin:10px 15px
}
.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{
    color:#fff
}
.sidenav li>a.btn-flat{
    color:#343434
}
.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{
    background-color:#fff
}
.sidenav li>a.btn-floating:hover{
    background-color:color("teal", "lighten-1")
}
.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{
    float:left;
    height:48px;
    line-height:48px;
    margin:0 32px 0 0;
    width:24px;
    color:rgba(0,0,0,0.54)
}
.sidenav .divider{
    margin:8px 0 0 0
}
.sidenav .subheader{
    cursor:initial;
    pointer-events:none;
    color:rgba(0,0,0,0.54);
    font-size:14px;
    font-weight:500;
    line-height:48px
}
.sidenav .subheader:hover{
    background-color:transparent
}
.sidenav .user-view{
    position:relative;
    padding:32px 32px 0;
    margin-bottom:8px
}
.sidenav .user-view>a{
    height:auto;
    padding:0
}
.sidenav .user-view>a:hover{
    background-color:transparent
}
.sidenav .user-view .background{
    overflow:hidden;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1
}
.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{
    display:block
}
.sidenav .user-view .circle{
    height:64px;
    width:64px
}
.sidenav .user-view .name,.sidenav .user-view .email{
    font-size:14px;
    line-height:24px
}
.sidenav .user-view .name{
    margin-top:16px;
    font-weight:500
}
.sidenav .user-view .email{
    padding-bottom:16px;
    font-weight:400
}
.drag-target{
    height:100%;
    width:10px;
    position:fixed;
    top:0;
    z-index:998
}
.drag-target.right-aligned{
    right:0
}
.sidenav.sidenav-fixed{
    left:0;
    transform:translateX(0);
    position:fixed
}
.sidenav.sidenav-fixed.right-aligned{
    right:0;
    left:auto
}
@media only screen and (max-width: 992px){
    .sidenav.sidenav-fixed{
        transform:translateX(-105%)
    }
    .sidenav.sidenav-fixed.right-aligned{
        transform:translateX(105%)
    }
    .sidenav>a{
        padding:0 16px
    }
    .sidenav .user-view{
        padding:16px 16px 0
    }
}
.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{
    background-color:color("materialize-red", "lighten-2")
}
.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{
    color:#fff
}
.sidenav .collapsible-body{
    padding:0
}
.sidenav-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    opacity:0;
    height:120vh;
    background-color:rgba(0,0,0,0.5);
    z-index:997;
    display:none
}
.tabs{
    position:relative;
    height:48px;
    width:100%;
    background-color:#fff;
    margin:0 auto;
    white-space:nowrap
}
.tabs.tabs-transparent{
    background-color:transparent
}
.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{
    color:rgba(255,255,255,0.7)
}
.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{
    color:#fff
}
.tabs.tabs-transparent .indicator{
    background-color:#fff
}
.tabs.tabs-fixed-width{
    display:flex
}
.tabs.tabs-fixed-width .tab{
    flex-grow:1
}
.tabs .tab{
    display:inline-block;
    text-align:center;
    line-height:48px;
    height:48px;
    padding:0;
    margin:0;
    text-transform:uppercase
}
.tabs .tab a{
    color:rgba(221,221,221,0.7);
    width:100%;
    height:100%;
    padding:0 24px;
    font-size:14px;
    text-overflow:ellipsis;
    overflow:hidden;
    transition:color .28s ease, background-color .28s ease
}
.tabs .tab a:focus,.tabs .tab a:focus.active{
    background-color:rgba(51,51,51,0.2);
    outline:none
}
.tabs .tab a:hover,.tabs .tab a.active{
    background-color:transparent;
    color:#ddd
}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover{
    color:rgba(51,51,51,0.4);
    cursor:default
}
.tabs .indicator{
    position:absolute;
    bottom:0;
    height:2px;
    background-color:#444;
    will-change:left, right
}
@media only screen and (max-width: 992px){
    .tabs{
        display:flex
    }
    .tabs .tab{
        flex-grow:1
    }
    .tabs .tab a{
        padding:0 12px
    }
}
a{
    text-decoration:none
}
html{
    line-height:1.5;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight:normal;
    color:rgba(0,0,0,0.87)
}
@media only screen and (min-width: 0){
    html{
        font-size:14px
    }
}
@media only screen and (min-width: 992px){
    html{
        font-size:14.5px
    }
}
@media only screen and (min-width: 1200px){
    html{
        font-size:15px
    }
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-weight:inherit
}
em{
    font-style:italic
}
strong{
    font-weight:700
}
small{
    font-size:75%
}
.light{
    font-weight:300
}
.thin{
    font-weight:200
}
@media only screen and (min-width: 360px){
    .flow-text{
        font-size:1.2rem
    }
}
@media only screen and (min-width: 390px){
    .flow-text{
        font-size:1.224rem
    }
}
@media only screen and (min-width: 420px){
    .flow-text{
        font-size:1.248rem
    }
}
@media only screen and (min-width: 450px){
    .flow-text{
        font-size:1.272rem
    }
}
@media only screen and (min-width: 480px){
    .flow-text{
        font-size:1.296rem
    }
}
@media only screen and (min-width: 510px){
    .flow-text{
        font-size:1.32rem
    }
}
@media only screen and (min-width: 540px){
    .flow-text{
        font-size:1.344rem
    }
}
@media only screen and (min-width: 570px){
    .flow-text{
        font-size:1.368rem
    }
}
@media only screen and (min-width: 600px){
    .flow-text{
        font-size:1.392rem
    }
}
@media only screen and (min-width: 630px){
    .flow-text{
        font-size:1.416rem
    }
}
@media only screen and (min-width: 660px){
    .flow-text{
        font-size:1.44rem
    }
}
@media only screen and (min-width: 690px){
    .flow-text{
        font-size:1.464rem
    }
}
@media only screen and (min-width: 720px){
    .flow-text{
        font-size:1.488rem
    }
}
@media only screen and (min-width: 750px){
    .flow-text{
        font-size:1.512rem
    }
}
@media only screen and (min-width: 780px){
    .flow-text{
        font-size:1.536rem
    }
}
@media only screen and (min-width: 810px){
    .flow-text{
        font-size:1.56rem
    }
}
@media only screen and (min-width: 840px){
    .flow-text{
        font-size:1.584rem
    }
}
@media only screen and (min-width: 870px){
    .flow-text{
        font-size:1.608rem
    }
}
@media only screen and (min-width: 900px){
    .flow-text{
        font-size:1.632rem
    }
}
@media only screen and (min-width: 930px){
    .flow-text{
        font-size:1.656rem
    }
}
@media only screen and (min-width: 960px){
    .flow-text{
        font-size:1.68rem
    }
}
@media only screen and (max-width: 360px){
    .flow-text{
        font-size:1.2rem
    }
}
.scroll-wrapper{
    overflow:hidden !important;
    padding:0 !important;
    position:relative
}
.scroll-wrapper>.scroll-content{
    border:none !important;
    box-sizing:content-box !important;
    height:auto;
    left:0;
    margin:0;
    max-height:none;
    max-width:none !important;
    overflow:scroll !important;
    padding:0;
    position:relative !important;
    top:0;
    width:auto !important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height:0;
    width:0
}
.scroll-element{
    display:none
}
.scroll-element,.scroll-element div{
    box-sizing:content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{
    display:block
}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{
    cursor:default
}
.scroll-textarea{
    border:1px solid #cccccc;
    border-top-color:#999999
}
.scroll-textarea>.scroll-content{
    overflow:hidden !important
}
.scroll-textarea>.scroll-content>textarea{
    border:none !important;
    box-sizing:border-box;
    height:100% !important;
    margin:0;
    max-height:none !important;
    max-width:none !important;
    overflow:scroll !important;
    outline:none;
    padding:2px;
    position:relative !important;
    top:0;
    width:100% !important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{
    height:0;
    width:0
}
.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{
    background:none;
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10
}
.scrollbar-dynamic>.scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%
}
.scrollbar-dynamic>.scroll-element.scroll-x{
    bottom:2px;
    height:7px;
    left:0;
    min-width:100%;
    width:100%
}
.scrollbar-dynamic>.scroll-element.scroll-y{
    height:100%;
    min-height:100%;
    right:2px;
    top:0;
    width:7px
}
.scrollbar-dynamic>.scroll-element .scroll-element_outer{
    opacity:0.3;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px
}
.scrollbar-dynamic>.scroll-element .scroll-element_size{
    background-color:#cccccc;
    opacity:0;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -o-transition:opacity 0.2s;
    -ms-transition:opacity 0.2s;
    transition:opacity 0.2s
}
.scrollbar-dynamic>.scroll-element .scroll-bar{
    background-color:#6c6e71;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{
    bottom:0;
    height:7px;
    min-width:24px;
    top:auto
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{
    left:auto;
    min-height:24px;
    right:0;
    width:7px
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{
    bottom:0;
    top:auto;
    left:2px;
    -webkit-transition:height 0.2s;
    -moz-transition:height 0.2s;
    -o-transition:height 0.2s;
    -ms-transition:height 0.2s;
    transition:height 0.2s
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{
    left:auto;
    right:0;
    top:2px;
    -webkit-transition:width 0.2s;
    -moz-transition:width 0.2s;
    -o-transition:width 0.2s;
    -ms-transition:width 0.2s;
    transition:width 0.2s
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{
    left:-4px
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{
    top:-4px
}
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
    left:-11px
}
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
    top:-11px
}
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer{
    overflow:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:0.7
}
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size{
    opacity:1
}
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar{
    height:100%;
    width:100%;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px
}
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer{
    height:20px;
    min-height:7px
}
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer{
    min-width:7px;
    width:20px
}
.icon-block{
    padding:0 15px
}
.icon-block .material-icons{
    font-size:inherit
}
.containerbox{
    margin:5px 10px
}
.news-info{
    font-size:12px;
    margin-left:-10px;
    display:block;
    padding-top:7px
}
.single-top-header-image{
    position:relative;
    width:100%
}
.single-top-header-image::before{
    content:"";
    display:block;
    padding-top:100%
}
.single-top-header-image::after{
    content:"";
    background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
    height:75px;
    width:100%;
    position:absolute;
    bottom:0px
}
.block-two-big-section-thumb{
    position:relative;
    width:100%
}
.block-two-big-section-thumb::before{
    content:"";
    display:block;
    padding-top:50%
}
.block-two-big-section-img{
    background-position:50% 50%;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-size:cover
}
#mobileShareButton{
    margin-top:1px;
    background:#efefef;
    text-align:center;
    padding:10px 5px;
    border-radius:50%;
    display:block;
    color:#1d96b3
}
.loading{
    text-align:center;
    margin:150px
}
.top-block-bg{
    display:block;
    width:100%;
    height:100%
}
.top-block-bg img{
    height:100%
}
.article-subtitle{
    color:#676666;
    text-transform:uppercase;
    font-size:11px;
    line-height:18px
}
.single-page-mainbox{
    display:block;
    width:100%
}
.singlepage-image{
    width:100%;
    display:block
}
.top-block-header.single-block-header{
    position:absolute;
    top:0px;
    width:100%;
    left:0px;
    right:0px;
    bottom:0px
}
.single-top-image{
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    object-fit:cover;
    background-image:linear-gradient(to top, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%)
}
.single-block-header{
    position:relative
}
.top-decorator{
    position:absolute;
    bottom:0px;
    width:100%;
    color:#fff;
    padding:5px 15px
}
.left-top-decorator{
    font-size:20px;
    text-align:left
}
.total-share-icons i{
    font-size:18px
}
.mrf-breadcrum{
    display:block;
    line-height:19px;
    padding:2px 0px 0px
}
.mrf-breadcrum .breadcrumb{
    color:#888;
    font-size:11px
}
.mrf-breadcrum .breadcrumb i.fas.fa-angle-right{
    display:inline-table;
    font-size:20px;
    vertical-align:bottom;
    padding-right:4px
}
.breadcrumb:before{
    content:'\E5CC';
    color:#888;
    vertical-align:middle;
    display:inline-block;
    font-family:"Material Icons";
    font-weight:normal;
    font-style:normal;
    font-size:19px;
    margin:0 5px 0 0px
}
.breadcrumb i{
    font-size:14px !important;
    vertical-align:sub
}
.breadcrumb:last-child{
    font-style:italic !important
}
h1.content-title{
    color:#4e4e4e;
    font-size:21px;
    line-height:29px;
    margin:0px
}
.single-page-content-top{
    margin-top:5px
}
.single-page-content-top table{
    margin-bottom:15px
}
span.news-release-date-add{
    color:#737373;
    font-size:13px;
    font-style:italic
}
.news-content{
    font-size:15px;
    line-height:23px;
    padding-top:9px;
    margin:0px
}
.news-detail-image{
    width:100%;
    height:auto
}
.header-articles-title{
    color:#000;
    overflow:hidden;
    font-size:18px;
    margin:10px 0px 8px;
    border-bottom:solid 2px #bfbfbf;
    padding:0 4px 4px 4px;
    text-transform:uppercase
}
.icons-color{
    background:transparent;
    border:none;
    box-shadow:none;
    float:right
}
.icons-color i{
    color:#1BA38E;
    font-size:30px;
    vertical-align:middle
}
.icons-color:focus{
    background-color:rgba(0,0,0,0) !important;
    box-shadow:none;
    border:solid 1px #1BA38E
}
.icons-color:active{
    background-color:rgba(0,0,0,0) !important;
    box-shadow:none;
    border:solid 1px #1BA38E
}
.icons-color:hover{
    background-color:rgba(0,0,0,0) !important;
    box-shadow:none;
    border:solid 1px #1BA38E
}
.item.slider-item{
    height:233px;
    width:auto;
    position:relative
}
.slider-item img{
    height:100%;
    object-fit:cover;
    background-size:cover;
    background-position:center 15%
}
.slider-item:hover .slider-caption-tag{
    color:#1BA38E;
    transition:all ease-in-out 2s
}
.slider-bio-caption{
    min-height:45px;
    vertical-align:middle;
    text-align:center;
    padding:5px 0px
}
.owl-nav{
    display:none
}
.owl-dots{
    display:none
}
.sider-gossip-caption{
    min-height:50px
}
.news-img-height{
    min-height:224px
}
.news-lists-img::before{
    padding-top:50% !important
}
.bio-lists-img{
    border-radius:50%
}
.bio-social-status li a{
    width:100%;
    color:#4f4f4f;
    line-height:15px;
    display:block;
    font-size:12px;
    font-weight:normal
}
.bio-social-status.merri-font{
    margin:0px
}
.single-page-about-content .header-articles-title{
    margin:0px 0px 0px 0px !important
}
.owl-carousel-bio .block-two-small-section{
    border-bottom:0px !important
}
.player-bio-item{
    position:relative;
    padding:2px 0px
}
.player-bio-item:before{
    position:absolute;
    content:"";
    right:calc(100% - 2px);
    top:0;
    bottom:0;
    height:100%;
    width:2px;
    background:#ccc
}
.player-bio-inner{
    width:calc(100% - 35px);
    position:relative;
    height:auto;
    clear:both;
    margin:0 0 0px auto;
    padding:2px 0px
}
.player-bio-inner:before{
    content:"";
    position:absolute;
    width:34px;
    right:100%;
    height:2px;
    background:#ccc;
    top:calc(50% - 2px)
}
.bio-other-col{
    padding:0px !important;
    border-bottom:1px solid #ecebeb
}
.bio-details-table{
    margin:7px 0px
}
.bio-details-table tr td:first-child{
    border-right:solid 1px #ccc;
    position:relative
}
.bio-details-table tr td:first-child::before{
    position:absolute;
    content:"";
    left:19px;
    top:0;
    height:100%;
    width:2px;
    background:var(--primaryColor)
}
.bio-details-table tr td:first-child span i{
    width:30px;
    height:30px;
    border:2px solid var(--primaryColor);
    border-radius:100%;
    font-size:19px;
    line-height:26px;
    text-align:center;
    background:#fff
}
.bio-details-table .timeline-target{
    white-space:nowrap;
    position:relative;
    margin-right:5px
}
.bio-details-table thead tr th{
    background:#fff !important;
    text-align:center;
    color:#000;
    font-size:16px;
    text-decoration:underline;
    font-family:"allerbold"
}
.bio-details-table table.striped>tbody>tr:nth-child(odd){
    background-color:#e1f2ff
}
.bio-details-table table.striped>tbody>tr:nth-child(even){
    background-color:#fff !important
}
.bio-details-table table{
    border-color:#b0d7f7
}
.title-timeline{
    text-align:center
}
#singleBioTimeline{
    margin-bottom:15px
}
#singleBioTimeline .single-bio-timeline-top{
    text-align:center;
    margin:30px 0 20px
}
#singleBioTimeline .single-bio-timeline-top img{
    height:150px;
    width:150px !important;
    border-radius:50%;
    border:2px solid #efefef;
    box-shadow:2px 2px 5px rgba(121,116,116,0.82);
    margin:5px auto !important
}
.facts-details-title{
    margin:0px;
    font-size:18px
}
.hand{
    cursor:pointer
}
.container-one{
    padding:0px 10px
}
.timeline-block{
    position:relative;
    clear:both;
    border-bottom:0px
}
.timeline-facts-container{
    position:relative;
    display:block;
    width:100%
}
.timeline-facts-container::before{
    content:'';
    position:absolute;
    top:0;
    right:calc(75% + 47px);
    margin-left:-7px;
    height:100%;
    display:block;
    width:4px;
    background:#2196f3
}
.timeline-facts-container tbody tr:first-child{
    background:transparent !important;
    color:#4e4e4e !important;
    text-align:left !important
}
.timeline-facts-container tbody tr:first-child td{
    text-align:left !important
}
.timeline-facts-container tbody tr:first-child td .timeline-title{
    text-align:left !important
}
.timeline-facts-container tbody tr:first-child td p{
    text-align:left !important
}
.timeline-facts-container tr{
    border:0px !important
}
.timeline-image{
    position:absolute !important;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#fff;
    border:4px solid #2196f3 !important;
    right:calc(75% + 18px)
}
.timeline-image i{
    display:block;
    font-size:22px;
    position:relative;
    color:#597c98;
    text-align:center;
    line-height:13px
}
@media only screen and (min-width: 768px){
    .timeline-image i{
        line-height:35px;
        font-size:30px
    }
}
@media only screen and (max-width: 767px){
    .timeline-image{
        left:-3px !important;
        width:40px !important;
        height:40px !important;
        right:unset !important;
        padding-left:0px !important
    }
    .timeline-facts-container:before{
        left:23px !important;
        right:unset !important
    }
    .timeline-content{
        width:calc(100% - 47px) !important;
        float:right !important;
        margin-left:47px !important;
        margin-bottom:5px !important;
        padding:5px !important
    }
    .timeline-content h2{
        font-size:15px !important;
        margin-bottom:3px !important
    }
    .timeline-content p{
        font-size:13px !important;
        margin-bottom:5px !important
    }
    .timeline-content .timeline-date{
        position:unset !important;
        width:100% !important;
        padding:0 0 3px !important;
        text-align:left !important
    }
    .timeline-facts-container{
        float:left
    }
}
@media only screen and (max-width: 399px){
    .timeline-facts-container:before{
        height:calc(100% - 40px) !important
    }
}
.timeline-content{
    margin-left:60px;
    position:relative;
    padding:15px !important;
    border:1px solid #e2e1e1 !important;
    width:75%;
    float:right;
    margin-bottom:30px;
    background:#fff
}
.timeline-content::before{
    content:'';
    position:absolute;
    top:23px !important;
    right:100% !important;
    height:0;
    width:0 !important;
    border:7px solid transparent;
    border-right:10px solid #e2e2e2;
    left:-17px !important;
    margin:0px !important
}
.timeline-content p{
    font-weight:300;
    font-size:16px;
    margin-bottom:10px;
    line-height:28px
}
.timeline-content .news-content{
    padding:0px
}
.timeline-title{
    font-size:20px;
    line-height:22px;
    margin:0 0 7px;
    font-weight:500
}
span.timeline-date{
    position:absolute;
    width:100px;
    right:calc(100% + 83px);
    top:0;
    font-size:14px;
    font-weight:bold;
    display:inline-block;
    color:#2196f3;
    padding-top:6px;
    text-align:right
}
span.more-news{
    text-align:center;
    width:100%;
    display:block;
    margin-top:9px
}
.more-news button{
    padding:5px;
    background:#f3f2f2;
    color:#1BA38E;
    cursor:pointer;
    border:solid 1px #f3f2f2
}
.rubik-font{
    font-family:"rubikregular" !important
}
.single-page-bg-color.single-page-topic-bg{
    background:#f6f6f6
}
.articles-title-new{
    text-align:center
}
.header-articles-title-new{
    color:#1BA38E;
    overflow:hidden;
    font-size:18px;
    margin:10px 0px 8px
}
.header-articles-title-new:after{
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    margin-right:-100%;
    border-bottom:2px solid #1BA38E
}
.header-articles-title-new:before{
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    margin-left:-100%;
    border-bottom:2px solid #1BA38E
}
button.new-style-btn{
    border:solid 2px #1BA38E;
    padding:5px 40px;
    background:#fff
}
.social-media-content{
    margin:10px 0px
}
.subtitle-new{
    margin-bottom:10px
}
.header-articles-title-bg h3{
    font-size:18px;
    margin:0px !important;
    display:inline-block;
    background:#1BA38E;
    padding:9px 13px;
    color:#fff;
    box-shadow:0px 2px 6px rgba(0,0,0,0.3)
}
.player-bio-item-new{
    padding:2px 0px
}
.player-bio-inner-new .block-two-small-section-info{
    padding-top:8% !important
}
.advertise-div{
    display:block;
    height:100px;
    width:100%;
    margin-bottom:5px
}
.advertise-div-big{
    display:block;
    height:100px;
    width:100%;
    margin-bottom:5px;
    height:150px
}
.adv{
    height:100%
}
.adv textarea{
    height:100%;
    text-align:center
}
.player-bio-item-new.player-bio-item-line{
    position:relative;
    padding:7px 0px;
    border-bottom:0px !important
}
.player-bio-item-new.player-bio-item-line::before{
    position:absolute;
    content:"";
    right:calc(100% - 52px);
    top:10px;
    bottom:0;
    height:100%;
    width:2px;
    background:#ccc
}
.no-border-bottom{
    border-bottom:0px !important
}
.no-border-bottom:last-child .player-bio-item-line::before{
    content:none
}
.title-name{
    color:#fff;
    margin:0;
    font-size:33px
}
.bio-top-title{
    margin-top:8%
}
.bio-top-title ul{
    color:#fff;
    margin:6px 0px
}
.bio-top-title li{
    display:inline-block;
    padding-right:7px;
    font-size:17px
}
.main-top-navaber{
    display:block;
    width:100%;
    background:linear-gradient(to bottom, #fff, #fbfbfb, #f6f6f6, #f2f2f2, #eee)
}
.main-top-navar-inside ul{
    margin:0px;
    display:flex;
    justify-content:space-between;
    white-space:nowrap;
    flex-wrap:nowrap;
    left:18%;
    width:80%;
    top:0px;
    position:relative;
    z-index:999;
    box-shadow:none !important;
    background-color:rgba(0,0,0,0) !important
}
.main-top-navar-inside ul li{
    display:inline-block;
    border-right:solid 1px #ece8e8;
    padding:10px 0;
    text-align:center
}
.main-top-navar-inside ul li a{
    padding:0 10px;
    color:#615a5a !important;
    text-transform:uppercase;
    font-size:15px;
    padding:5px 10px
}
.main-top-navar-inside ul li.indicator{
    height:1px !important;
    background-color:rgba(35,41,86,0.4) !important;
    padding:0px !important
}
.main-top-navar-inside .tabs{
    height:45px !important;
    line-height:45px !important
}
.main-top-navar-inside .tabs .tab{
    height:45px !important;
    line-height:45px !important
}
.main-top-navar-inside .tabs .tab a:focus.active{
    background-color:rgba(35,41,86,0.05) !important;
    outline:none
}
.tab-btn{
    background:transparent;
    line-height:45px
}
.biography-life-content-one p{
    padding-bottom:10px
}
.biography-life-content-one ul{
    margin:0 0 10px 0px
}
.bio-small-title{
    color:var(--primaryColor);
    font-size:24px;
    padding-bottom:7px;
    margin:0px;
    line-height:32px
}
.gallery-inside-image{
    margin-bottom:25px;
    transition:all .4s ease-in-out;
    overflow:hidden
}
.gallery-inside-image:hover{
    box-shadow:0px 1px 4px rgba(0,0,0,0.4)
}
.boi-details-page-inner-right{
    position:relative;
    z-index:99
}
.view-all-button{
    text-align:center
}
.view-all-button button{
    border:solid 2px var(--primaryColor);
    color:var(--primaryColor);
    background:transparent;
    padding:8px 19px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bold;
    transition:all 0.5s ease 0s
}
.view-all-button button:hover{
    background:var(--primaryColor);
    color:#fff
}
.advertise-section{
    width:100%;
    text-align:center
}
.advertise-section span{
    width:100%;
    text-align:center;
    display:table
}
.margin-top-bottom{
    padding:20px 0px
}
.title-top{
    color:#000;
    text-transform:uppercase;
    background:#fff;
    padding:11px 30px;
    width:auto;
    display:table;
    margin:0 auto
}
.stylish-link{
    font-style:italic
}
.main-box-inside{
    text-align:center;
    padding:20% 0;
    height:100%
}
.main-box-inside h1{
    font-size:100px
}
.main-box-inside a{
    font-size:20px;
    background:var(--primaryColor);
    padding:10px;
    color:#fff;
    box-shadow:0px 2px 1px 0px rgba(0,0,0,0.2)
}
.main-box-inside a i{
    vertical-align:middle;
    color:#fff;
    font-size:20px;
    padding-right:9px
}
form.search-page-form{
    display:block;
    position:relative;
    background:#eee;
    width:30%;
    margin:0px auto 20px
}
form.search-page-form .input-field{
    height:40px
}
form.search-page-form .input-field input#search{
    height:40px;
    width:100%
}
form.search-page-form .input-field input[type=search]{
    display:block;
    line-height:inherit;
    -webkit-transition:.3s background-color;
    transition:.3s background-color
}
form.search-page-form .input-field input[type=search]{
    height:inherit;
    padding-left:4rem;
    width:calc(100% - 4rem);
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:transparent
}
form.search-page-form .input-field input[type=search]+.label-icon{
    -webkit-transform:none;
    transform:none;
    left:1rem
}
form.search-page-form .input-field>label{
    color:#0f658e;
    position:absolute;
    top:7px;
    left:0;
    font-size:1rem;
    cursor:text;
    -webkit-transition:color .2s ease-out, -webkit-transform .2s ease-out;
    transition:color .2s ease-out, -webkit-transform .2s ease-out;
    transition:transform .2s ease-out, color .2s ease-out;
    transition:transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    text-align:initial;
    -webkit-transform:translateY(12px);
    transform:translateY(12px)
}
span.page-error-info{
    font-size:20px;
    display:table;
    width:100%;
    margin-bottom:20px
}
.relationship-title{
    margin:0 0 10px 0
}
.relationship-table tr td:last-child{
    background:#eee;
    width:26%;
    padding:0px 10px
}
.affair-lists-section{
    display:block;
    text-align:center;
    width:100%
}
.affair-lists-section a{
    color:#000;
    font-size:17px;
    transition:all .4s ease-in-out
}
.affair-lists-section span{
    border-bottom:solid 2px #000;
    padding:0px 6px 5px;
    margin:0px 12px;
    transition:all .4s ease-in-out
}
.affair-lists-section span:hover{
    border-bottom:none
}
.affair-lists-section span:hover a{
    color:var(--primaryColor) !important
}
span.caption-title{
    position:absolute;
    bottom:0px;
    background:#383d66;
    right:10%;
    left:10%;
    text-align:center;
    padding:10px;
    font-size:15px;
    color:#fff
}
.scrollertop{
    position:fixed;
    display:none;
    bottom:20px;
    cursor:pointer;
    right:10px;
    color:#fff;
    background:#1b1919;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%
}
.social-media-section iframe{
    height:300px !important
}
.news-writer-header{
    text-align:center;
    padding:20px 0px;
    border-bottom:solid 1px #ccc
}
.news-writer-header h1{
    text-transform:uppercase;
    padding-bottom:10px
}
.news-writer-header li{
    display:inline-block;
    padding-right:5px
}
.news-writer-header li i{
    padding-right:8px
}
.news-writer-inner-right{
    margin-top:20px;
    display:flex;
    justify-content:space-between
}
.news-writer-inner-right span{
    font-size:14px;
    text-transform:uppercase;
    padding-right:9px;
    color:#000
}
.news-writer-social span{
    width:100%;
    margin:0 auto;
    display:block;
    font-size:16px;
    color:#989595;
    padding-bottom:10px;
    text-align:center
}
.writer-share-buttons a{
    height:30px;
    display:block;
    line-height:30px;
    border-radius:3px;
    color:#ccc;
    padding:0px 8px;
    transition:all .4s ease-in-out
}
.writer-share-buttons a:hover{
    color:#fff
}
.writer-share-buttons li{
    display:inline-block
}
.writer-share-buttons li a i{
    padding-right:5px
}
a.social_fb{
    background:#8f0a8d
}
a.social_tw{
    background:#1da1f2
}
a.social_ig{
    background:#9b6954
}
a.social_pt{
    background:#c8232c
}
.writer-details-content{
    display:table;
    width:100%;
    padding-top:20px
}
@media screen and (min-width: 320px) and (max-width: 760px){
    .bio-details-table thead tr{
        display:none !important
    }
    .news-details-info,.personal-info-section,.single-post-article-right,.single-page-bg-color,.single-page-tag{
        padding:0px 18px !important
    }
    .news-details-info img{
        margin-left:-5.5% !important;
        margin-right:-5.5% !important;
        width:110.5% !important;
        max-width:500px !important
    }
    .related-news-section .articles-title{
        padding-right:10px;
        padding-right:10px
    }
    #relatedNewsSection .articles-title,.related-news-section .articles-title{
        margin-right:10px !important;
        margin-left:10px !important
    }
    .main-box-inside{
        padding-right:15px;
        padding-left:15px;
        padding-top:30% !important;
        padding-bottom:30% !important
    }
    .main-box-inside form.search-page-form{
        width:100% !important
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .latest-news-left-content{
        border-bottom:solid 1px #ccc;
        margin-bottom:10px
    }
    .latest-news-left-content .popular-news-image::before{
        padding-top:50% !important
    }
    .facts-container table{
        width:100% !important
    }
    .biography-cover-image-inner{
        height:200px !important
    }
    .latest-news-right-one{
        margin-bottom:9px !important
    }
    .bio-small-circle-img-inner{
        border:solid 4px #f1f1f1 !important
    }
    .title-name{
        font-size:20px !important
    }
    .bio-top-title{
        margin-top:30px !important
    }
    .bio-top-title ul{
        margin:0px !important
    }
    .bio-top-title li{
        font-size:13px !important
    }
    .biography-cover-small-image{
        bottom:-13px !important
    }
    .bio-details-table thead tr th{
        font-size:20px
    }
    .news-content{
        font-size:13px !important
    }
    .single-page-tag li a{
        font-size:13px !important
    }
    .share-icons-cover{
        display:none !important
    }
    .advertise-img-small{
        padding-right:10px !important;
        padding-left:10px !important
    }
    .advertise-img-small img{
        width:100% !important
    }
    .advertise-section{
        padding-right:10px !important;
        padding-left:10px !important
    }
    .advertise-section img{
        width:100% !important
    }
    .personal-info-block-content{
        margin:0 !important;
        padding-bottom:12px !important;
        padding-top:12px
    }
    .content-date-info{
        margin-bottom:5px !important
    }
    .personal-block-content-left{
        margin-bottom:0px !important
    }
    .news-writer-inner-right{
        display:block !important
    }
    ul.news-writer-bio{
        margin-bottom:15px
    }
    .news-writer-social span{
        text-align:left !important
    }
    .writer-details-content{
        padding:15px
    }
    .single-post-article,.news-details-section{
        margin-top:10px !important
    }
}
@media screen and (min-width: 993px){
    .no-display .tabs{
        display:none !important
    }
}
@media screen and (min-width: 768px){
    .article-top-one{
        height:300px
    }
    .header-articles-title{
        font-size:24px;
        text-transform:uppercase;
        border-bottom:solid 3px #bfbfbf;
        padding-bottom:4px
    }
    .header-articles-title::after{
        content:none
    }
    .single-page-middle-content{
        padding:12px 0px;
        padding-bottom:4px;
        background:#fff
    }
    .latest-bio-small-section{
        padding:15px !important
    }
    .block-two-small-section-info h3 a{
        font-size:18px !important;
        color:#000 !important;
        line-height:24px !important
    }
    .articles-title{
        padding:0 15px
    }
    .article-subtitle{
        font-size:12px
    }
    .top-block-cate{
        font-size:13px !important
    }
    .owl-carousel-news .owl-nav{
        display:block !important;
        text-align:right !important;
        display:block !important;
        text-align:right !important;
        margin:0px !important
    }
    .owl-carousel-news .owl-nav button span{
        color:var(--primaryColor);
        font-size:22px;
        padding:2px 4px;
        transition:all 0.5s ease 0s
    }
    .owl-carousel-news .owl-nav button:hover span{
        color:#fff;
        background-color:var(--primaryColor)
    }
    .latest-news-section{
        margin-top:30px;
        width:100%
    }
    .breadcrum-desktop a{
        color:var(--primaryColor) !important
    }
    .breadcrum-desktop .breadcrumb{
        font-size:11px !important
    }
    h1.bio-main-title{
        font-size:34px;
        color:#000
    }
    .bio-header-title{
        margin:10px 0px 10px
    }
    .popular-news-image::before{
        padding-top:50% !important
    }
    .news-details-image{
        margin:20px 0px;
        text-align:center
    }
    p{
        font-size:16px;
        padding-bottom:8px
    }
    li{
        font-size:15px;
        padding-bottom:8px
    }
    .news-details-section{
        margin-bottom:30px
    }
    .gallery-inside-image:hover .bio-inside-img-inner{
        transform:scale(1.1)
    }
    .gallery-inside-image img{
        height:100%;
        width:100%
    }
    .biography-life-details{
        padding:20px 0px
    }
    .biography-life-content-one{
        padding-bottom:25px
    }
    .bio-details-table thead tr th{
        font-size:20px
    }
    .advertise-section img{
        width:auto
    }
    .bio-details-page-inner{
        padding:20px 0 0
    }
}
.world-news-left-section{
    padding-top:10px
}
.bio-dob span{
    width:100%;
    display: block;
    color:#141313;
    font-size: 15px;
    padding-bottom: 0px;
}