html {
    min-height: 100%;
    position: relative;
}

body{
    font-family: 'GothamBook', sans-serif;
    background-repeat: no-repeat;
    background-position: center top;
    /*background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
    background-size: 100%;
    margin-bottom: 240px;
}
/**** Login Box ***/

.cm_home > .container{
    margin-top: 92px;
}

.homepage-content-top{
    min-height: 350px;
}
.loginBox{
     background-color: rgba(255, 255, 255, 0.6);
     padding: 10px 35px 10px 35px;
}
.homeDescription{
     background: rgba(255, 255, 255, 0.6);
      padding: 10px 35px 35px;
}
.loginBox label{
    display: inline;
}

.loginBox input {
    height: 46px;
    line-height:46px;
    padding: 0 23px;
}
.loginBox input {
    font-weight:normal;
    width: 100%;
    border:0;
    background-color: #fff;
    color: #333;
    margin-top:8px;
}
.loginBox .userForm input[type=radio],
.radio-selector input[type=radio]{
    width: 30px;
    height: auto;
}
.loginBox .userForm label { font-weight:normal; }
.loginBox .userForm fieldset {display: inline-block; height:auto;}
.forgotPasswordForm input {
    background-color: #ededed;
    color: #222;
}
.loginBox input.login-btn{
    background-color: #ED1C24;
    color: #fff;
    width:152px;
    height:37px;
    line-height:37px;
    margin-right:0;
    text-transform: uppercase;
    float:right;
}
.loginBox .sso-login { text-align: center; margin-top: 10px;}
.loginBox .sso-btn {
    display: block;
    text-transform:none;
    background-color: #ef7724;
    color: #fff;
    line-height: 46px;
    margin-top: 10px;
}
.loginBox input.register-btn{
    background-color: #34319C;
    margin-right:14px;
    margin-left:0;
    color: #fff;
    width:152px;
    height:22px;
    line-height:22px;
    float: left;

}
.loginBox h3 {
    text-transform: uppercase;
    text-align: center;
}

.loginBox .login-helper-links{
    margin: 15px 0px;

}
.loginBox .login-helper-links a{
    color: #111;
    font-size: 0.95em;
    width:50%;
    display:inline-block;
    text-align:center;

}
.loginBox input:disabled {

    opacity: 0.12;

}
.sso_agree_body { padding-left: 30px; padding-right: 30px;}
#legalTextContainer {
    background-color: #fff; font-size: 12px;
    padding:10px 20px 0;
}
.helptext{ color:#666666; font-style:italic;}


	.topbar{
         background-color: white;
         margin-bottom: 15px;

     }
     .picturetile{
         margin-top:10px;
         margin-bottom: 10px;
     }


     .topnav{
          background-color: white;
     }
     .product-desc{
         background-color: white;
     }

     .iconLinks {

        padding: 0 8px;
     }
     .iconLinks a {
        padding: 15px 10px;
     }
     .noborder

.required label{
    color:black;
}
.required input{
    border-left:2px solid red;
}


.product-desc{
    background-color: white;
}


.newsletter_block {
    border-bottom: 1px dotted #7f7878;
    margin: 0;
    padding: 20px 0;
    position: relative;
}
.newsletter_block .title_block, .newsletter_block h4 {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
}
.newsletter_block p {
    padding: 0;
}
.newsletter_block input.inputNew {
}
.newsletter_block .alert-danger, .newsletter_block .alert-success {
}
.valid {
    position: absolute;
    top: 34px;
}
.menu-theme.service-at-work{
	color:#02b0ed;
}
.menu-theme.service-at-home{
	color:#ef3239;
}
.menu-theme.gifts--shopping{
	color:#eb098d;
}
.menu-theme.administration{
	color:#feb018;
}
.menu-theme.leisure{
	color:#ac72b1;
}

/* grid template */
div.table-container
{
    display:    table;
    text-align: center;
    width:      100%;
}

div.table-container.left
{
    text-align: left;
}

div.table-cell-container
{
  display: table-cell;
}
ul.grid{
  padding:0;
  display: inline-block;
  list-style: none;
}

ul.grid li{
    zoom: 1;
    display: inline-block;
    margin:0 15px 15px 0;
    padding: 0;
    text-align: left;
    max-width:340px;
    vertical-align:top;
}

div.hp-service{
    background: rgba(255, 255, 255, 0.6);
    padding:10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    margin-bottom: 24px;
}

div.hp-service .picture {
    margin:0 auto;
}
div.hp-service .descriptionContainer{
    margin: 8px 3px;
}
div.hp-service .descriptionContainer .service-family{
    color:#BFBFBF;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.90em;
}
.service{
    font-size: 1.8em;
}
div.hp-service hr { width: 30px; height:3px; margin:10px auto;}
div.hp-service .descriptionContainer {
    text-align: center;
    text-overflow: ellipsis;
    overflow:hidden;
    height:150px;
}
div.hp-service .descriptionContainer .description {
}

div.hp-service .read-more { display: none;}

div.hp-service .read-more,
 .familylistContainer div.hp-service .read-more{
    color: #fff;
    font-family: "GothamMedium","GothamBook",Arial, sans-serif;
    line-height: 34px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s ease;
    background-color:#3d3935;
}
div.hp-service:hover .read-more,
.familylistContainer div.hp-service .read-more{
    display: block;
 }

a.service-btn{
    color: #fff;
    padding:15px;
    text-transform: uppercase;
}

a.service-btn.daily-life{
    background-color: #3d3935;
}

a.service-btn.special-occasions{
    background-color: #eb098d;
}

a.service-btn.wellness{
    background-color: #92B324;
}

a.service-btn.home-services{
    background-color: #ed1c24;
}

a.service-btn.leisure{
    background-color: #7947CB;
}

a.service-btn.personal-tasks{
    background-color: #F1A100;
}

div.hp-service.services-at-work .read-more, .services-at-work hr,   .services-at-work button.btn-info  { background-color:#02B0ed; }
div.hp-service.services-at-home .read-more, .services-at-home hr,   .services-at-home button.btn-info { background-color:#ed1c24; }
div.hp-service.gifts--shopping .read-more,  .gifts--shopping hr,    .gifts--shopping button.btn-info { background-color:#eb098d; }
div.hp-service.mobility .read-more,         .mobility hr,           .mobility button.btn-info { background-color:#92B324; }
div.hp-service.leisure .read-more,          .leisure hr,            .leisure button.btn-info { background-color:#7947CB; }
div.hp-service.administration .read-more,   .administration hr ,    .administration button.btn-info{ background-color:#F1A100; }
div.hp-service.health--wellness .read-more, .health--wellness hr ,  .health--wellness button.btn-info{ background-color:#92B324; }

div.hp-service.services-at-work .service,   .services-at-work .categoryFilterItem.selected a,   .services-at-work .categoryFilterTitle a{ color: #02B0ed; }
div.hp-service.services-at-home .service,   .services-at-home .categoryFilterItem.selected a,   .services-at-home .categoryFilterTitle a{ color: #ed1c24; }
div.hp-service.gifts--shopping .service,    .gifts--shopping .categoryFilterItem.selected a,    .gifts--shopping .categoryFilterTitle a{ color:  #eb098d; }
div.hp-service.mobility .service,           .mobility .categoryFilterItem.selected a,           .mobility .categoryFilterTitle a{ color: #92B324; }
div.hp-service.leisure .service,            .leisure .categoryFilterItem.selected a,            .leisure .categoryFilterTitle a{ color: #7947CB; }
div.hp-service.administration .service,     .administration .categoryFilterItem.selected a,     .administration .categoryFilterTitle a{ color: #F1A100; }
div.hp-service.health--wellness .service ,  .health--wellness .categoryFilterItem.selected a,   .health--wellness .categoryFilterTitle a{ color: #92B324; }

.services-at-work .categoryFilterItem.selected,   .services-at-work .categoryFilterTitle { border-color: #02B0ed; }
.services-at-home .categoryFilterItem.selected,   .services-at-home .categoryFilterTitle { border-color: #ed1c24; }
.gifts--shopping .categoryFilterItem.selected,    .gifts--shopping .categoryFilterTitle { border-color:  #eb098d; }
.mobility .categoryFilterItem.selected,           .mobility .categoryFilterTitle { border-color: #92B324; }
.leisure .categoryFilterItem.selected,            .leisure .categoryFilterTitle { border-color: #7947CB; }
.administration .categoryFilterItem.selected,     .administration .categoryFilterTitle { border-color: #F1A100; }
.health--wellness .categoryFilterItem.selected,   .health--wellness .categoryFilterTitle { border-color: #92B324; }

.familylistContainer div.hp-service{
    margin-bottom:0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.38);
}

ul.service-list{
  list-style:none;
  margin-top: 20px;

}

ul.service-list li{
  position: relative;
  font-size:16px;
  min-height:100px;
  margin-bottom:15px;
}
ul.service-list li img{
  width:80px;
  height:80px;
  display:inline-block;
    margin-left:12px; margin-top:8px;
}

ul.service-list li p{
  font-size:16px;
  left: 132px;
  top: 50%;
  transform: translate(0, -50%);
  position:absolute;
  display:inline-block
}

/* end grid template */

/*navbar*/
body {
    padding-top: 99px;
}



.navbar{
	min-height:99px;

	border-bottom: none;
}

.navbar-default.header-fixed {

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
    transition: all 0.5s ease;
    z-index: 100;
    background: rgba(255, 255, 255, 0.99);

  }

.navbar > .container-fluid .navbar-brand { width: 40%;}
.navbar .clientLogo {max-height: 50px; margin: 0 auto;}

.navbar-default{
   background-color: rgba(255, 255, 255, 0.85);
   transition: all 0.5s ease;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
}

.navbar-nav.topmenu-nav { margin-top: 20px; margin-right:20px; position: absolute; right: 0;}
.navbar-nav.service-nav { margin-top: 70px; margin-right:20px; position: absolute; right: 0;}
nav .nav.navbar-nav.navbar-right > li > a { display: inline;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > span { color: #555; font-weight:bold; font-size:0.85em; }

.navbar-default .navbar-nav > li.iconLinks > a { padding-left:2px;padding-right:2px;}
.navbar-default .navbar-nav > li > a:hover { color: #111;}
.navbar-nav.navbar-right > li > a,.navbar-nav.navbar-right > li > span { text-transform: uppercase; padding-top: 0; padding-bottom:0; }
.navbar-nav > li:last-child,.navbar-nav > li.noborder {
    background-image: none;
}
.navbar-nav > li > .dropdown-popup { padding: 10px; min-width:260px; }

.topmenu-nav > li > div { padding: 0 15px 0 10px; }

.service-nav .more-menu  { display: none; }

    ul.nav li.dropdown:hover .dropdown-menu {  display: block; }
    ul.nav > li.dropdown.open { position: static; }
    ul.nav > li.dropdown.open .dropdown-menu { width: 100%; text-align: center; left:0; right:0; }
    ul.dropdown-menu>li { display: block; }
    ul.service-nav > li{      background: none;    }
    ul.service-nav ul.dropdown-menu { padding-top:0; padding-bottom:0;border-radius: 0; }
    ul.service-nav ul.dropdown-menu li  { background-repeat: no-repeat ; background-position:10px center ;  }
    ul.service-nav ul.dropdown-menu li > a { margin-left: 55px; line-height:45px; background-color: #f5f5f5;  }
    ul.service-nav ul.dropdown-menu li > a:hover{ background-color: #f1f1f1; }

    ul.service-nav li.services-at-work > a:hover,  ul.service-nav li.daily-life > a:hover { color: #3d3935;}
    ul.service-nav li.services-at-home > a:hover, ul.service-nav li.home-services > a:hover { color: #3d3935;}
    ul.service-nav li.mobility > a:hover { color: #92B324;}
    ul.service-nav li.leisure > a:hover,ul.service-nav li.leisure > a:hover,ul.service-nav li.travel--leisure > a:hover { color: #3d3935;}
    ul.service-nav li.health--wellness > a:hover, ul.service-nav li.wellness > a:hover { color: #3d3935;}
    ul.service-nav li.gifts--shopping > a:hover, ul.service-nav li.special-occasions > a:hover { color: #3d3935;}
    ul.service-nav li.administration > a:hover, ul.service-nav li.personal-tasks > a:hover { color: #F1A100;}

.topmenu-nav .icon-label { display:none; }
/*
.navbar-brand{
    min-width: 200px;
    height: 75px;
}*/

/*end navbar*/


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class
.carousel {
  margin-bottom: 60px;
}*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color:#555;
}

.carousel-control{
    display:none;
}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 300px;
}

.carousel .container {
      position: relative;
      z-index: 9;
}

.carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
      margin-left: 50px;
}
.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  text-align: left;
}
.carousel-caption .btn {
  margin-top: 10px;

}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

.featurette {
    padding:0 20px 0 20px;
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

.testimonialsContainer {
    background: rgba(255,255,255,0.6);
    box-shadow: 0 0 15px #666666;
    text-align: center;

    height:214px;
    display:block;
    padding:40px 40px 30px;
    font-size:1.1em;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
}
.testimonialsContainer .customer-name{
    font-weight:bold;
    text-transform:uppercase;
    margin-top:15px;
    font-size: 0.8em;
}
.testimonialsContainer .customer-title{
    font-size: 0.7em;
}
.testimonialsContainer,
.faqContainer {
    margin-top:20px;
}

/** Faq Box **/

.faqContainer{
     box-shadow: 0 0 15px #666666;
     text-align: center;
     display: block;
     height:214px;
     background:#FFF;
}
.faqContainer .heading{
   background: #02b0ed;
   color: #fff;
   padding: 30px 80px;
   height: 150px;
}
.faqContainer .heading h2 { margin: 0;}
.faqContainer .heading a{
    text-decoration:none;
    color: #fff;

}
.faqContainer .learn-more-container a {
    color:#02b0ed;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    padding: 10px 0;
    line-height:60px;
}

/* footer */
hr.before-footer {
    padding: 30px 0;
    height:0;
    border: 0;
}
footer{

    background-color:#96979B;
    color: #fff;

}
.footer{
    position: absolute;

    width: 100%;
    min-height: 240px;
    font-size:0.85em;
}
footer nav { margin:30px 30px 15px 30px;}
.footer nav > div > div {
    min-height: 140px;
    /*float:left;*/
    padding:0 55px;

    text-align:left;
    margin-top:0;
}
.footer nav > div > div:last-child { border-right: none;}
footer nav > div h4 {
    color: #D6D7D9;
    margin-top:0;
    text-transform: uppercase;
    font-size:1em;
    font-weight: bold;
}
footer .logo{
    height:200px;
    width:200px
    background-image: url(../img/logo.png);
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto;
  }
footer a {
    color:#fff;
    text-decoration:none;
}
footer a:hover {
    color:#fff;
    text-decoration:underline;
}
footer ul {
    padding-left:0;
}
footer li {
    list-style: none;
}

.footer ul.conciergeInformation li > span{
    padding-left: 5px;
}
  .updating{
      position: fixed;
      z-index: 9999;
      top:0;
      bottom:0;
      left:0;
      right:0;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('/img/loading.gif');
      background-color: rgba(255,255,255,0.5);


  }
.sociallinksfooterContainer:after{
    content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
a.icon {
    text-indent: -10000px;
    display:inline-block;
    border: 0;
}

  /* Welcome Box */
  .loginBox.welcome{
    padding: 35px;
    margin-bottom: 50px;
  }
  .welcomebox {
    padding:0.5em;
    position: relative;
    width: 100%;
    min-width: 200px;
    margin: 0;
    padding:0;
    box-sizing: border-box;
  }
  .welcomebox .pane {
    width:  50%;
    min-width: 200px;
    float:left;
  }

  .requests {
    color: #FFFFFF;
    text-align: center;
  }
  .requests div {
    margin-left:1.5em;
    padding:1em;
  }
  .requests div.open {
    background: #2E3184;
  }
  .requests div.action{
    color: #2E3184;
  }
  .requests ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .pane h1 {
    margin-top:0;
    text-transform: uppercase;
    font-size:1.2em;
    font-weight: 900;
  }

  .greeting h1 {
    font-size: 1.5em;
      line-height: 1.5;
  }

  .requests hr{
    width:50%;
    margin: 1em auto;
  }
  .blue-btn{
      background-color: #2E3184;
      color: #fff;
      width:100%;
      height:37px;
      text-transform: uppercase;
      text-align: center;
      vertical-align: middle;
      display:block;
  }

  .blue-btn:hover{
    color:#fff;
  }

  .black-btn{
      background-color: #000000;
      color: #fff;
      height:37px;
      text-transform: uppercase;
      text-align: center;
      vertical-align: middle;
      display:block;
  }

  .black-btn:hover{
    color:#fff;
  }

.requiredInput input,.requiredInput textarea{
    border:1px solid #F00000;
}

    /* End Welcome Box */
  .level1{
    box-shadow: 0 0 15px #666666;
  }

  .btn{
    border-radius: 0px;
  }

/* Registration Box */
::placeholder {color: #565656;}
#popupRegister .modal-content, .registerBox { background-color: #ededed; }
.registerBox input[type="text"],
.registerBox input[type="password"]{ border: 2px solid #AAA;}
.registerBox{
      max-width: 500px;
      margin:auto;
      padding:0.5em;
    }

    .userForm {
      display: block;
      max-width: 400px;
      margin:auto;
    }

    .userForm > input{
      width:100%;
    }

    .userForm > select{
      width:100%;
    }

    .userForm .login-btn{
      display:block;
      margin-left:auto;
      margin-right:auto;
    }
    /* End Registration Box */

.modal input {

    color:#525252;
}
.modal input[type="submit"]{
    background: #292929;
    color: #fff;
    text-transform: uppercase;
    line-height:35px;
    width:auto;
    padding:0 28px;
}
.modal-content {
    border-radius: 0;
}
.modal-footer {
    border-top: none;
    text-align: center;
}
.request-content .dl-horizontal dt {
    float: left;
    width: 260px;
    overflow:  visible;
    clear: left;
    text-align: right;
    text-overflow: initial;
    white-space: normal;
    margin-top: 8px;
}
.request-content .dl-horizontal dd {
    margin-left: 20px;
    margin-top: 8px;
    float: left;
}

/* Request List*/

  .requestList{
    width: 100%;
  }
  .requestItem{
    position:relative;
    padding: 0.25em 0 0.35em;
    border-top: solid 1px #EEEEEE;
    min-height: 106px;
    clear: both;
  }
  div.requestItem:last-child{
    border-bottom: solid 1px #EEEEEE;
  }
  .requestItem > img { margin-top: 12px;}

  .requestDetails{
      margin: 8px 1em 8px;
      max-width: 60%;
  }
  .requestDetails dl {margin-bottom: 0;}
    .requestNavigation { margin-top: 20px;}
  .text-muted{
    font-size: 0.9em;
    color: #909090;
  }
  .paging-btn{
    width: 16.66666666%;
    margin-right:2em;
    display: inline-block;
  }
.viewCase-btn {
    position: relative;
    display: block;
    max-width: 200px;
    float: right;
    margin-top: 30px;
}
  /* End Request List*/

  /* Product Browser */
        ul.list{
          max-width:850px;
          list-style: none;
          padding:0;
          background-color: #dddddd;
        }
        ul.list > li  {
          min-height:48px;
          display:block;
          padding: 0.5em;
          margin:0;
          border-top: solid 1px #FFFFFF;
        }
        ul.list > li  div {
          display:inline-block;
          padding: 0 1em;
          margin: 5px;
        }

       ul.list input.quanitity{
          border:0;
        }

       input.quanitity{
          width: 50px;
          height: 34px;
          padding: 0 0 0 5px;
        }

        input.quanitity.description{
          border: solid 1px #000000;
          background-color: #ffffff;
        }

        .alert-sm{
          padding:5px;
          margin:0;
        }
        .categoryFilter{

          list-style: none;
          margin:0;
          padding:0;
        }
        .categoryFilterTitle{
          margin: 30px 0 0 0;
          padding:0  0 10px 2px;
          color:#02b0ed;
          border-bottom:solid 1px #02b0ed;
          font-size:18px;
        }
        .categoryFilterItem{
          margin:10px 0;
          padding:0 10px;
         /* height:20px; -- ruins multi-line names*/
          color:#7891b2;
        }
        .categoryFilterItem a{
          text-decoration: none;
          color:#000000;
        }
        .categoryFilterItem.selected{
          border-left: solid 2px #000;
        }
        .categoryFilterItem.selected a{
          color:#000 ;
          font-weight:700;
        }
        .categoryFilterItem a:hover{
          font-weight:700;
        }
        ul.list > li  div.price{ width:20%; }
        ul.list > li  div.addtocart{ width:30%; }
        ul.list > li  div.name{ width:50%; }

        ul.grid > li  div.price{
          color: #02b0ed;
          font-weight:700;
          font-size:1.25;
          float :right;
          margin-left: 6px;
        }
        div.description{
          /*color:#b2b2b2;*/
          text-align: left !important;
        }

        ul.grid > li  div.name{
          color: #515254;
          font-weight:700;
          text-transform:uppercase;
          font-size:1.25;
        }

        .productlistitem button.btn { border-color:#fff; border:0;}

        .productList { color:#515255; }
        ul.grid li.productlistitem { margin:0 34px 34px 0; }
        .productlistitem a,
        .productlistitem a:hover  {
          color:#515255;
          text-decoration: none;
        }
        .productlistitem a:hover {
          font-weight:700;
        }
        .price-old{
          text-decoration: line-through;
          color:#333;
        }

        .remove{
          visibility: hidden;
        }

        ul.grid > li > div {
          margin-top:5px;
        }

        .modal-md {
          width:800px;
        }

select{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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;
}

  /* End Product Browser*/

  .image-heading{
        position: absolute;
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: 100% 300px;
       /* background-position: bottom;*/
        min-height: 300px;
        text-align: center;
        color: #FFFFFF;
        padding-top:20px;
        paddin-bottom:0;
    }
    .image-heading-overlay{
        position: absolute;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(255,255,255,1));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
        background-repeat: no-repeat;
        background-size: 100% 75%;
        background-position: bottom;
        min-height: 300px;
        text-align: center;
        color: #000000;
        padding-top:20px;
        paddin-bottom:0;
    }

    @media screen and (min-width: 767px){
      .image-heading-container::after{
        content:"";
        display:block;
        position:relative;
        height:300px;
      }

      .after-header{
        margin-top:300px;
      }
    }
    .image-heading-container h1 { font-family:"GothamThin";}
    .account-heading{
        display: inline-block;
        width:32.5%;
        text-align: center;
      }
      .account-heading a{
        color: #515356;
        text-transform: uppercase;
        font-size:16px;
        font-weight:700;
      }
      .account-heading a:hover{
        color:rgba(81, 83, 86, 0.75);
        text-decoration: none;
      }
      .account-heading-img{
        width:100%;
        margin-bottom:5px;
      }
      .account-controls{
        margin:10px -15px;
      }
.profileDetails input[type=text],
.profileDetails textarea,
.profileDetails select {
    background-color: #f6f6f6;
    color: #525252;
    margin: 0 0 15px 0;
    border-radius: 5px;
}
.profileDetails input[type=text]{
    height: 34px;
}
.profileDetails .requiredInput input, .profileDetails .requiredInput textarea{
    border-color: #ccc;
    width: 97%;
}
.profileDetails .requiredBlock::after { content: "*"; float: right; color: #000;}

.errorMsg{
  color:red;
}

@media only screen and (max-device-width : 480px) {
    ul.service-list li p {

        left: auto;
        top: auto;
        transform: none;
        position: relative;
    }

}


    /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
    .servicelist { text-align:center;}
    .hp-service { width:290px; }
    .hp-service img { max-width: 100%; }
    div.hp-service .read-more { display: block; }
    #productAddedContent img {max-width: 100%;}

    .viewCase-btn {
        margin: 15px 33%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .navbar-toggle { margin-bottom: 25px; margin-top: 25px  }
    nav .nav.navbar-nav.navbar-right > li > a,
    nav .nav.navbar-nav.navbar-right > li > div{
       display:block;
       padding:5px 5px;

    }
    .navbar-nav > li { background-image:none; border-bottom:1px solid #F1F1F1; }
    .navbar-default {
        background-color: rgb(255, 255, 255);

    }

    .navbar-nav.topmenu-nav { margin-top: 0; margin-right:-15px; position: static; right: auto;}
    .navbar-nav.service-nav { margin-top: 0; margin-right:-15px; position: static; right: auto;}


    ul.nav li.dropdown:hover .dropdown-menu {  display: none; }
    .navbar-nav.topmenu-nav > li > a,.navbar-nav.topmenu-nav > li > form { text-align: center;}
    .navbar-default .navbar-nav > li > a.contact { color}


    nav .nav.navbar-nav.navbar-right > li > a.search { display: none;}
    .navbar-nav.topmenu-nav #searchForm { position: static; display: block; float: none; box-shadow: none; border: 0;}

    ul.service-nav li.services-at-work > a { color: #02B0ed;}
    ul.service-nav li.services-at-home > a { color: #ed1c24;}
    ul.service-nav li.mobility > a { color: #92B324;}
    ul.service-nav li.leisure > a { color: #ac72b1;}
    ul.service-nav li.health--wellness > a { color: rgb(48,84,150);}
    ul.service-nav li.gifts--shopping > a { color: #eb098d;}
    ul.service-nav li.administration > a { color: #F1A100;}

    .image-heading{ position:relative; min-height: 100px; background-size: 100% auto;}
    .image-heading-overlay{


    }
    .footer nav > div > div {
        border-bottom:  1px solid #ddd;
        margin-bottom: 15px;
    }
    .footer nav > div > div:last-child {
        border-bottom: none;
    }
    .testimonialsContainer { height: auto; }
    .loginBox.welcome{

        margin-bottom: 15px;
      }
    .greeting .blue-btn { display: inline; width: auto;}
    .welcomebox .pane {
        width:  auto;
        min-width: auto;
        float:none;
        margin-bottom: 15px;
      }
     .requests div {
        margin-left: 0;
     }
     .level1 { box-shadow: none; }
     .loginBox { .background-color: rgba(255, 255, 255, 0.8);}
    .modal-md {
        width:auto;
    }

}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .service-nav .more-item  { display: none; }
    .service-nav .more-menu  { display: block; }
}
@media screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li > a.contact { color: #ED1C24; }

    .footer nav > div > div {
        border-right: 1px solid #DDD;
    }
    div.hp-service:hover{ margin-bottom:0;}
    .footer { bottom: 0; }
    .column-left-menu {

        min-height: 500px;
        padding-right: 20px;
    }
    .column-right-content {
        border-left: 1px solid #999;
        padding-left: 35px;
        /*margin-left: 20px;*/
    }
    #productAddedContent img {float:left; margin-right:15px;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    nav .nav.navbar-nav.navbar-right > li > a {padding: 10px 10px;}
}