/* 1. GENERAL CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.main {
    position:relative;
    height:220px;
    border-radius:50%;
}
/*.main .wrapper {
    width: 230px;
    height: 230px;
    border-width: 10px;
    border-style: solid;
    border-color: #000 #f33 #f33 #000;
    border-radius: 50%;
    transition: all 0.8s ease-in-out 0s;
    position: absolute;
    top: 0;
    left: 0;
}*/
#img1{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-physiotherapy1.png);
    background-size: contain;
}
#img2{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-pilates1.png);
    background-size: contain;
}
#img3{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-massage1.png);
    background-size: contain;
}
#img4{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-slider-temp1.jpg);
    background-size: contain;
}
#img5{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-slider-temp1.jpg);
    background-size: contain;
}
#img6{
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-slider-temp1.jpg);
    background-size: contain;
}

.main img, .main .info, .main .info2, .main .info3, .main .info4, .main .info5, .main .info6 {
    position:absolute;
    top:10px;
    right:0;
    bottom:0;
    left:10px;
    border-radius:50%;
    width:210px;
    height:210px;
    transition: all 0.8s ease-in-out 0s;
}

.main .info {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-physiotherapy2.png);
    background-size: contain;
}
.main .info2 {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-pilates2.png);
    background-size: contain;
}

.main .info3 {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-massage2.png);
    background-size: contain;
}

.main .info4 {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-hydrotherapy2.png);
    background-size: contain;
}

.main .info5 {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-podiatry2.png);
    background-size: contain;
}

.main .info6 {
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    background: #ccc;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    backface-visibility: hidden;
    background: url(http://localhost/cpc2/images/Home/cpchealth-home-services-myotherapy2.png);
    background-size: contain;
}

.main a:hover  .wrapper {
    transform:rotate(180deg);
    transition: all 0.8s ease-in-out 0s;
}

.main a:hover img {
    opacity:0;
    transition: all 0.8s ease-in-out 0s;
}

.main a:hover .info {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}
.main a:hover .info2 {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}
.main a:hover .info3 {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}
.main a:hover .info4 {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}
.main a:hover .info5 {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}
.main a:hover .info6 {
    opacity:1;
    transition: all 0.8s ease-in-out 0s;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
body {
  font-family: 'Poppins', sans-serif;
  color: #827f7c;
  background-color: #ffffff;
  font-size: 16px;
  margin: 0;
}
a{
  color: #fff;
}
/* Mobile */
@media (max-width: 767px) {

  body {
    padding-left: 0!important;
    padding-right: 0!important;
  }

}
a {
  color: #000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #444;
  text-decoration: none;
}
h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:16px;}
h1, h3, h5{
  font-family: 'Poppins', sans-serif;
  font-weight: 300!important;
  color: #a5c1cc;
}
h1 {
    line-height: 50px;
}
h2 {
    line-height: 46px;
}
h3 {
    line-height: 38px;
}
h4 {
    line-height: 34px;
}
h5 {
    line-height: 30px;
}
h6 {
    line-height: 26px;
}
body{
  line-height: 26px;
}
p {
  line-height: 26px;
}
h2, h4, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600!important;
  color: #827f7c;

}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;

}
p {
  margin: 0 0 10px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #fff;
  border: #DDDDDD -moz-use-text-color #FFFFFF !important;
}
img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Button
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

button {
    background: transparent;
    border: 2px solid #fff!important;
    color: #fff;
    border: none;
    color: #a5c1cc;
    text-align: center;
    padding: 5px 20px 5px 20px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    min-width: 120px;

}
.button {
  border: none;
  color: #FFFFFF;
  text-align: center;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* 2. HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#beam-container {
  background-color: #fff;
  margin-bottom: 9px;
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
  box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
}
.desktop {
  border-bottom: 1px solid #ddd;
  background: #fff;
  /*overflow: hidden;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 999;*/

}
.f-navi2{ z-index: 99999; position: fixed; left: 0; top: 0; width: 100%;background-color: #fff;min-height:0!important;} 
.shrink{
  width: 100px!important;
}


/* Mobile */
@media handheld, only screen and (max-width: 768px) {

  #beam-header {
    padding-top: 20px;
  }

}

/* LOGO
---------------------------------------------------------------------------- */
.custom.advert-cpc {
    float: right;
}
.imgBoxf-header
{
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-facebook-white.svg) no-repeat;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.imgBoxf-header:hover {
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-facebook-grey.svg) no-repeat;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  }
.imgBoxi-header
{
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-instagram-white.svg) no-repeat;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.imgBoxi-header:hover {
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-instagram-grey.svg) no-repeat;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  }
.imgBoxf-footer
{
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-facebook-white.svg) no-repeat;
  display: inline-block;
}
.imgBoxf-footer:hover {
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-facebook-blue.svg) no-repeat;
  display: inline-block;
  }
.imgBoxi-footer
{
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-instagram-white.svg) no-repeat;
  display: inline-block;
}
.imgBoxi-footer:hover {
  width: 20px;
  height: 20px;
  background: url(https://cpchealth.com.au/images/cpchealth-social-icon-instagram-blue.svg) no-repeat;
  display: inline-block;
  }
  
.book-header {
    display: inline-block;
}
div#beam-navbarwrap {
    padding-bottom: 10px;
}
.favth-collapse.favth-navbar-collapse {
    margin-top: -60px;
}
#beam-logo {
  height: 100%;
  margin: 0;
  text-align: left ;
}
#beam-logo h1 {
  margin: 0;
}
.defaultLogo,
.mediaLogo {
  display: block;
  padding: 0;
  margin: 0;
}
.textLogo {
  color: #111;
  font-size: 40px;
  padding: 10px 0;
  margin: 10px 0;
  line-height: 30px;
}
.slogan {
  color: #777;
  font-size: 14px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}
.showRetinaLogo {
  display: none;
}

/* Mobile */
@media (max-width: 1199px) {

  .row #beam-logo {
    width: 100%;
    padding-top: 0;
  }
  #beam-logo {
    text-align: center;
    float: none;
    width: 100%;
  }

}
@media handheld, only screen and (max-width: 768px) {

  #beam-logo {
    margin-top: 0;
    padding-top: 0;
  }
  #beam-logo.col-md-3 {
    margin-bottom: 0;
  }

}

/* NAVIGATION
---------------------------------------------------------------------------- */

#beam-nav {
  z-index: 100;
  position: relative;
  float: right;
}
#beam-nav .moduletable {
  background: none;
  overflow: visible;
  margin: 0;
}
#beam-nav .moduletable ul.nav.menu {
  float:right;
}
#beam-nav .moduletable ul.nav.menu li,
#beam-nav .moduletable ul.nav.menu li li,
#beam-nav .moduletable ul.nav.menu li li li,
#beam-nav .moduletable ul.nav.menu li li li li {
  line-height: 20px;
  padding-left: 0;
}
#beam-nav .navigation {
  margin-top: 40px;
}
#beam-nav .navigation li a {
  color: #827f7c;
  padding: 10px 15px;
  margin: 0 0 0 14px;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#beam-nav .navigation li a:before {
  content: none;
}
#beam-nav .navigation .nav-pills > .active > a,
#beam-nav .navigation .nav-pills > li > a:hover {
  background-color: transparent!important;
  color: #a5c1cc;
  text-decoration: none;
}
.navigation .nav-pills {
  margin-bottom: 0;
}
.nav-header {
    font-weight: normal!important;
    text-shadow: none!important;
    text-transform: inherit!important;
}
/* Subnav */

.navigation ul.nav-child {
  position: absolute;
  left: 10px;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  background-color: #baced6;
  border: 1px solid #ddd;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.navigation ul.nav > li {
  position: relative;
  float: left;
}
.navigation ul.nav > li:hover > .nav-child,
.navigation ul.nav > li > a:focus + .nav-child,
.navigation ul.nav-child li:hover > ul {
  display: block;
}
#beam-nav .nav-pills ul.nav-child li > ul {
  margin: -38px 0 0 190px;
  padding: 0;
}
.navigation ul.nav-child a {
  display: block;
  clear: both;
  color: #333;
  font-size: 14px;
  padding: 3px 20px;
  font-weight: normal;
  line-height: 2em!important;
  white-space: nowrap;
}
#beam-nav .navigation .nav-pills .nav-child {
  padding-bottom: 0;
}
#beam-nav .navigation .nav-pills .nav-child a {
  margin: 0;
  padding: 4px 20px;
  font-size: 14px;
  border-top: none!important;
  border-bottom: 1px solid #ddd;
  color: #fff;
}
#beam-nav .navigation .nav-pills .nav-child > .active > a,
#beam-nav .navigation .nav-pills .nav-child > li > a:hover  {
  text-decoration: none;
  color: #fff;
}
.navigation .nav-child.pull-right {
  right: 0;
  left: auto;
}
.navigation .nav-child .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.navigation .nav-child:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
}
.navigation .nav-child:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
 
}
.navigation .nav-child li > ul:before {
  top: 10px;
  left: -7px;
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
}
.navigation .nav-child li > ul:after {
  top: 11px;
  left: -6px;
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
}

/* Mobile */
@media (min-width: 768px) and (max-width: 1199px) {

  #beam-headerwrap {
    padding-bottom: 0;
    border-bottom: none;
  }
  #beam-nav {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 14px 0px;
    margin-top: 32px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  #beam-nav .moduletable ul.nav.menu {
    float: none;
  }
  #beam-nav .navigation {
    display: table;
    margin: 0 auto;
  }
  #beam-nav .navigation .nav-pills {
    margin-top: 0;
  }

}

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

   #beam-nav .navigation li a {
    padding: 10px;
   }

}
@media (min-width: 768px) {

  #beam-navbar {
    display: none;
  }

}
@media (min-width:1200px){
  #beam-nav .navigation {
    float:right;
  }
}

/* IE */
.lt-ie9 #beam-navbar,
.lt-ie9 #beam-nav {
  display: none;
}
.lt-ie9 #beam-header {
  position: relative;
  z-index: 9999;
}
.lt-ie9 .navigation ul.nav-child {
  padding-top: 0;
}
.lt-ie9 .navigation ul.nav-child a:hover {
  background-color: #fff;
}


/* Navbar for mobile view
---------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {

  #beam-nav {
    display: none;
  }

  /* Navbar */

  #beam-navbar .moduletable {
    margin: 0;
    padding: 7px 0 0;
  }
  #beam-navbar .navbar {
    margin-bottom: 0;
  }
  #beam-navbar .navbar-inner {
    padding: 0;
  }
  #beam-navbar a.btn.btn-navbar {
    margin-bottom: 0;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
  }

  /* Navbar collapse */

  #beam-navbar-collapse .moduletable ul li,
  #beam-navbar-collapse ul {
    background: none;
    float: none;
    padding: 0;
    margin: 0;
  }
  #beam-navbar-collapse li a {
    padding-left: 14px;
  }
  #beam-navbar-collapse li li a {
    padding-left: 28px;
  }
  #beam-navbar-collapse li li li a {
    padding-left: 42px;
  }
  #beam-navbar-collapse li li li li a {
    padding-left: 56px;
  }
  #beam-navbar-collapse li li li li li a {
    padding-left: 70px;
  }
  #beam-navbar-collapse a {
    display: block;
    padding: 4px 14px 2px;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
  }
  #beam-navbar-collapse a:before {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size: 15px;
    line-height: 2em;
    font-weight: normal;
  }
  .navbar-inverse .nav .active > a,
  .navbar .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar .nav .active > a:hover,
  .navbar-inverse .nav .active > a:focus,
  .navbar .nav .active > a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navbar-inverse .nav .active > a{
    color: #a5c1cc!important;
  }
  /* Navbar Light */

  div.navbar #beam-navbar-collapse li a:hover,
  div.navbar #beam-navbar-collapse li li a:hover,
  div.navbar #beam-navbar-collapse li li li a:hover,
  div.navbar #beam-navbar-collapse li li li li a:hover,
  div.navbar #beam-navbar-collapse li a:focus,
  div.navbar #beam-navbar-collapse li li a:focus,
  div.navbar #beam-navbar-collapse li li li a:focus,
  div.navbar #beam-navbar-collapse li li li li a:focus,
  div.navbar #beam-navbar-collapse li[class^="item-"].current.active,
  div.navbar #beam-navbar-collapse li[class*=" item-"].current.active,
  div.navbar #beam-navbar-collapse li li[class^="item-"].current.active,
  div.navbar #beam-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar #beam-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #beam-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #beam-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #beam-navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #eee!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  div.navbar #beam-navbar-collapse li li:hover,
  div.navbar #beam-navbar-collapse li li li:hover,
  div.navbar #beam-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #beam-navbar-collapse li {
    border-top: 1px solid #ddd;
  }
  div.navbar #beam-navbar-collapse a {
    color: #444;
  }
  div.navbar #beam-navbar-collapse a:before {
    color: #aaa;
  }
  div.navbar #beam-navbar-collapse li a:hover:before,
  div.navbar #beam-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li[class*=" item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li[class*=" item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar #beam-navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #777;
  }
  div.navbar #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
      color: #333;
      background-color: #fff;
  }
  div.navbar #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
      color: #aaa;
  }
  div.navbar #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
      color: #444;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #444;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
  }

  /* Navbar Inverse */

  div.navbar.navbar-inverse #beam-navbar-collapse li a:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li li a:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li a:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li a:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li a:focus,
  div.navbar.navbar-inverse #beam-navbar-collapse li li:focus,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li:focus,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li:focus,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class^="item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #333!important;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li li:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li:hover,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li {
    border-top: 1px solid #222;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse a {
    color: #fff;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li a:hover:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class*=" item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li[class*=" item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #fff;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
    color: #fff;
    background-color: #111;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #beam-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar.navbar-inverse #beam-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
    color: #fff;
  }
  div.navbar.navbar-inverse .btn-navbar .icon-bar {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  #beam-navbar.navbar.navbar-inverse a.btn.btn-navbar {
    border-color: #040404 #040404 #000;
  }

}


/* 3. CONTENT BLOCKS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#beam-intro,
#beam-showcase,
#beam-promo,
#beam-top,
#beam-maintop,
#beam-bottom,
#beam-user,
#beam-footer {
  padding-top: 11px;
  padding-bottom: 10px;
}
/* Mobile */
@media handheld, only screen and (max-width: 767px) {

  #beam-slide,
  #beam-intro,
  #beam-showcase,
  #beam-promo,
  #beam-top,
  #beam-maintop,
  #beam-bottom,
  #beam-user,
  #beam-footer {
    padding-top: 0;
    padding-bottom: 0;
  }

}

/* SLIDE
---------------------------------------------------------------------------- */

#beam-slide .moduletable li,
#beam-slide div[class^="moduletable-"] li,
#beam-slide div[class*=" moduletable-"] li {
  background: none;
}
#beam-slide .moduletable li ul,
#beam-slide div[class^="moduletable-"] li ul,
#beam-slide div[class*=" moduletable-"] li ul {
  margin-bottom: 14px;
}
#beam-slide1 .moduletable {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {

  #beam-slide .moduletable li ul,
  #beam-slide div[class^="moduletable-"] li ul,
  #beam-slide div[class*=" moduletable-"] li ul {
    margin-bottom: 0;
  }

}

/* BREADCRUMBS
---------------------------------------------------------------------------- */

#beam-breadcrumbs .moduletable,
#beam-breadcrumbs div[class^="moduletable-"],
#beam-breadcrumbs div[class*=" moduletable-"] {
  font-size: 0.9em;
  margin: 5px 0px 2px;
}
#beam-breadcrumbs .moduletable img,
#beam-breadcrumbs div[class^="moduletable-"] img,
#beam-breadcrumbs div[class*=" moduletable-"] img {
  display: none;
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {

  #beam-breadcrumbs .moduletable,
  #beam-breadcrumbs div[class^="moduletable-"],
  #beam-breadcrumbs div[class*=" moduletable-"] {
    margin-top: 10px;
    margin-bottom: 0;
  }

}

/* TOP
---------------------------------------------------------------------------- */

#beam-topwrap {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 14px;
  margin-bottom: 18px;
}


/* MAIN
---------------------------------------------------------------------------- */

#beam-messagewrap .row-fluid [class*="col-md-"] {
  min-height:0;
}
#system-message {
  margin-top: 10px;
}
#beam-mainwrap .row-fluid [class*="col-md-"] {
  min-height: 10px;
}

/* COPYRIGHT
---------------------------------------------------------------------------- */

#beam-showcopyright {
    border-top: 1px solid #ddd;
    margin-top: 2px;
    text-align: center;
}
#beam-copyright ul.nav.menu {
  float: right;
  margin: 10px 0;
}
#beam-copyright ul.nav.menu li {
  float: left;
  list-style:none;
  background: none;
  line-height: 21px;
}
#beam-copyright ul.nav.menu li a {
  display: block;
  color: #333333;
  margin-left: 21px;
}
#beam-copyright ul.nav.menu li.active a,
#beam-copyright ul.nav.menu li a:hover,
#beam-copyright ul.nav.menu li:hover a {
  color: #000;
  text-decoration:none;
}
#beam-showcopyright p {
  padding: 21px 0 7px;
  line-height: 21px;
  font-size: 14px;
}
/* Mobile */
@media (max-width: 768px) {

  #beam-copyright .moduletable ul.nav.menu {
    margin: 0 auto;
    display: table;
  }
  #beam-copyright ul.nav.menu {
    float: none;
  }
  #beam-copyright ul.nav.menu li a {
    margin: 0 21px 0 0;
  }
  #beam-showcopyright {
    text-align: center;
  }

}
@media (max-width: 480px) {

  #beam-copyright ul.nav.menu li {
    float: none;
    text-align: center;
    padding: 4px;
  }
  #beam-copyright ul.nav.menu li a {
    margin: 0;
  }

}

/* BACKTOP
---------------------------------------------------------------------------- */

a.backtop i {
  background-color: #777;
  color: #FFFFFF;
  font-size: 2em;
  padding-right: 0;
  padding: 0.3em 0.5em;
  display: block;
  border-radius: 4px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.backtop i:hover {
  opacity: 0.8;
}
#beam-backtotop {
  position: fixed;
  bottom: 3em;
  right: 3em;
  width: 55px;
}
#beam-backtotop .backtop {
  float: right;
}

@media (max-width: 1199px) {

  #beam-backtotop {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 36px;
    float: right;
  }

}

/* Mobile */
@media (min-width: 768px) {

  #beam-backtotop-mobile {
    display: none;
  }

}
@media handheld, only screen and (max-width: 767px) {

  #beam-backtotop {
    display: none;
  }
  #beam-backtotop-mobile {
    text-align: center;
    margin-bottom: 10px;
  }

}

/* IE */
.lt-ie9 #beam-backtotop {
  padding-bottom: 1em;
}
.lt-ie9 #beam-backtotop-mobile {
  display: none;
}

/* MOBILE PARAMETERS
---------------------------------------------------------------------------- */

@media (max-width: 480px) {
  #beam-main img,
  .moduletable .custom img,
  div[class^="moduletable-"] div[class^="custom-"] img,
  div[class*=" moduletable-"] div[class*=" custom-"] img,
  .img-left,
  .img-right {
    display: inline-block ;
  }

  #beam-advertwrap,
  #beam-intro1, #beam-intro2, #beam-intro3, #beam-intro4,
  #beam-slide1, #beam-slide2,
  #beam-showcase1, #beam-showcase2, #beam-showcase3, #beam-showcase4,
  #beam-promo1, #beam-promo2, #beam-promo3,
  #beam-top1, #beam-top2, #beam-top3, #beam-top4,
  #beam-maintop1, #beam-maintop2, #beam-maintop3,
  #beam-sidebar1, #beam-sidebar2,
  #beam-mainbottom1, #beam-mainbottom2, #beam-mainbottom3,
  #beam-bottom1, #beam-bottom2, #beam-bottom3, #beam-bottom4,
  #beam-user1, #beam-user2, #beam-user3,
  #beam-footer1, #beam-footer2, #beam-footer3, #beam-footer4,
  #beam-copyright1, #beam-copyright2,
  #beam-debug {
    display: block ;
  }
}

/* beamADVERT
---------------------------------------------------------------------------- */
#beam-advertwrap .row-fluid {
    max-width: 1200px;
    margin: 0 auto;
}
#beam-advertwrap {
    background: #a5c1cc;
}
.moduletable.advert-cpc {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.custom.advert-cpc {
    color: #fff !important;
}
.custom.advert-cpc button {
    background: transparent;
    color: #fff;
    border: 2px solid #fff !important;
    padding: 5px !important;
}
.custom.advert-cpc button:hover {
    background: #fff;
    color: #a5c1cc;
}


/* beamUSER
---------------------------------------------------------------------------- */
#beam-userwrap {
    background: #a5c1cc;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 80px;
}
/* beamMAINBOTTOM
---------------------------------------------------------------------------- */
#beam-mainbottomwrap {
    background: #edf2f4;
}
.moduletable.h-about h1 {
    text-align: center;
}
#beam-mainbottomwrap {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* beamSIGN
---------------------------------------------------------------------------- */
.moduletable.signup h3 {
    text-align: center;
    color: #a5c1cc;
    font-size: 28px;
    text-transform: inherit;
}
.custom.signup button {
    width: 100% !important;
    border: 2px solid #a5c1cc !important;
    margin: 0 !important;
}
#beam-signwrap {
    padding-top: 100px;
    padding-bottom: 100px;
}
.custom.signup input {
    padding: 5px;
    background: #e5e5e5;
    border: none !important;
    color: #827f7c;
    width: 100%;
}

/* 4. EXTENSIONS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* beamSLIDER
---------------------------------------------------------------------------- */
.row {
    margin-right: 0!important;
    margin-left: 0!important;
}
#beam-slidewrap {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
div#beam-slide1 {
    padding-left: 0!important;
    padding-right: 0!important;
}
.beamdemo .beam-control-nav {
  bottom: 14px!important;
}
.beamdemo div[id^="slider-"].beamslider,
.beamdemo div[id*=" slider-"].beamslider {
  margin-bottom: 10px!important;
}
div[id^="slider-"].beamslider,
div[id*=" slider-"].beamslider {
  position: relative;
}
.beamslider .beam-next,
.beamslider .beam-prev {
  opacity: 1;
}
.beamslider:hover .beam-next:hover,
.beamslider:hover .beam-prev:hover {
  opacity: 0.8;
}
.beamslider .beam-prev,
.beamslider:hover .beam-prev {
  left: 5px!important;
}
.beamslider .beam-next,
.beamslider:hover .beam-next {
  right: 5px!important;
}
#beam-caption {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 36%;
  bottom: auto;
  width: 60%;
  padding: 21px;
  text-shadow: none;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
#beam-caption h3 {
  font-size: 36px;
  color: #333;
  margin: 6px 0 4px;
  padding: 0;
  line-height: 1.2em;
  text-transform: uppercase;
  text-align:center;
  font-weight: 300;
  border: none;
}
#beam-caption p {
  color: #333;
  text-align:center;
}

@media handheld, only screen and (max-width: 990px) {

  #beam-caption h3 {
    font-size: 30px;
  }

}

@media handheld, only screen and (max-width: 767px) {

  #beam-caption {
    top: 30%;
  }
  #beam-caption h3 {
    font-size: 26px;
    margin-bottom: 0;
  }
  .beam-direction-nav li .beam-next,
  .beamslider:hover .beam-direction-nav li .beam-next,
  .beam-direction-nav li .beam-prev,
  .beamslider:hover .beam-direction-nav li .beam-prev {
    top: 50%;
  }

}

@media handheld, only screen and (max-width: 600px) {

  #beam-caption {
    top: 30%;
  }
  #beam-caption h3 {
    font-size: 24px;
  }
  #beam-caption p {
    font-size: 16px;
    margin-bottom: 0;
  }

}

@media handheld, only screen and (max-width: 480px) {

  #beam-caption {
    top: 20%;
    padding: 7px;
  }
  #beam-caption h3 {
    font-size: 21px;
  }
  #beam-caption p {
    font-size: 12px;
  }

}

@media handheld, only screen and (max-width: 320px) {

  #beam-caption {
    top: 10%;
    padding: 7px;
  }
  #beam-caption h3 {
    font-size: 18px;
  }

}

 /* IE */
.lt-ie9 #beam-caption {
  background-color: #FFFFFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";
  filter: alpha(opacity=67);
  padding: 1% 3% 2%;
}


/* beamGLYPH
---------------------------------------------------------------------------- */

.beamdemo .beamglyph-icon-center h2 {
  font-weight: 400!important;
}
.beamdemo #beamglyph .beamglyph-icon-center i {
  color: #000;
}
.beamdemo .beamglyph-icon-left #beamglyph,
.beamdemo .beamglyph-icon-right #beamglyph {
  margin-top: 0;
  margin-bottom: 21px;
}
.beamdemo .beamglyph-icon-left #beamglyph-icon,
.beamdemo .beamglyph-icon-right #beamglyph-icon {
  border-color: #000;
}
.beamdemo #beamglyph .beamglyph-icon-left i,
.beamdemo #beamglyph .beamglyph-icon-right i {
  background-color: #000;
}


/* beamSOCIAL
---------------------------------------------------------------------------- */

.beamdemo div[id^="beamsocial"] a,
.beamdemo div[id*=" beamsocial"] a {
  border: 1px solid #ddd;
}
.beamdemo ul#beamsocial-list {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.beamdemo #beamsocial {
  margin-top: 3px;
}


/* beamEFFECTS
---------------------------------------------------------------------------- */

.beamdemo #beameffects {
  margin-top: 40px;
}
.beamdemo #beameffects i {
  color: #000;
}
.beamdemo #beameffects i:hover {
  color: #444!important;
}
.beamdemo #beameffects p[id^="beameffects-title"] a,
.beamdemo #beameffects p[id*=" beameffects-title"] a {
  font-weight: 300;
}
@media handheld, only screen and (max-width: 990px) {

  .beamdemo #beameffects p[id^="beameffects-title"],
  .beamdemo #beameffects p[id*=" beameffects-title"] {
    font-size: 16px!important;
  }

}
@media handheld, only screen and (max-width: 767px) {

  .beamdemo #beameffects p[id^="beameffects-title"],
  .beamdemo #beameffects p[id*=" beameffects-title"] {
    font-size: 14px!important;
  }

}
@media handheld, only screen and (max-width: 480px) {

  .beamdemo #beameffects p[id^="beameffects-title"],
  .beamdemo #beameffects p[id*=" beameffects-title"] {
    font-size: 21px!important;
  }

}


/* 5. CUSTOM STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#beam-download p {
  margin: 0;
}
#beam-download #beam-download-message {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.3em;
  float: left;
  padding-top: 15px;
  padding-bottom: 10px;
}
#beam-download #beam-download-btn {
  float: right;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 4px;
}
#beam-download a.btn.btn-primary.btn-large {
  margin-bottom: 9px;
}

/* Mobile */
@media handheld, only screen and (max-width: 1199px) {

 #beam-download #beam-download-message {
    float: none;
    text-align: center;
    padding: 4px 0 21px;
  }
  #beam-download #beam-download-btn {
    float: none;
    font-size: 16px;
    text-align: center;
    bottom: 4px;
    margin-top: 4px;
    position: relative;
  }

}


/*
MAIN WARP
*/

div#beam-mainwrap {
  margin: 0 auto;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 50px;
}
div#beam-mainwrap h1 {
  margin-top: 0;
  text-align: center;
}

/*
MAIN CONTENT
*/
#beam-maincontent .item-page button {
    background: #fff;
    color: #a5c1cc;
    border: 2px solid #a5c1cc !important;
}
#beam-maincontent .item-page button:hover {
    background: #a5c1cc;
    color: #fff;
}


/*
SIDEBAR
*/

#beam-sidebar2 button {
    background: #a5c1cc;
    color: #fff;
}
#beam-sidebar2 button:hover {
    background: #fff;
    color: #a5c1cc;
    border:2px solid #a5c1cc!important;
}

/*
BLOG
*/
.item-page.cpc-blog-heading p {
    max-width: 660px;
    display: block;
    margin: 0 auto;
}
.blog-content {
    max-width: 660px;
    display: block;
    margin: 0 auto;
}
.item-page.cpc-blog-heading dd.createdby {
    top: 0!important;
}
.item-page.cpc-blog-heading .page-header {
    top: 0!important;
}
dd.createdby {
    position: relative;
    top: 50px;
}
h3.uk-panel-title.uk-margin-bottom-remove {
    font-family: 'Poppins', sans-serif;
    font-weight: 600!important;
    font-size: 16px;
    line-height: 26px;
    color: #827f7c;
}
.item ul li:before, .item-page ul li:before, .items-leading ul li:before {
    content: none!important;
}
.item-page.cpc-blog-heading {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px 0;
}
.pull-none.item-image img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.item-page.cpc-blog-heading p {
padding-top:20px;
}

div#cpc-blog {
    max-width: 800px;
    display: block;
    margin: 0 auto;
}
span.icon-chevron-right:before {
    content: none!important;
}
span.icon-chevron-right {
    display: none!important;
}

p.readmore a.btn {
    background: #a5c1cc;
    color: #fff;
    border: 2px solid #a5c1cc;
    box-shadow: none!important;
    text-shadow: none!important;
}
p.readmore a.btn:hover {
    background: #fff;
    color: #a5c1cc;
    border: 2px solid #a5c1cc;
    box-shadow: none!important;
    text-shadow: none!important;
}

.btn:first-child:hover {
    text-shadow: none!important;
}
.readmore {
    float: right;
}

/*
MEDIA QUERIES
*/
@media(max-width: 767px){
  .readmore {
      float: none!important;
  }
}

/**
 * Footer Styles
 */
#beam-copyrightwrap {
    background: #827f7c !important;
}
/*#beam-footerwrap {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}*/
#beam-footerwrap {
    background: #827f7c!important;
}
.moduletable.footer-cpc h4 {
    color: #fff;
    font-weight: 300!important;
}
.custom.footer-cpc {
    color: #fff;
}
.custom.footer-cpc p {
    color: #b2b2b2;
}
.custom.footer-cpc a {
    color: #b2b2b2;
}
#beam-showcopyright p {
    color: #b2b2b2;
}

#beam-showcopyright a {
    color: #b2b2b2;
}

/*
APPOINTMENT
*/
.custom.appointment .col-md-9 h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300!important;
}
.custom.appointment button:hover {
    background: #fff;
    color: #a5c1cc;
}
.custom.appointment button{
    background: #a5c1cc;
    color: #fff;
}

/*
ABOUT
*/

.custom.h-about button {
    border: 2px solid #a5c1cc !important;
}
.custom.h-about button:hover, .custom.signup button:hover{
    background: #a5c1cc;
    color: #fff;
}

div#circle {
    padding-bottom: 30px;
}

div#beam-bottom1 button {
    background: #fff;
    color: #a5c1cc;
    border: 2px solid #a5c1cc !important;
}
div#beam-bottom1 button:hover {
    background: #a5c1cc;
    color: #fff;
    border: 2px solid #a5c1cc !important;
}

/*
WIDGETKIT
*/
img.uk-border-circle {
    text-align: center;
    vertical-align: middle;
}
.uk-panel-space {
    padding: 0 30px 0 30px!important;
}
.uk-panel.uk-scrollspy-inview.uk-animation-slide-bottom h3 {
    font-size: 20px;
    text-align: center;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-transform: uppercase;
}
h3.uk-h1.uk-margin-bottom-remove {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-transform: uppercase;
}
.uk-overlay-panel a.uk-button {
    position: absolute;
    top: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
    right: 30%;
    left: 0;
    right: 0;
    width: 100px;
}
.uk-button {
    margin: 0;
    font: inherit;
    color: #a5c1cc;
    box-sizing: border-box;
    padding: 0 15px;
    background: #fff!important;
    line-height: 33px;
    min-height: 35px;
    font-size: 1rem;
    text-decoration: none;
    border: 1px solid #a5c1cc!important;
    border-radius: 2px;
}
.uk-overlay-panel a.uk-button:hover {
    background: #fff!important;
    color: #827f7c!important;
    border:none!important;
}
a.backtop i:hover {
    background: #a5c1cc;
    color: #fff;
}

/*
BLOG
*/
div#cpc-blog {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
dd.category-name {
    font-size: 40px;
    color: #FFF;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 19px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300 !important;
    background: #827F7C;
}
dd.category-name a {
    font-size: 16px;
    color: #fff!important;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 19px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
}
dl.article-info {
    text-align: center;
}
.page-header h2 a:hover, h2.item-title a:hover {
    color: #000;
}

.btn:first-child {
    background: #fff;
    color: #a5c1cc;
    border: 2px solid #a5c1cc;
    box-shadow: none!important;
}
.btn:first-child:hover {
    background: #a5c1cc;
    color: #fff;
    border: 2px solid #a5c1cc;
    box-shadow: none!important;
}

.fa:hover {
    color: #827f7c;
}
.moduletable.footer-cpc .fa:hover{
  color: #a5c1cc;
}

.circle-cpc {
    text-align: center;
    padding-top: 30px;
}
@media (min-width: 980px){
  .moduletable.m-menu {
    display: none!important;
}
.moduletable_menu{
  display: block;
}
#main {

    display: none;
}
}
@media (max-width: 979px){
.moduletable.m-menu {
    display: block!important;
}
.moduletable_menu{
  display: none!important;
}
a#jExt126 {
    display: none;
}
#main {
    display: block;
}
}


/* CUSTOM */
body{
  font-weight: 300;
}
#beam-advertwrap {
    height: 50px;
    /*overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;*/
}
#beam-headerwrap .row-fluid {
    max-width: 1200px;
}
.nav {
}

.navigation ul.nav-child a {
    text-align: left !important;
}
.nav > li > a {
    font-weight: 300!important;
}
.navigation ul.nav-child a:active {
    color: #827f7c !important;
}
.navigation ul.nav-child li a {
    color: #fff !important;

}

#beam-footer p {
    color: #fff;
}
#beam-footer a {
    color: #fff;
}
#beam-footer h6 {
    color: #fff;
    font-weight: 600;
}
.page-header h2, h2.item-title, .componentheading {
    text-transform: inherit!important;
    border-bottom: none !important;

}
.leading-0 .page-header {
    position: relative;
    top: 0px;
}
.item-page {
max-width: 800px;
display: block;
margin: 0 auto;

}
.uk-h5.uk-margin-bottom-remove {
    font-size: 20px;
    text-align: center;
}
input[type="text"]{
  height: 40px!important;
}
input#fieldEmail {
    height: 40px!important;
}
#userForm h2 {
    display: none;
}
.moduletable.c-heading h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300!important;
    color: #a5c1cc;
    font-size: 40px;
    text-align: center;
}
.leading-0 p{
  text-align: center;
float: none !important;

}

@media (min-width: 768px){
.col-sm-6.formControls {
    width: 70%;
}
}
.leading-0 p{
  padding: 10px;
  display: block;
  margin: 0 auto;
  max-width: 660px;
  text-align: center;
float: none !important;

}

@media (min-width: 980px){
  div#beam-mobilemenu {
    display: none;
  }
  .moduletable.mobile-menu {
    width: 60%;
    float: right;
}
  .mobile.container-fluid {
    display: none;
}
}
@media (max-width: 979px){
  div#beam-mobilemenu {
    display: block;
  }
  .desktop.container-fluid {
    display: none;
}
div#js-mainnav {
    background: transparent!important;
    border: none!important;
}
 #jux_memamenu131 #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    color: #a5c1cc!important;
}
 #jux_memamenu131 #js-mainnav.megamenu ul.level1 li.megacss a.megacss:hover {
    color: #827f7c!important;
}
#megamenucss #js-mainnav.megamenu ul.megamenu.level1 li a {
    color: #a5c1cc!important;
}
#jux_memamenu131 #js-mainnav .jux-fa.jux-fa-bars {
    color: #a5c1cc!important;
}
#megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss .submenu-align-auto .active {
    color: #827f7c!important;
}
#megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss .submenu-align-auto {
    color: #a5c1cc!important;
}
#megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss {
    float: none;
    background: #fff!important;
}
#megamenucss .js-megamenu .megamenu .jux-custom-css i.jux-fa {
    font-size: 26px;
    color: #a5c1cc!important;
}
#megamenucss .blackwhite.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.blackwhite ul.level0 li.active
{
    background: #fff!important;
    color: #a5c1cc!important;
}
#megamenucss .blackwhite.megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .blackwhite .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    background: #fff!important;
    color: #a5c1cc!important;
}
#megamenucss #js-mainnav.megamenu.blackwhite ul.level0 li.active {
    background: #fff!important;
    color: #a5c1cc!important;
}
#megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss .active {
    color: #a5c1cc!important;
}
#js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss {
    color: #827f7c!important;
}
#js-mainnav.megamenu.blackwhite .megaMenuToggle {
    border-left: none!important;
}
#jux_memamenu131 #js-mainnav .jux-fa.jux-fa-bars {
    font-size: 30px;
    float: none!important;
    color: #FFF;
    margin-top: -6px;
    margin-left: 4px;
    text-align: center!important;
    margin: 0 auto!important;
    display: block!important;
}#js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss {
    margin: 0px;
    padding: 6px 20px 6px 15px;
    border: 0;
    color: #888888;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none!important;
    background-color: transparent;
}
/*div#beam-logo {
    float: left;
    width: 20%;
}
div#beam-navbar-collapse {
    float: right;
    width: 80%;
}*/
div#CSS3-megaMenuToggle {
    float: right;
}
div#js-meganav {
    margin-top: 52px!important;
}
#jux_memamenu131 #js-mainnav.megamenu .js-megamenu {
    font-family: 'Poppins', sans-serif;
}
.custom.appointment h3 {
    text-align: center;
}
#js-mainnav.megamenu.blackwhite ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss, #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    box-shadow: none!important;
}
#beam-navbar-collapse a::before {
    font-family: FontAwesome;
    content: none!important;
    padding-left: 10px;
    padding-top: 0px;
    float: right;
    font-size: 15px;
    line-height: 2em;
    font-weight: normal;
}
#js-mainnav.megamenu.blackwhite ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss, #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    font-size: 12px;
    color: #bfbfbf;
    padding: 12px 8px;
    font-weight: normal!important;
    border-left: 1px solid #000000;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.blog, .blog-featured, .item, .item-page {
    text-align: left;
}
a.mediaLogos img {
    width: 100px;
}

.row-fluid .col-md-4, .row-fluid .col-md-3, .row-fluid .col-md-6, .row-fluid .col-md-9 {

    text-align: center;
}
div#beam-nav {
    display: none;
  }
}

@media (max-width: 480px){
.row-fluid .col-md-4, .row-fluid .col-md-3, .row-fluid .col-md-6, .row-fluid .col-md-9 {

    text-align: center;
}
/*dd.category-name {
    padding: 10px;
}*/

div#cpc-blog .page-header h2, h2.item-title, .componentheading {
    text-transform: inherit!important;
    border-bottom: none !important;
    font-size: 24px!important;
}
}

.icon-calendar {
    background-position: -192px -120px;
    display: none;
}
.mediaLogo img {
    width: 115px;
}
a.retinaLogo img {
    width: 115px;
}
/*
MAP*/

div#beam-mapwrap {
    padding: 0!important;
    margin-bottom: -50px;
}
div#beam-map .moduletable {
    margin: 0 auto!important;
}



/*
ADVERT
*/

div#beam-advert {
    padding-right: 40px;
}
.custom.advert-cpc button {
    background: transparent;
    color: #fff;
    border: 2px solid #fff !important;
    padding: 5px 20px 5px 20px!important;
}


/*
NAVIGATION
*/

.navigation ul.nav-child li a:hover {
    color: #827f7c!important;
}

/*
MODULETABLE
*/

.moduletable.signup h2 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    color: #a5c1cc;
    font-family: 'Poppins', sans-serif;
    font-weight: 300!important;

}
.custom.appointment h2 {
    text-align: inherit;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300!important;
}

.blog, .blog-featured, .item, .item-page {
    text-align: left!important;
    display: block;
    overflow: hidden;
}
/*
WIDGETKIT
*/
h3.uk-h5 {
    font-size: 20px;
    line-height: 3px;
    margin: 0 auto;
}
.uk-grid.uk-text-left {
    padding-top: 50px;
    padding-bottom: 50px;
}
.uk-button {
    margin: 0;
    font: inherit;
    color: #fff!important;
    box-sizing: border-box;
    padding: 0 15px;
    background: transparent!important;
    line-height: 33px;
    min-height: 35px;
    font-size: 1rem;
    text-decoration: none;
    border: 2px solid #fff!important;
    border-radius: 2px;
}
.uk-panel.uk-scrollspy-inview.uk-animation-slide-bottom h3 {
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 600!important;
}
.item ul, .item-page ul, .items-leading ul {
    list-style-type: disc;
}

.moduletable.c-heading {
    padding-bottom: 50px;
}

/*
FOOTER
*/

#beam-footer a:hover {
    text-decoration: underline;
}

/*
MEDIA QUERIES
*/

@media (min-width:992px){
  .custom.appointment .row-fluid .col-md-10 {
    width: 80%;
  }
.custom.appointment .row-fluid .col-md-2 {
    width: 20%;
    margin-top: 20px;
  }
}



/* AACORDIAN
*/
.half {
  float: left;
  width: 100%;
  padding: 0 1em;
}
/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
input .input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
label.label-faq {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #eee;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 300!important;
  color: #a5c1cc;
  font-size: 20px;
}
.blue label.label-faq {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: transparent;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  color: #827f7c;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 10em;
}
/* Icon */
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
input[type=radio] {
    display: none;
}
.form-horizontal .control-label {
    font-family: 'Poppins', sans-serif;
    color: #827f7c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600!important;
}
.btn:first-child {
    border-radius: 0!important;
}
.page-header h2 a:hover {
    color: #827f7c;
}
.page-header h2 a, h2.item-title a {
    font-size: 40px!important;
    line-height: 50px;
}

@media (max-width:480px){
  .custom.appointment .col-md-10 {
    padding: 0!important;
}
.custom.appointment h2 {
    text-align: center!important;
}
label.label-faq {

    line-height: 40px!important;
    padding: 20px!important
}
label.label-faq::after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
}
@media (min-width:481px) and (max-width:981px){
label.label-faq {

    line-height: 40px!important;
    padding: 20px!important
}

label.label-faq::after {
    position: absolute;
    right: 0;
     bottom: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
}
@media (max-width:980px){

label.label-faq::after {
    position: absolute;
    right: 0;
     bottom: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
 .favth-collapse.favth-navbar-collapse {
    margin-top: -80px;
    width: 100%;
    float: right;
}
#beam-slidewrap {
    margin-top: -10px;
}
.custom.appointment button {
    background: #a5c1cc;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
}
dd.createdby {
    position: relative;
    top: 100px!important;
}
.custom.advert-cpc {
    color: #fff !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    float: none!important;
}
}
@media (min-width: 468px){

.item-page.cpc-blog-heading dl.article-info {
    text-align: center;
    height: 120px;
}
.item-page.cpc-blog-heading dd.category-name {
    margin-top: -100px;
}
.item-page.cpc-blog-heading dd.createdby {
    top: 60px!important;
}
}
@media (max-width: 467px){
dd.createdby {
    position: relative;
    top: 120px!important;
}
.item-page.cpc-blog-heading dl.article-info {
    text-align: center;
    height: 150px;
}
.item-page.cpc-blog-heading dd.category-name {
    margin-top: -150px;
}
.item-page.cpc-blog-heading dd.createdby {
    top: 90px!important;
}
.item-page.cpc-blog-heading p {
    padding: 20px;
}
.blog-content {
   padding: 0 20px 0 20px;
}
.blog-content p {
    padding: 0!important;
}
}
.blog-content p {
    padding-top: 0!important;
}
.scrollToTop{
  width:200px; 
  padding:10px; 
  text-align:center; 
  background: whiteSmoke;
  font-weight: bold;
  color: #a5c1cc;
  text-decoration: none;
  position:fixed;
  bottom: 0;
  right:0;
  display:none;
  background: url('arrow_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
  text-decoration:none;
}

div#beam-map {
    padding-left: 0!important;
    padding-right: 0!important;
}

div#beam-sidebar2 .moduletable .custom h6 {
    margin-top: 0!important;
}
div#beam-sidebar2 .moduletable .custom {
    margin: 0 auto!important;
}
div#beam-sidebar2 .moduletable {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
@media (min-width:980px){
  label.label-faq::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

}
@media (max-width:979px){
  figure.uk-overlay.uk-overlay-hover img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
div#beam-mslide {
    margin-top: -10px;
}
figure.uk-overlay.uk-overlay-hover {
    display: block;
    text-align: center;
    margin: 0 auto;
}
div#beam-navbarwrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
}

@media (min-width: 468px){
div#beam-mslidewrap {
    display: none;
}
}
@media (max-width: 467px){
  .custom.m-slider {
    display: block;
    width: 100%;
}
div#beam-slidewrap {
    display: none;
}
div#beam-mslide1 {
    padding-left: 0!important;
    padding-right: 0!important;
}
div#beam-mslidewrap {
    padding-left: 0!important;
    padding-right: 0!important;
}
}
.custom.footer-cpc.f4 a:hover {
    text-decoration: none!important;
}
.custom.footer-cpc a:hover {
    text-decoration: underline;!important;
}


/*NEW*/
div#cpc-news dd.createdby {
    position: relative;
    top: 130px;
}
div#cpc-news {
    width: 800px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    max-width: 100%;
}
.item .page-header h2 {
    position: relative;
    top: -40px;
}
div#cpc-news .item p {
    padding: 10px;
    display: block;
    margin: 0 auto;
    max-width: 660px;
    text-align: center;
    float: none !important;
}
.item dd.category-name {
    display: none;
    border-top: 2px solid #000;
}
.item-page.cpc-news-heading {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px 0;
}
.item-page.cpc-news-heading .page-header {
    top: 0!important;
}

.item-page.cpc-news-heading {
  padding-bottom: 50px;
}

.item-page.cpc-news-heading p {
    max-width: 660px;
    display: block;
    margin: 0 auto;
}
.item-page.cpc-news-heading .pull-left.item-image {
    padding-top: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
}
div#cpc-news .pull-left.item-image {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}
li.previous a {
    background: #fff!important;
    border: 2px solid #a5c1cc!important;
    color: #a5c1cc!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
li.previous a:hover {
    background: #a5c1cc!important;
    border: 2px solid #a5c1cc!important;
    color: #fff!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
li.next a {
    background: #fff!important;
    border: 2px solid #a5c1cc!important;
    color: #a5c1cc!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
li.next a:hover {
    background: #a5c1cc!important;
    border: 2px solid #a5c1cc!important;
    color: #fff!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
li.previous span.icon-chevron-left {
    display: none!important;
}
li.next span.icon-chevron-right {
    display: none!important;
}
ul.pager.pagenav {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 100px 0 50px 0;
    height: 200px;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

@media (min-width: 468px){
.item-page.cpc-news-heading dl.article-info {
    text-align: center;
    height: 120px;
}
.item-page.cpc-news-heading dd.category-name {
    margin-top: -150px;
}
.item-page.cpc-news-heading dd.createdby {
    top: 100px!important;
}
}

@media (min-width:468px) and (max-width: 991px){
  .item-page.cpc-news-heading p {
    padding: 0 20px 0 20px;
}
}
@media (max-width: 467px){
  div#cpc-news .page-header h2 {
    height: 220px!important;
}
.item-page.cpc-news-heading dd.category-name {
    margin-top: -350px;
}
.item-page.cpc-news-heading dd.createdby {
    top: 150px!important;
}
.item-page.cpc-news-heading p {
    padding: 0 20px 0 20px;
}
div#cpc-news dd.createdby {
    position: relative;
    top: 220px!important;
}
.item-page.cpc-news-heading .pull-left.item-image {
    padding-top: 150px!important;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
}
div#cpc-news .item {
    border-top: 1px solid #ddd;
    padding: 30px 0;
}
.item-page.cpc-news-heading .page-header h1 {
    height: 300px!important;
    font-size: 36px!important;

}

}

@media (min-width: 468px){
div#cpc-news .item {
    border-top: 1px solid #ddd;
    padding: 30px;
}
}