@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900');

html{
    height:100%;
}

input, textarea {outline:none!important;}
input:active, textarea:active {outline:none!important;}
:focus {outline:none!important;}

a:hover{text-decoration:none!important}

body{
	max-width:100%;
	width:100%;
	height:100%;
	font-size:100%;
	line-height:1.6;
	color:#000;
	overflow-x:hidden;
	min-width:660px;
	font-size:19px;
	position:relative;
	display:block;
	padding:0!important;
	margin:0!important;
	background:#fff!important;
}

a {text-decoration:none;}

.sidebar{
	position:fixed;
	display:block;
	height:100%;
	width:7%;
	top:0;
	right:0;
	z-index:9;
	background:#1F1F25;
	font-family: 'Montserrat', sans-serif;
	box-shadow:0 0 3px #1F1F25;
}

.tablet-hover, .tablet{	display:none;}

.sidebar-tablet{display:none;}

.mova{
	position:fixed;
	top:18.7%;
	right:.24%;
	width:120px;
	display:inline-block;
	text-align:center;	
	border:0px solid #fff;
}

.mova ul{display:block;text-align:center;width:100%;position:relative;float:none;margin:0 5px 0 0;border:0px solid green;padding:0;}

.mova li{display:inline-block;border:0px solid red;padding:0px;float:none;position:relative;width:100%;text-indent:0;margin:0;}

.mova li a{
	color:#fff;
	border:2px solid rgba(255,255,255,.5);
	padding:15px;
	margin:0 0 30px;
	position:relative;
	display:inline-block;
	font-size:.9em;
	font-weight:600;

	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.mova li a:hover{
	color:#4487c7;
	border:2px solid rgba(255,255,255,1);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.wrapper{
	position:absolute;
	display:block;
	width:93%;
	min-width:660px;
	max-width:100%!important;
	left:0;
	top:0;
	z-index:9;
	overflow-x:hidden!important;
	background:#ffff;
	
	min-height:90%;
	padding-bottom:490px;
	
	font-family: 'Montserrat', sans-serif;
}

.hello-slider{
	position:relative;
	display:inline-block;
	width:100%;
	height:100vh;
	min-height:850px;
	border:0px solid red;
	
}

.slider-top{
	position:relative;
	display:inline-block;
	width:82%;
	height:100%;
	background:#1f1f25;
	overflow:hidden;
}

.hover-slide{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
	
	background: rgb(31,31,37);
	background: linear-gradient(90deg, rgba(31,31,37,0) 0%, rgba(31,31,37,0) 25%, rgba(31,31,37,0.6250875350140056) 86%, rgba(31,31,37,0.7763480392156863) 100%);
	/*background: linear-gradient(90deg, rgba(31,31,37,0) 0%, rgba(31,31,37,0.5242471988795518) 87%, rgba(31,31,37,0.5690651260504201) 100%);*/
}

.slider-for .slick-slide img {
    max-width:110%!important;
    min-width:100%!important;
    width:auto;
    height:100vh;
	min-height:100%!important;
	z-index:7;
}

.project-text{
	position:absolute;
	display:block;
	border:0px solid #fff;
	
	bottom:3.5%;
	left:3%;
	width:600px;
	
}

.project-text span{
	color:#fff;
	margin-right:4%;
	text-shadow:0 0 5px rgb(31,31,37);
	
	font-size:1.1em;
	font-weight:600;
	letter-spacing:1.7px;
	text-transform:uppercase;
}

.slider-nav-block{
	position:absolute;
	bottom:5.1%!important;
	right:-9.5%;
	z-index:9;
	border:0px solid green;
	width:600px;
}

.black-side{
	position:relative;
	width:18%;
	z-index:9;
	height:100%;
	display:inline-block;
	background:#1F1F25;
	float:right;
}

h2.mobi-name{
	position:absolute;
	top:2.0%;
	right:35%;
	display:block;
	z-index:9;
	
	margin:0;
	padding:0;
	line-height:1;
	letter-spacing:2px;
	color:#fff;
	text-transform:uppercase;
	font-size:2.68em;
	font-weight:500;
}

h4.rotate{
	position:absolute;
	bottom:29.5%;
	right:-175px;
	text-align:right;
	z-index:19;
	min-width:479px;
	
	border:0px solid red;
	
	
	color:#fff;
	font-size:.952em;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1;
	font-weight:500;
	letter-spacing:2.5px;
	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.main-title{
	position:absolute;
	top:28%;
	left:-85.5%;
	z-index:9;
}

.main-title h1{
	width:470px;
	color:#fff;
	text-transform:uppercase;
	font-size:3.3em;
	font-weight:700;
	margin:0;
	padding:0;
	letter-spacing:1.5px;
	line-height:1.33;
}

.main-title h4{
	width:470px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.21em;
	font-weight:500;
	margin:9.8% 0 0;
	padding:0;
	line-height:1.43;
	letter-spacing:1.5px;
}

/****************/

/****************/

.about-mobi{
	position:relative;
	display:inline-block;
	width:100%;
	min-height:300px;
	background:#F6F7F8;
	padding:5% 0 3%;
	margin:-.5% 0 0;
	z-index:7;
}

.about-left{
	position:relative;
	display:inline-block;
	width:43%;
	margin-left:2%;
	vertical-align:top;
	border:0px solid red;
}

.subtitle-block{
	text-transform:uppercase;
	font-size:1.3em;
	letter-spacing:1px;
	font-weight:700;
	color:rgba(0,0,0,.28);
}

.about-left h2{
	font-size:2.01em;
	letter-spacing:1px;
	font-weight:800;
	margin-bottom:8%;
	text-transform:uppercase;
}

.about-left p{
	font-size:.95em;
	font-weight:400;
	color:#111;
}

/**/

button {
	outline: none;
	display:block;
	margin:9% 0 0;
}
.custom-btn {
	border: 2px solid #000;
	font-size:.72em;
	text-transform:uppercase;
	font-weight: 600;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
}

.btn-black {
	background: #000;
	color: #fff;
	line-height: 42px;
	border: none;
	transition: all 900ms ease;
	
}

.btn-black span {
	position: relative;
	display: inline-block;
	padding:5px 55px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1.25px;

}

.btn-black:before,
.btn-black:after {
	position: absolute;
	content: "";
	height: 0%;
	width: 3px;
	background: #000;
	transition: all 700ms ease;
}

.btn-black:before {
	right: 0;
	top: 0;
	transition: all 700ms ease;
  
}

.btn-black:after {
	left: 0;
	bottom: 0;
	transition: all 700ms ease;
}

.btn-black:hover{
	color: #000;
	background: transparent;
	transition: all 900ms ease;
  
	box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
}

.btn-black:hover:before {
	transition: all 700ms ease;
	height: 100%;
}

.btn-black:hover:after {
	transition: all 700ms ease;
	height: 100%;
}

.btn-black span:before,
.btn-black span:after {
	position: absolute;
	content: "";
	background: #000;
}

.btn-black span:before {
	left: -2%;
	top: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.btn-black span:after {
	right: -2%;
	bottom: -1%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}
.btn-black span:hover:before {
	width: 104%;
}
.btn-black span:hover:after {
	width: 104%;
}

/**/

.about-right{
	position:relative;
	display:inline-block;
	width:47%;
	margin-left:3%;
	border:0px solid red;
	vertical-align:top;
	text-align:center;
}

.about-right img{
	height:405px;
	width:auto;
	display:inline-block;
	z-index:9!important;
	position:relative;
	margin-left:7.5%;
}

.image-border{
	position:relative;
	display:inline-block;
}

.about-right .image-border:after{
	position:absolute;
	display:inline-block;
	top:18%;
	left:-5%;
	z-index:5;
	content:'';
	width:650px;
	height:405px;
	
	background: url("../images/Rectangle 90 (1).png");
	background-size:650px 405px;
	
}

.year-block{
	position:relative;
	display:block;
	margin:16% 0% 0 15%;
	padding:0% 5% 0 0;
	text-align:right;
	border:0px solid green;
}

.year-block span{
	font-size:6em;
	padding:-10px 0 0;
	margin:0;
	margin-right:5%;
	color:#E6E6E7;
	display:inline-block;
	line-height:1;
	font-weight:800;
}

.year-block p.big{
	font-size:5.78em;
	padding:0px 0 0;
	margin:0;
	text-transform:uppercase;
	color:#E6E6E7;
	display:inline-block;
	line-height:1;
	font-weight:800;
}

.year-block p.small{
	font-size:2.2em;
	padding:0px 0 0;
	margin:2.5% 0 0;
	text-transform:uppercase;
	color:#000;
	display:block;
	line-height:1;
	font-weight:700;
}

.year-block:after{
	content:'';
	width:15px;
	height:88.5%;
	position:absolute;
	top:11.5%;
	right:-2%;
	background:#000;
}

/**/

.project-mobi{
	position:relative;
	display:block;
	width:95.5%;
	
	padding:5% 0 0;
	margin:0 auto;
	
}

#pages-body .project-mobi{
	position:relative;
	display:block;
	width:95.5%;
	
	padding:0% 0 0;
	margin:0 auto;
	
}

.block-title{
	font-size:2.55em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	letter-spacing:1.8px;
	
}

.block-title:after{
	content:'';
	width:8.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px 0 15px;
}

.project-mobi .views-exposed-form{
	display:block;
	text-align:right;
	margin:3% 4% 5% 0;
}

.project-mobi .js-form-item{
	display:inline-block;
}

.project-mobi input[type=checkbox] ,
.project-mobi input[type=radio] {
	display: none;
}
.project-mobi label {
	display: inline-block;
	cursor: pointer;
	
	line-height: 34px;
	
	user-select: none;
	
	font-weight:800;
	text-transform:uppercase;
	font-size:.83em;
}

.project-mobi label:after{
	content:'/';
	display:inline-block;
	margin:0 15px 0 15px;
	color:#000;
}

.project-mobi .js-form-item:last-child label:after{
	content:'';
	display:inline-block;
	margin:0px;
}
 
/* Checked */
.project-mobi input[type=checkbox]:checked + label ,
.project-mobi input[type=radio]:checked + label {
	color:#4487c7;
}
 
/* Hover */
.project-mobi label:hover {
	color: #666;
}
 
/* Disabled */
.project-mobi input[type=checkbox]:disabled + label ,
.project-mobi input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}

.project-mobi .project-front .views-element-container{
	text-align:left!important;
	border:0px solid #000;
}

.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:480px;
	height:600px;
	overflow:hidden;
	margin:0 6.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.project-mobi .views-row:nth-child(4),
.project-mobi .views-row:nth-child(7),
.project-mobi .views-row:nth-child(10),
.project-mobi .views-row:nth-child(13),
.project-mobi .views-row:nth-child(16),
.project-mobi .views-row:nth-child(19),
.project-mobi .views-row:nth-child(21),
.project-mobi .views-row:nth-child(24),
.project-mobi .views-row:nth-child(27),
.project-mobi .views-row:nth-child(30),
.project-mobi .views-row:nth-child(33){
	margin:0 0% 5% 0;
	border:0px solid red;
}

.project-mobi .views-row img{
	width:auto;
	height:600px;
	z-index:8;
}

.black-row{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	z-index:9;
	
	opacity:0;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.project-mobi .views-row:hover .black-row{
	opacity:1;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}

.line-1{
	width:90%;
	height:1.5px;
	background:#fff;
	position:absolute;
	top:5.5%;
	left:3%;
}

.line-2{
	width:1.8px!important;
	height:91%;
	background:#fff;
	position:absolute;
	top:2.7%;
	left:7%;
}

.black-row .project-title{
	position:absolute;
	top:15%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.83em;
	font-weight:800;
	
	opacity:0;
}

.project-mobi .views-row .black-row:hover .project-title{
	opacity:1;
	z-index:8;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}


.project-info{
	display:block;
	margin:12% 0 0;
}

.black-row span:nth-child(1){
	font-size:.69em;
	display:block;
	font-weight:600;
	color:rgba(255,255,255,.99);
	text-transform:uppercase;
	letter-spacing:0;
}

.black-row span:nth-child(2){
	font-size:.59em;
	display:block;
	font-weight:500;
	color:rgba(255,255,255,.7);
	text-transform:none;
	margin:3% 0 0;
	letter-spacing:0;
}

.go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,.6);
	font-size:.9em;
	font-weight:600;
	
	position:absolute;
	bottom:15.2%;
	letter-spacing:1.5px;
	right:-7.9%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.project-bottom{
	display:block;
	
}

.project-bottom button{
	outline: none;
	display:block;
	margin:0% 0 5%;
}
.project-bottom .custom-btn{
	border: 2px solid #000;
	font-size:.72em;
	text-transform:uppercase;
	font-weight: 600;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
}

.project-bottom .btn-black{
	background: #000;
	color: #fff;
	line-height: 42px;
	border: none;
	transition: all 900ms ease;
	
}

.project-bottom .btn-black span{
	position: relative;
	display: inline-block;
	padding:5px 90px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1.25px;

}

.project-bottom.btn-black:before,
.project-bottom.btn-black:after{
	position: absolute;
	content: "";
	height: 0%;
	width: 3px;
	background: #000;
	transition: all 700ms ease;
}

.project-bottom .btn-black:before{
	right: 0;
	top: 0;
	transition: all 700ms ease;
  
}

.project-bottom .btn-black:after{
	left: 0;
	bottom: 0;
	transition: all 700ms ease;
}

.project-bottom .btn-black:hover{
	color: #000;
	background: transparent;
	transition: all 900ms ease;
  
	box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
}

.project-bottom .btn-black:hover:before {
	transition: all 700ms ease;
	height: 100%;
}

.project-bottom .btn-black:hover:after {
	transition: all 700ms ease;
	height: 100%;
}

.project-bottom .btn-black span:before,
.project-bottom .btn-black span:after{
	position: absolute;
	content: "";
	background: #000;
}

.project-bottom .btn-black span:before{
	left: -2%;
	top: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.project-bottom .btn-black span:after{
	right: -2%;
	bottom: -1%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.project-bottom .btn-black span:hover:before {
	width: 104%;
}

.project-bottom .btn-black span:hover:after{
	width: 104%;
}

.big-title{
	font-size:5.28em;
	padding:0px 0 0;
	margin:0;
	text-transform:uppercase;
	color:rgba(230, 230, 231,.8);
	display:inline-block;
	line-height:1;
	font-weight:800;
	position:relative;
	
}

.project-bottom .big-title{
	float:right;
	margin:-1.2% 10% 0 0; 
}

.big-title:after{
	content:'';
	width:13.25px;
	height:75.5%;
	position:absolute;
	top:13.5%;
	right:-7.9%;
	background:#000;
}

/**/

.services-mobi{
	position:relative;
	display:inline-block;
	width:100%;
	min-height:900px;
	margin:0% 0 0;
	
	background: #fff url(../images/dots-mobi-5.png) ;
	background-repeat:repeat;

	background-size:400px 300px;
}


.block-center-title{
	font-size:3.4em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	text-align:center;
	letter-spacing:1.8px;
	margin:2.5% auto 0;
}

.block-center-title:after{
	content:'';
	width:5.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 15px;
}

.services-bigtitle{
	position:relative;
	display:block;
	text-align:right;
	padding-top:2%;
	padding-right:8.5%;
}

.services-front{
	display:block;
	width:90%;
	margin:6% auto;
	text-align:center;
}

.services-front .views-row{
	width:630px;
	height:710px;
	margin:0 0% 9% 0;
	box-shadow:0 0 3px #000;

	display:inline-block;
	position:relative;
}

.services-front .views-row:nth-child(1),
.services-front .views-row:nth-child(3){
	margin:0 15% 9% 0;
}

.services-front .views-row:nth-child(3),
.services-front .views-row:nth-child(4){
	margin-bottom:0;
}

.services-front .views-row img{
	width:100%;
	min-width:100%!important;
	height:710px;
	margin-bottom:-9px;
	z-index:7;
}

.services-front .views-row:after{
	position:absolute;
	display:inline-block;
	top:5.5%;
	right:-6%;
	z-index:9;
	content:'';
	width:630px;
	height:710px;
	
	background: url("../images/black-frame.png");
	background-size:630px 710px;
	
		
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
	
}

.services-front .views-row a{
	z-index:10;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.services-front .views-row:hover:after{
	top:0%;
	right:0%;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .views-row:hover .hover-row{
	background:rgba(31,31,37,.82);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .hover-row{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
	top:0;
	left:0;
	
	background:rgba(0,0,0,.51);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .service-text{
	position:absolute;
	width:86%;
	border:0px solid #fff;
	
	display:block;
	z-index:9;
	text-align:left;
	top:8%;
	left:10%;
}

.services-front .service-text h3{
	position:relative;
	display:block;
	text-transform:uppercase;
	margin-bottom:39px;
	color:#fff;
	letter-spacing:1.07px;
	font-weight:800;
	font-size:2.0em;
	min-height:100px;
	border:0px solid red;
}

.services-front .service-text p{
	font-size:.96em;
	color:rgba(255,255,255,.9);
	width:97%;
	line-height:1.6;
	font-weight:500;
	margin-bottom:6px;
}


.services-front .views-row .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,0);
	font-size:.88em;
	font-weight:600;
	z-index:9;
	position:absolute;
	bottom:auto;
	top:83%;
	display:block;
	letter-spacing:1.5px;
	right:-5.1%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .views-row:hover .go-link{

	color:rgba(255,255,255,.8);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

/*****/

.advantages-block{
	position:relative;
	display:block;
	width:94%;
	margin:3% auto 0;
}

.left-advantages{
	display:inline-block;
	width:50%;
	margin-top:2%;
	vertical-align:top;
	border:0px solid green;
}

.left-advantages p{
	font-weight:500;
	margin-bottom:18px;
}

.right-advantages{
	display:inline-block;
	width:44%;
	margin-left:5%;
	margin-top:-4.8%;
	vertical-align:top;
	border:0px solid red;
	text-align:center;
}

.right-advantages img{
	width:90%;
	height:auto;
	display:inline-block;
}

.numbers-block{
	display:block;
	margin-top:0%;
	border:0px solid #333;
}

.number-cell{
	display:inline-block;
	width:22%;
	margin-right:4.25%;
	border:0px solid green;
	border-left:10.25px solid #000;
}

.number-cell span{
	font-size:4.05em;
	font-weight:700;
	color:#000;
	letter-spacing:0;
	padding:0 0 0 3%;
	margin:0 3% 0 0;
	line-height:1;
}

.number-cell p{
	font-size:1.45em;
	font-weight:800;
	color:rgba(0,0,0,.28);
	letter-spacing:.5px;
	padding:0 0 0 5%;
	margin:7% 0 0;
	line-height:1;
	text-transform:uppercase;
}

/**/

.mobi-customers{
	position:relative;
	display:inline-block;
	width:101%;
	
	background:#1f1f25;
	box-shadow:0 0 3px #1f1f25;
	text-align:left;
	margin:6% 0 0;
}

.mobi-customers .left-block{
	border:0px solid red;
	width:30%;
	display:inline-block;
	margin:4.7% 0 0;
	vertical-align:top;
}

.mobi-customers .left-block .block-title{
	font-size:2.57em;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	letter-spacing:1.8px;
	margin:0 0 0 7%;
}

.mobi-customers .left-block .block-title:after{
	content:'';
	width:25%;
	height:5px;
	background:#fff;
	position:relative;
	display:block;
	margin:10px 0 15px;
}

.mobi-customers .right-slider{
	border:0px solid green;
	width:68%;
	display:inline-block;
	margin:2.5% 0 2%;
}

.mobi-customers .right-slider .slick-slide{
	text-align:center;
}

.mobi-customers .right-slider .slick-slide img{
	display:inline-block;
}

.mobi-reviews{
	position:relative;
	display:inline-block;
	width:100%;
	min-height:680px;
	margin:0% 0 0;
	
	background: #fff url(../images/dots-mobi-5.png) ;
	background-repeat:repeat;

	background-size:400px 300px;

}

.mobi-reviews .block-center-title{
	font-size:2.9em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	text-align:center;
	letter-spacing:1.8px;
	margin:4.5% auto 0;
}

.mobi-reviews  .block-center-title:after{
	content:'';
	width:5.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 4%;
}

/**/

.reviews-block{
	position:relative;
	display:block;
	width:95%;
	margin:3% auto 6%;
	border:0px solid green;
}

.reviews{
	position:relative;
	display:block;
	border:0px solid red;
}

.reviews-block .slick-slide{
	margin:0 80px;
	border:0px solid red;
}


.image-feed{
	position:relative;
	display:inline-block;
	clear:both;
	margin-bottom:45px;
}

.image-feed img{
	box-shadow:0 0 3px #555;
}

.image-feed:after{
	content:'';
	width:9px;
	height:90px;
	background:#000;
	bottom:-20px;
	left:-20px;
	position:absolute;
	display:block;
}

.image-feed:before{
	content:'';
	width:90px;
	height:9px;
	background:#000;
	bottom:-20px;
	left:-20px;
	position:absolute;
	display:block;
}

.feedback-body{
	position:relative;
	display:block;
	width:99%;
	background:#fff;
	margin:0 0 15px -20px;
	box-shadow:2px 2px 5px #cfcfcf;
	min-height:150px;
	padding:15px 30px 15px 15px;
}

.feedback-body h5{
	font-size:1.2em;
	font-weight:600;
	line-height:1.2;
	margin:0 0 2%;
	padding:0;
}

.feedback-body span{
	font-size:.94em;
	font-weight:400;
	line-height:1;
	margin:0;
	padding:0;
	display:inline-block;
	color:#747474;
}

.mini-blue{
	display:block;
	margin:2% 0;

}

.feed-text{
	position:relative;
	display:block;
	margin:6% 0 3%;
}

.feed-text p{
	font-style:italic;
	font-size:.9em;
	margin-bottom:7px;
}

.big-title-left{
	font-size:5.28em;
	padding:0px 0 0;
	margin:1.65% 0 0 5.5%;
	text-transform:uppercase;
	color:rgba(230, 230, 231,.8);
	display:inline-block;
	line-height:1;
	font-weight:800;
	position:relative;
	border:0px solid red;
	
}

.big-title-left:after{
	content:'';
	width:13.25px;
	height:75.5%;
	position:absolute;
	top:13.5%;
	left:-7.9%;
	background:#000;
}

.mini-image{
	display:block;
	margin:21px 0 0;
}

.mini-image a{
	display:inline-block;
	margin-right:12px;
}

.mini-image a img{
	box-shadow:0 0 3px #ccc;
}

/****/

.webform-block{
	position:relative;
	display:block;
	margin:5% 0 0;
}

.webform-block .image-webform{
	position:relative;
	display:inline-block;
	width:42%;
	text-align:center;
	vertical-align:top;
	border:0px solid red;
}

.webform-block .image-webform img{
	height:550px;
	width:auto;
	position:relative;
	display:inline-block;
	z-index:9;
	margin:20px 0 50px;
}

.webform-block .image-webform .mapblock{
	z-index:7;
	display:block;
	border:0px solid blue;
	min-height:580px;
	position:absolute;
	top:0;
	right:0;
	width:100%;
}

.webform-block .image-webform .mapblock img{
	display:block;
	z-index:5;
	position:relative;
	border:0px solid #000;
	height:720px;
	width:auto;
	padding:0;
	margin:-60px auto 0;
	
	-webkit-animation: Myopacity 6.27s linear infinite;
    -moz-animation: Myopacity 6.27s linear infinite;
    animation: Myopacity 6.27s linear infinite;
}

@keyframes Myopacity { 
0% {opacity:1;}

50% {opacity:.5;}
  
70% {opacity:.2;}

100% {opacity:1;}
}

.webform-block .form-block{
	position:relative;
	display:inline-block;
	width:52%;
	margin-left:4%;
	margin-top:4%;
	border:0px solid green;
	vertical-align:top;
	min-height:300px;
	text-align:center;
}


#block-vebforma{
	position:relative;
	display:block;
	border:0px solid red;
}

.webform-block .js-form-item{
	position:relative;
	display:inline-block;
	border:0px solid green;
	width:400px;
	margin:0 3.5% 4% 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:inline-block;
	border:0px solid blue;
	width:400px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}

.webform-block .js-form-item input{
	width:92%;
	vertical-align:top;
	font-size:1em;
		
	padding:12px 17px;
	border:1px solid #ccc;
	font-family: 'Montserrat', sans-serif!important;
}

/*випадаючий список*/

.webform-block .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	
	border:1px solid #ccc!important;
	font-family: 'Montserrat', sans-serif!important;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
  
	float: none!important;

	
	
	line-height: 40px;
	outline: none;
	
  
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 400px; 
  min-width: 400px; 
  max-width: 400px; 

	
	margin:0 auto;
	display: block!important;
	position: relative!important;
}

.webform-block .form-item .nice-select span{font-size:1.2em!important;color:#000;padding:3px 0 4.5px;}


.fancybox-inner .nice-select ,
#cboxContent .nice-select {
	
	width:400px; 
	min-width:400px; 
	max-width:400px; 
	font-family: 'Montserrat', sans-serif!important;
	font-size:1.25em!important;
}

.nice-select .list {
  	width:100%;
	z-index:10;
	height:auto;
	padding:5px 0;
	z-index:99!important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 500!important;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
	font-size:1.1em;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
}

.webform-block .list li:last-child{
	display:none;
}


 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
       background-color: rgba(8,79,147,.5) !important;
}
.webform-block ::-webkit-input-placeholder{
	font-size:.93em;
	color:#000;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.webform-block ::-moz-placeholder{
	font-size:.93em;
	color:#000;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.webform-block :-moz-placeholder{
	font-size:.93em;
	color:#000;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.webform-block :-ms-input-placeholder{
	font-size:.93em;
	color:#000;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.webform-block textarea:focus::-webkit-input-placeholder,
.webform-block input:focus::-webkit-input-placeholder {
	font-size:.93em;
	color:#084f93;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.webform-block textarea:focus::-moz-placeholder,
.webform-block input:focus::-moz-placeholder{
	font-size:.93em;
	color:#084f93;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.webform-block textarea:focus:-moz-placeholder,
.webform-block input:focus:-moz-placeholder{
	font-size:.93em;
	color:#084f93;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.webform-block textarea:focus:-ms-input-placeholder,
.webform-block input:focus:-ms-input-placeholder{
	font-size:.93em;
	color:#084f93;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}


.webform-block .webform-button--submit{
	display: block;
    background:#1f1f25;
	border:2.5px solid #1f1f25;
	box-shadow:0 0 3px #1f1f25;
    position: relative;
	width:64%;
    color: #ffff;
    padding: 15px 85px;
	
	margin: 25px 0 0 3%;
    position: relative;
    cursor: pointer;
    
    font-size: .93em;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:500;
    letter-spacing:1.5px;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.webform-block .webform-button--submit:hover{
	1border:1.5px solid rgba(0, 59, 156,.85);

	color:#000;
	background:transparent;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.form-block .block-title{
	font-size:2.3em;
	margin-left:3%;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	display:block;
	text-align:left;
	letter-spacing:1.8px;
	
}

.form-block .block-title:after{
	content:'';
	width:0%;
	height:4.7px;
	background:#000;
	position:relative;
	display:block;
	margin:10px 0 15px;
}

.form-block .block-title span{
	font-size:.52em;
	display:block;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:700;
	margin:10px 0 3%;
	color:#084f93;
}

/* Сторінки проектів */


.page-head{
	position:relative;
	display:block;
	border:0px solid red;
	min-height:700px;
	
	background: #fff url(../images/dots-mobi-5.png) ;
	background-repeat:repeat;

	background-size:400px 300px;
}

.page-head .big-title-page{
	font-size:4.8em;
	padding:0px 0 0;
	margin:0;
	text-transform:uppercase;
	color:rgba(230, 230, 231,.8);
	display:inline-block;
	line-height:1;
	font-weight:800;
	position:relative;
	display:block;
	margin:3.5% 0 0 4%;
}

.page-head .big-title-page:after{
	content:'';
	width:12.25px;
	height:75.5%;
	position:absolute;
	top:13.5%;
	left:-3.9%;
	background:#000;
}

.black-p-left{
	position:relative;
	display:inline-block;
	background:#1f1f25;
	width:35%;
	height:710px;
	box-shadow:0 0 3px #1f1f25;
}

.main-foto{
	position:relative;
	display:block;
	margin:75px 0 0 24%;
	float:left;
}

.main-foto img{
	border:0px solid red;
	height:550px;
	width:auto;
	max-width:800px;
	min-width:790px;

	box-shadow:0 0 3px #1f1f25;
}


.project-left-block{
	position:relative;
	display:inline-block;
	width:50%;
	vertical-align:top;
	border:0px solid green;
	
}

.project-info-block{
	position:relative;
	display:inline-block;
	width:42%;
	vertical-align:top;
	padding:0%;
	margin:4.4% 0 0 3%;
	border:0px solid #1f1f25;
}

.project-info-block h1{
	font-size:2.1em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	letter-spacing:.8px;
	padding:0;
	margin:0;
	line-height:1.29;
	
}

.project-info-block h1:after{
	content:'';
	width:27.4%;
	height:4px;
	background:#000;
	position:relative;
	display:block;
	margin:20px 0 15px;
}

.project-city{
	display:block;
	margin:5% 0 3%;
	
	text-transform:uppercase;
	font-size:1.7em;
	letter-spacing:1px;
	font-weight:400;
	color:#000;
}

.icon-info{
	position:relative;
	display:block;
	margin-top:65px;
}

.icon-cell{
	display:inline-block;
	width:40%;
	margin:0 3% 3.5% 0;
	text-align:left;
	vertical-align:top;
	border:0px solid blue;
}

.icon-image{
	display:block;
	margin-right:5%;
	margin-top:5px;
	float:left;
}



.icon-cell span{
	display:block;
	margin-bottom:0px;
	color:#919191;
	font-weight:500;
	font-size:.85em;
	line-height:1.1;
}

.icon-cell .field-project{
	font-size:1.015em;
	color:#000;
	font-weight:500;
	display:inline-block;
	margin:0;
	padding:0;
	text-indent:0;
	border:0px solid red;
}

.icon-cell .field-project div{display:inline-block}

.project-info-block .icon-info #field_misto_realizatsiyi:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/map-01.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_vartist:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/04-price.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_kilkist_sanvuzliv:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/04-3-bath.png");
	background-size:47px 47px;
}


.project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/07-2-car.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_ploscha:before,
.project-info-block .icon-info #field_kilkist_kimnat:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/05-room.png");
	background-size:47px 47px;
}


.project-info-block .icon-info #field_tsina_proektu:before{
	content:'';
	display:inline-block;
	width:47px;
	height:51px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/021-price.png");
	background-size:47px 51px;
}

.project-info-block .icon-info #field_ploshcha_m2_:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/02-2-build.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before{
	content:'';
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5%;
	margin-top:5px;
	float:left;
	background: url("/themes/mobi/images/02-build.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_ploshcha_m2 .field-project:after{
	content:'м²';
	display:inline-block;
	font-size:1em;
	margin-left:3px;
}

.project-body{
	position:relative;
	display:block;
	width:90%;
	margin:4% auto 0;
}

#fixedheighttest-2{
	display:block;
	width:90%;
	margin:2% auto 0;
}

.btn-block{
	position:absolute;
	bottom:2%;
	right:2%;
}

.btn-block button{
	outline: none;
	display:block;
	margin:0%;
}

.btn-block .custom-btn{
	border: 2px solid #000;
	font-size:.68em;
	text-transform:uppercase;
	font-weight: 600;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
}

.btn-block .btn-black{
	background: #000;
	color: #fff;
	line-height: 42px;
	border: none;
	transition: all 900ms ease;
	
}

.btn-block .btn-black span{
	position: relative;
	display: inline-block;
	padding:5px 60px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1.25px;
	
}

.btn-block.btn-black:before,
.btn-block.btn-black:after{
	position: absolute;
	content: "";
	height: 0%;
	width: 3px;
	background: #000;
	transition: all 700ms ease;
}

.btn-block .btn-black:before{
	right: 0;
	top: 0;
	transition: all 700ms ease;
  
}

.btn-block .btn-black:after{
	left: 0;
	bottom: 0;
	transition: all 700ms ease;
}

.btn-block .btn-black:hover{
	color: #000;
	background: transparent;
	transition: all 900ms ease;
  
	box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
}

.btn-block .btn-black:hover:before {
	transition: all 700ms ease;
	height: 100%;
}

.btn-block .btn-black:hover:after {
	transition: all 700ms ease;
	height: 100%;
}

.btn-block .btn-black span:before,
.btn-block .btn-black span:after{
	position: absolute;
	content: "";
	background: #000;
}

.btn-block .btn-black span:before{
	left: -3px;
	top: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.btn-block .btn-black span:after{
	right: -3px;
	bottom: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.btn-block .btn-black span:hover:before {
	width: 101.5%;
}

.btn-block .btn-black span:hover:after{
	width: 101.5%;
}

/* FAQ */

.faq-block{
	position:relative;
	display:block;
	width:90%;
	margin:7% auto 0;
}
.faq-block .block-title{
	font-size:2.35em;
	color:#000;
	font-weight:600;
	text-transform:uppercase;
	display:block;
	letter-spacing:1.2px;
	color:#084f93;
}

/* CSS for Demo */
.accordion-container {
  margin: 2% 0 0 0;
  display:inline-block;
  vertical-align:top;
  width:50%;
}

.faq-image{
	display:inline-block;
	width:48%;
	border:0px solid green;
	vertical-align:top;
	margin:1% 0 0;
	text-align:center;
}

.faq-image img{
	display:inline-block;
	width:72%;
	height:auto;
}

.faq-block .block-title:after{
	content:'';
	width:8.4%;
	height:5px;
	background:#000;
	position:relative;
	display:block;
	margin:10px 0 15px;
}


.accordion-container .accordion-title {
  position: relative;
  margin: 0 0 2.25%;
  padding: 0.625em 0.625em 0.625em 1.5em;
  background-color: #1f1f25;
  box-shadow:0 0 3px #1f1f25;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background-color: #084f93;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  padding-left: 2.3125em;
  border: 2px solid #1f1f25;
  margin-bottom:3%;
  font-size:.9em;
}

/* Схожі проекти */

.similar-block{
	position:relative;
	display:block;
	text-align:center;
	margin:9% 0 0;
}

.similar-block h3 {
    font-size: 2.35em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 3.5% auto 4%;
}

.similar-block h3:after{
	content:'';
	width:5.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 15px;
}

.similar-block .views-row{
	position:relative;
	display:inline-block;
	width:430px;
	height:550px;
	overflow:hidden;
	margin:0 5.25% 5% 0;
	text-align:left;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.similar-block .views-row:nth-child(4),
.similar-block .views-row:nth-child(7){
	margin:0 0% 5% 0;
	border:0px solid red;
}

.similar-block .views-row img{
	width:auto;
	height:550px;
	z-index:8;
}

.similar-block .black-row{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	z-index:9;
	
	opacity:0;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.similar-block .views-row:hover .black-row{
	opacity:1;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}

.similar-block .line-1{
	width:90%;
	height:1.5px;
	background:#fff;
	position:absolute;
	top:5.5%;
	left:3%;
}

.similar-block .line-2{
	width:1.8px!important;
	height:91%;
	background:#fff;
	position:absolute;
	top:2.7%;
	left:7%;
}

.similar-block .black-row .project-title{
	position:absolute;
	top:15%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.63em;
	font-weight:800;
	
	opacity:0;
}

.similar-block .views-row .black-row:hover .project-title{
	opacity:1;
	z-index:8;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}


.similar-block .project-info{
	display:block;
	margin:12% 0 0;
}

.similar-block .black-row span:nth-child(1){
	font-size:.64em;
	display:block;
	font-weight:600;
	color:rgba(255,255,255,.99);
	text-transform:uppercase;
	letter-spacing:0;
}

.similar-block .black-row span:nth-child(2){
	font-size:.55em;
	display:block;
	font-weight:500;
	color:rgba(255,255,255,.7);
	text-transform:none;
	margin:5% 0 0;
	letter-spacing:0;
}

.similar-block .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,.6);
	font-size:.84em;
	font-weight:600;
	
	position:absolute;
	bottom:18.2%;
	letter-spacing:1.5px;
	right:-8.9%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/* Сторінки Послуги */

.service-head{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	border:0px solid red;
}

.article-services-page {background:#fcfcfc;}

.hover-service{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
		
	background: rgb(31,31,37);
	background: linear-gradient(0deg, rgba(31,31,37,0.2945553221288515) 8%, rgba(31,31,37,0.5578606442577031) 40%, rgba(31,31,37,0.6755077030812324) 71%, rgba(31,31,37,0.7763480392156863) 98%);

	/*background: rgb(31,31,37);
	background: linear-gradient(0deg, rgba(31,31,37,0) 0%, rgba(31,31,37,0.9108018207282913) 88%, rgba(31,31,37,1) 100%);
	*/
}

.head-image{
	position:relative;
	display:inline-block;
	overflow:hidden;
	padding:0;
	margin:0 0 0 0%;
	width:80%;
	height:640px;
	z-index:7;
	border:0px solid green;
}

.left-black-service{
	position:relative;
	display:inline-block;
	float:right;
	width:20%;
	height:640px;
	z-index:8;
	background:#1f1f25;
}

.head-image img{
	width:100%;
	height:auto;
	margin:-10% 0 0;
	z-index:5;
	display:inline-block;
}

.page-text-title{
	position:absolute;
	left:-99%;
	top:35%;
	display:block;
	
	width:720px;
	border:0px solid green;
}

.left-black-service h1{
	padding:0;
	margin:0;
	line-height:1.35;
	color:#fff;
	font-size:2.78em;
	text-transform:uppercase;
	font-weight:700;
	z-index:9;
	display:inline-block;
}


.left-black-service h2{
	display:block;
	color:#fff;
	font-size:1.00em;
	line-height:1.6;
	text-transform:uppercase;
	font-weight:500;
	z-index:9;
	display:inline-block;
	padding:0;
	margin:3% 0 0; 
}

.page-text-title-2{
	position:absolute;
	left:-95%;
	top:32%;
	display:block;
	
	width:650px;
	border:0px solid green;
}

.page-text-title-2 h1{
	padding:0;
	margin:0;
	line-height:1.35;
	color:#fff;
	letter-spacing:1px;
	font-size:3.5em;
	text-transform:uppercase;
	font-weight:700;
	z-index:9;
	display:inline-block;
}


.page-text-title-2 h2{
	display:block;
	color:#fff;
	font-size:1.00em;
	line-height:1.6;
	text-transform:uppercase;
	font-weight:500;
	z-index:9;
	display:inline-block;
	padding:0;
	margin:3% 0 0; 
}

.left-black-service h2.mobi-name {
    position: absolute;
    top: 3.2%;
    right:auto;
	left:3.7%;
    display: block;
    z-index: 9;
    margin: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.28em;
    font-weight: 500;
}

.middle-block{
	position:relative;
	display:block;
	margin:0% auto 0%;
	padding:5% 0 5%;
	
	background: #fff url(../images/dots-mobi-5.png) ;
	background-repeat:repeat;
	clear:both;
	width:100%;
	background-size:400px 300px;
}

.left-images{
	display:inline-block;
	width:45%;
	margin-left:3%;
	position:relative;
	border:0px solid red;
	height:690px;
	vertical-align:top;
	
}

.left-images img{
	width:375px;
	height:auto;
	box-shadow:0 0 3px #000;
}

.first-imeage{
	display:inline-block;
	position:absolute;
	top:0%;
	left:0%
}

.second-imeage{
	display:inline-block;
	position:absolute;
	bottom:0%;
	right:0%
}

.right-block{
	display:inline-block;
	width:45%;
	margin-left:4%;
	position:relative;
	border:0px solid red;
	vertical-align:top;


	
}

.right-block h3{
	font-size: 1.75em;
    letter-spacing: 1px;
    font-weight: 800;
    margin-bottom: 1.5%;
    text-transform: uppercase;
}

.right-block h3:after{
	content:'';
	width:33.4%;
	height:3px;
	background:#000;
	position:relative;
	display:block;
	margin:15px 0 25px;
}

.right-block .btn-black span:before {
	left: -1%;
	top: -2%;
}

.right-block .btn-black span:after {
	right: -1%;
	bottom: -1%;
}

.right-block .btn-black span:hover:before {
	width: 102%;
}

.right-block .btn-black span:hover:after {
	width: 102%;
}


.body-page-block{
	position:relative;
	display:block;
	margin:1% auto 0%;
	width:92%;
	
}

.body-page-block h2{
	font-size: 1.75em;
    letter-spacing: 1px;
    font-weight: 800;
	margin-bottom:1.5%;
}

.body-page-block h3{
	font-size: 1.55em;
    letter-spacing: 1px;
    font-weight: 800;
	margin-bottom:1.25%;
	color:#084f93;
}

.body-page-block p{
	font-size:.97em;
	margin:0% auto 1.75%;
}

.body-page-block img{
	
	box-shadow:1px 2px 3px #1f1f25;
}

.body-page-block ul{
	display:block;
	margin-left:2%;
	list-style: square outside;
	font-size:.94em;
	margin-bottom:3%;
}

.body-page-block ul li{
	margin-bottom:4px;
}

.stages-block{
	position:relative;
	display:block;
	width:95%;
	margin:5% 0 0 4%;
	border:0px solid red;
	text-align:center;
}

.stages-block h3{
	font-size:2.35em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	text-align:center;
	letter-spacing:1.8px;
	margin:.5% auto 0%;
}

.stages-block h3:after{
	content:'';
	width:5.4%;
	height:5px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 6%;
}

.stages-block .stages-cell{
	vertical-align:top;
	display:inline-block;
	width:27%;
	margin-right:5%;
	border:0px solid green;
	text-align:left;
	position:relative;
	min-height:210px;
}

.stages-block .stages-cell:last-child{
	margin-right:0%!important;
}

.title-st{
	font-size:1.35em;
	font-weight:700;
}

.stages-block .stages-cell span{
	position:absolute;
	top:-40%;
	left:-15%;
	
	font-size:10em;
	font-weight:800;
	line-height:1;
	padding:0;
	margin:0;
	color:rgba(8,79,147,.065);
}

.stages-block .stages-cell p{
	font-size:.975em;
	font-weight:400;
}

.advantages{
	position:relative;
	display:inline-block;
	width:100.5%;
	min-height:500px;
	margin:8% auto 5%;
	box-shadow:0 0 3px #1f1f25;
	background:#1f1f25;
	text-align:center;
	padding-bottom:2%;
}

.advantages h4{
	font-size: 2.4em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.5px;
    margin: 2.6% auto 3.25%;
}

.ad-cell{
	position:relative;
	display:inline-block;
	width:21.65%;
	margin-right:4.5%;
	padding:30px;
	border:2.15px solid rgba(255,255,255,.07);
	min-height:250px;
	vertical-align:top;
	text-align:center;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.ad-cell:last-child{
	margin-right:0;
}

.ad-cell img{
	height:70px!important;
	width:auto;
}

.ad-cell p{
	font-size:.9em;
	text-align:left;
	margin-bottom:7px;
	color:rgba(255,255,255,.7);
	width:90%;
	margin:0 auto;
	display:block;
}

.ad-cell .ad-title{
	font-size:1.109em;
	text-align:center;
	margin:15px 0;
	text-transform:uppercase;
	font-weight:600;
	color:rgba(255,255,255,1);
}

.ad-cell:hover{
	border:2.15px solid rgba(255,255,255,.38);
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

a.white-btn{
	position:relative;
	display:inline-block;

	margin:4.5% auto 1%;
	color:#fff;
	border:2px solid #fff;
	padding:12px 65px 12px 75px;
	font-size:.78em;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:1.25px;
	
	-webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

a.white-btn:hover{
	background:#fff;
	color:#000;

	
	-webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

.works-block{
	position:relative;
	display:block;
	width:99%;
	text-align:center;
	margin:1% auto 0;
}

.works-block h3{
	font-size: 1.85em;
    color: #084f93;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.8px;
}

.works-block h4{
	font-size: 1.2em;
    color: #222;
    font-weight: 700;
    display: block;
    letter-spacing: 1.2px;
	margin-bottom:3.5%;
}

.mobi-customers-pages{
	position:relative;
	display:block;
	width:94%;
	
	background:transparent;

	text-align:left;
	margin:6% auto 0;
}


.mobi-customers-pages .right-slider .slick-slide img{
	height:160px;
	width:auto;
}


.mobi-customers-pages .right-slider .slick-slide{
	text-align:center;
}

.mobi-customers-pages .right-slider .slick-slide img{
	display:inline-block;
}

.mobi-customers-pages .left-block{
	border:0px solid red;
	width:30%;
	display:inline-block;
	margin:3.5% 0 0;
	vertical-align:top;
}

.mobi-customers-pages .left-block .block-title{
	font-size:2.3em;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	display:block;
	line-height:1.2;
	letter-spacing:1.2px;
	margin:0 0 0 9%;
}

.mobi-customers-pages .left-block .block-title:after{
	content:'';
	width:25%;
	height:5px;
	background:#000;
	position:relative;
	display:block;
	margin:20px 0 15px;
}

.mobi-customers-pages .right-slider{
	border:0px solid green;
	width:69%;
	display:inline-block;
	margin:2.5% 0 2%;
}

.btn-works{
	display:block;
	text-align:right;
	width:90%;
	margin:3% auto 0;
}

.btn-works .btn-black span{
	padding:5px 110px;
}

.btn-works button {
	outline: none;
	display:inline-block;
	margin:1% 0 0%;
}


.btn-works .btn-black span:before {
	left: -1%;
	top: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.btn-works .btn-black span:after {
	right: -1%;
	bottom: -2%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}
.btn-works .btn-black span:hover:before {
	width: 102%;
}
.btn-works .btn-black span:hover:after {
	width: 102%;
}

/**/

.mobi-services{
	position:relative;
	display:block;
	text-align:center;
}

.mobi-services a{
	display:inline-block;
	position:relative;
	margin-right:5%;
	overflow:hidden;
	box-shadow:0 0 3px #333;
}

.mobi-services a:last-child{
	margin-right:0;
}

.mobi-services a img{
	height:290px;
	width:auto;
	z-index:5;
	display:inline-block;
	margin-bottom:-10px;
}

.mobi-services h4{
	font-size:2.1em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	text-align:center;
	letter-spacing:1.8px;
	margin:3.5% auto 0%;
}

.mobi-services h4:after{
	content:'';
	width:5.4%;
	height:5px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 3.7%;
}

.mobi-services .hover-ser-page{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
	
	bottom:-180%;
	left:0;
		
	background: rgba(31,31,37,1);
	
		
	-webkit-transition: all .45s;
    -moz-transition: all .45s;
    -o-transition: all .45s;
    -ms-transition: all .45s;
    transition: all .45s;
}

.mobi-services a:hover .hover-ser-page{
	bottom:-0%;
	left:0;
		
	background: rgba(31,31,37,.89);
		
	-webkit-transition: all .45s;
    -moz-transition: all .45s;
    -o-transition: all .45s;
    -ms-transition: all .45s;
    transition: all .45s;
}
.mobi-services a:hover span{
	bottom:45%;
	
	
	-webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

.mobi-services a span{
	position:absolute;
	display:block;
	bottom:-145%;
	
	color:#fff;
	text-align:center;
	font-size:1.08em;
	letter-spacing:.8px;
	text-transform:uppercase;
	width:100%;
	z-index:9;
	font-weight:600;
	
	-webkit-transition: all .45s;
    -moz-transition: all .45s;
    -o-transition: all .45s;
    -ms-transition: all .45s;
    transition: all .45s;

}

/**/

.body-block{
	position:relative;
	display:block;
	width:92%;
	margin:4% auto;
}

/**/

.sale-project{
	text-align:left;
	display:block;
	width:90%;
	margin:0 0 0 10%;
	border:0px solid red;
}


.sale-project .views-row{
	position:relative;
	display:inline-block;
	width:655px;
	height:435px;
	text-align:left;
	overflow:hidden;
	margin:0 6.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.sale-project .views-row:nth-child(2),
.sale-project .views-row:nth-child(4),
.sale-project .views-row:nth-child(6),
.sale-project .views-row:nth-child(8),
.sale-project .views-row:nth-child(10),
.sale-project .views-row:nth-child(12),
.sale-project .views-row:nth-child(14),
.sale-project .views-row:nth-child(16),
.sale-project .views-row:nth-child(18),
.sale-project .views-row:nth-child(20),
.sale-project .views-row:nth-child(22){
	margin:0 0% 5% 0;

}

.sale-project .views-row img{
	width:auto;
	height:435px;
	z-index:8;
}

.sale-project .black-row{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	z-index:9;
	
	opacity:0;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.sale-project .views-row:hover .black-row{
	opacity:1;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}

.sale-project .line-1{
	width:90%;
	height:1.4px;
	background:#fff;
	position:absolute;
	top:6.5%;
	left:2.7%;
}

.sale-project .line-2{
	width:1.8px!important;
	height:91%;
	background:#fff;
	position:absolute;
	top:2.7%;
	left:5.5%;
}

.sale-project .black-row .project-title{
	position:absolute;
	top:15%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.83em;
	font-weight:800;
	
	opacity:0;
}

.sale-project .views-row .black-row:hover .project-title{
	opacity:1;
	z-index:8;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}


.sale-project .project-info{
	display:block;
	margin:12% 0 0;
}

.sale-project .black-row span:nth-child(1){
	font-size:.69em;
	display:block;
	font-weight:600;
	color:rgba(255,255,255,.99);
	text-transform:uppercase;
	letter-spacing:0;
}

.sale-project .black-row span:nth-child(2){
	font-size:.59em;
	display:block;
	font-weight:500;
	color:rgba(255,255,255,.7);
	text-transform:none;
	margin:3% 0 0;
	letter-spacing:0;
}

.sale-project .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,.6);
	font-size:.84em;
	font-weight:600;
	
	position:absolute;
	bottom:19.2%;
	letter-spacing:1.5px;
	right:-6.9%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/* Схожі проекти 2 */

.similar-block-sale{
	position:relative;
	display:block;
	text-align:center;
	margin:9% 0 0;
}

.similar-block-sale h3 {
    font-size: 2.35em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 3.5% auto 4%;
}

.similar-block-sale h3:after{
	content:'';
	width:5.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 25px;
}

.similar-block-sale .views-row{
	position:relative;
	display:inline-block;
	width:600px;
	height:415px;
	overflow:hidden;
	margin:0 3.7% 5%;
	text-align:left;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.similar-block-sale .views-row:nth-child(1){
	
}

.similar-block-sale .views-row img{
	width:auto;
	height:415px;
	z-index:8;
}

.similar-block-sale .black-row{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	z-index:9;
	
	opacity:0;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.similar-block-sale .views-row:hover .black-row{
	opacity:1;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}

.similar-block-sale .line-1{
	width:90%;
	height:1.9px!important;
	background:#fff;
	position:absolute;
	top:7.9%;
	left:3%;
}

.similar-block-sale .line-2{
	width:1.8px!important;
	height:91%;
	background:#fff;
	position:absolute;
	top:2.7%;
	left:7%;
}

.similar-block-sale .black-row .project-title{
	position:absolute;
	top:18%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.63em;
	font-weight:800;
	
	opacity:0;
}

.similar-block-sale .views-row .black-row:hover .project-title{
	opacity:1;
	z-index:8;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}


.similar-block-sale .project-info{
	display:block;
	margin:9% 0 0;
}

.similar-block-sale .black-row span:nth-child(1){
	font-size:.64em;
	display:block;
	font-weight:600;
	color:rgba(255,255,255,.99);
	text-transform:uppercase;
	letter-spacing:0;
}

.similar-block-sale .black-row span:nth-child(2){
	font-size:.55em;
	display:block;
	font-weight:500;
	color:rgba(255,255,255,.7);
	text-transform:none;
	margin:5% 0 0;
	letter-spacing:0;
}

.similar-block-sale .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,.6);
	font-size:.84em;
	font-weight:600;
	
	position:absolute;
	bottom:18.2%;
	letter-spacing:1.5px;
	right:-6.9%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/*******************/

.contact-block{
	position:relative;
	display:block;
	border:0px solid green;
	width:92%;
	margin:0 auto;
}

.contact-block .subtitle-page{
  font-size: .8em;
  text-transform: uppercase;
  color: #777;
  display: block;
  margin: 2% 0 .65%;
}

.contact-block span{display:block;}
.contact-block a,
.contact-block p{
  font-size: 1.05em;
  line-height: 1.65;
  color: #232429;
  display: inline-block;
  margin: 0% 0;
  font-weight: 600;
  text-transform: uppercase;
}
.contact-block a:hover{
	color:#084f93;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

h6.big-contact{
	font-size: 11.45em;
    text-transform: uppercase;
    letter-spacing: 3.32px;
    font-weight:700;

    line-height: 1;
    display: block;
   color:#fff;

	text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-webkit-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-moz-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	   
   font-family: 'Montserrat';
	position:absolute;
	
	bottom:-7%;
	z-index:9;
	line-height:1;
	left:31.6%;
	padding:0;
	margin:0;
}

.contact-page-map{
	position:relative;
	display:block;
	border:0px solid green;
	width:92%;
	margin:4% auto;
}

.contact-page-map iframe{
	border:none!important;
}

/*******************/

#footer{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:340px;
	background:#1f1f25;
	box-shadow:0 0 3px #1f1f25;
}

.footer-contact{
	position:absolute;
	top:23%;
	width:90%;
	left:10%;
}

.footer-contact .f-row{
	display:inline-block;
	width:350px;
	margin-right:13%;
	min-height:100px;
	text-align:left;
	vertical-align:top;
}

.footer-contact .f-row:last-child{
	margin-right:0;
}

.footer-contact .f-row span{
	display:block;
	text-transform:uppercase;
	font-size:.8em;
	margin-bottom:22px;
	color:#B0C0CF;
	font-weight:700;
}


.footer-contact .f-row a,
.footer-contact .f-row p{
	display:block;
	color:rgba(255,255,255,.8);
	font-size:.97em;
	margin-bottom:7px;
	font-weight:500;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.footer-contact .f-row a:hover{
	color:#084f93;
	
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.footer-copy{
	position:absolute;
	bottom:6%;
	left:2.5%;
	width:95%;
	border-top:1.5px solid rgba(255,255,255,.4);
	padding:19px 0 0;
	font-size:.88em;
	color:#fff;
	text-align:center;
	display:block;
	z-index:8;
}

/******************************/




@media only screen and (max-width:1880px){

.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:480px;
	height:600px;
	overflow:hidden;
	margin:0 3.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}
	
.services-front .views-row:nth-child(1), .services-front .views-row:nth-child(3) {
    margin: 0 9% 9% 0;
}	


}

@media only screen and (max-width:1790px){
	
.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:420px;
	height:515px;
	overflow:hidden;
	margin:0 5.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.project-mobi .views-row img{
	width:420px;
	height:525px;
	min-height:525px!important;
}

.main-title {
    position: absolute;
    top: 28%;
    left: -130.5%;
    z-index: 9;
}

.body-block{
	position:relative;
	display:block;
	width:98%;
	margin:4% auto;
}

.sale-project{
	text-align:left;
	display:block;
	width:90%;
	margin:0 0 0 5%;
}

.black-p-left {
    position: relative;
    display: inline-block;
    background: #1f1f25;
    width: 35%;
    height: 680px;
    box-shadow: 0 0 3px #1f1f25;
}

.main-foto{
	position:relative;
	display:block;
	margin:85px 0 0 24%;
	float:left;
}

.main-foto img{
    height: 490px;
    width:745px;
    max-width:auto;
    min-width:auto;
    box-shadow: 0 0 3px #1f1f25;
}

.project-info-block{
	position:relative;
	display:inline-block;
	width:39%;
	vertical-align:top;
	padding:0%;
	margin:5.4% 0 0 4%;
	border:0px solid #1f1f25;
}

.page-head .big-title-page {
    font-size: 4.2em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: rgba(230, 230, 231,.8);
    display: inline-block;
    line-height: 1;
    font-weight: 800;
    position: relative;
    display: block;
    margin: 3.5% 0 0 4%;
}

.left-images img {
    width: 325px;
    height: auto;
    box-shadow: 0 0 3px #000;
}

}

@media only screen and (max-width:1750px){
	
.sale-project .views-row{
	position:relative;
	display:inline-block;
	width:600px;
	height:390px;
	text-align:left;
	overflow:hidden;
	margin:0 5.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.right-block p{
	font-size:.95em;
}

.mobi-services a img{
	height:250px;
	width:auto;
	z-index:5;
	display:inline-block;
	margin-bottom:-10px;
}

.mobi-services a{
	display:inline-block;
	position:relative;
	margin-right:2%;
	overflow:hidden;
	box-shadow:0 0 3px #333;
}

.mobi-services a span{
	position:absolute;
	display:block;
	bottom:-145%;

	font-size:.88em;
}

.left-black-service h2{
	display:block;
	color:#fff;
	font-size:.95em;
	line-height:1.6;
	text-transform:uppercase;
	font-weight:500;
	z-index:9;
	display:inline-block;
	padding:0;
	margin:3% 0 0; 
}

.page-text-title-2{
	position:absolute;
	left:-100%;
	top:32%;
	display:block;
	
	width:550px;
	border:0px solid green;
}

.page-text-title-2 h1{
	padding:0;
	margin:0;
	line-height:1.35;
	color:#fff;
	letter-spacing:1px;
	font-size:3.8em;
	text-transform:uppercase;
	font-weight:700;
	z-index:9;
	display:inline-block;
}

}

@media only screen and (max-width:1700px){
	
.head-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 0%;
    width: 80%;
    height: 580px;
    z-index: 7;
    border: 0px solid green;
}

.left-images img {
    width: 295px;
    height: auto;
    box-shadow: 0 0 3px #000;
}

.left-black-service {
    position: relative;
    display: inline-block;
    float: right;
    width: 20%;
    height: 580px;
    z-index: 8;
    background: #1f1f25;
}

.head-image img {
    width: 100%;
    height: auto;
    min-height:105%!important;
    margin: -0% 0 0;
    z-index: 5;
    display: inline-block;
}

a.white-btn {
    position: relative;
    display: inline-block;
    margin: 4.5% auto 1%;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px 55px 12px 65px;
    font-size: .72em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.25px;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

.mobi-customers-pages .left-block .block-title {
    font-size: 2.15em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    line-height: 1.2;
    letter-spacing: 1.2px;
    margin: 0 0 0 9%;
}

.page-text-title {
    position: absolute;
    left: -130%;
    top: 29%;
    display: block;
    width: 660px;
    border: 0px solid green;
}

.left-black-service h1{
	padding:0;
	margin:0;
	line-height:1.35;
	color:#fff;
	font-size:2.7em;
	text-transform:uppercase;
	font-weight:700;
	z-index:9;
	display:inline-block;
}

.main-title {
    position: absolute;
    top: 23%;
    left: -86.5%;
    z-index: 9;
}

.slider-top {
    position: relative;
    display: inline-block;
    width: 78%;
    height: 100%;
    background: #1f1f25;
    overflow: hidden;
}

.black-side{
    position: relative;
    width: 22%;
    z-index: 9;
    height: 100%;
    display: inline-block;
    background: #1F1F25;
    float: right;
}


.slider-nav-block {
    position: absolute;
    bottom: 5.1%!important;
    right: -2.5%;
    z-index: 9;
    border: 0px solid green;
    width: 600px;
}

h2.mobi-name {
    position: absolute;
    top: 2.0%;
    right: 35%;
    display: block;
    z-index: 9;
    margin: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.68em;
    font-weight: 500;
}

h4.rotate {
    position: absolute;
    bottom: 32.5%;
    right: -156%;
    text-align: right;
    z-index: 19;
    min-width: 429px;
    border: 0px solid red;
    color: #fff;
    font-size: .852em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2px;
}

.mova {
    position: fixed;
    top: 15.7%;
    right: .24%;
    width: 91px;
    display: inline-block;
    text-align: center;
    border: 0px solid #fff;
}

.about-left{
	position:relative;
	display:inline-block;
	width:46%;
	margin-left:2%;
	vertical-align:top;
	border:0px solid red;
}

.about-left h2 {
    font-size: 1.8em;
    letter-spacing: 1px;
    font-weight: 800;
    margin-bottom: 8%;
    text-transform: uppercase;
}

.about-right{
	position:relative;
	display:inline-block;
	width:45%;
	margin-left:3%;
	border:0px solid red;
	vertical-align:top;
	text-align:center;
}

.about-right img{
	height:360px;
	width:auto;
	display:inline-block;
	z-index:9!important;
	position:relative;
	margin-left:7.5%;
}

.image-border{
	position:relative;
	display:inline-block;
}

.about-right .image-border:after{
	position:absolute;
	display:inline-block;
	top:18%;
	left:-5%;
	z-index:5;
	content:'';
	width:595px;
	height:360px;
	
	background: url("../images/Rectangle 90 (1).png");
	background-size:595px 360px;
}

.feed-text p {
    font-style: italic;
    font-size: .8em;
	line-height:1.58;
    margin-bottom: 7px;
}

.webform-block .form-block {
    position: relative;
    display: inline-block;
    width:59%;
    margin-left:1%;
    margin-top: 4%;
    border: 0px solid green;
    vertical-align: top;
    min-height: 300px;
    text-align: center;
}

.webform-block .image-webform {
    position: relative;
    display: inline-block;
    width: 38%;
    text-align: center;
    vertical-align: top;
    border: 0px solid red;
}

.webform-block .webform-button--submit {
    border: 2.5px solid #1f1f25;
    width: 45%;
    color: #ffff;
    padding: 12px 85px;
    margin: 25px 0 0 1.5%;
}

.footer-contact{
	position:absolute;
	top:23%;
	width:95%;
	left:10%;
}

.footer-contact .f-row{
	display:inline-block;
	width:320px;
	margin-right:9%;
	min-height:100px;
	text-align:left;
	vertical-align:top;
}

.black-row .project-title{
	position:absolute;
	top:15%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.0em;
	font-weight:800;
	
	opacity:0;
}

.sale-project{
	text-align:left;
	display:block;
	width:95%;
	margin:0 0 0 3.5%;
}


.black-p-left {
    position: relative;
    display: inline-block;
    background: #1f1f25;
    width: 35%;
    height: 630px;
    box-shadow: 0 0 3px #1f1f25;
}

.main-foto{
	position:relative;
	display:block;
	margin:85px 0 0 24%;
	float:left;
}

.main-foto img{
    height: 460px;
    width:705px!important;
    max-width:710px!important;
    min-width:705px;
    box-shadow: 0 0 3px #1f1f25;
}

.project-info-block{
	position:relative;
	display:inline-block;
	width:39%;
	vertical-align:top;
	padding:0%;
	margin:6.0% 0 0 7%;
	border:0px solid #1f1f25;
}

.page-head .big-title-page{
    font-size: 3.6em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: rgba(230, 230, 231,.8);
    display: inline-block;
    line-height: 1;
    font-weight: 800;
    position: relative;
    display: block;
    margin: 3.5% 0 0 4%;
}

.icon-cell span{
	display:block;
	margin-bottom:0px;
	color:#919191;
	font-weight:500;
	font-size:.8em;
	line-height:1.1;
}

.icon-cell{
	display:inline-block;
	width:46%;
	margin:0 3% 3.5% 0;
	text-align:left;
	vertical-align:top;
	border:0px solid blue;
}


.project-info-block .icon-info #field_misto_realizatsiyi:before,
.project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before,
.project-info-block .icon-info #field_ploscha:before,
.project-info-block .icon-info #field_kilkist_kimnat:before,
.project-info-block .icon-info #field_kilkist_sanvuzliv:before,
.project-info-block .icon-info #field_ploshcha_m2_:before,
.project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before,
.project-info-block .icon-info #field_vartist:before
{
	width:42px;
	height:42px;
	background-size:42px 42px;
}

.project-info-block .icon-info #field_tsina_proektu:before{
	width:42px;
	height:46px;
	background-size:42px 46px;
}

.similar-block .views-row{
    position: relative;
    display: inline-block;
    width: 380px;
    height: 500px;
    overflow: hidden;
    margin: 0 4.25% 5% 0;
    text-align: left;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

}

@media only screen and (max-width:1620px){

.sidebar{
    z-index: 9;
}

body{
	font-size:17.89px;
	
}



.wrapper{
	position:absolute;
	display:block;
	width:93.2%;
}

.services-mobi{
	min-height:200px;
}

.services-front .views-row:nth-child(3),
.services-front .views-row:nth-child(4){
	margin-bottom:4%!important;
}

.hello-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100vh;
    min-height:auto;
    border: 0px solid red;
}

.slider-nav .slick-slide img{
	height:135px;
	width:auto;
}

.slider-nav-block {
    position: absolute;
    bottom: 8.1%!important;
    right: -8.5%;
    z-index: 9;
    border: 0px solid green;
    width: 600px;
}


.about-left {
    position: relative;
    display: inline-block;
    width: 54%;
    margin-left: 1%;
    vertical-align: top;
    border: 0px solid red;
}

.about-right {
    position: relative;
    display: inline-block;
    width: 42%;
    margin-left: 0.7%;
    border: 0px solid red;
    vertical-align: top;
    text-align: center;
}

.about-left h2 {
    font-size: 2.0em;
    letter-spacing: 1px;
	line-height:1.55;
    font-weight: 800;
    margin-bottom: 6%;
    text-transform: uppercase;
}

.about-right img {
    height: 310px;
    width: auto;
    display: inline-block;
    z-index: 9!important;
    position: relative;
    margin-left: 7.5%;
}

.about-right .image-border:after {
    position: absolute;
    display: inline-block;
    top: 18%;
    left: -5%;
    z-index: 5;
    content: '';
    width: 525px;
    height: 310px;
    background: url(../images/Rectangle 90 (1).png);
    background-size: 525px 310px;
}

.year-block p.big {
    font-size: 5.58em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.small {
    font-size: 2.0em;
    padding: 0px 0 0;
    margin: 2.5% 0 0;
    text-transform: uppercase;
    color: #000;
    display: block;
    line-height: 1;
    font-weight: 700;
}

.about-left p {
    font-size: .92em;
    font-weight: 400;
    color: #111;
}

.project-mobi .views-row {
    position: relative;
    display: inline-block;
    width: 390px;
    height: 480px;
    overflow: hidden;
    margin: 0 4.25% 5% 0;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.black-row .project-title {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.3;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.63em;
    font-weight: 800;
    opacity: 0;
}

.black-row span:nth-child(1) {
    font-size: .65em;
    display: block;
    font-weight: 600;
    color: rgba(255,255,255,.99);
    text-transform: uppercase;
    letter-spacing: 0;
}

.black-row span:nth-child(2) {
    font-size: .56em;
    display: block;
    font-weight: 500;
    color: rgba(255,255,255,.7);
    text-transform: none;
    margin: 3% 0 0;
    letter-spacing: 0;
}

.go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .85em;
    font-weight: 600;
    position: absolute;
    bottom: 17.4%;
    letter-spacing: 1.5px;
    right: -10.5%;

}

.services-front{
	width:97%;
	margin:5% auto;
}

.services-front .views-row{
    width: 550px;
    height: 630px;
    margin: 0 0% 8.5% 0;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    position: relative;
}

.services-front .views-row:nth-child(1),
.services-front .views-row:nth-child(3){
	margin:0 9.5% 8.5% 0;
}


.services-front .views-row img{
	width:100%;
	min-width:100%!important;
	height:630px;
	margin-bottom:-9px;
	z-index:7;
}

.services-front .views-row:after{
	top:5.5%;
	right:-6%;
	width:550px;
	height:630px;
	
	background: url("../images/black-frame.png");
	background-size:550px 630px;
	
}

.services-front .views-row .go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,0);
    font-size: .84em;
    font-weight: 600;
    z-index: 9;
    position: absolute;
    bottom: auto;
    top: 83%;
    display: block;
    letter-spacing: 1.5px;
    right: -5.1%;

}

.reviews-block{
	position:relative;
	display:block;
	width:98%;
	margin:3% auto 4%;
	border:0px solid green;
}

.reviews-block .slick-slide{
	margin:0 60px;
	border:0px solid red;
}

.left-advantages p {
    font-size:.95em;
    margin-bottom: 15px;
}

.number-cell span {
    font-size: 3.75em;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
    padding: 0 0 0 3%;
    margin: 0 3% 0 0;
    line-height: 1;
}

.number-cell p {
    font-size: 1.25em;
    font-weight: 800;
    color: rgba(0,0,0,.28);
    letter-spacing: .5px;
    padding: 0 0 0 5%;
    margin: 7% 0 0;
    line-height: 1;
    text-transform: uppercase;
}

.mobi-customers .right-slider .slick-slide img{
	height:130px;
	width:auto;
}

.mobi-customers .right-slider{
	border:0px solid green;
	width:64%;
	display:inline-block;
	margin:2.5% 0 2%;
}

.mobi-customers .left-block{
	border:0px solid red;
	width:34%;
	display:inline-block;
	margin:4.7% 0 0;
	vertical-align:top;
}

.mobi-customers .left-block .block-title {
    font-size: 2.44em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.1px;
    margin: 0 0 0 7%;
}


.project-bottom .btn-black span:before{
	left: -1%;
	top: -1%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.project-bottom .btn-black span:after{
	right: -1%;
	bottom: -3%;
	width: 0%;
	height: 3px;
	transition: all 700ms ease;
}

.project-bottom .btn-black span:hover:before {
	width: 102%;
}

.project-bottom .btn-black span:hover:after{
	width: 102%;
}

.project-mobi label {
    display: inline-block;
    cursor: pointer;
    line-height: 31px;
    user-select: none;
    font-weight: 800;
    text-transform: uppercase;
    font-size: .79em;
}

.project-mobi label:after{
	content:'/';
	display:inline-block;
	margin:0 10px 0 10px;
	color:#000;
}


.webform-block .js-form-item{
	position:relative;
	display:inline-block;
	border:0px solid green;
	width:380px;
	margin:0 3.5% 4.5% 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:inline-block;
	border:0px solid blue;
	width:380px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}

.webform-block .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #ccc!important;
    font-family: 'Montserrat', sans-serif!important;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: none!important;
    line-height: 40px;
    outline: none;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 385px;
    min-width: 385px;
    max-width: 385px;
    margin: 0 auto;
    display: block!important;
    position: relative!important;
}

h4.rotate{
	position:absolute;
	bottom:32.5%;
	right:-170%;
	text-align:right;
	z-index:19;
	min-width:479px;
	
	color:#fff;
	font-size:.93.25em;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1;
	font-weight:500;
	letter-spacing:2.5px;
	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}


}

@media only screen and (max-width:1585px){

.wrapper{
	position:absolute;
	display:block;
	width:94%;
}

}

@media only screen and (max-width:1530px){

.number-cell{
	display:inline-block;
	width:24%;
	margin-right:4.25%;
	border:0px solid green;
	border-left:10.25px solid #000;
}

h4.rotate{
	position:absolute;
	bottom:32.5%;
	right:-184%;


}

.mova {
    position: fixed;
    top: 15.7%;
    right: .24%;
    width: 90px;
    display: inline-block;
    text-align: center;
    border: 0px solid #fff;
}

.year-block span {
    font-size:5.7em;
    padding: -10px 0 0;
    margin: 0;
    margin-right: 5%;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.big {
    font-size: 5.48em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.small {
    font-size: 1.8em;
    padding: 0px 0 0;
    margin: 2.5% 0 0;
    text-transform: uppercase;
    color: #000;
    display: block;
    line-height: 1;
    font-weight: 700;
}

}

@media only screen and (max-width:1538px) and (max-height:868px){
	
h4.rotate{
	position:absolute;
	bottom:33%;
	right:-175px;
	min-width:440px;
	color:#fff;
	font-size:.78em;
}

.mova{
	position:fixed;
	top:16.7%;
	right:.24%;
	width:80px;
}


.mova li a{
	padding:14px;
}
	
}
	
@media only screen and (max-width:1470px){

.left-images{
	display:inline-block;
	width:45%;
	margin-left:3%;
	position:relative;
	border:0px solid red;
	height:610px;
	vertical-align:top;
}

.stages-block .stages-cell span {
    position: absolute;
    top: -40%;
    left: -15%;
    font-size: 8.9em;
    font-weight: 800;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: rgba(8,79,147,.065);
}

.title-st {
    font-size: 1.2em;
    font-weight: 700;
}

.stages-block .stages-cell p {
    font-size: .945em;
    font-weight: 400;
}

.left-images img {
    width: 275px;
    height: auto;
    box-shadow: 0 0 3px #000;
}	

.year-block span {
    font-size:5.5em;
    padding: -10px 0 0;
    margin: 0;
    margin-right: 5%;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.big {
    font-size: 5.22em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.small {
    font-size: 1.8em;
    padding: 0px 0 0;
    margin: 2.5% 0 0;
    text-transform: uppercase;
    color: #000;
    display: block;
    line-height: 1;
    font-weight: 700;
}

.mobi-customers-pages .right-slider .slick-slide img {
    height: 135px;
    width: auto;
}

.mobi-services a {
    display: inline-block;
    position: relative;
    margin-right:3.35%;
    overflow: hidden;
    box-shadow: 0 0 3px #333;
}

.mobi-services a img {
    height: 230px;
    width: auto;
    z-index: 5;
    display: inline-block;
    margin-bottom: -10px;
}

.ad-cell p {
    font-size: .865em;
    text-align: left;
    margin-bottom: 7px;
    color: rgba(255,255,255,.7);
    width: 99.9%;
    margin: 0 auto;
    display: block;
}

.ad-cell {
    position: relative;
    display: inline-block;
    width: 24.65%;
    margin-right: 2.5%;
    padding: 30px;
    border: 2.15px solid rgba(255,255,255,.07);
    min-height: 250px;
    vertical-align: top;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.works-block h3 {
    margin-bottom:-1.25%;
	padding-bottom:0;
}

}

@media only screen and (max-width:1510px){

.similar-block-sale .views-row {
    position: relative;
    display: inline-block;
    width: 540px;
    height: 365px;
    overflow: hidden;
    margin: 0 3.7% 5%;
    text-align: left;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.similar-block-sale .go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .79em;
    font-weight: 600;
    position: absolute;
    bottom: 22.2%;
    letter-spacing: 1.5px;
    right: -4.9%;

}

.page-head .big-title-page {
    font-size: 3.2em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: rgba(230, 230, 231,.8);
    display: inline-block;
    line-height: 1;
    font-weight: 800;
    position: relative;
    display: block;
    margin: 3.5% 0 0 4%;
}

.project-info-block h1 {
    font-size: 1.9em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: .8px;
    padding: 0;
    margin: 0;
    line-height: 1.29;
}

}

@media only screen and (max-width:1500px){

.head-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 0%;
    width: 80%;
    height: 540px;
    z-index: 7;
    border: 0px solid green;
}

.left-black-service {
    position: relative;
    display: inline-block;
    float: right;
    width: 20%;
    height: 540px;
    z-index: 8;
    background: #1f1f25;
}

.page-text-title {
    position: absolute;
    left: -130%;
    top: 29%;
    display: block;
    width: 610px;
    border: 0px solid green;
}

.left-black-service h1 {
    padding: 0;
    margin: 0;
    line-height: 1.35;
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 9;
    display: inline-block;
}

.left-black-service h2 {
    display: block;
    color: #fff;
    font-size: .92em;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 9;
    display: inline-block;
    padding: 0;
    margin: 3% 0 0;
}

.page-text-title-2 {
    position: absolute;
    left: -100%;
    top: 32%;
    display: block;
    width: 530px;
    border: 0px solid green;
}

.left-black-service .page-text-title-2 h1{
    padding: 0;
    margin: 0;
    line-height: 1.35;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 9;
    display: inline-block;
}

.sale-project .views-row {
    position: relative;
    display: inline-block;
    width: 550px;
    height: 355px;
    text-align: left;
    overflow: hidden;
    margin: 0 5.85% 5% 0;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.sale-project .go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .77em;
    font-weight: 600;
    position: absolute;
    bottom: 19.2%;
    letter-spacing: 1.5px;
    right: -6.9%;
}

}

@media only screen and (max-width:1480px){

.main-title {
    position: absolute;
    top: 28%;
    left: -99.5%;
    z-index: 9;
}

.project-mobi .views-row {
    position: relative;
    display: inline-block;
    width: 350px;
    height: 450px;
    overflow: hidden;
    margin: 0 4.25% 5% 0;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.big-title{
	font-size:4.68em;
	padding:0px 0 0;
	margin:0;
	text-transform:uppercase;
	color:rgba(230, 230, 231,.8);
	display:inline-block;
	line-height:1;
	font-weight:800;
	position:relative;
}

.project-bottom .big-title{
	float:right;
	margin:-1.2% 6% 0 0; 
}

.project-bottom button{
	outline: none;
	display:block;
	margin:-.5% 0 5%;
}

.services-front .views-row:nth-child(1), .services-front .views-row:nth-child(3) {
    margin: 0 10.5% 7.5% 0;
}

.services-front .views-row{
    width:520px;
	height:585px;
    margin: 0 0% 10.5% 0;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    position: relative;
}

.services-front .views-row img{
	width:100%;
	min-width:100%!important;
	height:585px;
	margin-bottom:-9px;
	z-index:7;
}

.services-front .views-row:after{
	top:5.5%;
	right:-6%;
	width:520px;
	height:585px;
	
	background: url("../images/black-frame.png");
	background-size:520px 585px;
	
}

.services-front .service-text h3 {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-bottom: 39px;
    color: #fff;
    letter-spacing: 1.27px;
    font-weight: 800;
    font-size: 1.85em;
	line-height:1.3;
    min-height: 100px;
    border: 0px solid red;
}

.block-center-title {
    font-size: 3.15em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 2.5% auto 0;
}

.main-foto img {
    height: 420px;
    width: 620px!important;
    max-width:auto!important;
    min-width:auto;
    box-shadow: 0 0 3px #1f1f25;
}

}

@media only screen and (max-width:1470px){

.mova li a{
	color:#fff;
	border:2px solid rgba(255,255,255,.5);
	padding:12px;
	margin:0 0 25px;
}

.mova {
    position: fixed;
    top: 15.7%;
    right: .24%;
    width: 80px;
    display: inline-block;
    text-align: center;
    border: 0px solid #fff;
}


h4.rotate{
	position:fixed!important;
	bottom:34.5%!important;
	right:-177px!important;
	z-index:10!important;
	min-width: 440px!important;
}

.black-row .project-title {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.35;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.47em;
    font-weight: 800;
    opacity: 0;
}

.mobi-customers .left-block .block-title {
    font-size: 2.24em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.1px;
    margin: 0 0 0 7%;
}

.numbers-block {
    margin-top: 1.5%;
}

.number-cell {
    display: inline-block;
    width: 23%;
    margin-right: 3.25%;
    border: 0px solid green;
    border-left: 10.25px solid #000;
}

.number-cell span {
    font-size: 3.35em;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
    padding: 0 0 0 3%;
    margin: 0 3% 0 0;
    line-height: 1;
}

.number-cell p {
    font-size: 1.14em;
    font-weight: 800;
    color: rgba(0,0,0,.28);
    letter-spacing: .5px;
    padding: 0 0 0 5%;
    margin: 7% 0 0;
    line-height: 1;
    text-transform: uppercase;
}

.image-feed img{
	height:105px;
	width:auto;
}

.webform-block .js-form-item{
	position:relative;
	display:inline-block;
	border:0px solid green;
	width:350px;
	margin:0 3.5% 4.5% 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:inline-block;
	border:0px solid blue;
	width:350px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}

.webform-block .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #ccc!important;
    font-family: 'Montserrat', sans-serif!important;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: none!important;
    line-height: 40px;
    outline: none;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 355px;
    min-width: 355px;
    max-width: 355px;
    margin: 0 auto;
    display: block!important;
    position: relative!important;
}

.wrapper{
	padding-bottom:450px;
}


.btn-black span {
	position: relative;
	display: inline-block;
	padding:5px 45px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1.25px;

}


}

@media only screen and (max-width:1420px){
	
.similar-block .views-row {
    position: relative;
    display: inline-block;
    width: 340px;
    height: 460px;
    overflow: hidden;
    margin: 0 4.25% 5% 0;
    text-align: left;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.similar-block .black-row .project-title {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.35;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.63em;
    font-weight: 800;
    opacity: 0;
}

}

@media only screen and (max-width:1400px){
	
body{
	font-size:16.89px;
}

.sidebar {
    position: fixed;
    display: block;
    height: 100%;
    width: 8.5%;
    top: 0;
    right: 0;
    z-index: 8;
    background: #1F1F25;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 0 3px #1f1f25;
}


h4.rotate{
	position:fixed!important;
	bottom:37%!important;
	right:-177px!important;
	z-index:10!important;
	min-width: 440px!important;
	font-size:.7em!important;
}
	
}



@media only screen and (max-width:1370px) and (min-height:800px) {

h4.rotate{
	font-size:.97em!important;
	right:-182px!important;
}	

}
	
	
@media only screen and (max-width:1365px){
	
.similar-block-sale .views-row {
    position: relative;
    display: inline-block;
    width: 510px;
    height: 333px;
    overflow: hidden;
    margin: 0 2.6% 5%;
    text-align: left;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.slider-nav .slick-slide img {
    height: 115px;
    width: auto;
}

.slider-nav-block {
    position: absolute;
    bottom: 8.1%!important;
    right: -8.5%;
    z-index: 9;
    border: 0px solid green;
    width: 520px;
}

.mova li a{
	color:#fff;
	border:2px solid rgba(255,255,255,.5);
	padding:10px;
	margin:0 0 20px;
	font-size:.85em;
}

.mova {
    position: fixed;
    top: 15.7%;
    right: .24%;
    width: 75px;
    display: inline-block;
    text-align: center;
    border: 0px solid #fff;
}

/*
h4.rotate {
    position: absolute;
    bottom: 32.5%;
    right: -145px;
    text-align: right;
    z-index: 19;
    min-width: 369px;
    border: 0px solid red;
    color: #fff;
    font-size: .752em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2px;
}
*/
.main-title{
	position:absolute;
	top:24%;
	left:-80.5%;
	z-index:9;
	border:0px solid red;
}

.main-title h1 {
    width: 470px;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.7em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    letter-spacing: 1.5px;
    line-height: 1.33;
}

.main-title h4{
	width:470px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.17em;
	font-weight:500;
	margin:7.8% 0 0;
	padding:0;
	line-height:1.43;
	letter-spacing:1.5px;
}

h2.mobi-name {
    top: 2.0%;
    right: 34%;
    font-size: 2.38em;
}

.about-right img {
    height: 270px;
    width: auto;
    display: inline-block;
    z-index: 9!important;
    position: relative;
    margin-left: 7.5%;
}

.about-right .image-border:after {
    position: absolute;
    display: inline-block;
    top: 18%;
    left: -5%;
    z-index: 5;
    content: '';
    width: 455px;
    height: 270px;
    background: url(../images/Rectangle 90 (1).png);
    background-size: 455px 270px;
}


.webform-block .js-form-item{
	position:relative;
	display:inline-block;
	border:0px solid green;
	width:320px;
	margin:0 3.5% 4.5% 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:inline-block;
	border:0px solid blue;
	width:320px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}

.webform-block .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #ccc!important;
    font-family: 'Montserrat', sans-serif!important;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: none!important;
    line-height: 40px;
    outline: none;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 325px;
    min-width: 325px;
    max-width: 325px;
    margin: 0 auto;
    display: block!important;
    position: relative!important;
}


.services-front .views-row:nth-child(1), .services-front .views-row:nth-child(3) {
    margin: 0 10.5% 7.5% 0;
}

.services-front .views-row{
    width:470px;
	height:540px;
    margin: 0 0% 10.5% 0;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    position: relative;
}

.services-front .views-row img{
	width:100%;
	min-width:100%!important;
	height:540px;
	margin-bottom:-9px;
	z-index:7;
}

.services-front .views-row:after{
	top:5.5%;
	right:-6%;
	width:470px;
	height:540px;
	
	background: url("../images/black-frame.png");
	background-size:470px 540px;
	
}

.services-front .service-text h3 {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-bottom: 39px;
    color: #fff;
    letter-spacing: 1.27px;
    font-weight: 800;
    font-size: 1.75em;
    line-height: 1.3;
    min-height: 100px;
    border: 0px solid red;
}

.services-front .service-text p {
    font-size: .9em;
    color: rgba(255,255,255,.9);
    width: 97%;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 6px;
}

.services-front .views-row .go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,0);
    font-size: .77em;
    font-weight: 600;
    z-index: 9;
    position: absolute;
    bottom: auto;
    top: 81%;
    display: block;
    letter-spacing: 1.5px;
    right: -6.1%;
}

.left-images img {
    width: 255px;
    height: auto;
    box-shadow: 0 0 3px #000;
}

.ad-cell .ad-title {
    font-size: .99em;
    text-align: center;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(255,255,255,1);
}

}

@media only screen and (max-width:1310px){

body{
	font-size:16.0px;
}	
	
.year-block span {
    font-size:5.2em;
    padding: -10px 0 0;
    margin: 0;
    margin-right: 5%;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.big {
    font-size: 5.02em;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
    color: #E6E6E7;
    display: inline-block;
    line-height: 1;
    font-weight: 800;
}

.year-block p.small {
    font-size: 1.6em;
    padding: 0px 0 0;
    margin: 2.5% 0 0;
    text-transform: uppercase;
    color: #000;
    display: block;
    line-height: 1;
    font-weight: 700;
}

.sale-project .views-row {
    position: relative;
    display: inline-block;
    width: 520px;
    height: 335px;
    text-align: left;
    overflow: hidden;
    margin: 0 5.05% 5% 0;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.mobi-services a img {
    height: 205px;
    width: auto;
    z-index: 5;
    display: inline-block;
    margin-bottom: -10px;
}

.page-text-title {
    position: absolute;
    left: -130%;
    top: 29%;
    display: block;
    width: 550px;
    border: 0px solid green;
}

.main-foto img {
    height: 380px;
    width: 580px!important;
    max-width: auto!important;
    min-width: auto;
    box-shadow: 0 0 3px #1f1f25;
}

.black-p-left {
    position: relative;
    display: inline-block;
    background: #1f1f25;
    width: 35%;
    height: 580px;
    box-shadow: 0 0 3px #1f1f25;
}

.main-foto {
    position: relative;
    display: block;
    margin: 95px 0 0 24%;
    float: left;
}

.project-info-block {
    position: relative;
    display: inline-block;
    width: 39%;
    vertical-align: top;
    padding: 0%;
    margin: 8.0% 0 0 7%;
    border: 0px solid #1f1f25;
}

}

@media only screen and (max-width:1300px){

.left-images img {
    width: 245px;
    height: auto;
    box-shadow: 0 0 3px #000;
}

.slider-nav .slick-slide img {
    height: 109px;
    width: auto;
}

.slider-nav-block {
    position: absolute;
    bottom: 8.1%!important;
    right: -8.5%;
    z-index: 9;
    border: 0px solid green;
    width: 480px;
}

.project-mobi .views-row {
    position: relative;
    display: inline-block;
    width: 315px;
    height: 415px;
    overflow: hidden;
    margin: 0 4.25% 5% 0;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.project-mobi .views-row img{
	width:315px;
	height:415px;
	min-height:415px!important;
}

.go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .75em;
    font-weight: 600;
    position: absolute;
    bottom: 17.4%;
    letter-spacing: 1.5px;
    right: -10.5%;
}

.mobi-customers .right-slider .slick-slide img {
    height: 110px;
    width: auto;
}

.footer-contact .f-row {
    display: inline-block;
    width: 290px;
    margin-right:7%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
}

.feed-text p {
    font-style: italic;
    font-size: .74em;
    line-height: 1.58;
    margin-bottom: 7px;
}

}

@media only screen and (max-width:1300px){
	
.page-text-title-2 {
    position: absolute;
    left: -110%;
    top: 28%;
    display: block;
    width: 470px;
    border: 0px solid green;
}
	
}
	
@media only screen and (max-width:1270px){

.page-text-title {
    position: absolute;
    left: -140%;
    top: 29%;
    display: block;
    width: 530px;
    border: 0px solid green;
}

.mova {
    position: fixed;
    top: 15.7%;
    right: .04%;
    width: 69px;
    display: inline-block;
    text-align: center;
    border: 0px solid #fff;
}

h4.rotate {
    position: absolute;
    bottom: 32.5%;
    right: -147px;
    font-size: .72em;
    min-width: 368px;
}

.main-foto img {
    height: 335px;
    width: 535px!important;
    max-width: auto!important;
    min-width: auto;
    box-shadow: 0 0 3px #1f1f25;
}

.main-foto {
    position: relative;
    display: block;
    margin: 79px 0 0 19%;
    float: left;
}

.black-p-left {
    position: relative;
    display: inline-block;
    background: #1f1f25;
    width: 35%;
    height: 510px;
    box-shadow: 0 0 3px #1f1f25;
}

.project-info-block {
    position: relative;
    display: inline-block;
    width: 44%;
    vertical-align: top;
    padding: 0%;
    margin: 7.4% 0 0 4%;
    border: 0px solid #1f1f25;
}

.project-info-block .icon-info #field_misto_realizatsiyi:before, .project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before, .project-info-block .icon-info #field_ploscha:before, .project-info-block .icon-info #field_kilkist_kimnat:before, .project-info-block .icon-info #field_kilkist_sanvuzliv:before, .project-info-block .icon-info #field_ploshcha_m2_:before, .project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before, .project-info-block .icon-info #field_vartist:before {
    width: 37px;
    height: 37px;
    background-size: 37px 37px;
}

.page-head .big-title-page {
    font-size: 2.7em;
    margin: 3.5% 0 0 4%;
}

.page-head .big-title-page:after {
    content: '';
    width: 7.25px;
    height: 75.5%;
    position: absolute;
    top: 13.5%;
    left: -3.9%;
    background: #000;
}

.page-head {
    position: relative;
    display: block;
    border: 0px solid red;
    min-height: 580px;
    background: #fff url(../images/dots-mobi-5.png);
    background-repeat: repeat;
    background-size: 400px 300px;
}

.btn-block .btn-black span {
    position: relative;
    display: inline-block;
    padding: 9px 65px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
	font-size:1.22em;
}

.btn-black span {
    position: relative;
    display: inline-block;
    padding: 2px 35px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
}

.accordion-container .accordion-title {
    position: relative;
    margin: 0 0 2.25%;
    padding: 0.625em 0.625em 0.625em 1.3em;
    background-color: #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    font-size: .92em;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

.similar-block .views-row {
    position: relative;
    display: inline-block;
    width: 308px;
    height: 425px;
    overflow: hidden;
    margin: 0 3.25% 5% 0;
    text-align: left;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.similar-block .black-row .project-title {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.22;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing:.5px;
    font-size: 1.33em;
    font-weight: 800;
    opacity: 0;
}

.similar-block .go-link {
    font-size: .79em;
    bottom: 18.2%;
    letter-spacing: 1.2px;
    right: -8.9%;
}


.webform-block .js-form-item{
	width:280px;
}

.webform-block .js-webform-select-other{
	width:280px;
}

.webform-block .nice-select {
    width: 285px;
    min-width: 285px;
    max-width: 285px;
}

.webform-block .js-form-item input{
	font-size:.89em;
	padding:10px 15px;
}
.webform-block .form-item .nice-select span{font-size:.9em!important;color:#000;padding:3px 0 4.5px;}

.nice-select .option {
    min-height: 40px;
    outline: none;
    padding-left: 15px;
    padding-right: 25px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	font-size:.89em;
}

.webform-block .webform-button--submit {
    border: 2.5px solid #1f1f25;
    width: 45%;
    color: #ffff;
    padding: 12px 85px;
    margin: 25px 0 0 1.5%;
}

.webform-block .webform-button--submit {
    display: block;
    background: #1f1f25;
    border: 2.5px solid #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    position: relative;
    width: 350px;
    color: #ffff;
    padding: 12px 85px;
    margin: 25px 0 0 5%;
    position: relative;
    cursor: pointer;
    font-size: .82em;

}

.webform-block .image-webform {
    position: relative;
    display: inline-block;
    width: 34%;
    text-align: center;
    vertical-align: top;
    border: 0px solid red;
}

.webform-block .image-webform img {
    height: 490px;
    width: auto;
    position: relative;
    display: inline-block;
    z-index: 9;
    margin: 20px 0 50px;
}

.webform-block .image-webform .mapblock {
    z-index: 7;
    display: block;
    border: 0px solid blue;
    min-height: 480px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.webform-block .image-webform .mapblock img {
    display: block;
    z-index: 5;
    position: relative;
    border: 0px solid #000;
    height: 520px;
    width: auto;
    padding: 0;
    margin: -0px auto 0;
    -webkit-animation: Myopacity 6.27s linear infinite;
    -moz-animation: Myopacity 6.27s linear infinite;
    animation: Myopacity 6.27s linear infinite;
}

.webform-block .form-block {
    position: relative;
    display: inline-block;
    width: 62%;
    margin-left: 0%;
    margin-top: 4%;
    border: 0px solid green;
    vertical-align: top;
    min-height: 300px;
    text-align: center;
}

.services-front .views-row {
    width: 435px;
    height: 500px;
    margin: 0 0% 7.5% 0;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    position: relative;
}

.services-front .views-row img {
    width: 100%;
    min-width: 100%!important;
    height: 500px;
    margin-bottom: -9px;
    z-index: 7;
}

.services-front .views-row:after {
    top: 5.5%;
    right: -6%;
    width: 435px;
    height: 500px;
    background: url(../images/black-frame.png);
    background-size: 435px 500px;
}

.footer-contact .f-row {
    display: inline-block;
    width: 240px;
    margin-right: 7%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
}

.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:420px;
	height:525px;
	overflow:hidden;
	margin:0 6.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.project-mobi .views-row:nth-child(4),
.project-mobi .views-row:nth-child(7),
.project-mobi .views-row:nth-child(10),
.project-mobi .views-row:nth-child(13),
.project-mobi .views-row:nth-child(16),
.project-mobi .views-row:nth-child(19),
.project-mobi .views-row:nth-child(21),
.project-mobi .views-row:nth-child(24),
.project-mobi .views-row:nth-child(27),
.project-mobi .views-row:nth-child(30),
.project-mobi .views-row:nth-child(33){
	margin:0 6.25% 5% 0;
	border:0px solid red;
}

.project-mobi .views-row img{
	width:420px;
	height:525px;
	min-height:525px!important;
}

.go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .89em;
    font-weight: 600;
    position: absolute;
    bottom: 17.4%;
    letter-spacing: 1.5px;
    right: -5.5%;
}

.black-row .project-title {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.35;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.67em;
    font-weight: 800;
    opacity: 0;
}

}	

@media only screen and (max-width:1230px){

h4.rotate{
	right:-187px!important;
}	

}

@media only screen and (max-width:1160px){


h6.big-contact{
	font-size: 11.45em;
    text-transform: uppercase;
    letter-spacing: 3.32px;
    font-weight:700;

    line-height: 1;
    display: block;
   color:#fff;

	text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-webkit-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-moz-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	   
   font-family: 'Montserrat';
	position:relative;
	
	bottom:auto;
	z-index:9;
	line-height:1;
	left:auto;
	padding:0;
	margin:2% 0;
}


body{font-size:17.7px;}

.sidebar{display:none;}	

.sidebar-tablet{
	position:fixed;
    display: block;
    height: 75px;
    width: 100%;
    top: 0;
    right: 0;
    z-index:11;
    background: #1F1F25;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 0 3px #1f1f25;
}

.wrapper{
	position:absolute;
	display:block;
	width:100%;
	left:0;
	top:0px;
	z-index:8;
	padding-top:70px;
}


.hello-slider{
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: auto!important;
}

.slider-for{
	position:relative;
	display:inline-block;
	max-height:100%;
}	

.slider-for .slick-slide img{
  max-width: 150% !important;
  min-width: 100% !important;
  width: auto;
  min-height: 50% !important;
  max-height: 100% !important;
  z-index: 7;
}

.hello-slider, .slider-for, .slider-for .slick-slide img{
	height: 700px;
}

.project-text {
  position: absolute;
  display: block;
  bottom: 6.5%;
  left: 3%;
  width: 600px;
  z-index:10;
}

.project-text span{
	display:inline-block;
	z-index:10;
}

.slider-nav-block {
	position: absolute;
	bottom: 9.25% !important;
	right:0%;
	z-index: 9;
	width: 480px;
}

h2.mobi-name {
	display:none;
}

.slider-top {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #1f1f25;
    overflow:visible;
}

.black-side {
    position: absolute;
    width:100%;
    z-index: 9;
    height: 100%;
    display: inline-block;
    background: transparent;
    float:left;
	top:0;
	left:0;
	overflow:visible;
}

.main-title {
    position: absolute;
    top: 14%;
    left: 3.5%;
    z-index: 9;
    border: 0px solid red;
	overflow:visible;
}

.main-title h1 {
  width:560px;
  font-size: 3.17em;
}

.main-title h4 {
  width: 560px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.42em;
  font-weight: 500;
  margin: 6.8% 0 0;
  padding: 0;
  line-height: 1.43;
  letter-spacing: 1.5px;
}

.hover-slide {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgb(31,37,38);
	background: linear-gradient(0deg, rgba(31,37,38,0.07751132930513593) 0%, rgba(31,37,38,0.8056080060422961) 88%, rgba(31,37,38,0.9445808157099698) 100%);
	
}

.page-text-title {
    position: absolute;
    left: 3.5%;
    top: 15%;
    display: block;
    width: 530px;
    border: 0px solid green;
}

.tablet{
	display:block;
}

.tablet h2.mobi-name {
    top:11.5px;
    right:auto;
	left:3%;
    font-size: 2.88em;
	position:fixed;
	display:block;
	z-index:11;
	display:block;
}

h4.rotate{display:none;}

.mova {
  position: fixed;
  top:10.25px;
  right:10%;
  width:auto;
  display: inline-block;
  text-align: center;
  border: 0px solid #fff;
}

.mova ul{display:inline-block;text-align:center;width:100%;position:relative;float:none;border:0px solid green;padding:0;margin:0 0 -20px!important;}

.mova li{display:inline-block!important;width:auto;margin-right:28px;margin-bottom:0;}

.mova li a{
	color:#fff;
	border:2px solid rgba(255,255,255,.5);
	padding:10.75px 10.75px 9.75px;
	margin:0 0 30px;
	position:relative;
	display:inline-block;
	font-size:.916em;
	font-weight:600;
}

.about-left {
	position: relative;
	display:block;
	width:90%;
	margin:1% auto;
	vertical-align: top;
	border: 0px solid red;
}

.subtitle-block {margin-bottom:-15px;}

.about-left h2 {
  font-size: 2.4em;
  letter-spacing: 1px;
  line-height: 1.45;
  font-weight: 800;
  margin-bottom:1%;
  text-transform: uppercase;
}

.about-left button {
	outline: none;
	display:block;
	margin:5.5% 0 0;
}

.about-left .btn-black span {
	position: relative;
	display: inline-block;
	padding:5px 85px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1.25px;
}

.about-left .btn-black span:before {
	left: -1%;
	top: -2%;
}

.about-left .btn-black span:after {
	right: -1%;
	bottom: -1%;
}

.about-left .btn-black span:hover:before {
	width: 101.5%;
}

.about-left .btn-black span:hover:after {
	width: 101.5%;
}


.about-right {
	position: relative;
	display:block;
	width:90%;
	margin:5% auto;
	border: 0px solid red;
	vertical-align: top;
	text-align: center;
}

.image-border{
	position:relative;
	display:inline-block;
	float:left;
}

.year-block {
  position: relative;
  display: inline-block;
  margin: 0%;
  vertical-align:top;
  float:right;
  width:45%;
  padding: 0% 2% 0 0;
  text-align: right;
  border: 0px solid green;
}

.about-mobi {
   padding: 5% 0 7.5%;
}

.service-head {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
	min-width:102%!important;
    border:0px solid red;
}

.left-black-service h2.mobi-name{display:none;}

.left-black-service {
    position:absolute;
    display: inline-block;
    float:none;
    width:100%;
    height:100%;
    z-index: 8;
    background:transparent;
	top:0;
	left:0;
}

.page-text-title-2 {
    position: absolute;
    left:3.5%;
    top:19%;
    display: block;
    width: 650px;
    border: 0px solid green;
}


.page-text-title {
    position: absolute;
    left: 3.5%;
    top: 19%;
    display: block;
    width: 830px;
    border: 0px solid green;
}

.left-black-service h1,
.left-black-service .page-text-title-2 h1 {
	font-size: 3.07em;
	width: 100%!important;
	border: 0px solid green;
}


.left-black-service h2 ,
.left-black-service h2 {
    display: block;
    color: #fff;
    font-size: 1.32em;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 9;
    display: inline-block;
    padding: 0;
    margin: 3% 0 0;
	width:85%;
}

.head-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 -5px 0%;
    width:auto;
    min-width: 100%!important;
    height:600px;
    z-index: 7;
    border: 0px solid green;
}

.head-image img{
	min-height:100%!important;
	margin:0% 0 0;
}

.black-p-left{
	width:100%;
	margin-bottom:-10px;
	background:transparent;
}

.black-p-left,
.main-foto img{
	height:680px!important;
}

.project-left-block {
    position: relative;
    display: inline-block;
    width:100%;
    vertical-align: top;
	z-index:7;
}

.main-foto {
    position: relative;
    display: block;
    margin:0%;
    float: left;
	width:100%;
	height:100%;
	z-index:7;
}

.main-foto img{
	width:auto!important;
	min-height:100%!important;
	min-width:100%!important;
	max-height:100%;
	max-width:130%!important;
	z-index:7;
	margin-bottom:-10px;
}

.project-info-block {
    position: absolute;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    padding: 0%;
    margin: 0%;
	top:15.5%;
	left:3.5%;
    border: 0px solid #1f1f25;
	z-index:9;
}

.tablet-hover{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
	
	background: rgb(31,31,37);
	background: linear-gradient(0deg, rgba(31,31,37,0.3945553221288515) 8%, rgba(31,31,37,0.6578606442577031) 40%, rgba(31,31,37,0.7755077030812324) 71%, rgba(31,31,37,0.8763480392156863) 98%);

}

.project-info-block h1 {
    font-size: 2.9em;
    color: #fff;
    font-weight:700;
	width:95%;
    display: block;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0;
}

.icon-info {
	z-index:9;
	border:0px solid #fff;
	margin-top:10%;
}

.icon-cell span {
    display: block;
    margin-bottom: 4px;
    color:rgba(255,255,255,.7);
    font-weight: 500;
    font-size:.9em;
    line-height: 1.1;
}

.icon-cell .field-project {
    font-size: 1.245em;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-indent: 0;
    border: 0px solid red;
}


.project-info-block .icon-info #field_misto_realizatsiyi:before{
	background: url("/themes/mobi/images/map-01-w.png");
	background-size:47px 47px;
	width:47px;
	height:47px;
}

.project-info-block .icon-info #field_vartist:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/04-price-w.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_kilkist_sanvuzliv:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/04-3-bath-w.png");
	background-size:47px 47px;
}


.project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/07-2-car-w.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_ploscha:before,
.project-info-block .icon-info #field_kilkist_kimnat:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/05-room-w.png");
	background-size:47px 47px;
}


.project-info-block .icon-info #field_tsina_proektu:before{
	width:47px;
	height:51px;
	background: url("/themes/mobi/images/021-price-w.png");
	background-size:47px 51px;
}

.project-info-block .icon-info #field_ploshcha_m2_:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/02-2-build-w.png");
	background-size:47px 47px;
}

.project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before{
	width:47px;
	height:47px;
	background: url("/themes/mobi/images/02-build-w.png");
	background-size:47px 47px;
}

.big-title-page{
	display:none!important;
}

.project-info-block h1:after {
    content: '';
    width: 17.4%;
    height: 4px;
    background:rgba(255,255,255,.5);
    position: relative;
    display: block;
    margin: 20px 0 15px;
}

.body-block {
    position: relative;
    display: block;
    width: 93%;
    margin: 4% auto 7%;
}

/**/

.left-images {
    display:block;
    width:92%;
    margin:3% auto 0;
    position: relative;
    border: 0px solid red;
    height: 610px;
    vertical-align: top;
	text-align:center;
}

.left-images img{
	width:405px;
	height:auto;
	box-shadow:0 0 3px #000;

}

.first-imeage{
	display:inline-block;
	position:relative;
	top:auto;
	left:auto;
	margin-right:4%;
}

.second-imeage{
	display:inline-block;
	position:relative;
	top:auto;
	left:auto;
}

.right-block {
    display:block;
    width:92%;
    margin:3% auto 0;
    position: relative;
    border: 0px solid red;
}


.right-block button {
	margin:3% 0 0;
}

/**/

.webform-block .image-webform {
    display:none;
}

.webform-block .form-block {
    position: relative;
    display:block;
    width: 92%;
    margin: 4% auto 0;
    border: 0px solid green;
    vertical-align: top;
    min-height: 300px;
    text-align: center;
}

#block-vebforma{
	text-align:left;
	padding:0 0 0 3%;
}

.webform-block .webform-button--submit {
    display: block;
    background: #1f1f25;
    border: 2.5px solid #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    position: relative;
    width: 350px;
    color: #ffff;
    padding: 12px 85px;
    margin: 25px 0 0%;
    position: relative;
    cursor: pointer;
    font-size: .82em;
}

/**/

.sale-project .views-row {
    position: relative;
    display: block;
    width:675px;
    height:444px;
    text-align: left;
    overflow: hidden;
    margin: 0 auto 9%!important;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.sale-project .views-row img{
	width:675px;
    height:444px;
}

.sale-project .black-row .project-title {
    font-size: 2.2em;
}

.sale-project .go-link {
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    font-size: .82em;
    font-weight: 600;
    position: absolute;
    bottom: 19.2%;
    letter-spacing: 1.5px;
    right: -6.0%;
}

/**/

.similar-block-sale .views-row {
    position: relative;
    display: block;
    width:675px;
    height:444px;
    text-align: left;
    overflow: hidden;
    margin: 0 auto 9%!important;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.similar-block-sale .views-row img{
	width:675px;
    height:444px;
}

.similar-block-sale .black-row .project-title {
    position: absolute;
    top: 18%;
    left: 12%;
    z-index: -1;
    width: 81%;
    line-height: 1.35;
    border: 0px solid red;
    color: #4487c7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2.1em;
    font-weight: 800;
    opacity: 0;
}

}

@media only screen and (max-width:1060px){

.wrapper{
	position:absolute;
	display:block;
	width:101!important;
	max-width:101%!important;
	min-width:101%!important;
	margin:0;
	left:0;

}

.hello-slider, .slider-for, .slider-for .slick-slide img {
    height:1200px;
}

.main-title {
    position: absolute;
    top: 19%;
    left: 3.5%;
    z-index: 9;
    border: 0px solid red;
    overflow: visible;
}	

.main-title h1 {
    width:90%;
    font-size: 3.97em;
}

.main-title h4 {
    width:70%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.82em;
    font-weight: 500;
    margin: 9.8% 0 0;
    padding: 0;
    line-height: 1.43;
    letter-spacing: 1.5px;
}

.project-text {
    position: absolute;
    display: block;
    bottom:5.0%;
    left: 3%;
    width: 600px;
    z-index: 10;
}

.project-text span{
	font-size:1.25em;
}

.slider-nav-block {
    position: absolute;
    bottom:5% !important;
    right: 0%;
    z-index: 9;
    width: 480px;
}

/**/

.left-images img {
    width: 359px;
    height: auto;
    box-shadow: 0 0 3px #000;
}

.stages-block h3 {
    font-size: 2.95em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 6.5% auto 9%;
	position:relative;
}

.stages-block .stages-cell {
    vertical-align: top;
    display:block;
    width:500px;
    margin:2% auto 9%;
    border:0px solid green;
    text-align: left;
    position: relative;
    min-height: 210px;
}

.stages-block .stages-cell span {
    position: absolute;
    top: -35%;
    left: -30%;
    font-size: 9.9em;
    font-weight: 800;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: rgba(8,79,147,.065);
}

.stages-block .stages-cell:last-child{
    margin:0 auto 2%!important;
}

.ad-cell {
    position: relative;
    display: block;
    width:440px;
    margin:2.5% auto 4%!important;
    padding: 30px;
    border: 2.15px solid rgba(255,255,255,.07);
    min-height: 250px;
    vertical-align: top;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.advantages h4 {
    font-size: 3.0em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.5px;
    margin: 4.6% auto 7.25%;
}

.ad-cell .ad-title {
    font-size: 1.35em;
    text-align: center;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(255,255,255,1);
}

.ad-cell p {
    font-size: 1em;
    text-align: left;
    margin-bottom: 7px;
    color: rgba(255,255,255,.7);
    width: 99.9%;
    margin: 0 auto;
    display: block;
}

a.white-btn {
    position: relative;
    display:block;
    margin: 7.5% auto 4%;
    color: #fff;
    border: 2px solid #fff;
    padding: 14px 0px 14px;
	width:80%;
    font-size: .98em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.25px;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

.works-block h3{
	font-size: 2.45em;
    color: #084f93;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
	width:94%;
	margin:3% auto 0;
    letter-spacing: 1.8px;
	text-align:left;
}

.works-block h4{
	font-size: 1.4em;
    color: #222;
    font-weight: 700;
    display: block;
    letter-spacing: 1.2px;
	width:94%;
	margin:5% auto 5%;
	text-align:left;
}

.btn-works{
	display:block;
	text-align:center;
	width:90%;
	margin:3% auto 0;
}

.btn-works .btn-black span{
	padding:7px 150px;
}

.btn-works .btn-black{
	font-size:.92em;
	margin-top:4%;
	margin-bottom:4%;
}

.mobi-customers-pages .left-block {
    border:0px solid red;
    width: 90%;
	text-align:center;
    display: block;
    margin: 9.5% auto 0;
    vertical-align: top;
}

.mobi-customers-pages .left-block .block-title{
	font-size:2.7em;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	display:block;
	line-height:1.2;
	letter-spacing:1.2px;
	margin:0 0 0 9%;
}

.mobi-customers-pages .left-block .block-title:after{
	content:'';
	width:25%;
	height:5px;
	background:#000;
	position:relative;
	display:inline-block;
	margin:20px 0 15px;
}

.mobi-customers-pages .right-slider {
    border: 0px solid green;
    width:100%;
    display: inline-block;
	text-align:center;
    margin: 5.5% 0 6%;
}


.mobi-customers-pages .right-slider .slick-slide img {
    height:auto;
    width: auto;
}

.mobi-services h4 {
    font-size: 3.1em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.2px;
    margin: 11.5% auto 8%;
}

.mobi-services h4:after {
    content: '';
    width: 12.4%;
    height: 5px;
    background: #000;
    position: relative;
    display: block;
    margin: 20px auto 3.7%;
}

.mobi-services a img{
    height:390px;
    width:590px!important;
    z-index: 5;
    display:block;
    margin-bottom:-5px;
}

.mobi-services a{
	display:inline-block;
	position:relative;
	margin:0% 0 4%;
	overflow:hidden;
	box-shadow:0 0 3px #333;
}

.mobi-services a:last-child{
	margin:0;
}

.mobi-services a span {
    position: absolute;
    display: block;
    bottom: -145%;
	width:90%;
	left:5%;
    font-size: 1.62em;
}

.mobi-services a:hover span{
	bottom:43%;
	
	
	-webkit-transition: all .75s;
    -moz-transition: all .75s;
    -o-transition: all .75s;
    -ms-transition: all .75s;
    transition: all .75s;
}

/**/

.image-border {
    position: relative;
    display:inline-block;
	text-align:center;
	margin:2% auto;
	float:none;
}

.about-right {
    position: relative;
    display: block;
    width: 90%;
    margin: 5% auto;
    vertical-align: top;
	min-height:300px;
    text-align: center;
}

.year-block {
    position: relative;
    display: inline-block;
    margin: 7% auto -3%;
    vertical-align: top;
    float:none;
    width: 90%;
    padding: 0% 2% 0 0;
    text-align: right;
}

.about-mobi {
    padding: 5% 0 4.5%;
}

.year-block span {
    font-size: 5.5em;
}

.year-block p.big {
    font-size: 5.32em;
}

.year-block p.small {
	font-size: 1.89em;
}

.about-right img {
    height:306px;
    width: 510px;
    display: inline-block;
    z-index: 9!important;
    position: relative;
    margin-left: 7.5%;
}

.about-right .image-border:after {
    position: absolute;
    display: inline-block;
    top: 18%;
    left: -5%;
    z-index: 5;
    content: '';
    width: 510px;
    height: 306px;
    background: url(../images/Rectangle 90 (1).png);
    background-size: 510px 306px;
}

.project-mobi {
    position: relative;
    display: block;
    width: 92.5%;
    padding: 5% 0 0;
    margin: 0 auto;
}

.project-mobi .views-exposed-form {
    display: block;
    text-align: left;
    margin: 3% 4% 5% 0;
}

.project-mobi label {
    display: inline-block;
    cursor: pointer;
    line-height:41px;
    user-select: none;
    font-weight: 800;
    text-transform: uppercase;
    font-size:1.3em;
	margin-right:7px;
	margin-bottom:19px;
}

.project-mobi .project-front .views-element-container{
	text-align:left!important;
	border:0px solid #000;
	display:block;
	width:100%;
	margin:0 auto;
}

.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:630px;
	height:710px;
	overflow:hidden;
	margin:0 6.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.project-mobi .views-row img{
	width:630px;
	height:710px;
	z-index:8;
}

.black-row .project-title{
	font-size:2.43em;
}

.block-title {
    font-size: 3.15em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.8px;
}

.project-bottom .big-title {
    float: none;
	display:block;
	text-align:right;
    margin: 1.2% 6% 0 0;
}


.big-title:after{
	content:'';
	width:13.25px;
	height:75.5%;
	position:absolute;
	top:13.5%;
	right:-4.9%;
	background:#000;
}


.block-center-title {
    font-size: 3.95em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 3.5% auto 0;
}

.block-center-title:after{
	content:'';
	width:16.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 15px;
}


.services-mobi {
    padding-top:3%;
	text-align:left;
}

.services-front{
	display:block;
	width:92%;
	border:0px solid green;
	margin:6% 0 6% 4%!important;
	text-align:left;
}

.services-front .views-row{
	position:relative;
	display:inline-block;
	width:630px;
	height:710px;
}


.services-front .views-row img{
	width:630px;
	height:710px;
}

.services-front .views-row:after{
	position:absolute;
	display:block;
	top:5.5%;
	right:-6%;
	z-index:9;
	content:'';
	width:630px;
	height:710px;
	
	background: url("../images/black-frame.png");
	background-size:630px 710px;
}

.services-front .views-row:nth-child(1),
.services-front .views-row:nth-child(3){
	margin:0 7% 15% 0!important;
}

.services-front .views-row:nth-child(2),
.services-front .views-row:nth-child(4){
	margin:0 7% 15% 0!important;
}

.services-front .views-row a{
	z-index:10;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.services-front .views-row:hover:after{
	top:0%;
	right:0%;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .views-row:hover .hover-row{
	background:rgba(31,31,37,.82);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .hover-row{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:8;
	top:0;
	left:0;
	
	background:rgba(0,0,0,.51);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.services-front .service-text{
	position:absolute;
	width:86%;
	border:0px solid #fff;
	
	display:block;
	z-index:9;
	text-align:left;
	top:8%;
	left:10%;
}

.services-front .service-text h3{
	position:relative;
	display:block;
	text-transform:uppercase;
	margin-bottom:39px;
	color:#fff;
	letter-spacing:1.07px;
	font-weight:800;
	font-size:2.0em;
	min-height:100px;
	border:0px solid red;
}

.services-front .service-text p{
	font-size:.96em;
	color:rgba(255,255,255,.9);
	width:97%;
	line-height:1.6;
	font-weight:500;
	margin-bottom:6px;
}


.services-front .views-row .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,0);
	font-size:.88em;
	font-weight:600;
	z-index:9;
	position:absolute;
	bottom:auto;
	top:83%;
	display:block;
	letter-spacing:1.5px;
	right:-5.1%;
}

.advantages-block {
    margin: 12% auto 0;
}

.left-advantages {
    display:block;
    width:100%;
    margin:2% auto;
    vertical-align: top;
    border:0px solid green;
}

.right-advantages {
    display:block;
    width:100%;
    margin:2% auto;
    vertical-align: top;
    border:0px solid green;
	text-align:center
}

.right-advantages img{
	display:inline-block;
	width:55%;
	height:auto;
}

.number-cell{
	display:block;
	width:90%;
	margin-right:0%;
	margin-bottom:9.25%;
	border:0px solid green;
	border-left:10.25px solid #000;
}

.number-cell span{
	font-size:4.55em;
	font-weight:700;
	color:#000;
	letter-spacing:0;
	padding:0 0 0 3%;
	margin:0 3% 0 0;
	line-height:1;
}

.number-cell p{
	font-size:1.95em;
	font-weight:800;
	color:rgba(0,0,0,.28);
	letter-spacing:.5px;
	padding:0 0 0 5%;
	margin:2% 0 0;
	line-height:1;
	text-transform:uppercase;
}

.mobi-customers .left-block {
    border: 0px solid red;
    width:90%;
    display:block;
    margin: 4.7% auto 0;
    vertical-align: top;
	text-align:center;
}

.mobi-customers .left-block .block-title {
    font-size: 2.74em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.1px;
    margin: 0 0 3%;
}

.mobi-customers .left-block .block-title:after {
    content: '';
    width: 19%;
    height: 4px;
    background: #fff;
    position: relative;
    display: block;
    margin: 15px auto 21px;
}

.mobi-customers .right-slider {
    border: 0px solid green;
    width: 100%;
    display: inline-block;
    margin: 5% 0 5%;
}

.mobi-customers .right-slider .slick-slide img{
	width:auto;
	height:auto;
}

.mobi-reviews .block-center-title {
    font-size: 2.9em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 9.5% auto 0;
}

.mobi-reviews  .block-center-title:after{
	content:'';
	width:19.4%;
	height:6px;
	background:#000;
	position:relative;
	display:block;
	margin:10px auto 4%;
}

.webform-block {
    position: relative;
    display: block;
    margin: 5% 0 0;
	text-align:center;
	border: 0px solid green;
}

.webform-block .form-block {
    position: relative;
    display:inline-block;
    width: 92%;
    margin: 4% auto 0;
    border: 0px solid green;
    vertical-align: top;

	float:none;
    text-align: center;
}




#block-vebforma {
    text-align: left;
    padding: 0 0 0 3%;
	float:none;
	display:inline-block;
	position:relative;
	border:0px solid red;

}

}

@media only screen and (max-width:1000px){

.similar-block .views-row{
	position:relative;
	display:block;
	width:430px;
	height:550px;
	overflow:hidden;
	margin:0 auto 7%;
	text-align:left;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.similar-block .views-row:nth-child(4),
.similar-block .views-row:nth-child(7){
	margin:0 auto 7%;
	border:0px solid red;
}

.similar-block .views-row img{
	width:auto;
	height:550px;
	z-index:8;
}


.similar-block .line-1{
	width:90%;
	height:1.5px;
	background:#fff;
	position:absolute;
	top:5.5%;
	left:3%;
}

.similar-block .line-2{
	width:1.8px!important;
	height:91%;
	background:#fff;
	position:absolute;
	top:2.7%;
	left:7%;
}

.similar-block .black-row .project-title{
	position:absolute;
	top:15%;
	left:12%;
	z-index:-1;
	width:81%;
	line-height:1.35;
	border:0px solid red;
	color:#4487c7;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.63em;
	font-weight:800;
	
	opacity:0;
}

.similar-block .views-row .black-row:hover .project-title{
	opacity:1;
	z-index:8;
	
	-webkit-transition: all .82s;
    -moz-transition: all .82s;
    -o-transition: all .82s;
    -ms-transition: all .82s;
    transition: all .82s;
}


.similar-block .project-info{
	display:block;
	margin:18% 0 0;
}

.similar-block .black-row span:nth-child(1){
	font-size:.84em;
	display:block;
	font-weight:600;
	color:rgba(255,255,255,.99);
	text-transform:uppercase;
	letter-spacing:0;
}

.similar-block .black-row span:nth-child(2){
	font-size:.75em;
	display:block;
	font-weight:500;
	color:rgba(255,255,255,.7);
	text-transform:none;
	margin:5% 0 0;
	letter-spacing:0;
}

.similar-block .go-link{
	text-transform:uppercase;
	color:rgba(255,255,255,.6);
	font-size:.84em;
	font-weight:600;
	
	position:absolute;
	bottom:18.2%;
	letter-spacing:1.5px;
	right:-8.9%;
		
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

}

@media only screen and (max-width:970px){

.head-image img {
    width:auto;
	max-width:150px;
	min-width:100%!important;
	
    height:100%;
    min-height:600px!important;
    max-height:100%!important;
    margin: -0% 0 0;
    z-index: 5;
    display: inline-block;
}

}

@media only screen and (max-width:960px){


.left-images {
    display:block;
    width:94%;
    margin:3% auto 0;
    position: relative;
    border: 0px solid red;
    height:auto;
    vertical-align: top;
	text-align:center;
}

.left-images img{
	width:99%;
	height:auto;
	box-shadow:0 0 3px #000;

}

.first-imeage{
	display:inline-block;
	position:relative;
	top:auto;
	left:auto;
	margin-right:4%;
	width:46%;
}

.second-imeage{
	display:inline-block;
	position:relative;
	top:auto;
	left:auto;
	width:46%;
}

.footer-contact{
	width:95%;
	left:3%;
}

.footer-contact .f-row {
    display: inline-block;
    width: 290px;
    margin-right:4%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
}

.footer-contact .f-row:nth-child(1) {
    display: inline-block;
    width: 210px;
    margin-right:4%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
}

.footer-contact .f-row:nth-child(3) {
    display: inline-block;
    width: 210px;
    margin-right:0%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
}

.webform-block{
	text-align:left!important;
}

#block-vebforma {
    text-align: left;
    padding: 0 0 0 0%;
	margin-left:3%;
}

.webform-block .form-block {
    position: relative;
    display: inline-block;
    width: 92%;
    margin: 4% auto 0;
    border:0px solid green;
    vertical-align: top;
    float: none;
    text-align:left;
}

.webform-block .js-form-item{
	position:relative;
	display:block;
	border:0px solid green;
	width:500px;
	margin:0 6.5% 30px 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:block;
	border:0px solid blue;
	width:500px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}


.webform-block .nice-select {
    width: 496px;
    min-width: 496px;
    max-width: 496px;
	min-height:46px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:-2.5px;

}

.webform-block .js-form-item input{
	width:92%;
	vertical-align:top;
	font-size:1em;
		
	padding:13px 17px;
	border:1px solid #ccc;
	font-family: 'Montserrat', sans-serif!important;
}

.webform-block .form-item .nice-select span{font-size:1.2em!important;color:#000;padding:5px 0 5.5px;}


.fancybox-inner .nice-select ,
#cboxContent .nice-select {
	
	width:500px; 
	min-width:500px; 
	max-width:500px; 
	font-family: 'Montserrat', sans-serif!important;
	font-size:1.25em!important;
}

.nice-select .option {
    font-size:1.1em;
}

.webform-block .webform-button--submit {
    display: block;
    background: #1f1f25;
    border: 2.5px solid #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    position: relative;
    width: 495px;
    color: #ffff;
    padding: 15px 85px;
    margin:47px 0 0%;
    position: relative;
    cursor: pointer;
    font-size: .82em;
}

.faq-block {
    position: relative;
    display: block;
    width: 91%;
    margin: 10% auto 0;
	padding-top:450px;
}

.faq-block .block-title {
    font-size: 2.7em;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.2px;
    color: #084f93;
	position:absolute;
	top:0;
	left:0;
	text-align:left;
}

.faq-block .block-title:after {
    display: none;
}

.faq-image {
	position:absolute;
	top:150px;
	left:3%;
    display:block;
    width:94%;
    vertical-align: top;
    margin: 0% auto 0;
    text-align: center;
}

.faq-image img{
	height:250px;
	width:auto;
}

.accordion-container {
    margin: 0% 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.accordion-container .accordion-title {
    position: relative;
    margin: 0 0 2.25%;
    padding: 0.825em 0.825em 0.825em 1.45em;
    background-color: #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    font-size: 1.33em;
}

.accordion-content {
    padding-left: 2.3125em;
    border: 2px solid #1f1f25;
    margin-bottom: 3%;
    font-size: 1.2em;
}


}

@media only screen and (max-width:850px){

h6.big-contact{
	font-size:9.45em;
}
	
.head-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 -5px 0%;
    width: auto;
    min-width: 100%!important;
    height: 900px;
    z-index: 7;
    border: 0px solid green;
}

.head-image img {
    width: auto;
    max-width: 150%;
    min-width: 100%!important;
    height: 100%;
    min-height: 900px!important;
    max-height: 100%!important;
    margin: -0% 0 0;
    z-index: 5;
    display: inline-block;
}


.page-text-title-2 {
    position: absolute;
    left:3.5%;
    top:27%;
    display: block;
    width: 90%;
    max-width:90%;
    border: 0px solid red;
}


.page-text-title {
    position: absolute;
    left: 3.5%;
    top: 18%;
    display: block;
    width:90%;
    max-width:90%;
    border: 0px solid red;
}

.left-black-service h1, .left-black-service .page-text-title-2 h1 {
    font-size: 3.5em;
    width: 100%!important;
    border: 0px solid green;
}

.left-black-service h2, .left-black-service .page-text-title-2 h2 {
    display: block;
    color: #fff;
    font-size: 1.49em;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 9;
    display: inline-block;
    padding: 0;
    margin: 9.9% 0 0;
    width: 99%;
	border:0px solid green;
}

.main-title h4 {
    width: 99%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.82em;
    font-weight: 500;
    margin: 11.8% 0 0;
    padding: 0;
    line-height: 1.43;
    letter-spacing: 1.5px;
}

.project-mobi .views-row{
	position:relative;
	display:inline-block;
	width:535px;
	height:700px;
	overflow:hidden;
	margin:0 6.25% 5% 0;
	border:0px solid green;
	box-shadow:1px 2px 4px #d6d6d6; 
}

.project-mobi .views-row img{
	width:535px;
	height:700px;
	z-index:8;
}

.services-front .views-row{
	position:relative;
	display:inline-block;
	width:535px;
	height:700px;
}


.services-front .views-row img{
	width:535px;
	height:700px;
}

.services-front .views-row:after{
	position:absolute;
	display:block;
	top:5.5%;
	right:-6%;
	z-index:9;
	content:'';
	width:535px;
	height:700px;
	
	background: url("../images/black-frame.png");
	background-size:535px 700px;
}

/**/

.right-block h3 {
    font-size: 2.25em;
    letter-spacing:.75px;
    font-weight: 800;
    margin-bottom: 1.5%;
    text-transform: uppercase;
}

.right-block .btn-black span {
    position: relative;
    display: inline-block;
    padding: 8px 55px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
	font-size:1.25em;
}

.right-block .btn-black{ margin-bottom:8%;}

.works-block h3 {
    font-size: 2.85em;
    color: #084f93;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 97%;
	line-height:1.15;
    margin: 5% auto 4%;
    letter-spacing:.8px;
    text-align: left;
}

.works-block h4 {
    font-size: 1.6em;
    color: #222;
    font-weight: 700;
    display: block;
    letter-spacing: 1.2px;
    width: 97%;
    margin: 5% auto 5%;
    text-align: left;
}

.mobi-customers-pages .left-block .block-title {
    font-size: 2.7em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    line-height: 1.2;
    letter-spacing:.5px;
    margin:9% auto 5%;
}

.mobi-customers-pages .left-block .block-title:after {
    content: '';
    width: 25%;
    height: 5px;
    background: #000;
    position: relative;
    display: block;
    margin: 27px auto 35px;
}

/**/

.sale-project .views-row {
    position: relative;
    display: block;
    width: 635px;
    height: 395px;
    text-align: left;
    overflow: hidden;
    margin: 0 auto 9%!important;
    border: 0px solid green;
    box-shadow: 1px 2px 4px #d6d6d6;
}

/**/

.page-head {
    position: relative;
    display: block;
    border: 0px solid red;
    min-height: 900px;
    background: #fff url(../images/dots-mobi-5.png);
    background-repeat: repeat;
    background-size: 400px 300px;
	margin-bottom:160px;
}

.black-p-left, .main-foto img {
    height: 900px!important;
	width:auto;
	max-width:170%;
	min-width:100%;
	margin-left:-5%;
}

.btn-block{
	position: absolute;
    bottom: -100px;
    right:7%;
}

.icon-info {
    z-index: 9;
    border: 0px solid #fff;
    margin-top:20%;
}

.icon-cell span {
    display: block;
    margin-bottom: 4px;
    color: rgba(255,255,255,.7);
    font-weight: 500;
    font-size: 1.1em;
    line-height: 1.1;
}

.icon-cell .field-project {
    font-size: 1.345em;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-indent: 0;
    border: 0px solid red;
}


.project-info-block .icon-info #field_misto_realizatsiyi:before{
	background: url("/themes/mobi/images/map-01-w.png");
	background-size:51px 51px;
	width:51px;
	height:51px;
}

.project-info-block .icon-info #field_vartist:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/04-price-w.png");
	background-size:51px 51px;
}

.project-info-block .icon-info #field_kilkist_sanvuzliv:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/04-3-bath-w.png");
	background-size:51px 51px;
}


.project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/07-2-car-w.png");
	background-size:51px 51px;
}

.project-info-block .icon-info #field_ploscha:before,
.project-info-block .icon-info #field_kilkist_kimnat:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/05-room-w.png");
	background-size:51px 51px;
}


.project-info-block .icon-info #field_tsina_proektu:before{
	width:51px;
	height:55px;
	background: url("/themes/mobi/images/021-price-w.png");
	background-size:51px 55px;
}

.project-info-block .icon-info #field_ploshcha_m2_:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/02-2-build-w.png");
	background-size:51px 51px;
}

.project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before{
	width:51px;
	height:51px;
	background: url("/themes/mobi/images/02-build-w.png");
	background-size:51px 51px;
}

/**/

.similar-block h3 {
    font-size: 2.75em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.8px;
    margin: 3.5% auto 7%;
}

.similar-block h3:after{display:none;}

}


@media only screen and (max-width:830px){

.slider-nav-block {display:none;}

.mova {
    right: 14.5%;
}

}


@media only screen and (max-width:800px){

.about-right{
	margin-top:9%;
}

.about-right img {
    height: 276px;
    width: 480px;
    display: inline-block;
    z-index: 9!important;
    position: relative;
    margin-left: 7.5%;
}

.about-right .image-border:after {
    position: absolute;
    display: inline-block;
    top: 18%;
    left: -5%;
    z-index: 5;
    content: '';
    height: 276px;
    width: 480px;
    background: url(../images/Rectangle 90 (1).png);
    background-size: 480px 276px;
}

.year-block {
    position: relative;
    display: inline-block;
    margin: 12% auto -3%;
    vertical-align: top;
    float: none;
    width: 97%;
    padding: 0% 5% 0 0;
    text-align: right;
}

.year-block:after {
    content: '';
    width: 11px;
    height: 88.5%;
    position: absolute;
    top: 11.5%;
    right: -2%;
	margin-right:1.5%;
    background: #000;
}

.block-title {
    font-size: 3.4em;
    color: #000;
	line-height:1.2;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
}

.project-mobi{
	margin-top:9%;
}

.project-mobi .block-title:after{display:none;}

/**/

.bef-exposed-form .js-form-item .js-form-item{
	display:inline-block;
	margin-bottom:31px;
}

.bef-exposed-form .form--inline > .form-item {
    float:none;
	display:block;
}

.bef-exposed-form label {
	display: block;
	cursor: pointer;
	width:100%;
	height:100%;
	line-height:1;
	box-shadow:0 0 3px #ccc;
	user-select: none;
	padding:18px 50px 18px 20px;
	margin:0px;
	font-weight:800;
	text-transform:uppercase;
	font-size:1.25em;
}

.bef-exposed-form label:after{
	content:'';
	margin:0;
	color:#000;
}

/* Checked */
.bef-exposed-form input[type=checkbox]:checked + label ,
.bef-exposed-form input[type=radio]:checked + label {
	
	background:rgba(0,0,0,.03);
}

.project-bottom .btn-black{
	margin-top:7%;
}

.project-bottom .btn-black span{
	position: relative;
    display: inline-block;
    padding: 9px 130px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
	font-size:1.4em;
}

.project-bottom .big-title {
    float: none;
    display: block;
    text-align: right;
    margin: 8.2% 6%;
}


}


@media only screen and (max-width:770px){

.main-title h1 {
    width: 90%;
    font-size: 3.57em;
}

.main-title h4 {
    width: 99%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.76em;
    font-weight: 500;
    margin: 13.8% 0 0;
    padding: 0;
    line-height: 1.43;
    letter-spacing: 1.5px;
}

.project-text {
    position: absolute;
    display: block;
    bottom: 8.0%;
    left: 3%;
    width: 90%;
    z-index: 10;
}

.project-text span{
	color:#fff;
	margin-right:4%;
	text-shadow:0 0 5px rgb(31,31,37);
	
	font-size:1.47em;
	font-weight:600;
	letter-spacing:1.7px;
	text-transform:uppercase;
}

.slider-for .slick-slide img {
    max-width: 220% !important;
    min-width: 100% !important;
    width: auto;
    min-height: 100% !important;
    max-height: 100% !important;
    z-index: 7;
	margin-left:-40%;
}

/**/

.about-left h2 {
    font-size: 2.55em;
    letter-spacing:0px;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom:6%;
	width:100%;
    text-transform: uppercase;
}

.about-left p {
    font-size: 1.25em;
    font-weight: 400;
    color: #111;
}


.about-right img {
    height:315px;
    width: 518px;
    display: inline-block;
    z-index: 9!important;
    position: relative;
    margin-left: 7.5%;
}

.about-right .image-border:after {
    position: absolute;
    display: inline-block;
    top: 18%;
    left: -5%;
    z-index: 5;
    content: '';
    height: 315px;
    width: 518px;
    background: url(../images/Rectangle 90 (1).png);
    background-size: 518px 315px;
}

.year-block span {
    font-size: 6em;
}

.year-block p.big {
    font-size: 5.72em;
}

.year-block p.small {
    font-size: 2.19em;
}

.year-block {
    position: relative;
    display: inline-block;
    margin: 15% 10% -3% 0;
    vertical-align: top;
    float: none;
    width: 90%;
    padding: 0% 5% 0 0;
    text-align: right;
}

.block-title {
    font-size: 3.9em;
    color: #000;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
	margin-bottom:10.5%;
}

.about-left .btn-black span {
    position: relative;
    display: inline-block;
    padding:9px 115px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
	font-size:1.3em;
}

.bef-exposed-form label {
	display: block;
	cursor: pointer;
	width:100%;
	height:100%;
	line-height:1;
	box-shadow:0 0 3px #ccc;
	user-select: none;
	padding:21px 60px 21px 20px;
	margin:0px;
	font-weight:800;
	text-transform:uppercase;
	font-size:1.35em;
}

.black-row .project-title {
    font-size: 2.23em;
}

.project-bottom .btn-black span {
    position: relative;
    display: inline-block;
    padding: 12px 145px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
    font-size: 1.49em;
}

.big-title {
	font-size: 3.9em;
}

.big-title:after {
    content: '';
    width: 9.25px;
    height: 75.5%;
    position: absolute;
    top: 13.5%;
    right: -4.9%;
    background: #000;
}

.block-center-title {
    font-size: 4.55em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align:left;
	width:94%;
    letter-spacing: 1.8px;
    margin: 3.5% auto 0;
}

.block-center-title:after {
    content: '';
    width: 16.4%;
    height: 6px;
    background: #000;
    position: relative;
    display: none;
    margin: 10px auto 15px;
}

.services-front .service-text h3 {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-bottom:49px;
    color: #fff;
    letter-spacing: 1.07px;
    font-weight: 800;
    font-size: 2.45em;
    min-height: 100px;
    border: 0px solid red;
}

.services-front .service-text p {
    font-size: 1.2em;
    color: rgba(255,255,255,.9);
    width: 97%;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 6px;
}

.block-title:after {
    display: none;
}

.left-advantages p {
    font-size: 1.25em;
    margin-bottom: 18px;
}

.right-advantages img {
    display: inline-block;
    width: 75%;
    height: auto;
}

.numbers-block {
    display: block;
    width:92%;
	margin:3% auto;
}

.number-cell {
    margin:7% 0 12.25%;
}

.mobi-customers .left-block .block-title {
    font-size: 3.14em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.1px;
    margin: 2% 0 7%;
}

.mobi-customers .left-block .block-title:after {
    content: '';
    width: 15%;
    height: 4px;
    background: #fff;
    position: relative;
    display: block;
    margin: 25px auto 21px;
}


.webform-block .js-form-item{
	position:relative;
	display:block;
	border:0px solid green;
	width:600px;
	margin:0 6.5% 30px 0;
	vertical-align:top;
}
.webform-block .js-webform-select-other{
	position:relative;
	display:block;
	border:0px solid blue;
	width:600px;
	margin:0 3% 0% 0;
	vertical-align:top;
	padding:0;
}


.webform-block .nice-select {
    width: 592px;
    min-width: 592px;
    max-width: 592px;
	min-height:56px;
	padding-top:5px;
	padding-bottom:2px;
	margin-left:-2.5px;
	font-size:1em;
}

.form-block .block-title {
    font-size: 2.8em;
    margin-left: 3%;
	margin-top:9%;
	margin-bottom:4%;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    text-align: left;
    letter-spacing: 1.8px;
}


.webform-block .js-form-item input{
	width:92%;
	vertical-align:top;
	font-size:1.2em;
		
	padding:15px 21x;
	border:1px solid #ccc;
	font-family: 'Montserrat', sans-serif!important;
}

.webform-block .form-item .nice-select span{font-size:1.2em!important;color:#000;padding:5px 0 5.5px;}


.fancybox-inner .nice-select ,
#cboxContent .nice-select {
	
	width:600px; 
	min-width:600px; 
	max-width:600px; 
	font-family: 'Montserrat', sans-serif!important;
	font-size:1.35em!important;
}

.nice-select .option {
    font-size:1.23em;
	line-height: 55px;
    list-style: none;
    min-height: 55px;
	padding:10px 0;
}

.webform-block .webform-button--submit {
    display: block;
    background: #1f1f25;
    border: 2.5px solid #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    position: relative;
    width: 595px;
    color: #ffff;
    padding: 15px 85px;
    margin:47px 0 0%;
    position: relative;
    cursor: pointer;
    font-size: .82em;
}

.wrapper{
	padding-bottom:600px;
	width:103!important;
	max-width:103%!important;
	min-width:103%!important;
}

#footer {
    height: 500px;
}

.footer-contact{
	position:absolute;
	top:15%;
	width:95%;
	left:3%;
}
.footer-contact .f-row:nth-child(2) {
    display:block;
    width:90%;

    min-height: 100px;
    text-align: left;
    vertical-align: top;
	border:0px solid red;
}

.footer-contact .f-row:nth-child(1) {
    display:block;
    width: 310px;
    margin-bottom:9.5%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
	border:0px solid red;
}

.footer-contact .f-row:nth-child(3) {
    display:block;
	border:0px solid red;
    width: 310px;
    margin-right:0%;
    min-height: 100px;
    text-align: left;
    vertical-align: top;
	position:absolute;
	top:0;
	right:7%;
}

.footer-contact .f-row span {
    display: block;
    text-transform: uppercase;
    font-size: .95em;
    margin-bottom: 20px;
    color: #B0C0CF;
    font-weight: 700;
}

.footer-contact .f-row a, .footer-contact .f-row p {
    display: block;
    color: rgba(255,255,255,.8);
    font-size: 1.27em;
    margin-bottom: 7px;
    font-weight: 500;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.webform-block .form-block {
    position: relative;
    display: block;
    width: 100%;
    margin: 4% 0 0 0%;
    border: 0px solid green;
    vertical-align: top;
    float: none;
    text-align: left;
}

.form-block .block-title span {
    font-size: .45em;
    display: block;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 700;
    margin: 20px 0 3%;
    color: #084f93;
}

.footer-copy {
    position: absolute;
    bottom: 6%;
    left: 2.5%;
    width: 95%;
    border-top: 1.5px solid rgba(255,255,255,.4);
    padding: 19px 0 0;
    font-size: 1em;
    color: #fff;
    text-align: center;
    display: block;
    z-index: 8;
}

.project-body p,
.body-block p{
	font-size:1.2em;
}

.project-info-block h1 {
    font-size: 3.7em;
    color: #fff;
    font-weight: 700;
    width: 99%;
    display: block;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0;
}

.icon-cell {
    display: inline-block;
    width: 48%;
    margin: 0 1% 6.5% 0;
    text-align: left;
    vertical-align: top;
    border: 0px solid blue;
}


.project-info-block .icon-info #field_misto_realizatsiyi:before{
	background: url("/themes/mobi/images/map-01-w.png");
	background-size:56px 56px;
	width:56px;
	height:56px;
}

.project-info-block .icon-info #field_vartist:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/04-price-w.png");
	background-size:56px 56px;
}

.project-info-block .icon-info #field_kilkist_sanvuzliv:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/04-3-bath-w.png");
	background-size:56px 56px;
}


.project-info-block .icon-info #field_kilkist_mashin_v_garazhi:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/07-2-car-w.png");
	background-size:56px 56px;
}

.project-info-block .icon-info #field_ploscha:before,
.project-info-block .icon-info #field_kilkist_kimnat:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/05-room-w.png");
	background-size:56px 56px;
}


.project-info-block .icon-info #field_tsina_proektu:before{
	width:56px;
	height:61px;
	background: url("/themes/mobi/images/021-price-w.png");
	background-size:56px 61px;
}

.project-info-block .icon-info #field_ploshcha_m2_:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/02-2-build-w.png");
	background-size:56px 56px;
}

.project-info-block .icon-info #field_rekomendovanyy_min_rozmir_:before{
	width:56px;
	height:56px;
	background: url("/themes/mobi/images/02-build-w.png");
	background-size:56px 56px;
}

.icon-cell span {
    display: block;
    margin-bottom: 4px;
    color: rgba(255,255,255,.7);
    font-weight: 500;
    font-size: 1.18em;
    line-height: 1.1;
}

.icon-cell .field-project {
    font-size: 1.745em;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-indent: 0;
    border: 0px solid red;
}

.btn-block {
    position: absolute;
    bottom: -100px;
    right: 6%;
}

.btn-block .btn-black span {
    position: relative;
    display: inline-block;
    padding: 9px 65px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
    font-size: 1.29em;
}

.bef-exposed-form label {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    line-height: 1;
    box-shadow: 0 0 3px #ccc;
    user-select: none;
    padding: 25px 75px 25px 25px;
    margin: 0px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.35em;
}

.webform-block .webform-button--submit {
    display: block;
    background: #1f1f25;
    border: 2.5px solid #1f1f25;
    box-shadow: 0 0 3px #1f1f25;
    position: relative;
    width: 587px;
    color: #ffff;
    padding: 19px 65px;
    margin: 47px 0 0%;
    position: relative;
    cursor: pointer;
    font-size: 1.01em;
}

.body-page-block p,
.right-block p {
    font-size: 1.3em;
	margin-bottom:12px;
}

.body-page-block h3 {
    font-size: 1.95em;
    letter-spacing: 1px;
	line-height:1.25;
    font-weight: 800;
    margin-bottom: 2.25%;
    color: #084f93;
}

.body-page-block ul {
    display: block;
    margin-left: 2%;
    list-style: square outside;
    font-size: 1.3em;
    margin: 6% 0 6% 4%;
}

.stages-block h3 {
    margin: 8.5% auto 15%;
}

.stages-block .stages-cell span {
    position: absolute;
    top: -38%;
    left: -9%;
    font-size: 8.9em;
    font-weight: 800;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: rgba(8,79,147,.065);
}

.title-st {
    font-size: 1.65em;
    font-weight: 700;
}

.stages-block .stages-cell p {
    font-size: 1.325em;
    font-weight: 400;
}

.stages-block .stages-cell {
    vertical-align: top;
    display: block;
    width: 590px;
    margin: 5% auto 15%;
    border: 0px solid green;
    text-align: left;
    position: relative;
    min-height: 210px;
}

.ad-cell {
    position: relative;
    display: block;
    width: 540px;
    margin: 3.5% auto 7%!important;
    padding: 30px;
    border: 2.15px solid rgba(255,255,255,.07);
    min-height: 250px;
    vertical-align: top;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.ad-cell .ad-title {
    font-size: 1.65em;
    text-align: center;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(255,255,255,1);
}

.ad-cell p {
    font-size: 1.325em;
    text-align: left;
    margin-bottom: 7px;
    color: rgba(255,255,255,.7);
    width: 99.9%;
    margin: 0 auto;
    display: block;
}

.works-block h3 {
    font-size: 2.3em;
}

.btn-works .btn-black span {
    padding: 11px 130px;
	 font-size:1.25em;
}

.mobi-services h4{
	line-height:1.25;
	letter-spacing:0px;
	font-size: 2.7em;
}

.body-page-block img{
	width:97%;
	height:auto;
	margin:3% auto;
}

a.white-btn {
  position: relative;
  display: block;
  margin: 7.5% auto 4%;
  color: #fff;
  border: 2px solid #fff;
  padding: 14px 0px 14px;
  width: 94%;
  font-size: .98em;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.25px;
  -webkit-transition: all .75s;
  -moz-transition: all .75s;
  -o-transition: all .75s;
  -ms-transition: all .75s;
  transition: all .75s;
}

.contact-block .subtitle-page {
	font-size: 1.05em;
	text-transform: uppercase;
	color: #777;
    font-weight: 400;
}

.contact-block a, .contact-block p {
	font-size: 1.25em;
	line-height: 1.65;
	color: #232429;
	display: inline-block;
	margin: 0% 0;
	font-weight: 600;
	text-transform: uppercase;
}

.ct-cell{
	display:block;
	position:relative;
	margin:0 0 31px;
}

}

/*
@media only screen and (max-width:500px){

	*{background:pink}

*/
}