@charset "utf-8";
/* Oxfiniti unique CSS Document */

/* 1.25 Major Third system (type-scale.com) */
html {font-size: 1em;}

body {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #666;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 0.75 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 2.441em;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}

small, .font_small {font-size: 0.8em;}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	color: #333;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-bottom: 20px;
}

.skypeGrey {
	background: #f8f8f8;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.notopMargin {
	margin-top: 0;
}

.marginBottomThirty {
	margin-bottom: 30px;
}

.marginBottomThirtySM {
	margin-bottom: 30px;
}

@media (min-width:767px) {
.marginBottomThirtySM {
	margin-bottom: 0;
}
}


.greyThree {
	color: #333;
}

.darkBlue {
	color: #0c4c74;
}

.white {
	color: #fff;
}

.darkGreen {
	color: #027074;
}

.lightGreen {
	color: #60ba00;
}


.lightBlueText {
	color: #0ea8d5;
}

.emphasis {
	font-weight: 700;
}

.darkText {
	color: #333;
}

.footerText {
	color: #909090!important;
	font-size: 0.8em;
}

.jumbotron p {
	font-size: inherit;
}

p.lead {
  margin-bottom: 20px;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  p.lead {
    font-size: 1.563em;
  }
}


/* Links */

a {
	color: #60ba00;
	text-decoration: none;
}

a:hover, a:active {
	color: #0ea8d5;
	text-decoration: none;
}

.navbar-header a, .navbar-header a:visited {
	color: #fff;
}

.footerLines a {
	color: #fff;
}

.skypeGrey a {
	color: #0ea8d5;
}

.skype a {
	color: #0ea8d5;
}


/* Link transitions */

a:link {
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/* Images */

.imageLeft {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

.borderRight {
	border-right: 1px solid;
}

.borderLeft {
	display: inline-block;
	border-left: 1px solid;
	padding-left: 15px;
	margin-left: 10px;
}
	
.borderTop {
	border-top: 1px solid;
	padding-top: 15px;
}

.resizeSvg {
	max-width: 90%;
}

.resizeSvgSeventyFive {
	width: 75%;
	max-width: 75%;
}


.resizeSvgFifty {
	max-width: 50%;
}


@media (max-width:767px) {
.hideXS {
	display:none;
}
}

@media (min-width:768px) {
.hideLG {
	display:none;
}
}


/* Structure */

#gmap iframe, #gmap object, #gmap embed { height: 400px; width: 100%; }

.innerShadow {
	content: "";
	-moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.4), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.4), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.4);
	box-shadow:			inset  0  8px 8px -8px rgba(0,0,0,0.4), 
						inset  0 -8px 8px -8px rgba(0,0,0,0.4);
}

.innerShadowTop {
	-moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.4);
	box-shadow:			inset  0  8px 8px -8px rgba(0,0,0,0.4);
}

.innerShadowBottom {
	content: "";
	-moz-box-shadow:    inset  0 -8px 8px -8px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset  0 -8px 8px -8px rgba(0,0,0,0.4);
	box-shadow:			inset  0 -8px 8px -8px rgba(0,0,0,0.4);
}

.map-container {
    position: relative;
    overflow: hidden;
}
.map-container:before, .map-container:after, .map:before, .map:after {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';	-moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.2), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.2), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.2);
	box-shadow:			inset  0  8px 8px -8px rgba(0,0,0,0.2), 
						inset  0 -8px 8px -8px rgba(0,0,0,0.2);
    pointer-events: none;
}

.well-sm {
    border-radius: 0;
}

@media (max-width:1279px) {	
.moleculeFloat {
	display: none;
}
.container.paddingToptwelveZero {
	padding-top: 0px;
}
}

@media (min-width:1279px) {	
.moleculeFloat {
	position: absolute;
	display:block;
	text-align: center;
	width: 98%;
	margin: -710px 0 0 0;
}
}

@media (min-width:768px) and (max-width:768px) {	
.moleculeFloat {
	margin: -850px 0 0 0;
}
}

@media (min-width:769px) and (max-width:801px) {	
.moleculeFloat {
	margin: -850px 0 0 0;
}
}

@media (max-width:721px){
.footerAlign .col-xs-12 {
	text-align: center;
	padding-top: 20px;
}
}

/* Backgrounds */

.moleculeBlueTop {
	background: #0ea8d5 url(../images/MolecularBackgroundBlueTop.jpg) top center no-repeat;
}

.moleculeGrey {
	background:  #fff url(../images/MolecularBackgroundGreyMiddle.jpg) center center no-repeat;
}

.moleculeWhiteMiddle {
	background: #eeeeee url(../images/MolecularWhiteOnGrey-Middle.jpg) center center no-repeat;
}

.moleculeWhiteGreyTop {
	background: #eeeeee url(../images/MolecularWhiteOnGrey-Top.jpg) top center no-repeat;
}


.jumbotron {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blue {
	color: #fff;
	background-color: #0ea8d5;
}

.blueBorderTwo { /* 2px border */
	border: 2px solid #0ea8d5;
}

.fdf {
	background: #fdfcfd;
}

.darkGrey {
	color: #fff;
	background-color: #333;
}

.footerLines {
	border-color: #444;
}

.container {
	padding-top: 65px;
	padding-bottom: 65px;
}

@media (max-width:721px) {
	.container {
		padding-top: 45px;
		padding-bottom: 45px;
	}
}

.container.notopPadding {
	padding-top: 0;
}

.borderTopGrey {
	border-top: 1px solid #efefef;
}

.paddingTen {
	padding-top:10px;
	padding-bottom: 10px;
}

.paddingBottomTwenty {
	padding-bottom: 20px;
}

.greyBlockLeft {
	background: #e8e8e8;
	padding: 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

.greyBlockRight {
	background: #e8e8e8;
	padding: 30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.blueBlockLeft {
	color: #fff;
	background: #01abd3;
	padding: 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

.blueBlockRight {
	color: #fff;
	background: #01abd3;
	padding: 30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.glyphBlock {
	color: #fff;
	font-size: 4em;
	background: #027074;
	padding: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Media Queries to add space on portable devices */

.col-xs-12 {
	margin-bottom: 20px;
}
	

/* Lists */

ul li {
	padding-bottom: 15px;
}

ul.nomarginBullet {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.nomarginBullet li {
	padding-bottom: 20px;
}

ul.footerLinks {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.footerLinks li {
	padding-bottom: 5px;
}

.footerLinks a, .footerLinks a:visited {
	color: #909090;
	text-decoration: none;
}

.footerLinks a:hover, .footerLinks a:active {
	color: #ffffff;
}



/* forms */

.form-control.light{ 
  background-color: #fbfbfb;
  padding: 12px 12px;
  height: auto;
}

.form-control.blue {
	color: #0c7c9c;
	background-color: #bbf0ff;
	padding: 12px;
	height: auto;
	border: 1px solid #2bbce6;
}

label {
	font-weight: 400;
}

.form-control.blue label {
  color: #fff;
}

.form-group.required label:after { 
   content:" *";
   color: #ccc;
   font-weight: 700;
}

.form-control.blue::-moz-placeholder {
  color: #0c7c9c;
  opacity: 1;
}
.form-control.blue:-ms-input-placeholder {
  color: #0c7c9c;
}
.form-control.blue::-webkit-input-placeholder {
  color: #0c7c9c;
}

select.form-control {
  height: 45px;
}

/* Carousel Styles */

/* Wrap navbar and carousel into a wrapper */

.bannerContainer {
    position:relative;
	height: 100%;    
}

.carousel {
    top:0;    
}

body.home .navbar {
    position:absolute;
    z-index:20;
	width: 100%;
}

.navbar {
    position:relative;
    z-index:20;
	width: 100%;
}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-fade .carousel-inner .item {
	border-bottom: 6px solid #fff;
}

/* inspired from http://codepen.io/Rowno/pen/Afykb */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." now override the 3.3 new styles for modern browsers & apply opacity*/

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-header {
	position: absolute;
	top: 10px;
	z-index: 10;
	padding: 30px 30px 20px 30px;
	margin-top: 105px;
	margin-left: 30px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 50%;
}

@media (min-width:767px) and (max-width:981px) { 
.carousel-header {
	margin-top: 165px;
	}
}

@media (max-width:767px) { 
.carousel-header {
	width: 100%;
	margin-top: 70px;
	margin-left: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
}

@media (min-width:768px) and (max-width:981px) { 
.carousel-header {
	width: 92%;
	}
}


.carousel-header h1, .carousel-header h2, .carousel-header h3 {
	color: #fff;
	text-transform: uppercase;
}

.carousel-header h1 {
	margin-bottom: 0;
}

.carousel-header h1 {
	font-weight: 400;
	letter-spacing: 1px;
}

.carousel-header h2 {
	font-weight: 400;
	letter-spacing: 1px;
}

.carousel-header ul {
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.carousel-header ul li {
	font-size: 1.563em;
	padding-bottom: 5px;
}
	

@media (max-width: 767px) {
.carousel-header h1 {
	font-size: 1.25em;
	}
.carousel-header ul li {
	font-size: 1em;
	}
}	

.carousel-caption {
	padding-bottom: 20px;
}

.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}

.carousel-indicators {
  bottom: 10px;
  width: 60%;
}

.carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
}

.btn-blueOne {
  color: #fff;
  font-weight: 400;
  background: #0ea8d5;
  border: 2px solid #fff;
  padding: 6px 20px;
}

.btn-blueOne:focus,
.btn-blueOne.focus {
}

.btn-blueOne:hover {
  color: #fff;
  background: #00c6ff;
  border: 2px solid #fff;
}

.btn-blueTwo {
  color: #0ea8d5;
  font-weight: 400;
  background: #fff;
  border: 2px solid #0ea8d5;
  padding: 10px 40px;
}
.btn-blueTwo:focus,
.btn-blueTwo.focus {
}

.btn-blueTwo:hover {
  color: #666;
  background: #fbfbfb;
  border: 2px solid #e5e5e5;
}

.buttonpaddingWide {
	padding: 10px 60px;
}



/* Menu */

@media (max-width:641px) {
	img.headerLogo {
		width: 150px;
		height: auto;
	}
	.glyphicon.glyphicon-earphone {
		display:none;
	}
	.phoneNav {
		display: none;
	}
	
}

.nav li {
	padding-bottom: 0;
}

.navbar {
	border-radius: 0;
}

.navbar-header {
	color: #fff;
}

@media (max-width:721px) {
	.navbar-header {
		padding-top: 12px;
	}
}

@media (min-width: 767px) and (max-width: 981px) {
	.navbar-header {
		float: none;
		display: block;
		text-align: center;
	}
}

@media (min-width: 767px) and (max-width: 981px) {
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar-right {
	float: none!important;
}

.navbar .navbar-collapse {
    text-align: center;
	margin-bottom: -5px;
}
}


.navbar.navbar-default {
	background: #333;
	font-size: 1em;
}

.navbar-default {
	border-color: #333;
}
 
.navbar-default .navbar-collapse {
	border-color: #333;
}

.navbar-collapse {
  border-top: 1px solid #444;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-default .navbar-nav > li > a {
	color: #ccc;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}


.navbar {
    min-height: 80px;
    margin-bottom: 0px;
	border-bottom: 6px solid #01ABD3;
}

@media (max-width: 767px) {
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	font-size: 1em;
}

.navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background: #333;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

.dropdown-menu {
	background: #333;
	border: 0;
}

.dropdown-menu > li > a {
	color: #fff;
}

.dropdown-menu > li > a:hover {
	color: #fff;
}

.dropdown-menu .divider {
    background-color: #444;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color:#fff;
}

}

@media (min-width: 767px) {
		
.navbar.navbar-default {
	padding-top: 10px;
	border-top: 0;
	border-right: 0;
	border-bottom: 6px solid #01ABD3;
	border-left: 0;
    min-height: 80px;
    margin-bottom: 0px;
}
	
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar.navbar-default .container-fluid {
	max-width: 1120px;
	margin: 0 auto;
}

.navbar-default .navbar-nav > li {
	bottom: 0px;
}

.navbar-default .navbar-nav > li > a {
	background: url(../images/menu.jpg) bottom center no-repeat;
}

.navbar-default .navbar-nav > li > a:hover {
	background: url(../images/menuRoll.jpg) bottom center no-repeat;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: #333 url(../images/menuRoll.jpg) bottom center no-repeat;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

.dropdown-menu {
	background: #0ea8d5;
	border: 0;
}

.dropdown-menu > li > a {
	color: #fff;
}

.dropdown-menu > li > a:hover {
	color: #fff;
	background: #11c1f4;
}

.dropdown-menu .divider {
    background-color: #11c1f4;
}

}

/* Back to top button */

.btn-btp {
  color: #fff;
  background-color: rgba(0,0,0,0.4);
  border-color: #000;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}

/* Tables */

thead.blue {
	background: #0FA8D4;
	color: #fff;
}

/* Fix for Windows Phone */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }