/*color Pallet
Dark Grey #141414
Lighter Grey #383838
Blue #386BC4
Green # 4FD378
oragne #FFAF11
orange -red FF6811


/*style*/
html {
  min-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  position:relative;
  width:100%;
}
body ,.modal-content{
  background-color:#141414;
  color:#FFF;
  margin:0;
  min-height:100%;
  width:100%;
  font-family: 'Josefin Sans', sans-serif;
  font-size:large;
}
a {
  text-decoration:none;
}
a img {
  border:none;
}
h1 {
  font-size:3.5em;
  font-weight:100;
}
p {
  font-size:1.5em;
  text-align:justify;
}
.navbar-brand {padding:0px;}
.name{
font-family: 'Permanent Marker', cursive;
}
.page_title{
font-family: 'Lato', sans-serif;
}
.logo{
height:75px;
}
.navbar-nav{
/* position:absolute;
bottom:0px;
left:175px; */
}
.content{ /*width:80%;*/
margin:auto;
/*background-color:#8F8F8F;*/
}
.navbar{min-height:75px;
margin-left:auto;}

.navbar-default .navbar-nav>li>a, .dropdown-menu>li>a{
color:#FFAF11 !important;
}

.dropdown-menu>li>a:hover{
color:#386BC4 !important;

}

.navbar-default .navbar-nav>li>a:hover{
color:#FF6811;
}

.input-group-addon{min-width:100px;}


.container-fluid{width:90%;}
.rightbar{ 
/*min-width:100px;
margin-right:5%;*/
height:75%;
/*float:right;*/
background-color:blue;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,.dropdown-toggle,.dropdown,.dropdown-menu{
background-color:#383838 !important;
cursor:pointer !important;
color:#FFAF11 !important; 

}

.navbar-default {
background-color:#383838;
border:0px;
border-color:transparent;
margin-bottom:0px;
top:300px;
position:absolute;
width:100%;
z-index:200;

}

/* social bar */
.social{
width:30px;
position:fixed;
top:400px;
left:0px;
}
.fabtn {
width:30px;
height:30px;
background:#3B5998;
color:white;
text-align:center;
float:left;
}
.ytbtn {
width:30px;
height:30px;
background:#bb0000;
color:white;
text-align:center;
float:left;
}

.inbtn {
width:30px;
height:30px;
background:#007bb6;
color:white;
text-align:center;
float:left;
}

.twbtn {
width:30px;
height:30px;
background:#00aced;
color:white;
text-align:center;
float:left;
}

.gbtn {
width:30px;
height:30px;
background:#dd4b39;
color:white;
text-align:center;
float:left;
}

.fabtn:hover,.ytbtn:hover,.inbtn:hover,.twbtn:hover,.gbtn:hover ,.html5btn:hover {
background:#333;
}

.html5btn {
width:30px;
height:30px;
color:#E34C26;
text-align:center;
float:left;
font-size:25px;
}

.css3btn {
width:30px;
height:30px;
color:#1572b7;
text-align:center;
float:left;
font-size:25px;
}

.ajsbtn {
width:30px;
height:30px;
text-align:center;
float:left;
}

#nglogo {
height: 25px;
margin-top: 7px;
}

#bwith{
text-align:center;
display:inline-block;
padding-bottom:5px;
}

/* social end */




.navbar-default .navbar-collapse{border-color:transparent;}
.wrapper{
width:80%;
padding-top: 80px;
/* position: absolute; */
margin:auto;
}

#bg-jumbotron-home{
  top:0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  
}
.jumbotron{
top:0px;
height: 300px;
color: white;
text-shadow: #444 0 1px 1px;
background:transparent;
}

#email_form{
background:#39535C;
border-radius:10px;
}
#email_in{
    margin: auto;
    padding: 50px;
}

#contactBtn{cursor:pointer;}

.arrow-down-g {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #39535C;
	margin-left:20px;
}
.arrow-down-r {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #8A3A3A;
	margin-left:60px;
	display:none;
}

.input-group-addon{
color:#fff;
background:#696969;
border:0px;
}

.modal-close{
float:right;
position: absolute;
top: 30px;
right: 30px;
cursor:pointer;
}

.form-control,input,textarea{
color:#fff;
background:#404040;
border:0px;
width:100%;
}

.navbar-collapse{
box-shadow:none;

}

footer{width:100%;
margin-left:auto;
position:relative;
bottom:0px;
float:none;
clear:both;
text-align:center;
font-size:14px;
background:#383838;
float:left;
}

/* Large desktop */
@media (min-width: 1200px) { }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.social{
	position:relative;
	top:inherit;
	width:inherit;
	}
	.fabtn,.ytbtn,.inbtn,.twbtn,.gbtn  {
	width:20%;
}
}





/* Landscape phones and down */
@media (max-width: 480px) { 

.navbar-default {
position:fixed;
top:0px;
}

#bg-jumbotron-home{
position:relative;
top:75px;
background-attachment: inherit !important;
}

.wrapper{
width:100%;
padding-top: 80px;
/* position: absolute; */
margin:auto;
}

 }