body {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    /*     padding-top: 208px;*/
    color: #4f4f4f;
    background-color: #fff;
}
a:hover {
    text-decoration: none;
}


h1,
h2,
h3,
h4 {
    font-family: 'Lato', sans-serif;
}


h2 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #2488ba;
}

.header-top {
    background: url('../images/header-bg.jpg')no-repeat;
    background-size: 100% 100%;
    height: 145px;
    padding: 0;
    margin: 0;
}
header-mbl {
    background: #fff;
    height: auto;
    display: none;
}

.navbar-default {
/*    background-color: #1f3e5a;*/
    border-color: #1f3e5a;
}

.nav {
    padding-left: 70px;
    margin-bottom: 0;
    list-style: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 18px;
}

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

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

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

.logo {
    margin-left: 53px;
    margin-top: 13px;
}
.contact-top {
    color: #1f3e5a;
    position: relative;
    top: 11px;
}
.contact-top p {
    font-weight: 600;
    line-height: 10px;
    float: right;
}
.socialicon {
    padding-bottom: 10px;
    padding-right: 0px;
    float: right;
    width: 100%;
    text-align: right;
}
.socialicon ul {
    padding-left: 0px;
}

.socialicon li {
    list-style: none;
    display: inline-block;
    padding-left: 0;
}
.follow {
    font-weight: 600;
    top: -9px;
    position: relative;
    font-size: 14px;
}
.carousel-inner .item img {
    width:100%;
}
.home-content {
    padding: 50px 0;
    background-color: #e8f0f4;
}

.home-about {
    padding: 0px 60px 0 0;
    text-align: justify;
}

.cont-head {
    padding-left: 0px;
     
   }
.cont-head li {
    list-style: none;
    display: inline-block;
}

.conti h2 {
    background-image: url('../images/icon-contributor.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 45px;
    margin-right: 20px;
}

.searchcase {
    margin-top: 20px;
}

.search-cases {
    background-color: #fff;
    padding: 14px;
}

.search-cases h2 {
    background-image: url('../images/icon-search-eye.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.support {
    padding: 20px;
}
.carousel-caption {
    font-size: 43px;
    font-family: 'Italianno', cursive;
    left: -25%;
    top: 10%;
    padding-top: 0;
    text-shadow: 0 6px 2px rgba(0, 0, 0, 0.52);
}
.carousel-caption p {
    margin: 0;
    padding: 0;
   }
.capt-left {
    padding-left:250px;
}
/*
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
*/

/*.....testimonial......*/
.testimonial {
padding: 0px 60px 0 0;
}

.testimonial .carousel-indicators {
   bottom: 0px;
    left: 90%;
   
}



.carousel-indicators .active {
    background: #31708f;
}

.content {
    margin-top: 20px;
}

.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.adjust2 {
    margin: 0;
}

.carousel-indicators li {
    border: 1px solid #ccc;
}

.carousel-control {
    color: #31708f;
    width: 5%;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #31708f;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.media-object {
    margin: auto;
    margin-top: 5%;
    margin-bottom: 10%;
}
.testi-people {}
.testi-people img {
    height: 150px;
}

@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}
/*....end.......*/

.app-banner {
    background: url('../images/app-banner.jpg') no-repeat;
    background-size: cover;
    height:100%;
    padding: 0;
    margin: 0;
    background-position: 100% 50%;
}
.bnr-img {
    padding-top: 2px;
}
.app-icon {
    padding: 0;
    margin-top: 10px;
}

.download-app {
    padding-top: 30px;
    color: #fff;
}

.download-app p {
    font-size: 15px;
    font-weight: 100;
}

footer {
    background: #168cbf;
}

.footer-menu {
    color: #fff;
    padding: 15px 0;
    text-align: center;
}

.footer-menu p {
    font-size: 14px;
    font-weight: 100;
}

/*...................contact...................*/

.heading {
    padding: 15px 0;
    background: #e8f0f4;
}
.heading h1 {
    font-size: 30px;
    color: #2488ba;
}
.adress-dtls
{
    padding: 50px 0;
}
.adress-dtls p {
    margin: 0;
}
.smallsize {
    font-weight: 100;
}
.addr-info {
    margin-bottom: 20px;
   
}
.c-form {
    padding: 25px;
}
.c-form input[type="checkbox"] {
     margin: 2px 0 0 !important;
      -webkit-appearance: checkbox;
  appearance: none;
   width: 20px; 
  height: 20px; 
}

.locationform {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #2488ba;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.f-name {
    font-weight: 100;
    font-size: 17px;
}
.btn-default {
    color: #fff;
    background-color: #2488ba;
    border-color: #ccc;
}
.btn-loc {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.locationMap {
    height: 300px;
}
.feedback {
    padding: 25px 0;
}

/*..............History......................*/


.page_content {
    padding: 50px 0;
}
.page_content p {
    text-align: justify;
}
.history-img {
    padding-top: 68px;
}
.history-img h4 {
    text-align: center;
    color: #2488ba;
    font-weight: bold;
}


/*........................News & Events................*/
.news h3,
.people-details h3 {
    color: #2488ba;
    margin-top: 0;
    font-size: 20px;
}
.news h2 {
    margin-top: 0;
}
.day {
    padding-left: 0;
}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 6em;
  height: 6em;
  background-color: #e8f0f4;
  border-radius: 0.6em;
 border: 1px solid #cad7dd;
  overflow: hidden;
}
time.icon *
{
  display: block;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #2488ba;
    border-bottom: 1px dashed #2488ba;
/*  box-shadow: 0 2px 0 #fd9f1b;*/
}
time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}
time.icon span
{
  font-size: 2.1em;
    letter-spacing: -0.05em;
    padding-top: 1.2em;
    color: #2488ba;
}
.read {
    font-size: 13px;
    padding-left: 5px;
    color: #2488ba;
}

/*.................people.................*/
.people-dtls {
    padding: 15px 0;
}

.people-details {
    padding: 0px 30px;
}

.people-details h2
{
    text-align: center;
}
.people-head {
    text-align: center;
}
.people-img {
   padding: 25px 50px;
}
.people-img img {
    border-radius: 50%;
    height: 250px;
    width: 250px;
}
.consultant-info {
    border-left: 1px solid #2488ba;
}

/*...............searchcases..........*/
/*///////gallery/////////*/

.random {
    background: #1f3e5a;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}
.recent {
    background: #0ea4cf;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    margin-left: 5px;
}

.searchbtn {
    padding-top: 15px;
}
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 200px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 200px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
.modal-content {
    
    top: 50px;
}

.skellycontainer {
    float: left;
    position: relative;
    width: 100%;
    height: 620px;
    background-color: #FFFFFF;
    margin-bottom: 75px;
   
}
#skull {
    position: absolute;
    top: 0px;
    left: 155px;
}
#chest {
    position: absolute;
    left: 127px;
    top: 104px;
}
#rightarm {
    position: absolute;
   top: 115px;
    left: 71px;
}
#leftarm {
    position: absolute;
    top: 115px;
    left: 265px;
}
#spine {
    position: absolute;
    top: 195px;
    left: 186px;
}
#pelvis {
    position: absolute;
    top: 243px;
    left: 149px;
}
#rightleg {
    position: absolute;
    top: 293px;
    left: 138px;
}
#leftleg {
    position: absolute;
    top: 293px;
    left: 215px;
}

input[type='radio'] {
    -webkit-appearance:radio;
    width:20px;
    height:20px;
   border: 2px solid #4cbcdb;
    border-radius:50%;
    outline:none;
      
}

input[type='radio']:hover {
    box-shadow:0 0 0px 0px orange inset;
     -webkit-appearance:radio;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
    background:#2488ba;
}
input[type="radio"], input[type="checkbox"] {
    margin: 2px -25px 0px !important;
    margin-top: 1px \9;
    line-height: normal;
}

input, textarea, button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    resize: none;
}


.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; 
}

.search-radio {
    padding-top: 10px;
}
.paddL {
    padding-left: 0;
}
.paddR {
    padding-right: 0;
}
.skelly-buton {
    margin-top: 20px;
    padding: 0px;
}
.video-thumbnail img {
	min-height: 250px;
	max-width: 100%;
}


.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:30px;
  bottom: 0;
  right: 0;
  min-height: 150px;
}
.videolistnew {
  padding:25px 0;
  margin-top: 50px;
 }

.footer-menu a, .footer-menu a:hover, .footer-menu a:focus { 
  color:#fff;
 }
.webinar-message {
  padding:60px;    
  border: 2px dotted #C5C5C5;  
  border-radius:5px;    
  text-align:center;    
  font-size:18px;    
  color:#2D5C86;
}
  

/*--------------------------------------------------*/

@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}











/*............mediaqueries................*/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {

.pop-wrapper {
  max-width:90% !important;      
}
    p,
    .page_content p,
    .download-app p {
   font-size: 14px;
}
    h2 {
    font-size: 20px;
    }
    .header-top {
    background: url('../images/header-bg.jpg')no-repeat;
    width: 100%;
}
    .logo {
    margin-left: 75px;
    width: 50%;
}
    .carousel-caption {
    font-size: 23px;
    }
    
    .search-text {
        margin-top: 70px;
    }
    .testimonial {
        padding: 0;
    }
    .carousel-indicators {
        margin-left: -52%;
    }
    .app-icon {
        margin-bottom: 10px;
    }
    .footer-menu {
       padding: 15px 1px;
    }
    .contact-top {
    color: #1f3e5a;
    position: relative;
    top: 8px;
    font-size: 13px;
    font-weight: 200;
    text-align: center;
}
    .navbar-toggle {
    position: relative;
    float: right;
    padding: 8px 6px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 4px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
    .navbar-nav {
    margin: -0.5px -15px;
}
    .c-form,
    .feedback {
    padding: 25px 10px;
}
    .paddL {
        padding-left: 10px;
    }
    .jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
}
    .search-text {
    margin-top: 30px;
}
     .nav {
        padding-left: 0;
    }
    .help-info {
        padding-left: 0;
     
    }
    .help-info p {
        font-size: 12px;
    }
    .home-about {
        padding: 0;
    }
    .footer-menu p {
        font-size: 13px;
    }
    .download-app h2 {
        font-size: 16px;
    }
    .bnr-img {
        margin-top: 135px;
    }
    .nav > li > a {
        padding: 7px 30px;
    }
    .day {
    padding-left: 19px;
    margin-left: -72px;
    margin-top: 15px;
}
    .time.icon {
    font-size: 0.6em;
    }
    .random,
    .recent {
        padding: 5px 8px;
        font-size: 12px;
    }
    .follow {
        display: none;
    }
    .size {}
    .people-img {
    padding: 25px 20px;
}
    .day {
    padding-left: 8px;
    margin-left: -73px;
    margin-top: 15px;
}
    time.icon {
        width: 4em;
height: 4em;
        
    }
    time.icon * {
        font-size: 15px;
    }
    time.icon span {
    font-size: 18px;
    padding-top: 32px;
    color: #2488ba;
}
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {

.pop-wrapper {
  max-width:90% !important;       
}

    .logo {
    margin-left: 222px;
    width: 25%;
}
    
}

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

.pop-wrapper {
  max-width:90% !important;        
}

	.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 16px;
}
        .logo {
            margin-left: 15px;
            margin-top: 14px;
        }
        .skellycontainer {
            margin-left: -40px;
        }
        .random,
    .recent {
       padding: 4px 4px;
        font-size: 13px;
    }
        .follow {
            font-size: 11px;
        }
        .people-img {
            padding: 25px 0px;
        }
        .people-details {
    padding: 0px 16px;
}
        .adjust1 {
            padding-bottom: 20px;
        }
}
    
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.pop-wrapper {
  max-width:90% !important;        
}

    .nav {
        padding-left: 0px;
    }
    .nav > li > a {
        padding: 10px 12px;
    }
    .logo {
        margin-top: 4px;
    }
    .contact-top {
        text-align: center;
        top: 0;
    }
    .skellycontainer {
        margin-left: -75px;
    }
    .testimonial .carousel-indicators {
    bottom: 0px;
    left: 78% !important;
}
    .random, 
    .recent {
    padding: 4px 2px;
    font-size: 10px;
}
    .contact-top {
    position: absolute;
    left: 320px;
    top: -70px;
    }
    .bnr-img {
    padding-top: 25px;
}
    .testi-people {
    padding: 10px 0px;
}
    .adjust1 {
    min-height: 350px;
}
    
}
.example1 {
 height: 50px;  
 position: relative;
 width: 100%;
 overflow: hidden;
}
.example1 h5 {
 white-space: nowrap;
 font-size: 2em;
 color: #11264b;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 40px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);    
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);       
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}