body{background-color:#E9EAED;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

.container{background-color:#fff;}
.content{padding-top:15px;text-align:justify;}
.contact{text-align:center;}
.img100{width:100%}

/*Header-Footer*/
.footer{background-color:#292929;color:#fff;padding-top:3px;text-align:center;margin-bottom:5px;}
.DSocial{padding-right:15px;padding-top:10px;}
.DBanner{color:#00457C;}
.DBanner img{padding:10px 0;}

.fa-facebook{color:#3C599F;text-shadow:1px 1px 1px #ccc;font-size:2em;padding-right:8px;}
.fa-google-plus{color:#E04006;text-shadow:1px 1px 1px #ccc;font-size:2em;padding-right:8px;}
#twitter_icon{color:#5EA9DD;text-shadow:1px 1px 1px #ccc;font-size:2em;padding-right:8px;}
#pinterest_icon{color:#fff;text-shadow:1px 1px 1px #ccc;font-size:2em;}
#instagram_icon{color:#C8B29B;text-shadow:1px 1px 1px #ccc;font-size:2em;padding-right:8px;}

.content_area{background-color:#f7f7f7;font-family:Arial, Helvetica, sans-serif;padding-bottom:20px;}
.search{padding:0}
.footer-content{text-align:center;color:#fff;margin-top:15px;}

.our_activity>img, .our_activity a>img{padding-top:15px;}
.col-md-3{padding-right:0;}
.panel-body{text-align:left;}
/*Menu*/
.menu{border:0;background-color:#00457C;font-size:20px;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;}
.navbar-default .nav.navbar-nav { display: flex; }
.navbar-default .navbar-nav>li>a{ color:#fff;font-size: 18px;}
.navbar-dafault .navbar-nav >li>a:hover{ background-color:#FF0000;}
.navbar-default .navbar-nav > .active > li>a:focus{ background-color:red;}
.navbar-default .navbar-nav > li>a:hover{ background-color:#003866;color:#fff;}
.navbar-default .navbar-nav > li > a:focus{color:#fff;}

/*css for contact form*/
.contact_header{color:#36A0FF;font-size:27px;padding:10px;}
.bigicon{font-size:35px;color:#36A0FF;}
/*css for overlay*/
.overlay_heading{color:#fff;padding-top:50px;text-align:center;}
.overlay_caption{color:#fff;padding-top:10px;text-align:center;}
.overlay_image{max-width:300px;position:relative;overflow:hidden;}
.overlay{position:absolute;width:100%;height:35%;background:#003366;bottom:0;left:0;transition:.6s;opacity:0;}
.overlay{transform:scale(.5);}
.overlay_image:hover .overlay{transform:scale(1);opacity:1;}

hr.HrHm{background-color:#333;height:3px;}
/* registration form  */
.form-body {height: 100vh;}
.image-container {background: #00457C;}
.side-image {padding: 20px;}
.side-image img {width: 180px;}
.upload-image label{display: flex; flex: 0 0 150px; align-items: center;}
.upload-image{margin: 15px 0 !important;}
.upload-image input{margin-bottom: 0 !important;}
.membership-area {padding: 20px; background: #eee;}
.membership-area .heading {margin-bottom: 20px;}
.membership-area .heading h1{color: #00457C; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 30px;}
.image-container h3 {font-size: 23px; color: #fff; text-shadow: 0 0 3px #000; font-weight: 700; line-height: 29px; margin-top: 5px;}
.membership-area input {width: 100%; outline: 0; border-width: 0 0 2px; margin-bottom: 20px; border-radius: 20px; border: 0; padding: 8px 15px;}
.membership-area label {font-size: 14px; font-weight: 600; margin-bottom: 3px;}
.membership-area i {margin-right: 10px; color: #00457C;}
.membership-area input:focus {outline: 0; border-width: 0 0 2px; border-color: #636464;}
.membership-area input::-webkit-outer-spin-button, .membership-area input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.membership-area input[type="number"] {-moz-appearance: textfield;}
.membership-area .image input{height: 30px; border: 0;}
.submit-btn-wrap .submit-btn {width: 50%; background: #00457C; color: #fff; text-transform: uppercase; font-weight: 600; border: 0; padding: 8px 0; border-radius: 20px; border: 2px solid #00457C; transition: all 0.3s ease-in;}
.submit-btn:hover {background: #fff; color: #00457C; border: 2px solid #00457C;}



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

}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

}
/* Extra small Device. */
@media (max-width: 767px) {
    .form-body {height: auto;}
}
/* SM Small Device :550px. */
@media (max-width: 767px) {
    .form-body {height: auto;}
}