
@font-face {
    font-family: helveticaneuecyr;
    src: url(HelveticaNeueCyr-Light.otf);
}
@media (max-width:767px){.riz-badge{display:none;}
}
.ng-badge{position:absolute;left:-0px;display:block;float:left;clear:both;z-index:9;text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4);}
@media (max-width:767px){.ng-badge{display:none;}
}
.firstLine{display:inline-block;font-size:14px;line-height:45px;height:36px;font-weight:300;border-bottom:1px solid rgba(255,255,255,.5);margin-top:15px;}.secondLine{display:inline-block;font-size:30px;line-height:50px;height:50px;font-weight:600;}
.thirdLine{display:inline-block;font-size:18px;line-height:36px;font-weight:300;line-height:36px;height:36px;font-weight:300;border-top:1px solid rgba(255,255,255,.5);}
.badges{position:relative;margin:0 auto;width:200px;height:200px;background:#D9534F;border-radius:100%;color:#FFF;line-height:25px;text-align:center;text-transform:uppercase;font-family:"Open Sans",sans-serif;-webkit-animation:3s ease-in-out 0s normal none infinite running swing;-moz-animation:3s ease-in-out 0s normal none infinite running swing;-o-animation:3s ease-in-out 0s normal none infinite running swing;animation:3s ease-in-out 0s normal none infinite running swing;-webkit-transform-origin:100px -71px;-moz-transform-origin:100px -71px;-o-transform-origin:100px -71px;transform-origin:100px -71px;}
.badges-ng{position:relative;margin:0 auto;width:200px;height:306px;background:url(/img/ng-sale.png) no-repeat;color:#FFF;line-height:25px;text-align:center;text-transform:uppercase;font-family:"Open Sans",sans-serif;-webkit-animation:3s ease-in-out 0s normal none infinite running swing;-moz-animation:3s ease-in-out 0s normal none infinite running swing;-o-animation:3s ease-in-out 0s normal none infinite running swing;animation:3s ease-in-out 0s normal none infinite running swing;-webkit-transform-origin:100px -71px;-moz-transform-origin:100px -71px;-o-transform-origin:100px -71px;transform-origin:100px -71px;}
.badges-ng p {margin-top: 102px;}
.badges:before{content:'';position:absolute;top:90px;left:90px;width:20px;height:20px;border-radius:100%;-webkit-box-shadow:0px -82px 0px -2px #fff, 0px -100px #D9534F,20px -98px #D9534F,39px -94px #D9534F,56px -85px #D9534F,71px -72px #D9534F,
83px -57px #D9534F,93px -40px #D9534F,98px -20px #D9534F,100px 0px #D9534F,
-20px -98px #D9534F,-39px -94px #D9534F,-71px -72px #D9534F,
-56px -85px #D9534F,-83px -57px #D9534F,-93px -40px #D9534F,-98px -20px #D9534F,-100px 0px #D9534F,
0px 100px #D9534F,-20px 98px #D9534F,-39px 94px #D9534F,-56px 85px #D9534F,
-71px 72px #D9534F,-83px 57px #D9534F,-93px -40px #D9534F,-98px 20px #D9534F,-93px 40px #D9534F,
20px 98px #D9534F,39px 94px #D9534F,56px 85px #D9534F,
71px 72px #D9534F,83px 57px #D9534F,93px 40px #D9534F,98px 20px #D9534F;-moz-box-shadow:0px -82px 0px -2px #fff, 0px -100px #D9534F,20px -98px #D9534F,39px -94px #D9534F,56px -85px #D9534F,71px -72px #D9534F,
83px -57px #D9534F,93px -40px #D9534F,98px -20px #D9534F,100px 0px #D9534F,
-20px -98px #D9534F,-39px -94px #D9534F,-71px -72px #D9534F,
-56px -85px #D9534F,-83px -57px #D9534F,-93px -40px #D9534F,-98px -20px #D9534F,-100px 0px #D9534F,
0px 100px #D9534F,-20px 98px #D9534F,-39px 94px #D9534F,-56px 85px #D9534F,
-71px 72px #D9534F,-83px 57px #D9534F,-93px -40px #D9534F,-98px 20px #D9534F,-93px 40px #D9534F,
20px 98px #D9534F,39px 94px #D9534F,56px 85px #D9534F,
71px 72px #D9534F,83px 57px #D9534F,93px 40px #D9534F,98px 20px #D9534F;-o-box-shadow:0px -82px 0px -2px #fff, 0px -100px #D9534F,20px -98px #D9534F,39px -94px #D9534F,56px -85px #D9534F,71px -72px #D9534F,
83px -57px #D9534F,93px -40px #D9534F,98px -20px #D9534F,100px 0px #D9534F,
-20px -98px #D9534F,-39px -94px #D9534F,-71px -72px #D9534F,
-56px -85px #D9534F,-83px -57px #D9534F,-93px -40px #D9534F,-98px -20px #D9534F,-100px 0px #D9534F,
0px 100px #D9534F,-20px 98px #D9534F,-39px 94px #D9534F,-56px 85px #D9534F,
-71px 72px #D9534F,-83px 57px #D9534F,-93px -40px #D9534F,-98px 20px #D9534F,-93px 40px #D9534F,
20px 98px #D9534F,39px 94px #D9534F,56px 85px #D9534F,
71px 72px #D9534F,83px 57px #D9534F,93px 40px #D9534F,98px 20px #D9534F;box-shadow:0px -82px 0px -2px #fff, 0px -100px #D9534F,20px -98px #D9534F,39px -94px #D9534F,56px -85px #D9534F,71px -72px #D9534F,
83px -57px #D9534F,93px -40px #D9534F,98px -20px #D9534F,100px 0px #D9534F,
-20px -98px #D9534F,-39px -94px #D9534F,-71px -72px #D9534F,
-56px -85px #D9534F,-83px -57px #D9534F,-93px -40px #D9534F,-98px -20px #D9534F,-100px 0px #D9534F,
0px 100px #D9534F,-20px 98px #D9534F,-39px 94px #D9534F,-56px 85px #D9534F,
-71px 72px #D9534F,-83px 57px #D9534F,-93px -40px #D9534F,-98px 20px #D9534F,-93px 40px #D9534F,
20px 98px #D9534F,39px 94px #D9534F,56px 85px #D9534F,
71px 72px #D9534F,83px 57px #D9534F,93px 40px #D9534F,98px 20px #D9534F;}
.badges:after{content:'';position:absolute;top:-70px;left:99px;width:2px;height:81px;border-radius:0%;background:#000;}
@-webkit-keyframes swing{0%{-webkit-transform:rotate(5deg);}
50%{-webkit-transform:rotate(-5deg);}
100%{-webkit-transform:rotate(5deg);}
}
@-moz-keyframes swing{0%{-moz-transform:rotate(5deg);}
50%{-moz-transform:rotate(-5deg);}
100%{-moz-transform:rotate(5deg);}
}
@-o-keyframes swing{0%{-o-transform:rotate(5deg);}
50%{-o-transform:rotate(-5deg);}
100%{-o-transform:rotate(5deg);}
}
@keyframes swing{0%{transform:rotate(5deg);}
50%{transform:rotate(-5deg);}
100%{transform:rotate(5deg);}
}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 10;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	 margin-top:5%;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}
.scroll-btn p {margin-left:-55px;}

.col-9{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
.col-3{
	max-width: 193px;
	margin: auto;
	box-sizing: border-box;
}
/*items*/
.portfolio{
	clear: both;
}
.menu{
	padding: .3em .3em;
}
.wrap{
	padding: .3em;
}
img{width: 100%;
	opacity: 1;
	transition: opacity .6s;}

figure{
	display:inline-block;
	position: relative;
	line-height: 0;
	padding: .3em;
	cursor: pointer;
}
.img-wrap:before{
	content: '';
	position: absolute;
	top: .3em;
	left: .3em;
	right: .3em;
	bottom: .3em;
	background-color: rgba(255,255,255,.4);
	opacity: 0.5;
	transition: opacity 2s,
	background-color .4s; 
}
.img-wrap:hover:before{
	background-color: rgba(153,240,233,1);
	opacity: 0;

}

nav{
	margin-top: 25px;
	line-height: 3;
}
nav ul li {
	display: inline;
}
nav ul li a{
	text-decoration: none;
	padding: .5em 1em.5em;
	color: #175c56;
	font-size: 18px;
	font-family: 'helveticaneuecyr', sans-serif;
	transition: color .6s, background-color .2s;
	border-radius: 5px;
}
nav ul li a:hover{
	background-color: white;
	color: #4ea9a1;
	text-decoration: none;
}
.active a{
	border: solid 1px #fff;
	color: #fff;
}

@media only screen and (min-width: 600px) {
	header{float: left}
	nav{text-align: center;}
}
/*text-shadow: 1px 1px 20px #0eaac0;
text-shadow: 1px 1px 20px #0eaac0; */
body {margin: 0;font-size: 16px;font-family: "helveticaneuecyr";font-weight: 300;}
h1 {font-size: 675%;color:white;margin-top:17%;text-align: center;font-family: "helveticaneuecyr";font-weight: 800;margin-bottom:0; }
h2 {font-size: 175%;color:white;text-align: center;font-family: "helveticaneuecyr";margin:0;font-weight: 100;}
h3 {font-size: 270%;color:#2fa59b;font-family: "helveticaneuecyr";font-weight: 300;margin-top:35px;}
h4 {font-size: 130%;font-family: "helveticaneuecyr";font-weight: 100;color:#333;display: inline-block;}
h5 {font-size: 130%;font-family: "helveticaneuecyr";font-weight: 300;color:#333;color:#2fa59b;}
h4 span {font-weight: 300;}
h2 span {color:#333;text-shadow:0 0 0;padding:30px 0px 20px;}
#first {height: 100%;}
.go_to {text-align: center;}
.gray {background-color: #f7f7f7;padding:10px 15px;margin-bottom: 20px;}
.float-left {float:left;}
.float-right {float:right;}
.teal {font-size:100%;color:#4cbfb5;font-weight: 300;}
.list-ok {padding: 10px 0 10px 35px;}
.list-ok li {
	list-style: none;
    padding-left: 25px;
    padding-bottom: 10px;
    background: url(./img/ok.png) 0 15% no-repeat transparent;
    overflow: hidden;
    text-overflow: ellipsis;
}
li span {font-weight: 500;color:#565656;}
.skills {margin-top:20px;padding-left: 0;cursor: pointer;text-align: center;}
.skills li {background-color: #c8f1ee;padding:10px 15px;font-size: 12pt;text-decoration: none;overflow: hidden;margin:3px;width: 100%;display:inline;border-radius: 5px;color:#25736c;line-height: 3;white-space: nowrap;}
.skills-modal {margin-top:20px;padding-left: 20px;cursor: pointer;text-align: center;display: inline;}
.skills-modal li {background-color: #c8f1ee;padding:10px 15px;font-size: 12pt;text-decoration: none;overflow: hidden;margin:3px;width: 100%;display:inline;border-radius: 5px;color:#25736c;line-height: 3;white-space: nowrap;}
.company {margin-top:20px;}
.company span {font-weight: 400;}
.teal-bg {background-color: #84cbc5;margin-top:30px;}
.teal-bg h3 {color:white;text-align: center;}
.teal-text, .teal-text a, a:hover {color:#2fa59b;}
.gray-text, .gray-text a, a:hover {color:#535353;}
.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}
.mt15 {margin-top:15px;}
.mt35 {margin-top:35px;}
.pb30 {padding-bottom: 30px;}
@media (min-width: 768px) {
.modal-dialog {width:90%;}
}
.w700 {width:700px;max-width:700px;margin:auto;}
.center {text-align: center;}
.modal-body img {margin-top:20px !important;}
.modal-title {font-weight: 400; color:#777;}
.banner {width: 200px;}
.w454 {width:454px;}
.google {width:auto;margin-bottom: 10px;}
#form input, textarea {display: block;padding:5px 10px;margin-bottom: 10px !important;border-radius: 4px; border:1px solid #d1d1d1;max-width: 303px;width:303px;}
input:focus, textarea:focus {outline:none; box-shadow: 0 0 1pt 1pt #a6f5ed;border:1px solid #a6f5ed !important;}
.button {background-color: #ff9b19;border:none !important;color:#fff;font-weight: 400;border-bottom: 2px solid #c0710b !important;margin-top:10px;}
.button:active {border:none !important;border-bottom: 2px solid #c0710b !important;outline: none;background-color: #ffb016;box-shadow: none;}
#form {padding:15px;background-color: #84cbc5;border-radius: 4px;max-width: 334px;}
.phone {font-size: 120%;color:#2fa59b;margin-bottom: 15px;font-weight: 400;}
.bg {background: url(./img/bg.jpg) repeat-x center bottom;}
.right {text-align: right;}
.bigtext {font-size: 110%;}
.bigtext img {width: auto; bottom:2px;position: relative;margin-right: 7px;}
.bigtext a {color:#333;}
.photo {width: auto;}
.h550 {min-height:550px;}
.h490 h3 {color:#333 !important;}
.footer {text-align: center;color:#fff;}
.left {text-align: left;}
.pointer {cursor: pointer;}
table {border: 0px;margin-top:20px;}
tr:hover {background-color: #e8f6f5;}
td {padding:5px;}
td:last-child {color:#2fa59b;font-weight: 400;}
.glyphicon-ruble {font-size: 13px;}
@media only screen and (max-width: 600px) {
	.left {display: inline-block;}
	#form {margin-bottom: 140px;}
}