@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   Bootstrap Overwrite
   ========================================================================== */

.navbar-default { background-color: #fff; border-bottom: none; margin-bottom: 0; }
.navbar-default .navbar-toggle { position: absolute; right: 0; border-radius: 0; border: none; background-color: #02aed6; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: #02aed6; }
.navbar-default .navbar-toggle .icon-bar { width: 18px; background-color: #fff; }

.navbar-default .navbar-nav>li>a { color: #000; text-transform: uppercase; font-weight: 600; -webkit-transition: color .3s ease; transition: color .3s ease; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: #02aed6; color: #fff; }

.navbar-default .navbar-brand { font: 700 18px 'Raleway', sans-serif; color: #02aed6; }

.btn { font-size: 15px; font-weight: 600; padding: 8px 15px; text-transform: uppercase;
-webkit-transition: background-color .5s ease, color .5s ease, border-color .5s ease;
	transition: background-color .5s ease, color .5s ease, border-color .5s ease; }
.btn-sm { padding: 4px 10px; font-size: 11px; }

.btn-outline { border: 2px solid #fff; }
.btn-outline:hover { background-color: #fff; color: #02aed6 !important; }

.btn-primary { border: 2px solid #02aed6; background-color: transparent; color: #02aed6; }
.btn-primary:hover { background-color: #02aed6; border-color: #02aed6; }

.modal-backdrop { z-index: 1140; }
.modal { z-index: 1150; }
.modal-open,
.modal-open .modal { padding-right: 0 !important; }
.modal-header { background-color: #02aed6; border-radius: 4px 4px 0 0; border-bottom: 5px solid #eee; }
.modal-body { padding: 25px; }
.modal-footer { text-align: center; border-top: none; }
.modal-title { font-size: 20px; font-weight: 700; color: #fff; text-transform: uppercase; }
.close { opacity: .3; }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.navbar-default { background-color: transparent; position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.navbar-default .navbar-brand { color: #fff; padding-right: 10px; }
	.navbar-default .navbar-nav { margin-top: 10px; }
	.navbar-default .navbar-nav>li>a { font-size: 11px; padding: 5px 6px; color: #fff; }
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus { color: #000; }
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus { background-color: transparent; }
	
	.btn { padding: 13px 20px; }
	

	
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.navbar-default .navbar-nav>li>a { font-size: 13px; padding: 5px 10px; }
	
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
	.navbar-default .navbar-brand { font-size: 30px; height: auto; }
	.navbar-default .navbar-nav { margin-top: 12px; }
	.navbar-default .navbar-nav>li>a { font-size: 14px; padding: 10px 15px; }

	.modal-open,
	.modal-open .modal { padding-right: 17px !important; }
	
}


/* Extra Large devices (large desktops, 1920px and up) */
@media (min-width: 1920px) { 

	
}