html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
	margin:0;
	padding:0;
	border:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
	;box-sizing:border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section
{display:block}
nav ol,
nav ul
{list-style:none}
blockquote,
q{quotes:none}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
button,
input[type=submit]{cursor:pointer}
h1{font-size:42px;font-weight:lighter}
h2{font-size:26px;font-weight:lighter}
h3{font-size:20px;font-weight:lighter}
p{font-size:15px;font-weight:lighter;color:#909090}
a{font-size:20px;text-decoration:none}
html,
body{width:100%;height:100%}
body
{
	background-color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#424242
}
/*.scrollbox{
	scroll-behavior: smooth;
	overflow-y: scroll;
	display: block;
}
.section{
	display: flex;
}*/
.contact{width:100%;
		min-height:500px;
		padding:50px 0;
		background-color:#ecf0f1;
		text-align:left}
.contact__inner{
	max-width:1024px;
	margin:0 auto
}
.contact__inner:after{
	content:'';
	display:table;
	clear:both}
.contact__title{font-size:28px;
	font-weight:400;
	margin-bottom:10px;
	text-transform:capitalize;
	text-align:center}
.contact__descr{font-size:14px;
	font-weight:400;
	margin-bottom:55px;
	text-align:center}
.contact__form{display:block;
	max-width:465px;
	margin:0 15px 0 40px}
.contact__form:after{content:'';
display:table;
clear:both}
.contact__form-input{display:inline-block;
	width:220px;
	height:45px;
	margin-bottom:20px;
	padding-left:12px;
	border:2px solid #bec3c7;
	font-style:italic;
	color:#999}
.contact__form-input:first-of-type{margin-right:20px}
.contact__form-tarea{display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:465px;
	height:155px;
	margin-bottom:25px;
	padding:20px 0 0 12px;
	border:2px solid #bec3c7;
	font-style:italic;
	color:#999;
	resize:none}
.contact__form-submit{display:block;
	float:right;
	width:115px;
	height:35px;
	text-align:center;
	background-color:#bdb3d8;
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s}
.contact__form-submit:hover
{background-color:#158f76}
.contact__card{display:inline-block;width:230px;height:150px}
.contact__card-title{margin-bottom:20px;font-size:14px;line-height:.5;text-transform:uppercase}
.contact__card-item{position:relative;font-size:14px;line-height:24px}
.contact__card-item:before{display:block;position:absolute;top:0;left:0;font-family:FontAwesome}
.contact__card-item.place{padding-left:15px;margin-bottom:15px}
.contact__card-item.place:before{content:"\f041"}
.contact__card-item.tel{padding-left:17px;margin-bottom:10px}
.contact__card-item.tel:before{content:"\f098"}
.contact__card-item.fax:before{content:"\f02f"}
.contact__card-item.email{display:inline-block;padding-left:20px;font-size:14px;line-height:24px;color:#444}
.contact__card-item.email:before{content:"\f003"}
.contact__card-item.email:hover{text-decoration:underline}
.page-header{width:100%;min-height:95px;background-color:#fff}
.page-header:after{content:'';display:table;clear:both}
.page-header.is-fixed{position:fixed;
	top:0;
	left:0;
	z-index:999;
	-webkit-box-shadow:0 2px 4px 0 #424242;
	box-shadow:0 2px 4px 0 #424242}
.page-header__inner{max-width:1024px;
	margin:0 auto}
.page-header__inner:after{content:'';
						display:table;
						clear:both}
.page-header__logo{float:left;
	height:50px;
	margin:25px 0 0 40px;
	padding:5px 0 0 65px;
	background:url(../images/logo.jpg) 0 center no-repeat}
.page-header__logo h1{font-size:20px;
	font-weight:700;
	text-transform:uppercase}
.page-header__logo span{font-size:14px;
	text-transform:capitalize}
.page-header__nav{float:right;
	margin:30px 55px 0 0;
	background-color:#fff}
.page-header__nav li{display:inline-block;
	margin-left:5px}
.page-header__nav-link{display:inline-block;f
	ont-size:14px;
	text-transform:uppercase;
	padding:10px;
	border-radius: 2px;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
	color:#424242}
.page-header__nav-link:hover,
.page-header__nav-link.is-active{background-color:#bdb3d8;color:#fff}
.page-footer{width:100%;min-height:85px;padding-bottom:30px;background-color:#2d3e50}
.page-footer__inner{max-width:1024px;margin:0 auto}
.page-footer__inner:after{content:'';display:table;clear:both}
.page-footer__copyright{display:inline-block;margin:35px 0 0 45px;font-size:14px;color:#fff}
.page-footer__gotop{
	display:block;
	float:right;
	width:45px;
	height:45px;
	margin:20px 45px 0 0;
	font-size:0;
	text-align:center;
	overflow:hidden;
	background-color:#bdb3d8;
	color:transparent;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.page-footer__gotop:hover{
	background-color:#158f76
}
.page-footer__gotop:before{
	font-size:20px;
	line-height:45px;
	font-family:FontAwesome;
	content:"\f077";color:#fff
}
.portfolio{
	width:100%;
	min-height:500px;
	padding-top:150px;
	background-color:#fff;
	text-align:center
}
.portfolio__inner{
	max-width:1024px;
	margin:0 auto
}
.portfolio__inner:after{content:'';
display:table;
clear:both}
.portfolio__title{font-size:28px;
	font-weight:400;
	margin-bottom:10px}
.portfolio__descr{font-size:14px;
	font-weight:400;
	margin-bottom:40px}
.portfolio__filter li{display:inline-block;
	margin:0 10px;
	cursor:pointer}
.portfolio__filter-btn{display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	padding:10px;
	color:#fff;
	background-color:#bdb3d8;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s}
.portfolio__filter-btn:hover,
.portfolio__filter-btn.is-selected
{background-color:#bdb3d8}
.portfolio__content{margin:45px auto 60px}
.portfolio__item{
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	margin:0 30px 35px;
	-webkit-border-radius:50%;
	border-radius:50%;
	overflow:hidden
}
.portfolio__item.is-hidden{
	display:none
}
.portfolio__item-img{
	display:inline-block;
	height:100%;
	margin:0 auto
}
.portfolio__item-caption{
	visibility:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	padding-top:35px;
	background-color:#bdb3d8;
	/*background-color:rgba(27,188,155,.8);*/
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#fff;
	opacity:0.1;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s}
.portfolio__item:hover 
.portfolio__item-caption{opacity:1;visibility:visible; background-color: #bdb3d8}
.portfolio__item-title{display:block;
	font-size:18px;
	margin-bottom:10px}
.portfolio__item-title:before
{
	content:"\f002";
	display:block;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin:0 auto 20px;
	padding-top:10px;
	background-color:#ccc;
	background-color:rgba(0,0,0,.5);
	font-family:FontAwesome;
	text-align:center
}
.portfolio__item-cat{display:block; font-size:15px}
.promo{
	width:100%; 
	min-height:650px; 
	padding:70px 0; 
	background:#323232 url(../images/safe_image.gif) center 0 no-repeat; 
	background-attachment:fixed; 
	background-size:cover; 
	text-align:center;
	color:#fff
}
	.promo__inner{max-width:1024px; margin:0 auto}
	.promo__inner:after{content:''; display:table; clear:both}
	.promo__title{margin-bottom:35px; font-size:55px; text-transform:capitalize}
	.promo__title span{font-weight:700}
	.promo__descr{max-width:580px; margin:0 auto 50px; font-size:18px; line-height:1.1; color:#fff}
	.promo__btn{display:block;
		width:125px;
		height:35px;
		margin:0 auto 45px;
		padding-top:10px;
		background-color:#bdb3d8;
		font-size:15px;
		color:#fff;
		text-transform:uppercase;
		-webkit-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s}
	.promo__btn:hover{background-color:#158f76}
	.promo__go-next{display:block;
		width:40px;
		height:40px;
		margin:0 auto;
		background-color:#fff;
		-webkit-border-radius:50%;
		border-radius:50%;
		font-size:0;
		color:#323232;
		-webkit-transition:-webkit-transform .5s;
		transition:-webkit-transform .5s;
		-o-transition:-o-transform .5s;
		transition:transform .5s;
		transition:transform .5s,-webkit-transform .5s,-o-transform .5s}
	.promo__go-next:before{font-size:30px;
		line-height:40px;
		font-family:FontAwesome;
		content:"\f078"}
	.promo__go-next:hover
		{-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
		transform:scale(1.2)
		}
	.team{width:100%;
		min-height:245px;
		padding-top:55px;
		background-color:#d9d0f4;
		text-align:center}
	.team__inner{max-width:1024px;
		margin:0 auto}
	.team__inner:after{content:'';
						display:table;
						clear:both}
	.team__title{font-size:28px;
				font-weight:400;
				margin-bottom:10px;
				color:#fff;
				text-transform:capitalize}
	.team__descr{font-size:14px;
		font-weight:400;
		margin-bottom:45px;
		color:#fff}
	.team__member
	{
		display:block;
		position:relative;
		width:260px;
		margin:0 30px 30px;
		background-color:#fff
	}
	.team__member img{width:50%}
	.team__member-info{
		display:block;
		width:100%;
		height:190px;
		padding:15px 10px}
	.team__member-name{margin-bottom:5px;font-size:18px}
	.team__member-role{display:block;margin-bottom:20px;font-size:13px;font-style:italic;text-transform:capitalize}
	.team__member-descr{
		text-align:left;
		line-height:1.3;
	}
	.about{
			width:100%; 
			min-height:650px; 
			padding:70px 0;
			background-attachment:fixed; 
			background-size:cover; 
			text-align:center;
	}
	.about_inner{
		background-color: #9E7FBC;
		color: #E0E0E0;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 20px;
		width: 50%;
/*		left: 10;
		bottom: 0;*/
		position: relative;
		left: 100px;
		top: 200px;
		border-radius: 5px;
		opacity: 0.90;
	}
	.team__member-soc{
		display:block;
		position:absolute;
		width:180px;
		height:50px;
		top:95px;
		left:50%;
		margin-left:-90px;
		background-color:#d9d0f4;
		background-color:rgba(22,160,134,.8);
		white-space:nowrap;
		overflow:hidden;
		opacity:0;
		visibility:hidden;
		-webkit-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s
	}
	.portfolio-containter{
		display: inline-block;
	}
	.team__member:hover 
	.team__member-soc{opacity:1;visibility:visible}
	.team__member-soc li{display:inline-block}
	.team__member-icon{
		display:block;
		width:45px;
		height:50px;
		margin-left:-3px;
		color:#fff;
		-webkit-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
		font-size:0
	}
	.team__member-icon:hover{color:#c1c1c1}
	.team__member-icon:before{display:block;font-family:FontAwesome;font-size:30px;line-height:50px}
	.team__member-icon.fb:before{content:"\f09a"}
	.team__member-icon.tw:before{content:"\f099"}
	.team__member-icon.gplus:before{content:"\f0d5"}
	.team__member-icon.db:before{content:"\f17d"}@media screen and (max-width:1000px){
		.portfolio__item{width:170px;height:170px;margin:0 1.5% 35px}
	.team__member{width:190px;margin:0 20px 30px}
	}
	@media screen and (max-width:800px)
	{.contact__form
		{max-width:50%;margin:0 2% 0 8%}
		.contact__form-input{width:100%}
		.contact__form-tarea{width:100%}
		.contact__card{width:40%}
		.page-header__logo{margin:25px 0 0 10px}
		.page-header__nav{margin:30px 10px 0 0}
		.portfolio__item{width:190px;height:190px;margin:0 5% 35px}
		.team__member{
			width:180px;
			margin:0 10px 30px
		}
	}
	@media screen and (max-width:640px){
		.contact{padding:50px 10px}
		.contact__form{float:none;max-width:90%;margin:0 auto 50px}
		.contact__card{display:block;width:230px;margin:20px auto}
		.contact__card-title{text-align:center}
		.page-header__logo h1{display:none}
		.page-header__logo span{display:none}
		.page-header__nav li{margin-left:0}
		/*.portfolio{padding:50px 10px}*/
		.portfolio__filter li{margin:0 5px}
		.team{padding:55px 10px}
		.team__member{display:block;width:500px;margin:0 auto 30px}
		.team__member-info{height:auto}
		.team__member-descr{display:none}
		.team__member-soc{width:260px;top:220px;margin-left:-130px}
	}
	@media screen and (max-width:480px){
		.contact__form-submit{float:none;margin:0 auto}
		.page-header{min-height:50px}
		.page-header__logo{display:none}
		.page-header__nav{float:none;margin:10px auto;text-align:center}
		.page-header__nav li{margin-left:0}
		.page-footer{padding:0 10px 30px;text-align:center}
		.page-footer__copyright{margin:35px auto 0}
		.page-footer__gotop{float:none;width:100%;margin:20px auto 0}
		.portfolio__filter li{display:block}
	}