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

#main-navigation.navbar {  min-height: 85px;  text-transform: uppercase;  line-height: 1;  margin-bottom: 0;  border-bottom: none;}
#main-navigation.navbar.navbar-default.navbar-fixed-top {  background-color: rgba(0, 0, 0, 0.0);}
#main-navigation.navbar.navbar-default.navbar-fixed-top.small {  background-color: rgba(0, 0, 0, 0.9);}
#main-navbar .navbar-right {margin-top: 25px;}
#main-navigation .navbar-brand {  height: auto;  padding: 26px 25px 26px;}
#main-navigation .navbar-brand img {  max-width: 300px;}
.navbar-default .navbar-nav>li>a {  padding-top: 15px; padding-bottom: 20px; text-transform: uppercase; font-size: 0.875rem; color: #fff; font-weight: 400;  transition: all .6s;}
#main-navigation.navbar-default .navbar-nav>li>a:focus, 
#main-navigation.navbar-default .navbar-nav>li>a:hover {  color: #fff; padding-bottom: 22px; border-bottom: 4px solid #457599; background: transparent; transition: all .6s;}
#main-navigation.navbar-default .navbar-nav>.active>a, #main-navigation.navbar-default .navbar-nav>.active>a:focus, 
#main-navigation.navbar-default .navbar-nav>.active>a:hover {color: #fff; padding-bottom: 22px; border-bottom: 4px solid #457599; background: transparent; transition: all .6s;}
#main-navigation .navbar-form {  position: relative;  margin: 0;  padding: 22px 0 23px;  font-size: 0.1px;  overflow: hidden;  border-color: transparent;}
#main-navigation .navbar-form .btn-search {  position: relative;  display: inline-block;  vertical-align: top;  width: 40px; height: 40px;  border: 1px solid transparent;
 box-sizing: border-box;  margin: 0;  background: transparent;  font-size: 12px;}
#main-navigation .navbar-form .btn-search .icon-search8 {  color: #ffffff;}
#main-navigation .navbar-form .btn-search:hover .icon-search8,
#main-navigation .navbar-form .btn-search .icon-search8.text-green {  color: #57c654;}
#main-navigation .navbar-form #btn-submitsearch {  display: none;  background: #57c654;}
#main-navigation .navbar-form #btn-submitsearch:focus .icon-search8,
#main-navigation .navbar-form #btn-submitsearch:active .icon-search8 {  color: #161718;}
#main-navigation .navbar-form .search-input {  position: relative;  display: inline-block;  vertical-align: top;  width: 200px;  margin-right: -200px;
  -moz-transition: margin-right 0.3s ease-in-out;  -webkit-transition: margin-right 0.3s ease-in-out;  transition: margin-right 0.3s ease-in-out;}
#main-navigation .navbar-form .search-input.search-active {  margin-right: 0;}
#main-navigation .navbar-form input {  display: inline-block;  width: 200px;  font-family: 'Montserrat', sans-serif;  font-size: 15px;  color: #ffffff;
  background: transparent;  border: 1px solid transparent;  padding: 10px 10px 9px;}
#main-navigation .navbar-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  font-style: italic;}
#main-navigation .navbar-form input::-moz-placeholder { /* Firefox 19+ */  font-style: italic;}
#main-navigation .navbar-form input:-ms-input-placeholder { /* IE 10+ */  font-style: italic;}
#main-navigation .navbar-form input:-moz-placeholder { /* Firefox 18- */  font-style: italic;}
#main-navigation .navbar-form .btn-search:focus,#main-navigation .navbar-form .btn-search:active,
#main-navigation .navbar-form input:focus,#main-navigation .navbar-form input:active {  outline: none;}
.icon-search8 {font-size: 18px; color:#fff;}
#main-navigation.navbar-fixed-top .navbar-collapse {  max-height: 420px;}
#main-navigation .navbar-toggle {  background: transparent;  margin-top: 26px;  margin-bottom: 26px;  border: none;  border-radius: 0;}
#main-navigation .navbar-toggle:hover,#main-navigation .navbar-toggle:focus {  background: transparent;}
#main-navigation .navbar-toggle .icon-bar {  width: 22px;  background: #457599;  -moz-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
#main-navigation .navbar-toggle.collapsed .icon-bar {  background: #fff;}
.navbar-toggle .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); 
  -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.navbar-toggle .icon-bar:nth-of-type(2) {  opacity: 0;  filter: alpha(opacity=0);}
.navbar-toggle .icon-bar:nth-of-type(3) {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;  transform-origin: 10% 90%;}
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {  -webkit-transform: rotate(0);  -ms-transform: rotate(0);  transform: rotate(0);}
.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {  opacity: 1;  filter: alpha(opacity=100);}
.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {  -webkit-transform: rotate(0);  -ms-transform: rotate(0);  transform: rotate(0);}

.navbar.navbar-default.navbar-fixed-top.small.menu-scroll {background-color: rgba(0, 0, 0, 0.75)!important;}

/**********************
BUTTONS
***********************/

button, .btn { border: 0; padding: 0; background: transparent; font-family: 'Montserrat', sans-serif; text-transform: uppercase; outline: none;}

/*-------------------------- Remove button shift on click in Internet Explorer --------------------------*/
button > * {  position: relative;}
.btn-default { padding: 9px 0; width: 230px; text-transform: uppercase; font-size: 15px; border: none; border-radius: 0; box-sizing: border-box; outline: none; display: inline-block;
vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;
 position: relative; -webkit-transition-property: color; -ms-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;
 -ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-default:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0);
 transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; -ms-transition-property: transform;
 transition-property: transform; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
 -ms-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.btn-default:hover:before, .btn-default:focus:before, .btn-default:active:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
.btn-default.green-white { color: #fff; background-color: #56c553;}
.btn-default.green-white:hover,.btn-default.green-white.active.focus, .btn-default.green-white.active:focus, .btn-default.green-white.active:hover, 
.btn-default.green-white:active.focus, .btn-default.green-white:active:focus, .btn-default.green-white:active:hover { color: #56c553; box-shadow: none; outline: none;}
.btn-default.red-white { color: #fff; background-color: #f85252;}
.btn-default.red-white:hover,.btn-default.red-white.active.focus, .btn-default.red-white.active:focus, .btn-default.red-white.active:hover, 
.btn-default.red-white:active.focus, .btn-default.red-white:active:focus, .btn-default.red-white:active:hover { color: #f85252; box-shadow: none; outline: none;}

/**********************
Submenu
***********************/

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #fff;
 background-color: transparent; border-bottom: 4px solid #457599;}
.dropdown-menu {background-color: rgba(0,0,0,.9); }.dropdown-menu>li>a {color:#fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #fff; text-decoration: none; background-color: #457599;}

/**********************
ICON FONT
***********************/

.ico, .fa { color: #fff; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.ico:hover,.ico:focus,.fa:hover,.fa:focus { color: #fff;}

/**********************
RESPONSIVE
***********************/

@media only screen and (max-width: 1024px) {

  .navbar-default .navbar-nav>li>a { padding: 32px 10px 33px;}
  #main-navigation .navbar-form .search-input { width: 120px; margin-right: -120px;}
  #main-navigation .navbar-form input { width: 120px;}
  #main-navigation .navbar-brand {max-width: 200px;}  
}
@media only screen and (max-width: 991px) {

  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {background-color: #000;}
  #main-navbar .navbar-right { margin-top: 0px;}
 .navbar-nav { margin: 0;}
 .navbar-default .navbar-nav>li>a { padding: 10px 15px; border-bottom: 0!important; font-size: 1.2rem!important;}
 #main-navigation.navbar-default .navbar-nav>li>a:hover {  border-bottom: 0!important;}
 #main-navigation.navbar-default .navbar-nav>.active>a, #main-navigation.navbar-default .navbar-nav>.active>a:focus, #main-navigation.navbar-default .navbar-nav>.active>a:hover 
 {border-bottom: 0!important; padding: 10px 15px;}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {border-bottom: 0!important;}
}

@media only screen and (max-width: 767px) {

  .navbar-default .navbar-nav>li>a { padding: 15px 15px 15px 27px; text-align: center;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{text-align: center;}
  #main-navigation .navbar-form #btn-togglesearch { display: none;}
  #main-navigation .navbar-form #btn-submitsearch { display: inline-block;}
  #main-navigation .navbar-form .btn-search { width: 45px; height: 45px;}
  #main-navigation .navbar-form .search-input { width: 80%; width: calc(100% - 50px); margin-right: 0;}
  #main-navigation .navbar-form input { width: 100%; padding: 12px; border-right: none; -moz-transition: border-bottom 0.3s ease-in-out;
 -webkit-transition: border-bottom 0.3s ease-in-out; transition: border-bottom 0.3s ease-in-out;}
  #main-navigation .navbar-form input:focus,  #main-navigation .navbar-form input:active { border-bottom: 1px solid #57c654;}
  
}