@font-face{font-family:'Oxygen-Regular';src:url(../fonts/Oxygen-Regular.ttf) format("truetype")}
@font-face{font-family:'Scada-Bold';src:url(../fonts/Scada-Bold.ttf) format("truetype")}
body{font-family:'Oxygen-Regular';background:#fff}
body a{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
ul{padding:0;margin:0}
h1,h2,h3,h4,h5,h6,p,label{margin:0}
.header{background:url('../../rotate.php') no-repeat;width:100%;display:block;height:550px;background-size:cover}
.header-top{background:#1b3e5c;padding:2em 0}
.logo{float:left;position:relative}
.top-nav{float:right}
.top-nav ul li{display:inline-block}
.top-nav ul li a{display:block;text-decoration:none;margin:0 .3em;color:#fff;font-size:1.1em}
.top-nav span.menu{display:none}
.logo img{position:absolute;top:-145px}
.top-nav ul li a::before,.top-nav ul li a::after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .2s;-moz-transition:-moz-transform 0.3s,opacity .2s;transition:transform 0.3s,opacity .2s}
.top-nav ul li a::before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
.top-nav ul li a::after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
.top-nav ul li a:hover::before,.top-nav ul li a:hover::after,.top-nav ul li a:focus::before,.top-nav ul li a:focus::after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
.content-welcome{padding:4em 0}
.welcome h3{font-size:3em;font-family:'Scada-Bold';color:#1B3E5C}
.welcome p { font-size: 16px; color: #444; margin: 0.5em 0 1em; }
.top-content{text-align:center;padding:0 0 2em}
.top-content h1{font-size:3em;color:#1B3E5C;font-family:'Scada-Bold'}
.top-content p{font-size:1em;color:#B4B2B2;line-height:1.9em}
.col-mn{background:url(../images/parallax.png)no-repeat;width:100%;min-height:237px;display:block;background-size:cover;padding:5.5em 0}
.col-mn2 h2{text-transform:uppercase;font-size:4em;font-family:'Scada-Bold';color:#fff}
.col-mn2 p{font-size:1em;line-height:1.9em;color:#fff}
.sed-top img{border-radius:20px;margin:0 auto}
.sed-top h4{font-size:1.5em;font-family:'Scada-Bold';margin:.5em 0;text-align:center}
.content-middle{padding:4em 0 0}
.footer{background:#1b3e5c;padding:3em 0;text-align:center}
ul.social li{display:inline-block}
ul.social li i{display:inline-block;background:url(../images/img-sprite.png) -3px -3px;width:25px;height:25px;margin:0 6px 0 0}
ul.social li i:hover{transform:rotate(-360deg);transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
ul.social li i.rss{background-position:-38px -3px}
ul.social li i.twitter{background-position:-72px -3px}
ul.social li i.dribble{background-position:-107px -3px}
ul.social li i.linked{background-position:-142px -3px}
ul.social li i.camera{background-position:-176px -3px}
i.glyphicon.glyphicon-envelope{color:#fff;font-size:2em}
p.footer-in{font-size:1.5em;width:50%;line-height:1.5em;margin:1em auto;color:#fff}
p.footer-class{font-size:1em;color:#fff;margin:2em 0 5em}
p.footer-class a{text-decoration:none;color:#fff}
p.footer-class a:hover{color:#000}
@media(max-width:1024px) {
.header { height: 550px; }
.sed-top h4 { font-size: 1.2em; margin: .8em 0; }
}
@media(max-width:768px) {
span.menu { display: block; text-align: right; cursor: pointer; position: relative; }
.top-nav ul { display: none; position: absolute; width: 100%; z-index: 9999; left: 0; margin: 1.1em 0; background: #1b3e5c; border: 0; }
.top-nav span.menu { display: block; }
.top-nav ul li { display: block; float: none; padding: .3em; text-align: center; }
.top-nav ul li a { color: #fff; display: block; margin: 0; background: none; border: none; padding: .4em; }
.sed-top { float: left; width: 33.3%; }
.content-welcome { padding: 3em 0; }
.col-mn { min-height: 261px; padding: 3.5em 0; }
.content-middle { padding: 3em 0 0; }
p.footer-in { width: 70%; }
.logo img { top: -132px; }
.header-top { padding: 1em 0; }
}
@media(max-width:640px) {
.welcome h3, .top-content h1 { font-size: 2.5em; }
.col-mn2 h2 { font-size: 3em; margin-bottom: .3em; }
p.footer-in { font-size: 1.5em; width: 88%; }
.header { height: 445px; }
}
@media(max-width:480px) {
.welcome h3, .top-content h1 { font-size: 2em; }
.col-mn2 h2 { text-transform: uppercase; font-size: 2.5em; }
.sed-top h4 { font-size: 1.05em; }
p.footer-in { font-size: 1.3em; }
.content-middle { padding: 2em 0 0; }
.header { height: 336px; }
.sed-top img { margin: 0 auto; width: 34%; }
.logo img { width: 140px; top: -58px; }
.content-welcome { padding: 2em 0; }
.sed-top { width: 100%; }
}
@media(max-width:320px) {
.header { height: 188px; }
.content-welcome { padding: 1.5em 0; }
.come { padding: 0; }
.welcome h3, .top-content h1 { font-size: 1.5em; }
.welcome p { font-size: .9em; line-height: 1.7em; }
.top-content p { font-size: .9em; line-height: 1.7em; }
.col-mn2 h2 { font-size: 1.8em; }
.col-mn2 p { font-size: .9em; line-height: 1.7em; }
.col-mn { min-height: 244px; padding: 2em 0; }
.col-mn3 { padding: 0; }
.sed-in { padding: 0; }
.sed-top h4 { font-size: 1em; }
p.footer-in { font-size: 1.2em; width: 100%; }
p.footer-class { margin: 2em 0; font-size: .9em; }
.footer { padding: 2em 0; }
span.menu img { width: 100%; }
.top-nav { width: 15%; }
.logo img { top: -65px; }
.content-middle { padding: 1.5em 0 0; }
}

.margin5{margin:5% 0}
.header-head { margin: 5%; text-align: right; color: #fff; line-height: 1.5; font-weight: 700; font-size: 3.8em; text-shadow: 1px 2px 1px #000; }
.carousel-indicators li { background-color: #5BC0DE; border:none;}
.carousel-indicators .active { background-color: #1B3E5C; }
.img-center { display: block; margin: 0 auto; }


/*Table Styling*/
table {width:100%;}
td { padding: 8px; text-align: center; text-transform: capitalize; border: 1px solid #ccc; }

/*Back to Top Plugin*/
#backTop { width: 35px; height: 35px; padding: 10px; border-radius: 4px; text-indent: -9999px; cursor: pointer; z-index: 999999999; display: none; box-sizing: content-box; -webkit-box-sizing: content-box; }
#backTop.black { background: url(../images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8); border: 1px solid #ccc; }

.carousel-inner > .item > a > img, .carousel-inner > .item > img { margin: 0 auto; }