.w3-button:hover {color: #000 !important;background-color: #f9f9f9 !important;}
@media(max-width:767px) {
    #mixedSlider .MS-controls button {
    
    width: 70px;
    height: 70px;
             }
.mob-nav {position: absolute;display: inline;top: 0px;left: 1px;}
.mob-pad {margin-right: 166px;display: inline;z-index: 99;width: 274px;}
.mob-lang {top: 16px;z-index: 99;display: inline;}
.classic1.home-ds-select {position: absolute;left: 68px;width: 41vw;top:28px;font-size: 12px;}
.overlay-list {margin-left: -36px !important;}}
.overlay-list {margin-left: -28px;}
.navbar-default .navbar-nav > li > a {
    /* color: #0d2366; */
    text-decoration: none;
    color: rgb(65, 61, 74);
    opacity: 0.8;
    display: block;
    text-align: left;
}
.center {text-align: center;}
/* NAVIGATION */
.navbar-default {background-color: #d3ecf7;border: none;color: #ffffff;border-radius: unset;bottom: 0;z-index: -1;}
nav {font-size: 16px;width: 100%;margin: 0 auto;background: #d3ecf7;box-shadow: 0px 5px 0px #dedede;}
nav ul {list-style: none;}
.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}
nav ul li a {display: block;padding: 15px;text-decoration: none;color: #aaa;font-weight: 800;margin: 0 10px;}
nav ul li a,
nav ul li a:after,
nav ul li a:before {transition: all .5s;}
nav ul li a:hover {color: #555;}
/* stroke */
nav.stroke ul li a,
nav.fill ul li a {position: relative;}
nav.stroke ul li a:after,
nav.fill ul li a:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '.';color: transparent;background: #aaa;height: 1px;}
nav.stroke ul li a:hover:after {width: 100%;}
nav.fill ul li a {transition: all 2s;}
nav.fill ul li a:after {text-align: left;content: '.';margin: 0;opacity: 0;}
nav.fill ul li a:hover {color: #fff;z-index: 1;}
nav.fill ul li a:hover:after {z-index: -10;animation: fill 1s forwards;-webkit-animation: fill 1s forwards;-moz-animation: fill 1s forwards;opacity: 1;}
/* Circle */
nav.circle ul li a {position: relative;overflow: hidden;z-index: 1;}
nav.circle ul li a:after {display: block;position: absolute;margin: 0;top: 0;bottom: 0;left: 0;right: 0;content: '.';color: transparent;width: 1px;height: 1px;border-radius: 50%;background: transparent;}
nav.circle ul li a:hover:after {-webkit-animation: circle 1.5s ease-in forwards;}
/* SHIFT */
nav.shift ul li a {position: relative;z-index: 1;}
nav.shift ul li a:hover {color: #91640F;}
nav.shift ul li a:after {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: 1px;  content: '.';color: transparent;background: #F1C40F;visibility: none;opacity: 0;z-index: -1;}
nav.shift ul li a:hover:after {opacity: 1;visibility: visible;height: 100%;}

/* Keyframes */
@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }

    50% {
        width: 100%;
        height: 1px;
    }

    100% {
        width: 100%;
        height: 100%;
        background: #333;
    }
}

/* Keyframes */
@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%;
    }

    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0;
    }
}
.navbar-brand {position: absolute;width: 100%;left: 0;text-align: center;margin: auto;}
.navbar-nav > li > .dropdown-menu {width: 300px;}
.navbar-nav > li {width: unset;}
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');*/
.menu {text-align: center;padding-top: 25px;margin-bottom: 200px;}
.menu .arrow {opacity: 0.4;}
.arrow.up,
.arrow.down {display: none;margin: 20px 0;}
.menu h1 {margin-top: 0;font: normal 32px/1.5 'Open Sans', sans-serif;color: #3F71AE;padding-bottom: 16px;}
.menu h2 {color: #F05283;}
.menu h2 a {color: inherit;text-decoration: none;display: inline-block;border: 1px solid #F05283;padding: 10px 15px;border-radius: 3px;font: bold 14px/1 'Open Sans', sans-serif;text-transform: uppercase;}
.menu h2 a:hover {background-color: #F05283;transition: 0.2s;color: #fff;}
.menu ul {max-width: 600px;margin: 60px auto 0;list-style: none;padding: 0;}
.menu ul a {text-decoration: none;color: #FFF;text-align: left;background-color: #B9C1CA;padding: 10px 16px;border-radius: 2px;opacity: 0.8;font-size: 16px;display: inline-block;margin: 4px;line-height: 1;outline: none;transition: 0.2s ease;}
.menu ul li a.active {background-color: #66B650;pointer-events: none;}
.menu ul li a:hover {opacity: 1;}
.menu ul li {display: inline-block;}
@media (max-width: 900px) {
.menu {padding-top: 40px;margin-bottom: 80px; }
.arrow.left,.arrow.right {display: none;}
.arrow.up,.arrow.down {display: inline-block;}}
/* -- Demo ads -- */
@media (max-width: 1200px) {#bsaHolder {display: none;}}
/* -- Link to Tutorialzine -- */
.tz-link {text-decoration: none;color: #fff !important;font: bold 36px Arial, Helvetica, sans-serif !important;}.tz-link span {color: #da431c;}
/* The main content */
.main-content {font-family: Arial, Helvetica, sans-serif;max-width: 600px;padding-top: 40px;margin: 0 0 40px 260px;}
/* The left-collapsing sidebar */
.sidebar-left-collapse {font-family: Arial, Helvetica, sans-serif;position: fixed;top: 0;left: 0;background-color: #d3ecf7;width: 300px;z-index: 999;padding: 20px 0;}
.sidebar-left-collapse > a {display: block;text-decoration: none;font-family: Cookie, cursive;width: 122px;height: 122px;margin: 0 auto;text-align: center;color: #ffffff;font-size: 44px;font-weight: normal;line-height: 2.6;border-radius: 50%;background-color: #181a1b;}
.sidebar-links div > a {display: block;text-decoration: none;margin: 0 auto 5px auto;padding: 10px 0 10px 5px;background-color: #3396d1;text-align: left;color: #ffffff;font-size: 12px;font-weight: bold;line-height: 2;border-left-width: 2px;border-left-style: solid;}
.sidebar-links div.selected > a {background-color: #ffffff;color: rgb(65, 61, 74);line-height: 2.3;margin: 0;font-weight: 800;}
.sidebar-links div > a i.fa {position: relative;font-size: 20px;top: 3px;width: 40px;text-align: center;}
.sidebar-links div ul.sub-links {max-height: 0;overflow: hidden;list-style: none;padding: 0 0 0 30px;color: #b3bcc5;font-size: 12px;font-weight: bold;line-height: 24px;margin: 0;transition: 0.4s;}
.sidebar-links div.selected ul.sub-links {max-height: 200px;overflow: auto;padding: 12px 0 12px 30px;}
.sidebar-links div .sub-links a {text-decoration: none;color: rgb(65, 61, 74);opacity: 0.8;display: block;text-align: left;}
.sidebar-links div .sub-links a:hover {color: rgb(65, 61, 74);opacity: 1;}
/* Link Colors */
.sidebar-links div.link-blue > a {
border-color: #487db2;}
.sidebar-links div.link-blue > a i.fa {color: #487db2;}
.sidebar-links div.link-red > a {border-color: #da4545;}
.sidebar-links div.link-red > a i.fa {color: #da4545;}
.sidebar-links div.link-yellow > a {border-color: #d0d237;}
.sidebar-links div.link-yellow > a i.fa {color: #d0d237;}
.sidebar-links div.link-green > a {border-color: #86be2e;}
.sidebar-links div.link-green > a i.fa {color: #86be2e;}
/* Making the sidebar responsive */
@media (max-width: 900px) {
.main-content {max-width: none;padding: 70px 20px;margin: 0 0 40px;}
.sidebar-left-collapse {width: auto;height: auto;position: static;padding: 20px 0 0;}
.sidebar-left-collapse .sidebar-links {text-align: center;margin: 20px auto 0;}
.sidebar-links div {display: inline-block;width: 100px;}
.sidebar-links div > a {text-align: center;margin: 0;padding: 10px 0;border-left: none;border-top-width: 2px;border-top-style: solid;}
.sidebar-links div > a i.fa {display: block;margin: 0 auto 5px;}
.sidebar-links div ul.sub-links {display: none;}
.sidebar-links div.selected .sub-links {display: block;position: absolute;text-align: center;width: auto;left: 0;right: 0;}
.sidebar-links div.selected .sub-links li {display: inline-block;}
.sidebar-links div.selected .sub-links a {display: inline-block;margin-right: 20px;font-size: 13px;color: #748290;}
}
/* Smartphone version */
@media (max-width: 450px) {
.main-content {padding: 90px 20px;}
.sidebar-left-collapse {padding: 20px 0; }
.sidebar-left-collapse .sidebar-links {text-align: center;margin: 20px auto 0;position: relative;}
.sidebar-links div {display: block;width: 240px;margin: 0 auto 5px;}
.sidebar-links div > a {text-align: left;padding: 10px 25px;vertical-align: middle;border-top: none;border-left-width: 2px;border-left-style: solid; }
.sidebar-links div > a i.fa {display: inline-block;font-size: 20px;width: 20px;margin: 0 20px 0 0;}
.sidebar-links div.selected .sub-links {bottom: -90px;}
}
.w3-teal,
.w3-hover-teal:hover {color: black !important;background-color: white !important;}
/*	Removing margins and paddings from the body, so that
    the sidebar takes the full height of the page */
.fas {
    float: right;margin-right: 30px;margin-top: 5px;
    
}
.scrollbar {float: left;width: 50%; background: #d3ecf7; margin-bottom: 25px;}
.force-overflow {min-height: 700px;}
#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #0dd;
}