/* For mobile phones */
@charset "UTF-8";
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;  	
	background-color: #c7d4da;
	color: #394a59;
	font-weight: 300;
	padding-bottom:40px;
	position:relative;
	min-height: 100%;
	line-height:0;

}
a {
	color: #adc1c8;
	font-weight: 300;
}
a:hover {
	color: white;
	text-decoration: none;
	font-weight: 300;
}
h1 {
	font-weight: 700;
	font-size: 1.4375em;
	margin-bottom: 25px;
}
p {
	font-size: 1.143em; /* 14px */
	line-height: 1.4286em; /* 20px */
}
.container-fluid {
	padding-left:0px;
	padding-right:0px;
	background-color:#c7d4da;
}
.socialContainer {
	margin-top: 4%;
	margin-bottom: 4%;
	display: inline-block;
	text-align: right;
}
.shareText {
	color: #627686;
	padding-top: 3px;
	display: inline;
	font-weight: 300;
}
.socialHolder {
	display: inline;
}
.social {
	padding-left: 10px;
	width: 36px;
	height: 26px;
}
.socialHolder a .social:hover {
	opacity: 0.5;
}
#logo .logoShield {
	padding-top: 0px;
}
.goText {
	color: #FFFFFF;
	padding-top: 2%;
	text-align: center;
	margin-bottom:30px;
}
div.carousel {
	margin-top: 5%;
	margin-bottom: 10%;
}
.left.carousel-control, .right.carousel-control {
	background-image:none;
}
.carousel-caption  {
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	font-weight: 300;
	font-size: 1.375em;
	line-height: normal;
	text-shadow: 0px 0px;
	padding-top: 10%;
	overflow: visible;
}
.leftHomeContainer {
	background-image: url(../images/lightPatternHome.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 683px auto;
	background-color: #c7d4da;
	padding-top: 2%;
}
.rightHomeContainer {
	background-image: url(../images/darkPatternHome.jpg);
	background-repeat: no-repeat;
	/* [disabled]left: 0px; */
	background-position: left bottom;
	background-size: 683px auto;
	background-color: #17212b;
	/* [disabled]float: left; */
}
.item {
	background-image: none;
	background-color: #00beb7;
	height: 250px;
}
.carousel-inner {
	height: 250px;
}
.carousel-indicators {
	display: none;
}
#carousel1 {
}
.footerText {
	color: #627686;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 300;
	font-size:0.9em;
}
.qouteSource {
	font-size: 50%;
	font-weight: 300;
	text-align: left;
}
.glyphicon.glyphicon-chevron-left {
	font-size: 0.8em;
	color: #007987;
	text-shadow: 0px 0px;
}
.glyphicon.glyphicon-chevron-right  {
	font-size: 0.8em;
	text-shadow: 0px 0px;
	color: #007987;
}
blockquote small {
	color: white;
	font-weight: 300;
}
blockquote {
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: italic;
	margin-left:auto;
	margin-right:auto;
}
#topFixedNavbar1 {
	background-color:white !important;
}
.nav.navbar-nav li a {
	color: #adc1c8; /*  #adc1c8 */
	font-weight: 300;
	font-size: 1.1429em;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
	color:#adc1c8 !important;
}
.nav.navbar-nav li a:hover {
	color: #00beb7 !important;
}
.nav.navbar-nav li a:active {
	color: #00beb7;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
}
.navbar-default {
	border-width: 0px;
}
.headline {
	margin-bottom: 5%;
}
.navbar-transparent {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
}
.navbar {
	margin-bottom:0;
}
.navbar-collapse {
	padding-left:0px;
	padding-right:0px;
}
.vl37 {
	color: #adc1c8;
	padding-top:100px;
}
.footer {
	position: absolute;
	right:0;
	bottom:0;
	left:0;
	height:40px;
}
.vl37 img {
	padding-bottom:25px;
	padding-top:20px;
}
.navbar-toggle {
	margin-right: 25px;
}
.homeImage {
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption {
	text-align:center !important;
}


/* Submenu - Ton */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* For iPhone 4 */
@media screen and (max-width:320px){
#logo .logoShield {
	width: 96px;
	height: 180px;
}
.container.socialContainer.col-lg-12 {
	margin-top: 7%;
}
blockquote p {
	font-size: 0.85em;
}
blockquote small {
	font-size: 0.75em;
}
.footerTextBottom.hidden-lg {
	font-size: 0.85em;
}
.shareText {
	font-size: 0.85em;
}
.social {
	padding-left: 5px;
	width: 31px;
}
.goText  {
	margin-top: 0px;
}
.vl37 {
	padding-top:0px;
}
.navbar-nav li {
	padding-left: 30px;
}
#logoOmni {
	text-align: center;
	top:0%;
	padding-top: 15px;
}
#logo {
	text-align: center;
	top:0%;
}
	.leftHomeContainer {
	padding-bottom: 20px;
}
}

@media screen and (min-width:321px) and (max-width:766px){
.vl37 {
	padding-top:0px;
}
.navbar-nav li {
	padding-left: 30px;
}
#logoOmni {
	text-align: center;
	top:0%;
	padding-top: 15px;
}
#logo {
	text-align: center;
	top:0%;
}
	.leftHomeContainer {
	padding-bottom: 20px;
}
}

/* For tablets */
@media screen and (orientation:landscape) and (min-width:768px) and (max-width:1199px){
.leftHomeContainer {
	background-image: url(../images/lightPatternHomeNEXUS.jpg);
	padding-bottom: 20px;
}
.rightHomeContainer {
}
.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

.navbar .navbar-collapse {
        text-align: center;
    }
.vl37 {
	padding-left: 0%; /* was 9%. Should be 9 again after LA fair */
	padding-right: 0%; /* was 9%. Should be 9 again after LA fair */
}
#logoOmni {
	text-align: center;
	top:0%;
	padding-top: 15px;
}
	#logo {
	text-align: center;
	top:0%;
}
}


/* For desktop */
@media screen and (orientation:landscape) and (min-width:1200px){
.socialContainer {
	margin-top: 4%;
	margin-bottom: 4%;
	display: inline-block;
	text-align: right;
}
.shareText {
	color: #627686;
	padding-top: 3px;
	display: inline;
	font-weight: 300;
}
.socialHolder {
	display: inline;
}
.social {
	padding-left: 10px;
	width: 36px;
	height: 26px;
}
.socialHolder a .social:hover {
	opacity: 0.5;
}
#logoOmni {
    left: 50%;
    margin-left: -90px;
    position: absolute;
    top: 25%;
    width: 152px;
    z-index: 3;
}
	#logo {
    left: 50%;
    margin-left: -78px;
    position: absolute;
    top: 50%;
    width: 152px;
    z-index: 3;
}
.goText {
	color: #FFFFFF;
	padding-top: 2%;
	target: _blank;
	text-align:left;
}
div.carousel {
	margin-top: 5%;
	margin-bottom: 10%;
}
.left.carousel-control, .right.carousel-control {
	background-image:none;
}
.carousel-caption  {
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 105%;
	font-weight: 300;
	font-size: 1.375em;
	line-height: normal;
	text-shadow: 0px 0px;
}
.leftHomeContainer {
	background-image: url(../images/lightPatternHome.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 683px auto;
	background-color: #c7d4da;
	padding-top: 40px;
	height: 675px;
	overflow-y: visible;
}
.rightHomeContainer {
	background-image: url(../images/darkPatternHome.jpg);
	background-repeat: no-repeat;
	/* [disabled]left: 0px; */
	background-position: left bottom;
	background-size: 683px auto;
	background-color: #17212b;
	/* [disabled]float: left; */
	overflow-y: visible;
	height: 675px;
}
.item {
	background-image: none;
	background-color: #00beb7;
	height: 250px;
}
.footerText {
	color: #627686;
	padding-top: 10px;
	bottom: 0px;
	padding-bottom: 10px;
	left: -25%;
	font-weight: 300;
}
.qouteSource {
	font-size: 50%;
	font-weight: 300;
	text-align: left;
}
.glyphicon.glyphicon-chevron-left {
	font-size: 0.8em;
	color: #007987;
	text-shadow: 0px 0px;
}
.glyphicon.glyphicon-chevron-right  {
	font-size: 0.8em;
	text-shadow: 0px 0px;
	color: #007987;
}
blockquote small {
	color: white;
	font-weight: 300;
}
blockquote {
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	.spacer { 
	margin:0; 
	padding:0; 
	height:100px; 
}
.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

.navbar .navbar-collapse {
        text-align: center;
    }
}


/*for big screens */
@media screen and (min-width:1201px) and (max-width:1259) {
}

@media screen and (min-width:650px) and (max-width:991px){
/* 650 was 768 TON */
.container {
	width: 100%;
}
.leftHomeContainer {		
	padding-bottom: 20px;
}
.vl37 {
	padding-top:0px;
}
}

@media screen and (min-width:768px) and (max-width:1199px){
.container {
	width: 100%;
}
.vl37 {
	padding-top:0px;
}
	#logoOmni {
	text-align: center;
	top:0%;
	padding-top: 15px;
}
	#logo {
	text-align: center;
	top:0%;
}
}
@media screen and (min-width:650px) and (max-width:767px){
#logoOmni {
	text-align: center;
	top:0%;
	padding-top: 15px;
}
	#logo {
	text-align: center;
	top:0%;
}
}