body
{
		margin:0px;
		padding:0px;
		font-family:Lato, "Lato Black", "Lato Thin", "Lato Semibold";
		color:#000;
		background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
		background-position:bottom right;
		background-repeat:no-repeat;
		
}
.menu
{
		padding-top:40px;
		text-align:right;
		text-transform:uppercase;
		font-size:16px;
		font-family:"Lato Light";
}
.logo
{
	padding-top:30px;
}
.contet-main
{
	padding-top:70px;
}
.contet-main h1
{
	font-size:110px;
	font-family:"Lato Black", "Lato Thin", "Lato Semibold";
}
.contet-main h2
{
	font-size:50px;
	font-family:"Lato Black";
}
.contet-main h5
{
	font-family:Lato, "Lato Black", "Lato Thin", "Lato Semibold";
	color:#f88d23;
	font-size:24px;
}
.contet-main p
{
	font-size:20px;
	font-family:"Lato Light";
	line-height:30px;
	width:70%;
	padding-top:40px;
}
.contet-main a 
{
		color:#000;
}
.contet-main a:hover
{
		color:#f88d23;
}
.main-image
{
		padding-top:70px;
}
#navbar
{
	background-color:transparent;
	border:0px;
	margin-top:33px;
	text-transform:uppercase;
}
.navbar
{
	background-color:transparent;
	border:0px;
	border-radius:0px;
	
	
}


.navbar li a
{
	color:#000;
	
	
}
.navbar-toggle
{
	border:0px;
	margin-top:30px;
	color:#000;
	border-radius:0px;
}

.navbar-toggle:hover
{
	border:0px;
	margin-top:30px;
	border-radius:0px;
	color:#000;
	background-color:#000;
}



.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}




  .navbar-default {
    border-color: #030033;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #262626;
   text-decoration: none;
  background-color: #66CCFF;  
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: silver; 
  }


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


@media (max-width: 768px) {
 #navbar {
  float: left;
  background-color:#000;
  top:0px;
  width:110%;
  text-align: center;
  color:#fff;
  
}
}

 @media (min-width: 769px) {
 #navbar {
  float: right;
  
}
}
@media (max-width: 768px) {
 .navbar-default .navbar-nav > li > a  {
  
  color:#fff;
  
}
}

 @media (min-width: 769px) {
 .navbar-default .navbar-nav > li > a  {
  color:#000;
  
}
}


















.work

{
	
	height:190px;
	overflow:hidden;
	padding:0px;
	
	
}
.work-header
{
		background-color:#f8af23;
		padding-bottom:50px;
}
.work-header h1
{
		font-family:"Lato Black";
		font-size:100px;
		padding-top:40px;
}
.work-header h5
{
		font-family:Lato, "Lato Black";
		font-size:24px;
		color:#fff;
}
.about
{
	color:#000;
	padding:50px 0px;
}
.about h1
{
		font-family:"Lato Black", "Lato Thin", "Lato Semibold";
		font-size:40px;
		padding:10px 0px;
		color:#b7b7b7;
}
.about h2
{
		font-family:"Lato Black", "Lato Thin", "Lato Semibold";
		font-size:30px;
		padding:20px 0px;
}
.about h4
{
		font-family:Lato;
		font-size:17px;
		padding:0px;
		color:#535353;
}
.about p
{
		font-size:12px;
		color:#666;
}

.about hr
{
		padding:0px;
		margin:6px 0px;
}
.col-padding
{
		padding-bottom:50px;
}
.date
{
		border:#f88d23 solid 1px;
		padding:5px 10px;
		font-size:14px;
		color:#f88d23;
}
.about h5
{
		font-family:Lato;
		font-size:15px;
		color:#535353;
		padding-top:10px;
		
}
.footer
{
		background-color:#000;
		padding:50px 0px;
		color:#A1A1A1;
		margin-top:50px;
		text-align:center;
}

.footer h3
{
	font-size:60px;
	font-family:"Lato Black", "Lato Thin", "Lato Semibold";
	padding-bottom:40px;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;

opacity:.5;
filter:alpha(opacity=.5);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
margin:80px 0 0 50%;
padding:7px 14px;
text-align:center;
font-size:29px;
}

.hovereffect a.info:hover {

border:0px;
opacity:7;
filter:alpha(opacity=7);
color:#ec7500;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

<!--Skills Progress bar-->

.progress {
  height: 35px;

}
.progress .skill {
  
  line-height: 15px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
  
  
}
.skill-bar
{
	background-color:#000;
	border-radius:0px;
}
.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
  background-color:#f88d23;
}


.modal-dialog {width:800px;}
.thumbnail {margin-bottom:6px; padding:0px; border:0px; border-radius:0px;}