@charset "UTF-8";
/* CSS Document */
html, body { height:100%; }
body {
	font-family: 'Raleway', sans-serif;
}
.hd-photos { /*1*/
	background-image:url(../images/new/a-02.png) !important;
	}
.camera360 { /*3*/
	background-image:url(../images/new/a-01.png) !important;
	}
.dronecamera {
	background-image:url(../images/drone-camera.png) !important;
	}
.dronecamera { /*5*/
	background-image:url(../images/new/a-05.png) !important;
	}
.dronecamera2 { /*4*/
	background-image:url(../images/new/a-04.png) !important;
	}
.hd-video { /*2*/
	background-image:url(../images/new/a-03.jpg) !important;
	}
.vr-headset {
	background-image:url(../images/vr-headset.png) !important;
	}
.floorplans {
	background-image:url(../images/icons-flat-floorplans.png) !important;
	}
.navigations {
	background-image:url(../images/icons-flat-navi2.png) !important;
	}
.desktop {
	background-image:url(../images/icons-flat-desktop.png) !important;
	}
	
	.a-dronephotos {
		background-image:url(../images/new/a-06.jpg) !important;
		}	
	.b-custom-icons {
		background-image:url(../images/new/custom-icons.png) !important;
		}	
	.b-floor-plan {
		background-image:url(../images/new/floor-plan.png) !important;
		}	
	.b-audio-music {
		background-image:url(../images/new/audio-music.png) !important;
		}	
	.b-qr {
		background-image:url(../images/new/add-qr-code.jpg) !important;
		}		
		
	.c-daydream-vr {
		background-image:url(../images/new/daydream-vr.jpg) !important;
		}	
	.c-export {
		background-image:url(../images/new/export.png) !important;
		}	
	.c-custom360 {
		background-image:url(../images/new/custom360.png) !important;
		}					
	
	
	
.tablet {
	background-image:url(../images/icons-flat-tablet.png) !important;
	}
.tbl:before, .tbl:after { display: table; content: " "; }
.tbl:after { clear: both; }
.tbl { display:table; width:100%; height:100%; border:0px solid red; }
.tbl>.tbl-row { display:table-row; }
.tbl>.tbl-row>.tbl-cell { display:table-cell; vertical-align:middle; height:100%; border:0px solid green; }

#services-2 {}
#services-2 .choose__item { position:relative; }  
#services-2 .tbl-1 { position:absolute; top:0; z-index:2; text-align:center; color:#FFFFFF; display:none; }
#services-2 .tbl-1 span { position:relative; top:57px; font-weight:500; }
#services-2 .choose__item:hover .tbl-1, 
#services-2 .choose__item.active .tbl-1 { display:table; }

.orderSteps {
	display:inline-block;
	padding: 25px;
	text-align:center;
	white-space: nowrap;
	font-size:22px;
	font-weight:400;
	line-height: 28px;
	color:#888;
	position:relative;
	margin:0;
	}
.orderSteps span {
	font-family:Helvetica, Arial, sans-serif;
	display:inline-block;
	border-radius: 50px;
	line-height: 24px;
	width:24px;
	height: 24px;
	font-size: 13px;
	border: 1px solid #aaa;
	color:#fff;
	text-align:center;
	margin: 0 0 5px 0;
	background:#aaa;
	position:relative;
	z-index: 3;
	}
.orderSteps p {
	margin:0;
	padding:0;
	position:relative;
	}
	
.orderSteps.w--current,
.orderSteps.current {
	color: #333;
	}
.orderSteps.w--current span,
.orderSteps.current span {
	border: 1px solid #39f;
	color:#fff;
	background: #39f;
	}
.orderSteps div.line {
	position: absolute;
	display:block;
	border-top: 1px solid #aaa;
	top: 42px;
	left 0;
	right: 0;
	z-index:2;
	width:100%;
	}
.orderSteps div.line.firstStep {
	width: 50%;
	right: 0;
	}
.orderSteps div.line.lastStep {
	width: 50%;
	left: 0;
	}
	
.choose__item {
	height: 140px;
	margin: 0 8px 30px;
	width: 132px
}
.choose_type_services .choose__item-title {
	/*color: #39f;*/
		color:#737373;
	font-weight:600;
	font-size: 14px;
	line-height: 22px;
	/* margin-top: 100px; */
		margin-top:120px;
	text-align: center
}
	#services .row-1 .choose__item-title { }
	#services .row-2 .choose__item-title { margin-top:115px; }
	#services .row-1 .choose__item { height:160px !important; }
	#services .row-2 .choose__item { height:180px !important; }
	
.choose_type_services .choose__item {
	background-position: 50% 10px;
	background-size: auto 100px
}

	
.choose__item.ver2 {
	height: 200px;
	margin: 0 8px 30px;
	width: 200px
}
.choose_type_services .choose__item-title.ver2 {
	margin-top: 140px;
}
.choose_type_services .choose__item.ver2 {
	background-position: 50% 10px;
	background-size: auto 150px
}


.contact-form__field .contact-form__select {
	display:none;
}
.contact-form__field.focused .contact-form__select  {
	display: block;
}


.contact-form__placeholder {
	color: #777;
}

.contact-form__field.focused .contact-form__placeholder {
	color: #444;
	font-weight:600;
}

.contact-form__field {
	width: 48%
}
.contact-form__field:first-child {
	margin-right: 2%
}
.contact-form__field:last-child {
	margin-left: 2%
}
.contact-form__field.cols3 {
	width: 31%
}
.contact-form__field.cols3 {
	margin-left: 2%;
	margin-right: 2%;
}
.contact-form__field.cols3:first-child {
	margin-left: 0;
}
.contact-form__field.cols3:last-child{
	margin-right: 0;
}
.contact-form__field.cols1, .contact-form__field.cols1:last-child {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.label-wrap { 
	position:relative; display:inline-block; border:1px solid #ccd3d3; overflow:hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	}
.label-wrap label>input { visibility: hidden; position: absolute; }
.label-wrap label>input + div { cursor:pointer; font-size:17px; line-height:27px; }
.label-wrap label>input:checked + div { background:#b1b5b5; color:#FFFFFF; }
.label-wrap label { display:inline-block; text-align:center; margin:0; padding:0; float:left; border-left:1px solid #ccd3d3; }
	.label-wrap label:first-child { border-left:0; }
.label-wrap .r0 { display:inline-block; margin:0; padding:5px 20px; }


.contact-form__textarea-field.filled .contact-form__placeholder.js-placeholder {
	display:none;
}