#header {
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 110px;
  line-height: 85px;
  background: white;
  box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}
#header h1 {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
}

input#ContentPlaceHolder1_LoginBtn:hover {
	background-color:#2fcfde !important;
}
div.loginNav {
	height:30px;
	line-height:30px;
	background: #FFF;
	padding-right:20px;
	border-bottom: 1px solid rgb(208,244,247);
}
div.loginNav ul {
	margin:0;
	padding:0;
	float:right;
}
div.loginNav ul li, nav#footer ul li  {
	list-style:none;
	padding:0 10px;
}
div.loginNav ul li a, nav#footer ul li a {
	color:white;
	text-decoration:none;
}
#nav {
  position: absolute;
  right: 0;
}
#nav ul li, div.loginNav ul li, nav#footer ul li {
  float: left;
  list-style:none;
}
#nav ul li a {
  display: block;
  text-decoration: none;
  padding: 0 10px;

    word-spacing: normal;
    color: #6a7990;
    font: normal 500 18px / 22px "Fira Sans Condensed", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;

}
div.content {
    padding-top: 80px;
}

@media screen and (max-width: 1100px) {
.masthead .main-nav, .masthead:not(.side-header) .main-nav, #phantom, .masthead:not(.side-header) .header-bar, .masthead.side-header .header-bar, .header-scrollbar-wrap, .masthead.mixed-header, .header-space, .hide-overlay, .top-line-space {
    display: block !important;
}
}

.main-nav>li {

    display: block !important;
}


.first {
    padding: 4rem 0 4rem 0 !important;
}

.page-title > .wf-wrap, #fancy-header > .wf-wrap {
    width: 1150px!important;
}

.top-bar .mini-widgets.right-widgets, .top-bar .mini-widgets:last-child {
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    position: absolute;
}

.left-widgets.mini-widgets {
    padding-top: 7px;
}

.main-nav > li > a {
    margin: 11px 8px 11px 0px;
    padding: 7px 12px 5px 12px;
}
.masthead:not(.side-header):not(.side-header-menu-icon) .top-bar {
    max-width: calc(1150px);
    margin: 0 auto;
}

.main-nav > li > a {
    margin: 25px 8px 25px 0px !important;
}

input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit), .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"]
.copyright {
	background-color:#FFF;
}
.ui-widget-overlay {
    background: #000000;
    opacity: .5;
    filter: Alpha(Opacity=30);
}
@media (max-width: 800px) {
  #header {
    height: 100px;
  }
  #header .container {
    width: 100%;
  }
  #header h1 {
    left: 3%;
  }
  #nav {
    width: 100%;
    top: 60px;
	height:0px;
  }
  #header h1 img {
    max-width: 80%;
  }

  #nav:before {
    content: '\2630';
    display: block;
    position: absolute;
    right: 3%;
    top: -50px;
    line-height: 40px;
    cursor: pointer;
  }
  #nav ul {
    background: #222;
    width: 100%;
  }
  #nav ul li {
    float: none;
  }
  #nav ul li a {
    padding: 10px 3%;
    line-height: 20px;
    border-top: 1px solid #333;
  }
  #nav ul {
    transition: 350ms;
    -moz-transition: 350ms;
    -webkit-transition: 350ms;
    transform: perspective(600) rotate3d(0, 0, 0, 0);
    -moz-transform: perspective(600) rotate3d(0, 0, 0, 0);
    -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);
    transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
  }
  #nav.open ul {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);
  }
.section {
    padding: 2rem 0 7rem!important;
    text-align: center;
}

div.logForm {
	width:100%!important;
}
}

/* Shared
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.button {
  border-radius: 100px;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:2px 2px 2px #CCC;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Sections
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Hero
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.phones {
  position: relative;
}
.phone {
  position: relative;
  max-width: 80%;
  margin: 3rem auto -12rem;
}
.phone + .phone {
  display: none;
}

/* Values
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.values {
  background-image: url('/images/cpn-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  font-weight: 400;
}

/* Help
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Categories
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.categories {
  background-image: url('/img/values-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 12rem 0 11rem;
  }
  .hero {
    padding-bottom: 12rem;
    text-align: left;
    height: 165px;
  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 325px;
  }
  .hero-heading {
    font-size: 2.6rem;
	text-align:center;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    top: -14rem;
    right: 5rem;
    max-height: 510px;
  }
  .phone + .phone {
    top: -12rem;
    max-height: 472px;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 8rem 0 12rem;
  }
  .first {
    padding: 16rem 0 4rem 0;
  }
  .text {
	  text-align:left;
  }
  .hero {
    padding: 14rem 0;
  }
  .hero-heading {
    font-size: 4.2rem;
  }
  .phone {
    top: -16rem;
    max-height: 615px;
  }
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
    .footer {
    padding: 2rem 0 2rem;
  }

}