@font-face {
    font-family: 'Roboto Regular';
    src: url('/font/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
         url('/font/Roboto-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Roboto Medium';
    src: url('/font/Roboto-Medium.eot'); /* IE9 Compat Modes */
    src: url('/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Roboto-Medium.woff') format('woff'), /* Modern Browsers */
         url('/font/Roboto-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('/font/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
         url('/font/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Roboto Black';
    src: url('/font/Roboto-Black.eot'); /* IE9 Compat Modes */
    src: url('/font/Roboto-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Roboto-Black.woff') format('woff'), /* Modern Browsers */
         url('/font/Roboto-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Roboto Regular';
    font-size: 18px;
}

/* HEADER */
.header {
	display: flex;
	height: 65px;
	padding: 5px 15px;
	background: #2d0c46;
}
.bottomMenu {
	margin-top: 500px;
    opacity: 0;
}
.logo {
    display: inline-block;
	width: 80px;
}
.logo-img {
	height: 55px;
	background: url('/images/RB__Logo.svg') no-repeat;
}
.header-contacts {
	display: inline-block;
	padding-top: 14px;
	margin-left: auto;
	text-align: right;
	font-size: 11px;
	line-height: 14px;
	color: #9c79bc;
}
.header-contacts span {
	font-family: 'Roboto Bold';
	color: #ffcaa3;
}
.header-lang {
	width: 34px;
	height: 34px;
	margin: 10px -5px 10px 10px;
	cursor: pointer;
}
.header-lang.lang-en {
	background: url('/images/RB__Eng.png') no-repeat;
}
.header-lang.lang-ru {
	background: url('/images/RB__Rus.png') no-repeat;
}
.lang-menu-holder{
	position: absolute;
	right: 10px;
}
.lang-menu {
	position: relative;
	margin-top: 45px;
	width: 90px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #666;
	z-index: 101;
}
.lang-menu:after {
	position: absolute;
	right: 2px;
	bottom: 100%;
	width: 0;
	height: 0;
	content:"";
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 7px solid #fff;
}
.lang-menu:before {
	position: absolute;
	right: 1px;
	bottom: 100%;
	width: 0;
	height: 0;
	content:"";
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 8px solid #666;
}
.lang-menu .header-lang {
	display: block;
	margin: 12px 0;
	padding-left: 44px;
	line-height: 35px;
	font-size: 16px;
	color: #989898;
}
.lang-menu .header-lang:hover,
.lang-menu .header-lang:active {
	text-decoration: none;
}
.lang-menu .header-lang.active {
	font-family: 'Roboto Bold';
	color: #1a1a1a;
}

/* CONTENT */
#content > div {
	width: 100%;
}
.container > div {
	padding-left: 15px;
	padding-right: 15px;
}
.request-holder {
	position: relative;
	background: url('/images/main_background.jpg') center 0 no-repeat;
	background-size: cover;
	padding-top: 15px;
	padding-bottom: 50px;
}
.request-holder .row,
.contact-holder .row {
	display: block;
}
.request-hdr {
	font-family: 'Roboto Black';
	font-size: 17px;
	color: #fff;
}
.request-hdr span {
	font-size: 26px;
	color: #ffa400;
}
.request-block {
	margin-top: 25px;
	padding: 30px 10px 40px;
	background: #fff;
}
.request-form {
	position: relative;
	border: 2px solid #bda5d2;
	padding: 65px 10px 45px;
}
.form-hdr-holder {
	position: absolute;
	right: 50%;
	top: -15px;
}
.form-hdr {
	position: relative;
	width: 100%;
	margin-left: 50%;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	font-family: 'Roboto Black';
	font-size: 24px;
	line-height: 25px;
	color: #5c2090;
	text-align: center;
}
.form-hdr span {
	font-family: 'Roboto Medium';
	font-size: 14px;
	color: #666;
}
.request-form input {
	max-width: 300px;
	margin: 7px auto;
	border: 2px solid #cbcbcb;
	border-radius: 0;
	font-size: 14px;
	color: #808080;
}
.btn-submit {
	position: absolute;
	width: 220px;
	bottom: -22px;
	left: calc(50% - 110px);
	background: #ffa400;
	font-family: 'Roboto Medium';
	font-size: 18px;
	color: #fff;
	border-radius: 0;
}
.btn-submit:hover {
	background: #ff8900;
}
.btn-submit:active {
	background: #c97849;
}
.services-block {
	left: 8px;
	right: 8px;
	position: absolute;
	bottom: -110px;
	display: flex;
	background: #5f2b8c;
	border: 4px solid #cab8d9
}

.services-block > div {
	margin: 20px auto;
	padding: 65px 5px 0;
	font-family: 'Roboto Bold';
	font-size: 8px;
	color: rgba(245,179,229,0);
	text-align: center;
	animation: fadeIn 1.5s linear forwards;
}
.new-client {
	background: url('/images/1_icon.svg') center 0 no-repeat;
	background-size: 50px;
}
.add-instal {
	background: url('/images/2_icon.svg') center 0 no-repeat;
	background-size: 50px;
}
.free-inspect {
	background: url('/images/3_icon.svg') center 0 no-repeat;
	background-size: 50px;
}
@keyframes fadeIn {
  0% {
    color: rgba(245,179,229,0);
  }
  100% {
    color: rgba(245,179,229,1);
  }
}
.services-holder {
	padding-top: 150px;
	padding-bottom: 40px;
	text-align: center;
}
.services-hdr {
	font-family: 'Roboto Bold';
	font-size: 24px;
	color: #5c2090;
}
.interceptor {
	margin: 25px auto;
	width: 50px;
	border-top: 5px solid #ffa400;
}
.services-info {
	padding: 5px 20px;
	font-family: 'Roboto Medium';
	color: #808080;
}
.services-info span {
	font-family: 'Roboto Black';
	color: #5c2090;
}
.services-type-block {
	padding-bottom: 40px;
	background: #2d2078;
}
.services-type {
	margin-top: 40px;
	color: #bda5d2;
}
.services-type span {
	font-family: 'Roboto Bold';
	color: #fff;
}
.hide-md-down {
	display: none;
}
.result-holder {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.result-hdr {
	font-family: 'Roboto Bold';
	font-size: 24px;
	color: #5c2090;
}
.result-item {
	width: 150px;
	margin: 40px auto 0;
	padding-top: 110px;
	font-family: 'Roboto Bold';
	font-size: 16px;
}
.result-search {
	background: url('/images/RB__icon_1_4_zoom.svg') 34px 0 no-repeat;
	background-size: 120px;
	color: #ffa400;
}
.result-ctr {
	background: url('/images/RB__icon_2_4_wizard.svg') 34px 0 no-repeat;
	background-size: 120px;
	color: #c97849;
}
.result-marketing {
	background: url('/images/RB__icon_3_4_check.svg') 34px 0 no-repeat;
	background-size: 120px;
	color: #9472b2;
}
.result-banner {
	background: url('/images/RB__icon_4_4_stopwatch.svg') 34px 0 no-repeat;
	background-size: 120px;
	color: #69609f;
}
.request2-holder {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #7d4da6;
}
.request2-holder .request-block {
	margin: 0;
	background: #7d4da6;
}
.request2-holder .request-form {
	max-width: 350px;
	margin: auto;
	border-width: 5px;
	padding-top: 40px;
}
.request2-holder .form-hdr {
	background: #7d4da6;
	color: #fff;
}
.request2-holder input,
.request2-holder textarea {
	max-width: 260px;
	margin: 25px auto;
	border: 2px solid #5c2090;
}
.contact-holder {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url('/images/map.jpg') center 0 no-repeat;
	background-size: cover;
}
.contact-block {
	padding: 15px;
	background: #2d0c46;
	color: #b7a1c5;
	font-size: 12px;
}
.contact-hdr, .contact-hdr2 {
	font-family: 'Roboto Bold';
	color: #ffa400;
}
.contact-hdr span {
	margin-top: 15px;
}
.map-block > iframe {
	width: 100%;
}
.alert {
	position: fixed;
	top: -250px;
	width: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.container > div {
		padding-left: 25px;
		padding-right: 25px;
	}
	.header {
		height: 112px;
		padding: 15px 25px;
	}
	.logo {
		width: 125px;
	}
	.logo-img {
		height: 82px;
	}
	.header-contacts {
		padding-top: 22px;
		font-size: 17px;
		line-height: 19px;
	}
	.header-contacts > div {
		margin-bottom: 5px;
	}
	.header-lang {
		margin: 24px 15px 24px 24px;
	}
	.lang-menu-holder {
		right: 15px;
	}
	.lang-menu:after {
		right: 27px;
	}
	.lang-menu:before {
		right: 26px;
	}
	.request-holder {
		padding-bottom: 100px;
	}
	.request-block {
		padding-left: 25px;
		padding-right: 25px;
	}
	.request-form {
		padding: 75px 15px 45px;
	}
	.request-hdr {
		font-size: 30px;
		line-height: 46px;
	}
	.request-hdr span {
		font-size: 46px;
	}
	.form-hdr {
		font-size: 30px;
	}
	.btn-submit {
		width: 280px;
		left: calc(50% - 140px);
	}
	.services-block {
		border: 8px solid #cab8d9
	}
	.services-block > div {
		padding-top: 65px;
		font-size: 16px;
	}
	.services-hdr {
		font-size: 36px;
	}
	.services-info {
		font-size: 21px;
	}
	.services-type {
		margin-left: 30px;
		margin-right: 30px;
	}
	.result-hdr {
		font-size: 36px;
		margin: auto 50px;
	}
	.result-item-holder {
		display: flex;
		flex-wrap: wrap;
	}
	.result-item {
		width: 170px;
		font-size: 18px;
		background-position-x: 44px;
	}
	.request2-holder .request-block {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.contact-holder {
		display: flex;
	}
	.contact-block {
		font-size: 14px;
	}
	.contact-hdr {
		font-size: 22px;
	}
	.contact-hdr2 {
		font-size: 16px;
	}
	.contact-holder .row {
		display: flex;
	}
	.map-block {
		width: 263px;
		height: 400px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.header {
		height: 120px;
	}
	.logo {
		width: 150px;
	}
	.logo-img {
		height: 90px;
	}
	/*.header-contacts {
		padding: 10px;
	}*/
	.header-contacts > div {
		margin: 10px 0;
	}
	.header-contacts > div > div {
		display: inline-block;
	}
	.header-contacts span {
		margin-right: 5px;
	}
	.container {
		max-width: 760px;
	}
	.request-holder {
		display: flex;
		flex-wrap: wrap;
		padding-top: 40px;
	}
	.request-holder .row {
		display: flex;
	}
	.request-hdr {
		width: 350px;
	}
	.request-block {
		margin-top: 10px;
		width: 360px;
	}
	.services-info {
		padding-top: 25px;
		width: 660px;
		margin-left: auto;
		margin-right: auto;
	}
	.services-block {
		position: relative;
		bottom: -60px;
		width: 100%;
		background: transparent;
		border: none;
	}
	.services-block div {
		width: 210px;
	}
	.services-type-block {
		background: url('/images/second_background_without_planet.jpg') center 0 no-repeat;
		background-size: cover;
		display: flex;
		flex-wrap: wrap;
	}
	.services-holder, .result-holder {
		padding-top: 80px;
	}
	.services-type {
		margin-top: 60px;
		width: 320px;
	}
	#A { order: 1; }
	#A1 { order: 2; }
	#B { order: 3; }
	#C { order: 4; }
	#C1 { order: 5; }
	#D { order: 6; }
	#E { order: 7; }
	#E1 { order: 8; }
	#F { order: 9; }
	#A, #C, #E {
		margin-left: 0;
		margin-right: auto;
	}
	#B, #D, #F {
		margin-right: 0;
		margin-left: auto;
	}
	.result-hdr {
		margin: auto;
	}
	.result-item-holder {
		position: relative;
		padding-bottom: 140px;
	}
	.result-item {
		position: relative;
	}
	.result-item-holder:before {
		position: absolute;
		top: 80px;
		left: 105px;
		content:"";
		width: 500px;
		border-bottom: 2px solid #ccc;
		z-index: -1;
	}
	.result-item:after {
		position: absolute;
		top: 220px;
		left: -10px;
		width: 190px;
		height: 60px;
		content:"";
	}
	.result-search:after {
		background: url('/images/RB__Flag_orange.svg') no-repeat;
	}
	.result-ctr:after {
		background: url('/images/RB__Flag_braun.svg') no-repeat;
	}
	.result-marketing:after {
		background: url('/images/RB__Flag_violet.svg') no-repeat;
	}
	.result-banner:after {
		background: url('/images/RB__Flag_violetblue.svg') no-repeat;
	}
	.request2-holder .request-block {
		width: 100%;
	}
	.request2-holder .request-form {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.request2-holder .question-input {
		max-width: calc(50% + 260px);
		margin-top: auto;
	}
	.request2-holder .form-hdr {
		padding-left: 20px;
		padding-right: 20px;
	}
	.contact-block {
		font-size: 18px;
	}
	.contact-hdr {
		font-size: 30px;
	}
	.contact-hdr2 {
		font-size: 22px;
	}
	.map-block {
		width: 410px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
	.request-holder {
		padding-top: 50px;
	}
	.request-hdr {
		width: 530px;
	}
	.services-block > div {
		padding-top: 100px;
		font-size: 18px;
	}
	.new-client {
		background-size: 80px;
	}
	.add-instal {
		background-size: 80px;
	}
	.free-inspect {
		background-size: 80px;
	}
	.services-type-block {
		position: relative;
	}
	.services-type-block:after {
		position:absolute;
		content: "";
		left: calc(50% - 220px);
		top: calc(50% - 220px);
		width: 440px;
		height: 440px;
		background: url('/images/planet.png') center no-repeat;
		background-size: cover;
	}
	.services-type {
		position: relative;
		width: 302px;
		border-bottom: 2px solid #9c79bc;
	}
	#A:after {
		position: absolute;
		bottom: -2px;
		left: 100%;
		content:"";
		width: 35px;
		border-bottom: 2px solid #9c79bc;
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
		transform-origin: 0 0;
	}
	#B:after {
		position: absolute;
		bottom: -4px;
		left: 1px;
		content:"";
		width: 35px;
		border-bottom: 2px solid #9c79bc;
		-ms-transform: rotate(135deg); /* IE 9 */
		-webkit-transform: rotate(135deg); /* Safari */
		transform: rotate(135deg);
		transform-origin: 0 0;
	}
	#C:after {
		position: absolute;
		bottom: -2px;
		left: 100%;
		content:"";
		width: 35px;
		border-bottom: 2px solid #9c79bc;
	}
	#D:after {
		position: absolute;
		bottom: -4px;
		left: 1px;
		content:"";
		width: 35px;
		border-bottom: 2px solid #9c79bc;
		border-bottom: 2px solid #9c79bc;
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari */
		transform: rotate(180deg);
		transform-origin: 0 0;
	}
	#E:after {
		position: absolute;
		bottom: -2px;
		left: 100%;
		content:"";
		width: 100px;
		border-bottom: 2px solid #9c79bc;
		-ms-transform: rotate(315deg); /* IE 9 */
		-webkit-transform: rotate(315deg); /* Safari */
		transform: rotate(315deg);
		transform-origin: 0 1px;
	}
	#F:after {
		position: absolute;
		bottom: 0;
		left: 1px;
		content:"";
		width: 100px;
		border-bottom: 2px solid #9c79bc;
		-ms-transform: rotate(225deg); /* IE 9 */
		-webkit-transform: rotate(225deg); /* Safari */
		transform: rotate(225deg);
		transform-origin: 0 2px;
	}
	.hide-md-down {
		display: block;
	}
	.result-item-holder:before {
		left: 145px;
		width: 620px;
	}
	.result-item {
		width: 205px;
	}
	.result-item:before {
		position: absolute;
		top: 31px;
		right: -22px;
		width: 20px;
		height: 20px;
		content: "";
	}
	.result-search, .result-ctr, .result-marketing, .result-banner {
		background-position-x: 62px;
	}
	.result-search:before {
		background: url('/images/RB__arrow_violet.svg') no-repeat;
	}
	.result-search:after {
		left: -5px;
		width: 215px;
	}
	.result-ctr:before {
		background: url('/images/RB__arrow_violet.svg') no-repeat;
	}
	.result-ctr:after {
		left: -5px;
		width: 215px;
	}
	.result-marketing:before {
		background: url('/images/RB__arrow_violet.svg') no-repeat;
	}
	.result-marketing:after {
		left: -5px;
		width: 215px;
	}
	.result-banner:after {
		left: -5px;
		width: 215px;
	}
	.request2-holder .request-block {
		width: 700px;
		margin: auto;
	}
	.contact-holder .row	{
		padding: 65px !important;
	}
	.map-block {
		width: 530px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
	.services-type {
		width: 320px;
		margin-bottom: 30px;
	}
	.services-type-block:after {
		left: calc(50% - 268px);
		top: calc(50% - 268px);
		width: 536px;
		height: 536px;
	}
	#A, #C, #E {
		margin-left: 25px;
	}
	#B, #D, #F {
		margin-right: 25px;
	}
	#A:after {
		width: 60px;
	}
	#B:after {
		width: 60px;
	}
	.result-item-holder:before {
		left: 170px;
		width: 750px;
	}
	.request-hdr {
		width: 580px;
		margin-right: 70px;
	}
	.result-search:before, .result-ctr:before, .result-marketing:before {
		right: -44px;
	}
	.map-block {
		width: 710px;
	}
}