@font-face {
	font-family: Ubuntu;
	src: url(../fonts/ubuntu_font/ubuntu-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu_font/ubuntu-regular-webfont.woff) format("woff"), url(../fonts/ubuntu_font/ubuntu-regular-webfont.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Ubuntu;
	src: url(../fonts/ubuntu_font/ubuntu-italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu_font/ubuntu-italic-webfont.woff) format("woff"), url(../fonts/ubuntu_font/ubuntu-italic-webfont.ttf) format("truetype");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: Ubuntu;
	src: url(../fonts/ubuntu_font/ubuntu-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu_font/ubuntu-bold-webfont.woff) format("woff"), url(../fonts/ubuntu_font/ubuntu-bold-webfont.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: RUR;
	src: url(../fonts/rur/rur-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/rur/rur-webfont.woff) format("woff"), url(../fonts/rur/rur-webfont.ttf) format("truetype"), url(../fonts/rur/rur-webfont.svg#RUR) format("svg");
	font-weight: normal;
	font-style: normal;
}
html {
	color: rgb(34, 34, 34); font-family: "Ubuntu", sans-serif;
}
body {
	line-height: 1.4; font-size: 1em;
}
::selection {
	background: rgb(179, 212, 252); text-shadow: none;
}

img {
	vertical-align: middle;
}
textarea {
	resize: vertical;
}
html {
	width: 100%; height: 100%; position: relative; min-width: 320px;
}
body {
//	width: 100%; height: 100%; position: relative; min-width: 320px;
}
a {
	border-color: rgba(31, 125, 184, 0.35); 
	transition:0.3s; color: rgb(31, 125, 184); 
	text-decoration: none; border-bottom-width: 0px; 
	border-bottom-style: solid; 
	-moz-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	-webkit-transition: all 0.3s;
}
a:hover {
	border-color: rgba(255, 0, 0, 0.3) !important; color: rgb(255, 0, 0) !important;
}
a:hover .link {
	border-color: rgba(255, 0, 0, 0.3) !important; color: rgb(255, 0, 0) !important;
}

#mMenuBg a:hover {
	border-color: rgba(255, 227, 128, 0.35) !important; color: rgb(255, 227, 128) !important;
}
.footer a:hover {
	border-color: rgba(255, 227, 128, 0.35) !important; color: rgb(255, 227, 128) !important;
}
.footer a:hover .link {
	border-color: rgba(255, 227, 128, 0.35) !important; color: rgb(255, 227, 128) !important;
}
.mTopMenu ul li a:focus {
	border-color: rgba(255, 227, 128, 0.35) !important; color: rgb(255, 227, 128) !important;
}
.mTopMenu ul li.active > a {
	border-width: 0px;
}
.mTopMenu ul li a.order::after {
	background: url("../images/v2/menu_order_link_arrow.png") no-repeat; left: 0px; top: 100%; width: 100%; height: 5px; display: block; position: absolute; content: "";
}
.mTopMenu ul li a.order:hover {
	background: rgb(155, 29, 0);
}
.mTopMenu ul li a.order:hover::after {
	background-position: 0px -5px;
}


.mTopMenu ul li ul::before {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.9); border-image: none; top: -14px; display: block; position: absolute; content: " ";
}
.no-js .mTopMenu ul li:hover ul {
	top: 100%; visibility: visible; opacity: 1;
}
.mean-nav ul li a.order:hover {
	background: rgba(227, 43, 0, 0.5);
}
a.but:hover {
	background: rgb(43, 119, 138); color: rgb(255, 227, 128) !important;
}
a.orange.but:hover {
	background: rgb(252, 48, 0);
}
.hLogo:hover {
	opacity: 0.5 !important;
}
ul.tire li::before {
	content: "\2014\a0\a0 ";
}
#headCollageWrap {
	transition:0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s;
}
#headCollage {
	position: absolute;
}
.razdUgBW {
	background-position: 0px 100%; top: 0px; bottom: auto;
}
.title1 {
	margin: 20px 0px; color: rgb(0, 110, 178);
}
.footer {
	color: rgb(210, 211, 225);
}
.footer a {
	border-color: rgba(210, 211, 225, 0.35);
}
.footer .link {
	border-color: rgba(210, 211, 225, 0.35);
}
.headStar2 {
	width: 2px; height: 2px;
}
.iHead:hover .marsohodHead {
	top: 130px;
}
ul.portfolio-works {
	list-style: none; margin: 0px; padding: 0px; text-align: center; display: block; position: relative;
}
ul.portfolio-works li {
	margin: 0px 10px 20px; width: 250px; height: 250px; vertical-align: top; display: inline-block;
}
ul.portfolio-works a.work-item {
	border-width: 0px; width: 100%; height: 100%; font-size: 13px; display: inline-block; position: relative;
}
ul.portfolio-works a.work-item .work-info-front {
	border-radius: 25px; transition:0.4s linear; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 1; opacity: 0; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
}
ul.portfolio-works a.work-item .work-info-back {
	border-radius: 25px; transition:0.4s linear; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 1; opacity: 0; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
}
ul.portfolio-works a.work-item .work-info-front {
	z-index: 2; opacity: 1;
}
ul.portfolio-works a.work-item .work-info-front::after {
	border-radius: 25px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; box-shadow: inset 0px 0px 0px 5px rgba(0,0,0,0.2); dispay: block;
}
ul.portfolio-works a.work-item .work-info-front img {
	width: 100%; height: 100%;
}
ul.portfolio-works a.work-item .work-info-back {
	background: linear-gradient(rgb(186, 149, 182) 0%, rgb(76, 35, 104) 100%); color: rgb(255, 255, 255); text-shadow: 0px 0px 1px #fff, 0px 1px 2px rgba(0,0,0,0.3);
}
ul.portfolio-works a.work-item .work-title {
	left: 3%; width: 94%; bottom: 50%; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10%; font-family:Cambria;font-size: 3.0em; position: absolute;
}
ul.portfolio-works a.work-item .work-address {
	border-color: rgba(255, 255, 255, 0.3); left: 10%; top: 50%; width: 80%; padding-top: 15px; font-family:Calibri; font-size: 2.0em; border-top-width: 1px; border-top-style: solid; display: block; position: absolute;
}
ul.portfolio-works a.work-item:hover .work-info-front {
	opacity: 0;
}
ul.portfolio-works a.work-item:hover .work-info-back {
	opacity: 1;
}
ul.main-portfolio-works {
	height: 285px;  line-height: 0; overflow: hidden; font-size: 1px; -ms-text-justify: newspaper; -ms-zoom: 1; -ms-text-align-last: justify;
}
ul.main-portfolio-works::after {
	width: 100%; height: 0px; overflow: hidden; display: inline-block; visibility: hidden; content: "";
}
ul.main-portfolio-works li {
	margin: 10px 20px 100px; text-align: center; line-height: normal; font-size: 14px;
}
ul.main-portfolio-works a.work-item {
	perspective: 900px; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px;
}
ul.main-portfolio-works a.work-item .work-info-front {
	transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%;
}
ul.main-portfolio-works a.work-item .work-info-back {
	transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%;
}
ul.main-portfolio-works a.work-item .work-info-back {
	transform: translate3d(0px, 0px, -200px) rotate3d(1, 0, 0, 90deg); -webkit-transform: translate3d(0, 0, -200px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -200px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -200px) rotate3d(1, 0, 0, 90deg);
}
ul.main-portfolio-works a.work-item:hover .work-info-front {
	transform: translate3d(0px, 280px, 0px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
ul.main-portfolio-works a.work-item:hover .work-info-back {
	transform: rotate3d(1, 0, 0, 0deg); -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg);
}
.bs-mozaika span:nth-child(9n+1) {
	transition:0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s;
}
.bs-mozaika span:nth-child(9n+2) {
	transition:0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s;
}
.bs-mozaika span:nth-child(9n+3) {
	transition:0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s;
}
.bs-mozaika span:nth-child(9n+4) {
	transition:0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; -webkit-transition: all 0.9s;
}
.bs-mozaika span:nth-child(9n+5) {
	transition:1s; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;
}
.bs-mozaika span:nth-child(9n+6) {
	transition:1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; -webkit-transition: all 1.2s;
}
.bs-mozaika span:nth-child(9n+7) {
	transition:0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s;
}
.bs-mozaika span:nth-child(9n+8) {
	transition:0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s;
}
.bs-mozaika span:nth-child(9n+9) {
	transition:0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
.visible#shadOverlay {
	visibility: visible; opacity: 1;
}
.visible#contactFormDiv {
	top: 80px; visibility: visible; opacity: 1;
}
#shadOverlay {
	transition:0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s;
}
#contactFormDiv {
	transition:0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s;
}
dl.cForm dt {
	top: 4px; width: 110px; text-align: right; color: rgb(153, 153, 153); clear: both; font-size: 13px; float: left; position: relative;
}
dl.cForm dd {
	margin-bottom: 20px; margin-left: 130px;
}
.mAction1 a:hover {
	border-color: rgba(255, 255, 0, 0.75); color: rgb(255, 255, 0) !important;
}
@media only screen and (max-width:1080px) and (min-width:980px)
{
.maxWidth {
	padding: 0px 30px 0px 50px;
}
}
@media only screen and (max-width:1080px)
{
#headCollageWrap {
	display: none;
}
.hBgLowRes {
	background: url("../images/v2/h_img_low_res.jpg") no-repeat 50% 50% / auto 100%; display: block;
}
}
@media only screen and (max-width:980px)
{
.maxWidth {
	padding: 0px 30px 0px 50px;
}
.mTopMenu {
	text-align: right; padding-right: 0px;
}
#hContacts {
	display: none;
}
.mTitle1 {
	font-size: 28px !important;
}
.title1 {
	font-size: 28px !important;
}
.title2 {
	font-size: 24px;
}
.dottedTitle1 {
	font-size: 24px;
}
.title3 {
	font-size: 22px;
}
}
@media only screen and (max-width:780px)
{
#mMenuBg {
	background: rgb(26, 26, 26); position: relative;
}
#hContacts {
	left: 50%; right: auto; margin-left: -25px; display: block;
}
#mMenuLogo {
	top: 10px !important;
}
.mTopMenu {
	display: none;
}
.mean-bar {
	display: block;
}
ul.main-portfolio-works {
	height: 250px;
}
ul.portfolio-works li {
	width: 150px; height: 150px;
}
ul.portfolio-works a.work-item {
	font-size: 10px;
}
.iHead {
	height: 100px !important;
}
#contactFormDiv {
	left: 3%; width: 94%; margin-left: 0px; position: absolute;
}
.bsMozaikaWrap {
	display: none;
}
}
@media only screen and (max-width:640px)
{
.footer {
	text-align: center;
}
.fCopyright {
	text-align: center;
}
.footer .maxWidth {
	padding-left: 10px;
}
}
@media only screen and (max-width:630px)
{
ul.p-portfolio-works li {
	margin: 0px 5px 10px !important;
}
.mTitle1 {
	font-size: 24px !important;
}
.title1 {
	font-size: 24px !important;
}
.title2 {
	font-size: 20px;
}
.dottedTitle1 {
	font-size: 20px;
}
.title3 {
	font-size: 18px;
}
}
@media only screen and (max-width:520px)
{
.maxWidth {
	padding: 0px 10px 0px 40px;
}
#hContacts {
	margin-left: -35px;
}
.servTitle1 {
	font-size: 1.1em;
}
ul.main-portfolio-works {
	height: 200px;
}
ul.portfolio-works li {
	width: 100px; height: 100px;
}
ul.portfolio-works a.work-item {
	font-size: 8px;
}
.iHead {
	height: 70px !important;
}
}
@media only screen and (max-width:490px)
{
#hContacts {
	display: none;
}
}
.group::before {
	display: table; content: "";
}
.group::after {
	display: table; content: "";
}
.group::after {
	clear: both;
}
:first-child.col {
	margin-left: 0px;
}
@media only screen and (max-width:640px)
{
.mDiv {
	min-width: 0px;
}
.footer {
	min-width: 0px;
}
.col {
	margin: 1% 0px 1% 0%;
}
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 100%;
}
.span_1_of_3 {
	width: 100%;
}
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 100%;
}
.span_2_of_4 {
	width: 100%;
}
.span_1_of_4 {
	width: 100%;
}
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 100%;
}
.span_3_of_5 {
	width: 100%;
}
.span_2_of_5 {
	width: 100%;
}
.span_1_of_5 {
	width: 100%;
}
}
.ir::before {
	width: 0px; height: 150%; display: block; content: "";
}
.focusable.visuallyhidden:focus {
	margin: 0px; width: auto; height: auto; overflow: visible; position: static; clip: auto;
}
.clearfix::before {
	display: table; content: " ";
}
.clearfix::after {
	display: table; content: " ";
}
.clearfix::after {
	clear: both;
}
.relative {
	position: relative;
}
@media print
{
* {
	background: none !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important;
}
a {
	text-decoration: underline;
}
a[href]::after {
	content: " (" attr(href) ")";
}
abbr[title]::after {
	content: " (" attr(title) ")";
}
.ir a::after {
	content: "";
}
a[href^='javascript:']::after {
	content: "";
}
a[href^='#']::after {
	content: "";
}
img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
h2 {
	page-break-after: avoid;
}
h3 {
	page-break-after: avoid;
}
}