.topbanner {
width:100%;
  margin: 0;
  padding: 0;  
}
#topheaderdesign {
width:100%;
position: Absolute;
  top: 25px;
  margin: 0;
  padding: 0;
  background-color: #000;
  width:100%;
  height: 250px;
  background: #D8D8D8;       
}
#topheader {

width:100%;
position: fixed;
    top: 0;
     margin: 0;
     padding: 0;
}
#titleheader {
background:#D6DFF2;
width:100%;
position: fixed;
 top: 0;
 margin: 0;
 padding-top: 50px;
}
#topheader ul {
    list-style-type: none; 
width:100%;

    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:  #1b4f72 ;
}

#topheader li {
    float: left;
}

#topheader li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#topheader li a:hover, .dropdown:hover .dropbtn {
    background-color: blue;
}

#topheader li.dropdown {
    display: inline-block;
}

#topheader .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#topheader .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

#topheader .dropdown-content a:hover {background-color: #f1f1f1}

#topheader .dropdown:hover .dropdown-content {
    display: block;
}




/*body and container*/
* {
	margin: 0;
	padding: 0;
}



#container {
	width: 80%;
	overflow: hidden;
	margin: 50px auto;
	background:#D6DFF2;background-image:-ms-linear-gradient(top, #D6DFF2 0%, #4175B1 100%);background-image:-moz-linear-gradient(top, #D6DFF2 0%, #4175B1 100%);background-image:-o-linear-gradient(top, #D6DFF2 0%, #4175B1 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #D6DFF2), color-stop(1, #4175B1));background-image:-webkit-linear-gradient(top, #D6DFF2 0%, #4175B1 100%);background-image:linear-gradient(top, #D6DFF2 0%, #4175B1 100%);
	 border-radius: 5px;
	position: Relative;
}
#container2 {
	margin: 50px,100px;
	background:  #2c3e50 ;
	color:white;
}
#textcontainer2 {
	margin-left: 10px;
	padding-left: 50px;
	margin-top: 0;
	padding-top: 0;
	
	
}
#textcontainer2 p {
	text-align: left;
	font: 100 30px/1.5 Helvetica, Verdana, sans-serif;
}
/*header*/
header {
	width: 800px;
	margin: 40px auto;

}

header h1 {
         display: inline-block;
	text-align: center;
	font: 100 60px/1.5 Helvetica, Verdana, sans-serif;
}

header p {
	font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
	text-align: justify;
}
.textbanner {
	font-color: black;
	margin-bottom: 0px;
}
/*photobanner*/

.photobanner {
	height: 233px;
	width: 3550px;
	margin-bottom: 80px;
}

.photobanner img {
height: 330px;
margin: 10px,2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
.photobanner img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}


/*keyframe animations*/
.first {
	-webkit-animation: bannermove 30s linear infinite;
	-moz-animation: bannermove 30s linear infinite;
	-ms-animation: bannermove 30s linear infinite;
	animation: bannermove 30s linear infinite;
}

@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }

}

@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }

}

@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }

}

@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }

}

@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }

}