/* Start:/bitrix/templates/bakarev/template_styles.css?175000569112981*/
*{ padding:0; margin:0; }
html,body{ height:100%; }

body{ padding:0; margin:0; height:100%; font-family:sans-serif,Arial; font-size:10pt; color:#3b3b3b; }

#retina-test{ width:1px; height:1px; position:fixed; left:-9999999px; bottom:0; z-index:-1000; }
@media 	only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-resolution: 1.5dppx),
only screen and (min-resolution: 144dpi)  {
	#retina-test{ width:2px; height:2px; }
}

#back{ position:fixed; width:100%; height:100%; overflow:hidden; z-index:-1; }
#back img{ width:100%; height:100%; }

a img{ border:none; }
a{ text-decoration:underline; color:#5c5c5c; }
a:hover{ text-decoration:none; color:#000; }

#left{ width:130px; height:502px; float:left; padding:0 0px 0 0px; background:url(/bitrix/templates/bakarev/images/back-gradient.png) repeat-x; position:relative; margin:0px 0 0 0;}
#right{ width:870px; height:498px; margin:2px 0 0 0; padding:0px; float:right; }
.clear{ clear:both; }

#top{ width:100%; min-height:100%; background:url(/bitrix/templates/bakarev/images/top.jpg) 0 0 repeat-x; }
#header .cont{ width:900px; height:60px; position:relative; margin:auto; z-index:100; }
#header.fixed{ position:fixed; top:0px; left:0px; width:100%; z-index:10; background:#fff; border-top:5px solid #000; box-shadow:0px 0px 5px rgba(0,0,0,0.7); }
#head{ width:100%; height:5px; position:relative; margin:auto; z-index:100; }
#wrapper{ width:900px;  margin:auto; padding:0px 0 0px 0; position:relative; }

#menu{ margin:0px auto 0px auto; padding:0px 0px 0px 0; float:right; text-align:right; width:580px; font-size:0pt;  }
#menu li{ list-style:none; list-style-position:inside; display:inline-block; margin:0; border-right:1px dashed #c9c9c9; padding:0 0 0px 0; position:relative; }
#menu li a{ color:#5e5e5e; font-size:9pt; position:relative; z-index:10; text-transform:uppercase; text-decoration:none; text-align:center; display:block; padding:14px 8px 8px 8px; margin:0px 0 0px 0; }
#menu li div{ width:100%; height:0px; top:0px; z-index:0; position:absolute; background:#000; }
#menu li:hover a, #menu li:hover a.active{ color:#fff; } 
#menu li a.active{ color:#cf4444; }
#menu li ul li a{ padding:9px 8px 6px 8px; }

#menu ul{ display:none;  position:absolute; z-index:1000; margin:3px 0 0 0; background:#fff; }
#menu li:hover 1ul{ display:block; }
#menu li:hover ul a{ color:#5e5e5e; }
#menu ul > div{ position:absolute; background:#000; width:1px; }
#menu ul li{ display:block; border:none;  }
#menu ul li div{ width:100%; height:30px; top:0px; left:0px; z-index:0; position:absolute; background:#000; }
#menu ul li a{ display:block; color:#5e5e5e; text-align:left; border-bottom:1px dashed #2e2e2e; }
#menu ul li a:hover{ color:#000; }

#logo{ width:315px; height:28px; float:left; margin:5px 0 0 0; display:block; }

#video-container_wrapper{ width:860px; margin:0 0 0 10px; }

.control-slideshow{ text-align:right; margin:20px auto 15px auto; width:880px;   }
.control-slideshow.in{ margin:20px auto 0px auto; background:#fff; padding:10px 0 10px 0; position:relative; z-index:10; }
.control-slideshow li{ list-style:none; margin:0 10px 0px 0px; display:inline-block; }

#slideshow{ width:100%; height:100%; margin:auto; overflow:hidden; }
#slide_{ width:900px; height:500px; margin:auto; background:url(/bitrix/templates/bakarev/images/1.png); }
#slide_.auth{ margin:40px auto 0 auto; }

.index-text{ width:900px; margin:10px 0 10px 0; background:#fff; padding:10px;  }

#content{ margin:0px auto 0px auto; padding:20px 10px 20px 10px; text-align:justify; position:relative; background:#fff; width:860px; }
#content p{ padding:10px 0 10px 0; text-align:justify; }
#content h1{ font-size:14pt; font-weight:bold; }
#content h2{ font-size:12pt;  }
#content li{ list-style-position:inside; }

.contacts-left{ width:400px; float:left; margin:0 0 20px 0px; }
.contacts-right{ width:450px; float:right; }
                 
#slide{ font-size:0pt; height:553px; left:0px; overflow:hidden; position:absolute; bottom:30px; width:100%; margin:20px 0px 0 0; text-align:center; }
#slide a{ text-decoration:none; margin:0px 0 -2px 0; padding:0; font-size:0pt; display:inline-block; }
#slide a img{ margin:0 0 -1px 0; }

.slide-cont{ background:#fff; width:860px; padding:10px 10px 10px 10px; margin:-10px auto 20px auto; }
.port-cont{ background:#fff; padding:10px 10px 10px 10px; margin:0px auto 20px auto; }

#content.center{ text-align:center; }
#portfolio{ text-align:center; }

.album{ display:inline-block; margin:5px 10px 15px 10px; vertical-align:top; }
.album.drag{ cursor:move;  }
.album img{ width:200px; height:200px; }

#mail-form{ width:400px; padding:20px 0 20px 0; margin:0 0 0 auto; }
#mail-form input[type=text],#mail-form textarea{ display:block; width:400px; margin:0 0 5px 0; color:#777777; font-size:9pt; font-family:Arial; height:20px; border: 1px solid #b7b7b7; background:#fff; }
#mail-form textarea{ height:100px; }
#mail-form label{ font-size:10pt; }
#mail-form input[type=text].error, #mail-form textarea.error{border:1px solid #ff0000;}
#mail-submit{ padding:5px 5px 3px 5px; text-decoration:none; font-size:9pt; border-radius:2px; float:right; border:none; background:#fff; color:#000; }
#mail-submit:hover{ background-position:0 -40px; }

#gallery{ font-size:0pt; width:100%; text-align:center; }
a[rel=lg]{ text-decoration:none; font-size:0pt; margin:0px; overflow:hidden; position:relative; display:inline-block; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
a[rel=lg] img{ margin:0px; }
a[rel=lg] img:hover{ }
a[rel=lg] > span{ position:absolute; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); top:0; left:0; z-index:10; background:url(/bitrix/templates/bakarev/images/1x1.png); display:inline-block; }
a[rel=lg] > span span{ display:block; width:16px; height:16px; background:url(/bitrix/templates/bakarev/images/add-ons.png) 0 -41px; position:absolute; left:-20px; top:-20px; }

#video-container{ width:860px; height:521px; margin:auto; }
#video-name{ font-size:11pt; margin:0 0 3px 0; font-weight:bold; text-align:center; }
#video-player{ float:left; }
#video-descr{ float:left;  }   

#video-thumbs{ float:right; height:450px; }
.video-thumb{ cursor:pointer; border:1px solid #fff; margin:0 0 2px 0; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); font-size:0pt; }
.video-thumb:hover, .video-thumb._current{ border:1px solid #fff; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

#video-clear{ clear:both; }

#video-overlay{ width:100%; height:100%; position:fixed; z-index:10000; top:0; left:0; display:none; background:url(/bitrix/templates/bakarev/images/overlay.png);  }
#video-descr-text{ 
  width:500px; height:210px; background:#fff; display:none; top:0; left:0; color:#000; padding:15px 6px 10px 10px;position:fixed; z-index:10001;
  border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; 
}
#video-descr-text p{ margin:5px 0 5px 0; }
#video-descr-text-text{ overflow:hidden; width:496px; height:200px; padding:2px 6px 0 0; margin:4px 0 0 0; }
#video-descr-text a{ color:#2f2f2f; }
#video-descr-text a:hover{ color:#000; }
#video-overlay-close{ position:absolute; right:6px; top:2px; cursor:pointer; color:#2f2f2f; }
#video-overlay-close:hover{ color:#000; }

.news-item{ margin:0 0 15px 0; clear:both; }
.anons-title{  color:#d7d7d7; font-size:11pt; float:left; }
.anons-date{ float:right; font-size:9pt; color:#888787; }
.anons-text{ clear:both; margin:0; }
.anons-link{ margin:5px 0 0 0; }
.anons-link a{ text-decoration:none; font-style:italic; color:#5f5f5f; }
.anons-link a:hover{ text-decoration:underline; }
#content .anons-text p{ margin:0; }
#news-date{ text-align:right; font-size:9pt; color:#888787; }

#langs{ position:absolute; right:0px; top:10px; text-align:right; }
#langs li{ display:inline-block; list-style:none; }
#langs li a{ color:#c3c3c3; text-decoration:underline; }
#langs li a:hover, #langs li a.active{ color:#fff; text-decoration:none; }

#shadow{ width:100%; height:100%; background:url(/bitrix/templates/bakarev/images/1x1.png); position:fixed; top:0px; left:0px; z-index:-1; }

#footer{ width:100%; height:31px; margin:-34px auto 0 auto; padding:3px 0 0 0; position:relative; z-index:100; font-size:8pt; background:#000; color:#dedede; clear:both; }
#copyright{ margin:0px auto 0 auto; text-align:left; width:900px; position:relative; }
#copyright a{ color:#9f9f9f; text-decoration:none; }
#copyright a:hover{ color:#9f9f9f; }
#copyright a:hover span{ text-decoration:underline; color:#fff; } 
#copyright > a{ display:inline-block; margin:8px 0 0 0; }

#bx-composite-banner{ width:182px; height:31px; display:inline-block; vertical-align:middle; float:right; }
#bx-composite-banner a{ font-size:8pt !important; }

/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11,2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
#jquery-overlay{position:fixed;top:0;left:0;z-index:900;width:100%;min-height:500px;}
#jquery-lightbox{position:fixed;top:0;left:0;width:100%;z-index:910;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none; }
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:0px; }
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;z-index:1000;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0; }
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;}
#lightbox-nav-btnPrev{left:0; float:left;}
#lightbox-nav-btnNext{right:0; float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 2px 0;}
#lightbox-container-image-data{padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left; }
#lightbox-image-details-caption{font-weight:bold; }
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px; float:right;padding-bottom:0.7em;}

.jspContainer{ overflow:hidden; position:relative; }
.jspPane{ position:absolute; }
.jspVerticalBar{ position:absolute; right:0px; width:7px; height:100%; }
.jspHorizontalBar{ position:absolute; bottom:0; background:url(/bitrix/templates/bakarev/images/scroll.png) 0 50% repeat-x; left:0; width:100%; height:10px; }
.jspVerticalBar *, .jspHorizontalBar *{ margin:0; padding:0; }
.jspCap{ display:none; }
.jspHorizontalBar .jspCap{ float:left; }
.jspTrack{ position:relative; }
.jspDrag{ background:#000; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float:left; height:100%; }
.jspArrow{ background:#ebbe9f; text-indent:-20000px; display:block; cursor:pointer; }
.jspArrow.jspDisabled{ cursor:default; background:#e6c5ad; }
.jspVerticalBar .jspArrow{ height:5px; }
.jspHorizontalBar .jspArrow{ width:10px; float:left; height:100%; }
.jspVerticalBar .jspArrow:focus{ outline:none; }
.jspCorner{ background:#eeeef4; float:left; height:100%; }
/* yuk! css hack for ie6 3 pixel bug:(*
/* html .jspCorner{ margin:0 -3px 0 0; }
*/
.phone {display:none;}
@media screen and (max-width:500px) {
.phone { display:block; font-size:14px; font-family:Arial; font-weight:bold;}
.phone a {text-decoration:none; color:#333;}
.phone img {position:relative; bottom:-2px; margin-right:5px;}
}
#header.fixed .phone {
	display:none;
}

.socials {
	display: flex;
	align-items: center; 
	justify-content: center;
	flex-wrap: wrap;
}

.socials a {
	flex-basis: 40px;
	margin: 10px;
}

.socials a img {
	display: block;
	max-width: 100%;
	height: auto;
}

.main-page-articles {
	background: #fff;
	width: 100%;
	padding: 20px 10px 60px 10px;
}

.main-page-articles-title {
	color: #626262;
	font-family: Arial, Helvetica;
	font-size: 12pt;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	font-style: italic;
}

.main-page-article {
	font-size: 11pt;
	font-family: Arial, Helvetica;
	margin-bottom: 10px;
}

.page-article {

}

.page-article h1 {
	margin-bottom: 20px;
}

.page-article-picture {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.page-article-text {
	line-height: 1.43;
	font-size: 11pt;
	font-family: Arial, Helvetica;
	margin-bottom: 40px;
}

/* End */


/* Start:/bitrix/templates/bakarev/style-mini.css?17500056913770*/
@media screen and (max-width:500px) {

	body{ background:#fff; }
	#shadow{ display:none; }
	#back{ display:none; }
	#header{ width:100%; margin:0 auto 20px auto; padding:10px 0 0 0; height:auto; position:relative; text-align:center }
	#header .cont{ width:auto; }
	#header .phone{ position:relative; margin:20px auto 20px auto; height:auto; right:auto; top:auto; }
	#logo{ position:relative; margin:50px 0 0 0px; left:auto; top:auto; float:none; width:100%; }
	#logo img{ width:100%: height:auto; }
	#header.fixed #logo{ display:none; }
	
	#wrapper{ width:100%; min-height:auto; height:auto; }
	
	#slide_{ width:100%; height:auto; text-align:center; position:relative; margin:10px auto 10px auto; }
	#slide_ img{ width:100%; height:auto; margin:0 0 5px 0; }
	
	.index-text{ width:96%; padding:2%; }
	.slide-cont{ width:96%; padding:2%; }
	
	.control-slideshow{ width:100%; height:auto; }
	
	.gallery { width:100%; height:auto; position:relative;  text-align:center; }
	.gallery  img{ width:100%; height:auto; margin:0 0 5px 0; }
	
	.album{ display:block; margin:10px auto 10px auto; height:auto; }
	
	#slide{ width:100%; height:auto; text-align:center; position:relative; margin:10px auto 10px auto; overflow:visible; left:auto; bottom:auto; }
	#slide img{ width:100%; height:auto; margin:0 0 5px 0; }
	
	h1,h3{ text-align:center; }
	
	
	#vk_comments{ display:none; width:100% !important; height:auto; }
	
	#specials{ width:90%; margin:0 auto 0 auto; }
	#specials a{ float:none; margin:0 auto 10px auto; width:290px; }
	#why{ width:90%; margin:0 auto 0 auto }
	
	#feedback{ width:90%; height:auto; margin:10px auto 10px auto; }
	#feedback .slider-pagination{  }
	#feedback .slider-cont{ width:90%; height:auto; }
	#feedback .slider-page{ width:90%; height:auto; float:none;  }
	#feedback .slider-row-left, #feedback .slider-row-right{ display:none; }
	
	#feedback-form{ margin:10px auto 10px auto; width:90%; }
	
	#content{ width:90%; height:auto; }
	#content img{ max-width:100%; height:auto; }
	
	.blog-index .item{ display:block; margin:10px auto 10px auto; height:auto; }
	.services{ width:90%; height:auto;  margin:10px auto 10px auto;}
	.services .item{ display:block; margin:10px auto 20px auto; height:auto; }
	
	#left{ width:100%; float:none; position:relative; margin:10px auto 10px auto; }
	#right{ width:100%; float:none; position:relative; margin:10px auto 10px auto; text-align:center; }
	
	#footer{ width:100%; height:auto; position:relative; margin:10px auto 0 auto; left:0px; top:0px; text-align:center; }
	#copyright{ width:100%; height:auto; float:none; position:relative; }
	
	#bx-composite-banner{ float:none; }
	
	#menu-click{ display:none; color:#000; font-size:12pt; text-decoration:none; text-transform:uppercase; padding:5px 8px 3px 8px;  margin:5px auto 5px auto; }
	#menu-click:hover{ color:#000; }
	#menu-click.init{ display:block; clear:both; text-align:center; font-size:0pt; padding:0px; width:49px; height:42px; background:#fff url(/bitrix/templates/bakarev/images/menu.png); position:fixed; left:0px; top:0px; z-index:100; }
	#menu.mobile{ background:#fff; position:fixed; left:0px; top:50px; width:98%; margin:0px auto 20px auto; padding:5px 0px 5px 0; border:1px solid #000; border-right:none; border-left:none; text-align:center; display:none; float:none; clear:both; z-index:90; }
	#menu.mobile li{ display:block; margin:0px 0 0px 0; }  
	#menu.mobile li a{ display:block; color:#000; text-align:center; width:100%; padding:10px 0 10px 0; border:1px solid #fff; } 
	#menu.mobile li a:hover{ background:#000; color:#fff; text-decoration:none; }
	#menu.mobile li ul{ display:none; width:100%;  } 
}
div.vivakom {
	color:#9F9F9F;
}
div.vivakom img{
	position:relative;
	bottom:-3px;
}
/* End */
/* /bitrix/templates/bakarev/template_styles.css?175000569112981 */
/* /bitrix/templates/bakarev/style-mini.css?17500056913770 */