/* Styles */ 

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);

body {
	font-family:"Lato", Helvetica Neue;
}


/* Hide Scroll */	
html,
body {
	overflow:hidden;
	overflow-y:scroll;
	}
	
.html,body::-webkit-scrollbar {
	display:none;
	}

.navbar-default {
	background:#f7f7f7!important;
	border-bottom:7px solid #ccc;
	height:88px;
}

.top-bar {
	background:#002D5B;
	border-bottom:7px solid #006FBA;
	text-align:center;
}	

.sponsor {
	color:#fff;
	position:absolute;
	left:10px;
	top:10px;
	font-size:.8em;
}
	
.top-bar ul {
	list-style:none;
	margin-bottom:0;
	display:inline-block;
}

.top-bar ul li {
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.top-bar ul li:hover {
	background:#006FBA;
}

.top-bar ul li a {
	color:#fff;
	text-transform: uppercase;
}

.top-bar ul li a:hover {
	text-decoration:none;
}

.download-modal {
	padding-left:0;
	padding-right:0;
}

.app-download-vid {
	background:rgb(0, 45,91);
	color:#fff;
	border-radius:4px;
	margin-bottom:5px;
	border:3px solid #006FBA;
	width:100%;
}

.download-video {
	width:100%;
	
}

.float-right {
	float:right;
}

.download-video source {
	width:100%;
	height:100%;
}


.navbar-right>li:nth-child(1) {
	border-bottom:7px solid #0054A6;
}

.navbar-right>li:nth-child(2) {
	border-bottom:7px solid #006FBA;
}

.navbar-right>li:nth-child(3) {
	border-bottom:7px solid #002D5B;
}

.navbar-right>li:nth-child(4) {
	border-bottom:7px solid #777779;
}

.navbar-right>li:nth-child(5) {
	border-bottom:7px solid #002D5B;
}

.navbar-right>li:nth-child(6) {
	border-bottom:7px solid #006FBA;
}

.navbar-right>li>a {
	font-weight:bold;
	color:#000!important;
}

.navbar-brand img {
	height:80px;
}

.navbar-right {
	background:#F7F7F7;
}

.navbar-brand {
	padding-left:30px;
	padding-right:30px;
	height:85px;
	padding-top:0;
	
}


.navbar-right>li>a {
	padding-top:30px;
	padding-bottom:30px;

	
}

/* Main Styles */  

.buttons-container img {
	background-color:#006FBA;
	border:2px solid #00426e;
	border-radius:4px;
}

.buttons-container img:hover {
	cursor:pointer;
	background-color:rgba(0, 112, 186, 0.88);
	text-decoration:none;
}

.phone-container img{
	max-width:90%;
}

.box-feature i {
	float:left;
	padding-right:5px;
}

h2 {
	margin-bottom:22px;
}

.ro-logo {
	height:150px;
}


footer {
	padding-top:40px;
	padding-bottom:30px;
	color:#000;
	background:#fff none repeat center top;
	margin-top:40px;
	padding-left:10px;
	border-top:5px solid #006FBA;
}

footer a {
	color:#000;
}

footer a:hover {
	color:#000;
}

@media (min-width:992px) {
	.buttons-container img {
		width:45%;
	}
}
@media (min-width: 768px) and (max-width: 991px)  { 

.buttons-container {
	text-align:center;
}
		
.buttons-container img{
	height:50px;
}
	
	.nav>li>a {
		padding:30px 8px;
	}
	
	.navbar-brand {
		padding-left:15px;
		padding-right:5px;
	}
	
	.top-bar ul li {
		padding-left:5px;
		padding-right:5px;
	}
	
	

}


@media only screen and (min-width:768px) {
	
	.navbar-right>li {
		display:inline-block;
	}	
	
	.navbar-default {
		margin-bottom:70px;
	}
	
}


@media only screen and (max-width:767px) {
	
.navbar-brand {
	height:80px;
	border-bottom:none;
	
}
	
	.navbar-default {
		z-index:1000;
	}
	
	.app-download-vid  {
		width:auto;
	}
	
	.float-right {
		float:none;
	}
	
	.sponsor {
		display:none;
	}

.navbar-header {
	border-bottom:7px solid #ccc;
	background:#f7f7f7;
}

.navbar-brand img {
	height:80px;
}
	
.buttons-container {
	text-align:center;
}


footer {
	text-align:center;
}	
	
	
}

@media screen and (max-width:500px) {
	
	.phone-container {
		width:100%;
		text-align:center;
	}
	
	.container {
	width:98%;
	margin:auto;
	}
	
	.phone-container img {
		width:90%;
		margin:auto;
	}

	footer {
		text-align:center;
	}
	
	.buttons-container {
		text-align:center;
	}

	.buttons-container img {
		margin-bottom:10px!important;
		height:50px;
	}

	
}