* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none !important;
    list-style: none;
  }
  
  body {
    color: #00000a;
    line-height: 1.3;
    font-weight: 400;
    font-size: 14px;
    overflow-x: hidden !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif;
  }
  .main{
        background-image: url(../img/mbr-1920x1280.jpg);
        min-height: 100vh;
        padding-top: 3rem;
        padding-bottom: 3rem;
        display: flex;
        align-items: center;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: right;
        position: relative;
  }
  .title{
    font-size: 4.25rem;
    color: #ffffff;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
  }
  .main iframe{
      width:100%;
  }
  .form-container{
    transition: all .2s;
    border: 1px solid #ffffff;
    padding: 1rem;
}
.btn{
    border-radius: 100px !important;
    padding: 1rem 3rem;
    background-color: #149dcc !important;
    border-color: #149dcc !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}
.adv{
	    padding-top: 2rem;
}
  
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
}

.lang{
  position: absolute;
    right: 50px;
    top: 50px;
}
#image-dropdown {
  /*style the "box" in its minimzed state*/
 height:50px; overflow:hidden;
  /*animate the dropdown collapsing*/
  transition: height 0.1s;
}
#image-dropdown:hover {
  /*when expanded, the dropdown will get native means of scrolling*/
  height:200px; 
  overflow-y:hidden;
  /*animate the dropdown expanding*/
  transition: height 0.5s;
}
#image-dropdown input {
  /*hide the nasty default radio buttons!*/
  position:absolute;top:0;left:0;opacity:0;
}
#image-dropdown label {
  /*style the labels to look like dropdown options*/
  display:none; margin:2px; height:32px;
  color: #fff;
  font-size: 16px;
}
#image-dropdown:hover label{
  /*this is how labels render in the "expanded" state.
   we want to see only the selected radio button in the collapsed menu,
   and all of them when expanded*/
  display:block;
}
#image-dropdown input:checked + label {
  /*tricky! labels immediately following a checked radio button
    (with our markup they are semantically related) should be fully opaque
    and visible even in the collapsed menu*/
  opacity:1 !important; display:block;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
@media only screen and (max-width: 600px) {
  .lang{
    position: absolute;
      right: 20px;
      top: 20px;
      z-index: 999;
  }
  #image-dropdown label {
    /*style the labels to look like dropdown options*/
    display:none; margin:2px; height:32px; 
    color: #000;
    font-size: 16px;
  }
  #image-dropdown:hover label {
    display: block;
    background-color: #fff;
    opacity: 1;
}
}