/* Start:/bitrix/templates/.default/ajax/ajax.min.css?1738441031420*/
iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/bitrix/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif);border:1px solid #808080}
/* End */


/* Start:/local/templates/xmservicetemp/styles.css?17384410093647*/
body {
	overflow-x: hidden;
}
header:after {
	display: block;
	width: 100%;
	height: 80px;
	position: absolute;
	content: '';
}

footer {
	position: relative;
}
footer:before {
	display: block;
	width: 100%;
	height: 80px;
	position: absolute;
	content: '';
	top: -80px;
	background: url('/img/bgbottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}
.wrapper {
    min-height: calc(100vh - 240px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
header .logo {
	float: left;
	margin-top: -10px;
	margin-right: 20px;
	margin-left: 15px;
}
.logo img {
	max-height: 50px;
}


.mainmenu {
	background-color: #8FFF7C;
	display: block;
	margin-top: 20px;
}
ul.menu, ul.triggers  {
	margin-bottom: 5px;
	padding-left: 15px;
}
ul.menu li {
	display: inline-block;
	list-style-type: none;
	margin: 0 15px;
	font-weight: 700;
    font-size: 20px;
    

}
ul.menu li a{
	color: #000;
	text-decoration: none;
}
ul.menu li:first-child {
	margin-left: 0;
}
.logos {
	background: url('/img/logo.jpg');
	min-height: 370px;
	background-repeat: no-repeat;
	background-position: center;
}
ul.triggers li {
	display: inline-block;
	list-style-type: none;
	font-weight: 700;
    font-size: 20px;
    line-height: 15px;
    color: #FFF;
    padding-left: 45px;
    position: relative;
}
ul.triggers li:first-child {
	opacity: 0;
}
ul.triggers li:before {
	content: '';
	position: absolute;
	height: 40px;
	width: 40px;
	display: block;
	left: -5px;
    top: -3px;	
}
ul.triggers li.diag:before {
	background: url('/img/speed.png');
}
ul.triggers li.warranty:before {
	background: url('/img/defend.png');	
}
ul.triggers li.location:before {
	background: url('/img/position.png');
}

.bottom-line-wrapper {
	margin-bottom: 25px;
}
.bottom-line {
	width: 100%;
	align-self: flex-end;
}
main {
	margin-bottom: -30px;
}
.mainimg {
  max-height: 210px;
}

.bx-auth-note, .bx-auth-label,  label, .bx-registration-table td {
    color: #FFF;
}



.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 310px;
  padding: 16px 40px 20px;
  background: #8FFF7C;
  -webkit-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  font-size: 24px;
  margin: 20px auto 20px;
  line-height: 31px;
  color: #000000;
}

.button img {
  width: 24px;
  margin: 0px 10px -5px -10px;
}
.button a {
	color:#000;
	}

.button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: #000;
  opacity: 0.7;
}
.button a:hover {
	text-decoration: none;
	color: #000;
}
a:hover {
  color: #ccc;
}


@media (max-width: 992px) {
	header:after {
		background: url('/img/bgtop.jpg');
		background-repeat: no-repeat;
		background-position: top;
		background-size: 150%;
	}

	footer:before {
		background: url('/img/bgbottom.jpg');
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 150%;
	}

	.wrapper {
		height: auto;
	}

	ul.triggers {
		width: 50%;
    	margin: 10px auto;
	}
	ul.triggers li {
		margin: 10px auto;
	}

	.logos {
		background-size: 90%;
	}
	header .logo {
		margin-left: 15px;
	}
	.text-left.col {
		text-align: right !important;
	}

}
@media (max-width: 768px) {
		ul.triggers {
			width: 60%;
		}
	}
/* End */
/* /bitrix/templates/.default/ajax/ajax.min.css?1738441031420 */
/* /local/templates/xmservicetemp/styles.css?17384410093647 */