/* Mobile navbar */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #fff;
  background-color: #1a8ae1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.divider{
  margin-left: 10%;
  width: 70%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Main Navbar */

@media(min-width:767px) {
  .navbar-nav {
    float: none;
    text-align: center;
  }

  .navbar-nav>li {
    display: inline-block;
    float: none;
  };
}
.if-fixed-navbar{
  /* uncomment this for unfixed navbar*/
  padding: 30px;
}
.navbar{
  /* uncomment this two below for unfixed navbar*/
  position: fixed;
  margin-top:30px;

  background-color: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 998;
  padding: 0.5%;
}

.navbar {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.navbar-default .navbar-nav>li>a {
  background-color: #ffffff;
  padding: 15px 22px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 10px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.navbar-nav>li>a {
  text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #fff;
  background-color: #1a8ae1;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #1a8ae1;
  font-weight: bold;
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: #1a8ae1;
}

.navbar-default .navbar-nav>li:focus {
  outline: none;
}

/* LOGO */
.logo {
  position: absolute;
  left: 10%;
  height: inherit;
}
@media only screen and (max-width : 1000px) {
  .logo{
    max-height: 85%;
    margin-left:-6%;
  }
}


/*TOGGLE BUTTON*/
.navbar-toggle {
  position: absolute;
  right: 0;
  display: block;
  margin: 0;
  padding: 9px 18px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #7b8a97;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #1a8ae1;
  color: #fff;
}
@media only screen and (min-width : 991px) {
  .navbar-toggle{
    display: none;
  }
}

/* Language Select */
select.select-language::-ms-expand {
    /* remove arrow in IE */
    display: none;
}
select.select-language {
    position: absolute;
    right: 14%;
    margin-top: 0.5%;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    appearance: none;

    background-color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;

    padding: 0 1%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(212, 212, 212);
}
@media only screen and (max-width : 1000px) {
  select.select-language{
    display: none;
  }
}

select.sidenav-select-language::-ms-expand {
    /* remove arrow in IE */
    display: none;
}
select.sidenav-select-language {
    margin-top: 100px;
    margin-left: 32px;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    appearance: none;

    background-color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;

    padding: 0 10%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(212, 212, 212);
}
@media only screen and (min-width : 1001px) {
  select.sidenav-select-language{
    display: none;
  }
}


/*search-button*/
.search-button {
  position: absolute;
  right: 10%;
  line-height: 50px;
}

.search-button a {
  color: #9e9e9e;
}

.search-button a:hover {
  color: #1a8ae1;
}

@media only screen and (min-width : 0) and (max-width : 992px) {
  .search-button{
    display: none;
  }
}

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  border: none;
  /* padding: 14px 20px 12px 45px; */
}

/* search input */

#myInput {
  height: 30px;
  /* outline: 3px solid #ddd; */
}
#myInput:focus{
}

#myInput::-webkit-input-placeholder {
  font-family: 'Montserrat', sans-serif;
}

#myInputt:-ms-input-placeholder {
  font-family: 'Montserrat', sans-serif;
}

#myInput:-moz-placeholder {
  font-family: 'Montserrat', sans-serif;
}

#myInput::-moz-placeholder {
  font-family: 'Montserrat', sans-serif;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 230px;
  border: none;
  z-index: 2;
}

.show {display: block;}