@font-face {
  font-family: "Open";
  src: url(fonts/Open.ttf) format("truetype");
}

@font-face {
  font-family: "OpenBold";
  src: url(fonts/OpenBold.ttf) format("truetype");
}

@font-face {
  font-family: "OpenLight";
  src: url(fonts/OpenLight.ttf) format("truetype");
}


body, html{
	height: 100%;
	position: relative;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}



.myContainer{
	padding:0 15px 96px 15px;
	min-height: 100%;
	position: relative;
}

a {
	text-decoration:none;
}


h1 {
	font-family: OpenLight, Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
}


a{
	color:black;
	text-decoration:none;
	-webkit-transition: text-shadow 0.4s ease-in-out;
	-moz-transition: text-shadow 0.4s ease-in-out;
	-o-transition: text-shadow 0.4s ease-in-out;
	transition: text-shadow 0.4s ease-in-out
}

a:hover{
	text-decoration:none;
	color: #000;
	text-shadow: 0 0 3px #fff;
}

body{
	background-color: #fff;
	color: #000;
	font-family: Open, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: url(images/background.jpg) 50% 0 
	no-repeat fixed;  
	background-size: cover;
}

h1, h2, h3, h4, h5, h6 {

	font-family: OpenLight, Arial, Helvetica, sans-serif;
}

p{
	font-family: Open, Arial, Helvetica, sans-serif;
}

sub{
	font
}

h4 {
	line-height: 1.5em;
}

nav.navbar{
	background: url(images/background.jpg) 50% 0 
	no-repeat fixed;  
	background-size: cover;
	padding-bottom: 5px;
	padding-top: 5px;
} 

.navbar-brand {
	color: #000;
	font-family:Open, Arial, Helvetica; 
	padding-bottom: 0;
	padding-top: 0;
}


.icon-bar {
	background-color: #000;
}

.navbar-logo {
	width: 25px;
}

.nav li a {
	color: #000;
	padding: 20px 10px;
	font-family: OpenBold;
	text-decoration: none;
	-webkit-transition: text-shadow 0.4s ease-in-out;
	-moz-transition: text-shadow 0.4s ease-in-out;
	-o-transition: text-shadow 0.4s ease-in-out;
	transition: text-shadow 0.4s ease-in-out;
}
.nav li a:hover {
	color: #000;
	text-shadow: 0 0 3px #000;
	background:none;
	-webkit-transition: text-shadow 0.4s ease-in-out;
	-moz-transition: text-shadow 0.4s ease-in-out;
	-o-transition: text-shadow 0.4s ease-in-out;
	transition: text-shadow 0.4s ease-in-out;
}

#main {
	padding-top: 200px;
	padding-bottom: 200px;
	color: #000;
}

#main img{
	width: 80px;
}

#main h1{
	margin: 0;
}

.dash {
	margin-right: 15px;
}

.padding{
	padding-top: 100px;
	padding-bottom: 100px;
}

.margin{
	margin-top: 50px;
	margin-bottom: 50px;
}

.borderBottom{
	border-bottom: solid 1px #ddd;	
	box-shadow: 0px 1px 0 #ccc;
}
.valign{
	position: relative;
	top: 50%;
	  	-webkit-transform: translateY(-50%);
	  	-ms-transform: translateY(-50%);
	  	transform: translateY(-50%);
	margin:0;
}

.white{
	background-color: white;
}


#about table td:first-child{
	width: 100px;
}

#about table td{
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

#about table br{
	margin-top: 10px;
}

#about img{
	width: 150px;
	margin: 25px auto;
}

#about b{
	margin-top: 50px;
}

#footer {
	background-color:rgb(20,20,20);
	padding: 35px 0px;
	color: #ccc;
}

#list td{
	font-family: OpenBold, Arial, Helvetica, sans-serif;
	font-style: bold;
}

#list td span{
	font-family: Open, Arial, Helvetica, sans-serif;
	font-style: normal;
	display: inline-block;
	margin-top: 5px;
}

#list table td:first-child{
	width: 150px;
	font-family: Open, Arial, Helvetica, sans-serif;
	font-style: normal;
}

#list table {
	width: 100%;
}

#buttons a{
	display: inline-block;
	width: 100%;
	max-width: 320px;
	border: double 1px #ddd;
	padding: 5px;
	border-radius: 1000px;
	text-align: center;
	-webkit-transition: background-color 0.4s ease-in-out;
	-moz-transition: background-color 0.4s ease-in-out;
	-o-transition: background-color 0.4s ease-in-out;
	transition: background-color 0.4s ease-in-out
}

#buttons a:hover{
	background-color: #ddd;
}

#buttom a:nth-child(1){
}


.item{
	position: relative;
}

.circle {
	border-radius: 1000px;
	width:100%;
	max-width: 300px;
	margin: 25px auto 10px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-shadow: 0 0 4px #000;
}

.portfolio-item .text{
	display: none;
	border-radius: 1000px;
	position:absolute;
	width: -moz-calc(100% - 25px);
	width: -webkit-calc(100% - 25px);
	width: -o-calc(100% - 25px);
	width: calc(100% - 25px);
	max-width: 300px;
	top:25px;
	text-shadow: 0 0 4px #000;
}

.portfolio-item .text p{
	color: #fff;
}

.portfolio-item a:hover .text{
	display: block;
	-webkit-transition: display 0.4s ease-in-out;
	-moz-transition: display 0.4s ease-in-out;
	-o-transition: display 0.4s ease-in-out;
	transition: display 0.4s ease-in-out;
}

.portfolio-item a:hover img{
    -webkit-filter: grayscale(100%) contrast(300%) brightness(70%);
    filter: grayscale(100%) contrast(300%) brightness(70%);
	-webkit-transition: filter 0.4s ease-in-out;
	-moz-transition: filter 0.4s ease-in-out;
	-o-transition: filter 0.4s ease-in-out;
	transition: filter 0.4s ease-in-out;
}

.portfolio-item a img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: filter 0.4s ease-in-out;
	-moz-transition: filter 0.4s ease-in-out;
	-o-transition: filter 0.4s ease-in-out;
	transition: filter 0.4s ease-in-out;
}

.portfolio-item p {
	color: #777;
	font-family: OpenBold;
	font-size: 1.1em
}

.portfolioBox {
	margin-top: 50px;
}

.itemCover {

}

.content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.imageCover{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-shadow: 0 0 4px #000;
}

.item .imageCover {
	height: 600px;
	padding-top: 270px;
}

.item table td:last-child{
	text-align: right;
}





table td{
	padding: 10px 15px;
	border-bottom: solid 1px #ddd;
}

table tr:first-child td{
	border-top: solid 1px #ddd;
}

table{
	margin-bottom: 30px;
}

.item table {
	width: 100%;
}



.portfolioGallery {
	overflow: auto;
	overflow-y: hidden;
	-ms-overflow-y: hidden;
	height: 400px;
	padding:0;
	margin-top: 50px;
	margin-bottom: 50px;
}

.portfolioGallery img{
	float: left;
	height: 400px;
	display: inline;
	outline: solid 1px #fff
}




.portfolioGallery {
	overflow: auto;
	overflow-y: hidden;
	-ms-overflow-y: hidden;
	height: 400px;
	padding:0;
	margin-top: 50px;
	margin-bottom: 50px;
}

.portfolioGallery img{
	float: left;
	height: 400px;
	display: inline;
	outline: solid 1px #fff
}


#footer .nav#address-nav {
	float: left;
	text-align: left;
	padding-top: 35px;
	padding-bottom: 35px;
}
#footer .nav#address-nav li a {
	padding: 0 30px 0 0
}



.navFooter{
	padding-top: 35px;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  





}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {  


 }


 @media (min-width: 1600px) {

	.portfolio-item p {
		color: #777;
		font-family: OpenBold;
		font-size: 1em
	}


	.col-xl-1{
		width: 8.3333%;
	}

	.col-xl-2{
		width: 16.6666%;
	}

	.col-xl-3{
		width: 25%;
	}

	.col-xl-4{
		width: 33.3333%;
	}

	.col-xl-5{
		width: 41.6666%;
	}

	.col-xl-6{
		width: 50%;
	}

	.col-xl-7 {
		width: 58.3333%;
	}

	.col-xl-8 {
		width: 66.6666%;
	}	

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-10 {
		width: 83.33333%;
	}

	.col-xl-11 {
		width: 91.6666%;
	}

	.col-xl-12 {
		width: 100%;
	}

	.col-xl-offset-1{
		margin-left: 8.3333%;
	}

	.col-xl-offset-2{
		margin-left: 16.6666%;
	}

	.col-xl-offset-3{
		margin-left: 25%;
	}

	.col-xl-offset-4{
		margin-left: 33.3333%;
	}

	.col-xl-offset-5{
		margin-left: 41.6666%;
	}

	.col-xl-offset-6{
		margin-left: 50%;
	}

	.col-xl-offset-7 {
		margin-left: 58.3333%;
	}

	.col-xl-offset-8 {
		margin-left: 66.6666%;
	}	

	.col-xl-offset-9 {
		margin-left: 75%;
	}

	.col-xl-offset-10 {
		margin-left: 83.33333%;
	}

	.col-xl-offset-11 {
		margin-left: 91.6666%;
	}

	.col-xl-offset-12 {
		margin-left: 100%;
	}

}