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

body {
	
	font-size: 16px;
	color: #474242;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}

h1 {
	font-family: fjalla one;
	font-weight: bold;
	font-size: 34px;
	color: #ec008c;
}

h2 {
	font-family: fjalla one;
    font-weight: bold;
    font-size: 30px;
	color: #005fa5;
	text-transform:uppercase;
}

.centered{
	margin:auto;
	text-align:center;
}





a {
	color: #005fa5;
	text-decoration: underline;
	font-family: Lato;
}


h3 {
	font-size: 17px;
	font-family: Lato;
	font-weight: bold;
	color: #528316;
}


h4 {
	
}

.submitForm input, .form-submit {
	font-family: fjalla one;
}

p, ul, li, div {
	font-family: Lato;
	color: #474242;
	font-size:18px;
}
.prtc-hidden {
	display: none;	
}

.centered{
	text-align:center;
}

#header_onestop_logo{
	width:100%;
	margin:0;
	background-color:#005fa5;
	height:45px;
}

#header_main, #footer_main{
	width:100%;
	margin:0;
	height:auto;
	background-color:#808285;
	z-index: 99999;
	font-family: fjalla one;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
}

#footer_main{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
}

.footer_slim{
	height:40px !important;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.icons-container{
   
    /* bottom: 53px; */
    /* float: right; */
    width: 45%;
    
}

#entireheader{
	z-index: 999999;
}

#titlecontainer{
	background-color:#ffffff;
	padding:3px;
	
}
.title_wrapper{
display: inline-block;
    position: relative;
    top: 71px;
	width:100%;
}
.title-txt-container{
	text-align:center;
	    margin-top: 90px;
}

.title-img-container{
	width:100%;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  opacity:1 !important;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
   top: 100%;
  left: 50%;
  margin-left: -60px; 
  background-color: #68A51D;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.submitBtn {
    background: url(../images/search_icon.svg) no-repeat;
    background-color: #808285;
    border: none;
    width: 36px;
    height: 32px;
	background-position-y: 4px;
}
#header_logo{
	background: url(../images/omniride_logo_white.png) no-repeat;
    background-color: #005FA5;
	    width: 100%;
    min-height: 107px;
    background-size: 15%;
    background-position-x: 15px;
    background-position-y: 50%;
	
    
}

.rollovericons img{
	width:60%;
}

.logo-container{
	width:30%;
}

.rollovericons{
	float:right;
	    margin-top: -86px;
	 margin-right: 22px;
	
}
#header_logo img{
	    width: 75px;
    padding: 3px;
	   
}
.logodiv{
	width:400px;
	height:100px;
}
#header_main ul, #footer_main ul{
	font-family: fjalla one;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
	list-style-type: none;
    padding: .4em .4em .4em;
    margin: 0px auto;
    clear: left;
	
}

#header_main ul li, #footer_main ul li{
    padding-right: 16px;
    margin-right: 16px;
   
}
.section-anchor{
	margin-top:-30px;
}

#header_main ul li{
 float: left;
}

#footer_main ul{
	margin-left:8px;
}

#footer_main ul li{
	display:inline-flex;
}
#header_main a:link, #header_main a:visited,
#header_main a:active,
#footer_main a:link, #footer_main a:visited,
#footer_main a:active
{
	color:#ffffff;
	text-decoration:none !important;
}

.searchbox{
	width: 100%;
    padding: 4px;
   text-align:center;
}

#nav_wrapper{
	margin:auto;
	text-align:center;
	display:flex;
	
    padding: 5px 5px 5px 5px;
}
#fullwidth{
	width:100%;
	font-size:21px;
}

#fullwidth p, #fullwidth ul, #fullwidth div{
	font-size:30px !important;
}

#contentBody{
	padding:15px;
}

.carousel-inner .item .row{
	margin-left:0px !important;
}

p a {
    color: #005fa5;
    text-decoration: underline;
}

.left{
	float:left;
	margin-left: 7px !important;
	
}

.title-left{
	float:left;
	margin-left: -15px;
}

.right{
	float:right;
	margin-right:17px !important;
	
}

.title-right{
	float:right;
	margin-right: -15px;
}

.title-right img{
	float:right;
}
#footer_items{
	position:relative;
	top:15%;
}

.carousel-inner .container{
width:100%;
margin-left:15px;
}

.layout_one_col, .layout_two_col{
	width:95%;
	padding:5px;
	margin:auto;
	
}

.layout_two_col{
	display:flex;
	/*border:5px solid #ff00ff;*/
}

.layout_two_col .img-container{
	width:50%;
	float:left;
	/*border-right:5px dashed #ff00ff*/;
	text-align:center;
	padding:20px;
}

.layout_two_col .img-container img{
	width:100%;
}
.layout_two_col .content-container{
	width:50%;
	float:right;
	padding:20px;
}

.div-references{
	text-align:center;
	font-size:30px;
	background-color:#EAEAEA;
	padding:9px;
	
}

.div-references h2, .spec-title{
	color:#528316;
	text-align:center;
	text-transform:uppercase;
	font-family: fjalla one;
}
.div-references ul {
	list-style-type:none;
	text-align:center;
	    margin-left: -44px;

}
.div-references ul li a{
	font-size:30px;
}

/*Themes*/
.theme{
	display:inline-block;
	width:95%;
	height: 43px;
	margin-left: 16px;
}

.theme h2{
	color:#ffffff;
	padding:9px;
	position:relative;
	left: 32px;
    bottom: 20px;
	font-size:23px;
	font-family: Lato;
}
.onestop_theme_purple{
	background-color:#5E50A1;
}
.onestop_theme_purple_title{
	background: url(../images/onestop_theme_purple_title.png) no-repeat top center fixed;
	background-size: 100%;
	height: 100vh;
	width: 100%;
	
}
.onestop_theme_teal{
	background-color:#07807b;
}
.onestop_theme_teal_title{
	background: url(../images/onestop_theme_teal_title.png) no-repeat;
	position: relative;
	width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
	
}

.onestop_theme_orange{
	background-color:#f05938;
}
.onestop_theme_orange_title{
	background: url(../images/onestop_theme_orange_title.png) no-repeat;
	position: relative;
	width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
	
}
.onestop_theme_blue{
	background-color:#008CEF;
}
.onestop_theme_blue_title{
	background: url(../images/onestop_theme_blue_title.png) no-repeat;
	position: relative;
	width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
	
}
 
.onestop_theme_olive{
	background-color:#ada837;
}
.onestop_theme_olive_title{
	background: url(../images/onestop_theme_olive_title.png) no-repeat;
	position: relative;
	width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
	
}
.onestop_theme_green{
	background-color:#49D271;
}
.onestop_theme_green_title{
	background: url(../images/onestop_theme_green_title.png) no-repeat;
	position: relative;
    width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
	
}.section_wrapper{
	margin-top:-40px;
}

.title_wrapper img{
	width:90%;
}
.searchBar{
		width:245px;
	}
	


@media screen\0 {
	.onestop_theme_green_icon,.onestop_theme_olive_icon,.onestop_theme_orange_icon,.onestop_theme_blue_icon,.onestop_theme_purple_icon,.onestop_theme_teal_icon {
		
		background-position-x:-929px;
	}
}

/*Mobile Phone Specific CSS*/

@media (max-width:415px){
	#header_main ul li{
		/*float:none;*/
	}
	
	#footer_item1, #footer_item2 {
	text-align:center;
}
	
	#nav_wrapper ul{
		float:left;
	}
	
	#nav_wrapper li{
		font-size:14px;
	}

/*#footer_item2{
	margin-left:90px;
}*/
	
#header_logo img {
    width: 42px !important;
}
}

/*Tablet Specific CSS*/

@media (min-width:416px) and (max-width:1024px){
	#footer_items {
   /* left: 35%;*/
}
	.control-round .carousel-control {
    top: 32% !important;
}
	#header_logo {
    background-size: 27%;
	}
}



/*Desktop CSS*/
@media (min-width:1025px){
#header_main ul li{
	content: "";
    border-right: 2px solid #ffffff;
}
	#header_main ul li:last-child, #header_main ul li:last-of-type {
    border: none;
    padding-right: 0px;
    margin-right: 0px;
}
	#footer_items {
    left: 40%;
}
	#footer_item2{
	margin-left:5px;
}
	
	.break {
		position:relative;
		left:0px !important;
	}
	
	/*Override Slideshow*/
.control-round .carousel-control {
    top: 40% !important;
}
	
}

@media (min-width:800px){
	#scroll{
		display:none !important;
	}
}
@media (max-width:799px){
	#scroll {
    position:fixed;
    right:10px;
    bottom:77px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


	.sticky{
		position:relative !important;
	}
	#header_logo{
		background-size:35% !important;
		
    min-height: 124px;
	}
	
	.rollovericons{
		padding-top:7px;
		margin-top: 0px;
	}
	
	#header_logo img {
    width: 48px;
	}
	
	#header_main ul li {
		/*float:none;*/
	}
	
	
	
	.layout_two_col{
		display:block;
		border:none;
	}
	
	.layout_two_col .img-container, .layout_two_col .content-container{
		width:100%;
		float:none;
		border:none;
	}
	
	#header_logo {
    background-position-x: 50%;
	background-position-y:9%;
	
}
	
	

	
	
	.logolink{
		width:30%;
	}
	
	#titlecontainer{
		    margin-top: -10px;
	}
	.rollovericons {
    text-align: center;
    padding-top: 60px;
    width: 100%;
		    margin-right: 0px;
		margin-top:-105px;
	}
}