@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500');

body {
	font-family: 'Rubik', sans-serif;
	line-height:26px;
}

.header {
	width:100%;
	height:auto;
}

.header .top {
	width:100%;
	height:10px;
	background:#16b9d8;
}

.header .logo {
	font-size:30px;
	text-align:center;
	padding-top:40px;
}

.header .logo b {
	font-weight:500;
}

.header .topcontacts {
	height:auto;
	margin:0px auto;
	margin-top:12px;
}

.header .topcontacts .phone {
	width:157px;
	height:30px;
	border:#16b9d8 2px solid;
	border-radius:2px;
	margin:0px auto;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.header .topcontacts .phone:hover {
	border-color:#cbd1d2;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.header .topcontacts .phone img {
	float:left;
	margin-left:9px;
	margin-right:9px;
	margin-top:5px;
}

.header .topcontacts .phone p {
	float:left;
	color:#16b9d8;
	line-height:30px;
	font-size:14px;
	margin:0px;
}

.header .topcontacts .email {
	width:183px;
	height:30px;
	border:#16b9d8 2px solid;
	border-radius:2px;
	margin:0px auto;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.header .topcontacts .email:hover {
	border-color:#cbd1d2;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.header .topcontacts .email img {
	float:left;
	margin-left:9px;
	margin-right:9px;
	margin-top:5px;
}

.header .topcontacts .email p {
	float:left;
	color:#16b9d8;
	line-height:30px;
	font-size:14px;
	margin:0px;
}

.bg {
	background-image:url('../images/bg.jpg');
	width:100%;
	height:auto;
    background-size: cover;
    background-position: left;
    background-attachment: fixed;
    background-position: left;
	margin-top:50px;
}

.bg h1 {
	font-weight:300;
	color:#3e4f53;
	font-size:32px;
	text-align:center;
	padding-top:80px;
	padding-bottom:80px;
}

.bg .formBox {
	width:100%;
	height:auto;
	background:#fff;
	border-radius:3px;
	margin-bottom:50px;
	padding-left:30px;
	padding-right:30px;
}

.bg .formBox .title {
	color:#576d72;
	font-weight:300;
	font-size:16px;
	text-align:center;
	padding-top:30px;
	padding-bottom:40px;
}

.bg .formBox .title b {
	font-weight:400;
}

.bg .formBox .rInput input{
	height:38px;
	width:100%;
	border:none;
	border-bottom:1px solid #e6e3e3;
	font-weight:300;
	color:#929191;
	font-size:15px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.bg .formBox .rInput input:focus{
	border-bottom-color:#16b9d8;
	outline:none;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.bg .formBox button {
	width:100%;
	height:50px;
	background:#f9515d;
	border:none;
	margin-top:30px;
	margin-bottom:30px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	font-weight:500;
	cursor:pointer;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.bg .formBox button:hover {
	background:#de3d48;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.bg .formBox button:focus {
	outline:none;
}

.bg .formBox .left {

}

.bg .formBox .right {

}

.bg .formBox textarea {
	width:100%;
	height:auto;
	margin-top:30px;
	border:none;
	border-bottom:#e6e3e3 1px solid;
	font-weight:300;
	color:#929191;
	font-size:15px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.bg .formBox textarea:focus{
	border-bottom-color:#16b9d8;
	outline:none;
}

.aboutus {

}

.aboutus .circle {
	width:55px;
	height:55px;
	border-radius:50%;
	border:solid #e1f5f9 2px;
	margin:0px auto;
	margin-top:50px;
}

.aboutus .circle img {
	display:block;
	margin:0px auto;
	margin-top:13px;
}

.aboutus h1 {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#576d72;
	font-size:24px;
	font-weight:300;
}

.aboutus .line {
	width:170px;
	height:2px;
	background:#e1f5f9;
	margin:0px auto;
	margin-bottom:50px;
}

.aboutus .photo {
	height:auto;
	max-width:570px;
	background:#e1f5f9;
}

.aboutus .photo img{
	width:100%;
    object-fit: cover;
}

.aboutus p {
	color:#576d72;
	font-size:14px;
	font-weight:300;
	margin:0px;
}

.aboutus p b {
	font-weight:500;
	color:#576d72;
	font-size:16px;
}

.services {

}

.services .circle {
	width:55px;
	height:55px;
	border-radius:50%;
	border:solid #e1f5f9 2px;
	margin:0px auto;
	margin-top:50px;
}

.services .circle img {
	display:block;
	margin:0px auto;
	margin-top:13px;
}

.services h1 {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#576d72;
	font-size:24px;
	font-weight:300;
}

.services .line {
	width:170px;
	height:2px;
	background:#e1f5f9;
	margin:0px auto;
	margin-bottom:50px;
}

.services p {
	color:#576d72;
	font-size:14px;
	font-weight:300;
	margin:0px;
	text-align:center;
	margin-bottom:50px;
}

.services p b {
	font-weight:500;
	color:#576d72;
	display:block;
}

.services p.block2 {
	margin-bottom:0px;
}

.services p.block2 b {
	display:inline;
}

.services p a {
	white-space: pre-line;
	text-decoration:underline;
	color:#16b9d8;
	padding: 0px 10px;
}

.services p a:hover {
	text-decoration:none;
}

.services b {
	font-weight:500;
	color:#576d72;
	font-size:16px;
	margin:0px;
}



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

.team .circle {
	width:55px;
	height:55px;
	border-radius:50%;
	border:solid #e1f5f9 2px;
	margin:0px auto;
	margin-top:50px;
}

.team .circle img {
	display:block;
	margin:0px auto;
	margin-top:13px;
}

.team h1 {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#576d72;
	font-size:24px;
	font-weight:300;
}

.team .line {
	width:170px;
	height:2px;
	background:#e1f5f9;
	margin:0px auto;
	margin-bottom:50px;
}

.team .photo {
	height:291px;
	max-width:570px;
	background:#e1f5f9;
}

.team p {
	color:#576d72;
	font-size:14px;
	font-weight:300;
	margin:0px;
}

.team p b {
	font-weight:500;
	color:#576d72;
	font-size:16px;
}

.team .avatar {
	width:150px;
	height:150px;
	background:#e1f5f9;
	border-radius:50%;
	margin:0px auto;
}

.team .avatar img {
	width:150px;
	height:150px;
	border-radius:50%;
}

.team .name {
	color:#576d72;
	font-size:16px;
	font-weight:500;
	text-align:center;
	padding-top:13px;
}

.team .position {
	color:#16b9d8;
	font-weight:300;
	font-size:14px;
	text-align:center;
}

.testimonials {
	width:100%;
	height:auto;
	background:#f9fbfb;
	padding-top:50px;
	padding-bottom:50px;
}

.testimonials .circle {
	width:55px;
	height:55px;
	border-radius:50%;
	border:solid #e1f5f9 2px;
	margin:0px auto;
}

.testimonials .circle img {
	display:block;
	margin:0px auto;
	margin-top:15px;
}

.testimonials h1 {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#576d72;
	font-size:24px;
	font-weight:300;
}

.testimonials .line {
	width:170px;
	height:2px;
	background:#e1f5f9;
	margin:0px auto;
	margin-bottom:50px;
}

.testimonials .block {
	width:100%;
	height:auto;
	background:#fff;
	padding:25px;
	color:#576d72;
	font-size:14px;
	font-weight:300;
}

.testimonials .author {
	padding-top:15px;
	padding-left:20px;
	color:#16b9d8;
	font-size:14px;
	font-weight:300;
}

.contacts {
	padding-top:50px;
	padding-bottom:50px;
}

.contacts .circle {
	width:55px;
	height:55px;
	border-radius:50%;
	border:solid #e1f5f9 2px;
	margin:0px auto;
}

.contacts .circle img {
	display:block;
	margin:0px auto;
	margin-top:15px;
}

.contacts h1 {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#576d72;
	font-size:24px;
	font-weight:300;
}

.contacts .line {
	width:170px;
	height:2px;
	background:#e1f5f9;
	margin:0px auto;
	margin-bottom:50px;
}

.contacts .map {
	height:273px;
	max-width:570px;
	background:#e1f5f9;
}

.contacts input {
	width:100%;
	height:38px;
	border:none;
	border-bottom:#e6e3e3 1px solid;
	font-weight:300;
	color:#929191;
	font-size:15px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts input:focus{
	border-bottom-color:#16b9d8;
	outline:none;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts textarea {
	width:100%;
	height:auto;
	margin-top:30px;
	border:none;
	border-bottom:#e6e3e3 1px solid;
	font-weight:300;
	color:#929191;
	font-size:15px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts textarea:focus{
	border-bottom-color:#16b9d8;
	outline:none;
}

.contacts button {
	width:100%;
	height:50px;
	background:#f9515d;
	border:none;
	margin-top:30px;
	margin-bottom:30px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	font-weight:500;
	cursor:pointer;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.contacts button:focus {
	outline:none;
}

.contacts button:hover {
	background:#de3d48;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.contacts .info {
	width:100%;
	height:30px;
}

.contacts .info img {
	float:left;
}

.contacts .info .sideBorder {
	height:30px;
	width:1px;
	background:#e1f5f9;
	margin-left:30px;
	margin-right:30px;
	float:left;
}

.contacts .info .phone {
	height:30px;
	border:2px solid #cbd1d2;
	float:left;
	border-radius:2px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts .info .phone:hover {
	border-color:#16b9d8;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts .info .phone img {
	margin-left:10px;
	margin-top:5px;
}

.contacts .info .phone p {
	float:left;
	margin-right:10px;
	color:#cbd1d2;
	font-size:14px;
	font-size:400;
	padding-top:1px;
	padding-left:10px;
}

.contacts .info .email {
	height:30px;
	border:2px solid #cbd1d2;
	float:left;
	border-radius:2px;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts .info .email:hover {
	border-color:#16b9d8;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

.contacts .info .email img {
	margin-left:10px;
	margin-top:5px;
}

.contacts .info .email p {
	float:left;
	margin-right:10px;
	color:#cbd1d2;
	font-size:14px;
	font-size:400;
	padding-top:1px;
	padding-left:10px;
}

.contacts .info .facebook {
	float:left;
	width:30px;
	height:30px;
}

.endline {
	width:100%;
	height:4px;
	background:#e1f5f9;
	margin-top:50px;
	margin-bottom:50px;
}

.clear {
	clear:both;
}

.modal-content {
	color:#576d72;
	font-family: 'Rubik', sans-serif;
	font-size:14px;
	font-weight:300;
}

.modal-content b {
	font-weight:500;
	font-size:16px;
}

.modal-content h4 {
	font-size:20px;
}

@media screen and (max-width: 767px) {
	.header .topcontacts .phone {
		float:none;
		margin:0px auto;
		margin-top:5px;
	}
	.header .topcontacts .email {
		float:none;
		margin:0px auto;
		margin-top:5px;
	}
	.bg .formBox .left {

	}
	.bg .formBox .right {

		margin-top:20px;
	}
	.team .position {
		margin-bottom:50px;
	}
	.team {
		margin:0px;
	}
	.aboutus p {
		margin-top:50px;
	}
}

@media screen and (max-width: 1100px) {
	.contacts .info {
		height:auto;
	}
	.contacts .info .phone {
		float:none;
	}
	.contacts .info .sideBorder {
		display:none;
	}
	.contacts .info .email {
		float:none;
		margin-left:0px;
		margin-top:10px;
		text-align:center;
	}
	.contacts .info .phone {
		float:none;
		margin-left:0px;
		margin-top:10px;
		text-align:center;
	}
	.contacts .info .facebook {
		margin:0px auto;
		float:none;
	}
	.contacts .info .phone p {
		float:none;
	}
	.contacts input {
		margin-top:20px;
	}
	.contacts .info .email p {
		float:none;
	}
	.contacts .info .email img {
		margin-right:10px;
	}
	.contacts .info .phone img {
		margin-right:10px;
	}
}