@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800|Open+Sans:300,400');

body{
	font-family: 'Open Sans', sans-serif;
}

p{
	text-align: justify;
	font-size: 15px;
	letter-spacing: 0.8px;
	line-height: 22px;
	margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
} 

ul{ padding-left: 10px }
section{ padding: 40px 0; }
.pb10{padding-bottom: 10px}
/*--------------------------------------------------------*/
header{ position: absolute;z-index: 99; width: 100% }
.navbar-toggle{ margin-top: 20px; }
.navbar-inverse{ background-color: rgba(255,255,255,0.8); border: none; margin-bottom: 0; box-shadow: 0px 0px 35px #555; width: 100%;   }
.header-top{ background-color: #1d69a9;  }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin: 0 }
.navbar-inverse .navbar-toggle .icon-bar{ background-color: #143f63; }
.navbar-brand{ float: none; padding: 0; margin: 0  }
.navbar-brand img{ max-width: 200px; padding: 5px 0;}
.navbar-nav{ padding: 20px 0 }
.navbar-inverse .navbar-nav>li>a{ color: #1d69a9;font-size: 15px; font-weight: 600; padding: 10px }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{background-color: #51aa54; color: #fff; font-weight: 400;border-radius: 15px; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background-color: #51aa54; color: #fff; font-weight: 400;border-radius: 15px; }
.dropdown-menu>li>a{ color: #1d69a9;font-size: 15px; font-weight: 600; padding: 10px  }
.header_left {
  float: left;
  margin: .4em 0 0
}
.header_left ul{ margin-bottom: 5px; padding-left: 0 }
.header_left ul li {
  display: inline-block;
  margin-right: 0.8em;
  font-size: 14px;
  color: #dedede
}
.header_left ul li span {
  padding-right: 1em;
  color: #efefef
}
.header_left ul li a {
  color: #dedede;
  text-decoration: none
}
.header_left ul li a:hover {
  color: #fff
}
.header_right {
  float: right
}
.navbar-right .dropdown-menu{ right: unset!important; }
.social-icons.text-left a {
  display: inline-block
}
.social-icons i {
  font-size: 15px;
  background: transparent;
  padding: 8px 10px;
  color: #fff;
  margin-right: 0.5px; 
  border: 1px solid #ffbebe54;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -moz-transition: 0.5s all
}
.social-icons i:hover {
  background: #fff;
  color: #1d69a9;
  border: 1px solid #efefef;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -moz-transition: 0.5s all
}
.spl-btn{
  background-color: #fef400;
  color: #222; 
  padding: 5px 15px ; z-index: 999999999;
}
.spl-btn:hover {
    background-color: #49a14b;
    color: #fff;
    border: 1px solid #efefef;
    text-decoration: none;
}
.book-btn{
  background-color: #f00;
  color: #fff; 
  padding: 5px 10px ; z-index: 999999999;
   -webkit-animation: pulse 0.8s infinite ease-in-out;
}
.book-btn:hover {
    background-color: #fff;
    color: #444;
    border: 1px solid #efefef;
    text-decoration: none;
}

@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
 }
} 
/*--------------------------------------------------------*/
.carousel-indicators li{ width: 20px; height: 20px;     background-color: #fff ;    border: 3px solid #51aa54}
.carousel-indicators .active{ width: 22px; height: 22px; background-color: #244c25; border-color: #51aa54 }
.item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7); /* For browsers that do not support gradients */
    background: linear-gradient(to left, transparent , rgba(0,0,0,0.7));
}
.item1{ 
	background-image: url(../images/Slider1.jpg);
	background-size: cover;
	min-height: 99vh;
	background-position: center;
	background-attachment: fixed;
 }
.item2{ 
	background-image: url(../images/Slider2.jpg);
	background-size: cover;
	min-height: 99vh;
	background-position: center;
	background-attachment: fixed;
 }
 .item3{ 
	background-image: url(../images/Slider3.jpg);
	background-size: cover;
	min-height: 99vh;
	background-position: top;
	background-attachment: fixed;
 }
 .vertical-text {
  transform: rotate(-90deg);
  }
.banner-info{ 
  position: fixed; right: -6.8%;box-shadow: 0px 0px 30px #555;font-weight: bold; top: 50%;background-color: #fef300; color: #000; padding: 10px 15px; text-align: center; cursor: default; font-size: 15px; letter-spacing: 1px }
.banner-info img{ transform: rotate(90deg); float: right; }
.banner-info:hover{ text-decoration: none; color: #444}
.banner-btn{ padding: 15px 10px; background-color: #1d69a9; color: #fff; border-radius: 5px }
.banner-btn:hover{ border: 1px solid #1d69a9;background-color: rgba(46, 152, 230,0.8); color: #fff; text-decoration: none; }
.carousel-text{ padding: 12% 0 0;z-index: 9; top: 12%; left: 5% ;color: #fff;}
.carousel-text h4{ font-weight: 200; margin-bottom: 25px; text-transform: uppercase; }
.carousel-text h3{  font-size: 4em;font-weight: 700; margin-bottom: 0; margin-top: 10px ; text-transform: uppercase;}
.carousel-text h2{ margin:  0; font-size: 3.4em; font-weight: 400; text-transform: uppercase;}
.carousel-text h1{ margin-bottom: 40px;margin-top: 5px; font-size: 3em; font-weight: 800; text-transform: uppercase; }
/*--------------------------------------------------------*/
.banner-bottom{ background: linear-gradient(90deg, #339ff9, #0c385d); color: #fff}
.banner-bottom img{ padding: 20px 0; }
.banner-btn-blw{ padding: 10px 10px; background-color: transparent; border: 2px solid #fff; color: #fff; border-radius: 5px  }
.banner-btn-blw:hover{ color: #1d69a9; background-color: #fff; font-weight: 600; text-decoration: none; }
.br-white{ border-right: 1px dashed #fff }
.banner-bottom marquee{ margin-bottom: 20px; }
/*--------------------------------------------------------*/
.title{ font-weight: 600; margin-bottom: 0 }
.sub-title{ margin-top: 10px; margin-bottom: 30px; }
/*--------------------------------------------------------*/
.inner-banner{
	background-image: url(../images/inner.jpg);
	background-size: cover;
	background-position: center;	
}
.inner-banner-text{ 
	padding: 14% 0 8%;
}
.inner-banner-text .title{ text-transform: uppercase; letter-spacing: 1.3px;color: #333  }
.inner-banner-text .sub-title{ text-transform: uppercase; font-weight: 600;color: #333 }
.inner-banner-text .sub-title a{ color: #333 }
.no-p{ padding: 0 }
#gallery .no-p{ padding: 1px;  }
.address-grid{ background-color: #1d69a9; margin-bottom: 5px; padding: 15px 0px; color: #e6e6e6; }
.address-grid a{ color: #fff }
.address-grid a:hover{ text-decoration: none; }
.address-grid .fa{ font-size: 50px }
.address-grid .fa-fax{ font-size: 35px; }
.equipment-tab{ margin: 0 auto;box-shadow: 0px 0px 20px #9a9a9a94; min-height: 200px; transition: 0.6s; -webkit-transition: 0.6s;}

.equipment-tab h4{ background-color: #123d61e0; margin-top: 0; padding: 10px 0; font-weight: 400 ; color: #fff }
.equipment-tab p{ padding: 10px 10px; min-height: 175px; color: #666 }
.spl-img{ margin: 0 auto; margin-bottom: 30px }
.unit-div{ background-image: url(../images/unit-img.png); background-position: right bottom; background-repeat: no-repeat; }
#unit{ background-image: url(../images/assisted-living-dispill-packs.jpg); background-position: right top; background-repeat: no-repeat; }
/*--------------------------------------------------------*/
.myfooter{
	background-color: #1d69a9;
  background-image: url('../images/footer-bg.png');
  background-size: cover;
	color: #fff;
	padding: 40px 0 0;
	font-size: 15px;
}
.footer-icon{ position: absolute; right: 0;  }
.myfooter a{ color: #fff; font-size: 16px; }
.myfooter a:hover{ text-decoration: none; }
.myfooter ul{ list-style: none; padding-left: 0 }
.myfooter li{ padding: 3px 0; }
.footer-heading{ font-size: 1.5em; font-weight: 600 }
.address th span{ font-size: 20px; margin-right: 10px; color: #fff; }
.pb3{ padding-bottom: 3px; }
.address .fa{ font-size: 25px }
.hours tr{ margin: 2.5px 0; color: #fff; }
.hours th{ min-width: 100px; font-weight: 400; letter-spacing: 0.8px; text-transform: uppercase; }
.footer-bottom{
	background-color: #143f63;
	padding-top: 15px;
	margin-top: 30px;
}
.phone-icon{ position: absolute; right: 20%; top: 24%; font-size: 25px; color: red}
/*--------------------------------------------------------*/
@media (min-width: 991px) and (max-width: 1024px) and (orientation: portrait){
    .navbar-inverse .navbar-nav>li>a{ font-size: 13px; padding: 10px 5px }
    .item1, .item2, .item3{ min-height: 70vh; }
    .banner-info{ right: -7% }
    .carousel-text{ padding-top: 20% }
    .carousel-text h3{ font-size: 5em; }
    .carousel-text h2{ font-size: 4.4em; }

}
@media (min-width: 2100px) and (max-width: 2560px) and (orientation: landscape){
   .banner-info{     right: -3.5%; }
}
@media (min-width: 1821px) and (max-width: 2100px) and (orientation: landscape){
   .banner-info{     right: -4%; }
}
@media (min-width: 1520px) and (max-width: 1820px) and (orientation: landscape){
   .banner-info{     right: -5%; }
}
@media (min-width: 1200px) and (max-width: 1520px) and (orientation: landscape){
   .banner-info{     right: -5.5%; }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape){
  .navbar-inverse .navbar-nav>li>a{ font-size: 13px; padding: 10px 5px }
  .carousel-text{ padding-top: 20% }
   .banner-info{ right: -8% }

}
@media (min-width: 768px) and (max-width: 991px){
  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
         width: 100%;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
        width: 100%;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait){
  .navbar-brand img{ max-width: 160px; }
  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
         width: 100%;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
        width: 100%;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .carousel-text{ padding-top: 20% }
    .item1, .item2, .item3{ min-height: 70vh; }
    .banner-info{ top: unset; top: 20%; right: -11% }
}
@media (max-width: 480px){
  .carousel-text{ padding-top: 50% }
  .banner-bottom .col-sm-3{ padding: 20px 15px }
  .br-white{  border-right-color: transparent; border-bottom: 1px dashed #fff;}
  .banner-info{ right: -20.5%; position: absolute; }
  .carousel-text h3{ font-size: 3em; line-height: 1.25em; }
  .carousel-text h2{ font-size: 2.5em; line-height: 1.25em; }
  .carousel-text h1{ font-size: 3.5em; line-height: 1.25em; }
  .inner-banner-text{ padding: 50% 0 10%; background-color: rgba(255,255,255,0.6); }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ color: #1d69d9;  }
}
@media (max-width: 380px){
  .banner-info{ right: -21.5%; top: 75%; position: absolute; font-size: 12px }
  .carousel-text{ padding-top: 50%  }
  .carousel-text h3{ font-size: 2.7em; line-height: 1.2em; }
  .carousel-text h2{ font-size: 2.5em; line-height: 1.2em; }
  .carousel-text h1{ font-size: 3em; line-height: 1.2em; }
}