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

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

.navbar-default { margin-bottom: 0; background-color: transparent; border-bottom: none; }
.navbar-default .navbar-brand { font-size: 20px; font-family: 'Montserrat', sans-serif; color: #2582ea; }

.navbar-default .navbar-toggle { border-radius: 0; background-color: #2582ea; border: none; }
.navbar-default .navbar-toggle .icon-bar { width: 18px; background-color: #fff; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: #2582ea; }

.navbar-collapse { background-color: #2582ea; }
.navbar-default .navbar-nav>li>a { font-size: 13px; font-weight: 600; color: #fff; text-transform: uppercase; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus { background-color: #1863b6; color: #fff; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: #1863b6; color: #fff; }
.navbar-nav>li.login { background-color: #e12424; }
.navbar-nav>li.login>a:hover,
.navbar-nav>li.login>a:focus { background-color: #d11919; }
.navbar-nav>li.login .fa { margin-right: 5px; vertical-align: middle; }

.btn { font: 13px 'Montserrat', sans-serif; text-transform: uppercase; padding: 8px 15px; border-radius: 0; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.btn-primary { background-color: #2582ea; color: #fff; border: none; }
.btn-primary:hover { background-color: #1b75da; }
.btn-danger { background-color: #ff2b58; border: none; }
.btn-danger:hover,
.btn-danger:focus { background-color: #e81b47; }
.btn-outline { color: #fff; border: 2px solid #fff; }
.btn-outline:hover,
.btn-outline:focus { color: #fff; }

.form-control,
.form-control:focus { box-shadow: none; }

.modal-header { border-bottom: none; }
.modal-title { font: 800 24px 'Montserrat', sans-serif; color: #2582ea; }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.navbar-default .navbar-brand { float: left; margin-top: 5px; }
	.navbar-header { float: none; padding-top: 10px; padding-bottom: 10px; }
	.navbar-nav { float: none; }
	.navbar-nav>li>a { padding: 10px 7px; height: 40px; }
	.navbar-nav>li.login { float: right; }
	.navbar-nav>li.login a { min-width: 36px; text-align: center; }
	.navbar-nav>li.login .fa { margin-right: 0; }
	
	/*.dropdown:hover .dropdown-menu { display: block; }*/
	.btn { font-size: 14px; padding: 15px 20px; }
	
	.modal-title { font-size: 32px; padding-left: 10px; }
	
}


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

	.navbar-default { overflow: hidden; }
	.navbar-default .navbar-brand { font-size: 30px; }
	.navbar-collapse { position: relative; }
	.navbar-extend { width: calc(100vw - 960px); position: absolute; top: 0; bottom: 0; left: 100%; background-color: #2582ea; }
	.navbar-nav>li>a { padding: 15px; font-size: 14px; padding: 15px 18px; height: 50px; }
	.navbar-nav>li.login .fa { margin-right: 8px; }
	
}


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

	.navbar-nav>li>a { padding: 22px 30px; height: 67px; }
	.navbar-nav>li.home>a { height: 67px; padding-left: 20px; padding-right: 20px; }
	
}


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

	
}