@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);


/* Animation */

.load-animate {opacity: 0;}
 
.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
 
.animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
 
-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;
 
}
 
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}



/* Override */

html,body{
	overflow-x: hidden;
}

body{
	font-family: 'Open Sans', sans-serif;
	color: #8e8e8e;
}

h1{
	font-size: 2.5em;
	line-height: 1.6em;
	color: #838383;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 40px;
}

a{color: #0072bc}

.container.big-container{max-width: 998px}
.container.small-container{max-width: 960px}

.form-group{
	color: #b0b0b0;
	border-color: #e0e0e0;
}

.btn-red{
	background: #dc0000;
	color: #fff;
	text-transform: uppercase;
	padding-left:30px;
	padding-right:30px;
}
.btn-red:hover{
	background: #f12d2e;
	color: #fff;
	text-decoration: none;
}

.no-b-margin{margin-bottom: 0}
.no-t-margin{margin-top: 0}

.break-margin{margin-bottom: 30px;}

.fa-li{
	left: -10px;
}

.carousel-control.left,.carousel-control.right {background-image:none;}
.carousel-indicators {
    list-style: outside none none;
    margin: 0 auto;
    margin-left: 0;
    padding-left: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 15;
}
.carousel-indicators li,.carousel-indicators .active{
	border-radius: 0;
	width: 40px;
	height: 4px;
	background: #e5e5e5;
	margin: 0;
	border: 0;
}
.carousel-indicators .active{
	background: #dc0000;
}

.col-md-5.center-block{
	float: none;
}


/* Checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top: 0px;
  width: 19px; 
  height: 19px;
  border: 1px solid #e0e0e0;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0px; 
  left: 3px;
  font-size: 22px;
  line-height: 0.8;
  color: #0072bc;
  transition: all .2s;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
label:hover:before {
  border: 1px solid #0072bc!important;
}



/* Header */

#home header{
	background: url('/pages/img/static-pages/images/slider-6.jpg') no-repeat left top / cover;
}


.home1 header{
	background: url('/pages/img/static-pages/images/wallet_dark_large_file_size.jpg') no-repeat left top / cover !important;
}

.header-top-margin{
	margin-top: 111px;
}

#logo{
	background: url("/pages/img/static-pages/images/logo.svg") no-repeat scroll 0 0 / 100%;
	width: 234px;
	height: 55px;
	text-indent: -9999px;
}
#inner #logo, .sticky #logo{
	background-position: 0 -57px;
}

header .nav{
	margin-top: 10px;
}
.navbar{
	padding: 18px 0;
	transition: all 0.4s ease;	
}
.navbar.sticky{
  padding: 9px 0;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar.sticky .navbar-toggle{
	margin-top: 12px;
}
header .sticky .nav{
	margin-top: 7px;
}
.navbar-default{
	background: none;
	border: 0;
}
.navbar-nav > li > a{
	padding: 10px 12px;
}
.navbar-default .navbar-nav > li > a{
	font-size: 1.05em;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover{
	text-decoration: underline;
}
.navbar-nav > li > a.active{
	font-weight: bold;
}
#home .navbar-default .navbar-toggle .icon-bar{background: #fff}
#inner .navbar-default .navbar-toggle .icon-bar,#home .navbar-default.sticky .navbar-toggle .icon-bar{background: #000}

#home .navbar-default .navbar-nav > li > a{
	color: #f6f6f6;
}
#home .navbar-default .navbar-nav > li > a:hover{
	color: #fff;
}
#inner .navbar-default .navbar-nav > li > a:not(.btn-red),#home .navbar-default.sticky .navbar-nav > li > a:not(.btn-red){
	color: #000;
}
#inner .navbar-default .navbar-nav > li > a:not(.btn-red):hover, #home .navbar-default.sticky .navbar-nav > li > a:not(.btn-red):hover{
	color: #666;
}

.navbar-default .navbar-nav > li > a.btn-red{
	color: #fff;
}
.navbar-default .navbar-nav > li > a.btn-red:hover{
	background: #f12d2e;
	text-decoration: none;
}

#banner-heading{
	color: #f4f4f4;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.4em;
}
#banner-text{
	color: #f4f4f4;
	font-size: 1.5em;
	line-height: 1.5em;
	margin-top: 20px;
}
#banner-text li{
	padding-left: 2.14285714em;
	margin-bottom: 15px;
}


/* Footer */

#top-footer{
	background: #005db3;
	color: #d4d4d4;
	padding: 30px 0;
	font-size: 1.05em; 
}
#top-footer h4{
	font-size:1.25em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#top-footer ul{
	margin: 0 0 20px;
	padding: 0;
}
#top-footer li{
	list-style: none;
	line-height: 1.7em; 
}
#top-footer a{
	color: #d4d4d4;
}
#top-footer a:hover, #top-footer a.active{
	color: #fff;
	text-decoration: none;
}

#top-footer .fa{
	font-size: 25px;
	margin-right: 20px;
}

#bottom-footer{
	background: #333333;
	color: #838383;
	padding: 20px 0;
	font-size: 1.05em; 
}


/* Inner Content */

#inner-content{
	padding-top: 30px;
	padding-bottom: 30px;
}



/* Homepage Signup */

#homepage-signup{
	background: #005db3;
	padding: 20px 0;
}
#homepage-signup h5{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.46em;
	font-weight: bold;
	text-transform: uppercase;
	color: #f4f4f4;
}
#homepage-signup input[type=text],#homepage-signup input[type=email],#homepage-signup input[type=password]{
	font-size: 13px;
	border: 0;
	padding: 4px 15px;
	margin: 0 1px;
	width: 230px;
}
#homepage-signup .btn-red{
	padding-top: 7px;
	padding-bottom: 7px;
}
#homepage-signup .form-inline .form-group{
	margin: 0 2px;
}


/* Homepage whyb */
#homepage-whyb{
	background: #005db3; 
	color: #fff;
	padding: 30px 0;
	font-size: 1.17em;
	position:relative;
}
#homepage-whyb h4{
	font-size: 1.66em;
	font-weight: bold;
	text-transform: uppercase;
	color: #ededed;
	margin-bottom: 30px;
}
#homepage-whyb .row{
	margin-bottom: 20px;
}
#homepage-whyb span{
	font-size: 2.0em;
	color: #db0000;
	float: left;
	min-height: 120px;
	width: 40px;
	text-align: center;
	margin-right: 15px;
}

/* Homepage Features */
#homepage-features{
	background: #fff;
	color: #838383;
	padding: 30px 0;
	font-size: 1.17em;
	position:relative;
}
#homepage-features h4{
	font-size: 1.66em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#homepage-features .row{
	margin-bottom: 20px;
}
#homepage-features span{
	font-size: 2.0em;
	color: #db0000;
	float: left;
	min-height: 120px;
	width: 40px;
	text-align: center;
	margin-right: 15px;
}

.min-height-165 span{
	min-height: 165px !important;
}

#homepage-features span.quickbooks{
	background: url('/pages/img/static-pages/images/quickbooks_homepage.png') no-repeat center top;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* Homepage Why Black*/

#homepage-why-black{
	background: #333;
	color: #ededed;
	padding: 30px 0;
	font-size: 1.17em;
}
#homepage-why-black h4{
	font-size: 1.66em;
	font-weight: bold;
	text-transform: uppercase;
}
#homepage-why-black .row{
	margin-bottom: 20px;
}
#homepage-why-black #why-tagline{
	margin-bottom: 40px;
}
#homepage-why-black .col-md-6 strong{
	text-transform: uppercase;
	font-size: 1.25em;
	margin-bottom: 10px;
	display: block;
}
#homepage-why-black span{
	font-size: 3.3em;
	color: #838383;
	float: left;
	min-height: 165px;
	width: 65px;
	margin-right: 15px;
}

.min-height-280 span{
	min-height: 280px !important;
}


#homepage-why-black .btn{
	padding: 15px 40px;
}

.setScroll{
	position:absolute;
	top:-74px;
}

/* Homepage Why */

#homepage-why{
	background: #333;
	color: #ededed;
	padding: 30px 0;
	font-size: 1.17em;
	position:relative;
}
#homepage-why h4{
	font-size: 1.66em;
	font-weight: bold;
	text-transform: uppercase;
}
#homepage-why .row{
	margin-bottom: 20px;
}
#homepage-why #why-tagline{
	margin-bottom: 40px;
}
#homepage-why .col-md-6 strong{
	text-transform: uppercase;
	font-size: 1.25em;
	margin-bottom: 10px;
	display: block;
}
#homepage-why span{
	font-size: 3.3em;
	color: #838383;
	float: left;
	min-height: 300px;
	width: 65px;
	margin-right: 15px;
}

.min-height-0 span{
	min-height: 0px !important;
}

#homepage-why .black span{
	font-size: 3.3em;
	color: #838383;
	float: left;
	min-height: 200px;
	width: 65px;
	margin-right: 15px;
}

#homepage-why .btn{
	padding: 15px 40px;
}


/* Homepage Pricing */

#homepage-pricing{
	background: #005db3;
	color: #fff;
	padding: 30px 0;
	font-size: 1.17em;
	position: relative;
}
#homepage-pricing h4{
	font-size: 1.66em;
	font-weight: bold;
	color: #ededed;
	text-transform: uppercase;
}
#homepage-pricing .highlight{
	font-size: 2.08em;
	font-weight: bold;
	margin: 10px 0;
	display: block;
}
#homepage-pricing .btn{
	padding: 15px 20px;
}
#pricing{
	position: absolute;
	top:-74px;
}


/* Homepage Fineprint */

#homepage-fineprint{
	background: #fff;
	color: #838383;
	padding: 30px 0;
	font-size: 1.17em;
}
#homepage-fineprint h4{
	font-size: 1.66em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}


/* Homepage Customers */

#homepage-customers{
	background: #fff;
	color: #838383;
	padding: 30px 0;
	font-size: 1.17em;
}	
#homepage-customers h4{
	font-size: 1.66em;
	font-weight: bold;
	color: #838383;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#homepage-customers strong{
	color: #000;
	font-size: 1.00em;
	text-align: center;
	display: block;
	text-transform: uppercase;
	margin-top: 20px;
}
#homepage-customers img{
	margin: 0 auto 30px;
	display: block;
	width: 200px;
	border-radius: 100%;
}
#homepage-customers .carousel-control{top:65px;bottom: auto}
#homepage-customers .carousel-control.left{left: -80px;}
#homepage-customers .carousel-control.right{right: -80px}


/* Login/Signup Form */

#login-form input[type=text],#login-form input[type=email],#login-form input[type=password]{
	height: 44px;
}
#login-form .checkbox{
	color: #b0b0b0;
	font-size: 0.91em;
}
#login-form .btn-red{
	padding-left: 80px;
    padding-right: 80px;
    margin-top: 10px;
}


/* Features Page */

#features-nav{
	background: #005db3;
	margin: 60px 0 10px 0;
}
#features-nav .list-inline{
	margin: 0;
	padding: 0;
} 
#features-nav .list-inline li {
    vertical-align: top;
}
#features-nav a{
	color: #fff;
	font-size: 1.08em;
	padding: 20px 3px 0 2px;
	text-align: center;
	display: block;
	width: 120px;
	height: 125px;
}
#features-nav a:hover,#features-nav a.active{
	background: #0074e1;
	text-decoration: none;
}
#features-nav a span{
	display: block;
	font-size: 2.5em;
	height: 45px;
}
#features-nav .quickbooks{
	background: url('/pages/img/static-pages/images/quickbooks_features.png') no-repeat center top;
}

#onboard-carousel,#transaction-carousel, #transaction-detail-carousel{
	background: url('/pages/img/static-pages/images/features_laptop.png') no-repeat top / 100%; 
	width: 660px;
	height: 379px;
	display: inline-block;
}
#onboard-carousel .carousel-inner,#transaction-carousel .carousel-inner, #transaction-detail-carousel .carousel-inner{
    margin-left: 78px;
    margin-top: 22px;
    width: 504px;
}
#onboard-carousel .carousel-control,#transaction-carousel .carousel-control, #transaction-detail-carousel .carousel-control{
	color: #b0b0b0;
	text-shadow:none;
}
#onboard-carousel .carousel-indicators{
	margin-top: 40px;
}


#features-content{
	color: #838383;
}
#features-content .white-bg{
	padding: 40px 0;
}
#features-content .grey-bg{
	padding: 40px 0;
	background: #333333;
}
#features-content h3{
	font-size: 1.66em;
	font-weight: bold;
	margin:0 0 15px;
	text-transform: uppercase;
}
#features-content .grey-bg h3{
	color: #fff;
}
#features-content p{
	font-size: 1.17em;
}
#features-content .feature-index{
	font-size: 8.31em;
	font-weight: 300;
	color: #838383;
	line-height: 1em;
	margin-bottom: 20px;
	display: inline-block;
}
#features-content .grey-bg .feature-index{
	color: #d4d4d4;
}
#features-content .carousel-control.left{
	left: -20px;
}
#features-content .carousel-control.right{
	right: -20px;
}


/* How it works Page */

#how-it-works-1-carousel,#how-it-works-2-carousel,#how-it-works-3-carousel,#how-it-works-4-carousel,#how-it-works-5-carousel,#how-it-works-6-carousel{
	width: 90%;
}
#how-it-works-1-carousel .carousel-control,#how-it-works-2-carousel .carousel-control,#how-it-works-3-carousel .carousel-control,#how-it-works-4-carousel .carousel-control,#how-it-works-5-carousel .carousel-control,#how-it-works-6-carousel .carousel-control{
	color: #b0b0b0;
	text-shadow:none;
}
#how-it-works-1-carousel .carousel-control.left,#how-it-works-2-carousel .carousel-control.left,#how-it-works-3-carousel .carousel-control.left,#how-it-works-4-carousel .carousel-control.left,#how-it-works-5-carousel .carousel-control.left,#how-it-works-6-carousel .carousel-control.left{
	left: -55px;
}
#how-it-works-1-carousel .carousel-control.right,#how-it-works-2-carousel .carousel-control.right,#how-it-works-3-carousel .carousel-control.right,#how-it-works-4-carousel .carousel-control.right,#how-it-works-5-carousel .carousel-control.right,#how-it-works-6-carousel .carousel-control.right{
	right: -55px;
}

.required_text {
    float: left;
    font-size: 16px;
    margin: 0 0 20px 25px;
    padding: 0;
}

.required_text li {
    color: #3c8dbc;
    float: left;
    width: 215px;
}

.grey {
    color: grey !important;
}

/* Responsive */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
@media(min-width: 1200px){
	#home header{
		height:491px;
	}
}
@media(max-width: 1199px){
	#home header{
		height:391px;
	}
	header .btn-red{
		width: 200px;
		margin-left: 25px;
	}
	#top-menu{
		background: #333;
		padding-bottom: 10px;
		position: absolute;
		z-index: 1000;
		width: 100%;
	}
	#banner-heading{
		font-size: 1.6em;
	}
	#banner-text{
		font-size: 1.3em;
		line-height: 1.4em;
	}
	#homepage-why .col-md-6 strong{
		font-size: 1.1em;
	}
	#homepage-why span{
		height: 420px;
	}
	#homepage-customers .carousel-control.left{left: -30px;}
	#homepage-customers .carousel-control.right{right: -30px}
	#inner .navbar-default .navbar-nav > li > a:not(.btn-red),#home .navbar-default.sticky .navbar-nav > li > a:not(.btn-red){
		color: #fff;
	}
	#onboard-carousel .carousel-indicators{
		margin-top: 40px;
	}
}
@media(max-width: 991px){
	.header-top-margin{
		margin-top: 91px;
	}
	#homepage-customers .carousel-control.left{left: -40px;}
	#homepage-customers .carousel-control.right{right: -40px}
	#homepage-signup .btn{
		margin-top: 10px;
	}
	#inner .navbar-default .navbar-nav > li > a{
		color: #f6f6f6;
	}
	#inner .navbar-default .navbar-nav > li > a:hover{
		color: #fff;
	}
	#onboard-carousel, #transaction-carousel, #transaction-detail-carousel{
		width: 450px;
		height:260px;
	}
	#onboard-carousel .carousel-inner, #transaction-carousel .carousel-inner, #transaction-detail-carousel .carousel-inner{
		width:354px;
		margin-left: 49px;
    	margin-top: 15px;
	}
	#onboard-carousel .carousel-indicators{
		margin-top: 20px;
	}
	#features-nav a{
		font-size: 0.91em;
		width: 90px;
	}
}
@media(max-width: 767px){
	#logo{margin-left: 10px;}
	#homepage-customers .carousel-control.left{left: 0;}
	#homepage-customers .carousel-control.right{right: 0}
	#banner-heading{
		font-size: 1.3em;
	}
	#banner-text{
		font-size: 1.1em;
		margin-top: 10px
	}
	#homepage-signup h5{
		font-size: 1.16em;
	}
	#homepage-signup input[type="text"], #homepage-signup input[type="email"], #homepage-signup input[type="password"]{
		width: 100%;
		margin-bottom:5px;
	}
	#homepage-features span{
		height: auto;
		min-height: auto;
	}
	#homepage-features .row{
		margin-bottom: auto;
	}
	#homepage-features .col-md-6{
		margin-bottom: 25px;
	}
	#homepage-features span.quickbooks{
		height: 40px;
	}
	#homepage-whyb span{
		height: auto;
		min-height: auto;
	}
	#homepage-whyb .row{
		margin-bottom: auto;
	}
	#homepage-whyb .col-md-6{
		margin-bottom: 25px;
	}
	#homepage-whyb span.quickbooks{
		height: 40px;
			
	}
	#homepage-why .row{
		margin-bottom: auto;
	}
	#homepage-why .col-md-6{
		margin-bottom: 25px;
	}
	#homepage-why span{
		height: auto;
		min-height: auto;
	}
	#homepage-why p{
		text-align: justify;
	}
	#home-carousel .item .col-md-4:nth-child(2),#home-carousel .item .col-md-4:nth-child(3){
		display: none;
	}
	#onboard-carousel, #transaction-carousel, #transaction-detail-carousel{
		height: 200px;
    	width: 300px;
    	display: block;
	}
	#onboard-carousel .carousel-inner, #transaction-carousel .carousel-inner, #transaction-detail-carousel .carousel-inner{
		margin-left: 35px;
    	margin-top: 10px;
    	width: 230px;
    	display: inline-block;
	}
	#features-nav li{
		width: 32.5%;
		padding-left: 0;
		padding-right: 0;
	}
	#features-nav a{
		width: 100%;
	}
	#how-it-works-1-carousel .carousel-control.left,#how-it-works-2-carousel .carousel-control.left,#how-it-works-3-carousel .carousel-control.left,#how-it-works-4-carousel .carousel-control.left,#how-it-works-5-carousel .carousel-control.left,#how-it-works-6-carousel .carousel-control.left{
		left: -30px;
	}
	#how-it-works-1-carousel .carousel-control.right,#how-it-works-2-carousel .carousel-control.right,#how-it-works-3-carousel .carousel-control.right,#how-it-works-4-carousel .carousel-control.right,#how-it-works-5-carousel .carousel-control.right,#how-it-works-6-carousel .carousel-control.right{
		right: -30px;
	}
}

#banner-heading2 {
    color: #f4f4f4;
    font-size: 1.5em;
    line-height: 1.2em;
}
.header-top-margin {
    margin-top: 111px;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.load-animate {
    opacity: 0;
}

.faq-accordion .panel-heading .panel-title a {
	cursor:pointer;
}

.faq-accordion .panel-heading .panel-title a:hover{
	text-decoration: none !important;
}

@media(max-width: 360px){
	#banner-heading{
		font-size: 1.1em;
	}
	#banner-text{
		font-size: 1.0em;
	}
}

@media(max-width: 360px){
	#banner-heading2{
		font-size: 1.1em;
	}
	
}

.customer-login-heading{
	text-transform: none !important;
	font-size: 26px !important;
}




/*sub-menu*/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.switch-btn{
	margin-bottom: -10px;
    margin-left: 15px;
}

.header-bottom-margin{
	margin-bottom: 70px;
}

.z-index-9999 {
	z-index: 9999 !important;
}