@font-face {
	font-family: "HelveticaRegular";
	src: url(../fonts/HelveticaNeueLTStd-Roman.otf);
}
@font-face {
	font-family: "HelveticaLight";
	src: url(../fonts/HelveticaNeueLTStd-Th.otf);
}

body{
	font-size:16px;
}
h1{
	font-size:63px;
}
h1, h2{
	font-family:"Helvetica Neue",Helvetica,HelveticaRegular,Arial,sans-serif;
	font-weight: 500;
}
a, a:active, a:focus{
	color:#006DD9;
}
a:hover{
	color:black;
}
a:visited{
	color:#006DD9;
}
p.lead{
	font-family:"Helvetica Neue",HelveticaLight,Helvetica,Arial,sans-serif;
}
.header{
	margin-bottom:0;
	background:#fff;
}
.header p.lead{
	margin-bottom:0;
}
.photo{
	overflow:hidden;
	position:relative;
	background:url(../images/photo-2.jpg) no-repeat;
	background-size:cover;
	background-position:right top;
	background-attachment:fixed;
}
.photo img{
	width:100%;
	overflow:hidden;
	display:none;
}

.profile-pic {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
	border-radius: 50%;
}

@media screen and (min-width: 1280px) {
	.header .row {
		display: flex;
		align-items: center;
	}

	.header .row .profile-pic{
		margin-bottom: 0;
	}

}

.icons{
	text-align:center;
}
.icons .fa{
	display:block;
}
.layer{
	padding-top:48px;
	padding-bottom:48px;
}
.layer h1{
	margin-top:0;
}
.layer-color{
	margin-bottom:48px;
	background:#DDD;
}

.carousel-control{
	color:#333;
	opacity:0;
}
.carousel-control i{
	top:50%;
	left:30px;
	margin-top:-40px;
	position:absolute;
	text-shadow:none;
}
.carousel-control:hover,
.carousel-control:focus{
	color:#444;
}
.carousel-control.left,
.carousel-control.right{
	background:none;
}
.carousel-control.right{
	text-align:left;
}
.carousel-control.right i{
	left:auto;
	right:30px;
}
.carousel-indicators{
	bottom:-60px;
}
.carousel-indicators li{
	border-color:#333;
}
.carousel-indicators li.active{
	border-color:#666;
	background:#666;
}

.projects{
	margin-bottom:80px;
	padding-bottom:0;
}
.projects p.lead{
	color:#999;
}
.project-sitefinity{
	width:100%;
	height:532px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.project-sitefinity img{
	width:100%;
	height:auto;
}
.sitefinity-holder{
	width:69.4%;
	height:83%;
	margin-top:3%;
	margin-left:15.4%;
	overflow:hidden;
	position:absolute;
	border:1px solid #f2f2f2;
	background:url(../images/projects/sitefinity1.png) no-repeat center 0;
	background-size:100%;
}
.sitefinity-content{
	width:83.4%;
	height:91.8%;
	margin:5% 0 0 0;
	cursor:pointer;
}
.sitefinity-content img{
	width:100%;
}
.project-window{
	width:100%;
	height:532px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.project-window img{
	width:100%;
	height:auto;
}
.window-holder{
	width:69.4%;
	height:83%;
	margin-top:3%;
	margin-left:15.4%;
	overflow:hidden;
	position:absolute;
	border:1px solid #f2f2f2;
}
.project-genie{
	width:100%;
	height:532px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.project-genie img{
	width:100%;
	height:auto;
}
.genie-holder{
	width:69.4%;
	height:83%;
	margin-top:3%;
	margin-left:15.4%;
	overflow:hidden;
	position:absolute;
	border:1px solid #999;
}
.genie-phone{
	width:20%;
	bottom:0;
	right:0;
	position:absolute;
}
.genie-phone img{
	width:100%;
	height:auto;
}
.genie-phone-holder{
	width:85%;
	top:15%;
	left:9%;
	position:absolute;
	overflow:hidden;
	border-radius:3px;
	border:1px solid #ccc;
}

.slideshow img{
	cursor:pointer;
}

.form-contact{
	margin-top:40px;
}
.invisible-input{
	display:none;
}
.form-control-feedback{
	display:none;
	margin-top:8px;
	margin-right:8px;
}
.has-feedback .form-control-feedback{
	display:block;
}
.contacts{
	padding:40px 0 120px 0;
	text-align:center;
}
.contacts h4{
	margin-bottom:40px;
}
.contacts a{
	width:150px;
	height:150px;
	line-height:200px;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	color:#fff;
	background:#DDD;
	transition:0.3s;
}
.contacts a:hover{
	color:#fff;
}
.contacts a.linkedin:hover{
	background:#006699;
}
.contacts a.facebook:hover{
	background:#3b5998;
}
.contacts a.twitter:hover{
	background:#55ACEE;
}
.contacts a.instagram:hover{
	background:#3F729B;
}
.contacts i{
	font-size:80px;
}
.btn-primary{
	border-color:#222;
	background-color:#444;
	transition:0.3s;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.disabled{
	border-color:#000;
	background-color:#333;
}
.smart-words-holder{
	margin-top:40px;
	padding:30px;
	background:#f2f2f2;
}
.smart-words{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.smart-words span{
	color:red;
}

@media screen and (min-width: 1280px) {
.project-sitefinity,
.project-window{
	width:1013px;
}
.project-genie{
	width:1013px;
}
.genie-phone{
	right:14%;
}
}
@media screen and (max-width: 768px) {
h1{
	font-size:36px;
}
h2{
	font-size:24px;
}
.photo{
	height:auto!important;
}
.photo img{
	display:block;
}
.contacts a{
	width:65px;
	height:65px;
	line-height:85px;
}
.contacts i{
	font-size:40px;
}
}