/* Common Styles */

.clear {

  clear: both;

}

 /* pagination */

.page-numbers{

   display: inline-block;

   padding-left: 0;

   margin: 20px 0;

   border-radius: 4px

}

.page-numbers>li {

    display: inline

}

.page-numbers>li>a,

.page-numbers>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #337ab7;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd

}

.page-numbers>li:first-child>a,

.page-numbers>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px

}

.page-numbers>li:last-child>a,

.page-numbers>li:last-child>span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px

}

.page-numbers>li>a:focus,

.page-numbers>li>a:hover,

.page-numbers>li>span:focus,

.page-numbers>li>span:hover {

    z-index: 2;

    color: #23527c;

    background-color: #eee;

    border-color: #ddd

}

.page-numbers>li>a.current,

.page-numbers>li>a.current:focus,

.page-numbers>li>a.current:hover,

.page-numbers>li>span.current,

.page-numbers>li>span.current:focus,

.page-numbers>li>span.current:hover {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #337ab7;

    border-color: #337ab7

}

.page-numbers>.disabled>a,

.page-numbers>.disabled>a:focus,

.page-numbers>.disabled>a:hover,

.page-numbers>.disabled>span,

.page-numbers>.disabled>span:focus,

.page-numbers>.disabled>span:hover {

    color: #777;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd

}

 

.navbar-inverse{

  background-color: #f2f2f2;

  border-color: #f2f2f2;

  height: 90px;

}



.navbar{

  border-radius: 0;

}

.navbar-header{

  margin-top:10px;

}

.nav > li > a{

  height: 89px;

  font-size: 16px;

  padding: 30px 25px;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{

  background-color: #014c8f;

    color: #fff;

}

.navbar-inverse .navbar-brand{

  color: #414042;

  font-size: 24px;

}

.navbar-default .navbar-brand {

  color: #014c8f;

}

.navbar-brand{

  padding: 0;

  height: auto !important;

  line-height:normal !important;

}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{

  color: #000;

}

.caption{

    padding-left: 20px;

  color: #2e2e2e;

  font-size: 16px;

}

a:focus, a:hover{

  text-decoration: none;

}

.navbar-inverse .navbar-nav > li > a{

  color: #414042;

}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{

  color: #808285;

}

.navbar-default{

  border:none;

}

.navbar-default .navbar-nav > .hover > a, .navbar-default .navbar-nav > .hover > a:hover{

background-color: #000;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus{

  background-color: #014c8f;

  color: #fff;

}

.navbar-default .navbar-nav > .active > a:hover{

  color: #fff;

  background-color: #900000;

}

.col-md-2 {

   width: 20%;

}





/* Search result page */

.btn-download-medal {

  margin: 20px 0 0 0;

}



/* Upload Photo/photo detail page */

.profile-photos {

  width: 100%;

}

.profile-photo-wrap {

  margin: 0 0 15px 0;

}

.profile-photo {

  width: 120px;

  padding: 0 10px 5px 0;

  float: left;

}

.profile-photo img {

  width: 100%;

}

.photo-details {

  padding: 0 0 0 140px;

}

.photo-details table tr td:nth-child(1) {

  width: 28%;

  padding: 0 1%;

  font-weight: bold;

}

.photo-details table tr td:nth-child(2) {

  width: 68%;

  padding: 0 1%;

}

.profile-add-photo-wrap {

    width: 100%;

}

.profile-add-photo {

    width: 120px;

    float: left;

}

.profile-add-photo-details {

    padding: 0 0 0 140px;

}

.photo-modal {

    position: relative;

    overflow-y: auto;

    max-height: 400px;

    padding: 15px;

}

#photoform input[type='text'],

#photoform textarea {

  width: 98%;

}







@media screen and (max-width: 991px) {

  .col-md-2 {

     width: 100%;

  }

  .profile-download-medal {

    text-align: center;

  }

}

img{}

/*

Code snippet by maridlcrmn for Bootsnipp.com

Follow me on Twitter @maridlcrmn

*/

.imgbnr{

  padding: 10px;

  

}

.navbar .navbar-collapse .navbar-right > li:last-child, .navbar .navbar-collapse .navbar-right > li:last-child{

  padding-left: 0;

}

.infobar1{

  background-color: #0fcabf;

/*   margin-left: 1%;*/

  width: 99.4%; 

  float: left;

  font-size: 29px;

  padding:20px;

  color: #fff;

}

.srch{

  background-color: #ebebeb;

 width: 99.4%; 

  float: left;

  text-align:center;

  padding-top:10px;

  padding-bottom:10px;

  color: #000;

}

.imgbx{

  width: 20%;

  padding: 10px 0 10px 0;

  float:left;

}

.imgbxinr{

  padding-right: 10px;

  width: 100%;

}



.srchbr{

  padding: 20px;

  font-size: 16px;

}

.srchbrbtn{

  padding: 20px;

  background-color: #004c8e;

  font-size: 16px;

  color: #fff;

  font-weight:800;

  border-radius: 0;

}



.srchcnt{

  text-align: center;

    font-size: 16px;

  font-weight: 20px;

  padding-top: 20px;

  line-height: 20px;

}









/* .infobar2{

  background-color: #0fcabf;

  width: 49%;

  float: left;

  font-size: 30px;

}

 */



.navbar-right{

  margin-right: 0;

}

.navbar-brand { position: relative; z-index: 2; }



.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }



.navbar .navbar-collapse { position: relative; }

.navbar .navbar-collapse .navbar-right > li:last-child {/*  padding-left: 22px;  */}



.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }

.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }

.navbar.navbar-inverse .nav-collapse { background-color: #222; }

.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }

.nav-collapse>li { float: right; }



.btn.btn-circle { border-radius: 50px; }

.btn.btn-outline { background-color: transparent; }



@media screen and (max-width: 867px) {

    .navbar .navbar-collapse .navbar-right > li:last-child { /* padding-left: 15px; */ /* padding-right: 15px; */ } 

    

    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }

    .navbar .nav-collapse .navbar-form { margin: 0; }

    .nav-collapse>li { float: none; }

}



/* SEARCH  */



.add-on .input-group-btn > .btn {

  border-left-width:0;left:-2px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

/* stop the glowing blue shadow */

.add-on .form-control:focus {

 box-shadow:none;

 -webkit-box-shadow:none; 

 border-color:#cccccc; 

}

.form-control{width:20%}

/* .navbar-nav > li > a {

  border-right: 1px solid #ddd;

  padding-bottom: 15px;

  padding-top: 15px;

}

.navbar-nav:last-child{ border-right:0} */

/* .navbar-nav > li > a {

  border-right: 1px solid #ddd;

  padding-bottom: 15px;

  padding-top: 15px;

}

.navbar-nav:last-child{ border-right:0}



 */



 

 

 .ftrcls{

  background-color: #f2f2f2;

  text-align: center;

  padding-top: 20px;

 /*  position: absolute; 

  left: 0 ; right: 0; bottom: 0;  */

  height:100px;

  width: 100%;

 }

 

 .test {

  position: relative;

  width: 50%;

}



.image {

  display: block;

  width: 100%;

  height: auto;

}



.overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: .5s ease;

  background-color: #008CBA;

}



.test:hover .overlay {

  opacity: 1;

}



.text {

  color: white;

  font-size: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

}

.srchstyle input{

  width: 100%;  

}

.add-on .input-group-btn > .btn{

  background-color: #014c8f;

  color: #fff;

}

.txtal{

  text-align:center;

  margin-top: 15px;

  margin-bottom: 15px;

}

.txtalsocial{

  text-align: left;

  padding-top: 28px;

  padding-bottom: 15px;

}

.txtalnews{

/*   text-align: right; */

  float: right;

  padding-top: 15px;

  padding-bottom: 15px;

}



h4{

  font-size: 17px !important;

  line-height: 22px;

}

h2{

  font-size: 28px;

  font-weight: bold;

}



.srchfnt{

  font-size: 26px;

  font-weight: bold;

}

.caption1{

  font-size: 30px;

  line-height: 40px;

}

.caption2{

  float:right;

  color: #fff;

  font-size: 25px;

  font-weight: bold;

  line-height: 40px;

}



.pagehead{

  color: #0fcabf;

  font-size: 30px;

  font-weight: bold;

}



@media screen and (max-width: 1120px) {

.caption2{

  text-align:center !important;

  width: 100%;

}

.caption1{

  text-align:center !important;

  width: 100%;

}

.infobar1{

  text-align: center;

}

}

@media screen and (max-width: 768px) {

  .input-group{

    width: 100% !important;

  }

  .form-control::-moz-placeholder{

   font-size: 16px !important;

  }

  .form-control::-webkit-input-placeholder {

  font-size: 16px;

}  

}



p{

  font-size: 16px;

  line-height: 28px;

}

.srchresult{

  margin-top: 20px !important;

  border: 1px solid #a7a9ac;

  width: 900px;

  padding: 30px 20px 30px 20px;

  height: auto;

  overflow:hidden;

}

.srchresultwi{

  line-height: 24px;

  margin: 0;

  width: 100%;

}



.srchresult h2 {

 margin-top: 0;

}

.srchresult .tabl2 p {

 margin: 0;

}



.srresultimg{

  margin-left: auto;

  margin-right: auto;

 float: right; 

 text-align: center;

 font-weight: 700;

 font-size: 16px;

 margin-top: -50px;

}

.srch-re-head{

  font-weight: 700;

  font-size: 16px;

}

.s-width{

  width: 25%;

  float: left;

}

@media screen and (max-width: 660px) {



.s-width{

  width: 100%;

  float: left;

}

}



.s-widthbtn{

  width: 100%;

  float: left;

}

.srchresultone{

  overflow: hidden;

  float: left;

  clear: both;

  min-width: 200px;

}

.tst{

  float: left;

}

.spacetp{

  margin-top: 5px;

  margin-bottom: 5px;

}





@media screen and (max-width: 500px) {

/* td {display:block; box-sizing:border-box; clear:both;}

th{display:none;} */



}

.tabl1{

  float:left;

  width: 70%;

}

.tabl2{

  float:right;

  vertical-align: middle

  width: 30%;

}

/* .tbl img{

    vertical-align: middle;

} */

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

  .tabl1, .tabl2{

    width: 100%;

  }

  .tabl2 {

    text-align: center;

  }

  table{

    width: 600 !important; 

  }

  .btn-download-medal {

    margin-bottom: 20px;

  }

}





@media screen and (max-width: 700px) {

table{

  width: auto !important; 

}

}

@media screen and (max-width: 500px) {

  

  table{

    width: auto !important;

    overflow: hidden;

  }

  

}







/*  subscription */



.home-newsletter {

padding: 80px 0;

background: #f84e77;

}



.home-newsletter .single {

max-width: 650px;

margin: 0 auto;

text-align: center;

position: relative;

z-index: 2; }

.home-newsletter .single h2 {

font-size: 22px;

color: white;

text-transform: uppercase;

margin-bottom: 40px; }

.home-newsletter .single .form-control {

height: 50px;

background: rgba(255, 255, 255, 0.6);

border-color: transparent;

border-radius: 20px 0 0 20px; }

.home-newsletter .single .form-control:focus {

box-shadow: none;

border-color: #243c4f; }

.home-newsletter .single .btn {

min-height: 50px; 

border-radius: 0 20px 20px 0;

background: #243c4f;

color: #fff;

}

.form-fields-wrap {

  width: 66%;

  float: right;

}

.form-cntrl-news{

  font-size: 12px;

  height: 35px;

padding-left: 20px !important;

}

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

  .form-fields-wrap {

    width: 100%;

    float: none;

  }

  .txtalsocial{

    float: left;

    width: 50%;

  }

}



@media screen and (max-width: 700px) {

  .form-cntrl-news{

    width: 100%;

    }

  .txtalsocial{

    text-align: center;

    width: 100%;

  }

  .txtalnews{

    float:none;

  }

}





.btn-theme{

  color: white;

  background-color: #1ea0f0;

}

.loader {

  border: 16px solid #f3f3f3;

  border-radius: 50%;

  border-top: 16px solid #3498db;

  border-bottom: 16px solid #3498db;

  width: 120px;

  height: 120px;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

}



@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



/* New inline */



@font-face {

   font-family: logo;



   src: url(../fonts/eras-bold-itc-5913fcf072efa.ttf);

   } 

   @font-face {

   font-family: bodyfnt;

   src: url(../fonts/911Fonts.com_CenturyGothicRegular.ttf);

   }

   .logo{

   font-family: logo;

   font-size: 24px;

   padding-top: 10px;

   padding-left: 20px;

   }

   body{

   font-family: bodyfnt;

   }

   input{

   width: 100%;

   padding-left: 5px;}

   .navbar-form .input-group{

   width: 70%; }

   .search-page-container .navbar-form .input-group{

   width: 80%; }

   .navbar-form .input-group > .form-control{

   <!-- padding: 25px; -->

   }

   .add-on .input-group-btn > .btn{

  <!--  padding: 15px; -->}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){

height: 70px;}

.add-on .input-group-btn > .btn{

height: 70px;}

/* .form-control::-moz-placeholder, .form-control::-webkit-placeholder, {

font-size: 22px;

padding-left: 20px !important;

background-image: url("../img/searchicon.png");

background-repeat: no-repeat;

} */

.form-control::-moz-placeholder{

font-size: 22px;

padding-left: 20px !important;

/* background-image: url("../img/searchicon.png"); */

background-repeat: no-repeat;

}



#srch-term{

padding-left: 50px;}

.add-on .input-group-btn > .btn:hover{

background-color: #900000;

}



@media screen and (max-width: 450px) {

 .logo{

   font-family: logo;

   font-size: 20px;

   padding-top: 10px;

   padding-left: 20px;

   }

   



}

@media screen and (max-width: 400px) {

 .logo{

   font-family: logo;

   font-size: 16px;

   padding-top: 10px;

   padding-left: 20px;

   }

   

}



/* Styling for responsive service records table */

table.service-records {

 width: 100%; 

 border-collapse: collapse; 

}

/* Zebra striping */

.service-records th {

 font-weight: bold;

}

.service-records td, .service-records th {

 padding: 2px 6px;

 text-align: left;

 word-break: break-word;

}

.service-records th:nth-of-type(1),

.service-records td:nth-of-type(1) {

 width: 25%;

}

.service-records th:nth-of-type(2),

.service-records td:nth-of-type(2) {

 width: 25%;

}

.service-records th:nth-of-type(3),

.service-records td:nth-of-type(3) {

 width: 50%;

}



/* 

Max width before this PARTICULAR table gets nasty

This query will take effect for any screen smaller than 760px

and also iPads specifically.

*/

@media 

only screen and (max-width: 760px),

(min-device-width: 760px) and (max-device-width: 1024px)  {



/* Force table to not be like tables anymore */

table.service-records,.service-records thead,.service-records tbody,.service-records th,.service-records td,.service-records tr {

display: block;

}



/* Hide table headers (but not display: none;, for accessibility) */

.service-records thead tr { 

position: absolute;

top: -9999px;

left: -9999px;

}



.service-records tr {

   border-bottom: 1px solid #ccc;

   padding: 5px 0 10px 0;

 }



.service-records td { 

/* Behave  like a "row" */

border: none; 

position: relative;

padding-left: 45%; 

}



 .service-records td:nth-of-type(1),

 .service-records td:nth-of-type(2),

 .service-records td:nth-of-type(3) {

   width: 100%;

 }

.service-records td:before { 

/* Now like a table header */

position: absolute;

/* Top/left values mimic padding */

top: 2px;

left: 2px;

width: 35%;

padding-right: 10px;

white-space: nowrap;

   font-weight: bold;

}



/*

Label the data

*/

.service-records td:nth-of-type(1):before { content: "Regimental No"; }

.service-records td:nth-of-type(2):before { content: "Rank"; }

.service-records td:nth-of-type(3):before { content: "Regiment"; }

}







@media 

only screen and (max-width: 460px), (max-device-width: 460px)  {



/*

Label the data

*/

.service-records td:nth-of-type(1):before { content: "Reg No"; }

}



/* new */





@media screen and (max-width: 500px) {

    .form-control::-moz-placeholder, {

     color: transparent !important;

  }

  

  .form-control::-webkit-input-placeholder {

     color: transparent !important;

  }

  .col-md-6{     position: static;}

  

}



@media screen and (max-width: 415px) {

  .service-records td::before {

    width : 100% !important;

  }

  .logo{

    font-size: 20px !important;

  }  

  .form-control::-moz-placeholder{

     color: transparent !important;

  }

    .col-md-6{     position: static;}

   .form-control::-webkit-input-placeholder {

     color: transparent !important;

  }

 

}

@media screen and (max-width: 370px) {

     .col-md-6{     position: static;}

  .logo{

    font-size: 18px !important;

  }

  .form-control::-webkit-input-placeholder {

     color: transparent !important;

  }



.form-control::-moz-placeholder{

     color: transparent !important;

 

  }  

}



@media screen and (max-width: 450px) {

img.nwtest {

    width: 278px;

}

}



@media screen and (max-width: 350px) {

  

  img.nwtest {

    width: 250px;

}





  .form-control::-moz-placeholder{

      color: transparent !important;

  }

    .col-md-6{     position: static;}

  .logo{

    font-size: 16px !important;

  }  

}

@media screen and (max-width: 330px) {

  .form-control::-webkit-input-placeholder {

     color: transparent !important;

  }

    .col-md-6{     position: static;}

    .form-control::-moz-placeholder{

     color: transparent !important;

  }

  .logo{

    font-size: 15px !important;

  }  

  .caption{

    font-size: 14px;

  }

}



.btn.focus, .btn:focus, .btn:hover{

color: #eee !important;

}



.errorBorder

{

      border: solid 5px red;

}

.col-md-9.s_result {

   border-bottom: 1px solid #eee;

   margin-bottom: 20px;

}

    

.pagehead_blog {

    color: #f14d41;

    font-size: 30px;

    font-weight: bold;

}



.form-control::-webkit-input-placeholder {

font-size: 22px;

padding-left: 20px !important;

/* background-image: url("../img/searchicon.png"); */

background-repeat: no-repeat;

}



#srch-term {

   font-size: 22px;

}



input[type=checkbox],input[type=radio] {

zoom: 1.5;

}

.modal-title {

   background-color: #f8f8f8;

}



.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

   /* color: #333;

   background-color: transparent; */

   color: #fff;

   background-color: #900000;

}



@media screen and (max-width: 400px) {

.form-cntrl-news{

  color: transparent  !important;

}

.form-cntrl-news::-webkit-input-placeholder{

  color: transparent  !important;

}

}



@media screen and (max-width: 768px){

.profile-add-photo-wrap .col-md-5{

float: left;

width: 100%;

}

.profile-add-photo-wrap .col-md-7{

float: left;

width: 100%;

}

.col-md-9.s_result{

float:left;

}

}

.masonry-column {

  padding: 0 1px;

}



.masonry-grid > div .thumbnail {

  margin: 10px;

  border-radius: 4px;

}



.thumbnail{

/*   border: none; */

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);

}



.new img{

  border-radius: 4px;



}





/* Comment Form */

.comment-respond label {

 display: block;

}

.comment-respond input {

 width: 100%;

}

.comment-respond textarea {

 max-height: 95px;

 width: 100%;

}

@media screen and (max-width: 900px) and (min-width: 600px) 

{

 .comment-respond input {

   width: 80%;

 }

 .comment-respond textarea {

   width: 80%;

 }

}

@media screen and (min-width: 901px) 

{

 .comment-respond input {

   width: 70%;

 }

 .comment-respond textarea {

   width: 70%;

 }

}

.listCatBlog .categories{

    font-size: 28px;

    list-style: none;

    font-weight: bold;

}

.listCatBlog .categories ul{

    font-size: 14px;

    font-weight: normal;

}

.widgetCustom li, .widgetCustom a, .widgetCustom p{

    font-size: 14px !important;

    font-weight: normal !important;

    line-height: 1.5 !important;

}

.widgetCustom h1, .widgetCustom h2{

    font-size: 24px !important;

    font-weight: bold !important;

    

}

.widgetCustom h3{

    font-size: 18px !important;

    font-weight: bold !important;

}

.widgetCustom .tag-cloud-link{

    font-size: 8pt !important;

}

.featuredThumb img{

   max-width: 100%;

   height: auto;

}