/* -- DEMO Color Swap Widget --------------*/
#demoColorSwap {
    position: fixed;
    background-image: linear-gradient(135deg, rgba(231, 232, 232, 1) 15%, rgba(195, 195, 195, 1) 100%);
    z-index: 1000;
    right: -90px;
    top: 150px;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    border-radius: 15px 0 0 15px;
    transition: all 300ms ease-in;
}

#demoColorSwap:hover {
    right: -40px;
}

#demoColorSwap button {
    border: 3px solid #fff;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 3px 0;
    background-image: linear-gradient(170deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.25) 100%), radial-gradient(ellipse at center, rgba(255, 255, 255, 0.4) 48%, rgba(255, 255, 255, 0) 49%);
    background-size: 100%, 60% 25%;
    background-repeat: no-repeat;
    background-position: center, 45% 6%;
    transform: rotate(-40deg);
    transition: all 300ms ease-in;
    outline: none;
}

#demoColorSwap button:not(.swapColorCurrent):hover {
    transform: scale(1.25) rotate(-40deg);
}

#demoColorSwap button.swapColorCurrent {
    width: 70px;
    height: 70px;
    border-radius: 40px;
    position: relative;
    left: -35px;
    border-width: 6px;
    box-shadow: -3px -3px 13px -3px rgba(0, 0, 0, 0.45);
}
/* -- DEMO Home page layout --------------*/
.banners-home{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.banners-home>*{-webkit-box-flex:0;-ms-flex:0 1 49%;flex:0 1 49%}@media (min-width: 992px){.abs-layout-site-three-column .banners-home>*{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:20px}.abs-layout-site-three-column .banners-home>*>img{width:100%}}@media (max-width: 1199px){.abs-layout-site-two-column .banners-home>*{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:20px}.abs-layout-site-two-column .banners-home>*>img{width:100%}}@media (max-width: 991px){.banners-home>*{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:20px}.banners-home>*>img{width:100%}}.banners-info{text-align:center;margin-top:25px}#mainMenu>.navbar-nav .abs-home{display:none}#mainMenu>.navbar-nav>li:nth-of-type(3){background-color:var(--demo-brand-primary-color);}#mainMenu>.navbar-nav>li:nth-of-type(3).open a.has-submenu{background-color:var(--demo-brand-primary-color);}#mainMenu>.navbar-nav>li:nth-of-type(3).abs-mega-menu>a{color:#fff}#mainMenu>.navbar-nav>li:nth-of-type(3).abs-mega-menu>a:hover,#mainMenu>.navbar-nav>li:nth-of-type(3).abs-mega-menu>a:active,#mainMenu>.navbar-nav>li:nth-of-type(3).abs-mega-menu>a:focus{color:#fff}.abs-mega-menu>a:before{font-family:'Glyphicons Halflings';font-size:16px;vertical-align:bottom;content:"\e056";margin-right:20px}