body{font-family:var(--content);color:var(--color-body);}


header { position:absolute; left:0; right:0; padding:30px 0; z-index:99 }
header .center { display:flex; align-items:center; justify-content: space-between}
.featured img { width:100%;}
img.s-desktop { display:block; }
img.s-mobile { display:none; }

.featured:before { background:url('../img/slide-bottom.png'); content:''; position:absolute; width:100%; height:80px; bottom:0; left:0; right:0 }

#cssmenu{position:relative; z-index:99; font-family:var(--nav);}
#cssmenu>ul { display:flex; }
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li span { display:block; font-weight:400; font-style:italic; }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:700; color:var(--color-nav);padding:10px 30px; letter-spacing:-0.5px}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { color:var(--color-nav-hover); position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:var(--color-main); padding:12px 0px; border-radius:3px}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:10px 20px;font-size: 13px; display:block;width:240px;text-decoration:none;color:var(--color-white);font-weight:700;position:relative;}
#cssmenu ul ul li a:hover { background:color:var(--color-main); color:var(--color-white); opacity: .6;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; }
#cssmenu .has-sub>a { padding-right: 40px; }
#cssmenu .has-sub:before { content: '\f107'; font-family:var(--faw); font-size: 12px; font-weight: 600; position: absolute; right: 20px; color:var(--color-nav); }
#cssmenu .has-sub:hover:before {color:var(--color-main);content: '\f106'; font-family:var(--faw); font-weight: 600;}
#cssmenu .active.has-sub:before {color:var(--color-main); }

.whatsapp {position: fixed;right: 40px;bottom: 80px;z-index:99;}
.whatsapp a {color: #fff;width: 72px;height: 72px;background: #4dc859;border-radius: 72px;text-align: center;line-height: 72px;font-size: 38px; display: block;}
.whatsapp a:hover { background:#128c7e; }

.disable h2, .disable h2:before { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.1);}

.about div[lang="en"] p { color:var(--color-bodyen); }
.about div[lang="en"] p strong { font-style:italic; }

.about img { width:100% }

.stats { text-align:center; }
.stats .center { max-width:990px }
.stats .center h4 { font-size:34px; margin-bottom:5px }
.stats .center span { font-style:italic; }
.stats img { max-width:60px }

.fair { background-image:url('../img/fuar-bg.jpg'); background-size:cover; }
.fair h2, .fair p { color:var(--color-white); }

.form p { margin:0; font-size: 13px}
.form p[lang="en"] { font-style:italic; color:var(--color-bodyen); margin-bottom:15px }

.form .center { max-width:990px }

.notice { padding:30px 30px 30px 60px; background:var(--color-silver); overflow:hidden; position:relative; }
.notice p { margin:5px 0; font-size:14px; font-weight:600; color: var(--color-main);}
.notice p[lang="en"] { font-style:italic; margin-bottom:0; color:var(--color-dark); }

.notice i.fa-solid { position:absolute; left:-30px; font-size: 70px; top:40%; color: var(--color-main);}

.fair-info { padding:80px; background:var(--color-dark); }
.social { padding:80px; background: var(--color-main);}

.fair-info h2, .social h2 { color:var(--color-white); margin-bottom:80px }
.fair-info h2:before, .social h2:before { color:var(--color-white); }
.fair-info h6, .social h6 { color:var(--color-white); margin-top: 40px}
.fair-info p { margin:0; color:var(--color-white); }
.fair-info .btn { margin-top:40px; margin-bottom: 0}

.social ul { list-style:none; }
.social ul li { display:inline-block }
.social ul li a { display:block; width:42px; height:42px; color:var(--color-white); font-size:20px; background: var(--color-dark); line-height: 42px; text-align: center;}
.social ul li a:hover { opacity:.8 }
.bottom p { font-size:12px }

@media only screen and (max-width:999px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:var(--color-dark);color:var(--color-white)}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:9; position: absolute; top:60px;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:9; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:var(--color-white);background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color:var(--color-white) !important; display: block; background:color:var(--color-main); font-size: 14px; line-height: normal !important;border-bottom:1px solid var(--color-light);}
    #cssmenu>ul>li:last-child>a{border-bottom:none}
    #cssmenu>ul>li { background:var(--color-main); margin:0 }
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:var(--color-white); background:var(--color-main)}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:var(--color-white)}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:var(--color-main);cursor:pointer;font-size:12px;height:48px; background:var(--color-dark); width: 48px; position: absolute; top:-20px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid var(--color-light);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:var(--color-white);z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:var(--color-white);z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: var(--color-white); background:var(--colo-main); }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid var(--color-light);}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:var(--color-white);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:var(--color-white);width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .has-sub:before{display: none;}

    img.s-desktop { display:none; }
    img.s-mobile { display:block; }

    .stats .col-3 {grid-template-columns: repeat(3,1fr); gap:10px}
    .stats .center h4 { font-size:14px }
    .stats .center span { font-size:12px }
    .fair-info, .social {padding:30px }

    p { font-size:14px }

    h2 { font-size:28px }
}