/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*Override Body Background Color*/
body{
  margin:0px;
  padding:0px;
  background-color:#fdfdfd !important;
  font-family: roboto !important;
}


/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}
 
/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
 
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    /*text-align: center;*/
    border-bottom: 1px solid #e5e5e5;
    background-color: #eee;
    border-bottom: 0;
    border-radius: 10px;
    padding-top: 0px;
    margin-top: 0px;
   
}
.jumbotron {
  padding: 14px 24px;
  font-size: 21px;
  padding-bottom: 10px !important;
 
}

.jumbotron h1{
	font-size:42px !important;
}

@media screen and (max-width:768px){
  	.jumbotron h1{
		font-size: 35px !important;
	}
}

/*.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}*/

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
    border-radius: 0 !important;
    padding-top: 30px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8 !important;
  }
  
  .jumbotron h1{
      font-size:42px !important;
  }
  
}

.col-md-6{
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}
.shift{
  margin: 20px 0 30px 20px !important;
}
img{
  margin-right: 20px;
}
.NavigationButton {  
  display: inline-block;  
  width: 228px;  
  color: #8d8d8d;  
  border-right-width: thick;  
  border-right-style: solid;  
  border-right-color: #e6e6e6;  
  background-image: url("");
  text-align: center;
}

.NavigationButtonRight {  
  display: inline-block;  
  width: 200px;  
  color: #8d8d8d;
}
.MediumLightGreyFontWithoutShadow {  
  font-size: 26px;  
  line-height: 28px;  
  color: #8d8d8d;  
  font-weight: bolder;
}
.spacing{
  margin-top: 50px !important;
}
.one-fourth{
  font-size: 16px !important ;
  text-align:left;
}
.one-fourth-space{
  margin-bottom: 20px !important;
}
.foot{
  border-top: 5px solid #1C3E7F !important;
  margin-bottom: 20px;
}
.TextBoxGreyBackground {  
  display: inline-block;  
  margin-top: 120px;  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 15px;  
  color: White;  
  background-color: rgba(0, 0, 0, 0.2);  
  width: 605px;  -webkit-opacity: 0.99;
  opacity: 0.99;
}


.HeaderWhiteWithShadow {  
  margin-top: 0px;  
  margin-bottom: 5px;  
  font-size: 52px;  
  line-height: 50px;  text-shadow: 4px 4px black;
}
.MediumWhiteFontWithShadow {  
  font-size: 26px;  
  line-height: 28px;  
  font-weight: bolder;  text-shadow: 3px 3px #333333;
}
.uk-panel-box{
  background: none !important;
}
.hero {
  width:auto;
  margin:1rem auto;
  position: relative;
}

.uk-navbar-nav > li > a {
    color: #FFFFFF;
}

.uk-navbar-nav > li > a:hover {
    color: #FFFFFF;
}

.uk-navbar-nav > li.uk-active > a{
  color: #fff;
}
.copy-content{
  font-size: 15px !important;
}
.NavigationButton1 { 
  display: inline-block;
  width: 228px;
  border-left: thick solid #e6e6e6;
  border-right: thick solid #e6e6e6;
}
.new {
    border-bottom: 1px solid #dddddd !important;
    padding-bottom: 25px !important;
}


.front-page{
  margin-top:60px;
  margin-bottom:30px;
}

.front-page1 ul li{
  font-size:16px !important;
  list-style: none;
  line-height: 25px;
}

.tm-headerbar, .tm-navbar, .tm-footer{
  margin-bottom: 5px !important;
  margin-top: 15px !important;
}
.stick-left p{
  text-align:left;
}
.jumbotron-dark {
    border-bottom: 0;
    border-radius: 0 !important;
    padding-top: 30px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #e6e6e6 !important;
    margin-top: 30px !important;
 }

/*CSS*/
.overlay-background{
  	background-color: rgba(0, 0, 0, 0.2);
    color: #fff !important;
    opacity: 0.99;
    padding: 15px;
    text-shadow: 4px 4px black;
}

.overlay-background h1,.overlay-background h3{
  font-weight: bold;
}

.personal{
  margin-left: 8%;
  margin-top: 10%;
  position: absolute;
  width: 40%;
}

.main-wrapper{
  margin-top: 70px; 
  margin-bottom: 25px;
  text-align: center;
}

@media screen and (max-width:978px){
  .overlay-background h1,.overlay-background h3{
    font-weight: 400;
  }
  
  .personal{
    margin-left: 1% !important;
  	margin-top: 2% !important;
    position: relative !important;
    width: 70%;
  }
}

@media screen and (max-width:800px){
  .overlay-background h1,.overlay-background h3{
    font-weight: 400;
  }
  
  .personal{
    margin-left: 0% !important;
  	margin-top: 0% !important;
    width: 100%;
  }
}

@media screen and (max-width:778px){
  .overlay-background h1,.overlay-background h3{
    font-weight: 400;
  }
  
  .personal{
    margin-left: 0% !important;
  	margin-top: 0% !important;
    width: 100%;
  }
  
  .main-wrapper {
    margin-bottom: 10px;
    margin-top: 60px;
    text-align: center;
  }
  
  
}

@media screen and (max-width:766px){
  .NavigationButton1 { 
    display: inline-block;
    width: 228px;
    border: none;
  }
  .NavigationButton { 
    display: inline-block;
    width: 228px;
    border: none;
  }
  .tm-headerbar, .tm-navbar, .tm-footer{
    margin-top: 0px !important;
  }
  .uk-navbar{
    background-color: #cecece !important;
    box-shadow: 0px 0px 2px #000;
  }
}

@media screen and (max-width:481px){
  .personal{
    margin-left: 0% !important;
  	margin-top: 5% !important;
    margin-bottom: 5% !important;
    width: 100%;
  }
  .overlay-background{
  	background-color: #EEEEEE;
    padding: 15px;
    color: #333333 !important;
    text-shadow: 0 0 !important;
  }
}

@media screen and (max-width:641px){
  .personal{
    margin-left: 0% !important;
  	margin-top: 5% !important;
    margin-bottom: 5% !important;
    width: 100%;
  }
  .overlay-background{
  	background-color: #EEEEEE;
    padding: 15px;
    color: #333333 !important;
    text-shadow: 0 0 !important;
  }
  .NavigationButton { 
    display: inline-block;
    width: 228px;
    border: none;
    margin-top: 40px;
  }
  .main-wrapper {
      margin-bottom: 10px;
      margin-top: 0;
      text-align: center;
  }
}

@media screen and (max-width:320px){
  .overlay-background h1,.overlay-background h3{
    font-weight: normal !important;
  }
  .overlay-background h1{
    font-size: 25px !important;
  }
  .overlay-background h3{
    font-size: 15px !important;
  }
}

.preheader {
   background-color: #f3f3f3 !important;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 300;
    height: 45px;
    line-height: 1px;
    /*padding-top: 8px;*/
    text-align: right;
}

.preheader li {
    color: #7d8f95;
    display: inline-block;
    font-size: 16px;
    padding-left: 30px;
  	margin-top: -38px;
   /*vertical-align: middle;*/
}

.preheader li a:hover{
  text-decoration: none;
}

.preheader li.chat{
  /*margin-top: -28px !important;*/
}

.preheader li img{
  width:75px !important;
}

/*
.preheader li img{
  margin:10px 0 0 !important;
  vertical-align: middle !important;
}

.preheader .phone ul{
  margin-top: 0px !important;
}
*/

.btn-success{
  background-color: #00733B !important;
  border-color: #00700B !important;
  color: #fff;
}

.btn-success:active,.btn-success:hover{
  background-color: #028946 !important;
  border-color: #027A3E !important;
  color: #fff;
}

@media screen and (max-width:420px){
  .preheader {
      display:none;
  	}
}



.header {
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #e7e7e7;
    font-weight: 300;
    height: 69px;
    /*padding-top: 15px;*/
    text-transform: uppercase;
}

.header .logo {
    float: left;
    /*padding-right: 94px;*/
  	width: 400px;
}

.header ul {
    float: left;
    padding-top: 25px;
  	font-size: 16px;
}

.header li {
    display: inline-block;
    padding-right: 60px;
}

.header li a:hover{
  text-decoration: none !important;
}

.header a.active {
    color: #3280b8;
    /*font-family: proximanova;*/
    font-weight: 700;
}
.header a {
    color: #3f484b;
  	text-decoration: none;
}

.header .signup {
    display: inline-block;
    float: right;
    padding-right: 0;
    padding-top: 15px;
}

.header .signup a.btn-primary {
    background-color: #77c13d;
}

.header .signup a {
    background-image: none;
    border-top: medium none;
    color: #fff;
    font-size: 14px;
    padding: 3px 15px;
    position: relative;
    top: -2px;
}

.header .login {
    display: inline-block;
    float: right;
    font-size: 14px;
    padding-right: 19px;
    padding-top: 25px;
}

.header .login a {
    color: #77c13d;
}

.health_header{
 padding:0px !important; 
}

.preheader .phone ul{
  	margin-left: 35px !important;
    margin-top: -30px !important;
}

.slider-body{
  padding: 0px !important;
  width:100%;
  margin-top: -30px;
}

.slider-content{
  height: 564px;
  padding-top: 76px !important;
}

.uk-pagination{
  display: none;
}

.banner-body{
  width:100%;
  padding:0px;
  margin-top:-29px;
}

.banner-body img{
  margin-left:auto;
  margin-right:auto;
}

@media screen and (min-width:767px){
  .align-slider{
  	margin-left: 55px;
	}
}

.contact-us img{
  margin-right: 0px !important;
}