/*@font-face{font-family:Roboto;font-weight:normal;src:url(https://cdn.smartacademyindonesia.com/css/fonts/Roboto-Medium.ttf);}*/
/*@import url('https://cdn.smartacademyindonesia.com/css/fonts/Roboto-Medium.ttf');*/
/*@font-face{font-family:Roboto;font-weight:normal;src:local('Roboto Medium'),local('Roboto-Medium'),url('https://cdn.smartacademyindonesia.com/css/fonts/roboto-v20-latin-500.woff2') format('woff2'),url('https://cdn.smartacademyindonesia.com/css/fonts/roboto-v20-latin-500.woff') format('woff');}*/
/*@font-face{font-family:Roboto;font-weight:normal;src:url(fonts/Roboto-Medium.ttf)}
@font-face{font-family:Roboto;font-weight:100;src:url(fonts/Roboto-Light.ttf)}
@font-face{font-family:Roboto;font-weight:300;src:url(fonts/Roboto-Regular.ttf)}
@font-face{font-family:Roboto;font-weight:bold;src:url(fonts/Roboto-Bold.ttf)}
@font-face{font-family:Roboto;font-weight:900;src:url(fonts/Roboto-Black.ttf)}
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,700,700i,900&display=swap');*/

html,body,body *{margin:0px;padding:0px;}
html,body{font-family:Roboto;font-size:12px;overflow-x:hidden;}
html.fixed,body.fixed{overflow:hidden;}
h1,h2,h3,h4,h5,h6,p{font-weight:500;}
h1{font-size:4em;}
h2{font-size:3em;}
h3{font-size:2.4em;}
h4{font-size:2em;}
h5{font-size:1.6em;}
h6{font-size:1.2em;}
p{font-size:1em;}

.header{width:100%;position:fixed;top:0px;background-color:#ffffff;box-shadow:0px 0px 2px rgba(0,0,0,.24);z-index:1030;}
.main{width:100%;position:relative;}
.container{width:1200px;margin:0px auto;padding-left:0px;padding-right:0px;}

/*   navbar   */
.navbar{min-height:auto;margin-bottom:0px;position:relative;background-color:#ffffff;border:none;}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{height:auto;margin-left:0px;padding:0px;font-size:1em;}
.navbar .only-text{color:#9d9d9d !important;}
.navbar .navbar-right{margin-right:0px;}
.navbar .navbar-nav>li>a{width:100%;padding:0px;display:inline-block;}
.navbar .navbar-nav .dropdown-menu{margin:0px;margin-top:4px;padding:0px;border:1px solid #d9d9d9;border-radius:0px;box-shadow:none;font-size:1em;}
.navbar .navbar-nav .dropdown-menu li{background-color:#ffffff;}
.navbar .navbar-nav .dropdown-menu>li:first-of-type>a:after{width:0px;height:0px;position:absolute;content:'';filter:drop-shadow(0px -1px 0px #d9d9d9);}
.navbar .navbar-nav .dropdown-menu>li>a{width:100%;padding:0px;display:inline-block;outline:none;white-space:normal;}

.menu-mobile,.menu-left{display:none;}
.menu-top{position:relative;border-bottom:1px solid #d9d9d9;z-index:1;}
.menu-bot{position:relative;z-index:0;}

/*   desktop navbar top   */
.menu-desktop .menu-top .navbar .only-text>p{padding:12px 0px;background:transparent !important;color:#9d9d9d !important;line-height:20px;}
.menu-desktop .menu-top .navbar .navbar-nav>li{border-right:1px solid #d9d9d9;}
.menu-desktop .menu-top .navbar .navbar-nav>li:last-of-type{border-right:none;}
.menu-desktop .menu-top .navbar .navbar-nav>li .caret{display:none;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a.only-text img{height:16px;margin-top:-4px;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a{margin:8px 12px;background-color:transparent !important;color:#9d9d9d !important;}
.menu-desktop .menu-top .navbar .navbar-nav>li:last-of-type>a{margin-right:0px;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p{padding:4px 12px;position:relative;border-radius:4px;display:inline-block;line-height:20px;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a:hover>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>li>a:focus>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.active>a>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.active>a:hover>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.active>a:focus>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.open>a>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.open>a:hover>p:not(.menu-cart),.menu-desktop .menu-top .navbar .navbar-nav>.open>a:focus>p:not(.menu-cart){background:linear-gradient(-45deg,#4e95b5,#0e273d);color:#ffffff;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p.menu-cart{padding:4px;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p.menu-cart img{height:20px;margin-top:-4px;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p>.menu-notif{width:16px;margin-left:0px;position:absolute;bottom:-2px;right:-2px;background-color:#c7494c;border-radius:50%;color:#ffffff;display:inline-block;font-size:10px;line-height:16px;text-align:center;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p>.menu-caret{width:0px;height:0px;margin-left:8px;position:relative;display:inline-block;vertical-align:middle;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p>.menu-caret>span{width:6px;height:2px;margin:0px auto;margin-top:-1px;position:absolute;top:50%;left:0px;right:0px;background-color:#9d9d9d;border-radius:2px;transform-origin:center center;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a:hover>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>li>a:focus>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.active>a>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.active>a:hover>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.active>a:focus>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.open>a>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.open>a:hover>p>.menu-caret>span,.menu-desktop .menu-top .navbar .navbar-nav>.open>a:focus>p>.menu-caret>span{background-color:#ffffff;}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p>.menu-caret>span:first-of-type{left:-3px;transform:rotate(45deg);}
.menu-desktop .menu-top .navbar .navbar-nav>li>a>p>.menu-caret>span:last-of-type{right:-4px;transform:rotate(-45deg);}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu{min-width:240px;right:-1px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li:first-of-type>a:after{top:-23px;right:24px;border-top:12px solid transparent;border-bottom:12px solid #ffffff;border-left:12px solid transparent;border-right:12px solid transparent;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li:first-of-type>a:hover:after{border-bottom:12px solid #eff6fa;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a.menu-noclass,.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a.menu-nowish{background-color:transparent !important;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a.menu-noclass:after,.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a.menu-nowish:after{border-bottom:12px solid #ffffff !important;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>.active>a:after{border-bottom:12px solid #2879a4 !important;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a:hover,.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>li>a:focus{background-color:#eff6fa;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>.active>a,.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>.active>a:hover,.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu>.active>a:focus{background:linear-gradient(-45deg,#338ebb,#124d75);color:#ffffff;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown:not(.li-profile) .dropdown-menu>li:last-of-type>a{background:linear-gradient(-45deg,#338ebb,#124d75);color:#ffffff;text-align:center;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown:not(.li-profile) .dropdown-menu>li:last-of-type>a>p{padding:12px 0px;font-weight:bold;line-height:24px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu .menu-item{display:flex;padding:8px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu .menu-col{padding:0px 4px;display:inline-table;vertical-align:top;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu .menu-col>div{width:48px;height:48px;background-position:center center;background-repeat:no-repeat;background-size:cover !important;border:1px solid #d9d9d9;border-radius:4px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu .menu-col>p{line-height:16px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown-menu .menu-col>p:first-of-type{font-weight:bold;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .dropdown-menu>li>a{width:100%;padding:12px;display:table;outline:none;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile{border-bottom:1px solid #d9d9d9;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile>a>div{display:table-cell;vertical-align:middle;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile>a>div>div{width:40px;height:40px;border-radius:50%;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile>a>div:nth-of-type(2){width:100%;padding:0px 12px;font-weight:bold;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile>a>div:nth-of-type(2)>p>span{display:block;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile>a>div>img{width:20px;height:20px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-profile.active>a>div>img{filter:contrast(100) grayscale(1) invert(1);}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-saldo{border-bottom:1px solid #d9d9d9;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-saldo>a>p{width:50%;display:table-cell;font-weight:bold;line-height:24px;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-saldo>a>p:last-of-type{color:#3681a9;text-align:right;}
.menu-desktop .menu-top .navbar .navbar-nav .dropdown.li-profile .menu-item-saldo.active>a>p{color:#ffffff;}

/*   desktop navbar bottom   */
.menu-desktop .menu-bot .navbar .container{position:relative;}
.menu-desktop .menu-bot .navbar .navbar-header{padding:16px 0px;}
.menu-desktop .menu-bot .navbar .navbar-brand>img{height:64px;}
.menu-desktop .menu-bot .navbar .navbar-nav>li .caret{display:none;}
.menu-desktop .menu-bot .navbar .navbar-nav>li:not(:first-of-type){margin-left:8px;}
.menu-desktop .menu-bot .navbar .navbar-nav>li>a{margin:32px auto;background-color:transparent !important;color:#9d9d9d !important;}
.menu-desktop .menu-bot .navbar .navbar-nav>li:first-of-type>a{margin:32px 12px;}
.menu-desktop .menu-bot .navbar .navbar-nav>li>a>p{padding:6px 12px;position:relative;border-radius:4px;display:inline-block;font-weight:bold;line-height:20px;text-transform:uppercase;vertical-align:middle;}
.menu-desktop .menu-bot .navbar .navbar-nav>li>a:hover>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>li>a:focus>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.active>a>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.active>a:hover>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.active>a:focus>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.open>a>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.open>a:hover>p:not(.menu-category),.menu-desktop .menu-bot .navbar .navbar-nav>.open>a:focus>p:not(.menu-category){background:linear-gradient(-45deg,#4e95b5,#0e273d);color:#ffffff;}
.menu-desktop .menu-bot .navbar .navbar-nav>li>a>p.menu-category{text-transform:capitalize;}
.menu-desktop .menu-bot .navbar .navbar-nav>li>a>img{height:32px;vertical-align:middle;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu{min-width:200px;left:-1px;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li:first-of-type>a{margin-top:8px;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li:last-of-type>a{margin-bottom:8px;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li:first-of-type>a:after{top:-31px;left:12px;border-top:16px solid transparent;border-bottom:16px solid #ffffff;border-left:16px solid transparent;border-right:16px solid transparent;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a>p{padding:2px 24px;position:relative;font-weight:bold;line-height:32px;}

/*.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a>p>img{height:32px;margin-top:-4px;margin-right:16px;vertical-align:middle;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a>p>img.cat-item-img{position:absolute;top:5px;left:24px;opacity:0;}*/
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a>p>img{width:32px;height:32px;margin-top:-4px;margin-right:16px;filter:brightness(0);object-fit:contain;vertical-align:middle;}

.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:hover,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:focus,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:hover,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:focus{background-color:transparent;color:#0d6ca4;}

/*.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:hover>p>img.cat-item-img-black,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:focus>p>img.cat-item-img-black,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a>p>img.cat-item-img-black,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:hover>p>img.cat-item-img-black,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:focus>p>img.cat-item-img-black{opacity:0;}
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:hover>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:focus>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:hover>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:focus>p>img.cat-item-img{opacity:1;}*/
.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:hover>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>li>a:focus>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:hover>p>img.cat-item-img,.menu-desktop .menu-bot .navbar .navbar-nav .dropdown-menu>.active>a:focus>p>img.cat-item-img{filter:none;}


/*   mobile menu top   */
.menu-mobile .menu-top{border:none;}
.menu-mobile .menu-top .container{border-bottom:1px solid #d9d9d9;}
.menu-mobile .menu-top .only-text{padding:12px 0px;background:transparent !important;color:#9d9d9d !important;line-height:20px;}

/*   mobile menu bottom   */
.menu-mobile .menu-table{width:100%;padding:12px 0px;display:table;}
.menu-mobile .menu-col{display:table-cell;vertical-align:middle;}
.menu-mobile .menu-col:first-of-type,.menu-mobile .menu-col:last-of-type{width:20%;}
.menu-mobile .menu-col:last-of-type{text-align:right;}
.menu-mobile .menu-col:nth-of-type(2){width:60%;text-align:center;}
.menu-mobile .menu-col a{position:relative;display:inline-block;}
.menu-mobile .menu-col .btn-toggle-menu{width:24px;}
.menu-mobile .menu-col .btn-toggle-menu span{width:100%;height:4px;background-color:#777777;display:block;}
.menu-mobile .menu-col .btn-toggle-menu span:nth-of-type(2){margin:3px auto;}
.menu-mobile .menu-col .img-logo img{height:32px;}
.menu-mobile .menu-col .menu-cart img{height:20px;margin-bottom:2px;margin-right:6px;}
.menu-mobile .menu-col .menu-cart .menu-notif{width:16px;position:absolute;bottom:-5px;right:0px;background-color:#c7494c;border-radius:50%;color:#ffffff;display:inline-block;font-size:10px;line-height:16px;text-align:center;}

/*   mobile menu left   */
.menu-left{width:100%;height:100%;position:fixed;top:0px;left:-100%;background-color:transparent;transition:background-color .24s;z-index:1050;}
.menu-left.toggled{left:0%;background-color:rgba(0,0,0,.8);}
.menu-left.animated{left:-100%;background-color:transparent;transition:left 0s .24s,background-color .24s;}
.menu-left .btn-close-menu{width:32px;height:32px;margin-left:16px;position:absolute;top:40px;left:100%;display:inline-block;opacity:0;transition:all .24s .24s;}
.menu-left.toggled .btn-close-menu{opacity:1;}
.menu-left.animated .btn-close-menu{opacity:0;transition:none;}
.menu-left .btn-close-menu div{width:100%;height:100%;position:relative;}
.menu-left .btn-close-menu span{width:100%;height:2px;margin:auto;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color:#ffffff;display:inline-block;transform-origin:center center;}
.menu-left .btn-close-menu span:first-of-type{transform:rotate(45deg);}
.menu-left .btn-close-menu span:last-of-type{transform:rotate(-45deg);}
.menu-left .menu-list{width:280px;height:100%;position:relative;}
.menu-left .menu-main{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#ffffff;overflow-y:auto;transform:translateX(-100%);transition:transform .24s;}
.menu-left.toggled .menu-main{transform:translateX(0%);}
.menu-left.animated .menu-main{transform:translateX(-100%);}
.menu-left .menu-item{width:100%;margin:auto;border-bottom:1px solid #d9d9d9;color:inherit;display:block;text-decoration:none;}
.menu-left .menu-item h6{width:80%;margin:auto;position:relative;display:table;line-height:56px;}
.menu-left .menu-item.menu-freepass img{height:56px;margin-left:24px;padding:12px 0;display:block;object-fit:contain;}
.menu-left .menu-category .menu-caret{width:0px;height:0px;margin:auto;position:absolute;top:0px;bottom:0px;right:6px;display:inline-block;vertical-align:middle;}
.menu-left .menu-category .menu-caret span{width:6px;height:2px;margin:0px auto;margin-top:-1px;position:absolute;top:50%;left:0px;right:0px;background-color:#333333;border-radius:2px;transform-origin:center center;}
.menu-left .menu-category .menu-caret span:first-of-type{top:-2px;transform:rotate(45deg);}
.menu-left .menu-category .menu-caret span:last-of-type{top:2px;transform:rotate(-45deg);}
.menu-left .menu-login{width:80%;margin:auto;color:inherit;display:block;text-decoration:none;}
.menu-left .menu-login h6{margin-top:20px;background:linear-gradient(-45deg,#2ba2da,#056397);border-radius:6px;color:#ffffff;font-weight:bold;line-height:44px;text-align:center;text-transform:uppercase;}

.menu-left .menu-acc{background-color:#e9e9e9;}
.menu-left .menu-profile>h6>span{width:100%;display:table-cell;vertical-align:middle;}
.menu-left .menu-profile>h6>span>span{display:block;line-height:24px;}
.menu-left .menu-profile .img-profile{width:44px;height:44px;margin:24px auto;margin-right:16px;border:1px solid #333333;border-radius:50%;background-size:cover !important;display:inline-block;}
.menu-left .menu-point span{display:table-cell;vertical-align:middle;}
.menu-left .menu-point span:last-of-type{color:#056397;font-size:.8em;text-align:right;}

.menu-left .menu-cat-list{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#ffffff;overflow-y:auto;transform:translateX(-100%);transition:transform .24s;}
.menu-left .menu-cat-list.toggled{transform:translateX(0%);}
.menu-left .menu-cat-list.animated{transform:translateX(-100%);}
.menu-left .menu-cat-back{background-color:#e9e9e9;}
.menu-left .menu-cat-back h6{padding-left:32px;}
.menu-left .menu-cat-back .menu-caret{width:0px;height:0px;margin:auto;position:absolute;top:0px;bottom:0px;left:0px;display:inline-block;vertical-align:middle;}
.menu-left .menu-cat-back .menu-caret span{width:6px;height:2px;margin:0px auto;margin-top:-1px;position:absolute;top:50%;left:0px;right:0px;background-color:#333333;border-radius:2px;transform-origin:center center;}
.menu-left .menu-cat-back .menu-caret span:first-of-type{top:-2px;transform:rotate(-45deg);}
.menu-left .menu-cat-back .menu-caret span:last-of-type{top:2px;transform:rotate(45deg);}

/*.menu-left .menu-cat-list .cat-item-img-black{height:32px;margin-left:-6px;margin-right:8px;vertical-align:middle;}*/
.menu-left .menu-cat-list .cat-item-img{width:32px;height:32px;margin-left:-6px;margin-right:8px;filter:brightness(0);object-fit:contain;vertical-align:middle;}

/*   footer   */
.footer{background-color:#ffffff;}

/*   footer top   */
.container.footer-top{padding:48px 0px;}
.footer-top-table{width:100%;display:table;}
.footer-top-col{display:table-cell;vertical-align:top;}
.footer-top-col:first-of-type{width:30%;}
.footer-top-col:last-of-type{width:40%;}
.footer-logo{height:64px;margin-bottom:48px;}
.footer-text{font-weight:300;line-height:144%;}
.footer-socmed{width:100%;margin-top:32px;display:table;}
.footer-socmed>*:not(hr){display:table-cell;vertical-align:middle;}
.footer-socmed h5{width:36%;font-weight:bold;}
.footer-socmed div img{height:40px;margin-right:4px;padding:2px;border-radius:50%;}
.footer-subscribe{margin-top:32px;}
.footer-subscribe h5{font-weight:bold;}
.footer-subscribe hr{width:40px;margin:16px 0px;border:none;border-top:2px solid #056397;}
.footer-sitemap{margin-top:48px;}
.footer-sitemap a{color:inherit;display:block;}
.footer-sitemap a:not(:last-of-type){margin-bottom:24px;}
.footer-sitemap h5{margin-top:48px;font-weight:bold;line-height:144%;}
.footer-sitemap div{margin-top:8px;}
.footer-sitemap div a{display:inline-block;}
.footer-sitemap .img-qrcode{width:96px;}
.footer-sitemap .img-googleplay{width:160px;}

/*   footer bottom   */
.container.footer-bot{padding:24px 0px;border-top:1px solid #d9d9d9;}
.footer-bot-content{width:100%;display:table;}
.footer-bot-content p{color:#9d9d9d;}
.footer-bot-left{float:left;}
.footer-bot-right{float:right;}
.footer-bot-content p a{color:#9d9d9d;font-weight:900;text-decoration:none;}
.footer-bot-right a{margin-left:24px;}

/*   search form   */
.search-form{width:640px;}
#search-form{width:100%;margin:0px auto;display:table;}
#search-form .form-control,#search-form .btn{font-size:1em;}
#search-form .form-group{display:table-cell;vertical-align:middle;}
#search-form .form-group:first-of-type{width:70%;}
#search-form .form-group:last-of-type{width:30%;}
#search-form .help-block{display:none;}
#search-form input[type=text],#search-form button[type=submit]{padding:16px;border:none;border-radius:0px;box-shadow:none;line-height:24px;outline:none;}
#search-form input[type=text]{height:auto;background-color:rgba(255,255,255,.8);border-top-left-radius:6px;border-bottom-left-radius:6px;}
#search-form input[type=text]::placeholder{color:#555555;}
#search-form button[type=submit]{width:100%;padding-right:32px;position:relative;background:linear-gradient(-45deg,#2ba2da,#056397);border-top-right-radius:6px;border-bottom-right-radius:6px;}
#search-form button[type=submit]:after{width:0px;height:0px;margin:auto;position:absolute;top:-1px;bottom:0px;right:24px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #10e1c4;border-right:5px solid transparent;content:'';}
#search-form button[type=submit] img{width:24px;display:none;}

/*   subscriber form   */
#subscriber-form{width:100%;margin:0px auto;display:table;}
#subscriber-form .form-control,#subscriber-form .btn{font-size:1em;}
#subscriber-form .form-group{display:table-cell;vertical-align:middle;}
#subscriber-form .form-group:first-of-type{width:64%;}
#subscriber-form .form-group:last-of-type{width:36%;}
#subscriber-form .help-block{display:none;}
#subscriber-form input[type=text],#subscriber-form button[type=submit]{padding:16px;border:none;border-radius:0px;box-shadow:none;line-height:24px;outline:none;}
#subscriber-form input[type=text]{height:auto;background-color:#f2f2f2;border-top-left-radius:6px;border-bottom-left-radius:6px;}
#subscriber-form input[type=text]::placeholder{color:#d9d9d9;}
#subscriber-form button[type=submit]{width:100%;padding-right:32px !important;position:relative;background:linear-gradient(-45deg,#2ba2da,#056397);border-top-right-radius:6px;border-bottom-right-radius:6px;}
#subscriber-form button[type=submit]:after{width:0px;height:0px;margin:auto;position:absolute;top:-1px;bottom:0px;right:24px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #10e1c4;border-right:5px solid transparent;content:'';}

/*   firefox only   */
@-moz-document url-prefix(){
    .menu-top .navbar .navbar-nav .dropdown-menu>li:first-of-type>a:after{top:-24px;}
    .menu-bot .navbar .navbar-nav .dropdown-menu>li:first-of-type>a:after{top:-32px;}
}

/* DEVICE WIDTH 1024px ~ 1279px */
@media screen and (max-width:1279px){
    .container{width:976px;}
	
	/*   navbar   */
    .menu-desktop{display:none;}
    .menu-mobile,.menu-left{display:block;}

    /*   footer top   */
    .footer-top-col:first-of-type{width:40%;}

    /*   subscriber form   */
    #subscriber-form .form-group:first-of-type{width:60%;}
    #subscriber-form .form-group:last-of-type{width:40%;}
    #subscriber-form input[type=text],#subscriber-form button[type=submit]{padding:12px 16px;}
    #subscriber-form button[type=submit]:after{right:20px;}
}

/* DEVICE WIDTH 960px ~ 1023px */
@media screen and (max-width:1023px){
    .container{width:912px;}

    /*   footer top   */
    .footer-top-col:first-of-type,.footer-top-col:last-of-type{width:44%;}
    .footer-logo{height:48px;margin-bottom:32px;}
    .footer-socmed h5{width:40%;}

    /*   search form   */
    #search-form button[type=submit]:after{right:28px;}
}

/* DEVICE WIDTH 768px ~ 959px */
@media screen and (max-width:959px){
    .container{width:740px;}

    /*   footer top   */
    .footer-socmed h5{width:48%;}

    /*   search form   */
    .search-form{width:560px;}
    #search-form button[type=submit]:after{right:20px;}

    /*   subscriber form   */
    #subscriber-form button[type=submit]:after{right:12px;}
}

/* DEVICE WIDTH 640px ~ 767px */
@media screen and (max-width:767px){
    .container{width:618px;}

    /*   footer top   */
    .footer-top-col:first-of-type,.footer-top-col:last-of-type{width:50%;}
    .footer-top-col:first-of-type{padding-right:16px;}
    .footer-top-col:last-of-type{padding-left:16px;}

    /*   search form   */
    .search-form{width:440px;}
    #search-form .form-group:first-of-type{width:64%;}
    #search-form .form-group:last-of-type{width:36%;}
    #search-form input[type=text],#search-form button[type=submit]{padding:12px 16px;}
    #search-form button[type=submit]{padding-right:32px;}
    #search-form button[type=submit]:after{right:16px;}
}

/* DEVICE WIDTH 480px ~ 639px */
@media screen and (max-width:639px){
    .container{width:440px;}

    /*   footer top   */
    .container.footer-top{padding:32px 0px;}
    .footer-top-col{width:100% !important;padding:0px !important;display:inline-block;}
    .footer-socmed>*:not(hr){width:100%;display:inline-block;}
    .footer-socmed hr{width:40px;margin:16px 0px;border:none;border-top:2px solid #056397;}

    /*   search form   */
    .search-form{width:100%;}
    #search-form .form-group:first-of-type{width:100%;}
    #search-form button[type=submit]{padding:12px 16px;background:rgba(255,255,255,.8);}
    #search-form button[type=submit]:after{content:unset;}
    #search-form button[type=submit] span{display:none;}
    #search-form button[type=submit] img{display:block;}

    /*   subscriber form   */
    #subscriber-form button[type=submit]:after{right:24px;}
}

/* DEVICE WIDTH 400px ~ 479px */
@media screen and (max-width:479px){
    h3{font-size:2em;}
    .container{width:376px;}

    /*   footer top   */
    #subscriber-form .form-group:first-of-type{width:56%;}
    #subscriber-form .form-group:last-of-type{width:44%;}
    #subscriber-form button[type=submit]:after{right:20px;}

    /*   search form   */
    #search-form input[type=text],#search-form button[type=submit]{padding:8px 12px;}
}

/* DEVICE WIDTH 360px ~ 399px */
@media screen and (max-width:399px){
    .container{width:336px;}

    /*   footer top   */
    #subscriber-form button[type=submit]:after{right:16px;}
}

/* DEVICE WIDTH 320px ~ 359px */
@media screen and (max-width:359px){
    html,body{font-size:11px;}
    .container{width:300px;}

    /*   mobile menu left   */
    .menu-left .menu-list{width:240px;}
    .menu-left .menu-item h6{line-height:48px;}

    .menu-left .menu-profile .img-profile{width:40px;height:40px;margin:12px auto;margin-right:16px;}

    /*   footer top   */
    #subscriber-form .form-group{width:50% !important;}
}

/* DEVICE WIDTH 240px ~ 319px */
@media screen and (max-width:319px){
    html,body{display:none;}
}

/* DEVICE WIDTH 0px ~ 240px */
@media screen and (max-width:239px){
    html,body{display:none;}
}