html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: 'Roboto', sans-serif;
}

html {
    scroll-behavior: smooth;
  }

header, nav, section, article, aside, footer, hgroup {
    display: block;
  } 

  body {
    background: #000;
    }

header {
    height: 100px;
    width:100%;
    background-color:#000;
    position: fixed;
    }

.logo {
    max-height:60px;
    margin:25px;
    float:left;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.ul_topbar{
    display:block;
    float:right;

}
.li_topbar{
    color:#fff;
    padding: 0 10px 0 10px;
}

li a{
    color:#fff;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

li a:hover{
    color:#fcdb03;
    font-size:16px;
}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.flex_info { 
    display: flex; 
    justify-content: center; 
    padding-top:200px;
}

.starter_logo{
    max-height:100px;
    box-align:center;
}

section{
    height:1000px;
    width:100%;
    padding:80px 0 0 0;
}

h1, h2{
    font-family: 'Roboto', sans-serif;
    color:#fff;
    font-size:20px;
    text-align:left;
    padding-top:40px;
    font-weight:100;
}

h2{
    font-size:26px;
}

label{
    margin-top:20px;
    width:380px;
    line-height:40px;
    background-color:#000;
    opacity:0.7;
    border-radius: 5px;
    box-sizing: border-box;
    color:#fff;
    float:right;
}

.button {
    background-color:#000;
    opacity:0.7;
    box-sizing: border-box;
    border-radius: 5px;
    text-align:center;
    color:#fff;
    border:none;
    width: 360px;
    height:40px;
    margin-top:20px;
}

.button:hover {background-color: #333;}
.button:active {background-color: #333}
.button:visited {background-color: #333}

input{
    background-color:#000;
    color:#fff;
    border:none;
    width:75%;

}

select{
    width:99%;
    background-color:#000;
    opacity:0.7;
    box-sizing: border-box;
    border-radius: 5px;
    border:none;
    color:#fff;
}

.section_start{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/sop_bg_02.jpg');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section_alb{
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url('../images/alb_trans.png');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section_al{
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('../images/al_trans.png');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section_md{
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url('../images/md_trans.png');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section_ol{
    background: linear-gradient( rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.7) ), url('../images/ol_trans.png');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section_is{
    background: linear-gradient( rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5) ), url('../images/is_trans.png');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.section1{
    background-color:#000;
}

.section2{
    background-color:#333;
}

.section3{
    background: linear-gradient( rgba(0, 0, 0, 0.8 ), rgba(0, 0, 0, 0.8) ), url('../images/sop_bg_trans.jpg');
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
    }

.floating_left{
    float:left;
}

.bg_black{
    background-color:#000;
    opacity:0.8;
    border:none;
    padding:20px;
    color:#fff;
}

.p_box {
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    font-weight:100;
}

.w_correction{
    width:100%;
    margin-right:40px;
    padding:10px
}

.center {
    margin: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #bottom {
    position:absolute;                 
    bottom:0;                         
    left:0;
    background-color:#fff;
    opacity:0.8;
    border-radius:5px;
  }

  .arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }

  .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .bgDropdown{
      background: #fff;
      opacity: 0.8;
      margin-left:90px;
  }

  .row_correction{
      margin-top:20px;
  }

  .p_info{
      color:#fff;
  }
  .iframe_solid {
      border-style: solid;
      border: 1px;
      border-color: #333; 
    }