@import url('https://fonts.googleapis.com/css?family=Raleway');

body{
	padding: 0;
	margin: 0;
	background:#f4f4f4;
}
html,h1,h2,h3,h4,h5,h6,a{
	font-family: "Raleway";
}

.navbar{
	background:#03A9F4;
}

.site-nav-logo img {
	display: block;
	width: auto;
	height: 31px;
}

.nav-link , .navbar-brand{
	cursor: pointer;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus {
	color: #fff;
	opacity: .8;
}

.nav-link {
    position: relative;
    display: block;
    padding: 12px;
	font-size: 0.9rem;
	font-weight: 600;
	transition: opacity .35s ease-in-out;
	text-transform: uppercase!important;
}

.navbar-light .navbar-nav .nav-link:hover {
    text-decoration: none;
	opacity: 1;
	color: #fff;
}

.navbar-collapse{
 justify-content: flex-end;
}
.navbar-toggler{
  background:#fff !important;
}

/*header style*/
.header{
	position: relative;
	background-image: url('../images/bg-ntsolutions.jpg');
	background-size: cover;
	background-position: center;
}
/*
.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(244, 244, 244, 0.79);
}
*/

.description{
    position: absolute;
    top: 30%;
    margin: auto;
    padding: 2em;

}
.description h1{
	color:#FFFFFF;
}

.description h1.ninja-trader-solutions {
	color:#FFC107;
}

.description .btn-secondary {
	text-transform: uppercase;
    background-color: #FFC107;
    border-color: #FFC107;
}

.description .btn-secondary:hover {
	padding: .5rem 1.2rem;
	background-color: rgb(253, 190, 0);
	border-color: rgb(253, 190, 0);
}

.description .btn-secondary.active:focus {
	padding: .5rem 1.2rem;
	background-color: rgb(253, 190, 0);
	border-color: rgb(253, 190, 0);
}

/*action button */

.btn-action { 
	color: #FFFFFF; 
	background-color: #FFC107; 
	border-color: #FFC107; 
  } 
   
  .btn-action:hover, 
  .btn-action:focus, 
  .btn-action:active, 
  .btn-action.active, 
  .open .dropdown-toggle.btn-action { 
	color: #FFFFFF; 
	background-color: #FCCC3C; 
	border-color: #FFC107; 
  } 
   
  .btn-action:active, 
  .btn-action.active, 
  .open .dropdown-toggle.btn-action { 
	background-image: none; 
  } 
   
  .btn-action.disabled, 
  .btn-action[disabled], 
  fieldset[disabled] .btn-action, 
  .btn-action.disabled:hover, 
  .btn-action[disabled]:hover, 
  fieldset[disabled] .btn-action:hover, 
  .btn-action.disabled:focus, 
  .btn-action[disabled]:focus, 
  fieldset[disabled] .btn-action:focus, 
  .btn-action.disabled:active, 
  .btn-action[disabled]:active, 
  fieldset[disabled] .btn-action:active, 
  .btn-action.disabled.active, 
  .btn-action[disabled].active, 
  fieldset[disabled] .btn-action.active { 
	background-color: #FFC107; 
	border-color: #FFC107; 
  } 
   
  .btn-action .badge { 
	color: #FFC107; 
	background-color: #FFFFFF; 
  }


/*
Strengths
*/

.strengths-block .block-icon {
	color: #FFC107;
	font-size: 3.18rem;
}

.strengths{
	margin: 4em 0;
	padding: 1em;
	position: relative;
}
.strengths h1{
	color:#03A9F4;
	margin: 2em;
}

.strengths h5 {
	font-weight: 600;
	color: #212121;
}

.strengths p {
	line-height:2;
	color: #212121;
}

.text-uppercase {
    text-transform: uppercase!important;
}


/*
About
*/

.about{
	margin: 4em 0;
	padding: 1em;
	position: relative;
}
.about h1{
	color:#03A9F4;
	margin: 2em;
}
.about img{
	height: 100%;
    width: 100%;
    border-radius: 50%
}

.about .desc{
	padding: 2em;
	border-left:4px solid #FFC107;
}
.about .desc h3{
	color: #10828C;
}
.about .desc p{
	line-height:2;
	color:#212121;
}

/*Contact*/

.contact-form{
	margin: 6em 0;
	position: relative;		
}

.contact-form h1{
	padding:2em 1px;
	color: #03A9F4; 
}
.contact-form .right{
	max-width: 600px;
}
.contact-form .right .btn-secondary{
	background:  #03A9F4;
	color: #fff;
	border:0;
}
.contact-form .right .form-control::placeholder{
	color: #888;
	font-size: 16px;
}

.contact-form p {
	line-height:2;
	color: #212121;
}

.contact-icon {
	color: #FFC107;
	font-size: 7.18rem;
}

/*NinjaTrader*/

.ninja-trader {
	margin: 4em 0;
}

.ninja-trader p {
	line-height:2;
	color: #212121;
}

/* Footer */

.site-footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    background: #262626;
}

.site-footer p {
	color: #fff;
	opacity: 0.4;
}