/*
 Theme Name:   Kurt
 Template:     upbootwp
*/

@import url("../upbootwp/css/6px-gutter/bootstrap.min.css");


body {
	background: #fff;
	font: 14px/22px "Open Sans", Arial, Helvetica, sans-serif;
	font-weight:400;
	color: #222;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
 }
.home-content{
	margin-bottom:40px;
}

a{
	color: #ccc;
	text-decoration:none;
}
a:active,a:hover,a:focus,a:visited{
	color:#333;
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-family: Oswald, sans-serif;
		color: #000;
		font-weight: 400;
		text-transform:uppercase; 
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit }

/* #Nav
================================================== */
.nav-next{
	text-align: right;
}
header{
	padding:30px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
}
.navbar-default{
	background-color:transparent;
	border:none;
}
.navbar-nav{
	float:right;
	text-transform:uppercase;
	font-size:13px;
	margin-top:32px;
}

ul#main-menu > li:before{
	display:inline-block;
}
ul#main-menu > li:first-child:before{
	content:"";
}

.nav>li>a{
	display:inline-block;
}

.navbar-default .navbar-nav>li>a{
	color: #000;
	padding:0 10px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background:transparent;
}
.sep{
	padding:0 10px;
}
.nav>li>a{
	color:#000;
	padding:3px 0;
}

ul#main-menu > li:first-child .sep{
	display:none;
}
.gallery .item {
	text-align:center;
	margin-bottom:30px;
}
.gallery .item img{
	max-width:100%;
	height:auto;
}



/* #Content
================================================== */
.page-header{
	padding-bottom: 0px;
	margin: 20px 0 40px;
	border-bottom: 1px solid #ddd;
}


/* #Work
================================================== */
.work .item{
  margin-bottom:6px;
}

.work .item a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	position:relative;
	overflow:hidden;
    aspect-ratio:3/2;
}

.work .item img{
	width: inherit;
	max-width: 100%;
	height: auto;
	display: block;
	position: relative;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
  width:100%;
  height:100%;
  object-fit:cover;
}
.work .item h3{
	margin:-30px 0 0 0;
	padding:0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.work .item .rollover-wrap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding:10px;
}
.work .item .rollover{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.5);
	opacity:0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.work .item:hover img{
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
}
.work .item:hover .rollover{
	opacity:1;
	background-color:rgba(255,255,255,0.7);
}
.work .item:hover h3{
	margin-top:0;
	opacity:1;
}
.table{
   display:table;
   height:100%;
}
.table-cell{
	height:100%;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

.work .item.active img{
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
}
.work .item.active .rollover{
	opacity:1;
	background-color:rgba(255,255,255,0.7);	
}
.work .item.active h3{
	margin-top:0;
	opacity:1;
}





/* #Work Single
================================================== */

.project-item{
	text-align:center;
	padding:30px 0;
	margin: 30px 0;
	border-bottom:solid 1px #ccc;
}
.project-item .text{
	background:#eee;
	padding:30px 20px;
	max-width:600px;
	margin:0 auto;
	font-size: 16px;
}
.project-heading{
	border-bottom:solid 1px #ccc;
	padding:15px 0;
}
.project-heading span{
	font-weight:700;
	width:100px;
	display:inline-block;
}
.project-heading .description{
	font-size: 18px;
}
h2.project,.project-heading h3,.description h3{
	font-size:18px;
	font-weight: normal;
	margin:0;	
	padding:0;
	line-height: normal;
}
.description h3{
	font-weight:700;
}
.project-image img{
	max-width:100%;	
	height:auto;
}

	/* FOOTER STYLES */
	
	footer { 
		margin-top:60px;
		text-align:center;
		padding-top:12px;
	}
	footer span.footertext {
		padding-top:3px;
		display: inline-block;
		padding-top: 4px;
	}
	footer span.social {
	 	margin-top:-4px;
		float:right;
		padding-bottom:6px;
	}
	footer a.footer-logo { 
		font-size:21px; 
		font-weight:bold; 
		letter-spacing:-0.05em;
	}
	a.backtotop {
		display:none;
		position:fixed; 
		right:20px; 
		bottom:20px;
		position: expression("absolute");
		bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-10));
		background-color:#333;
		color:#fff;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		border-radius: 200px;
		-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
		padding:12px 12px 11px 12px;
		background:#000 url(images/goup.png) 12px 14px no-repeat; 
		width:28px; 
		height:30px;
	}



@media (min-width: 1200px){
/* width: 1140px; */
	.container{
		width:940px;
	}
}

@media (max-width: 1199px) {
	.container{
		//width:100%;
	}		
}

@media (min-width: 768px) {

}
 
@media (max-width: 991px) {	
	.container{
		//width:100%;
	}
	.project-heading .description{
		padding:15px 0;
	}	
}
         
@media (max-width: 767px) {
	.navbar-nav{
		float:none;
		margin-top:0;

	}	
	ul#main-menu > li:before{
		content:"";
		display:none;
	}
	.nav>li>a{
		display:block;
	}
	header{
		padding:15px 0;
	}
	.navbar-toggle{
		margin-right:0;
		margin-top:0;
	}
	.navbar-default .navbar-nav>li>a{
		background:#ececec;
		padding:10px;
	}
	.navbar-default .navbar-nav>li.active>a{
		background:#ccc;
	}
	.navbar-header h1{
		float:left;
		margin:0;
		padding:0;
	}
	#page{
		padding:20px;
	}
}
  	
@media(max-width: 600px){

}
    	
@media (max-width: 479px) {
	.logo img{
		width:200px;
		height:auto;
	}
}