/* Topnav */
nav.topnav{
    position:fixed; top:0; left:0; width:100%; z-index:95;
    box-shadow:0px 2px 8px 2px rgba(0,0,0,.15); transition:transform .25s;
}
nav.topnav .blocks{width:100%; display:flex; align-items:center; justify-content:space-between;}
nav.topnav .block{display:flex; align-items:center;}
nav.topnav .logo{
    display:flex; align-items:center; justify-content:center;
    border-right:1px solid transparent; transition:background .25s;
}
nav.topnav .logo > img{
    display:block; width:auto; max-width:calc(100% - .875rem);
    height:auto; max-height:calc(100% - .875rem);
}
nav.topnav .menu-container{display:flex; align-items:center;}
nav.topnav .menu{display:block; position:relative;}
nav.topnav .menu > a{
    display:flex; align-items:flex-end; border-right:1px solid transparent;
    padding:.3125rem .625rem; font-size:.9375rem; font-weight:100; white-space:nowrap;
    transition:background .25s, color .25s;
}
nav.topnav .menu > a .num{
    font-size:1.75rem; font-weight:600; line-height:1.1; margin:0 .25rem 0 0;
}
nav.topnav .option{
    display:flex; align-items:center; justify-content:center; border-left:1px solid transparent;
    font-size:2.25rem; transition:background .25s, color .25s;
}
nav.topnav .logo, nav.topnav .menu > a, nav.topnav .option{width:3.875rem; height:3.875rem;}
nav.topnav .menu > a{width:auto;}
nav.topnav + .topnav-spacer{display:block; width:100%; height:3.875rem;}
@media screen and (max-width:1199.98px){
    nav.topnav .menu-container{display:none;}
    nav.topnav .option{font-size:2.125rem;}
    nav.topnav .logo, nav.topnav .menu > a, nav.topnav .option{width:3.5rem; height:3.5rem;}
    nav.topnav + .topnav-spacer{height:3.5rem;}
}


/* Topnav Option */
.topnav-option{width:100%; display:block; background-size:cover; background-position:center;}
.topnav-option .blocks{width:100%; display:flex; align-items:center; justify-content:flex-end;}
.topnav-option .block{position:relative; margin:0 0 0 1.125rem; padding:.5625rem 0;}
.topnav-option .text{
    display:inline-block; font-size:.8125rem; font-weight:500; margin:0 .1875rem 0 0;
}
.topnav-option .btn.btn-circle{
    display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem;
    padding:0; margin:0; font-size:.8125rem; text-align:center; border-radius:50%;
}
.topnav-option .btn.font-size-btn{font-size:1rem; font-weight:500; line-height:1.4375rem;}
.topnav-option .btn.theme-btn{font-size:.8125rem; font-weight:600;}
.topnav-option .flag-wrapper{
    display:flex; align-items:center; padding:.125rem .375rem .125rem .125rem; width:5.5rem;
    font-size:.8125rem; font-weight:500; cursor:pointer; transition:background .25s;
}
.topnav-option .flag-icon{
    position:relative; display:block; width:1.25rem; height:1.25rem; border-radius:50%;
    background-size:cover; background-position:center;
}
.topnav-option .flag-wrapper > .text{margin:.125rem .375rem 0 .375rem;}
.topnav-option .flag-wrapper > em{
    position:absolute; top:0; bottom:0; right:.3125rem; display:flex; align-items:center;
    font-size:.5625rem; transform:translateY(.0625rem);
}
.topnav-option .dropdown .flag-wrapper{width:100;}
.topnav-option .dropdown{
    position:absolute; top:100%; left:0; border-radius:.25rem;
    padding:.25rem 0; opacity:0; pointer-events:none; transition:opacity .25s;
}
.topnav-option .block:hover > .dropdown{opacity:1; pointer-events:auto;}
.topnav-option .circular{border-radius:50% 0 50% 50%!important;}
.topnav-option .flag-wrapper.circular{border-radius:.75rem 0 .75rem .75rem!important;}
.topnav-option .shadow{box-shadow:2px 2px 10px 4px rgba(0,0,0,0.20);}
@media screen and (max-width:767.98px){
    .topnav-option{display:none;}
}


/* Topnav Dropdown */
.topnav-dropdown{
    display:block; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:100;
    opacity:0; pointer-events:none; background:rgba(0,0,0,.7); transition:opacity .45s;
}
.topnav-dropdown.active{opacity:1; pointer-events:all;}
.topnav-dropdown > .wrapper{
    position:relative; width:100%; height:100%; display:flex; justify-content:flex-end;
    padding:0 3.875rem;
}
.topnav-dropdown .close-filter{
    position:absolute; top:0; bottom:0; left:0; right:0; cursor:pointer;
}
.topnav-dropdown .btn-container{
    display:flex; align-items:center; justify-content:center; width:3.875rem; height:3.875rem;
    cursor:pointer; transition:background .25s;
}
.topnav-dropdown .content-container{
    position:relative; width:calc(100% - 7.75rem); height:calc(100% - 4rem);
    display:flex; align-items:center; justify-content:center; padding:1rem 0;
}
.topnav-dropdown .scroll-y-wrapper{width:100%; height:100%; padding:0 4rem;}
@media screen and (max-width:1199.98px){
    .topnav-dropdown > .wrapper{padding:0 3.5rem;}
    .topnav-dropdown .btn-container{width:3.5rem; height:3.5rem;}
    .topnav-dropdown .content-container{width:calc(100% - 7rem);}
}
@media screen and (max-width:991.98px){
    .topnav-dropdown > .wrapper{padding:0;}
}
@media screen and (max-width:767.98px){
    .topnav-dropdown .scroll-y-wrapper{padding:0 3rem;}
}
@media screen and (max-width:575.98px){
    .topnav-dropdown .content-container{width:calc(100% - 3.5rem);}
    .topnav-dropdown .scroll-y-wrapper{padding:0 1rem;}
}


/* Sidenav */
nav.sidenav{
    display:none; position:fixed; top:0; right:0; width:340px; height:100vh; z-index:98;
    transform:translateX(340px); transition:transform .5s;
}
nav.sidenav > .wrapper{position:relative; width:100%; height:100%; overflow:hidden;}
nav.sidenav .sidenav-toggle{
    display:block; width:4rem; height:4rem; padding:1.5rem 1rem 0 1rem; margin:0 0 0 auto;
    cursor:pointer; border-left:1px solid transparent;
}
nav.sidenav .options{display:flex; width:100%; margin:0; border-top:1px solid transparent;}
nav.sidenav .options > .option{
    display:flex; align-items:center; justify-content:center; width:calc(100% / 3);
    height:3.125rem; position:relative; cursor:pointer; border-right:1px solid transparent; 
}
nav.sidenav .options > .option:last-child{border-right:0;}
nav.sidenav .option > .icon{font-size:1.125rem; font-weight:600;}
nav.sidenav .option .flag{
    display:block; width:1.5rem; height:1.5rem; border-radius:50%; margin:0 auto;
    background-size:cover; background-position:center; background-repeat:no-repeat;
}
nav.sidenav .option > .dropdown{
    position:absolute; top:calc(100% + .25rem); left:calc(50% - 2rem); right:calc(50% - 2rem);
    border:1px solid transparent; border-radius:.25rem; pointer-events:none; opacity:0; z-index:1;
    box-shadow:0px 4px 8px 4px rgba(0,0,0,.15); overflow:hidden; transition:opacity .5s, top .5s;
}
nav.sidenav .option:hover > .dropdown{opacity:1; top:100%; pointer-events:all;}
nav.sidenav .option > .dropdown > *{
    display:flex; align-items:center; justify-content:center; width:100%; height:2.5rem;
    text-decoration:none; border-top:1px solid transparent;
}
nav.sidenav .option > .dropdown > *:first-child{border-top:0;}
nav.sidenav .option [data-theme="0"]{background:#ffffff!important; color:#000000!important;}
nav.sidenav .option [data-theme="1"]{background:#000000!important; color:#ffffff!important;}
nav.sidenav .option [data-theme="2"]{background:#000000!important; color:#ffff00!important;}
nav.sidenav .scroll-wrapper{
    display:block; width:100%; height:calc(100% - 12rem); max-height:calc(100% - 12rem);
    overflow-x:hidden; overflow-y:auto; border-top:1px solid transparent;
    padding:0 0 1px 0;
}
nav.sidenav .menu, nav.sidenav .submenu{position:relative;}
nav.sidenav .menu > a, nav.sidenav .submenu > a{
    display:block; width:100%; text-decoration:none; padding:1.0625rem 1rem .875rem 1rem;
    margin:0; font-size:.9375rem; font-weight:500; line-height:1.25;
    border-bottom:1px solid transparent; transition:background .25s, color .25s;
}
nav.sidenav .submenu > a{padding-left:1.5rem;}
nav.sidenav .has-children > a{padding-right:4.125rem!important;}
nav.sidenav .submenu-dropdown, nav.sidenav .submenu > .submenu-block{display:none;}
nav.sidenav .dropdown-toggle{
    position:absolute; right:0; top:0; width:3.125rem; height:3.125rem; text-align:center;
    line-height:3.125rem; cursor:pointer; font-size:.875rem;
}
nav.sidenav .dropdown-toggle > em{transition:transform .25s, color .25s;}
nav.sidenav .dropdown-toggle.active > em{transform:rotate(90deg);}
nav.sidenav .dropdown-toggle::after{display:none;}
nav.sidenav ~ .sidenav-filter{
    display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:97;
    background:#000000; opacity:0; pointer-events:none; cursor:pointer; transition:opacity .5s;
}
@media screen and (max-width:1199.98px){
    nav.sidenav{display:block;}
    nav.sidenav.active{transform:translateX(0);}
    nav.sidenav ~ .sidenav-filter{display:block;}
    nav.sidenav.active ~ .sidenav-filter{opacity:.7; pointer-events:all;}
    nav.sidenav .hide-mobile{display:none!important;}
    nav.sidenav .show-mobile{display:block!important;}
}


/* Global Search Container */
.global-search-container{
    display:block; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:100;
    opacity:0; pointer-events:none; background:rgba(0,0,0,.7); transition:opacity .45s;
}
.global-search-container.active{opacity:1; pointer-events:all;}
.global-search-container > .wrapper{
    position:relative; width:100%; height:100%; display:flex; justify-content:flex-end;
}
.global-search-container .close-filter{
    position:absolute; top:0; bottom:0; left:0; right:0; cursor:pointer;
}
.global-search-container .btn-container{
    display:flex; align-items:center; justify-content:center; width:3.875rem; height:3.875rem;
    cursor:pointer; transition:background .25s;
}
.global-search-container .content-container{
    position:relative; width:calc(100% - 7.75rem); height:calc(100% - 4rem);
    display:flex; align-items:center; justify-content:center; padding:1rem 4rem;
}
@media screen and (max-width:1199.98px){
    .global-search-container .btn-container{width:3.5rem; height:3.5rem;}
    .global-search-container .content-container{width:calc(100% - 7rem);}
}
@media screen and (max-width:767.98px){
    .global-search-container .content-container{padding:1rem 3rem;}
}
@media screen and (max-width:575.98px){
    .global-search-container .content-container{width:calc(100% - 3.5rem); padding:1rem;}
}


/* Footer Pattern */
.footer-pattern{width:100%; overflow:hidden; margin:2rem 0 0 0;}
.footer-pattern > img{display:block; width:100%; height:auto;}
@media screen and (max-width:1299.98px){
    .footer-pattern > img{width:1400px; transform:translateX(calc(50vw - 700px));}
}
@media screen and (max-width:1199.98px){
    .footer-pattern{margin:1.75rem 0 0 0;}
    .footer-pattern > img{width:1300px; transform:translateX(calc(50vw - 650px));}
}
@media screen and (max-width:991.98px){
    .footer-pattern{margin:1.5rem 0 0 0;}
    .footer-pattern > img{width:1100px; transform:translateX(calc(50vw - 550px));}
}
@media screen and (max-width:767.98px){
    .footer-pattern{margin:1.25rem 0 0 0;}
    .footer-pattern > img{width:1000px; transform:translateX(calc(50vw - 500px));}
}
@media screen and (max-width:575.98px){
    .footer-pattern{margin:1rem 0 0 0;}
    .footer-pattern > img{width:900px; transform:translateX(calc(50vw - 450px));}
}


/* Footer */
nav.footer{width:100%; padding:1.5rem 0 2.25rem 0; background:#303030; color:#ffffff;}
nav.footer .blocks{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
nav.footer .left-block{width:17.5rem;}
nav.footer .right-block{width:calc(100% - 18.5rem);}
nav.footer .info-block{width:calc(100% - 9.25rem);}
nav.footer .social-block{width:8.25rem;}
nav.footer .desc-container{display:flex; width:100%;}
nav.footer .desc-container .logo-container{width:4rem; padding:0 .75rem 0 0;}
nav.footer .desc-container .logo-container img{display:block; width:100%; height:auto;}
nav.footer .links{width:100%; padding:0 0 .25rem 0; transform:translateX(-.875rem);}
nav.footer .links > a{
    position:relative; display:inline-block; padding:0 .875rem; color:#ffffff;
    font-size:.875rem; font-weight:100;
}
nav.footer .links > a:hover{color:#ffb739;}
nav.footer .links > a::after, nav.footer .info-container > .info::after{
    content:''; position:absolute; top:.1875rem; bottom:.1875rem; right:0; width:1px;
    background:#5d5d5d;
}
nav.footer .info-container > .info:last-child::after,
nav.footer .links > a:last-child::after{display:none;}
nav.footer .info-container{
    width:100%; display:flex; flex-wrap:wrap; border-top:1px solid #5d5d5d;
}
nav.footer .info-container > .info{
    position:relative; padding:0 .5625rem 0 0; margin:.5625rem .5625rem 0 0;
}
nav.footer .info-container > .info:last-child{padding-right:0; margin-right:0;}
nav.footer .info-container > .info a{color:#ffffff;}
nav.footer .info-container > .info a:hover{color:#ffb739;}
nav.footer .social-block .btns{text-align:right;}
nav.footer .visitor-count{
    display:flex; align-items:center; justify-content:flex-end; margin:.5rem 0 0 0;
}
nav.footer .visitor-count > *{
    display:inline-block; width:1.125rem; height:1.5rem; line-height:1.5rem; text-align:center;
    background:#000000; color:#ffffff; font-size:.8125rem; font-weight:300;
    margin:0 0 0 .0625rem;
}
nav.footer .quicklinks{
    width:100%; font-size:.8125rem; text-align:right; margin:.5625rem 0 0 0;
}
nav.footer .quicklinks > a{display:inline-block; color:#a1a1a1; margin:.25rem 0 0 1rem;}
nav.footer .quicklinks > a:hover{color:#ffb739;}
nav.footer h6{color:#fe4d01;}
nav.footer p{line-height:1.4; font-size:.8125rem; font-weight:100; color:#ffffff;}
nav.footer .btn.btn-social{background:#fe4d01; color:#ffffff;}
nav.footer .btn.btn-social:hover{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}
nav.footer .btn.btn-social:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.20);}
@media screen and (max-width:1199.98px){
    nav.footer .left-block, nav.footer .right-block, nav.footer .info-block,
    nav.footer .social-block{width:100%;}
    nav.footer .right-block{margin:1.5rem 0 0 0;}
    nav.footer .social-block{margin:1.25rem 0 0 0;}
    nav.footer .social-block .btns{text-align:left;}
    nav.footer .visitor-count{justify-content:flex-start;}
    nav.footer .quicklinks{text-align:left;}
    nav.footer .quicklinks > a{margin:.25rem 1rem 0 0;}
}
@media screen and (max-width:767.98px){
    nav.footer .desc-container{justify-content:center;}
    nav.footer .links{transform:translateX(0); text-align:center;}
    nav.footer .info-container{justify-content:center;}
    nav.footer .social-block .btns{text-align:center;}
    nav.footer .visitor-count{justify-content:center;}
    nav.footer .quicklinks{text-align:center;}
    nav.footer .quicklinks > a{margin:.25rem .5rem 0 .5rem;}
}


/* Back to Top */
.back-to-top{
    display:block; text-decoration:none; width:3rem; height:3rem; border-radius:.3125rem;
    text-align:center; line-height:3.25rem; font-size:1.25rem; opacity:0; z-index:90;
    position:fixed; bottom:1rem; right:1rem; border:1.8px solid transparent;
    pointer-events:none; transition:opacity .25s;
}
.back-to-top.active{opacity:.6; pointer-events:all;}
.back-to-top.active:hover{opacity:1;}
.back-to-top > i{transform:translateY(-.1875rem);}