/* Button */
#button:hover{cursor: pointer;}
.button-light{background-color: #00a9cb !important; color: #FFFFFF;	padding: 10px 20px; font-weight: bold;	letter-spacing: -0.14px; line-height: 20px;	text-align: center; display: inline-block !important; 	border: 1px solid #0094E1;	border-radius: 5px;
transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: 	all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
.button-light:hover, .button-light:focus, .button-light:active{background-color: #00a9cb !important; color: #FFFFFF;
transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: 	all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
/* Toggle menu */
#toggle {display: block; width: 28px; height: 30px; margin: 30px auto 10px; right: -15px;}
#toggle span:after, #toggle span:before {content: ""; position: absolute; left: 0; top: -9px;}
#toggle span:after{top: 9px;}
#toggle span {position: relative; display: block;}
#toggle{text-align: right !important; text-align:;}
#toggle span, #toggle span:after, #toggle span:before {width: 22px; height: 4px; background-color: #00a9cb; backface-visibility: hidden; border-radius: 2px;
transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: 	all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: 		all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: 			all 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
#toggle span::before{width: 22px;}
#toggle span::after{width: 22px;}
#toggle.on span {background-color: transparent;}
#toggle.on span:before {transform: rotate(45deg) translate(5px, 5px); width: 28px;}
#toggle.on span:after {transform: rotate(-45deg) translate(7px, -8px); width: 28px;}
#toggle.on + #menu {opacity: 1; visibility: visible;}

.navbar-header{position: relative}

.hamburger-button{display: none; position: absolute; top: 10px; right: 0; text-align: right !important;}
/* Mediaquerries */
@media (max-width: 575px) {

}

@media (max-width: 767px) {
	.hamburger-button{right: 15px;}
	.navbar .navbar-header .navbar-brand{padding-left: 15px !important;}
	.logo-website img{max-width: 100%;}
	.navbar .scroll-btn{position: relative; left: 15px; z-index: 9999 !important;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {

}

@media (max-width: 1199px) {
	.hamburger-button{display: block;}

	.row.desktop-menu{margin-right: 0 !important; width: auto !important;}
	.navbar .navbar-collapse .navbar-nav li a{padding-right: 0 !important;}
	.navbar-collapse, nav .navbar-nav .primary, .desktop-menu{width: 100% !important; display: block !important; max-height: 0 !important; padding: 0 !important; overflow: hidden; opacity: 0;
		transition: 			all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-transition: 	all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition: 		all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-o-transition: 			all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition: 		all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
	}

	.navbar-collapse.show, .show .desktop-menu{padding-bottom: 20px !important; height: auto !important; max-height: 500px !important; opacity: 1; 
		transition: 			all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-transition: 	all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition: 		all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-o-transition: 			all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition: 		all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.navbar-collapse.show, .show .desktop-menu{max-height: 250px !important;}
}

@media (min-width: 1191px) {

}