@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300';

    body,html{
		height: 100%;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		line-height: 20px;
	}
	a {
    color: #ffffff;
    text-decoration: none;
	}
	a:focus, a:hover, a.active {
	color: #cc802e!important;
	text-decoration: none;
	}

	body {
		/*background: #121c2b;*/
		color:#959595 !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	h1 {
		font-size: 36px;
	}
	
	h2 { 
		font-size: 24px;
	}

	ul{
		list-style-type: disc;
	}
	ul.base-color {
        list-style: none;
    }

    ul.base-color li::before {
          content: "\2022";
          color: #a485fe;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1.5em;
          position: absolute;
    }
    ul.base-color.tick li::before {
        content:'\f00c';
        font-family: 'fontawesome';
    }
    
	
	ul.standard {
		padding-left: 15px;
	}
	ol{
		padding:10px 0;
		margin:0;
	}
	ol ol{
		padding: 0;
	}
	ol li{   
		padding-left: 0;
		color:#ff8b00;
	}
	ul{
		padding-left: 14px;
	}
	ul.color-base3 li{   
		color:#959595;
	}
	ol ol li{   
		padding-left: 0;
		padding-bottom: 10px;
		color:#959595;
	}
	ol { counter-reset: item }
	ol >li{ display: block }
	ol >li:before { 
	color: #ff8b00;
	content: counters(item, ".") " "; 
	counter-increment: item;
	display: inline-block;
	width: 50px;
	}
	/*ul >li{ display: block }
	ul >li:before { 
	color: #ff8b00;
	content: "counters(item, ".") " ""; 
	counter-increment: item;
	display: inline-block;
	width: 50px;
	}*/

	.fff{
		color:#fff;
	}
	
	.pt10 {
		padding-top: 10px;
	}

	/* remove outer padding */
	.main .row{
		padding: 0px;
		margin: 0px;
	}
	
	.main .page-title {
		color: #a485fe;
		font-family: cambiab;
		font-weight: 900;
    	padding-top: 35px;
    	padding-bottom: 30px;
    	font-size: 22px;
	}

	.main .sub-title {
		color: #a485fe;
		margin-bottom: 3px;
		font-family: roboto;
		font-weight: 100;
		font-size: 16px;
    	text-transform: uppercase;
	}
	
	.main h4.sub-title{
		color:#fff;
		text-decoration:underline;
	}
	
	.block-content div {
    color: white;
    }

	/*Remove rounded coners*/

	nav.sidebar.navbar {
		border-radius: 0px;
	}

	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	}

	.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 100%;
    font-size: 13px;
	}

	/* Add gap to nav and right windows.*/
	.main{
		padding: 0;
		background: #20163e;
		font-size: 12px		

	}

	#term-and-conditions .sub-title {
		text-transform: uppercase
	}

	/*.navbar-header {
		background: url(../images/lite-header-bg.png) repeat-x;
	}*/
	
	.navbar-brand {
		padding: 4px 8px;
		height: 65px;
	}

	.navbar-brand img {
		max-height: 60px;

	}
	
	.navbar {
		margin-bottom: 0;
	    font-family: Century, "Roboto", sans-serif;
		font-weight: 400;
		font-size: 1.6vw !important;
		text-transform: uppercase;
	}
	nav .navbar-nav li {
			border-bottom: 1px solid #2f3c51;
	}

	nav .navbar-nav li:last-child {
			border-bottom: none;
	}

	.navbar-left {
		background-color: #1a1134;
	}
	.navbar-left .navbar-brand {
		color: #fff
	}
	.navbar-left .navbar-brand:hover, .navbar-left .navbar-brand:focus {
		color: #fff;
		background-color: transparent
	}
	.navbar-left .navbar-text {
		color: #9d9d9d
	}
	.navbar-left .navbar-nav>li>a {
		color: #fff;
		text-align: left;
		text-transform: uppercase;
		font-family: roboto;
		font-weight: 900;
	    font-style: italic;
	    font-size: 14px;
	}

	.navbar-left .navbar-nav>li>a>span {
		padding-right: 20px;
	}

	
	.navbar-left .navbar-nav>li>a:hover, .navbar-left .navbar-nav>li>a:focus {
		color: #6954a6;
		background-color: #1a1134
	}
	.navbar-left .navbar-nav>li>a.active{
    	color: #6954a6;
		background-color: #1a1134;
		font-weight: bold;
	}
	/*.navbar-left .navbar-nav>.active>a, .navbar-left .navbar-nav>.active>a:hover, .navbar-left .navbar-nav>.active>a:focus {
		color: #ffffff;
	    background-color: #000000;
	}*/
	.navbar-left .navbar-nav>.disabled>a, .navbar-left .navbar-nav>.disabled>a:hover, .navbar-left .navbar-nav>.disabled>a:focus {
		color: #444;
		background-color: transparent
	}
	.navbar-left .navbar-toggle {
		border-color: #ff8b00
		color: #ff8b00
	}
	.navbar-left .navbar-toggle:hover, .navbar-left .navbar-toggle:focus {
		background-color: #333
		color: red
	}
	.navbar-left .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.navbar-left .navbar-collapse, .navbar-left .navbar-form {
		border-color: #101010
	}
	.navbar-left .navbar-nav>.open>a, .navbar-left .navbar-nav>.open>a:hover, .navbar-left .navbar-nav>.open>a:focus {
		color: #fff;
		background-color: #080808
	}
	.navbar-toggle,.fa-bars{
	color: #fff;
	border-color: #fff;
	}

	.collapsed.navbar-toggle,.collapsed.navbar-toggle .fa-bars{
	color: #926afe;
	border-color: #926afe;
	}

	.navbar-toggle:hover, .navbar-toggle:focus {
    background: #080808;
	}

	


	



	

	@media (max-width: 767px) {

		.navbar-nav li span,.navbar-nav li i{
			float: left !important;
			padding-right: 15px;

		}
		

	}
		@media (max-width: 999px) {

		
		.navbar img{
	        float:left;
	        padding-left:20px;
	        max-width: 74px;
	    }

	}
	
	/* .....NavBar: Icon only with coloring/layout.....*/

	/*small/medium side display*/
	@media (min-width: 768px) {
	    
	    

		/*Allow main to be next to Nav*/
		.main{
			position: absolute;
			width: calc(100% - 0px); /*keeps 100% minus nav size*/
			/*margin-left: 40px;*/
			float: right;
		}

		/*lets nav bar to be showed on mouseover*/
	

		/*Center Brand*/
		nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}
		/*Center Brand*/
		nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
			text-align: center;
			width: 100%;
			margin-left: 0px;
		}

		/*Center Icons*/
		nav.sidebar a{
			padding-right: 13px;
		}

		

		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			border-top: 1px #4d3873 solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 1px #4d3873 solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		/*allows nav box to use 100% width*/
		nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-left .navbar-nav .open .dropdown-menu>li>a {
			color: #777;
		}

		/*gives sidebar width/height*/
		nav.sidebar{
		
			float: none;
			z-index: 8000;
		    max-height: 6%;
		}

		/*give sidebar 100% width;*/
		nav.sidebar li {
			width: 100%;
		}

		/* Move nav to full on mouse over*/
		nav.sidebar:hover{
			margin-left: 0px;
		}
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0;
		}
		
		.navbar-header {
			/*min-height: 155px;	*/
		}

		
		nav.sidebar:hover .lite-title {
			display:block;
		}

		.navbar-brand img {
			max-height: 144px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0px;
    margin: 0 auto;
    position: relative;
    top: 28px;
		}

		nav.sidebar:hover .navbar-brand img {
		max-height: 87px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		right: 0px;
	    position: relative;
	    top: 28px;
		}
		



		.lite-title {
			display:none;
		}


			
	}

	/* .....NavBar: Fully showing nav bar..... */

	@media (min-width: 991px) {

		/*Allow main to be next to Nav*/
		.main{
			width: calc(100% - 200px); /*keeps 100% minus nav size*/
			margin-left: 200px;
		}
		
		.main-header {
			height: 155px;
		}

		/*Show all nav*/
		nav.sidebar{
		    width:200px;
			margin-left: 0px;
			float: left;
		}
		/*Show hidden items on nav*/
		nav.sidebar .forAnimate{
			opacity: 1;
		}
		
		.navbar-brand img {
		    max-height: 87px;
		    -ms-transform: rotate(0deg);
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg);
		    right: 0px;
		    position: relative;
		    top: 28px;
		}
		.lite-title {
			display:block;
		}
		
		
	}
	

	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
	}
	section{
		padding-left: 15px;
	}
	
	.main-header, .main-bg {
		padding:0;
	}
	
	.main-header {
		overflow: hidden;
	}
	.main-header img {
		width: 100%;
	}
	
	.main-bg img {
		width: 100%;	
	}
		
	.main-content {
		width: 100%;
		max-width: 1000px;
		padding: 0 20px;
	}
	
	.lite-title {
		position: relative;
		bottom: -50px;
		color: white;
		text-shadow: 0px 0.5px 0.5px black;
		font-size: 24px;
		
	}
	
	ol.spacing-10 > li {
		margin-bottom: 10px;
	}
	
	#table-banking td, #table-banking th {
		text-align:center;
		vertical-align: middle;
	}
	
	#table-banking thead {
		background: #fddd00;
	}
	
	#table-banking tfoot {
		background: #d8d8d8;
	}
	
	.feature-block {
		margin-bottom: 15px;
	}
	
	.feature-block .block-content {
		display: table-cell;
	    vertical-align: top;
    	padding-left: 15px;
	} 
	
	.feature-block .block-icon {
		width: 12%;
		display: table-cell;
		vertical-align: top;
		font-size: 64px;
		text-align: center;
		color: #333;
	}
	
	.feature-block h2 {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	span.question {
		font-weight: bold;
	}
	
	.list-custom-number {
		text-indent: -22px;
		padding-left: 46px;
	}
	
	.list-custom-number li {
		margin-bottom: 10px;
	}
	
	.list-reset li {
		padding-left: 0;
		text-indent: 0;
		margin-left: -20px;
	}
	#white .btn.focus, #white .btn:focus, #white .btn:hover {
    color: #ff8b00;
    text-decoration: none;
	}