/* Start:/local/templates/rvdkomi/components/bitrix/menu/main-menu/style.min.css?1599055445490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/rvdkomi/components/bitrix/menu/main-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1599049192467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/main.feedback/form/style.min.css?1599054331251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/templates/rvdkomi/template_styles.css?15992085365569*/
body {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  font-weight:300
}
a {
  color:#036;
  transition:all 0.2s ease 
}
a:hover,
a:focus {
  color:#FF6B00;
  text-decoration:none
}
header {
  border-top:5px solid #FF6B00;
  padding-top:25px;
  padding-bottom:15px;
  box-shadow: 0 0 10px 0 #666 
}
.logo,
.footer-logo{
  font-weight:bold;
  font-size:25px;
  color:#FF6B00;
  margin-bottom:15px
}
.logo {
  float:left;
  border-right:1px solid #CCC;
  padding-right:15px
}
.logo img {
  width:100px
}
.logo-caption {
  float:left;
  padding:13px 0 0 15px;
  color:#666
}
.logo span,
.footer-logo span{
  display:block;
  font-weight:300;
  font-size:16px;
  color:#666
  
}
.footer-logo,
.footer-logo span{
  color:rgba(255,255,255,0.8)
}
.site-name {
      font-size: 48px;
    font-weight: bold;
    color: #ff6b00;
    position: relative;
    margin: -20px 0 20px;
    

}
.head-contacts {
  text-align:right
}
.head-contacts .fa {
  color:#FF6B00;
}
.head-contacts p {
  text-align:left;
  display:inline-block;
  margin-left:40px;
  vertical-align:top;
}
.main-meu-wrap {
  margin-top:25px
}
ul.main-menu {
  text-transform:uppercase;
  font-size:18px;
  font-weight:500;
  list-style:none;
  padding:0;
  margin:0;
  
}
ul.main-menu li {
  display:inline-block;
  margin:0 20px 0 0px;
  line-height:34px
  
}
.form-control,
.btn,
.carousel-indicators li{
  border-radius:0;
  
}
.carousel-indicators li,
.carousel-indicators li.active {
  width:16px;
  height:16px;
  margin:4px
}

.form-control:focus {
    border-color: #FF6B00;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.btn-red {
  background:#FF6B00;
  border:1px solid #d75a00;
  color:#FFF;
  transition:all 0.2s ease
}
.btn-red:hover,
.btn-red:focus{
  background:#ff9f62;
  color:#FFF
}
.search-form {
  position:absolute;
  width:100%;
  right:15px;
  top:10px;
  display:none
}  

.close-search-form {
  position:absolute;
  font-size:24px;
  color:#CCC;
  right:-28px;
  top: 8px;
  cursor:pointer
}

.carousel-control {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 20px;
    width: 60px;
    height: 60px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 50px;
    color: rgba(255,255,255);
    text-align: center;
    background:transparent!important;
    line-height: 60px;
}
.carousel-control.left {
  left:0
}
.carousel-control:hover {
  opacity: 1;
}

footer {
  background:#036;
  padding:25px 0;
  margin-top:25px;
  color:#FFF;
  font-size:14px
}
footer a {
  color:#FFF
}
footer a:hover,
footer a:focus {
  color:rgba(255,255,255,0.8)
}
ul.footer-menu {
  list-style:none;
  margin:0;
  padding:0
}
ul.footer-menu li {
  margin-bottom:5px;
  
}

.catalog-section {
  display:block;
  margin-top:30px;
  border:1px solid #CCC;  
  overflow:hidden;
  
}
.catalog-section__img {
 
}
.catalog-section__name {
  font-weight:bold;
  padding:10px;
  transition:all 0.2s ease;
  text-align:center;
  background:#036;
  color:#FFF
}
.catalog-section:hover 
.catalog-section__name {
 background:#FF6B00;
 color:#FFF
}
.brands {
  text-align:center;
  margin-top:35px
}
.brands img {
  max-width:100%;
  filter: grayscale(100);
  transition:all 0.2 ease
  
}
.brands img:hover {
  filter: grayscale(0);
}
.page-title {
  color:#333;
  font-size:35px;
  font-weight:300;
  text-align:left;
  text-transform:uppercase;
  border-left: 5px solid #FF6B00;
  padding-left:15px
}
.page-title span {
  font-size:20px;
  font-weight:500;
  display:block
}
.index-catalog {
  margin-top:25px
}
.callback {
  margin:55px 0;
  background: rgb(48,60,73);
  background: linear-gradient(180deg, rgba(48,60,73,1) 0%, rgba(143,162,183,1) 100%);
  padding:35px 0;
  
}
.callback .page-title {
  margin-bottom:25px;
  color:#FFF
}
.about {
  margin-bottom:35px;
  
}
.about .page-title {
  text-align:left;
  margin-bottom:25px
}
.about-text {
  text-align:justify
}
.about-img {
  width:350px;
  height:350px;
  background:url(/upload/mr-service.jpg);
  background-size:cover;
  border-radius:100%;
  background-position:center
}
#back-top {
	width:50px;
	height:50px;
	background:rgba(153,153,153,0.3);
	position:fixed;
	bottom:20px;
	right:20px;
	cursor:pointer;
	border-radius:8px;
	display:none;
	transition: all 0.2s ease-out;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	color:#FFF;
}
#back-top:hover {
	background-color:rgba(153,153,153,0.9)
}
.catalog-item {
  margin-bottom:25px
}
.catalog-item-img {
  background-size:contain;
  background-position:center;
  height:200px;
  margin-bottom:20px;
  background-repeat:no-repeat
}
.catalog-item a {
  display:block
}


@media(max-width:768px) {
header {
  padding-top:10px;
}
.logo img {
  width:50px

}

.logo-caption {
  padding-top:0
}
.logo-wrap {
  text-align:left
}
.logo,
.logo-caption {
  display:inline-block;
  float:none;
  vertical-align:top
}
.site-name {
  font-size:20px;
  text-align:center;
  margin:0 0 0 0
}
.head-contacts {
  display:none
}
ul.main-menu li {
  display:block;
  margin:10px 0 0 0px;
  padding-top:10px;
  line-height:34px;
  border-top:1px solid #CCC
  
}
.navbar-toggle {
    position: relative;
    float: none;
    margin: 0;
    line-height:34px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #666;
    border-radius: 4px;
    padding:0 10px;
    color:#333
}
.navbar-collapse {
  padding:15px 0 0;
}
.page-title {
  font-size:25px
}
.callback .form-control {
  margin-bottom:15px
}
.about-img {
  margin:0 auto 20px
}
.footer-contacts {
  margin-top:25px
}
h1, .h1 {
    font-size: 26px;
}
}

/* End */
/* /local/templates/rvdkomi/components/bitrix/menu/main-menu/style.min.css?1599055445490 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1599049192467 */
/* /bitrix/templates/.default/components/bitrix/main.feedback/form/style.min.css?1599054331251 */
/* /local/templates/rvdkomi/template_styles.css?15992085365569 */