@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)}

html,body,body *{margin:0px;padding:0px;}
html,body{font-family:Roboto;font-size:12px;}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;}
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;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{padding:0px;}
.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: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{padding:0px;white-space:normal;}

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

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

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

/*   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>*{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 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: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;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;box-shadow:none;}
#search-form input[type=text]::placeholder{color:#555555;}
#search-form button[type=submit]{width:100%;padding-right:24px;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:20px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #10e1c4;border-right:5px solid transparent;content:'';}

/*   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;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;box-shadow:none;}
#subscriber-form input[type=text]::placeholder{color:#d9d9d9;}
#subscriber-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;}
#subscriber-form button[type=submit]:after{width:0px;height:0px;margin:auto;position:absolute;top:-1px;bottom:0px;right:20px;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;}
}

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

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

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

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

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

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

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

/* 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}
}