/* Start:/bitrix/templates/M-servis_2/components/bitrix/menu/M-Servis/style.min.css?1678797403490*/
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(/bitrix/templates/M-servis_2/components/bitrix/menu/M-Servis/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/templates/M-servis_2/styles.css?1669206916166114*/
@charset "utf-8";
/* CSS Document */

/*----*****---- << Reset >> ----*****----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}
del {
	text-decoration:line-through;
}
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0;
}
mark {
	background-color:#ffffb3;
	font-style:italic
}
input, select {
	vertical-align:middle;
}
ins {
	background-color:red;
	color:white;
	text-decoration:none;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}


/*----*****---- << General >> ----*****----*/
	
	body {
	font-weight:normal;
	font-size:14px;
	background:#ffffff;
	color:#333334;
}
	
	/*----*****---- << Fonts >> ----*****----*/
	
	body, h1, h2, h3, h4, h5, h6, input[type=text], input[type=password], input.text, textarea, input[type=submit], .mobile-menu { font-family:'Lato', sans-serif; }	
	#logo h2 { font-family:'Arvo', serif; }
	
	/*----*****---- << Headings >> ----*****----*/
	
	h2, h3, h4, h5, h6 { color:#333334; font-weight:bold; }	
	a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#3498db;
}
	
	h1{ font-size: 26px; line-height: normal; margin: 0 0 30px 0; text-transform: uppercase; text-align: left; color: #0883c0; font-weight:bold;}
	h2{ font-size:22px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h3{ font-size:20px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h4{ font-size:18px; line-height:24px; margin-bottom:15px; }
	h5{ font-size:16px; line-height:24px; margin-bottom:10px; }
	h6{ font-size:14px; line-height:24px; margin-bottom:10px; }
	.border-title {
	background:url(/bitrix/templates/M-servis_2/images/splitter.png) bottom repeat-x;
	width:100%;
	text-align:center;
	display:inline-block;
	padding:0px;
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
	.border-title h1, .border-title h2, .border-title h3, .border-title h4 { text-transform:uppercase; padding:0px 20px 15px; margin-bottom:5px; display:inline-block; *display:inline; *zoom:1; }
	.border-title h1 span, .border-title h2 span, .border-title h3 span, .border-title h4 span { border-left:6px solid transparent; border-right:6px solid transparent; left:0; *left:49%; right:0; width:0; margin:auto; bottom:10px; position:absolute; }
	
	/*----*****---- << Transition >> ----*****----*/
	
	a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .testimonial .author, .team .image img, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	/*----*****---- << Text Elements >> ----*****----*/
	
	a{ text-decoration:none;color:#0883c0; }
	a:hover { color:#333334; }
	a img{ border:none; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #3d3d3d; cursor:help; }
	ins { background:#FFF9C0; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { bottom: -3px; }	
	
	p { line-height:20px; margin-bottom:10px; }	
	ul, ol, pre, code{
	margin-bottom:10px;
}
	
	ul{ list-style-type:disc; list-style-position:inside;}
	ul li { padding-bottom: 4px; line-height: 1.5;}
	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
	ul ul ul { margin-bottom:0px; list-style-type:circle; }
	
	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	blockquote{ line-height:22px; font-style:italic; font-size:16px; padding:3px 0px 0px 0px; margin:10px 0px 30px; float:left; }
	blockquote span { background-color:#e6e2d6; background-position:-354px -234px; width:70px; height:70px; float:left; margin:0px 10px 0px 0px; border-radius:70px; }
	blockquote p { margin-bottom:0px; }
	blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
	
	blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
	blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
	blockquote.aligncenter { width:100%; text-align:center; }
	
	pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
	
	hr{ background-color:#dcdcdc; border:none; height:1px; margin:30px 0; }
	
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.hr{
	background:url(/bitrix/templates/M-servis_2/images/splitter.png) repeat-x;
	height:10px;
	width:100%;
	clear:both;
	display:block;
	float:left;
	position:relative;
	z-index:1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	.hr-border { border:4px double #e6e2d6; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
	.hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
	.hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
	.hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
	
	.hr.top, .hr-border.top { width:97%; }
	.hr.top, .hr-border.top { background-position:right center; text-align:right; }
	.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
	.hr-border.top a { top:-10px; right:-23px; }
	.hr.top a:hover, .hr-border.top a:hover { color:#e96666; }
	
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.center { width:100%; text-align:center; }
	.hidden { display:none;}
	
	.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }	
	
	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #dfdfdf; border-bottom:0px; border-right:0px;  }
	th{ background:#333334; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #e4e4e4; padding:17px 15px; font-size:16px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; }
	td{
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;

	font-size:14px;
	line-height:normal;
	padding:13px 15px;
}
	
	/*----*****---- << Definition Lists >> ----*****----*/
	
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:2px solid #C4C1AE !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }	
		
	/*----*****---- << Forms >> ----*****----*/
	
	label{ font-size:14px; color:#2e2a2b; font-weight:bold; font-size:14px; }
	label span{ color:#b4b4b4; }

	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }
	
	input[type=text], input[type=email], input[type=password], textarea{ background:#ededed; border:1px solid #c4c4c4; color:#333334; padding:15px; display:block; font-size:14px; margin:10px 0 10px; }
	input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#a1a1a1; }
	input[type=text], input[type=email], input[type=password], input.text, textarea { width:95%; }
	textarea { height:190px; overflow:auto; }
	select{ background:#ededed; border:1px solid #c4c4c4; padding:10px; margin:10px 0 10px; display:block; }
	
	input[type=submit], button, input[type=button] { background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) repeat-x; border:none; color:#ffffff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:11px 20px; float:right; cursor:pointer; }	
	input[type=submit]:hover, button:hover, input[type=button]:hover { background-color:#000000; }
	
	#searchform input[type="text"] { border:none; text-transform:uppercase; color:#aaaaaa; font-size:12px; width:260px; }
	
	/*----*****---- << Images >> ----*****----*/
	
	#primary img { max-width:100%; display:block; }

	#primary .product-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cont > img {
		max-width: 690px !important;
		width: 100%;
		width: -moz-available;
		width: -webkit-fill-available;
		width: fill-available;
	}
	
	.post-content input[type="submit"] { float:none; }
	
	.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
	.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
	.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }
	
	img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
	.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
	.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
	.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }
	
	/*----*****---- << Columns >> ----*****----*/
	
	.column { margin:0px 2% 0px 0px; float:left; min-height:1px; position:relative; }
	.column.last { margin-right:0px; }	
	
	.one-column { width:100%; }
	.column.one-column { margin-right:0px; }
	
	.one-fourth { width:23.4%; }
	.one-half { width:48.9%; }
	.one-third { width:24%; }
	.three-fourth { width:74.5%; }	
	.two-third { width:100%; }
	
	.one-fifth { width:18.3%; }
	.four-fifth { width:79.6%; }
	.three-fifth { width:59.2%; }
	.two-fifth { width:38.8%; }
	
	.one-sixth { width:15%; }
	.two-sixth { width:30%; }
	.three-sixth { width:45%; }
	.four-sixth { width:60%; }
	.five-sixth { width:75%; }		
	
	.column img { max-width:100%; height:auto; }
	
	.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe { max-width:100%; }
	embed, iframe, object, video { max-width:100%; }
	
	.column.no-space { margin-right:1px; }
	.column.no-space.one-fourth { width:24.8%; } 	
	.column.no-space.one-third { width:33.2%; }	
	.column.no-space.one-half { width:49.8%; }
	.column.no-space.one-fifth { width:19.8%; }
	.column.no-space.one-sixth { width:16.5%; }
	
	.column.no-space.three-fourth { width:74.9%; }
	.column.no-space.two-third { width:66.5%; }		
	.column.no-space.four-fifth { width:79.9%; }
	.column.no-space.three-fifth { width:60%; }
	.column.no-space.two-fifth { width:40%; }		
	.column.no-space.two-sixth { width:33.4%; }
	.column.no-space.three-sixth { width:50%; }
	.column.no-space.four-sixth { width:66.6%; }
	.column.no-space.five-sixth { width:83.2%; }
	
	/*----*****---- << Widgets >> ----*****----*/
	
	.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; }
	.widget h3.widgettitle { font-size:16px; padding-bottom:10px; }
	
	.widget ul { float:left; width:100%; margin:0px; padding:0px; }
	.widget ul li { float:left; display:block; clear:both; width:100%; font-size:16px; font-weight:bold; padding-bottom:0px; }
	.widget ul li a { color:#333334; line-height:20px; padding:13px 25px 15px 25px; display:block; position:relative; background:url(/bitrix/templates/M-servis_2/images/thin-border.png) bottom repeat-x; }
	
	
	.widget ul ul { margin-top:10px; margin-left:20px; }
	.widget ul ul li { width:90%; }
	
	.widget_categories ul { margin-top:-12px; }
	.widget_categories ul li { position:relative; float:none; display:block; background:url(/bitrix/templates/M-servis_2/images/blog-splitter.png) bottom repeat-x; margin:0px 0px 10px; padding:0px; margin:0px; }
	.widget_categories ul li a { padding:13px 25px 15px 25px; display:block; background:url(/bitrix/templates/M-servis_2/images/thin-border.png) bottom repeat-x; }
	.widget_categories ul li a span,  #secondary .widget_product_categories ul li a span { position:absolute; right:10px; }
	#secondary .widget_categories ul li a:before, .widget_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
	
	.widget form { margin:15px 0px 0px; float:left; clear:both; width:100%; }
	.widget input[type="email"] { width:90.5%; }
	
	.widget.tweetbox ul.tweet_list { list-style-type:none; }
	.widget.tweetbox ul.tweet_list li { font-size:14px; line-height:20px; }
	.widget.tweetbox ul.tweet_list li a:hover { color:#333334; }
	
	.widget.widget_recent_entries ul { list-style-type:none; }
	.widget.widget_recent_entries h4 { font-size:18px; line-height:22px; font-weight:bold; text-transform:none; }
	.widget.widget_recent_entries ul li { padding-bottom:25px; }
	
	.widget.widget_tag_cloud .tagcloud a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
	.widget.widget_tag_cloud .tagcloud a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
	.widget.widget_tag_cloud .tagcloud a:hover { font-weight:bold; color:#ffffff; }
	
	ul.recent-posts-widget li a { padding:0px; background:none; }
	#secondary .widget ul.recent-posts-widget li a:before { content:''; }
	ul.recent-posts-widget li a.thumb { padding:0px; clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
	ul.recent-posts-widget li a.thumb img { display:block; } 
	ul.recent-posts-widget li a.thumb:before, #secondary .widget ul.recent-posts-widget li a.thumb:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	ul.recent-posts-widget li h6 { font-weight:bold; font-size:14px; margin-bottom:5px; }
	ul.recent-posts-widget li p { font-size:14px; font-weight:normal; }
	
	ul.recent-posts-widget li:hover a.thumb:before, #secondary .widget ul.recent-posts-widget li:hover a.thumb:before, ul.product_list_widget li:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
	
	ul.product_list_widget li a { clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; }
	ul.product_list_widget li a img { display:block; } 
	ul.product_list_widget li a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

	#secondary .widget h3.widgettitle { margin-bottom:30px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
	#secondary .widget h3.widgettitle a { padding:15px 10px 15px 45px; display:block; border-bottom:1px solid #ffffff; position:relative; }
	#secondary .widget h3.widgettitle a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:12px; line-height:22px; text-align:center; color:#ffffff; width:20px; height:20px;  position:absolute; top:15px; left:16px; content:"\f054"; border-radius:20px; }
	
	#secondary .widget h3.widgettitle:hover a { color:#ffffff; }
	#secondary .widget h3.widgettitle:hover a:before { background:#ffffff; }
	
	#secondary .widget ul li a { position:relative; }
	#secondary .widget ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f0a4"; }
	#secondary .widget_categories ul li a:before, #secondary .widget_product_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
	
	#secondary ul.product_list_widget li a:before { content:''; top:0px; left:0px; }
	#secondary ul.product_list_widget li a { padding:0px; }
	#secondary ul.product_list_widget li { font-weight:normal; font-size:14px; line-height:20px; }
	#secondary ul.product_list_widget li .amount { display:block; }
	
	#secondary .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; padding-bottom:25px; }
	#secondary .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; left:0px; content:"\f099"; font-size:18px; top:5px; }
	#secondary .widget .tweet_list li a:before { content:''; }
	#secondary .widget .tweet_list li a { padding:0px; background:none; display:inline; }
	
	#secondary .widget .social-icons { margin:20px 0px 0px; }
	#secondary .widget .social-icons li a:before { content:''; }
	#secondary .widget .social-icons li a { background:none; display:inline; padding:0px; position:static; }
	#secondary .widget .social-icons li { width:29px; clear:none; }
	
	#secondary .widget #searchform { margin:0px; }
	#secondary .widget #searchform input[type="text"] { display:inline-block; width:243px; }
	#secondary .widget #searchform input[type="submit"] { padding:13px 20px; }
	
	#secondary h2.filtering { font-size:18px; margin-bottom:40px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
	#secondary h2.filtering span { padding:17px 45px 13px 15px; display:block; border-bottom:1px solid #ffffff; position:relative; }
	#secondary h2.filtering span:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; line-height:32px; text-align:center; color:#ffffff; width:32px; height:32px;  position:absolute; top:12px; right:15px; content:"\f0b0"; border-radius:32px; }
	
	#secondary .widget.woocommerce h3.widgettitle { background:none; border-bottom:0px; margin-bottom:15px; }
	#secondary .widget.woocommerce h3.widgettitle a { padding:0px 0px 0px 30px; border-bottom:0px; }
	#secondary .widget.woocommerce h3.widgettitle a:before { top:0px; left:0px; }
	#secondary .widget.woocommerce h3.widgettitle:hover { background:none; border-bottom:0px; }
	#secondary .widget.woocommerce h3.widgettitle:hover a:before { color:#ffffff; }
	
	#secondary .widget.woocommerce .product_list_widget { margin-top:20px; }
	
	#slider-range { margin-top:20px; }
	#slider-range a:last-child { margin-left:-25px; }
	.price-range { margin-top:40px; } 
	.price-range label, .price-range input[type="text"] { width:auto; text-transform:uppercase; font-size:16px; line-height:18px; font-weight:bold; background:none; float:left; border:0px; padding:0px; margin:0px; clear:none; }
	.price-range .button { float:right; margin:-28px 0px 0px; }
	
	/*----*****---- << PIE >> ----*****----*/
	
	.ico-content.type1 .icon span, .product-overlay a, .product-overlay a span, h5.faq:before, .carousel-arrows a, .testimonial .author img, .testimonial .author, #secondary .widget h3.widgettitle a:before, .portfolio .image-overlay a, .portfolio .image-overlay a span, .team .social-icons li { behavior:url(/bitrix/templates/M-servis_2/PIE.htc); }
	
	.ico-content.type1 .icon span, .carousel-arrows a, .product-overlay a, .product-overlay a span, .portfolio .image-overlay a, .portfolio .image-overlay a span { position:relative\0/; z-index:1\0/; }
	
	.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a { z-index:-1\0/; }
	.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link, ul.products li .product-thumb:hover .product-overlay a { z-index:1\0/; }
	
/*----*****---- << Layout >> ----*****----*/

	/*----*****---- << Container >> ----*****----*/

	.container { width:1060px; margin:0 auto; position:relative; }
	
	.boxed .wrapper { width:1120px; margin:0 auto 30px; background:#ffffff; display:table; box-shadow:0px 0px 30px rgba(0, 0, 0, .35); }
	.boxed { background:url(/bitrix/templates/M-servis_2/images/patterns/pattern1.jpg) repeat; }
	
	/*----*****---- << Header >> ----*****----*/
	
	#header { width:100%; margin:0px; padding:0px; float:left; border-bottom:1px solid #dcdcdc; }
	
	#top-bar {
	background:#333334;
	width:100%;
	float:left;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}	
	#top-bar .phone-no {
	font-size:28px;
	color:#FFFFFF;
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
	#top-bar .phone-no a {
	color:#787878;
	font-size:12px;
}
	#top-bar .phone-no a:hover, #top-bar .phone-no:hover, #top-bar .phone-no:hover a {
	color:#3498db;
}
	
	.social-icons {
	float:left;
	margin:0px;
	padding:0px; color:#FFFFFF;
}
	.social-icons li {
	position:relative;
	overflow:hidden;
	display:inline-block;

*display:inline; 		zoom:1;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
	.social-icons li img { bottom:0px; left:0px; position:absolute; } 
	.social-icons li img:first-child { bottom:-29px; }
	.social-icons li:hover img:first-child { bottom:0px; z-index:1;  }
	.social-icons li:hover img:last-child { bottom:-29px; }	
	
	#logo { margin:13px 8px 0px auto; float: left; padding:0px; }
	#logo img { max-width:100%; }
	#logo h2 { margin:0px; }
	#logo h2 a { font-size:24px; font-weight:700; color:#333334; }
	
	#main-menu { margin:0px; padding:0px; position:relative; z-index:100; text-align: center; display: inline-block;}
	#main-menu ul { float:left; margin:0px 0px -6px;padding: 0 52px; }
	#main-menu ul li { margin:0px; padding:23px 0px; display:inline; float:left; position:relative; }
	#main-menu ul li a { display:block; padding:0px 17px; font-size:14px; font-weight:bold; color:#333334; text-transform:uppercase; transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; }
	#main-menu ul li span { display:none; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333334; left:0; *left:48%; right:0; width:0; margin:auto; top:0; position:absolute; }
	
	#main-menu > ul > li.current_page_item span { display:block; }	
	#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:20px 17px; background:#ededed; position:relative; margin:-20px 0px; transition: background 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, padding 0.5s, margin 0.5s;}
	
	#main-menu > ul > li.hasSubmenu:hover { border-bottom:5px solid #dddddd; padding: 23px 0 18px;}
	
	#main-menu ul li ul {
	z-index:1;
	display:none;
	float:left;
	position:absolute;
	width:240px;
	top:65px;
	left:0px;
	background:url(/bitrix/templates/M-servis_2/images/sub-menu-bg.png) repeat;
	box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
		padding: 0;
}
	#main-menu ul ul li {  display:block; float:left; clear:both; padding:0px; border-bottom: 1px solid #96dcff; width:100%; }
	#main-menu ul ul li a { padding:6px 15px 6px; margin:0px; display:block; }
	#main-menu ul ul li:last-child { background:none; }
	
	#main-menu > ul > li > ul:before { border-left:6px solid transparent; border-right:6px solid transparent; content:""; height:0; left:15px; position:absolute; top:-11px; width:0; }
	
	#main-menu ul ul ul { left:200px; top:0px; }
	#main-menu ul ul li ul:before { border-top:6px solid transparent; border-bottom:6px solid transparent; left:-11px; top:18px; content:""; height:0; position:absolute; width:0; }	
	
	#main-menu ul ul li.current_page_item ul li a { color:#333334; }
	
	/*----*****---- << Responsive Menu >> ----*****----*/
	
	.mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(/bitrix/templates/M-servis_2/images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 10px; padding:15px 10px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	/*----*****---- << Main >> ----*****----*/
	
	#main {
	width:100%;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
	
	#primary {
	width:700px;
	padding:0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	#primary.content-full-width { width:100%; }
	#primary.with-left-sidebar { float:right; }
	
	#secondary { width:340px; margin:30px 0px 0px 20px; float:left; padding:0px; }
	#secondary.left-sidebar { margin:30px 20px 0px 0px; }
	
		/*----*****---- << Home >> ----*****----*/
		
		#slider { width:100%; margin:0px; padding:0px; float:left; position:relative; }
		
		.intro-text { width:100%; margin:0px; padding:0px; float:left; }
		.intro-text.type1 { background:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; }
		.intro-text.type1 h4 {
}
		.intro-text.type1 h4 span.highlight {
	color:#ffffff;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
		.intro-text.type1 h6 {
	color:#a0a0a1;
	background:url(/bitrix/templates/M-servis_2/images/intro-text-border-bottom.png) center bottom no-repeat;
	padding-bottom:37px;
}
		
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { background:#ededed; padding:30px 2.5%; width:95%; }
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; }
		.intro-text.type2 h5, .intro-text.type3 h5, .intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; }		
		.intro-text.type2 a, .intro-text.type4 a { float:right; }
		
		.intro-text.type3 h4, .intro-text.type3 h5 { color:#ffffff; }
		.intro-text.type3 a { background:#ffffff url(/bitrix/templates/M-servis_2/images/btn-white-gradient.png) bottom repeat-x; color:#333334; float:right; }		
		
		.intro-text.type4 { width:94%; }
		
		.ico-content { width:100%; margin:0px; padding:0px; }
		.ico-content.type1 { text-align:center; }
		.ico-content.type1 .icon { width:100%; text-align:center;}
		.ico-content.type1 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:10px solid #f0f0f0; font-size:60px; line-height:108px; color:#a5a5a5; width:108px; height:108px; border-radius:108px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;  }
		.ico-content.type1:hover .icon span { color:#ffffff; }
		.ico-content.type1 h5 { text-transform:uppercase; }
		.ico-content.type1:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		.ico-content.type2 { padding:0px 0px 30px 50px; position:relative; width:85%; }
		.ico-content.type2 .icon { position:absolute; left:0px; top:0px; }
		.ico-content.type2 .icon span { font-size:36px; }
		.ico-content.type2:hover .icon {  -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
		
		.ico-content.type3 { padding:0px 0px 30px 70px; position:relative; width:70.5%; }
		.ico-content.type3 .icon { position:absolute; left:0px; top:0px; }
		.ico-content.type3 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:5px solid #f0f0f0; font-size:28px; line-height:46px; text-align:center; color:#a5a5a5; width:44px; height:44px; border-radius:44px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
		.ico-content.type3:hover .icon span { background:#9bb95d; color:#ffffff; }
		.ico-content.type3:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
			
		.breadcrumb-section {
	width:100%;
	float:left;
	margin: 0px;
	padding: 0;
}	
		.breadcrumb { float:left; margin:10px 4px 10px 4px; padding: 0px; width:75%; }
		.breadcrumb a { font-size:14px; }
		.breadcrumb h1 { float:left; }
		
		.main-phone-no { background:url(/bitrix/templates/M-servis_2/images/phone-ico-big.png) left top no-repeat; margin:0px; padding:0px 0px 0px 30px; min-height:47px; float:right; }
		.main-phone-no p { font-size:24px; font-weight:bold; }
		.main-phone-no p a { color:#787878; font-size:20px; font-weight:normal; }
	
		/*----*****---- << Product List >> ----*****----*/
		
		.product-carousel-wrapper { width:100%; float:left; clear:both; margin:0px; padding:0px; position:relative; }
		
		.carousel-arrows { position:absolute; top:-75px; right:0px; }
		.carousel-arrows a { display:inline-block; width:37px; height:37px; background:#e0e0e0; border-radius:37px; text-align:center; }
		.carousel-arrows a.product-prev-arrow, .carousel-arrows a.partner-prev-arrow, .carousel-arrows a.portfolio-prev-arrow { margin-right:5px; }
		.carousel-arrows a span { color:#adadad; font-size:18px; line-height:39px; }
		.carousel-arrows a:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
		.carousel-arrows a:hover span { color:#ffffff; -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		.carousel-arrows a.portfolio-next-arrow span, .carousel-arrows a.partner-next-arrow span, .carousel-arrows a.product-next-arrow span { margin-left:2px; }
		
		ul.products { width:100%; margin:0; padding:0 0; display:flex;flex-direction: row;flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
		ul.products li { display:inline; margin:0px 5px 20px; padding:0px; float:left; width:340px; }
		ul.products li .product-thumb { clear:both; float:left; height:220px; width:100%; display:block; position:relative; margin-bottom:15px; overflow:hidden; }
		ul.products li .product-thumb img { display:block; max-width:100%; } 
	
		
		ul.products li .product-thumb .onsale, .product .images .onsale { position:absolute; top:20px; left:0px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; background:rgba(92,172,226,0.6);}
		ul.products li .product-thumb .onsale span, .product .images .onsale span { position:absolute; right:-12px; top:0px; width:12px; height:40px; }
		
		ul.products li h4 { padding:0px 0px 15px; margin:0px; }
		
		ul.products li .details { background:#ededed; float:left; padding:10px 0px; margin:10px 0px 0px; width:100%; position:relative; }
		ul.products li .details:after { content:''; border-bottom:1px solid #ffffff; bottom:0px; left:0px; position:absolute; width:100%; }
		ul.products li .price { float:left; clear:both; margin-left:15px; font-size:18px; font-weight:bold; line-height:37px; }
		ul.products li .price del { color:#ee0000; font-size:14px; margin-right:5px; }
		ul.products li .details a { margin:0px 10px 0px 0px; float:right; }
		
		ul.products li:hover .product-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		
		ul.products li .product-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:20px; left:0px; text-align:center; }
		ul.products li .product-overlay a { opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg2.png) repeat; padding:10px; position:relative; top:0px; display:inline-block; width:42px; height:42px; border-radius:42px; }
		ul.products li .product-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
		
		ul.products li .product-thumb:hover  .product-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
		ul.products li .product-thumb:hover .product-overlay a { opacity:1; filter:alpha(opacity=100); top:35%; }
		ul.products li .product-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		ul.products.type2 li { width:100%; }		
		ul.products.type2 li .product-thumb { width:340px; margin-right:20px; }
		ul.products.type2 li .details { float:none; display:inline-block; width:48%; }
		
		/* Product Details */
		.product { clear:both; float:left; width:100%; margin:0px; padding:0px; }
		.product .images { width:49%; float:left; margin:0px 2% 0px 0px; padding:0px; }
		.summary { float:left; width:49%; margin:0px; padding:0px; }
		
		.product .images a { width:100%; display:block; position:relative; }
		.product .images img { display:block; max-width:100%; } 
		.product .images a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.product .images .thumbnails { float:left; clear:both; margin:20px 0px 0px; padding:0px; position:relative; }
		.product .images .thumbnails a { width:160px; height:104px; float:left; margin:0px 19px 0px 0px; }
		.product .images .thumbnails a.last { margin-right:0px; }
		.product .images .thumbnails a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); }
		.product .images .thumbnails:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
		.product .images:hover a.woocommerce-main-image:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }

		
		.product .images .thumbnails .product-arrows { width:100%; float:left; margin:0px; padding:0px; }
		.product .images .thumbnails .product-arrows a:before, .product .images .thumbnails:hover .product-arrows a:before { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
		.product .images .thumbnails .product-arrows a { margin:0px; position:absolute; top:29%; width:26px; height:45px; float:left; opacity:0.8; filter:alpha(opacity=80); }
		.product .images .thumbnails .product-arrows a:hover { opacity:1; filter:alpha(opacity=100); }
		.product .images .thumbnails .product-arrows a.prev { left:5px; }
		.product .images .thumbnails .product-arrows a.next { right:5px; }		
		
		.product .summary .price { font-weight:bold; font-size:18px; padding:10px 0px; }
		.product .summary .cart { background:#ededed; border-bottom:3px solid #d9d9d9; float:left; padding:10px 2%; width:96%; margin:20px 0px 0px; position:relative; }
		.product .summary .cart:before { position:absolute; width:100%; content:''; border-bottom:1px solid #ffffff; left:0px; bottom:0px; }
		.product .summary .quantity { float:left; margin:0px; padding:0px; }
		.product .summary .quantity input[type="button"], .product .summary .quantity input[type="number"] { float:left; width:auto; margin:0px; }
        .product .summary .quantity input[type="number"] { text-align:center; background:#ffffff; font-weight:bold; font-size:14px; padding:12px 5px; width:50px; }
		.product .summary .cart button { margin:0px; }
		
		.woocommerce-tabs { float:left; clear:both; margin:50px 0px 20px; padding:0px; }
		.woocommerce-tabs .tabs-frame-content { padding-left:0px; padding-right:0px; width:100%; border:0px; border-top:1px solid #D9D9D9; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		
		.sorting-container { float:left; clear:both; margin:0px 0px 30px; padding:0px; width:100%; }
		.sorting-container a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
		.sorting-container a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.sorting-container a:hover, .sorting-container a.active-sort { font-weight:bold; color:#ffffff; }
		
		.portfolio-container { width:100%; float:left; clear:both; }
		
		.portfolio-carousel-wrapper { width:100%; margin:0px; padding:0px; float:left; clear:both; position:relative; }
		.portfolio-carousel { width:100%; margin:0px; padding:0px; float:left; clear:both; }
		.portfolio-carousel li { display:inline; }
		.portfolio-carousel .portfolio { margin-top:0px; margin-bottom:0px; }
		
		.portfolio { float:left; margin:10px 20px 10px 0px; border-bottom:3px solid #d9d9d9; padding:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		
		.portfolio.last { margin-right:0px; }
		
		.portfolio.three-column { width:340px; margin:6px; }
		.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img { width:100%; height:230px; }
		.portfolio.two-column { width:520px; margin:5px; }
		.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:350px; }
		.portfolio.four-column { width:250px; margin:7px; }
		.portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img { width:100%; height:170px; }
		
		.portfolio.three-column-with-sidebar { width:220px; margin:6px; }
		.portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img { width:100%; height:148px; }
		.portfolio.two-column-with-sidebar { width:340px; margin:5px; }
		.portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img { width:100%; height:230px; }
		.portfolio.four-column-with-sidebar { width:160px; margin:7px; }
		.portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img { width:100%; height:108px; }
		
		.portfolio.one-column, .portfolio.one-column-with-sidebar { width:100%; margin-bottom:30px; margin-right:0px; border:0px; }
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img { width:520px; height:350px; }	
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { border-bottom:3px solid #d9d9d9; height:351px; margin-right:20px; }
		.portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb img { margin-bottom:1px; }
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { float:left; background:none; text-align:left; width:49%; clear:none; padding:5px 0px 0px; margin-bottom:20px; }
		.portfolio.one-column-with-sidebar .portfolio-detail { width:48%; }
		.portfolio.one-column:hover .portfolio-detail, .portfolio.one-column-with-sidebar:hover .portfolio-detail { background:none; }
		.portfolio.one-column .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail h5 { font-size:18px; }
		.portfolio.one-column .portfolio-detail h5, .portfolio.one-column .portfolio-detail p, .portfolio.one-column-with-sidebar .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail p { padding:0px; }
		.portfolio.one-column:hover .portfolio-detail h5, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5, .portfolio.one-column:hover .portfolio-detail h5 a, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5 a { color:#333334; }
		.portfolio.one-column:hover .portfolio-detail p, .portfolio.one-column-with-sidebar:hover .portfolio-detail p { color:#919191; padding:0px; }
		
		.portfolio.one-column .image-overlay, .portfolio.one-column-with-sidebar .image-overlay { height:99.7%; }
		
		.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:340px; height:230px; }
		.portfolio.one-column-with-sidebar .portfolio-thumb { height:231px; }
		
		.portfolio .portfolio-thumb:hover img { -moz-transform: scale(1.3) rotate(0deg) translate(0px); -webkit-transform: scale(1.3) rotate(0deg) translate(0px); -o-transform: scale(1.3) rotate(0deg) translate(0px); transform: scale(1.3) rotate(0deg) translate(0px); }
		
		.portfolio .portfolio-thumb { border-bottom:1px solid #ffffff; float:left; padding:0px; position:relative; overflow:hidden; }
		.portfolio .portfolio-detail { background:#ededed; border-bottom:1px solid #ffffff; padding:15px 0px; float:left; clear:both; width:100%; margin:0px 0px 1px; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio .portfolio-detail h5, .portfolio .portfolio-detail p { padding:0px 10px; margin:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio .portfolio-detail p { color:#919191; }		
		
		.portfolio .image-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; }
		.portfolio .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; background:url(/bitrix/templates/M-servis_2/images/transparent-bg2.png) repeat; padding:10px; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; }
		.portfolio .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
		
		.portfolio .image-overlay a.zoom { left:0px; }
		.portfolio .image-overlay a.link { right:0px; }
		
		.portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a  { top:37%; }
		.portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; }
		.portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; }
		.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; }
		.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; }
		.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; }
		.portfolio.four-column .image-overlay a { top:32%; }
		.portfolio.four-column:hover a.zoom { left:23%; }
		.portfolio.four-column:hover .image-overlay a.link { right:23%; }
		
		.portfolio.three-column-with-sidebar .image-overlay a  { top:30%; }
		.portfolio.three-column-with-sidebar:hover a.zoom { left:20%; }
		.portfolio.three-column-with-sidebar:hover a.link { right:20%; }
		.portfolio.four-column-with-sidebar .image-overlay a  { top:20%; }
		.portfolio.four-column-with-sidebar:hover a.zoom { left:9%; }
		.portfolio.four-column-with-sidebar:hover a.link { right:9%; }
		
		.portfolio.four-column-with-sidebar h5 { font-size:13px; margin-bottom:-5px; }
		.portfolio.four-column-with-sidebar h5 a { color:#333334; }
		.portfolio.four-column-with-sidebar p { font-size:12px; }
		.portfolio.four-column-with-sidebar .portfolio-detail { padding:10px 0px; }
		
		.portfolio:hover a.zoom, .portfolio:hover .image-overlay a.link { opacity:1; filter:alpha(opacity=100); }
		
		.portfolio:hover .portfolio-detail h5, .portfolio:hover .portfolio-detail h5 a { color:#ffffff; }
		.portfolio:hover .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }		
		.portfolio .image-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		
		.isotope-hidden { display:none !important; }
		
		.isotope,
		.isotope .isotope-item {
		  -webkit-transition-duration: 0.8s;
			 -moz-transition-duration: 0.8s;
			  -ms-transition-duration: 0.8s;
			   -o-transition-duration: 0.8s;
				  transition-duration: 0.8s;
		}
		
		.isotope {
		  -webkit-transition-property: height, width;
			 -moz-transition-property: height, width;
			  -ms-transition-property: height, width;
			   -o-transition-property: height, width;
				  transition-property: height, width;
		}
		
		.isotope .isotope-item {
		  -webkit-transition-property: -webkit-transform, opacity;
			 -moz-transition-property:    -moz-transform, opacity;
			  -ms-transition-property:     -ms-transform, opacity;
			   -o-transition-property:         top, left, opacity;
				  transition-property:         transform, opacity;
		}
		
		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
		  -webkit-transition-duration: 0s;
			 -moz-transition-duration: 0s;
			  -ms-transition-duration: 0s;
			   -o-transition-duration: 0s;
				  transition-duration: 0s;
		}
		
		/* Portfolio Single */
		.portfolio-single { float:left; width:100%; padding:0px; margin:0px; }
		.portfolio-slider-container { float:left; width:100%; padding:0px; margin:0px 0px 20px; position:relative; }
		.two-third .portfolio-slider-container { margin-bottom:0px; }
		.portfolio-slider { float:left; width:100%; margin:0px; padding:0px; }
		.portfolio-slider li { width:100%; display:block; padding:0px; float:left; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
		.portfolio-slider li img { display:block; } 
		.portfolio-slider li:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio-slider:hover li:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		.portfolio-slider-container .bx-controls-direction { width:100%; float:left; margin:0px; padding:0px; }
		.portfolio-slider-container .bx-controls-direction a { text-indent:-9999px; z-index:100; position:absolute; top:41%; width:39px; height:72px; float:left; opacity:0.8; filter:alpha(opacity=80); }
		.portfolio-slider-container .bx-controls-direction a:hover { opacity:1; filter:alpha(opacity=100); }
		.portfolio-slider-container .bx-controls-direction a.bx-prev { left:10px; }
		.portfolio-slider-container .bx-controls-direction a.bx-next { right:10px; }		
		
		.portfolio-single h3 { text-transform:none; margin-top:10px; }
		.portfolio-single h6 { color:#919191; font-weight:normal; margin:-10px 0px 20px; }
		.portfolio-share { float:left; clear:both; width:100%; margin:20px 0px 0px; }
		
		.post-nav-container { float:left; width:100%; margin:30px 0px 0px; padding:15px 0px; clear:both; border-bottom:1px dotted #888888; border-top:1px dotted #888888; }
		.post-nav-container a { font-weight:bold; }
		.post-nav-container a span { font-size:12px; font-weight:normal; color:#333334; font-style:italic; }
		.post-nav-container .post-prev-link { float:left; }
		.post-nav-container .post-next-link { float:right; }
		
		/*----*****---- << Pagination >> ----*****----*/
		
		.pagination { float:left; width:100%;  margin:20px 0px 10px; padding:0px; }
		.pagination ul { float:left; margin:0px; padding:0px; }
		.pagination ul li { float:left; display:inline; margin:0px; padding:0px; }
		.pagination ul li a, .pagination .next-post, .pagination .prev-post { font-size:14px; font-weight:bold; line-height:37px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 0px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
		.pagination ul li a:after, .pagination .next-post:after, .pagination .prev-post:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.pagination ul li.active-page { color:#ffffff; font-size:14px; font-weight:bold; line-height:37px; padding:0px 15px; margin:0px 10px 0px 0px; float:left; position:relative; }
		.pagination ul li.active-page:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.pagination ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover { color:#ffffff; }
		
		.pagination .next-post { float:left; margin-left:4px; padding:0px; }
		.pagination .prev-post { float:left; margin-right:4px; padding:0px; }
		
		
		/*----*****---- << Blog >> ----*****----*/
		
		.blog-entry { width:100%; margin:0px; padding:0px; float:left; }	
		
		.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:260px; }
		.one-half .entry-details { width:238px; }
		.one-third .blog-entry .entry-thumb-meta, .one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; margin:0px 0px 10px; }
		.one-third .entry-details, .one-column.blog-fullwidth .entry-details, .one-half.with-sidebar .entry-details, .blog-single-entry .entry-details { width:100%; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:60%; }
		.one-column.blog-thumb .entry-details { width:73%; }
			
		.blog-entry .entry-thumb-meta img { max-width:100%; }
			
		.blog-entry .entry-thumb-meta { float:left; margin:0px 20px 0px 0px; position:relative; }
		.entry-details { float:left; margin:8px 0px 0px; padding:0px; }
		
		.blog-entry .entry-thumb-meta .entry-thumb { display:block; position:relative; }
		.blog-entry .entry-thumb-meta .entry-thumb img { display:block; } 
		.blog-entry .entry-thumb-meta .entry-thumb:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		
		.blog-entry .entry-thumb-meta .entry-meta { position:absolute; float:left; top:10px; left:10px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; }
		.blog-entry .entry-thumb-meta .entry-meta .rounded-bend { position:absolute; right:-17px; top:0px; width:12px; height:40px; }
		
		.blog-entry .entry-thumb-meta .entry-meta a, .blog-entry .entry-thumb-meta .entry-meta .date, .blog-entry .entry-thumb-meta .entry-meta, .blog-entry .entry-thumb-meta .entry-meta span, .blog-entry .entry-thumb-meta .entry-meta p { color:#ffffff; line-height:40px; float:left; }
		.blog-entry .entry-thumb-meta .entry-meta .date { margin-right:10px; }
		.blog-entry .entry-thumb-meta .entry-meta .date p { font-weight:bold; margin:0px; }
		.blog-entry .entry-thumb-meta .entry-meta span { margin-right:5px; }
		.blog-entry .entry-thumb-meta .entry-meta a:hover, .blog-entry .entry-thumb-meta .entry-meta a:hover span { color:#000000; }
		
		.entry-details h4 { margin-bottom:5px; }
		.entry-metadata { margin-bottom:10px; }
		.entry-metadata span { font-size:14px; color:#939393; }
		.entry-metadata div { margin-bottom:5px; clear:both; width:100%; } 
		.entry-metadata a { font-size:14px; color:#333334; }
		
		.entry-body .read-more, .entry-body .read-more span {
	color:#3498db;
}
		
		.entry-body .read-more span { top:1px; position:relative; }
		
		.blog-entry .entry-thumb-meta:hover .entry-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		
		/*----*****---- << Blog Comment Entries >> ----*****----*/	
		
		.commententries { width:100%; float:left; margin:10px 0px 0px; padding:0px; }
		ul.commentlist { float:left; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; }
		ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 20px; padding:0px 0px 0px 100px; position:relative; clear:both; }
		ul.commentlist li ul.children { margin:10px 0px 10px; padding:0px; float:left; border:none; clear:both; width:100%; }
		ul.commentlist li .respond { margin-left:69px; }
		
		ul.commentlist li .comment { background:url(/bitrix/templates/M-servis_2/images/comment-bubble.png) left 38px no-repeat; margin:0px; padding:0px 0px 0px 25px; }
		ul.commentlist li .comment-details { position:relative; border-bottom:3px solid #d9d9d9; background:#ededed; padding:15px 20px 10px; margin:10px 0px 10px; }
		
		ul.commentlist li .comment-details:before { border-bottom:1px solid #FFFFFF; bottom:0px; content:''; left:0px; position:absolute; width:100%; }
		
		ul.commentlist li .comment-body { margin:15px 0px 0px; } 
		ul.commentlist li .comment-body p { line-height:20px; }
		
		ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
		ul.commentlist li .comment-author img { border:5px solid #e5e5e5; max-width:88px; max-height:88px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:88px; }
		ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); }
		ul.commentlist li .author-name { font-weight:bold; font-size:16px; padding-bottom:5px; }
		ul.commentlist li .author-name a { color:#333334; }
		
		ul.commentlist li .comment-details { display:block; }		
		ul.commentlist li .commentmetadata { font-size:12px; color:#8c8c8c; font-style:italic; text-decoration:none; }
		
		ul.commentlist li .reply { margin:0px; position:absolute; top:0px; right:0px; }
		ul.commentlist li .reply a { font-weight:bold; color:#ffffff; padding:10px 15px; display:inline-block; }
		ul.commentlist li .reply a:hover { background:#333334; }
		
		#respond h3 { text-transform:uppercase; padding-bottom:20px; }
		#respond input[type="text"], #respond input[type="email"] { width:90.6%; }
		#respond textarea { width:95.5%; } 
		
		/*----*****---- << Testimonials >> ----*****----*/
		
		.testimonial { width:100%; margin:0px 0px 35px; padding:0px; float:left; position:relative; }
		.testimonial .author { z-index:1; position:absolute; left:0px; top:0px; background:#e5e5e5; background:rgba(0, 0, 0, 0.1); padding:10px; float:left; width:118px; height:118px; border-radius:118px; }
		.testimonial .author img { width:118px; height:118px; border-radius:118px;  }
		.testimonial .author:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
		.testimonial blockquote { margin-left:65px; padding:15px 25px 15px 120px; margin-top:14px; width:59%; }
		.testimonial blockquote:before { left:90px; top:15px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		
		.partner-carousel-wrapper { float:left; width:100%; margin:0px; padding:0px; position:relative; }
		.partner-carousel { float:left; width:100%; margin:0px; padding:0px; }
		.partner-carousel li { float:left; display:inline; padding:0px; margin:0px 10px; width:230px; height:72px; text-align:center; border:10px solid #ededed; } 
		.partner-carousel li a { display:inline-block; width:100%; height:100%; position:relative; width:100%; }
        .partner-carousel li img { max-width:100%; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0.5; filter:alpha(opacity=55); }
		.partner-carousel li:hover img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:1; filter:alpha(opacity=100); }
		
		/*----*****---- << Team >> ----*****----*/
		
		.team { background:#ededed; width:100%; float:left; margin:20px 0px 40px; padding:0px; text-align:center; }
		.team .image { width:100%; height:230px; overflow:hidden; }
		.team h4 { margin:10px 0px 0px; }
		.team h6 { color:#919191; font-weight:normal; margin:0px; }
		
		.team .social-icons { float:none; display:inline-block; text-align:center; position:relative; bottom:-17px; }
		.team .social-icons li { margin:0px; border:3px solid #ededed; border-radius:30px; }
		
		.team .image img:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		/*----*****---- << Page Slider >> ----*****----*/
		
		.page-slider-container { background:url(/bitrix/templates/M-servis_2/images/slider-shadow.png) center bottom no-repeat; float:left; width:100%; /*height:300px;*/ margin:0px; padding:0px 0px 25px; position:relative; }
		.page-slider { float:left; width:100%; margin:0px; padding:0px; }
		.page-slider li { display:block; width:100%; float:left; margin:0px; padding:0px; }
		.page-slider li img { max-width:100%; }
		
		.page-slider-container .bx-pager { position:absolute; right:15px; bottom:43px; z-index:100; }
		.page-slider-container .bx-pager .bx-pager-item { float:left; margin:0px 3px; }
		.page-slider-container .bx-pager .bx-pager-item a { background:#ffffff; width:12px; height:12px; border-radius:12px; font-size:0px; float:left; }
		.page-slider-container .bx-pager .bx-pager-item a.active { background:#333334; }
		
		/*----*****---- << 404 >> ----*****----*/
		
		.error-info { text-align:center; }
		.error-info h2 { font-size:30px; text-transform:none; margin-bottom:10px; }
		.error-info h2 span.error { font-size:120px; }
		.error-info h2 span { font-size:48px; }		
		.error-info h3 { font-size:24px; text-transform:none; }
		.error-info #searchform { margin:30px 0px 0px; display:inline-block; float:none; width:100%; }
		.error-info #searchform input[type="text"], .error-info #searchform input[type="submit"] { display:inline-block; float:none; margin:0px; }
		.error-info #searchform input[type="text"] { margin-right:-3px; }
		.error-info #searchform input[type="submit"] { padding:12px 15px; font-weight:bold; font-size:16px; }
		
		/*----*****---- << Contact >> ----*****----*/
		
		.contact-details { display:inline-block; background:#ededed; border-bottom:3px solid #d9d9d9; position:relative; margin:20px 0px 0px; padding:25px 30px 15px; }
		.contact-details:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:1px solid #ffffff; }
		.contact-details h4 { margin-top:25px; }
		.contact-details span { margin-right:5px; font-size:14px; }
		.contact-details .working-hours span { float:left; font-size:18px; margin-top:1px; margin-right:10px; padding-bottom:10px; }
		
		#contact-form { margin:25px 0px 0px; }
		#contact-form input[type="text"], #contact-form input[type="email"] { width:94.4%; margin-bottom:20px;  }		
		#contact-form textarea { width:97%; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:90.4%; margin-bottom:20px;  }		
		.two-third #contact-form textarea { width:95.4%; height:214px; }
		
		.fullwidth-map { width:100%; margin:-20px 0px 20px; padding:0px; float:left; clear:both; }
		.fullwidth-map #map { height:488px; }
		#map { height:374px; margin:0px; position:relative; width:100%; }	
			
		#map img { max-width:none !important }		
		#map { max-width:100%; }
		
		.failure { color:#ff0000; }
		.success { color:#7AA127; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		
		.side-nav-container { float:left; width:100%; margin:0px; position:relative; }
		.side-nav-container ul { float:left; width:100%; padding:0px; position:relative; border: 1px solid #dcdcdc; }
		.side-nav-container ul li { display:block; margin:0px; padding:0px 0px 2px; }
		.side-nav-container ul li:last-child { background:none; padding-bottom:0px; }
		.side-nav-container ul li a { display:block; line-height:52px; font-weight:bold; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 500ms linear; -o-transition:all 500ms linear; -ms-transition:all 500ms linear; transition:all 500ms linear; padding:0 10px;}
		.side-nav-container ul li a:hover, .side-nav-container ul li.current_page_item a { background-color: #ededed;  }
		.side-nav-container ul li a span { background:#333334; border:3px solid #e2e2e2; width:25px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#ffffff; margin:10px 10px 0px 0px; float:left; border-radius:25px; }
		.side-nav-container ul li a:hover span, .side-nav-container ul li.current_page_item a span { background-color:#0883c0; -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		/*----*****---- << Footer >> ----*****----*/
		
		#footer { float:left; width:100%; margin:0px; padding:30px 0px 0px; border-top:5px solid #dddddd; background:#333334; }
		
		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer a:hover { color:#ffffff; }
		#footer p, #footer a, #footer span, #footer .widget .tweet_list li:before, #footer .widget ul li:before {
	color:#FFFFFF;
	line-height:24px;
} 
		
		#footer .widget ul { float:left; width:100%; margin:0px; padding:0px; }
		#footer .widget ul li { width:94%; font-size:14px; font-weight:normal; color:#989898; display:block; position:relative; border-bottom:1px dotted #5a5a5a; padding:7px 0px 7px 15px; }
		#footer .widget ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:6px; left:0px; }
		#footer .widget ul li a { padding:0px; background:none; display:inline; }
		
		#footer .tweets a { color:#e6e6e6; }
		
		#footer .widget { padding-bottom:30px; width:100%; float:left; }
		#footer .widget h3.widgettitle { margin-bottom:20px; font-size:18px; }
		
		#footer .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; }
		#footer .widget .tweet_list li:before { content:"\f099"; font-size:18px; top:12px;-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
		#footer .widget .tweet_list:hover li:before { color:#ffffff; }
	
		#footer .widget ul.product_list_widget li { display:block; border:0px; padding:10px 0px; }
		#footer .widget ul.product_list_widget li:before, #footer  ul.recent-posts-widget li:before, #footer .widget_categories ul li a:before { content:""; }
		
		#footer  ul.recent-posts-widget li { border-bottom:0px; padding:0px; }
		#footer .widget_categories ul li a { position:relative; display:block; }
		
		#footer .widget.widget_tag_cloud .tagcloud a { background:#212121; border-bottom-color:#212121; line-height:36px; }
		#footer .widget.widget_tag_cloud .tagcloud a:after { border-bottom-color:#333334; }
		
		#footer ul.product_list_widget li .amount { color:#ffffff; }
		
		#footer .widget .social-icons { margin:20px 0px 0px; }
		#footer .widget .social-icons li { display:inline; float:left; border:0px; padding:0px; margin:0px 5px 0px 0px; width:29px; clear:none; }
		#footer .widget .social-icons li:before { content:""; }
		#footer .widget .social-icons li a { position:static; }
		
		.copyright { background:#1f1f1f; width:100%; clear:both; padding:20px 0px; margin:0px; color:#6a6a6a; }
		.copyright p, .copyright div, .copyright a { color:#6a6a6a; margin-bottom:0px; }
		.copyright a:hover { color:#ffffff; }
        .tel { font-size:24px; color:#0883c0; font-weight:bold; padding: 15px 3px !important;}
        .tp-caption.slider_button a {background-color: #3498db !important;}
        .parnas {padding:10px; border:1px solid #c9c9c9;}
        .cont img {margin:20px 0;display:block;}

        .marki {list-style-type:none; text-align:center; margin:0 auto; display:block;}
        .marki li {display: inline-block; width:100px;padding: 14px 7px;}
        .marki li img {margin:0 auto;}
        

.share {
    border:1px solid #e4e4e4;
    padding:10px;
    margin:0 0 10px 0;
}
#h1-main {
    text-align:center;
    margin:20px 0 10px 0;
}
.share2 {
border:none;
}
.share2 li{
    list-style-type: none;
}
.share2 li a{
    font-size:26px;
}
.dev {
    border-bottom:1px solid #e4e4e4;
display: -webkit-box;
}
.whatsapp {
    display: inline-block;
}
.whatsapp:hover {
    transform: rotate(15deg);
}


.fancybox-overlay * {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
#callback, #service {
    min-width: 400px;
    box-sizing: border-box;
}
#callback *, #service * {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-sizing: border-box;
    font-size: 13px;
}
.form-horizontal {
    border: 1px solid black;
    padding: 30px 30px 10px;
    background: white;
    z-index: 2;
}
.controls {
    padding: 0 10px;
}
.control-group {
    padding: 0 0 15px 0;
}
#callback label, #service label {
    color: #949494;
    font-weight: normal;
}
#callback input, #service input, textarea {
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,.2);
    background-color: #fff;
    margin: 10px 0 0 0;
    -webkit-appearance: none;
    -moz-appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
input:focus, textarea:focus {
    border: 1px solid #0883c0;
}
textarea {
    resize: none;
    height: auto;
}
.red_star {
    color: red;
}
.control-group:nth-child(-n+2) .red_star {
    margin: 2px;
}
.control-group:nth-child(n+3) .red_star {
    margin: 5px;
}

input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
    font-size: 14px;
}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #0883c0;
    background-color: white;
}
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    left: 3px;
    top: 4px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #0883c0;
    border-bottom: 4px solid #0883c0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
#callback button[type="submit"], #service button[type="submit"] {
    background: #0883c0;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 30px;
    float: unset;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0;
}
button[type="submit"]:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.75;
}
#callback button[type="submit"]:disabled, #service button[type="submit"]:disabled {
    background: grey;
}
#callback .error, #service .error {
    color: red;
}
.callback_success, .service_success {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 200px 0;
    font-size: 18px;
    line-height: 32px;
}
@media screen and (max-width: 424px) {
    #callback, #service {
        min-width: unset;
    }
    
}

#jGrowl {
    z-index: -111 !important;
	display: none !important;
}

.modal-form {
    background-color: #0883c0;
    color: #fff;
    padding: 10px 43px;
    font-weight: normal;
    font-size: 17px;
    display: inline-block;
}
.modal-form:hover {
    color: #fff;
    opacity: 0.8;
}

header hr {
    margin: 0;
}
.header-info {
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    margin: 10px auto;
}
.header-info span {
    float: left;
    padding: 10px 0 0;
    font-weight: lighter;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .header-info {
        text-align: center;
    }
    .header-info span {
        float: unset;
        display: block;
        margin: 0 0 15px 0;
        font-size: 15px;
    }
    .header-info .modal-form {
        display: inline-block;
    }
}

 
      
.askquestion {
  text-decoration: none;
  outline: none;
  display: inline-block;
    padding: 10px 0;
    margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;
  border: 2px solid #0883c0;
  color: #0883c0;
  background-color: #fff;
  transition: .2s ease-in-out;
  width: 340px;
  text-align: center;
}
.askquestion:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.askquestion:hover {
    background-color: #0883c0;
    color: #fff;
}
.askquestion:hover:before {
  left: 270px;
  transition: .5s ease-in-out;
}

.signup {
    background-color: #0883c0;
    color: #fff;
}
.signup:hover {
    background-color: #fff;
    color: #0883c0;
}
.signup:before {
    background: linear-gradient(90deg, rgba(8, 131, 192,.1), rgba(8, 131, 192,.5));
}

@media screen and (max-width: 768px) { 
    .askquestion {
        width: 280px;
    }
}

.yandex_href {
    display: inline-block;
    background-color: #ffdb4d;
    color: #000;
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    display: none;
    width: 100%;
}
@media screen and (max-width: 768px) { 
    .yandex_href {
        display: inline-block;
    }
}

.map_pin {
    height: 15px;
    vertical-align: bottom;
    padding: 0 5px 0 0;
}

.table__inner {
	display: flex;
	overflow-x: auto;
}
.table__inner table {
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
}
.price__table tr {
	transition: 0.3s;
}
.price__table thead tr:first-child td {
	background-color: #0883c0;
	color: #fff;
}
.price__table tr:nth-child(odd) {
	background-color: #ececec;
}
.price__table td {
	padding: 7px 15px;
	color: #484848;
}
.price__table td:nth-child(n+2){
	text-align: center;
	min-width: 80px;
}
.price__table td:nth-child(4){
	min-width: 160px;
}


.price__table tr:hover {
	background-color: #dcdcdc;
}


.price__list {

}
.tab {
	overflow: hidden;
}
.tab button {
	float: left;
	margin: 0;
	outline: none;
	border: none;
	font-weight: lighter;
	width: 25%;
	font-size: 11px;
	background: #545454;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdc;
}
@media screen and (max-width: 1200px) {
	.tab button {
		width: 33.3333%;
	}
}
@media screen and (max-width: 1000px) {
	.tab button {
		width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.tab button {
		width: 100%;
	}
	.side-nav-container > ul {
		display: none;
	}
}

.tab button:hover {
	background-color: #0883c0;
}

.tab button.selected {
	background-color: #0883c0;
}

.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}


.marki span {
	color: grey;
	padding: 10px 0 0;
	display: block;
}
.marki > li {
	transition: 0.6s;
	outline: transparent solid 1px;
}
.marki > li:hover {
	outline: 1px solid #0883c0;
}




.price__dropdown {
	display: flow-root;
}
.price__dropdown * {
	list-style-type: none;
}

.price__dropdown .link, .leftmenu .link2 {
	cursor: pointer;
	display: block;
	/*color: #4D4D4D;*/
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.price__dropdown .link a {
	display: block;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	background-color: #0883c0;
	color: #fff;
}
.fa-chevron-down:before {
	color: white;
}
.price__dropdown li i.fa-chevron-down {
	padding: 14px 12px;
}

.price__dropdown li:last-child .link, .price__dropdown li:last-child .link2 { border-bottom: 0; }

.price__dropdown li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.price__dropdown li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
	top: 0;
	right: 0;
	padding: 15px 12px;
}

.price__dropdown li.open .link, .price__dropdown li.open .link2 {
	color: #000;
}

.price__dropdown li.open i {
	color: #000;
	font-weight: bold;
}

.price__dropdown li.open .link > i.fa-chevron-down, .price__dropdown li.open > .link2 > i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu1 {
	list-style-type: none;
	display: none;
}
.submenu1 {
	background: #ececec;
	font-size: 14px;
}

.submenu1 li {
	border-bottom: 1px solid #4b4a5e;
}

.submenu1 a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 12px;
	padding-left: 40px;
}
.link a, .submenu1 a {
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.link a:hover, .submenu1 a:hover {
	background: #cbcbcb;
}

.link2 a {
	padding: 0;
}



.dropdown__block {

}
.dropdown__block p {
	padding: 8px 10px;
	margin: 0;
}
.dropdown__block p:nth-child(odd) {
	background-color: #ececec;
}
.dropdown__block p:hover {
	background-color: #dcdcdc;
}
.dropdown__block span {
	float: right;
}



/*----*****---- << Shortcodes >> ----*****----*/
	
	/*----*****---- << Buttons >> ----*****----*/
	
	.button {
	line-height:normal;
	display:inline-block !important;
*display:inline; 	zoom:1;
	margin:10px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
}
	.button:hover { opacity:0.8; filter:alpha(opacity=80); color:#ffffff; }
	
	.button.small { font-size:14px; padding:11px 20px; background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) top repeat-x; }
	.button.medium { font-size:16px; padding:16px 20px; background:url(/bitrix/templates/M-servis_2/images/btn-medium-gradient.png) top repeat-x; }
	.button.large { font-size:18px; padding:21px 45px; font-size:16px; background:url(/bitrix/templates/M-servis_2/images/btn-large-gradient.png) top repeat-x; }
	.button.xlarge { font-size:20px; padding:26px 35px; font-size:18px; background:url(/bitrix/templates/M-servis_2/images/btn-large-gradient.png) top repeat-x; }
	
	.button.green { background-color:#7aa127; }
	
	.button.orange { background-color:#f39d12; }
	.button.blue { background-color:#3498db; }
	.button.pink { background-color:#e67fb9; }
	.button.red { background-color:#e74d3c; }
	.button.purple { background-color:#9c59b6; }
	.button.ocean { background-color:#1abc9c; }
	.button.black { background-color:#333334; }
	
	.button:hover { background-color:#000000; }
	.button.black:hover { background-color:#333334; }
	
	input.button, input[type="submit"], input[type="button"] { overflow: visible; /* remove padding from left/right */ width:auto !important; }
	
	/*----*****---- << Lists >> ----*****----*/
	
	ul.fancy-list { list-style-type:none; list-style-position:outside; }
	ul.fancy-list li { display:block; position:relative; padding-left:20px; line-height:normal; }
	ul.fancy-list li ul { padding-left:0px; }
	
	ul.fancy-list.arrow li { padding-left:15px; }
	
	ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; }
	
	ul.fancy-list.arrow li:before { content:"\f105";  }
	ul.fancy-list.rounded-arrow li:before { content:"\f0a9";  }
	ul.fancy-list.double-arrow li:before { content:"\f101";  }	
	ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; }
	ul.fancy-list.trash li:before { content:"\f014";  }
	ul.fancy-list.star li:before { content:"\f005";  }
	ul.fancy-list.tick li:before { content:"\f00c";  }
	ul.fancy-list.rounded-tick li:before { content:"\f058";  }
	ul.fancy-list.cross li:before { content:"\f00d";  }
	ul.fancy-list.rounded-cross li:before { content:"\f057";  }
	ul.fancy-list.rounded-question li:before { content:"\f059";  }
	ul.fancy-list.rounded-info li:before { content:"\f05a";  }
	ul.fancy-list.delete li:before { content:"\f05e";  }
	ul.fancy-list.warning li:before { content:"\f071";  }
	ul.fancy-list.comment li:before { content:"\f075";  }
	ul.fancy-list.edit li:before { content:"\f044";  }
	ul.fancy-list.share li:before { content:"\f064";  }
	ul.fancy-list.plus li:before { content:"\f067";  }
	ul.fancy-list.rounded-plus li:before { content:"\f055";  }
	ul.fancy-list.minus li:before { content:"\f068";  }	
	ul.fancy-list.rounded-minus li:before { content:"\f056";  }	
	ul.fancy-list.asterisk li:before { content:"\f069";  }
	ul.fancy-list.cart li:before { content:"\f07a";  }
	ul.fancy-list.folder li:before { content:"\f07b";  }
	ul.fancy-list.folder-open li:before { content:"\f07c";  }
	ul.fancy-list.desktop li:before { content:"\f108";  }
	ul.fancy-list.tablet li:before { content:"\f10a";  }
	ul.fancy-list.mobile li:before { content:"\f10b";  }
	ul.fancy-list.reply li:before { content:"\f112";  }
	ul.fancy-list.quote li:before { content:"\f10d";  }
	ul.fancy-list.mail li:before { content:"\f0e0";  }
	ul.fancy-list.external-link li:before { content:"\f08e";  }	
	ul.fancy-list.adjust li:before { content:"\f042";  }
	ul.fancy-list.pencil li:before { content:"\f040";  }
	ul.fancy-list.print li:before { content:"\f02f";  }
	ul.fancy-list.tag li:before { content:"\f02b";  }	
	ul.fancy-list.thumbs-up li:before { content:"\f088";  }
	ul.fancy-list.thumbs-down li:before { content:"\f087";  }
	ul.fancy-list.time li:before { content:"\f017";  }
	ul.fancy-list.globe li:before { content:"\f0ac";  }	
	ul.fancy-list.pushpin li:before { content:"\f08d";  }
	ul.fancy-list.map-marker li:before { content:"\f041";  }
	ul.fancy-list.link li:before { content:"\f0c1";  }
	ul.fancy-list.paper-clip li:before { content:"\f0c6";  }	
	ul.fancy-list.download li:before { content:"\f019";  }
	ul.fancy-list.key li:before { content:"\f084";  }
	ul.fancy-list.search li:before { content:"\f002";  }
	ul.fancy-list.rss li:before { content:"\f09e";  }	
	ul.fancy-list.twitter li:before { content:"\f099";  }
	ul.fancy-list.facebook li:before { content:"\f09a";  }
	ul.fancy-list.linkedin li:before { content:"\f0e1";  }
	ul.fancy-list.google-plus li:before { content:"\f0d5";  }
	
	ul.fancy-list.check li:before { content:"\f046";  }
	ul.fancy-list.hand li:before { content:"\f0a4";  }
	ul.fancy-list.cog li:before { content:"\f013";  }
	ul.fancy-list.play li:before { content:"\f01d";  }
	
	ol.fancy-list li span { color:#333334; }

	ol.decimal { list-style-type:decimal; }
	ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
	ol.lower-alpha { list-style-type:lower-alpha; }
	ol.lower-roman { list-style-type:lower-roman; }
	ol.upper-alpha { list-style-type:upper-alpha; }
	ol.upper-roman { list-style-type:upper-roman; }
	
	ol.fancy-list.blue li { color:#2b6375; }
	ol.fancy-list.yellow li { color:#ffc956; }
	ol.fancy-list.pink li { color:#c34258; }
	ol.fancy-list.green li { color:#61a760; }
	ol.fancy-list.violet li { color:#343b67; }
	ol.fancy-list.mustard li { color:#a38036; }
	ol.fancy-list.turquoise li { color:#42c2a2; }	
	ol.fancy-list.olive-green li { color:#C9C94F; }
	ol.fancy-list.orange li { color:#FB7A1A; }
	ol.fancy-list.purple li { color:#BC3099; }
	ol.fancy-list.red li { color:#D11B1B; }
	ol.fancy-list.deepblue li { color:#092334; }
	ol.fancy-list.teal li { color:#008899; }	
	ol.fancy-list.mauve li { color:#625B56; }
	ol.fancy-list.steelblue li { color:#788794; }
	ol.fancy-list.coffee li { color:#372E25; }
	ol.fancy-list.coral li { color:#FF7F50; }
	ol.fancy-list.crimson li { color:#DC143C; }
	ol.fancy-list.hotpink li { color:#FF69B4; }
	ol.fancy-list.aqua li { color:#00DDDD; }
	
	/*----*****---- << Blockquote >> ----*****----*/
	
	blockquote { border-bottom:3px solid #d9d9d9; background:#ededed; display:block; padding:25px 25px 25px 50px; margin:0px; position:relative; }
	blockquote q { font-style:normal; font-size:14px; line-height:24px; }
	blockquote cite { font-size:12px; }
	blockquote:before { content:"\f10d"; font-family:FontAwesome; font-style:normal; color:#797979; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; top:25px; left:20px; }
	blockquote:after { content:''; border-bottom:1px solid #ffffff; bottom:0px; left:0px; position:absolute; width:100%; }
	
	/*----*****---- << Toggle & Accordion >> ----*****----*/
	
	.toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
	.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle { clear:both; margin:0px 0px 1px; background:#ededed; }
	.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a { color:#333334; display:block; padding:12px 15px 15px 37px; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active a:hover { color:#ffffff !important; }
	.toggle-content { clear:both; padding:20px 0px 20px; display:none; }
	
	h5.toggle, h5.toggle-accordion { font-size:16px; clear:both; position:relative; padding-left:22px; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	h5.toggle:before, h5.toggle-accordion:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; position:absolute; top:2px; left:0px; content:"\f055"; }
	h5.toggle.active:before, h5.toggle-accordion.active:before { content:"\f056"; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active:before, .toggle-frame h5.toggle.active:before, .toggle-frame h5.toggle-accordion.active:hover, .toggle-frame h5.toggle.active:hover { color:#ffffff; }
	
	.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before { top:13px; left:15px; }
	
	.toggle-frame h5.toggle, .toggle-frame h5.toggle-accordion { padding:0px; }	
		
	.faq h5.toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; }	
	.faq h5.toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#333334; width:27px; height:27px; text-align:center; line-height:27px; color:#ffffff; border:3px solid #d9d9d9; border-radius:27px; }
	.faq h5.toggle-accordion.active:before { content:'?'; }
	.faq .toggle-content { padding:0px 0px 10px; margin-left:42px; }
	
	/*----*****---- << Horizontal Tabs >> ----*****----*/
	
	.tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
	ul.tabs-frame { float:left; margin:0px 0px 0px 2%; padding:0px; width:98%; }
	ul.tabs-frame li { float:left; display:inline; margin:0px 10px 0px 0px; padding:0px; }
	ul.tabs-frame li a { border:1px solid #d9d9d9; border-top:3px solid #d9d9d9; border-bottom:0px; float:left; margin:0px; padding:0px 20px; background:#ededed; text-align:center; font-size:14px; font-weight:bold; color:#333334; line-height:40px; }
	ul.tabs-frame li a.current { background:#ffffff; color:#333334; border-bottom:0px; position:relative; z-index:1; }
	
	.tabs-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; clear:both; width:90%; margin:-1px 0px 0px; padding:25px 5% 15px; }	
	
	/*----*****---- << Vertical Tabs >> ----*****----*/
	
	.tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
	ul.tabs-vertical-frame { float:left; width:31%; margin:0px; padding:0px 13px 0px 0px; }
	ul.tabs-vertical-frame li { float:left; display:block; margin:0px 0px 10px; padding:0px; width:100%; position:relative; }
	ul.tabs-vertical-frame li a { display:block; border:1px solid #d9d9d9; margin:0px; padding:14px 20px; background:#ededed; font-size:14x; font-weight:bold; color:#333334; }
	ul.tabs-vertical-frame li a.current { background:#ffffff; }
	
	ul.tabs-vertical-frame li.current a span { position:absolute; right:-6px; top:16px; background:url(/bitrix/templates/M-servis_2/images/vertical-tabs-active.png) no-repeat; width:7px; height:12px;  }
	
	.tabs-vertical-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; width:58%; margin:-1px 0px 0px; padding:20px 4% 20px; }		
	.tabs-vertical-frame-content h4 { text-transform:none; }
	
	/*----*****---- << Pricing Table >> ----*****----*/
	
	.pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
	.pr-tb-col { position:relative; border:5px solid #f0f0f0; background:#fafafa; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
	
	.tb-title h5 { padding:20px; font-weight:bold; font-size:20px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
	
	.tb-header .price { background:#666667; margin:0px -5px; padding:20px 20px 20px 20px; display:block; font-size:48px; font-weight:bold; color:#ffffff; }
	.tb-header .price span { font-size:18px; }
	
	.tb-content { border-top:5px solid #f0f0f0; list-style-type:none; margin:0px; }
	.tb-content li { background:#f7f7f7; font-size:14px; color:#757575; border-top:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:18px 10px; }
		
	.pr-tb-col .buy-now { border-top:5px solid #f0f0f0; padding:20px; margin:0px; }
	.pr-tb-col .buy-now .button { margin:0px; background-color:#333334; color:#ffffff; }
	
	.pr-tb-col, .tb-header .price, .tb-title h5, .pr-tb-col .buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	.pr-tb-col.selected, .pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); margin-top:-25px; }
	.pr-tb-col:hover { z-index:100; }
	
	.pr-tb-col.selected .tb-title h5, .pr-tb-col:hover .tb-title h5, .pr-tb-col.selected .buy-now, .pr-tb-col:hover .buy-now { padding:25px 20px; }	
	.pr-tb-col.selected .tb-header .price, .pr-tb-col:hover .tb-header .price { padding:35px 20px; }
	.pr-tb-col.selected { border-color:#9bb95d; }
	.pr-tb-col.selected .tb-header .price { background:#9bb95d; }
	
	.pricing-table.no-space .column { margin-right:0px; }
	.pricing-table.no-space .one-fourth { width:25%; } 	
	.pricing-table.no-space .one-third { width:33.3%; }	
	.pricing-table.no-space .one-half { width:50%; }
	.pricing-table.no-space .one-fifth { width:20%; }
	.pricing-table.no-space .one-sixth { width:16.6%; }
	
	.pricing-table.no-space .three-fourth { width:75%; }
	.pricing-table.no-space .two-third { width:66.6%; }
	.pricing-table.no-space .four-fifth { width:80%; }
	.pricing-table.no-space .three-fifth { width:60%; }
	.pricing-table.no-space .two-fifth { width:40%; }
	.pricing-table.no-space .two-sixth { width:33.2%; }
	.pricing-table.no-space .three-sixth { width:49.8%; }
	.pricing-table.no-space .four-sixth { width:66.4%; }
	.pricing-table.no-space .five-sixth { width:83%; }	

	/*----*****---- << Progress Bar >> ----*****----*/
		
	.progress { height:42px; margin-bottom:10px; clear:both; display:block; }
	.progress .bar { position:relative; }
	.progress .bar-text { font-size:14px; position:absolute; top:0; left:0; line-height:42px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px; color:#fff; font-weight:bold; width:100%; text-align:left; display:none; }
	.progress .bar-text > span { float:right; display:block; }
	
	@-webkit-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-moz-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-ms-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-o-keyframes progress-bar-stripes {
	  from {
		background-position: 0 0;
	  }
	  to {
		background-position: 40px 0;
	  }
	}
	@keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	.progress {
	  overflow: hidden;
	  height:42px;
	  background-color: #ededed;
	}
	.progress .bar {
	  width: 0%;
	  height: 100%;
	  color: #ffffff;
	  float: left;
	  font-size: 12px;
	  text-align: center;
	  background-color: #0e90d2;
	  background-repeat: repeat-x;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: width 0.6s ease;
	  -moz-transition: width 0.6s ease;
	  -o-transition: width 0.6s ease;
	  transition: width 0.6s ease;
	}
	.progress .bar + .bar {
	  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	}
	.progress-striped .bar {
	  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  -webkit-background-size: 40px 40px;
	  -moz-background-size: 40px 40px;
	  -o-background-size: 40px 40px;
	  background-size: 40px 40px;
	}
	.progress.active .bar {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
	  -moz-animation: progress-bar-stripes 2s linear infinite;
	  -ms-animation: progress-bar-stripes 2s linear infinite;
	  -o-animation: progress-bar-stripes 2s linear infinite;
	  animation: progress-bar-stripes 2s linear infinite;
	}
	
/*-----------------------------------------------------------------------------

	-	Revolution Slider 1.5.3 -

		Screen Stylesheet

version:   	2.1
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------

	-	Revolution Slider 2.0 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


.fullwidthbanner-container {
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}
/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
	visibility:hidden !important;
	display:none !important;
}
.tp-caption {
	z-index:1;
}
.tp-caption.big_title {
	color:#333334;
	font-weight:bold;
	font-size:22px;
	line-height:normal;
	margin-bottom:15px;
	text-transform:uppercase;
	font-family:'Lato', sans-serif;
}
.tp-caption.small_content {
	color:#333334;
	font-size:14px;
	line-height:24px;
	font-family:'Lato', sans-serif;
}
.tp-caption.slider_button a {
	line-height:normal;
	display:inline-block !important;
*display:inline;
	zoom:1;
	margin:10px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	padding:11px 20px;
	background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) top repeat-x;
background-color:;
}
.tp-caption.slider_button a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	color:#ffffff;
}
.tp-caption.big_white {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	padding: 3px 4px;
	padding-top: 1px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#000;
	letter-spacing: 0px;
}
.tp-caption.big_orange {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	font-family: Arial;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fb7354;
	letter-spacing: -1.5px;
}
.tp-caption.big_black {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fff;
	letter-spacing: -1.5px;
}
.tp-caption.medium_grey {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	font-family: Arial;
	padding: 2px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#888;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 42px;
	line-height: 42px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.very_large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 60px;
	line-height: 60px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	letter-spacing: 0px;
}
.tp-caption.very_large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 72px;
	line-height: 72px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_red_text {
	position: absolute;
	color: #d31e00;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_brown_text {
	position: absolute;
	color: #a04606;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_green_text {
	position: absolute;
	color: #5b9830;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.very_big_white {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	padding: 3px 4px;
	padding-top: 1px;
	background-color:#7e8e96;
}
.tp-caption.very_big_black {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	font-family: Arial;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	padding: 0px 4px;
	padding-top: 1px;
	background-color:#fff;
}
.tp-caption.boxshadow {
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 19px;
	line-height: 19px;
	font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
	text-shadow: none;
}
.tp-caption a {
	color: #ff7302;
	text-shadow: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
	color: #ffa902;
}
.tp_inner_padding {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;
}
/******************************
	-	BUTTONS	-
*******************************/

.tp-caption .button {
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important;
	font-size:15px;
	line-height:45px !important;
	background:url(/bitrix/templates/M-servis_2/images/gradient/g30.png) repeat-x top;
	font-family: arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}
.tp-caption .button.big {
	color:#fff;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight:bold;
	padding:9px 20px;
	font-size:19px;
	line-height:57px !important;
	background:url(/bitrix/templates/M-servis_2/images/gradient/g40.png) repeat-x top;
}
.purchase:hover, .tp-caption .button:hover, .tp-caption .button.big:hover {
	background-position:bottom, 15px 11px;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.tp-caption.slider_button a {
	margin-top:5px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-caption .button {
	padding:4px 8px 3px;
	line-height:25px !important;
	font-size:11px !important;
	font-weight:normal;
}
a.tp-caption .button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
.tp-caption.slider_button a {
	font-size:9px;
	padding:5px;
	margin-top:5px;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-caption .button {
	padding:2px 5px 2px;
	line-height:20px !important;
	font-size:10px !important;
}
a.tp-caption .button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
.tp-caption.slider_button a {
	font-size:5px;
	padding:3px;
	margin-top:2px;
}
}
/*	BUTTON COLORS	*/



.tp-caption .button.green, .tp-caption .button:hover.green, .purchase.green, .purchase:hover.green {
	background-color:#21a117;
	-webkit-box-shadow:  0px 3px 0px 0px #104d0b;
	-moz-box-shadow:   0px 3px 0px 0px #104d0b;
	box-shadow:   0px 3px 0px 0px #104d0b;
}
.tp-caption .button.blue, .tp-caption .button:hover.blue, .purchase.blue, .purchase:hover.blue {
	background-color:#1d78cb;
	-webkit-box-shadow:  0px 3px 0px 0px #0f3e68;
	-moz-box-shadow:   0px 3px 0px 0px #0f3e68;
	box-shadow:   0px 3px 0px 0px #0f3e68;
}
.tp-caption .button.red, .tp-caption .button:hover.red, .purchase.red, .purchase:hover.red {
	background-color:#cb1d1d;
	-webkit-box-shadow:  0px 3px 0px 0px #7c1212;
	-moz-box-shadow:   0px 3px 0px 0px #7c1212;
	box-shadow:   0px 3px 0px 0px #7c1212;
}
.tp-caption .button.orange, .tp-caption .button:hover.orange, .purchase.orange, .purchase:hover.orange {
	background-color:#ff7700;
	-webkit-box-shadow:  0px 3px 0px 0px #a34c00;
	-moz-box-shadow:   0px 3px 0px 0px #a34c00;
	box-shadow:   0px 3px 0px 0px #a34c00;
}
.tp-caption .button.darkgrey, .tp-caption .button.grey, .tp-caption .button:hover.darkgrey, .tp-caption .button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
	background-color:#555;
	-webkit-box-shadow:  0px 3px 0px 0px #222;
	-moz-box-shadow:   0px 3px 0px 0px #222;
	box-shadow:   0px 3px 0px 0px #222;
}
.tp-caption .button.lightgrey, .tp-caption .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
	background-color:#888;
	-webkit-box-shadow:  0px 3px 0px 0px #555;
	-moz-box-shadow:   0px 3px 0px 0px #555;
	box-shadow:   0px 3px 0px 0px #555;
}
/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:absolute;
	visibility: hidden;
}
.tp-simpleresponsive img {
	max-width:none;
}
/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}
/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow1.png) no-repeat;
	background-size:100%;
	width:890px;
	height:30px;
	bottom:-30px;
}
.tp-bannershadow.tp-shadow2 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow2.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
.tp-bannershadow.tp-shadow3 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow3.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
.tp-caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.tp-caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear {
	clear:both;
}
.tp-bullets {
	z-index:1000;
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-bullets.simplebullets.navbar {
	border:1px solid #666;
	border-bottom:1px solid #444;
	background:url(/bitrix/templates/M-servis_2/images/revolution/boxed_bgtile.png);
	height:40px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.navbar-old {
	background:url(/bitrix/templates/M-servis_2/images/revolution/navigdots_bgtile.png);
	height:35px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.round .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullet.png) no-Repeat top left;
	width:20px;
	height:20px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
	margin-left:3px;
}
.tp-bullets.simplebullets.round .bullet.last {
	margin-right:3px;
}
.tp-bullets.simplebullets.round-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets.png) no-Repeat bottom left;
	width:23px;
	height:23px;
	margin-right:0px;
	float:left;
	margin-top:-12px;
}
.tp-bullets.simplebullets.round-old .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square-old .bullet.last {
	margin-right:0px;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullet_boxed.png) no-Repeat top left;
	width:18px;
	height:19px;
	margin-right:5px;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
	margin-right:0px !important;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/navigdots.png) no-Repeat bottom left;
	width:15px;
	height:15px;
	margin-left:5px !important;
	margin-right:5px !important;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
	margin-right:0px !important;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
	background-position:top left;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
	background-position:bottom left;
}
/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-leftarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_left.png) no-Repeat top left;
	width:40px;
	height:40px;
}
.tp-rightarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_right.png) no-Repeat top left;
	width:40px;
	height:40px;
}
.tp-leftarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_left.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-rightarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_right.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-leftarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-rightarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-leftarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_left_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-right:6px;
	margin-top:12px;
}
.tp-rightarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_right_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-left:6px;
	margin-top:12px;
}
.tp-leftarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrowleft.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-right:6px;
	margin-top:10px;
}
.tp-rightarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrowright.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-left:6px;
	margin-top:10px;
}
.tp-leftarrow.navbar-old.thumbswitharrow {
	margin-right:10px;
}
.tp-rightarrow.navbar-old.thumbswitharrow {
	margin-left:0px;
}
.tp-leftarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.default {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_left.png) no-Repeat 0 0;
	width:40px;
	height:40px;
}
.tp-rightarrow.default {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_right.png) no-Repeat 0 0;
	width:40px;
	height:40px;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
	background-position:bottom left;
}
/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs {
	z-index:1000;
	position:absolute;
	padding:3px;
	background-color:#fff;
	width:500px;
	height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs {
	padding:3px;
}
.tp-bullets.tp-thumbs .tp-mask {
	width:500px;
	height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	overflow:hidden;
	position:relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
	width:5000px;
	position:absolute;
}
.tp-bullets.tp-thumbs .bullet {
	width:100px;
	height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
	cursor:pointer;
	overflow:hidden;
	background:none;
	margin:0;
	float:left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.tp-thumbs img {
	width:100%;
}
/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
	width:100%;
	height:10px;
	background:url(/bitrix/templates/M-servis_2/images/revolution/timer.png);
	position:absolute;
	z-index:200;
}
.tp-bannertimer.tp-bottom {
	bottom:0px !important;
	height:5px;
}

/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


	@media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs {
	width:300px !important;
	height:30px !important;
}
.responsive .tp-bullets.tp-thumbs .tp-mask {
	width:300px !important;
	height:30px !important;
}
.responsive .tp-bullets.tp-thumbs .bullet {
	width:60px !important;
	height:30px !important;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
	display:none
}
.responsive .tparrows {
	display:none;
}
}
/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-simpleresponsive a {
	text-decoration:none;
}
.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}
.tp-simpleresponsive >ul >li {
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div, .tp-caption.slidelink a div {
	width:10000px;
	height:10000px;
	background:url(/bitrix/templates/M-servis_2/images/revolution/coloredbg.png) repeat;
}
.tp-loader {
	background:url(/bitrix/templates/M-servis_2/images/revolution/loader.gif) no-repeat 10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	top:50%;
	left:50%;
	z-index:10000;
	position:absolute;
	width:44px;
	height:44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tp-transparentimg {
	content:"url(/bitrix/templates/M-servis_2/../assets/transparent.png)"
}
.tp-3d {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
}


/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
		
		.container { width:900px; }
		.boxed .wrapper { width:940px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#main-menu ul li a { padding:0px 14px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 14px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:600px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:280px; }
		
		/*----*****---- << Home >> ----*****----*/		
		.ico-content.type2 { width:83%; }
		.ico-content.type3 { width:67%; }	
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:288px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:195px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:27%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:27%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:40%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:187px; }		
		.product-carousel-wrapper ul.products li { width:290px; }
		
		.product-carousel-wrapper ul.products.type2 li .details { width:40%; }
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products li { width:290px; }
		ul.products li .product-thumb { height:195px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images .thumbnails a { width:134px; height:87px; }
		.product .images .thumbnails .product-arrows a { top:25%; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:230px; }
		.one-half .entry-details { width:190px; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.blog-thumb .entry-details { width:72%; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:58%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:194px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:52%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:30%; }	
		
		.ls-layer .button-text2 a { font-size:18px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }	
		#contact-form textarea { width:96.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:250px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		.container { width:710px; }
		.boxed .wrapper { width:750px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#logo { width:27%; }
		#logo h2 a { font-size:20px; }
		
		#main-menu ul li a { padding:0px 8px; font-size:12px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 8px; }
		#main-menu ul li ul { width:150px; }
		#main-menu ul ul ul { left:150px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:500px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:190px; }
		
		/*----*****---- << Home >> ----*****----*/	
		.intro-text.type1 h4 { font-size:15px; }
		.intro-text.type1 h6 { font-size:13px; }
			
		.ico-content.type2 { width:77.5%; }
		.ico-content.type3 { width:58%; }	
		
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { padding:11px 12px; font-size:12px; }	
		
		/*----*****---- << Breadcrumb >> ----*****----*/	
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:224px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:152px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:30%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:20%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:20%; }
		
		.portfolio.one-column-with-sidebar .portfolio-detail { width:28%; }
		.portfolio.one-column .portfolio-detail { width:23%; }
		
		.portfolio.four-column-with-sidebar { margin:2px; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:146px; }		
		.product-carousel-wrapper ul.products li { width:226px; }
		
		ul.products.type2 li .details { width:100%; }
		
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products.type2 li .price { font-size:18px; }
		ul.products.type2 li .details a { padding:11px 20px; }
		
		.product .images .thumbnails a { width:109px; height:71px; margin-right:10px; }
		.product .images .thumbnails .product-arrows a { top:17%; }
				
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		
		ul.products.type2 li .product-thumb { width:230px; height:155px; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta { width:98%; margin-right:0px; margin-bottom:10px; }
		.one-half .entry-details { width:100%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:48%; }
		.one-column.blog-thumb .entry-details { width:49%; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:48%; }
		
		.blog-entry .entry-thumb-meta .entry-meta { font-size:11px; }
		
		#respond input[type="text"], #respond input[type="email"] { width:87.2%; }
		#respond textarea { width:93.5%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:153px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel li { height:52px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:40%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:29%; }	
		ul.tabs-vertical-frame li a { font-size:12px; padding:14px; }
		.tabs-vertical-frame-content { padding-top:10px; padding-bottom:10px; }
		
		ul.tabs-frame li a { padding:0px 12px; }
		
		.tb-header .price { font-size:35px; }
		
		.ls-layer .button-text2 a { font-size:14px; padding:0px 21px; line-height:38px; }
		.ls-layer .button-text a { font-size:12px; padding:0px 15px; line-height:30px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container ul li a { font-size:12px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:91%; }	
		#contact-form textarea { width:95.4%; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:86%; }
		.two-third #contact-form textarea { width:93.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:160px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
		/*----*****---- << Footer >> ----*****----*/
		#footer .widget ul li { width:91%; }
		#footer .widget .tweet_list li { width:85%; }
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:420px; }
		.boxed .wrapper { width:460px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:100%; text-align:center; margin-bottom:10px; background-position:17% center; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		
		#main-menu { width:100%; margin-bottom:5px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:98%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:60%; padding:0px; }
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author, .testimonial .author img { width:95px; height:95px; }
		.testimonial blockquote { padding-left:85px; width:58.5%; }
		.testimonial blockquote:before { left:60px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { margin-top:15px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-48px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:198px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:133px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.two-column { width:415px; margin:5px; }
		.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:279px; }
		
		.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:37%; }
		.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:33%; }
		.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:33%; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { margin-right:0px; margin-bottom:10px; }
		
		.portfolio.one-column-with-sidebar:hover a.zoom { left:34%; }
		.portfolio.one-column-with-sidebar:hover a.link { right:34%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }	
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:129px; }
		
		ul.products li { width:100%; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:10px; width:133px; }
		.product .images .thumbnails .product-arrows a { top:25%; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		
		/*----*****---- << Blog >> ----*****----*/
		.one-third .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta { width:81%; }
		.one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; }
		
		.one-half .blog-entry .entry-thumb-meta { width:240px; }
		.one-half .entry-details { width:38%; }
		
		.one-column.blog-thumb .entry-details, .one-column.with-sidebar.blog-thumb .entry-details { width:42%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:220px; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:92.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:30%; }
		
		.ls-layer .button-text2 a { font-size:11px; padding:0px 13px; line-height:30px; }
		.ls-layer .button-text a { font-size:10px; padding:0px 10px; line-height:24px; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:326px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		#map { height:280px; }
		.fullwidth-map #map { height:300px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], #contact-form input[type="text"], #contact-form input[type="email"] { margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }
	
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:280px; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:89%; text-align:center; margin-bottom:10px; background-position:14% 4px; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		#logo h2 a { font-size:18px; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Headings >> ----*****----*/		
		.border-title h2 { font-size:16px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:95%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.ico-content.type2 { width:75%; }
		.ico-content.type3 { width:65%; }
		
		.intro-text.type1 h4 span.highlight { background:none; color:#333334; }
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:100%; padding:0px; text-align:center; }
		
		.breadcrumb a, .breadcrumb span, .breadcrumb h1 { float:none; display:inline-block; } 
		
		.breadcrumb span { margin:3px 5px 0px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:14px; }
		
		.main-phone-no { margin-left:15px; float:left; }
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		.side-nav-container ul li a { font-size:11px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author { width:100%; text-align:center; background:none; height:auto; padding:0px; margin-bottom:10px; }
		.testimonial .author img { width:95px; height:95px; border:10px solid #e5e5e5; }
		.testimonial blockquote { padding-left:40px; width:67.5%; margin:130px 0px 0px; clear:both; }
		.testimonial blockquote:before { left:10px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:135px; }
		
		/*----*****---- << 404 >> ----*****----*/
		.error-info h2 span.error { font-size:96px; }
		.error-info h2 span { font-size:30px; }
		.error-info h2 { font-size:20px; }
		.error-info h3 { font-size:16px; }
		
		#searchform input[type="text"] { width:108px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-48px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:188px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:127px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.three-column, .portfolio.two-column, .portfolio.four-column, .portfolio.three-column-with-sidebar, .portfolio.two-column-with-sidebar, .portfolio.four-column-with-sidebar { width:200px; margin:6px 0px; }
		.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img, .portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img, .portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img, .portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img, .portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img, .portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img, .portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:135px; }
		
		
		.portfolio.four-column .image-overlay a, .portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a, .portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a, .portfolio.three-column-with-sidebar .image-overlay a, .portfolio.four-column-with-sidebar .image-overlay a { top:28%; }
		.portfolio.four-column:hover a.zoom, .portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom, .portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom, .portfolio.three-column-with-sidebar:hover a.zoom, .portfolio.four-column-with-sidebar:hover a.zoom { left:16%; }
		.portfolio.four-column:hover .image-overlay a.link, .portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link, .portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link, .portfolio.three-column-with-sidebar:hover a.link, .portfolio.four-column-with-sidebar:hover a.link  { right:16%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }
		
		.pagination ul li.active-page, .pagination ul li { margin-bottom:10px; } 
		
		.portfolio-slider-container .bx-controls-direction a { top:24%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:123px; }
		
		ul.products li { margin:0px 0px 10px; width:100%; }
		ul.products li .product-thumb { height:auto; }
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		ul.products li .price { font-size:14px; margin-left:10px; }
		ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:5px; width:63px; }
		.product .images .thumbnails .product-arrows a { top:0px; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		.product .summary .cart button { margin-top:10px; float:none; }
		
		/*----*****---- << Blog >> ----*****----*/
		.blog-entry .entry-thumb-meta { width:100% !important; }
		.blog-entry .entry-details { width:100% !important; }
		
		.blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		
		ul.commentlist li .comment-details { width:80%; }
		ul.commentlist li .comment-author { float:left; position:relative; margin:10px; z-index:1; }
		ul.commentlist li, ul.commentlist li .comment { padding:0px; }
		ul.commentlist li .author-name { clear:both; }
		ul.commentlist li ul.children { margin-left:20px; width:88%; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:83.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		.button.large { padding-left:40px; padding-right:40px; }
		
		ul.tabs-frame { margin-left:0px; }
		ul.tabs-frame li { margin-right:0px; }
		
		ul.tabs-vertical-frame { width:95%; }
		.tabs-vertical-frame-content { width:87%; }
		
		ul.tabs-frame li { width:100%; }
		ul.tabs-frame li a { width:91%; }
		.tabs-frame-content { width:89%; }
		ul.tabs-frame li a { padding:0px 10px; font-size:12px; margin-bottom:5px; }
		ul.tabs-frame li a, ul.tabs-frame li a.current { border-bottom:1px solid #d9d9d9; }
		
		.ls-layer .button-text2 a { font-size:8px; padding:0px 9px; line-height:18px; }
		.ls-layer .button-text a { font-size:7px; padding:0px 10px; line-height:20px; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:103px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		
		/*----*****---- << Contact >> ----*****----*/
		#footer .widget .tweet_list li { width:86%; }
		#map { height:180px; }
		.fullwidth-map #map { height:200px; }
		.contact-details { padding-left:20px; padding-right:20px; }
		#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:84%; }
		#contact-form input[type="text"], #contact-form input[type="email"], .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { margin-top:10px; margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }	
	}

/*----*****---- << FontAwesome >> ----*****----*/
	
@font-face{
  font-family:'FontAwesome';
  src:url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.eot@v=3.0.1');
  src:url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.eot@#iefix&v=3.0.1') format('embedded-opentype'),
  url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.woff@v=3.0.1') format('woff'),
  url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.ttf@v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}	
/* End */


/* Start:/bitrix/templates/M-servis_2/template_styles.css?1674559478166882*/
@charset "utf-8";
/* CSS Document */

/*----*****---- << Reset >> ----*****----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}
del {
	text-decoration:line-through;
}
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0;
}
mark {
	background-color:#ffffb3;
	font-style:italic
}
input, select {
	vertical-align:middle;
}
ins {
	background-color:red;
	color:white;
	text-decoration:none;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}


/*----*****---- << General >> ----*****----*/
	
	body {
	font-weight:normal;
	font-size:14px;
	background:#ffffff;
	color:#333334;
}
	
	/*----*****---- << Fonts >> ----*****----*/
	
	body, h1, h2, h3, h4, h5, h6, input[type=text], input[type=password], input.text, textarea, input[type=submit], .mobile-menu { font-family:'Lato', sans-serif; }	
	#logo h2 { font-family:'Arvo', serif; }
	
	/*----*****---- << Headings >> ----*****----*/
	
	h2, h3, h4, h5, h6 { color:#333334; font-weight:bold; }	
	a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#3498db;
}
	
	h1{ font-size: 26px; line-height: normal; margin: 0 0 30px 0; text-transform: uppercase; text-align: left; color: #0883c0; font-weight:bold;}
	h2{ font-size:22px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h3{ font-size:20px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h4{ font-size:18px; line-height:24px; margin-bottom:15px; }
	h5{ font-size:16px; line-height:24px; margin-bottom:10px; }
	h6{ font-size:14px; line-height:24px; margin-bottom:10px; }
	.border-title {
	background:url(/bitrix/templates/M-servis_2/images/splitter.png) bottom repeat-x;
	width:100%;
	text-align:center;
	display:inline-block;
	padding:0px;
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
	.border-title h1, .border-title h2, .border-title h3, .border-title h4 { text-transform:uppercase; padding:0px 20px 15px; margin-bottom:5px; display:inline-block; *display:inline; *zoom:1; }
	.border-title h1 span, .border-title h2 span, .border-title h3 span, .border-title h4 span { border-left:6px solid transparent; border-right:6px solid transparent; left:0; *left:49%; right:0; width:0; margin:auto; bottom:10px; position:absolute; }
	
	/*----*****---- << Transition >> ----*****----*/
	
	a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .testimonial .author, .team .image img, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	/*----*****---- << Text Elements >> ----*****----*/
	
	a{ text-decoration:none;color:#0883c0; }
	a:hover { color:#333334; }
	a img{ border:none; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #3d3d3d; cursor:help; }
	ins { background:#FFF9C0; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { bottom: -3px; }	
	
	p { line-height:20px; margin-bottom:10px; }	
	ul, ol, pre, code{
	margin-bottom:10px;
}
	
	ul{ list-style-type:disc; list-style-position:inside;}
	ul li { padding-bottom: 4px; line-height: 1.5;}
	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
	ul ul ul { margin-bottom:0px; list-style-type:circle; }
	
	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	blockquote{ line-height:22px; font-style:italic; font-size:16px; padding:3px 0px 0px 0px; margin:10px 0px 30px; float:left; }
	blockquote span { background-color:#e6e2d6; background-position:-354px -234px; width:70px; height:70px; float:left; margin:0px 10px 0px 0px; border-radius:70px; }
	blockquote p { margin-bottom:0px; }
	blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
	
	blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
	blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
	blockquote.aligncenter { width:100%; text-align:center; }
	
	pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
	
	hr{ background-color:#dcdcdc; border:none; height:1px; margin:30px 0; }
	
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.hr{
	background:url(/bitrix/templates/M-servis_2/images/splitter.png) repeat-x;
	height:10px;
	width:100%;
	clear:both;
	display:block;
	float:left;
	position:relative;
	z-index:1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	.hr-border { border:4px double #e6e2d6; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
	.hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
	.hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
	.hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
	
	.hr.top, .hr-border.top { width:97%; }
	.hr.top, .hr-border.top { background-position:right center; text-align:right; }
	.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
	.hr-border.top a { top:-10px; right:-23px; }
	.hr.top a:hover, .hr-border.top a:hover { color:#e96666; }
	
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.center { width:100%; text-align:center; }
	.hidden { display:none;}
	
	.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }	
	
	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #dfdfdf; border-bottom:0px; border-right:0px;  }
	th{ background:#333334; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #e4e4e4; padding:17px 15px; font-size:16px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; }
	td{
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;

	font-size:14px;
	line-height:normal;
	padding:13px 15px;
}
	
	/*----*****---- << Definition Lists >> ----*****----*/
	
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:2px solid #C4C1AE !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }	
		
	/*----*****---- << Forms >> ----*****----*/
	
	label{ font-size:14px; color:#2e2a2b; font-weight:bold; font-size:14px; }
	label span{ color:#b4b4b4; }

	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }
	
	input[type=text], input[type=email], input[type=password], textarea{ background:#ededed; border:1px solid #c4c4c4; color:#333334; padding:15px; display:block; font-size:14px; margin:10px 0 10px; }
	input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#a1a1a1; }
	input[type=text], input[type=email], input[type=password], input.text, textarea { width:95%; }
	textarea { height:190px; overflow:auto; }
	select{ background:#ededed; border:1px solid #c4c4c4; padding:10px; margin:10px 0 10px; display:block; }
	
	input[type=submit], button, input[type=button] { background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) repeat-x; border:none; color:#ffffff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:11px 20px; float:right; cursor:pointer; }	
	input[type=submit]:hover, button:hover, input[type=button]:hover { background-color:#000000; }
	
	#searchform input[type="text"] { border:none; text-transform:uppercase; color:#aaaaaa; font-size:12px; width:260px; }
	
	/*----*****---- << Images >> ----*****----*/
	
	#primary img { max-width:100%; display:block; }

	#primary .product-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cont > img {
		max-width: 690px !important;
		width: 100%;
		width: -moz-available;
		width: -webkit-fill-available;
		width: fill-available;
	}
	
	.post-content input[type="submit"] { float:none; }
	
	.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
	.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
	.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }
	
	img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
	.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
	.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
	.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }
	
	/*----*****---- << Columns >> ----*****----*/
	
	.column { margin:0px 2% 0px 0px; float:left; min-height:1px; position:relative; }
	.column.last { margin-right:0px; }	
	
	.one-column { width:100%; }
	.column.one-column { margin-right:0px; }
	
	.one-fourth { width:23.4%; }
	.one-half { width:48.9%; }
	.one-third { width:24%; }
	.three-fourth { width:74.5%; }	
	.two-third { width:100%; }
	
	.one-fifth { width:18.3%; }
	.four-fifth { width:79.6%; }
	.three-fifth { width:59.2%; }
	.two-fifth { width:38.8%; }
	
	.one-sixth { width:15%; }
	.two-sixth { width:30%; }
	.three-sixth { width:45%; }
	.four-sixth { width:60%; }
	.five-sixth { width:75%; }		
	
	.column img { max-width:100%; height:auto; }
	
	.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe { max-width:100%; }
	embed, iframe, object, video { max-width:100%; }
	
	.column.no-space { margin-right:1px; }
	.column.no-space.one-fourth { width:24.8%; } 	
	.column.no-space.one-third { width:33.2%; }	
	.column.no-space.one-half { width:49.8%; }
	.column.no-space.one-fifth { width:19.8%; }
	.column.no-space.one-sixth { width:16.5%; }
	
	.column.no-space.three-fourth { width:74.9%; }
	.column.no-space.two-third { width:66.5%; }		
	.column.no-space.four-fifth { width:79.9%; }
	.column.no-space.three-fifth { width:60%; }
	.column.no-space.two-fifth { width:40%; }		
	.column.no-space.two-sixth { width:33.4%; }
	.column.no-space.three-sixth { width:50%; }
	.column.no-space.four-sixth { width:66.6%; }
	.column.no-space.five-sixth { width:83.2%; }
	
	/*----*****---- << Widgets >> ----*****----*/
	
	.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; }
	.widget h3.widgettitle { font-size:16px; padding-bottom:10px; }
	
	.widget ul { float:left; width:100%; margin:0px; padding:0px; }
	.widget ul li { float:left; display:block; clear:both; width:100%; font-size:16px; font-weight:bold; padding-bottom:0px; }
	.widget ul li a { color:#333334; line-height:20px; padding:13px 25px 15px 25px; display:block; position:relative; background:url(/bitrix/templates/M-servis_2/images/thin-border.png) bottom repeat-x; }
	
	
	.widget ul ul { margin-top:10px; margin-left:20px; }
	.widget ul ul li { width:90%; }
	
	.widget_categories ul { margin-top:-12px; }
	.widget_categories ul li { position:relative; float:none; display:block; background:url(/bitrix/templates/M-servis_2/images/blog-splitter.png) bottom repeat-x; margin:0px 0px 10px; padding:0px; margin:0px; }
	.widget_categories ul li a { padding:13px 25px 15px 25px; display:block; background:url(/bitrix/templates/M-servis_2/images/thin-border.png) bottom repeat-x; }
	.widget_categories ul li a span,  #secondary .widget_product_categories ul li a span { position:absolute; right:10px; }
	#secondary .widget_categories ul li a:before, .widget_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
	
	.widget form { margin:15px 0px 0px; float:left; clear:both; width:100%; }
	.widget input[type="email"] { width:90.5%; }
	
	.widget.tweetbox ul.tweet_list { list-style-type:none; }
	.widget.tweetbox ul.tweet_list li { font-size:14px; line-height:20px; }
	.widget.tweetbox ul.tweet_list li a:hover { color:#333334; }
	
	.widget.widget_recent_entries ul { list-style-type:none; }
	.widget.widget_recent_entries h4 { font-size:18px; line-height:22px; font-weight:bold; text-transform:none; }
	.widget.widget_recent_entries ul li { padding-bottom:25px; }
	
	.widget.widget_tag_cloud .tagcloud a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
	.widget.widget_tag_cloud .tagcloud a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
	.widget.widget_tag_cloud .tagcloud a:hover { font-weight:bold; color:#ffffff; }
	
	ul.recent-posts-widget li a { padding:0px; background:none; }
	#secondary .widget ul.recent-posts-widget li a:before { content:''; }
	ul.recent-posts-widget li a.thumb { padding:0px; clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
	ul.recent-posts-widget li a.thumb img { display:block; } 
	ul.recent-posts-widget li a.thumb:before, #secondary .widget ul.recent-posts-widget li a.thumb:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	ul.recent-posts-widget li h6 { font-weight:bold; font-size:14px; margin-bottom:5px; }
	ul.recent-posts-widget li p { font-size:14px; font-weight:normal; }
	
	ul.recent-posts-widget li:hover a.thumb:before, #secondary .widget ul.recent-posts-widget li:hover a.thumb:before, ul.product_list_widget li:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
	
	ul.product_list_widget li a { clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; }
	ul.product_list_widget li a img { display:block; } 
	ul.product_list_widget li a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

	#secondary .widget h3.widgettitle { margin-bottom:30px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
	#secondary .widget h3.widgettitle a { padding:15px 10px 15px 45px; display:block; border-bottom:1px solid #ffffff; position:relative; }
	#secondary .widget h3.widgettitle a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:12px; line-height:22px; text-align:center; color:#ffffff; width:20px; height:20px;  position:absolute; top:15px; left:16px; content:"\f054"; border-radius:20px; }
	
	#secondary .widget h3.widgettitle:hover a { color:#ffffff; }
	#secondary .widget h3.widgettitle:hover a:before { background:#ffffff; }
	
	#secondary .widget ul li a { position:relative; }
	#secondary .widget ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f0a4"; }
	#secondary .widget_categories ul li a:before, #secondary .widget_product_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
	
	#secondary ul.product_list_widget li a:before { content:''; top:0px; left:0px; }
	#secondary ul.product_list_widget li a { padding:0px; }
	#secondary ul.product_list_widget li { font-weight:normal; font-size:14px; line-height:20px; }
	#secondary ul.product_list_widget li .amount { display:block; }
	
	#secondary .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; padding-bottom:25px; }
	#secondary .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; left:0px; content:"\f099"; font-size:18px; top:5px; }
	#secondary .widget .tweet_list li a:before { content:''; }
	#secondary .widget .tweet_list li a { padding:0px; background:none; display:inline; }
	
	#secondary .widget .social-icons { margin:20px 0px 0px; }
	#secondary .widget .social-icons li a:before { content:''; }
	#secondary .widget .social-icons li a { background:none; display:inline; padding:0px; position:static; }
	#secondary .widget .social-icons li { width:29px; clear:none; }
	
	#secondary .widget #searchform { margin:0px; }
	#secondary .widget #searchform input[type="text"] { display:inline-block; width:243px; }
	#secondary .widget #searchform input[type="submit"] { padding:13px 20px; }
	
	#secondary h2.filtering { font-size:18px; margin-bottom:40px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
	#secondary h2.filtering span { padding:17px 45px 13px 15px; display:block; border-bottom:1px solid #ffffff; position:relative; }
	#secondary h2.filtering span:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; line-height:32px; text-align:center; color:#ffffff; width:32px; height:32px;  position:absolute; top:12px; right:15px; content:"\f0b0"; border-radius:32px; }
	
	#secondary .widget.woocommerce h3.widgettitle { background:none; border-bottom:0px; margin-bottom:15px; }
	#secondary .widget.woocommerce h3.widgettitle a { padding:0px 0px 0px 30px; border-bottom:0px; }
	#secondary .widget.woocommerce h3.widgettitle a:before { top:0px; left:0px; }
	#secondary .widget.woocommerce h3.widgettitle:hover { background:none; border-bottom:0px; }
	#secondary .widget.woocommerce h3.widgettitle:hover a:before { color:#ffffff; }
	
	#secondary .widget.woocommerce .product_list_widget { margin-top:20px; }
	
	#slider-range { margin-top:20px; }
	#slider-range a:last-child { margin-left:-25px; }
	.price-range { margin-top:40px; } 
	.price-range label, .price-range input[type="text"] { width:auto; text-transform:uppercase; font-size:16px; line-height:18px; font-weight:bold; background:none; float:left; border:0px; padding:0px; margin:0px; clear:none; }
	.price-range .button { float:right; margin:-28px 0px 0px; }
	
	/*----*****---- << PIE >> ----*****----*/
	
	.ico-content.type1 .icon span, .product-overlay a, .product-overlay a span, h5.faq:before, .carousel-arrows a, .testimonial .author img, .testimonial .author, #secondary .widget h3.widgettitle a:before, .portfolio .image-overlay a, .portfolio .image-overlay a span, .team .social-icons li { behavior:url(/bitrix/templates/M-servis_2/PIE.htc); }
	
	.ico-content.type1 .icon span, .carousel-arrows a, .product-overlay a, .product-overlay a span, .portfolio .image-overlay a, .portfolio .image-overlay a span { position:relative\0/; z-index:1\0/; }
	
	.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a { z-index:-1\0/; }
	.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link, ul.products li .product-thumb:hover .product-overlay a { z-index:1\0/; }
	
/*----*****---- << Layout >> ----*****----*/

	/*----*****---- << Container >> ----*****----*/

	.container { width:1060px; margin:0 auto; position:relative; }
	
	.boxed .wrapper { width:1120px; margin:0 auto 30px; background:#ffffff; display:table; box-shadow:0px 0px 30px rgba(0, 0, 0, .35); }
	.boxed { background:url(/bitrix/templates/M-servis_2/images/patterns/pattern1.jpg) repeat; }
	
	/*----*****---- << Header >> ----*****----*/
	
	#header { width:100%; margin:0px; padding:0px; float:left; border-bottom:1px solid #dcdcdc; }
	
	#top-bar {
	background:#333334;
	width:100%;
	float:left;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}	
	#top-bar .phone-no {
	font-size:28px;
	color:#FFFFFF;
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
	#top-bar .phone-no a {
	color:#787878;
	font-size:12px;
}
	#top-bar .phone-no a:hover, #top-bar .phone-no:hover, #top-bar .phone-no:hover a {
	color:#3498db;
}
	
	.social-icons {
	float:left;
	margin:0px;
	padding:0px; color:#FFFFFF;
}
	.social-icons li {
	position:relative;
	overflow:hidden;
	display:inline-block;

*display:inline; 		zoom:1;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
	.social-icons li img { bottom:0px; left:0px; position:absolute; } 
	.social-icons li img:first-child { bottom:-29px; }
	.social-icons li:hover img:first-child { bottom:0px; z-index:1;  }
	.social-icons li:hover img:last-child { bottom:-29px; }	
	
	#logo { margin:13px 8px 0px auto; float: left; padding:0px; }
	#logo img { max-width:100%; }
	#logo h2 { margin:0px; }
	#logo h2 a { font-size:24px; font-weight:700; color:#333334; }
	
	#main-menu { margin:0px; padding:0px; position:relative; z-index:100; text-align: center; display: inline-block;}
	#main-menu ul { float:left; margin:0px 0px -6px;padding: 0 52px; }
	#main-menu ul li { margin:0px; padding:23px 0px; display:inline; float:left; position:relative; }
	#main-menu ul li a { display:block; padding:0px 17px; font-size:14px; font-weight:bold; color:#333334; text-transform:uppercase; transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; }
	#main-menu ul li span { display:none; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333334; left:0; *left:48%; right:0; width:0; margin:auto; top:0; position:absolute; }
	
	#main-menu > ul > li.current_page_item span { display:block; }	
	#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:20px 17px; background:#ededed; position:relative; margin:-20px 0px; transition: background 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, padding 0.5s, margin 0.5s;}
	
	#main-menu > ul > li.hasSubmenu:hover { border-bottom:5px solid #dddddd; padding: 23px 0 18px;}
	
	#main-menu ul li ul {
	z-index:1;
	display:none;
	float:left;
	position:absolute;
	width:240px;
	top:65px;
	left:0px;
	background:url(/bitrix/templates/M-servis_2/images/sub-menu-bg.png) repeat;
	box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);
		padding: 0;
}
	#main-menu ul ul li {  display:block; float:left; clear:both; padding:0px; border-bottom: 1px solid #96dcff; width:100%; }
	#main-menu ul ul li a { padding:6px 15px 6px; margin:0px; display:block; }
	#main-menu ul ul li:last-child { background:none; }
	
	#main-menu > ul > li > ul:before { border-left:6px solid transparent; border-right:6px solid transparent; content:""; height:0; left:15px; position:absolute; top:-11px; width:0; }
	
	#main-menu ul ul ul { left:200px; top:0px; }
	#main-menu ul ul li ul:before { border-top:6px solid transparent; border-bottom:6px solid transparent; left:-11px; top:18px; content:""; height:0; position:absolute; width:0; }	
	
	#main-menu ul ul li.current_page_item ul li a { color:#333334; }
	
	/*----*****---- << Responsive Menu >> ----*****----*/
	
	.mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(/bitrix/templates/M-servis_2/images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 10px; padding:15px 10px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	/*----*****---- << Main >> ----*****----*/
	
	#main {
	width:100%;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
	
	#primary {
	width:700px;
	padding:0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	#primary.content-full-width { width:100%; }
	#primary.with-left-sidebar { float:right; }
	
	#secondary { width:340px; margin:30px 0px 0px 20px; float:left; padding:0px; }
	#secondary.left-sidebar { margin:30px 20px 0px 0px; }
	
		/*----*****---- << Home >> ----*****----*/
		
		#slider { width:100%; margin:0px; padding:0px; float:left; position:relative; }
		
		.intro-text { width:100%; margin:0px; padding:0px; float:left; }
		.intro-text.type1 { background:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; }
		.intro-text.type1 h4 {
}
		.intro-text.type1 h4 span.highlight {
	color:#ffffff;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
		.intro-text.type1 h6 {
	color:#a0a0a1;
	background:url(/bitrix/templates/M-servis_2/images/intro-text-border-bottom.png) center bottom no-repeat;
	padding-bottom:37px;
}
		
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { background:#ededed; padding:30px 2.5%; width:95%; }
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; }
		.intro-text.type2 h5, .intro-text.type3 h5, .intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; }		
		.intro-text.type2 a, .intro-text.type4 a { float:right; }
		
		.intro-text.type3 h4, .intro-text.type3 h5 { color:#ffffff; }
		.intro-text.type3 a { background:#ffffff url(/bitrix/templates/M-servis_2/images/btn-white-gradient.png) bottom repeat-x; color:#333334; float:right; }		
		
		.intro-text.type4 { width:94%; }
		
		.ico-content { width:100%; margin:0px; padding:0px; }
		.ico-content.type1 { text-align:center; }
		.ico-content.type1 .icon { width:100%; text-align:center;}
		.ico-content.type1 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:10px solid #f0f0f0; font-size:60px; line-height:108px; color:#a5a5a5; width:108px; height:108px; border-radius:108px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;  }
		.ico-content.type1:hover .icon span { color:#ffffff; }
		.ico-content.type1 h5 { text-transform:uppercase; }
		.ico-content.type1:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		.ico-content.type2 { padding:0px 0px 30px 50px; position:relative; width:85%; }
		.ico-content.type2 .icon { position:absolute; left:0px; top:0px; }
		.ico-content.type2 .icon span { font-size:36px; }
		.ico-content.type2:hover .icon {  -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
		
		.ico-content.type3 { padding:0px 0px 30px 70px; position:relative; width:70.5%; }
		.ico-content.type3 .icon { position:absolute; left:0px; top:0px; }
		.ico-content.type3 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:5px solid #f0f0f0; font-size:28px; line-height:46px; text-align:center; color:#a5a5a5; width:44px; height:44px; border-radius:44px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
		.ico-content.type3:hover .icon span { background:#9bb95d; color:#ffffff; }
		.ico-content.type3:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
			
		.breadcrumb-section {
	width:100%;
	float:left;
	margin: 0px;
	padding: 0;
}	
		.breadcrumb { float:left; margin:10px 4px 10px 4px; padding: 0px; width:75%; }
		.breadcrumb a { font-size:14px; }
		.breadcrumb h1 { float:left; }
		
		.main-phone-no { background:url(/bitrix/templates/M-servis_2/images/phone-ico-big.png) left top no-repeat; margin:0px; padding:0px 0px 0px 30px; min-height:47px; float:right; }
		.main-phone-no p { font-size:24px; font-weight:bold; }
		.main-phone-no p a { color:#787878; font-size:20px; font-weight:normal; }
	
		/*----*****---- << Product List >> ----*****----*/
		
		.product-carousel-wrapper { width:100%; float:left; clear:both; margin:0px; padding:0px; position:relative; }
		
		.carousel-arrows { position:absolute; top:-75px; right:0px; }
		.carousel-arrows a { display:inline-block; width:37px; height:37px; background:#e0e0e0; border-radius:37px; text-align:center; }
		.carousel-arrows a.product-prev-arrow, .carousel-arrows a.partner-prev-arrow, .carousel-arrows a.portfolio-prev-arrow { margin-right:5px; }
		.carousel-arrows a span { color:#adadad; font-size:18px; line-height:39px; }
		.carousel-arrows a:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
		.carousel-arrows a:hover span { color:#ffffff; -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		.carousel-arrows a.portfolio-next-arrow span, .carousel-arrows a.partner-next-arrow span, .carousel-arrows a.product-next-arrow span { margin-left:2px; }
		
		ul.products { width:100%; margin:0; padding:0 0; display:flex;flex-direction: row;flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
		ul.products li { display:inline; margin:0px 5px 20px; padding:0px; float:left; width:340px; }
		ul.products li .product-thumb { clear:both; float:left; height:220px; width:100%; display:block; position:relative; margin-bottom:15px; overflow:hidden; }
		ul.products li .product-thumb img { display:block; max-width:100%; } 
	
		
		ul.products li .product-thumb .onsale, .product .images .onsale { position:absolute; top:20px; left:0px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; background:rgba(92,172,226,0.6);}
		ul.products li .product-thumb .onsale span, .product .images .onsale span { position:absolute; right:-12px; top:0px; width:12px; height:40px; }
		
		ul.products li h4 { padding:0px 0px 15px; margin:0px; }
		
		ul.products li .details { background:#ededed; float:left; padding:10px 0px; margin:10px 0px 0px; width:100%; position:relative; }
		ul.products li .details:after { content:''; border-bottom:1px solid #ffffff; bottom:0px; left:0px; position:absolute; width:100%; }
		ul.products li .price { float:left; clear:both; margin-left:15px; font-size:18px; font-weight:bold; line-height:37px; }
		ul.products li .price del { color:#ee0000; font-size:14px; margin-right:5px; }
		ul.products li .details a { margin:0px 10px 0px 0px; float:right; }
		
		ul.products li:hover .product-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		
		ul.products li .product-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:20px; left:0px; text-align:center; }
		ul.products li .product-overlay a { opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg2.png) repeat; padding:10px; position:relative; top:0px; display:inline-block; width:42px; height:42px; border-radius:42px; }
		ul.products li .product-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
		
		ul.products li .product-thumb:hover  .product-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
		ul.products li .product-thumb:hover .product-overlay a { opacity:1; filter:alpha(opacity=100); top:35%; }
		ul.products li .product-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		ul.products.type2 li { width:100%; }		
		ul.products.type2 li .product-thumb { width:340px; margin-right:20px; }
		ul.products.type2 li .details { float:none; display:inline-block; width:48%; }
		
		/* Product Details */
		.product { clear:both; float:left; width:100%; margin:0px; padding:0px; }
		.product .images { width:49%; float:left; margin:0px 2% 0px 0px; padding:0px; }
		.summary { float:left; width:49%; margin:0px; padding:0px; }
		
		.product .images a { width:100%; display:block; position:relative; }
		.product .images img { display:block; max-width:100%; } 
		.product .images a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.product .images .thumbnails { float:left; clear:both; margin:20px 0px 0px; padding:0px; position:relative; }
		.product .images .thumbnails a { width:160px; height:104px; float:left; margin:0px 19px 0px 0px; }
		.product .images .thumbnails a.last { margin-right:0px; }
		.product .images .thumbnails a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); }
		.product .images .thumbnails:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
		.product .images:hover a.woocommerce-main-image:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }

		
		.product .images .thumbnails .product-arrows { width:100%; float:left; margin:0px; padding:0px; }
		.product .images .thumbnails .product-arrows a:before, .product .images .thumbnails:hover .product-arrows a:before { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
		.product .images .thumbnails .product-arrows a { margin:0px; position:absolute; top:29%; width:26px; height:45px; float:left; opacity:0.8; filter:alpha(opacity=80); }
		.product .images .thumbnails .product-arrows a:hover { opacity:1; filter:alpha(opacity=100); }
		.product .images .thumbnails .product-arrows a.prev { left:5px; }
		.product .images .thumbnails .product-arrows a.next { right:5px; }		
		
		.product .summary .price { font-weight:bold; font-size:18px; padding:10px 0px; }
		.product .summary .cart { background:#ededed; border-bottom:3px solid #d9d9d9; float:left; padding:10px 2%; width:96%; margin:20px 0px 0px; position:relative; }
		.product .summary .cart:before { position:absolute; width:100%; content:''; border-bottom:1px solid #ffffff; left:0px; bottom:0px; }
		.product .summary .quantity { float:left; margin:0px; padding:0px; }
		.product .summary .quantity input[type="button"], .product .summary .quantity input[type="number"] { float:left; width:auto; margin:0px; }
        .product .summary .quantity input[type="number"] { text-align:center; background:#ffffff; font-weight:bold; font-size:14px; padding:12px 5px; width:50px; }
		.product .summary .cart button { margin:0px; }
		
		.woocommerce-tabs { float:left; clear:both; margin:50px 0px 20px; padding:0px; }
		.woocommerce-tabs .tabs-frame-content { padding-left:0px; padding-right:0px; width:100%; border:0px; border-top:1px solid #D9D9D9; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		
		.sorting-container { float:left; clear:both; margin:0px 0px 30px; padding:0px; width:100%; }
		.sorting-container a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
		.sorting-container a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.sorting-container a:hover, .sorting-container a.active-sort { font-weight:bold; color:#ffffff; }
		
		.portfolio-container { width:100%; float:left; clear:both; }
		
		.portfolio-carousel-wrapper { width:100%; margin:0px; padding:0px; float:left; clear:both; position:relative; }
		.portfolio-carousel { width:100%; margin:0px; padding:0px; float:left; clear:both; }
		.portfolio-carousel li { display:inline; }
		.portfolio-carousel .portfolio { margin-top:0px; margin-bottom:0px; }
		
		.portfolio { float:left; margin:10px 20px 10px 0px; border-bottom:3px solid #d9d9d9; padding:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		
		.portfolio.last { margin-right:0px; }
		
		.portfolio.three-column { width:340px; margin:6px; }
		.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img { width:100%; height:230px; }
		.portfolio.two-column { width:520px; margin:5px; }
		.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:350px; }
		.portfolio.four-column { width:250px; margin:7px; }
		.portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img { width:100%; height:170px; }
		
		.portfolio.three-column-with-sidebar { width:220px; margin:6px; }
		.portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img { width:100%; height:148px; }
		.portfolio.two-column-with-sidebar { width:340px; margin:5px; }
		.portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img { width:100%; height:230px; }
		.portfolio.four-column-with-sidebar { width:160px; margin:7px; }
		.portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img { width:100%; height:108px; }
		
		.portfolio.one-column, .portfolio.one-column-with-sidebar { width:100%; margin-bottom:30px; margin-right:0px; border:0px; }
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img { width:520px; height:350px; }	
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { border-bottom:3px solid #d9d9d9; height:351px; margin-right:20px; }
		.portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb img { margin-bottom:1px; }
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { float:left; background:none; text-align:left; width:49%; clear:none; padding:5px 0px 0px; margin-bottom:20px; }
		.portfolio.one-column-with-sidebar .portfolio-detail { width:48%; }
		.portfolio.one-column:hover .portfolio-detail, .portfolio.one-column-with-sidebar:hover .portfolio-detail { background:none; }
		.portfolio.one-column .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail h5 { font-size:18px; }
		.portfolio.one-column .portfolio-detail h5, .portfolio.one-column .portfolio-detail p, .portfolio.one-column-with-sidebar .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail p { padding:0px; }
		.portfolio.one-column:hover .portfolio-detail h5, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5, .portfolio.one-column:hover .portfolio-detail h5 a, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5 a { color:#333334; }
		.portfolio.one-column:hover .portfolio-detail p, .portfolio.one-column-with-sidebar:hover .portfolio-detail p { color:#919191; padding:0px; }
		
		.portfolio.one-column .image-overlay, .portfolio.one-column-with-sidebar .image-overlay { height:99.7%; }
		
		.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:340px; height:230px; }
		.portfolio.one-column-with-sidebar .portfolio-thumb { height:231px; }
		
		.portfolio .portfolio-thumb:hover img { -moz-transform: scale(1.3) rotate(0deg) translate(0px); -webkit-transform: scale(1.3) rotate(0deg) translate(0px); -o-transform: scale(1.3) rotate(0deg) translate(0px); transform: scale(1.3) rotate(0deg) translate(0px); }
		
		.portfolio .portfolio-thumb { border-bottom:1px solid #ffffff; float:left; padding:0px; position:relative; overflow:hidden; }
		.portfolio .portfolio-detail { background:#ededed; border-bottom:1px solid #ffffff; padding:15px 0px; float:left; clear:both; width:100%; margin:0px 0px 1px; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio .portfolio-detail h5, .portfolio .portfolio-detail p { padding:0px 10px; margin:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio .portfolio-detail p { color:#919191; }		
		
		.portfolio .image-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(/bitrix/templates/M-servis_2/images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; }
		.portfolio .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; background:url(/bitrix/templates/M-servis_2/images/transparent-bg2.png) repeat; padding:10px; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; }
		.portfolio .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
		
		.portfolio .image-overlay a.zoom { left:0px; }
		.portfolio .image-overlay a.link { right:0px; }
		
		.portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a  { top:37%; }
		.portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; }
		.portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; }
		.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; }
		.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; }
		.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; }
		.portfolio.four-column .image-overlay a { top:32%; }
		.portfolio.four-column:hover a.zoom { left:23%; }
		.portfolio.four-column:hover .image-overlay a.link { right:23%; }
		
		.portfolio.three-column-with-sidebar .image-overlay a  { top:30%; }
		.portfolio.three-column-with-sidebar:hover a.zoom { left:20%; }
		.portfolio.three-column-with-sidebar:hover a.link { right:20%; }
		.portfolio.four-column-with-sidebar .image-overlay a  { top:20%; }
		.portfolio.four-column-with-sidebar:hover a.zoom { left:9%; }
		.portfolio.four-column-with-sidebar:hover a.link { right:9%; }
		
		.portfolio.four-column-with-sidebar h5 { font-size:13px; margin-bottom:-5px; }
		.portfolio.four-column-with-sidebar h5 a { color:#333334; }
		.portfolio.four-column-with-sidebar p { font-size:12px; }
		.portfolio.four-column-with-sidebar .portfolio-detail { padding:10px 0px; }
		
		.portfolio:hover a.zoom, .portfolio:hover .image-overlay a.link { opacity:1; filter:alpha(opacity=100); }
		
		.portfolio:hover .portfolio-detail h5, .portfolio:hover .portfolio-detail h5 a { color:#ffffff; }
		.portfolio:hover .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }		
		.portfolio .image-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		
		.isotope-hidden { display:none !important; }
		
		.isotope,
		.isotope .isotope-item {
		  -webkit-transition-duration: 0.8s;
			 -moz-transition-duration: 0.8s;
			  -ms-transition-duration: 0.8s;
			   -o-transition-duration: 0.8s;
				  transition-duration: 0.8s;
		}
		
		.isotope {
		  -webkit-transition-property: height, width;
			 -moz-transition-property: height, width;
			  -ms-transition-property: height, width;
			   -o-transition-property: height, width;
				  transition-property: height, width;
		}
		
		.isotope .isotope-item {
		  -webkit-transition-property: -webkit-transform, opacity;
			 -moz-transition-property:    -moz-transform, opacity;
			  -ms-transition-property:     -ms-transform, opacity;
			   -o-transition-property:         top, left, opacity;
				  transition-property:         transform, opacity;
		}
		
		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
		  -webkit-transition-duration: 0s;
			 -moz-transition-duration: 0s;
			  -ms-transition-duration: 0s;
			   -o-transition-duration: 0s;
				  transition-duration: 0s;
		}
		
		/* Portfolio Single */
		.portfolio-single { float:left; width:100%; padding:0px; margin:0px; }
		.portfolio-slider-container { float:left; width:100%; padding:0px; margin:0px 0px 20px; position:relative; }
		.two-third .portfolio-slider-container { margin-bottom:0px; }
		.portfolio-slider { float:left; width:100%; margin:0px; padding:0px; }
		.portfolio-slider li { width:100%; display:block; padding:0px; float:left; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
		.portfolio-slider li img { display:block; } 
		.portfolio-slider li:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.portfolio-slider:hover li:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		.portfolio-slider-container .bx-controls-direction { width:100%; float:left; margin:0px; padding:0px; }
		.portfolio-slider-container .bx-controls-direction a { text-indent:-9999px; z-index:100; position:absolute; top:41%; width:39px; height:72px; float:left; opacity:0.8; filter:alpha(opacity=80); }
		.portfolio-slider-container .bx-controls-direction a:hover { opacity:1; filter:alpha(opacity=100); }
		.portfolio-slider-container .bx-controls-direction a.bx-prev { left:10px; }
		.portfolio-slider-container .bx-controls-direction a.bx-next { right:10px; }		
		
		.portfolio-single h3 { text-transform:none; margin-top:10px; }
		.portfolio-single h6 { color:#919191; font-weight:normal; margin:-10px 0px 20px; }
		.portfolio-share { float:left; clear:both; width:100%; margin:20px 0px 0px; }
		
		.post-nav-container { float:left; width:100%; margin:30px 0px 0px; padding:15px 0px; clear:both; border-bottom:1px dotted #888888; border-top:1px dotted #888888; }
		.post-nav-container a { font-weight:bold; }
		.post-nav-container a span { font-size:12px; font-weight:normal; color:#333334; font-style:italic; }
		.post-nav-container .post-prev-link { float:left; }
		.post-nav-container .post-next-link { float:right; }
		
		/*----*****---- << Pagination >> ----*****----*/
		
		.pagination { float:left; width:100%;  margin:20px 0px 10px; padding:0px; }
		.pagination ul { float:left; margin:0px; padding:0px; }
		.pagination ul li { float:left; display:inline; margin:0px; padding:0px; }
		.pagination ul li a, .pagination .next-post, .pagination .prev-post { font-size:14px; font-weight:bold; line-height:37px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 0px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
		.pagination ul li a:after, .pagination .next-post:after, .pagination .prev-post:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.pagination ul li.active-page { color:#ffffff; font-size:14px; font-weight:bold; line-height:37px; padding:0px 15px; margin:0px 10px 0px 0px; float:left; position:relative; }
		.pagination ul li.active-page:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
		.pagination ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover { color:#ffffff; }
		
		.pagination .next-post { float:left; margin-left:4px; padding:0px; }
		.pagination .prev-post { float:left; margin-right:4px; padding:0px; }
		
		
		/*----*****---- << Blog >> ----*****----*/
		
		.blog-entry { width:100%; margin:0px; padding:0px; float:left; }	
		
		.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:260px; }
		.one-half .entry-details { width:238px; }
		.one-third .blog-entry .entry-thumb-meta, .one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; margin:0px 0px 10px; }
		.one-third .entry-details, .one-column.blog-fullwidth .entry-details, .one-half.with-sidebar .entry-details, .blog-single-entry .entry-details { width:100%; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:60%; }
		.one-column.blog-thumb .entry-details { width:73%; }
			
		.blog-entry .entry-thumb-meta img { max-width:100%; }
			
		.blog-entry .entry-thumb-meta { float:left; margin:0px 20px 0px 0px; position:relative; }
		.entry-details { float:left; margin:8px 0px 0px; padding:0px; }
		
		.blog-entry .entry-thumb-meta .entry-thumb { display:block; position:relative; }
		.blog-entry .entry-thumb-meta .entry-thumb img { display:block; } 
		.blog-entry .entry-thumb-meta .entry-thumb:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		
		.blog-entry .entry-thumb-meta .entry-meta { position:absolute; float:left; top:10px; left:10px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; }
		.blog-entry .entry-thumb-meta .entry-meta .rounded-bend { position:absolute; right:-17px; top:0px; width:12px; height:40px; }
		
		.blog-entry .entry-thumb-meta .entry-meta a, .blog-entry .entry-thumb-meta .entry-meta .date, .blog-entry .entry-thumb-meta .entry-meta, .blog-entry .entry-thumb-meta .entry-meta span, .blog-entry .entry-thumb-meta .entry-meta p { color:#ffffff; line-height:40px; float:left; }
		.blog-entry .entry-thumb-meta .entry-meta .date { margin-right:10px; }
		.blog-entry .entry-thumb-meta .entry-meta .date p { font-weight:bold; margin:0px; }
		.blog-entry .entry-thumb-meta .entry-meta span { margin-right:5px; }
		.blog-entry .entry-thumb-meta .entry-meta a:hover, .blog-entry .entry-thumb-meta .entry-meta a:hover span { color:#000000; }
		
		.entry-details h4 { margin-bottom:5px; }
		.entry-metadata { margin-bottom:10px; }
		.entry-metadata span { font-size:14px; color:#939393; }
		.entry-metadata div { margin-bottom:5px; clear:both; width:100%; } 
		.entry-metadata a { font-size:14px; color:#333334; }
		
		.entry-body .read-more, .entry-body .read-more span {
	color:#3498db;
}
		
		.entry-body .read-more span { top:1px; position:relative; }
		
		.blog-entry .entry-thumb-meta:hover .entry-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
		
		/*----*****---- << Blog Comment Entries >> ----*****----*/	
		
		.commententries { width:100%; float:left; margin:10px 0px 0px; padding:0px; }
		ul.commentlist { float:left; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; }
		ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 20px; padding:0px 0px 0px 100px; position:relative; clear:both; }
		ul.commentlist li ul.children { margin:10px 0px 10px; padding:0px; float:left; border:none; clear:both; width:100%; }
		ul.commentlist li .respond { margin-left:69px; }
		
		ul.commentlist li .comment { background:url(/bitrix/templates/M-servis_2/images/comment-bubble.png) left 38px no-repeat; margin:0px; padding:0px 0px 0px 25px; }
		ul.commentlist li .comment-details { position:relative; border-bottom:3px solid #d9d9d9; background:#ededed; padding:15px 20px 10px; margin:10px 0px 10px; }
		
		ul.commentlist li .comment-details:before { border-bottom:1px solid #FFFFFF; bottom:0px; content:''; left:0px; position:absolute; width:100%; }
		
		ul.commentlist li .comment-body { margin:15px 0px 0px; } 
		ul.commentlist li .comment-body p { line-height:20px; }
		
		ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
		ul.commentlist li .comment-author img { border:5px solid #e5e5e5; max-width:88px; max-height:88px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:88px; }
		ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); }
		ul.commentlist li .author-name { font-weight:bold; font-size:16px; padding-bottom:5px; }
		ul.commentlist li .author-name a { color:#333334; }
		
		ul.commentlist li .comment-details { display:block; }		
		ul.commentlist li .commentmetadata { font-size:12px; color:#8c8c8c; font-style:italic; text-decoration:none; }
		
		ul.commentlist li .reply { margin:0px; position:absolute; top:0px; right:0px; }
		ul.commentlist li .reply a { font-weight:bold; color:#ffffff; padding:10px 15px; display:inline-block; }
		ul.commentlist li .reply a:hover { background:#333334; }
		
		#respond h3 { text-transform:uppercase; padding-bottom:20px; }
		#respond input[type="text"], #respond input[type="email"] { width:90.6%; }
		#respond textarea { width:95.5%; } 
		
		/*----*****---- << Testimonials >> ----*****----*/
		
		.testimonial { width:100%; margin:0px 0px 35px; padding:0px; float:left; position:relative; }
		.testimonial .author { z-index:1; position:absolute; left:0px; top:0px; background:#e5e5e5; background:rgba(0, 0, 0, 0.1); padding:10px; float:left; width:118px; height:118px; border-radius:118px; }
		.testimonial .author img { width:118px; height:118px; border-radius:118px;  }
		.testimonial .author:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
		.testimonial blockquote { margin-left:65px; padding:15px 25px 15px 120px; margin-top:14px; width:59%; }
		.testimonial blockquote:before { left:90px; top:15px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		
		.partner-carousel-wrapper { float:left; width:100%; margin:0px; padding:0px; position:relative; }
		.partner-carousel { float:left; width:100%; margin:0px; padding:0px; }
		.partner-carousel li { float:left; display:inline; padding:0px; margin:0px 10px; width:230px; height:72px; text-align:center; border:10px solid #ededed; } 
		.partner-carousel li a { display:inline-block; width:100%; height:100%; position:relative; width:100%; }
        .partner-carousel li img { max-width:100%; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0.5; filter:alpha(opacity=55); }
		.partner-carousel li:hover img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:1; filter:alpha(opacity=100); }
		
		/*----*****---- << Team >> ----*****----*/
		
		.team { background:#ededed; width:100%; float:left; margin:20px 0px 40px; padding:0px; text-align:center; }
		.team .image { width:100%; height:230px; overflow:hidden; }
		.team h4 { margin:10px 0px 0px; }
		.team h6 { color:#919191; font-weight:normal; margin:0px; }
		
		.team .social-icons { float:none; display:inline-block; text-align:center; position:relative; bottom:-17px; }
		.team .social-icons li { margin:0px; border:3px solid #ededed; border-radius:30px; }
		
		.team .image img:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
		
		/*----*****---- << Page Slider >> ----*****----*/
		
		.page-slider-container { background:url(/bitrix/templates/M-servis_2/images/slider-shadow.png) center bottom no-repeat; float:left; width:100%; /*height:300px;*/ margin:0px; padding:0px 0px 25px; position:relative; }
		.page-slider { float:left; width:100%; margin:0px; padding:0px; }
		.page-slider li { display:block; width:100%; float:left; margin:0px; padding:0px; }
		.page-slider li img { max-width:100%; }
		
		.page-slider-container .bx-pager { position:absolute; right:15px; bottom:43px; z-index:100; }
		.page-slider-container .bx-pager .bx-pager-item { float:left; margin:0px 3px; }
		.page-slider-container .bx-pager .bx-pager-item a { background:#ffffff; width:12px; height:12px; border-radius:12px; font-size:0px; float:left; }
		.page-slider-container .bx-pager .bx-pager-item a.active { background:#333334; }
		
		/*----*****---- << 404 >> ----*****----*/
		
		.error-info { text-align:center; }
		.error-info h2 { font-size:30px; text-transform:none; margin-bottom:10px; }
		.error-info h2 span.error { font-size:120px; }
		.error-info h2 span { font-size:48px; }		
		.error-info h3 { font-size:24px; text-transform:none; }
		.error-info #searchform { margin:30px 0px 0px; display:inline-block; float:none; width:100%; }
		.error-info #searchform input[type="text"], .error-info #searchform input[type="submit"] { display:inline-block; float:none; margin:0px; }
		.error-info #searchform input[type="text"] { margin-right:-3px; }
		.error-info #searchform input[type="submit"] { padding:12px 15px; font-weight:bold; font-size:16px; }
		
		/*----*****---- << Contact >> ----*****----*/
		
		.contact-details { display:inline-block; background:#ededed; border-bottom:3px solid #d9d9d9; position:relative; margin:20px 0px 0px; padding:25px 30px 15px; }
		.contact-details:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:1px solid #ffffff; }
		.contact-details h4 { margin-top:25px; }
		.contact-details span { margin-right:5px; font-size:14px; }
		.contact-details .working-hours span { float:left; font-size:18px; margin-top:1px; margin-right:10px; padding-bottom:10px; }
		
		#contact-form { margin:25px 0px 0px; }
		#contact-form input[type="text"], #contact-form input[type="email"] { width:94.4%; margin-bottom:20px;  }		
		#contact-form textarea { width:97%; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:90.4%; margin-bottom:20px;  }		
		.two-third #contact-form textarea { width:95.4%; height:214px; }
		
		.fullwidth-map { width:100%; margin:-20px 0px 20px; padding:0px; float:left; clear:both; }
		.fullwidth-map #map { height:488px; }
		#map { height:374px; margin:0px; position:relative; width:100%; }	
			
		#map img { max-width:none !important }		
		#map { max-width:100%; }
		
		.failure { color:#ff0000; }
		.success { color:#7AA127; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		
		.side-nav-container { float:left; width:100%; margin:0px; position:relative; }
		.side-nav-container ul { float:left; width:100%; padding:0px; position:relative; border: 1px solid #dcdcdc; }
		.side-nav-container ul li { display:block; margin:0px; padding:0px 0px 2px; }
		.side-nav-container ul li:last-child { background:none; padding-bottom:0px; }
		.side-nav-container ul li a { display:block; line-height:52px; font-weight:bold; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 500ms linear; -o-transition:all 500ms linear; -ms-transition:all 500ms linear; transition:all 500ms linear; padding:0 10px;}
		.side-nav-container ul li a:hover, .side-nav-container ul li.current_page_item a { background-color: #ededed;  }
		.side-nav-container ul li a span { background:#333334; border:3px solid #e2e2e2; width:25px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#ffffff; margin:10px 10px 0px 0px; float:left; border-radius:25px; }
		.side-nav-container ul li a:hover span, .side-nav-container ul li.current_page_item a span { background-color:#0883c0; -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
		
		/*----*****---- << Footer >> ----*****----*/
		
		#footer { float:left; width:100%; margin:0px; padding:30px 0px 0px; border-top:5px solid #dddddd; background:#333334; }
		
		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer a:hover { color:#ffffff; }
		#footer p, #footer a, #footer span, #footer .widget .tweet_list li:before, #footer .widget ul li:before {
	color:#FFFFFF;
	line-height:24px;
} 
		
		#footer .widget ul { float:left; width:100%; margin:0px; padding:0px; }
		#footer .widget ul li { width:94%; font-size:14px; font-weight:normal; color:#989898; display:block; position:relative; border-bottom:1px dotted #5a5a5a; padding:7px 0px 7px 15px; }
		#footer .widget ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:6px; left:0px; }
		#footer .widget ul li a { padding:0px; background:none; display:inline; }
		
		#footer .tweets a { color:#e6e6e6; }
		
		#footer .widget { padding-bottom:30px; width:100%; float:left; }
		#footer .widget h3.widgettitle { margin-bottom:20px; font-size:18px; }
		
		#footer .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; }
		#footer .widget .tweet_list li:before { content:"\f099"; font-size:18px; top:12px;-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
		#footer .widget .tweet_list:hover li:before { color:#ffffff; }
	
		#footer .widget ul.product_list_widget li { display:block; border:0px; padding:10px 0px; }
		#footer .widget ul.product_list_widget li:before, #footer  ul.recent-posts-widget li:before, #footer .widget_categories ul li a:before { content:""; }
		
		#footer  ul.recent-posts-widget li { border-bottom:0px; padding:0px; }
		#footer .widget_categories ul li a { position:relative; display:block; }
		
		#footer .widget.widget_tag_cloud .tagcloud a { background:#212121; border-bottom-color:#212121; line-height:36px; }
		#footer .widget.widget_tag_cloud .tagcloud a:after { border-bottom-color:#333334; }
		
		#footer ul.product_list_widget li .amount { color:#ffffff; }
		
		#footer .widget .social-icons { margin:20px 0px 0px; }
		#footer .widget .social-icons li { display:inline; float:left; border:0px; padding:0px; margin:0px 5px 0px 0px; width:29px; clear:none; }
		#footer .widget .social-icons li:before { content:""; }
		#footer .widget .social-icons li a { position:static; }
		
		.copyright { background:#1f1f1f; width:100%; clear:both; padding:20px 0px; margin:0px; color:#6a6a6a; }
		.copyright p, .copyright div, .copyright a { color:#6a6a6a; margin-bottom:0px; }
		.copyright a:hover { color:#ffffff; }
        .tel { font-size:24px; color:#0883c0; font-weight:bold; padding: 15px 3px !important;}
        .tp-caption.slider_button a {background-color: #3498db !important;}
        .parnas {padding:10px; border:1px solid #c9c9c9;}
        .cont img {margin:20px 0;display:block;}

        .marki {list-style-type:none; text-align:center; margin:0 auto; display:block;}
        .marki li {display: inline-block; width:100px;padding: 14px 7px;}
        .marki li img {margin:0 auto;}
        

.share {
    border:1px solid #e4e4e4;
    padding:10px;
    margin:0 0 10px 0;
}
#h1-main {
    text-align:center;
    margin:20px 0 10px 0;
}
.share2 {
border:none;
}
.share2 li{
    list-style-type: none;
}
.share2 li a{
    font-size:26px;
}
.dev {
    border-bottom:1px solid #e4e4e4;
display: -webkit-box;
}
.whatsapp {
    display: inline-block;
}
.whatsapp:hover {
    transform: rotate(15deg);
}


.fancybox-overlay * {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
#callback, #service {
    min-width: 400px;
    box-sizing: border-box;
}
#callback *, #service * {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-sizing: border-box;
    font-size: 13px;
}
.form-horizontal {
    border: 1px solid black;
    padding: 30px 30px 10px;
    background: white;
    z-index: 2;
}
.controls {
    padding: 0 10px;
}
.control-group {
    padding: 0 0 15px 0;
}
#callback label, #service label {
    color: #949494;
    font-weight: normal;
}
#callback input, #service input, textarea {
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,.2);
    background-color: #fff;
    margin: 10px 0 0 0;
    -webkit-appearance: none;
    -moz-appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
input:focus, textarea:focus {
    border: 1px solid #0883c0;
}
textarea {
    resize: none;
    height: auto;
}
.red_star {
    color: red;
}
.control-group:nth-child(-n+2) .red_star {
    margin: 2px;
}
.control-group:nth-child(n+3) .red_star {
    margin: 5px;
}

input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
    font-size: 14px;
}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #0883c0;
    background-color: white;
}
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    left: 3px;
    top: 4px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #0883c0;
    border-bottom: 4px solid #0883c0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
input[type="submit"]{
	border: 10px;
}
#callback button[type="submit"], #service button[type="submit"]{
    background: #0883c0;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 30px;
    float: unset;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0;
}
button[type="submit"]:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.75;
}
#callback button[type="submit"]:disabled, #service button[type="submit"]:disabled {
    background: grey;
}
#callback .error, #service .error {
    color: red;
}
.callback_success, .service_success {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 200px 0;
    font-size: 18px;
    line-height: 32px;
}
@media screen and (max-width: 424px) {
    #callback, #service {
        min-width: unset;
    }
    
}

#jGrowl {
    z-index: -111 !important;
	display: none !important;
}

.modal-form {
    background-color: #0883c0;
    color: #fff;
    padding: 10px 43px;
    font-weight: normal;
    font-size: 17px;
    display: inline-block;
}
.modal-form:hover {
    color: #fff;
    opacity: 0.8;
}
.call_form {
    background-color: #0883c0;
    color: #fff;
    padding: 10px 43px;
    font-weight: normal;
    font-size: 17px;
    display: inline-block;
}
.call_form:hover {
    color: #fff;
    opacity: 0.8;
}

header hr {
    margin: 0;
}
.header-info {
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    margin: 10px auto;
}
.header-info span {
    float: left;
    padding: 10px 0 0;
    font-weight: lighter;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .header-info {
        text-align: center;
    }
    .header-info span {
        float: unset;
        display: block;
        margin: 0 0 15px 0;
        font-size: 15px;
    }
    .header-info .modal-form {
        display: inline-block;
    }
}

 
      
.askquestion {
  text-decoration: none;
  outline: none;
  display: inline-block;
    padding: 10px 0;
    margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;
  border: 2px solid #0883c0;
  color: #0883c0;
  background-color: #fff;
  transition: .2s ease-in-out;
  width: 340px;
  text-align: center;
}
.askquestion:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.askquestion:hover {
    background-color: #0883c0;
    color: #fff;
}
.askquestion:hover:before {
  left: 270px;
  transition: .5s ease-in-out;
}

.signup {
    background-color: #0883c0;
    color: #fff;
}
.signup:hover {
    background-color: #fff;
    color: #0883c0;
}
.signup:before {
    background: linear-gradient(90deg, rgba(8, 131, 192,.1), rgba(8, 131, 192,.5));
}

@media screen and (max-width: 768px) { 
    .askquestion {
        width: 280px;
    }
}

.yandex_href {
    display: inline-block;
    background-color: #ffdb4d;
    color: #000;
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    display: none;
    width: 100%;
}
@media screen and (max-width: 768px) { 
    .yandex_href {
        display: inline-block;
    }
}

.map_pin {
    height: 15px;
    vertical-align: bottom;
    padding: 0 5px 0 0;
}

.table__inner {
	display: flex;
	overflow-x: auto;
}
.table__inner table {
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
}
.price__table tr {
	transition: 0.3s;
}
.price__table thead tr:first-child td {
	background-color: #0883c0;
	color: #fff;
}
.price__table tr:nth-child(odd) {
	background-color: #ececec;
}
.price__table td {
	padding: 7px 15px;
	color: #484848;
}
.price__table td:nth-child(n+2){
	text-align: center;
	min-width: 80px;
}
.price__table td:nth-child(4){
	min-width: 160px;
}


.price__table tr:hover {
	background-color: #dcdcdc;
}


.price__list {

}
.tab {
	overflow: hidden;
}
.tab button {
	float: left;
	margin: 0;
	outline: none;
	border: none;
	font-weight: lighter;
	width: 25%;
	font-size: 11px;
	background: #545454;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdc;
}
@media screen and (max-width: 1200px) {
	.tab button {
		width: 33.3333%;
	}
}
@media screen and (max-width: 1000px) {
	.tab button {
		width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.tab button {
		width: 100%;
	}
	.side-nav-container > ul {
		display: none;
	}
}

.tab button:hover {
	background-color: #0883c0;
}

.tab button.selected {
	background-color: #0883c0;
}

.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}


.marki span {
	color: grey;
	padding: 10px 0 0;
	display: block;
}
.marki > li {
	transition: 0.6s;
	outline: transparent solid 1px;
}
.marki > li:hover {
	outline: 1px solid #0883c0;
}




.price__dropdown {
	display: flow-root;
}
.price__dropdown * {
	list-style-type: none;
}

.price__dropdown .link, .leftmenu .link2 {
	cursor: pointer;
	display: block;
	/*color: #4D4D4D;*/
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.price__dropdown .link a {
	display: block;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	background-color: #0883c0;
	color: #fff;
}
.fa-chevron-down:before {
	color: white;
}
.price__dropdown li i.fa-chevron-down {
	padding: 14px 12px;
}

.price__dropdown li:last-child .link, .price__dropdown li:last-child .link2 { border-bottom: 0; }

.price__dropdown li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.price__dropdown li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
	top: 0;
	right: 0;
	padding: 15px 12px;
}

.price__dropdown li.open .link, .price__dropdown li.open .link2 {
	color: #000;
}

.price__dropdown li.open i {
	color: #000;
	font-weight: bold;
}

.price__dropdown li.open .link > i.fa-chevron-down, .price__dropdown li.open > .link2 > i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu1 {
	list-style-type: none;
	display: none;
}
.submenu1 {
	background: #ececec;
	font-size: 14px;
}

.submenu1 li {
	border-bottom: 1px solid #4b4a5e;
}

.submenu1 a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 12px;
	padding-left: 40px;
}
.link a, .submenu1 a {
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.link a:hover, .submenu1 a:hover {
	background: #cbcbcb;
}

.link2 a {
	padding: 0;
}



.dropdown__block {

}
.dropdown__block p {
	padding: 8px 10px;
	margin: 0;
}
.dropdown__block p:nth-child(odd) {
	background-color: #ececec;
}
.dropdown__block p:hover {
	background-color: #dcdcdc;
}
.dropdown__block span {
	float: right;
}



/*----*****---- << Shortcodes >> ----*****----*/
	
	/*----*****---- << Buttons >> ----*****----*/
	
	.button {
	line-height:normal;
	display:inline-block !important;
*display:inline; 	zoom:1;
	margin:10px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
}
	.button:hover { opacity:0.8; filter:alpha(opacity=80); color:#ffffff; }
	
	.button.small { font-size:14px; padding:11px 20px; background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) top repeat-x; }
	.button.medium { font-size:16px; padding:16px 20px; background:url(/bitrix/templates/M-servis_2/images/btn-medium-gradient.png) top repeat-x; }
	.button.large { font-size:18px; padding:21px 45px; font-size:16px; background:url(/bitrix/templates/M-servis_2/images/btn-large-gradient.png) top repeat-x; }
	.button.xlarge { font-size:20px; padding:26px 35px; font-size:18px; background:url(/bitrix/templates/M-servis_2/images/btn-large-gradient.png) top repeat-x; }
	
	.button.green { background-color:#7aa127; }
	
	.button.orange { background-color:#f39d12; }
	.button.blue { background-color:#3498db; }
	.button.pink { background-color:#e67fb9; }
	.button.red { background-color:#e74d3c; }
	.button.purple { background-color:#9c59b6; }
	.button.ocean { background-color:#1abc9c; }
	.button.black { background-color:#333334; }
	
	.button:hover { background-color:#000000; }
	.button.black:hover { background-color:#333334; }
	
	
	
	/*----*****---- << Lists >> ----*****----*/
	
	ul.fancy-list { list-style-type:none; list-style-position:outside; }
	ul.fancy-list li { display:block; position:relative; padding-left:20px; line-height:normal; }
	ul.fancy-list li ul { padding-left:0px; }
	
	ul.fancy-list.arrow li { padding-left:15px; }
	
	ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; }
	
	ul.fancy-list.arrow li:before { content:"\f105";  }
	ul.fancy-list.rounded-arrow li:before { content:"\f0a9";  }
	ul.fancy-list.double-arrow li:before { content:"\f101";  }	
	ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; }
	ul.fancy-list.trash li:before { content:"\f014";  }
	ul.fancy-list.star li:before { content:"\f005";  }
	ul.fancy-list.tick li:before { content:"\f00c";  }
	ul.fancy-list.rounded-tick li:before { content:"\f058";  }
	ul.fancy-list.cross li:before { content:"\f00d";  }
	ul.fancy-list.rounded-cross li:before { content:"\f057";  }
	ul.fancy-list.rounded-question li:before { content:"\f059";  }
	ul.fancy-list.rounded-info li:before { content:"\f05a";  }
	ul.fancy-list.delete li:before { content:"\f05e";  }
	ul.fancy-list.warning li:before { content:"\f071";  }
	ul.fancy-list.comment li:before { content:"\f075";  }
	ul.fancy-list.edit li:before { content:"\f044";  }
	ul.fancy-list.share li:before { content:"\f064";  }
	ul.fancy-list.plus li:before { content:"\f067";  }
	ul.fancy-list.rounded-plus li:before { content:"\f055";  }
	ul.fancy-list.minus li:before { content:"\f068";  }	
	ul.fancy-list.rounded-minus li:before { content:"\f056";  }	
	ul.fancy-list.asterisk li:before { content:"\f069";  }
	ul.fancy-list.cart li:before { content:"\f07a";  }
	ul.fancy-list.folder li:before { content:"\f07b";  }
	ul.fancy-list.folder-open li:before { content:"\f07c";  }
	ul.fancy-list.desktop li:before { content:"\f108";  }
	ul.fancy-list.tablet li:before { content:"\f10a";  }
	ul.fancy-list.mobile li:before { content:"\f10b";  }
	ul.fancy-list.reply li:before { content:"\f112";  }
	ul.fancy-list.quote li:before { content:"\f10d";  }
	ul.fancy-list.mail li:before { content:"\f0e0";  }
	ul.fancy-list.external-link li:before { content:"\f08e";  }	
	ul.fancy-list.adjust li:before { content:"\f042";  }
	ul.fancy-list.pencil li:before { content:"\f040";  }
	ul.fancy-list.print li:before { content:"\f02f";  }
	ul.fancy-list.tag li:before { content:"\f02b";  }	
	ul.fancy-list.thumbs-up li:before { content:"\f088";  }
	ul.fancy-list.thumbs-down li:before { content:"\f087";  }
	ul.fancy-list.time li:before { content:"\f017";  }
	ul.fancy-list.globe li:before { content:"\f0ac";  }	
	ul.fancy-list.pushpin li:before { content:"\f08d";  }
	ul.fancy-list.map-marker li:before { content:"\f041";  }
	ul.fancy-list.link li:before { content:"\f0c1";  }
	ul.fancy-list.paper-clip li:before { content:"\f0c6";  }	
	ul.fancy-list.download li:before { content:"\f019";  }
	ul.fancy-list.key li:before { content:"\f084";  }
	ul.fancy-list.search li:before { content:"\f002";  }
	ul.fancy-list.rss li:before { content:"\f09e";  }	
	ul.fancy-list.twitter li:before { content:"\f099";  }
	ul.fancy-list.facebook li:before { content:"\f09a";  }
	ul.fancy-list.linkedin li:before { content:"\f0e1";  }
	ul.fancy-list.google-plus li:before { content:"\f0d5";  }
	
	ul.fancy-list.check li:before { content:"\f046";  }
	ul.fancy-list.hand li:before { content:"\f0a4";  }
	ul.fancy-list.cog li:before { content:"\f013";  }
	ul.fancy-list.play li:before { content:"\f01d";  }
	
	ol.fancy-list li span { color:#333334; }

	ol.decimal { list-style-type:decimal; }
	ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
	ol.lower-alpha { list-style-type:lower-alpha; }
	ol.lower-roman { list-style-type:lower-roman; }
	ol.upper-alpha { list-style-type:upper-alpha; }
	ol.upper-roman { list-style-type:upper-roman; }
	
	ol.fancy-list.blue li { color:#2b6375; }
	ol.fancy-list.yellow li { color:#ffc956; }
	ol.fancy-list.pink li { color:#c34258; }
	ol.fancy-list.green li { color:#61a760; }
	ol.fancy-list.violet li { color:#343b67; }
	ol.fancy-list.mustard li { color:#a38036; }
	ol.fancy-list.turquoise li { color:#42c2a2; }	
	ol.fancy-list.olive-green li { color:#C9C94F; }
	ol.fancy-list.orange li { color:#FB7A1A; }
	ol.fancy-list.purple li { color:#BC3099; }
	ol.fancy-list.red li { color:#D11B1B; }
	ol.fancy-list.deepblue li { color:#092334; }
	ol.fancy-list.teal li { color:#008899; }	
	ol.fancy-list.mauve li { color:#625B56; }
	ol.fancy-list.steelblue li { color:#788794; }
	ol.fancy-list.coffee li { color:#372E25; }
	ol.fancy-list.coral li { color:#FF7F50; }
	ol.fancy-list.crimson li { color:#DC143C; }
	ol.fancy-list.hotpink li { color:#FF69B4; }
	ol.fancy-list.aqua li { color:#00DDDD; }
	
	/*----*****---- << Blockquote >> ----*****----*/
	
	blockquote { border-bottom:3px solid #d9d9d9; background:#ededed; display:block; padding:25px 25px 25px 50px; margin:0px; position:relative; }
	blockquote q { font-style:normal; font-size:14px; line-height:24px; }
	blockquote cite { font-size:12px; }
	blockquote:before { content:"\f10d"; font-family:FontAwesome; font-style:normal; color:#797979; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; top:25px; left:20px; }
	blockquote:after { content:''; border-bottom:1px solid #ffffff; bottom:0px; left:0px; position:absolute; width:100%; }
	
	/*----*****---- << Toggle & Accordion >> ----*****----*/
	
	.toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
	.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle { clear:both; margin:0px 0px 1px; background:#ededed; }
	.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a { color:#333334; display:block; padding:12px 15px 15px 37px; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active a:hover { color:#ffffff !important; }
	.toggle-content { clear:both; padding:20px 0px 20px; display:none; }
	
	h5.toggle, h5.toggle-accordion { font-size:16px; clear:both; position:relative; padding-left:22px; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	h5.toggle:before, h5.toggle-accordion:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; position:absolute; top:2px; left:0px; content:"\f055"; }
	h5.toggle.active:before, h5.toggle-accordion.active:before { content:"\f056"; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active:before, .toggle-frame h5.toggle.active:before, .toggle-frame h5.toggle-accordion.active:hover, .toggle-frame h5.toggle.active:hover { color:#ffffff; }
	
	.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before { top:13px; left:15px; }
	
	.toggle-frame h5.toggle, .toggle-frame h5.toggle-accordion { padding:0px; }	
		
	.faq h5.toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; }	
	.faq h5.toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#333334; width:27px; height:27px; text-align:center; line-height:27px; color:#ffffff; border:3px solid #d9d9d9; border-radius:27px; }
	.faq h5.toggle-accordion.active:before { content:'?'; }
	.faq .toggle-content { padding:0px 0px 10px; margin-left:42px; }
	
	/*----*****---- << Horizontal Tabs >> ----*****----*/
	
	.tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
	ul.tabs-frame { float:left; margin:0px 0px 0px 2%; padding:0px; width:98%; }
	ul.tabs-frame li { float:left; display:inline; margin:0px 10px 0px 0px; padding:0px; }
	ul.tabs-frame li a { border:1px solid #d9d9d9; border-top:3px solid #d9d9d9; border-bottom:0px; float:left; margin:0px; padding:0px 20px; background:#ededed; text-align:center; font-size:14px; font-weight:bold; color:#333334; line-height:40px; }
	ul.tabs-frame li a.current { background:#ffffff; color:#333334; border-bottom:0px; position:relative; z-index:1; }
	
	.tabs-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; clear:both; width:90%; margin:-1px 0px 0px; padding:25px 5% 15px; }	
	
	/*----*****---- << Vertical Tabs >> ----*****----*/
	
	.tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
	ul.tabs-vertical-frame { float:left; width:31%; margin:0px; padding:0px 13px 0px 0px; }
	ul.tabs-vertical-frame li { float:left; display:block; margin:0px 0px 10px; padding:0px; width:100%; position:relative; }
	ul.tabs-vertical-frame li a { display:block; border:1px solid #d9d9d9; margin:0px; padding:14px 20px; background:#ededed; font-size:14x; font-weight:bold; color:#333334; }
	ul.tabs-vertical-frame li a.current { background:#ffffff; }
	
	ul.tabs-vertical-frame li.current a span { position:absolute; right:-6px; top:16px; background:url(/bitrix/templates/M-servis_2/images/vertical-tabs-active.png) no-repeat; width:7px; height:12px;  }
	
	.tabs-vertical-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; width:58%; margin:-1px 0px 0px; padding:20px 4% 20px; }		
	.tabs-vertical-frame-content h4 { text-transform:none; }
	
	/*----*****---- << Pricing Table >> ----*****----*/
	
	.pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
	.pr-tb-col { position:relative; border:5px solid #f0f0f0; background:#fafafa; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
	
	.tb-title h5 { padding:20px; font-weight:bold; font-size:20px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
	
	.tb-header .price { background:#666667; margin:0px -5px; padding:20px 20px 20px 20px; display:block; font-size:48px; font-weight:bold; color:#ffffff; }
	.tb-header .price span { font-size:18px; }
	
	.tb-content { border-top:5px solid #f0f0f0; list-style-type:none; margin:0px; }
	.tb-content li { background:#f7f7f7; font-size:14px; color:#757575; border-top:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:18px 10px; }
		
	.pr-tb-col .buy-now { border-top:5px solid #f0f0f0; padding:20px; margin:0px; }
	.pr-tb-col .buy-now .button { margin:0px; background-color:#333334; color:#ffffff; }
	
	.pr-tb-col, .tb-header .price, .tb-title h5, .pr-tb-col .buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	.pr-tb-col.selected, .pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); margin-top:-25px; }
	.pr-tb-col:hover { z-index:100; }
	
	.pr-tb-col.selected .tb-title h5, .pr-tb-col:hover .tb-title h5, .pr-tb-col.selected .buy-now, .pr-tb-col:hover .buy-now { padding:25px 20px; }	
	.pr-tb-col.selected .tb-header .price, .pr-tb-col:hover .tb-header .price { padding:35px 20px; }
	.pr-tb-col.selected { border-color:#9bb95d; }
	.pr-tb-col.selected .tb-header .price { background:#9bb95d; }
	
	.pricing-table.no-space .column { margin-right:0px; }
	.pricing-table.no-space .one-fourth { width:25%; } 	
	.pricing-table.no-space .one-third { width:33.3%; }	
	.pricing-table.no-space .one-half { width:50%; }
	.pricing-table.no-space .one-fifth { width:20%; }
	.pricing-table.no-space .one-sixth { width:16.6%; }
	
	.pricing-table.no-space .three-fourth { width:75%; }
	.pricing-table.no-space .two-third { width:66.6%; }
	.pricing-table.no-space .four-fifth { width:80%; }
	.pricing-table.no-space .three-fifth { width:60%; }
	.pricing-table.no-space .two-fifth { width:40%; }
	.pricing-table.no-space .two-sixth { width:33.2%; }
	.pricing-table.no-space .three-sixth { width:49.8%; }
	.pricing-table.no-space .four-sixth { width:66.4%; }
	.pricing-table.no-space .five-sixth { width:83%; }	

	/*----*****---- << Progress Bar >> ----*****----*/
		
	.progress { height:42px; margin-bottom:10px; clear:both; display:block; }
	.progress .bar { position:relative; }
	.progress .bar-text { font-size:14px; position:absolute; top:0; left:0; line-height:42px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px; color:#fff; font-weight:bold; width:100%; text-align:left; display:none; }
	.progress .bar-text > span { float:right; display:block; }
	
	@-webkit-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-moz-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-ms-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-o-keyframes progress-bar-stripes {
	  from {
		background-position: 0 0;
	  }
	  to {
		background-position: 40px 0;
	  }
	}
	@keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	.progress {
	  overflow: hidden;
	  height:42px;
	  background-color: #ededed;
	}
	.progress .bar {
	  width: 0%;
	  height: 100%;
	  color: #ffffff;
	  float: left;
	  font-size: 12px;
	  text-align: center;
	  background-color: #0e90d2;
	  background-repeat: repeat-x;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: width 0.6s ease;
	  -moz-transition: width 0.6s ease;
	  -o-transition: width 0.6s ease;
	  transition: width 0.6s ease;
	}
	.progress .bar + .bar {
	  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	}
	.progress-striped .bar {
	  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  -webkit-background-size: 40px 40px;
	  -moz-background-size: 40px 40px;
	  -o-background-size: 40px 40px;
	  background-size: 40px 40px;
	}
	.progress.active .bar {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
	  -moz-animation: progress-bar-stripes 2s linear infinite;
	  -ms-animation: progress-bar-stripes 2s linear infinite;
	  -o-animation: progress-bar-stripes 2s linear infinite;
	  animation: progress-bar-stripes 2s linear infinite;
	}
	
/*-----------------------------------------------------------------------------

	-	Revolution Slider 1.5.3 -

		Screen Stylesheet

version:   	2.1
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------

	-	Revolution Slider 2.0 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


.fullwidthbanner-container {
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}
/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
	visibility:hidden !important;
	display:none !important;
}
.tp-caption {
	z-index:1;
}
.tp-caption.big_title {
	color:#333334;
	font-weight:bold;
	font-size:22px;
	line-height:normal;
	margin-bottom:15px;
	text-transform:uppercase;
	font-family:'Lato', sans-serif;
}
.tp-caption.small_content {
	color:#333334;
	font-size:14px;
	line-height:24px;
	font-family:'Lato', sans-serif;
}
.tp-caption.slider_button a {
	line-height:normal;
	display:inline-block !important;
*display:inline;
	zoom:1;
	margin:10px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	padding:11px 20px;
	background:url(/bitrix/templates/M-servis_2/images/btn-small-gradient.png) top repeat-x;
background-color:;
}
.tp-caption.slider_button a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	color:#ffffff;
}
.tp-caption.big_white {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	padding: 3px 4px;
	padding-top: 1px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#000;
	letter-spacing: 0px;
}
.tp-caption.big_orange {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	font-family: Arial;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fb7354;
	letter-spacing: -1.5px;
}
.tp-caption.big_black {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fff;
	letter-spacing: -1.5px;
}
.tp-caption.medium_grey {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	font-family: Arial;
	padding: 2px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#888;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 42px;
	line-height: 42px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.very_large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 60px;
	line-height: 60px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	letter-spacing: 0px;
}
.tp-caption.very_large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 72px;
	line-height: 72px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_red_text {
	position: absolute;
	color: #d31e00;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_brown_text {
	position: absolute;
	color: #a04606;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_green_text {
	position: absolute;
	color: #5b9830;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.very_big_white {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	padding: 3px 4px;
	padding-top: 1px;
	background-color:#7e8e96;
}
.tp-caption.very_big_black {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	font-family: Arial;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	padding: 0px 4px;
	padding-top: 1px;
	background-color:#fff;
}
.tp-caption.boxshadow {
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 19px;
	line-height: 19px;
	font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
	text-shadow: none;
}
.tp-caption a {
	color: #ff7302;
	text-shadow: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
	color: #ffa902;
}
.tp_inner_padding {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;
}
/******************************
	-	BUTTONS	-
*******************************/

.tp-caption .button {
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important;
	font-size:15px;
	line-height:45px !important;
	background:url(/bitrix/templates/M-servis_2/images/gradient/g30.png) repeat-x top;
	font-family: arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}
.tp-caption .button.big {
	color:#fff;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight:bold;
	padding:9px 20px;
	font-size:19px;
	line-height:57px !important;
	background:url(/bitrix/templates/M-servis_2/images/gradient/g40.png) repeat-x top;
}
.purchase:hover, .tp-caption .button:hover, .tp-caption .button.big:hover {
	background-position:bottom, 15px 11px;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.tp-caption.slider_button a {
	margin-top:5px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-caption .button {
	padding:4px 8px 3px;
	line-height:25px !important;
	font-size:11px !important;
	font-weight:normal;
}
a.tp-caption .button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
.tp-caption.slider_button a {
	font-size:9px;
	padding:5px;
	margin-top:5px;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-caption .button {
	padding:2px 5px 2px;
	line-height:20px !important;
	font-size:10px !important;
}
a.tp-caption .button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
.tp-caption.slider_button a {
	font-size:5px;
	padding:3px;
	margin-top:2px;
}
}
/*	BUTTON COLORS	*/



.tp-caption .button.green, .tp-caption .button:hover.green, .purchase.green, .purchase:hover.green {
	background-color:#21a117;
	-webkit-box-shadow:  0px 3px 0px 0px #104d0b;
	-moz-box-shadow:   0px 3px 0px 0px #104d0b;
	box-shadow:   0px 3px 0px 0px #104d0b;
}
.tp-caption .button.blue, .tp-caption .button:hover.blue, .purchase.blue, .purchase:hover.blue {
	background-color:#1d78cb;
	-webkit-box-shadow:  0px 3px 0px 0px #0f3e68;
	-moz-box-shadow:   0px 3px 0px 0px #0f3e68;
	box-shadow:   0px 3px 0px 0px #0f3e68;
}
.tp-caption .button.red, .tp-caption .button:hover.red, .purchase.red, .purchase:hover.red {
	background-color:#cb1d1d;
	-webkit-box-shadow:  0px 3px 0px 0px #7c1212;
	-moz-box-shadow:   0px 3px 0px 0px #7c1212;
	box-shadow:   0px 3px 0px 0px #7c1212;
}
.tp-caption .button.orange, .tp-caption .button:hover.orange, .purchase.orange, .purchase:hover.orange {
	background-color:#ff7700;
	-webkit-box-shadow:  0px 3px 0px 0px #a34c00;
	-moz-box-shadow:   0px 3px 0px 0px #a34c00;
	box-shadow:   0px 3px 0px 0px #a34c00;
}
.tp-caption .button.darkgrey, .tp-caption .button.grey, .tp-caption .button:hover.darkgrey, .tp-caption .button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
	background-color:#555;
	-webkit-box-shadow:  0px 3px 0px 0px #222;
	-moz-box-shadow:   0px 3px 0px 0px #222;
	box-shadow:   0px 3px 0px 0px #222;
}
.tp-caption .button.lightgrey, .tp-caption .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
	background-color:#888;
	-webkit-box-shadow:  0px 3px 0px 0px #555;
	-moz-box-shadow:   0px 3px 0px 0px #555;
	box-shadow:   0px 3px 0px 0px #555;
}
/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:absolute;
	visibility: hidden;
}
.tp-simpleresponsive img {
	max-width:none;
}
/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}
/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow1.png) no-repeat;
	background-size:100%;
	width:890px;
	height:30px;
	bottom:-30px;
}
.tp-bannershadow.tp-shadow2 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow2.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
.tp-bannershadow.tp-shadow3 {
	background:url(/bitrix/templates/M-servis_2/images/revolution/shadow3.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
.tp-caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.tp-caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear {
	clear:both;
}
.tp-bullets {
	z-index:1000;
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-bullets.simplebullets.navbar {
	border:1px solid #666;
	border-bottom:1px solid #444;
	background:url(/bitrix/templates/M-servis_2/images/revolution/boxed_bgtile.png);
	height:40px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.navbar-old {
	background:url(/bitrix/templates/M-servis_2/images/revolution/navigdots_bgtile.png);
	height:35px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.round .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullet.png) no-Repeat top left;
	width:20px;
	height:20px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
	margin-left:3px;
}
.tp-bullets.simplebullets.round .bullet.last {
	margin-right:3px;
}
.tp-bullets.simplebullets.round-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets.png) no-Repeat bottom left;
	width:23px;
	height:23px;
	margin-right:0px;
	float:left;
	margin-top:-12px;
}
.tp-bullets.simplebullets.round-old .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square-old .bullet.last {
	margin-right:0px;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/bullet_boxed.png) no-Repeat top left;
	width:18px;
	height:19px;
	margin-right:5px;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
	margin-right:0px !important;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/navigdots.png) no-Repeat bottom left;
	width:15px;
	height:15px;
	margin-left:5px !important;
	margin-right:5px !important;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
	margin-right:0px !important;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
	background-position:top left;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
	background-position:bottom left;
}
/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-leftarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_left.png) no-Repeat top left;
	width:40px;
	height:40px;
}
.tp-rightarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_right.png) no-Repeat top left;
	width:40px;
	height:40px;
}
.tp-leftarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_left.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-rightarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_right.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-leftarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-rightarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-leftarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_left_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-right:6px;
	margin-top:12px;
}
.tp-rightarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/small_right_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-left:6px;
	margin-top:12px;
}
.tp-leftarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrowleft.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-right:6px;
	margin-top:10px;
}
.tp-rightarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrowright.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-left:6px;
	margin-top:10px;
}
.tp-leftarrow.navbar-old.thumbswitharrow {
	margin-right:10px;
}
.tp-rightarrow.navbar-old.thumbswitharrow {
	margin-left:0px;
}
.tp-leftarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.default {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_left.png) no-Repeat 0 0;
	width:40px;
	height:40px;
}
.tp-rightarrow.default {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(/bitrix/templates/M-servis_2/images/revolution/large_right.png) no-Repeat 0 0;
	width:40px;
	height:40px;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
	background-position:bottom left;
}
/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs {
	z-index:1000;
	position:absolute;
	padding:3px;
	background-color:#fff;
	width:500px;
	height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs {
	padding:3px;
}
.tp-bullets.tp-thumbs .tp-mask {
	width:500px;
	height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	overflow:hidden;
	position:relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
	width:5000px;
	position:absolute;
}
.tp-bullets.tp-thumbs .bullet {
	width:100px;
	height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
	cursor:pointer;
	overflow:hidden;
	background:none;
	margin:0;
	float:left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.tp-thumbs img {
	width:100%;
}
/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
	width:100%;
	height:10px;
	background:url(/bitrix/templates/M-servis_2/images/revolution/timer.png);
	position:absolute;
	z-index:200;
}
.tp-bannertimer.tp-bottom {
	bottom:0px !important;
	height:5px;
}

/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


	@media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs {
	width:300px !important;
	height:30px !important;
}
.responsive .tp-bullets.tp-thumbs .tp-mask {
	width:300px !important;
	height:30px !important;
}
.responsive .tp-bullets.tp-thumbs .bullet {
	width:60px !important;
	height:30px !important;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
	display:none
}
.responsive .tparrows {
	display:none;
}
}
/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-simpleresponsive a {
	text-decoration:none;
}
.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}
.tp-simpleresponsive >ul >li {
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div, .tp-caption.slidelink a div {
	width:10000px;
	height:10000px;
	background:url(/bitrix/templates/M-servis_2/images/revolution/coloredbg.png) repeat;
}
.tp-loader {
	background:url(/bitrix/templates/M-servis_2/images/revolution/loader.gif) no-repeat 10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	top:50%;
	left:50%;
	z-index:10000;
	position:absolute;
	width:44px;
	height:44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tp-transparentimg {
	content:"url(/bitrix/templates/M-servis_2/../assets/transparent.png)"
}
.tp-3d {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
}


/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
		
		.container { width:900px; }
		.boxed .wrapper { width:940px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#main-menu ul li a { padding:0px 14px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 14px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:600px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:280px; }
		
		/*----*****---- << Home >> ----*****----*/		
		.ico-content.type2 { width:83%; }
		.ico-content.type3 { width:67%; }	
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:288px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:195px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:27%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:27%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:40%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:187px; }		
		.product-carousel-wrapper ul.products li { width:290px; }
		
		.product-carousel-wrapper ul.products.type2 li .details { width:40%; }
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products li { width:290px; }
		ul.products li .product-thumb { height:195px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images .thumbnails a { width:134px; height:87px; }
		.product .images .thumbnails .product-arrows a { top:25%; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:230px; }
		.one-half .entry-details { width:190px; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.blog-thumb .entry-details { width:72%; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:58%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:194px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:52%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:30%; }	
		
		.ls-layer .button-text2 a { font-size:18px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }	
		#contact-form textarea { width:96.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:250px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		.container { width:710px; }
		.boxed .wrapper { width:750px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#logo { width:27%; }
		#logo h2 a { font-size:20px; }
		
		#main-menu ul li a { padding:0px 8px; font-size:12px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 8px; }
		#main-menu ul li ul { width:150px; }
		#main-menu ul ul ul { left:150px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:500px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:190px; }
		
		/*----*****---- << Home >> ----*****----*/	
		.intro-text.type1 h4 { font-size:15px; }
		.intro-text.type1 h6 { font-size:13px; }
			
		.ico-content.type2 { width:77.5%; }
		.ico-content.type3 { width:58%; }	
		
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { padding:11px 12px; font-size:12px; }	
		
		/*----*****---- << Breadcrumb >> ----*****----*/	
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:224px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:152px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:30%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:20%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:20%; }
		
		.portfolio.one-column-with-sidebar .portfolio-detail { width:28%; }
		.portfolio.one-column .portfolio-detail { width:23%; }
		
		.portfolio.four-column-with-sidebar { margin:2px; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:146px; }		
		.product-carousel-wrapper ul.products li { width:226px; }
		
		ul.products.type2 li .details { width:100%; }
		
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products.type2 li .price { font-size:18px; }
		ul.products.type2 li .details a { padding:11px 20px; }
		
		.product .images .thumbnails a { width:109px; height:71px; margin-right:10px; }
		.product .images .thumbnails .product-arrows a { top:17%; }
				
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		
		ul.products.type2 li .product-thumb { width:230px; height:155px; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta { width:98%; margin-right:0px; margin-bottom:10px; }
		.one-half .entry-details { width:100%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:48%; }
		.one-column.blog-thumb .entry-details { width:49%; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:48%; }
		
		.blog-entry .entry-thumb-meta .entry-meta { font-size:11px; }
		
		#respond input[type="text"], #respond input[type="email"] { width:87.2%; }
		#respond textarea { width:93.5%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:153px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel li { height:52px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:40%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:29%; }	
		ul.tabs-vertical-frame li a { font-size:12px; padding:14px; }
		.tabs-vertical-frame-content { padding-top:10px; padding-bottom:10px; }
		
		ul.tabs-frame li a { padding:0px 12px; }
		
		.tb-header .price { font-size:35px; }
		
		.ls-layer .button-text2 a { font-size:14px; padding:0px 21px; line-height:38px; }
		.ls-layer .button-text a { font-size:12px; padding:0px 15px; line-height:30px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container ul li a { font-size:12px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:91%; }	
		#contact-form textarea { width:95.4%; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:86%; }
		.two-third #contact-form textarea { width:93.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:160px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
		/*----*****---- << Footer >> ----*****----*/
		#footer .widget ul li { width:91%; }
		#footer .widget .tweet_list li { width:85%; }
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:420px; }
		.boxed .wrapper { width:460px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:100%; text-align:center; margin-bottom:10px; background-position:17% center; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		
		#main-menu { width:100%; margin-bottom:5px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:98%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:60%; padding:0px; }
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author, .testimonial .author img { width:95px; height:95px; }
		.testimonial blockquote { padding-left:85px; width:58.5%; }
		.testimonial blockquote:before { left:60px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { margin-top:15px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-48px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:198px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:133px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.two-column { width:415px; margin:5px; }
		.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:279px; }
		
		.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:37%; }
		.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:33%; }
		.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:33%; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { margin-right:0px; margin-bottom:10px; }
		
		.portfolio.one-column-with-sidebar:hover a.zoom { left:34%; }
		.portfolio.one-column-with-sidebar:hover a.link { right:34%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }	
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:129px; }
		
		ul.products li { width:100%; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:10px; width:133px; }
		.product .images .thumbnails .product-arrows a { top:25%; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		
		/*----*****---- << Blog >> ----*****----*/
		.one-third .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta { width:81%; }
		.one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; }
		
		.one-half .blog-entry .entry-thumb-meta { width:240px; }
		.one-half .entry-details { width:38%; }
		
		.one-column.blog-thumb .entry-details, .one-column.with-sidebar.blog-thumb .entry-details { width:42%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:220px; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:92.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:30%; }
		
		.ls-layer .button-text2 a { font-size:11px; padding:0px 13px; line-height:30px; }
		.ls-layer .button-text a { font-size:10px; padding:0px 10px; line-height:24px; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:326px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		#map { height:280px; }
		.fullwidth-map #map { height:300px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], #contact-form input[type="text"], #contact-form input[type="email"] { margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }
	
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:280px; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:89%; text-align:center; margin-bottom:10px; background-position:14% 4px; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		#logo h2 a { font-size:18px; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Headings >> ----*****----*/		
		.border-title h2 { font-size:16px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:95%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.ico-content.type2 { width:75%; }
		.ico-content.type3 { width:65%; }
		
		.intro-text.type1 h4 span.highlight { background:none; color:#333334; }
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(/bitrix/templates/M-servis_2/images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:100%; padding:0px; text-align:center; }
		
		.breadcrumb a, .breadcrumb span, .breadcrumb h1 { float:none; display:inline-block; } 
		
		.breadcrumb span { margin:3px 5px 0px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:14px; }
		
		.main-phone-no { margin-left:15px; float:left; }
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		.side-nav-container ul li a { font-size:11px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author { width:100%; text-align:center; background:none; height:auto; padding:0px; margin-bottom:10px; }
		.testimonial .author img { width:95px; height:95px; border:10px solid #e5e5e5; }
		.testimonial blockquote { padding-left:40px; width:67.5%; margin:130px 0px 0px; clear:both; }
		.testimonial blockquote:before { left:10px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:135px; }
		
		/*----*****---- << 404 >> ----*****----*/
		.error-info h2 span.error { font-size:96px; }
		.error-info h2 span { font-size:30px; }
		.error-info h2 { font-size:20px; }
		.error-info h3 { font-size:16px; }
		
		#searchform input[type="text"] { width:108px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-48px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:188px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:127px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.three-column, .portfolio.two-column, .portfolio.four-column, .portfolio.three-column-with-sidebar, .portfolio.two-column-with-sidebar, .portfolio.four-column-with-sidebar { width:200px; margin:6px 0px; }
		.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img, .portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img, .portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img, .portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img, .portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img, .portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img, .portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:135px; }
		
		
		.portfolio.four-column .image-overlay a, .portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a, .portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a, .portfolio.three-column-with-sidebar .image-overlay a, .portfolio.four-column-with-sidebar .image-overlay a { top:28%; }
		.portfolio.four-column:hover a.zoom, .portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom, .portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom, .portfolio.three-column-with-sidebar:hover a.zoom, .portfolio.four-column-with-sidebar:hover a.zoom { left:16%; }
		.portfolio.four-column:hover .image-overlay a.link, .portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link, .portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link, .portfolio.three-column-with-sidebar:hover a.link, .portfolio.four-column-with-sidebar:hover a.link  { right:16%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }
		
		.pagination ul li.active-page, .pagination ul li { margin-bottom:10px; } 
		
		.portfolio-slider-container .bx-controls-direction a { top:24%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:123px; }
		
		ul.products li { margin:0px 0px 10px; width:100%; }
		ul.products li .product-thumb { height:auto; }
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		ul.products li .price { font-size:14px; margin-left:10px; }
		ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:5px; width:63px; }
		.product .images .thumbnails .product-arrows a { top:0px; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		.product .summary .cart button { margin-top:10px; float:none; }
		
		/*----*****---- << Blog >> ----*****----*/
		.blog-entry .entry-thumb-meta { width:100% !important; }
		.blog-entry .entry-details { width:100% !important; }
		
		.blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		
		ul.commentlist li .comment-details { width:80%; }
		ul.commentlist li .comment-author { float:left; position:relative; margin:10px; z-index:1; }
		ul.commentlist li, ul.commentlist li .comment { padding:0px; }
		ul.commentlist li .author-name { clear:both; }
		ul.commentlist li ul.children { margin-left:20px; width:88%; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:83.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		.button.large { padding-left:40px; padding-right:40px; }
		
		ul.tabs-frame { margin-left:0px; }
		ul.tabs-frame li { margin-right:0px; }
		
		ul.tabs-vertical-frame { width:95%; }
		.tabs-vertical-frame-content { width:87%; }
		
		ul.tabs-frame li { width:100%; }
		ul.tabs-frame li a { width:91%; }
		.tabs-frame-content { width:89%; }
		ul.tabs-frame li a { padding:0px 10px; font-size:12px; margin-bottom:5px; }
		ul.tabs-frame li a, ul.tabs-frame li a.current { border-bottom:1px solid #d9d9d9; }
		
		.ls-layer .button-text2 a { font-size:8px; padding:0px 9px; line-height:18px; }
		.ls-layer .button-text a { font-size:7px; padding:0px 10px; line-height:20px; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:103px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		
		/*----*****---- << Contact >> ----*****----*/
		#footer .widget .tweet_list li { width:86%; }
		#map { height:180px; }
		.fullwidth-map #map { height:200px; }
		.contact-details { padding-left:20px; padding-right:20px; }
		#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:84%; }
		#contact-form input[type="text"], #contact-form input[type="email"], .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { margin-top:10px; margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }	
	}

/*----*****---- << FontAwesome >> ----*****----*/
	
@font-face{
  font-family:'FontAwesome';
  src:url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.eot@v=3.0.1');
  src:url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.eot@#iefix&v=3.0.1') format('embedded-opentype'),
  url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.woff@v=3.0.1') format('woff'),
  url('/bitrix/templates/M-servis_2/font/fontawesome-webfont.ttf@v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}	



/*это затемнение экрана при вызове формы*/
.modal_background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*это контейнер самой формы*/
.modal_form{
    background: #ffffff;
    border-radius: 2px;
    width: 400px;
    position: relative;
    display: none;
    max-width: 100%;
}
/*это кнопка для закрытия формы*/
a.close_form{
    position: absolute;
    right: 30px;
    top: 40px;
    z-index: 5;
}



/* End */
/* /bitrix/templates/M-servis_2/components/bitrix/menu/M-Servis/style.min.css?1678797403490 */
/* /bitrix/templates/M-servis_2/styles.css?1669206916166114 */
/* /bitrix/templates/M-servis_2/template_styles.css?1674559478166882 */