/* CSS Document */
body {
background: #fff; font-family: 'Open Sans', sans-serif;
color:#3e4955; font-size:15px; line-height:25px; font-weight: 400;}

body.home li.home > a,
body.about li.about > a,
body.infrastructure li.infrastructure > a,
body.components li.components > a,
body.achievements li.achievements > a,
body.contact li.contact > a{ background: #f16f6f; color:#fff;}

.fr{float:right;}/* float right */
.fl{float:left;}/* float left */
.m-top{margin-top:55px;}
.no-margin {margin: 0px;}
.padding-LR-0{ padding-left:0; padding-right:0;}
.padding-L-0{ padding-left:0;}
.padding-R-0{ padding-right:0;}

.img-border{ border:#e8e8e8 solid 4px;}
.margin-b{margin-bottom: 30px;}

.fold  {position: absolute; bottom: 30px; right: 15px; width:25px; height:25px; display:block; background:url(images/fold.png) no-repeat right}

ol,ul{list-style:none; padding:0; margin:0;}

.red-arrow{ padding:0; text-align:left; margin-bottom:24px;}
.red-arrow li{margin:0px 0px; padding:5px 0px 0px 10px; background: url(images/red_arrow.png) 0px 12px no-repeat; text-align:left;}

.black-arrow{ padding:0; text-align:left; margin-bottom:30px;}
.black-arrow li{margin:0px 0px; padding:8px 0px 0px 30px; background: url(images/black_arrow.png) 0px 10px no-repeat; text-align:left;}

/*------------ Typography--------------*/
h1{font-size:40px; color:#000000; font-weight:400; line-height: normal; text-transform: uppercase; margin-bottom:20px;}
h2{font-size:35px; color:#000000; font-weight:400; line-height: normal; text-transform: uppercase;}
h3{font-size:25px; color:#e44e52; font-weight:600; line-height: normal; text-transform: uppercase;}
h4{}
h5{}

.semi-b{ font-weight:600}
.bold{font-weight:700}

p {line-height: 24px; margin-bottom: 20px; font-size:14px;}
strong, b {font-weight: 700;}
p.big{font-size:15px; line-height:27px; font-weight:400; letter-spacing:0.5pt;}

a {text-decoration:none; 
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; outline: 0;}
a:hover {text-decoration:none; outline: 0;}

a.more-btn-red{background-color:#e44e52; color:#FFFFFF; font-size:14px; text-transform:uppercase; padding:7px 17px;}
a.more-btn-red:hover{background-color:#454545; color:#e44e52; border-radius:18px}


#HeaderNav{border-radius: 0px; box-shadow: none; background-color:#FFFFFF}
#HeaderNavInner{min-height:98px; border-radius: 0px; box-shadow: none; background:#FFFFFF;}

#HeaderNavInner{
-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/*------------ Navigation--------------*/
.navbar-brand {padding: 20px 0 15px;}

.navbar-default{background: url(images/header-bg.png);  border:none; max-width:1366px; margin:auto;}
.navbar-collapse {padding-right: 0px; padding-left:0px;}
.navbar-default .nav li a {background:transparent; font-size: 14px; color: #586077;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

.navbar-nav > li > a {padding-top: 40px; padding-bottom: 40px; padding-left:15px; padding-right:15px; }
.navbar-default .navbar-nav > li > a:hover {color: #fff; }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {outline: 0; background: #f16f6f; color:#fff;}
.navbar {margin-bottom:0px; border-radius: 0px;}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover 
{ background: #f16f6f; color:#fff;}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover
{background-color: #fff;}

.navbar-collapse.in {overflow-y:inherit;}


/* Nav open a*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff; background-color: #c51f1f;
}

/* Dropdown start from left*/
.navbar-right .dropdown-menu {
    right: auto; left: 0;
}

/* Dropdown*/

.dropdown-menu {
left: 0px;
float: left;
padding: 0px 0px;
padding-top: 5px;
margin: 0px 0px 0px;
font-size: 10px;
background-color:#1e283a;
border: none;
border-radius: 0px;
min-width: auto;
box-shadow: none;
}
.dropdown-menu li a {color: #fff !important; padding: 4px 15px; padding-top:5px; padding-bottom:5px; font-size:13px !important; text-transform:none !important;}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{border-bottom:none !important; color:#fff !important;}

/*-- For Dropdown open on hover -*/
.dropdown-submenu:hover > .dropdown-menu { display: block;}
.dropdown:hover > .dropdown-menu { display: block;}

/*------Sections------*/
.container-fluid{ max-width:1366px; margin:auto;}
.gray-sec{background:#f2f2f2; padding-top:60px; padding-bottom:50px;}
.white-sec{background-color:#fff; padding-top:50px; padding-bottom:50px;}

/*-----Inner Banner------*/
.inner-banner {background:#1e283a url(images/mission-bg.jpg) no-repeat center; background-size: cover; padding-top:30px; padding-bottom:30px;}
.inner-banner h2{ color:#fff; margin-top:0px; margin-bottom:0px;}

/*-----mission sec------*/
.mission-sec {background:#1e283a url(images/mission-bg.jpg) no-repeat center center; background-size: cover; text-align:center; padding-top:60px; padding-bottom:50px}
.mission-sec h2{ color:#eb4f5c; margin-top:0px; margin-bottom: 30px;}
.mission-sec p{ color:#FFFFFF; margin-bottom:30px; font-size:30px; line-height:48px; font-weight:400; }
.mission-sec a.round-btn{color:#242529; font-size:14px; width:120px; display:block; text-transform:uppercase; margin:auto; background: #fff; padding:7px 18px;}
.mission-sec a.round-btn:hover{  background: #eb4f5c;border-radius: 30px; color:#FFFFFF;}

.mission-sec .inner h3{ font-size:25px; font-weight:400; color:#eb4f5c; margin-top:20px; margin-bottom: 10px;}
.mission-sec .inner p{ color:#FFFFFF; margin-bottom:15px; font-size:15px; line-height:28px; font-weight:400; }

.about-sec .photo img{ margin:auto}
.about-sec .photo{margin-top: 5px; margin-bottom: 25px; text-align:center; }
.about-sec .photo h4{color:#e44e52; letter-spacing:0.5pt;}

/*-----contact us-----*/
/*.contact input,textarea{width: 60%;
margin: 5px 0px;
border: 1px solid #ccc;
background-color: #F4F4F4;
padding: 5px 0px;
shodow: 0px 0px 5px 0px; margin-bottom: 20px;}
.contact label{font-weight: normal; width:40%; float: left;}
.contact h5{color:#e44e52;}
.contact .m-left{margin-left:40%;}
.contact .m-left input{background: #e44e52;color:#fff;}
.contact .m-left input:hover{color:blue;transition: 1s;}*/
.contact h5{color:#e44e52;}
/*-----Footer-----*/

#Footer{background:url(images/footer-bg.png); padding:40px  0 20px 0; text-align:center;} 

#Footer p{color:#e7e7e8; font-weight:400; font-size:16px;}
#Footer .footer-logo{ margin-bottom:40px;}

#Footer .social { margin-bottom:50px;}
#Footer .social a{ text-align:center; color:#fff; width:55px; height:55px; line-height:55px; font-size:20px; border-radius: 50%;}

#Footer .social a.fb{ background:#eb4f5c; margin-right:25px;}
#Footer .social a.tw{ background:#eb4f5c; margin-right:25px;}
#Footer .social a.gp{ background:#eb4f5c;}

#Footer .social a.fb:hover{ background:#fff; color:#35609f;}
#Footer .social a.tw:hover{ background:#fff; color:#00aced;}
#Footer .social a.gp:hover{ background:#fff; color:#d5452a;}

@media screen and (max-width:767px) {
    .contact .m-left{margin-left:36%;}
}
@media screen and (min-width:768px) and (max-width:991px){
.navbar-brand img {padding: 0px 15px 0px 0px; width:190px;}
.navbar-nav > li > a { padding-top: 33px; padding-bottom: 30px; padding-left: 9px; padding-right: 9px; }
.navbar-default .nav li a { font-size:12px;}
}

@media screen and (min-width:992px) and (max-width:1199px){
.navbar-brand img {padding: 0px 15px 0px 0px; width:250px;}
.navbar-nav > li > a { padding-top: 35px; padding-bottom: 35px; padding-left: 13px; padding-right: 13px; }
}

@media screen and (min-width:1200px) and (max-width:1366px){

}